/* /Components/AccountantSubjectsTable.razor.rz.scp.css */
.accountant-subjects-list[b-uaiabufyh6] {
    display: grid;
    gap: 0.8rem;
    align-content: start;
    padding: 1rem 1.1rem;
}

.accountant-table-wrapper[b-uaiabufyh6] {
    overflow-x: auto;
    border-radius: 12px;
}

.accountant-subjects-table[b-uaiabufyh6] {
    width: 100%;
    min-width: 780px;
    border-collapse: collapse;
    table-layout: fixed;
}

.accountant-subjects-table th[b-uaiabufyh6],
.accountant-subjects-table td[b-uaiabufyh6] {
    text-align: left;
    padding: 0.6rem 0.5rem;
    border-bottom: 1px solid var(--border-muted, #e2e8f0);
    vertical-align: top;
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.accountant-subjects-table th[b-uaiabufyh6] {
    font-weight: 600;
    color: var(--text-secondary, #475569);
}

.accountant-subjects-table td.numeric[b-uaiabufyh6],
.accountant-subjects-table th.numeric[b-uaiabufyh6] {
    text-align: right;
}

.accountant-col-name[b-uaiabufyh6] {
    width: 25%;
}

.accountant-col-chat[b-uaiabufyh6] {
    width: 56px;
}

.accountant-col-identifier[b-uaiabufyh6] {
    width: 21%;
}

.accountant-col-number[b-uaiabufyh6] {
    width: 18%;
}

.accountant-chat-col[b-uaiabufyh6],
.accountant-chat-cell[b-uaiabufyh6] {
    text-align: center;
}

.accountant-chat-header-icon[b-uaiabufyh6] {
    width: 1rem;
    height: 1rem;
    color: var(--text-secondary, #64748b);
    vertical-align: middle;
}

.sort-cell[b-uaiabufyh6] {
    white-space: nowrap;
}

.sort-button[b-uaiabufyh6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: none;
    background: transparent;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.sort-button:focus-visible[b-uaiabufyh6] {
    outline: 2px solid var(--accent, #0e9683);
    outline-offset: 2px;
    border-radius: 6px;
}

.sort-indicator[b-uaiabufyh6] {
    display: inline-flex;
    align-items: center;
}

.sort-indicator svg[b-uaiabufyh6] {
    width: 0.8rem;
    height: 0.8rem;
}

.sort-indicator .sort-up[b-uaiabufyh6],
.sort-indicator .sort-down[b-uaiabufyh6] {
    opacity: 0.25;
}

.sort-button.sort-asc .sort-up[b-uaiabufyh6] {
    opacity: 0.9;
}

.sort-button.sort-desc .sort-down[b-uaiabufyh6] {
    opacity: 0.9;
}

.accountant-filters th[b-uaiabufyh6] {
    background: color-mix(in srgb, var(--surface-elevated, #fff) 94%, #f1f5f9);
    border-bottom: 1px solid var(--border-muted, #dbe5ef);
}

.accountant-filter[b-uaiabufyh6] {
    width: 100%;
    min-width: 0;
    padding: 0.38rem 0.5rem;
    border-radius: 8px;
    border: 1px solid var(--border-muted, #dbe5ef);
    font-size: 0.82rem;
    background: var(--surface-elevated, #fff);
    color: var(--text, #0f172a);
}

.accountant-filter[b-uaiabufyh6]::placeholder {
    color: var(--text-secondary, #94a3b8);
}

.accountant-subjects-table th.numeric .accountant-filter[b-uaiabufyh6] {
    text-align: right;
}

.accountant-subject-title[b-uaiabufyh6] {
    font-weight: 600;
    color: var(--text, #0f172a);
}

.accountant-subjects-table tbody tr.cases-row[b-uaiabufyh6] {
    cursor: pointer;
}

.accountant-subjects-table tbody tr.cases-row:hover[b-uaiabufyh6] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 8%, transparent);
}

.accountant-subjects-table tbody tr.cases-row.active[b-uaiabufyh6] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 16%, transparent);
}

.accountant-subjects-table tbody tr.cases-row:focus-visible[b-uaiabufyh6] {
    outline: 2px solid var(--accent, #0e9683);
    outline-offset: -2px;
}

.subject-chat-link-wrapper[b-uaiabufyh6] {
    position: relative;
    display: inline-flex;
}

.subject-chat-link[b-uaiabufyh6] {
    position: relative;
    border: none;
    background: color-mix(in srgb, var(--surface-elevated, #fff) 84%, #cbd5e1);
    color: var(--text, #0f172a);
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.subject-chat-link.small[b-uaiabufyh6] {
    width: 30px;
    height: 30px;
    border-radius: 10px;
}

.subject-chat-link svg[b-uaiabufyh6] {
    width: 18px;
    height: 18px;
}

.subject-chat-link:hover[b-uaiabufyh6] {
    background: color-mix(in srgb, var(--surface-elevated, #fff) 74%, #94a3b8);
}

.subject-chat-link:focus-visible[b-uaiabufyh6] {
    outline: 2px solid var(--accent, #0e9683);
    outline-offset: 2px;
}

.subject-chat-badge[b-uaiabufyh6] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--accent, #0e9683);
    color: #fff;
    font-size: 0.6rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    box-shadow: 0 0 0 2px var(--surface-elevated, #fff);
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    line-height: 1;
}

.subject-chat-badge:focus-visible[b-uaiabufyh6] {
    outline: 2px solid var(--accent, #0e9683);
    outline-offset: 2px;
}

.accountant-badge[b-uaiabufyh6] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.accountant-badge.unaccounted[b-uaiabufyh6] {
    background: #ffedd5;
    color: #9a3412;
    border: 1px solid rgba(154, 52, 18, 0.25);
}

[data-theme='dark'] .accountant-badge.unaccounted[b-uaiabufyh6] {
    background: rgba(234, 88, 12, 0.2);
    color: rgba(254, 215, 170, 0.95);
    border-color: rgba(234, 88, 12, 0.35);
}

.accountant-muted[b-uaiabufyh6] {
    color: var(--text-secondary, #94a3b8);
    font-size: 0.85rem;
}

.accountant-empty[b-uaiabufyh6] {
    text-align: center;
    color: var(--text-secondary, #94a3b8);
    padding: 1rem 0.5rem;
}

.accountant-pagination[b-uaiabufyh6] {
    padding: 0.75rem 0.25rem 0;
}

.pagination-toolbar[b-uaiabufyh6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.pagination-buttons[b-uaiabufyh6] {
    display: flex;
    gap: 0.75rem;
}

@media (max-width: 780px) {
    .accountant-subjects-list[b-uaiabufyh6] {
        padding: 0.9rem;
    }

    .accountant-subjects-table[b-uaiabufyh6] {
        min-width: 720px;
    }

    .pagination-toolbar[b-uaiabufyh6] {
        flex-direction: column;
        align-items: stretch;
    }

    .pagination-buttons[b-uaiabufyh6] {
        justify-content: flex-end;
    }
}
/* /Components/AppDialogHost.razor.rz.scp.css */
.app-dialog-overlay[b-q971uc04a6] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    padding: 1rem;
}

.app-dialog[b-q971uc04a6] {
    width: min(520px, 100%);
    background: #fff;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    border-top: 4px solid var(--dialog-accent, var(--accent));
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.app-dialog--confirm[b-q971uc04a6],
.app-dialog--prompt[b-q971uc04a6] {
    --dialog-accent: var(--accent);
}

.app-dialog--info[b-q971uc04a6] {
    --dialog-accent: #0ea5e9;
}

.app-dialog--error[b-q971uc04a6] {
    --dialog-accent: #dc2626;
}

.app-dialog-header[b-q971uc04a6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem 0.75rem;
}

.app-dialog-heading h2[b-q971uc04a6] {
    margin: 0;
    font-size: 1.3rem;
    color: #0f172a;
}

.app-dialog-message[b-q971uc04a6] {
    margin: 0.35rem 0 0;
    color: #475569;
    line-height: 1.5;
    white-space: pre-line;
}

.app-dialog-close[b-q971uc04a6] {
    border: none;
    background: none;
    color: #64748b;
    padding: 0.25rem;
    cursor: pointer;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.app-dialog-close svg[b-q971uc04a6] {
    width: 20px;
    height: 20px;
}

.app-dialog-close:hover[b-q971uc04a6] {
    background: rgba(15, 23, 42, 0.08);
    color: #0f172a;
}

.app-dialog-close:disabled[b-q971uc04a6] {
    cursor: not-allowed;
    opacity: 0.6;
}

.app-dialog-body[b-q971uc04a6] {
    padding: 0.25rem 1.5rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.app-dialog-input-label[b-q971uc04a6] {
    font-weight: 600;
    color: #0f172a;
}

.app-dialog-input[b-q971uc04a6] {
    width: 100%;
    border: 1px solid #cbd5f5;
    border-radius: 12px;
    padding: 0.6rem 0.75rem;
    font-size: 1rem;
}

.app-dialog-input:focus[b-q971uc04a6] {
    outline: 2px solid rgba(47, 128, 237, 0.35);
    border-color: var(--accent);
}

.app-dialog-footer[b-q971uc04a6] {
    padding: 0.9rem 1.5rem 1.25rem;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    border-top: 1px solid #e2e8f0;
}

[data-theme='dark'] .app-dialog[b-q971uc04a6] {
    background: #0f172a;
    border-color: #1f2a44;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);
}

[data-theme='dark'] .app-dialog-heading h2[b-q971uc04a6] {
    color: #e2e8f0;
}

[data-theme='dark'] .app-dialog-message[b-q971uc04a6] {
    color: #cbd5f5;
}

[data-theme='dark'] .app-dialog-close[b-q971uc04a6] {
    color: #94a3b8;
}

[data-theme='dark'] .app-dialog-close:hover[b-q971uc04a6] {
    background: rgba(148, 163, 184, 0.2);
    color: #e2e8f0;
}

[data-theme='dark'] .app-dialog-input-label[b-q971uc04a6] {
    color: #e2e8f0;
}

[data-theme='dark'] .app-dialog-input[b-q971uc04a6] {
    background: rgba(15, 23, 42, 0.75);
    border-color: #1f2a44;
    color: #e2e8f0;
}

[data-theme='dark'] .app-dialog-footer[b-q971uc04a6] {
    border-top-color: #1f2a44;
}

@media (max-width: 480px) {
    .app-dialog-header[b-q971uc04a6],
    .app-dialog-body[b-q971uc04a6],
    .app-dialog-footer[b-q971uc04a6] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .app-dialog-footer[b-q971uc04a6] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .app-dialog-footer button[b-q971uc04a6] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/CommentThread.razor.rz.scp.css */
.comment-author[b-dh08eevluv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.comment-author-avatar[b-dh08eevluv] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    background: #eef2f6;
}
/* /Components/FreeSubjectSelectionModal.razor.rz.scp.css */
.free-subject-selection-overlay[b-5llbc3a77v] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1.25rem;
}

.free-subject-selection-backdrop[b-5llbc3a77v] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(2px);
}

.free-subject-selection-modal[b-5llbc3a77v] {
    position: relative;
    width: min(720px, 100%);
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 80px rgba(2, 6, 23, 0.25);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: min(85vh, 800px);
    overflow: auto;
}

[data-theme='dark'] .free-subject-selection-modal[b-5llbc3a77v] {
    background: rgba(15, 23, 42, 0.96);
    border-color: rgba(226, 232, 240, 0.18);
    box-shadow: 0 16px 90px rgba(0, 0, 0, 0.55);
}

.free-subject-selection-header h2[b-5llbc3a77v] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
}

.free-subject-selection-header p[b-5llbc3a77v] {
    margin: 0.35rem 0 0;
}

.free-subject-selection-list[b-5llbc3a77v] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-top: 0.75rem;
}

.free-subject-selection-item[b-5llbc3a77v] {
    text-align: left;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 14px;
    padding: 0.9rem 1rem;
    background: rgba(255, 255, 255, 0.92);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

[data-theme='dark'] .free-subject-selection-item[b-5llbc3a77v] {
    background: rgba(2, 6, 23, 0.65);
    border-color: rgba(226, 232, 240, 0.18);
}

.free-subject-selection-item.selected[b-5llbc3a77v] {
    border-color: rgba(47, 128, 237, 0.7);
    box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.18);
}

.free-subject-selection-item:hover:not(:disabled)[b-5llbc3a77v] {
    border-color: rgba(47, 128, 237, 0.55);
    transform: translateY(-1px);
}

.free-subject-selection-item:disabled[b-5llbc3a77v] {
    opacity: 0.72;
    cursor: not-allowed;
}

.free-subject-selection-item-title[b-5llbc3a77v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: baseline;
}

.free-subject-selection-footer[b-5llbc3a77v] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.5rem;
}

/* /Components/MessagesPanel.razor.rz.scp.css */
.messages-panel[b-8a3y47dd5e] {
    position: fixed;
    bottom: calc(1.75rem + var(--layout-status-bar-offset, 0px));
    right: 1.25rem;
    z-index: 1500;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.75rem;
    pointer-events: none;
}

.messages-panel > *[b-8a3y47dd5e] {
    pointer-events: auto;
}

.messages-floater[b-8a3y47dd5e] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 0.75rem;
}

.messages-drawer[b-8a3y47dd5e],
.messages-window[b-8a3y47dd5e] {
    width: min(360px, calc(100vw - 2rem));
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.messages-drawer-header[b-8a3y47dd5e],
.messages-window-header[b-8a3y47dd5e] {
    padding: 0.9rem 1rem;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
}

.messages-drawer-header h3[b-8a3y47dd5e],
.messages-window-header h3[b-8a3y47dd5e] {
    margin: 0;
    font-size: 1.05rem;
}

.messages-panel-label[b-8a3y47dd5e] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    margin: 0;
}

.messages-panel-subtitle[b-8a3y47dd5e],
.messages-window-meta[b-8a3y47dd5e] {
    margin: 0.2rem 0 0;
    font-size: 0.8rem;
    color: #64748b;
}

.messages-window-subject[b-8a3y47dd5e] {
    margin: 0 0 0.35rem;
    font-size: 0.85rem;
    color: #0f172a;
    font-weight: 600;
}

.messages-panel-actions[b-8a3y47dd5e],
.messages-window-actions[b-8a3y47dd5e] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-end;
}

.messages-drawer-header .icon-button.close[b-8a3y47dd5e],
.messages-window-header .icon-button.close[b-8a3y47dd5e],
.messages-modal-header .icon-button.close[b-8a3y47dd5e] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: none;
    background: #eef2f7;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1;
    transition: transform 0.15s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.messages-drawer-header .icon-button.close svg[b-8a3y47dd5e],
.messages-window-header .icon-button.close svg[b-8a3y47dd5e] {
    width: 18px;
    height: 18px;
}

.messages-drawer-header .icon-button.close:hover[b-8a3y47dd5e],
.messages-window-header .icon-button.close:hover[b-8a3y47dd5e],
.messages-modal-header .icon-button.close:hover[b-8a3y47dd5e] {
    transform: translateY(-1px);
    background: #e2e8f0;
}

.messages-drawer-header .icon-button.close:focus-visible[b-8a3y47dd5e],
.messages-window-header .icon-button.close:focus-visible[b-8a3y47dd5e],
.messages-modal-header .icon-button.close:focus-visible[b-8a3y47dd5e] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.messages-action[b-8a3y47dd5e] {
    border: none;
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 600;
    background: var(--accent);
    color: #fff;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.messages-action.secondary[b-8a3y47dd5e] {
    background: #e2e8f0;
    color: #0f172a;
}

.messages-action.ghost[b-8a3y47dd5e] {
    background: transparent;
    color: #0f172a;
}

.messages-action:hover[b-8a3y47dd5e] {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}

.messages-list[b-8a3y47dd5e] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    max-height: 360px;
    overflow-y: auto;
}

.messages-conversation[b-8a3y47dd5e] {
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 0.75rem;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.messages-conversation:hover[b-8a3y47dd5e] {
    border-color: #0ea5e9;
    background: #eff6ff;
}

.messages-conversation.active[b-8a3y47dd5e] {
    border-color: #0ea5e9;
    background: #e0f2fe;
    box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.2);
}

.messages-conversation-top[b-8a3y47dd5e] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.messages-conversation-name[b-8a3y47dd5e] {
    font-weight: 600;
    display: block;
    color: #0f172a;
}

.messages-conversation-subject[b-8a3y47dd5e] {
    font-size: 0.75rem;
    color: #64748b;
}

.messages-conversation-meta[b-8a3y47dd5e] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
    font-size: 0.7rem;
    color: #64748b;
}

.messages-conversation-preview[b-8a3y47dd5e] {
    margin: 0;
    font-size: 0.82rem;
    color: #475569;
    line-height: 1.35;
}

.messages-badge[b-8a3y47dd5e] {
    min-width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.3rem;
}

.messages-window[b-8a3y47dd5e] {
    max-height: 540px;
}

.messages-members[b-8a3y47dd5e] {
    padding: 0.5rem 0.9rem;
    border-bottom: 1px solid #e5e7eb;
    background: #f8fafc;
}

.messages-members-label[b-8a3y47dd5e] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.messages-members-list[b-8a3y47dd5e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.messages-member[b-8a3y47dd5e] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
}

.messages-thread[b-8a3y47dd5e] {
    flex: 1;
    padding: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    overflow-y: auto;
    background: #f8fafc;
}

.messages-message[b-8a3y47dd5e] {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
}

.messages-message.own[b-8a3y47dd5e] {
    flex-direction: row-reverse;
}

.messages-avatar[b-8a3y47dd5e] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: #e2e8f0;
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 0.85rem;
    color: #0f172a;
    overflow: hidden;
}

.messages-avatar img[b-8a3y47dd5e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.messages-bubble[b-8a3y47dd5e] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 0.65rem 0.8rem;
    max-width: 70%;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.messages-message.own .messages-bubble[b-8a3y47dd5e] {
    background: #dbeafe;
    border-color: #bfdbfe;
}

.messages-message.highlight .messages-bubble[b-8a3y47dd5e] {
    box-shadow: 0 0 0 2px #f59e0b, 0 12px 24px rgba(245, 158, 11, 0.2);
}

.messages-bubble-header[b-8a3y47dd5e] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.messages-author[b-8a3y47dd5e] {
    font-weight: 600;
    color: #0f172a;
}

.messages-body[b-8a3y47dd5e] {
    margin: 0;
    white-space: pre-wrap;
    line-height: 1.4;
    font-size: 0.9rem;
    color: #0f172a;
}

.messages-read[b-8a3y47dd5e] {
    margin-top: 0.35rem;
    display: inline-flex;
    gap: 0.3rem;
    align-items: center;
    font-size: 0.7rem;
    color: #64748b;
}

.messages-read svg[b-8a3y47dd5e] {
    width: 16px;
    height: 16px;
}

.messages-composer[b-8a3y47dd5e] {
    border-top: 1px solid #e5e7eb;
    padding: 0.75rem;
    display: flex;
    gap: 0.5rem;
    background: #ffffff;
}

.messages-input[b-8a3y47dd5e] {
    flex: 1;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 0.6rem 0.75rem;
    resize: none;
    min-height: 44px;
}

.messages-send[b-8a3y47dd5e] {
    border: none;
    border-radius: 12px;
    background: var(--accent);
    color: #ffffff;
    font-weight: 600;
    padding: 0 1rem;
    cursor: pointer;
}

.messages-load-more[b-8a3y47dd5e],
.messages-load-more-hint[b-8a3y47dd5e] {
    border: 1px dashed #cbd5f5;
    background: #eef2ff;
    color: #475569;
    padding: 0.4rem 0.6rem;
    border-radius: 10px;
    font-size: 0.75rem;
    text-align: center;
}

.messages-load-more[b-8a3y47dd5e] {
    cursor: pointer;
}

.messages-empty[b-8a3y47dd5e] {
    text-align: center;
    padding: 0.75rem;
    font-size: 0.85rem;
    color: #64748b;
}

.messages-launcher[b-8a3y47dd5e] {
    border: none;
    border-radius: 999px;
    background: #0f172a;
    color: #ffffff;
    padding: 0.55rem 0.95rem;
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.25);
    cursor: pointer;
    font-weight: 600;
    position: relative;
}

.messages-launcher.open[b-8a3y47dd5e] {
    background: #0ea5e9;
}

.messages-launcher svg[b-8a3y47dd5e] {
    width: 18px;
    height: 18px;
}

.messages-modal-backdrop[b-8a3y47dd5e] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 1700;
}

.messages-modal[b-8a3y47dd5e] {
    width: min(520px, calc(100vw - 2rem));
    background: #ffffff;
    border-radius: 18px;
    padding: 1.25rem;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.35);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}

.messages-modal-header[b-8a3y47dd5e] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.messages-modal-body[b-8a3y47dd5e] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.messages-modal-actions[b-8a3y47dd5e] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.messages-field-label[b-8a3y47dd5e] {
    font-weight: 600;
    font-size: 0.85rem;
}

.messages-text-input[b-8a3y47dd5e],
.messages-select[b-8a3y47dd5e] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 0.55rem 0.7rem;
}

.messages-search-row[b-8a3y47dd5e] {
    display: flex;
    gap: 0.5rem;
}

.messages-search-row .messages-text-input[b-8a3y47dd5e] {
    flex: 1;
}

.messages-recipient-list[b-8a3y47dd5e] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.messages-recipient[b-8a3y47dd5e] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 0.6rem 0.75rem;
    background: #f8fafc;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    text-align: left;
    cursor: pointer;
}

.messages-recipient-name[b-8a3y47dd5e] {
    font-weight: 600;
    display: block;
    color: #0f172a;
}

.messages-recipient-role[b-8a3y47dd5e] {
    font-size: 0.75rem;
    color: #64748b;
}

.messages-recipient-subject[b-8a3y47dd5e] {
    font-size: 0.75rem;
    color: #64748b;
}

.messages-member-grid[b-8a3y47dd5e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.5rem;
}

.messages-member-option[b-8a3y47dd5e] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 0.5rem 0.6rem;
    background: #f8fafc;
    font-size: 0.85rem;
}

@media (max-width: 900px) {
    .messages-floater[b-8a3y47dd5e] {
        flex-direction: column;
        align-items: flex-end;
    }
}

@media (max-width: 640px) {
    .messages-panel[b-8a3y47dd5e] {
        right: 0.75rem;
        left: auto;
        align-items: flex-end;
    }

    .messages-launcher[b-8a3y47dd5e] {
        width: auto;
        min-width: 3rem;
        height: 3rem;
        padding: 0.55rem;
        justify-content: center;
    }

    .messages-launcher-label[b-8a3y47dd5e] {
        display: none;
    }

    .messages-launcher .messages-badge[b-8a3y47dd5e] {
        position: absolute;
        top: -0.18rem;
        right: -0.08rem;
    }
}

[data-theme='dark'] .messages-drawer[b-8a3y47dd5e],
[data-theme='dark'] .messages-window[b-8a3y47dd5e],
[data-theme='dark'] .messages-modal[b-8a3y47dd5e] {
    background: #0f172a;
    border-color: #1f2a44;
    color: #e2e8f0;
}

[data-theme='dark'] .messages-drawer-header[b-8a3y47dd5e],
[data-theme='dark'] .messages-window-header[b-8a3y47dd5e] {
    border-color: #1f2a44;
}

[data-theme='dark'] .messages-panel-subtitle[b-8a3y47dd5e],
[data-theme='dark'] .messages-window-meta[b-8a3y47dd5e],
[data-theme='dark'] .messages-conversation-subject[b-8a3y47dd5e],
[data-theme='dark'] .messages-conversation-preview[b-8a3y47dd5e],
[data-theme='dark'] .messages-conversation-meta[b-8a3y47dd5e],
[data-theme='dark'] .messages-recipient-role[b-8a3y47dd5e],
[data-theme='dark'] .messages-recipient-subject[b-8a3y47dd5e],
[data-theme='dark'] .messages-read[b-8a3y47dd5e] {
    color: #94a3b8;
}

[data-theme='dark'] .messages-conversation[b-8a3y47dd5e],
[data-theme='dark'] .messages-member-option[b-8a3y47dd5e],
[data-theme='dark'] .messages-recipient[b-8a3y47dd5e],
[data-theme='dark'] .messages-bubble[b-8a3y47dd5e],
[data-theme='dark'] .messages-member[b-8a3y47dd5e] {
    background: #111c2f;
    border-color: #1f2a44;
}

[data-theme='dark'] .messages-thread[b-8a3y47dd5e] {
    background: #0b1322;
}

[data-theme='dark'] .messages-message.own .messages-bubble[b-8a3y47dd5e] {
    background: rgba(59, 130, 246, 0.15);
    border-color: rgba(59, 130, 246, 0.35);
}

[data-theme='dark'] .messages-drawer-header .icon-button.close[b-8a3y47dd5e],
[data-theme='dark'] .messages-window-header .icon-button.close[b-8a3y47dd5e],
[data-theme='dark'] .messages-modal-header .icon-button.close[b-8a3y47dd5e] {
    background: rgba(15, 23, 42, 0.85);
    color: #e2e8f0;
    box-shadow: 0 10px 20px rgba(2, 6, 23, 0.4);
}

[data-theme='dark'] .messages-drawer-header .icon-button.close:hover[b-8a3y47dd5e],
[data-theme='dark'] .messages-window-header .icon-button.close:hover[b-8a3y47dd5e],
[data-theme='dark'] .messages-modal-header .icon-button.close:hover[b-8a3y47dd5e] {
    background: rgba(30, 41, 59, 0.9);
}
/* /Components/PhoneGateModal.razor.rz.scp.css */
.phone-gate-overlay[b-e9pfd8f8zk] {
    position: fixed;
    inset: 0;
    z-index: 1250;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.phone-gate-backdrop[b-e9pfd8f8zk] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(2px);
}

.phone-gate-modal[b-e9pfd8f8zk] {
    position: relative;
    width: min(640px, 100%);
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 20px 80px rgba(2, 6, 23, 0.25);
    padding: 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.phone-gate-header h2[b-e9pfd8f8zk] {
    margin: 0;
    font-size: 1.4rem;
}

.phone-gate-header .muted[b-e9pfd8f8zk] {
    margin: 0.4rem 0 0;
}

.phone-gate-body[b-e9pfd8f8zk] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.phone-gate-field[b-e9pfd8f8zk] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.phone-gate-footer[b-e9pfd8f8zk] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.phone-gate-modal .field-hint[b-e9pfd8f8zk] {
    font-size: 0.82rem;
    color: #475569;
}

[data-theme='dark'] .phone-gate-modal[b-e9pfd8f8zk] {
    background: rgba(15, 23, 42, 0.96);
    border-color: rgba(226, 232, 240, 0.18);
    box-shadow: 0 20px 90px rgba(0, 0, 0, 0.6);
    color: #e2e8f0;
}

[data-theme='dark'] .phone-gate-modal .field-hint[b-e9pfd8f8zk] {
    color: #94a3b8;
}
/* /Components/PhoneInput.razor.rz.scp.css */
.phone-input[b-3kmoapncxx] {
    width: 100%;
}

.phone-input-field[b-3kmoapncxx],
.phone-input-number-field[b-3kmoapncxx] {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--border-input);
    padding: 0.65rem 0.8rem;
    font: inherit;
    background: var(--bg-input);
    color: var(--text-primary);
}

.phone-input-field:focus-visible[b-3kmoapncxx],
.phone-input-number-field:focus-visible[b-3kmoapncxx] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.phone-input-field:disabled[b-3kmoapncxx],
.phone-input-number-field:disabled[b-3kmoapncxx] {
    opacity: 0.7;
    cursor: not-allowed;
}
/* /Components/ReceiptGallery.razor.rz.scp.css */
.receipt-gallery-backdrop[b-si60ts9eb6] {
    position: fixed;
    inset: 0;
    background: rgba(9, 12, 20, 0.82);
    z-index: 1100;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 0;
}

.receipt-gallery[b-si60ts9eb6] {
    background: rgba(8, 10, 20, 0.55);
    color: #e2e8f0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    padding: 1rem 1.5rem;
    gap: 0.75rem;
    outline: none;
}

[data-theme='light'] .receipt-gallery[b-si60ts9eb6] {
    background: rgba(15, 19, 30, 0.92);
    color: #f8fafc;
}

.receipt-gallery .gallery-header[b-si60ts9eb6] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    padding-bottom: 0.5rem;
    flex-wrap: wrap;
}

.receipt-gallery .gallery-title h2[b-si60ts9eb6] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: inherit;
}

.receipt-gallery .gallery-meta[b-si60ts9eb6] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: rgba(15, 23, 42, 0.72);
    text-align: right;
    min-width: 260px;
}

[data-theme='dark'] .receipt-gallery .gallery-meta[b-si60ts9eb6] {
    color: rgba(226, 232, 240, 0.7);
}

.gallery-side-header[b-si60ts9eb6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

.gallery-side-actions[b-si60ts9eb6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.gallery-side-actions .button-pill[b-si60ts9eb6] {
    font-weight: 500;
    text-transform: none;
}

.gallery-side-header .icon-button.close[b-si60ts9eb6] {
    border: 1px solid rgba(15, 23, 42, 0.2);
    background: #fff;
    color: #0f172a;
}

.receipt-reminder-state[b-si60ts9eb6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(14, 150, 131, 0.25);
    background: rgba(14, 150, 131, 0.12);
    font-size: 0.78rem;
    color: #0f172a;
    flex-wrap: wrap;
}

.receipt-reminder-text[b-si60ts9eb6] {
    font-weight: 600;
}

.receipt-reminder-state .link[b-si60ts9eb6] {
    font-weight: 600;
    color: #0e9683;
    padding: 0;
}

.receipt-gallery .gallery-header-actions[b-si60ts9eb6] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-items: flex-end;
    flex: 1;
}

.gallery-action-buttons[b-si60ts9eb6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.receipt-gallery .shortcut-hint[b-si60ts9eb6] {
    font-size: 0.72rem;
    color: rgba(15, 23, 42, 0.55);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

[data-theme='dark'] .receipt-gallery .shortcut-hint[b-si60ts9eb6] {
    color: rgba(226, 232, 240, 0.6);
}

.receipt-gallery .gallery-meta .meta-label[b-si60ts9eb6] {
    display: block;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(15, 23, 42, 0.5);
}

.receipt-gallery .gallery-meta .meta-value[b-si60ts9eb6] {
    font-weight: 600;
}

[data-theme='dark'] .receipt-gallery .gallery-meta .meta-label[b-si60ts9eb6] {
    color: rgba(226, 232, 240, 0.5);
}

.receipt-gallery .gallery-main[b-si60ts9eb6] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 440px);
    gap: 1.5rem;
    align-items: stretch;
}

.gallery-left[b-si60ts9eb6] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 1rem;
}

.gallery-stage[b-si60ts9eb6] {
    position: relative;
    min-height: 0;
    display: flex;
    flex: 1;
}

.receipt-gallery .gallery-preview[b-si60ts9eb6] {
    background: #fff;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.15);
    color: #0f172a;
}

[data-theme='dark'] .receipt-gallery .gallery-preview[b-si60ts9eb6] {
    background: var(--bg-surface, #0f172a);
    border-color: var(--border-muted, #1f2a44);
    color: var(--text-primary, #e2e8f0);
}

.viewer-panel[b-si60ts9eb6] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.gallery-side[b-si60ts9eb6] {
    background: #fff;
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-height: 0;
    border: 1px solid rgba(15, 23, 42, 0.15);
    color: #0f172a;
    overflow: hidden;
}

.gallery-tabs[b-si60ts9eb6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem;
    background: rgba(15, 23, 42, 0.04);
    border-radius: 999px;
}

.gallery-tab[b-si60ts9eb6] {
    border: none;
    background: transparent;
    color: rgba(15, 23, 42, 0.7);
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.gallery-tab.active[b-si60ts9eb6] {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}

.gallery-tab-count[b-si60ts9eb6] {
    background: var(--accent, #2F80ED);
    color: #fff;
    border-radius: 999px;
    padding: 0 0.45rem;
    font-size: 0.7rem;
    line-height: 1.6;
    min-width: 1.4rem;
    text-align: center;
}

.gallery-tab-content[b-si60ts9eb6] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding-right: 0.35rem;
}

[data-theme='dark'] .gallery-side[b-si60ts9eb6] {
    background: var(--bg-surface, #0f172a);
    border-color: var(--border-muted, #1f2a44);
    color: var(--text-primary, #e2e8f0);
}

.gallery-info[b-si60ts9eb6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
    overflow: visible;
    padding-right: 0;
}

.gallery-info-header h2[b-si60ts9eb6] {
    margin: 0;
    font-size: 1.2rem;
}

.gallery-meta-list[b-si60ts9eb6] {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.gallery-meta-list div[b-si60ts9eb6] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.gallery-meta-list dt[b-si60ts9eb6] {
    font-weight: 600;
    margin: 0;
}

.gallery-meta-list dd[b-si60ts9eb6] {
    margin: 0;
    color: rgba(15, 23, 42, 0.75);
    text-align: right;
}

[data-theme='dark'] .gallery-meta-list dd[b-si60ts9eb6] {
    color: rgba(226, 232, 240, 0.85);
}

.gallery-meta-inline[b-si60ts9eb6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.65rem;
    color: rgba(15, 23, 42, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

[data-theme='dark'] .gallery-meta-inline[b-si60ts9eb6] {
    color: rgba(226, 232, 240, 0.7);
}

.gallery-meta-inline .meta-separator[b-si60ts9eb6] {
    opacity: 0.6;
}

.gallery-section-label[b-si60ts9eb6] {
    margin: 0;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(15, 23, 42, 0.6);
}

.gallery-document-type[b-si60ts9eb6] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.document-type-control select[b-si60ts9eb6],
.document-type-value[b-si60ts9eb6] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    font-size: 0.8rem;
    font-weight: 600;
    color: #0f172a;
}

.document-type-control select:focus[b-si60ts9eb6] {
    outline: none;
    border-color: rgba(14, 150, 131, 0.5);
    box-shadow: 0 0 0 2px rgba(14, 150, 131, 0.2);
}

.gallery-status-row[b-si60ts9eb6] {
    margin-top: 0.25rem;
}

[data-theme='dark'] .document-type-control select[b-si60ts9eb6],
[data-theme='dark'] .document-type-value[b-si60ts9eb6] {
    background: rgba(15, 23, 42, 0.6);
    border-color: #27324a;
    color: #e2e8f0;
}

.gallery-tags[b-si60ts9eb6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.gallery-payment-method[b-si60ts9eb6] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    overflow: visible;
    z-index: 4;
}

.payment-method-label-row[b-si60ts9eb6] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.payment-method-label-row .payment-method-info[b-si60ts9eb6] {
    width: 22px;
    height: 22px;
}

.gallery-payment-method .payment-method-trigger[b-si60ts9eb6] {
    font-size: 0.85rem;
}

.gallery-payment-method .payment-method-value[b-si60ts9eb6] {
    font-size: 0.85rem;
}

.payment-method-inline[b-si60ts9eb6] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    z-index: 5;
}

.gallery-payment-method .payment-method-menu[b-si60ts9eb6] {
    z-index: 60;
}

.tag-chip-list[b-si60ts9eb6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.tag-chip[b-si60ts9eb6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(81, 43, 212, 0.12);
    color: #4020a0;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
}

.tag-chip-remove[b-si60ts9eb6] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: none;
    background: transparent;
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.tag-chip-remove:disabled[b-si60ts9eb6] {
    opacity: 0.5;
    cursor: not-allowed;
}

.tag-chip-remove:hover[b-si60ts9eb6] {
    background: rgba(15, 23, 42, 0.08);
}

.tag-input-wrap[b-si60ts9eb6] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.tag-input[b-si60ts9eb6] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.16);
    background: #fff;
    font-size: 0.9rem;
    color: #0f172a;
}

.tag-input:focus-visible[b-si60ts9eb6] {
    outline: 2px solid rgba(81, 43, 212, 0.45);
    outline-offset: 3px;
}

.tags-empty[b-si60ts9eb6] {
    margin: 0;
    color: rgba(15, 23, 42, 0.65);
    font-size: 0.9rem;
}

.tags-error[b-si60ts9eb6] {
    margin: 0;
    color: #c42b1c;
    font-size: 0.85rem;
}

.tag-suggestions[b-si60ts9eb6] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    border-radius: 0.75rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.12);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.14);
    z-index: 20;
    overflow: hidden;
}

.tag-suggestion[b-si60ts9eb6] {
    width: 100%;
    text-align: left;
    border: none;
    background: transparent;
    padding: 0.55rem 0.75rem;
    font-size: 0.9rem;
    color: #0f172a;
    cursor: pointer;
}

.tag-suggestion:disabled[b-si60ts9eb6] {
    opacity: 0.65;
    cursor: not-allowed;
}

.tag-suggestion:hover[b-si60ts9eb6] {
    background: rgba(15, 23, 42, 0.04);
}

.tag-suggestion.create[b-si60ts9eb6] {
    font-weight: 600;
}

.tag-suggestion.loading[b-si60ts9eb6] {
    color: rgba(15, 23, 42, 0.6);
    cursor: default;
}

.viewer-toolbar[b-si60ts9eb6] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
    color: rgba(15, 23, 42, 0.8);
}

[data-theme='dark'] .viewer-toolbar[b-si60ts9eb6] {
    color: rgba(226, 232, 240, 0.85);
}

.viewer-toolbar > *[b-si60ts9eb6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.viewer-zoom-controls[b-si60ts9eb6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.viewer-controls[b-si60ts9eb6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.viewer-rotate-controls[b-si60ts9eb6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.viewer-rotate-error[b-si60ts9eb6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #b91c1c;
}

[data-theme='dark'] .viewer-rotate-error[b-si60ts9eb6] {
    color: #fca5a5;
}

.viewer-toolbar .icon-button[b-si60ts9eb6],
.viewer-toolbar .button-pill[b-si60ts9eb6],
.pdf-page-controls .icon-button[b-si60ts9eb6] {
    color: inherit;
}

.zoom-stage[b-si60ts9eb6] {
    flex: 1;
    min-height: 0;
    position: relative;
    border-radius: 0.875rem;
    border: 1px solid rgba(15, 23, 42, 0.15);
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-theme='dark'] .zoom-stage[b-si60ts9eb6] {
    background: #0f172a;
    border-color: #1f2a44;
}

.zoom-stage .zoom-target[b-si60ts9eb6] {
    will-change: transform;
    transform-origin: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zoom-stage .zoom-target img[b-si60ts9eb6],
.zoom-stage .zoom-target canvas[b-si60ts9eb6] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    user-select: none;
    pointer-events: none;
}

.zoom-stage.is-zoomed[b-si60ts9eb6] {
    cursor: grab;
}

.zoom-stage.is-zoomed.is-panning[b-si60ts9eb6] {
    cursor: grabbing;
}

.viewer-overlay[b-si60ts9eb6] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    background: rgba(15, 23, 42, 0.75);
    color: #fff;
    text-align: center;
    padding: 1rem;
}

.viewer-overlay.error[b-si60ts9eb6] {
    background: rgba(220, 38, 38, 0.75);
}

.pdf-page-controls[b-si60ts9eb6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: rgba(15, 23, 42, 0.72);
    border-radius: 999px;
    padding: 0.35rem 0.5rem;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: rgba(15, 23, 42, 0.04);
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.pdf-page-controls.single-page[b-si60ts9eb6] {
    border-style: dashed;
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(15, 23, 42, 0.02);
    color: rgba(15, 23, 42, 0.65);
}

.pdf-page-controls.multi-page[b-si60ts9eb6] {
    background: linear-gradient(120deg, rgba(59, 130, 246, 0.16), rgba(14, 165, 233, 0.2));
    border-color: rgba(59, 130, 246, 0.5);
    box-shadow: 0 8px 26px rgba(59, 130, 246, 0.25);
    color: #0f172a;
}

[data-theme='dark'] .pdf-page-controls[b-si60ts9eb6] {
    color: rgba(226, 232, 240, 0.75);
    border-color: rgba(226, 232, 240, 0.12);
    background: rgba(226, 232, 240, 0.04);
}

[data-theme='dark'] .pdf-page-controls.multi-page[b-si60ts9eb6] {
    background: linear-gradient(120deg, rgba(14, 165, 233, 0.22), rgba(56, 189, 248, 0.22));
    border-color: rgba(56, 189, 248, 0.7);
    box-shadow: 0 8px 26px rgba(14, 165, 233, 0.35);
    color: #e2e8f0;
}

.pdf-page-status[b-si60ts9eb6] {
    font-weight: 600;
    letter-spacing: 0.08em;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
}

.pdf-page-controls.multi-page .pdf-page-status[b-si60ts9eb6] {
    background: rgba(255, 255, 255, 0.28);
    color: inherit;
}

[data-theme='dark'] .pdf-page-controls.multi-page .pdf-page-status[b-si60ts9eb6] {
    background: rgba(15, 23, 42, 0.45);
}
.receipt-gallery .gallery-nav[b-si60ts9eb6] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 999px;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    color: rgba(15, 23, 42, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);
    z-index: 2;
}

.receipt-gallery .gallery-nav.prev[b-si60ts9eb6] {
    left: 1rem;
}

.receipt-gallery .gallery-nav.next[b-si60ts9eb6] {
    right: 1rem;
}

.receipt-gallery .gallery-nav:disabled[b-si60ts9eb6] {
    opacity: 0.4;
    box-shadow: none;
}

.receipt-gallery .gallery-nav svg[b-si60ts9eb6] {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    fill: none;
}

.receipt-gallery .gallery-comments[b-si60ts9eb6] {
    grid-area: comments;
}

.gallery-comments[b-si60ts9eb6] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
    min-height: 0;
    color: #0f172a;
}

.gallery-email-context[b-si60ts9eb6] {
    min-height: 0;
}

.email-context-header[b-si60ts9eb6] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
}

.email-context-label[b-si60ts9eb6] {
    margin: 0;
    font-size: 0.6rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #64748b;
}

.email-context-titles h3[b-si60ts9eb6] {
    margin: 0.15rem 0 0;
    font-size: 0.95rem;
    line-height: 1.3;
}

.email-context-meta[b-si60ts9eb6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: #64748b;
}

.email-context-nav[b-si60ts9eb6] {
    align-items: center;
}

.email-sibling-list[b-si60ts9eb6] {
    overflow: auto;
    max-height: clamp(120px, 22vh, 200px);
    padding-right: 0;
}

.email-sibling[b-si60ts9eb6] {
    gap: 0.5rem;
    padding: 0.35rem 0.6rem;
    font-size: 0.8rem;
}

.email-sibling .sibling-label[b-si60ts9eb6] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.email-sibling .sibling-icon[b-si60ts9eb6] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
}

.email-sibling .sibling-icon.attachment[b-si60ts9eb6] {
    background: rgba(16, 185, 129, 0.12);
    color: #0f766e;
}

.email-sibling .sibling-icon svg[b-si60ts9eb6] {
    width: 14px;
    height: 14px;
}

.gallery-comments[b-si60ts9eb6] (.share-comment-avatar) {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

:global(.gallery-comment-avatar)[b-si60ts9eb6],
:global(.gallery-comment-avatar)[b-si60ts9eb6],
.gallery-comments[b-si60ts9eb6] (.gallery-comment-avatar) {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    background: #eef2f6;
    border: 1px solid rgba(15, 23, 42, 0.08);
    flex-shrink: 0;
}

.gallery-comments[b-si60ts9eb6] (.gallery-comment-item) {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.75rem;
    padding: 0.65rem 0.85rem;
    background: #f8fafc;
    color: #0f172a;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

[data-theme='dark'] .gallery-comments[b-si60ts9eb6] (.gallery-comment-item) {
    background: #0f172a;
    color: #e2e8f0;
    border-color: rgba(226, 232, 240, 0.18);
}

.gallery-comments[b-si60ts9eb6] (.gallery-comment-meta) {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 0.9rem;
    color: rgba(15, 23, 42, 0.75);
    line-height: 1.25;
}

[data-theme='dark'] .gallery-comments[b-si60ts9eb6] (.gallery-comment-meta) {
    color: rgba(226, 232, 240, 0.8);
}

.gallery-comments[b-si60ts9eb6] (.gallery-comment-body) {
    font-size: 0.95rem;
    line-height: 1.45;
    color: inherit;
}

.gallery-comments[b-si60ts9eb6] (img.gallery-comment-avatar),
.gallery-comments img.gallery-comment-avatar[b-si60ts9eb6] {
    max-width: 48px;
    max-height: 48px;
}

[data-theme='dark'] .gallery-comments[b-si60ts9eb6] {
    background: var(--bg-surface, #0f172a);
    color: var(--text-primary, #e2e8f0);
}

.gallery-comments header h3[b-si60ts9eb6] {
    margin: 0 0 0.5rem;
    font-size: 1.1rem;
}

.gallery-comments-body[b-si60ts9eb6] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.preview-loading[b-si60ts9eb6],
.preview-error[b-si60ts9eb6],
.preview-placeholder[b-si60ts9eb6] {
    min-height: 200px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    text-align: center;
    color: rgba(15, 23, 42, 0.7);
}

.preview-loading .spinner[b-si60ts9eb6] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 3px solid rgba(15, 23, 42, 0.12);
    border-top-color: var(--accent, #2F80ED);
    animation: spin 0.9s linear infinite;
}

.preview-loading.overlay[b-si60ts9eb6],
.preview-error.overlay[b-si60ts9eb6] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    color: #fff;
    border-radius: inherit;
}

.image-preview .zoom-target[b-si60ts9eb6] {
    position: relative;
}

.image-preview .gallery-image[b-si60ts9eb6] {
    max-width: 100%;
    width: 100%;
    border-radius: 0.5rem;
    display: block;
}

.image-preview .gallery-image.thumb[b-si60ts9eb6] {
    display: block;
}

.image-preview .zoom-target.has-full .gallery-image.thumb[b-si60ts9eb6] {
    display: none !important;
}

.image-preview .gallery-image.full[b-si60ts9eb6] {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-preview .zoom-target.full-loaded .gallery-image.full[b-si60ts9eb6] {
    opacity: 1 !important;
}

.image-preview .zoom-target.full-failed .gallery-image.full[b-si60ts9eb6] {
    display: none !important;
}

.image-preview .zoom-target.full-failed .gallery-image.thumb[b-si60ts9eb6] {
    display: block !important;
}

.email-preview[b-si60ts9eb6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.email-meta[b-si60ts9eb6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.email-meta h3[b-si60ts9eb6] {
    margin: 0;
    font-size: 1rem;
}

.email-body-content[b-si60ts9eb6] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding-right: 0.35rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.email-links[b-si60ts9eb6] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.email-links-label[b-si60ts9eb6] {
    margin: 0;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.email-links ul[b-si60ts9eb6] {
    margin: 0;
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.email-body-content pre[b-si60ts9eb6] {
    background: rgba(15, 23, 42, 0.05);
    padding: 1rem;
    border-radius: 0.75rem;
    white-space: pre-wrap;
    font-family: "Inter var", system-ui, sans-serif;
}

.email-part-strip[b-si60ts9eb6] {
    --email-part-row-height: 2.6rem;
    --email-part-gap: 0.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: minmax(var(--email-part-row-height), auto);
    gap: var(--email-part-gap);
    align-content: start;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.75rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: #fff;
    color: #0f172a;
    max-height: calc((var(--email-part-row-height) * 2) + var(--email-part-gap) + 1.5rem);
    min-height: calc((var(--email-part-row-height) * 2) + var(--email-part-gap) + 1.5rem);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.7) transparent;
}

.email-part-strip[b-si60ts9eb6]::-webkit-scrollbar {
    width: 6px;
}

.email-part-strip[b-si60ts9eb6]::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.6);
    border-radius: 999px;
}

.email-part-chip[b-si60ts9eb6] {
    display: flex;
    align-items: stretch;
    gap: 0;
    border-radius: 0.85rem;
    border: 1px solid rgba(15, 23, 42, 0.14);
    background: #fff;
    min-height: var(--email-part-row-height);
    overflow: hidden;
    width: 100%;
    color: #0f172a;
}

.email-part-chip.active[b-si60ts9eb6] {
    border-color: rgba(59, 130, 246, 0.6);
    background: rgba(59, 130, 246, 0.08);
    color: #0f172a;
}

.email-part-chip.active .email-part-download[b-si60ts9eb6] {
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
    border-left-color: rgba(59, 130, 246, 0.35);
}

.email-part-chip.blocked[b-si60ts9eb6] {
    background: rgba(148, 163, 184, 0.08);
    border-color: rgba(148, 163, 184, 0.4);
    color: #64748b;
}

.email-part-button[b-si60ts9eb6] {
    border: none;
    background: transparent;
    color: #0f172a;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.35rem 0.85rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.2rem;
    min-width: 0;
    flex: 1 1 auto;
    cursor: pointer;
    text-align: left;
}

.email-part-button:hover[b-si60ts9eb6] {
    color: #0f172a;
}

.email-part-chip.active .email-part-button[b-si60ts9eb6] {
    color: #0f172a;
}

.email-part-chip.blocked .email-part-button[b-si60ts9eb6] {
    color: #64748b;
}

.email-part-button:disabled[b-si60ts9eb6] {
    opacity: 0.6;
    cursor: not-allowed;
}

.email-part-label[b-si60ts9eb6] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    color: inherit;
}

.email-part-status[b-si60ts9eb6] {
    font-size: 0.7rem;
    color: #b91c1c;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.email-part-download[b-si60ts9eb6] {
    border: none;
    background: rgba(15, 23, 42, 0.04);
    color: #0f172a;
    width: 2.4rem;
    min-height: 100%;
    border-left: 1px solid rgba(15, 23, 42, 0.12);
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    flex: 0 0 auto;
}

.email-part-download svg[b-si60ts9eb6] {
    width: 16px;
    height: 16px;
}

.email-part-download:hover[b-si60ts9eb6] {
    background: rgba(15, 23, 42, 0.1);
}

.email-part-download:disabled[b-si60ts9eb6] {
    opacity: 0.5;
    cursor: not-allowed;
}

.email-preview dl[b-si60ts9eb6] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.35rem 1rem;
    margin: 0;
}

.email-preview dt[b-si60ts9eb6] {
    font-weight: 600;
}

.email-preview dd[b-si60ts9eb6] {
    margin: 0;
}

.pdf-preview[b-si60ts9eb6] {
    min-height: 360px;
}

.sr-only[b-si60ts9eb6] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

[data-theme='dark'] .receipt-gallery .gallery-header[b-si60ts9eb6],
[data-theme='dark'] .gallery-side-header[b-si60ts9eb6] {
    border-bottom-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .gallery-side-header .icon-button.close[b-si60ts9eb6] {
    border-color: var(--border-muted, #1f2a44);
    background: var(--bg-surface-muted, #111c2f);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .receipt-reminder-state[b-si60ts9eb6] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 18%, var(--bg-surface, #0f172a));
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 42%, var(--border-muted, #1f2a44));
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .receipt-reminder-state .link[b-si60ts9eb6] {
    color: #5eead4;
}

[data-theme='dark'] .gallery-tabs[b-si60ts9eb6] {
    background: var(--bg-surface-muted, #111c2f);
}

[data-theme='dark'] .gallery-tab[b-si60ts9eb6] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .gallery-tab.active[b-si60ts9eb6] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 18%, var(--bg-surface, #0f172a));
    color: var(--text-primary, #e2e8f0);
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.45);
}

[data-theme='dark'] .gallery-tab-count[b-si60ts9eb6] {
    background: var(--accent-500, #0e9683);
}

[data-theme='dark'] .gallery-section-label[b-si60ts9eb6] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .tag-chip[b-si60ts9eb6] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 18%, var(--bg-surface, #0f172a));
    color: #d1fae5;
}

[data-theme='dark'] .tag-chip-remove:hover[b-si60ts9eb6] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 80%, #334155);
}

[data-theme='dark'] .tag-input[b-si60ts9eb6] {
    border-color: var(--border-input, #334155);
    background: var(--bg-input, #1e293b);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .tags-empty[b-si60ts9eb6] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .tag-suggestions[b-si60ts9eb6] {
    background: var(--bg-surface, #0f172a);
    border-color: var(--border-muted, #1f2a44);
    box-shadow: 0 18px 48px rgba(2, 6, 23, 0.55);
}

[data-theme='dark'] .tag-suggestion[b-si60ts9eb6] {
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .tag-suggestion:hover[b-si60ts9eb6] {
    background: var(--bg-surface-muted, #111c2f);
}

[data-theme='dark'] .tag-suggestion.loading[b-si60ts9eb6] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .preview-loading[b-si60ts9eb6],
[data-theme='dark'] .preview-error[b-si60ts9eb6],
[data-theme='dark'] .preview-placeholder[b-si60ts9eb6] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .preview-loading .spinner[b-si60ts9eb6] {
    border-color: rgba(226, 232, 240, 0.22);
    border-top-color: var(--accent-500, #0e9683);
}

[data-theme='dark'] .receipt-gallery .gallery-nav[b-si60ts9eb6] {
    background: rgba(15, 23, 42, 0.86);
    color: var(--text-primary, #e2e8f0);
    border: 1px solid rgba(148, 163, 184, 0.35);
}

[data-theme='dark'] .email-links-label[b-si60ts9eb6] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .email-body-content pre[b-si60ts9eb6] {
    background: var(--bg-surface-muted, #111c2f);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .email-part-strip[b-si60ts9eb6] {
    background: var(--bg-surface-muted, #111c2f);
    border-color: var(--border-muted, #1f2a44);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .email-part-chip[b-si60ts9eb6] {
    background: var(--bg-surface, #0f172a);
    border-color: var(--border-muted, #1f2a44);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .email-part-chip.active[b-si60ts9eb6] {
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 45%, var(--border-muted, #1f2a44));
    background: color-mix(in srgb, var(--accent-500, #0e9683) 14%, var(--bg-surface, #0f172a));
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .email-part-chip.active .email-part-download[b-si60ts9eb6] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 14%, var(--bg-surface-muted, #111c2f));
    border-left-color: color-mix(in srgb, var(--accent-500, #0e9683) 35%, var(--border-muted, #1f2a44));
    color: #d1fae5;
}

[data-theme='dark'] .email-part-chip.blocked[b-si60ts9eb6] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 82%, #334155);
    border-color: var(--border-muted, #1f2a44);
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .email-part-button[b-si60ts9eb6] {
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .email-part-chip.blocked .email-part-button[b-si60ts9eb6] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .email-part-download[b-si60ts9eb6] {
    background: var(--bg-surface-muted, #111c2f);
    color: var(--text-primary, #e2e8f0);
    border-left-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .email-part-download:hover[b-si60ts9eb6] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 76%, #334155);
}

[data-theme='dark'] .email-part-status[b-si60ts9eb6] {
    color: #fca5a5;
}

@media (max-width: 1200px) {
    .receipt-gallery .gallery-main[b-si60ts9eb6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .gallery-side[b-si60ts9eb6] {
        order: 2;
    }

    .gallery-comments[b-si60ts9eb6] {
        min-height: 220px;
    }
}

@media (max-width: 768px) {
    .receipt-gallery[b-si60ts9eb6] {
        padding: 1rem;
    }

    .receipt-gallery-backdrop[b-si60ts9eb6] {
        padding: 0.5rem;
    }

    .gallery-stage .gallery-nav[b-si60ts9eb6] {
        display: none;
    }
}
/* /Components/ReceiptListItem.razor.rz.scp.css */
.receipt-reminder-state[b-2pt76mo881] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.6rem;
    border-radius: 10px;
    border: 1px solid rgba(14, 150, 131, 0.25);
    background: rgba(14, 150, 131, 0.12);
    font-size: 0.78rem;
    color: #0f172a;
    flex-wrap: wrap;
}

.receipt-reminder-text[b-2pt76mo881] {
    font-weight: 600;
}

.receipt-reminder-state .link[b-2pt76mo881] {
    font-weight: 600;
    color: #0e9683;
    padding: 0;
}

[data-theme='dark'] .receipt-reminder-state[b-2pt76mo881] {
    background: rgba(34, 211, 238, 0.12);
    border-color: rgba(34, 211, 238, 0.35);
    color: #e2e8f0;
}

[data-theme='dark'] .receipt-reminder-state .link[b-2pt76mo881] {
    color: #22d3ee;
}
/* /Components/ReceiptSearchPanel.razor.rz.scp.css */
.receipt-search-panel[b-p9f0lyogl9] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.25rem;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.receipt-search-panel.compact[b-p9f0lyogl9] {
    padding: 1rem;
    box-shadow: none;
}

.search-field[b-p9f0lyogl9] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.search-field label[b-p9f0lyogl9],
.search-field .field-label[b-p9f0lyogl9] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #1f2937;
}

.search-input[b-p9f0lyogl9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #cbd5f5;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.search-input svg[b-p9f0lyogl9] {
    width: 16px;
    height: 16px;
    color: #0f172a;
}

.search-input input[b-p9f0lyogl9] {
    border: none;
    background: transparent;
    width: 100%;
    font-size: 0.95rem;
    color: #0f172a;
}

.search-input input:focus[b-p9f0lyogl9] {
    outline: none;
}

.search-input:focus-within[b-p9f0lyogl9] {
    border-color: rgba(14, 150, 131, 0.45);
    box-shadow: 0 0 0 2px rgba(14, 150, 131, 0.2);
}

.subjects-list[b-p9f0lyogl9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.4rem;
}

.subject-pill[b-p9f0lyogl9] {
    border: 1px solid #cbd5f5;
    background: #f8fafc;
    color: #334155;
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.subject-pill:hover[b-p9f0lyogl9] {
    border-color: rgba(14, 150, 131, 0.5);
    color: #0f172a;
}

.subject-pill:focus-visible[b-p9f0lyogl9] {
    outline: 2px solid rgba(14, 150, 131, 0.5);
    outline-offset: 2px;
}

.subject-pill.selected[b-p9f0lyogl9],
.subject-pill[aria-pressed='true'][b-p9f0lyogl9] {
    background: #0e9683;
    border-color: #0e9683;
    color: #fff;
    box-shadow: 0 12px 25px rgba(14, 150, 131, 0.25);
}

.subject-pill.selected:hover[b-p9f0lyogl9],
.subject-pill[aria-pressed='true']:hover[b-p9f0lyogl9] {
    box-shadow: 0 16px 28px rgba(14, 150, 131, 0.28);
}

.subject-pill:active:not(:disabled)[b-p9f0lyogl9] {
    transform: translateY(1px);
}

.subject-pill:disabled[b-p9f0lyogl9] {
    opacity: 0.6;
    cursor: not-allowed;
}

.subjects-empty[b-p9f0lyogl9] {
    font-size: 0.85rem;
    color: #64748b;
    margin: 0.3rem 0 0 0;
}

.search-actions[b-p9f0lyogl9] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.date-range-inputs[b-p9f0lyogl9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.date-field[b-p9f0lyogl9] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.date-field label[b-p9f0lyogl9] {
    font-size: 0.8rem;
    color: #475569;
}

.date-field input[b-p9f0lyogl9] {
    border-radius: 12px;
    border: 1px solid #cbd5f5;
    background: #f8fafc;
    padding: 0.4rem 0.6rem;
    font-size: 0.9rem;
    color: #0f172a;
}

.date-field input:focus[b-p9f0lyogl9] {
    outline: none;
    border-color: rgba(14, 150, 131, 0.45);
    box-shadow: 0 0 0 2px rgba(14, 150, 131, 0.2);
}

.filter-row[b-p9f0lyogl9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
}

.filter-select[b-p9f0lyogl9] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: #1f2937;
}

.filter-select select[b-p9f0lyogl9] {
    border-radius: 12px;
    border: 1px solid #cbd5f5;
    background: #f8fafc;
    padding: 0.4rem 0.6rem;
    font-size: 0.9rem;
    color: #0f172a;
}

.filter-select select:focus[b-p9f0lyogl9] {
    outline: none;
    border-color: rgba(14, 150, 131, 0.45);
    box-shadow: 0 0 0 2px rgba(14, 150, 131, 0.2);
}

.filter-toggle[b-p9f0lyogl9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #1f2937;
}

.filter-toggle input[b-p9f0lyogl9] {
    width: 18px;
    height: 18px;
    accent-color: var(--accent);
}

.search-analysis-notes[b-p9f0lyogl9] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.search-analysis-note[b-p9f0lyogl9] {
    font-size: 0.85rem;
    color: #64748b;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.5rem 0.75rem;
    margin: 0;
}

.search-analysis-note.warning[b-p9f0lyogl9] {
    color: #b45309;
    background: #fffbeb;
    border-color: #fcd34d;
}

[data-theme='dark'] .receipt-search-panel[b-p9f0lyogl9] {
    background: rgba(15, 23, 42, 0.9);
    border-color: #1f2a44;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.25);
}

[data-theme='dark'] .search-field label[b-p9f0lyogl9],
[data-theme='dark'] .search-field .field-label[b-p9f0lyogl9] {
    color: #e5e7eb;
}

[data-theme='dark'] .search-input[b-p9f0lyogl9] {
    background: rgba(15, 23, 42, 0.6);
    border-color: #27324a;
}

[data-theme='dark'] .search-input svg[b-p9f0lyogl9],
[data-theme='dark'] .search-input input[b-p9f0lyogl9] {
    color: #e5e7eb;
}

[data-theme='dark'] .subject-pill[b-p9f0lyogl9] {
    color: #cbd5f5;
    background: rgba(15, 23, 42, 0.6);
    border-color: #27324a;
}

[data-theme='dark'] .subject-pill.selected[b-p9f0lyogl9],
[data-theme='dark'] .subject-pill[aria-pressed='true'][b-p9f0lyogl9] {
    background: #0e9683;
    border-color: #0e9683;
    color: #fff;
    box-shadow: 0 12px 25px rgba(14, 150, 131, 0.35);
}

[data-theme='dark'] .subject-pill:focus-visible[b-p9f0lyogl9] {
    outline-color: #0e9683;
}

[data-theme='dark'] .date-field label[b-p9f0lyogl9] {
    color: #cbd5f5;
}

[data-theme='dark'] .date-field input[b-p9f0lyogl9] {
    color: #e5e7eb;
    background: rgba(15, 23, 42, 0.6);
    border-color: #27324a;
}

[data-theme='dark'] .subjects-empty[b-p9f0lyogl9] {
    color: #94a3b8;
}

[data-theme='dark'] .search-analysis-note[b-p9f0lyogl9] {
    color: #cbd5f5;
    background: rgba(15, 23, 42, 0.6);
    border-color: #27324a;
}

[data-theme='dark'] .search-analysis-note.warning[b-p9f0lyogl9] {
    color: #fbbf24;
    background: rgba(120, 53, 15, 0.25);
    border-color: #92400e;
}

[data-theme='dark'] .filter-select[b-p9f0lyogl9] {
    color: #e5e7eb;
}

[data-theme='dark'] .filter-select select[b-p9f0lyogl9] {
    color: #e5e7eb;
    background: rgba(15, 23, 42, 0.6);
    border-color: #27324a;
}

[data-theme='dark'] .filter-toggle[b-p9f0lyogl9] {
    color: #e5e7eb;
}

@media (max-width: 640px) {
    .receipt-search-panel[b-p9f0lyogl9] {
        padding: 1rem;
    }

    .date-range-inputs[b-p9f0lyogl9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/ReceiptUploadPanel.razor.rz.scp.css */
.upload-page[b-lp43oiix7q] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: relative;
}


.upload-drop-overlay[b-lp43oiix7q] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--overlay-backdrop);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

.upload-drop-message[b-lp43oiix7q] {
    max-width: 520px;
    line-height: 1.4;
    background: var(--bg-surface);
    border-radius: 20px;
    padding: 1.75rem 2.25rem;
    border: 2px dashed var(--accent-outline);
    box-shadow: var(--shadow-modal);
    text-align: center;
    color: var(--text-primary);
    animation: upload-drop-pop-b-lp43oiix7q 0.22s ease;
}

.upload-drop-title[b-lp43oiix7q] {
    margin: 0 0 0.35rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.upload-drop-subtitle[b-lp43oiix7q] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--text-secondary);
}

@keyframes upload-drop-pop-b-lp43oiix7q {
    from {
        transform: scale(0.97);
    }
    to {
        transform: scale(1);
    }
}

.upload-drop-overlay.visible[b-lp43oiix7q] {
    opacity: 1;
    visibility: visible;
}

.upload-context[b-lp43oiix7q] {
    margin-bottom: 1.25rem;
}

.upload-context h2[b-lp43oiix7q] {
    margin: 0;
    font-size: 2rem;
    color: var(--text-primary);
}

.upload-context p[b-lp43oiix7q] {
    margin: 0.35rem 0 0;
    color: var(--text-secondary);
    font-size: 0.95rem;
}

.upload-input-hidden[b-lp43oiix7q] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.upload-card[b-lp43oiix7q] {
    border-radius: 24px;
    padding: 2.25rem;
    background: radial-gradient(circle at top left, var(--accent-weak), var(--bg-surface-muted));
    border: 1px solid var(--border-muted);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-shadow: var(--shadow-modal);
}

.upload-card-content[b-lp43oiix7q] {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    flex-wrap: wrap;
}

.upload-graphic[b-lp43oiix7q] {
    width: 96px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-surface);
    border-radius: 22px;
    box-shadow: inset 0 0 0 1px var(--border-muted);
}

.upload-copy[b-lp43oiix7q] {
    flex: 1 1 320px;
    color: var(--text-primary);
}

.upload-card-title[b-lp43oiix7q] {
    margin: 0;
    font-size: 2rem;
    color: var(--text-primary);
}

.upload-description[b-lp43oiix7q] {
    margin: 0.35rem 0 0;
    color: var(--text-secondary);
    max-width: 560px;
}

.upload-drop-note[b-lp43oiix7q] {
    margin: 0.4rem 0 0;
    color: var(--text-muted);
}

.upload-meta-inline[b-lp43oiix7q] {
    margin: 0.4rem 0 0;
    font-size: 0.95rem;
    color: var(--text-muted);
}

.upload-payment-method[b-lp43oiix7q] {
    margin-top: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-weight: 600;
    color: var(--text-primary);
}

.upload-payment-method select[b-lp43oiix7q] {
    width: fit-content;
    min-width: 220px;
    padding: 0.45rem 0.65rem;
    border-radius: 10px;
    border: 1px solid var(--border-input);
    background: var(--bg-input);
    color: var(--text-primary);
    font-size: 0.95rem;
}

.upload-actions[b-lp43oiix7q] {
    margin-top: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    align-items: flex-start;
}

.upload-actions .button-pill[b-lp43oiix7q] {
    align-self: flex-start;
}

.upload-hint[b-lp43oiix7q] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--text-muted);
}

.upload-progress-list[b-lp43oiix7q] {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.upload-progress-item[b-lp43oiix7q] {
    background: var(--bg-surface);
    border: 1px solid var(--border-muted);
    border-radius: 14px;
    padding: 0.9rem 1.1rem;
    box-shadow: var(--shadow-soft);
}

.upload-progress-info[b-lp43oiix7q] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.upload-progress-name[b-lp43oiix7q] {
    font-weight: 600;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.upload-progress-state[b-lp43oiix7q] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.upload-progress-bar[b-lp43oiix7q] {
    margin-top: 0.55rem;
    height: 8px;
    border-radius: 999px;
    background: var(--track-bg);
    overflow: hidden;
}

.upload-progress-bar span[b-lp43oiix7q] {
    display: block;
    height: 100%;
    width: 0%;
    background: var(--accent);
    transition: width 0.3s ease;
}

.upload-progress-bar.overall[b-lp43oiix7q] {
    height: 10px;
    background: var(--track-bg-strong);
}

.upload-progress-bar.overall span[b-lp43oiix7q] {
    background: var(--accent);
}

.upload-progress-item.done .upload-progress-state[b-lp43oiix7q] {
    color: var(--success);
}

.upload-progress-item.error .upload-progress-state[b-lp43oiix7q] {
    color: var(--danger);
}

.upload-progress-item.error .upload-progress-bar span[b-lp43oiix7q] {
    background: var(--danger);
}

.upload-progress-error-text[b-lp43oiix7q] {
    margin: 0.45rem 0 0;
    color: var(--danger);
    font-size: 0.85rem;
}

.upload-editors[b-lp43oiix7q] {
    margin-top: 1.25rem;
    border: 1px solid var(--border-muted);
    border-radius: 16px;
    background: var(--bg-surface);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.upload-editors-header h3[b-lp43oiix7q] {
    margin: 0;
    font-size: 1rem;
    color: var(--text-primary);
}

.upload-editors-header p[b-lp43oiix7q] {
    margin: 0.2rem 0 0;
    font-size: 0.86rem;
    color: var(--text-muted);
}

.upload-editors-list[b-lp43oiix7q] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.upload-editor-item[b-lp43oiix7q] {
    border: 1px solid var(--border-muted);
    border-radius: 12px;
    background: var(--bg-surface-muted);
    padding: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.upload-editor-item.saving[b-lp43oiix7q] {
    opacity: 0.8;
}

.upload-editor-main[b-lp43oiix7q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.upload-editor-name[b-lp43oiix7q] {
    font-weight: 600;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.upload-editor-meta[b-lp43oiix7q] {
    font-size: 0.82rem;
    color: var(--text-muted);
}

.upload-editor-fields[b-lp43oiix7q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.65rem;
}

.upload-editor-field[b-lp43oiix7q] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.upload-editor-field span[b-lp43oiix7q] {
    font-weight: 600;
}

.upload-editor-field select[b-lp43oiix7q] {
    width: 100%;
    min-width: 0;
    padding: 0.45rem 0.65rem;
    border-radius: 10px;
    border: 1px solid var(--border-input);
    background: var(--bg-input);
    color: var(--text-primary);
    font-size: 0.95rem;
}

.upload-editor-status[b-lp43oiix7q] {
    margin: 0;
    font-size: 0.83rem;
    font-weight: 600;
}

.upload-editor-status.success[b-lp43oiix7q] {
    color: var(--success);
}

.upload-editor-status.error[b-lp43oiix7q] {
    color: var(--danger);
}

.upload-editor-status.saving[b-lp43oiix7q] {
    color: var(--text-muted);
}

.status-message[b-lp43oiix7q] {
    margin: 0;
    padding: 0.9rem 1.2rem;
    border-radius: 12px;
    background: var(--state-info-bg);
    color: var(--state-info-fg);
}

.status-message.success[b-lp43oiix7q] {
    background: var(--state-success-bg);
    color: var(--state-success-fg);
}

.status-message.warning[b-lp43oiix7q] {
    background: var(--state-warning-bg);
    color: var(--state-warning-fg);
}

.status-message.error[b-lp43oiix7q] {
    background: var(--state-danger-bg);
    color: var(--state-danger-fg);
}

.upload-empty[b-lp43oiix7q] {
    padding: 1rem;
    border-radius: 12px;
    border: 1px dashed var(--warning);
    color: var(--state-warning-fg);
    background: var(--state-warning-bg);
}

.upload-links[b-lp43oiix7q] {
    font-size: 0.95rem;
    color: var(--text-secondary);
}

.upload-links a[b-lp43oiix7q] {
    font-weight: 600;
    color: var(--accent);
    margin-left: 0.35rem;
}

@media (max-width: 768px) {
    .upload-header[b-lp43oiix7q] {
        flex-direction: column;
        text-align: left;
    }

    .upload-meta[b-lp43oiix7q] {
        text-align: left;
    }

    .upload-payment-method select[b-lp43oiix7q] {
        width: 100%;
        min-width: 0;
    }

    .upload-editor-fields[b-lp43oiix7q] {
        grid-template-columns: 1fr;
    }
}
/* /Components/SpamSenderActionModal.razor.rz.scp.css */
.sender-action-overlay[b-aoc349pt2v] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 700;
}

.sender-action-dialog[b-aoc349pt2v] {
    background: #fff;
    border-radius: 16px;
    max-width: 680px;
    width: 100%;
    padding: 1.5rem;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.35);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sender-action-header[b-aoc349pt2v] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.sender-action-header h2[b-aoc349pt2v] {
    margin: 0;
    font-size: 1.35rem;
}

.sender-action-subtitle[b-aoc349pt2v] {
    margin: 0.2rem 0 0;
    color: #64748b;
    font-size: 0.9rem;
}

.sender-action-body[b-aoc349pt2v] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.sender-action-meta[b-aoc349pt2v] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sender-action-meta .label[b-aoc349pt2v] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #64748b;
    font-weight: 600;
}

.sender-action-meta .value[b-aoc349pt2v] {
    font-weight: 600;
    color: #0f172a;
    word-break: break-word;
}

.sender-action-description[b-aoc349pt2v] {
    margin: 0;
    color: #475569;
    font-size: 0.95rem;
}

.sender-action-buttons[b-aoc349pt2v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.sender-action-progress[b-aoc349pt2v] {
    font-weight: 600;
    color: #2563eb;
}

.sender-action-results[b-aoc349pt2v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sender-action-result[b-aoc349pt2v] {
    border-radius: 10px;
    padding: 0.65rem 0.85rem;
    font-size: 0.9rem;
    border: 1px solid transparent;
}

.sender-action-result.success[b-aoc349pt2v] {
    background: #ecfdf3;
    color: #166534;
    border-color: #86efac;
}

.sender-action-result.warning[b-aoc349pt2v] {
    background: #fff7ed;
    color: #9a3412;
    border-color: #fdba74;
}

.sender-action-result.info[b-aoc349pt2v] {
    background: #eff6ff;
    color: #1e3a8a;
    border-color: #bfdbfe;
}

.sender-action-result.error[b-aoc349pt2v] {
    background: #fef2f2;
    color: #b91c1c;
    border-color: #fecaca;
}

.sender-action-footer[b-aoc349pt2v] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

[data-theme='dark'] .sender-action-dialog[b-aoc349pt2v] {
    background: #0f172a;
    color: #e2e8f0;
}

[data-theme='dark'] .sender-action-subtitle[b-aoc349pt2v],
[data-theme='dark'] .sender-action-description[b-aoc349pt2v],
[data-theme='dark'] .sender-action-meta .label[b-aoc349pt2v] {
    color: #94a3b8;
}

[data-theme='dark'] .sender-action-meta[b-aoc349pt2v] {
    background: #111827;
    border-color: #1f2a44;
}

[data-theme='dark'] .sender-action-meta .value[b-aoc349pt2v] {
    color: #e2e8f0;
}

[data-theme='dark'] .sender-action-result.success[b-aoc349pt2v] {
    background: rgba(34, 197, 94, 0.15);
    color: #86efac;
    border-color: rgba(134, 239, 172, 0.4);
}

[data-theme='dark'] .sender-action-result.warning[b-aoc349pt2v] {
    background: rgba(251, 146, 60, 0.15);
    color: #fdba74;
    border-color: rgba(251, 146, 60, 0.4);
}

[data-theme='dark'] .sender-action-result.info[b-aoc349pt2v] {
    background: rgba(59, 130, 246, 0.18);
    color: #bfdbfe;
    border-color: rgba(191, 219, 254, 0.4);
}

[data-theme='dark'] .sender-action-result.error[b-aoc349pt2v] {
    background: rgba(248, 113, 113, 0.2);
    color: #fecaca;
    border-color: rgba(254, 202, 202, 0.45);
}
/* /Components/StatusBar.razor.rz.scp.css */
.status-bar[b-hh9azzqu4k] {
    flex: 0 0 auto;
    position: sticky;
    bottom: 0;
    z-index: 85;
    padding: 0.28rem 0.8rem calc(0.28rem + env(safe-area-inset-bottom));
    background: var(--statusbar-bg);
    border-top: 1px solid var(--statusbar-border);
    backdrop-filter: blur(6px);
}

.status-bar-inner[b-hh9azzqu4k] {
    width: min(1100px, 100%);
    margin: 0 auto;
    min-height: 1.45rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.status-bar-left[b-hh9azzqu4k] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    flex-wrap: wrap;
}

.status-bar-right[b-hh9azzqu4k] {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    min-width: 0;
}

.status-report-button.icon-only[b-hh9azzqu4k] {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    border: 1px solid var(--statusbar-button-border);
    background: var(--statusbar-button-bg);
    color: var(--statusbar-button-fg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.status-report-button.icon-only svg[b-hh9azzqu4k] {
    width: 1.12rem;
    height: 1.12rem;
}

.status-report-icon[b-hh9azzqu4k] {
    display: block;
}

.status-report-button.icon-only:hover[b-hh9azzqu4k] {
    background: var(--statusbar-button-hover-bg);
    color: var(--statusbar-button-hover-fg);
}

.status-report-button.icon-only:focus-visible[b-hh9azzqu4k],
.status-version-link:focus-visible[b-hh9azzqu4k],
.status-link:focus-visible[b-hh9azzqu4k] {
    outline: 2px solid var(--statusbar-focus);
    outline-offset: 2px;
}

.status-link[b-hh9azzqu4k] {
    font-size: 0.76rem;
    color: var(--statusbar-link);
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}

.status-link:hover[b-hh9azzqu4k] {
    color: var(--statusbar-link-hover);
    border-bottom-color: var(--text-muted);
}

.status-environment-pill[b-hh9azzqu4k] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.14rem 0.5rem;
    border: 1px solid #f59e0b;
    background: #fef3c7;
    color: #92400e;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.status-frontend-build-pill[b-hh9azzqu4k] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.14rem 0.5rem;
    border: 1px solid var(--statusbar-button-border);
    background: var(--statusbar-button-bg);
    color: var(--statusbar-button-fg);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.status-version-link[b-hh9azzqu4k] {
    border: none;
    background: transparent;
    color: var(--statusbar-version);
    cursor: pointer;
    padding: 0.12rem 0.15rem;
    font-size: 0.74rem;
    white-space: nowrap;
    max-width: 56vw;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status-version-link:hover[b-hh9azzqu4k] {
    color: var(--statusbar-link-hover);
}

.status-report-backdrop[b-hh9azzqu4k] {
    position: fixed;
    inset: 0;
    background: var(--overlay-backdrop);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1700;
}

.status-report-modal[b-hh9azzqu4k] {
    width: min(680px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    background: var(--bg-surface);
    border-radius: 16px;
    box-shadow: var(--shadow-modal);
    border: 1px solid var(--border-muted);
    color: var(--text-primary);
}

.status-report-header[b-hh9azzqu4k] {
    padding: 1rem 1.1rem 0.8rem;
    border-bottom: 1px solid var(--border-muted);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.status-report-header h2[b-hh9azzqu4k] {
    margin: 0;
    font-size: 1.1rem;
}

.status-report-header p[b-hh9azzqu4k] {
    margin: 0.3rem 0 0;
    color: var(--text-muted);
    font-size: 0.86rem;
}

.status-report-close[b-hh9azzqu4k] {
    border: none;
    background: transparent;
    color: var(--text-secondary);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.1rem 0.3rem;
}

.status-report-body[b-hh9azzqu4k] {
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.status-report-label[b-hh9azzqu4k] {
    font-size: 0.84rem;
    font-weight: 600;
}

.status-report-description[b-hh9azzqu4k] {
    width: 100%;
    min-height: 132px;
    border-radius: 12px;
    border: 1px solid var(--border-input);
    background: var(--bg-input);
    color: var(--text-primary);
    padding: 0.65rem 0.75rem;
    font-size: 0.92rem;
    resize: vertical;
}

.status-report-meta-grid[b-hh9azzqu4k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem 0.8rem;
}

.status-report-meta-row[b-hh9azzqu4k] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.status-report-meta-row span[b-hh9azzqu4k] {
    font-size: 0.72rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.status-report-meta-row code[b-hh9azzqu4k] {
    display: block;
    border-radius: 8px;
    border: 1px solid var(--border-muted);
    background: var(--bg-surface-muted);
    color: var(--text-primary);
    padding: 0.35rem 0.45rem;
    font-size: 0.74rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status-report-footer[b-hh9azzqu4k] {
    border-top: 1px solid var(--border-muted);
    padding: 0.75rem 1.1rem 1rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

.status-report-cancel[b-hh9azzqu4k],
.status-report-submit[b-hh9azzqu4k] {
    border-radius: 999px;
    padding: 0.43rem 0.95rem;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.status-report-cancel[b-hh9azzqu4k] {
    border: 1px solid var(--border-input);
    background: var(--bg-surface);
    color: var(--text-secondary);
}

.status-report-submit[b-hh9azzqu4k] {
    border: 1px solid var(--accent);
    background: var(--accent);
    color: #ffffff;
}

.status-report-submit:disabled[b-hh9azzqu4k] {
    opacity: 0.65;
    cursor: wait;
}

.status-report-error[b-hh9azzqu4k] {
    margin: 0.8rem 1.1rem 0;
    border-radius: 10px;
    border: 1px solid var(--state-danger-border);
    background: var(--state-danger-bg);
    color: var(--state-danger-fg);
    font-size: 0.84rem;
    padding: 0.55rem 0.65rem;
}

@media (max-width: 860px) {
    .status-report-meta-grid[b-hh9azzqu4k] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .status-bar[b-hh9azzqu4k] {
        padding-left: 0.55rem;
        padding-right: 0.55rem;
    }

    .status-bar-inner[b-hh9azzqu4k] {
        gap: 0.45rem;
    }

    .status-link[b-hh9azzqu4k] {
        font-size: 0.72rem;
    }

    .status-version-link[b-hh9azzqu4k] {
        font-size: 0.7rem;
        max-width: 46vw;
    }
}
/* /Components/SubjectDuplicateConfirmModal.razor.rz.scp.css */
.subject-duplicate-overlay[b-ofcnbcyw4r] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    padding: 1rem;
}

.subject-duplicate-dialog[b-ofcnbcyw4r] {
    width: min(520px, 100%);
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.subject-duplicate-header[b-ofcnbcyw4r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem 0.75rem;
}

.subject-duplicate-header h2[b-ofcnbcyw4r] {
    margin: 0;
    font-size: 1.3rem;
    color: #0f172a;
}

.subject-duplicate-message[b-ofcnbcyw4r] {
    margin: 0.35rem 0 0;
    color: #475569;
    line-height: 1.5;
}

.subject-duplicate-close[b-ofcnbcyw4r] {
    border: none;
    background: none;
    color: #64748b;
    padding: 0.25rem;
    cursor: pointer;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.subject-duplicate-close svg[b-ofcnbcyw4r] {
    width: 20px;
    height: 20px;
}

.subject-duplicate-close:hover[b-ofcnbcyw4r] {
    background: rgba(15, 23, 42, 0.08);
    color: #0f172a;
}

.subject-duplicate-body[b-ofcnbcyw4r] {
    padding: 0.5rem 1.5rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.subject-duplicate-list-title[b-ofcnbcyw4r] {
    margin: 0;
    font-weight: 600;
    color: #0f172a;
}

.subject-duplicate-list[b-ofcnbcyw4r] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.subject-duplicate-list li[b-ofcnbcyw4r] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.75rem 0.9rem;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.subject-duplicate-item-name[b-ofcnbcyw4r] {
    font-weight: 600;
    color: #0f172a;
}

.subject-duplicate-item-id[b-ofcnbcyw4r] {
    font-size: 0.85rem;
    color: #64748b;
}

.subject-duplicate-footer[b-ofcnbcyw4r] {
    padding: 0.9rem 1.5rem 1.25rem;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    border-top: 1px solid #e2e8f0;
}

[data-theme='dark'] .subject-duplicate-dialog[b-ofcnbcyw4r] {
    background: #0f172a;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);
}

[data-theme='dark'] .subject-duplicate-header h2[b-ofcnbcyw4r] {
    color: #e2e8f0;
}

[data-theme='dark'] .subject-duplicate-message[b-ofcnbcyw4r] {
    color: #cbd5f5;
}

[data-theme='dark'] .subject-duplicate-close[b-ofcnbcyw4r] {
    color: #94a3b8;
}

[data-theme='dark'] .subject-duplicate-close:hover[b-ofcnbcyw4r] {
    background: rgba(148, 163, 184, 0.2);
    color: #e2e8f0;
}

[data-theme='dark'] .subject-duplicate-list-title[b-ofcnbcyw4r] {
    color: #e2e8f0;
}

[data-theme='dark'] .subject-duplicate-list li[b-ofcnbcyw4r] {
    border-color: #1f2a44;
    background: rgba(15, 23, 42, 0.6);
}

[data-theme='dark'] .subject-duplicate-item-name[b-ofcnbcyw4r] {
    color: #e2e8f0;
}

[data-theme='dark'] .subject-duplicate-item-id[b-ofcnbcyw4r] {
    color: #94a3b8;
}

[data-theme='dark'] .subject-duplicate-footer[b-ofcnbcyw4r] {
    border-top-color: #1f2a44;
}

@media (max-width: 480px) {
    .subject-duplicate-header[b-ofcnbcyw4r],
    .subject-duplicate-body[b-ofcnbcyw4r],
    .subject-duplicate-footer[b-ofcnbcyw4r] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .subject-duplicate-footer[b-ofcnbcyw4r] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .subject-duplicate-footer button[b-ofcnbcyw4r] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/TimestampingHelpModal.razor.rz.scp.css */
.timestamp-help-backdrop[b-ntzvkiolrg] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    z-index: 1150;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4vh 1.5rem;
}

.timestamp-help-modal[b-ntzvkiolrg] {
    width: min(980px, 94vw);
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
    display: flex;
    flex-direction: column;
    max-height: 92vh;
}

.timestamp-help-header[b-ntzvkiolrg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.4rem 1.6rem 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.timestamp-help-titles[b-ntzvkiolrg] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.timestamp-help-label[b-ntzvkiolrg] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
    margin: 0;
}

.timestamp-help-header h2[b-ntzvkiolrg] {
    margin: 0;
    font-size: 1.35rem;
}

.timestamp-help-body[b-ntzvkiolrg] {
    padding: 1rem 1.6rem 1.4rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.timestamp-help-markdown h1[b-ntzvkiolrg],
.timestamp-help-markdown h2[b-ntzvkiolrg],
.timestamp-help-markdown h3[b-ntzvkiolrg] {
    margin: 1rem 0 0.6rem;
}

.timestamp-help-markdown p[b-ntzvkiolrg] {
    margin: 0.6rem 0;
    line-height: 1.6;
}

.timestamp-help-markdown pre[b-ntzvkiolrg] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.85rem 1rem;
    overflow-x: auto;
    margin: 0.8rem 0;
}

.timestamp-help-markdown code[b-ntzvkiolrg] {
    font-family: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.9rem;
}

.timestamp-help-section h3[b-ntzvkiolrg] {
    margin: 0 0 0.6rem;
    font-size: 1.1rem;
}

.timestamp-help-option[b-ntzvkiolrg] {
    margin-top: 0.9rem;
    padding: 0.85rem 1rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.timestamp-help-option h4[b-ntzvkiolrg] {
    margin: 0;
    font-size: 1rem;
}

.timestamp-help-command[b-ntzvkiolrg] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    padding: 0.75rem 0.9rem;
}

.timestamp-help-command pre[b-ntzvkiolrg] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    flex: 1;
}

.timestamp-help-note[b-ntzvkiolrg] {
    margin: 0.6rem 0 0;
    color: #64748b;
    font-size: 0.95rem;
}

.timestamp-help-footer[b-ntzvkiolrg] {
    padding: 0 1.6rem 1.4rem;
    display: flex;
    justify-content: flex-end;
}

[data-theme='dark'] .timestamp-help-modal[b-ntzvkiolrg] {
    background: rgba(15, 23, 42, 0.92);
    color: #e2e8f0;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55);
}

[data-theme='dark'] .timestamp-help-header[b-ntzvkiolrg] {
    border-color: rgba(51, 65, 85, 0.6);
}

[data-theme='dark'] .timestamp-help-label[b-ntzvkiolrg] {
    color: rgba(148, 163, 184, 0.8);
}

[data-theme='dark'] .timestamp-help-markdown pre[b-ntzvkiolrg],
[data-theme='dark'] .timestamp-help-option[b-ntzvkiolrg],
[data-theme='dark'] .timestamp-help-command[b-ntzvkiolrg] {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(51, 65, 85, 0.6);
}

[data-theme='dark'] .timestamp-help-note[b-ntzvkiolrg] {
    color: rgba(226, 232, 240, 0.75);
}

@media (max-width: 960px) {
    .timestamp-help-header[b-ntzvkiolrg] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/ToastContainer.razor.rz.scp.css */
.toast-container[b-iwtfkllesf] {
    position: fixed;
    top: 1.25rem;
    right: 1.25rem;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: min(360px, calc(100vw - 2.5rem));
    pointer-events: none;
}

.toast-item[b-iwtfkllesf] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: 0.85rem;
    background: rgba(18, 24, 27, 0.92);
    color: #f8fafc;
    border: 1px solid rgba(248, 250, 252, 0.08);
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.35);
    pointer-events: auto;
    animation: toast-enter-b-iwtfkllesf 0.35s cubic-bezier(.16, 1, .3, 1) forwards;
    opacity: 0;
    transform: translateY(8px) scale(0.97);
}

.toast-item.toast-clickable[b-iwtfkllesf] {
    cursor: pointer;
}

.toast-item.toast-clickable:focus-visible[b-iwtfkllesf] {
    outline: 2px solid #38bdf8;
    outline-offset: 3px;
}

.toast-item.toast-removing[b-iwtfkllesf] {
    animation: toast-exit-b-iwtfkllesf 0.25s ease forwards;
}

@keyframes toast-enter-b-iwtfkllesf {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes toast-exit-b-iwtfkllesf {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(8px) scale(0.96);
    }
}

.toast-accent[b-iwtfkllesf] {
    position: absolute;
    top: 0.65rem;
    bottom: 0.65rem;
    left: 0.6rem;
    width: 4px;
    border-radius: 999px;
    background: transparent;
    opacity: 0.9;
    pointer-events: none;
}

.toast-icon[b-iwtfkllesf] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(15, 118, 110, 0.12);
    color: #0d9488;
    flex-shrink: 0;
}

.toast-content[b-iwtfkllesf] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.toast-title[b-iwtfkllesf] {
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1.2;
}

.toast-message[b-iwtfkllesf] {
    font-size: 0.85rem;
    line-height: 1.35;
    color: #e2e8f0;
}

.toast-cta[b-iwtfkllesf] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: currentColor;
    margin-top: 0.25rem;
}

.toast-dismiss[b-iwtfkllesf] {
    align-self: flex-start;
    background: transparent;
    border: none;
    color: inherit;
    opacity: 0.75;
    padding: 0.35rem;
    border-radius: 0.35rem;
    cursor: pointer;
    transition: opacity 0.15s ease, background 0.15s ease;
}

.toast-dismiss:hover[b-iwtfkllesf],
.toast-dismiss:focus-visible[b-iwtfkllesf] {
    opacity: 1;
    background: rgba(255, 255, 255, 0.08);
}

.toast-info .toast-accent[b-iwtfkllesf] {
    background: linear-gradient(180deg, #0ea5e9, #22d3ee);
}

.toast-info .toast-icon[b-iwtfkllesf] {
    background: rgba(37, 99, 235, 0.15);
    color: #38bdf8;
}

.toast-success[b-iwtfkllesf] {
    border-color: rgba(34, 197, 94, 0.25);
}

.toast-success .toast-accent[b-iwtfkllesf] {
    background: linear-gradient(180deg, #22c55e, #16a34a);
}

.toast-success .toast-icon[b-iwtfkllesf] {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
}

.toast-warning .toast-accent[b-iwtfkllesf] {
    background: linear-gradient(180deg, #f97316, #fbbf24);
}

.toast-warning .toast-icon[b-iwtfkllesf] {
    background: rgba(251, 191, 36, 0.15);
    color: #fdba74;
}

.toast-error[b-iwtfkllesf] {
    border-color: rgba(248, 113, 113, 0.3);
}

.toast-error .toast-accent[b-iwtfkllesf] {
    background: linear-gradient(180deg, #f87171, #ef4444);
}

.toast-error .toast-icon[b-iwtfkllesf] {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
}

@media (prefers-color-scheme: light) {
    .toast-item[b-iwtfkllesf] {
        background: #fff;
        color: #0f172a;
        border-color: rgba(15, 23, 42, 0.08);
        box-shadow: 0 18px 35px rgba(15, 23, 42, 0.18);
    }

    .toast-message[b-iwtfkllesf] {
        color: #475569;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
:root[b-e2250g0iex] {
    --layout-top-bar-height: 3.5rem;
    --layout-top-bar-control-size: 2.25rem;
}

:global(body)[b-e2250g0iex] {
    --layout-status-bar-offset: 0px;
}

.page[b-e2250g0iex] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    overflow: hidden;
}

.nav-shell[b-e2250g0iex] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.main-shell[b-e2250g0iex] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.content[b-e2250g0iex] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    padding: 0 1.5rem 1rem;
}

.top-bar[b-e2250g0iex] {
    background: var(--topbar-bg);
    border-bottom: 1px solid var(--topbar-border);
    height: var(--layout-top-bar-height, 3.5rem);
    min-height: var(--layout-top-bar-height, 3.5rem);
    max-height: var(--layout-top-bar-height, 3.5rem);
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 130;
    box-sizing: border-box;
    font-size: 0.875rem;
    line-height: 1.2;
}

.top-bar[b-e2250g0iex],
.top-bar *[b-e2250g0iex] {
    box-sizing: border-box;
}

.top-bar-inner[b-e2250g0iex] {
    width: min(1100px, 100%);
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1rem;
    overflow: visible;
}

.mobile-menu-toggle[b-e2250g0iex] {
    width: var(--layout-top-bar-control-size, 2.25rem);
    height: var(--layout-top-bar-control-size, 2.25rem);
    border-radius: 10px;
    border: 1px solid var(--topbar-control-border);
    background: var(--topbar-control-bg);
    color: var(--topbar-control-fg);
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.mobile-menu-toggle svg[b-e2250g0iex] {
    width: 18px;
    height: 18px;
}

.mobile-menu-toggle:hover[b-e2250g0iex] {
    background: var(--topbar-control-hover-bg);
    color: var(--topbar-control-hover-fg);
}

.spacer[b-e2250g0iex] {
    flex: 1;
}

.global-search-launcher[b-e2250g0iex] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    height: var(--layout-top-bar-control-size, 2.25rem);
    min-height: var(--layout-top-bar-control-size, 2.25rem);
    max-height: var(--layout-top-bar-control-size, 2.25rem);
    padding: 0 0.75rem;
    border-radius: 10px;
    background: var(--topbar-search-bg);
    border: 1px solid var(--topbar-search-border);
    box-shadow: var(--shadow-soft);
    flex: 0 1 clamp(180px, 28vw, 320px);
    min-width: 0;
    cursor: text;
    overflow: hidden;
}

.global-search-launcher svg[b-e2250g0iex] {
    width: 16px;
    height: 16px;
    color: var(--topbar-search-icon);
}

.global-search-input[b-e2250g0iex] {
    border: none;
    background: transparent;
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: 0;
    font-size: 0.88rem;
    line-height: 1.2;
    color: var(--topbar-search-fg);
}

.global-search-input:focus[b-e2250g0iex] {
    outline: none;
}

.global-search-launcher:focus-within[b-e2250g0iex] {
    box-shadow: 0 0 0 3px var(--accent-ring);
}

.impersonation-indicator[b-e2250g0iex] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid var(--impersonation-border);
    background: var(--impersonation-bg);
    color: var(--impersonation-fg);
    padding: 0.22rem 0.72rem;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.3;
    min-width: 0;
    max-height: calc(var(--layout-top-bar-height, 3.5rem) - 0.8rem);
    max-width: 50ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-identity[b-e2250g0iex] {
    font-size: 0.88rem;
    color: var(--text-secondary);
    font-weight: 500;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-menu[b-e2250g0iex] {
    position: relative;
    flex-shrink: 0;
}

.settings-dropdown-backdrop[b-e2250g0iex] {
    position: fixed;
    inset: 0;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: transparent;
    z-index: var(--z-overlay-dropdown-backdrop, 180);
}

.settings-dropdown-layer[b-e2250g0iex] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: var(--z-overlay-dropdown, 190);
}

.settings-toggle[b-e2250g0iex] {
    width: var(--layout-top-bar-control-size, 2.25rem);
    height: var(--layout-top-bar-control-size, 2.25rem);
    border-radius: 10px;
    border: 1px solid var(--topbar-control-border);
    background: var(--topbar-control-bg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--topbar-control-fg);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.settings-toggle:hover[b-e2250g0iex] {
    background: var(--topbar-control-hover-bg);
    color: var(--topbar-control-hover-fg);
}

.settings-toggle svg[b-e2250g0iex] {
    width: 20px;
    height: 20px;
}

.top-bar :global(.notification-bell)[b-e2250g0iex] {
    margin-right: 0;
    flex-shrink: 0;
}

.top-bar :global(.notification-bell .icon-button)[b-e2250g0iex] {
    width: var(--layout-top-bar-control-size, 2.25rem);
    height: var(--layout-top-bar-control-size, 2.25rem);
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.top-bar :global(.notification-bell .icon-button svg)[b-e2250g0iex] {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
}

.top-bar :global(.notification-bell .badge)[b-e2250g0iex] {
    top: -0.25rem;
    right: -0.25rem;
}

.settings-dropdown[b-e2250g0iex] {
    position: fixed;
    left: calc(100vw - 268px);
    top: calc(var(--layout-top-bar-height, 3.5rem) + 0.5rem);
    width: 260px;
    max-width: calc(100vw - 1rem);
    max-height: calc(100vh - (var(--layout-top-bar-height, 3.5rem) + 1rem));
    overflow-y: auto;
    background: var(--topbar-dropdown-bg);
    border: 1px solid var(--topbar-dropdown-border);
    border-radius: 12px;
    box-shadow: var(--shadow-popover);
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    z-index: var(--z-overlay-dropdown, 190);
    overflow: hidden;
}

.settings-dropdown-header[b-e2250g0iex] {
    padding: 0.75rem 0.95rem;
    border-bottom: 1px solid var(--topbar-dropdown-border);
}

.settings-title[b-e2250g0iex] {
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-subtle);
}

.settings-subtitle[b-e2250g0iex] {
    margin-top: 0.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
}

.settings-dropdown-list[b-e2250g0iex] {
    display: flex;
    flex-direction: column;
    padding: 0.35rem;
    gap: 0.15rem;
}

.settings-item[b-e2250g0iex] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.5rem 0.7rem;
    border-radius: 8px;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 0.86rem;
    transition: background-color 0.2s ease;
}

.settings-item-icon[b-e2250g0iex] {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-subtle);
    flex-shrink: 0;
}

.settings-item-icon svg[b-e2250g0iex] {
    width: 18px;
    height: 18px;
}

.settings-item:hover[b-e2250g0iex] {
    background: var(--bg-surface-hover);
}

.settings-item:hover .settings-item-icon[b-e2250g0iex] {
    color: var(--text-secondary);
}

.settings-item.active[b-e2250g0iex] {
    background: var(--bg-surface-active);
    font-weight: 600;
}

.settings-item.active .settings-item-icon[b-e2250g0iex] {
    color: var(--text-primary);
}

.settings-dropdown-footer[b-e2250g0iex] {
    border-top: 1px solid var(--topbar-dropdown-border);
    padding: 0.4rem;
}

.settings-logout[b-e2250g0iex] {
    width: 100%;
    border: none;
    background: transparent;
    padding: 0.5rem 0.7rem;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    border-radius: 8px;
    color: var(--danger);
    font-weight: 600;
    cursor: pointer;
}

.settings-logout .settings-item-icon[b-e2250g0iex] {
    color: currentColor;
}

.settings-logout:hover[b-e2250g0iex] {
    background: var(--state-danger-bg);
}

.global-search-overlay[b-e2250g0iex] {
    position: fixed;
    inset: 0;
    background: var(--topbar-overlay-bg);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 5rem 1.5rem 2rem;
    z-index: var(--z-overlay-search, 800);
}

.global-search-panel[b-e2250g0iex] {
    width: min(720px, 100%);
    background: var(--topbar-dropdown-bg);
    border: 1px solid var(--topbar-dropdown-border);
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: var(--shadow-modal);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.global-search-header[b-e2250g0iex] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.global-search-label[b-e2250g0iex] {
    margin: 0;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.global-search-header .icon-button.close[b-e2250g0iex] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: none;
    background: var(--bg-surface-muted);
    color: var(--text-primary);
    box-shadow: var(--shadow-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s ease, background-color 0.2s ease;
}

.global-search-header .icon-button.close:hover[b-e2250g0iex] {
    transform: translateY(-1px);
    background: var(--bg-surface-hover);
}

.theme-preference[b-e2250g0iex] {
    padding: 0.65rem 0.95rem 0.7rem;
    border-bottom: 1px solid var(--topbar-dropdown-border);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.theme-preference-label[b-e2250g0iex] {
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-subtle);
}

.theme-toggle-group[b-e2250g0iex] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.25rem;
    border: 1px solid var(--border-muted);
    border-radius: 999px;
    background: var(--bg-surface-muted);
    padding: 0.2rem;
}

.theme-toggle-option[b-e2250g0iex] {
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--text-secondary);
    font-size: 0.73rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.25rem 0.35rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.theme-toggle-option:hover[b-e2250g0iex] {
    background: var(--bg-surface-hover);
    color: var(--text-primary);
}

.theme-toggle-option.active[b-e2250g0iex] {
    background: var(--bg-surface);
    color: var(--text-primary);
    box-shadow: var(--shadow-soft);
}

.theme-toggle-option:focus-visible[b-e2250g0iex] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

@media (max-width: 640px) {
    .nav-shell[b-e2250g0iex] {
        position: fixed;
        top: var(--layout-top-bar-height, 3.5rem);
        left: 0;
        width: min(88vw, 340px);
        max-width: 100%;
        height: calc(100dvh - var(--layout-top-bar-height, 3.5rem));
        overflow-y: auto;
        transform: translateX(-108%);
        transition: transform 0.22s ease;
        z-index: 120;
        pointer-events: none;
    }

    .nav-shell.open[b-e2250g0iex] {
        transform: translateX(0);
        pointer-events: auto;
    }

    .mobile-nav-backdrop[b-e2250g0iex] {
        position: fixed;
        inset: var(--layout-top-bar-height, 3.5rem) 0 0 0;
        border: none;
        margin: 0;
        padding: 0;
        background: var(--overlay-backdrop);
        z-index: 110;
        width: 100%;
        cursor: pointer;
    }

    .mobile-menu-toggle[b-e2250g0iex] {
        display: inline-flex;
    }

    .top-bar-inner[b-e2250g0iex] {
        padding: 0 0.8rem;
        gap: 0.6rem;
    }

    .content[b-e2250g0iex] {
        padding: 0 0.95rem 0.75rem;
    }

    .content.content-hidden[b-e2250g0iex] {
        display: none;
    }

    .global-search-launcher[b-e2250g0iex] {
        flex: 1 1 auto;
        max-width: none;
        min-width: 0;
        padding: 0 0.55rem;
    }

    .impersonation-indicator[b-e2250g0iex] {
        max-width: 34vw;
        font-size: 0.68rem;
        padding: 0.18rem 0.48rem;
    }

    .user-identity[b-e2250g0iex] {
        display: none;
    }
    
    .theme-preference[b-e2250g0iex] {
        padding-inline: 0.8rem;
    }
}

@media (min-width: 641px) {
    .page[b-e2250g0iex] {
        flex-direction: row;
    }

    .mobile-menu-toggle[b-e2250g0iex],
    .mobile-nav-backdrop[b-e2250g0iex] {
        display: none;
    }

    .nav-shell[b-e2250g0iex] {
        position: static;
        width: auto;
        height: auto;
        transform: none;
        pointer-events: auto;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.sidebar[b-umm4ivtqz3] {
    background: var(--sidebar-bg);
    border-right: 1px solid var(--sidebar-border);
    width: 260px;
    height: 100vh;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    transition: width 0.2s ease;
    z-index: 80;
}

.sidebar.collapsed[b-umm4ivtqz3] {
    width: 72px;
}

.sidebar-header[b-umm4ivtqz3] {
    padding: 0.6rem 0.75rem 0.5rem;
}

.subject-switcher[b-umm4ivtqz3] {
    position: relative;
}

.subject-switcher-button[b-umm4ivtqz3] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.65rem;
    border-radius: 10px;
    border: 1px solid var(--sidebar-surface-border);
    background: var(--sidebar-surface);
    color: var(--text-primary);
    font-size: 0.86rem;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.subject-switcher-button:hover[b-umm4ivtqz3] {
    border-color: var(--border-strong);
    box-shadow: var(--shadow-soft);
}

.subject-avatar[b-umm4ivtqz3] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--sidebar-avatar-bg);
    color: var(--sidebar-avatar-fg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.82rem;
    flex-shrink: 0;
}

.subject-avatar img[b-umm4ivtqz3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.subject-name[b-umm4ivtqz3] {
    flex: 1;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subject-caret[b-umm4ivtqz3] {
    width: 16px;
    height: 16px;
    color: var(--sidebar-caret);
    flex-shrink: 0;
}

.subject-menu[b-umm4ivtqz3] {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    width: 100%;
    min-width: 220px;
    background: var(--sidebar-surface);
    border: 1px solid var(--sidebar-surface-border);
    border-radius: 12px;
    padding: 0.35rem;
    box-shadow: var(--shadow-popover);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    z-index: 60;
}

.subject-menu-status[b-umm4ivtqz3] {
    padding: 0.6rem 0.7rem;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.subject-menu-item[b-umm4ivtqz3] {
    border: none;
    background: transparent;
    text-align: left;
    padding: 0.5rem 0.7rem;
    border-radius: 8px;
    font-size: 0.85rem;
    color: var(--text-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
}

.subject-menu-info[b-umm4ivtqz3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.subject-menu-avatar[b-umm4ivtqz3] {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: var(--sidebar-avatar-bg);
    color: var(--sidebar-avatar-fg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.75rem;
    flex-shrink: 0;
    overflow: hidden;
}

.subject-menu-avatar img[b-umm4ivtqz3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.subject-menu-name[b-umm4ivtqz3] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subject-menu-item:hover[b-umm4ivtqz3] {
    background: var(--sidebar-hover-bg);
}

.subject-menu-item.active[b-umm4ivtqz3] {
    background: var(--sidebar-active-bg);
    font-weight: 600;
}

.subject-menu-footer[b-umm4ivtqz3] {
    border-top: 1px solid var(--sidebar-surface-border);
    padding-top: 0.35rem;
}

.subject-menu-link[b-umm4ivtqz3] {
    display: block;
    text-decoration: none;
    color: var(--text-secondary);
    padding: 0.45rem 0.7rem;
    border-radius: 8px;
    font-size: 0.82rem;
}

.subject-menu-link:hover[b-umm4ivtqz3] {
    background: var(--sidebar-hover-bg);
    color: var(--text-primary);
}

.nav-sections[b-umm4ivtqz3] {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 0.75rem;
}

.nav-section[b-umm4ivtqz3] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.35rem;
}

.nav-section-title[b-umm4ivtqz3] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-subtle);
    padding: 0.5rem 0.95rem 0.2rem;
}

.nav-section-title.subject-title[b-umm4ivtqz3] {
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar .nav-link[b-umm4ivtqz3] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.8rem;
    margin: 0 0.5rem;
    border-radius: 10px;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 0.8rem;
    line-height: 1.4;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.sidebar button.nav-link[b-umm4ivtqz3] {
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    font-family: inherit;
    appearance: none;
}

.sidebar .nav-link:visited[b-umm4ivtqz3] {
    color: var(--text-primary);
}

.sidebar .nav-link:hover[b-umm4ivtqz3] {
    background: var(--sidebar-hover-bg);
    color: var(--text-primary);
}

.sidebar .nav-link.active[b-umm4ivtqz3] {
    background: var(--sidebar-active-bg);
    font-weight: 600;
    color: var(--text-primary);
    box-shadow: inset 2px 0 0 var(--sidebar-active-indicator);
}

.nav-icon[b-umm4ivtqz3] {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--sidebar-icon);
    flex-shrink: 0;
}

.sidebar .nav-link.active .nav-icon[b-umm4ivtqz3] {
    color: var(--sidebar-icon-active);
}

.nav-badge[b-umm4ivtqz3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    background: var(--text-primary);
    color: var(--bg-primary);
    line-height: 1;
    margin-left: auto;
}

.settings-group[b-umm4ivtqz3] {
    margin-top: 0.2rem;
}

.settings-row[b-umm4ivtqz3] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0 0.5rem;
}

.settings-row .nav-link[b-umm4ivtqz3] {
    margin: 0;
}

.settings-link[b-umm4ivtqz3] {
    flex: 1;
    margin: 0;
}

.settings-expander[b-umm4ivtqz3] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--text-muted);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.settings-expander:hover[b-umm4ivtqz3] {
    background: var(--sidebar-hover-bg);
    color: var(--text-primary);
}

.settings-expander.expanded .nav-caret[b-umm4ivtqz3] {
    transform: rotate(180deg);
}

.nav-caret[b-umm4ivtqz3] {
    width: 1rem;
    height: 1rem;
    transition: transform 0.26s cubic-bezier(0.2, 0, 0, 1);
}

.settings-submenu[b-umm4ivtqz3] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin: 0.35rem 0 0.4rem 1.25rem;
    padding-left: 0.5rem;
    border-left: 1px solid var(--sidebar-border);
    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    transition: max-height 0.26s cubic-bezier(0.2, 0, 0, 1), opacity 0.26s ease, transform 0.26s ease, visibility 0s linear 0.26s;
}

.settings-submenu.open[b-umm4ivtqz3] {
    max-height: 320px;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    visibility: visible;
    transition: max-height 0.26s cubic-bezier(0.2, 0, 0, 1), opacity 0.26s ease, transform 0.26s ease;
}

.settings-submenu.collapsed[b-umm4ivtqz3] {
    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
    pointer-events: none;
    visibility: hidden;
    margin: 0;
    padding-left: 0;
    border-left: none;
}

@media (prefers-reduced-motion: reduce) {
    .settings-submenu[b-umm4ivtqz3],
    .settings-submenu.open[b-umm4ivtqz3] {
        transition: none;
        transform: none;
    }
}

.settings-submenu .nav-link[b-umm4ivtqz3] {
    margin: 0;
    padding: 0.45rem 0.6rem;
    font-size: 0.76rem;
    border-radius: 8px;
}

.nav-subicon[b-umm4ivtqz3] {
    width: 1.05rem;
    height: 1.05rem;
    color: var(--text-subtle);
    flex-shrink: 0;
}

.sidebar .nav-link.active .nav-subicon[b-umm4ivtqz3] {
    color: var(--sidebar-icon-active);
}

.sidebar-footer[b-umm4ivtqz3] {
    padding: 0.75rem;
    border-top: 1px solid var(--sidebar-border);
}

.sidebar-toggle[b-umm4ivtqz3] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 10px;
    border: 1px solid var(--sidebar-surface-border);
    background: var(--sidebar-surface);
    padding: 0.45rem 0.7rem;
    color: var(--text-secondary);
    font-size: 0.82rem;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.sidebar-toggle:hover[b-umm4ivtqz3] {
    background: var(--sidebar-hover-bg);
    color: var(--text-primary);
}

.sidebar-toggle svg[b-umm4ivtqz3] {
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
}

.sidebar.collapsed .subject-name[b-umm4ivtqz3],
.sidebar.collapsed .subject-caret[b-umm4ivtqz3],
.sidebar.collapsed .nav-text[b-umm4ivtqz3],
.sidebar.collapsed .nav-section-title[b-umm4ivtqz3],
.sidebar.collapsed .sidebar-toggle span[b-umm4ivtqz3] {
    display: none;
}

.sidebar.collapsed .subject-switcher-button[b-umm4ivtqz3] {
    justify-content: center;
    padding: 0.5rem;
}

.sidebar.collapsed .nav-link[b-umm4ivtqz3] {
    justify-content: center;
    margin: 0.15rem auto;
    width: 44px;
    padding: 0.55rem;
}

.sidebar.collapsed .nav-section + .nav-section[b-umm4ivtqz3] {
    margin-top: 0.7rem;
    padding-top: 0.7rem;
    border-top: 1px solid color-mix(in srgb, var(--sidebar-border) 70%, transparent);
}

.sidebar.collapsed .settings-group[b-umm4ivtqz3] {
    position: relative;
}

.sidebar.collapsed .settings-row[b-umm4ivtqz3] {
    margin: 0;
}

.sidebar.collapsed .settings-expander[b-umm4ivtqz3] {
    display: none;
}

.sidebar.collapsed .settings-submenu[b-umm4ivtqz3] {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: none;
}

.collapsed-submenu-backdrop[b-umm4ivtqz3] {
    position: fixed;
    inset: 0 0 0 72px;
    border: none;
    margin: 0;
    padding: 0;
    width: calc(100% - 72px);
    background: transparent;
    z-index: var(--z-overlay-sidebar-flyout-backdrop, 165);
}

.collapsed-submenu-layer[b-umm4ivtqz3] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: var(--z-overlay-sidebar-flyout, 170);
}

.collapsed-submenu-layer .settings-submenu.as-popover[b-umm4ivtqz3] {
    position: fixed;
    top: 0;
    left: calc(72px + 0.2rem);
    width: min(250px, calc(100vw - 88px));
    max-height: min(420px, calc(100vh - 16px));
    margin: 0;
    padding: 0.35rem;
    border: 1px solid var(--sidebar-surface-border);
    border-radius: 12px;
    background: var(--sidebar-surface);
    box-shadow: var(--shadow-popover);
    pointer-events: auto;
    overflow-y: auto;
    transform: none;
    opacity: 1;
    visibility: visible;
}

.collapsed-submenu-layer .settings-submenu.as-popover[b-umm4ivtqz3]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -0.65rem;
    width: 0.65rem;
}

.collapsed-submenu-layer .settings-submenu.as-popover .nav-link[b-umm4ivtqz3] {
    width: 100%;
    margin: 0;
    padding: 0.45rem 0.6rem;
    justify-content: flex-start;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 0.8rem;
    line-height: 1.4;
}

.collapsed-submenu-layer .settings-submenu.as-popover .nav-text[b-umm4ivtqz3] {
    display: inline;
}

.collapsed-submenu-layer .settings-submenu.as-popover .nav-link:hover[b-umm4ivtqz3] {
    background: var(--sidebar-hover-bg);
    color: var(--text-primary);
}

.collapsed-submenu-layer .settings-submenu.as-popover .nav-link.active[b-umm4ivtqz3] {
    background: var(--sidebar-active-bg);
    font-weight: 600;
    color: var(--text-primary);
    box-shadow: inset 2px 0 0 var(--sidebar-active-indicator);
}

.collapsed-submenu-layer .settings-submenu.as-popover .nav-subicon[b-umm4ivtqz3] {
    color: var(--text-subtle);
}

.collapsed-submenu-layer .settings-submenu.as-popover .nav-link.active .nav-subicon[b-umm4ivtqz3] {
    color: var(--sidebar-icon-active);
}

.sidebar.collapsed .sidebar-toggle svg[b-umm4ivtqz3] {
    transform: rotate(180deg);
}

@media (max-width: 640px) {
    .sidebar[b-umm4ivtqz3] {
        width: 100%;
        height: auto;
        position: static;
    }

    .sidebar.collapsed[b-umm4ivtqz3] {
        width: 100%;
    }

    .sidebar.collapsed .nav-text[b-umm4ivtqz3],
    .sidebar.collapsed .nav-section-title[b-umm4ivtqz3] {
        display: inline;
    }

    .sidebar.collapsed .nav-link[b-umm4ivtqz3] {
        width: auto;
        margin: 0 0.5rem;
        justify-content: flex-start;
    }

    .sidebar-toggle span[b-umm4ivtqz3] {
        display: inline;
    }
}
/* /Layout/PrintLayout.razor.rz.scp.css */
.print-layout[b-j4nfgmza18] {
    min-height: 100vh;
    background: #f1f5f9;
    color: #0f172a;
}

@media print {
    .print-layout[b-j4nfgmza18] {
        background: #fff;
    }
}
/* /Layout/PublicLayout.razor.rz.scp.css */
.public-layout[b-7fgr3zonkj] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
/* /Pages/AcceptInvite.razor.rz.scp.css */
.accept-container[b-lkduyqi4wj] {
    max-width: 560px;
    margin: 2rem auto;
    padding: 2rem;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #dde3ea;
    box-shadow: 0 12px 32px rgba(15, 32, 62, 0.08);
}

.accept-container h1[b-lkduyqi4wj] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    text-align: center;
}

.alert[b-lkduyqi4wj] {
    padding: 0.85rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert.success[b-lkduyqi4wj] {
    background: #e8f6ec;
    color: #146c2e;
}

.alert.error[b-lkduyqi4wj] {
    background: #ffe9e6;
    color: #b00020;
}

.alert.info[b-lkduyqi4wj] {
    background: #e6f1ff;
    color: #0b5ed7;
}

.btn[b-lkduyqi4wj] {
    display: inline-block;
    padding: 0.6rem 1.4rem;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    text-align: center;
    margin-top: 0.75rem;
}

.btn.primary[b-lkduyqi4wj] {
    background: #0b5ed7;
    color: #fff;
}

.btn.secondary[b-lkduyqi4wj] {
    background: #f0f3f7;
    color: #2f3b52;
}

form[b-lkduyqi4wj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-field[b-lkduyqi4wj] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-field input[b-lkduyqi4wj] {
    padding: 0.55rem 0.75rem;
    border-radius: 6px;
    border: 1px solid #c3ccd5;
}

@media (max-width: 640px) {
    .accept-container[b-lkduyqi4wj] {
        margin: 1.5rem 1rem;
        padding: 1.5rem;
    }
}
/* /Pages/AccountantSubjects.razor.rz.scp.css */
.accountant-subjects-shell[b-zvdqrqaijj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.accountant-subjects-heading[b-zvdqrqaijj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.accountant-subjects-actions[b-zvdqrqaijj] {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.accountant-subjects-loading[b-zvdqrqaijj] {
    padding: 1rem 1.1rem;
}

[data-theme='dark'] .accountant-subjects-loading[b-zvdqrqaijj] {
    color: var(--text-secondary, #94a3b8);
}

@media (max-width: 720px) {
    .accountant-subjects-actions[b-zvdqrqaijj] {
        width: 100%;
    }

    .accountant-subjects-actions .primary[b-zvdqrqaijj],
    .accountant-subjects-actions .secondary[b-zvdqrqaijj] {
        flex: 1 1 auto;
    }
}
/* /Pages/Admin/BankTransferPayments.razor.rz.scp.css */
.admin-bank-payments-page[b-oao08e9qo5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.admin-bank-payments-filters[b-oao08e9qo5] {
    display: grid;
    grid-template-columns: minmax(16rem, 2fr) repeat(3, minmax(10rem, 1fr)) auto;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    align-items: center;
}

.table-wrap[b-oao08e9qo5] {
    width: 100%;
    overflow-x: auto;
}

.admin-payments-table[b-oao08e9qo5] {
    width: 100%;
    table-layout: fixed;
}

.admin-payments-table th[b-oao08e9qo5],
.admin-payments-table td[b-oao08e9qo5] {
    vertical-align: top;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-payments-table .cell-payment-id code[b-oao08e9qo5] {
    white-space: normal;
    display: inline-block;
}

.clickable-row[b-oao08e9qo5] {
    cursor: pointer;
}

.clickable-row:focus-visible[b-oao08e9qo5] {
    outline: 2px solid var(--accent, #2563eb);
    outline-offset: -2px;
}

.admin-pagination[b-oao08e9qo5] {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.admin-modal-backdrop[b-oao08e9qo5] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.admin-modal[b-oao08e9qo5] {
    width: min(980px, 100%);
    max-height: min(90vh, 980px);
    background: var(--surface-elevated, #fff);
    border: 1px solid var(--border-default, #e2e8f0);
    border-radius: 14px;
    box-shadow: var(--shadow-soft, 0 20px 40px rgba(15, 23, 42, 0.2));
    display: flex;
    flex-direction: column;
}

.admin-modal-header[b-oao08e9qo5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--border-default, #e2e8f0);
}

.admin-modal-body[b-oao08e9qo5] {
    padding: 1rem;
    overflow-y: auto;
}

.payment-detail-kv[b-oao08e9qo5] {
    gap: 0.45rem;
}

.payment-detail-kv .kv-row[b-oao08e9qo5] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
}

.payment-detail-kv dt[b-oao08e9qo5] {
    color: var(--text-muted, #64748b);
}

.payment-detail-kv dd[b-oao08e9qo5] {
    margin: 0;
    text-align: right;
}

.admin-bank-payments-docs[b-oao08e9qo5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
}

.admin-bank-payments-confirm[b-oao08e9qo5] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 15rem;
}

.confirm-sensitive-label[b-oao08e9qo5] {
    margin: 0;
    color: #b45309;
    font-size: 0.78rem;
    font-weight: 700;
}

.admin-bank-payments-confirm .form-control-sm[b-oao08e9qo5] {
    min-width: 13rem;
}

@media (max-width: 1400px) {
    .admin-bank-payments-filters[b-oao08e9qo5] {
        grid-template-columns: minmax(14rem, 2fr) repeat(2, minmax(10rem, 1fr));
    }
}

@media (max-width: 1200px) {
    .admin-payments-table[b-oao08e9qo5] {
        border-collapse: separate;
        border-spacing: 0 0.75rem;
    }

    .admin-payments-table thead[b-oao08e9qo5] {
        display: none;
    }

    .admin-payments-table tbody[b-oao08e9qo5] {
        display: block;
    }

    .admin-payments-table tbody tr[b-oao08e9qo5] {
        display: block;
        border: 1px solid var(--border-default, #e2e8f0);
        border-radius: 12px;
        background: var(--surface-elevated, #fff);
        box-shadow: var(--shadow-soft, 0 4px 10px rgba(15, 23, 42, 0.08));
        padding: 0.75rem;
    }

    .admin-payments-table tbody td[b-oao08e9qo5] {
        display: grid;
        grid-template-columns: minmax(8.75rem, 42%) 1fr;
        gap: 0.75rem;
        padding: 0.35rem 0;
        border: none;
    }

    .admin-payments-table tbody td[b-oao08e9qo5]::before {
        content: attr(data-label);
        color: var(--text-muted);
        font-weight: 700;
        font-size: 0.8rem;
        line-height: 1.25;
    }

    .admin-bank-payments-docs[b-oao08e9qo5],
    .admin-bank-payments-confirm[b-oao08e9qo5] {
        width: 100%;
        min-width: 0;
    }

    .admin-bank-payments-confirm .form-control-sm[b-oao08e9qo5] {
        min-width: 0;
        width: 100%;
    }

    .admin-pagination[b-oao08e9qo5] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    .admin-bank-payments-filters[b-oao08e9qo5] {
        grid-template-columns: 1fr;
    }

    .payment-detail-kv .kv-row[b-oao08e9qo5] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.2rem;
    }

    .payment-detail-kv dd[b-oao08e9qo5] {
        text-align: left;
    }
}
/* /Pages/Admin/BillingNumbering.razor.rz.scp.css */
.billing-numbering-page[b-romp24lpyg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.billing-numbering-grid[b-romp24lpyg] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.field.readonly[b-romp24lpyg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.billing-numbering-actions[b-romp24lpyg] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}
/* /Pages/Admin/BillingReview.razor.rz.scp.css */
.billing-review-page[b-78qfqcez8d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.billing-review-filters[b-78qfqcez8d] {
    display: grid;
    grid-template-columns: repeat(3, minmax(12rem, 1fr)) auto;
    gap: 0.5rem;
    align-items: center;
}

.table-wrap[b-78qfqcez8d] {
    width: 100%;
    overflow-x: auto;
}

.review-table[b-78qfqcez8d] {
    width: 100%;
    table-layout: fixed;
}

.review-table th[b-78qfqcez8d],
.review-table td[b-78qfqcez8d] {
    vertical-align: top;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.clickable-row[b-78qfqcez8d] {
    cursor: pointer;
}

.clickable-row:focus-visible[b-78qfqcez8d] {
    outline: 2px solid var(--accent, #2563eb);
    outline-offset: -2px;
}

.review-badge[b-78qfqcez8d] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.badge-late[b-78qfqcez8d] {
    background: #fee2e2;
    color: #991b1b;
}

.badge-stripe[b-78qfqcez8d] {
    background: #dbeafe;
    color: #1e3a8a;
}

.badge-warning[b-78qfqcez8d] {
    background: #fef3c7;
    color: #92400e;
}

.badge-default[b-78qfqcez8d] {
    background: #e2e8f0;
    color: #334155;
}

.admin-pagination[b-78qfqcez8d] {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.admin-modal-backdrop[b-78qfqcez8d] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.admin-modal[b-78qfqcez8d] {
    width: min(980px, 100%);
    max-height: min(90vh, 980px);
    background: var(--surface-elevated, #fff);
    border: 1px solid var(--border-default, #e2e8f0);
    border-radius: 14px;
    box-shadow: var(--shadow-soft, 0 20px 40px rgba(15, 23, 42, 0.2));
    display: flex;
    flex-direction: column;
}

.admin-modal-header[b-78qfqcez8d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--border-default, #e2e8f0);
}

.admin-modal-body[b-78qfqcez8d] {
    padding: 1rem;
    overflow-y: auto;
}

.manual-confirm-box[b-78qfqcez8d] {
    margin-top: 1rem;
    padding: 0.8rem;
    border: 1px solid var(--border-default, #e2e8f0);
    border-radius: 10px;
    background: var(--surface-muted, #f8fafc);
}

.manual-confirm-grid[b-78qfqcez8d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(12rem, 1fr)) auto;
    gap: 0.5rem;
}

@media (max-width: 1200px) {
    .review-table[b-78qfqcez8d] {
        border-collapse: separate;
        border-spacing: 0 0.75rem;
    }

    .review-table thead[b-78qfqcez8d] {
        display: none;
    }

    .review-table tbody[b-78qfqcez8d] {
        display: block;
    }

    .review-table tbody tr[b-78qfqcez8d] {
        display: block;
        border: 1px solid var(--border-default, #e2e8f0);
        border-radius: 12px;
        background: var(--surface-elevated, #fff);
        box-shadow: var(--shadow-soft, 0 4px 10px rgba(15, 23, 42, 0.08));
        padding: 0.75rem;
    }

    .review-table tbody td[b-78qfqcez8d] {
        display: grid;
        grid-template-columns: minmax(8.75rem, 42%) 1fr;
        gap: 0.75rem;
        padding: 0.35rem 0;
        border: none;
    }

    .review-table tbody td[b-78qfqcez8d]::before {
        content: attr(data-label);
        color: var(--text-muted);
        font-weight: 700;
        font-size: 0.8rem;
        line-height: 1.25;
    }

    .manual-confirm-grid[b-78qfqcez8d] {
        grid-template-columns: 1fr;
    }

    .admin-pagination[b-78qfqcez8d] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    .billing-review-filters[b-78qfqcez8d] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/BillingSettings.razor.rz.scp.css */
.billing-settings-page[b-1ujv03695a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.billing-settings-grid[b-1ujv03695a] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.billing-settings-actions[b-1ujv03695a] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}

.field-row[b-1ujv03695a] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr) auto;
}
/* /Pages/Admin/CompanyBilling.razor.rz.scp.css */
.company-billing-page[b-39yblrxwnu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.company-billing-grid[b-39yblrxwnu] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

@media (min-width: 860px) {
    .company-billing-grid[b-39yblrxwnu] {
        grid-template-columns: 1fr 1fr;
    }
}

.field[b-39yblrxwnu] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field span[b-39yblrxwnu] {
    font-weight: 600;
    color: var(--text-secondary);
}

.field-checkbox[b-39yblrxwnu] {
    flex-direction: row;
    align-items: center;
    gap: 0.55rem;
    padding-top: 1.6rem;
}

.field-checkbox span[b-39yblrxwnu] {
    font-weight: 600;
    color: var(--text-primary);
}

.company-billing-actions[b-39yblrxwnu] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-start;
}

.table-wrap[b-39yblrxwnu] {
    overflow-x: auto;
}
/* /Pages/Admin/ProblemReports.razor.rz.scp.css */
.problem-reports-toolbar[b-7f6dzh93qa] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.problem-reports-toolbar label[b-7f6dzh93qa] {
    font-size: 0.82rem;
    color: #475569;
    margin-right: 0.2rem;
}

.problem-reports-toolbar .form-select[b-7f6dzh93qa] {
    min-width: 220px;
    max-width: 260px;
}

.problem-reports-grid[b-7f6dzh93qa] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 1rem;
    align-items: flex-start;
}

.problem-reports-list[b-7f6dzh93qa],
.problem-reports-detail[b-7f6dzh93qa] {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
    padding: 0.75rem;
}

.problem-report-items[b-7f6dzh93qa] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.problem-report-item[b-7f6dzh93qa] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    padding: 0.45rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    transition: border-color 0.2s ease;
}

.problem-report-item-select[b-7f6dzh93qa] {
    border: none;
    border-radius: 10px;
    background: #f8fafc;
    padding: 0.62rem 0.68rem;
    text-align: left;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.problem-report-item:hover .problem-report-item-select[b-7f6dzh93qa] {
    border-color: #0ea5e9;
    background: #f0f9ff;
}

.problem-report-item.active .problem-report-item-select[b-7f6dzh93qa] {
    border-color: #0ea5e9;
    background: #e0f2fe;
}

.problem-report-item-head[b-7f6dzh93qa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.problem-report-status[b-7f6dzh93qa] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #0f172a;
    background: #e2e8f0;
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
    font-weight: 700;
}

.problem-report-time[b-7f6dzh93qa] {
    font-size: 0.73rem;
    color: #64748b;
}

.problem-report-item-title[b-7f6dzh93qa] {
    font-size: 0.84rem;
    font-weight: 600;
    color: #0f172a;
    word-break: break-all;
}

.problem-report-item-text[b-7f6dzh93qa] {
    font-size: 0.79rem;
    color: #334155;
    line-height: 1.35;
}

.problem-report-item-ids[b-7f6dzh93qa] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    font-size: 0.71rem;
    color: #475569;
}

.problem-report-item-meta[b-7f6dzh93qa] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    font-size: 0.73rem;
    color: #64748b;
}

.problem-report-item-impersonate[b-7f6dzh93qa] {
    align-self: flex-start;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    font-size: 0.74rem;
    font-weight: 600;
    padding: 0.25rem 0.62rem;
    cursor: pointer;
}

.problem-report-item-impersonate:disabled[b-7f6dzh93qa] {
    opacity: 0.65;
    cursor: wait;
}

.problem-report-load-more[b-7f6dzh93qa] {
    margin-top: 0.8rem;
    width: 100%;
}

.problem-report-detail-grid[b-7f6dzh93qa] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem 1rem;
}

.problem-report-detail-grid > div[b-7f6dzh93qa] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.82rem;
}

.problem-report-detail-grid strong[b-7f6dzh93qa] {
    color: #475569;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.problem-report-detail-grid code[b-7f6dzh93qa] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.3rem 0.45rem;
    font-size: 0.74rem;
}

.problem-report-detail-grid a[b-7f6dzh93qa] {
    overflow-wrap: anywhere;
}

.problem-report-description[b-7f6dzh93qa] {
    margin-top: 1rem;
    border-top: 1px solid #e2e8f0;
    padding-top: 0.8rem;
}

.problem-report-description p[b-7f6dzh93qa] {
    margin: 0.5rem 0 0;
    white-space: pre-wrap;
}

.problem-report-actions[b-7f6dzh93qa] {
    margin-top: 0.9rem;
}

.problem-report-edit[b-7f6dzh93qa] {
    margin-top: 1rem;
    border-top: 1px solid #e2e8f0;
    padding-top: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.problem-report-edit label[b-7f6dzh93qa] {
    font-size: 0.81rem;
    color: #334155;
    font-weight: 600;
}

.problem-report-edit textarea[b-7f6dzh93qa] {
    resize: vertical;
    min-height: 100px;
}

.problem-report-edit button[b-7f6dzh93qa] {
    align-self: flex-start;
}

@media (max-width: 960px) {
    .problem-reports-grid[b-7f6dzh93qa] {
        grid-template-columns: 1fr;
    }
}

[data-theme='dark'] .problem-reports-list[b-7f6dzh93qa],
[data-theme='dark'] .problem-reports-detail[b-7f6dzh93qa],
[data-theme='dark'] .problem-report-item[b-7f6dzh93qa] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme='dark'] .problem-report-item-select[b-7f6dzh93qa] {
    background: #0f172a;
    color: #e2e8f0;
}

[data-theme='dark'] .problem-report-item:hover .problem-report-item-select[b-7f6dzh93qa],
[data-theme='dark'] .problem-report-item.active .problem-report-item-select[b-7f6dzh93qa] {
    background: #13263f;
    border-color: #0ea5e9;
}

[data-theme='dark'] .problem-report-item-impersonate[b-7f6dzh93qa] {
    background: #0b1322;
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme='dark'] .problem-report-detail-grid code[b-7f6dzh93qa] {
    background: #111c2f;
    border-color: #334155;
    color: #e2e8f0;
}
/* /Pages/Admin/Subjects.razor.rz.scp.css */
.admin-subjects-page[b-l9v6d08af6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.admin-subjects-filters[b-l9v6d08af6] {
    display: grid;
    grid-template-columns: minmax(18rem, 2fr) minmax(12rem, 1fr) auto;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    align-items: center;
}

.table-wrap[b-l9v6d08af6] {
    width: 100%;
    overflow-x: auto;
}

.admin-subjects-table[b-l9v6d08af6] {
    width: 100%;
    table-layout: fixed;
}

.admin-subjects-table th[b-l9v6d08af6],
.admin-subjects-table td[b-l9v6d08af6] {
    vertical-align: top;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.clickable-row[b-l9v6d08af6] {
    cursor: pointer;
}

.clickable-row:focus-visible[b-l9v6d08af6] {
    outline: 2px solid var(--accent, #2563eb);
    outline-offset: -2px;
}

.subject-status[b-l9v6d08af6] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.status-active[b-l9v6d08af6] {
    background: #dcfce7;
    color: #166534;
}

.status-deactivated[b-l9v6d08af6] {
    background: #fef3c7;
    color: #92400e;
}

.status-deleted[b-l9v6d08af6] {
    background: #fee2e2;
    color: #991b1b;
}

.status-unknown[b-l9v6d08af6] {
    background: #e2e8f0;
    color: #334155;
}

.admin-pagination[b-l9v6d08af6] {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.admin-modal-backdrop[b-l9v6d08af6] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.admin-modal[b-l9v6d08af6] {
    width: min(1100px, 100%);
    max-height: min(92vh, 980px);
    background: var(--surface-elevated, #fff);
    border: 1px solid var(--border-default, #e2e8f0);
    border-radius: 14px;
    box-shadow: var(--shadow-soft, 0 20px 40px rgba(15, 23, 42, 0.2));
    display: flex;
    flex-direction: column;
}

.admin-modal-header[b-l9v6d08af6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--border-default, #e2e8f0);
}

.admin-modal-body[b-l9v6d08af6] {
    padding: 1rem;
    overflow-y: auto;
}

.subject-detail-grid[b-l9v6d08af6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.subject-detail-grid h3[b-l9v6d08af6] {
    margin-top: 0;
    margin-bottom: 0.6rem;
}

@media (max-width: 1200px) {
    .admin-subjects-table[b-l9v6d08af6] {
        border-collapse: separate;
        border-spacing: 0 0.75rem;
    }

    .admin-subjects-table thead[b-l9v6d08af6] {
        display: none;
    }

    .admin-subjects-table tbody[b-l9v6d08af6] {
        display: block;
    }

    .admin-subjects-table tbody tr[b-l9v6d08af6] {
        display: block;
        border: 1px solid var(--border-default, #e2e8f0);
        border-radius: 12px;
        background: var(--surface-elevated, #fff);
        box-shadow: var(--shadow-soft, 0 4px 10px rgba(15, 23, 42, 0.08));
        padding: 0.75rem;
    }

    .admin-subjects-table tbody td[b-l9v6d08af6] {
        display: grid;
        grid-template-columns: minmax(8.75rem, 42%) 1fr;
        gap: 0.75rem;
        padding: 0.35rem 0;
        border: none;
    }

    .admin-subjects-table tbody td[b-l9v6d08af6]::before {
        content: attr(data-label);
        color: var(--text-muted);
        font-weight: 700;
        font-size: 0.8rem;
        line-height: 1.25;
    }

    .subject-detail-grid[b-l9v6d08af6] {
        grid-template-columns: 1fr;
    }

    .admin-pagination[b-l9v6d08af6] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    .admin-subjects-filters[b-l9v6d08af6] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/BroadcastHistory.razor.rz.scp.css */
.broadcast-history-shell[b-q7qjwb1mrm] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.history-heading[b-q7qjwb1mrm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.history-heading-actions[b-q7qjwb1mrm] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.history-toolbar[b-q7qjwb1mrm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.3);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}

.history-search[b-q7qjwb1mrm] {
    flex: 1;
    min-width: 220px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    padding: 0.55rem 0.7rem;
    font-family: inherit;
}

.history-summary[b-q7qjwb1mrm] {
    color: #475569;
    font-size: 0.9rem;
}

.history-empty[b-q7qjwb1mrm] {
    padding: 1rem;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
}

.history-list[b-q7qjwb1mrm] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.history-card[b-q7qjwb1mrm] {
    background: #ffffff;
    border-radius: 18px;
    padding: 1.2rem;
    border: 1px solid rgba(148, 163, 184, 0.25);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.history-card-header[b-q7qjwb1mrm] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.history-card-title[b-q7qjwb1mrm] {
    font-weight: 600;
    color: #0f172a;
}

.history-card-meta[b-q7qjwb1mrm] {
    color: #64748b;
    font-size: 0.85rem;
}

.history-counts[b-q7qjwb1mrm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    font-size: 0.85rem;
    color: #475569;
}

.history-section-title[b-q7qjwb1mrm] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #1f2937;
    margin-bottom: 0.25rem;
}

.history-body[b-q7qjwb1mrm] {
    margin: 0;
    color: #1f2937;
    white-space: pre-wrap;
}

.chip-row[b-q7qjwb1mrm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.chip[b-q7qjwb1mrm] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.35);
    font-size: 0.8rem;
    color: #0f172a;
}

.filter-chip[b-q7qjwb1mrm] {
    background: #eef2ff;
}

.recipient-chip[b-q7qjwb1mrm] {
    gap: 0.5rem;
}

.recipient-meta[b-q7qjwb1mrm] {
    font-size: 0.75rem;
    color: #475569;
}

.history-details[b-q7qjwb1mrm] {
    border-radius: 12px;
    padding: 0.75rem;
    background: #f8fafc;
}

.history-details summary[b-q7qjwb1mrm] {
    cursor: pointer;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 0.5rem;
}

.history-detail-empty[b-q7qjwb1mrm] {
    color: #64748b;
    font-size: 0.85rem;
}

.history-load-more[b-q7qjwb1mrm] {
    align-self: flex-start;
}

.sr-only[b-q7qjwb1mrm] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media (max-width: 640px) {
    .history-toolbar[b-q7qjwb1mrm] {
        flex-direction: column;
        align-items: stretch;
    }

    .history-counts[b-q7qjwb1mrm] {
        width: 100%;
    }
}
/* /Pages/BroadcastMessage.razor.rz.scp.css */
.broadcast-shell[b-s8fx7t2yn6] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.broadcast-layout[b-s8fx7t2yn6] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(260px, 0.9fr);
    gap: 1.5rem;
    align-items: start;
}

.broadcast-wizard[b-s8fx7t2yn6] {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(148, 163, 184, 0.2);
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.wizard-steps[b-s8fx7t2yn6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 1rem 1.5rem 0.5rem;
    background: #f8fafc;
}

.wizard-step[b-s8fx7t2yn6] {
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: #ffffff;
    border-radius: 999px;
    padding: 0.4rem 0.6rem;
    font-weight: 600;
    font-size: 0.85rem;
    text-align: center;
    cursor: pointer;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.wizard-step.active[b-s8fx7t2yn6] {
    background: var(--accent-500, #0e9683);
    color: #ffffff;
    border-color: var(--accent-500, #0e9683);
    box-shadow: 0 10px 20px rgba(14, 150, 131, 0.26);
}

.wizard-step:focus-visible[b-s8fx7t2yn6] {
    outline: 2px solid var(--accent-500, #0e9683);
    outline-offset: 2px;
}

.wizard-panel[b-s8fx7t2yn6] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.wizard-section[b-s8fx7t2yn6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wizard-step-description[b-s8fx7t2yn6] {
    margin: 0;
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.5;
}

.field-header[b-s8fx7t2yn6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.wizard-label[b-s8fx7t2yn6] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1f2937;
}

.wizard-toggle[b-s8fx7t2yn6] {
    display: inline-flex;
    gap: 0.5rem;
    background: rgba(148, 163, 184, 0.2);
    padding: 0.35rem;
    border-radius: 999px;
}

.toggle-button[b-s8fx7t2yn6] {
    border: none;
    background: transparent;
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    font-weight: 600;
    cursor: pointer;
    color: #1f2937;
}

.toggle-button.active[b-s8fx7t2yn6] {
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.toggle-button:focus-visible[b-s8fx7t2yn6] {
    outline: 2px solid var(--accent-500, #0e9683);
    outline-offset: 2px;
}

.wizard-grid[b-s8fx7t2yn6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.6rem;
}

.wizard-grid.wide[b-s8fx7t2yn6] {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.wizard-option[b-s8fx7t2yn6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.75rem;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.3);
}

.wizard-option input[b-s8fx7t2yn6] {
    accent-color: var(--accent-500, #0e9683);
}

.wizard-option label[b-s8fx7t2yn6] {
    flex: 1;
    margin: 0;
    cursor: pointer;
}

.info-button[b-s8fx7t2yn6] {
    width: 24px;
    height: 24px;
    border: 1px solid #d9d8ef;
    border-radius: 50%;
    background: #f4f3ff;
    color: #4a4a61;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    padding: 0;
}

.info-button.inline[b-s8fx7t2yn6] {
    width: 22px;
    height: 22px;
}

.info-button[b-s8fx7t2yn6]::before {
    content: "i";
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1;
}

.info-button:hover[b-s8fx7t2yn6] {
    background: #edeafe;
}

.info-button:focus-visible[b-s8fx7t2yn6] {
    outline: 2px solid var(--accent-500, #0e9683);
    outline-offset: 2px;
}

.wizard-field[b-s8fx7t2yn6] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    color: #475569;
    font-size: 0.85rem;
}

.wizard-field input[b-s8fx7t2yn6] {
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    padding: 0.45rem 0.6rem;
    font-family: inherit;
}

.wizard-select[b-s8fx7t2yn6],
.wizard-input[b-s8fx7t2yn6],
.wizard-textarea[b-s8fx7t2yn6] {
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    padding: 0.6rem 0.75rem;
    font-family: inherit;
    background: #ffffff;
}

.wizard-textarea[b-s8fx7t2yn6] {
    min-height: 120px;
    resize: vertical;
}

.wizard-hint[b-s8fx7t2yn6] {
    margin: 0;
    color: #64748b;
    font-size: 0.85rem;
}

.wizard-empty[b-s8fx7t2yn6] {
    padding: 0.75rem;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.9rem;
}

.wizard-actions[b-s8fx7t2yn6] {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem 1.5rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    background: #ffffff;
}

.template-manager[b-s8fx7t2yn6] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1rem;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 16px;
    padding: 1rem;
}

.template-list[b-s8fx7t2yn6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.template-list-header[b-s8fx7t2yn6] {
    font-weight: 600;
    color: #0f172a;
}

.template-row[b-s8fx7t2yn6] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 12px;
}

.template-preview[b-s8fx7t2yn6] {
    color: #64748b;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.template-actions[b-s8fx7t2yn6] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.template-form[b-s8fx7t2yn6] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.broadcast-preview[b-s8fx7t2yn6] {
    background: linear-gradient(160deg, #f8fafc 0%, #eef2ff 100%);
    border-radius: 20px;
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-height: 0;
}

.preview-header[b-s8fx7t2yn6] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.preview-header h3[b-s8fx7t2yn6] {
    margin: 0;
    font-size: 1.1rem;
}

.preview-count[b-s8fx7t2yn6] {
    color: #475569;
    font-size: 0.85rem;
}

.chip-row[b-s8fx7t2yn6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.chip[b-s8fx7t2yn6] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-radius: 999px;
    padding: 0.2rem 0.55rem 0.2rem 0.3rem;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.35);
    font-size: 0.85rem;
    color: #0f172a;
}

.chip img[b-s8fx7t2yn6] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    background: #e2e8f0;
}

.subject-chip img[b-s8fx7t2yn6] {
    border-radius: 8px;
}

.chip-remove[b-s8fx7t2yn6] {
    border: none;
    background: rgba(148, 163, 184, 0.2);
    color: #475569;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.chip-remove:hover[b-s8fx7t2yn6] {
    background: rgba(148, 163, 184, 0.4);
}

.recipient-card[b-s8fx7t2yn6] {
    background: #ffffff;
    border-radius: 16px;
    padding: 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}

.recipient-card-header[b-s8fx7t2yn6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.recipient-subject[b-s8fx7t2yn6] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.recipient-subject-logo[b-s8fx7t2yn6] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    object-fit: cover;
    background: #e2e8f0;
}

.recipient-subject-info[b-s8fx7t2yn6] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.recipient-subject-name[b-s8fx7t2yn6] {
    font-weight: 600;
    color: #0f172a;
}

.recipient-subject-meta[b-s8fx7t2yn6] {
    font-size: 0.8rem;
    color: #64748b;
}

.subject-remove[b-s8fx7t2yn6] {
    border: none;
    background: rgba(15, 23, 42, 0.08);
    color: #0f172a;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
}

.subject-remove:hover[b-s8fx7t2yn6] {
    background: rgba(15, 23, 42, 0.14);
}

.sr-only[b-s8fx7t2yn6] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media (max-width: 960px) {
    .broadcast-layout[b-s8fx7t2yn6] {
        grid-template-columns: 1fr;
    }

    .wizard-steps[b-s8fx7t2yn6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .template-manager[b-s8fx7t2yn6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .wizard-steps[b-s8fx7t2yn6] {
        grid-template-columns: 1fr;
    }

    .wizard-actions[b-s8fx7t2yn6] {
        flex-direction: column;
        align-items: stretch;
    }
}

.broadcast-heading[b-s8fx7t2yn6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.broadcast-heading-actions[b-s8fx7t2yn6] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

[data-theme='dark'] .broadcast-wizard[b-s8fx7t2yn6] {
    background: var(--bg-surface, #0f172a);
    border-color: var(--border-muted, #1f2a44);
    box-shadow: 0 20px 40px rgba(2, 6, 23, 0.45);
}

[data-theme='dark'] .wizard-steps[b-s8fx7t2yn6] {
    background: var(--bg-surface-muted, #111c2f);
}

[data-theme='dark'] .wizard-step[b-s8fx7t2yn6] {
    border-color: var(--border-muted, #334155);
    background: var(--bg-surface, #0f172a);
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .wizard-step.active[b-s8fx7t2yn6] {
    background: var(--accent-500, #0e9683);
    border-color: var(--accent-500, #0e9683);
    color: #fff;
    box-shadow: 0 10px 20px rgba(5, 150, 105, 0.3);
}

[data-theme='dark'] .wizard-label[b-s8fx7t2yn6],
[data-theme='dark'] .template-list-header[b-s8fx7t2yn6],
[data-theme='dark'] .recipient-subject-name[b-s8fx7t2yn6] {
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .wizard-step-description[b-s8fx7t2yn6],
[data-theme='dark'] .wizard-field[b-s8fx7t2yn6],
[data-theme='dark'] .wizard-hint[b-s8fx7t2yn6],
[data-theme='dark'] .preview-count[b-s8fx7t2yn6],
[data-theme='dark'] .template-preview[b-s8fx7t2yn6],
[data-theme='dark'] .recipient-subject-meta[b-s8fx7t2yn6] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .wizard-toggle[b-s8fx7t2yn6] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 82%, #334155);
}

[data-theme='dark'] .toggle-button[b-s8fx7t2yn6] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .toggle-button.active[b-s8fx7t2yn6] {
    background: var(--bg-surface, #0f172a);
    color: var(--text-primary, #e2e8f0);
    box-shadow: 0 8px 18px rgba(2, 6, 23, 0.45);
}

[data-theme='dark'] .wizard-option[b-s8fx7t2yn6],
[data-theme='dark'] .wizard-empty[b-s8fx7t2yn6] {
    background: var(--bg-surface-muted, #111c2f);
    border-color: var(--border-muted, #1f2a44);
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .wizard-input[b-s8fx7t2yn6],
[data-theme='dark'] .wizard-select[b-s8fx7t2yn6],
[data-theme='dark'] .wizard-textarea[b-s8fx7t2yn6],
[data-theme='dark'] .wizard-field input[b-s8fx7t2yn6] {
    background: var(--bg-input, #1e293b);
    border-color: var(--border-input, #334155);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .info-button[b-s8fx7t2yn6] {
    border-color: var(--border-muted, #1f2a44);
    background: var(--bg-surface-muted, #111c2f);
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .info-button:hover[b-s8fx7t2yn6] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 72%, #334155);
}

[data-theme='dark'] .wizard-actions[b-s8fx7t2yn6] {
    border-top-color: var(--border-muted, #1f2a44);
    background: var(--bg-surface, #0f172a);
}

[data-theme='dark'] .template-manager[b-s8fx7t2yn6] {
    background: var(--bg-surface-muted, #111c2f);
    border-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .template-row[b-s8fx7t2yn6],
[data-theme='dark'] .recipient-card[b-s8fx7t2yn6] {
    background: var(--bg-surface, #0f172a);
    border-color: var(--border-muted, #1f2a44);
    box-shadow: 0 12px 24px rgba(2, 6, 23, 0.35);
}

[data-theme='dark'] .broadcast-preview[b-s8fx7t2yn6] {
    background: linear-gradient(160deg, #0f172a 0%, #111c2f 100%);
    border-color: var(--border-muted, #1f2a44);
    box-shadow: 0 18px 36px rgba(2, 6, 23, 0.5);
}

[data-theme='dark'] .chip[b-s8fx7t2yn6] {
    background: var(--bg-surface, #0f172a);
    border-color: var(--border-muted, #1f2a44);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .chip-remove[b-s8fx7t2yn6],
[data-theme='dark'] .subject-remove[b-s8fx7t2yn6] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 82%, #334155);
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .chip-remove:hover[b-s8fx7t2yn6],
[data-theme='dark'] .subject-remove:hover[b-s8fx7t2yn6] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 70%, #475569);
}
/* /Pages/BulkCase.razor.rz.scp.css */
.bulk-case-shell[b-vahj0lf6x4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.bulk-case-loading[b-vahj0lf6x4] {
    padding: 1rem 1.25rem;
    color: #334155;
}

.bulk-case-layout[b-vahj0lf6x4] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(260px, 0.9fr);
    gap: 1.5rem;
    align-items: start;
}

.bulk-case-wizard[b-vahj0lf6x4] {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(148, 163, 184, 0.2);
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.wizard-steps[b-vahj0lf6x4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 1rem 1.5rem 0.5rem;
    background: #f8fafc;
}

.wizard-step[b-vahj0lf6x4] {
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: #ffffff;
    border-radius: 999px;
    padding: 0.4rem 0.6rem;
    font-weight: 600;
    font-size: 0.85rem;
    text-align: center;
    cursor: pointer;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.wizard-step.active[b-vahj0lf6x4] {
    background: var(--accent-500, #0e9683);
    color: #ffffff;
    border-color: var(--accent-500, #0e9683);
    box-shadow: 0 10px 20px rgba(14, 150, 131, 0.26);
}

.wizard-step:focus-visible[b-vahj0lf6x4] {
    outline: 2px solid var(--accent-500, #0e9683);
    outline-offset: 2px;
}

.wizard-panel[b-vahj0lf6x4] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.wizard-section[b-vahj0lf6x4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wizard-step-description[b-vahj0lf6x4] {
    margin: 0;
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.5;
}

.field-header[b-vahj0lf6x4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.wizard-label[b-vahj0lf6x4] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1f2937;
}

.wizard-toggle[b-vahj0lf6x4] {
    display: inline-flex;
    gap: 0.5rem;
    background: rgba(148, 163, 184, 0.2);
    padding: 0.35rem;
    border-radius: 999px;
}

.toggle-button[b-vahj0lf6x4] {
    border: none;
    background: transparent;
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    font-weight: 600;
    cursor: pointer;
    color: #1f2937;
}

.toggle-button.active[b-vahj0lf6x4] {
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.toggle-button:focus-visible[b-vahj0lf6x4] {
    outline: 2px solid var(--accent-500, #0e9683);
    outline-offset: 2px;
}

.wizard-grid[b-vahj0lf6x4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.6rem;
}

.wizard-grid.wide[b-vahj0lf6x4] {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.wizard-option[b-vahj0lf6x4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.75rem;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.3);
}

.wizard-option input[b-vahj0lf6x4] {
    accent-color: var(--accent-500, #0e9683);
}

.wizard-option label[b-vahj0lf6x4] {
    flex: 1;
    margin: 0;
    cursor: pointer;
}

.info-button[b-vahj0lf6x4] {
    width: 24px;
    height: 24px;
    border: 1px solid #d9d8ef;
    border-radius: 50%;
    background: #f4f3ff;
    color: #4a4a61;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    padding: 0;
}

.info-button.inline[b-vahj0lf6x4] {
    width: 22px;
    height: 22px;
}

.info-button[b-vahj0lf6x4]::before {
    content: "i";
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1;
}

.info-button:hover[b-vahj0lf6x4] {
    background: #edeafe;
}

.info-button:focus-visible[b-vahj0lf6x4] {
    outline: 2px solid var(--accent-500, #0e9683);
    outline-offset: 2px;
}

.wizard-field[b-vahj0lf6x4] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    color: #475569;
    font-size: 0.85rem;
}

.wizard-field input[b-vahj0lf6x4] {
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    padding: 0.45rem 0.6rem;
    font-family: inherit;
}

.wizard-select[b-vahj0lf6x4],
.wizard-input[b-vahj0lf6x4],
.wizard-textarea[b-vahj0lf6x4] {
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    padding: 0.6rem 0.75rem;
    font-family: inherit;
    background: #ffffff;
}

.wizard-textarea[b-vahj0lf6x4] {
    min-height: 120px;
    resize: vertical;
}

.wizard-hint[b-vahj0lf6x4] {
    margin: 0;
    color: #64748b;
    font-size: 0.85rem;
}

.wizard-empty[b-vahj0lf6x4] {
    padding: 0.75rem;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.9rem;
}

.bulk-job-status[b-vahj0lf6x4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.bulk-job-failures[b-vahj0lf6x4] {
    margin-top: 0.5rem;
}

.link-button[b-vahj0lf6x4] {
    border: none;
    background: transparent;
    color: var(--accent-500, #0e9683);
    text-decoration: underline;
    cursor: pointer;
    font-weight: 600;
}

.wizard-actions[b-vahj0lf6x4] {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem 1.5rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    background: #ffffff;
}

.template-manager[b-vahj0lf6x4] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1rem;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 16px;
    padding: 1rem;
}

.template-list[b-vahj0lf6x4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.template-list-header[b-vahj0lf6x4] {
    font-weight: 600;
    color: #0f172a;
}

.template-row[b-vahj0lf6x4] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 12px;
}

.template-preview[b-vahj0lf6x4] {
    color: #64748b;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.template-actions[b-vahj0lf6x4] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.template-form[b-vahj0lf6x4] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.bulk-case-preview[b-vahj0lf6x4] {
    background: linear-gradient(160deg, #f8fafc 0%, #eef2ff 100%);
    border-radius: 20px;
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-height: 0;
}

.preview-header[b-vahj0lf6x4] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.preview-header h3[b-vahj0lf6x4] {
    margin: 0;
    font-size: 1.1rem;
}

.preview-count[b-vahj0lf6x4] {
    color: #475569;
    font-size: 0.85rem;
}

.chip-row[b-vahj0lf6x4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.chip[b-vahj0lf6x4] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-radius: 999px;
    padding: 0.2rem 0.55rem 0.2rem 0.3rem;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.35);
    font-size: 0.85rem;
    color: #0f172a;
}

.chip img[b-vahj0lf6x4] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    background: #e2e8f0;
}

.subject-chip img[b-vahj0lf6x4] {
    border-radius: 8px;
}

.chip-remove[b-vahj0lf6x4] {
    border: none;
    background: rgba(148, 163, 184, 0.2);
    color: #475569;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.chip-remove:hover[b-vahj0lf6x4] {
    background: rgba(148, 163, 184, 0.4);
}

.recipient-card[b-vahj0lf6x4] {
    background: #ffffff;
    border-radius: 16px;
    padding: 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}

.recipient-card-header[b-vahj0lf6x4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.recipient-subject[b-vahj0lf6x4] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.recipient-subject-logo[b-vahj0lf6x4] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    object-fit: cover;
    background: #e2e8f0;
}

.recipient-subject-info[b-vahj0lf6x4] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.recipient-subject-name[b-vahj0lf6x4] {
    font-weight: 600;
    color: #0f172a;
}

.recipient-subject-meta[b-vahj0lf6x4] {
    font-size: 0.8rem;
    color: #64748b;
}

.subject-remove[b-vahj0lf6x4] {
    border: none;
    background: rgba(15, 23, 42, 0.08);
    color: #0f172a;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
}

.subject-remove:hover[b-vahj0lf6x4] {
    background: rgba(15, 23, 42, 0.14);
}

.sr-only[b-vahj0lf6x4] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media (max-width: 960px) {
    .bulk-case-layout[b-vahj0lf6x4] {
        grid-template-columns: 1fr;
    }

    .wizard-steps[b-vahj0lf6x4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .template-manager[b-vahj0lf6x4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .wizard-steps[b-vahj0lf6x4] {
        grid-template-columns: 1fr;
    }

    .wizard-actions[b-vahj0lf6x4] {
        flex-direction: column;
        align-items: stretch;
    }
}

.bulk-case-heading[b-vahj0lf6x4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.bulk-case-heading-actions[b-vahj0lf6x4] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.wizard-input.readonly[b-vahj0lf6x4] {
    background: #f8fafc;
    color: #475569;
}

.attachment-list[b-vahj0lf6x4],
.preview-issues[b-vahj0lf6x4],
.validation-list[b-vahj0lf6x4],
.validation-reasons[b-vahj0lf6x4] {
    margin: 0;
    padding-left: 1.1rem;
    color: #334155;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.attachment-item[b-vahj0lf6x4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.attachment-remove[b-vahj0lf6x4] {
    border: 1px solid rgba(148, 163, 184, 0.45);
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    padding: 0.2rem 0.55rem;
    font-size: 0.78rem;
    cursor: pointer;
}

.attachment-remove:hover[b-vahj0lf6x4] {
    background: #f8fafc;
}

.validation-subject[b-vahj0lf6x4] {
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.bulk-validation-summary[b-vahj0lf6x4] {
    margin: 0 1.5rem 1.5rem;
}

.validation-actions[b-vahj0lf6x4] {
    margin-top: 0.85rem;
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.excluded-subjects[b-vahj0lf6x4] {
    border-top: 1px solid rgba(148, 163, 184, 0.25);
    padding-top: 0.85rem;
}

.excluded-subjects h4[b-vahj0lf6x4] {
    margin: 0 0 0.55rem;
    font-size: 0.95rem;
}

.subject-chip[b-vahj0lf6x4] {
    background: rgba(148, 163, 184, 0.15);
    border: 1px solid rgba(148, 163, 184, 0.35);
}

.recipient-subject-meta.ok[b-vahj0lf6x4] {
    color: #166534;
}

.recipient-subject-meta.warning[b-vahj0lf6x4] {
    color: #9a3412;
}

[data-theme='dark'] .bulk-case-loading[b-vahj0lf6x4] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .bulk-case-wizard[b-vahj0lf6x4] {
    background: var(--bg-surface, #0f172a);
    border-color: var(--border-muted, #1f2a44);
    box-shadow: 0 20px 40px rgba(2, 6, 23, 0.45);
}

[data-theme='dark'] .wizard-steps[b-vahj0lf6x4] {
    background: var(--bg-surface-muted, #111c2f);
}

[data-theme='dark'] .wizard-step[b-vahj0lf6x4] {
    border-color: var(--border-muted, #334155);
    background: var(--bg-surface, #0f172a);
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .wizard-step.active[b-vahj0lf6x4] {
    background: var(--accent-500, #0e9683);
    border-color: var(--accent-500, #0e9683);
    color: #fff;
    box-shadow: 0 10px 20px rgba(5, 150, 105, 0.3);
}

[data-theme='dark'] .wizard-label[b-vahj0lf6x4],
[data-theme='dark'] .template-list-header[b-vahj0lf6x4],
[data-theme='dark'] .recipient-subject-name[b-vahj0lf6x4] {
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .wizard-step-description[b-vahj0lf6x4],
[data-theme='dark'] .wizard-field[b-vahj0lf6x4],
[data-theme='dark'] .wizard-hint[b-vahj0lf6x4],
[data-theme='dark'] .preview-count[b-vahj0lf6x4],
[data-theme='dark'] .template-preview[b-vahj0lf6x4],
[data-theme='dark'] .attachment-list[b-vahj0lf6x4],
[data-theme='dark'] .preview-issues[b-vahj0lf6x4],
[data-theme='dark'] .validation-list[b-vahj0lf6x4],
[data-theme='dark'] .validation-reasons[b-vahj0lf6x4],
[data-theme='dark'] .recipient-subject-meta[b-vahj0lf6x4] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .wizard-toggle[b-vahj0lf6x4] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 82%, #334155);
}

[data-theme='dark'] .toggle-button[b-vahj0lf6x4] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .toggle-button.active[b-vahj0lf6x4] {
    background: var(--bg-surface, #0f172a);
    color: var(--text-primary, #e2e8f0);
    box-shadow: 0 8px 18px rgba(2, 6, 23, 0.45);
}

[data-theme='dark'] .wizard-option[b-vahj0lf6x4],
[data-theme='dark'] .wizard-empty[b-vahj0lf6x4] {
    background: var(--bg-surface-muted, #111c2f);
    border-color: var(--border-muted, #1f2a44);
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .wizard-input[b-vahj0lf6x4],
[data-theme='dark'] .wizard-select[b-vahj0lf6x4],
[data-theme='dark'] .wizard-textarea[b-vahj0lf6x4],
[data-theme='dark'] .wizard-field input[b-vahj0lf6x4] {
    background: var(--bg-input, #1e293b);
    border-color: var(--border-input, #334155);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .wizard-input.readonly[b-vahj0lf6x4] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 82%, #334155);
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .info-button[b-vahj0lf6x4] {
    border-color: var(--border-muted, #1f2a44);
    background: var(--bg-surface-muted, #111c2f);
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .info-button:hover[b-vahj0lf6x4] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 72%, #334155);
}

[data-theme='dark'] .wizard-actions[b-vahj0lf6x4] {
    border-top-color: var(--border-muted, #1f2a44);
    background: var(--bg-surface, #0f172a);
}

[data-theme='dark'] .template-manager[b-vahj0lf6x4] {
    background: var(--bg-surface-muted, #111c2f);
    border-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .template-row[b-vahj0lf6x4],
[data-theme='dark'] .recipient-card[b-vahj0lf6x4] {
    background: var(--bg-surface, #0f172a);
    border-color: var(--border-muted, #1f2a44);
    box-shadow: 0 12px 24px rgba(2, 6, 23, 0.35);
}

[data-theme='dark'] .bulk-case-preview[b-vahj0lf6x4] {
    background: linear-gradient(160deg, #0f172a 0%, #111c2f 100%);
    border-color: var(--border-muted, #1f2a44);
    box-shadow: 0 18px 36px rgba(2, 6, 23, 0.5);
}

[data-theme='dark'] .chip[b-vahj0lf6x4] {
    background: var(--bg-surface, #0f172a);
    border-color: var(--border-muted, #1f2a44);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .subject-chip[b-vahj0lf6x4] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 82%, #334155);
    border-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .chip-remove[b-vahj0lf6x4],
[data-theme='dark'] .subject-remove[b-vahj0lf6x4] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 82%, #334155);
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .chip-remove:hover[b-vahj0lf6x4],
[data-theme='dark'] .subject-remove:hover[b-vahj0lf6x4] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 70%, #475569);
}

[data-theme='dark'] .attachment-remove[b-vahj0lf6x4] {
    border-color: var(--border-muted, #1f2a44);
    background: var(--bg-surface, #0f172a);
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .attachment-remove:hover[b-vahj0lf6x4] {
    background: var(--bg-surface-muted, #111c2f);
}

[data-theme='dark'] .excluded-subjects[b-vahj0lf6x4] {
    border-top-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .recipient-subject-meta.ok[b-vahj0lf6x4] {
    color: #86efac;
}

[data-theme='dark'] .recipient-subject-meta.warning[b-vahj0lf6x4] {
    color: #fdba74;
}
/* /Pages/Calendar.razor.rz.scp.css */
.calendar-page[b-rsu0lv6qqk] {
    display: grid;
    gap: 1.25rem;
}

.calendar-intro[b-rsu0lv6qqk] {
    padding: 1rem 1.25rem;
    border-radius: 12px;
    border: 1px solid rgba(14, 150, 131, 0.2);
    background: rgba(236, 253, 245, 0.7);
    color: var(--text-secondary, #475569);
    display: grid;
    gap: 0.25rem;
}

.calendar-intro-title[b-rsu0lv6qqk] {
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--accent-600, #0f766e);
}

.calendar-intro p[b-rsu0lv6qqk] {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.4;
}

.calendar-toolbar[b-rsu0lv6qqk] {
    display: grid;
    gap: 0.85rem;
    padding: 1.1rem 1.25rem;
}

.calendar-toolbar-row[b-rsu0lv6qqk] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.85rem;
}

.calendar-toolbar-fields[b-rsu0lv6qqk] {
    flex: 1 1 560px;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

.calendar-field[b-rsu0lv6qqk] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.calendar-field label[b-rsu0lv6qqk] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-secondary, #475569);
}

.calendar-input[b-rsu0lv6qqk] {
    min-height: 2.3rem;
    border: 1px solid var(--border-default, #d6dde8);
    border-radius: 0.6rem;
    padding: 0 0.7rem;
    background: var(--surface-elevated, #fff);
    color: var(--text-primary, #0f172a);
    width: 100%;
}

.calendar-toolbar-actions[b-rsu0lv6qqk] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.calendar-toolbar-toggles[b-rsu0lv6qqk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    align-items: center;
}

.calendar-toggle[b-rsu0lv6qqk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.calendar-board[b-rsu0lv6qqk],
.calendar-day-list[b-rsu0lv6qqk] {
    display: grid;
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.calendar-header[b-rsu0lv6qqk],
.calendar-day-list-header[b-rsu0lv6qqk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--border-muted, #e2e8f0);
    background: var(--surface-muted, #f8fafc);
}

.calendar-header h2[b-rsu0lv6qqk],
.calendar-day-list-header h3[b-rsu0lv6qqk] {
    margin: 0;
    font-size: 1.1rem;
}

.calendar-header-actions[b-rsu0lv6qqk] {
    display: inline-flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.calendar-board-body[b-rsu0lv6qqk],
.calendar-day-list-body[b-rsu0lv6qqk] {
    padding: 1rem 1.1rem 1.15rem;
}

.calendar-weekdays[b-rsu0lv6qqk],
.calendar-days[b-rsu0lv6qqk] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.55rem;
}

.calendar-weekday[b-rsu0lv6qqk] {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-secondary, #475569);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.calendar-days[b-rsu0lv6qqk] {
    grid-template-rows: repeat(var(--calendar-rows, 6), minmax(126px, auto));
}

.calendar-day[b-rsu0lv6qqk] {
    border: 1px solid var(--border-muted, #e2e8f0);
    border-radius: 0.75rem;
    padding: 0.45rem;
    background: var(--surface-elevated, #fff);
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0.45rem;
}

.calendar-day.outside[b-rsu0lv6qqk] {
    opacity: 0.72;
}

.calendar-day.today[b-rsu0lv6qqk] {
    border-color: var(--accent-500, #0e9683);
}

.calendar-day.selected[b-rsu0lv6qqk] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-500, #0e9683) 35%, transparent);
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 55%, #d6dde8);
}

.calendar-day-header[b-rsu0lv6qqk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.35rem;
}

.calendar-day-button[b-rsu0lv6qqk] {
    border: none;
    background: transparent;
    font-weight: 700;
    color: inherit;
    padding: 0;
}

.calendar-day-today[b-rsu0lv6qqk] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--accent-600, #0f766e);
}

.calendar-items[b-rsu0lv6qqk] {
    display: grid;
    gap: 0.3rem;
    align-content: start;
}

.calendar-item[b-rsu0lv6qqk] {
    display: grid;
    gap: 0.05rem;
    border: 1px solid var(--border-muted, #d8e2ef);
    border-radius: 0.5rem;
    padding: 0.3rem 0.4rem;
    background: var(--surface-muted, #f8fafc);
    color: inherit;
    text-decoration: none;
    font-size: 0.78rem;
}

.calendar-item:hover[b-rsu0lv6qqk],
.calendar-item:focus-visible[b-rsu0lv6qqk] {
    border-color: var(--accent-500, #0e9683);
}

.calendar-item-time[b-rsu0lv6qqk] {
    font-weight: 700;
    color: var(--text-secondary, #475569);
}

.calendar-item-title[b-rsu0lv6qqk] {
    font-weight: 600;
}

.calendar-item-subject[b-rsu0lv6qqk] {
    font-size: 0.72rem;
    color: var(--text-secondary, #64748b);
}

.calendar-item-type[b-rsu0lv6qqk] {
    color: var(--text-secondary, #64748b);
}

.calendar-more[b-rsu0lv6qqk] {
    border-style: dashed;
}

.calendar-day-items[b-rsu0lv6qqk] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.45rem;
}

.calendar-day-items li a[b-rsu0lv6qqk] {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    gap: 0.55rem;
    align-items: center;
    border: 1px solid var(--border-muted, #d8e2ef);
    border-radius: 0.6rem;
    padding: 0.45rem 0.55rem;
    color: inherit;
    text-decoration: none;
    font-size: 0.84rem;
}

.calendar-empty[b-rsu0lv6qqk],
.calendar-loading[b-rsu0lv6qqk] {
    color: var(--text-secondary, #64748b);
    font-size: 0.9rem;
}

[data-theme='dark'] .calendar-intro[b-rsu0lv6qqk] {
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 45%, var(--border-default, #1f2a44));
    background: color-mix(in srgb, var(--accent-500, #0e9683) 14%, var(--surface-elevated, #0f172a));
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .calendar-item[b-rsu0lv6qqk] {
    background: color-mix(in srgb, var(--surface-elevated, #0f172a) 88%, #1e293b);
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .calendar-item-time[b-rsu0lv6qqk],
[data-theme='dark'] .calendar-item-subject[b-rsu0lv6qqk],
[data-theme='dark'] .calendar-item-type[b-rsu0lv6qqk] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .calendar-day.selected[b-rsu0lv6qqk] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-500, #0e9683) 45%, transparent);
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 70%, var(--border-default, #1f2a44));
}

[data-theme='dark'] .calendar-day-items li a[b-rsu0lv6qqk] {
    border-color: var(--border-default, #1f2a44);
    background: color-mix(in srgb, var(--surface-elevated, #0f172a) 88%, #1e293b);
}

@media (max-width: 1080px) {
    .calendar-toolbar-actions[b-rsu0lv6qqk] {
        width: 100%;
        justify-content: flex-start;
    }

    .calendar-day-items li a[b-rsu0lv6qqk] {
        grid-template-columns: 1fr auto;
    }
}

@media (max-width: 760px) {
    .calendar-toolbar[b-rsu0lv6qqk] {
        padding: 1rem;
    }

    .calendar-toolbar-fields[b-rsu0lv6qqk] {
        grid-template-columns: 1fr;
        flex-basis: 100%;
    }

    .calendar-header[b-rsu0lv6qqk],
    .calendar-day-list-header[b-rsu0lv6qqk],
    .calendar-board-body[b-rsu0lv6qqk],
    .calendar-day-list-body[b-rsu0lv6qqk] {
        padding-left: 0.95rem;
        padding-right: 0.95rem;
    }

    .calendar-weekdays[b-rsu0lv6qqk] {
        display: none;
    }

    .calendar-days[b-rsu0lv6qqk] {
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }

    .calendar-day-items li a[b-rsu0lv6qqk] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Cases.razor.rz.scp.css */
.cases-page[b-gwby03w6vx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cases-heading[b-gwby03w6vx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.cases-heading-actions[b-gwby03w6vx] {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.cases-intro[b-gwby03w6vx] {
    padding: 1rem 1.15rem;
    border-radius: 14px;
    border: 1px solid rgba(14, 150, 131, 0.2);
    background: rgba(236, 253, 245, 0.7);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cases-intro-header[b-gwby03w6vx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.cases-intro-title[b-gwby03w6vx] {
    margin: 0;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--accent-600, #0f766e);
}

.cases-intro-toggle[b-gwby03w6vx] {
    padding: 0.22rem 0.62rem;
    font-size: 0.78rem;
}

.cases-intro-list[b-gwby03w6vx] {
    margin: 0;
    padding-left: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    color: var(--text-secondary, #475569);
}

.cases-intro-copy[b-gwby03w6vx] {
    display: grid;
    gap: 0.52rem;
}

.cases-intro-copy p[b-gwby03w6vx] {
    margin: 0;
    line-height: 1.45;
    color: var(--text-secondary, #334155);
}

.cases-toolbar[b-gwby03w6vx] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
}

.cases-toolbar-row[b-gwby03w6vx] {
    display: grid;
    gap: 0.7rem 0.8rem;
    align-items: start;
}

.cases-toolbar-row--top[b-gwby03w6vx] {
    grid-template-columns: minmax(220px, 1fr) minmax(320px, 1.8fr);
}

.cases-field--search[b-gwby03w6vx] {
    min-width: 0;
}

.cases-toolbar-row--filters[b-gwby03w6vx] {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
}

.cases-toolbar-more[b-gwby03w6vx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 0.7rem 0.8rem;
}

.cases-multi-select[b-gwby03w6vx] {
    position: relative;
}

.cases-multi-select > summary[b-gwby03w6vx] {
    list-style: none;
    cursor: pointer;
    border: 1px solid var(--border-muted, #cbd5e1);
    border-radius: 10px;
    min-height: 42px;
    padding: 0.58rem 0.72rem;
    background: #fff;
    font-size: 0.88rem;
    line-height: 1.3;
    user-select: none;
}

.cases-multi-select > summary[b-gwby03w6vx]::-webkit-details-marker {
    display: none;
}

.cases-multi-select > summary[b-gwby03w6vx]::after {
    content: "▼";
    float: right;
    color: var(--text-secondary, #64748b);
}

.cases-multi-select[open] > summary[b-gwby03w6vx]::after {
    content: "▲";
}

.cases-multi-select-options[b-gwby03w6vx] {
    position: absolute;
    z-index: 10;
    width: min(320px, 92vw);
    margin-top: 0.36rem;
    border: 1px solid var(--border-muted, #dbe5ef);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
    padding: 0.55rem;
    display: grid;
    gap: 0.36rem;
    max-height: 280px;
    overflow: auto;
}

.cases-multi-select-option[b-gwby03w6vx] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.84rem;
}

.cases-multi-select-clear[b-gwby03w6vx] {
    justify-self: start;
    border: none;
    background: none;
    color: var(--accent-700, #0f766e);
    padding: 0;
    margin-top: 0.14rem;
    font-size: 0.84rem;
    line-height: 1.3;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.16em;
}

.cases-multi-select-clear:hover[b-gwby03w6vx],
.cases-multi-select-clear:focus-visible[b-gwby03w6vx] {
    color: var(--accent-800, #115e59);
    outline: none;
}

.cases-toolbar-grid[b-gwby03w6vx] {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: 0.7rem 0.8rem;
    align-items: end;
}

.cases-help[b-gwby03w6vx] {
    margin: 0;
    font-size: 0.79rem;
    color: var(--text-secondary, #64748b);
    line-height: 1.38;
}

.cases-field--custom-filter[b-gwby03w6vx] {
    grid-column: 1 / -1;
}

.cases-filter-suggestions[b-gwby03w6vx] {
    margin-top: 0.4rem;
    padding: 0.45rem;
    border: 1px solid var(--border-muted, #dbe5ef);
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--surface-elevated, #fff) 95%, #f8fafc);
    display: grid;
    gap: 0.35rem;
    max-height: 180px;
    overflow: auto;
}

.cases-filter-suggestion[b-gwby03w6vx] {
    border: 1px solid var(--border-muted, #dbe5ef);
    border-radius: 0.5rem;
    background: #fff;
    color: var(--text, #0f172a);
    text-align: left;
    font-size: 0.8rem;
    line-height: 1.35;
    padding: 0.38rem 0.52rem;
    cursor: pointer;
    transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

.cases-filter-suggestion:hover[b-gwby03w6vx],
.cases-filter-suggestion:focus-visible[b-gwby03w6vx] {
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 45%, #d1d5db);
    background: color-mix(in srgb, var(--accent-500, #0e9683) 8%, #fff);
    color: var(--accent-700, #0f766e);
    outline: none;
}

.cases-help--hint[b-gwby03w6vx] {
    color: var(--accent-700, #0f766e);
}

.cases-field-error[b-gwby03w6vx] {
    margin: 0;
    font-size: 0.79rem;
    color: var(--danger, #b91c1c);
    line-height: 1.35;
}

.cases-help--quota[b-gwby03w6vx] {
    font-size: 0.75rem;
}

.cases-help-list[b-gwby03w6vx] {
    margin: 0;
    padding-left: 1rem;
    display: grid;
    gap: 0.25rem;
    font-size: 0.79rem;
    color: var(--text-secondary, #64748b);
}

.cases-optional[b-gwby03w6vx] {
    margin-left: 0.28rem;
    font-weight: 500;
    color: var(--text-secondary, #94a3b8);
}

.cases-toolbar-actions[b-gwby03w6vx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
}

.cases-layout[b-gwby03w6vx] {
    display: block;
}

.cases-list[b-gwby03w6vx] {
    display: grid;
    gap: 0.8rem;
    align-content: start;
    padding: 1rem 1.1rem;
}

.cases-list h2[b-gwby03w6vx] {
    margin: 0;
}

.cases-table-container[b-gwby03w6vx] {
    overflow-x: auto;
    overflow-y: visible;
    max-height: none;
    border-radius: 12px;
    border: 1px solid var(--border-muted, #e2e8f0);
}

.cases-table[b-gwby03w6vx] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 980px;
}

.cases-col-subject[b-gwby03w6vx] {
    width: 15%;
}

.cases-col-title[b-gwby03w6vx] {
    width: 22%;
}

.cases-col-visibility[b-gwby03w6vx] {
    width: 10%;
}

.cases-col-status[b-gwby03w6vx] {
    width: 12%;
}

.cases-col-priority[b-gwby03w6vx] {
    width: 6%;
}

.cases-col-last-activity[b-gwby03w6vx] {
    width: 9%;
}

.cases-col-due[b-gwby03w6vx] {
    width: 10%;
}

.cases-col-assigned[b-gwby03w6vx] {
    width: 16%;
}

.cases-table th[b-gwby03w6vx],
.cases-table td[b-gwby03w6vx] {
    text-align: left;
    padding: 0.6rem 0.5rem;
    border-bottom: 1px solid var(--border-muted, #e2e8f0);
    vertical-align: top;
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.cases-table th[b-gwby03w6vx] {
    font-weight: 600;
    color: var(--text-secondary, #475569);
}

.sort-cell[b-gwby03w6vx] {
    white-space: nowrap;
}

.cases-sort-button[b-gwby03w6vx] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: none;
    background: transparent;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.cases-sort-button:focus-visible[b-gwby03w6vx] {
    outline: 2px solid var(--accent, #0e9683);
    outline-offset: 2px;
    border-radius: 6px;
}

.cases-sort-priority .cases-sort-button[b-gwby03w6vx] {
    min-width: 3.3rem;
}

.sort-indicator[b-gwby03w6vx] {
    display: inline-flex;
    align-items: center;
}

.sort-indicator svg[b-gwby03w6vx] {
    width: 0.8rem;
    height: 0.8rem;
}

.sort-indicator .sort-up[b-gwby03w6vx],
.sort-indicator .sort-down[b-gwby03w6vx] {
    opacity: 0.25;
}

.cases-sort-button.sort-asc .sort-up[b-gwby03w6vx] {
    opacity: 0.9;
}

.cases-sort-button.sort-desc .sort-down[b-gwby03w6vx] {
    opacity: 0.9;
}

.cases-cell-title[b-gwby03w6vx],
.cases-cell-subject[b-gwby03w6vx],
.cases-cell-assigned[b-gwby03w6vx] {
    word-break: break-word;
}

.cases-cell-status[b-gwby03w6vx],
.cases-cell-priority[b-gwby03w6vx] {
    white-space: normal;
}

.cases-cell-priority[b-gwby03w6vx] {
    text-align: center;
}

.cases-list-status[b-gwby03w6vx] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    max-width: 100%;
    color: var(--text, #0f172a);
    line-height: 1.25;
}

.cases-status-text[b-gwby03w6vx] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.cases-status-icon[b-gwby03w6vx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.12rem;
    height: 1.12rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--accent-500, #0e9683) 14%, #fff);
    color: var(--accent-700, #0f766e);
    border: 1px solid color-mix(in srgb, var(--accent-600, #0f766e) 24%, #dbe2ea);
    flex-shrink: 0;
}

.cases-priority-badge[b-gwby03w6vx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid var(--border-muted, #dbe2ea);
    padding: 0.12rem;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
    min-width: 1.35rem;
    min-height: 1.35rem;
}

.cases-priority-icon[b-gwby03w6vx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-size: 0.74rem;
    font-weight: 700;
    border-radius: 999px;
    flex-shrink: 0;
}

.cases-cell-last-activity[b-gwby03w6vx] {
    width: 8rem;
    min-width: 8rem;
    max-width: 8rem;
    white-space: normal;
}

.cases-sort-last-activity .cases-sort-button[b-gwby03w6vx] {
    width: 100%;
    justify-content: flex-start;
    min-width: 0;
}

.cases-last-activity-header-label[b-gwby03w6vx] {
    white-space: nowrap;
    font-size: 0.8rem;
    letter-spacing: 0.01em;
}

.cases-last-activity-value[b-gwby03w6vx] {
    display: inline-grid;
    gap: 0.08rem;
    align-content: start;
    width: max-content;
    max-width: 100%;
}

.cases-last-activity-date[b-gwby03w6vx] {
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.cases-last-activity-time[b-gwby03w6vx] {
    font-size: 0.76rem;
    color: var(--text-secondary, #64748b);
    line-height: 1.2;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.cases-priority-badge-high[b-gwby03w6vx] {
    color: var(--danger, #b91c1c);
    background: color-mix(in srgb, var(--danger, #b91c1c) 12%, #fff);
    border-color: color-mix(in srgb, var(--danger, #b91c1c) 34%, #fca5a5);
}

.cases-priority-badge-high .cases-priority-icon[b-gwby03w6vx] {
    background: color-mix(in srgb, var(--danger, #b91c1c) 16%, #fff);
}

.cases-priority-badge-normal[b-gwby03w6vx] {
    color: var(--text-secondary, #334155);
    background: color-mix(in srgb, var(--surface-elevated, #fff) 90%, #f1f5f9);
    border-color: color-mix(in srgb, var(--text-secondary, #334155) 24%, #dbe2ea);
}

.cases-priority-badge-normal .cases-priority-icon[b-gwby03w6vx] {
    background: color-mix(in srgb, var(--text-secondary, #334155) 12%, #fff);
}

.cases-priority-badge-low[b-gwby03w6vx] {
    color: var(--accent-700, #0f766e);
    background: color-mix(in srgb, var(--accent-500, #0e9683) 11%, #fff);
    border-color: color-mix(in srgb, var(--accent-700, #0f766e) 33%, #cdece7);
}

.cases-priority-badge-low .cases-priority-icon[b-gwby03w6vx] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 18%, #fff);
}

.cases-cell-due[b-gwby03w6vx] {
    white-space: normal;
}

.cases-due-value[b-gwby03w6vx] {
    display: grid;
    gap: 0.12rem;
    align-content: start;
}

.cases-due-date[b-gwby03w6vx] {
    font-weight: 600;
    line-height: 1.2;
}

.cases-due-time[b-gwby03w6vx] {
    font-size: 0.76rem;
    color: var(--text-secondary, #64748b);
    line-height: 1.2;
}

.cases-cell-assigned[b-gwby03w6vx] {
    padding-left: 0.95rem !important;
    border-left: 1px solid color-mix(in srgb, var(--border-muted, #e2e8f0) 78%, #ffffff);
}

.cases-table tbody tr.cases-row[b-gwby03w6vx] {
    cursor: pointer;
}

.cases-table tbody tr.cases-row:hover[b-gwby03w6vx] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 8%, transparent);
}

.cases-pagination[b-gwby03w6vx] {
    padding: 0.7rem 0.15rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
    font-size: 0.82rem;
    color: var(--text-secondary, #64748b);
}

.cases-pagination .pagination-buttons[b-gwby03w6vx] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.cases-modal-overlay[b-gwby03w6vx] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1200;
}

.cases-modal[b-gwby03w6vx] {
    background: var(--surface-elevated, #fff);
    border-radius: 16px;
    border: 1px solid var(--border-muted, #dbe3ee);
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.3);
    display: flex;
    flex-direction: column;
    width: min(920px, 100%);
    max-height: calc(100vh - 2rem);
}

.cases-modal--create[b-gwby03w6vx] {
    width: min(980px, 100%);
}

.cases-modal--detail[b-gwby03w6vx] {
    width: min(1100px, 100%);
}

.cases-modal-header[b-gwby03w6vx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 1.2rem 1.35rem 0.95rem;
    border-bottom: 1px solid var(--border-muted, #e2e8f0);
}

.cases-modal-header h2[b-gwby03w6vx] {
    margin: 0;
    font-size: 1.2rem;
}

.cases-modal-heading[b-gwby03w6vx] {
    display: grid;
    gap: 0.35rem;
}

.cases-modal-close.icon-button.close[b-gwby03w6vx] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: none;
    background: #eef2f7;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: transform 0.15s ease, background-color 0.2s ease;
}

.cases-modal-close.icon-button.close svg[b-gwby03w6vx] {
    width: 18px;
    height: 18px;
}

.cases-modal-close.icon-button.close:hover[b-gwby03w6vx] {
    transform: translateY(-1px);
    background: #e2e8f0;
}

.cases-modal-body[b-gwby03w6vx] {
    padding: 1rem 1.35rem 1.1rem;
    overflow: auto;
    display: grid;
    gap: 0.9rem;
}

.cases-modal-body--detail[b-gwby03w6vx] {
    padding-top: 1.05rem;
}

.cases-modal-footer[b-gwby03w6vx] {
    padding: 0.95rem 1.35rem 1.15rem;
    border-top: 1px solid var(--border-muted, #e2e8f0);
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
}
.cases-modal-create-error[b-gwby03w6vx] {
    display: grid;
    gap: 0.45rem;
}

.cases-modal-create-error button[b-gwby03w6vx] {
    justify-self: flex-start;
}

.cases-create-grid[b-gwby03w6vx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem 1rem;
    align-items: start;
}

.cases-create-subject[b-gwby03w6vx] {
    grid-column: 1 / span 2;
}

.cases-create-visibility[b-gwby03w6vx] {
    grid-column: 3;
}

.cases-create-title[b-gwby03w6vx],
.cases-create-summary[b-gwby03w6vx],
.cases-create-message[b-gwby03w6vx] {
    grid-column: 1 / -1;
}

.cases-create-due[b-gwby03w6vx] {
    grid-column: 1;
}

.cases-create-waiting[b-gwby03w6vx] {
    grid-column: 2;
}

.cases-create-assignment[b-gwby03w6vx] {
    grid-column: 3;
}

.cases-create-attachment[b-gwby03w6vx] {
    grid-column: 1 / span 2;
}

.cases-create-attachment-audience[b-gwby03w6vx] {
    grid-column: 3;
}

.cases-field-compact[b-gwby03w6vx] {
    margin-top: 0.25rem;
}

.cases-create-assignment-user[b-gwby03w6vx] {
    margin-top: 0.18rem;
}

.cases-detail-meta[b-gwby03w6vx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.cases-detail-layout[b-gwby03w6vx] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(320px, 1fr);
    gap: 1rem;
    align-items: start;
}

.cases-detail-main[b-gwby03w6vx],
.cases-detail-sidebar[b-gwby03w6vx] {
    display: grid;
    gap: 1rem;
}

.cases-section[b-gwby03w6vx] {
    border: 1px solid var(--border-muted, #e2e8f0);
    border-radius: 12px;
    padding: 0.9rem;
    display: grid;
    gap: 0.6rem;
    background: color-mix(in srgb, var(--surface-elevated, #fff) 95%, #f8fafc);
}

.cases-section h3[b-gwby03w6vx] {
    margin: 0;
    font-size: 1rem;
}

.cases-section-heading[b-gwby03w6vx] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.cases-meta-grid[b-gwby03w6vx] {
    display: grid;
    gap: 0.38rem;
    font-size: 0.86rem;
}

.cases-meta-grid a[b-gwby03w6vx] {
    color: var(--accent-600, #0f766e);
    text-decoration: none;
}

.cases-description-text[b-gwby03w6vx] {
    white-space: pre-wrap;
}

.cases-actions-grid[b-gwby03w6vx] {
    display: grid;
    gap: 0.7rem;
}

.cases-inline-control[b-gwby03w6vx] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.cases-inline-control .cases-input[b-gwby03w6vx] {
    flex: 1 1 auto;
}

.cases-clear-button.icon-button.close[b-gwby03w6vx] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: none;
    background: #eef2f7;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.cases-clear-button.icon-button.close svg[b-gwby03w6vx] {
    width: 16px;
    height: 16px;
}

.cases-assignment-current[b-gwby03w6vx] {
    display: grid;
    gap: 0.2rem;
    padding: 0.6rem 0.7rem;
    border: 1px solid var(--border-muted, #e2e8f0);
    border-radius: 10px;
    background: rgba(248, 250, 252, 0.85);
    font-size: 0.85rem;
}

.cases-inline-actions[b-gwby03w6vx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.cases-tabs[b-gwby03w6vx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.cases-tab[b-gwby03w6vx] {
    border: 1px solid var(--border-muted, #cbd5e1);
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    padding: 0.38rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.cases-tab.active[b-gwby03w6vx] {
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 70%, #ffffff);
    background: color-mix(in srgb, var(--accent-500, #0e9683) 12%, #ffffff);
    color: color-mix(in srgb, var(--accent-600, #0f766e) 80%, #0f172a);
}

.cases-audience[b-gwby03w6vx] {
    display: grid;
    gap: 0.45rem;
    padding: 0.65rem;
    border: 1px solid var(--border-muted, #e2e8f0);
    border-radius: 0.7rem;
    background: #fff;
}

.cases-message[b-gwby03w6vx] {
    padding: 0.45rem 0.52rem;
    border: 1px solid var(--border-muted, #e2e8f0);
    border-radius: 0.58rem;
    font-size: 0.86rem;
    display: grid;
    gap: 0.2rem;
}

.cases-message p[b-gwby03w6vx] {
    margin: 0.2rem 0 0;
    white-space: pre-wrap;
}

.cases-attachment[b-gwby03w6vx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.86rem;
}

.cases-muted[b-gwby03w6vx],
.cases-empty[b-gwby03w6vx],
.cases-empty-small[b-gwby03w6vx],
.cases-loading[b-gwby03w6vx] {
    color: var(--text-secondary, #64748b);
}

.badge.overdue[b-gwby03w6vx] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #7f1d1d;
    background: #b91c1c;
    color: #fff;
    font-weight: 700;
    width: fit-content;
}

.badge.due-soon[b-gwby03w6vx] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #9a3412;
    background: #ea580c;
    color: #fff;
    font-weight: 700;
    width: fit-content;
}

[data-theme='dark'] .cases-intro[b-gwby03w6vx] {
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 45%, var(--border-muted, #1f2a44));
    background: color-mix(in srgb, var(--accent-500, #0e9683) 16%, var(--bg-surface, #0f172a));
}

[data-theme='dark'] .cases-intro-list[b-gwby03w6vx],
[data-theme='dark'] .cases-intro-copy p[b-gwby03w6vx] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .cases-multi-select > summary[b-gwby03w6vx],
[data-theme='dark'] .cases-multi-select-options[b-gwby03w6vx],
[data-theme='dark'] .cases-filter-suggestion[b-gwby03w6vx],
[data-theme='dark'] .cases-audience[b-gwby03w6vx],
[data-theme='dark'] .cases-message[b-gwby03w6vx],
[data-theme='dark'] .cases-assignment-current[b-gwby03w6vx],
[data-theme='dark'] .cases-tab[b-gwby03w6vx],
[data-theme='dark'] .cases-clear-button.icon-button.close[b-gwby03w6vx],
[data-theme='dark'] .cases-modal-close.icon-button.close[b-gwby03w6vx] {
    background: var(--surface-elevated, #0f172a);
    border-color: var(--border-default, #1f2a44);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .cases-multi-select > summary[b-gwby03w6vx]::after {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .cases-filter-suggestions[b-gwby03w6vx] {
    background: var(--bg-surface-muted, #111c2f);
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .cases-filter-suggestion:hover[b-gwby03w6vx],
[data-theme='dark'] .cases-filter-suggestion:focus-visible[b-gwby03w6vx] {
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 58%, var(--border-default, #1f2a44));
    background: color-mix(in srgb, var(--accent-500, #0e9683) 22%, var(--surface-elevated, #0f172a));
    color: #d1fae5;
}

[data-theme='dark'] .cases-priority-badge-normal[b-gwby03w6vx] {
    color: var(--text-primary, #e2e8f0);
    background: color-mix(in srgb, var(--surface-elevated, #0f172a) 85%, #334155);
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .cases-priority-badge-normal .cases-priority-icon[b-gwby03w6vx] {
    background: color-mix(in srgb, var(--surface-elevated, #0f172a) 80%, #475569);
}

[data-theme='dark'] .cases-cell-assigned[b-gwby03w6vx] {
    border-left-color: color-mix(in srgb, var(--border-default, #1f2a44) 88%, #334155);
}

[data-theme='dark'] .cases-table tbody tr.cases-row:hover[b-gwby03w6vx] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 18%, transparent);
}

[data-theme='dark'] .cases-modal[b-gwby03w6vx] {
    background: var(--surface-elevated, #0f172a);
    border-color: var(--border-default, #1f2a44);
    box-shadow: var(--shadow-modal, 0 30px 90px rgba(0, 0, 0, 0.7));
}

[data-theme='dark'] .cases-modal-header[b-gwby03w6vx],
[data-theme='dark'] .cases-modal-footer[b-gwby03w6vx] {
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .cases-modal-close.icon-button.close:hover[b-gwby03w6vx],
[data-theme='dark'] .cases-clear-button.icon-button.close:hover[b-gwby03w6vx] {
    background: var(--bg-surface-hover, rgba(148, 163, 184, 0.16));
}

[data-theme='dark'] .cases-section[b-gwby03w6vx] {
    background: color-mix(in srgb, var(--surface-elevated, #0f172a) 88%, #1e293b);
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .cases-tab.active[b-gwby03w6vx] {
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 65%, var(--border-default, #1f2a44));
    background: color-mix(in srgb, var(--accent-500, #0e9683) 20%, var(--surface-elevated, #0f172a));
    color: #d1fae5;
}

@media (max-width: 1200px) {
    .cases-toolbar-row--top[b-gwby03w6vx] {
        grid-template-columns: minmax(200px, 1fr) minmax(260px, 1.4fr);
    }

    .cases-toolbar-row--filters[b-gwby03w6vx] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .cases-toolbar-more[b-gwby03w6vx] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
}

@media (max-width: 1024px) {
    .cases-create-grid[b-gwby03w6vx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cases-create-subject[b-gwby03w6vx],
    .cases-create-title[b-gwby03w6vx],
    .cases-create-summary[b-gwby03w6vx],
    .cases-create-message[b-gwby03w6vx],
    .cases-create-attachment[b-gwby03w6vx] {
        grid-column: 1 / -1;
    }

    .cases-create-visibility[b-gwby03w6vx],
    .cases-create-due[b-gwby03w6vx],
    .cases-create-waiting[b-gwby03w6vx],
    .cases-create-assignment[b-gwby03w6vx],
    .cases-create-attachment-audience[b-gwby03w6vx] {
        grid-column: span 1;
    }

    .cases-detail-layout[b-gwby03w6vx] {
        grid-template-columns: 1fr;
    }

    .cases-modal[b-gwby03w6vx],
    .cases-modal--create[b-gwby03w6vx],
    .cases-modal--detail[b-gwby03w6vx] {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .cases-heading-actions[b-gwby03w6vx] {
        width: 100%;
    }

    .cases-heading-actions button[b-gwby03w6vx] {
        flex: 1 1 auto;
    }

    .cases-toolbar-row--top[b-gwby03w6vx],
    .cases-toolbar-row--filters[b-gwby03w6vx] {
        grid-template-columns: 1fr;
    }

    .cases-toolbar-more[b-gwby03w6vx] {
        grid-template-columns: 1fr;
    }

    .cases-create-grid[b-gwby03w6vx] {
        grid-template-columns: 1fr;
    }

    .cases-create-visibility[b-gwby03w6vx],
    .cases-create-due[b-gwby03w6vx],
    .cases-create-waiting[b-gwby03w6vx],
    .cases-create-assignment[b-gwby03w6vx],
    .cases-create-attachment-audience[b-gwby03w6vx] {
        grid-column: 1;
    }

    .cases-modal-header[b-gwby03w6vx],
    .cases-modal-body[b-gwby03w6vx],
    .cases-modal-footer[b-gwby03w6vx] {
        padding-left: 0.95rem;
        padding-right: 0.95rem;
    }

    .cases-pagination[b-gwby03w6vx] {
        flex-direction: column;
        align-items: stretch;
    }

    .cases-pagination .pagination-buttons[b-gwby03w6vx] {
        justify-content: flex-end;
    }
}

@media (max-width: 640px) {
    .cases-table[b-gwby03w6vx] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
/* /Pages/CasesDetail.razor.rz.scp.css */
.case-detail-page[b-rffcm1cex1] {
    display: grid;
    gap: 1rem;
    min-height: 0;
}

.case-detail-loading[b-rffcm1cex1] {
    padding: 1.2rem;
    color: var(--text-secondary, #64748b);
}

.case-detail-return[b-rffcm1cex1] {
    display: flex;
    justify-content: flex-start;
}

.case-detail-header[b-rffcm1cex1] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem 1.1rem;
    --case-avatar-size: 2.25rem;
    --case-avatar-size-compact: 1.85rem;
    position: sticky;
    top: calc(var(--layout-top-bar-height, 3.5rem) + 0.6rem);
    z-index: 6;
    transition: gap 0.2s ease, padding 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.case-detail-header.upload-compressed[b-rffcm1cex1] {
    gap: 0.5rem;
    padding: 0.72rem 0.9rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
}

.case-detail-header.upload-compressed .case-title-value[b-rffcm1cex1] {
    font-size: 1.12rem;
}

.case-detail-header.upload-compressed .case-subject-name[b-rffcm1cex1] {
    font-size: 0.78rem;
}

.case-detail-header.upload-compressed .case-avatar--logo[b-rffcm1cex1] {
    width: var(--case-avatar-size-compact);
    height: var(--case-avatar-size-compact);
}

.case-detail-header.upload-compressed .case-status-icon--header[b-rffcm1cex1],
.case-detail-header.upload-compressed .case-priority-icon[b-rffcm1cex1] {
    width: 1.38rem;
    height: 1.38rem;
    font-size: 0.9rem;
}

.case-subject-line[b-rffcm1cex1] {
    display: flex;
    align-items: center;
    gap: 0.52rem;
    min-width: 0;
}

.case-subject-name[b-rffcm1cex1] {
    margin: 0;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-secondary, #64748b);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-avatar[b-rffcm1cex1] {
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    overflow: hidden;
    flex-shrink: 0;
}

.case-avatar img[b-rffcm1cex1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.case-avatar--logo[b-rffcm1cex1] {
    width: var(--case-avatar-size);
    height: var(--case-avatar-size);
    border: 1px solid color-mix(in srgb, var(--border-muted, #e2e8f0) 86%, #fff);
    background: color-mix(in srgb, var(--accent-500, #0e9683) 14%, #fff);
    color: var(--accent-700, #0f766e);
    font-size: 0.74rem;
}

.case-subject-logo[b-rffcm1cex1] {
    line-height: 1;
}

.case-avatar--logo img[b-rffcm1cex1] {
    object-fit: contain;
    padding: 0.18rem;
    background: #fff;
}

.case-avatar--assignee[b-rffcm1cex1],
.case-avatar--comment[b-rffcm1cex1] {
    width: 2.25rem;
    height: 2.25rem;
    background: color-mix(in srgb, var(--accent-500, #0e9683) 20%, #fff);
    color: var(--accent-700, #0f766e);
    font-size: 0.78rem;
}

.case-status-icon[b-rffcm1cex1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    font-size: 1.02rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--accent-500, #0e9683) 16%, #fff);
    color: var(--accent-700, #0f766e);
    flex-shrink: 0;
    margin-top: 0.06rem;
}

.case-detail-header-top[b-rffcm1cex1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: start;
}

.case-detail-title[b-rffcm1cex1] {
    display: grid;
    min-width: 0;
}

.case-detail-title-main[b-rffcm1cex1] {
    display: flex;
    align-items: flex-start;
    gap: 0;
    min-width: 0;
}

.case-detail-title-content[b-rffcm1cex1] {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
    flex: 1 1 auto;
}

.case-title-inline[b-rffcm1cex1] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.case-title-label[b-rffcm1cex1] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--text-secondary, #64748b);
}

.case-title-value[b-rffcm1cex1] {
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.25;
    display: block;
    width: 100%;
    min-width: 0;
}

.case-title-input[b-rffcm1cex1] {
    width: 100%;
    max-width: none;
}

.case-detail-title .case-inline-editing-surface[b-rffcm1cex1],
.case-detail-title .case-inline-editor-actions[b-rffcm1cex1] {
    width: 100%;
}

.case-detail-title p[b-rffcm1cex1] {
    margin: 0;
    color: var(--text-secondary, #64748b);
}

.case-detail-due[b-rffcm1cex1] {
    display: grid;
    gap: 0.1rem;
    justify-items: end;
    --case-detail-due-icon-label-gap: 3rem;
}

.case-detail-due-label-row[b-rffcm1cex1] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
}

.case-detail-due-icons[b-rffcm1cex1] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    margin-inline-end: var(--case-detail-due-icon-label-gap);
    flex-shrink: 0;
}

.case-detail-due .label[b-rffcm1cex1] {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--text-secondary, #64748b);
}

.case-status-icon--header[b-rffcm1cex1],
.case-priority-icon[b-rffcm1cex1] {
    margin-top: 0;
    width: 1.46rem;
    height: 1.46rem;
    font-size: 0.95rem;
}

.case-priority-icon[b-rffcm1cex1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-weight: 700;
    flex-shrink: 0;
    background: color-mix(in srgb, var(--surface-elevated, #fff) 86%, var(--border-muted, #dbe2ea));
    border: 1px solid var(--border-muted, #dbe2ea);
}

.case-priority-icon-high[b-rffcm1cex1] {
    color: var(--danger, #b91c1c);
    border-color: color-mix(in srgb, var(--danger, #b91c1c) 34%, #fca5a5);
    background: color-mix(in srgb, var(--danger, #b91c1c) 10%, #fff);
}

.case-priority-icon-normal[b-rffcm1cex1] {
    color: var(--text-secondary, #475569);
    border-color: color-mix(in srgb, var(--text-secondary, #475569) 28%, #dbe2ea);
    background: color-mix(in srgb, var(--text-secondary, #475569) 7%, #fff);
}

.case-priority-icon-low[b-rffcm1cex1] {
    color: var(--accent-700, #0f766e);
    border-color: color-mix(in srgb, var(--accent-700, #0f766e) 35%, #cdece7);
    background: color-mix(in srgb, var(--accent-500, #0e9683) 12%, #fff);
}

.case-detail-due .value[b-rffcm1cex1] {
    font-weight: 700;
    justify-self: end;
}

.case-detail-due-badges[b-rffcm1cex1] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.28rem;
    margin-top: 0.08rem;
    justify-self: end;
}

.case-detail-badges[b-rffcm1cex1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.case-detail-links[b-rffcm1cex1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    font-size: 0.84rem;
}

.case-detail-links a[b-rffcm1cex1] {
    color: var(--accent-600, #0f766e);
    text-decoration: none;
}

.case-detail-inline-editors[b-rffcm1cex1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.6rem;
}

.case-inline-editor[b-rffcm1cex1] {
    border: 1px solid var(--border-muted, #e2e8f0);
    border-radius: 12px;
    padding: 0.62rem 0.72rem;
    display: grid;
    gap: 0.48rem;
    background: color-mix(in srgb, var(--surface-elevated, #fff) 95%, #f8fafc);
}

.case-inline-editor-summary[b-rffcm1cex1] {
    gap: 0.36rem;
}

.case-inline-editor-summary .case-inline-help[b-rffcm1cex1] {
    font-size: 0.74rem;
}

.case-inline-editor-description[b-rffcm1cex1] {
    grid-column: 1 / -1;
    min-height: 132px;
}

.case-inline-editor-description textarea[b-rffcm1cex1] {
    min-height: 8rem;
    max-height: min(62vh, 30rem);
    overflow-y: auto;
    resize: none;
}

.case-inline-editor header[b-rffcm1cex1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.case-inline-editor h2[b-rffcm1cex1] {
    margin: 0;
    font-size: 0.95rem;
}

.case-inline-editor p[b-rffcm1cex1] {
    margin: 0;
    white-space: pre-wrap;
    color: var(--text-secondary, #475569);
}

.case-inline-display[b-rffcm1cex1] {
    position: relative;
    border: 1px solid transparent;
    border-radius: 9px;
    padding: 0.28rem 2rem 0.28rem 0.48rem;
    transition: border-color 0.14s ease, background-color 0.14s ease;
}

.case-inline-display.case-inline-display-title[b-rffcm1cex1] {
    width: 100%;
    box-sizing: border-box;
}

.case-inline-display.is-clickable[b-rffcm1cex1] {
    cursor: pointer;
}

.case-inline-display.is-clickable:hover[b-rffcm1cex1],
.case-inline-display.is-clickable:focus-visible[b-rffcm1cex1] {
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 45%, #d1d5db);
    background: color-mix(in srgb, var(--accent-500, #0e9683) 10%, #fff);
    outline: none;
}

.case-inline-display.is-clickable[b-rffcm1cex1]::after {
    content: "✐";
    position: absolute;
    right: 0.58rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-secondary, #64748b);
    font-size: 0.84rem;
    opacity: 0;
    transition: opacity 0.14s ease;
    pointer-events: none;
}

.case-inline-display.is-clickable:hover[b-rffcm1cex1]::after,
.case-inline-display.is-clickable:focus-visible[b-rffcm1cex1]::after {
    opacity: 1;
}

.case-title-value.is-clickable[b-rffcm1cex1] {
    cursor: pointer;
}

.case-inline-help[b-rffcm1cex1] {
    margin: 0;
    font-size: 0.78rem;
    color: var(--text-secondary, #64748b) !important;
}

.case-inline-single-line[b-rffcm1cex1] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.case-inline-editing-surface[b-rffcm1cex1] {
    display: grid;
}

.case-inline-editor-actions[b-rffcm1cex1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
}

.case-inline-status[b-rffcm1cex1] {
    margin: 0;
    font-size: 0.78rem;
    color: var(--text-secondary, #64748b) !important;
}

.case-inline-error[b-rffcm1cex1] {
    margin: 0;
    font-size: 0.78rem;
    color: var(--danger, #b91c1c) !important;
}

.case-icon-action[b-rffcm1cex1] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.case-icon-action svg[b-rffcm1cex1] {
    width: 17px;
    height: 17px;
}

.case-detail-actions[b-rffcm1cex1] {
    padding: 1rem 1.1rem;
    display: grid;
    gap: 0.85rem;
}

.case-detail-metadata[b-rffcm1cex1] {
    margin-top: 0.1rem;
}

.case-detail-narrative[b-rffcm1cex1] {
    padding: 0.9rem 1.1rem;
}

.case-detail-actions-grid[b-rffcm1cex1] {
    display: grid;
    grid-template-columns: repeat(5, minmax(180px, 1fr));
    gap: 0.7rem;
    align-items: start;
}

.case-field-saving[b-rffcm1cex1] {
    margin-left: 0.35rem;
    font-weight: 600;
    color: var(--accent-700, #0f766e);
    font-size: 0.76rem;
}

.case-assignment-field[b-rffcm1cex1] {
    grid-column: span 2;
}

.case-assignee-chip[b-rffcm1cex1] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    margin-top: 0.45rem;
    padding: 0.22rem 0.42rem 0.22rem 0.22rem;
    border: 1px solid var(--border-muted, #dbe2ea);
    border-radius: 999px;
    background: #f8fafc;
    max-width: 100%;
}

.case-assignee-avatar[b-rffcm1cex1] {
    border: 1px solid color-mix(in srgb, var(--border-muted, #e2e8f0) 82%, #fff);
}

.case-assignee-avatar img[b-rffcm1cex1] {
    object-fit: cover;
}

.case-assignee-name[b-rffcm1cex1] {
    font-size: 0.8rem;
    color: var(--text-secondary, #475569);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.due-inline[b-rffcm1cex1] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    align-items: flex-start;
}

.due-inline .cases-input[b-rffcm1cex1] {
    min-width: 0;
}

.case-due-input[b-rffcm1cex1] {
    width: 100%;
}

.due-inline-actions[b-rffcm1cex1] {
    margin-top: 0.38rem;
    justify-content: flex-end;
}

.case-detail-main-grid[b-rffcm1cex1] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
    gap: 1rem;
    min-height: 0;
}

.case-comments-panel[b-rffcm1cex1],
.case-attachments-panel[b-rffcm1cex1] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0.9rem;
    gap: 0.6rem;
}

.case-panel-header h2[b-rffcm1cex1] {
    margin: 0;
    font-size: 1rem;
}

.case-tabs[b-rffcm1cex1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.case-tab[b-rffcm1cex1] {
    border: 1px solid var(--border-muted, #cbd5e1);
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    padding: 0.34rem 0.68rem;
    font-size: 0.79rem;
    font-weight: 600;
    cursor: pointer;
}

.case-tab.active[b-rffcm1cex1] {
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 70%, #fff);
    background: color-mix(in srgb, var(--accent-500, #0e9683) 12%, #fff);
    color: color-mix(in srgb, var(--accent-600, #0f766e) 80%, #0f172a);
}

.case-panel-body[b-rffcm1cex1] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: min(62vh, 740px);
    border: 1px solid var(--border-muted, #e2e8f0);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.case-comments-scroll[b-rffcm1cex1],
.case-attachments-scroll[b-rffcm1cex1] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.75rem;
    align-items: stretch;
    align-content: flex-start;
    justify-content: flex-start;
}

.case-comments-composer[b-rffcm1cex1],
.case-attachments-upload[b-rffcm1cex1] {
    flex-shrink: 0;
    border-top: 1px solid var(--border-muted, #e2e8f0);
    padding: 0.65rem 0.75rem;
    display: grid;
    gap: 0.45rem;
    background: #f8fafc;
}

.case-comment-item[b-rffcm1cex1] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    padding: 0.45rem;
    border: 1px solid var(--border-muted, #e2e8f0);
    border-radius: 10px;
}

.case-comment-avatar[b-rffcm1cex1] {
    border: 1px solid color-mix(in srgb, var(--border-muted, #e2e8f0) 82%, #fff);
}

.case-comment-avatar img[b-rffcm1cex1] {
    object-fit: cover;
}

.case-comment-content[b-rffcm1cex1] {
    display: grid;
    gap: 0.24rem;
    min-width: 0;
}

.case-comment-meta[b-rffcm1cex1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: baseline;
    font-size: 0.8rem;
}

.case-comment-meta span[b-rffcm1cex1] {
    color: var(--text-secondary, #64748b);
}

.case-comment-content p[b-rffcm1cex1] {
    margin: 0;
    white-space: pre-wrap;
    font-size: 0.9rem;
}

.case-attachment-item[b-rffcm1cex1] {
    display: flex;
    align-items: flex-start;
    gap: 0.72rem;
    border: 1px solid var(--border-muted, #e2e8f0);
    border-radius: 10px;
    padding: 0.62rem;
}

.case-attachment-item.removed[b-rffcm1cex1] {
    background: #f8fafc;
    border-style: dashed;
}

.case-attachment-thumb[b-rffcm1cex1] {
    width: 104px;
    height: 104px;
    border-radius: 10px;
    border: 1px solid var(--border-muted, #e2e8f0);
    background: #fff;
    overflow: hidden;
    padding: 0;
    flex-shrink: 0;
    cursor: pointer;
}

.case-attachment-thumb img[b-rffcm1cex1],
.case-attachment-thumb iframe[b-rffcm1cex1] {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    object-fit: cover;
}

.case-attachment-content[b-rffcm1cex1] {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 0.48rem;
}

.case-attachment-meta[b-rffcm1cex1] {
    display: grid;
    gap: 0.24rem;
    min-width: 0;
}

.case-attachment-meta strong[b-rffcm1cex1] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-attachment-meta span[b-rffcm1cex1] {
    color: var(--text-secondary, #64748b);
    font-size: 0.78rem;
}

.case-attachment-footer[b-rffcm1cex1] {
    border-top: 1px solid var(--border-muted, #eef2f7);
    padding-top: 0.42rem;
}

.case-attachment-removed[b-rffcm1cex1] {
    color: var(--danger, #b91c1c) !important;
    font-weight: 600;
}

.case-attachment-actions[b-rffcm1cex1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
}

.case-attachment-action[b-rffcm1cex1] {
    padding: 0.28rem 0.58rem;
    font-size: 0.78rem;
    line-height: 1.2;
}

.case-attachment-actions .secondary.danger[b-rffcm1cex1] {
    color: #b91c1c;
    border-color: var(--border-muted, #cbd5e1);
    background: #fff;
}

.case-attachment-actions .secondary.danger:hover[b-rffcm1cex1],
.case-attachment-actions .secondary.danger:focus-visible[b-rffcm1cex1] {
    background: color-mix(in srgb, #ef4444 10%, #fff);
    border-color: color-mix(in srgb, #ef4444 36%, #d1d5db);
}

.case-upload-progress[b-rffcm1cex1] {
    margin-top: 0.45rem;
    display: grid;
    gap: 0.32rem;
}

.case-upload-progress-head[b-rffcm1cex1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.78rem;
    color: var(--text-secondary, #64748b);
}

.case-upload-progress-bar[b-rffcm1cex1] {
    height: 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-500, #0e9683) 16%, #fff);
    overflow: hidden;
}

.case-upload-progress-bar > span[b-rffcm1cex1] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--accent-600, #0f766e);
    transition: width 0.18s ease;
}

.case-upload-success[b-rffcm1cex1] {
    margin: 0.45rem 0 0;
    font-size: 0.78rem;
    color: #0f766e;
}

.case-upload-error[b-rffcm1cex1] {
    margin: 0.45rem 0 0;
    font-size: 0.78rem;
    color: var(--danger, #b91c1c);
}

.case-preview-backdrop[b-rffcm1cex1] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    background: rgba(2, 8, 23, 0.78);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.case-preview-modal[b-rffcm1cex1] {
    width: min(1100px, 100%);
    max-height: calc(100vh - 2rem);
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.4);
    background: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.case-preview-modal:focus[b-rffcm1cex1] {
    outline: 2px solid color-mix(in srgb, var(--accent-500, #0e9683) 55%, #fff);
    outline-offset: 2px;
}

.case-preview-header[b-rffcm1cex1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid var(--border-muted, #e2e8f0);
}

.case-preview-header h3[b-rffcm1cex1] {
    margin: 0;
    font-size: 0.95rem;
    word-break: break-word;
}

.case-preview-actions[b-rffcm1cex1] {
    display: flex;
    gap: 0.35rem;
}

.case-preview-body[b-rffcm1cex1] {
    min-height: 0;
    flex: 1 1 auto;
    background: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-preview-body img[b-rffcm1cex1],
.case-preview-body iframe[b-rffcm1cex1] {
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: contain;
}

.case-preview-body p[b-rffcm1cex1] {
    color: #e2e8f0;
    margin: 0;
}

.case-preview-footer[b-rffcm1cex1] {
    border-top: 1px solid var(--border-muted, #e2e8f0);
    padding: 0.65rem 1rem;
    display: flex;
    justify-content: flex-end;
}

.case-empty-small[b-rffcm1cex1] {
    color: var(--text-secondary, #64748b);
}

.case-history-panel[b-rffcm1cex1] {
    display: grid;
    gap: 0.8rem;
    padding: 0.9rem;
    margin-top: 0.5rem;
    border-top: 1px solid var(--border-muted, #e2e8f0);
}

.case-history-header[b-rffcm1cex1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
}

.case-history-visibility-toggle[b-rffcm1cex1] {
    padding: 0.22rem 0.64rem;
    font-size: 0.78rem;
    line-height: 1.2;
}

.case-history-list[b-rffcm1cex1] {
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.52rem;
}

.case-history-item[b-rffcm1cex1] {
    border: 1px solid var(--border-muted, #dbe5ef);
    border-radius: 10px;
    display: grid;
    background: #fff;
    padding: 0.62rem 0.72rem;
    gap: 0.38rem;
}

.case-history-summary[b-rffcm1cex1] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.8rem;
}

.case-history-summary-right[b-rffcm1cex1] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.62rem;
    min-width: 0;
}

.case-history-title[b-rffcm1cex1] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text, #1f2937);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-history-meta[b-rffcm1cex1] {
    font-size: 0.79rem;
    color: var(--text-secondary, #64748b);
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.case-history-body[b-rffcm1cex1] {
    display: grid;
    gap: 0.42rem;
    padding: 0.58rem 0 0.05rem;
    border-top: 1px solid var(--border-muted, #e2e8f0);
}

.case-history-toggle[b-rffcm1cex1] {
    border: none;
    background: none;
    color: var(--accent-700, #0f766e);
    font-size: 0.79rem;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
}

.case-history-toggle:hover[b-rffcm1cex1] {
    text-decoration: underline;
}

.case-history-toggle:focus-visible[b-rffcm1cex1] {
    outline: 2px solid color-mix(in srgb, var(--accent-500, #0e9683) 55%, #fff);
    outline-offset: 2px;
}

.case-history-load-more[b-rffcm1cex1] {
    display: flex;
    justify-content: flex-start;
}

.case-history-detail[b-rffcm1cex1] {
    font-size: 0.82rem;
    color: var(--text-secondary, #334155);
    white-space: pre-wrap;
}

.case-history-values[b-rffcm1cex1] {
    display: grid;
    gap: 0.26rem;
    font-size: 0.82rem;
    color: var(--text-secondary, #334155);
    white-space: pre-wrap;
}

.badge.overdue[b-rffcm1cex1] {
    border: 1px solid #7f1d1d;
    background: #b91c1c;
    color: #fff;
}

.badge.due-soon[b-rffcm1cex1] {
    border: 1px solid #9a3412;
    background: #ea580c;
    color: #fff;
}

@media (max-width: 1200px) {
    .case-detail-actions-grid[b-rffcm1cex1] {
        grid-template-columns: repeat(3, minmax(180px, 1fr));
    }

    .case-assignment-field[b-rffcm1cex1] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 980px) {
    .case-detail-main-grid[b-rffcm1cex1] {
        grid-template-columns: 1fr;
    }

    .case-panel-body[b-rffcm1cex1] {
        height: min(58vh, 560px);
    }
}

@media (max-width: 760px) {
    .case-detail-header-top[b-rffcm1cex1] {
        grid-template-columns: 1fr;
    }

    .case-detail-due[b-rffcm1cex1] {
        justify-items: start;
    }

    .case-detail-due-label-row[b-rffcm1cex1] {
        justify-content: flex-start;
    }

    .case-detail-due-icons[b-rffcm1cex1] {
        margin-inline-end: 1.4rem;
    }

    .case-detail-due .value[b-rffcm1cex1],
    .case-detail-due-badges[b-rffcm1cex1] {
        justify-self: start;
    }

    .case-detail-actions-grid[b-rffcm1cex1] {
        grid-template-columns: 1fr;
    }

    .due-inline[b-rffcm1cex1] {
        grid-template-columns: 1fr;
    }

    .case-attachment-item[b-rffcm1cex1] {
        flex-wrap: wrap;
    }

    .case-attachment-thumb[b-rffcm1cex1] {
        width: 92px;
        height: 92px;
    }

    .case-attachment-actions[b-rffcm1cex1] {
        width: 100%;
        justify-content: flex-end;
    }

    .case-history-summary[b-rffcm1cex1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .case-history-summary-right[b-rffcm1cex1] {
        width: 100%;
        justify-content: space-between;
    }

    .case-history-header[b-rffcm1cex1] {
        align-items: flex-start;
    }
}
/* /Pages/Chat.razor.rz.scp.css */
.messages-page[b-jh8me7jlwv] {
    gap: 1rem;
}

.messages-page-card[b-jh8me7jlwv] {
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #ffffff;
    padding: 1.25rem;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
    font-size: 0.95rem;
    color: #475569;
}

[data-theme='dark'] .messages-page-card[b-jh8me7jlwv] {
    background: #0f172a;
    border-color: #1f2a44;
    color: #cbd5f5;
}
/* /Pages/ClosedPeriodDelivery.razor.rz.scp.css */
.delivery-panel[b-fsr8vd1jm6] {
    padding: 1.25rem;
    border-radius: 12px;
    border: 1px solid var(--border-default, #e2e8f0);
    background: var(--surface-elevated, #fff);
    box-shadow: var(--shadow-card, 0 12px 24px rgba(0, 0, 0, 0.05));
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.delivery-header[b-fsr8vd1jm6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
}

.delivery-header h2[b-fsr8vd1jm6] {
    margin: 0 0 0.25rem;
    font-size: 1.4rem;
}

.delivery-header p[b-fsr8vd1jm6] {
    margin: 0;
    color: var(--text-secondary, #4a4a61);
}

.delivery-actions[b-fsr8vd1jm6] {
    display: flex;
    gap: 0.75rem;
}

.delivery-grid[b-fsr8vd1jm6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.delivery-card[b-fsr8vd1jm6] {
    border: 1px solid var(--border-default, #e1e1f0);
    border-radius: 12px;
    padding: 1rem;
    background: var(--bg-surface-muted, #f8fafc);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.delivery-card h3[b-fsr8vd1jm6] {
    margin: 0;
    font-size: 1.1rem;
}

.delivery-card input[b-fsr8vd1jm6],
.delivery-card select[b-fsr8vd1jm6] {
    padding: 0.45rem 0.65rem;
    border-radius: 8px;
    border: 1px solid var(--border-input, #d8d8e5);
    background: var(--bg-input, #fff);
    color: var(--text-primary, #0f172a);
    font-size: 0.95rem;
}

.share-link-output[b-fsr8vd1jm6] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.delivery-history table[b-fsr8vd1jm6] {
    width: 100%;
    border-collapse: collapse;
}

.delivery-history th[b-fsr8vd1jm6],
.delivery-history td[b-fsr8vd1jm6] {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--border-muted, #e1e1f0);
    text-align: left;
}

.delivery-history th[b-fsr8vd1jm6] {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    color: var(--text-muted, #8a8aa4);
}

.success[b-fsr8vd1jm6] {
    color: var(--state-success-fg, #256029);
}

.info[b-fsr8vd1jm6] {
    color: var(--text-secondary, #3f3f59);
}

.error[b-fsr8vd1jm6] {
    color: var(--danger, #c42b1c);
}

@media (max-width: 768px) {
    .delivery-header[b-fsr8vd1jm6] {
        flex-direction: column;
        align-items: stretch;
    }

    .delivery-actions[b-fsr8vd1jm6] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Pages/ClosedPeriodDocuments.razor.rz.scp.css */
.closed-docs-page[b-waxswniluq] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}


.documents-section[b-waxswniluq] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.section-header[b-waxswniluq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
}

.section-header h2[b-waxswniluq] {
    margin: 0 0 0.25rem;
    font-size: 1.4rem;
    color: #0f172a;
}

.section-header p[b-waxswniluq] {
    margin: 0;
    color: #4a4a61;
}

.section-actions[b-waxswniluq] {
    display: flex;
    align-items: center;
}

.header-controls[b-waxswniluq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.processing-sticky[b-waxswniluq] {
    position: sticky;
    top: 1rem;
    align-self: flex-end;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.75rem 0.85rem;
    min-width: 170px;
    max-width: 220px;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
    z-index: 5;
}

.processing-sticky .processing-header[b-waxswniluq] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #64748b;
}

.processing-sticky .processing-percent[b-waxswniluq] {
    font-weight: 700;
    color: #0f172a;
}

.processing-sticky.empty[b-waxswniluq] {
    border-color: #e2e8f0;
}

.processing-sticky.partial[b-waxswniluq] {
    border-color: #38bdf8;
    box-shadow: 0 12px 24px rgba(56, 189, 248, 0.2);
}

.processing-sticky.complete[b-waxswniluq] {
    border-color: #34d399;
    box-shadow: 0 12px 24px rgba(52, 211, 153, 0.2);
}

.processed-count[b-waxswniluq] {
    font-weight: 600;
    color: #1e293b;
}

.processed-bar[b-waxswniluq] {
    margin-top: 0.35rem;
    height: 6px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.processed-bar span[b-waxswniluq] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #0f766e, #14b8a6);
}

.accounted-status[b-waxswniluq] {
    margin-top: 0.35rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.period-seal-stats[b-waxswniluq] {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.accounted-badge[b-waxswniluq] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.accounted-badge.accounted[b-waxswniluq] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid rgba(22, 101, 52, 0.25);
}

.accounted-badge.unaccounted[b-waxswniluq] {
    background: #ffedd5;
    color: #9a3412;
    border: 1px solid rgba(154, 52, 18, 0.25);
}

.accounted-date[b-waxswniluq] {
    font-size: 0.85rem;
    color: #475569;
}

[data-theme='dark'] .accounted-badge.accounted[b-waxswniluq] {
    background: rgba(22, 101, 52, 0.25);
    color: rgba(187, 247, 208, 0.95);
    border-color: rgba(22, 101, 52, 0.45);
}

[data-theme='dark'] .accounted-badge.unaccounted[b-waxswniluq] {
    background: rgba(234, 88, 12, 0.2);
    color: rgba(254, 215, 170, 0.95);
    border-color: rgba(234, 88, 12, 0.35);
}

[data-theme='dark'] .accounted-date[b-waxswniluq] {
    color: #94a3b8;
}

.closed-docs-actions[b-waxswniluq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.bundle-progress-overlay[b-waxswniluq] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 1200;
}

.bundle-progress-panel[b-waxswniluq] {
    width: min(420px, 100%);
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.35);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bundle-progress-header[b-waxswniluq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.bundle-progress-header h3[b-waxswniluq] {
    margin: 0;
    font-size: 1.1rem;
}

.bundle-progress-header .icon-button.close[b-waxswniluq] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: none;
    background: #eef2f7;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bundle-progress-body[b-waxswniluq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #475569;
    font-size: 0.9rem;
}

.bundle-progress-actions[b-waxswniluq] {
    display: flex;
    justify-content: flex-end;
}

.print-dialog-overlay[b-waxswniluq] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 1300;
}

.print-dialog-panel[b-waxswniluq] {
    width: min(520px, 100%);
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.35);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.print-dialog-header[b-waxswniluq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.print-dialog-header h3[b-waxswniluq] {
    margin: 0.25rem 0 0;
    font-size: 1.2rem;
}

.print-dialog-label[b-waxswniluq] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.7rem;
    color: #64748b;
}

.print-dialog-body[b-waxswniluq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #475569;
}

.print-dialog-intro[b-waxswniluq] {
    margin: 0;
}

.print-dialog-options[b-waxswniluq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.print-option-group[b-waxswniluq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.print-option-label[b-waxswniluq] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
}

.print-option-list[b-waxswniluq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.print-radio[b-waxswniluq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #1f2937;
}

.print-select[b-waxswniluq] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: #475569;
}

.print-select select[b-waxswniluq] {
    padding: 0.45rem 0.6rem;
    border-radius: 12px;
    border: 1px solid #d8d8e5;
    background: #fff;
    color: #1f2937;
    font-size: 0.9rem;
}

.print-dialog-preview[b-waxswniluq] {
    margin: 0;
    font-weight: 600;
    color: #0f172a;
}

.print-dialog-actions[b-waxswniluq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.print-dialog-loading[b-waxswniluq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #475569;
}

[data-theme='dark'] .print-dialog-panel[b-waxswniluq] {
    background: #0f172a;
    color: #e2e8f0;
    border: 1px solid #1f2a44;
    box-shadow: 0 30px 80px rgba(2, 6, 23, 0.65);
}

[data-theme='dark'] .print-dialog-label[b-waxswniluq],
[data-theme='dark'] .print-option-label[b-waxswniluq] {
    color: rgba(148, 163, 184, 0.8);
}

[data-theme='dark'] .print-dialog-body[b-waxswniluq] {
    color: #cbd5f5;
}

[data-theme='dark'] .print-select select[b-waxswniluq] {
    background: #111827;
    color: #e2e8f0;
    border-color: #1f2937;
}

[data-theme='dark'] .print-radio[b-waxswniluq] {
    color: #e2e8f0;
}

[data-theme='dark'] .bundle-progress-panel[b-waxswniluq] {
    background: #0f172a;
    color: #e2e8f0;
    border: 1px solid #1f2a44;
    box-shadow: 0 30px 80px rgba(2, 6, 23, 0.65);
}

[data-theme='dark'] .bundle-progress-header .icon-button.close[b-waxswniluq] {
    background: rgba(15, 23, 42, 0.85);
    color: #e2e8f0;
}

[data-theme='dark'] .bundle-progress-body[b-waxswniluq] {
    color: #94a3b8;
}

.bundle-header[b-waxswniluq] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 1rem;
}

.bundle-header-main[b-waxswniluq] {
    flex: 1;
    min-width: 0;
}

.bundle-header-actions[b-waxswniluq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.95rem 1.15rem;
    flex-wrap: wrap;
}

.bundle-progress[b-waxswniluq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    min-width: 110px;
}

.bundle-progress.complete .processed-count[b-waxswniluq] {
    color: #0f766e;
}

.bundle-progress.empty .processed-count[b-waxswniluq] {
    color: #64748b;
}

.bundle-toggle[b-waxswniluq] {
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: #fff;
}

.bundle-toggle:disabled[b-waxswniluq] {
    opacity: 0.6;
}

.processed-toggle[b-waxswniluq] {
    font-weight: 600;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}

.processed-toggle.secondary[b-waxswniluq] {
    box-shadow: none;
}

.view-controls[b-waxswniluq] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.view-mode-buttons[b-waxswniluq] {
    display: inline-flex;
    border: 1px solid #d8d8e5;
    border-radius: 999px;
    overflow: hidden;
    background: #f8f8ff;
}

.view-mode-buttons .toggle-button[b-waxswniluq] {
    background: none;
    border: none;
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #475569;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.view-mode-buttons .toggle-button.active[b-waxswniluq] {
    background: #512bd4;
    color: #fff;
}

.page-size-selector[b-waxswniluq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: #475569;
}

.page-size-selector.checkbox[b-waxswniluq] {
    gap: 0.5rem;
}

.page-size-selector.checkbox input[b-waxswniluq] {
    width: 18px;
    height: 18px;
    accent-color: var(--accent);
}

.page-size-selector select[b-waxswniluq] {
    padding: 0.4rem 0.6rem;
    border-radius: 999px;
    border: 1px solid #d8d8e5;
    background: #fff;
    color: #2f2f44;
    font-size: 0.85rem;
}

.receipt-table[b-waxswniluq] {
    width: 100%;
    border-collapse: collapse;
}

.flag-col[b-waxswniluq] {
    width: 32px;
    min-width: 32px;
}

.receipt-table th[b-waxswniluq],
.receipt-table td[b-waxswniluq] {
    padding: 0.75rem;
    border-bottom: 1px solid #e7e7f2;
    text-align: left;
    vertical-align: middle;
}

.receipt-table .receipt-row-item[b-waxswniluq] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.receipt-table .receipt-row-item:hover[b-waxswniluq] {
    background: rgba(26, 46, 68, 0.04);
}

.receipt-table th[b-waxswniluq] {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    color: #8a8aa4;
}

.receipt-row[b-waxswniluq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.processed-flag[b-waxswniluq] {
    display: inline-flex;
    width: 24px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f8fafc;
    color: #0e9683;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.processed-flag:disabled[b-waxswniluq] {
    cursor: not-allowed;
    opacity: 0.6;
}

.processed-flag:focus-visible[b-waxswniluq] {
    outline: 2px solid rgba(14, 150, 131, 0.35);
    outline-offset: 2px;
}

.processed-flag.unprocessed .flag-icon[b-waxswniluq] {
    opacity: 0;
}

.processed-flag.processed[b-waxswniluq] {
    background: linear-gradient(180deg, #0e9f6e, #0f766e);
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(14, 150, 131, 0.25), 0 8px 18px rgba(15, 118, 110, 0.2);
}

.receipt-thumb-link[b-waxswniluq] {
    display: inline-flex;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

.receipt-thumb[b-waxswniluq] {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.receipt-thumb.fallback[b-waxswniluq] {
    background: #edeafe;
    color: #3f3f59;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.receipt-thumb.fallback .fallback-text[b-waxswniluq] {
    font-size: 0.75rem;
}

.receipt-thumb.fallback .fallback-icon[b-waxswniluq] {
    width: 24px;
    height: 24px;
}

.receipt-info[b-waxswniluq] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.receipt-name[b-waxswniluq] {
    font-weight: 600;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.receipt-name-text[b-waxswniluq] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.receipt-content-type[b-waxswniluq] {
    font-size: 0.8rem;
    color: #6b6b7a;
}

.receipt-tags[b-waxswniluq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.15rem;
}

.tag-chip[b-waxswniluq] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(81, 43, 212, 0.12);
    color: #4020a0;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.4;
}

.tag-chip.more[b-waxswniluq] {
    background: rgba(15, 23, 42, 0.08);
    color: rgba(15, 23, 42, 0.7);
}

.receipt-actions[b-waxswniluq] {
    width: 1%;
    white-space: nowrap;
}

.receipt-action-group[b-waxswniluq] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.receipt-grid[b-waxswniluq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.receipt-card[b-waxswniluq] {
    border: 1px solid #e1e1f0;
    border-radius: 12px;
    padding: 1rem;
    background: #faf9ff;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.receipt-grid .receipt-card[b-waxswniluq] {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.receipt-grid .receipt-card:hover[b-waxswniluq] {
    transform: translateY(-4px);
    box-shadow: 0 20px 60px rgba(6, 24, 44, 0.12);
}

.receipt-card-preview[b-waxswniluq] {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    margin: -1rem -1rem 0.75rem;
    background: #f5f4ff;
    border-bottom: 1px solid #e1e1f0;
    border: none;
    padding: 0;
}

.receipt-card-preview img[b-waxswniluq] {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.receipt-card-preview.fallback[b-waxswniluq] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    background: repeating-linear-gradient(135deg, #f8f7ff, #f8f7ff 14px, #ebe8ff 14px, #ebe8ff 28px);
    color: #3f3f59;
    gap: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}

.fallback-icon[b-waxswniluq] {
    width: 36px;
    height: 36px;
}

.receipt-card-header[b-waxswniluq] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.75rem;
}

.receipt-card-header h3[b-waxswniluq] {
    margin: 0;
    font-size: 1.05rem;
}

.receipt-card-title[b-waxswniluq] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    flex: 1;
}

.receipt-card-title-text[b-waxswniluq] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receipt-meta[b-waxswniluq] {
    font-size: 0.85rem;
    color: #64748b;
}

.receipt-details[b-waxswniluq] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
}

.receipt-details div[b-waxswniluq] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.receipt-details dt[b-waxswniluq] {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #94a3b8;
}

.receipt-details dd[b-waxswniluq] {
    margin: 0;
    font-weight: 600;
    color: #111827;
}

.button-pill.comment-link[b-waxswniluq] {
    padding-right: 1.6rem;
}

.comment-link[b-waxswniluq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.comment-link-label[b-waxswniluq] {
    white-space: nowrap;
}

.comment-link-icon[b-waxswniluq] {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.comment-link-icon svg[b-waxswniluq] {
    width: 1.1rem;
    height: 1.1rem;
}

.comment-link-count[b-waxswniluq] {
    position: absolute;
    top: -0.35rem;
    right: -0.35rem;
    background: #2f80ed;
    color: #fff;
    font-size: 0.65rem;
    line-height: 1;
    min-width: 1.1rem;
    border-radius: 999px;
    padding: 0.05rem 0.25rem;
    font-weight: 600;
}

[data-theme='dark'] .comment-link-count[b-waxswniluq] {
    background: #34d399;
    color: #0f172a;
}

.pagination-toolbar[b-waxswniluq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.pagination-buttons[b-waxswniluq] {
    display: flex;
    gap: 0.75rem;
}

.empty-state[b-waxswniluq] {
    text-align: center;
    padding: 2rem 1rem;
    border: 1px dashed #d8d8e5;
    border-radius: 12px;
    color: #4a4a61;
}

.info[b-waxswniluq] {
    color: #3f3f59;
}

.warning[b-waxswniluq] {
    color: #9b5d00;
}

.error[b-waxswniluq] {
    color: #c42b1c;
}

.success[b-waxswniluq] {
    color: #256029;
}

.receipt-card[b-waxswniluq] {
    position: relative;
    overflow: hidden;
}
.receipt-card-flag[b-waxswniluq] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 18px;
    border-radius: 12px 0 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    color: #0e9683;
}

.receipt-card-flag.processed[b-waxswniluq] {
    background: linear-gradient(180deg, #0e9f6e, #0f766e);
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(14, 150, 131, 0.3), 0 8px 18px rgba(15, 118, 110, 0.2);
}

.receipt-card[b-waxswniluq] {
    padding-left: 1.6rem;
}

[data-theme='dark'] .documents-section[b-waxswniluq],
[data-theme='dark'] .processing-sticky[b-waxswniluq] {
    background: var(--surface-elevated, #0f172a);
    border-color: var(--border-default, #1f2a44);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .section-header h2[b-waxswniluq],
[data-theme='dark'] .processing-sticky .processing-percent[b-waxswniluq],
[data-theme='dark'] .processed-count[b-waxswniluq] {
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .section-header p[b-waxswniluq],
[data-theme='dark'] .processing-sticky .processing-header[b-waxswniluq],
[data-theme='dark'] .page-size-selector[b-waxswniluq],
[data-theme='dark'] .receipt-content-type[b-waxswniluq],
[data-theme='dark'] .receipt-meta[b-waxswniluq],
[data-theme='dark'] .receipt-meta .meta-separator[b-waxswniluq] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .view-mode-buttons[b-waxswniluq] {
    border-color: var(--border-default, #1f2a44);
    background: var(--bg-surface-muted, #111c2f);
}

[data-theme='dark'] .view-mode-buttons .toggle-button[b-waxswniluq] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .view-mode-buttons .toggle-button.active[b-waxswniluq] {
    background: var(--accent-500, #0e9683);
    color: #fff;
}

[data-theme='dark'] .page-size-selector select[b-waxswniluq] {
    background: var(--bg-input, #1e293b);
    border-color: var(--border-input, #334155);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .receipt-table th[b-waxswniluq],
[data-theme='dark'] .receipt-table td[b-waxswniluq] {
    border-bottom-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .receipt-table th[b-waxswniluq] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .receipt-table .receipt-row-item:hover[b-waxswniluq] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 14%, transparent);
}

[data-theme='dark'] .processed-flag.unprocessed[b-waxswniluq],
[data-theme='dark'] .bundle-toggle[b-waxswniluq] {
    background: var(--bg-surface-muted, #111c2f);
    border-color: var(--border-default, #1f2a44);
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .receipt-thumb.fallback[b-waxswniluq] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 88%, #334155);
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .receipt-name[b-waxswniluq],
[data-theme='dark'] .receipt-details dd[b-waxswniluq] {
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .receipt-details dt[b-waxswniluq] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .receipt-card[b-waxswniluq],
[data-theme='dark'] .receipt-card-preview[b-waxswniluq] {
    background: color-mix(in srgb, var(--surface-elevated, #0f172a) 86%, #1e293b);
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .receipt-card-preview.fallback[b-waxswniluq] {
    background: repeating-linear-gradient(
        135deg,
        color-mix(in srgb, var(--bg-surface-muted, #111c2f) 90%, #0f172a),
        color-mix(in srgb, var(--bg-surface-muted, #111c2f) 90%, #0f172a) 14px,
        color-mix(in srgb, var(--bg-surface-muted, #111c2f) 72%, #334155) 14px,
        color-mix(in srgb, var(--bg-surface-muted, #111c2f) 72%, #334155) 28px
    );
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .empty-state[b-waxswniluq] {
    border-color: var(--border-default, #1f2a44);
    color: var(--text-secondary, #cbd5e1);
}

@media (max-width: 768px) {
    .section-header[b-waxswniluq],
    .header-controls[b-waxswniluq],
    .view-controls[b-waxswniluq] {
        flex-direction: column;
        align-items: stretch;
    }

    .processing-sticky[b-waxswniluq] {
        position: static;
        align-self: stretch;
        max-width: none;
    }

    .bundle-header[b-waxswniluq] {
        flex-direction: column;
        align-items: stretch;
    }

    .bundle-header-actions[b-waxswniluq] {
        padding-top: 0.5rem;
        padding-bottom: 0.75rem;
        justify-content: flex-start;
    }

    .receipt-row[b-waxswniluq] {
        flex-direction: column;
        align-items: flex-start;
    }

    .receipt-actions[b-waxswniluq] {
        width: 100%;
        text-align: left;
    }

    .receipt-action-group[b-waxswniluq] {
        justify-content: flex-start;
    }
}
/* /Pages/ClosedPeriodVisits.razor.rz.scp.css */
.visit-audit[b-q1e9w8a9vu] {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.visit-toolbar[b-q1e9w8a9vu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
}

.visit-toolbar label[b-q1e9w8a9vu] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.visit-toolbar input[type="datetime-local"][b-q1e9w8a9vu],
.visit-toolbar select[b-q1e9w8a9vu] {
    padding: 0.35rem 0.6rem;
    border-radius: 8px;
    border: 1px solid var(--border-input, #d8d8e5);
    background: var(--bg-input, #fff);
    color: var(--text-primary, #0f172a);
}

.visit-summary[b-q1e9w8a9vu] {
    display: flex;
    gap: 1rem;
    font-size: 0.9rem;
    color: var(--text-secondary, #3f3f59);
    flex-wrap: wrap;
}

.visits-table[b-q1e9w8a9vu] {
    width: 100%;
    border-collapse: collapse;
    background: var(--surface-elevated, #fff);
}

.visits-table th[b-q1e9w8a9vu],
.visits-table td[b-q1e9w8a9vu] {
    border: 1px solid var(--border-muted, #e5e7eb);
    padding: 0.5rem 0.6rem;
    text-align: left;
    font-size: 0.9rem;
}

.visits-table th[b-q1e9w8a9vu] {
    background: var(--bg-surface-muted, #f8fafc);
    color: var(--text-secondary, #475569);
}

.visits-table tbody tr:hover[b-q1e9w8a9vu] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 10%, transparent);
    cursor: pointer;
}

.visit-modal[b-q1e9w8a9vu] {
    position: fixed;
    inset: 0;
    background: var(--overlay-backdrop, rgba(15, 23, 42, 0.55));
    z-index: 1000;
}

.modal-content[b-q1e9w8a9vu],
.visit-modal-content[b-q1e9w8a9vu] {
    background: var(--surface-elevated, #fff);
    color: var(--text-primary, #0f172a);
    border: 1px solid var(--border-default, #e2e8f0);
    border-radius: 12px;
    padding: 1rem;
    width: min(720px, 92vw);
    margin: 8vh auto 0;
    box-shadow: var(--shadow-modal, 0 12px 24px rgba(0, 0, 0, 0.2));
}

.modal-content h3[b-q1e9w8a9vu],
.visit-modal-content h4[b-q1e9w8a9vu] {
    margin: 0 0 0.75rem;
}

.modal-content pre[b-q1e9w8a9vu],
.visit-modal-content pre[b-q1e9w8a9vu] {
    max-height: 220px;
    overflow: auto;
    background: var(--bg-surface-muted, #f8fafc);
    border: 1px solid var(--border-muted, #eee);
    border-radius: 8px;
    padding: 0.5rem;
    color: var(--text-primary, #0f172a);
}

.modal-footer[b-q1e9w8a9vu],
.modal-actions[b-q1e9w8a9vu] {
    margin-top: 0.75rem;
    display: flex;
    gap: 0.5rem;
}

.success[b-q1e9w8a9vu] {
    color: var(--state-success-fg, #256029);
}

.info[b-q1e9w8a9vu] {
    color: var(--text-secondary, #3f3f59);
}

.error[b-q1e9w8a9vu] {
    color: var(--danger, #c42b1c);
}
/* /Pages/ClosedReceipts.razor.rz.scp.css */
.closed-receipts-page[b-b1hkrmth3c] {
    display: grid;
    gap: 1rem;
}

.closed-header[b-b1hkrmth3c] {
    display: grid;
    gap: 0.3rem;
}

.closed-list[b-b1hkrmth3c] {
    display: grid;
    gap: 0.8rem;
    align-content: start;
    padding: 1rem 1.1rem;
}

.closed-table-wrapper[b-b1hkrmth3c] {
    overflow-x: auto;
    border-radius: 12px;
}

.closed-periods-table[b-b1hkrmth3c] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
    table-layout: fixed;
}

.closed-col-period[b-b1hkrmth3c] {
    width: 24%;
}

.closed-col-closed[b-b1hkrmth3c] {
    width: 15%;
}

.closed-col-receipts[b-b1hkrmth3c] {
    width: 9%;
}

.closed-col-processed[b-b1hkrmth3c] {
    width: 20%;
}

.closed-col-accounted[b-b1hkrmth3c] {
    width: 18%;
}

.closed-col-actions[b-b1hkrmth3c] {
    width: 14%;
}

.closed-periods-table th[b-b1hkrmth3c],
.closed-periods-table td[b-b1hkrmth3c] {
    text-align: left;
    padding: 0.6rem 0.5rem;
    border-bottom: 1px solid var(--border-muted, #e2e8f0);
    vertical-align: top;
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.closed-periods-table th[b-b1hkrmth3c] {
    font-weight: 600;
    color: var(--text-secondary, #475569);
}

.closed-periods-table th.numeric[b-b1hkrmth3c],
.closed-periods-table td.numeric[b-b1hkrmth3c] {
    text-align: right;
}

.closed-periods-table tbody tr.cases-row[b-b1hkrmth3c] {
    cursor: pointer;
}

.closed-periods-table tbody tr.cases-row:hover[b-b1hkrmth3c] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 8%, transparent);
}

.closed-periods-table tbody tr.cases-row:focus-visible[b-b1hkrmth3c] {
    outline: 2px solid var(--accent, #0e9683);
    outline-offset: -2px;
}

.sort-cell[b-b1hkrmth3c] {
    white-space: nowrap;
}

.sort-button[b-b1hkrmth3c] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: none;
    background: transparent;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.sort-button:focus-visible[b-b1hkrmth3c] {
    outline: 2px solid var(--accent, #0e9683);
    outline-offset: 2px;
    border-radius: 6px;
}

.sort-indicator[b-b1hkrmth3c] {
    display: inline-flex;
    align-items: center;
}

.sort-indicator svg[b-b1hkrmth3c] {
    width: 0.8rem;
    height: 0.8rem;
}

.sort-indicator .sort-up[b-b1hkrmth3c],
.sort-indicator .sort-down[b-b1hkrmth3c] {
    opacity: 0.25;
}

.sort-button.sort-asc .sort-up[b-b1hkrmth3c] {
    opacity: 0.9;
}

.sort-button.sort-desc .sort-down[b-b1hkrmth3c] {
    opacity: 0.9;
}

.closed-period-name[b-b1hkrmth3c] {
    font-weight: 600;
    color: var(--text, #0f172a);
}

.closed-processed[b-b1hkrmth3c] {
    display: grid;
    gap: 0.3rem;
}

.closed-processed-count[b-b1hkrmth3c] {
    font-weight: 600;
    color: var(--text, #1e293b);
}

.closed-processed-bar[b-b1hkrmth3c] {
    height: 6px;
    border-radius: 999px;
    background: var(--border-muted, #e2e8f0);
    overflow: hidden;
}

.closed-processed-bar span[b-b1hkrmth3c] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #0f766e, #14b8a6);
}

.closed-accounted-status[b-b1hkrmth3c] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.closed-accounted-badge[b-b1hkrmth3c] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    width: fit-content;
}

.closed-accounted-badge.accounted[b-b1hkrmth3c] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid rgba(22, 101, 52, 0.25);
}

.closed-accounted-badge.unaccounted[b-b1hkrmth3c] {
    background: #ffedd5;
    color: #9a3412;
    border: 1px solid rgba(154, 52, 18, 0.25);
}

.closed-accounted-date[b-b1hkrmth3c] {
    font-size: 0.78rem;
    color: var(--text-secondary, #475569);
}

.closed-actions[b-b1hkrmth3c] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.closed-accounted-action[b-b1hkrmth3c] {
    font-size: 0.76rem;
    padding: 0.28rem 0.62rem;
}

.closed-action-icon[b-b1hkrmth3c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    border: 1px solid var(--border-muted, #dbe5ef);
    background: var(--surface-elevated, #fff);
    color: var(--text, #0f172a);
    text-decoration: none;
}

.closed-action-icon:hover[b-b1hkrmth3c] {
    background: color-mix(in srgb, var(--surface-elevated, #fff) 74%, #cbd5e1);
}

.closed-action-icon:focus-visible[b-b1hkrmth3c] {
    outline: 2px solid var(--accent, #0e9683);
    outline-offset: 2px;
}

.closed-empty[b-b1hkrmth3c] {
    text-align: center;
    color: var(--text-secondary, #94a3b8);
    padding: 1rem 0.5rem;
}

[data-theme='dark'] .closed-accounted-badge.accounted[b-b1hkrmth3c] {
    background: rgba(22, 101, 52, 0.25);
    color: rgba(187, 247, 208, 0.95);
    border-color: rgba(22, 101, 52, 0.45);
}

[data-theme='dark'] .closed-accounted-badge.unaccounted[b-b1hkrmth3c] {
    background: rgba(234, 88, 12, 0.2);
    color: rgba(254, 215, 170, 0.95);
    border-color: rgba(234, 88, 12, 0.35);
}

[data-theme='dark'] .closed-action-icon[b-b1hkrmth3c] {
    background: color-mix(in srgb, var(--surface-elevated, #0f172a) 86%, #334155);
    border-color: color-mix(in srgb, var(--border-muted, #475569) 85%, #1e293b);
    color: #e2e8f0;
}

[data-theme='dark'] .closed-action-icon:hover[b-b1hkrmth3c] {
    background: color-mix(in srgb, var(--surface-elevated, #0f172a) 76%, #475569);
}

@media (max-width: 760px) {
    .closed-list[b-b1hkrmth3c] {
        padding: 0.9rem;
    }

    .closed-actions[b-b1hkrmth3c] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .closed-periods-table[b-b1hkrmth3c] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        min-width: 760px;
    }
}
/* /Pages/Dashboard.razor.rz.scp.css */
.history-page[b-wad7gja4ku] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    width: 100%;
}

@media (min-width: 960px) {
    .history-page[b-wad7gja4ku] {
        flex-direction: row;
        align-items: flex-start;
    }
}

.history-list[b-wad7gja4ku] {
    flex: 0 0 320px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 16px 32px rgba(16, 24, 40, 0.08);
    padding: 1.6rem 1.4rem;
    position: sticky;
    top: 1.5rem;
}

.history-list header h1[b-wad7gja4ku] {
    margin: 0 0 1.2rem;
    font-size: 1.55rem;
    color: #393939;
}

.history-items[b-wad7gja4ku] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.history-item[b-wad7gja4ku] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-radius: 14px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
}

.history-item:hover[b-wad7gja4ku] {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(47, 128, 237, 0.18);
    border-color: rgba(47, 128, 237, 0.35);
}

.history-item.active[b-wad7gja4ku] {
    border-color: rgba(47, 128, 237, 0.45);
    background: linear-gradient(180deg, rgba(47, 128, 237, 0.12) 0%, rgba(47, 128, 237, 0.08) 100%);
    box-shadow: 0 18px 32px rgba(47, 128, 237, 0.18);
}

.history-item-info[b-wad7gja4ku] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.history-item-name[b-wad7gja4ku] {
    font-weight: 600;
    color: #393939;
}

.history-item-meta[b-wad7gja4ku] {
    font-size: 0.85rem;
    color: #475569;
}

.history-detail[b-wad7gja4ku] {
    flex: 1;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(16, 24, 40, 0.12);
    padding: 2rem;
    min-height: 360px;
}

.history-detail-header[b-wad7gja4ku] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.history-detail-header h2[b-wad7gja4ku] {
    margin: 0;
    font-size: 1.75rem;
    color: #393939;
}

.history-detail-header p[b-wad7gja4ku] {
    margin: 0.15rem 0 0;
    color: #475569;
}

.history-detail-meta[b-wad7gja4ku] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.history-detail-meta span[b-wad7gja4ku] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: #f0fbf6;
    color: #0b6448;
    font-weight: 600;
    font-size: 0.9rem;
}

.history-detail-actions[b-wad7gja4ku] {
    margin-bottom: 1.5rem;
}

.history-detail-actions .primary[b-wad7gja4ku] {
    padding: 0.65rem 1.4rem;
    border: none;
    border-radius: 999px;
    background: var(--accent);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 15px 30px rgba(81, 43, 212, 0.3);
}

.history-detail-actions .primary:disabled[b-wad7gja4ku] {
    opacity: 0.6;
    cursor: progress;
}

.history-deliveries[b-wad7gja4ku] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.history-deliveries h3[b-wad7gja4ku] {
    margin: 0;
    font-size: 1.2rem;
    color: #393939;
}

.history-deliveries table[b-wad7gja4ku] {
    width: 100%;
    border-collapse: collapse;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.08);
}

.history-deliveries th[b-wad7gja4ku],
.history-deliveries td[b-wad7gja4ku] {
    padding: 0.8rem;
    border-bottom: 1px solid #eceff4;
    font-size: 0.9rem;
    text-align: left;
}

.history-deliveries th[b-wad7gja4ku] {
    background: #F0F6FF;
    color: #1E3A8A;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.78rem;
}

.history-deliveries tbody tr:last-child td[b-wad7gja4ku] {
    border-bottom: none;
}

/* Dark mode: table contrast */
[data-theme='dark'] .history-deliveries table[b-wad7gja4ku] { box-shadow: 0 10px 24px rgba(0,0,0,0.4); }
[data-theme='dark'] .history-deliveries th[b-wad7gja4ku] { background: #0F172A; color: #BFDBFE; }
[data-theme='dark'] .history-deliveries td[b-wad7gja4ku] { color: #E5E7EB; }
[data-theme='dark'] .history-deliveries th[b-wad7gja4ku],
[data-theme='dark'] .history-deliveries td[b-wad7gja4ku] { border-bottom: 1px solid #1F2A44; }

.history-deliveries-empty[b-wad7gja4ku],
.history-detail-empty p[b-wad7gja4ku] {
    color: #475569;
}

.history-empty-state[b-wad7gja4ku] {
    max-width: 780px;
    margin: 4rem auto;
    text-align: center;
    background: #fff;
    padding: 3rem 2rem;
    border-radius: 20px;
    box-shadow: 0 20px 45px rgba(16, 24, 40, 0.12);
}

.history-empty-state h1[b-wad7gja4ku] {
    margin-bottom: 0.75rem;
    font-size: 2rem;
    color: #393939;
}

.history-empty-state p[b-wad7gja4ku] {
    margin: 0;
    color: #475569;
    font-size: 1rem;
}

.history-detail-empty[b-wad7gja4ku] {
    text-align: center;
    padding: 3rem 1rem;
    color: #475569;
}

.history-detail-empty h2[b-wad7gja4ku] {
    margin-bottom: 0.5rem;
    color: #393939;
}




/* /Pages/EmailDetail.razor.rz.scp.css */
.email-detail[b-uuc0vdmdvs] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
}


.email-header[b-uuc0vdmdvs] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    background: #F0F6FF;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 8px 24px rgba(47, 128, 237, 0.12);
}

.email-header .badge[b-uuc0vdmdvs] {
    display: inline-block;
    background: #DBEAFE;
    color: var(--accent);
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.email-header dl[b-uuc0vdmdvs] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.5rem 1rem;
    margin: 0;
}

.email-header dt[b-uuc0vdmdvs] {
    font-weight: 600;
    color: #475569;
}

.email-header dd[b-uuc0vdmdvs] {
    margin: 0;
    color: #393939;
    word-break: break-word;
}

.email-actions[b-uuc0vdmdvs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.email-section[b-uuc0vdmdvs] {
    background: #fff;
    border-radius: 14px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}

.email-section h2[b-uuc0vdmdvs],
.email-section h3[b-uuc0vdmdvs] {
    margin-top: 0;
}

.email-body.text[b-uuc0vdmdvs] {
    white-space: pre-wrap;
    margin: 0;
    font-family: "Segoe UI", sans-serif;
    line-height: 1.6;
    color: #393939;
}

.email-body.html[b-uuc0vdmdvs] {
    border: 1px solid #CFE1FF;
    border-radius: 12px;
    padding: 1rem;
    background: #F8FBFF;
    overflow-x: auto;
}

.email-body.html .email-html[b-uuc0vdmdvs] {
    color: #393939;
    line-height: 1.6;
}

.email-links[b-uuc0vdmdvs] {
    list-style: disc;
    padding-left: 1.5rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.email-links a[b-uuc0vdmdvs] {
    word-break: break-all;
    color: var(--accent);
}

.email-attachments[b-uuc0vdmdvs] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.email-attachments li[b-uuc0vdmdvs] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid #CFE1FF;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    background: #F8FBFF;
}

.email-attachments.inline li[b-uuc0vdmdvs] {
    background: #F3F8FF;
}

/* Dark mode: email detail contrast */
[data-theme='dark'] .email-section[b-uuc0vdmdvs] { background: #0F172A; box-shadow: 0 6px 18px rgba(0,0,0,0.5); }
[data-theme='dark'] .email-body.html[b-uuc0vdmdvs] { border-color: #1F2A44; background: #0B1220; }
[data-theme='dark'] .email-body.html .email-html[b-uuc0vdmdvs] { color: #E5E7EB; }
[data-theme='dark'] .email-links a[b-uuc0vdmdvs] { color: #93C5FD; }
[data-theme='dark'] .email-attachments li[b-uuc0vdmdvs] { border-color: #1F2A44; background: #0F172A; }
[data-theme='dark'] .email-attachments.inline li[b-uuc0vdmdvs] { background: #0B1220; }
[data-theme='dark'] .attachment-info .blocked[b-uuc0vdmdvs] { color: #f59e0b; }

.attachment-info[b-uuc0vdmdvs] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.attachment-info .name[b-uuc0vdmdvs] {
    font-weight: 600;
    color: #393939;
}

.attachment-info .meta[b-uuc0vdmdvs] {
    color: #62627b;
    font-size: 0.875rem;
}

.attachment-info .blocked[b-uuc0vdmdvs] {
    color: #b45309;
    font-weight: 600;
}

.attachment-info .blocked-reason[b-uuc0vdmdvs] {
    color: #6f6f86;
}

.attachment-actions[b-uuc0vdmdvs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.muted[b-uuc0vdmdvs] {
    color: #6f6f86;
}

.alert.error[b-uuc0vdmdvs] {
    padding: 0.75rem 1rem;
    border-radius: 10px;
    background: #fdecee;
    color: #842029;
}


.account-banner[b-uuc0vdmdvs] {
    border: 1px solid #d5d5f5;
    background: #f5f4ff;
    border-radius: 12px;
    padding: 1.25rem;
    margin: 0 auto;
    margin-bottom: 1.5rem;
    max-width: 960px;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.account-actions[b-uuc0vdmdvs] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-end;
}

.account-actions .link[b-uuc0vdmdvs] {
    background: none;
    border: none;
    color: #3a2c8b;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}




/* /Pages/Index.razor.rz.scp.css */
.home-hero[b-i7bkm1nou6] {
    background: linear-gradient(135deg, var(--brand-start) 0%, var(--brand-end) 70%);
    color: #fff;
    padding: 6rem 1.5rem 4rem;
    text-align: center;
}

.home-hero-inner[b-i7bkm1nou6] {
    max-width: 980px;
    margin: 0 auto;
}

.home-hero h1[b-i7bkm1nou6] {
    font-size: 3rem;
    margin: 0 0 0.75rem 0;
}

.home-brand[b-i7bkm1nou6] {
    display: flex;
    justify-content: center;
}

.home-brand .brand-prefix[b-i7bkm1nou6] {
    color: rgba(255, 255, 255, 0.85);
}

.home-brand .brand-suffix[b-i7bkm1nou6] {
    color: #bbf7d0;
}

.home-hero .lead[b-i7bkm1nou6] {
    font-size: 1.25rem;
    opacity: 0.95;
}

.home-actions[b-i7bkm1nou6] {
    margin-top: 1.5rem;
}

.home-actions .btn.primary[b-i7bkm1nou6] {
    background-color: var(--accent);
    color: #fff;
    padding: 0.8rem 1.4rem;
    border-radius: 10px;
    display: inline-block;
}

.home-actions .btn.primary:hover[b-i7bkm1nou6] { background-color: var(--bs-link-hover-color); }

.home-features[b-i7bkm1nou6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    padding: 2rem 1.5rem 3rem;
    max-width: 1100px;
    margin: -2rem auto 0 auto;
}

.feature[b-i7bkm1nou6] {
    background: #fff;
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

/* Dark mode homepage tweaks */
[data-theme='dark'] .home-hero[b-i7bkm1nou6] { color: #E5E7EB; }
[data-theme='dark'] .home-hero .lead[b-i7bkm1nou6] { color: #E5E7EB; opacity: 0.9; }
[data-theme='dark'] .home-features .feature[b-i7bkm1nou6] { background: #0F172A; box-shadow: 0 10px 24px rgba(0,0,0,0.4); }
[data-theme='dark'] .home-faq details[b-i7bkm1nou6] { background: #0F172A; box-shadow: 0 8px 20px rgba(0,0,0,0.5); }
[data-theme='dark'] .home-footer[b-i7bkm1nou6] { background: #0B1220; border-top-color: rgba(255,255,255,0.08); }
[data-theme='dark'] .home-footer nav a[b-i7bkm1nou6] { color: #BFDBFE; }

.feature h3[b-i7bkm1nou6] {
    margin: 0 0 0.5rem 0;
}

.home-faq[b-i7bkm1nou6] {
    max-width: 900px;
    margin: 0 auto 2rem auto;
    padding: 0 1.5rem;
}

.home-faq h2[b-i7bkm1nou6] {
    text-align: center;
    margin-bottom: 1rem;
}

.home-faq details[b-i7bkm1nou6] {
    background: #fff;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    margin-bottom: 0.6rem;
}

.home-faq summary[b-i7bkm1nou6] {
    cursor: pointer;
    font-weight: 600;
}

.home-footer[b-i7bkm1nou6] {
    border-top: 1px solid rgba(0,0,0,0.08);
    padding: 1rem 1.5rem 2rem;
    background: #fafbfe;
}

.home-footer .footer-inner[b-i7bkm1nou6] {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.home-footer nav a[b-i7bkm1nou6] {
    color: #334;
    text-decoration: none;
    margin-left: 0.75rem;
}

.home-footer .footer-brand .brand-prefix[b-i7bkm1nou6] {
    color: #0f172a;
}

.home-footer .footer-brand .brand-suffix[b-i7bkm1nou6] {
    color: var(--accent);
}

.home-footer nav a:hover[b-i7bkm1nou6] {
    text-decoration: underline;
}

@media (max-width: 640px) {
    .home-hero[b-i7bkm1nou6] {
        padding: 4rem 1rem 3rem;
    }
    .home-hero h1[b-i7bkm1nou6] {
        font-size: 2.2rem;
    }
    .home-hero .lead[b-i7bkm1nou6] {
        font-size: 1.05rem;
    }
}

/* /Pages/Login.razor.rz.scp.css */
.login-page[b-nh46afkibx] {
    width: min(68vw, 1100px);
    margin: 3rem auto;
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(280px, 2fr);
    border-radius: 32px;
    background: #ffffff;
    box-shadow: 0 40px 80px rgba(15, 23, 42, 0.25);
    overflow: hidden;
}

.login-form[b-nh46afkibx] {
    background: #ffffff;
    padding: clamp(2rem, 4vw, 4rem);
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-card[b-nh46afkibx] {
    width: min(440px, 100%);
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.auth-headline[b-nh46afkibx] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.login-brand[b-nh46afkibx] {
    text-transform: none;
    letter-spacing: 0.18em;
    font-size: 0.85rem;
    color: #94a3b8;
}

.login-brand .brand-prefix[b-nh46afkibx] {
    color: inherit;
}

.login-brand .brand-suffix[b-nh46afkibx] {
    color: inherit;
}

.auth-headline h2[b-nh46afkibx] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.3rem);
    color: #0f172a;
}

.mfa-header[b-nh46afkibx] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.mfa-header h3[b-nh46afkibx] {
    margin: 0;
    font-size: 1.25rem;
    color: #0f172a;
}

.mfa-header .page-lead[b-nh46afkibx] {
    margin: 0;
    color: #475569;
}

.auth-tabs[b-nh46afkibx] {
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
}

.mfa-tabs[b-nh46afkibx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.mfa-tabs button[b-nh46afkibx] {
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    border: 1px solid #cfe1ff;
    background: #f1f5ff;
    color: #1e3a8a;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.mfa-tabs button.active[b-nh46afkibx] {
    background: var(--accent);
    color: #fff;
    border-color: transparent;
    font-weight: 600;
}

.auth-tabs button[b-nh46afkibx] {
    flex: 1;
    padding: 0.6rem 0.95rem;
    border-radius: 999px;
    border: 1px solid #cfe1ff;
    background: #e8f1ff;
    color: #1e3a8a;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.auth-tabs button.active[b-nh46afkibx] {
    background: var(--accent);
    color: #fff;
    border-color: transparent;
    font-weight: 600;
}

.login-hero[b-nh46afkibx] {
    background: linear-gradient(135deg, #0e2a47, #2f80ed);
    color: #f1f5f9;
    padding: clamp(2rem, 4vw, 4rem);
    display: flex;
    align-items: center;
}

.login-hero-content[b-nh46afkibx] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.login-hero-badge[b-nh46afkibx] {
    text-transform: uppercase;
    letter-spacing: 0.24em;
    font-size: 0.75rem;
    color: rgba(241, 245, 249, 0.75);
}

.login-hero-badge .brand-prefix[b-nh46afkibx] {
    color: inherit;
}

.login-hero-badge .brand-suffix[b-nh46afkibx] {
    color: #bef264;
}

.login-hero-content h2[b-nh46afkibx] {
    margin: 0;
    font-size: clamp(1.9rem, 3vw, 2.4rem);
    line-height: 1.2;
}

.login-hero-content p[b-nh46afkibx] {
    margin: 0;
    color: rgba(241, 245, 249, 0.85);
    font-size: 1rem;
}

.brand-wordmark[b-nh46afkibx] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.brand-wordmark img[b-nh46afkibx] {
    max-height: 32px;
}

.brand-wordmark-dark[b-nh46afkibx] {
    display: none;
}

[data-theme='dark'] .brand-wordmark-light[b-nh46afkibx] {
    display: none;
}

[data-theme='dark'] .brand-wordmark-dark[b-nh46afkibx] {
    display: block;
}

.login-hero-features[b-nh46afkibx] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.login-hero-features li[b-nh46afkibx] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.95rem;
}

.feature-icon[b-nh46afkibx] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
}

@media (max-width: 1024px) {
    .login-page[b-nh46afkibx] {
        width: min(92vw, 1100px);
        grid-template-columns: 1fr;
    }

    .login-hero[b-nh46afkibx] {
        order: -1;
    }
}

@media (max-width: 640px) {
    .login-form[b-nh46afkibx] {
        padding: 2rem;
    }

    .auth-tabs[b-nh46afkibx] {
        flex-direction: column;
    }
}

.form-field[b-nh46afkibx] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-field label[b-nh46afkibx] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #37304a;
}

.input[b-nh46afkibx] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.forgot-wrapper[b-nh46afkibx] {
    display: flex;
    justify-content: flex-end;
}

.forgot-wrapper .link[b-nh46afkibx] {
    font-size: 0.85rem;
}

.primary[b-nh46afkibx] {
    background-color: var(--accent);
    color: white;
    border: none;
    padding: 0.75rem;
    border-radius: 8px;
    cursor: pointer;
}

.primary[disabled][b-nh46afkibx] {
    opacity: 0.7;
    cursor: progress;
}

.secondary[b-nh46afkibx] {
    background-color: #e8f1ff;
    color: #1e3a8a;
    border: 1px solid #cfe1ff;
    padding: 0.75rem;
    border-radius: 8px;
    cursor: pointer;
}

.link[b-nh46afkibx] {
    background: none;
    border: none;
    color: var(--accent);
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
}

.error[b-nh46afkibx] {
    color: #cc0000;
    margin: 0;
}

.success[b-nh46afkibx] {
    color: #1d7b3a;
    margin-top: 0.5rem;
}

.hint[b-nh46afkibx] {
    background: #e8f1ff;
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.hint.inline[b-nh46afkibx] {
    background: #f1f5f9;
    color: #475569;
    padding: 0.6rem 0.8rem;
}

.hint.upgrade[b-nh46afkibx] {
    background: #fff7ed;
}

.mfa-remember[b-nh46afkibx] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.9rem;
    color: #1f2937;
}

.mfa-actions[b-nh46afkibx] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
}

.success-card[b-nh46afkibx] {
    border: 1px solid #cfe1ff;
    background: #f0f6ff;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.qr-login-card[b-nh46afkibx] {
    border: 1px solid #cfe1ff;
    background: #f8fbff;
    border-radius: 16px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.qr-status-row[b-nh46afkibx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.qr-image[b-nh46afkibx] {
    display: flex;
    justify-content: center;
}

.qr-image svg[b-nh46afkibx] {
    width: 100%;
    max-width: min(360px, 88vw);
    height: auto;
}

.qr-placeholder[b-nh46afkibx] {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    padding: 2.5rem 1rem;
    text-align: center;
    color: #475569;
    background: #fff;
}

.qr-actions button[b-nh46afkibx] {
    width: 100%;
}

.qr-login .hint[b-nh46afkibx] {
    margin: 0;
}

.mfa-modal-backdrop[b-nh46afkibx] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 40;
}

.mfa-modal[b-nh46afkibx] {
    width: min(480px, 92vw);
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(15, 23, 42, 0.25);
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mfa-modal-header[b-nh46afkibx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.mfa-modal-title-wrap[b-nh46afkibx] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.mfa-modal-kicker[b-nh46afkibx] {
    margin: 0;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #64748b;
}

.mfa-modal-header h3[b-nh46afkibx] {
    margin: 0;
    font-size: 1.3rem;
    color: #0f172a;
}

.mfa-modal-lead[b-nh46afkibx] {
    margin: 0;
    color: #475569;
}

.mfa-modal .icon-button.close[b-nh46afkibx] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: #f1f5f9;
    color: #1f2937;
    font-size: 1.2rem;
    cursor: pointer;
}

.mfa-modal .icon-button.close:hover[b-nh46afkibx] {
    background: #e2e8f0;
}

.mfa-info[b-nh46afkibx] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    color: #475569;
}

.info-button[b-nh46afkibx] {
    width: 24px;
    height: 24px;
    border: 1px solid #d9d8ef;
    border-radius: 50%;
    background: #f4f3ff;
    color: #4a4a61;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    padding: 0;
}

.info-button[b-nh46afkibx]::before {
    content: "i";
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1;
}

.info-button:hover[b-nh46afkibx] {
    background: #edeafe;
}

.info-button:focus-visible[b-nh46afkibx] {
    outline: 2px solid #512bd4;
    outline-offset: 2px;
}

.otp-input[b-nh46afkibx] {
    position: relative;
    display: grid;
    align-items: center;
}

.otp-input-field[b-nh46afkibx] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    color: transparent;
    caret-color: transparent;
    opacity: 0;
}

.otp-boxes[b-nh46afkibx] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.6rem;
}

.otp-box[b-nh46afkibx] {
    height: 56px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 600;
    color: #0f172a;
}

.otp-box.active[b-nh46afkibx] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(46, 125, 173, 0.2);
    background: #ffffff;
}

.otp-box.filled[b-nh46afkibx] {
    background: #ffffff;
}

.mfa-recovery-input[b-nh46afkibx] {
    font-size: 1.1rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mfa-modal-actions[b-nh46afkibx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 520px) {
    .mfa-modal[b-nh46afkibx] {
        padding: 1.25rem;
    }

    .otp-box[b-nh46afkibx] {
        height: 48px;
        font-size: 1.2rem;
    }
}
/* /Pages/Mailbox.razor.rz.scp.css */
.settings-page[b-og5tf3wj9g] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.settings-card[b-og5tf3wj9g] {
    background: var(--bg-surface);
    border: 1px solid var(--border-muted);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: var(--shadow-card);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.settings-card-header[b-og5tf3wj9g] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.settings-card-header h2[b-og5tf3wj9g] {
    margin: 0;
    font-size: 1.3rem;
}

.settings-card-header p[b-og5tf3wj9g],
.section-description[b-og5tf3wj9g] {
    margin: 0;
    color: var(--text-secondary);
}

.settings-card-header-row[b-og5tf3wj9g] {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.settings-field[b-og5tf3wj9g] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.settings-field label[b-og5tf3wj9g] {
    font-weight: 600;
    color: var(--text-primary);
}

.settings-field input[b-og5tf3wj9g],
.alias-input[b-og5tf3wj9g] {
    width: 100%;
    padding: 0.65rem 0.8rem;
    border-radius: 8px;
    border: 1px solid var(--border-input);
    font: inherit;
    background: var(--bg-input);
    color: var(--text-primary);
}

.settings-field input:focus-visible[b-og5tf3wj9g],
.alias-input:focus-visible[b-og5tf3wj9g] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.settings-field input:disabled[b-og5tf3wj9g],
.alias-input:disabled[b-og5tf3wj9g] {
    opacity: 0.7;
    cursor: not-allowed;
}

.field-hint[b-og5tf3wj9g] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.error[b-og5tf3wj9g] {
    color: var(--danger);
    margin: 0;
}

.warning[b-og5tf3wj9g] {
    padding: 0.75rem 1rem;
    border-radius: 10px;
    background: var(--state-warning-bg);
    color: var(--state-warning-fg);
}

.primary-address[b-og5tf3wj9g] {
    font-family: "Courier New", Courier, monospace;
    font-size: 1.05rem;
    margin: 0;
    padding: 0.55rem 0.75rem;
    border-radius: 10px;
    border: 1px dashed var(--border-muted);
    background: var(--bg-surface-muted);
    color: var(--text-primary);
}

.alias-form-grid[b-og5tf3wj9g],
.whitelist-form-grid[b-og5tf3wj9g] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.actions[b-og5tf3wj9g] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

.alias-submit-actions[b-og5tf3wj9g] {
    flex-wrap: wrap;
}

.availability[b-og5tf3wj9g] {
    margin: 0;
    font-size: 0.9rem;
}

.availability.ok[b-og5tf3wj9g] {
    color: var(--success);
}

.availability.bad[b-og5tf3wj9g] {
    color: var(--state-warning-fg);
}

.alias-suggestions[b-og5tf3wj9g] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.suggestion-chips[b-og5tf3wj9g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.suggestion-chip[b-og5tf3wj9g] {
    border: 1px solid var(--border-muted);
    background: var(--bg-surface-muted);
    border-radius: 999px;
    padding: 0.35rem 0.65rem;
    cursor: pointer;
    font-weight: 600;
    color: var(--text-primary);
}

.suggestion-chip:hover[b-og5tf3wj9g] {
    background: var(--bg-surface-hover);
}

.suggestion-chip:disabled[b-og5tf3wj9g] {
    opacity: 0.65;
    cursor: not-allowed;
}

.item-list[b-og5tf3wj9g] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.item-list li[b-og5tf3wj9g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--border-muted);
    border-radius: 10px;
    background: var(--bg-surface-muted);
}

.item-main[b-og5tf3wj9g] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.item-main .address[b-og5tf3wj9g] {
    font-weight: 600;
    color: var(--text-primary);
}

.item-main .meta[b-og5tf3wj9g] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.badge[b-og5tf3wj9g] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.12rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    background: var(--bg-surface);
    border: 1px solid var(--border-muted);
    color: var(--text-secondary);
}

.badge-active[b-og5tf3wj9g] {
    background: var(--state-success-bg);
    color: var(--state-success-fg);
    border-color: var(--state-success-border);
}

.badge-deprecated[b-og5tf3wj9g] {
    background: var(--state-warning-bg);
    color: var(--state-warning-fg);
    border-color: var(--state-warning-border);
}

.badge-disabled[b-og5tf3wj9g] {
    background: var(--bg-surface);
    color: var(--text-muted);
}

.badge-plan-locked[b-og5tf3wj9g] {
    background: var(--state-danger-bg);
    color: var(--state-danger-fg);
    border-color: var(--state-danger-border);
}

.alias-actions[b-og5tf3wj9g] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.alias-plan-warning[b-og5tf3wj9g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.alias-plan-warning-text[b-og5tf3wj9g] {
    flex: 1;
}

.alias-plan-warning-cta[b-og5tf3wj9g] {
    white-space: nowrap;
}

.alias-help[b-og5tf3wj9g] {
    margin-top: 0.75rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--border-muted);
    border-radius: 10px;
    background: var(--bg-surface-muted);
}

.alias-help summary[b-og5tf3wj9g] {
    cursor: pointer;
    font-weight: 600;
    color: var(--text-primary);
}

.alias-help-body[b-og5tf3wj9g] {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.alias-help-list[b-og5tf3wj9g] {
    margin: 0;
    padding-left: 1.25rem;
}

.switch[b-og5tf3wj9g] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
}

.switch input[b-og5tf3wj9g] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-og5tf3wj9g] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: var(--border-muted);
    transition: 0.2s;
    border-radius: 26px;
}

.slider[b-og5tf3wj9g]:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background: #ffffff;
    transition: 0.2s;
    border-radius: 999px;
}

.switch input:checked + .slider[b-og5tf3wj9g] {
    background: var(--accent);
}

.switch input:checked + .slider[b-og5tf3wj9g]:before {
    transform: translateX(22px);
}

.icon[b-og5tf3wj9g] {
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--danger);
    font-size: 0;
    line-height: 0;
}

.icon[b-og5tf3wj9g]::before {
    content: "x";
    font-size: 16px;
    line-height: 1;
}

.icon:disabled[b-og5tf3wj9g] {
    opacity: 0.45;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .settings-card[b-og5tf3wj9g] {
        padding: 1rem;
    }

    .alias-form-grid[b-og5tf3wj9g],
    .whitelist-form-grid[b-og5tf3wj9g] {
        grid-template-columns: 1fr;
    }

    .actions[b-og5tf3wj9g] {
        justify-content: stretch;
    }

    .actions button[b-og5tf3wj9g] {
        width: 100%;
    }

    .item-list li[b-og5tf3wj9g] {
        flex-direction: column;
        align-items: flex-start;
    }

    .alias-actions[b-og5tf3wj9g] {
        width: 100%;
        justify-content: flex-start;
    }
}

[data-theme='dark'] .settings-field input[b-og5tf3wj9g],
[data-theme='dark'] .alias-input[b-og5tf3wj9g] {
    background: var(--bg-input, #1e293b);
    border-color: var(--border-input, #334155);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .settings-field input[b-og5tf3wj9g]::placeholder,
[data-theme='dark'] .alias-input[b-og5tf3wj9g]::placeholder {
    color: var(--text-muted, #94a3b8);
}

[data-theme='dark'] .alias-help[b-og5tf3wj9g] {
    background: var(--bg-surface-muted, #111c2f);
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .alias-help summary[b-og5tf3wj9g],
[data-theme='dark'] .alias-help-body[b-og5tf3wj9g],
[data-theme='dark'] .alias-help-list[b-og5tf3wj9g] {
    color: var(--text-primary, #e2e8f0);
}
/* /Pages/Members.razor.rz.scp.css */
.settings-page[b-5faky846jy] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.settings-card[b-5faky846jy] {
    background: var(--bg-surface);
    border: 1px solid var(--border-muted);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: var(--shadow-card);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.settings-card-header[b-5faky846jy] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.settings-card-header h2[b-5faky846jy] {
    margin: 0;
    font-size: 1.3rem;
}

.settings-card-header p[b-5faky846jy] {
    margin: 0;
    color: var(--text-secondary);
}

.alert[b-5faky846jy] {
    padding: 0.75rem 1rem;
    border-radius: 10px;
}

.alert.info[b-5faky846jy] {
    background: var(--state-info-bg);
    color: var(--state-info-fg);
}

.alert.error[b-5faky846jy] {
    background: var(--state-danger-bg);
    color: var(--state-danger-fg);
}

.alert.warning[b-5faky846jy] {
    background: var(--state-warning-bg);
    color: var(--state-warning-fg);
}

.invite-form-grid[b-5faky846jy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.settings-field[b-5faky846jy] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.settings-field label[b-5faky846jy] {
    font-weight: 600;
    color: var(--text-primary);
}

.settings-field input[type="email"][b-5faky846jy],
.settings-field select[b-5faky846jy],
.member-role-select[b-5faky846jy] {
    width: 100%;
    padding: 0.65rem 0.8rem;
    border-radius: 8px;
    border: 1px solid var(--border-input);
    font: inherit;
    background: var(--bg-input);
    color: var(--text-primary);
}

.settings-field input:focus-visible[b-5faky846jy],
.settings-field select:focus-visible[b-5faky846jy],
.member-role-select:focus-visible[b-5faky846jy] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.settings-field input:disabled[b-5faky846jy],
.settings-field select:disabled[b-5faky846jy],
.member-role-select:disabled[b-5faky846jy] {
    opacity: 0.7;
    cursor: not-allowed;
}

.validation-message[b-5faky846jy] {
    font-size: 0.85rem;
    color: var(--danger);
}

.field-hint[b-5faky846jy] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.actions[b-5faky846jy] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

.members-table-shell[b-5faky846jy] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.members-table-wrap[b-5faky846jy] {
    overflow-x: auto;
}

.members-table[b-5faky846jy] {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.members-table th[b-5faky846jy],
.members-table td[b-5faky846jy] {
    padding: 0.7rem 0.5rem;
    border-bottom: 1px solid var(--border-muted);
    text-align: left;
    vertical-align: middle;
}

.members-table th[b-5faky846jy] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    font-weight: 700;
}

.members-table tbody tr:hover[b-5faky846jy] {
    background: var(--bg-surface-hover);
}

.actions-cell[b-5faky846jy] {
    text-align: right;
    white-space: nowrap;
}

.member-info[b-5faky846jy] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.member-avatar[b-5faky846jy] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    object-fit: cover;
    background: var(--bg-surface-muted);
    border: 1px solid var(--border-subtle);
}

.member-name[b-5faky846jy] {
    font-weight: 600;
    color: var(--text-primary);
}

.tag[b-5faky846jy] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 0.75rem;
    padding: 0.12rem 0.5rem;
}

.tag.inactive[b-5faky846jy] {
    background: var(--bg-surface-muted);
    color: var(--text-muted);
    border: 1px solid var(--border-muted);
}

.invite-actions[b-5faky846jy] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

tr.inactive[b-5faky846jy] {
    opacity: 0.7;
}

.members-pagination[b-5faky846jy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
    color: var(--text-secondary);
}

.members-pagination span[b-5faky846jy] {
    font-size: 0.9rem;
}

@media (max-width: 900px) {
    .members-table[b-5faky846jy] {
        min-width: 680px;
    }
}

@media (max-width: 640px) {
    .settings-card[b-5faky846jy] {
        padding: 1rem;
    }

    .invite-form-grid[b-5faky846jy] {
        grid-template-columns: 1fr;
    }

    .actions[b-5faky846jy] {
        justify-content: stretch;
    }

    .actions button[b-5faky846jy] {
        width: 100%;
    }
}
/* /Pages/Notifications.razor.rz.scp.css */
.notifications-page[b-mmd4p726vb] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.notifications-card[b-mmd4p726vb] {
    padding: 1.5rem;
}

.notifications-skeleton .skeleton-row[b-mmd4p726vb] {
    height: 3.5rem;
    border-radius: 0.75rem;
    background: linear-gradient(90deg, rgba(226,232,240,0.6), rgba(203,213,225,0.6));
    margin-bottom: 0.75rem;
    animation: pulse-b-mmd4p726vb 1.2s ease-in-out infinite;
}

.notifications-list[b-mmd4p726vb] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.notification-row[b-mmd4p726vb] {
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 1rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.notification-row.unread[b-mmd4p726vb] {
    border-color: var(--primary-color, #2563eb);
}

.notification-row.just-read[b-mmd4p726vb] {
    border-color: var(--primary-color, #2563eb);
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
    background-color: #f8fbff;
}

.notification-row.highlight[b-mmd4p726vb] {
    box-shadow: 0 0 0 3px rgba(59,130,246,0.25);
}

.notification-row .row-main[b-mmd4p726vb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer;
}

.notification-row .row-title[b-mmd4p726vb] {
    font-weight: 600;
    font-size: 1.05rem;
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.notification-row .row-meta[b-mmd4p726vb] {
    font-size: 0.9rem;
    color: #64748b;
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.notification-row .row-body[b-mmd4p726vb] {
    margin: 0.5rem 0 0;
    color: #0f172a;
}

.notification-row .row-actions[b-mmd4p726vb] {
    margin-top: 0.75rem;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.notification-row .row-actions button[b-mmd4p726vb] {
    min-width: 8rem;
}

.notification-row .row-status[b-mmd4p726vb] {
    margin-top: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #0f172a;
    background: #f8fafc;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.notification-row .row-metadata[b-mmd4p726vb] {
    margin: 0.75rem 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.85rem;
    color: #475569;
}

.notification-row .row-metadata span[b-mmd4p726vb] {
    font-weight: 600;
}

.notification-row .dismiss-icon[b-mmd4p726vb] {
    border: none;
    background: transparent;
    color: #94a3b8;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}

.notification-row .dismiss-icon:hover[b-mmd4p726vb] {
    color: #0f172a;
}

.empty-state[b-mmd4p726vb] {
    text-align: center;
    padding: 2rem 1rem;
    color: #475569;
}

.empty-state h3[b-mmd4p726vb] {
    margin-bottom: 0.5rem;
}

@keyframes pulse-b-mmd4p726vb {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}
.severity-icon[b-mmd4p726vb] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e2e8f0;
    color: #0f172a;
}

.notification-row.severity-warning .severity-icon[b-mmd4p726vb] {
    background: #fef3c7;
    color: #b45309;
}

.notification-row.severity-danger .severity-icon[b-mmd4p726vb] {
    background: #fee2e2;
    color: #b91c1c;
}

.notification-row.severity-success .severity-icon[b-mmd4p726vb] {
    background: #dcfce7;
    color: #15803d;
}
/* /Pages/NotificationSettings.razor.rz.scp.css */
.notification-settings-page[b-54yn01zr5b] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.settings-card[b-54yn01zr5b] {
    background: var(--bg-surface);
    border-radius: 12px;
    padding: 1.5rem;
    border: 1px solid var(--border-muted);
    box-shadow: var(--shadow-card);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.settings-card-header[b-54yn01zr5b] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.settings-card-header h2[b-54yn01zr5b] {
    margin: 0;
    font-size: 1.35rem;
}

.settings-card-header p[b-54yn01zr5b] {
    margin: 0;
    color: var(--text-secondary);
}

.notification-preferences-grid[b-54yn01zr5b] {
    gap: 1rem;
}

.field-header[b-54yn01zr5b] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.notification-preferences[b-54yn01zr5b] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.notification-preferences-group[b-54yn01zr5b] {
    border: 1px solid var(--border-muted);
    border-radius: 14px;
    padding: 1rem;
    background: var(--bg-surface-muted);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.notification-group-header[b-54yn01zr5b] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.notification-group-header h3[b-54yn01zr5b] {
    margin: 0;
    font-size: 1rem;
    color: var(--text-primary);
}

.notification-event-row[b-54yn01zr5b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.85rem;
    border-radius: 10px;
    background: var(--bg-surface);
    border: 1px solid var(--border-muted);
}

.event-info[b-54yn01zr5b] {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.event-title[b-54yn01zr5b] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 600;
    color: var(--text-primary);
}

.event-channels[b-54yn01zr5b] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
}

.channel-toggle[b-54yn01zr5b] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.5rem;
    border-radius: 999px;
    background: var(--bg-surface-muted);
    border: 1px solid var(--border-muted);
}

.channel-toggle .toggle[b-54yn01zr5b] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-weight: 500;
    font-size: 0.85rem;
    color: var(--text-primary);
    white-space: nowrap;
}

.channel-toggle input[disabled] + span[b-54yn01zr5b] {
    opacity: 0.6;
}

.actions[b-54yn01zr5b] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

.status[b-54yn01zr5b] {
    margin-left: 0.75rem;
    font-weight: 500;
    color: var(--accent);
}

.success[b-54yn01zr5b] {
    color: var(--success);
}

.error[b-54yn01zr5b] {
    color: var(--danger);
}

@media (max-width: 768px) {
    .notification-event-row[b-54yn01zr5b] {
        flex-direction: column;
        align-items: flex-start;
    }

    .event-channels[b-54yn01zr5b] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Pages/Onboarding.razor.rz.scp.css */
.onboarding-overlay[b-xlcet48ozc] {
    position: fixed;
    inset: 0;
    z-index: 1230;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.onboarding-backdrop[b-xlcet48ozc] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
}

.onboarding-modal[b-xlcet48ozc] {
    position: relative;
    width: min(1160px, 100%);
    height: min(90vh, 860px);
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.3);
    box-shadow: 0 30px 80px rgba(2, 6, 23, 0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 1;
}

.onboarding-header[b-xlcet48ozc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem 2rem 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.onboarding-header-meta[b-xlcet48ozc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.onboarding-header-main[b-xlcet48ozc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-self: end;
    min-width: 0;
}

.onboarding-header-main h1[b-xlcet48ozc] {
    margin: 0;
    font-size: clamp(1.7rem, 1.6vw + 1rem, 2.4rem);
    color: #0f172a;
}

.onboarding-header .icon-button[b-xlcet48ozc] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    line-height: 1;
}

.onboarding-eyebrow[b-xlcet48ozc] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.7rem;
    font-weight: 600;
    color: #64748b;
}

.onboarding-subtitle[b-xlcet48ozc] {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
}

.onboarding-body[b-xlcet48ozc] {
    display: grid;
    grid-template-columns: minmax(220px, 0.35fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 1.5rem;
    padding: 1.5rem 2rem;
    flex: 1;
    min-height: 0;
    align-items: stretch;
    overflow: hidden;
}

.onboarding-state[b-xlcet48ozc] {
    padding: 2rem;
    text-align: center;
    color: #475569;
}

.onboarding-state.error[b-xlcet48ozc] {
    color: #b91c1c;
    font-weight: 600;
}

.onboarding-steps[b-xlcet48ozc] {
    background: #ffffff;
    border-radius: 18px;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.onboarding-steps ol[b-xlcet48ozc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.25rem;
    scrollbar-width: thin;
    scrollbar-gutter: stable;
}

.onboarding-steps li button[b-xlcet48ozc] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid transparent;
    background: transparent;
    padding: 0.45rem 0.6rem;
    border-radius: 12px;
    text-align: left;
    cursor: pointer;
    transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.onboarding-steps li.active button[b-xlcet48ozc] {
    padding: 0.6rem 0.7rem;
}

.onboarding-steps li button:focus-visible[b-xlcet48ozc] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.onboarding-steps li.active button[b-xlcet48ozc] {
    background: rgba(47, 128, 237, 0.12);
    border-color: rgba(47, 128, 237, 0.4);
    transform: translateY(-1px);
}

.onboarding-steps li.done button[b-xlcet48ozc] {
    background: rgba(16, 185, 129, 0.12);
    border-color: rgba(16, 185, 129, 0.35);
}

.onboarding-steps li.locked button[b-xlcet48ozc] {
    cursor: not-allowed;
    opacity: 0.55;
}

.step-index[b-xlcet48ozc] {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.8rem;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.35);
}

.onboarding-steps li.active .step-index[b-xlcet48ozc] {
    background: var(--accent);
    color: #ffffff;
    border-color: var(--accent);
}

.onboarding-steps li.done .step-index[b-xlcet48ozc] {
    background: #10b981;
    color: #ffffff;
    border-color: #10b981;
}

.step-label[b-xlcet48ozc] {
    font-weight: 600;
    color: #0f172a;
    font-size: 0.9rem;
}

.onboarding-steps li:not(.active) .step-label[b-xlcet48ozc] {
    font-weight: 500;
    color: #475569;
}

.onboarding-steps li:not(.active) .step-index[b-xlcet48ozc] {
    width: 26px;
    height: 26px;
    font-size: 0.75rem;
}

.onboarding-panel[b-xlcet48ozc] {
    background: #ffffff;
    border-radius: 22px;
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
    min-height: 0;
    height: 100%;
    overflow-y: auto;
}

.step-card[b-xlcet48ozc] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.step-card.welcome[b-xlcet48ozc] {
    gap: 1.5rem;
}

.lead[b-xlcet48ozc] {
    font-size: 1.05rem;
    margin: 0;
    color: #334155;
    line-height: 1.6;
}

.concept-card[b-xlcet48ozc],
.tip-card[b-xlcet48ozc] {
    border-radius: 16px;
    padding: 1rem 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.concept-card[b-xlcet48ozc] {
    background: linear-gradient(135deg, #f8fafc, #e2e8f0);
}

.concept-card h2[b-xlcet48ozc] {
    margin-top: 0;
    font-size: 1.1rem;
}

.tip-card[b-xlcet48ozc] {
    background: #ecfdf3;
    color: #166534;
    font-weight: 600;
}

.step-grid[b-xlcet48ozc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.25rem;
}

.card[b-xlcet48ozc] {
    background: #f8fafc;
    border-radius: 16px;
    padding: 1.1rem 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.card.compact[b-xlcet48ozc] {
    padding: 0.9rem 1rem;
}

.card-title[b-xlcet48ozc] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.section-description[b-xlcet48ozc] {
    margin: 0;
    color: #475569;
    font-size: 0.92rem;
}

.form-grid[b-xlcet48ozc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.form-field[b-xlcet48ozc] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-field.full-span[b-xlcet48ozc] {
    grid-column: 1 / -1;
}

.form-field input[b-xlcet48ozc],
.form-field select[b-xlcet48ozc] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.4);
    font-size: 0.95rem;
    background: #ffffff;
}

.form-field input:focus[b-xlcet48ozc],
.form-field select:focus[b-xlcet48ozc] {
    outline: 2px solid rgba(47, 128, 237, 0.25);
    border-color: var(--accent);
}

.field-hint[b-xlcet48ozc] {
    margin: 0;
    font-size: 0.85rem;
    color: #64748b;
}

.muted[b-xlcet48ozc] {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
}

.status[b-xlcet48ozc] {
    margin: 0;
    font-size: 0.9rem;
    color: #0f766e;
}

.error[b-xlcet48ozc] {
    margin: 0;
    color: #b91c1c;
    font-weight: 600;
}

.warning[b-xlcet48ozc] {
    margin: 0;
    background: #fff4d6;
    color: #92400e;
    padding: 0.6rem 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(249, 115, 22, 0.2);
}

.avatar-block[b-xlcet48ozc] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.avatar-preview[b-xlcet48ozc] {
    width: 96px;
    height: 96px;
    border-radius: 999px;
    overflow: hidden;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-preview img[b-xlcet48ozc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-fallback[b-xlcet48ozc] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1e293b;
}

.avatar-actions[b-xlcet48ozc] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.avatar-defaults[b-xlcet48ozc] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.avatar-grid[b-xlcet48ozc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(56px, 1fr));
    gap: 0.6rem;
}

.avatar-option[b-xlcet48ozc] {
    border: 2px solid transparent;
    border-radius: 12px;
    padding: 0.25rem;
    background: #ffffff;
    cursor: pointer;
}

.avatar-option.selected[b-xlcet48ozc] {
    border-color: var(--accent);
    box-shadow: 0 8px 20px rgba(47, 128, 237, 0.2);
}

.avatar-option img[b-xlcet48ozc] {
    width: 100%;
    border-radius: 8px;
}

.path-grid[b-xlcet48ozc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.path-card[b-xlcet48ozc],
.mode-card[b-xlcet48ozc],
.option-card[b-xlcet48ozc] {
    text-align: left;
    background: #f8fafc;
    border-radius: 18px;
    padding: 1.1rem 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.25);
    cursor: pointer;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.path-card.selected[b-xlcet48ozc],
.mode-card.selected[b-xlcet48ozc] {
    border-color: var(--accent);
    box-shadow: 0 16px 30px rgba(47, 128, 237, 0.18);
    transform: translateY(-2px);
    background: #ffffff;
}

.accountant-subject-grid[b-xlcet48ozc],
.accountant-mode-grid[b-xlcet48ozc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.option-card[b-xlcet48ozc] {
    cursor: default;
}

.subject-chip[b-xlcet48ozc] {
    display: inline-flex;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(47, 128, 237, 0.12);
    color: #1d4ed8;
    font-weight: 600;
}

.summary-card[b-xlcet48ozc] {
    border-radius: 14px;
    padding: 0.75rem 0.9rem;
    background: #ecfdf3;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.inline-actions[b-xlcet48ozc] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.inline-form[b-xlcet48ozc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
}

.primary-address[b-xlcet48ozc] {
    font-family: "Courier New", Courier, monospace;
    padding: 0.5rem 0.75rem;
    background: #eef2ff;
    border-radius: 10px;
    font-size: 1rem;
}

.alias-suggestions[b-xlcet48ozc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.suggestion-chips[b-xlcet48ozc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.suggestion-chip[b-xlcet48ozc] {
    border: 1px solid rgba(148, 163, 184, 0.4);
    background: #ffffff;
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    font-size: 0.85rem;
    cursor: pointer;
}

.item-list[b-xlcet48ozc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.item-list li[b-xlcet48ozc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 12px;
    background: #ffffff;
}

.badge[b-xlcet48ozc] {
    display: inline-flex;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #e2e8f0;
    font-size: 0.75rem;
    color: #334155;
}

.toggle-check[b-xlcet48ozc] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.toggle[b-xlcet48ozc] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 600;
}

.subject-form[b-xlcet48ozc] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.subject-form-header[b-xlcet48ozc] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.subject-actions[b-xlcet48ozc] {
    display: flex;
    justify-content: flex-end;
}

.entity-options[b-xlcet48ozc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.entity-option[b-xlcet48ozc] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: #ffffff;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 600;
}

.entity-option.selected[b-xlcet48ozc] {
    border-color: var(--accent);
    color: #1d4ed8;
    box-shadow: 0 8px 18px rgba(47, 128, 237, 0.18);
}

.identifier-lookup-row[b-xlcet48ozc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.6rem;
    align-items: center;
}

.link[b-xlcet48ozc] {
    border: none;
    background: transparent;
    color: var(--accent);
    font-weight: 600;
    cursor: pointer;
    padding: 0;
}

.icon[b-xlcet48ozc] {
    border: none;
    background: transparent;
    font-size: 1.25rem;
    cursor: pointer;
}

.icon.danger[b-xlcet48ozc] {
    color: #c53030;
    font-size: 0;
    line-height: 0;
}

.icon.danger[b-xlcet48ozc]::before {
    content: 'x';
    font-size: 16px;
    line-height: 1;
}

.icon:disabled[b-xlcet48ozc] {
    opacity: 0.4;
    cursor: not-allowed;
}

.summary-grid[b-xlcet48ozc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.review-links[b-xlcet48ozc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.onboarding-footer[b-xlcet48ozc] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 2rem 1.5rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    background: #ffffff;
}

.ghost[b-xlcet48ozc] {
    background: transparent;
    border: 1px solid rgba(148, 163, 184, 0.4);
    color: #475569;
    border-radius: 999px;
    padding: 0.4rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
}

@media (max-width: 960px) {
    .onboarding-overlay[b-xlcet48ozc] {
        padding: 0;
    }

    .onboarding-modal[b-xlcet48ozc] {
        height: 100vh;
        border-radius: 0;
    }

    .onboarding-header[b-xlcet48ozc],
    .onboarding-body[b-xlcet48ozc],
    .onboarding-footer[b-xlcet48ozc] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .onboarding-body[b-xlcet48ozc] {
        grid-template-columns: 1fr;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (max-width: 640px) {
    .onboarding-header[b-xlcet48ozc] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .onboarding-header-main[b-xlcet48ozc] {
        justify-content: space-between;
        width: 100%;
    }

    .onboarding-header-meta[b-xlcet48ozc] {
        order: 2;
    }
}

@media (max-width: 980px) {
    .onboarding-content[b-xlcet48ozc] {
        grid-template-columns: 1fr;
    }

    .onboarding-steps[b-xlcet48ozc] {
        position: static;
    }

    .onboarding-steps ol[b-xlcet48ozc] {
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .onboarding-steps li button[b-xlcet48ozc] {
        min-width: 140px;
    }
}

@media (max-width: 640px) {
    .onboarding-shell[b-xlcet48ozc] {
        margin: 1.5rem auto;
    }

    .onboarding-panel[b-xlcet48ozc] {
        padding: 1.2rem;
    }

    .step-index[b-xlcet48ozc] {
        width: 26px;
        height: 26px;
        font-size: 0.75rem;
    }
}
/* /Pages/Privacy.razor.rz.scp.css */
.privacy-card[b-q8kgaerxym] {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 16px;
    padding: 1.25rem 1.25rem;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

.privacy-card h2[b-q8kgaerxym] {
    margin: 0;
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    color: #0f172a;
}

.privacy-card p[b-q8kgaerxym] {
    margin: 0.6rem 0 0;
    line-height: 1.65;
    max-width: 85ch;
    color: #334155;
}

.privacy-list[b-q8kgaerxym] {
    margin: 0.6rem 0 0;
    padding-left: 1.35rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.privacy-list li[b-q8kgaerxym] {
    line-height: 1.65;
    color: #334155;
}

.privacy-list strong[b-q8kgaerxym] {
    color: #0f172a;
}

:root[data-theme='dark'] .privacy-card[b-q8kgaerxym] {
    background: rgba(15, 23, 42, 0.65);
    border-color: rgba(226, 232, 240, 0.18);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

:root[data-theme='dark'] .privacy-card h2[b-q8kgaerxym],
:root[data-theme='dark'] .privacy-list strong[b-q8kgaerxym] {
    color: var(--text);
}

:root[data-theme='dark'] .privacy-card p[b-q8kgaerxym],
:root[data-theme='dark'] .privacy-list li[b-q8kgaerxym] {
    color: rgba(226, 232, 240, 0.85);
}

/* /Pages/QrLogin.razor.rz.scp.css */
.qr-grid[b-u19las5f9i] {
    display: grid;
    grid-template-columns: minmax(260px, 440px) 1fr;
    gap: 24px;
    align-items: start;
}

.qr-panel[b-u19las5f9i] {
    background: var(--surface-elevated, #fff);
    border: 1px solid var(--border-default, #e5e7eb);
    border-radius: 16px;
    padding: 20px;
    box-shadow: var(--shadow-card, 0 10px 30px rgba(0, 0, 0, 0.06));
}

.qr-status-row[b-u19las5f9i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.pill[b-u19las5f9i] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    background: #eef2ff;
    color: #4338ca;
}

.pill.status-active[b-u19las5f9i] {
    background: #ecfdf3;
    color: #166534;
}

.pill.status-expired[b-u19las5f9i],
.pill.status-revoked[b-u19las5f9i],
.pill.status-used[b-u19las5f9i] {
    background: #fef2f2;
    color: #991b1b;
}

.time-remaining[b-u19las5f9i] {
    font-size: 0.95rem;
    color: var(--text-secondary, #374151);
    font-weight: 600;
}

.qr-image[b-u19las5f9i],
.qr-placeholder[b-u19las5f9i] {
    background: linear-gradient(145deg, #0b1220, #0f172a);
    border-radius: 14px;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: min(400px, 88vw);
    min-width: 220px;
    margin: 0 auto 14px auto;
    box-sizing: border-box;
}

.qr-image svg[b-u19las5f9i] {
    width: 100%;
    height: auto;
    max-width: min(360px, 86vw);
    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.2));
}

.qr-placeholder[b-u19las5f9i] {
    color: #cbd5e1;
    font-weight: 600;
    letter-spacing: 0.4px;
}

.qr-actions[b-u19las5f9i] {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
}

.qr-actions button[b-u19las5f9i] {
    flex: 1;
}

.token-chip[b-u19las5f9i] {
    background: var(--bg-surface-muted, #f1f5f9);
    border: 1px dashed var(--border-default, #cbd5e1);
    border-radius: 10px;
    padding: 10px 12px;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    color: var(--text-primary, #0f172a);
    word-break: break-all;
}

.token-chip label[b-u19las5f9i] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-secondary, #475569);
    margin-bottom: 4px;
    display: block;
}

.qr-info[b-u19las5f9i] {
    background: var(--bg-surface-muted, #f8fafc);
    border: 1px solid var(--border-default, #e2e8f0);
    border-radius: 16px;
    padding: 18px;
}

.qr-info h3[b-u19las5f9i] {
    margin-top: 0;
}

.qr-info ol[b-u19las5f9i] {
    margin: 12px 0;
    padding-left: 18px;
    color: var(--text-primary, #1f2937);
    line-height: 1.6;
}

.info-card[b-u19las5f9i] {
    margin-top: 12px;
    padding: 12px;
    border-radius: 12px;
    background: #0f172a;
    color: #e2e8f0;
}

.info-card h4[b-u19las5f9i] {
    margin: 0 0 8px 0;
}

.info-card ul[b-u19las5f9i] {
    margin: 0;
    padding-left: 18px;
    line-height: 1.6;
}

[data-theme='dark'] .pill[b-u19las5f9i] {
    background: rgba(129, 140, 248, 0.2);
    color: #c7d2fe;
}

[data-theme='dark'] .pill.status-active[b-u19las5f9i] {
    background: rgba(34, 197, 94, 0.2);
    color: #bbf7d0;
}

[data-theme='dark'] .pill.status-expired[b-u19las5f9i],
[data-theme='dark'] .pill.status-revoked[b-u19las5f9i],
[data-theme='dark'] .pill.status-used[b-u19las5f9i] {
    background: rgba(248, 113, 113, 0.22);
    color: #fecaca;
}

@media (max-width: 820px) {
    .qr-grid[b-u19las5f9i] {
        grid-template-columns: 1fr;
    }

    .qr-actions[b-u19las5f9i] {
        flex-direction: column;
    }

    .qr-panel[b-u19las5f9i],
    .qr-info[b-u19las5f9i] {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
}
/* /Pages/ReceiptPrint.razor.rz.scp.css */
.receipt-print-page[b-73aeulzvas] {
    padding: 2rem 1.5rem 4rem;
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.print-state[b-73aeulzvas] {
    padding: 3rem 1.5rem;
    text-align: center;
    color: #475569;
}

.print-state.error[b-73aeulzvas] {
    color: #b91c1c;
}

.print-error-actions[b-73aeulzvas] {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.print-header[b-73aeulzvas] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
    align-items: flex-start;
}

.print-header-main h1[b-73aeulzvas] {
    margin: 0.25rem 0 0.5rem;
    font-size: 2rem;
    color: #0f172a;
}

.print-label[b-73aeulzvas] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.7rem;
    color: #64748b;
}

.print-context[b-73aeulzvas] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    color: #475569;
    font-size: 0.95rem;
}

.print-context-label[b-73aeulzvas] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
    margin-right: 0.35rem;
}

.print-summary[b-73aeulzvas] {
    margin-top: 0.75rem;
    font-size: 0.9rem;
    color: #475569;
}

.print-toolbar[b-73aeulzvas] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.75rem;
}

.print-count[b-73aeulzvas] {
    font-weight: 600;
    color: #0f172a;
}

.print-progress[b-73aeulzvas] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #475569;
}

.print-progress-spinner[b-73aeulzvas] {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 2px solid #cbd5f5;
    border-top-color: #0f172a;
    animation: print-spin-b-73aeulzvas 0.9s linear infinite;
}

.print-progress-count[b-73aeulzvas] {
    font-weight: 600;
    color: #0f172a;
}

.print-list[b-73aeulzvas] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.print-receipt[b-73aeulzvas] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.print-receipt-header[b-73aeulzvas] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
    align-items: flex-start;
}

.print-receipt-header h2[b-73aeulzvas] {
    margin: 0;
    font-size: 1.2rem;
    color: #0f172a;
}

.print-receipt-meta[b-73aeulzvas] {
    margin: 0.35rem 0 0;
    font-size: 0.85rem;
    color: #64748b;
}

.print-receipt-status[b-73aeulzvas] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.status-chip[b-73aeulzvas] {
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    background: #f1f5f9;
    color: #0f172a;
}

.status-chip.processed[b-73aeulzvas] {
    background: #dcfce7;
    color: #166534;
}

.status-chip.unprocessed[b-73aeulzvas] {
    background: #fee2e2;
    color: #991b1b;
}

.status-chip.payment[b-73aeulzvas] {
    background: #e0f2fe;
    color: #075985;
}

.print-receipt-body[b-73aeulzvas] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.print-media[b-73aeulzvas] {
    display: flex;
    justify-content: center;
}

.print-media img[b-73aeulzvas],
.print-media canvas[b-73aeulzvas] {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    background: #f8fafc;
}

.print-image.is-hidden[b-73aeulzvas] {
    display: none;
}

.print-media.pdf canvas[b-73aeulzvas] {
    width: 100%;
}

.print-placeholder[b-73aeulzvas] {
    color: #64748b;
    font-size: 0.9rem;
}

.print-email[b-73aeulzvas] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.print-email-meta h3[b-73aeulzvas] {
    margin: 0 0 0.5rem;
    font-size: 1.1rem;
}

.print-email-meta dl[b-73aeulzvas] {
    margin: 0;
    display: grid;
    gap: 0.4rem 1rem;
    grid-template-columns: max-content 1fr;
    font-size: 0.85rem;
    color: #475569;
}

.print-email-meta dt[b-73aeulzvas] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.7rem;
    color: #94a3b8;
}

.print-email-meta dd[b-73aeulzvas] {
    margin: 0;
}

.print-email-body[b-73aeulzvas] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem;
    background: #f8fafc;
}

.print-email-body pre[b-73aeulzvas] {
    margin: 0;
    white-space: pre-wrap;
    font-family: inherit;
}

.print-email-body .email-body-html[b-73aeulzvas] {
    max-width: 100%;
}

.print-email-attachments[b-73aeulzvas] {
    border-top: 1px solid #e2e8f0;
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.print-email-attachments-header[b-73aeulzvas] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
}

.print-email-attachments-count[b-73aeulzvas] {
    font-weight: 600;
    color: #475569;
}

.print-email-attachment[b-73aeulzvas] {
    border-top: 1px dashed #e2e8f0;
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.print-email-attachment:first-child[b-73aeulzvas] {
    border-top: 0;
    padding-top: 0;
}

.print-attachment-header[b-73aeulzvas] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.print-attachment-name[b-73aeulzvas] {
    font-weight: 600;
    color: #0f172a;
}

.print-attachment-status[b-73aeulzvas] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: #fee2e2;
    color: #991b1b;
}

@media (max-width: 768px) {
    .receipt-print-page[b-73aeulzvas] {
        padding: 1.5rem 1rem 3rem;
    }

    .print-toolbar[b-73aeulzvas] {
        align-items: flex-start;
    }

    .print-email-meta dl[b-73aeulzvas] {
        grid-template-columns: 1fr;
    }
}

@media print {
    .receipt-print-page[b-73aeulzvas] {
        max-width: none;
        padding: 0;
    }

    .print-toolbar[b-73aeulzvas] {
        display: none;
    }

    .print-receipt[b-73aeulzvas] {
        box-shadow: none;
        border-radius: 0;
        page-break-after: always;
        break-inside: avoid;
    }

    .print-receipt:last-child[b-73aeulzvas] {
        page-break-after: auto;
    }

    .print-email-body[b-73aeulzvas] {
        border: none;
        padding: 0;
        background: transparent;
    }
}

@keyframes print-spin-b-73aeulzvas {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/Receipts.razor.rz.scp.css */
.receipts-page[b-1e71yfqlbt] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.accountant-note[b-1e71yfqlbt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    border: 1px solid rgba(16, 185, 129, 0.2);
    background: rgba(236, 253, 245, 0.8);
    color: #064e3b;
    box-shadow: 0 12px 24px rgba(15, 118, 110, 0.08);
}

.accountant-note h2[b-1e71yfqlbt] {
    margin: 0;
    font-size: 1.05rem;
}

.accountant-note p[b-1e71yfqlbt] {
    margin: 0.35rem 0 0;
    color: #475569;
    max-width: 52ch;
}

.accountant-note-actions[b-1e71yfqlbt] {
    display: flex;
    align-items: center;
}

.accountant-restricted[b-1e71yfqlbt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.1rem 1.35rem;
    border-radius: 14px;
    border: 1px solid rgba(251, 146, 60, 0.25);
    background: linear-gradient(130deg, rgba(255, 237, 213, 0.9), rgba(255, 251, 235, 0.9));
    color: #7c2d12;
    box-shadow: 0 12px 24px rgba(124, 45, 18, 0.08);
}

.accountant-restricted h2[b-1e71yfqlbt] {
    margin: 0;
    font-size: 1.05rem;
}

.accountant-restricted p[b-1e71yfqlbt] {
    margin: 0.35rem 0 0;
    color: #92400e;
    max-width: 52ch;
}

.accountant-restricted-count[b-1e71yfqlbt] {
    font-weight: 600;
    color: #7c2d12;
}

.accountant-restricted-actions[b-1e71yfqlbt] {
    display: flex;
    align-items: center;
}

[data-theme='dark'] .accountant-note[b-1e71yfqlbt] {
    background: rgba(16, 185, 129, 0.12);
    color: #d1fae5;
    border-color: rgba(16, 185, 129, 0.35);
}

[data-theme='dark'] .accountant-note p[b-1e71yfqlbt] {
    color: #94a3b8;
}

[data-theme='dark'] .accountant-restricted[b-1e71yfqlbt] {
    background: rgba(124, 45, 18, 0.2);
    color: rgba(254, 215, 170, 0.95);
    border-color: rgba(251, 146, 60, 0.35);
}

[data-theme='dark'] .accountant-restricted p[b-1e71yfqlbt] {
    color: rgba(254, 215, 170, 0.85);
}

[data-theme='dark'] .receipt-reminder-state[b-1e71yfqlbt] {
    background: rgba(34, 211, 238, 0.12);
    border-color: rgba(34, 211, 238, 0.35);
    color: #e2e8f0;
}

[data-theme='dark'] .receipt-reminder-state .link[b-1e71yfqlbt] {
    color: #22d3ee;
}

.receipts-drop-overlay[b-1e71yfqlbt] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8, 24, 23, 0.55);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

.receipts-drop-message[b-1e71yfqlbt] {
    max-width: 520px;
    line-height: 1.4;
    background: rgba(255, 255, 255, 0.96);
    border-radius: 20px;
    padding: 1.75rem 2.25rem;
    border: 2px dashed rgba(14, 150, 131, 0.5);
    box-shadow: 0 25px 60px rgba(3, 28, 26, 0.25);
    text-align: center;
    color: #052825;
    animation: receipts-drop-pop-b-1e71yfqlbt 0.22s ease;
}

@keyframes receipts-drop-pop-b-1e71yfqlbt {
    from {
        transform: scale(0.97);
    }
    to {
        transform: scale(1);
    }
}

.receipts-drop-title[b-1e71yfqlbt] {
    margin: 0 0 0.35rem;
    font-size: 1.15rem;
}

.receipts-drop-subtitle[b-1e71yfqlbt] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 500;
    color: rgba(5, 69, 61, 0.8);
}

.receipts-drop-overlay.visible[b-1e71yfqlbt] {
    opacity: 1;
    visibility: visible;
}

.receipts-drop-dismiss[b-1e71yfqlbt] {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 64, 58, 0.2);
    background: rgba(255, 255, 255, 0.92);
    color: #063532;
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 18px 40px rgba(3, 28, 26, 0.25);
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 1000;
    backdrop-filter: blur(4px);
}

.receipts-drop-dismiss svg[b-1e71yfqlbt] {
    width: 14px;
    height: 14px;
}

.receipts-drop-dismiss.visible[b-1e71yfqlbt] {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.receipts-drop-dismiss:focus-visible[b-1e71yfqlbt] {
    outline: 2px solid rgba(12, 122, 108, 0.8);
    outline-offset: 3px;
}

.upload-modal-backdrop[b-1e71yfqlbt] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(4, 24, 22, 0.6);
    backdrop-filter: blur(4px);
    z-index: 1100;
}

.upload-modal[b-1e71yfqlbt] {
    width: min(960px, 100%);
    max-height: 90vh;
    overflow: auto;
    background: #f8fbfa;
    border-radius: 18px;
    box-shadow: 0 24px 80px rgba(2, 24, 20, 0.35);
    border: 1px solid rgba(12, 122, 108, 0.12);
    padding: 1.25rem 1.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.upload-modal-header[b-1e71yfqlbt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.upload-modal-titles[b-1e71yfqlbt] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.upload-modal-label[b-1e71yfqlbt] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.78rem;
    color: rgba(6, 53, 50, 0.7);
}

.upload-modal-titles h2[b-1e71yfqlbt] {
    margin: 0;
    font-size: 1.6rem;
    color: #063532;
}

.upload-modal-context[b-1e71yfqlbt] {
    margin: 0.15rem 0 0;
    color: rgba(6, 53, 50, 0.72);
    font-weight: 600;
}

.upload-modal .icon-button.close[b-1e71yfqlbt] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(6, 53, 50, 0.16);
    background: #fff;
    color: #063532;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.upload-modal .icon-button.close:disabled[b-1e71yfqlbt] {
    opacity: 0.6;
    cursor: not-allowed;
}

.upload-modal-footer[b-1e71yfqlbt] {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.25rem;
}

.receipt-reminder-backdrop[b-1e71yfqlbt] {
    z-index: 1200;
}

.receipt-reminder-modal[b-1e71yfqlbt] {
    width: min(520px, 100%);
}

.receipt-reminder-body[b-1e71yfqlbt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.receipt-reminder-fields[b-1e71yfqlbt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
}

.receipt-reminder-field[b-1e71yfqlbt] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.receipt-reminder-field label[b-1e71yfqlbt] {
    font-weight: 600;
    color: #063532;
}

.receipt-reminder-input[b-1e71yfqlbt] {
    padding: 0.6rem 0.75rem;
    border-radius: 10px;
    border: 1px solid rgba(6, 53, 50, 0.18);
    background: #fff;
    color: #063532;
}

.receipt-reminder-input:focus-visible[b-1e71yfqlbt] {
    outline: 2px solid rgba(12, 122, 108, 0.45);
    outline-offset: 2px;
}

.receipt-reminder-actions[b-1e71yfqlbt] {
    gap: 0.75rem;
    flex-wrap: wrap;
}

.close-period-modal[b-1e71yfqlbt] {
    width: min(720px, 100%);
}

.close-period-summary[b-1e71yfqlbt] {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid rgba(12, 122, 108, 0.12);
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.close-period-summary h3[b-1e71yfqlbt] {
    margin: 0;
    font-size: 1.1rem;
    color: #063532;
}

.close-period-summary-grid[b-1e71yfqlbt] {
    margin: 0;
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.5rem 1.25rem;
}

.close-period-summary-grid div[b-1e71yfqlbt] {
    display: contents;
}

.close-period-summary-grid dt[b-1e71yfqlbt] {
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    color: #6b6b7a;
}

.close-period-summary-grid dd[b-1e71yfqlbt] {
    margin: 0;
    color: #0f172a;
    font-weight: 600;
}

.close-period-delivery[b-1e71yfqlbt] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.close-period-delivery .field-hint[b-1e71yfqlbt] {
    margin: 0;
    color: rgba(6, 53, 50, 0.7);
    font-size: 0.85rem;
}

.close-period-option[b-1e71yfqlbt] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.close-period-option .filter-toggle[b-1e71yfqlbt] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: #063532;
}

.close-period-option input[type="checkbox"][b-1e71yfqlbt] {
    width: 18px;
    height: 18px;
    accent-color: #0e9683;
}

.close-period-toggle[b-1e71yfqlbt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.65rem 0.9rem;
    border-radius: 12px;
    background: #eef3ff;
    border: 1px solid rgba(81, 43, 212, 0.12);
}

.toggle-option[b-1e71yfqlbt] {
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(15, 23, 42, 0.6);
}

.toggle-option.active[b-1e71yfqlbt] {
    color: #0f172a;
}

.toggle-switch[b-1e71yfqlbt] {
    position: relative;
    width: 48px;
    height: 26px;
    display: inline-flex;
    align-items: center;
}

.toggle-switch input[b-1e71yfqlbt] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-1e71yfqlbt] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.2);
    border-radius: 999px;
    transition: background 0.2s ease;
}

.toggle-slider[b-1e71yfqlbt]::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.2);
    transition: transform 0.2s ease;
}

.toggle-switch input:checked + .toggle-slider[b-1e71yfqlbt] {
    background: #0c7a6c;
}

.toggle-switch input:checked + .toggle-slider[b-1e71yfqlbt]::before {
    transform: translateX(22px);
}

.toggle-switch input:focus-visible + .toggle-slider[b-1e71yfqlbt] {
    outline: 2px solid rgba(12, 122, 108, 0.8);
    outline-offset: 3px;
}

.close-period-actions[b-1e71yfqlbt] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.close-period-spinner[b-1e71yfqlbt] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid rgba(5, 69, 61, 0.25);
    border-top-color: #0c7a6c;
    animation: close-period-spin-b-1e71yfqlbt 0.9s linear infinite;
    margin-right: 0.4rem;
}

@keyframes close-period-spin-b-1e71yfqlbt {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 720px) {
    .upload-modal-backdrop[b-1e71yfqlbt] {
        padding: 0.75rem;
    }

    .upload-modal[b-1e71yfqlbt] {
        padding: 1rem;
        max-height: 92vh;
    }

    .upload-modal-header[b-1e71yfqlbt] {
        flex-direction: column;
    }

    .upload-modal .icon-button.close[b-1e71yfqlbt] {
        align-self: flex-end;
    }

    .close-period-summary-grid[b-1e71yfqlbt] {
        grid-template-columns: 1fr;
    }
}


.receipts-header[b-1e71yfqlbt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
}

.header-controls[b-1e71yfqlbt] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.button-pill.comment-link[b-1e71yfqlbt] {
    padding-right: 1.6rem;
}

.view-controls[b-1e71yfqlbt] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.view-mode-buttons[b-1e71yfqlbt] {
    display: inline-flex;
    border: 1px solid #d8d8e5;
    border-radius: 999px;
    overflow: hidden;
    background: #f8f8ff;
}

.view-mode-buttons button[b-1e71yfqlbt] {
    background: none;
    border: none;
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    color: #6b6b7a;
    cursor: pointer;
    text-transform: uppercase;
}

.view-mode-buttons .toggle-button.active[b-1e71yfqlbt] {
    background: #512bd4;
    color: #fff;
}

.page-size-selector select[b-1e71yfqlbt] {
    padding: 0.4rem 0.6rem;
    border-radius: 999px;
    border: 1px solid #d8d8e5;
    background: #fff;
    color: #2f2f44;
    font-size: 0.85rem;
}

.header-actions[b-1e71yfqlbt] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.upload-notice[b-1e71yfqlbt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 14px;
    background: #eef3ff;
    color: #2f2f44;
    font-size: 0.95rem;
}

.upload-notice-text[b-1e71yfqlbt] {
    flex: 1 1 auto;
    min-width: 220px;
}

.upload-notice-text p[b-1e71yfqlbt] {
    margin: 0;
}

.upload-notice .button-pill[b-1e71yfqlbt] {
    text-decoration: none;
    padding: 0.55rem 1.5rem;
    justify-content: center;
}

.upload-notice .button-pill:hover[b-1e71yfqlbt] {
    background: #0c7a6c;
}

.documents-section[b-1e71yfqlbt] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.section-header h2[b-1e71yfqlbt] {
    margin: 0 0 0.25rem;
}

.section-header p[b-1e71yfqlbt] {
    margin: 0;
    color: #4a4a61;
}

.current-period-row[b-1e71yfqlbt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.period-name-stack[b-1e71yfqlbt] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.period-label[b-1e71yfqlbt] {
    margin: 0;
    font-size: 0.9rem;
    color: #4a4a61;
}

.period-rename-controls[b-1e71yfqlbt] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.period-name[b-1e71yfqlbt] {
    font-weight: 700;
    font-size: 1.05rem;
    color: #0f172a;
}

.period-rename-input[b-1e71yfqlbt] {
    padding: 0.45rem 0.6rem;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    min-width: 200px;
    font-size: 0.95rem;
}

.period-rename-input:focus-visible[b-1e71yfqlbt] {
    outline: 2px solid #0ea5e9;
    border-color: #0ea5e9;
}

.period-created-at[b-1e71yfqlbt] {
    color: #6b7280;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
}

.period-rename-action[b-1e71yfqlbt] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #111827;
    font-weight: 600;
    transition: background 0.15s ease, transform 0.1s ease;
}

.period-rename-action:hover[b-1e71yfqlbt] {
    background: #e0f2fe;
    transform: translateY(-1px);
}

.period-rename-action svg[b-1e71yfqlbt] {
    width: 18px;
    height: 18px;
}

.receipt-grid[b-1e71yfqlbt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.receipt-card[b-1e71yfqlbt] {
    border: 1px solid #e1e1f0;
    border-radius: 12px;
    padding: 1rem;
    background: #faf9ff;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.receipt-grid .receipt-card[b-1e71yfqlbt] {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.receipt-grid .receipt-card:hover[b-1e71yfqlbt] {
    transform: translateY(-4px);
    box-shadow: 0 20px 60px rgba(6, 24, 44, 0.12);
}

.receipt-card-preview[b-1e71yfqlbt] {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    margin: -1rem -1rem 0.75rem;
    background: #f5f4ff;
    border-bottom: 1px solid #e1e1f0;
    border: none;
    padding: 0;
}

.receipt-card-preview img[b-1e71yfqlbt] {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.receipt-card-preview.placeholder[b-1e71yfqlbt] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    color: #8a8aa4;
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: repeating-linear-gradient(135deg, #f9f8ff, #f9f8ff 12px, #f1efff 12px, #f1efff 24px);
}

.receipt-card-preview.fallback[b-1e71yfqlbt] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    background: repeating-linear-gradient(135deg, #f8f7ff, #f8f7ff 14px, #ebe8ff 14px, #ebe8ff 28px);
    color: #3f3f59;
    gap: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}

.receipt-card-preview.fallback .fallback-text[b-1e71yfqlbt] {
    font-size: 1.1rem;
}

.receipt-card-preview.fallback .fallback-icon[b-1e71yfqlbt] {
    width: 36px;
    height: 36px;
}

.receipt-card-header[b-1e71yfqlbt] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.75rem;
}

.receipt-card-header h3[b-1e71yfqlbt] {
    margin: 0;
    font-size: 1.05rem;
}

.receipt-details[b-1e71yfqlbt] {
    margin: 0;
    display: grid;
    gap: 0.35rem;
}

.receipt-details dt[b-1e71yfqlbt] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #8a8aa4;
}

.receipt-details dd[b-1e71yfqlbt] {
    margin: 0;
    font-size: 0.95rem;
    color: #2f2f44;
}

.receipt-actions[b-1e71yfqlbt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.receipt-reminder-state[b-1e71yfqlbt] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(14, 150, 131, 0.25);
    background: rgba(14, 150, 131, 0.12);
    font-size: 0.78rem;
    color: #0f172a;
    flex-wrap: wrap;
}

.receipt-reminder-text[b-1e71yfqlbt] {
    font-weight: 600;
}

.receipt-reminder-state .link[b-1e71yfqlbt] {
    font-weight: 600;
    color: #0e9683;
    padding: 0;
}

.receipt-table[b-1e71yfqlbt] {
    width: 100%;
    border-collapse: collapse;
}

.receipt-table th[b-1e71yfqlbt],
.receipt-table td[b-1e71yfqlbt] {
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #e7e7f2;
    text-align: left;
}

.receipt-table .receipt-row-item[b-1e71yfqlbt] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.receipt-table .receipt-row-item:hover[b-1e71yfqlbt] {
    background: rgba(15, 23, 42, 0.03);
}

.receipt-table th[b-1e71yfqlbt] {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    color: #8a8aa4;
}

.receipt-actions-cell[b-1e71yfqlbt] {
    vertical-align: middle;
    width: 260px;
}

.receipt-row[b-1e71yfqlbt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.pagination-toolbar[b-1e71yfqlbt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.pagination-buttons[b-1e71yfqlbt] {
    display: flex;
    gap: 0.75rem;
}

.empty-state[b-1e71yfqlbt] {
    text-align: center;
    padding: 2rem 1rem;
    border: 1px dashed #d8d8e5;
    border-radius: 12px;
    color: #4a4a61;
}

.bundle-header[b-1e71yfqlbt] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 1rem;
}

.bundle-header-main[b-1e71yfqlbt] {
    flex: 1;
    min-width: 0;
}

.bundle-header-actions[b-1e71yfqlbt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.95rem 1.15rem;
    flex-wrap: wrap;
}

.bundle-progress[b-1e71yfqlbt] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    min-width: 110px;
}

.bundle-progress.complete .processed-count[b-1e71yfqlbt] {
    color: #0f766e;
}

.bundle-progress.empty .processed-count[b-1e71yfqlbt] {
    color: #64748b;
}

.bundle-toggle[b-1e71yfqlbt] {
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: #fff;
}

.bundle-toggle:disabled[b-1e71yfqlbt] {
    opacity: 0.6;
}

.info[b-1e71yfqlbt] {
    color: #3f3f59;
}

.warning[b-1e71yfqlbt] {
    color: #9b5d00;
}

.error[b-1e71yfqlbt] {
    color: #c42b1c;
}

.success[b-1e71yfqlbt] {
    color: #256029;
}

[data-theme='dark'] .receipts-drop-message[b-1e71yfqlbt] {
    background: var(--bg-surface, #0f172a);
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 45%, var(--border-muted, #1f2a44));
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .receipts-drop-subtitle[b-1e71yfqlbt] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .receipts-drop-dismiss[b-1e71yfqlbt] {
    border-color: var(--border-muted, #1f2a44);
    background: color-mix(in srgb, var(--bg-surface, #0f172a) 88%, #1e293b);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .upload-modal[b-1e71yfqlbt] {
    background: var(--bg-surface, #0f172a);
    border-color: var(--border-muted, #1f2a44);
    color: var(--text-primary, #e2e8f0);
    box-shadow: 0 24px 80px rgba(2, 6, 23, 0.6);
}

[data-theme='dark'] .upload-modal-label[b-1e71yfqlbt],
[data-theme='dark'] .upload-modal-context[b-1e71yfqlbt],
[data-theme='dark'] .close-period-summary-grid dt[b-1e71yfqlbt],
[data-theme='dark'] .close-period-delivery .field-hint[b-1e71yfqlbt],
[data-theme='dark'] .period-label[b-1e71yfqlbt],
[data-theme='dark'] .period-created-at[b-1e71yfqlbt],
[data-theme='dark'] .section-header p[b-1e71yfqlbt] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .upload-modal-titles h2[b-1e71yfqlbt],
[data-theme='dark'] .close-period-summary h3[b-1e71yfqlbt],
[data-theme='dark'] .close-period-summary-grid dd[b-1e71yfqlbt],
[data-theme='dark'] .period-name[b-1e71yfqlbt] {
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .upload-modal .icon-button.close[b-1e71yfqlbt],
[data-theme='dark'] .period-rename-action[b-1e71yfqlbt] {
    border-color: var(--border-muted, #1f2a44);
    background: var(--bg-surface-muted, #111c2f);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .period-rename-action:hover[b-1e71yfqlbt] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 78%, #334155);
}

[data-theme='dark'] .period-rename-input[b-1e71yfqlbt],
[data-theme='dark'] .receipt-reminder-input[b-1e71yfqlbt],
[data-theme='dark'] .page-size-selector select[b-1e71yfqlbt] {
    background: var(--bg-input, #1e293b);
    border-color: var(--border-input, #334155);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .close-period-summary[b-1e71yfqlbt] {
    background: color-mix(in srgb, var(--bg-surface, #0f172a) 90%, #1e293b);
    border-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .close-period-option .filter-toggle[b-1e71yfqlbt],
[data-theme='dark'] .toggle-option.active[b-1e71yfqlbt] {
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .close-period-toggle[b-1e71yfqlbt] {
    background: var(--bg-surface-muted, #111c2f);
    border-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .toggle-option[b-1e71yfqlbt] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .toggle-slider[b-1e71yfqlbt] {
    background: rgba(148, 163, 184, 0.4);
}

[data-theme='dark'] .view-mode-buttons[b-1e71yfqlbt] {
    border-color: var(--border-muted, #1f2a44);
    background: var(--bg-surface-muted, #111c2f);
}

[data-theme='dark'] .view-mode-buttons button[b-1e71yfqlbt],
[data-theme='dark'] .page-size-selector[b-1e71yfqlbt] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .view-mode-buttons .toggle-button.active[b-1e71yfqlbt] {
    background: var(--accent-500, #0e9683);
    color: #fff;
}

[data-theme='dark'] .upload-notice[b-1e71yfqlbt] {
    background: var(--bg-surface-muted, #111c2f);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .documents-section[b-1e71yfqlbt] {
    background: var(--bg-surface, #0f172a);
    border: 1px solid var(--border-muted, #1f2a44);
    box-shadow: 0 12px 24px rgba(2, 6, 23, 0.45);
}

[data-theme='dark'] .receipt-card[b-1e71yfqlbt],
[data-theme='dark'] .receipt-card-preview[b-1e71yfqlbt] {
    background: color-mix(in srgb, var(--bg-surface, #0f172a) 90%, #1e293b);
    border-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .receipt-card-preview.placeholder[b-1e71yfqlbt] {
    background: repeating-linear-gradient(135deg, #111c2f, #111c2f 12px, #1e293b 12px, #1e293b 24px);
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .receipt-card-preview.fallback[b-1e71yfqlbt] {
    background: repeating-linear-gradient(135deg, #111c2f, #111c2f 14px, #1e293b 14px, #1e293b 28px);
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .receipt-details dt[b-1e71yfqlbt],
[data-theme='dark'] .receipt-table th[b-1e71yfqlbt] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .receipt-details dd[b-1e71yfqlbt],
[data-theme='dark'] .receipt-table td[b-1e71yfqlbt] {
    color: var(--text-primary, #e2e8f0);
    border-bottom-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .receipt-table .receipt-row-item:hover[b-1e71yfqlbt] {
    background: color-mix(in srgb, var(--accent-500, #0e9683) 14%, transparent);
}

[data-theme='dark'] .empty-state[b-1e71yfqlbt] {
    border-color: var(--border-muted, #1f2a44);
    color: var(--text-secondary, #94a3b8);
}

@media (max-width: 768px) {
    .receipts-header[b-1e71yfqlbt] {
        flex-direction: column;
        align-items: stretch;
    }

    .accountant-note[b-1e71yfqlbt] {
        flex-direction: column;
        align-items: stretch;
    }

    .accountant-restricted[b-1e71yfqlbt] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-controls[b-1e71yfqlbt] {
        justify-content: flex-start;
    }

    .view-controls[b-1e71yfqlbt] {
        flex-wrap: wrap;
    }
}
/* /Pages/ReminderDetail.razor.rz.scp.css */
.reminder-detail-page[b-lbhe3ygjz2] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.reminder-detail-header[b-lbhe3ygjz2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.reminder-detail-heading[b-lbhe3ygjz2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.reminder-detail-actions[b-lbhe3ygjz2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.reminder-detail-summary[b-lbhe3ygjz2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.reminder-detail-chips[b-lbhe3ygjz2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.detail-chip[b-lbhe3ygjz2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.35);
    color: #0f172a;
}

.detail-chip.type.reminder[b-lbhe3ygjz2] {
    background: rgba(16, 185, 129, 0.15);
    color: #0f766e;
    border-color: rgba(16, 185, 129, 0.35);
}

.detail-chip.type.task[b-lbhe3ygjz2] {
    background: rgba(47, 128, 237, 0.15);
    color: #1d4ed8;
    border-color: rgba(47, 128, 237, 0.35);
}

.detail-chip.obligation[b-lbhe3ygjz2] {
    background: rgba(234, 179, 8, 0.2);
    color: #92400e;
    border-color: rgba(234, 179, 8, 0.35);
}

.detail-chip.history[b-lbhe3ygjz2] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
    border-color: rgba(148, 163, 184, 0.45);
}

.detail-chip.subtle[b-lbhe3ygjz2] {
    background: #f1f5f9;
    color: #475569;
    border-color: rgba(148, 163, 184, 0.25);
}

.reminder-detail-description[b-lbhe3ygjz2] {
    margin: 0;
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.6;
}

.reminder-detail-grid[b-lbhe3ygjz2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.reminder-detail-card[b-lbhe3ygjz2] {
    padding: 1rem 1.25rem;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.3);
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.reminder-detail-card h2[b-lbhe3ygjz2] {
    margin: 0;
    font-size: 1rem;
    color: #0f172a;
}

.reminder-detail-meta[b-lbhe3ygjz2] {
    margin: 0;
    display: grid;
    gap: 0.75rem;
}

.reminder-detail-meta div[b-lbhe3ygjz2] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.reminder-detail-meta dt[b-lbhe3ygjz2] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.reminder-detail-meta dd[b-lbhe3ygjz2] {
    margin: 0;
    font-weight: 600;
    color: #0f172a;
}

.reminder-detail-link[b-lbhe3ygjz2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-weight: 600;
    color: #0f172a;
}

.reminder-detail-link a[b-lbhe3ygjz2] {
    color: #0e9683;
    text-decoration: none;
    font-weight: 600;
}

.reminder-detail-link a:hover[b-lbhe3ygjz2] {
    text-decoration: underline;
}

.reminder-detail-obligation[b-lbhe3ygjz2] {
    gap: 0.85rem;
}

.form-field[b-lbhe3ygjz2] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.field-header[b-lbhe3ygjz2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.helper-text[b-lbhe3ygjz2] {
    font-size: 0.8rem;
    color: #64748b;
}

.field-error[b-lbhe3ygjz2] {
    font-size: 0.8rem;
    color: #dc2626;
    font-weight: 600;
}

.form-field input.invalid[b-lbhe3ygjz2] {
    border-color: rgba(248, 113, 113, 0.8);
    box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.35);
}

.reminders-loading[b-lbhe3ygjz2] {
    font-size: 0.95rem;
    color: #475569;
}

@media (max-width: 720px) {
    .reminder-detail-actions[b-lbhe3ygjz2] {
        width: 100%;
        justify-content: flex-start;
    }
}

[data-theme='dark'] .reminder-detail-card[b-lbhe3ygjz2],
[data-theme='dark'] .reminder-detail-page .card[b-lbhe3ygjz2] {
    background: #0f172a;
    color: #e2e8f0;
    border-color: #1f2a44;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.35);
}

[data-theme='dark'] .reminder-detail-card h2[b-lbhe3ygjz2],
[data-theme='dark'] .reminder-detail-meta dd[b-lbhe3ygjz2],
[data-theme='dark'] .reminder-detail-link[b-lbhe3ygjz2] {
    color: #e2e8f0;
}

[data-theme='dark'] .reminder-detail-description[b-lbhe3ygjz2],
[data-theme='dark'] .helper-text[b-lbhe3ygjz2],
[data-theme='dark'] .reminders-loading[b-lbhe3ygjz2],
[data-theme='dark'] .reminder-detail-meta dt[b-lbhe3ygjz2] {
    color: rgba(226, 232, 240, 0.7);
}

[data-theme='dark'] .detail-chip[b-lbhe3ygjz2] {
    background: #111c2f;
    border-color: #1f2a44;
    color: #e2e8f0;
}

[data-theme='dark'] .detail-chip.type.reminder[b-lbhe3ygjz2] {
    background: rgba(16, 185, 129, 0.2);
    color: #86efac;
    border-color: rgba(16, 185, 129, 0.4);
}

[data-theme='dark'] .detail-chip.type.task[b-lbhe3ygjz2] {
    background: rgba(96, 165, 250, 0.2);
    color: #bfdbfe;
    border-color: rgba(96, 165, 250, 0.4);
}

[data-theme='dark'] .detail-chip.obligation[b-lbhe3ygjz2] {
    background: rgba(251, 191, 36, 0.2);
    color: #fde68a;
    border-color: rgba(251, 191, 36, 0.4);
}

[data-theme='dark'] .detail-chip.history[b-lbhe3ygjz2] {
    background: rgba(148, 163, 184, 0.18);
    color: #cbd5f5;
    border-color: rgba(148, 163, 184, 0.35);
}

[data-theme='dark'] .detail-chip.subtle[b-lbhe3ygjz2] {
    background: rgba(148, 163, 184, 0.18);
    color: #e2e8f0;
    border-color: rgba(148, 163, 184, 0.35);
}

[data-theme='dark'] .reminder-detail-link a[b-lbhe3ygjz2] {
    color: #22d3ee;
}

[data-theme='dark'] .field-error[b-lbhe3ygjz2] {
    color: #fca5a5;
}
/* /Pages/Reminders.razor.rz.scp.css */
.reminders-page[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.reminders-heading[b-58cea4qdn9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.reminders-heading-main[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.reminders-heading-controls[b-58cea4qdn9] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

.reminders-context[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 220px;
}

.reminders-context-label[b-58cea4qdn9] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.reminders-actions[b-58cea4qdn9] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.reminders-intro[b-58cea4qdn9] {
    padding: 1rem 1.25rem;
    border-radius: 14px;
    border: 1px solid rgba(14, 150, 131, 0.18);
    background: rgba(236, 253, 245, 0.75);
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    color: #0f172a;
    box-shadow: 0 12px 24px rgba(15, 118, 110, 0.08);
}

.reminders-intro-title[b-58cea4qdn9] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #0f766e;
    font-weight: 600;
}

.reminders-intro-list[b-58cea4qdn9] {
    margin: 0;
    padding-left: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    color: #475569;
}

.reminders-intro-list a[b-58cea4qdn9] {
    color: #0e9683;
    font-weight: 600;
    text-decoration: none;
}

.reminders-intro-list a:hover[b-58cea4qdn9] {
    text-decoration: underline;
}

.reminders-toolbar[b-58cea4qdn9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}

.reminders-toolbar-fields[b-58cea4qdn9] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 1 1 520px;
    min-width: 0;
}

.reminders-toolbar-field[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 180px;
    flex: 1 1 220px;
}

.reminders-toolbar-field.grow[b-58cea4qdn9] {
    flex: 2 1 320px;
}

.reminders-toolbar-label[b-58cea4qdn9] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.reminders-input[b-58cea4qdn9] {
    padding: 0.55rem 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    font-family: inherit;
    background: #ffffff;
    color: #0f172a;
}

.reminders-toolbar-actions[b-58cea4qdn9] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.reminders-active-filter[b-58cea4qdn9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    border: 1px dashed rgba(148, 163, 184, 0.4);
    background: #f8fafc;
    color: #475569;
}

.reminders-active-filter-label[b-58cea4qdn9] {
    font-size: 0.9rem;
    font-weight: 600;
}

.reminders-grouped[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.reminders-grouped-month[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.reminders-grouped-month-title[b-58cea4qdn9] {
    margin: 0;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #0f766e;
    font-weight: 700;
}

.reminders-grouped-date[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.reminders-grouped-date-title[b-58cea4qdn9] {
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
}

.reminders-history-toggle[b-58cea4qdn9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #475569;
    font-weight: 600;
}

.reminders-history-toggle input[b-58cea4qdn9] {
    width: 18px;
    height: 18px;
    accent-color: #0e9683;
}

.reminders-loading[b-58cea4qdn9] {
    font-size: 0.95rem;
    color: #475569;
}

.reminders-listing[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.reminders-list[b-58cea4qdn9] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.reminder-card[b-58cea4qdn9] {
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 18px;
    padding: 1.2rem 1.4rem;
    background: #ffffff;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: start;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
}

.reminder-card.due-overdue[b-58cea4qdn9] {
    border-color: rgba(239, 68, 68, 0.55);
    box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.2), 0 14px 28px rgba(15, 23, 42, 0.08);
}

.reminder-card.due-today[b-58cea4qdn9] {
    border-color: rgba(245, 158, 11, 0.45);
    box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.2), 0 14px 28px rgba(15, 23, 42, 0.08);
}

.reminder-card.due-upcoming[b-58cea4qdn9] {
    border-color: rgba(14, 165, 233, 0.35);
}

.reminder-card-main[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    min-width: 0;
}

.reminder-card-header[b-58cea4qdn9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.reminder-title[b-58cea4qdn9] {
    margin: 0;
    font-weight: 600;
    font-size: 1.05rem;
    color: #0f172a;
}

.reminder-chip-row[b-58cea4qdn9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.reminder-chip[b-58cea4qdn9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.35);
    color: #0f172a;
}

.reminder-chip .chip-label[b-58cea4qdn9] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
}

.reminder-chip .chip-value[b-58cea4qdn9] {
    color: #0f172a;
}

.reminder-chip .chip-link[b-58cea4qdn9] {
    color: #0e9683;
    text-decoration: none;
    font-weight: 600;
}

.reminder-chip .chip-link:hover[b-58cea4qdn9] {
    text-decoration: underline;
}

.reminder-chip.type.reminder[b-58cea4qdn9] {
    background: rgba(16, 185, 129, 0.15);
    color: #0f766e;
    border-color: rgba(16, 185, 129, 0.35);
}

.reminder-chip.type.task[b-58cea4qdn9] {
    background: rgba(47, 128, 237, 0.15);
    color: #1d4ed8;
    border-color: rgba(47, 128, 237, 0.35);
}

.reminder-chip.status.overdue[b-58cea4qdn9] {
    background: rgba(239, 68, 68, 0.15);
    color: #b91c1c;
    border-color: rgba(239, 68, 68, 0.4);
}

.reminder-chip.status.today[b-58cea4qdn9] {
    background: rgba(245, 158, 11, 0.2);
    color: #b45309;
    border-color: rgba(245, 158, 11, 0.4);
}

.reminder-chip.status.upcoming[b-58cea4qdn9] {
    background: rgba(14, 165, 233, 0.15);
    color: #0369a1;
    border-color: rgba(14, 165, 233, 0.35);
}

.reminder-chip.obligation[b-58cea4qdn9] {
    background: rgba(234, 179, 8, 0.2);
    color: #92400e;
    border-color: rgba(234, 179, 8, 0.35);
}

.reminder-chip.subtle[b-58cea4qdn9] {
    background: #f1f5f9;
    color: #475569;
    border-color: rgba(148, 163, 184, 0.25);
}

.reminder-chip.history[b-58cea4qdn9] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
    border-color: rgba(148, 163, 184, 0.45);
}

.reminder-card.historical[b-58cea4qdn9] {
    background: #f8fafc;
    border-color: rgba(148, 163, 184, 0.45);
}

.reminder-card.historical .reminder-title[b-58cea4qdn9] {
    color: #64748b;
    text-decoration: line-through;
}

.reminder-card.historical .reminder-description[b-58cea4qdn9] {
    color: #94a3b8;
}

.reminder-description[b-58cea4qdn9] {
    margin: 0;
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.5;
}

.reminder-actions[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 170px;
    align-items: stretch;
}

.reminder-actions button[b-58cea4qdn9] {
    min-width: 8rem;
    justify-content: center;
}

.reminders-load-more[b-58cea4qdn9] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.reminders-obligations[b-58cea4qdn9] {
    padding: 1.25rem 1.5rem;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.3);
    background: #ffffff;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
}

.reminders-obligations-header[b-58cea4qdn9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.reminders-obligations-header h2[b-58cea4qdn9] {
    margin: 0;
}

.reminders-obligations-header p[b-58cea4qdn9] {
    margin: 0.35rem 0 0;
    color: #475569;
}

.reminders-obligations-body[b-58cea4qdn9] {
    margin-top: 1rem;
}

.reminders-obligations-note[b-58cea4qdn9] {
    margin: 0.75rem 0 0;
    color: #475569;
}

.reminders-obligations-empty[b-58cea4qdn9] {
    color: #64748b;
    font-size: 0.95rem;
}

.obligations-list[b-58cea4qdn9] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.obligation-item[b-58cea4qdn9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}

.obligation-info[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.obligation-title[b-58cea4qdn9] {
    font-weight: 600;
    color: #0f172a;
}

.obligation-meta[b-58cea4qdn9] {
    font-size: 0.9rem;
    color: #475569;
}

.obligation-toggle[b-58cea4qdn9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #475569;
}

.reminders-modal-backdrop[b-58cea4qdn9] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 1050;
}

.reminders-modal[b-58cea4qdn9] {
    background: #ffffff;
    color: #0f172a;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.25);
    width: min(960px, 96vw);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.reminders-modal.reminders-modal-compact[b-58cea4qdn9] {
    width: min(560px, 92vw);
}

.reminders-modal-header[b-58cea4qdn9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.reminders-modal-subtitle[b-58cea4qdn9] {
    margin: 0.25rem 0 0;
    color: #64748b;
    font-size: 0.9rem;
}

.reminders-modal-close[b-58cea4qdn9] {
    background: transparent;
    border: 0;
    font-size: 1.2rem;
    cursor: pointer;
}

.reminders-modal-body[b-58cea4qdn9] {
    padding: 1.25rem 1.5rem;
    overflow: auto;
    flex: 1;
    min-height: 0;
}

.reminders-modal-actions[b-58cea4qdn9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
}

.reminders-form-grid[b-58cea4qdn9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem 1.5rem;
}

.form-field[b-58cea4qdn9] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-field.full-span[b-58cea4qdn9] {
    grid-column: 1 / -1;
}

.form-field input[b-58cea4qdn9],
.form-field select[b-58cea4qdn9],
.form-field textarea[b-58cea4qdn9] {
    width: 100%;
}

.field-header[b-58cea4qdn9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.info-button[b-58cea4qdn9] {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: #ffffff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.75rem;
}

.info-button[b-58cea4qdn9]::before {
    content: "i";
}

.info-button:focus-visible[b-58cea4qdn9] {
    outline: 2px solid rgba(14, 150, 131, 0.4);
    outline-offset: 2px;
}

.toggle-field .toggle-label[b-58cea4qdn9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
}

.toggle-field .toggle-label input[b-58cea4qdn9] {
    width: 18px;
    height: 18px;
    accent-color: #0e9683;
}

.helper-text[b-58cea4qdn9] {
    font-size: 0.8rem;
    color: #64748b;
}

.field-error[b-58cea4qdn9] {
    font-size: 0.8rem;
    color: #dc2626;
    font-weight: 600;
}

.form-error-banner[b-58cea4qdn9] {
    margin-bottom: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 10px;
    border: 1px solid rgba(248, 113, 113, 0.6);
    background: rgba(254, 226, 226, 0.9);
    color: #b91c1c;
    font-weight: 600;
}

.form-field.has-error input[b-58cea4qdn9],
.form-field.has-error select[b-58cea4qdn9],
.form-field.has-error textarea[b-58cea4qdn9],
.form-field input.invalid[b-58cea4qdn9],
.form-field select.invalid[b-58cea4qdn9],
.form-field textarea.invalid[b-58cea4qdn9] {
    border-color: rgba(248, 113, 113, 0.8);
    box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.35);
}

.reminders-link-pill[b-58cea4qdn9] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}

.reminders-link-pill a[b-58cea4qdn9] {
    color: var(--accent);
    font-weight: 600;
    text-decoration: none;
}

.reminders-delete-options[b-58cea4qdn9],
.reminders-snooze-options[b-58cea4qdn9] {
    margin-top: 0.75rem;
}

.reminders-delete-options select[b-58cea4qdn9],
.reminders-snooze-options select[b-58cea4qdn9] {
    margin-top: 0.35rem;
}

.empty-state[b-58cea4qdn9] {
    text-align: center;
    padding: 2rem 1rem;
    border: 1px dashed #d8d8e5;
    border-radius: 12px;
    color: #4a4a61;
}

@media (max-width: 900px) {
    .reminder-card[b-58cea4qdn9] {
        grid-template-columns: 1fr;
    }

    .reminder-actions[b-58cea4qdn9] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

}

@media (max-width: 720px) {
    .reminders-toolbar[b-58cea4qdn9] {
        padding: 1rem;
        align-items: stretch;
    }

    .reminders-toolbar-fields[b-58cea4qdn9] {
        flex-direction: column;
    }

    .reminders-toolbar-actions[b-58cea4qdn9] {
        width: 100%;
        justify-content: flex-start;
    }

    .reminders-actions[b-58cea4qdn9] {
        width: 100%;
    }

    .reminders-actions button[b-58cea4qdn9] {
        flex: 1 1 140px;
    }

    .reminders-heading-controls[b-58cea4qdn9] {
        width: 100%;
    }

    .reminders-context[b-58cea4qdn9] {
        flex: 1 1 100%;
    }

    .reminders-modal-backdrop[b-58cea4qdn9] {
        padding: 0;
        align-items: stretch;
    }

    .reminders-modal[b-58cea4qdn9] {
        width: 100%;
        height: 100%;
        max-height: 100vh;
        border-radius: 0;
    }

    .reminders-modal-header[b-58cea4qdn9],
    .reminders-modal-actions[b-58cea4qdn9] {
        padding: 0.85rem 1rem;
    }

    .reminders-modal-actions[b-58cea4qdn9] {
        box-shadow: 0 -6px 18px rgba(15, 23, 42, 0.08);
    }

    .reminders-modal-body[b-58cea4qdn9] {
        padding: 1rem;
    }

}

[data-theme='dark'] .reminders-toolbar[b-58cea4qdn9],
[data-theme='dark'] .reminder-card[b-58cea4qdn9],
[data-theme='dark'] .reminders-obligations[b-58cea4qdn9],
[data-theme='dark'] .reminders-intro[b-58cea4qdn9],
[data-theme='dark'] .reminders-modal[b-58cea4qdn9],
[data-theme='dark'] .reminders-active-filter[b-58cea4qdn9],
[data-theme='dark'] .reminders-link-pill[b-58cea4qdn9] {
    background: #0f172a;
    color: #e2e8f0;
    border-color: #1f2a44;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.35);
}

[data-theme='dark'] .reminders-grouped-month-title[b-58cea4qdn9] {
    color: #5eead4;
}

[data-theme='dark'] .reminders-grouped-date-title[b-58cea4qdn9] {
    color: #e2e8f0;
}

[data-theme='dark'] .reminders-history-toggle[b-58cea4qdn9],
[data-theme='dark'] .reminders-active-filter-label[b-58cea4qdn9] {
    color: #94a3b8;
}

[data-theme='dark'] .reminders-input[b-58cea4qdn9],
[data-theme='dark'] .form-field input[b-58cea4qdn9],
[data-theme='dark'] .form-field select[b-58cea4qdn9],
[data-theme='dark'] .form-field textarea[b-58cea4qdn9] {
    background: #0b1220;
    color: #e2e8f0;
    border-color: #1f2a44;
}

[data-theme='dark'] .reminder-title[b-58cea4qdn9] {
    color: #e2e8f0;
}

[data-theme='dark'] .reminder-description[b-58cea4qdn9],
[data-theme='dark'] .reminders-obligations-empty[b-58cea4qdn9],
[data-theme='dark'] .reminders-obligations-note[b-58cea4qdn9],
[data-theme='dark'] .reminders-intro-list[b-58cea4qdn9],
[data-theme='dark'] .obligation-meta[b-58cea4qdn9] {
    color: rgba(226, 232, 240, 0.75);
}

[data-theme='dark'] .reminder-chip[b-58cea4qdn9] {
    background: #111c2f;
    border-color: #1f2a44;
    color: #e2e8f0;
}

[data-theme='dark'] .reminder-chip .chip-label[b-58cea4qdn9] {
    color: #94a3b8;
}

[data-theme='dark'] .reminder-chip .chip-value[b-58cea4qdn9] {
    color: #e2e8f0;
}

[data-theme='dark'] .reminder-chip .chip-link[b-58cea4qdn9] {
    color: #22d3ee;
}

[data-theme='dark'] .reminder-chip.type.reminder[b-58cea4qdn9] {
    background: rgba(16, 185, 129, 0.2);
    color: #86efac;
    border-color: rgba(16, 185, 129, 0.4);
}

[data-theme='dark'] .reminder-chip.type.task[b-58cea4qdn9] {
    background: rgba(96, 165, 250, 0.2);
    color: #bfdbfe;
    border-color: rgba(96, 165, 250, 0.4);
}

[data-theme='dark'] .reminder-chip.status.overdue[b-58cea4qdn9] {
    background: rgba(248, 113, 113, 0.2);
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.4);
}

[data-theme='dark'] .reminder-chip.status.today[b-58cea4qdn9] {
    background: rgba(251, 146, 60, 0.2);
    color: #fed7aa;
    border-color: rgba(251, 146, 60, 0.4);
}

[data-theme='dark'] .reminder-chip.status.upcoming[b-58cea4qdn9] {
    background: rgba(56, 189, 248, 0.2);
    color: #bae6fd;
    border-color: rgba(56, 189, 248, 0.4);
}

[data-theme='dark'] .reminder-chip.obligation[b-58cea4qdn9] {
    background: rgba(251, 191, 36, 0.2);
    color: #fde68a;
    border-color: rgba(251, 191, 36, 0.4);
}

[data-theme='dark'] .reminder-chip.subtle[b-58cea4qdn9] {
    background: rgba(148, 163, 184, 0.18);
    color: #e2e8f0;
    border-color: rgba(148, 163, 184, 0.35);
}

[data-theme='dark'] .reminder-chip.history[b-58cea4qdn9] {
    background: rgba(148, 163, 184, 0.18);
    color: #cbd5f5;
    border-color: rgba(148, 163, 184, 0.35);
}

[data-theme='dark'] .reminder-card.historical[b-58cea4qdn9] {
    background: #0b1220;
    border-color: #1f2a44;
}

[data-theme='dark'] .reminder-card.historical .reminder-title[b-58cea4qdn9] {
    color: #94a3b8;
}

[data-theme='dark'] .reminder-card.historical .reminder-description[b-58cea4qdn9] {
    color: rgba(226, 232, 240, 0.6);
}

[data-theme='dark'] .obligation-item[b-58cea4qdn9],
[data-theme='dark'] .reminders-link-pill[b-58cea4qdn9] {
    background: #111c2f;
    border-color: #1f2a44;
}

[data-theme='dark'] .reminders-intro[b-58cea4qdn9] {
    border-color: rgba(34, 211, 238, 0.25);
}

[data-theme='dark'] .reminders-intro-title[b-58cea4qdn9],
[data-theme='dark'] .reminders-intro-list a[b-58cea4qdn9] {
    color: #22d3ee;
}

[data-theme='dark'] .obligation-title[b-58cea4qdn9] {
    color: #e2e8f0;
}

[data-theme='dark'] .reminders-modal-actions[b-58cea4qdn9] {
    background: #0f172a;
    border-color: #1f2a44;
}

[data-theme='dark'] .info-button[b-58cea4qdn9] {
    background: #0b1220;
    border-color: #1f2a44;
    color: #cbd5f5;
}

[data-theme='dark'] .form-error-banner[b-58cea4qdn9] {
    background: rgba(127, 29, 29, 0.35);
    border-color: rgba(248, 113, 113, 0.4);
    color: #fecaca;
}

[data-theme='dark'] .field-error[b-58cea4qdn9] {
    color: #fca5a5;
}

[data-theme='dark'] .empty-state[b-58cea4qdn9] {
    border-color: #27324a;
    color: #cbd5f5;
}
/* /Pages/ResetPassword.razor.rz.scp.css */
.reset-card[b-l5xpp2zdrt] {
    max-width: 420px;
    margin: 4rem auto;
    padding: 2rem;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.reset-card h1[b-l5xpp2zdrt] {
    text-align: center;
    margin-bottom: 0.5rem;
}

.mode-switch[b-l5xpp2zdrt] {
    display: flex;
    gap: 1rem;
}

.mode-switch button[b-l5xpp2zdrt] {
    flex: 1;
    padding: 0.6rem 0.75rem;
    border-radius: 999px;
    border: 1px solid #cfe9db;
    background: #e7f6ec;
    color: #0b6448;
    cursor: pointer;
    transition: background 0.2s;
}

.mode-switch button.active[b-l5xpp2zdrt] {
    background: var(--accent);
    color: #fff;
    border-color: transparent;
    font-weight: 600;
}

.form-field[b-l5xpp2zdrt] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-field label[b-l5xpp2zdrt] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #37304a;
}

.input[b-l5xpp2zdrt] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.primary[b-l5xpp2zdrt] {
    background-color: var(--accent);
    color: white;
    border: none;
    padding: 0.75rem;
    border-radius: 8px;
    cursor: pointer;
}

.primary[disabled][b-l5xpp2zdrt] {
    opacity: 0.7;
    cursor: progress;
}

.success[b-l5xpp2zdrt] {
    color: #1d7b3a;
}

.error[b-l5xpp2zdrt] {
    color: #cc0000;
}

.dev-token[b-l5xpp2zdrt] {
    background: #f3fbf7;
    border: 1px dashed #cfe9db;
    padding: 0.75rem;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.9rem;
}

.dev-token code[b-l5xpp2zdrt] {
    word-break: break-all;
}

.link.back[b-l5xpp2zdrt] {
    align-self: center;
}

/* /Pages/Search.razor.rz.scp.css */
.search-page[b-dog5wdasdw] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 2.5rem;
}

.search-panel[b-dog5wdasdw] {
    width: 100%;
}

.search-results[b-dog5wdasdw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.search-loading[b-dog5wdasdw] {
    font-size: 0.95rem;
    color: #475569;
}

.search-summary[b-dog5wdasdw] {
    font-size: 0.95rem;
    color: #475569;
}

.search-groups[b-dog5wdasdw] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.search-subject-group[b-dog5wdasdw] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.1rem;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.search-subject-header[b-dog5wdasdw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.search-subject-avatar[b-dog5wdasdw] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e2e8f0;
    color: #0f172a;
    font-weight: 600;
    font-size: 1rem;
    overflow: hidden;
}

.search-subject-avatar img[b-dog5wdasdw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-subject-title h3[b-dog5wdasdw] {
    margin: 0;
    font-size: 1rem;
    color: #0f172a;
}

.search-subject-empty[b-dog5wdasdw] {
    font-size: 0.9rem;
    color: #64748b;
    padding: 0.25rem 0 0.5rem;
}

.search-more[b-dog5wdasdw] {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
}

.empty-state[b-dog5wdasdw] {
    text-align: center;
    padding: 2rem 1rem;
    border: 1px dashed #d8d8e5;
    border-radius: 12px;
    color: #4a4a61;
}

[data-theme='dark'] .search-loading[b-dog5wdasdw],
[data-theme='dark'] .search-summary[b-dog5wdasdw] {
    color: rgba(226, 232, 240, 0.85);
}

[data-theme='dark'] .search-subject-group[b-dog5wdasdw] {
    background: rgba(15, 23, 42, 0.7);
    border-color: #1f2a44;
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.25);
}

[data-theme='dark'] .search-subject-avatar[b-dog5wdasdw] {
    background: #1f2a44;
    color: #e2e8f0;
}

[data-theme='dark'] .search-subject-title h3[b-dog5wdasdw] {
    color: #e2e8f0;
}

[data-theme='dark'] .search-subject-empty[b-dog5wdasdw] {
    color: #94a3b8;
}

[data-theme='dark'] .empty-state[b-dog5wdasdw] {
    border-color: #27324a;
    color: #cbd5f5;
}

@media (max-width: 640px) {
    .search-page[b-dog5wdasdw] {
        gap: 1.2rem;
    }

    .search-subject-group[b-dog5wdasdw] {
        padding: 0.95rem;
    }
}
/* /Pages/Security.razor.rz.scp.css */
.mfa-actions-row[b-1j5zdn9t2x] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.mfa-setup-panel[b-1j5zdn9t2x] {
    display: grid;
    gap: 1.5rem;
    margin-top: 1rem;
}

.mfa-step[b-1j5zdn9t2x] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.5rem;
    background: #f8fbff;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mfa-step-header[b-1j5zdn9t2x] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.mfa-step-header.compact h4[b-1j5zdn9t2x] {
    margin: 0;
}

.step-index[b-1j5zdn9t2x] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--accent);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.step-text[b-1j5zdn9t2x] {
    margin: 0.25rem 0 0;
    color: #475569;
}

.inline-actions[b-1j5zdn9t2x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.mfa-grid[b-1j5zdn9t2x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.mfa-card[b-1j5zdn9t2x] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.5rem;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.card-head[b-1j5zdn9t2x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.card-head h3[b-1j5zdn9t2x] {
    margin: 0;
}

.recovery-codes[b-1j5zdn9t2x] {
    border-top: 1px solid #e2e8f0;
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.recovery-code-list[b-1j5zdn9t2x] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.5rem;
}

.recovery-code-list code[b-1j5zdn9t2x] {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    background: #f1f5f9;
}

.actions[b-1j5zdn9t2x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.mfa-regenerate[b-1j5zdn9t2x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.trusted-devices[b-1j5zdn9t2x] {
    margin-top: 1.5rem;
}

.trusted-device-list[b-1j5zdn9t2x] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.trusted-device-list li[b-1j5zdn9t2x] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.device-meta[b-1j5zdn9t2x] {
    display: block;
    font-size: 0.85rem;
    color: #64748b;
}

.mfa-disable-panel[b-1j5zdn9t2x] {
    margin-top: 1.5rem;
}

.mfa-recovery-tip[b-1j5zdn9t2x] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.info-button[b-1j5zdn9t2x] {
    width: 24px;
    height: 24px;
    border: 1px solid #d9d8ef;
    border-radius: 50%;
    background: #f4f3ff;
    color: #4a4a61;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    padding: 0;
}

.info-button[b-1j5zdn9t2x]::before {
    content: "i";
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1;
}

.info-button:hover[b-1j5zdn9t2x] {
    background: #edeafe;
}

.info-button:focus-visible[b-1j5zdn9t2x] {
    outline: 2px solid #512bd4;
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .mfa-step[b-1j5zdn9t2x],
    .mfa-card[b-1j5zdn9t2x] {
        padding: 1.25rem;
    }

    .trusted-device-list li[b-1j5zdn9t2x] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/Settings.razor.rz.scp.css */
.settings-page[b-cuxhkjhdx5] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.settings-card[b-cuxhkjhdx5] {
    background: var(--bg-surface);
    border: 1px solid var(--border-muted);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: var(--shadow-card);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.settings-card.danger-zone[b-cuxhkjhdx5] {
    border: 1px solid var(--state-danger-border);
    background: var(--state-danger-bg);
}

.settings-card-header[b-cuxhkjhdx5] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.settings-card-header h2[b-cuxhkjhdx5] {
    margin: 0;
    font-size: 1.35rem;
}

.danger-zone .settings-card-header h2[b-cuxhkjhdx5] {
    color: var(--state-danger-fg);
}

.settings-card-header p[b-cuxhkjhdx5] {
    margin: 0;
    color: var(--text-secondary);
}

.danger-zone .danger-note[b-cuxhkjhdx5] {
    margin: 0;
    color: var(--state-danger-fg);
    font-size: 0.95rem;
}

.settings-grid[b-cuxhkjhdx5] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.settings-subsection[b-cuxhkjhdx5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--border-muted);
    border-radius: 12px;
    background: var(--bg-surface-muted);
}

.settings-subsection-header h3[b-cuxhkjhdx5] {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
    color: var(--text-primary);
}

.settings-subsection-header p[b-cuxhkjhdx5] {
    margin: 0;
    color: var(--text-muted);
}

.settings-subsection-grid[b-cuxhkjhdx5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.document-types-table-shell[b-cuxhkjhdx5] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 0.35rem;
}

.document-types-table-wrap[b-cuxhkjhdx5] {
    overflow-x: auto;
}

.document-types-table[b-cuxhkjhdx5] {
    width: 100%;
    border-collapse: collapse;
    min-width: 680px;
}

.document-types-table th[b-cuxhkjhdx5],
.document-types-table td[b-cuxhkjhdx5] {
    border-bottom: 1px solid var(--border-muted);
    padding: 0.6rem 0.4rem;
    text-align: left;
    vertical-align: middle;
}

.document-types-table th[b-cuxhkjhdx5] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    font-weight: 700;
}

.document-types-table td input[type="text"][b-cuxhkjhdx5] {
    width: 100%;
    min-width: 200px;
}

.document-types-table .document-types-empty[b-cuxhkjhdx5] {
    color: var(--text-muted);
}

.document-types-actions[b-cuxhkjhdx5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.document-types-error-row td[b-cuxhkjhdx5] {
    padding-top: 0;
    color: var(--danger);
    font-size: 0.85rem;
}

.document-types-create[b-cuxhkjhdx5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
    border-top: 1px dashed var(--border-muted);
    padding-top: 0.75rem;
}

.document-types-create-fields[b-cuxhkjhdx5] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) auto;
    gap: 0.75rem;
    flex: 1 1 460px;
    align-items: end;
}

.document-types-field[b-cuxhkjhdx5] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.document-types-field span[b-cuxhkjhdx5] {
    font-weight: 600;
    color: var(--text-primary);
}

.timestamping-header-row[b-cuxhkjhdx5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.timestamping-header-row h3[b-cuxhkjhdx5] {
    margin: 0;
}

.timestamping-cta[b-cuxhkjhdx5] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-items: flex-start;
}

.timestamping-locked[b-cuxhkjhdx5] {
    cursor: pointer;
}

.timestamping-modal-backdrop[b-cuxhkjhdx5] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: var(--overlay-backdrop);
    backdrop-filter: blur(2px);
}

.timestamping-modal[b-cuxhkjhdx5] {
    width: min(560px, 100%);
    border-radius: 16px;
    border: 1px solid var(--border-muted);
    background: var(--bg-surface);
    box-shadow: var(--shadow-modal);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.timestamping-modal-header[b-cuxhkjhdx5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.4rem 1.6rem 1rem;
    border-bottom: 1px solid var(--border-muted);
    background: var(--bg-surface-muted);
}

.timestamping-modal-header h2[b-cuxhkjhdx5] {
    margin: 0;
    font-size: 1.4rem;
}

.timestamping-modal-header .modal-label[b-cuxhkjhdx5] {
    margin: 0 0 0.35rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.timestamping-modal-body[b-cuxhkjhdx5] {
    padding: 1.4rem 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.timestamping-choice-grid[b-cuxhkjhdx5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.timestamping-modal-footer[b-cuxhkjhdx5] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.6rem 1.4rem;
    border-top: 1px solid var(--border-muted);
    background: var(--bg-surface-muted);
}

.subject-identity-grid[b-cuxhkjhdx5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.subject-identity-grid .full-span[b-cuxhkjhdx5] {
    grid-column: 1 / -1;
}

.entity-options[b-cuxhkjhdx5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
}

.entity-option[b-cuxhkjhdx5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border-input);
    background: var(--bg-surface);
    cursor: pointer;
    font-weight: 600;
    color: var(--text-primary);
}

.entity-option input[b-cuxhkjhdx5] {
    width: 18px;
    height: 18px;
    accent-color: var(--accent);
}

.entity-option.selected[b-cuxhkjhdx5] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--accent-ring);
}

.toggle-row[b-cuxhkjhdx5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.35rem;
}

.toggle-check[b-cuxhkjhdx5] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-weight: 600;
    color: var(--text-primary);
}

.toggle-check span[b-cuxhkjhdx5] {
    line-height: 1.3;
}

.toggle-check input[b-cuxhkjhdx5] {
    width: 18px;
    height: 18px;
    margin-top: 0.1rem;
    accent-color: var(--accent);
}

.settings-field[b-cuxhkjhdx5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.subject-logo-preview[b-cuxhkjhdx5] {
    width: 96px;
    height: 96px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--border-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-surface-muted);
    color: var(--text-secondary);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.subject-logo-preview img[b-cuxhkjhdx5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.status[b-cuxhkjhdx5] {
    margin-left: 0.75rem;
    font-weight: 500;
    color: var(--accent);
}

.field-header[b-cuxhkjhdx5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: var(--text-primary);
}

.field-header label[b-cuxhkjhdx5] {
    font-weight: 600;
    color: var(--text-primary);
}

.field-header .info-button[b-cuxhkjhdx5] {
    margin-left: auto;
}

.settings-field input[type="email"][b-cuxhkjhdx5],
.settings-field input[type="text"][b-cuxhkjhdx5],
.settings-field input[type="number"][b-cuxhkjhdx5] {
    width: 100%;
    padding: 0.65rem 0.8rem;
    border-radius: 8px;
    border: 1px solid var(--border-input);
    font: inherit;
    background: var(--bg-input);
    color: var(--text-primary);
}

.settings-field select[b-cuxhkjhdx5] {
    width: 100%;
    padding: 0.65rem 0.8rem;
    border-radius: 8px;
    border: 1px solid var(--border-input);
    font: inherit;
    background: var(--bg-input);
    color: var(--text-primary);
}

.settings-field input:focus-visible[b-cuxhkjhdx5],
.settings-field select:focus-visible[b-cuxhkjhdx5] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.settings-field input:disabled[b-cuxhkjhdx5],
.settings-field select:disabled[b-cuxhkjhdx5] {
    opacity: 0.7;
    cursor: not-allowed;
}

.settings-field.has-error label[b-cuxhkjhdx5] {
    color: var(--danger);
}

.settings-field .field-error[b-cuxhkjhdx5] {
    font-size: 0.85rem;
    color: var(--danger);
}

.settings-field input.invalid[b-cuxhkjhdx5] {
    border-color: var(--danger);
    box-shadow: 0 0 0 2px var(--danger-ring);
}

.settings-field select.invalid[b-cuxhkjhdx5] {
    border-color: var(--danger);
    box-shadow: 0 0 0 2px var(--danger-ring);
}

.settings-field.has-error .phone-input-select[b-cuxhkjhdx5],
.settings-field.has-error .phone-input-number-field[b-cuxhkjhdx5] {
    border-color: var(--danger);
    box-shadow: 0 0 0 2px var(--danger-ring);
}

.period-settings-grid[b-cuxhkjhdx5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.pattern-preview[b-cuxhkjhdx5] {
    padding: 0.75rem 1rem;
    border-radius: 10px;
    border: 1px dashed var(--border-muted);
    background: var(--bg-surface-muted);
    font-weight: 600;
    color: var(--text-primary);
}

.period-tokens[b-cuxhkjhdx5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.period-tokens .tokens-title[b-cuxhkjhdx5] {
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.token-list[b-cuxhkjhdx5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

.token-pill[b-cuxhkjhdx5] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    padding: 0.65rem 0.75rem;
    border-radius: 10px;
    border: 1px solid var(--border-muted);
    background: var(--bg-surface-muted);
}

.token-pill code[b-cuxhkjhdx5] {
    background: var(--code-bg);
    color: var(--code-fg);
    padding: 0.2rem 0.4rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.token-pill span[b-cuxhkjhdx5] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.toggle-field[b-cuxhkjhdx5] {
    gap: 0.35rem;
}

.toggle-label[b-cuxhkjhdx5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 600;
    color: var(--text-primary);
}

.toggle-label input[b-cuxhkjhdx5] {
    width: 1.1rem;
    height: 1.1rem;
}

.toggle-label.compact[b-cuxhkjhdx5] {
    font-weight: 500;
    gap: 0.45rem;
}

.field-hint[b-cuxhkjhdx5] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.field-hint.warning[b-cuxhkjhdx5] {
    color: var(--state-warning-fg);
}

.field-hint .field-hint-link[b-cuxhkjhdx5] {
    margin-left: 0.4rem;
    color: var(--accent);
    font-weight: 600;
    text-decoration: none;
}

.field-hint .field-hint-link:hover[b-cuxhkjhdx5] {
    text-decoration: underline;
}

.info-button[b-cuxhkjhdx5] {
    width: 24px;
    height: 24px;
    border: 1px solid var(--border-muted);
    border-radius: 50%;
    background: var(--bg-surface-muted);
    color: var(--text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    padding: 0;
}

.info-button[b-cuxhkjhdx5]::before {
    content: "i";
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1;
}

.info-button:hover[b-cuxhkjhdx5] {
    background: var(--bg-surface-hover);
}

.info-button:focus-visible[b-cuxhkjhdx5] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.sr-only[b-cuxhkjhdx5] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.autosend-grid[b-cuxhkjhdx5] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    padding: 1rem;
    border: 1px solid var(--border-muted);
    border-radius: 12px;
    background: var(--bg-surface-muted);
}

.autosend-grid legend[b-cuxhkjhdx5] {
    font-weight: 600;
    color: var(--text-primary);
    padding: 0 0.25rem;
}

.autosend-field[b-cuxhkjhdx5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.autosend-field input[b-cuxhkjhdx5] {
    padding: 0.55rem 0.75rem;
    border-radius: 8px;
    border: 1px solid var(--border-input);
    background: var(--bg-input);
    color: var(--text-primary);
    font-size: 0.95rem;
}

.autosend-field select[b-cuxhkjhdx5] {
    padding: 0.55rem 0.75rem;
    border-radius: 8px;
    border: 1px solid var(--border-input);
    font-size: 0.95rem;
    background: var(--bg-input);
    color: var(--text-primary);
}

.autosend-help[b-cuxhkjhdx5] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin-top: 0.25rem;
}

.autosend-help .help-icon[b-cuxhkjhdx5] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--accent-weak);
    color: var(--accent);
    font-weight: 600;
    font-size: 0.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

fieldset[disabled][b-cuxhkjhdx5] {
    opacity: 0.6;
}

.actions[b-cuxhkjhdx5] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

.danger-zone .actions[b-cuxhkjhdx5] {
    justify-content: flex-start;
}

.danger-zone .danger[b-cuxhkjhdx5] {
    background: var(--danger);
    color: #ffffff;
    border: none;
}

.danger-zone .danger:hover[b-cuxhkjhdx5] {
    background: var(--danger-hover);
}

.danger-zone .danger:disabled[b-cuxhkjhdx5] {
    opacity: 0.6;
    cursor: not-allowed;
}

.deactivate-confirmation[b-cuxhkjhdx5] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-width: 280px;
}

.deactivate-confirmation label[b-cuxhkjhdx5] {
    font-weight: 600;
}

.deactivate-confirmation input[b-cuxhkjhdx5] {
    border: 1px solid var(--border-input);
    border-radius: 10px;
    padding: 0.6rem 0.75rem;
    font: inherit;
    background: var(--bg-input);
    color: var(--text-primary);
}

.deactivate-confirmation input:focus-visible[b-cuxhkjhdx5] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.deactivate-confirmation .helper-text[b-cuxhkjhdx5] {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.success[b-cuxhkjhdx5] {
    color: var(--success);
}

.error[b-cuxhkjhdx5] {
    color: var(--danger);
}

.settings-suggestions-overlay[b-cuxhkjhdx5] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: var(--overlay-backdrop);
    backdrop-filter: blur(2px);
}

.settings-suggestions-modal[b-cuxhkjhdx5] {
    width: min(680px, 100%);
    border-radius: 16px;
    border: 1px solid var(--border-muted);
    background: var(--bg-surface);
    box-shadow: var(--shadow-modal);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.settings-suggestions-header[b-cuxhkjhdx5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.4rem 1.6rem 1rem;
    border-bottom: 1px solid var(--border-muted);
    background: var(--bg-surface-muted);
}

.settings-suggestions-header h2[b-cuxhkjhdx5] {
    margin: 0;
    font-size: 1.45rem;
}

.settings-suggestions-header .modal-subtitle[b-cuxhkjhdx5] {
    margin: 0.35rem 0 0;
    color: var(--text-secondary);
}

.dismiss-icon[b-cuxhkjhdx5] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid var(--border-muted);
    background: var(--bg-surface);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--text-secondary);
}

.dismiss-icon:hover[b-cuxhkjhdx5] {
    background: var(--bg-surface-hover);
}

.dismiss-icon:focus-visible[b-cuxhkjhdx5] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.settings-suggestions-body[b-cuxhkjhdx5] {
    padding: 1.4rem 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.suggestion-option[b-cuxhkjhdx5] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    border: 1px solid var(--border-muted);
    background: var(--bg-surface-muted);
}

.settings-suggestions-footer[b-cuxhkjhdx5] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.6rem 1.4rem;
    border-top: 1px solid var(--border-muted);
    background: var(--bg-surface-muted);
}

@media (max-width: 640px) {
    .autosend-grid[b-cuxhkjhdx5] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }

    .subject-identity-grid[b-cuxhkjhdx5] {
        grid-template-columns: 1fr;
    }

    .document-types-create-fields[b-cuxhkjhdx5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .autosend-grid[b-cuxhkjhdx5] {
        grid-template-columns: 1fr;
    }

    .field-header[b-cuxhkjhdx5] {
        flex-wrap: wrap;
    }

    .field-header .info-button[b-cuxhkjhdx5] {
        margin-left: 0;
    }
}

/* /Pages/ShareLink.razor.rz.scp.css */
.share-metadata[b-e0k2o1i2x8] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    margin-bottom: 1.5rem;
}

.share-summary[b-e0k2o1i2x8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem 1.25rem;
    padding: 0;
    margin: 0;
}

.share-summary div[b-e0k2o1i2x8] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.share-summary dt[b-e0k2o1i2x8] {
    margin: 0;
    font-weight: 600;
    color: #2f2f44;
}

.share-summary dd[b-e0k2o1i2x8] {
    margin: 0;
    color: #4a4a61;
}

.flow-actions[b-e0k2o1i2x8] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.share-receipts[b-e0k2o1i2x8] {
    margin-bottom: 1.5rem;
}

.share-receipts header[b-e0k2o1i2x8] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
}

.share-receipts-header[b-e0k2o1i2x8] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
}

.share-receipts-heading p[b-e0k2o1i2x8] {
    margin: 0;
    color: #475569;
}

.share-receipts-actions[b-e0k2o1i2x8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.share-receipts-actions .filter-toggle[b-e0k2o1i2x8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: #0f172a;
}

.share-receipts-actions input[type="checkbox"][b-e0k2o1i2x8] {
    width: 18px;
    height: 18px;
    accent-color: #0f766e;
}

.share-table[b-e0k2o1i2x8] {
    overflow-x: auto;
    border: 1px solid #ececf5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(17, 24, 39, 0.06);
}

.share-receipts table[b-e0k2o1i2x8] {
    width: 100%;
    border-collapse: collapse;
    min-width: 0;
}

.share-receipts th[b-e0k2o1i2x8],
.share-receipts td[b-e0k2o1i2x8] {
    padding: 0.85rem;
    text-align: left;
    border-bottom: 1px solid #ececf5;
}

.share-receipts th[b-e0k2o1i2x8] {
    font-weight: 600;
    color: #2f2f44;
    background: #f9f9ff;
}

.share-receipts tbody tr:last-child td[b-e0k2o1i2x8] {
    border-bottom: none;
}

.share-receipt-row[b-e0k2o1i2x8] {
    cursor: pointer;
}

.share-receipt-row:focus-visible[b-e0k2o1i2x8] {
    outline: 2px solid #0f766e;
    outline-offset: -2px;
}

.share-receipts .status-col[b-e0k2o1i2x8] {
    width: 32px;
    min-width: 32px;
    padding-left: 0.5rem;
    padding-right: 0.35rem;
}

.processed-flag[b-e0k2o1i2x8] {
    display: inline-flex;
    width: 28px;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f8fafc;
    color: #0f766e;
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
    border: 1.5px solid #cbd5e1;
}

.processed-flag .flag-icon[b-e0k2o1i2x8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.processed-flag.unprocessed .flag-icon[b-e0k2o1i2x8] {
    opacity: 0;
}

.processed-flag.unprocessed:hover[b-e0k2o1i2x8],
.processed-flag.unprocessed:focus-visible[b-e0k2o1i2x8] {
    background: #eef2ff;
    border-color: #94a3b8;
}

.processed-flag.processed[b-e0k2o1i2x8] {
    background: linear-gradient(180deg, #0e9f6e, #0f766e);
    box-shadow: inset 0 0 0 1px rgba(14, 150, 131, 0.25), 0 8px 18px rgba(15, 118, 110, 0.25);
    color: #ffffff;
    border-color: transparent;
}

.processed-flag:disabled[b-e0k2o1i2x8] {
    opacity: 0.7;
    cursor: not-allowed;
}

.receipt-name[b-e0k2o1i2x8] {
    font-weight: 600;
    color: #2f2f44;
}

.receipt-content-type[b-e0k2o1i2x8] {
    font-size: 0.85rem;
    color: #6b6b7a;
}

.receipt-tags[b-e0k2o1i2x8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.25rem;
}

.tag-chip[b-e0k2o1i2x8] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(81, 43, 212, 0.12);
    color: #4020a0;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.4;
}

.tag-chip.more[b-e0k2o1i2x8] {
    background: rgba(15, 23, 42, 0.08);
    color: rgba(15, 23, 42, 0.7);
}

.receipt-thumb-cell[b-e0k2o1i2x8] {
    min-width: 84px;
    width: auto;
}

.receipt-thumb-link[b-e0k2o1i2x8] {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.receipt-thumb[b-e0k2o1i2x8] {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    object-fit: cover;
    background: #f5f5f9;
    border: 1px solid #ececf5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    max-width: 100%;
}

.receipt-thumb.fallback[b-e0k2o1i2x8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f7fafc, #eef2f7);
    color: #94a3b8;
    border: 1px solid #e2e8f0;
}

.receipt-comments-indicator[b-e0k2o1i2x8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: #0f766e;
    margin-top: 0.15rem;
}

.receipt-actions[b-e0k2o1i2x8] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.share-comment-thread[b-e0k2o1i2x8] {
    margin-top: 1rem;
    border-top: 1px solid rgba(47, 47, 68, 0.1);
    padding-top: 1rem;
}

.share-comment[b-e0k2o1i2x8] {
    border: 1px solid rgba(47, 47, 68, 0.1);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    background: #fff;
}

.share-comment-meta[b-e0k2o1i2x8] {
    font-size: 0.85rem;
    color: #4a4a61;
    margin-bottom: 0.35rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.share-comment-avatar[b-e0k2o1i2x8] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    background: #eef2f6;
}

.share-comment-body[b-e0k2o1i2x8] {
    font-size: 0.95rem;
    line-height: 1.45;
}

@media (prefers-color-scheme: dark) {
    .share-comment[b-e0k2o1i2x8] {
        background: #0f172a;
        border-color: rgba(148, 163, 184, 0.35);
    }

    .share-comment-meta[b-e0k2o1i2x8] {
        color: #cbd5f5;
    }
}

@media (max-width: 1024px) {
    .share-summary[b-e0k2o1i2x8] {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }

    .share-table[b-e0k2o1i2x8] {
        box-shadow: none;
    }
}

@media (max-width: 900px) {
    .share-table[b-e0k2o1i2x8] {
        border: 0;
        padding: 0;
        background: transparent;
        overflow: visible;
    }

    .share-receipts table[b-e0k2o1i2x8] {
        display: block;
        background: transparent;
    }

    .share-receipts thead[b-e0k2o1i2x8] {
        display: none;
    }

    .share-receipts tbody[b-e0k2o1i2x8] {
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
    }

    .share-receipts tr[b-e0k2o1i2x8] {
        display: grid;
        grid-template-columns: 28px 84px 1fr;
        gap: 0.65rem 0.85rem;
        border: 1px solid #ececf5;
        border-radius: 12px;
        padding: 0.9rem;
        background: #fff;
        box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
        align-items: start;
    }

    .share-receipts th[b-e0k2o1i2x8],
    .share-receipts td[b-e0k2o1i2x8] {
        padding: 0;
        border: 0;
    }

    .share-receipts .status-col[b-e0k2o1i2x8] {
        grid-row: 1 / span 4;
        align-self: stretch;
        display: flex;
        align-items: stretch;
    }

    .processed-flag[b-e0k2o1i2x8] {
        height: 100%;
        min-height: 100%;
    }

    .receipt-actions[b-e0k2o1i2x8] {
        justify-content: flex-start;
    }

    .receipt-thumb[b-e0k2o1i2x8] {
        width: 72px;
        height: 72px;
    }

    .receipt-thumb.fallback[b-e0k2o1i2x8] {
        width: 72px;
        height: 72px;
    }
}

@media (max-width: 640px) {
    .share-summary[b-e0k2o1i2x8] {
        grid-template-columns: 1fr;
    }

    .share-comment[b-e0k2o1i2x8] {
        padding: 0.7rem 0.85rem;
    }

    .share-comment-body[b-e0k2o1i2x8] {
        font-size: 0.92rem;
    }
}

/* Processing UI */
.share-receipts-heading p[b-e0k2o1i2x8] {
    margin: 0;
    color: #475569;
}

.receipt-process[b-e0k2o1i2x8] {
    min-width: 220px;
}

.process-status[b-e0k2o1i2x8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.status-pill[b-e0k2o1i2x8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.9rem;
}

.status-pill.processed[b-e0k2o1i2x8] {
    background: #e6f7f1;
    color: #0f766e;
}

.status-pill.unprocessed[b-e0k2o1i2x8] {
    background: #f8fafc;
    color: #0f172a;
}

.status-pill-button[b-e0k2o1i2x8] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.status-pill-button:disabled[b-e0k2o1i2x8] {
    cursor: not-allowed;
}

.status-pill .pill-icon svg[b-e0k2o1i2x8] {
    display: block;
}

.process-meta[b-e0k2o1i2x8] {
    color: #475569;
    font-size: 0.8rem;
}

.receipt-process button.small[b-e0k2o1i2x8] {
    margin-top: 0.35rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.9rem;
}
/* /Pages/ShareSimple.razor.rz.scp.css */
.flow-card[b-mqx189jn6u] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.share-simple-summary[b-mqx189jn6u] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.share-simple-details[b-mqx189jn6u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem 1.2rem;
    margin: 0;
    padding: 0;
}

.share-simple-details div[b-mqx189jn6u] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.share-simple-details dt[b-mqx189jn6u] {
    font-weight: 600;
    color: #1e293b;
}

.share-simple-details dd[b-mqx189jn6u] {
    margin: 0;
    color: #475569;
}

.share-simple-actions[b-mqx189jn6u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.share-simple-note[b-mqx189jn6u] {
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 12px;
    color: #334155;
}
/* /Pages/Spam.razor.rz.scp.css */
.Spam-page[b-p3a0r2q0sc] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.page-header[b-p3a0r2q0sc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.page-description[b-p3a0r2q0sc] {
    margin: 0;
    color: #475569;
    font-size: 0.95rem;
    max-width: 60ch;
}

.filters-card[b-p3a0r2q0sc] {
    padding: 1.25rem;
}

.Spam-meta-card[b-p3a0r2q0sc] {
    padding: 1rem 1.25rem;
}

.Spam-meta[b-p3a0r2q0sc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.Spam-meta .meta-text[b-p3a0r2q0sc] {
    flex: 1 1 260px;
}

.Spam-meta .meta-toggle[b-p3a0r2q0sc] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 220px;
}

.Spam-meta .toggle-row[b-p3a0r2q0sc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.Spam-meta .toggle-label[b-p3a0r2q0sc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 600;
    color: #1f2937;
}

.Spam-meta .toggle-label input[b-p3a0r2q0sc] {
    width: 1.1rem;
    height: 1.1rem;
}

.Spam-meta .field-hint[b-p3a0r2q0sc],
.Spam-meta .reset-hint[b-p3a0r2q0sc] {
    margin: 0;
    font-size: 0.85rem;
    color: #6b6b7a;
}

.card-header[b-p3a0r2q0sc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.card-title[b-p3a0r2q0sc] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.title-row[b-p3a0r2q0sc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.section-description[b-p3a0r2q0sc] {
    margin: 0;
    color: #475569;
    font-size: 0.95rem;
}

.filters[b-p3a0r2q0sc] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.field-header[b-p3a0r2q0sc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.field-header label[b-p3a0r2q0sc] {
    margin: 0;
}

.filter-group[b-p3a0r2q0sc] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 180px;
}

.filter-group input[b-p3a0r2q0sc],
.filter-group select[b-p3a0r2q0sc] {
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    border: 1px solid #d4d4dd;
}

.date-input[b-p3a0r2q0sc] {
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    border: 1px solid #d4d4dd;
}

.filter-actions[b-p3a0r2q0sc] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.table-wrapper[b-p3a0r2q0sc] {
    overflow-x: auto;
}

.Spam-table[b-p3a0r2q0sc] {
    width: 100%;
    border-collapse: collapse;
}

.th-label[b-p3a0r2q0sc] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.Spam-table th[b-p3a0r2q0sc],
.Spam-table td[b-p3a0r2q0sc] {
    padding: 0.75rem;
    border-bottom: 1px solid #ececf5;
    text-align: left;
}

.Spam-table tr.Spam-row[b-p3a0r2q0sc] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.Spam-table tr.Spam-row:hover[b-p3a0r2q0sc] {
    background-color: #f1f5ff;
}

.Spam-table tr.selected[b-p3a0r2q0sc] {
    background-color: #e0e7ff;
}

.Spam-table td.select-cell[b-p3a0r2q0sc],
.Spam-table td.action-cell[b-p3a0r2q0sc] {
    cursor: default;
}

.row-actions[b-p3a0r2q0sc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.row-actions button[b-p3a0r2q0sc] {
    white-space: nowrap;
}

[data-theme='dark'] .Spam-table tr.Spam-row:hover[b-p3a0r2q0sc] {
    background-color: #1f2a44;
}

[data-theme='dark'] .Spam-table tr.selected[b-p3a0r2q0sc] {
    background-color: #1e293b;
}

.header-actions[b-p3a0r2q0sc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
}

.action-row[b-p3a0r2q0sc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.header-actions .disabled[b-p3a0r2q0sc] {
    opacity: 0.6;
    pointer-events: none;
}

.info-list[b-p3a0r2q0sc] {
    margin: 0;
    padding-left: 1.1rem;
    list-style: disc;
    color: #475569;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.95rem;
}

.action-hint[b-p3a0r2q0sc] {
    max-width: 260px;
    text-align: right;
}

.alert[b-p3a0r2q0sc] {
    margin-top: 1rem;
}

.alert.info[b-p3a0r2q0sc] {
    background-color: #eef8ff;
    border: 1px solid #90cdf4;
    color: #1a365d;
    padding: 0.75rem 1rem;
    border-radius: 8px;
}

.release-results[b-p3a0r2q0sc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem 1rem;
    border-top: 1px solid #eef2f7;
}

.release-summary[b-p3a0r2q0sc] {
    padding: 0.6rem 0.85rem;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.95rem;
    border: 1px solid transparent;
}

.release-summary.processing[b-p3a0r2q0sc] {
    background: #e0f2fe;
    color: #075985;
    border-color: #7dd3fc;
}

.release-summary.success[b-p3a0r2q0sc] {
    background: #ecfdf3;
    color: #166534;
    border-color: #86efac;
}

.release-summary.warning[b-p3a0r2q0sc] {
    background: #fff7ed;
    color: #9a3412;
    border-color: #fdba74;
}

.release-list[b-p3a0r2q0sc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.release-item[b-p3a0r2q0sc] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.6rem 0.8rem;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    background: #fff;
}

.release-main[b-p3a0r2q0sc] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.release-subject[b-p3a0r2q0sc] {
    font-weight: 600;
    color: #0f172a;
}

.release-from[b-p3a0r2q0sc] {
    font-size: 0.85rem;
    color: #64748b;
}

.release-status[b-p3a0r2q0sc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.release-message[b-p3a0r2q0sc] {
    font-size: 0.85rem;
    color: #b91c1c;
    text-align: right;
    max-width: 240px;
}

.info-button[b-p3a0r2q0sc] {
    width: 24px;
    height: 24px;
    border: 1px solid #d9d8ef;
    border-radius: 50%;
    background: #f4f3ff;
    color: #4a4a61;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    padding: 0;
}

.info-button.inline[b-p3a0r2q0sc] {
    width: 22px;
    height: 22px;
}

.info-button[b-p3a0r2q0sc]::before {
    content: "i";
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1;
}

.info-button:hover[b-p3a0r2q0sc] {
    background: #edeafe;
}

.info-button:focus-visible[b-p3a0r2q0sc] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

[data-theme='dark'] .release-item[b-p3a0r2q0sc] {
    background: #0f172a;
    border-color: #1f2a44;
}

[data-theme='dark'] .release-subject[b-p3a0r2q0sc] {
    color: #e2e8f0;
}

[data-theme='dark'] .release-from[b-p3a0r2q0sc] {
    color: #94a3b8;
}

[data-theme='dark'] .release-summary.processing[b-p3a0r2q0sc] {
    background: rgba(56, 189, 248, 0.12);
    color: #7dd3fc;
    border-color: rgba(125, 211, 252, 0.4);
}

[data-theme='dark'] .release-summary.success[b-p3a0r2q0sc] {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
    border-color: rgba(134, 239, 172, 0.35);
}

[data-theme='dark'] .release-summary.warning[b-p3a0r2q0sc] {
    background: rgba(251, 146, 60, 0.15);
    color: #fdba74;
    border-color: rgba(251, 146, 60, 0.45);
}

[data-theme='dark'] .page-description[b-p3a0r2q0sc],
[data-theme='dark'] .section-description[b-p3a0r2q0sc],
[data-theme='dark'] .Spam-meta .field-hint[b-p3a0r2q0sc],
[data-theme='dark'] .Spam-meta .reset-hint[b-p3a0r2q0sc],
[data-theme='dark'] .info-list[b-p3a0r2q0sc] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .Spam-meta .toggle-label[b-p3a0r2q0sc],
[data-theme='dark'] .filter-group input[b-p3a0r2q0sc],
[data-theme='dark'] .filter-group select[b-p3a0r2q0sc],
[data-theme='dark'] .date-input[b-p3a0r2q0sc] {
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .filter-group input[b-p3a0r2q0sc],
[data-theme='dark'] .filter-group select[b-p3a0r2q0sc],
[data-theme='dark'] .date-input[b-p3a0r2q0sc] {
    border-color: var(--border-input, #334155);
    background: var(--bg-input, #1e293b);
}

[data-theme='dark'] .Spam-table th[b-p3a0r2q0sc],
[data-theme='dark'] .Spam-table td[b-p3a0r2q0sc] {
    border-bottom-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .Spam-table th[b-p3a0r2q0sc] {
    color: var(--text-secondary, #94a3b8);
}

[data-theme='dark'] .alert.info[b-p3a0r2q0sc] {
    background: color-mix(in srgb, var(--state-info-bg, rgba(96, 165, 250, 0.12)) 90%, var(--bg-surface, #0f172a));
    border-color: var(--state-info-border, rgba(96, 165, 250, 0.45));
    color: var(--state-info-fg, #bfdbfe);
}

[data-theme='dark'] .release-results[b-p3a0r2q0sc] {
    border-top-color: var(--border-muted, #1f2a44);
}

[data-theme='dark'] .release-message[b-p3a0r2q0sc] {
    color: #fecaca;
}

[data-theme='dark'] .info-button[b-p3a0r2q0sc] {
    border-color: var(--border-muted, #1f2a44);
    background: var(--bg-surface-muted, #111c2f);
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .info-button:hover[b-p3a0r2q0sc] {
    background: var(--bg-surface-hover, rgba(148, 163, 184, 0.16));
}

/* /Pages/SpamDetail.razor.rz.scp.css */
.Spam-detail[b-515xje0b77] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
}

.detail-header[b-515xje0b77] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}

.detail-heading[b-515xje0b77] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 240px;
}

.detail-subtitle[b-515xje0b77] {
    margin: 0;
    color: #475569;
    font-size: 0.95rem;
}

.detail-actions[b-515xje0b77] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.detail-grid[b-515xje0b77] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.25rem;
}

.detail-card[b-515xje0b77] {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}

.detail-card h2[b-515xje0b77],
.detail-card h3[b-515xje0b77] {
    margin-top: 0;
}

.status-row[b-515xje0b77] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.status-description[b-515xje0b77] {
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.4;
}

.detail-meta[b-515xje0b77] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.5rem 1rem;
    margin: 0;
}

.detail-meta dt[b-515xje0b77] {
    font-weight: 600;
    color: #475569;
}

.detail-meta dd[b-515xje0b77] {
    margin: 0;
    color: #0f172a;
    word-break: break-word;
}

.email-body.text[b-515xje0b77] {
    white-space: pre-wrap;
    margin: 0;
    font-family: "Segoe UI", sans-serif;
    line-height: 1.6;
    color: #0f172a;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    padding: 1rem;
}

.email-body.html[b-515xje0b77] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem;
    background: #f9fafb;
    overflow-x: auto;
}

.email-links[b-515xje0b77] {
    list-style: disc;
    padding-left: 1.5rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.email-links a[b-515xje0b77] {
    word-break: break-all;
    color: var(--accent);
}

.attachments[b-515xje0b77] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.attachments li[b-515xje0b77] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    background: #f8fafc;
}

.attachment-info[b-515xje0b77] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.attachment-info .name[b-515xje0b77] {
    font-weight: 600;
    color: #0f172a;
}

.attachment-info .meta[b-515xje0b77] {
    font-size: 0.85rem;
    color: #6b7280;
}

.attachment-actions[b-515xje0b77] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.badge.inline[b-515xje0b77] {
    background: #e0e7ff;
    color: #3730a3;
    border-radius: 999px;
    padding: 0.2rem 0.5rem;
    font-size: 0.7rem;
}

[data-theme='dark'] .detail-header[b-515xje0b77] {
    background: #0f172a;
    border-color: #1f2a44;
}

[data-theme='dark'] .detail-card[b-515xje0b77] {
    background: #0f172a;
    border-color: #1f2a44;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
}

[data-theme='dark'] .detail-meta dd[b-515xje0b77] {
    color: #e2e8f0;
}

[data-theme='dark'] .detail-subtitle[b-515xje0b77],
[data-theme='dark'] .status-description[b-515xje0b77] {
    color: #94a3b8;
}


[data-theme='dark'] .email-body.text[b-515xje0b77] {
    background: #0b1220;
    border-color: #1f2a44;
    color: #e2e8f0;
}

[data-theme='dark'] .email-body.html[b-515xje0b77] {
    background: #0b1220;
    border-color: #1f2a44;
}

[data-theme='dark'] .attachments li[b-515xje0b77] {
    background: #0b1220;
    border-color: #1f2a44;
}

/* /Pages/Subjects.razor.rz.scp.css */
.subjects[b-3iwd51b2df] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}


.subjects header[b-3iwd51b2df] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.subject-grid[b-3iwd51b2df] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    align-items: stretch;
}

.accountant-subjects-info[b-3iwd51b2df] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 1rem 1.1rem;
}

.accountant-subjects-info h2[b-3iwd51b2df] {
    margin: 0;
}

.accountant-subjects-info p[b-3iwd51b2df] {
    margin: 0;
    color: #475569;
}

.accountant-subjects-link[b-3iwd51b2df] {
    align-self: flex-start;
}

.accountant-subjects[b-3iwd51b2df] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.accountant-header[b-3iwd51b2df] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.accountant-header h2[b-3iwd51b2df] {
    margin: 0;
    font-size: 1.25rem;
}

.accountant-table-wrapper[b-3iwd51b2df] {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    overflow-x: auto;
}

.accountant-table[b-3iwd51b2df] {
    width: 100%;
    min-width: 780px;
    margin-bottom: 0;
}

.accountant-table th[b-3iwd51b2df],
.accountant-table td[b-3iwd51b2df] {
    vertical-align: middle;
}

.accountant-table th[b-3iwd51b2df] {
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    color: #64748b;
}

.accountant-table th.wrap[b-3iwd51b2df] {
    white-space: normal;
}

.accountant-table th.numeric[b-3iwd51b2df],
.accountant-table td.numeric[b-3iwd51b2df] {
    text-align: right;
}

.accountant-chat-col[b-3iwd51b2df],
.accountant-chat-cell[b-3iwd51b2df] {
    width: 56px;
    text-align: center;
}

.sort-cell[b-3iwd51b2df] {
    white-space: nowrap;
}

.sort-button[b-3iwd51b2df] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: none;
    background: transparent;
    font: inherit;
    color: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
}

.sort-button:focus-visible[b-3iwd51b2df] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 6px;
}

.sort-indicator[b-3iwd51b2df] {
    display: inline-flex;
    align-items: center;
}

.sort-indicator svg[b-3iwd51b2df] {
    width: 0.8rem;
    height: 0.8rem;
}

.sort-indicator .sort-up[b-3iwd51b2df],
.sort-indicator .sort-down[b-3iwd51b2df] {
    opacity: 0.25;
}

.sort-button.sort-asc .sort-up[b-3iwd51b2df] {
    opacity: 0.9;
}

.sort-button.sort-desc .sort-down[b-3iwd51b2df] {
    opacity: 0.9;
}

.accountant-filters th[b-3iwd51b2df] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.accountant-filter[b-3iwd51b2df] {
    width: 100%;
    min-width: 0;
    padding: 0.35rem 0.5rem;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    font-size: 0.82rem;
    background: #ffffff;
    color: #0f172a;
}

.accountant-filter[b-3iwd51b2df]::placeholder {
    color: #94a3b8;
}

.accountant-table th.numeric .accountant-filter[b-3iwd51b2df] {
    text-align: right;
}

.accountant-row[b-3iwd51b2df] {
    cursor: pointer;
}

.accountant-row:hover[b-3iwd51b2df] {
    background: rgba(15, 23, 42, 0.04);
}

.accountant-row.active[b-3iwd51b2df] {
    background: rgba(14, 150, 131, 0.12);
}

.accountant-row:focus-visible[b-3iwd51b2df] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.accountant-subject-title[b-3iwd51b2df] {
    font-weight: 600;
    color: #0f172a;
}

.accountant-badge[b-3iwd51b2df] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.accountant-badge.unaccounted[b-3iwd51b2df] {
    background: #ffedd5;
    color: #9a3412;
    border: 1px solid rgba(154, 52, 18, 0.25);
}

.accountant-muted[b-3iwd51b2df] {
    color: #94a3b8;
    font-size: 0.85rem;
}

.accountant-empty[b-3iwd51b2df] {
    text-align: center;
    color: #94a3b8;
    padding: 1rem 0.5rem;
}

.accountant-pagination[b-3iwd51b2df] {
    padding: 0.75rem 0.25rem 0;
}

.pagination-toolbar[b-3iwd51b2df] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.pagination-buttons[b-3iwd51b2df] {
    display: flex;
    gap: 0.75rem;
}

.subject-card[b-3iwd51b2df] {
    position: relative;
    background: #ffffff;
    border: 1px solid transparent;
    width: 100%;
    text-align: left;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
    cursor: pointer;
    transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease, background-color 0.15s ease;
    font: inherit;
    color: inherit;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
}

.subject-card:hover[b-3iwd51b2df] {
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
    transform: translateY(-1px);
    border-color: rgba(15, 23, 42, 0.12);
    background: #f8fafc;
}

.subject-card.active[b-3iwd51b2df] {
    border-color: var(--accent);
    box-shadow: 0 8px 20px rgba(22, 163, 74, 0.18);
}

.subject-card:focus-visible[b-3iwd51b2df] {
    outline: 3px solid var(--accent);
    outline-offset: 3px;
}

.subject-card-header[b-3iwd51b2df] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.subject-card-name-row[b-3iwd51b2df] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    flex: 1;
    min-width: 0;
}

.subject-card-meta-row[b-3iwd51b2df] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.subject-card-meta[b-3iwd51b2df] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    flex: 1;
}

.subject-card-actions[b-3iwd51b2df] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.subject-chat-link-wrapper[b-3iwd51b2df] {
    position: relative;
    display: inline-flex;
}

.subject-chat-link[b-3iwd51b2df] {
    position: relative;
    border: none;
    background: rgba(15, 23, 42, 0.08);
    color: #0f172a;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.subject-chat-link.small[b-3iwd51b2df] {
    width: 30px;
    height: 30px;
    border-radius: 10px;
}

.subject-chat-link svg[b-3iwd51b2df] {
    width: 18px;
    height: 18px;
}

.subject-chat-link:hover[b-3iwd51b2df] {
    background: rgba(15, 23, 42, 0.14);
}

.subject-chat-link:focus-visible[b-3iwd51b2df] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.subject-chat-badge[b-3iwd51b2df] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--accent);
    color: #ffffff;
    font-size: 0.6rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    box-shadow: 0 0 0 2px #ffffff;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    line-height: 1;
}

.subject-chat-badge:focus-visible[b-3iwd51b2df] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.subject-name[b-3iwd51b2df] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.25;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    width: 100%;
}

.subject-card .identifier[b-3iwd51b2df] {
    margin: 0;
    font-size: 0.85rem;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.subject-card-badges[b-3iwd51b2df] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    min-height: 22px;
}

.subject-logo[b-3iwd51b2df] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    object-fit: cover;
    background: #eef2f6;
}

.subject-card .badge[b-3iwd51b2df] {}

.subject-card .badge.locked[b-3iwd51b2df] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid rgba(146, 64, 14, 0.25);
}

.subject-card .badge.pending[b-3iwd51b2df] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid rgba(153, 27, 27, 0.25);
}

.subject-card .badge.unaccounted[b-3iwd51b2df] {
    background: #ffedd5;
    color: #9a3412;
    border: 1px solid rgba(154, 52, 18, 0.25);
}

.subject-card .badge.Spam-count[b-3iwd51b2df] {
    background: #e0f2fe;
    color: #075985;
    border: 1px solid rgba(7, 89, 133, 0.25);
}

[data-theme='dark'] .subject-card .badge.locked[b-3iwd51b2df] {
    background: rgba(245, 158, 11, 0.18);
    color: rgba(253, 230, 138, 0.95);
    border-color: rgba(253, 230, 138, 0.25);
}

[data-theme='dark'] .subject-card .badge.pending[b-3iwd51b2df] {
    background: rgba(220, 38, 38, 0.18);
    color: rgba(254, 202, 202, 0.95);
    border-color: rgba(254, 202, 202, 0.25);
}

[data-theme='dark'] .subject-card .badge.unaccounted[b-3iwd51b2df] {
    background: rgba(234, 88, 12, 0.2);
    color: rgba(254, 215, 170, 0.95);
    border-color: rgba(234, 88, 12, 0.35);
}

[data-theme='dark'] .subject-card .badge.Spam-count[b-3iwd51b2df] {
    background: rgba(14, 116, 144, 0.2);
    color: rgba(207, 250, 254, 0.95);
    border-color: rgba(6, 182, 212, 0.3);
}

[data-theme='dark'] .subject-card .identifier[b-3iwd51b2df] {
    color: #94a3b8;
}

.subject-card .edit-button[b-3iwd51b2df] {
    border: none;
    background: #eef2ff;
    color: #1d4ed8;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    font-size: 0.8rem;
    cursor: pointer;
    white-space: nowrap;
}

.subject-card .edit-button:hover[b-3iwd51b2df] {
    background: #dbeafe;
}

.subject-card .edit-button:focus-visible[b-3iwd51b2df] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.subject-role[b-3iwd51b2df] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: #eef2ff;
    color: #1d4ed8;
}

.subject-role.accountant[b-3iwd51b2df] {
    background: #fff7ed;
    color: #9a3412;
}

.subject-role.cooperator[b-3iwd51b2df] {
    background: #f0fdf4;
    color: #166534;
}

.subject-card-footer[b-3iwd51b2df] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: auto;
}

.subject-footer-left[b-3iwd51b2df] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.subject-created[b-3iwd51b2df] {
    font-size: 0.75rem;
    color: #94a3b8;
    text-align: right;
}

.subject-summary[b-3iwd51b2df] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0.55rem 0 0.45rem;
}

.summary-chips[b-3iwd51b2df] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.summary-meta[b-3iwd51b2df] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.summary-chip[b-3iwd51b2df] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    background: #f1f5f9;
    color: #0f172a;
    border: 1px solid rgba(15, 23, 42, 0.08);
    white-space: nowrap;
    min-width: 0;
    max-width: 100%;
}

.summary-chip-action[b-3iwd51b2df] {
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    text-decoration: none;
}

.summary-chip-action:hover[b-3iwd51b2df] {
    border-color: rgba(15, 23, 42, 0.2);
}

.summary-chip-action:focus-visible[b-3iwd51b2df] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.summary-chip-action:disabled[b-3iwd51b2df] {
    opacity: 0.65;
    cursor: not-allowed;
    box-shadow: none;
}

.summary-chip-icon[b-3iwd51b2df] {
    color: #64748b;
}

.summary-chip-text[b-3iwd51b2df] {
    color: #475569;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.summary-chip-value[b-3iwd51b2df] {
    font-weight: 600;
}

.summary-chip.plan .summary-chip-text[b-3iwd51b2df],
.summary-chip.pending .summary-chip-text[b-3iwd51b2df],
.summary-chip.unaccounted .summary-chip-text[b-3iwd51b2df] {
    color: inherit;
}

.summary-chip.plan[b-3iwd51b2df] {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.summary-chip.pending[b-3iwd51b2df] {
    background: #fee2e2;
    color: #991b1b;
    border-color: rgba(153, 27, 27, 0.2);
}

.summary-chip.unaccounted[b-3iwd51b2df] {
    background: #ffedd5;
    color: #9a3412;
    border-color: rgba(154, 52, 18, 0.25);
}

.summary-chip.plan.plan-free[b-3iwd51b2df] {
    background: #ecfdf5;
    color: #065f46;
    border-color: rgba(6, 95, 70, 0.18);
}

.summary-chip.plan.plan-solo[b-3iwd51b2df] {
    background: #eef2ff;
    color: #1d4ed8;
    border-color: rgba(29, 78, 216, 0.18);
}

.summary-chip.plan.plan-team[b-3iwd51b2df] {
    background: #fef3c7;
    color: #92400e;
    border-color: rgba(146, 64, 14, 0.22);
}

.summary-chip.plan.plan-pending[b-3iwd51b2df] {
    background: #fef2f2;
    color: #991b1b;
    border-color: rgba(153, 27, 27, 0.18);
}

.summary-storage[b-3iwd51b2df] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex: 1 1 120px;
    min-width: 120px;
}

.summary-storage-bar[b-3iwd51b2df] {
    flex: 1 1 auto;
    height: 6px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
}

.summary-storage-fill[b-3iwd51b2df] {
    height: 100%;
    width: 0;
    background: var(--accent);
}

.summary-storage-bar.warning .summary-storage-fill[b-3iwd51b2df] {
    background: #f59e0b;
}

.summary-storage-bar.danger .summary-storage-fill[b-3iwd51b2df] {
    background: #dc2626;
}

.summary-storage-percent[b-3iwd51b2df] {
    font-size: 0.75rem;
    color: #475569;
    min-width: 3ch;
    text-align: right;
}

.summary-flags[b-3iwd51b2df] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
}

.subject-accountant-progress[b-3iwd51b2df] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0.35rem 0 0.55rem;
    font-size: 0.78rem;
    color: #475569;
}

.accountant-progress-count[b-3iwd51b2df] {
    font-weight: 600;
    color: #0f172a;
}

.accountant-progress-bar[b-3iwd51b2df] {
    height: 6px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
}

.accountant-progress-fill[b-3iwd51b2df] {
    display: block;
    height: 100%;
    background: var(--accent);
}

.subject-accountant-progress.pending .accountant-progress-fill[b-3iwd51b2df] {
    background: #f59e0b;
}

.subject-accountant-progress.complete .accountant-progress-fill[b-3iwd51b2df] {
    background: #16a34a;
}

.subject-accountant-progress.pending .accountant-progress-count[b-3iwd51b2df] {
    color: #b45309;
}

.subject-accountant-progress.complete .accountant-progress-count[b-3iwd51b2df] {
    color: #166534;
}

.summary-flag[b-3iwd51b2df] {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.summary-flag.warning[b-3iwd51b2df] {
    background: #fef3c7;
    color: #92400e;
    border-color: rgba(146, 64, 14, 0.22);
}

.summary-flag.danger[b-3iwd51b2df] {
    background: #fee2e2;
    color: #b91c1c;
    border-color: rgba(185, 28, 28, 0.22);
}

.summary-flag.muted[b-3iwd51b2df] {
    background: #e2e8f0;
    color: #334155;
    border-color: rgba(51, 65, 85, 0.18);
}

[data-theme='dark'] .summary-chip[b-3iwd51b2df] {
    background: rgba(148, 163, 184, 0.12);
    color: #e2e8f0;
    border-color: rgba(148, 163, 184, 0.2);
}

[data-theme='dark'] .summary-chip-action:hover[b-3iwd51b2df] {
    border-color: rgba(148, 163, 184, 0.45);
}

[data-theme='dark'] .summary-chip-icon[b-3iwd51b2df] {
    color: #94a3b8;
}

[data-theme='dark'] .summary-chip-text[b-3iwd51b2df] {
    color: #94a3b8;
}

[data-theme='dark'] .summary-chip.plan.plan-free[b-3iwd51b2df] {
    background: rgba(16, 185, 129, 0.18);
    color: rgba(167, 243, 208, 0.95);
    border-color: rgba(167, 243, 208, 0.25);
}

[data-theme='dark'] .summary-chip.plan.plan-solo[b-3iwd51b2df] {
    background: rgba(29, 78, 216, 0.18);
    color: rgba(191, 219, 254, 0.95);
    border-color: rgba(191, 219, 254, 0.25);
}

[data-theme='dark'] .summary-chip.plan.plan-team[b-3iwd51b2df] {
    background: rgba(245, 158, 11, 0.18);
    color: rgba(253, 230, 138, 0.95);
    border-color: rgba(253, 230, 138, 0.25);
}

[data-theme='dark'] .summary-chip.plan.plan-pending[b-3iwd51b2df] {
    background: rgba(220, 38, 38, 0.18);
    color: rgba(254, 202, 202, 0.95);
    border-color: rgba(254, 202, 202, 0.25);
}

[data-theme='dark'] .summary-chip.pending[b-3iwd51b2df] {
    background: rgba(220, 38, 38, 0.18);
    color: rgba(254, 202, 202, 0.95);
    border-color: rgba(254, 202, 202, 0.25);
}

[data-theme='dark'] .summary-chip.unaccounted[b-3iwd51b2df] {
    background: rgba(234, 88, 12, 0.2);
    color: rgba(254, 215, 170, 0.95);
    border-color: rgba(234, 88, 12, 0.35);
}

[data-theme='dark'] .summary-storage-bar[b-3iwd51b2df] {
    background: rgba(148, 163, 184, 0.18);
}

[data-theme='dark'] .summary-storage-percent[b-3iwd51b2df] {
    color: #94a3b8;
}

[data-theme='dark'] .summary-flag[b-3iwd51b2df] {
    background: rgba(148, 163, 184, 0.12);
    color: #e2e8f0;
    border-color: rgba(148, 163, 184, 0.2);
}

[data-theme='dark'] .summary-flag.warning[b-3iwd51b2df] {
    background: rgba(245, 158, 11, 0.18);
    color: rgba(253, 230, 138, 0.95);
    border-color: rgba(253, 230, 138, 0.25);
}

[data-theme='dark'] .summary-flag.danger[b-3iwd51b2df] {
    background: rgba(220, 38, 38, 0.18);
    color: rgba(254, 202, 202, 0.95);
    border-color: rgba(254, 202, 202, 0.25);
}

[data-theme='dark'] .summary-flag.muted[b-3iwd51b2df] {
    background: rgba(148, 163, 184, 0.18);
    color: rgba(226, 232, 240, 0.95);
    border-color: rgba(226, 232, 240, 0.25);
}

[data-theme='dark'] .subject-accountant-progress[b-3iwd51b2df] {
    color: #94a3b8;
}

[data-theme='dark'] .accountant-progress-count[b-3iwd51b2df] {
    color: #e2e8f0;
}

[data-theme='dark'] .accountant-progress-bar[b-3iwd51b2df] {
    background: rgba(148, 163, 184, 0.18);
}

[data-theme='dark'] .subject-accountant-progress.pending .accountant-progress-fill[b-3iwd51b2df] {
    background: rgba(245, 158, 11, 0.75);
}

[data-theme='dark'] .subject-accountant-progress.complete .accountant-progress-fill[b-3iwd51b2df] {
    background: rgba(34, 197, 94, 0.8);
}

[data-theme='dark'] .subject-accountant-progress.pending .accountant-progress-count[b-3iwd51b2df] {
    color: rgba(253, 230, 138, 0.95);
}

[data-theme='dark'] .subject-accountant-progress.complete .accountant-progress-count[b-3iwd51b2df] {
    color: rgba(187, 247, 208, 0.95);
}

[data-theme='dark'] .accountant-subjects-info p[b-3iwd51b2df] {
    color: #94a3b8;
}

[data-theme='dark'] .toggle-row[b-3iwd51b2df] {
    border-color: rgba(148, 163, 184, 0.25);
    background: rgba(30, 41, 59, 0.6);
}

[data-theme='dark'] .toggle-check[b-3iwd51b2df] {
    color: #e2e8f0;
}

[data-theme='dark'] .toggle-info[b-3iwd51b2df] {
    border-color: rgba(148, 163, 184, 0.25);
    background: rgba(148, 163, 184, 0.18);
    color: #e2e8f0;
}

[data-theme='dark'] .toggle-info:hover[b-3iwd51b2df] {
    background: rgba(148, 163, 184, 0.28);
}

[data-theme='dark'] .accountant-table-wrapper[b-3iwd51b2df] {
    background: #0f172a;
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.5);
}

[data-theme='dark'] .accountant-table th[b-3iwd51b2df],
[data-theme='dark'] .accountant-table td[b-3iwd51b2df] {
    border-bottom-color: rgba(148, 163, 184, 0.2);
}

[data-theme='dark'] .accountant-table th[b-3iwd51b2df] {
    color: #94a3b8;
}

[data-theme='dark'] .accountant-table td[b-3iwd51b2df] {
    color: #e2e8f0;
}

[data-theme='dark'] .accountant-filters th[b-3iwd51b2df] {
    background: rgba(30, 41, 59, 0.7);
    border-bottom-color: rgba(148, 163, 184, 0.2);
}

[data-theme='dark'] .accountant-filter[b-3iwd51b2df] {
    background: rgba(15, 23, 42, 0.9);
    border-color: rgba(148, 163, 184, 0.3);
    color: #e2e8f0;
}

[data-theme='dark'] .accountant-filter[b-3iwd51b2df]::placeholder {
    color: #64748b;
}

[data-theme='dark'] .accountant-row:hover[b-3iwd51b2df] {
    background: rgba(30, 41, 59, 0.6);
}

[data-theme='dark'] .accountant-row.active[b-3iwd51b2df] {
    background: rgba(14, 150, 131, 0.25);
}

[data-theme='dark'] .accountant-subject-title[b-3iwd51b2df] {
    color: #e2e8f0;
}

[data-theme='dark'] .accountant-badge.unaccounted[b-3iwd51b2df] {
    background: rgba(234, 88, 12, 0.2);
    color: rgba(254, 215, 170, 0.95);
    border-color: rgba(234, 88, 12, 0.35);
}

[data-theme='dark'] .accountant-muted[b-3iwd51b2df] {
    color: #94a3b8;
}

[data-theme='dark'] .accountant-empty[b-3iwd51b2df] {
    color: #94a3b8;
}

.error[b-3iwd51b2df] {
    color: #cc0000;
}

.subject-create-overlay[b-3iwd51b2df] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(2px);
}

.subject-create-modal[b-3iwd51b2df] {
    width: min(980px, 100%);
    max-height: min(90vh, 900px);
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    box-shadow: 0 30px 120px rgba(15, 23, 42, 0.3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.subject-create-header[b-3iwd51b2df] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.6rem 2rem 1.2rem;
    border-bottom: 1px solid rgba(226, 232, 240, 0.8);
    background: #f8fafc;
}

.subject-create-header h2[b-3iwd51b2df] {
    margin: 0;
    font-size: 1.5rem;
}

.subject-create-header .modal-subtitle[b-3iwd51b2df] {
    margin: 0.35rem 0 0;
    color: #475569;
}

.subject-create-header .form-error-banner[b-3iwd51b2df] {
    margin-top: 0.75rem;
}

.dismiss-icon[b-3iwd51b2df] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #475569;
}

.dismiss-icon:hover[b-3iwd51b2df] {
    background: #f1f5f9;
}

.dismiss-icon:focus-visible[b-3iwd51b2df] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.subject-create-body[b-3iwd51b2df] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 1.6rem 2rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.subject-create-footer[b-3iwd51b2df] {
    border-top: 1px solid rgba(226, 232, 240, 0.8);
    padding: 1.2rem 2rem 1.6rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    background: #f8fafc;
}

.subject-create-section[b-3iwd51b2df] {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.section-title[b-3iwd51b2df] {
    margin: 0;
    font-size: 1.05rem;
}

.section-hint[b-3iwd51b2df] {
    margin: 0.35rem 0 0;
    color: #64748b;
    font-size: 0.9rem;
}

.subject-create-grid[b-3iwd51b2df] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.subject-create-grid .full-span[b-3iwd51b2df] {
    grid-column: 1 / -1;
}

.form-field[b-3iwd51b2df] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-field label[b-3iwd51b2df] {
    font-weight: 600;
    color: #1e293b;
}

.form-field input[b-3iwd51b2df],
.form-field select[b-3iwd51b2df] {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #cbd5f5;
    padding: 0.65rem 0.8rem;
    font: inherit;
    background: #ffffff;
    color: inherit;
}

.form-field input:focus-visible[b-3iwd51b2df],
.form-field select:focus-visible[b-3iwd51b2df] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.form-field .helper-text[b-3iwd51b2df] {
    font-size: 0.8rem;
    color: #475569;
    line-height: 1.4;
}

.form-field.has-error label[b-3iwd51b2df] {
    color: #b91c1c;
}

.form-field .field-error[b-3iwd51b2df] {
    font-size: 0.82rem;
    color: #b91c1c;
}

.form-field input.invalid[b-3iwd51b2df],
.form-field select.invalid[b-3iwd51b2df] {
    border-color: #fca5a5;
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.2);
}

.identifier-lookup-row[b-3iwd51b2df] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.6rem;
    align-items: center;
}

.registry-button[b-3iwd51b2df] {
    white-space: nowrap;
    border-radius: 10px;
    border: 1px solid #cbd5f5;
    background: #f8fafc;
    color: #0f172a;
    padding: 0.55rem 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.registry-button:hover[b-3iwd51b2df] {
    background: #f1f5f9;
}

.registry-button:disabled[b-3iwd51b2df] {
    opacity: 0.6;
    cursor: not-allowed;
}

.registry-status[b-3iwd51b2df] {
    font-size: 0.82rem;
    color: #475569;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.registry-status.error[b-3iwd51b2df] {
    color: #b91c1c;
}

.registry-spinner[b-3iwd51b2df] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #cbd5f5;
    border-top-color: var(--accent);
    animation: registry-spin-b-3iwd51b2df 0.8s linear infinite;
}

@keyframes registry-spin-b-3iwd51b2df {
    to {
        transform: rotate(360deg);
    }
}

.form-field.has-error .phone-input-select[b-3iwd51b2df],
.form-field.has-error .phone-input-number-field[b-3iwd51b2df] {
    border-color: #fca5a5;
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.2);
}

.form-error-banner[b-3iwd51b2df] {
    margin: 0;
    padding: 0.65rem 0.8rem;
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: #991b1b;
}

.entity-options[b-3iwd51b2df] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
}

.entity-option[b-3iwd51b2df] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid #cbd5f5;
    background: #ffffff;
    cursor: pointer;
    font-weight: 600;
    color: #1e293b;
}

.entity-option input[b-3iwd51b2df] {
    width: 18px;
    height: 18px;
    accent-color: var(--accent);
}

.entity-option.selected[b-3iwd51b2df] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(47, 128, 237, 0.18);
}

.relationship-grid[b-3iwd51b2df] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
}

.relationship-option[b-3iwd51b2df] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid #cbd5f5;
    background: #ffffff;
    cursor: pointer;
    font-weight: 600;
    color: #1e293b;
}

.relationship-option input[b-3iwd51b2df] {
    width: 18px;
    height: 18px;
    accent-color: var(--accent);
}

.relationship-option.selected[b-3iwd51b2df] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(47, 128, 237, 0.18);
}

.relationship-note[b-3iwd51b2df] {
    margin-top: 0.5rem;
    padding: 0.6rem 0.8rem;
    border-radius: 12px;
    background: #fef3c7;
    color: #92400e;
    border: 1px solid rgba(146, 64, 14, 0.2);
    font-size: 0.85rem;
}

.plan-grid.has-error .plan-option[b-3iwd51b2df] {
    border-color: rgba(248, 113, 113, 0.6);
}

.plan-grid.has-error .plan-option.selected[b-3iwd51b2df] {
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.35);
}

.plan-toggles.has-error .interval-toggle[b-3iwd51b2df] {
    border-color: rgba(248, 113, 113, 0.5);
    background: rgba(248, 113, 113, 0.12);
}

.plan-toggles.has-error .addon-toggle[b-3iwd51b2df] {
    border-color: rgba(248, 113, 113, 0.5);
}

.plan-grid[b-3iwd51b2df] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
}

.plan-option[b-3iwd51b2df] {
    display: flex;
    gap: 0.6rem;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid #cbd5f5;
    background: #fff;
    cursor: pointer;
    align-items: flex-start;
    min-width: 0;
}

.plan-option.selected[b-3iwd51b2df] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(47, 128, 237, 0.18);
}

.plan-option input[b-3iwd51b2df] {
    margin-top: 0.2rem;
}

.plan-option-body[b-3iwd51b2df] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.plan-name[b-3iwd51b2df] {
    font-weight: 700;
    color: #0f172a;
}

.plan-desc[b-3iwd51b2df] {
    font-size: 0.78rem;
    color: #64748b;
    line-height: 1.4;
}

.plan-toggles[b-3iwd51b2df] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 0.5rem;
}

.interval-toggle[b-3iwd51b2df] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    padding: 0.25rem;
    border-radius: 999px;
    border: 1px solid rgba(47, 128, 237, 0.25);
    background: rgba(47, 128, 237, 0.08);
    width: fit-content;
}

.toggle-option[b-3iwd51b2df] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    font-weight: 600;
    color: #1e293b;
    cursor: pointer;
}

.toggle-option.selected[b-3iwd51b2df] {
    background: var(--accent);
    color: #fff;
}

.toggle-option input[b-3iwd51b2df] {
    display: none;
}

.toggle-row[b-3iwd51b2df] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    border: 1px solid #cbd5f5;
    background: #fff;
}

.invite-row[b-3iwd51b2df] {
    margin-top: 0.5rem;
}

.toggle-check[b-3iwd51b2df] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    flex: 1;
    font-weight: 600;
    color: #1e293b;
}

.toggle-check span[b-3iwd51b2df] {
    line-height: 1.3;
}

.toggle-check input[b-3iwd51b2df] {
    width: 18px;
    height: 18px;
    margin-top: 0.1rem;
    accent-color: var(--accent);
}

.toggle-info[b-3iwd51b2df] {
    width: 24px;
    height: 24px;
    border: 1px solid #d9d8ef;
    border-radius: 50%;
    background: #f4f3ff;
    color: #4a4a61;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    padding: 0;
    flex: 0 0 auto;
}

.toggle-info[b-3iwd51b2df]::before {
    content: "i";
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1;
}

.toggle-info:hover[b-3iwd51b2df] {
    background: #edeafe;
}

.toggle-info:focus-visible[b-3iwd51b2df] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.logo-grid[b-3iwd51b2df] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-top: 0.25rem;
}

.logo-option[b-3iwd51b2df] {
    border: 1px solid #cbd5f5;
    border-radius: 12px;
    background: #fff;
    padding: 0.35rem;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.logo-option img[b-3iwd51b2df] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
    display: block;
}

.logo-option.selected[b-3iwd51b2df] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(47, 128, 237, 0.25);
}

.logo-option:focus-visible[b-3iwd51b2df] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

@media (max-width: 900px) {
    .subject-create-section[b-3iwd51b2df] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .subject-create-overlay[b-3iwd51b2df] {
        padding: 0;
    }

    .subject-create-modal[b-3iwd51b2df] {
        width: 100vw;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
    }

    .subject-create-header[b-3iwd51b2df],
    .subject-create-body[b-3iwd51b2df],
    .subject-create-footer[b-3iwd51b2df] {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .subject-create-footer[b-3iwd51b2df] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .subject-create-footer button[b-3iwd51b2df] {
        width: 100%;
        justify-content: center;
    }

    .plan-grid[b-3iwd51b2df] {
        grid-template-columns: 1fr;
    }

    .interval-toggle[b-3iwd51b2df] {
        width: 100%;
        justify-content: space-between;
    }

    .identifier-lookup-row[b-3iwd51b2df] {
        grid-template-columns: 1fr;
    }

    .registry-button[b-3iwd51b2df] {
        width: 100%;
    }
}

[data-theme='dark'] .subject-create-overlay[b-3iwd51b2df] {
    background: rgba(2, 6, 23, 0.7);
}

[data-theme='dark'] .subject-create-modal[b-3iwd51b2df] {
    background: #0f172a;
    border-color: rgba(148, 163, 184, 0.25);
    box-shadow: 0 30px 120px rgba(0, 0, 0, 0.6);
    color: #e2e8f0;
}

[data-theme='dark'] .subject-create-header[b-3iwd51b2df],
[data-theme='dark'] .subject-create-footer[b-3iwd51b2df] {
    background: rgba(15, 23, 42, 0.95);
    border-color: rgba(148, 163, 184, 0.25);
}

[data-theme='dark'] .subject-create-header .modal-subtitle[b-3iwd51b2df] {
    color: #94a3b8;
}

[data-theme='dark'] .dismiss-icon[b-3iwd51b2df] {
    border-color: rgba(148, 163, 184, 0.3);
    background: rgba(30, 41, 59, 0.8);
    color: #e2e8f0;
}

[data-theme='dark'] .dismiss-icon:hover[b-3iwd51b2df] {
    background: rgba(51, 65, 85, 0.9);
}

[data-theme='dark'] .section-hint[b-3iwd51b2df],
[data-theme='dark'] .form-field .helper-text[b-3iwd51b2df] {
    color: #94a3b8;
}

[data-theme='dark'] .form-field input[b-3iwd51b2df],
[data-theme='dark'] .form-field select[b-3iwd51b2df] {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme='dark'] .entity-option[b-3iwd51b2df] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme='dark'] .relationship-option[b-3iwd51b2df] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme='dark'] .entity-option.selected[b-3iwd51b2df] {
    border-color: #38bdf8;
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.4);
}

[data-theme='dark'] .relationship-option.selected[b-3iwd51b2df] {
    border-color: #38bdf8;
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.4);
}

[data-theme='dark'] .relationship-note[b-3iwd51b2df] {
    background: rgba(245, 158, 11, 0.18);
    color: rgba(253, 230, 138, 0.95);
    border-color: rgba(253, 230, 138, 0.25);
}

[data-theme='dark'] .form-error-banner[b-3iwd51b2df] {
    background: rgba(248, 113, 113, 0.16);
    border-color: rgba(248, 113, 113, 0.4);
    color: #fecaca;
}
[data-theme='dark'] .form-field.has-error label[b-3iwd51b2df] {
    color: #fecaca;
}
[data-theme='dark'] .field-error[b-3iwd51b2df] {
    color: #fecaca;
}
[data-theme='dark'] .form-field input.invalid[b-3iwd51b2df],
[data-theme='dark'] .form-field select.invalid[b-3iwd51b2df],
[data-theme='dark'] .form-field.has-error .phone-input-select[b-3iwd51b2df],
[data-theme='dark'] .form-field.has-error .phone-input-number-field[b-3iwd51b2df] {
    border-color: rgba(248, 113, 113, 0.7);
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.3);
}
[data-theme='dark'] .registry-button[b-3iwd51b2df] {
    background: rgba(30, 41, 59, 0.9);
    border-color: rgba(148, 163, 184, 0.35);
    color: #e2e8f0;
}
[data-theme='dark'] .registry-button:hover[b-3iwd51b2df] {
    background: rgba(51, 65, 85, 0.95);
}
[data-theme='dark'] .registry-status[b-3iwd51b2df] {
    color: #94a3b8;
}
[data-theme='dark'] .registry-status.error[b-3iwd51b2df] {
    color: #fecaca;
}
[data-theme='dark'] .registry-spinner[b-3iwd51b2df] {
    border-color: rgba(148, 163, 184, 0.4);
    border-top-color: #38bdf8;
}
[data-theme='dark'] .plan-grid.has-error .plan-option[b-3iwd51b2df] {
    border-color: rgba(248, 113, 113, 0.7);
}
[data-theme='dark'] .plan-grid.has-error .plan-option.selected[b-3iwd51b2df] {
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.45);
}
[data-theme='dark'] .plan-toggles.has-error .interval-toggle[b-3iwd51b2df] {
    border-color: rgba(248, 113, 113, 0.5);
    background: rgba(248, 113, 113, 0.15);
}
[data-theme='dark'] .plan-toggles.has-error .addon-toggle[b-3iwd51b2df] {
    border-color: rgba(248, 113, 113, 0.5);
}
[data-theme='dark'] .plan-option[b-3iwd51b2df]{background:#0f172a;border-color:#334155;}
[data-theme='dark'] .plan-option.selected[b-3iwd51b2df]{box-shadow:0 0 0 2px rgba(47,128,237,.45);}
[data-theme='dark'] .plan-name[b-3iwd51b2df]{color:#e2e8f0;}
[data-theme='dark'] .plan-desc[b-3iwd51b2df]{color:#94a3b8;}
[data-theme='dark'] .interval-toggle[b-3iwd51b2df]{border-color:rgba(148,163,184,.4);background:rgba(148,163,184,.15);}
[data-theme='dark'] .toggle-option[b-3iwd51b2df]{color:#e2e8f0;}
[data-theme='dark'] .toggle-option.selected[b-3iwd51b2df]{background:#38bdf8;color:#0f172a;}
[data-theme='dark'] .addon-toggle[b-3iwd51b2df]{background:#0f172a;border-color:#334155;}
[data-theme='dark'] .logo-option[b-3iwd51b2df]{background:#0f172a;border-color:#334155;}
[data-theme='dark'] .logo-option.selected[b-3iwd51b2df]{box-shadow:0 0 0 2px rgba(47,128,237,.45);}

.subjects header small[b-3iwd51b2df]{color:#475569}


/* Dark theme drawer/cards */
[data-theme='dark'] .subject-card[b-3iwd51b2df]{background:#0F172A;border-color:rgba(148,163,184,.2);box-shadow:0 6px 18px rgba(0,0,0,.5)}
[data-theme='dark'] .subject-card:hover[b-3iwd51b2df]{background:rgba(15,23,42,.85);border-color:rgba(148,163,184,.45);box-shadow:0 10px 24px rgba(0,0,0,.6)}
[data-theme='dark'] .subject-card .badge[b-3iwd51b2df]{background-color:#1D4ED8;color:#E5E7EB}
/* /Pages/Subscription.razor.rz.scp.css */
.subscription-page[b-qiz136lzhj] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.subscription-grid[b-qiz136lzhj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 992px) {
    .subscription-grid[b-qiz136lzhj] {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
}

.billing-card[b-qiz136lzhj] {
    grid-column: 1 / -1;
}

.kv[b-qiz136lzhj] {
    margin: 0;
    display: grid;
    gap: 0.6rem;
}

.kv-row[b-qiz136lzhj] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
}

.kv-row dt[b-qiz136lzhj] {
    font-weight: 600;
    color: rgba(6, 53, 50, 0.75);
}

.kv-row dd[b-qiz136lzhj] {
    margin: 0;
    text-align: right;
}

.info-label[b-qiz136lzhj] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.info-icon[b-qiz136lzhj] {
    width: 22px;
    height: 22px;
    border: 1px solid rgba(12, 122, 108, 0.25);
    border-radius: 50%;
    background: rgba(12, 122, 108, 0.08);
    color: #063532;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    padding: 0;
    flex: 0 0 auto;
}

.info-icon[b-qiz136lzhj]::before {
    content: "i";
    font-weight: 700;
    font-size: 0.8rem;
    line-height: 1;
}

.info-icon:hover[b-qiz136lzhj] {
    background: rgba(12, 122, 108, 0.16);
}

.info-icon:focus-visible[b-qiz136lzhj] {
    outline: 2px solid #0c7a6c;
    outline-offset: 2px;
}

.alert-row[b-qiz136lzhj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.alert-actions[b-qiz136lzhj] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.subscription-plans-header[b-qiz136lzhj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.plan-selector[b-qiz136lzhj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.plan-grid[b-qiz136lzhj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .plan-grid[b-qiz136lzhj] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 992px) {
    .plan-grid[b-qiz136lzhj] {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.plan-option[b-qiz136lzhj] {
    display: flex;
    gap: 0.75rem;
    padding: 0.9rem;
    border-radius: 14px;
    border: 1px solid rgba(12, 122, 108, 0.16);
    background: #ffffff;
    cursor: pointer;
    align-items: flex-start;
}

.plan-option.selected[b-qiz136lzhj] {
    border-color: rgba(12, 122, 108, 0.6);
    box-shadow: 0 0 0 3px rgba(12, 122, 108, 0.12);
}

.plan-option input[b-qiz136lzhj] {
    margin-top: 0.2rem;
}

.plan-option-body[b-qiz136lzhj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.plan-name[b-qiz136lzhj] {
    font-weight: 700;
    color: #063532;
}

.plan-price[b-qiz136lzhj] {
    font-weight: 600;
    color: rgba(6, 53, 50, 0.75);
}

.billing-toggles[b-qiz136lzhj] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.interval-toggle[b-qiz136lzhj] {
    display: inline-flex;
    padding: 0.25rem;
    border-radius: 999px;
    border: 1px solid rgba(12, 122, 108, 0.18);
    background: rgba(12, 122, 108, 0.06);
    width: fit-content;
}

.toggle-option[b-qiz136lzhj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    font-weight: 600;
    color: rgba(6, 53, 50, 0.75);
    cursor: pointer;
}

.toggle-option.selected[b-qiz136lzhj] {
    background: #0c7a6c;
    color: #ffffff;
}

.toggle-option.disabled[b-qiz136lzhj] {
    opacity: 0.65;
    cursor: not-allowed;
}

.toggle-option input[b-qiz136lzhj] {
    display: none;
}

.addon-toggle[b-qiz136lzhj] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 0.85rem;
    border-radius: 14px;
    border: 1px solid rgba(12, 122, 108, 0.16);
    background: #ffffff;
}

.addon-toggle .info-icon[b-qiz136lzhj] {
    margin-left: auto;
}

.subscription-update[b-qiz136lzhj] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(12, 122, 108, 0.12);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.update-heading[b-qiz136lzhj] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.billing-notes[b-qiz136lzhj] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    color: rgba(6, 53, 50, 0.75);
    font-size: 0.9rem;
}

.note-item[b-qiz136lzhj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.billing-summary[b-qiz136lzhj] {
    border-top: 1px solid rgba(12, 122, 108, 0.12);
    padding-top: 0.75rem;
}

.billing-total[b-qiz136lzhj] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    width: min(520px, 100%);
}

.total-amount[b-qiz136lzhj] {
    font-weight: 700;
    color: #063532;
}

.billing-actions[b-qiz136lzhj] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.75rem;
}

.subscription-working-hint[b-qiz136lzhj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.65rem;
    border-radius: 10px;
    border: 1px solid rgba(12, 122, 108, 0.24);
    background: rgba(12, 122, 108, 0.08);
    color: rgba(6, 53, 50, 0.88);
    font-weight: 600;
    font-size: 0.9rem;
}

.billing-secondary-actions[b-qiz136lzhj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.scheduled-change[b-qiz136lzhj] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.scheduled-change-title[b-qiz136lzhj] {
    font-weight: 700;
}

.scheduled-change-body[b-qiz136lzhj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: baseline;
}

.scheduled-change-date[b-qiz136lzhj] {
    font-weight: 600;
}

.subscription-heading[b-qiz136lzhj] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.subscription-actions[b-qiz136lzhj] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.subscription-wide[b-qiz136lzhj] {
    grid-column: 1 / -1;
}

.subscription-modal-backdrop[b-qiz136lzhj] {
    position: fixed;
    inset: 0;
    background: var(--overlay-backdrop);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 50;
}

.subscription-modal[b-qiz136lzhj] {
    width: min(980px, 100%);
    max-height: min(82vh, 780px);
    overflow: auto;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid rgba(12, 122, 108, 0.18);
    box-shadow: 0 24px 80px rgba(2, 6, 23, 0.28);
}

.subscription-modal-header[b-qiz136lzhj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(12, 122, 108, 0.12);
}

.subscription-modal-header .icon-button.close[b-qiz136lzhj] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: none;
    background: #eef2f7;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: transform 0.15s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.subscription-modal-header .icon-button.close svg[b-qiz136lzhj] {
    width: 18px;
    height: 18px;
}

.subscription-modal-header .icon-button.close:hover[b-qiz136lzhj] {
    transform: translateY(-1px);
    background: #e2e8f0;
}

.subscription-modal-header .icon-button.close:focus-visible[b-qiz136lzhj] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

[data-theme='dark'] .subscription-modal-header .icon-button.close[b-qiz136lzhj] {
    background: rgba(15, 23, 42, 0.85);
    color: #e2e8f0;
    box-shadow: 0 10px 20px rgba(2, 6, 23, 0.4);
}

[data-theme='dark'] .subscription-modal-header .icon-button.close:hover[b-qiz136lzhj] {
    background: rgba(30, 41, 59, 0.9);
}

.subscription-modal-label[b-qiz136lzhj] {
    margin: 0;
    color: rgba(6, 53, 50, 0.75);
    font-weight: 600;
    font-size: 0.9rem;
}

.subscription-modal-body[b-qiz136lzhj] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.subscription-modal-footer[b-qiz136lzhj] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.plan-card[b-qiz136lzhj] {
    width: 100%;
    text-align: left;
    border-radius: 14px;
    border: 1px solid rgba(12, 122, 108, 0.16);
    background: #ffffff;
    cursor: pointer;
    display: grid;
    grid-template-rows: 132px 1fr;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.plan-card:hover[b-qiz136lzhj] {
    border-color: rgba(12, 122, 108, 0.35);
}

.plan-card.disabled[b-qiz136lzhj] {
    opacity: 0.7;
    cursor: not-allowed;
}

.plan-card.selected[b-qiz136lzhj] {
    border-color: rgba(12, 122, 108, 0.6);
    box-shadow: 0 0 0 3px rgba(12, 122, 108, 0.12);
}

.plan-card.forbidden[b-qiz136lzhj] {
    border-color: var(--state-danger-border);
}

.plan-card-header[b-qiz136lzhj] {
    padding: 0.9rem 0.95rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    background: var(--state-success-bg);
    border-bottom: 1px solid rgba(12, 122, 108, 0.1);
}

.plan-card-header-row[b-qiz136lzhj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.plan-check[b-qiz136lzhj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    background: #0c7a6c;
    color: #ffffff;
    flex: 0 0 auto;
}

.plan-check svg[b-qiz136lzhj] {
    width: 1.1rem;
    height: 1.1rem;
}

.plan-badge[b-qiz136lzhj] {
    align-self: flex-start;
    display: inline-flex;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(12, 122, 108, 0.25);
    background: rgba(12, 122, 108, 0.08);
    color: rgba(6, 53, 50, 0.85);
    font-weight: 700;
    font-size: 0.75rem;
}

.plan-badges[b-qiz136lzhj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.plan-badge.upcoming[b-qiz136lzhj] {
    border-color: rgba(245, 158, 11, 0.4);
    background: rgba(245, 158, 11, 0.12);
    color: rgba(146, 64, 14, 0.95);
}

.plan-badge.forbidden[b-qiz136lzhj] {
    border-color: var(--state-danger-border);
    background: var(--state-danger-bg);
    color: var(--state-danger-fg);
}

.plan-meta[b-qiz136lzhj] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-height: 2.5rem;
}

.plan-meta-row[b-qiz136lzhj] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.plan-meta-label[b-qiz136lzhj] {
    font-size: 0.75rem;
    font-weight: 700;
    color: rgba(6, 53, 50, 0.7);
}

.plan-meta-value[b-qiz136lzhj] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #063532;
}

.plan-cancel[b-qiz136lzhj] {
    margin-left: auto;
    font-size: 0.75rem;
}

.plan-card-content[b-qiz136lzhj] {
    padding: 0.65rem 0.95rem 0.9rem;
}

.plan-props[b-qiz136lzhj] {
    display: flex;
    flex-direction: column;
}

.plan-prop[b-qiz136lzhj] {
    padding: 0.6rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.plan-prop + .plan-prop[b-qiz136lzhj] {
    border-top: 1px solid rgba(12, 122, 108, 0.08);
}

.plan-prop-label[b-qiz136lzhj] {
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(71, 85, 105, 0.95);
}

.plan-prop-value[b-qiz136lzhj] {
    font-size: 0.95rem;
    font-weight: 700;
    color: rgba(6, 53, 50, 0.95);
}

.plan-prop-price-row[b-qiz136lzhj] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}

.plan-savings-badge[b-qiz136lzhj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    border: 1px solid var(--accent-outline);
    background: var(--accent-weak);
    color: var(--text-secondary);
    font-weight: 800;
    font-size: 0.75rem;
    white-space: nowrap;
}

.confirm-grid[b-qiz136lzhj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .confirm-grid[b-qiz136lzhj] {
        grid-template-columns: 1fr 1fr;
    }
}

.confirm-card[b-qiz136lzhj] {
    border: 1px solid rgba(12, 122, 108, 0.12);
    border-radius: 14px;
    padding: 1rem;
    background: rgba(12, 122, 108, 0.03);
}

.addons-section[b-qiz136lzhj] {
    border-top: 1px solid rgba(12, 122, 108, 0.12);
    padding-top: 0.75rem;
}

.addon-edit[b-qiz136lzhj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.addon-edit-row[b-qiz136lzhj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.75rem 0.85rem;
    border-radius: 14px;
    border: 1px solid rgba(12, 122, 108, 0.16);
    background: #ffffff;
}

.addon-edit-title[b-qiz136lzhj] {
    font-weight: 700;
    color: #063532;
}

.stepper[b-qiz136lzhj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.stepper-input[b-qiz136lzhj] {
    width: 4.5rem;
    text-align: center;
    padding: 0.45rem 0.5rem;
    border-radius: 10px;
    border: 1px solid rgba(12, 122, 108, 0.2);
}

.toggle-switch[b-qiz136lzhj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.order-lines[b-qiz136lzhj] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.order-line[b-qiz136lzhj],
.order-total[b-qiz136lzhj] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: baseline;
}

.order-breakdown-lines[b-qiz136lzhj] {
    display: grid;
    gap: 0.4rem;
}

.order-breakdown-line[b-qiz136lzhj] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: baseline;
    color: var(--text-secondary);
}

.order-breakdown-line strong[b-qiz136lzhj] {
    white-space: nowrap;
}

.order-total[b-qiz136lzhj] {
    border-top: 1px solid rgba(12, 122, 108, 0.12);
    padding-top: 0.75rem;
    margin-top: 0.75rem;
}

.tarifs-info[b-qiz136lzhj] {
    display: grid;
    gap: 0.35rem;
}

.error-stack[b-qiz136lzhj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.payment-method-picker[b-qiz136lzhj] {
    border: 1px solid rgba(12, 122, 108, 0.16);
    border-radius: 12px;
    background: rgba(12, 122, 108, 0.04);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.payment-method-title[b-qiz136lzhj] {
    margin: 0;
    font-weight: 700;
    color: #063532;
}

.payment-method-options[b-qiz136lzhj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

@media (min-width: 720px) {
    .payment-method-options[b-qiz136lzhj] {
        grid-template-columns: 1fr 1fr;
    }
}

.payment-method-option[b-qiz136lzhj] {
    border: 1px solid rgba(12, 122, 108, 0.16);
    border-radius: 12px;
    background: #ffffff;
    color: #063532;
    padding: 0.65rem 0.75rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    cursor: pointer;
}

.payment-method-option.selected[b-qiz136lzhj] {
    border-color: rgba(12, 122, 108, 0.65);
    box-shadow: 0 0 0 2px rgba(12, 122, 108, 0.14);
}

.payment-method-option span[b-qiz136lzhj] {
    color: rgba(6, 53, 50, 0.75);
    font-size: 0.85rem;
}

.bank-transfer-awaiting[b-qiz136lzhj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bank-transfer-actions[b-qiz136lzhj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.bank-transfer-detail-toggle[b-qiz136lzhj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.bank-transfer-grid[b-qiz136lzhj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

@media (min-width: 900px) {
    .bank-transfer-grid[b-qiz136lzhj] {
        grid-template-columns: 1fr 1fr;
    }
}

.bank-transfer-item[b-qiz136lzhj] {
    border: 1px solid rgba(12, 122, 108, 0.14);
    border-radius: 12px;
    background: rgba(12, 122, 108, 0.04);
    padding: 0.65rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.bank-transfer-item span[b-qiz136lzhj] {
    font-size: 0.8rem;
    color: rgba(6, 53, 50, 0.75);
}

.bank-transfer-item strong[b-qiz136lzhj] {
    color: #063532;
}

.bank-transfer-inline-value[b-qiz136lzhj] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.bank-transfer-qr-wrap[b-qiz136lzhj] {
    display: flex;
    justify-content: center;
}

.bank-transfer-qr[b-qiz136lzhj] {
    max-width: min(280px, 100%);
}

.bank-transfer-qr :deep(svg)[b-qiz136lzhj] {
    width: 100%;
    height: auto;
}

[data-theme='dark'] .subscription-page .card[b-qiz136lzhj],
[data-theme='dark'] .plan-option[b-qiz136lzhj],
[data-theme='dark'] .addon-toggle[b-qiz136lzhj],
[data-theme='dark'] .confirm-card[b-qiz136lzhj],
[data-theme='dark'] .payment-method-picker[b-qiz136lzhj],
[data-theme='dark'] .payment-method-option[b-qiz136lzhj],
[data-theme='dark'] .bank-transfer-item[b-qiz136lzhj] {
    background: var(--surface-elevated, #0f172a);
    border-color: var(--border-default, #1f2a44);
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .subscription-page .card-header[b-qiz136lzhj],
[data-theme='dark'] .plan-card-header[b-qiz136lzhj] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 86%, #0b1220);
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .kv-row dt[b-qiz136lzhj],
[data-theme='dark'] .plan-price[b-qiz136lzhj],
[data-theme='dark'] .billing-notes[b-qiz136lzhj],
[data-theme='dark'] .plan-meta-label[b-qiz136lzhj],
[data-theme='dark'] .plan-prop-label[b-qiz136lzhj],
[data-theme='dark'] .payment-method-option span[b-qiz136lzhj],
[data-theme='dark'] .bank-transfer-item span[b-qiz136lzhj] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .plan-name[b-qiz136lzhj],
[data-theme='dark'] .total-amount[b-qiz136lzhj],
[data-theme='dark'] .plan-meta-value[b-qiz136lzhj],
[data-theme='dark'] .plan-prop-value[b-qiz136lzhj],
[data-theme='dark'] .payment-method-title[b-qiz136lzhj],
[data-theme='dark'] .bank-transfer-item strong[b-qiz136lzhj] {
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .interval-toggle[b-qiz136lzhj] {
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 48%, var(--border-default, #1f2a44));
    background: color-mix(in srgb, var(--accent-500, #0e9683) 14%, var(--surface-elevated, #0f172a));
}

[data-theme='dark'] .toggle-option[b-qiz136lzhj] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .toggle-option.selected[b-qiz136lzhj],
[data-theme='dark'] .plan-check[b-qiz136lzhj] {
    background: var(--accent-500, #0e9683);
    color: #fff;
}

[data-theme='dark'] .subscription-modal[b-qiz136lzhj] {
    background: var(--surface-elevated, #0f172a);
    border-color: var(--border-default, #1f2a44);
    box-shadow: var(--shadow-modal, 0 30px 90px rgba(0, 0, 0, 0.7));
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .subscription-modal-header[b-qiz136lzhj] {
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .subscription-modal-label[b-qiz136lzhj] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme='dark'] .subscription-modal-body[b-qiz136lzhj],
[data-theme='dark'] .subscription-modal-footer[b-qiz136lzhj] {
    color: var(--text-primary, #e2e8f0);
}

[data-theme='dark'] .plan-card[b-qiz136lzhj] {
    background: var(--surface-elevated, #0f172a);
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .plan-prop + .plan-prop[b-qiz136lzhj],
[data-theme='dark'] .addons-section[b-qiz136lzhj],
[data-theme='dark'] .order-total[b-qiz136lzhj],
[data-theme='dark'] .billing-summary[b-qiz136lzhj] {
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .payment-method-option.selected[b-qiz136lzhj],
[data-theme='dark'] .plan-card.selected[b-qiz136lzhj],
[data-theme='dark'] .plan-option.selected[b-qiz136lzhj] {
    border-color: color-mix(in srgb, var(--accent-500, #0e9683) 62%, var(--border-default, #1f2a44));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-500, #0e9683) 28%, transparent);
}
/* /Pages/SubscriptionAddons.razor.rz.scp.css */
.subscription-page[b-xgsafatwmw] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.subscription-heading[b-xgsafatwmw] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.addons-overview-grid[b-xgsafatwmw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 992px) {
    .addons-overview-grid[b-xgsafatwmw] {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
}

.addons-upcoming-header[b-xgsafatwmw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.kv[b-xgsafatwmw] {
    margin: 0;
    display: grid;
    gap: 0.6rem;
}

.kv-row[b-xgsafatwmw] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
}

.kv-row dt[b-xgsafatwmw] {
    font-weight: 600;
    color: var(--text-muted);
}

.kv-row dd[b-xgsafatwmw] {
    margin: 0;
    text-align: right;
}

.alert-row[b-xgsafatwmw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.alert-actions[b-xgsafatwmw] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.alert-row > span[b-xgsafatwmw] {
    flex: 1 1 auto;
}

.alert-dismiss[b-xgsafatwmw] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid var(--border-muted);
    background: var(--bg-surface);
    color: var(--text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.alert-dismiss svg[b-xgsafatwmw] {
    width: 1rem;
    height: 1rem;
}

.alert-dismiss:hover[b-xgsafatwmw] {
    transform: translateY(-1px);
    background: var(--bg-surface-hover);
    border-color: var(--border-strong);
    color: var(--text-primary);
}

.alert-dismiss:focus-visible[b-xgsafatwmw] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.addon-edit[b-xgsafatwmw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.scheduled-change-panel[b-xgsafatwmw] {
    border: 1px solid var(--border-muted);
    border-radius: 12px;
    background: var(--bg-surface-muted);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.scheduled-change-banner[b-xgsafatwmw] {
    margin: 0;
    font-weight: 700;
    color: var(--text-primary);
}

.scheduled-change-summary[b-xgsafatwmw] {
    display: grid;
    gap: 0.45rem;
}

.scheduled-change-row[b-xgsafatwmw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.92rem;
}

.scheduled-change-row span[b-xgsafatwmw] {
    color: var(--text-muted);
}

.scheduled-change-row strong[b-xgsafatwmw] {
    color: var(--text-primary);
}

.addon-edit-row[b-xgsafatwmw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.75rem 0.85rem;
    border-radius: 14px;
    border: 1px solid var(--border-muted);
    background: var(--bg-surface);
}

.addon-edit-title[b-xgsafatwmw] {
    font-weight: 700;
    color: var(--text-primary);
}

.stepper[b-xgsafatwmw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.stepper-input[b-xgsafatwmw] {
    width: 4.5rem;
    text-align: center;
    padding: 0.45rem 0.5rem;
    border-radius: 10px;
    border: 1px solid var(--border-input);
    background: var(--bg-input);
    color: var(--text-primary);
}

.subscription-update[b-xgsafatwmw] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-muted);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.order-lines[b-xgsafatwmw] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.order-line[b-xgsafatwmw] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: baseline;
}

.order-changes[b-xgsafatwmw] {
    display: grid;
    gap: 0.6rem;
}

.order-change[b-xgsafatwmw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    border: 1px solid var(--border-muted);
    background: var(--bg-surface-muted);
}

.order-change-main[b-xgsafatwmw] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.order-change-title[b-xgsafatwmw] {
    font-weight: 700;
    color: var(--text-primary);
}

.order-change-detail[b-xgsafatwmw] {
    font-size: 0.9rem;
    color: var(--text-muted);
}

.order-change-badge[b-xgsafatwmw] {
    flex: 0 0 auto;
    display: inline-flex;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border-strong);
    background: var(--bg-surface);
    color: var(--text-secondary);
    font-weight: 700;
    font-size: 0.75rem;
    white-space: nowrap;
}

.order-change-side[b-xgsafatwmw] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.order-change-amount[b-xgsafatwmw] {
    font-weight: 800;
    color: var(--text-primary);
    white-space: nowrap;
}

.order-breakdown[b-xgsafatwmw] {
    margin-top: 0.5rem;
}

.order-breakdown summary[b-xgsafatwmw] {
    cursor: pointer;
    font-weight: 700;
    color: var(--text-secondary);
}

.order-breakdown-lines[b-xgsafatwmw] {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.order-breakdown-line[b-xgsafatwmw] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    font-size: 0.9rem;
    color: var(--text-muted);
}

.order-breakdown-main[b-xgsafatwmw] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.order-breakdown-title[b-xgsafatwmw] {
    font-weight: 700;
    color: var(--text-primary);
}

.order-breakdown-note[b-xgsafatwmw] {
    font-size: 0.8rem;
    line-height: 1.2;
}

.order-breakdown-amount[b-xgsafatwmw] {
    font-weight: 700;
    color: var(--text-secondary);
    white-space: nowrap;
}

.billing-actions[b-xgsafatwmw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.subscription-working-hint[b-xgsafatwmw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.65rem;
    border-radius: 10px;
    border: 1px solid var(--border-strong);
    background: var(--bg-surface-muted);
    color: var(--text-secondary);
    font-weight: 600;
    font-size: 0.9rem;
}

.error-stack[b-xgsafatwmw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.payment-method-picker[b-xgsafatwmw] {
    border: 1px solid var(--border-muted);
    border-radius: 12px;
    padding: 0.75rem;
    background: var(--bg-surface-muted);
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.payment-method-title[b-xgsafatwmw] {
    margin: 0;
    font-weight: 700;
    color: var(--text-primary);
}

.payment-method-options[b-xgsafatwmw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

@media (min-width: 720px) {
    .payment-method-options[b-xgsafatwmw] {
        grid-template-columns: 1fr 1fr;
    }
}

.payment-method-option[b-xgsafatwmw] {
    border: 1px solid var(--border-muted);
    border-radius: 12px;
    background: var(--bg-surface);
    color: var(--text-primary);
    padding: 0.65rem 0.75rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    cursor: pointer;
}

.payment-method-option strong[b-xgsafatwmw] {
    font-size: 0.95rem;
}

.payment-method-option span[b-xgsafatwmw] {
    color: var(--text-muted);
    font-size: 0.84rem;
}

.payment-method-option.selected[b-xgsafatwmw] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--accent-outline);
}

.subscription-modal-backdrop[b-xgsafatwmw] {
    position: fixed;
    inset: 0;
    background: var(--overlay-backdrop);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 50;
}

.subscription-modal[b-xgsafatwmw] {
    width: min(980px, 100%);
    max-height: min(82vh, 780px);
    overflow: auto;
    background: var(--surface-elevated, #fff);
    border-radius: 16px;
    border: 1px solid var(--border-default, #e2e8f0);
    box-shadow: var(--shadow-modal, 0 24px 80px rgba(2, 6, 23, 0.28));
}

.subscription-modal-header[b-xgsafatwmw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-muted);
}

.subscription-modal-header .icon-button.close[b-xgsafatwmw] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: 1px solid var(--border-muted);
    background: var(--bg-surface-muted);
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: transform 0.15s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.subscription-modal-header .icon-button.close svg[b-xgsafatwmw] {
    width: 1.125rem;
    height: 1.125rem;
}

.subscription-modal-header .icon-button.close:hover[b-xgsafatwmw] {
    transform: translateY(-1px);
    background: var(--bg-surface-hover);
    border-color: var(--border-strong);
}

.subscription-modal-header .icon-button.close:focus-visible[b-xgsafatwmw] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.subscription-modal-label[b-xgsafatwmw] {
    margin: 0;
    color: var(--text-muted);
    font-weight: 600;
    font-size: 0.9rem;
}

.subscription-modal-body[b-xgsafatwmw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
}

.bank-transfer-awaiting[b-xgsafatwmw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bank-transfer-actions[b-xgsafatwmw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.bank-transfer-detail-toggle[b-xgsafatwmw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.bank-transfer-grid[b-xgsafatwmw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

@media (min-width: 900px) {
    .bank-transfer-grid[b-xgsafatwmw] {
        grid-template-columns: 1fr 1fr;
    }
}

.bank-transfer-item[b-xgsafatwmw] {
    border: 1px solid var(--border-muted);
    border-radius: 12px;
    background: var(--bg-surface-muted);
    padding: 0.65rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.bank-transfer-item span[b-xgsafatwmw] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.bank-transfer-item strong[b-xgsafatwmw] {
    color: var(--text-primary);
}

.bank-transfer-inline-value[b-xgsafatwmw] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.bank-transfer-qr-wrap[b-xgsafatwmw] {
    display: flex;
    justify-content: center;
}

.bank-transfer-qr[b-xgsafatwmw] {
    max-width: min(280px, 100%);
}

.bank-transfer-qr :deep(svg)[b-xgsafatwmw] {
    width: 100%;
    height: auto;
}

.subscription-page .card[b-xgsafatwmw] {
    background: var(--surface-elevated, #fff);
    border-color: var(--border-default, #e2e8f0);
    color: var(--text-primary, #111827);
}

.subscription-page .card-header[b-xgsafatwmw] {
    background: var(--bg-surface-muted, #f8fafc);
    border-bottom: 1px solid var(--border-default, #e2e8f0);
}

.subscription-page .card-body[b-xgsafatwmw] {
    color: var(--text-primary, #111827);
}

[data-theme='dark'] .subscription-page .card-header[b-xgsafatwmw] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 86%, #0b1220);
}

[data-theme='dark'] .subscription-modal[b-xgsafatwmw] {
    background: var(--surface-elevated, #0f172a);
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .subscription-modal-header[b-xgsafatwmw] {
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .subscription-modal-header .icon-button.close[b-xgsafatwmw] {
    background: rgba(15, 23, 42, 0.85);
    color: #e2e8f0;
    border-color: var(--border-default, #1f2a44);
}

[data-theme='dark'] .subscription-modal-header .icon-button.close:hover[b-xgsafatwmw] {
    background: rgba(30, 41, 59, 0.9);
}
/* /Pages/SubscriptionOrderDetail.razor.rz.scp.css */
.orders-detail-grid[b-bo8vaef9c9] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.order-lines-card[b-bo8vaef9c9] {
    grid-column: 1 / -1;
}

.summary-grid[b-bo8vaef9c9] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.summary-label[b-bo8vaef9c9] {
    font-size: 0.78rem;
    color: var(--text-muted, #6b7280);
    margin-bottom: 0.15rem;
}

.order-totals[b-bo8vaef9c9] {
    border-top: 1px solid var(--border-default, #e2e8f0);
    padding-top: 0.75rem;
    display: grid;
    gap: 0.5rem;
}

.order-totals > div[b-bo8vaef9c9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.order-totals > div.total[b-bo8vaef9c9] {
    font-size: 1.06rem;
}

.order-status-badge[b-bo8vaef9c9] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.2;
}

.order-status-badge.pending[b-bo8vaef9c9] {
    background: #fef3c7;
    color: #92400e;
}

.order-status-badge.ok[b-bo8vaef9c9] {
    background: #dcfce7;
    color: #166534;
}

.order-status-badge.scheduled[b-bo8vaef9c9] {
    background: #dbeafe;
    color: #1d4ed8;
}

.order-status-badge.muted[b-bo8vaef9c9] {
    background: #e5e7eb;
    color: #374151;
}

.order-status-badge.error[b-bo8vaef9c9] {
    background: #fee2e2;
    color: #991b1b;
}

.order-line-name[b-bo8vaef9c9] {
    font-weight: 600;
}

.order-line-period[b-bo8vaef9c9] {
    margin-top: 0.2rem;
    color: var(--text-muted, #6b7280);
    font-size: 0.82rem;
}

.documents-actions[b-bo8vaef9c9] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-start;
}
/* /Pages/SubscriptionOrders.razor.rz.scp.css */
.subscription-orders-page .order-row[b-zsjrbewo3p] {
    cursor: pointer;
}

.subscription-orders-page .order-row:focus-visible[b-zsjrbewo3p] {
    outline: 2px solid var(--accent-600, #0d9488);
    outline-offset: -2px;
}

.subscription-orders-page .order-row:hover[b-zsjrbewo3p] {
    background: color-mix(in srgb, var(--bg-surface-muted, #f8fafc) 78%, transparent);
}

.order-status-badge[b-zsjrbewo3p] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.2;
}

.order-status-badge.pending[b-zsjrbewo3p] {
    background: #fef3c7;
    color: #92400e;
}

.order-status-badge.ok[b-zsjrbewo3p] {
    background: #dcfce7;
    color: #166534;
}

.order-status-badge.scheduled[b-zsjrbewo3p] {
    background: #dbeafe;
    color: #1d4ed8;
}

.order-status-badge.muted[b-zsjrbewo3p] {
    background: #e5e7eb;
    color: #374151;
}

.order-status-badge.error[b-zsjrbewo3p] {
    background: #fee2e2;
    color: #991b1b;
}

[data-theme='dark'] .subscription-orders-page .order-row:hover[b-zsjrbewo3p] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 70%, transparent);
}
/* /Pages/SubscriptionPayments.razor.rz.scp.css */
.payments-grid[b-ekhi2z7tsw] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.payments-grid .card-body[b-ekhi2z7tsw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
}

.billing-documents-list[b-ekhi2z7tsw] {
    width: 100%;
    border-top: 1px solid var(--border-muted);
    padding-top: 0.75rem;
}

.billing-documents-list .table[b-ekhi2z7tsw] {
    margin-bottom: 0;
}

.subscription-page .card[b-ekhi2z7tsw] {
    background: var(--surface-elevated, #fff);
    border-color: var(--border-default, #e2e8f0);
    color: var(--text-primary, #111827);
}

.subscription-page .card-header[b-ekhi2z7tsw] {
    background: var(--bg-surface-muted, #f8fafc);
    border-bottom: 1px solid var(--border-default, #e2e8f0);
}

.billing-documents-list .table thead th[b-ekhi2z7tsw] {
    background: var(--bg-surface-muted, #f8fafc);
}

[data-theme='dark'] .subscription-page .card-header[b-ekhi2z7tsw] {
    background: color-mix(in srgb, var(--bg-surface-muted, #111c2f) 86%, #0b1220);
}
/* /Pages/Timestamps.razor.rz.scp.css */
.timestamps-page[b-5d3jve3xml] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.timestamps-grid[b-5d3jve3xml] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.timestamps-panel[b-5d3jve3xml] {
    background: #ffffff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.timestamps-heading[b-5d3jve3xml] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.timestamps-heading-actions[b-5d3jve3xml] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-left: auto;
}

.timestamps-help-button[b-5d3jve3xml] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.timestamps-help-button svg[b-5d3jve3xml] {
    width: 18px;
    height: 18px;
}

.panel-header[b-5d3jve3xml] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.panel-header h2[b-5d3jve3xml] {
    margin: 0;
    font-size: 1.2rem;
}

.panel-header p[b-5d3jve3xml] {
    margin: 0.2rem 0 0;
    color: #64748b;
}

.panel-actions[b-5d3jve3xml] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.timestamps-table-wrapper[b-5d3jve3xml] {
    width: 100%;
    overflow-x: auto;
}

.timestamps-table[b-5d3jve3xml] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.timestamps-table th[b-5d3jve3xml] {
    text-align: left;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    padding: 0.6rem 0.4rem;
}

.timestamps-table td[b-5d3jve3xml] {
    padding: 0.6rem 0.4rem;
    border-top: 1px solid #e2e8f0;
    color: #1f2937;
    vertical-align: top;
}

.timestamps-table tr.bundle-row[b-5d3jve3xml] {
    cursor: pointer;
    transition: background 0.15s ease;
}

.timestamps-table tr.bundle-row:hover[b-5d3jve3xml] {
    background: rgba(59, 130, 246, 0.06);
}

.timestamps-table tr.active[b-5d3jve3xml] {
    background: #f0f9ff;
}

.timestamps-table .actions[b-5d3jve3xml] {
    text-align: right;
    white-space: nowrap;
}

.timestamps-table .link[b-5d3jve3xml] {
    background: transparent;
    border: none;
    color: var(--accent);
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    margin-right: 0.5rem;
}

.timestamps-table .link:disabled[b-5d3jve3xml] {
    opacity: 0.6;
    cursor: not-allowed;
}

.timestamp-meta[b-5d3jve3xml] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.5rem;
    margin: 0;
}

.timestamp-meta dt[b-5d3jve3xml] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.timestamp-meta dd[b-5d3jve3xml] {
    margin: 0;
    font-weight: 600;
    color: #1f2937;
    min-width: 0;
    word-break: normal;
}

.timestamp-meta-value[b-5d3jve3xml] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.timestamp-meta-text[b-5d3jve3xml] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timestamp-meta-text code[b-5d3jve3xml] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timestamp-modal-backdrop[b-5d3jve3xml] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    z-index: 1100;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4vh 1.5rem;
}

.timestamp-modal[b-5d3jve3xml] {
    width: min(960px, 92vw);
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
    display: flex;
    flex-direction: column;
    max-height: 92vh;
}

.timestamp-modal-header[b-5d3jve3xml] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.2rem;
    padding: 1.4rem 1.6rem 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.timestamp-modal-titles[b-5d3jve3xml] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.timestamp-modal-label[b-5d3jve3xml] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
    margin: 0;
}

.timestamp-modal-header h2[b-5d3jve3xml] {
    margin: 0;
    font-size: 1.25rem;
}

.timestamp-modal-actions[b-5d3jve3xml] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.timestamp-modal-body[b-5d3jve3xml] {
    padding: 1rem 1.6rem 1.4rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.timestamp-modal-footer[b-5d3jve3xml] {
    padding: 0 1.6rem 1.4rem;
    display: flex;
    justify-content: flex-end;
}

.timestamps-receipts-title[b-5d3jve3xml] {
    margin: 1.2rem 0 0;
    font-size: 1.05rem;
}

.timestamps-empty[b-5d3jve3xml] {
    display: flex;
    justify-content: center;
}

.timestamps-empty-card[b-5d3jve3xml] {
    max-width: 720px;
    width: 100%;
    border-radius: 16px;
    padding: 2rem;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
}

.timestamps-empty-actions[b-5d3jve3xml] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.timestamps-empty-action[b-5d3jve3xml] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-items: center;
}

[data-theme='dark'] .timestamps-panel[b-5d3jve3xml],
[data-theme='dark'] .timestamps-empty-card[b-5d3jve3xml] {
    background: rgba(15, 23, 42, 0.7);
    color: #e2e8f0;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}

[data-theme='dark'] .timestamps-table td[b-5d3jve3xml] {
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme='dark'] .timestamps-table tr.active[b-5d3jve3xml] {
    background: rgba(56, 189, 248, 0.12);
}

[data-theme='dark'] .timestamp-meta dd[b-5d3jve3xml] {
    color: #e2e8f0;
}

[data-theme='dark'] .timestamp-modal[b-5d3jve3xml] {
    background: rgba(15, 23, 42, 0.92);
    color: #e2e8f0;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55);
}

[data-theme='dark'] .timestamp-modal-header[b-5d3jve3xml] {
    border-color: rgba(51, 65, 85, 0.6);
}

[data-theme='dark'] .timestamp-modal-label[b-5d3jve3xml] {
    color: rgba(148, 163, 184, 0.8);
}

[data-theme='dark'] .timestamps-table tr.bundle-row:hover[b-5d3jve3xml] {
    background: rgba(56, 189, 248, 0.08);
}

@media (max-width: 960px) {
    .timestamps-grid[b-5d3jve3xml] {
        grid-template-columns: 1fr;
    }

    .timestamps-heading[b-5d3jve3xml] {
        align-items: flex-start;
        flex-direction: column;
    }

    .timestamps-heading-actions[b-5d3jve3xml] {
        margin-left: 0;
    }

    .timestamp-modal-header[b-5d3jve3xml] {
        flex-direction: column;
        align-items: flex-start;
    }

    .timestamp-modal-actions[b-5d3jve3xml] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .timestamp-meta[b-5d3jve3xml] {
        grid-template-columns: 1fr;
    }
}