/* /Components/Common/ErrorPage.razor.rz.scp.css */
.error-page-wrapper[b-2n12efv0cz] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: var(--space-xl);
    background: var(--gradient-bg);
}

.error-page-card[b-2n12efv0cz] {
    width: 100%;
    max-width: 480px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    padding: var(--space-2xl);
    text-align: center;
    animation: errorSlideUp-b-2n12efv0cz 0.5s ease-out;
    box-shadow: 0 8px 32px var(--glass-shadow);
}

.error-icon[b-2n12efv0cz] {
    font-size: 3rem;
    margin-bottom: var(--space-lg);
    color: var(--color-warning);
}

.error-title[b-2n12efv0cz] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 var(--space-sm) 0;
}

.error-message[b-2n12efv0cz] {
    font-size: 0.9375rem;
    color: var(--text-secondary);
    margin: 0 0 var(--space-xl) 0;
    line-height: 1.6;
}

.error-actions[b-2n12efv0cz] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

@keyframes errorSlideUp-b-2n12efv0cz {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 480px) {
    .error-page-card[b-2n12efv0cz] {
        padding: var(--space-xl);
    }

    .error-title[b-2n12efv0cz] {
        font-size: 1.25rem;
    }

    .error-actions[b-2n12efv0cz] {
        flex-direction: column;
    }
}
/* /Components/ComplianceStatCard.razor.rz.scp.css */
.compliance-stat-card[b-irdt7ifx1t] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 24px var(--glass-shadow);
    transition: border-color var(--transition-fast),
                box-shadow var(--transition-fast),
                transform var(--transition-fast);
}

.compliance-stat-card--clickable[b-irdt7ifx1t] {
    cursor: pointer;
}

.compliance-stat-card--clickable:hover[b-irdt7ifx1t] {
    transform: scale(1.02);
    border-color: var(--color-primary);
    box-shadow: 0 8px 32px var(--glass-shadow), 0 0 0 1px var(--color-primary-glow);
}

.compliance-stat-card--clickable:active[b-irdt7ifx1t] {
    transform: scale(1);
}

.compliance-stat-card--clickable:focus-visible[b-irdt7ifx1t] {
    outline: none;
    box-shadow: 0 0 0 3px var(--color-primary-glow);
}

.csc-icon-wrap[b-irdt7ifx1t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: var(--radius-md);
    background: var(--glass-bg-light, var(--glass-bg));
    font-size: 24px;
}

.csc-text[b-irdt7ifx1t] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3xs, 2px);
    min-width: 0;
}

.csc-value[b-irdt7ifx1t] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.csc-label[b-irdt7ifx1t] {
    font-size: 0.875rem;
    color: var(--text-muted);
    line-height: 1.3;
}

@media (max-width: 768px) {
    .compliance-stat-card[b-irdt7ifx1t] {
        padding: var(--space-md);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .csc-icon-wrap[b-irdt7ifx1t] {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .csc-value[b-irdt7ifx1t] {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .compliance-stat-card[b-irdt7ifx1t] {
        padding: var(--space-sm);
        gap: var(--space-sm);
    }

    .csc-icon-wrap[b-irdt7ifx1t] {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    .csc-value[b-irdt7ifx1t] {
        font-size: 1.25rem;
    }

    .csc-label[b-irdt7ifx1t] {
        font-size: 0.8125rem;
    }
}
/* /Components/DeadlineCard.razor.rz.scp.css */
.deadline-card[b-r5rfdwl0ge] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-left-width: 4px;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: border-color var(--transition-fast),
                box-shadow var(--transition-fast),
                transform var(--transition-fast);
}

.deadline-card:hover[b-r5rfdwl0ge] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px var(--glass-shadow);
}

.deadline-card:active[b-r5rfdwl0ge] {
    transform: translateY(0);
}

.deadline-card:focus-visible[b-r5rfdwl0ge] {
    outline: none;
    box-shadow: 0 0 0 3px var(--color-primary-glow);
}

.deadline-card--overdue[b-r5rfdwl0ge] {
    border-left-color: var(--color-error);
}

.deadline-card--critical[b-r5rfdwl0ge] {
    border-left-color: var(--color-primary);
}

.deadline-card--warning[b-r5rfdwl0ge] {
    border-left-color: var(--color-warning);
}

.deadline-card--upcoming[b-r5rfdwl0ge] {
    border-left-color: var(--color-info);
}

.deadline-card__header[b-r5rfdwl0ge] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
}

.deadline-card__client[b-r5rfdwl0ge] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.deadline-card__urgency-tag[b-r5rfdwl0ge] {
    flex-shrink: 0;
    padding: 2px var(--space-sm);
    border-radius: var(--radius-sm, 4px);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
}

.deadline-card__urgency-tag--overdue[b-r5rfdwl0ge] {
    background: var(--color-error-bg);
    color: var(--color-error);
}

.deadline-card__urgency-tag--critical[b-r5rfdwl0ge] {
    background: var(--color-primary-bg);
    color: var(--color-primary);
}

.deadline-card__urgency-tag--warning[b-r5rfdwl0ge] {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.deadline-card__urgency-tag--upcoming[b-r5rfdwl0ge] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.deadline-card__type[b-r5rfdwl0ge] {
    color: var(--text-secondary, var(--text-muted));
    font-size: 0.8125rem;
}

.deadline-card__row[b-r5rfdwl0ge] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
}

.deadline-card__date[b-r5rfdwl0ge] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.deadline-card__days[b-r5rfdwl0ge] {
    font-weight: 600;
    font-size: 0.8125rem;
}

.deadline-card__days--overdue[b-r5rfdwl0ge] {
    color: var(--color-error);
}

.deadline-card__days--critical[b-r5rfdwl0ge] {
    color: var(--color-primary);
}

.deadline-card__days--warning[b-r5rfdwl0ge] {
    color: var(--color-warning);
}

.deadline-card__days--upcoming[b-r5rfdwl0ge] {
    color: var(--color-info);
}

@media (max-width: 768px) {
    .deadline-card[b-r5rfdwl0ge] {
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
}

@media (max-width: 480px) {
    .deadline-card[b-r5rfdwl0ge] {
        padding: var(--space-sm);
    }

    .deadline-card__client[b-r5rfdwl0ge] {
        font-size: 0.875rem;
    }

    .deadline-card__type[b-r5rfdwl0ge],
    .deadline-card__date[b-r5rfdwl0ge],
    .deadline-card__days[b-r5rfdwl0ge] {
        font-size: 0.75rem;
    }
}
/* /Components/FormDrawer.razor.rz.scp.css */
/* FormDrawer scoped CSS — header-only styling.
   Body/footer now use the catalog canonical .entity-drawer-body + .entity-drawer-footer
   .form-actions-footer pattern (globals in app.css + overrides.css). The .entity-drawer
   class on <Drawer> activates the full-bleed body flex layout in overrides.css. */

.form-drawer__header[b-yzoy3z78lh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--glass-border);
    flex-shrink: 0;
}

.form-drawer__title[b-yzoy3z78lh] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}
/* /Components/Shared/EntityFormDrawer.razor.rz.scp.css */
.entity-drawer-body[b-vw8st1hs0z] {
    padding: var(--space-lg);
    overflow-y: auto;
    flex: 1 1 auto;
}

.entity-drawer-footer[b-vw8st1hs0z] {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-lg);
    border-top: 1px solid var(--glass-border);
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

.entity-drawer-footer__save-and-add[b-vw8st1hs0z] {
    margin-right: auto;
}

@media (max-width: 768px) {
    .entity-drawer-footer[b-vw8st1hs0z] {
        flex-direction: column-reverse;
        gap: var(--space-sm);
        padding: var(--space-md);
    }

    .entity-drawer-footer__save-and-add[b-vw8st1hs0z] {
        margin-right: 0;
        align-self: flex-start;
    }
}
/* /Components/ThresholdProgressBar.razor.rz.scp.css */
.threshold-progress[b-my61g0avc3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    transition: border-color var(--transition-fast),
                box-shadow var(--transition-fast),
                transform var(--transition-fast);
}

.threshold-progress--clickable[b-my61g0avc3] {
    cursor: pointer;
}

.threshold-progress--clickable:hover[b-my61g0avc3] {
    transform: translateY(-2px);
    border-color: var(--color-primary);
    box-shadow: 0 6px 20px var(--glass-shadow);
}

.threshold-progress--clickable:active[b-my61g0avc3] {
    transform: translateY(0);
}

.threshold-progress--clickable:focus-visible[b-my61g0avc3] {
    outline: none;
    box-shadow: 0 0 0 3px var(--color-primary-glow);
}

.threshold-progress__header[b-my61g0avc3] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-sm);
}

.threshold-progress__label[b-my61g0avc3] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.threshold-progress__percent[b-my61g0avc3] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    font-size: 0.875rem;
    flex-shrink: 0;
}

.threshold-progress__percent--ok[b-my61g0avc3] {
    color: var(--color-success);
}

.threshold-progress__percent--warning[b-my61g0avc3] {
    color: var(--color-warning);
}

.threshold-progress__percent--critical[b-my61g0avc3] {
    color: var(--color-error);
}

.threshold-progress__track[b-my61g0avc3] {
    position: relative;
    width: 100%;
    height: 8px;
    background: var(--glass-bg-light, var(--glass-bg));
    border-radius: var(--radius-sm, 4px);
    overflow: hidden;
}

.threshold-progress__fill[b-my61g0avc3] {
    height: 100%;
    border-radius: var(--radius-sm, 4px);
    transition: width var(--transition-base, 0.3s ease-out),
                background-color var(--transition-fast);
}

.threshold-progress__fill--ok[b-my61g0avc3] {
    background: var(--color-success);
}

.threshold-progress__fill--warning[b-my61g0avc3] {
    background: var(--color-warning);
}

.threshold-progress__fill--critical[b-my61g0avc3] {
    background: var(--color-error);
}

.threshold-progress__footer[b-my61g0avc3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.threshold-progress__amounts[b-my61g0avc3] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    color: var(--text-muted);
    font-size: 0.8125rem;
}

@media (max-width: 768px) {
    .threshold-progress[b-my61g0avc3] {
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
}

@media (max-width: 480px) {
    .threshold-progress[b-my61g0avc3] {
        padding: var(--space-sm);
    }

    .threshold-progress__label[b-my61g0avc3],
    .threshold-progress__percent[b-my61g0avc3] {
        font-size: 0.875rem;
    }

    .threshold-progress__amounts[b-my61g0avc3] {
        font-size: 0.75rem;
    }
}
/* /Components/WorkloadBarChart.razor.rz.scp.css */
.workload-bar-chart[b-8p9vl99p70] {
    width: 100%;
    overflow: hidden;
}

.workload-bar-chart--empty[b-8p9vl99p70] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}

.workload-bar-chart__empty-text[b-8p9vl99p70] {
    color: var(--text-muted);
    font-size: 0.9375rem;
}

@media (max-width: 480px) {
    .workload-bar-chart__empty-text[b-8p9vl99p70] {
        font-size: 0.875rem;
    }
}
/* /Features/Auth/Pages/Login.razor.rz.scp.css */
/* ========================================
   Login Page
   All auth styles are shared via AuthLayout.razor.css (form-alert global)
   AntDesign overrides in global app.css / overrides.css
   ======================================== */
/* /Features/Auth/Pages/LoginConfirm.razor.rz.scp.css */
/* ========================================
   Login Confirm (OTP)
   Shared auth styles in AuthLayout.razor.css (form-alert + auth-footer-links--back)
   AntDesign overrides in global app.css / overrides.css
   ======================================== */
/* /Features/Auth/Pages/Register.razor.rz.scp.css */
/* ========================================
   Register Page
   All auth styles are shared via AuthLayout.razor.css (form-alert global)
   AntDesign overrides in global app.css / overrides.css
   ======================================== */
/* /Features/Auth/Pages/RegisterConfirm.razor.rz.scp.css */
/* ========================================
   Register Confirm (OTP)
   Shared auth styles in AuthLayout.razor.css (form-alert + auth-footer-links--back)
   AntDesign overrides in global app.css / overrides.css
   ======================================== */
/* /Features/Auth/Profile/Components/ChangeEmailModal.razor.rz.scp.css */
/* Change Email Modal - Scoped CSS */
/* Note: Most styling is in wwwroot/css/overrides.css under .change-email-modal */

/* Modal content container */
.modal-content[b-ky2genq2nd] {
    display: flex;
    flex-direction: column;
}

/* Description paragraph */
.modal-description[b-ky2genq2nd] {
    color: var(--text-secondary);
    margin: 0 0 var(--space-lg) 0;
    font-size: 0.9375rem;
    line-height: 1.6;
}

/* Code expiry notice - styled in global CSS */
.code-expiry[b-ky2genq2nd] {
    background: var(--color-primary-bg);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-sm);
    padding: var(--space-sm) var(--space-md);
    margin-bottom: var(--space-lg);
    color: var(--color-primary);
    font-size: 0.875rem;
    text-align: center;
}

/* Action buttons container */
.modal-actions[b-ky2genq2nd] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    margin-top: var(--space-md);
}

/* Resend link section */
.resend-link[b-ky2genq2nd] {
    text-align: center;
    margin-top: var(--space-md);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}

/* OTP Code Input — same styling as LoginConfirm / RegisterConfirm pages */
[b-ky2genq2nd] #change-email-otp {
    text-align: center;
    letter-spacing: 0.5em;
    font-family: var(--font-display);
    font-weight: 600;
}
/* /Features/Auth/Profile/Pages/Settings.razor.rz.scp.css */
/* ========================================
   Settings Page — page-specific styles only.
   Card chrome (.glass-card.settings-tabs-layout) lives in app.css.
   Global utilities (page shell, page-header, buttons, form fields,
   alerts, dividers) live in app.css + overrides.css.
   ======================================== */

.settings-section[b-doszn7dnmg] {
    animation: fadeIn-b-doszn7dnmg 0.3s ease-out;
}

/* Section title — icon + heading */
.section-title[b-doszn7dnmg] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}

.section-title[b-doszn7dnmg]  .anticon {
    font-size: 18px;
    color: var(--color-primary);
}

/* Info rows — label + value pairs used in Subscription / Account tabs */
.subscription-info[b-doszn7dnmg],
.account-info[b-doszn7dnmg] {
    margin-bottom: var(--space-md);
}

.info-row[b-doszn7dnmg] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    padding: var(--space-md) 0;
}

.info-label[b-doszn7dnmg] {
    font-weight: 500;
    color: var(--text-muted);
    min-width: 80px;
    font-size: 0.875rem;
}

.info-value[b-doszn7dnmg] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    flex: 1;
}

/* Change email inline button uses primary-color text, not the gradient */
[b-doszn7dnmg] .change-email-btn {
    color: var(--color-primary) !important;
    font-size: 0.875rem !important;
    padding: 0 var(--space-sm) !important;
    height: auto !important;
}

[b-doszn7dnmg] .change-email-btn:hover {
    color: var(--color-primary-light) !important;
}

@keyframes fadeIn-b-doszn7dnmg {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 576px) {
    .info-row[b-doszn7dnmg] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-xs);
    }

    .info-label[b-doszn7dnmg] {
        min-width: auto;
    }
}
/* /Features/Core/BankStatements/Components/ImportStatementDialog.razor.rz.scp.css */
.amount-credit[b-a6xgpxylpz] {
    color: var(--color-success);
}

.amount-debit[b-a6xgpxylpz] {
    color: var(--color-error);
}

.modal-actions[b-a6xgpxylpz] {
    margin-top: var(--space-md);
}
/* /Features/Core/BankStatements/Components/MatchTransactionDialog.razor.rz.scp.css */
/* Match Transaction Dialog — component-scoped styles */

.match-transaction-summary[b-svgj8mu1db] {
    background: var(--glass-bg-subtle);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    margin-bottom: var(--space-lg);
}

.match-summary-row[b-svgj8mu1db] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
}

.match-summary-label[b-svgj8mu1db] {
    color: var(--text-muted);
    font-size: 0.875rem;
    min-width: 80px;
}

.match-search[b-svgj8mu1db] {
    margin-bottom: var(--space-md);
}

.match-candidates[b-svgj8mu1db] {
    min-height: 120px;
    max-height: 300px;
    overflow-y: auto;
}

.match-candidate-item[b-svgj8mu1db] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-sm) var(--space-md);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-xs);
    cursor: pointer;
    transition: border-color var(--transition-base), background var(--transition-base);
}

.match-candidate-item:hover[b-svgj8mu1db] {
    border-color: var(--color-primary);
    background: var(--color-primary-bg);
}

.match-candidate-item--selected[b-svgj8mu1db] {
    border-color: var(--color-primary);
    background: var(--color-primary-bg-light);
}

.match-candidates-status[b-svgj8mu1db] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}

.match-candidate-info[b-svgj8mu1db] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    min-width: 0;
}

.match-candidate-title[b-svgj8mu1db] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.match-candidate-number[b-svgj8mu1db] {
    font-weight: 600;
}

/* Date · counterparty · amount. The counterparty is the only elastic part, so it takes the truncation. */
.match-candidate-meta[b-svgj8mu1db] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--text-muted);
    font-size: 0.875rem;
    min-width: 0;
}

.match-candidate-meta > span[b-svgj8mu1db] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-candidate-meta > span:nth-child(2)[b-svgj8mu1db] {
    flex: 1 1 auto;
}

.match-candidate-meta .amount[b-svgj8mu1db] {
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
}

.modal-actions[b-svgj8mu1db] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}
/* /Features/Core/BankStatements/Pages/BankPage.razor.rz.scp.css */
/* Tab Actions */
.tab-actions[b-oo5muq3536] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--space-lg);
}

/* Add Account Button */
/* Filter Card */
.filter-item--search[b-oo5muq3536] {
    flex: 1;
    min-width: 200px;
}
.account-number[b-oo5muq3536] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
}

.amount[b-oo5muq3536] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

.amount--negative[b-oo5muq3536] {
    color: var(--color-error);
}

.amount-empty[b-oo5muq3536],
.text-muted[b-oo5muq3536] {
    color: var(--text-muted);
}

.reference[b-oo5muq3536] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 0.8125rem;
    color: var(--text-muted);
}

/* Tabs */
/* Reconciliation Grid */
.reconciliation-grid[b-oo5muq3536] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: var(--space-lg);
    animation: slideUp 0.4s ease-out;
    animation-fill-mode: both;
}

.reconciliation-card[b-oo5muq3536] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.reconciliation-card__header[b-oo5muq3536] {
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--glass-border);
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.reconciliation-card__header .bank-name[b-oo5muq3536] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.reconciliation-card__body[b-oo5muq3536] {
    padding: var(--space-lg);
}

.reconciliation-row[b-oo5muq3536] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-xs) 0;
}

.reconciliation-row--difference[b-oo5muq3536] {
    border-top: 1px solid var(--glass-border);
    margin-top: var(--space-sm);
    padding-top: var(--space-sm);
    font-weight: 600;
}

.reconciliation-label[b-oo5muq3536] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.reconciliation-progress[b-oo5muq3536] {
    margin-top: var(--space-md);
}

.reconciliation-card__footer[b-oo5muq3536] {
    padding: var(--space-md) var(--space-lg);
    border-top: 1px solid var(--glass-border);
    display: flex;
    justify-content: flex-end;
}

/* Responsive */
@media (max-width: 768px) {
    .tab-actions[b-oo5muq3536] {
        justify-content: stretch;
    }

    .filter-row[b-oo5muq3536] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-item--search[b-oo5muq3536] {
        min-width: 100%;
    }

    .reconciliation-grid[b-oo5muq3536] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Billing/Pages/Billing.razor.rz.scp.css */
/* Billing-page-specific bits only — everything else composes from
   app.css globals (subscription-current-plan, subscription-meter,
   section-label, settings-section, settings-tabs-layout). */

/* IPS QR block — the QR is rendered by JS into #ips-qr-code. */
.billing-qr-section[b-z7wl0jdmni] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    align-items: flex-start;
}

/* Light backing plate so the QR keeps a scannable quiet zone on the
   dark theme (var(--text-primary) is the design-system white). */
.billing-qr-container[b-z7wl0jdmni] {
    background: var(--text-primary);
    padding: var(--space-md);
    border-radius: var(--radius-md);
}

.billing-qr-container:empty[b-z7wl0jdmni] {
    display: none;
}
/* /Features/Core/ChartOfAccounts/Components/AccountPicker.razor.rz.scp.css */
/* Account picker styles are handled globally via overrides.css */
/* /Features/Core/ChartOfAccounts/Components/ApplyTemplateModal.razor.rz.scp.css */
.modal-content[b-coxzgxgq80] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.modal-hint[b-coxzgxgq80] {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.875rem;
}

/* One template choice per row — the radio itself keeps its global AntDesign styling. */
.template-list__item[b-coxzgxgq80] {
    display: block;
    margin-bottom: var(--space-3);
}

.template-list__item:last-child[b-coxzgxgq80] {
    margin-bottom: 0;
}

.template-option[b-coxzgxgq80] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
}

.template-option__title[b-coxzgxgq80] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-weight: 600;
    color: var(--text-primary);
}

.template-option__meta[b-coxzgxgq80] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.modal-actions[b-coxzgxgq80] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    margin-top: var(--space-3);
}
/* /Features/Core/ChartOfAccounts/Pages/AccountLedger.razor.rz.scp.css */
/* Header */
.header-actions[b-jpdkqaigz3] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.account-code-header[b-jpdkqaigz3] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    color: var(--text-secondary);
}

.page-subtitle[b-jpdkqaigz3] {
    font-size: 0.875rem;
    color: var(--text-muted);
    margin-top: var(--space-xs);
}

/* Filter Card *//* Summary Cards */
.summary-cards[b-jpdkqaigz3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-lg);
    margin-bottom: var(--space-lg);
    animation: slideUp 0.4s ease-out;
    animation-fill-mode: both;
}

.summary-card[b-jpdkqaigz3] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    text-align: center;
}

.summary-card__label[b-jpdkqaigz3] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
}

.summary-card__value[b-jpdkqaigz3] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
}

/* Debit/credit columns rely on column headers + monospace font for distinction.
   No color overrides — status colors reserved for system status, not financial direction. */
.debit-amount[b-jpdkqaigz3],
.credit-amount[b-jpdkqaigz3] {
    color: var(--text-primary);
}

.separator[b-jpdkqaigz3] {
    color: var(--text-muted);
    margin: 0 var(--space-sm);
}

.entry-link[b-jpdkqaigz3] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    text-decoration: none;
    transition: color var(--transition-fast);
}

.entry-link:hover[b-jpdkqaigz3] {
    color: var(--color-primary);
    text-decoration: underline;
}

.amount[b-jpdkqaigz3] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

.debit-balance[b-jpdkqaigz3],
.credit-balance[b-jpdkqaigz3] {
    color: var(--text-primary);
    font-weight: 600;
}

/* ─── Side Panel (detail-page-grid__side) ────────────────── */

.side-block-title[b-jpdkqaigz3] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

.side-stat-value[b-jpdkqaigz3] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 1.5rem;
    font-weight: 700;
}

/* Responsive */
@media (max-width: 768px) {
    .summary-cards[b-jpdkqaigz3] {
        grid-template-columns: 1fr;
    }

    .filter-row[b-jpdkqaigz3] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-jpdkqaigz3] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/ChartOfAccounts/Pages/ChartOfAccounts.razor.rz.scp.css */
/* Header Actions */
.header-actions[b-r6tlklzobc] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* Search Bar */
.search-bar[b-r6tlklzobc] {
    margin-bottom: var(--space-lg);
}

/* View Toggle */
/* Add Account Button */
/* Tree View */
.tree-container[b-r6tlklzobc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    animation: slideUp 0.4s ease-out;
    animation-fill-mode: both;
}

.class-header[b-r6tlklzobc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--space-md);
}

.class-title[b-r6tlklzobc] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--text-primary);
}

/* Account Items */
.account-list[b-r6tlklzobc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--space-xs) 0;
}

.account-item[b-r6tlklzobc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-sm);
    transition: background var(--transition-base);
}

.account-item:hover[b-r6tlklzobc] {
    background: var(--glass-bg);
}

.account-item--inactive[b-r6tlklzobc] {
    opacity: 0.6;
}

.account-info[b-r6tlklzobc] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    min-width: 0;
    flex: 1;
}

.account-code[b-r6tlklzobc] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--color-primary);
    min-width: 80px;
}

.account-name[b-r6tlklzobc] {
    font-size: 0.875rem;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-actions[b-r6tlklzobc] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-shrink: 0;
}
[b-r6tlklzobc] .accounts-table .inactive-row > td {
    opacity: 0.6;
}

/* Responsive */
@media (max-width: 768px) {
    .header-actions[b-r6tlklzobc] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-sm);
    }

    .account-info[b-r6tlklzobc] {
        flex-wrap: wrap;
    }

    .account-code[b-r6tlklzobc] {
        min-width: 60px;
    }
}
/* /Features/Core/ChartOfAccounts/Pages/TemplateDetail.razor.rz.scp.css */
.page-wrapper[b-x42dp225x1] {
    animation: slideUp 0.5s ease-out;
}

/* ========================================
   Template Detail Page — page-specific styles only.
   Table styling handled by global .table-container in app.css.
   ======================================== */

.back-link[b-x42dp225x1] {
    margin-bottom: var(--space-md);
}

.header-actions[b-x42dp225x1] {
    display: flex;
    gap: var(--space-sm);
}

/* Modal actions row at bottom of edit dialog */
.modal-actions[b-x42dp225x1] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-lg);
}

/* ─── Side Panel ─────────────────────────────────────────────────────────── */

.side-block-title[b-x42dp225x1] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

.side-block-row[b-x42dp225x1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
}

.side-block-label[b-x42dp225x1] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.side-block-value[b-x42dp225x1] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
}

.side-block-value--muted[b-x42dp225x1] {
    color: var(--text-muted);
}

.side-stat-value[b-x42dp225x1] {
    color: var(--text-primary);
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: var(--space-xs);
}

.side-block-actions[b-x42dp225x1] {
    margin-top: var(--space-sm);
    display: flex;
    justify-content: flex-end;
}

/* Responsive */
@media (max-width: 768px) {
    .header-actions[b-x42dp225x1] {
        flex-direction: column;
    }
}
/* /Features/Core/ChartOfAccounts/Pages/Templates.razor.rz.scp.css */
/* ========================================
   Templates Page — page-specific styles only.
   (Page shell, stat-cards, filter-card etc. live in app.css)
   ======================================== */

.templates-grid[b-xjw7vm2515] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-lg);
    animation: slideUp 0.4s ease-out;
    animation-fill-mode: both;
}

.template-card[b-xjw7vm2515] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-lg);
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    transition: border-color var(--transition-base), transform var(--transition-base);
    cursor: pointer;
}

.template-card:hover[b-xjw7vm2515] {
    border-color: var(--glass-border-light);
    transform: translateY(-2px);
}

.template-card__header[b-xjw7vm2515] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
}

.template-card__name[b-xjw7vm2515] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.template-card__description[b-xjw7vm2515] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

.template-card__footer[b-xjw7vm2515] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--space-sm);
}

.template-card__actions[b-xjw7vm2515] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}


/* Responsive */
@media (max-width: 768px) {
    .templates-grid[b-xjw7vm2515] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/ChartOfAccounts/Pages/TrialBalance.razor.rz.scp.css */
.page-wrapper[b-ftk11uhtf7] {
    animation: slideUp 0.5s ease-out;
}

/* Header Actions */
.header-actions[b-ftk11uhtf7] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* Balance Indicator */
.balance-indicator[b-ftk11uhtf7] {
    margin-bottom: var(--space-lg);
}

[b-ftk11uhtf7] .balance-tag {
    font-size: 0.875rem !important;
    padding: var(--space-xs) 12px !important;
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
}

.account-code[b-ftk11uhtf7] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
}

.amount[b-ftk11uhtf7] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

/* Totals Row */
.totals-row[b-ftk11uhtf7] {
    display: flex;
    align-items: center;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-top: 2px solid var(--glass-border-light);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    padding: var(--space-md) var(--space-lg);
    margin-top: -1px;
}

.totals-label[b-ftk11uhtf7] {
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-width: 270px;
}

.totals-values[b-ftk11uhtf7] {
    display: flex;
    flex: 1;
    gap: 0;
}

.totals-cell[b-ftk11uhtf7] {
    flex: 1;
    text-align: left;
    min-width: 130px;
}

/* Responsive */
@media (max-width: 768px) {
    .header-actions[b-ftk11uhtf7] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-sm);
    }
}
/* /Features/Core/Clients/Components/ArchiveClientModal.razor.rz.scp.css */
.modal-body[b-66760u4jub] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.confirm-message[b-66760u4jub] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    line-height: 1.5;
}

.archive-warning[b-66760u4jub] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-style: italic;
    margin: 0;
}

.modal-actions[b-66760u4jub] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    margin-top: var(--space-md);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}
/* /Features/Core/Clients/Components/InvitePortalUserModal.razor.rz.scp.css */
.modal-content[b-3er8yndkvf] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.modal-actions[b-3er8yndkvf] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    margin-top: var(--space-3);
}
/* /Features/Core/Clients/Pages/ClientDetail.razor.rz.scp.css */
/* Entrance animation — required by design-lint */
.page-wrapper[b-kkmulxt1wd] {
    animation: slideUp 0.5s ease-out;
}

/* ═══════════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════════ */

.header-actions[b-kkmulxt1wd] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* ═══════════════════════════════════════════════════════════════
   DETAIL CARD
   ═══════════════════════════════════════════════════════════════ */

.section-title[b-kkmulxt1wd] {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

/* View-mode section cards — stacked glass cards inside the tab pane need
   their own rhythm (the page-container owl selector can't reach here). */
.section-card + .section-card[b-kkmulxt1wd] {
    margin-top: var(--space-lg);
}

.detail-actions[b-kkmulxt1wd] {
    margin-bottom: var(--space-lg);
}

/* ═══════════════════════════════════════════════════════════════
   DETAIL GRID
   ═══════════════════════════════════════════════════════════════ */

.detail-grid[b-kkmulxt1wd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-lg);
}

.detail-field[b-kkmulxt1wd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.detail-field--full[b-kkmulxt1wd] {
    grid-column: 1 / -1;
}

.detail-label[b-kkmulxt1wd] {
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.detail-value[b-kkmulxt1wd] {
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.detail-actions[b-kkmulxt1wd] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--space-lg);
}

.mono-value[b-kkmulxt1wd] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
}
/* ═══════════════════════════════════════════════════════════════
   EDIT SECTION & ACTIONS
   ═══════════════════════════════════════════════════════════════ */

.edit-section .section-title[b-kkmulxt1wd] {
    margin-top: var(--space-lg);
}

.edit-section .section-title:first-child[b-kkmulxt1wd] {
    margin-top: 0;
}

.edit-actions[b-kkmulxt1wd] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    margin-top: var(--space-xl);
    padding-top: var(--space-lg);
    border-top: 1px solid var(--glass-border);
}

/* ═══════════════════════════════════════════════════════════════
   ASSIGNMENT
   ═══════════════════════════════════════════════════════════════ */

.assignment-current[b-kkmulxt1wd] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

.assignment-name[b-kkmulxt1wd] {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.assignment-empty[b-kkmulxt1wd] {
    color: var(--text-muted);
    font-style: italic;
    margin-bottom: var(--space-lg);
}

.assignment-actions[b-kkmulxt1wd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    margin-top: var(--space-lg);
    padding-top: var(--space-lg);
    border-top: 1px solid var(--glass-border);
}

.assignment-select[b-kkmulxt1wd] {
    max-width: 400px;
}

.assignment-buttons[b-kkmulxt1wd] {
    display: flex;
    gap: var(--space-md);
}

/* Table theme for .section-card-wrapped tables is defined globally in app.css. */

/* ═══════════════════════════════════════════════════════════════
   SIDE PANEL (detail-page-grid__side)
   ═══════════════════════════════════════════════════════════════ */

.side-block-title[b-kkmulxt1wd] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

.quick-actions[b-kkmulxt1wd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

/* Recent activity timeline links */
.activity-link[b-kkmulxt1wd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-decoration: none;
    color: inherit;
}

.activity-link:hover strong[b-kkmulxt1wd] {
    color: var(--color-primary);
}

.activity-link strong[b-kkmulxt1wd] {
    color: var(--text-primary);
    font-size: 0.875rem;
    font-weight: 600;
    transition: color 0.2s ease;
}

.activity-subtitle[b-kkmulxt1wd] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
}

.activity-timestamp[b-kkmulxt1wd] {
    color: var(--text-muted);
    font-size: 0.75rem;
    margin-top: var(--space-xs);
}

/* ═══════════════════════════════════════════════════════════════
   PORTAL USERS / API KEYS — tab content
   `.tab-section-header` lives in app.css (F-176 compose-from-globals).
   ═══════════════════════════════════════════════════════════════ */

.section-subtitle[b-kkmulxt1wd] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin: 0;
}

.portal-user-email[b-kkmulxt1wd] {
    color: var(--text-primary);
    font-weight: 500;
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .detail-grid[b-kkmulxt1wd] {
        grid-template-columns: 1fr;
    }

    .header-actions[b-kkmulxt1wd] {
        flex-direction: column;
        align-items: stretch;
    }

    .assignment-buttons[b-kkmulxt1wd] {
        flex-direction: column;
    }
}
/* /Features/Core/Clients/Pages/ClientOverview.razor.rz.scp.css */
/* Entrance animation — required by design-lint */
.page-wrapper[b-wdi1q40f1p] {
    animation: slideUp 0.5s ease-out;
}

/* ClientOverview — dashboard-page archetype.
   Card chrome + stat-card molecule live in app.css (.glass-card, .stat-card, .stat-icon, .dashboard-stat-grid).
   Only page-specific layout overrides remain. */

/* Header tweaks — long APR registry names get a tighter display size so a
   two-line wrap stays calm; arrow and badges hug the FIRST title line
   instead of centering against the whole wrapped block. */
.client-page-header .page-title[b-wdi1q40f1p] {
    font-size: 1.375rem;
    line-height: 1.35;
    letter-spacing: -0.01em;
    margin: 0;
}

.client-page-header .page-header__title-row[b-wdi1q40f1p] {
    align-items: flex-start;
}

.client-page-header .page-header__title-row > .ant-btn[b-wdi1q40f1p] {
    flex-shrink: 0;
    margin-top: -1px;
}

.client-page-header .client-header-badges[b-wdi1q40f1p] {
    display: flex;
    gap: var(--space-sm);
    margin-left: var(--space-md);
    margin-top: 3px;
    flex-shrink: 0;
}

/* Meta row — aligned under the title text (past the back arrow), tighter gap */
.client-page-header .client-header-details[b-wdi1q40f1p] {
    display: flex;
    gap: var(--space-lg);
    flex-wrap: wrap;
    font-size: 0.875rem;
    margin-top: var(--space-xs);
    padding-left: calc(32px + var(--space-sm));
}

.favorite-btn[b-wdi1q40f1p] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: var(--space-xs);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.favorite-active[b-wdi1q40f1p] {
    color: var(--color-primary);
    font-size: 1.25rem;
    transition: color var(--transition-base);
}

.favorite-inactive[b-wdi1q40f1p] {
    color: var(--text-secondary);
    font-size: 1.25rem;
    transition: color var(--transition-base);
}

.favorite-inactive:hover[b-wdi1q40f1p] {
    color: var(--color-primary);
}

/* Feature card sizing: smaller stat-value than the canonical dashboard tile */
.feature-card-stat[b-wdi1q40f1p] {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--text-secondary);
    margin-top: var(--space-xs);
}

/* Skeleton placeholder: minimum height while loading */
.stat-card.skeleton[b-wdi1q40f1p] {
    min-height: 120px;
}

/* Recent activity section — page-specific layout for the .glass-card recent activity tile.
   The .glass-card chrome itself is global; only header layout + row alignment live here. */
.client-overview__recent[b-wdi1q40f1p] {
    margin-top: var(--space-lg);
}

.client-overview__recent-header[b-wdi1q40f1p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-md);
}

.client-overview__recent-title[b-wdi1q40f1p] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.client-overview__recent-row[b-wdi1q40f1p] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.client-overview__recent-date[b-wdi1q40f1p] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    flex: 0 0 auto;
}

.client-overview__recent-description[b-wdi1q40f1p] {
    color: var(--text-primary);
    flex: 1 1 auto;
    min-width: 0;
}

.client-overview__recent-amount[b-wdi1q40f1p] {
    color: var(--text-primary);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    flex: 0 0 auto;
}

/* Wider grid on dashboard-page — 14 cards benefit from a 4-col baseline.
   The global .dashboard-stat-grid is 4-col already; the extra .feature-cards-grid
   modifier adds an intermediate 3-col break for the longer card set. */
@media (max-width: 1200px) and (min-width: 769px) {
    .feature-cards-grid[b-wdi1q40f1p] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .client-page-header .client-header-badges[b-wdi1q40f1p] {
        margin-left: 0;
    }

    .client-page-header .client-header-details[b-wdi1q40f1p] {
        gap: var(--space-md);
    }
}
/* /Features/Core/Clients/Pages/Clients.razor.rz.scp.css */
.page-wrapper[b-u2809nqqrj] {
    animation: slideUp 0.5s ease-out;
}

/* ========================================
   Clients List — page-specific styles only.
   Global utilities (stat-card, filter-card, table-container,
   empty-state-card) live in app.css; this file adds only
   what is unique to the clients page.
   ======================================== */

.header-actions[b-u2809nqqrj] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.stats-grid[b-u2809nqqrj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

/* Filter switch row lives inline with label */
.filter-item--switch[b-u2809nqqrj] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding-bottom: 1px;
}

.switch-label[b-u2809nqqrj] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
    white-space: nowrap;
}

/* Table cell helpers */
.client-name[b-u2809nqqrj] {
    font-weight: 500;
}

.pib-value[b-u2809nqqrj] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

[b-u2809nqqrj] .star-active {
    color: var(--color-primary) !important;
}

/* ─── Favorites Row ─────────────────────────────────────────────────────────── */

.favorites-section[b-u2809nqqrj] {
    margin-bottom: var(--space-lg);
}

.favorites-section .section-title[b-u2809nqqrj] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: var(--space-sm);
}

.favorites-row[b-u2809nqqrj] {
    display: flex;
    gap: var(--space-md);
    overflow-x: auto;
    padding-bottom: var(--space-xs);
    scrollbar-width: thin;
    scrollbar-color: var(--glass-border) transparent;
}

.favorite-card[b-u2809nqqrj] {
    flex: 0 0 200px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.favorite-card:hover[b-u2809nqqrj] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px var(--glass-shadow);
}

.favorite-header[b-u2809nqqrj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-xs);
    margin-bottom: var(--space-xs);
}

.favorite-name[b-u2809nqqrj] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.favorite-star[b-u2809nqqrj] {
    color: var(--color-primary);
    cursor: pointer;
    flex-shrink: 0;
    padding: 2px;
    border-radius: var(--radius-xs);
    transition: opacity 0.1s ease;
}

.favorite-star:hover[b-u2809nqqrj] {
    opacity: 0.7;
}

.favorite-pib[b-u2809nqqrj] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    margin-top: var(--space-xs);
}

/* Responsive */
@media (max-width: 768px) {
    .header-actions[b-u2809nqqrj] {
        flex-direction: column;
        align-items: stretch;
    }

    .stats-grid[b-u2809nqqrj] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .stats-grid[b-u2809nqqrj] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Clients/Pages/CreateClient.razor.rz.scp.css */
/* ========================================
   Create Client — uses global utilities:
   form-section, section-label, form-grid, form-item--full,
   toggle-row, toggle-label, form-actions.
   Only APR-selected-company card is page-specific.
   ======================================== */

/* Form sections handle their own bottom-margin globally — no flex gap needed
   (flex gap doesn't collapse, would double up with section margin-bottom). */
[b-drevrxwy1m] .create-client-form {
    display: block;
}

/* APR info card — selected APR company summary (primary-tinted) */
.apr-info-card[b-drevrxwy1m] {
    background: var(--color-primary-bg);
    border: 1px solid rgba(var(--color-primary-rgb), 0.3);
    border-radius: var(--radius-md);
    padding: var(--space-md);
}

.apr-info-card__header[b-drevrxwy1m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-sm);
}

.apr-info-card__clear[b-drevrxwy1m] {
    color: var(--text-muted);
    cursor: pointer;
    padding: var(--space-xs);
    border-radius: var(--radius-sm);
    transition: color var(--transition-fast);
}

.apr-info-card__clear:hover[b-drevrxwy1m] {
    color: var(--text-primary);
}

.apr-info-card__name[b-drevrxwy1m] {
    font-family: var(--font-display);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
}

.apr-info-card__details[b-drevrxwy1m] {
    display: flex;
    gap: var(--space-md);
    flex-wrap: wrap;
    color: var(--text-secondary);
    font-size: 0.875rem;
}

/* Mobile rules: .form-actions-footer column-reverse handled globally in app.css */
/* /Features/Core/Croso/Components/BatchFilingModal.razor.rz.scp.css */
.batch-modal-body[b-jkan5b3lj9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.form-field[b-jkan5b3lj9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-jkan5b3lj9] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.batch-modal-actions[b-jkan5b3lj9] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

.batch-result-title[b-jkan5b3lj9] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
}

.batch-result-list[b-jkan5b3lj9] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    max-height: 320px;
    overflow-y: auto;
}

.batch-result-item[b-jkan5b3lj9] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm);
    background: var(--glass-bg-subtle);
    border-radius: var(--radius-sm);
}

.batch-result-emp[b-jkan5b3lj9] {
    font-family: var(--font-mono);
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    flex: 1;
}

.batch-result-error[b-jkan5b3lj9] {
    font-size: var(--font-size-xs);
    color: var(--color-error);
}
/* /Features/Core/Croso/Components/CreateFilingModal.razor.rz.scp.css */
.create-filing-body[b-77gru1leuc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.form-field[b-77gru1leuc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-77gru1leuc] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.changed-fields-grid[b-77gru1leuc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-xs);
}

.create-filing-actions[b-77gru1leuc] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .changed-fields-grid[b-77gru1leuc] {
        grid-template-columns: 1fr;
    }

    .create-filing-actions[b-77gru1leuc] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Croso/Components/CrosoDeadlineBanner.razor.rz.scp.css */
.croso-deadline-banner[b-fx5otmfxfs] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    border-radius: var(--radius-md);
}

.croso-deadline-banner--urgent[b-fx5otmfxfs] {
    border-left: 3px solid var(--color-error);
}

.croso-deadline-banner--warn[b-fx5otmfxfs] {
    border-left: 3px solid var(--color-warning);
}

.croso-deadline-banner--ok[b-fx5otmfxfs] {
    border-left: 3px solid var(--color-info);
}

.croso-deadline-banner__cta[b-fx5otmfxfs] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 480px) {
    .croso-deadline-banner[b-fx5otmfxfs] {
        border-left-width: 2px;
    }

    .croso-deadline-banner__cta[b-fx5otmfxfs] {
        justify-content: stretch;
    }

    .croso-deadline-banner__cta[b-fx5otmfxfs]  button {
        width: 100%;
    }
}
/* /Features/Core/Croso/Components/CrosoEmployeeTab.razor.rz.scp.css */
.croso-tab[b-z2nr5dpa68] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.croso-state-block[b-z2nr5dpa68] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md);
}

.croso-state-row[b-z2nr5dpa68] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.croso-state-label[b-z2nr5dpa68] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    min-width: 160px;
}

.croso-state-value[b-z2nr5dpa68] {
    color: var(--text-primary);
    font-weight: var(--font-weight-medium);
}

.pending-filing-banner[b-z2nr5dpa68] {
    border-left: 3px solid var(--color-warning);
    padding: var(--space-md);
}

.pending-banner__title[b-z2nr5dpa68] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
}

.pending-banner__deadline[b-z2nr5dpa68] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.packet-actions[b-z2nr5dpa68] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    align-items: center;
}

.portal-link[b-z2nr5dpa68] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    text-decoration: none;
}

@media print {
    .packet-actions[b-z2nr5dpa68] { display: none; }
    .pending-filing-banner[b-z2nr5dpa68] { border: 1px solid var(--text-faint); }
}

@media (max-width: 768px) {
    .croso-state-row[b-z2nr5dpa68] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-xs);
    }

    .packet-actions[b-z2nr5dpa68] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/Croso/Components/CrosoFilingHistory.razor.rz.scp.css */
.croso-history[b-wqzheq7mpb] {
    padding: var(--space-md);
}

.croso-history__title[b-wqzheq7mpb] {
    margin: 0 0 var(--space-md) 0;
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
}

.history-entry[b-wqzheq7mpb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.history-entry__head[b-wqzheq7mpb] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.history-entry__vrsta[b-wqzheq7mpb] {
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
}

.history-entry__dates[b-wqzheq7mpb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.history-entry__date[b-wqzheq7mpb] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.history-entry__broj[b-wqzheq7mpb] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.history-entry__broj-value[b-wqzheq7mpb] {
    font-family: var(--font-mono);
    color: var(--text-primary);
}
/* /Features/Core/Croso/Components/CrosoPacketView.razor.rz.scp.css */
.croso-packet[b-y2mfettv8c] {
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.packet-header[b-y2mfettv8c] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.packet-title[b-y2mfettv8c] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
}

.packet-vrsta[b-y2mfettv8c] {
    font-family: var(--font-mono);
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.packet-block[b-y2mfettv8c] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.packet-block__title[b-y2mfettv8c] {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.packet-fields[b-y2mfettv8c] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xs);
}

.packet-field[b-y2mfettv8c] {
    display: grid;
    grid-template-columns: 200px 1fr auto;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs);
    background: var(--glass-bg-subtle);
    border-radius: var(--radius-sm);
}

.packet-field__label[b-y2mfettv8c] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.packet-field__value[b-y2mfettv8c] {
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    word-break: break-word;
}

@media print {
    .copy-button[b-y2mfettv8c] { display: none; }
    .croso-packet[b-y2mfettv8c] { font-size: 11pt; }
    .packet-field[b-y2mfettv8c] { background: transparent; border-bottom: 1px solid var(--text-faint); }
}

@media (max-width: 768px) {
    .packet-field[b-y2mfettv8c] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Croso/Components/MAUploadModal.razor.rz.scp.css */
.ma-upload-body[b-ezx5uvfuwy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.ma-upload-help[b-ezx5uvfuwy] {
    color: var(--text-secondary);
    margin: 0;
    font-size: var(--font-size-sm);
}

.upload-area[b-ezx5uvfuwy] {
    position: relative;
}

.file-input[b-ezx5uvfuwy] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.upload-label[b-ezx5uvfuwy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    padding: var(--space-xl);
    border: 2px dashed var(--glass-border);
    border-radius: var(--radius-md);
    background: var(--glass-bg-subtle);
    color: var(--text-secondary);
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
}

.upload-label:hover[b-ezx5uvfuwy] {
    border-color: var(--color-primary);
    background: var(--color-primary-bg);
}

.upload-hint[b-ezx5uvfuwy] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.upload-progress[b-ezx5uvfuwy] {
    display: flex;
    justify-content: center;
    padding: var(--space-md);
}

.form-field[b-ezx5uvfuwy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-ezx5uvfuwy] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.ma-upload-actions[b-ezx5uvfuwy] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .ma-upload-actions[b-ezx5uvfuwy] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Croso/Components/RejectFilingModal.razor.rz.scp.css */
.reject-filing-body[b-8kyra82mem] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.form-field[b-8kyra82mem] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-8kyra82mem] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.reject-filing-actions[b-8kyra82mem] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .reject-filing-actions[b-8kyra82mem] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Croso/Components/StornoFilingModal.razor.rz.scp.css */
.storno-filing-body[b-cj6la1cnii] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.form-field[b-cj6la1cnii] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-cj6la1cnii] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.storno-filing-actions[b-cj6la1cnii] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .storno-filing-actions[b-cj6la1cnii] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Croso/Pages/CrosoList.razor.rz.scp.css */
.page-wrapper[b-2gljuv6tvg] {
    animation: slideUp 0.5s ease-out;
}

.page-subtitle[b-2gljuv6tvg] {
    color: var(--text-muted);
    margin: var(--space-xs) 0 0 0;
    font-size: var(--font-size-sm);
}

.filter-item--search[b-2gljuv6tvg] {
    flex: 1;
    min-width: 220px;
}

.croso-table-card[b-2gljuv6tvg] {
    padding: 0;
    overflow: hidden;
}

.croso-empty-state[b-2gljuv6tvg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-xl);
}

.employee-link[b-2gljuv6tvg] {
    color: var(--text-primary);
    text-decoration: none;
    font-weight: var(--font-weight-medium);
}

.employee-link:hover[b-2gljuv6tvg] {
    color: var(--color-primary);
}

.pending-count[b-2gljuv6tvg] {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    font-weight: var(--font-weight-medium);
}

.deadline-cell[b-2gljuv6tvg] {
    display: flex;
    flex-direction: column;
}

.deadline-date[b-2gljuv6tvg] {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    font-size: var(--font-size-sm);
}

.deadline-relative[b-2gljuv6tvg] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.deadline-empty[b-2gljuv6tvg] {
    color: var(--text-faint);
}

.deadline-tier[b-2gljuv6tvg] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: var(--radius-sm);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.deadline-tier--ok[b-2gljuv6tvg] {
    color: var(--color-success);
    background: var(--color-success-bg);
}

.deadline-tier--warn[b-2gljuv6tvg] {
    color: var(--color-warning);
    background: var(--color-warning-bg);
}

.deadline-tier--urgent[b-2gljuv6tvg] {
    color: var(--color-error);
    background: var(--color-error-bg);
}

.batch-footer[b-2gljuv6tvg] {
    position: sticky;
    bottom: var(--space-md);
    margin-top: var(--space-lg);
    padding: var(--space-md) var(--space-lg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    z-index: 10;
}

.batch-footer__count[b-2gljuv6tvg] {
    color: var(--text-secondary);
    font-weight: var(--font-weight-medium);
}

.retry-container[b-2gljuv6tvg] {
    display: flex;
    justify-content: center;
    padding: var(--space-lg);
}

@media (max-width: 768px) {
    .filter-row[b-2gljuv6tvg] {
        flex-direction: column;
        align-items: stretch;
    }

    .batch-footer[b-2gljuv6tvg] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/Dashboard/Components/BureauDeadlineCalendar.razor.rz.scp.css */
/* Bureau Deadline Calendar — page-level layout only.
   Cell + dot + legend + overflow styling lives globally in App/wwwroot/css/app.css
   (per the bureau-deadline-calendar catalog rule). DO NOT add ::deep .ant-picker-cell
   or ::deep .ant-picker-calendar rules here. */

.bureau-deadline-calendar[b-bueopkf42y] {
    padding: var(--space-md);
}

.bureau-deadline-nav[b-bueopkf42y] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-xs) var(--space-md);
    border-bottom: 1px solid var(--glass-border);
}

.bureau-deadline-nav__label[b-bueopkf42y] {
    font-size: 0.9375rem;
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    min-width: 140px;
    text-align: center;
}

.loading-container[b-bueopkf42y] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
}

.bureau-deadline-error[b-bueopkf42y] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-md);
}

.empty-section[b-bueopkf42y] {
    text-align: center;
    color: var(--text-secondary);
    padding: var(--space-md);
}

.bureau-deadline-popover[b-bueopkf42y] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    min-width: 280px;
    max-width: 380px;
}

.bureau-deadline-popover__row[b-bueopkf42y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
}

.bureau-deadline-popover__info[b-bueopkf42y] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
    min-width: 0;
    flex: 1;
}

.bureau-deadline-popover__client[b-bueopkf42y] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bureau-deadline-popover__type[b-bueopkf42y] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.bureau-deadline-urgency-tag[b-bueopkf42y] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    flex-shrink: 0;
}

.bureau-deadline-urgency-tag--overdue[b-bueopkf42y] {
    background: var(--color-error-bg);
    color: var(--color-error-light);
    border: 1px solid var(--color-error);
}

.bureau-deadline-urgency-tag--3d[b-bueopkf42y] {
    background: var(--color-warning-bg);
    color: var(--color-warning-light);
    border: 1px solid var(--color-warning);
}

.bureau-deadline-urgency-tag--7d[b-bueopkf42y] {
    background: var(--color-warning-bg);
    color: var(--color-amber);
    border: 1px solid var(--color-amber);
}

.bureau-deadline-urgency-tag--upcoming[b-bueopkf42y] {
    background: var(--color-info-bg);
    color: var(--color-info-light);
    border: 1px solid var(--color-info);
}
/* /Features/Core/Dashboard/Components/PortalUploadsWidget.razor.rz.scp.css */
.portal-uploads-widget[b-o1950nssy5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.widget-header[b-o1950nssy5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-md);
}

.widget-header__text[b-o1950nssy5] {
    flex: 1;
}

.widget-title[b-o1950nssy5] {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 var(--space-xs) 0;
}

.widget-subtitle[b-o1950nssy5] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
    margin: 0;
}

.widget-count[b-o1950nssy5] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}

.widget-count__value[b-o1950nssy5] {
    color: var(--color-primary);
    font-size: 1.5rem;
    font-weight: 700;
}

.widget-count__label[b-o1950nssy5] {
    color: var(--text-secondary);
    font-size: 0.75rem;
}

.widget-loading[b-o1950nssy5] {
    display: flex;
    justify-content: center;
    padding: var(--space-md) 0;
}

.widget-error[b-o1950nssy5] {
    margin-top: var(--space-sm);
}

.widget-empty[b-o1950nssy5] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    padding: var(--space-md) 0;
    text-align: center;
}

.recent-list[b-o1950nssy5] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.recent-row[b-o1950nssy5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-md);
    transition: background-color 120ms ease;
    cursor: pointer;
}

.recent-row:hover[b-o1950nssy5],
.recent-row:focus-visible[b-o1950nssy5] {
    background-color: var(--glass-bg-light);
    outline: none;
}

.recent-row__main[b-o1950nssy5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.recent-row__filename[b-o1950nssy5] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-primary);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-row__client[b-o1950nssy5] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
}

.recent-row__meta[b-o1950nssy5] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-shrink: 0;
}

.recent-row__time[b-o1950nssy5] {
    color: var(--text-secondary);
    font-size: 0.75rem;
}

.widget-footer[b-o1950nssy5] {
    display: flex;
    justify-content: flex-end;
}

.view-all-link[b-o1950nssy5] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--color-primary);
    font-size: 0.875rem;
    text-decoration: none;
}

.view-all-link:hover[b-o1950nssy5] {
    text-decoration: underline;
}

.portal-uploads-widget--flash[b-o1950nssy5] {
    animation: portalFlash-b-o1950nssy5 1s ease-out;
}

@keyframes portalFlash-b-o1950nssy5 {
    0% { box-shadow: 0 0 0 0 rgba(64, 169, 255, 0.4); }
    50% { box-shadow: 0 0 0 8px rgba(64, 169, 255, 0.2); }
    100% { box-shadow: 0 0 0 0 rgba(64, 169, 255, 0); }
}

@media (max-width: 768px) {
    .widget-header[b-o1950nssy5] {
        flex-direction: column;
        align-items: stretch;
    }

    .widget-count[b-o1950nssy5] {
        flex-direction: row;
        align-items: baseline;
        gap: var(--space-xs);
    }
}
/* /Features/Core/Documents/Pages/DocumentDetail.razor.rz.scp.css */
.page-wrapper[b-ycqqu0wfnr] {
    animation: slideUp 0.5s ease-out;
}

/* Header */
.header-actions[b-ycqqu0wfnr] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

[b-ycqqu0wfnr] .status-tag {
    font-size: 0.875rem;
    padding: var(--space-xs) 12px;
    margin-left: var(--space-md);
}

.confidence-badge[b-ycqqu0wfnr] {
    font-size: 0.875rem;
    font-weight: 600;
    padding: var(--space-xs) 10px;
    border-radius: var(--radius-sm);
    margin-left: var(--space-sm);
}

.confidence-badge.confidence-high[b-ycqqu0wfnr] {
    color: var(--color-success);
    background: color-mix(in srgb, var(--color-success) 10%, transparent);
}

.confidence-badge.confidence-medium[b-ycqqu0wfnr] {
    color: var(--color-warning);
    background: color-mix(in srgb, var(--color-warning) 10%, transparent);
}

.confidence-badge.confidence-low[b-ycqqu0wfnr] {
    color: var(--color-error);
    background: color-mix(in srgb, var(--color-error) 10%, transparent);
}

/* Processing Indicator */
.processing-indicator[b-ycqqu0wfnr] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--color-primary-bg-light);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-primary-glow);
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
}

.error-alert[b-ycqqu0wfnr] {
    margin-bottom: var(--space-lg);
}

/* Detail Section */
.detail-section[b-ycqqu0wfnr] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    margin-bottom: var(--space-lg);
}

.section-title[b-ycqqu0wfnr] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-lg);
}

.detail-grid[b-ycqqu0wfnr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--space-lg);
    margin-bottom: var(--space-lg);
}

.detail-item[b-ycqqu0wfnr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.detail-label[b-ycqqu0wfnr] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-ycqqu0wfnr] {
    font-size: 0.9375rem;
    color: var(--text-primary);
}

.detail-description[b-ycqqu0wfnr] {
    margin-top: var(--space-md);
}

.detail-description p[b-ycqqu0wfnr] {
    white-space: pre-wrap;
    margin: var(--space-xs) 0 0;
}

/* Extraction Grid */
.extraction-grid[b-ycqqu0wfnr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--space-md);
}

.extraction-field[b-ycqqu0wfnr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-sm);
    background: var(--glass-bg);
    border-radius: var(--radius-sm);
    border: 1px solid var(--glass-border);
}

.extraction-field--low[b-ycqqu0wfnr] {
    border-color: color-mix(in srgb, var(--color-error) 40%, transparent);
    background: color-mix(in srgb, var(--color-error) 5%, transparent);
}

.field-label[b-ycqqu0wfnr] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.field-value[b-ycqqu0wfnr] {
    font-size: 0.9375rem;
    color: var(--text-primary);
    word-break: break-word;
}

/* Review Form */
.review-alert[b-ycqqu0wfnr] {
    margin-bottom: var(--space-lg);
}

.review-form[b-ycqqu0wfnr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.form-group[b-ycqqu0wfnr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.form-label[b-ycqqu0wfnr] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


/* Action Section */
.action-section[b-ycqqu0wfnr] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    padding-top: var(--space-md);
}

/* ─── Side Panel (detail-page-grid__side) ────────────────── */

.side-block-title[b-ycqqu0wfnr] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

.linked-records[b-ycqqu0wfnr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.linked-item[b-ycqqu0wfnr] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

/* Responsive */
@media (max-width: 768px) {
    .detail-grid[b-ycqqu0wfnr] {
        grid-template-columns: 1fr;
    }

    .extraction-grid[b-ycqqu0wfnr] {
        grid-template-columns: 1fr;
    }

    .action-section[b-ycqqu0wfnr] {
        flex-direction: column;
    }
}
/* /Features/Core/Documents/Pages/Documents.razor.rz.scp.css */
.page-wrapper[b-ccagdss9rw] {
    animation: slideUp 0.5s ease-out;
}

/* Header Actions */
.header-actions[b-ccagdss9rw] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* Upload Button */
/* Filter Card */
.filter-item--search[b-ccagdss9rw] {
    flex: 1;
    min-width: 200px;
}
/* Confidence */
.confidence[b-ccagdss9rw] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

.confidence--na[b-ccagdss9rw] {
    color: var(--text-muted);
    font-style: italic;
}

/* Responsive */
@media (max-width: 768px) {
    .filter-row[b-ccagdss9rw] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-item--search[b-ccagdss9rw] {
        min-width: 100%;
    }

    .header-actions[b-ccagdss9rw] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/Documents/Pages/UploadDocument.razor.rz.scp.css */
.page-wrapper[b-dholk5wc2w] {
    animation: slideUp 0.5s ease-out;
}

/* Back Button */
.back-button[b-dholk5wc2w] {
    margin-bottom: var(--space-sm);
}

/* Form Container */
.form-container[b-dholk5wc2w] {
    padding: var(--space-xl);
}

.form-section[b-dholk5wc2w] {
    margin-bottom: var(--space-xl);
}

.section-label[b-dholk5wc2w] {
    display: block;
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: var(--space-sm);
}

/* Upload Area */
.upload-area[b-dholk5wc2w] {
    position: relative;
    border: 2px dashed var(--glass-border-light);
    border-radius: var(--radius-lg);
    transition: var(--transition-base);
    cursor: pointer;
    background: var(--glass-bg);
}

.upload-area:hover[b-dholk5wc2w],
.upload-area.drag-over[b-dholk5wc2w] {
    border-color: var(--color-primary);
    background: var(--color-primary-bg);
}

.file-input-hidden[b-dholk5wc2w] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
    font-size: 0 !important;
}

.file-input-hidden[b-dholk5wc2w]::file-selector-button {
    display: none !important;
}

.file-input-hidden[b-dholk5wc2w]::-webkit-file-upload-button {
    display: none !important;
}

.upload-label[b-dholk5wc2w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    position: relative;
    min-height: 200px;
    justify-content: center;
    padding: var(--space-2xl);
    z-index: 1;
    pointer-events: none;
}

[b-dholk5wc2w] .upload-icon {
    font-size: 48px;
    color: var(--text-muted);
}

.upload-text[b-dholk5wc2w] {
    color: var(--text-secondary);
    font-size: 1rem;
    margin: 0;
}

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

/* File Preview */
.file-preview[b-dholk5wc2w] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    pointer-events: auto;
}

.file-preview[b-dholk5wc2w]  .anticon {
    font-size: 24px;
    color: var(--color-primary);
}

.file-name[b-dholk5wc2w] {
    color: var(--text-primary);
    font-weight: 500;
}

.file-size[b-dholk5wc2w] {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.file-error-container[b-dholk5wc2w] {
    margin-top: var(--space-sm);
}

/* Form Actions */
/* Upload Button */
[b-dholk5wc2w] #upload-submit-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
    .form-container[b-dholk5wc2w] {
        padding: 20px;
    }

    .upload-label[b-dholk5wc2w] {
        min-height: 150px;
        padding: var(--space-xl);
    }
}
/* /Features/Core/Employees/Components/ReactivateEmployeeModal.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   MODAL BODY
   ═══════════════════════════════════════════════════════════════ */

.modal-body[b-7s7r85moqe] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.confirm-message[b-7s7r85moqe] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    margin-bottom: var(--space-sm);
}

/* ═══════════════════════════════════════════════════════════════
   FORM FIELDS
   ═══════════════════════════════════════════════════════════════ */

.form-field[b-7s7r85moqe] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-7s7r85moqe] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
/* ═══════════════════════════════════════════════════════════════
   ACTIONS
   ═══════════════════════════════════════════════════════════════ */

.modal-actions[b-7s7r85moqe] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    margin-top: var(--space-md);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}
/* /Features/Core/Employees/Components/TerminateEmployeeModal.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   MODAL BODY
   ═══════════════════════════════════════════════════════════════ */

.modal-body[b-oap671frdb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.confirm-message[b-oap671frdb] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    margin-bottom: var(--space-sm);
}

/* ═══════════════════════════════════════════════════════════════
   FORM FIELDS
   ═══════════════════════════════════════════════════════════════ */

.form-field[b-oap671frdb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-oap671frdb] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
/* ═══════════════════════════════════════════════════════════════
   ACTIONS
   ═══════════════════════════════════════════════════════════════ */

.modal-actions[b-oap671frdb] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    margin-top: var(--space-md);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}
/* /Features/Core/Employees/Pages/CreateEmployee.razor.rz.scp.css */
/* Entrance animation — required by design-lint */
.page-wrapper[b-ba5xe6dbcd] {
    animation: slideUp 0.5s ease-out;
}

/* ═══════════════════════════════════════════════════════════════
   FORM CARD
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   COLLAPSE PANELS
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   FORM GRID
   ═══════════════════════════════════════════════════════════════ */

.form-grid[b-ba5xe6dbcd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 var(--space-lg);
}

.form-grid__full[b-ba5xe6dbcd] {
    grid-column: 1 / -1;
}

/* ═══════════════════════════════════════════════════════════════
   JMBG DERIVED INFO
   ═══════════════════════════════════════════════════════════════ */

.jmbg-derived-info[b-ba5xe6dbcd] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-bg-subtle);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-md);
}

.jmbg-detail[b-ba5xe6dbcd] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

/* ═══════════════════════════════════════════════════════════════
   FORM ACTIONS
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .form-grid[b-ba5xe6dbcd] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Employees/Pages/EmployeeDetail.razor.rz.scp.css */
/* Entrance animation — required by design-lint */
.page-wrapper[b-lduvvqxftu] {
    animation: slideUp 0.5s ease-out;
}

/* ═══════════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════════ */

.header-actions[b-lduvvqxftu] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* ═══════════════════════════════════════════════════════════════
   DETAIL CARD
   ═══════════════════════════════════════════════════════════════ */

.detail-card[b-lduvvqxftu],
.section-title[b-lduvvqxftu] {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

/* ═══════════════════════════════════════════════════════════════
   DETAIL GRID
   ═══════════════════════════════════════════════════════════════ */

.detail-grid[b-lduvvqxftu] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-lg);
}

.detail-field[b-lduvvqxftu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.detail-field--full[b-lduvvqxftu] {
    grid-column: 1 / -1;
}

.detail-label[b-lduvvqxftu] {
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.detail-value[b-lduvvqxftu] {
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.detail-field.highlight .detail-value[b-lduvvqxftu] {
    color: var(--text-secondary);
    font-size: 1.1rem;
    font-weight: 700;
}
/* ═══════════════════════════════════════════════════════════════
   COLUMN STYLING
   ═══════════════════════════════════════════════════════════════ */

.jmbg-value[b-lduvvqxftu] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
}

.amount[b-lduvvqxftu] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.amount--total[b-lduvvqxftu] {
    font-weight: 700;
    color: var(--text-secondary);
}

/* ═══════════════════════════════════════════════════════════════
   EDIT SECTION & ACTIONS
   ═══════════════════════════════════════════════════════════════ */

.edit-section .section-title[b-lduvvqxftu] {
    margin-top: var(--space-lg);
}

.edit-section .section-title:first-child[b-lduvvqxftu] {
    margin-top: 0;
}

.edit-actions[b-lduvvqxftu] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    margin-top: var(--space-xl);
    padding-top: var(--space-lg);
    border-top: 1px solid var(--glass-border);
}

/* ═══════════════════════════════════════════════════════════════
   CONTRACT TIMELINE
   ═══════════════════════════════════════════════════════════════ */

.contract-timeline[b-lduvvqxftu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.contract-entry[b-lduvvqxftu] {
    background: var(--glass-bg-subtle);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.contract-dates[b-lduvvqxftu] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.contract-termination[b-lduvvqxftu] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-top: var(--space-xs);
}

.termination-reason[b-lduvvqxftu] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-style: italic;
}

/* ═══════════════════════════════════════════════════════════════
   SIDE PANEL (detail-page-grid__side)
   ═══════════════════════════════════════════════════════════════ */

.side-block-title[b-lduvvqxftu] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

.payroll-side-empty[b-lduvvqxftu] {
    margin-top: var(--space-md);
}

/* Documents-by-employee side list */
.employee-docs-list[b-lduvvqxftu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.employee-doc-link[b-lduvvqxftu] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-primary);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.2s ease;
}

.employee-doc-link:hover[b-lduvvqxftu] {
    color: var(--color-primary);
}

.doc-filename[b-lduvvqxftu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .detail-grid[b-lduvvqxftu] {
        grid-template-columns: 1fr;
    }

    .header-actions[b-lduvvqxftu] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/Employees/Pages/Employees.razor.rz.scp.css */
.page-wrapper[b-hcn7ufodda] {
    animation: slideUp 0.5s ease-out;
}

/* ═══════════════════════════════════════════════════════════════
   HEADER ACTIONS
   ═══════════════════════════════════════════════════════════════ */

.header-actions[b-hcn7ufodda] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* ═══════════════════════════════════════════════════════════════
   SUMMARY CARDS (Glassmorphism)
   ═══════════════════════════════════════════════════════════════ */

.employee-summary-cards[b-hcn7ufodda] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

/* Padding-only override — glass chrome from .glass-card global */
.employee-summary-card[b-hcn7ufodda] {
    padding: 20px;
}

.employee-summary-card .summary-value[b-hcn7ufodda] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
}

.employee-summary-card .summary-label[b-hcn7ufodda] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.employee-summary-card.summary-active .summary-value[b-hcn7ufodda] {
    color: var(--color-success);
}

.employee-summary-card.summary-terminated .summary-value[b-hcn7ufodda] {
    color: var(--text-muted);
}

.employee-summary-card.summary-by-type .summary-type-list[b-hcn7ufodda] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    margin-bottom: var(--space-xs);
}

.summary-type-item[b-hcn7ufodda] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.summary-type-count[b-hcn7ufodda] {
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--color-primary);
    min-width: 24px;
}

.summary-type-label[b-hcn7ufodda] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════════
   FILTER CARD (Glassmorphism)
   ═══════════════════════════════════════════════════════════════ */
.filter-item--search[b-hcn7ufodda] {
    flex: 1;
    min-width: 200px;
}
/* ═══════════════════════════════════════════════════════════════
   TABLE CONTAINER
   ═══════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════
   COLUMN STYLING
   ═══════════════════════════════════════════════════════════════ */

.jmbg-value[b-hcn7ufodda] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

.amount[b-hcn7ufodda] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .filter-row[b-hcn7ufodda] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-hcn7ufodda] {
        flex-direction: column;
        align-items: stretch;
    }

    .employee-summary-cards[b-hcn7ufodda] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Features/Core/ExchangeRates/Pages/ExchangeRates.razor.rz.scp.css */
.page-wrapper[b-2od4m2171a] {
    animation: slideUp 0.5s ease-out;
}

/* ========================================
   Exchange Rates — uses global utilities:
   page-wrapper, page-container, page-header--with-actions,
   table-container, empty-state-card, empty-icon.
   Only the subtitle + loading container stay scoped here.
   ======================================== */

.page-subtitle[b-2od4m2171a] {
    margin: var(--space-xs) 0 0;
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.loading-container[b-2od4m2171a] {
    display: flex;
    justify-content: center;
    padding: var(--space-xl) 0;
}

/* Responsive — stack refresh button on small screens */
@media (max-width: 768px) {
    [b-2od4m2171a] .page-header--with-actions .header-actions {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
}
/* /Features/Core/FeeCalculator/Components/AddOnPicker.razor.rz.scp.css */
.addon-picker-body[b-rguctv1pis] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    max-height: 60vh;
    overflow-y: auto;
}

.addon-group[b-rguctv1pis] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.addon-group__header[b-rguctv1pis] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: var(--space-xs);
    border-bottom: 1px solid var(--glass-border);
}

.addon-group__items[b-rguctv1pis] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.addon-row[b-rguctv1pis] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.addon-row:hover[b-rguctv1pis] {
    border-color: var(--color-primary);
}

.addon-row__info[b-rguctv1pis] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.addon-row__name[b-rguctv1pis] {
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
}

.addon-row__price[b-rguctv1pis] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
}

.addon-row__action[b-rguctv1pis] {
    flex-shrink: 0;
}

.addon-row__added[b-rguctv1pis] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs, 4px);
    color: var(--color-success);
    font-size: var(--font-size-sm);
}

@media (max-width: 768px) {
    .addon-row[b-rguctv1pis] {
        flex-direction: column;
        align-items: stretch;
    }

    .addon-row__action[b-rguctv1pis] {
        align-self: stretch;
    }
}
/* /Features/Core/FeeCalculator/Components/ApprovalActionBar.razor.rz.scp.css */
.approval-action-bar[b-e1mds03e3m] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    align-items: center;
    padding: var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
}

.approval-banner[b-e1mds03e3m] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
}

.approval-banner--info[b-e1mds03e3m] {
    background: color-mix(in srgb, var(--color-info-hover) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-info-hover) 32%, transparent);
    color: var(--text-primary);
}

.approval-banner--readonly[b-e1mds03e3m] {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    color: var(--text-secondary);
}
/* /Features/Core/FeeCalculator/Components/BreakdownList.razor.rz.scp.css */
.breakdown[b-t042dffbee] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.breakdown__title[b-t042dffbee] {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    margin: 0;
    color: var(--text-primary);
}

.breakdown__empty[b-t042dffbee] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    text-align: center;
    padding: var(--space-sm);
}

.breakdown__list[b-t042dffbee] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.breakdown-line[b-t042dffbee] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--space-xs) var(--space-sm);
    border-left: 3px solid transparent;
    background: var(--surface-bg, rgba(255, 255, 255, 0.03));
    border-radius: var(--radius-sm);
}

.breakdown-line__main[b-t042dffbee] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-sm);
}

.breakdown-line__label[b-t042dffbee] {
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
}

.breakdown-line__amount[b-t042dffbee] {
    font-variant-numeric: tabular-nums;
    font-weight: var(--font-weight-semibold);
}

.breakdown-line__note[b-t042dffbee] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
}

/* Type-specific accent colors */
.breakdown-Base[b-t042dffbee] {
    border-left-color: var(--color-info);
}

.breakdown-Base .breakdown-line__amount[b-t042dffbee] {
    color: var(--color-info);
}

.breakdown-VolumeAdjustment[b-t042dffbee] {
    border-left-color: var(--color-success);
}

.breakdown-VolumeAdjustment .breakdown-line__amount[b-t042dffbee] {
    color: var(--color-success);
}

.breakdown-Multiplier[b-t042dffbee] {
    border-left-color: var(--color-warning);
}

.breakdown-Multiplier .breakdown-line__amount[b-t042dffbee] {
    color: var(--color-warning);
}

.breakdown-AddOn[b-t042dffbee] {
    border-left-color: var(--color-primary);
}

.breakdown-AddOn .breakdown-line__amount[b-t042dffbee] {
    color: var(--color-primary);
}

.breakdown-Floor[b-t042dffbee] {
    border-left-color: var(--color-warning);
}

.breakdown-Floor .breakdown-line__amount[b-t042dffbee] {
    color: var(--color-warning);
}

.breakdown-Override[b-t042dffbee] {
    border-left-color: var(--color-error);
}

.breakdown-Override .breakdown-line__amount[b-t042dffbee] {
    color: var(--color-error);
}
/* /Features/Core/FeeCalculator/Components/InputForm.razor.rz.scp.css */
.input-form[b-6ay4zuxwt6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.form-section[b-6ay4zuxwt6] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    animation: slideUp-b-6ay4zuxwt6 0.4s ease-out;
}

.form-section__title[b-6ay4zuxwt6] {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    margin: 0;
    padding-bottom: var(--space-xs);
    border-bottom: 1px solid var(--glass-border);
}

.form-grid[b-6ay4zuxwt6] {
    display: grid;
    gap: var(--space-md);
}

.form-grid--2col[b-6ay4zuxwt6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-field[b-6ay4zuxwt6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs, 4px);
    min-width: 0;
}

.field-label[b-6ay4zuxwt6] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
}

.field-help[b-6ay4zuxwt6] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
}

.checkbox-grid[b-6ay4zuxwt6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-sm);
}

.addons-empty[b-6ay4zuxwt6] {
    padding: var(--space-md);
    text-align: center;
    color: var(--text-secondary);
    background: var(--glass-bg);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
}

.addons-list[b-6ay4zuxwt6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.addon-item[b-6ay4zuxwt6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--surface-bg, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.addon-item__info[b-6ay4zuxwt6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.addon-item__name[b-6ay4zuxwt6] {
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
}

.addon-item__price[b-6ay4zuxwt6] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
}

.addon-item__qty[b-6ay4zuxwt6] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-shrink: 0;
}

.form-grid--spaced[b-6ay4zuxwt6] {
    margin-top: var(--space-md);
}

@keyframes slideUp-b-6ay4zuxwt6 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .form-grid--2col[b-6ay4zuxwt6] {
        grid-template-columns: 1fr;
    }

    .checkbox-grid[b-6ay4zuxwt6] {
        grid-template-columns: 1fr;
    }

    .addon-item[b-6ay4zuxwt6] {
        flex-direction: column;
        align-items: stretch;
    }

    .addon-item__qty[b-6ay4zuxwt6] {
        justify-content: flex-end;
    }
}
/* /Features/Core/FeeCalculator/Components/OutputPanel.razor.rz.scp.css */
.output-panel[b-21vfff66mr] {
    position: sticky;
    top: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    max-height: calc(100vh - var(--space-2xl));
    overflow-y: auto;
    animation: slideUp-b-21vfff66mr 0.5s ease-out;
}

.output-empty[b-21vfff66mr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xl);
    background: var(--glass-bg);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-lg);
    text-align: center;
}

.output-empty__message[b-21vfff66mr] {
    margin: 0;
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed, 1.6);
}

.hero-card[b-21vfff66mr] {
    position: relative;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs, 4px);
    overflow: hidden;
    transition: opacity 0.2s ease;
}

.hero-card--loading[b-21vfff66mr] {
    opacity: 0.7;
}

.hero-card__label[b-21vfff66mr] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.hero-card__price[b-21vfff66mr] {
    font-size: var(--font-size-2xl, 36px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.hero-card__currency[b-21vfff66mr] {
    font-size: var(--font-size-md);
    color: var(--text-secondary);
    font-weight: var(--font-weight-regular);
    margin-left: var(--space-2xs, 4px);
}

.hero-card__eur[b-21vfff66mr] {
    font-size: var(--font-size-md);
    color: var(--text-secondary);
}

.hero-card__eur-missing[b-21vfff66mr] {
    font-size: var(--font-size-xs);
    color: var(--text-faint);
    font-style: italic;
}

.hero-card__minmax[b-21vfff66mr] {
    margin-top: var(--space-xs);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2xs, 4px) var(--space-xs);
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
}

.hero-card__minmax-item[b-21vfff66mr] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.hero-card__minmax-item strong[b-21vfff66mr] {
    color: var(--text-primary);
    font-weight: var(--font-weight-semibold);
}

.hero-card__minmax-eur[b-21vfff66mr] {
    color: var(--text-faint);
}

.hero-card__separator[b-21vfff66mr] {
    color: var(--text-faint);
}

.hero-card__loading-overlay[b-21vfff66mr] {
    position: absolute;
    top: var(--space-sm);
    right: var(--space-sm);
}

.info-banners[b-21vfff66mr],
.suggestions[b-21vfff66mr],
.warnings[b-21vfff66mr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.info-banner[b-21vfff66mr] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    background: color-mix(in srgb, var(--color-info) 8%, transparent);
    color: var(--color-info);
    border-radius: var(--radius-sm);
    border-left: 3px solid var(--color-info);
}

.suggestions__title[b-21vfff66mr],
.warnings__title[b-21vfff66mr] {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    margin: 0;
}

.suggestions__title[b-21vfff66mr] {
    color: var(--color-primary);
}

.warnings__title[b-21vfff66mr] {
    color: var(--color-warning);
}

.suggestions__list[b-21vfff66mr],
.warnings__list[b-21vfff66mr] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.suggestions__item[b-21vfff66mr],
.warnings__item[b-21vfff66mr] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    background: var(--surface-bg, rgba(255, 255, 255, 0.03));
}

.suggestions__item[b-21vfff66mr] {
    border-left: 3px solid var(--color-primary);
}

.warnings__item[b-21vfff66mr] {
    border-left: 3px solid var(--color-warning);
    color: var(--color-warning);
}

@keyframes slideUp-b-21vfff66mr {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .output-panel[b-21vfff66mr] {
        position: relative;
        top: auto;
        max-height: none;
    }

    .hero-card__price[b-21vfff66mr] {
        font-size: var(--font-size-xl);
    }

    .hero-card__minmax[b-21vfff66mr] {
        flex-direction: column;
        gap: var(--space-2xs, 4px);
    }

    .hero-card__separator[b-21vfff66mr] {
        display: none;
    }
}
/* /Features/Core/FeeCalculator/Components/ProfitabilityIndicator.razor.rz.scp.css */
.profitability-card[b-mvyhxun030] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs, 4px);
    padding: var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.profitability-card--green[b-mvyhxun030] {
    border-left: 3px solid var(--color-success);
}

.profitability-card--yellow[b-mvyhxun030] {
    border-left: 3px solid var(--color-warning);
}

.profitability-card--red[b-mvyhxun030] {
    border-left: 3px solid var(--color-error);
}

.profitability-header[b-mvyhxun030] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.profitability-dot[b-mvyhxun030] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}

.profitability-dot--green[b-mvyhxun030] {
    background: var(--color-success);
}

.profitability-dot--yellow[b-mvyhxun030] {
    background: var(--color-warning);
}

.profitability-dot--red[b-mvyhxun030] {
    background: var(--color-error);
}

.profitability-label[b-mvyhxun030] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.profitability-detail[b-mvyhxun030] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
}
/* /Features/Core/FeeCalculator/Components/ThresholdProximityBadge.razor.rz.scp.css */
.threshold-badges[b-mo3nsizvrd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

.threshold-pill[b-mo3nsizvrd] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs, 4px);
    padding: var(--space-2xs, 4px) var(--space-sm);
    border-radius: 999px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    border: 1px solid transparent;
    cursor: help;
}

.threshold-pill--info[b-mo3nsizvrd] {
    background: color-mix(in srgb, var(--color-info) 10%, transparent);
    color: var(--color-info);
    border-color: color-mix(in srgb, var(--color-info) 30%, transparent);
}

.threshold-pill--warning[b-mo3nsizvrd] {
    background: color-mix(in srgb, var(--color-warning) 12%, transparent);
    color: var(--color-warning);
    border-color: color-mix(in srgb, var(--color-warning) 30%, transparent);
}

.threshold-pill--critical[b-mo3nsizvrd] {
    background: color-mix(in srgb, var(--color-error) 12%, transparent);
    color: var(--color-error);
    border-color: color-mix(in srgb, var(--color-error) 35%, transparent);
}
/* /Features/Core/FeeCalculator/Pages/FeeCalculatorEdit.razor.rz.scp.css */
.page-wrapper[b-qiuupdoz98] {
    animation: slideUp-b-qiuupdoz98 0.5s ease-out;
}

.back-button[b-qiuupdoz98] {
    margin-right: var(--space-xs);
    flex-shrink: 0;
}

.page-header__title-row[b-qiuupdoz98] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.page-header__actions[b-qiuupdoz98] {
    display: flex;
    gap: var(--space-xs);
    flex-wrap: wrap;
    margin-top: var(--space-sm);
}

.loading-container[b-qiuupdoz98] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-2xl) var(--space-lg);
}

.save-modal-body[b-qiuupdoz98] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs, 4px);
}

.field-label[b-qiuupdoz98] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
}

/* Status tag colors — reuse existing CSS variables */
.status-tag[b-qiuupdoz98] {
    font-weight: var(--font-weight-medium);
    border-radius: var(--radius-sm);
}

.status-tag--draft[b-qiuupdoz98] {
    color: var(--text-secondary);
    background: var(--glass-bg);
    border-color: var(--glass-border);
}

.status-tag--pending[b-qiuupdoz98] {
    color: var(--color-warning);
    background: color-mix(in srgb, var(--color-warning) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-warning) 30%, transparent);
}

.status-tag--proposed[b-qiuupdoz98] {
    color: var(--color-info);
    background: color-mix(in srgb, var(--color-info) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-info) 30%, transparent);
}

.status-tag--accepted[b-qiuupdoz98] {
    color: var(--color-success);
    background: color-mix(in srgb, var(--color-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-success) 30%, transparent);
}

.status-tag--rejected[b-qiuupdoz98] {
    color: var(--color-error);
    background: color-mix(in srgb, var(--color-error) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-error) 30%, transparent);
}

.status-tag--archived[b-qiuupdoz98] {
    color: var(--text-muted);
    background: var(--glass-bg-subtle);
    border-color: var(--glass-border);
}

/* Sticky output column on desktop — per calculator-page scoped_css_allowed */
@media (min-width: 1024px) {
    .calculator-page-grid__output[b-qiuupdoz98] {
        position: sticky;
        top: var(--space-md);
        align-self: start;
    }
}

@keyframes slideUp-b-qiuupdoz98 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .page-header__actions[b-qiuupdoz98] {
        width: 100%;
        flex-wrap: wrap;
    }

    .page-header__actions > *[b-qiuupdoz98] {
        flex: 1;
    }
}
/* /Features/Core/FeeCalculator/Pages/FeeCalculatorList.razor.rz.scp.css */
/* FeeCalculatorList — list-page archetype.
   Filter chrome (.filter-card, .filter-row, .filter-item, .filter-label) is global in app.css. */

.page-wrapper[b-4c9pqa391j] {
    animation: slideUp-b-4c9pqa391j 0.5s ease-out;
}

/* Page-specific filter row layout — 3-column grid */
.filter-row[b-4c9pqa391j] {
    grid-template-columns: 2fr 1fr auto;
    align-items: end;
}

.filter-item--reset[b-4c9pqa391j] {
    align-self: end;
}

/* glass-card results container — no chrome override (chrome from .glass-card global) */
.results-container[b-4c9pqa391j] {
    overflow: hidden;
    padding: 0;
}

[b-4c9pqa391j] .results-container__alert {
    margin-bottom: var(--space-md);
}

.empty-description[b-4c9pqa391j] {
    color: var(--text-secondary);
    margin-bottom: var(--space-md);
    max-width: 480px;
}

.calc-name[b-4c9pqa391j] {
    color: var(--text-primary);
    font-weight: 500;
    text-decoration: none;
}

.calc-name:hover[b-4c9pqa391j] {
    text-decoration: underline;
    color: var(--color-primary);
}

.price-value[b-4c9pqa391j] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.pagination-container[b-4c9pqa391j] {
    display: flex;
    justify-content: center;
    padding: var(--space-md) 0;
}

@keyframes slideUp-b-4c9pqa391j {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .filter-row[b-4c9pqa391j] {
        grid-template-columns: 1fr;
    }

    .filter-item--reset[b-4c9pqa391j] {
        align-self: stretch;
    }
}
/* /Features/Core/FeeCalculator/Pages/PricingSettings.razor.rz.scp.css */
.page-wrapper[b-742349lo30] {
    animation: slideUp-b-742349lo30 0.5s ease-out;
}

.back-button[b-742349lo30] {
    margin-right: var(--space-xs);
}

.page-subtitle[b-742349lo30] {
    margin: var(--space-2xs, 4px) 0 0;
    color: var(--text-secondary);
}

.loading-container[b-742349lo30] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-2xl) var(--space-lg);
}

/* Tab inner padding only — chrome handled by .glass-card.settings-tabs-layout wrapper */
[b-742349lo30] .pricing-tabs {
    padding: var(--space-md);
}

.settings-section[b-742349lo30] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-md) 0;
}

.section-description[b-742349lo30] {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.subsection-title[b-742349lo30] {
    margin: var(--space-md) 0 var(--space-2xs, 4px);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.form-grid[b-742349lo30] {
    display: grid;
    gap: var(--space-md);
}

.form-grid--2col[b-742349lo30] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-field[b-742349lo30] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs, 4px);
    min-width: 0;
}

.form-field--top-spaced[b-742349lo30] {
    margin-top: var(--space-md);
}

.info-banner[b-742349lo30] {
    margin-bottom: var(--space-md);
}

.field-label[b-742349lo30] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
}

.field-help[b-742349lo30] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
}

/* Base rates table */
.rates-table[b-742349lo30] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs, 4px);
    overflow-x: auto;
}

.rates-table__head[b-742349lo30],
.rates-table__row[b-742349lo30] {
    display: grid;
    grid-template-columns: 200px repeat(6, minmax(120px, 1fr));
    gap: var(--space-xs);
    align-items: center;
    padding: var(--space-xs) var(--space-sm);
}

.rates-table__head[b-742349lo30] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--glass-border);
}

.rates-table__row[b-742349lo30] {
    background: var(--surface-bg, rgba(255, 255, 255, 0.03));
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.combo-label[b-742349lo30] {
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
    font-family: var(--font-mono, monospace);
    font-size: var(--font-size-sm);
}

/* Add-on catalog rows */
.addons-empty[b-742349lo30] {
    padding: var(--space-md);
    text-align: center;
    color: var(--text-secondary);
    background: var(--glass-bg);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
}

.addons-list[b-742349lo30] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.addon-row[b-742349lo30] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: var(--space-sm);
    align-items: center;
    padding: var(--space-sm) var(--space-md);
    background: var(--surface-bg, rgba(255, 255, 255, 0.03));
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.addon-row__name[b-742349lo30] {
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
}

.addon-row__meta[b-742349lo30] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
}

@keyframes slideUp-b-742349lo30 {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
    .form-grid--2col[b-742349lo30] {
        grid-template-columns: 1fr;
    }

    .rates-table__head[b-742349lo30],
    .rates-table__row[b-742349lo30] {
        grid-template-columns: 1fr;
    }

    .addon-row[b-742349lo30] {
        grid-template-columns: 1fr;
        gap: var(--space-xs);
    }
}
/* /Features/Core/FinancialStatements/Pages/FinancialStatementDetail.razor.rz.scp.css */
.page-wrapper[b-6d1cstz6la] {
    animation: slideUp 0.5s ease-out;
}

/* page-header layout handled globally by .page-header.page-header--with-actions */

.header-left[b-6d1cstz6la] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.header-left h2[b-6d1cstz6la] {
    margin: 0;
}

.fiscal-year[b-6d1cstz6la] {
    color: var(--text-muted);
    font-size: 1rem;
}

.header-actions[b-6d1cstz6la] {
    display: flex;
    gap: var(--space-sm);
    align-items: center;
}

.notes-section[b-6d1cstz6la] {
    margin-bottom: var(--space-lg);
    padding: var(--space-md);
}

.notes-section h4[b-6d1cstz6la] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-primary);
}

.aop-table-container[b-6d1cstz6la] {
    padding: var(--space-md);
    overflow-x: auto;
}

.aop-code[b-6d1cstz6la] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
    color: var(--text-muted);
}

.aop-code.subtotal[b-6d1cstz6la] {
    color: var(--text-secondary);
    font-weight: 700;
}

.position-label[b-6d1cstz6la] {
    display: inline-block;
}

.amount[b-6d1cstz6la] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
    text-align: right;
    display: block;
}

.subtotal-amount[b-6d1cstz6la] {
    font-weight: 700;
    color: var(--text-secondary);
}

.previous-year[b-6d1cstz6la] {
    color: var(--text-muted);
}

.deadline-info[b-6d1cstz6la] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-muted);
    margin-top: var(--space-lg);
    font-size: 0.8125rem;
}

/* ─── Side Panel (detail-page-grid__side) ────────────────── */

.side-block-title[b-6d1cstz6la] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

/* APR filing link */
.apr-external-link[b-6d1cstz6la] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--color-primary);
    text-decoration: none;
    font-size: 0.875rem;
    word-break: break-all;
    transition: opacity 0.2s ease;
}

.apr-external-link:hover[b-6d1cstz6la] {
    opacity: 0.8;
}

.apr-edit-btn[b-6d1cstz6la] {
    margin-top: var(--space-sm);
    display: block;
}
/* /Features/Core/FinancialStatements/Pages/FinancialStatementsPage.razor.rz.scp.css */
.page-wrapper[b-kfyerlr8lx] {
    animation: slideUp 0.5s ease-out;
}

.statements-grid[b-kfyerlr8lx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--space-lg);
    margin-top: var(--space-lg);
}

.statement-card[b-kfyerlr8lx] {
    padding: var(--space-md);
}

.card-header[b-kfyerlr8lx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-sm);
}

.card-header h3[b-kfyerlr8lx] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.card-body[b-kfyerlr8lx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.na-card[b-kfyerlr8lx] {
    opacity: 0.5;
}

.na-text[b-kfyerlr8lx] {
    color: var(--text-muted);
    font-style: italic;
}

.generated-info[b-kfyerlr8lx] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.variant-info[b-kfyerlr8lx] {
    color: var(--text-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
}

[b-kfyerlr8lx] .deadline-alert {
    margin-bottom: var(--space-lg);
}
/* /Features/Core/FixedAssets/Components/DepreciationRunModal.razor.rz.scp.css */
.action-row[b-au71ir7flo] {
    display: flex;
    gap: var(--space-sm);
    justify-content: center;
}
/* /Features/Core/FixedAssets/Components/ImportFixedAssetsModal.razor.rz.scp.css */
.preview-section[b-kz2o59twnb] {
    margin-top: var(--space-sm);
}

.modal-footer[b-kz2o59twnb] {
    margin-top: var(--space-md);
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
}

.preview-scroll[b-kz2o59twnb] {
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: var(--space-sm);
}

.footer-actions[b-kz2o59twnb] {
    display: flex;
    justify-content: flex-end;
}
/* /Features/Core/FixedAssets/Pages/FixedAssetDetail.razor.rz.scp.css */
/* Entrance animation — required by design-lint */
.page-wrapper[b-5o8ujjb1xl] {
    animation: slideUp 0.5s ease-out;
}

/* ═══════════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════════ */

.header-actions[b-5o8ujjb1xl] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* ═══════════════════════════════════════════════════════════════
   DETAIL CARD
   ═══════════════════════════════════════════════════════════════ */

.detail-card[b-5o8ujjb1xl],
.section-title[b-5o8ujjb1xl] {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

/* ═══════════════════════════════════════════════════════════════
   DETAIL GRID
   ═══════════════════════════════════════════════════════════════ */

.detail-grid[b-5o8ujjb1xl] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-lg);
}

.detail-field[b-5o8ujjb1xl] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.detail-field--full[b-5o8ujjb1xl] {
    grid-column: 1 / -1;
}

.detail-label[b-5o8ujjb1xl] {
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.detail-value[b-5o8ujjb1xl] {
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.detail-field.highlight .detail-value[b-5o8ujjb1xl] {
    color: var(--text-secondary);
    font-size: 1.1rem;
    font-weight: 700;
}
/* ═══════════════════════════════════════════════════════════════
   COLUMN STYLING
   ═══════════════════════════════════════════════════════════════ */

.inventory-number[b-5o8ujjb1xl] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
}

.amount[b-5o8ujjb1xl] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.amount--total[b-5o8ujjb1xl] {
    font-weight: 700;
    color: var(--text-secondary);
}

.amount--gain[b-5o8ujjb1xl] {
    color: var(--color-success);
}

.amount--loss[b-5o8ujjb1xl] {
    color: var(--color-error);
}

/* ═══════════════════════════════════════════════════════════════
   EDIT ACTIONS
   ═══════════════════════════════════════════════════════════════ */

.edit-actions[b-5o8ujjb1xl] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    margin-top: var(--space-xl);
    padding-top: var(--space-lg);
    border-top: 1px solid var(--glass-border);
}

/* ═══════════════════════════════════════════════════════════════
   SCHEDULE TABLE
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   SIDE PANEL (detail-page-grid__side)
   ═══════════════════════════════════════════════════════════════ */

.side-block-title[b-5o8ujjb1xl] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

.schedule-mini-list[b-5o8ujjb1xl] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.schedule-mini-row[b-5o8ujjb1xl] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--space-sm);
    align-items: baseline;
    padding: var(--space-xs) 0;
    border-bottom: 1px solid var(--glass-border);
    font-size: 0.875rem;
}

.schedule-mini-row:last-child[b-5o8ujjb1xl] {
    border-bottom: none;
}

.schedule-mini-year[b-5o8ujjb1xl] {
    color: var(--text-muted);
    font-weight: 600;
}

.schedule-mini-closing[b-5o8ujjb1xl] {
    color: var(--text-secondary);
    font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .detail-grid[b-5o8ujjb1xl] {
        grid-template-columns: 1fr;
    }

    .header-actions[b-5o8ujjb1xl] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/FixedAssets/Pages/FixedAssets.razor.rz.scp.css */
.page-wrapper[b-j68g9xr185] {
    animation: slideUp 0.5s ease-out;
}

/* ═══════════════════════════════════════════════════════════════
   HEADER ACTIONS
   ═══════════════════════════════════════════════════════════════ */

.header-actions[b-j68g9xr185] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* ═══════════════════════════════════════════════════════════════
   FILTER CARD (Glassmorphism)
   ═══════════════════════════════════════════════════════════════ */
.filter-item--search[b-j68g9xr185] {
    flex: 1;
    min-width: 200px;
}
/* ═══════════════════════════════════════════════════════════════
   TABLE CONTAINER
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   COLUMN STYLING
   ═══════════════════════════════════════════════════════════════ */

.inventory-number[b-j68g9xr185] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
}

.amount[b-j68g9xr185] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.amount--total[b-j68g9xr185] {
    font-weight: 700;
    color: var(--text-primary);
}

/* ═══════════════════════════════════════════════════════════════
   SUMMARY CARD
   ═══════════════════════════════════════════════════════════════ */

/* Summary card spacing — chrome from .glass-card global */
.summary-card[b-j68g9xr185] {
    margin-top: var(--space-lg);
}

.summary-grid[b-j68g9xr185] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-lg);
}

.summary-item[b-j68g9xr185] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.summary-label[b-j68g9xr185] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.summary-value[b-j68g9xr185] {
    font-size: 1.1rem;
    font-weight: 600;
}

.summary-item.highlight .summary-value[b-j68g9xr185] {
    color: var(--text-primary);
    font-weight: 700;
    font-size: 1.25rem;
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .filter-row[b-j68g9xr185] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-j68g9xr185] {
        flex-direction: column;
        align-items: stretch;
    }

    .summary-grid[b-j68g9xr185] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Holidays/Pages/Holidays.razor.rz.scp.css */
/* ========================================
   Holidays — uses global utilities:
   page-wrapper, page-container, page-header,
   filter-card, glass-card, holiday-cell, holiday-hint, empty-state-card.
   Only page-specific layout/row decoration stays scoped.
   ======================================== */

.page-wrapper[b-1xbd4w3pg6] {
    animation: slideUp 0.5s ease-out;
}

.page-subtitle[b-1xbd4w3pg6] {
    margin: var(--space-xs) 0 0;
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.holidays-body[b-1xbd4w3pg6] {
    padding: var(--space-md) var(--space-lg);
}

.loading-container[b-1xbd4w3pg6] {
    display: flex;
    justify-content: center;
    padding: var(--space-xl) 0;
}

/* Row-level decoration in the list view */
.holiday-row--today[b-1xbd4w3pg6] {
    background: var(--color-primary-bg);
}

.holiday-row--past[b-1xbd4w3pg6] {
    opacity: 0.55;
}

/* Manage tab — Owner-only firm closures CRUD (CF-028).
   Toolbar holds the "Add closure" primary button; sits above the overrides
   table inside the existing glass-card. Cell + tag styling is global. */
.manage-toolbar[b-1xbd4w3pg6] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--space-md);
}
/* /Features/Core/InviteAccept/Pages/InviteAccept.razor.rz.scp.css */
/* Invite Accept Page - page-specific body content only */

.invite-accept-page[b-v3rqcrpkur] {
    animation: slideUp-b-v3rqcrpkur 0.5s ease-out;
}

/* Invite details card (extra body content — scoped CSS allowed) */
.invite-details[b-v3rqcrpkur] {
    margin: var(--space-md) 0 var(--space-lg);
    padding: var(--space-md);
    background: var(--glass-bg-light);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    width: 100%;
}

.invite-detail-row[b-v3rqcrpkur] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
}

.invite-detail-row + .invite-detail-row[b-v3rqcrpkur] {
    border-top: 1px solid var(--glass-border);
}

.invite-detail-label[b-v3rqcrpkur] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-weight: 500;
}

.invite-detail-value[b-v3rqcrpkur] {
    font-size: 0.9375rem;
    color: var(--text-primary);
    font-weight: 600;
}

/* Back to login link (error state) */
.back-link[b-v3rqcrpkur] {
    color: var(--text-secondary);
    text-decoration: none;
    font-weight: 500;
    transition: var(--transition-fast);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
}

.back-link:hover[b-v3rqcrpkur] {
    color: var(--color-primary);
}

/* Entrance animation */
@keyframes slideUp-b-v3rqcrpkur {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile adjustments */
@media (max-width: 480px) {
    .invite-detail-row[b-v3rqcrpkur] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}
/* /Features/Core/Invoices/Components/InvoiceLineItemTable.razor.rz.scp.css */
/* Lines Table */
.lines-table[b-wgqusl9m6k] {
    overflow-x: auto;
    margin-bottom: var(--space-md);
}

.lines-table table[b-wgqusl9m6k] {
    width: 100%;
    border-collapse: collapse;
}

.lines-table thead th[b-wgqusl9m6k] {
    background: var(--glass-bg-subtle);
    border-bottom: 1px solid var(--glass-border);
    color: var(--text-muted);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: var(--space-sm) var(--space-xs);
    text-align: left;
    white-space: nowrap;
}

.lines-table tbody td[b-wgqusl9m6k] {
    border-bottom: 1px solid var(--glass-bg-subtle);
    padding: var(--space-xs);
    vertical-align: top;
}

.col-num[b-wgqusl9m6k] {
    width: 40px;
    text-align: center;
    color: var(--text-muted);
}

.col-desc[b-wgqusl9m6k] {
    min-width: 200px;
    width: 25%;
}

.col-qty[b-wgqusl9m6k] {
    min-width: 80px;
    width: 8%;
}

.col-unit[b-wgqusl9m6k] {
    min-width: 70px;
    width: 7%;
}

.col-price[b-wgqusl9m6k] {
    min-width: 100px;
    width: 10%;
}

.col-vat[b-wgqusl9m6k] {
    min-width: 80px;
    width: 8%;
}

.col-category[b-wgqusl9m6k] {
    min-width: 160px;
    width: 14%;
}

.tax-category-review-tag[b-wgqusl9m6k] {
    margin-top: var(--space-xs);
    display: inline-block;
}

.col-discount[b-wgqusl9m6k] {
    min-width: 70px;
    width: 7%;
}

.col-amount[b-wgqusl9m6k] {
    min-width: 100px;
    width: 10%;
}

.col-actions[b-wgqusl9m6k] {
    width: 50px;
    text-align: center;
}

.amount-cell[b-wgqusl9m6k] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 0.875rem;
    color: var(--text-primary);
    text-align: right;
    padding-right: var(--space-md) !important;
    white-space: nowrap;
}

/* Lines Actions */
.lines-actions[b-wgqusl9m6k] {
    margin-bottom: var(--space-lg);
}
/* Totals Bar */
.totals-bar[b-wgqusl9m6k] {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md) var(--space-lg);
}

.totals-row[b-wgqusl9m6k] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2xl);
    flex-wrap: wrap;
}

.total-item[b-wgqusl9m6k] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.total-label[b-wgqusl9m6k] {
    color: var(--text-muted);
    font-size: 0.875rem;
    font-weight: 600;
}

.total-value[b-wgqusl9m6k] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-primary);
}

.total-value--grand[b-wgqusl9m6k] {
    font-size: 1.125rem;
    color: var(--color-primary);
}

/* Responsive */
@media (max-width: 768px) {
    .lines-table table[b-wgqusl9m6k] {
        min-width: 760px;
    }

    .lines-table thead th[b-wgqusl9m6k] {
        font-size: 0.6875rem;
        padding: var(--space-xs);
    }

    .lines-table tbody td[b-wgqusl9m6k] {
        padding: 6px var(--space-xs);
        font-size: 0.8125rem;
    }

    .amount-cell[b-wgqusl9m6k] {
        font-size: 0.8125rem;
        padding-right: var(--space-sm) !important;
    }

    .totals-bar[b-wgqusl9m6k] {
        padding: var(--space-sm) var(--space-md);
    }

    .totals-row[b-wgqusl9m6k] {
        flex-direction: column;
        align-items: flex-end;
        gap: var(--space-sm);
    }
}

@media (max-width: 576px) {
    .lines-table table[b-wgqusl9m6k] {
        min-width: 700px;
    }

    .lines-table thead th[b-wgqusl9m6k] {
        padding: var(--space-xs) 6px;
    }

    .lines-table tbody td[b-wgqusl9m6k] {
        padding: var(--space-xs) 6px;
        font-size: 0.8125rem;
    }

    .amount-cell[b-wgqusl9m6k] {
        font-size: 0.8125rem;
    }

    .col-desc[b-wgqusl9m6k] {
        min-width: 150px;
    }

    .totals-bar[b-wgqusl9m6k] {
        padding: var(--space-sm);
    }

    .totals-row[b-wgqusl9m6k] {
        gap: var(--space-xs);
    }

    .total-label[b-wgqusl9m6k] {
        font-size: 0.8125rem;
    }

    .total-value[b-wgqusl9m6k] {
        font-size: 0.875rem;
    }

    .total-value--grand[b-wgqusl9m6k] {
        font-size: 1rem;
    }
}
/* /Features/Core/Invoices/Components/VatBreakdownTable.razor.rz.scp.css */
.vat-breakdown[b-6wmyp70q07] {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
}

.breakdown-title[b-6wmyp70q07] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}

.breakdown-table[b-6wmyp70q07] {
    width: 100%;
    border-collapse: collapse;
}

.breakdown-table thead th[b-6wmyp70q07] {
    color: var(--text-muted);
    font-weight: 600;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: var(--space-sm) var(--space-md);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
}

.breakdown-table tbody td[b-6wmyp70q07] {
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--glass-bg-subtle);
    font-size: 0.875rem;
    color: var(--text-primary);
}

.breakdown-table tfoot td[b-6wmyp70q07] {
    padding: var(--space-sm) var(--space-md);
    font-weight: 700;
    font-size: 0.9375rem;
    color: var(--text-primary);
    border-top: 1px solid var(--glass-border);
}

.amount-col[b-6wmyp70q07] {
    text-align: right;
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    white-space: nowrap;
}

.total-amount[b-6wmyp70q07] {
    color: var(--color-primary);
}

.empty-row[b-6wmyp70q07] {
    text-align: center;
    color: var(--text-muted);
}

/* Responsive */
@media (max-width: 768px) {
    .vat-breakdown[b-6wmyp70q07] {
        padding: var(--space-md);
        overflow-x: auto;
    }

    .breakdown-table[b-6wmyp70q07] {
        min-width: 400px;
    }

    .breakdown-table thead th[b-6wmyp70q07] {
        padding: var(--space-xs) var(--space-sm);
        font-size: 0.75rem;
    }

    .breakdown-table tbody td[b-6wmyp70q07] {
        padding: var(--space-xs) var(--space-sm);
        font-size: 0.8125rem;
    }

    .breakdown-table tfoot td[b-6wmyp70q07] {
        padding: var(--space-xs) var(--space-sm);
        font-size: 0.875rem;
    }
}

@media (max-width: 576px) {
    .vat-breakdown[b-6wmyp70q07] {
        padding: var(--space-sm);
    }

    .breakdown-title[b-6wmyp70q07] {
        font-size: 0.875rem;
        margin-bottom: var(--space-sm);
    }

    .breakdown-table thead th[b-6wmyp70q07],
    .breakdown-table tbody td[b-6wmyp70q07] {
        padding: var(--space-xs) var(--space-xs);
    }
}
/* /Features/Core/Invoices/Pages/CreateInvoice.razor.rz.scp.css */
.page-wrapper[b-s2z1hhmkjd] {
    animation: slideUp 0.5s ease-out;
}

/* Form section spacing — chrome from .glass-card global */
.form-section[b-s2z1hhmkjd] {
    margin-bottom: var(--space-lg);
}

.section-title[b-s2z1hhmkjd] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-lg);
}

.form-row[b-s2z1hhmkjd] {
    display: flex;
    gap: var(--space-lg);
    margin-bottom: var(--space-lg);
}

.form-row:last-child[b-s2z1hhmkjd] {
    margin-bottom: 0;
}

.form-item[b-s2z1hhmkjd] {
    flex: 1;
    min-width: 0;
}

.form-item--full[b-s2z1hhmkjd] {
    flex: 1;
    width: 100%;
}

.form-label[b-s2z1hhmkjd] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-muted);
    margin-bottom: var(--space-xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.original-invoice-field[b-s2z1hhmkjd] {
    margin-top: var(--space-md);
}

/* Why the line-item table has no PDV columns: the client is outside the VAT system. Page-level
   element, so a plain selector — ::deep would not reach it. */
.vat-exempt-notice[b-s2z1hhmkjd] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-lg);
    padding: var(--space-sm) var(--space-md);
    border: 1px solid var(--color-info);
    border-radius: var(--radius-md);
    background: var(--color-info-bg);
    color: var(--text-secondary);
    font-size: 0.8125rem;
    line-height: 1.5;
}

/* Why the save buttons are disabled — sits directly above the actions footer, aligned with them. */
.save-disabled-hint[b-s2z1hhmkjd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-xs);
    margin-top: var(--space-lg);
}

/* Form Actions */
/* Responsive */
@media (max-width: 768px) {
    .form-row[b-s2z1hhmkjd] {
        flex-direction: column;
        gap: var(--space-md);
    }
}
/* /Features/Core/Invoices/Pages/InvoiceDetail.razor.rz.scp.css */
.page-wrapper[b-h80i6i6y2a] {
    animation: slideUp 0.5s ease-out;
}

/* ─── Header ──────────────────────────────────────────────── */

.header-actions[b-h80i6i6y2a] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

[b-h80i6i6y2a] .status-tag {
    font-size: 0.875rem;
    padding: var(--space-xs) 12px;
    margin-left: var(--space-sm);
}

/* ─── Detail Section ─────────────────────────────────────── */

.detail-section[b-h80i6i6y2a] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    margin-bottom: var(--space-lg);
}

.section-title[b-h80i6i6y2a] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-lg);
}

/* ─── Detail Grid ────────────────────────────────────────── */

.detail-grid[b-h80i6i6y2a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--space-lg);
}

.detail-item[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.detail-label[b-h80i6i6y2a] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-h80i6i6y2a] {
    font-size: 0.9375rem;
    color: var(--text-primary);
}

/* ─── Party Details ──────────────────────────────────────── */

.parties-grid[b-h80i6i6y2a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-xl);
}

.party-details[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* ─── SEF Timeline ───────────────────────────────────────── */

.sef-error-alert[b-h80i6i6y2a] {
    margin-top: var(--space-md);
}

/* ─── Table Styling ──────────────────────────────────────── */

.table-container[b-h80i6i6y2a] {
    margin-bottom: var(--space-md);
}

.amount[b-h80i6i6y2a] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

.amount--bold[b-h80i6i6y2a] {
    font-weight: 600;
}

[b-h80i6i6y2a] .tax-category-review-tag {
    margin-top: var(--space-xs);
    display: inline-block;
}

/* ─── Totals Bar ─────────────────────────────────────────── */

.totals-bar[b-h80i6i6y2a] {
    background: var(--glass-bg-subtle);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md) var(--space-lg);
}

.totals-row[b-h80i6i6y2a] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2xl);
}

.totals-row--rsd[b-h80i6i6y2a] {
    margin-top: var(--space-sm);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--glass-border);
}

.total-item[b-h80i6i6y2a] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.total-item--grand[b-h80i6i6y2a] {
    padding-left: var(--space-md);
    border-left: 2px solid var(--color-primary);
}

.total-label[b-h80i6i6y2a] {
    color: var(--text-muted);
    font-size: 0.875rem;
    font-weight: 600;
}

.rsd-label[b-h80i6i6y2a] {
    color: var(--text-secondary, var(--text-muted));
    font-style: italic;
}

.total-value[b-h80i6i6y2a] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-primary);
}

.total-value--grand[b-h80i6i6y2a] {
    font-size: 1.125rem;
    color: var(--color-primary);
}

/* ─── Notes ──────────────────────────────────────────────── */

.notes-text[b-h80i6i6y2a] {
    white-space: pre-wrap;
    margin: 0;
}

/* ─── Attachments ────────────────────────────────────────── */

.attachments-list[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.attachment-item[b-h80i6i6y2a] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.attachment-name[b-h80i6i6y2a] {
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.attachment-size[b-h80i6i6y2a] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

/* ─── Linked Records ─────────────────────────────────────── */

.linked-records[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.linked-item[b-h80i6i6y2a] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

/* ─── Action Section ─────────────────────────────────────── */

.action-section[b-h80i6i6y2a] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--space-md);
    padding-top: var(--space-md);
}
/* Accept button — relies on global .ant-btn-primary (orange CTA gradient).
   Removed status-color overrides per F-094 L3 review (contextual-color-misuse). */

.deadline-countdown[b-h80i6i6y2a] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-muted);
    font-size: 0.875rem;
    padding: 0 var(--space-sm);
}

/* ─── Reject Form ────────────────────────────────────────── */

.reject-form[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.form-label[b-h80i6i6y2a] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--text-primary);
}

/* ─── Loading & Retry ────────────────────────────────────── */

.loading-container[b-h80i6i6y2a] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.retry-container[b-h80i6i6y2a] {
    margin-top: var(--space-md);
}

/* ─── Side Panel (detail-page-grid__side) ────────────────── */

.side-block-title[b-h80i6i6y2a] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

.timeline-meta[b-h80i6i6y2a] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin-top: var(--space-xs);
}

.timeline-meta--error[b-h80i6i6y2a] {
    color: var(--color-error);
}

.timeline-timestamp[b-h80i6i6y2a] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin-top: var(--space-xs);
}

.timeline-deferred-note[b-h80i6i6y2a] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-style: italic;
    margin-top: var(--space-xs);
}

[b-h80i6i6y2a] .overdue-tag {
    margin-left: var(--space-sm);
}

.payment-actions[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

/* ─── Responsive ─────────────────────────────────────────── */

@media (max-width: 768px) {
    .detail-grid[b-h80i6i6y2a] {
        grid-template-columns: 1fr;
    }

    .totals-row[b-h80i6i6y2a] {
        flex-direction: column;
        align-items: flex-end;
        gap: var(--space-sm);
    }

    .action-section[b-h80i6i6y2a] {
        flex-direction: column;
    }

    .action-section > *[b-h80i6i6y2a] {
        width: 100%;
    }
}

.supplier-assign-field[b-h80i6i6y2a] {
    margin-top: var(--space-sm);
}
/* /Features/Core/Invoices/Pages/InvoiceList.razor.rz.scp.css */
.page-wrapper[b-t1lmi7r20m] {
    animation: slideUp 0.5s ease-out;
}

/* Header Actions */
.header-actions[b-t1lmi7r20m] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* Filter Card */
.filter-item--search[b-t1lmi7r20m] {
    flex: 1;
    min-width: 200px;
}
.invoice-number[b-t1lmi7r20m] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
}

.amount[b-t1lmi7r20m] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

/* Direction Icons */
[b-t1lmi7r20m] .direction-outgoing {
    color: var(--color-success);
}

[b-t1lmi7r20m] .direction-incoming {
    color: var(--color-info);
}

/* Responsive */
@media (max-width: 768px) {
    .filter-row[b-t1lmi7r20m] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-item--search[b-t1lmi7r20m] {
        min-width: 100%;
    }

    .header-actions[b-t1lmi7r20m] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/JournalEntries/Components/JournalEntryForm.razor.rz.scp.css */
/* Lines Table */
.lines-table[b-a1pk69ytxe] {
    overflow-x: auto;
    margin-bottom: var(--space-md);
}

.lines-table table[b-a1pk69ytxe] {
    width: 100%;
    border-collapse: collapse;
}

.lines-table thead th[b-a1pk69ytxe] {
    background: var(--glass-bg-subtle);
    border-bottom: 1px solid var(--glass-border);
    color: var(--text-muted);
    font-weight: 600;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: var(--space-sm) var(--space-md);
    text-align: left;
}

.lines-table tbody td[b-a1pk69ytxe] {
    border-bottom: 1px solid var(--glass-bg-subtle);
    padding: var(--space-sm) var(--space-xs);
    vertical-align: top;
}

.col-account[b-a1pk69ytxe] {
    min-width: 240px;
    width: 35%;
}

.col-debit[b-a1pk69ytxe],
.col-credit[b-a1pk69ytxe] {
    min-width: 130px;
    width: 15%;
}

.col-desc[b-a1pk69ytxe] {
    min-width: 180px;
    width: 30%;
}

.col-actions[b-a1pk69ytxe] {
    width: 50px;
    text-align: center;
}

/* Lines Actions */
.lines-actions[b-a1pk69ytxe] {
    margin-bottom: var(--space-lg);
}
/* Totals Bar */
.totals-bar[b-a1pk69ytxe] {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md) var(--space-lg);
}

.totals-row[b-a1pk69ytxe] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2xl);
    flex-wrap: wrap;
}

.total-item[b-a1pk69ytxe] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.total-label[b-a1pk69ytxe] {
    color: var(--text-muted);
    font-size: 0.875rem;
    font-weight: 600;
}

.total-value[b-a1pk69ytxe] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-primary);
}

.balance-indicator[b-a1pk69ytxe] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-weight: 600;
    font-size: 0.9375rem;
}

.balance-indicator--balanced[b-a1pk69ytxe] {
    color: var(--color-success);
}

.balance-indicator--unbalanced[b-a1pk69ytxe] {
    color: var(--color-error);
}

/* Responsive */
@media (max-width: 768px) {
    .totals-row[b-a1pk69ytxe] {
        flex-direction: column;
        align-items: flex-end;
        gap: var(--space-sm);
    }
}
/* /Features/Core/JournalEntries/Components/JournalEntryFormDrawer.razor.rz.scp.css */
/* JournalEntryFormDrawer scoped CSS
   Form-field layout inside the drawer body. Chrome (.form-drawer__header/body/footer)
   and drawer overlay live in app.css / FormDrawer component. */

.created-count-row[b-8mu7qqabbn] {
    margin-bottom: var(--space-lg);
}

[b-8mu7qqabbn] .created-count-tag {
    font-size: 0.875rem;
    padding: var(--space-xs) 12px;
}

.form-section[b-8mu7qqabbn] {
    margin-bottom: var(--space-lg);
}

.section-title[b-8mu7qqabbn] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-lg);
}

.form-row[b-8mu7qqabbn] {
    display: flex;
    gap: var(--space-lg);
    margin-bottom: var(--space-lg);
}

.form-row:last-child[b-8mu7qqabbn] {
    margin-bottom: 0;
}

.form-item[b-8mu7qqabbn] {
    flex: 1;
    min-width: 0;
}

.form-item--full[b-8mu7qqabbn] {
    flex: 1;
    width: 100%;
}

.form-label[b-8mu7qqabbn] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-muted);
    margin-bottom: var(--space-xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

@media (max-width: 768px) {
    .form-row[b-8mu7qqabbn] {
        flex-direction: column;
        gap: var(--space-md);
    }
}
/* /Features/Core/JournalEntries/Pages/JournalEntries.razor.rz.scp.css */
.page-wrapper[b-6qr95p4nmv] {
    animation: slideUp 0.5s ease-out;
}

/* Header Actions */
.header-actions[b-6qr95p4nmv] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* New Entry Button */
/* Filter Card */
.filter-item--search[b-6qr95p4nmv] {
    flex: 1;
    min-width: 200px;
}
.entry-number[b-6qr95p4nmv] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
}

.amount[b-6qr95p4nmv] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

/* Responsive */
@media (max-width: 768px) {
    .filter-row[b-6qr95p4nmv] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-item--search[b-6qr95p4nmv] {
        min-width: 100%;
    }

    .header-actions[b-6qr95p4nmv] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/JournalEntries/Pages/JournalEntryDetail.razor.rz.scp.css */
.page-wrapper[b-3vwlwu62j5] {
    animation: slideUp 0.5s ease-out;
}

/* Header */
.header-actions[b-3vwlwu62j5] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

[b-3vwlwu62j5] .status-tag {
    font-size: 0.875rem;
    padding: var(--space-xs) 12px;
    margin-left: var(--space-md);
}

/* Detail Section */
.detail-section[b-3vwlwu62j5] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    margin-bottom: var(--space-lg);
}

.section-title[b-3vwlwu62j5] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-lg);
}

.detail-grid[b-3vwlwu62j5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--space-lg);
    margin-bottom: var(--space-lg);
}

.detail-item[b-3vwlwu62j5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.detail-label[b-3vwlwu62j5] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-3vwlwu62j5] {
    font-size: 0.9375rem;
    color: var(--text-primary);
}

.detail-description[b-3vwlwu62j5] {
    margin-top: var(--space-md);
}

.detail-description p[b-3vwlwu62j5] {
    white-space: pre-wrap;
    margin: var(--space-xs) 0 0;
}

.void-info[b-3vwlwu62j5],
.reversal-info[b-3vwlwu62j5] {
    margin-top: var(--space-lg);
}

/* Lines Table */
.table-container[b-3vwlwu62j5] {
    margin-bottom: var(--space-md);
}

.account-code[b-3vwlwu62j5] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
    margin-right: var(--space-sm);
}

.account-name[b-3vwlwu62j5] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.amount[b-3vwlwu62j5] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

/* Totals Bar */
.totals-bar[b-3vwlwu62j5] {
    background: var(--glass-bg-subtle);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md) var(--space-lg);
}

.totals-row[b-3vwlwu62j5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2xl);
}

.total-item[b-3vwlwu62j5] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.total-label[b-3vwlwu62j5] {
    color: var(--text-muted);
    font-size: 0.875rem;
    font-weight: 600;
}

.total-value[b-3vwlwu62j5] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-primary);
}

/* Action Section */
.action-section[b-3vwlwu62j5] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    padding-top: var(--space-md);
}

/* ─── Side Panel (detail-page-grid__side) ────────────────── */

.side-block-title[b-3vwlwu62j5] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

.linked-records[b-3vwlwu62j5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.linked-item[b-3vwlwu62j5] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

/* Responsive */
@media (max-width: 768px) {
    .detail-grid[b-3vwlwu62j5] {
        grid-template-columns: 1fr;
    }

    .totals-row[b-3vwlwu62j5] {
        flex-direction: column;
        align-items: flex-end;
        gap: var(--space-sm);
    }

    .action-section[b-3vwlwu62j5] {
        flex-direction: column;
    }
}
/* /Features/Core/KepBook/Components/CreateKepEntryDialog.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   CREATE KEP ENTRY DIALOG
   ═══════════════════════════════════════════════════════════════ */

.modal-content[b-y4w60nk7zd] {
    padding: var(--space-sm) 0;
}

.modal-actions[b-y4w60nk7zd] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}
/* /Features/Core/KepBook/Components/ImportFiscalReceiptDialog.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   IMPORT FISCAL RECEIPT DIALOG
   ═══════════════════════════════════════════════════════════════ */

.modal-content[b-748uiryxmu] {
    padding: var(--space-sm) 0;
}

.modal-actions[b-748uiryxmu] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}

.upload-area[b-748uiryxmu] {
    position: relative;
}

.file-input[b-748uiryxmu] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.upload-label[b-748uiryxmu] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md);
    border: 2px dashed var(--glass-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: border-color var(--transition-base), color var(--transition-base);
    color: var(--text-muted);
}

.upload-label:hover[b-748uiryxmu] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.skipped-list[b-748uiryxmu] {
    margin-top: var(--space-sm);
    padding-left: var(--space-lg);
    color: var(--text-muted);
    font-size: 0.875rem;
}

.skipped-wrapper[b-748uiryxmu] {
    margin-top: var(--space-sm);
}

.skip-label[b-748uiryxmu] {
    color: var(--text-muted);
}

.skipped-list li[b-748uiryxmu] {
    margin-bottom: var(--space-xs);
}

[b-748uiryxmu] #import-submit {
    background: var(--gradient-primary) !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    font-weight: 600;
    box-shadow: var(--shadow-primary-sm);
}

[b-748uiryxmu] #import-submit:hover:not(:disabled) {
    box-shadow: var(--shadow-primary-md);
}
/* /Features/Core/KepBook/Pages/KepBookPage.razor.rz.scp.css */
.page-wrapper[b-tnkvnkcz3j] {
    animation: slideUp 0.5s ease-out;
}

/* ═══════════════════════════════════════════════════════════════
   HEADER ACTIONS
   ═══════════════════════════════════════════════════════════════ */

.header-actions[b-tnkvnkcz3j] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}
/* ═══════════════════════════════════════════════════════════════
   FILTER CARD (Glassmorphism)
   ═══════════════════════════════════════════════════════════════ *//* ═══════════════════════════════════════════════════════════════
   SUMMARY CARD
   ═══════════════════════════════════════════════════════════════ */

.summary-item[b-tnkvnkcz3j] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.summary-label[b-tnkvnkcz3j] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.summary-value[b-tnkvnkcz3j] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.summary-value--credit[b-tnkvnkcz3j] {
    color: var(--text-primary);
}

/* ═══════════════════════════════════════════════════════════════
   TABLE CONTAINER
   ═══════════════════════════════════════════════════════════════ */

/* Subtotal Row Styling */

/* ═══════════════════════════════════════════════════════════════
   COLUMN STYLING
   ═══════════════════════════════════════════════════════════════ */

.sequence-number[b-tnkvnkcz3j] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
}

.amount[b-tnkvnkcz3j] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

.amount--total[b-tnkvnkcz3j] {
    font-weight: 700;
    color: var(--text-secondary);
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .filter-row[b-tnkvnkcz3j] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-tnkvnkcz3j] {
        flex-direction: column;
        align-items: stretch;
    }

    .summary-card[b-tnkvnkcz3j] {
        flex-direction: column;
        gap: var(--space-md);
    }
}
/* /Features/Core/Kpo/Components/KpoEntryModal.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   KPO ENTRY MODAL
   ═══════════════════════════════════════════════════════════════ */

.modal-content[b-g9746n2wv4] {
    padding: var(--space-sm) 0;
}

.modal-actions[b-g9746n2wv4] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}
/* /Features/Core/Kpo/Pages/KpoBook.razor.rz.scp.css */
.page-wrapper[b-1k79h3vkdf] {
    animation: slideUp 0.5s ease-out;
}

/* ═══════════════════════════════════════════════════════════════
   HEADER ACTIONS
   ═══════════════════════════════════════════════════════════════ */

.header-actions[b-1k79h3vkdf] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}
/* ═══════════════════════════════════════════════════════════════
   THRESHOLD ALERT
   ═══════════════════════════════════════════════════════════════ */

[b-1k79h3vkdf] .threshold-alert {
    margin-bottom: var(--space-lg);
    border-radius: var(--radius-md);
}

/* ═══════════════════════════════════════════════════════════════
   FILTER CARD (Glassmorphism)
   ═══════════════════════════════════════════════════════════════ *//* ═══════════════════════════════════════════════════════════════
   SUMMARY CARD
   ═══════════════════════════════════════════════════════════════ */

.summary-item[b-1k79h3vkdf] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.summary-label[b-1k79h3vkdf] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.summary-value[b-1k79h3vkdf] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-secondary);
}

/* ═══════════════════════════════════════════════════════════════
   TABLE CONTAINER
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   COLUMN STYLING
   ═══════════════════════════════════════════════════════════════ */

.sequence-number[b-1k79h3vkdf] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
}

.amount[b-1k79h3vkdf] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

.amount--total[b-1k79h3vkdf] {
    font-weight: 700;
    color: var(--text-secondary);
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .filter-row[b-1k79h3vkdf] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-1k79h3vkdf] {
        flex-direction: column;
        align-items: stretch;
    }

    .summary-card[b-1k79h3vkdf] {
        flex-direction: column;
        gap: var(--space-md);
    }
}
/* /Features/Core/OccupationalDisease/Components/RecordOpinionModal.razor.rz.scp.css */
.file-upload-field[b-gvgo63z6wv] {
    position: relative;
    overflow: hidden;
    min-height: 36px;
}
/* /Features/Core/Onboarding/Components/AccountTypeStep.razor.rz.scp.css */
/* ========================================
   Account Type Step - Selection Cards
   ======================================== */

.account-type-step[b-u7t96xmvuw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.step-header[b-u7t96xmvuw] {
    text-align: center;
}

.step-title[b-u7t96xmvuw] {
    font-family: var(--font-display);
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 var(--space-sm);
}

.step-subtitle[b-u7t96xmvuw] {
    color: var(--text-secondary);
    font-size: 1rem;
    margin: 0;
}

/* Card grid */
.type-cards[b-u7t96xmvuw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
}

/* Individual card */
.type-card[b-u7t96xmvuw] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    padding: var(--space-xl);
    cursor: pointer;
    transition: border-color var(--transition-base) ease, transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-md);
    position: relative;
    overflow: hidden;
}

.type-card[b-u7t96xmvuw]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--glass-border) 50%,
        transparent 100%
    );
}

.type-card:hover[b-u7t96xmvuw] {
    border-color: var(--color-primary);
    transform: translateY(-4px);
    box-shadow: 0 8px 32px var(--color-primary-bg-light),
                0 4px 16px var(--glass-shadow);
}

.type-card:focus-visible[b-u7t96xmvuw] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* Icon */
.type-card-icon[b-u7t96xmvuw] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--color-primary-bg-light) 0%, var(--color-primary-bg) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--color-primary);
    transition: background var(--transition-base) ease, color 0.3s ease;
}

.type-card:hover .type-card-icon[b-u7t96xmvuw] {
    background: var(--gradient-primary);
    color: var(--text-primary);
}

/* Title */
.type-card-title[b-u7t96xmvuw] {
    font-family: var(--font-display);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

/* Description */
.type-card-description[b-u7t96xmvuw] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
}

/* Arrow */
.type-card-arrow[b-u7t96xmvuw] {
    color: var(--text-muted);
    font-size: 18px;
    transition: color var(--transition-base) ease, transform 0.3s ease;
    margin-top: auto;
}

.type-card:hover .type-card-arrow[b-u7t96xmvuw] {
    color: var(--color-primary);
    transform: translateX(4px);
}

/* Mobile responsive — stack cards */
@media (max-width: 576px) {
    .type-cards[b-u7t96xmvuw] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Onboarding/Components/AprLookupField.razor.rz.scp.css */
/* ========================================
   APR Lookup Field
   Select dropdown styling is handled globally in app.css / overrides.css
   (the dropdown is portaled to document.body, so scoped ::deep rules
   cannot reach `.apr-lookup-empty` — see overrides.css)
   ======================================== */

.add-manually-link[b-f8ly61leue] {
    margin-top: var(--space-sm);
    text-align: right;
}

.add-manually-link a[b-f8ly61leue] {
    color: var(--color-primary);
    font-size: 0.8125rem;
    cursor: pointer;
    text-decoration: none;
    transition: color var(--transition-fast);
}

.add-manually-link a:hover[b-f8ly61leue] {
    color: var(--color-primary-light);
    text-decoration: underline;
}
/* /Features/Core/Onboarding/Components/CompanyDataStep.razor.rz.scp.css */
/* ========================================
   Company Data Step — uses global utilities:
   form-section, section-label, form-grid, form-item--full,
   toggle-row (via .vat-toggle).
   Only APR match card and VAT period layout stay scoped here.
   ======================================== */

.company-data-step[b-g0teqle9n0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.step-header[b-g0teqle9n0] {
    text-align: center;
    margin-bottom: var(--space-sm);
}

.step-title[b-g0teqle9n0] {
    font-family: var(--font-display);
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 var(--space-sm);
}

.step-subtitle[b-g0teqle9n0] {
    color: var(--text-secondary);
    font-size: 1rem;
    margin: 0;
}

[b-g0teqle9n0] .company-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

/* APR match card — selected APR company summary (primary-tinted) */
.apr-match-card[b-g0teqle9n0] {
    background: var(--color-primary-bg);
    border: 1px solid var(--color-primary-bg-hover);
    border-radius: var(--radius-md);
    padding: var(--space-md);
}

.apr-match-header[b-g0teqle9n0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-sm);
}

.apr-match-clear[b-g0teqle9n0] {
    color: var(--text-muted);
    cursor: pointer;
    transition: color var(--transition-fast);
}

.apr-match-clear:hover[b-g0teqle9n0] {
    color: var(--text-primary);
}

.apr-match-name[b-g0teqle9n0] {
    font-family: var(--font-display);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
}

.apr-match-details[b-g0teqle9n0] {
    display: flex;
    gap: var(--space-md);
    color: var(--text-secondary);
    font-size: 0.875rem;
    flex-wrap: wrap;
}

/* VAT section — nested VAT toggle + conditional period radios */
.vat-section[b-g0teqle9n0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.vat-toggle[b-g0teqle9n0] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.vat-label[b-g0teqle9n0] {
    color: var(--text-primary);
    font-weight: 500;
}

.vat-period[b-g0teqle9n0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.vat-period-label[b-g0teqle9n0] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

/* Inline help text below a toggle */
.form-help-text[b-g0teqle9n0] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

/* Form actions — Back on the left, Continue on the right */
.form-actions[b-g0teqle9n0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--space-md);
}

/* APR lookup hint */
[b-g0teqle9n0] .apr-lookup-hint {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin-top: var(--space-xs);
}

[b-g0teqle9n0] .apr-lookup-hint--empty {
    color: var(--text-secondary);
}

/* Mobile */
@media (max-width: 576px) {
    .form-actions[b-g0teqle9n0] {
        flex-direction: column-reverse;
        gap: var(--space-md);
    }

    .apr-match-details[b-g0teqle9n0] {
        flex-direction: column;
        gap: var(--space-xs);
    }
}
/* /Features/Core/Onboarding/Components/CompletionStep.razor.rz.scp.css */
/* ========================================
   Completion Step - Success State
   ======================================== */

.completion-step[b-9p7vtftiul] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xl);
    text-align: center;
    padding: var(--space-xl) 0;
}

/* Success checkmark animation */
.success-animation[b-9p7vtftiul] {
    animation: icon-appear-b-9p7vtftiul 0.6s ease-out;
}

.checkmark-circle[b-9p7vtftiul] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--gradient-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: var(--text-primary);
    animation: checkmark-b-9p7vtftiul 0.4s ease-out 0.3s both;
    box-shadow: 0 4px 24px var(--color-primary-glow);
}

@keyframes icon-appear-b-9p7vtftiul {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes checkmark-b-9p7vtftiul {
    from {
        opacity: 0;
        transform: scale(0.8) rotate(-10deg);
    }
    to {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

/* Header */
.completion-header[b-9p7vtftiul] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.completion-title[b-9p7vtftiul] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.completion-subtitle[b-9p7vtftiul] {
    color: var(--text-secondary);
    font-size: 1.125rem;
    margin: 0;
}

/* CTA cards grid */
.cta-cards[b-9p7vtftiul] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
    width: 100%;
    max-width: 600px;
}

.cta-card[b-9p7vtftiul] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: var(--radius-lg);
    border: 1px solid var(--glass-border);
    padding: var(--space-lg) var(--space-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    text-decoration: none;
    cursor: pointer;
    transition: border-color var(--transition-base) ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.cta-card:hover[b-9p7vtftiul] {
    border-color: var(--color-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px var(--color-primary-bg-light);
}

.cta-card-icon[b-9p7vtftiul] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--color-primary-bg-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.375rem;
    color: var(--color-primary);
    transition: background var(--transition-base) ease, color 0.3s ease;
}

.cta-card:hover .cta-card-icon[b-9p7vtftiul] {
    background: var(--gradient-primary);
    color: var(--text-primary);
}

.cta-card-label[b-9p7vtftiul] {
    color: var(--text-primary);
    font-size: 0.875rem;
    font-weight: 500;
}

/* Primary action */
.completion-actions[b-9p7vtftiul] {
    width: 100%;
    max-width: 400px;
    padding-top: var(--space-md);
}

/* Mobile responsive */
@media (max-width: 576px) {
    .cta-cards[b-9p7vtftiul] {
        grid-template-columns: 1fr;
        max-width: 300px;
    }

    .completion-title[b-9p7vtftiul] {
        font-size: 1.5rem;
    }
}
/* /Features/Core/Onboarding/Components/ManualCompanyModal.razor.rz.scp.css */
/* ========================================
   Manual Company Modal
   Modal shell styling is handled globally in overrides.css
   ======================================== */

.manual-company-modal[b-nilflmpya2] {
    padding: var(--space-xs) 0;
}

.form-fields[b-nilflmpya2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.form-field[b-nilflmpya2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    flex: 1;
}

.form-field label[b-nilflmpya2] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.form-row[b-nilflmpya2] {
    display: flex;
    gap: var(--space-md);
}

.field-error[b-nilflmpya2] {
    font-size: 0.75rem;
    color: var(--color-error);
}

.field-hint[b-nilflmpya2] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.modal-actions[b-nilflmpya2] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-sm);
}

.company-tips-list[b-nilflmpya2] {
    margin: var(--space-sm) 0 0 0;
    padding-left: 20px;
}

.modal-actions-top[b-nilflmpya2] {
    margin-bottom: var(--space-md);
}

/* Mobile — stack form rows */
@media (max-width: 576px) {
    .form-row[b-nilflmpya2] {
        flex-direction: column;
    }

    .modal-actions[b-nilflmpya2] {
        flex-direction: column-reverse;
    }
}
/* /Features/Core/Onboarding/Pages/Onboarding.razor.rz.scp.css */
/* ========================================
   Onboarding Wizard Page
   ======================================== */

.onboarding-wizard[b-c3m78frwko] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    animation: slideUp 0.5s ease-out;
}

/* Steps indicator */
.wizard-steps[b-c3m78frwko] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    padding: var(--space-lg) var(--space-xl);
}

/* Step content area */
.wizard-content[b-c3m78frwko] {
    animation: stepFadeIn-b-c3m78frwko 0.4s ease-out;
}

@keyframes stepFadeIn-b-c3m78frwko {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile responsive */
@media (max-width: 576px) {
    .wizard-steps[b-c3m78frwko] {
        padding: var(--space-md);
        border-radius: var(--radius-lg);
    }

}
/* /Features/Core/Payroll/Components/PostJournalModal.razor.rz.scp.css */
.post-journal-description[b-rn6ixqzphy] {
    margin-bottom: var(--space-md);
    color: var(--text-secondary);
}

.field-label__code[b-rn6ixqzphy] {
    margin-left: var(--space-xs);
    color: var(--text-secondary);
    font-weight: normal;
}
/* /Features/Core/Payroll/Components/PppPdGenerationModal.razor.rz.scp.css */
.action-row[b-auj0jaa4tv] {
    display: flex;
    gap: var(--space-sm);
    justify-content: center;
}

.pppd-problem-list[b-auj0jaa4tv] {
    margin: var(--space-xs) 0 0;
    padding-left: var(--space-lg);
}
/* /Features/Core/Payroll/Pages/PayrollRunDetail.razor.rz.scp.css */
/* Entrance animation — required by design-lint */
.page-wrapper[b-p6zmzpu75h] {
    animation: slideUp 0.5s ease-out;
}

/* ═══════════════════════════════════════════════════════════════
   SUMMARY CARDS — layout container; card chrome from global .stat-card
   ═══════════════════════════════════════════════════════════════ */

.payroll-stat-grid[b-p6zmzpu75h] {
    display: flex;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
    flex-wrap: wrap;
}

.payroll-stat-grid--secondary[b-p6zmzpu75h] {
    margin-bottom: var(--space-lg);
}

/* ═══════════════════════════════════════════════════════════════
   SECTION CARD
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   BREAKDOWN TABLE
   ═══════════════════════════════════════════════════════════════ */

.employee-name[b-p6zmzpu75h] {
    font-weight: 600;
    color: var(--text-primary);
}

.amount[b-p6zmzpu75h] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.amount--total[b-p6zmzpu75h] {
    font-weight: 700;
    color: var(--text-secondary);
}

.amount--highlight[b-p6zmzpu75h] {
    font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════
   GRAND TOTAL ROW
   ═══════════════════════════════════════════════════════════════ */

.grand-total-row[b-p6zmzpu75h] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    padding: var(--space-md) 20px;
    background: var(--color-primary-bg-light);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    border-top: 2px solid var(--color-primary-glow);
    margin-top: -1px;
}

.grand-total-label[b-p6zmzpu75h] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-secondary);
    min-width: 100px;
}

.grand-total-values[b-p6zmzpu75h] {
    display: flex;
    gap: var(--space-xl);
    flex-wrap: wrap;
}

.grand-total-item[b-p6zmzpu75h] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.grand-total-item-label[b-p6zmzpu75h] {
    font-size: 0.7rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

/* ═══════════════════════════════════════════════════════════════
   ACTION BAR
   ═══════════════════════════════════════════════════════════════ */

.action-bar[b-p6zmzpu75h] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-wrap: wrap;
    padding: var(--space-lg) 0;
}

.jipd-group[b-p6zmzpu75h] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

/* ═══════════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════════ */

.header-actions[b-p6zmzpu75h] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* ═══════════════════════════════════════════════════════════════
   SIDE PANEL (detail-page-grid__side)
   ═══════════════════════════════════════════════════════════════ */

.side-block-title[b-p6zmzpu75h] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

.side-stat-value[b-p6zmzpu75h] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-secondary);
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .payroll-stat-grid[b-p6zmzpu75h] {
        flex-direction: column;
    }

    .grand-total-values[b-p6zmzpu75h] {
        flex-direction: column;
        gap: 12px;
    }

    .action-bar[b-p6zmzpu75h] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/Payroll/Pages/PayrollRuns.razor.rz.scp.css */
/* PayrollRuns — list-page archetype.
   PPPD section renders inside the page (own elements, NOT child component) — plain selectors. */

.page-wrapper[b-anyklat458] {
    animation: slideUp 0.5s ease-out;
}

.pppd-section[b-anyklat458] {
    margin-top: var(--space-2xl);
}

.pppd-section-title[b-anyklat458] {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}
/* /Features/Core/Pdv/Components/DeadlineIndicator.razor.rz.scp.css */
.deadline-overdue[b-vamy9ys3yc] {
    color: var(--text-primary);
    background: var(--color-error);
    padding: 2px var(--space-sm);
    border-radius: var(--radius-sm, 4px);
    font-weight: 700;
    font-size: 0.8125rem;
}

.deadline-critical[b-vamy9ys3yc] {
    color: var(--color-error);
    font-weight: 700;
    font-size: 0.8125rem;
}

.deadline-warning[b-vamy9ys3yc] {
    color: var(--color-primary);
    font-weight: 600;
    font-size: 0.8125rem;
}

.deadline-normal[b-vamy9ys3yc] {
    color: var(--text-muted, #8c8c8c);
    font-size: 0.8125rem;
}
/* /Features/Core/Pdv/Components/PdvReconciliationTab.razor.rz.scp.css */
/* Summary Cards */
.reconciliation-summary[b-wkk5f6njol] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
    margin-top: var(--space-lg);
    animation: slideUp 0.4s ease-out;
    animation-fill-mode: both;
}

.summary-card h3[b-wkk5f6njol] {
    margin: 0 0 var(--space-md) 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.summary-row[b-wkk5f6njol] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-sm) 0;
}

.summary-row + .summary-row[b-wkk5f6njol] {
    border-top: 1px solid var(--glass-bg-subtle);
}

.summary-row--total[b-wkk5f6njol] {
    border-top: 2px solid var(--glass-border) !important;
    padding-top: var(--space-md);
    margin-top: var(--space-xs);
    font-weight: 600;
}

.summary-label[b-wkk5f6njol] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.amount[b-wkk5f6njol] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
    color: var(--text-primary);
}

.amount--difference[b-wkk5f6njol] {
    color: var(--color-warning);
    font-weight: 600;
}

/* Net Difference */
.net-difference[b-wkk5f6njol] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-md) var(--space-lg);
    margin-top: var(--space-md);
    margin-bottom: var(--space-md);
}

.net-difference__label[b-wkk5f6njol] {
    font-weight: 600;
    color: var(--text-primary);
}

.net-difference__value[b-wkk5f6njol] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.alert-top[b-wkk5f6njol] {
    margin-top: var(--space-md);
}

/* Loading */
.loading-container[b-wkk5f6njol] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-xxl, 80px) 0;
}

/* Paired Rows (CF-054)
   The pair itself is the global .reconciliation-* family; these rules only add the
   per-row identity line that sits above it. */
.recon-section[b-wkk5f6njol] {
    margin-top: var(--space-md);
}

.recon-row[b-wkk5f6njol] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.recon-row__meta[b-wkk5f6njol] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.recon-row__invoice[b-wkk5f6njol] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-primary);
}

.recon-row__counterparty[b-wkk5f6njol] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

/* Responsive */
@media (max-width: 768px) {
    .reconciliation-summary[b-wkk5f6njol] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Pdv/Components/PdvReturnDetail.razor.rz.scp.css */
.detail-section[b-z9xiem5qcj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg, var(--space-md));
}

.detail-header[b-z9xiem5qcj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detail-period[b-z9xiem5qcj] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.summary-row[b-z9xiem5qcj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-sm, var(--space-sm)) 0;
    border-bottom: 1px solid var(--glass-bg-subtle);
}

.summary-row:last-child[b-z9xiem5qcj] {
    border-bottom: none;
}

.summary-row--total[b-z9xiem5qcj] {
    border-top: 2px solid var(--glass-border, var(--glass-bg-light));
    margin-top: var(--space-sm, var(--space-sm));
    padding-top: var(--space-md, 12px);
    font-weight: 600;
}

.summary-label[b-z9xiem5qcj] {
    color: var(--text-muted, #8c8c8c);
    font-size: 0.875rem;
}

.summary-value[b-z9xiem5qcj] {
    font-weight: 500;
}

.amount[b-z9xiem5qcj] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

.amount-owed[b-z9xiem5qcj] {
    color: var(--color-error);
}

.amount-refund[b-z9xiem5qcj] {
    color: var(--color-success);
}

.detail-breakdown h3[b-z9xiem5qcj] {
    color: var(--text-primary, #fff);
    font-size: 0.9375rem;
    font-weight: 600;
    margin-bottom: var(--space-md, 12px);
}

.detail-field[b-z9xiem5qcj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs, var(--space-xs));
}

.detail-field label[b-z9xiem5qcj] {
    color: var(--text-muted, #8c8c8c);
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-actions[b-z9xiem5qcj] {
    display: flex;
    gap: var(--space-md, 12px);
    padding-top: var(--space-md, 12px);
    border-top: 1px solid var(--glass-border, var(--glass-bg-light));
}
/* /Features/Core/Pdv/Components/PdvThresholdBar.razor.rz.scp.css */
.threshold-bar[b-e78sbkb486] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
}

.threshold-header[b-e78sbkb486] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-sm);
}

.threshold-label[b-e78sbkb486] {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.875rem;
}

.threshold-value[b-e78sbkb486] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
    color: var(--text-muted);
    font-size: 0.8125rem;
}
/* /Features/Core/Pdv/Pages/PdvReturns.razor.rz.scp.css */
.page-wrapper[b-p8rx4aolar] {
    animation: slideUp 0.5s ease-out;
}

/* Header Actions */
.header-actions[b-p8rx4aolar] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* New PDV Button */
/* PDV Tabs */

/* Amount styling */
.amount[b-p8rx4aolar] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

.amount-owed[b-p8rx4aolar] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--color-error);
}

.amount-refund[b-p8rx4aolar] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--color-success);
}

/* Responsive */
@media (max-width: 768px) {
    .filter-row[b-p8rx4aolar] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-p8rx4aolar] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/Pk1/Components/AddPk1EntryModal.razor.rz.scp.css */
.modal-content[b-937hfuk4bo] {
    padding: var(--space-sm) 0;
}

.modal-actions[b-937hfuk4bo] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-md);
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}
/* /Features/Core/Pk1/Pages/Pk1Book.razor.rz.scp.css */
.page-wrapper[b-hkml77q87c] {
    animation: slideUp 0.5s ease-out;
}

/* ═══════════════════════════════════════════════════════════════
   HEADER ACTIONS
   ═══════════════════════════════════════════════════════════════ */

.header-actions[b-hkml77q87c] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* ═══════════════════════════════════════════════════════════════
   FILTER CARD (Glassmorphism)
   ═══════════════════════════════════════════════════════════════ *//* ═══════════════════════════════════════════════════════════════
   TABS
   ═══════════════════════════════════════════════════════════════ */

[b-hkml77q87c] .direction-tabs {
    margin-bottom: var(--space-lg);
}
/* ═══════════════════════════════════════════════════════════════
   TABLE CONTAINER
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   COLUMN STYLING
   ═══════════════════════════════════════════════════════════════ */

.sequence-number[b-hkml77q87c] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 600;
    color: var(--text-secondary);
}

.amount[b-hkml77q87c] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 500;
}

.amount--total[b-hkml77q87c] {
    font-weight: 700;
    color: var(--text-secondary);
}

/* ═══════════════════════════════════════════════════════════════
   SUMMARY COLLAPSE
   ═══════════════════════════════════════════════════════════════ */

[b-hkml77q87c] .summary-collapse {
    margin-top: var(--space-lg);
}


.summary-grid[b-hkml77q87c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
}

.summary-section h4[b-hkml77q87c] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
}

.summary-row[b-hkml77q87c] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-xs) 0;
}

.summary-row.total[b-hkml77q87c] {
    border-top: 1px solid var(--glass-border);
    padding-top: var(--space-sm);
    margin-top: var(--space-xs);
    font-weight: 600;
}

.summary-section.highlight[b-hkml77q87c] {
    border-color: var(--glass-border-light);
}

.summary-section.highlight .summary-row.total .amount[b-hkml77q87c] {
    color: var(--text-secondary);
    font-size: 1.1rem;
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .filter-row[b-hkml77q87c] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-hkml77q87c] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/Portal/Components/PortalUploadDocumentModal.razor.rz.scp.css */
/* ========================================
   Portal Upload Document Modal — body styles only.
   AntDesign Modal chrome is global; this file styles the dropzone + form actions.
   ======================================== */

.upload-error[b-isksuamukc] {
    margin-bottom: var(--space-md);
}

.upload-dropzone[b-isksuamukc] {
    position: relative;
    border: 2px dashed var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
    background: var(--glass-bg-subtle);
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.upload-dropzone:hover[b-isksuamukc] {
    border-color: var(--color-primary);
    background: var(--color-primary-bg);
}

.upload-input[b-isksuamukc] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.upload-label[b-isksuamukc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    cursor: pointer;
    pointer-events: none;
}

.upload-icon[b-isksuamukc] {
    font-size: 2rem;
    color: var(--color-primary);
}

.upload-text[b-isksuamukc] {
    color: var(--text-primary);
    font-weight: 500;
}

.upload-filename[b-isksuamukc] {
    font-family: var(--font-mono);
    word-break: break-all;
    text-align: center;
}

.upload-hint[b-isksuamukc] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.modal-actions[b-isksuamukc] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}
/* /Features/Core/Portal/Pages/PortalDocumentDetail.razor.rz.scp.css */
/* ========================================
   Portal Document Detail — read-only viewer.
   Body content for portal-page archetype.
   ======================================== */

.document-detail-header[b-r78jroej5o] {
    margin-bottom: var(--space-md);
    animation: pageSlideUp 0.4s ease-out;
}

.header-top[b-r78jroej5o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-md);
    margin-bottom: var(--space-md);
}

.document-title[b-r78jroej5o] {
    margin: 0;
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--text-primary);
    word-break: break-all;
}

.document-filename[b-r78jroej5o] {
    font-weight: 500;
    color: var(--text-primary);
}

.document-detail-grid[b-r78jroej5o] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--space-md);
}

.viewer-card[b-r78jroej5o] {
    min-height: 600px;
    padding: 0 !important;
    overflow: hidden;
    display: flex;
}

.viewer-frame[b-r78jroej5o] {
    flex: 1;
    border: 0;
    width: 100%;
    min-height: 600px;
    border-radius: var(--radius-md);
}

.viewer-image[b-r78jroej5o] {
    flex: 1;
    max-width: 100%;
    max-height: 600px;
    object-fit: contain;
    margin: auto;
    padding: var(--space-md);
}

.viewer-empty[b-r78jroej5o] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-2xl);
    color: var(--text-muted);
}

.viewer-empty-icon[b-r78jroej5o] {
    font-size: 3rem;
}

.metadata-card[b-r78jroej5o] {
    align-self: flex-start;
}

.section-title[b-r78jroej5o] {
    font-size: var(--font-size-md);
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    color: var(--text-primary);
}

.metadata-list[b-r78jroej5o] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-sm);
    margin: 0;
}

.metadata-list dt[b-r78jroej5o] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: var(--space-sm);
}

.metadata-list dt:first-child[b-r78jroej5o] {
    margin-top: 0;
}

.metadata-list dd[b-r78jroej5o] {
    margin: 0;
    color: var(--text-primary);
    word-break: break-word;
}

.metadata-description[b-r78jroej5o] {
    color: var(--text-secondary);
    line-height: 1.6;
    white-space: pre-wrap;
}

.back-link-container[b-r78jroej5o] {
    margin-top: var(--space-md);
    text-align: center;
}

@media (max-width: 768px) {
    .document-detail-grid[b-r78jroej5o] {
        grid-template-columns: 1fr;
    }

    .header-top[b-r78jroej5o] {
        flex-direction: column;
        align-items: stretch;
    }

    .viewer-card[b-r78jroej5o],
    .viewer-frame[b-r78jroej5o] {
        min-height: 400px;
    }
}
/* /Features/Core/Portal/Pages/PortalDocuments.razor.rz.scp.css */
/* ========================================
   Portal Documents — list page.
   Body content for portal-page archetype.
   ======================================== */

.portal-documents-toolbar[b-7qul6oa7ky] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--space-md);
    animation: pageSlideUp 0.4s ease-out;
}

.document-filename[b-7qul6oa7ky] {
    font-weight: 500;
    color: var(--text-primary);
}

.pagination-container[b-7qul6oa7ky] {
    margin-top: var(--space-lg);
    display: flex;
    justify-content: center;
}

.retry-container[b-7qul6oa7ky] {
    margin-top: var(--space-md);
    text-align: center;
}

@media (max-width: 768px) {
    .portal-documents-toolbar[b-7qul6oa7ky] {
        justify-content: stretch;
    }

    .pagination-container[b-7qul6oa7ky] {
        margin-top: var(--space-md);
    }
}
/* /Features/Core/Portal/Pages/PortalInvoiceDetail.razor.rz.scp.css */
/* ========================================
   Portal Invoice Detail — read-only.
   Body content for portal-page archetype. Multiple .glass-card sections stacked.
   Global classes (.glass-card, .page-container, etc.) come from app.css.
   The portal header chrome (.portal-header-strip, .portal-nav, ...) is scoped
   to App/Layout/PortalLayout.razor.css — it is not global.
   ======================================== */

.invoice-detail-header[b-j64af4qom4] {
    margin-bottom: var(--space-md);
    animation: pageSlideUp 0.4s ease-out;
}

.invoice-header-top[b-j64af4qom4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

.invoice-header-grid[b-j64af4qom4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md) var(--space-lg);
}

.header-field[b-j64af4qom4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.header-field--total[b-j64af4qom4] {
    grid-column: span 2;
}

.header-label[b-j64af4qom4] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.header-value[b-j64af4qom4] {
    font-size: var(--font-size-md);
    color: var(--text-primary);
}

.invoice-number[b-j64af4qom4] {
    font-weight: 600;
    font-family: var(--font-mono);
}

.direction-outgoing[b-j64af4qom4] {
    color: var(--color-success);
}

.direction-incoming[b-j64af4qom4] {
    color: var(--color-info);
}

.amount[b-j64af4qom4] {
    font-variant-numeric: tabular-nums;
}

.amount-total[b-j64af4qom4] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--text-primary);
}

.parties-grid[b-j64af4qom4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md);
    margin-bottom: var(--space-md);
}

.section-title[b-j64af4qom4] {
    font-size: var(--font-size-md);
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    color: var(--text-primary);
}

.party-info[b-j64af4qom4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.party-name[b-j64af4qom4] {
    font-weight: 600;
    color: var(--text-primary);
}

.party-meta[b-j64af4qom4] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
}

.totals-grid[b-j64af4qom4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
}

.total-row[b-j64af4qom4] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-xs) 0;
}

.total-row--grand[b-j64af4qom4] {
    border-top: 1px solid var(--glass-border);
    padding-top: var(--space-sm);
    font-weight: 600;
}

.total-label[b-j64af4qom4] {
    color: var(--text-secondary);
}

.payment-info[b-j64af4qom4],
.sef-info[b-j64af4qom4] {
    border-top: 1px solid var(--glass-border);
    padding-top: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.payment-row[b-j64af4qom4],
.sef-row[b-j64af4qom4] {
    display: flex;
    gap: var(--space-md);
}

.payment-label[b-j64af4qom4],
.sef-label[b-j64af4qom4] {
    color: var(--text-muted);
    min-width: 140px;
}

.payment-value[b-j64af4qom4],
.sef-value[b-j64af4qom4] {
    color: var(--text-primary);
    font-family: var(--font-mono);
}

.attachment-list[b-j64af4qom4] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.attachment-item[b-j64af4qom4] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
    background: var(--glass-bg-subtle);
}

.attachment-name[b-j64af4qom4] {
    flex: 1;
    color: var(--text-primary);
}

.attachment-size[b-j64af4qom4] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.notes-text[b-j64af4qom4] {
    color: var(--text-secondary);
    line-height: 1.6;
    white-space: pre-wrap;
    margin: 0;
}

.back-link-container[b-j64af4qom4] {
    margin-top: var(--space-md);
    text-align: center;
}

.glass-card + .glass-card[b-j64af4qom4] {
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .parties-grid[b-j64af4qom4] {
        grid-template-columns: 1fr;
    }

    .invoice-header-top[b-j64af4qom4] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-field--total[b-j64af4qom4] {
        grid-column: span 1;
    }
}
/* /Features/Core/Portal/Pages/PortalInvoices.razor.rz.scp.css */
/* ========================================
   Portal Invoices — list page
   Body content for portal-page archetype.
   The portal-header-strip + page-container--portal globals come from app.css.
   This file ONLY owns body content (direction tabs spacing + table chrome).
   ======================================== */

.portal-direction-tabs[b-tciaz60k8n] {
    margin-bottom: var(--space-md);
    animation: pageSlideUp 0.4s ease-out;
}

.invoice-number[b-tciaz60k8n] {
    font-weight: 600;
    font-family: var(--font-mono);
}

.direction-outgoing[b-tciaz60k8n] {
    color: var(--color-success);
}

.direction-incoming[b-tciaz60k8n] {
    color: var(--color-info);
}

.amount[b-tciaz60k8n] {
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

.pagination-container[b-tciaz60k8n] {
    margin-top: var(--space-lg);
    display: flex;
    justify-content: center;
}

.retry-container[b-tciaz60k8n] {
    margin-top: var(--space-md);
    text-align: center;
}

.tab-badge[b-tciaz60k8n] {
    margin-left: var(--space-xs);
}

@media (max-width: 768px) {
    .pagination-container[b-tciaz60k8n] {
        margin-top: var(--space-md);
    }
}
/* /Features/Core/Rfzo/Components/CancelCaseModal.razor.rz.scp.css */
.cancel-case-body[b-99ak93t1h5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.form-field[b-99ak93t1h5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-99ak93t1h5] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.cancel-case-actions[b-99ak93t1h5] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .cancel-case-actions[b-99ak93t1h5] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Rfzo/Components/CancelFilingModal.razor.rz.scp.css */
.cancel-filing-body[b-y8gfdeixyu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.form-field[b-y8gfdeixyu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-y8gfdeixyu] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.cancel-filing-actions[b-y8gfdeixyu] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .cancel-filing-actions[b-y8gfdeixyu] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Rfzo/Components/CloseCaseModal.razor.rz.scp.css */
.close-case-body[b-98pz3zjq9c] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.close-case-help[b-98pz3zjq9c] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    margin: 0;
}

.form-field[b-98pz3zjq9c] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-98pz3zjq9c] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.close-case-hint[b-98pz3zjq9c] {
    color: var(--text-tertiary);
    font-size: var(--font-size-xs);
}

.close-case-actions[b-98pz3zjq9c] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .close-case-actions[b-98pz3zjq9c] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Rfzo/Components/CreateRfzoFilingModal.razor.rz.scp.css */
.create-filing-body[b-7mlxsn8iw3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.create-filing-help[b-7mlxsn8iw3] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    margin: 0;
}

.form-field[b-7mlxsn8iw3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-7mlxsn8iw3] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.create-filing-preview[b-7mlxsn8iw3] {
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.create-filing-preview__title[b-7mlxsn8iw3] {
    color: var(--text-primary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-md);
}

.create-filing-preview__body[b-7mlxsn8iw3] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.create-filing-preview__grid[b-7mlxsn8iw3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-xs) var(--space-md);
    margin: 0;
    padding: 0;
}

.create-filing-preview__grid dt[b-7mlxsn8iw3] {
    color: var(--text-tertiary);
    font-size: var(--font-size-sm);
    margin: 0;
}

.create-filing-preview__grid dd[b-7mlxsn8iw3] {
    color: var(--text-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    margin: 0;
}

.create-filing-actions[b-7mlxsn8iw3] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .create-filing-preview__grid[b-7mlxsn8iw3] {
        grid-template-columns: 1fr;
    }

    .create-filing-actions[b-7mlxsn8iw3] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}

/* CF-044 — inline explanation under the „tip obračuna" selector. */
.create-filing-hint[b-7mlxsn8iw3] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}
/* /Features/Core/Rfzo/Components/GeneratePacketModal.razor.rz.scp.css */
.generate-packet-body[b-iakzj4ivnq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.generate-packet-tab[b-iakzj4ivnq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding-top: var(--space-sm);
}

.generate-packet-tab__help[b-iakzj4ivnq] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    margin: 0;
}

.generate-packet-actions[b-iakzj4ivnq] {
    display: flex;
    justify-content: flex-start;
    gap: var(--space-sm);
}

.generate-packet-xml-preview[b-iakzj4ivnq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.generate-packet-xml-preview__title[b-iakzj4ivnq] {
    color: var(--text-primary);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-sm);
}

.generate-packet-xml-preview__code[b-iakzj4ivnq] {
    margin: 0;
    padding: var(--space-md);
    background: var(--surface-code);
    color: var(--text-code);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-subtle);
    max-height: 280px;
    overflow: auto;
    font-family: var(--font-family-mono);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-tight);
    white-space: pre;
}

.generate-packet-xml-preview__hint[b-iakzj4ivnq] {
    color: var(--text-tertiary);
    font-size: var(--font-size-xs);
}

.generate-packet-copy-grid[b-iakzj4ivnq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-sm);
}

.generate-packet-copy-field[b-iakzj4ivnq] {
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-subtle);
    background: var(--surface-elevated);
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
}

.generate-packet-copy-field label[b-iakzj4ivnq] {
    color: var(--text-tertiary);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.generate-packet-copy-value[b-iakzj4ivnq] {
    color: var(--text-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    word-break: break-word;
}

.generate-packet-legacy-downloads[b-iakzj4ivnq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-subtle);
    background: var(--surface-elevated);
}

.generate-packet-legacy-downloads__item[b-iakzj4ivnq] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--text-primary);
    font-size: var(--font-size-sm);
}

.generate-packet-legacy-downloads__hint[b-iakzj4ivnq] {
    color: var(--text-tertiary);
    font-size: var(--font-size-xs);
}

.generate-packet-cheatsheet[b-iakzj4ivnq] {
    padding: var(--space-md);
    border-radius: var(--radius-md);
    border: 1px dashed var(--border-subtle);
    background: var(--surface-paper);
}

.generate-packet-cheatsheet__title[b-iakzj4ivnq] {
    color: var(--text-primary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    margin-bottom: var(--space-xs);
}

.generate-packet-cheatsheet__list[b-iakzj4ivnq] {
    margin: 0;
    padding-left: var(--space-lg);
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
}

.generate-packet-footer[b-iakzj4ivnq] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .generate-packet-copy-grid[b-iakzj4ivnq] {
        grid-template-columns: 1fr;
    }

    .generate-packet-footer[b-iakzj4ivnq] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}

@media (max-width: 480px) {
    .generate-packet-xml-preview__code[b-iakzj4ivnq] {
        max-height: 200px;
        font-size: 0.625rem;
    }
}
/* /Features/Core/Rfzo/Components/MarkPaidToEmployeeModal.razor.rz.scp.css */
.mark-paid-body[b-gw15mm0pwb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.mark-paid-help[b-gw15mm0pwb] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    margin: 0;
}

.form-field[b-gw15mm0pwb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-gw15mm0pwb] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.mark-paid-hint[b-gw15mm0pwb] {
    color: var(--text-tertiary);
    font-size: var(--font-size-xs);
}

.mark-paid-actions[b-gw15mm0pwb] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .mark-paid-actions[b-gw15mm0pwb] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Rfzo/Components/MarkReturnedForCompletionModal.razor.rz.scp.css */
.mark-returned-body[b-w2n6vwxi0v] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.form-field[b-w2n6vwxi0v] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-w2n6vwxi0v] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.mark-returned-actions[b-w2n6vwxi0v] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .mark-returned-actions[b-w2n6vwxi0v] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Rfzo/Components/MarkRfzoTransferredModal.razor.rz.scp.css */
.mark-transferred-body[b-f9egwxpoxj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.mark-transferred-help[b-f9egwxpoxj] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    margin: 0;
}

.form-field[b-f9egwxpoxj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-f9egwxpoxj] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.mark-transferred-optional[b-f9egwxpoxj] {
    color: var(--text-tertiary);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-xs);
}

.upload-area[b-f9egwxpoxj] {
    position: relative;
    border: 1px dashed var(--border-subtle);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    background: var(--surface-elevated);
    transition: border-color 0.15s ease;
}

.upload-area:hover[b-f9egwxpoxj] {
    border-color: var(--accent-primary);
}

.file-input[b-f9egwxpoxj] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.upload-label[b-f9egwxpoxj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-primary);
    font-size: var(--font-size-sm);
    cursor: pointer;
    pointer-events: none;
}

.upload-hint[b-f9egwxpoxj] {
    color: var(--text-tertiary);
    font-size: var(--font-size-xs);
}

.mark-transferred-actions[b-f9egwxpoxj] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .mark-transferred-actions[b-f9egwxpoxj] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Rfzo/Components/MarkSubmittedModal.razor.rz.scp.css */
.mark-submitted-body[b-wya0rvc5r5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.mark-submitted-help[b-wya0rvc5r5] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    margin: 0;
}

.form-field[b-wya0rvc5r5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-wya0rvc5r5] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.mark-submitted-optional[b-wya0rvc5r5] {
    color: var(--text-tertiary);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-xs);
}

.mark-submitted-actions[b-wya0rvc5r5] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .mark-submitted-actions[b-wya0rvc5r5] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Rfzo/Components/OpenCaseModal.razor.rz.scp.css */
.open-case-body[b-ib1z1re6fv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.form-field[b-ib1z1re6fv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-ib1z1re6fv] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.open-case-optional[b-ib1z1re6fv] {
    color: var(--text-tertiary);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-xs);
}

.open-case-reason-meta[b-ib1z1re6fv] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    margin-top: var(--space-xs);
}

.open-case-percent[b-ib1z1re6fv] {
    color: var(--text-primary);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-sm);
}

.open-case-basis-preview[b-ib1z1re6fv] {
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.open-case-basis-preview__title[b-ib1z1re6fv] {
    color: var(--text-primary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-md);
}

.open-case-basis-preview__body[b-ib1z1re6fv] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.open-case-basis-preview__list[b-ib1z1re6fv] {
    margin: 0;
    padding-left: var(--space-lg);
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
}

.open-case-actions[b-ib1z1re6fv] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .open-case-actions[b-ib1z1re6fv] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}

@media (max-width: 480px) {
    .open-case-reason-meta[b-ib1z1re6fv] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Features/Core/Rfzo/Components/RecomputeBasisModal.razor.rz.scp.css */
.recompute-body[b-0k0ye0ni5t] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.recompute-confirm-field[b-0k0ye0ni5t] {
    padding: var(--space-md);
    background: var(--surface-elevated);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-subtle);
}

.recompute-diff[b-0k0ye0ni5t] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: var(--space-md);
    margin-top: var(--space-sm);
}

.recompute-diff__panel[b-0k0ye0ni5t] {
    padding: var(--space-md);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-subtle);
    background: var(--surface-elevated);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.recompute-diff__panel--new[b-0k0ye0ni5t] {
    border-color: var(--accent-primary);
    background: var(--surface-accent-subtle);
}

.recompute-diff__panel-title[b-0k0ye0ni5t] {
    color: var(--text-tertiary);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.recompute-diff__panel-amount[b-0k0ye0ni5t] {
    color: var(--text-primary);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
}

.recompute-diff__arrow[b-0k0ye0ni5t] {
    color: var(--text-tertiary);
    font-size: var(--font-size-lg);
    text-align: center;
}

.recompute-delta[b-0k0ye0ni5t] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-sm);
}

.recompute-delta__label[b-0k0ye0ni5t] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.recompute-actions[b-0k0ye0ni5t] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .recompute-diff[b-0k0ye0ni5t] {
        grid-template-columns: 1fr;
    }

    .recompute-diff__arrow[b-0k0ye0ni5t] {
        transform: rotate(90deg);
    }

    .recompute-actions[b-0k0ye0ni5t] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Rfzo/Components/RfzoDeadlineBanner.razor.rz.scp.css */
.rfzo-deadline-banner[b-ru0yn2ve65] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-md);
}

.rfzo-deadline-banner--urgent[b-ru0yn2ve65] {
    border-left: 3px solid var(--color-error);
}

.rfzo-deadline-banner--warn[b-ru0yn2ve65] {
    border-left: 3px solid var(--color-warning);
}

.rfzo-deadline-banner--ok[b-ru0yn2ve65] {
    border-left: 3px solid var(--color-info);
}

.rfzo-deadline-banner__cta[b-ru0yn2ve65] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 480px) {
    .rfzo-deadline-banner[b-ru0yn2ve65] {
        border-left-width: 2px;
    }

    .rfzo-deadline-banner__cta[b-ru0yn2ve65] {
        justify-content: stretch;
    }
}
/* /Features/Core/Rfzo/Components/RfzoEmployeeTab.razor.rz.scp.css */
.rfzo-tab[b-6e6bqkyflq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.rfzo-registration-card[b-6e6bqkyflq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md);
}

.rfzo-state-row[b-6e6bqkyflq] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.rfzo-state-label[b-6e6bqkyflq] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    min-width: 160px;
}

.rfzo-state-value[b-6e6bqkyflq] {
    color: var(--text-primary);
    font-weight: var(--font-weight-medium);
}

.rfzo-open-case-banner[b-6e6bqkyflq] {
    border-left: 3px solid var(--color-warning);
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.rfzo-open-banner__title[b-6e6bqkyflq] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.rfzo-open-banner__meta[b-6e6bqkyflq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.rfzo-open-banner__actions[b-6e6bqkyflq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    align-items: center;
}

.rfzo-cases-timeline[b-6e6bqkyflq] {
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.rfzo-cases-timeline__title[b-6e6bqkyflq] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
}

.rfzo-case-row[b-6e6bqkyflq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background-color 120ms ease;
}

.rfzo-case-row:hover[b-6e6bqkyflq],
.rfzo-case-row:focus-visible[b-6e6bqkyflq] {
    background-color: var(--surface-elevated);
    outline: none;
}

.rfzo-case-row__main[b-6e6bqkyflq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.rfzo-case-row__reason[b-6e6bqkyflq] {
    color: var(--text-primary);
    font-weight: var(--font-weight-medium);
}

.rfzo-case-row__period[b-6e6bqkyflq] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.rfzo-case-detail[b-6e6bqkyflq] {
    padding: var(--space-sm) var(--space-md);
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    border-left: 2px solid var(--border-subtle);
    margin: 0 var(--space-md) var(--space-xs) var(--space-md);
}

@media print {
    .rfzo-open-banner__actions[b-6e6bqkyflq] { display: none; }
    .rfzo-open-case-banner[b-6e6bqkyflq] { border: 1px solid var(--text-faint); }
}

@media (max-width: 768px) {
    .rfzo-state-row[b-6e6bqkyflq] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-xs);
    }

    .rfzo-open-banner__actions[b-6e6bqkyflq] {
        flex-direction: column;
        align-items: stretch;
    }

    .rfzo-case-row[b-6e6bqkyflq] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* CF-044 — per-case list of the employee's zahtevi za obračun (electronic channel view). */
.rfzo-tab-filings[b-6e6bqkyflq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    margin-top: var(--space-sm);
}

.rfzo-tab-filings__title[b-6e6bqkyflq] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.rfzo-tab-filing[b-6e6bqkyflq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.rfzo-tab-filing__month[b-6e6bqkyflq] {
    color: var(--text-primary);
    font-weight: var(--font-weight-medium);
    font-variant-numeric: tabular-nums;
}

.rfzo-tab-filing__correlation[b-6e6bqkyflq] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.rfzo-tab-filing__muted[b-6e6bqkyflq] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

@media (max-width: 768px) {
    .rfzo-tab-filing[b-6e6bqkyflq] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Features/Core/Rfzo/Components/SickLeaveResponseImportModal.razor.rz.scp.css */
.sl-import-body[b-8sfjcokk1l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.sl-import-help[b-8sfjcokk1l] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    margin: 0;
}

.upload-area[b-8sfjcokk1l] {
    position: relative;
    border: 1px dashed var(--border-subtle);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
    background: var(--surface-elevated);
    transition: border-color 0.15s ease;
}

.upload-area:hover[b-8sfjcokk1l] {
    border-color: var(--accent-primary);
}

.file-input[b-8sfjcokk1l] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.upload-label[b-8sfjcokk1l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-primary);
    font-size: var(--font-size-sm);
    cursor: pointer;
    pointer-events: none;
}

.upload-hint[b-8sfjcokk1l] {
    color: var(--text-tertiary);
    font-size: var(--font-size-xs);
}

.upload-progress[b-8sfjcokk1l] {
    display: flex;
    justify-content: center;
    padding: var(--space-md);
}

.sl-import-summary[b-8sfjcokk1l] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    padding: var(--space-md);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-subtle);
    background: var(--surface-elevated);
}

.sl-import-summary__item[b-8sfjcokk1l] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.sl-import-table-wrapper[b-8sfjcokk1l] {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    overflow: auto;
    max-height: 360px;
}

.sl-import-table[b-8sfjcokk1l] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-size-sm);
}

.sl-import-table thead th[b-8sfjcokk1l] {
    text-align: left;
    padding: var(--space-sm) var(--space-md);
    color: var(--text-tertiary);
    font-weight: var(--font-weight-medium);
    background: var(--surface-elevated);
    border-bottom: 1px solid var(--border-subtle);
    position: sticky;
    top: 0;
    z-index: 1;
}

.sl-import-table tbody td[b-8sfjcokk1l] {
    padding: var(--space-sm) var(--space-md);
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-subtle);
    vertical-align: middle;
}

.sl-import-table tbody tr:last-child td[b-8sfjcokk1l] {
    border-bottom: none;
}

.sl-import-row--flag td[b-8sfjcokk1l] {
    background: var(--surface-warning-subtle, var(--surface-elevated));
}

.sl-import-flag-reason[b-8sfjcokk1l] {
    color: var(--text-secondary);
    font-size: var(--font-size-xs);
    max-width: 240px;
}

.sl-import-action-included[b-8sfjcokk1l] {
    color: var(--text-tertiary);
    font-size: var(--font-size-xs);
    font-style: italic;
}

.sl-import-result-messages[b-8sfjcokk1l] {
    margin: 0;
    padding-left: var(--space-lg);
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
}

.sl-import-actions[b-8sfjcokk1l] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .sl-import-summary[b-8sfjcokk1l] {
        flex-direction: column;
        align-items: flex-start;
    }

    .sl-import-table thead[b-8sfjcokk1l] {
        display: none;
    }

    .sl-import-table[b-8sfjcokk1l],
    .sl-import-table tbody[b-8sfjcokk1l],
    .sl-import-table tr[b-8sfjcokk1l],
    .sl-import-table td[b-8sfjcokk1l] {
        display: block;
        width: 100%;
    }

    .sl-import-table tbody tr[b-8sfjcokk1l] {
        padding: var(--space-sm) 0;
        border-bottom: 1px solid var(--border-subtle);
    }

    .sl-import-table tbody td[b-8sfjcokk1l] {
        border-bottom: none;
        padding: var(--space-2xs) var(--space-sm);
    }

    .sl-import-actions[b-8sfjcokk1l] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Rfzo/Components/UploadObrazlozenjeModal.razor.rz.scp.css */
.obrazlozenje-upload-body[b-bgx8jg577g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.obrazlozenje-upload-help[b-bgx8jg577g] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    margin: 0;
}

.form-field[b-bgx8jg577g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.field-label[b-bgx8jg577g] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.upload-area[b-bgx8jg577g] {
    position: relative;
    border: 1px dashed var(--border-subtle);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
    background: var(--surface-elevated);
    transition: border-color 0.15s ease;
}

.upload-area:hover[b-bgx8jg577g] {
    border-color: var(--accent-primary);
}

.file-input[b-bgx8jg577g] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.upload-label[b-bgx8jg577g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-primary);
    font-size: var(--font-size-sm);
    cursor: pointer;
    pointer-events: none;
}

.upload-hint[b-bgx8jg577g] {
    color: var(--text-tertiary);
    font-size: var(--font-size-xs);
}

.upload-progress[b-bgx8jg577g] {
    display: flex;
    justify-content: center;
    padding: var(--space-md);
}

.obrazlozenje-upload-actions[b-bgx8jg577g] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

@media (max-width: 768px) {
    .obrazlozenje-upload-actions[b-bgx8jg577g] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Features/Core/Rfzo/Pages/ClientRfzo.razor.rz.scp.css */
.page-wrapper[b-wbjahzl7es] {
    animation: slideUp 0.5s ease-out;
}

.page-subtitle[b-wbjahzl7es] {
    color: var(--text-muted);
    margin: var(--space-xs) 0 0 0;
    font-size: var(--font-size-sm);
}

.filter-item--search[b-wbjahzl7es] {
    flex: 1;
    min-width: 220px;
}

.rfzo-stat-grid[b-wbjahzl7es] {
    margin-bottom: var(--space-md);
}

.rfzo-stat__label[b-wbjahzl7es] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    margin-bottom: var(--space-xs);
}

.rfzo-stat__value[b-wbjahzl7es] {
    color: var(--text-primary);
    font-size: var(--font-size-2xl, 2.25rem);
    font-weight: var(--font-weight-semibold);
    font-variant-numeric: tabular-nums;
}

.rfzo-table-card[b-wbjahzl7es] {
    padding: 0;
    overflow: hidden;
}

.employee-link[b-wbjahzl7es] {
    color: var(--text-primary);
    text-decoration: none;
    font-weight: var(--font-weight-medium);
}

.employee-link:hover[b-wbjahzl7es] {
    color: var(--color-primary);
}

.filing-month[b-wbjahzl7es],
.days-cell[b-wbjahzl7es],
.channel-cell[b-wbjahzl7es] {
    font-variant-numeric: tabular-nums;
}

.deadline-cell[b-wbjahzl7es] {
    display: flex;
    flex-direction: column;
}

.empty-state[b-wbjahzl7es] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-xl);
}

.retry-container[b-wbjahzl7es] {
    display: flex;
    justify-content: center;
    padding: var(--space-lg);
}

.batch-footer[b-wbjahzl7es] {
    position: sticky;
    bottom: var(--space-md);
    margin-top: var(--space-lg);
    padding: var(--space-md) var(--space-lg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    z-index: 10;
}

.batch-footer__count[b-wbjahzl7es] {
    color: var(--text-secondary);
    font-weight: var(--font-weight-medium);
}

@media (max-width: 768px) {
    .filter-row[b-wbjahzl7es] {
        flex-direction: column;
        align-items: stretch;
    }

    .batch-footer[b-wbjahzl7es] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 480px) {
    .rfzo-stat__value[b-wbjahzl7es] {
        font-size: var(--font-size-xl);
    }
}

/* CF-044 — eBolovanje e-submission additions to the filing detail panel. */
.portal-status-empty[b-wbjahzl7es] {
    color: var(--text-muted);
}

.rfzo-filing-detail--highlighted[b-wbjahzl7es] {
    border-left: 3px solid var(--color-primary);
}

.rfzo-correlation[b-wbjahzl7es],
.rfzo-chain[b-wbjahzl7es] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-sm);
    margin-top: var(--space-sm);
}

.rfzo-correlation__value[b-wbjahzl7es] {
    color: var(--text-primary);
    font-weight: var(--font-weight-medium);
}

.rfzo-correlation__hint[b-wbjahzl7es] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.rfzo-chain__node[b-wbjahzl7es] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
}

.rfzo-chain__node--current .rfzo-chain__label[b-wbjahzl7es] {
    color: var(--text-primary);
    font-weight: var(--font-weight-semibold);
}

.rfzo-chain__arrow[b-wbjahzl7es] {
    color: var(--text-muted);
}

@media (max-width: 768px) {
    .rfzo-correlation[b-wbjahzl7es],
    .rfzo-chain[b-wbjahzl7es] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Features/Core/Sef/Components/SefSyncLogTable.razor.rz.scp.css */
[b-v4f6zie1xp] .sync-log-table {
    background: transparent;
}

.no-errors[b-v4f6zie1xp] {
    color: var(--text-muted);
}
/* /Features/Core/Sef/Pages/SefConfigPage.razor.rz.scp.css */
.page-wrapper[b-656nz8frg0] {
    animation: slideUp 0.5s ease-out;
}

.card-header[b-656nz8frg0] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

.card-header-text[b-656nz8frg0] {
    flex: 1;
}

.card-title[b-656nz8frg0] {
    margin: 0;
    font-size: 1.125rem;
    color: var(--text-primary);
}

[b-656nz8frg0] .card-icon {
    font-size: 1.5rem;
    color: var(--color-primary);
    margin-top: 2px;
}

.info-row[b-656nz8frg0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-xs) 0;
}

.info-label[b-656nz8frg0] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.info-value[b-656nz8frg0] {
    color: var(--text-primary);
    font-size: 0.875rem;
}

.callback-url[b-656nz8frg0] {
    font-family: monospace;
    font-size: 0.8125rem;
    word-break: break-all;
}

.field-group[b-656nz8frg0] {
    margin-bottom: var(--space-md);
}

.field-label[b-656nz8frg0] {
    display: block;
    margin-bottom: var(--space-xs);
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.card-actions[b-656nz8frg0] {
    display: flex;
    gap: var(--space-sm);
    margin-top: var(--space-md);
    margin-bottom: var(--space-md);
}

.test-result[b-656nz8frg0] {
    margin-top: var(--space-md);
}

.subscription-info[b-656nz8frg0] {
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.sync-actions[b-656nz8frg0] {
    margin-bottom: var(--space-md);
}

.sync-result[b-656nz8frg0] {
    margin-bottom: var(--space-md);
}

.section-subtitle[b-656nz8frg0] {
    color: var(--text-secondary);
    font-size: 0.9375rem;
    margin: var(--space-lg) 0 var(--space-md);
}
/* /Features/Core/Settings/Components/IntegrationSettings.razor.rz.scp.css */
.integrations-section[b-8o6d6hlc4b] {
    animation: fadeIn 0.3s ease-out;
}

/* Section Title — mirrors Settings.razor.css (rule is scoped per-component,
   so we re-declare here since this is a child component's root). */
.section-title[b-8o6d6hlc4b] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 var(--space-md) 0;
}

.section-title[b-8o6d6hlc4b]  .anticon {
    font-size: 18px;
    color: var(--color-primary);
}

.section-subtitle[b-8o6d6hlc4b] {
    color: var(--text-muted);
    margin-bottom: var(--space-lg);
}

.integrations-grid[b-8o6d6hlc4b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-lg);
}

@media (max-width: 768px) {
    .integrations-grid[b-8o6d6hlc4b] {
        grid-template-columns: 1fr;
    }
}

.loading-container[b-8o6d6hlc4b] {
    display: flex;
    justify-content: center;
    padding: var(--space-xl) 0;
}
/* /Features/Core/Settings/Components/SettingsIntegrationCard.razor.rz.scp.css */
.integration-card[b-na5zsgy2r2] {
    background: var(--glass-bg-light);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
    transition: border-color var(--transition-base);
}

.integration-card.card-connected[b-na5zsgy2r2] {
    border-color: color-mix(in srgb, var(--color-success) 30%, transparent);
}

.card-header[b-na5zsgy2r2] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    margin-bottom: var(--space-md);
}

.card-header-text[b-na5zsgy2r2] {
    flex: 1;
}

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

.card-description[b-na5zsgy2r2] {
    margin: var(--space-xs) 0 0;
    font-size: 0.875rem;
    color: var(--text-muted);
}

[b-na5zsgy2r2] .card-icon {
    font-size: 1.5rem;
    color: var(--color-primary);
}

/* Connected info display */
.connected-info[b-na5zsgy2r2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.info-row[b-na5zsgy2r2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info-label[b-na5zsgy2r2] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.info-value[b-na5zsgy2r2] {
    color: var(--text-primary);
}

.masked-key[b-na5zsgy2r2] {
    font-family: monospace;
    letter-spacing: 0.05em;
}

.connected-date[b-na5zsgy2r2] {
    font-size: 0.8rem;
}

/* Card actions */
.card-actions[b-na5zsgy2r2] {
    display: flex;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

/* Status tags */
[b-na5zsgy2r2] .status-connected {
    color: var(--color-success);
    background: color-mix(in srgb, var(--color-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-success) 30%, transparent);
}

[b-na5zsgy2r2] .status-disconnected {
    color: var(--text-muted);
    background: var(--glass-bg);
}

/* Validation row */
.validation-row[b-na5zsgy2r2] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.validation-status[b-na5zsgy2r2] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: 0.875rem;
}

.status-valid[b-na5zsgy2r2] {
    color: var(--color-success);
}

.status-invalid[b-na5zsgy2r2] {
    color: var(--color-error);
}

/* Field styling */
.field-group[b-na5zsgy2r2] {
    margin-bottom: var(--space-md);
}

.field-label[b-na5zsgy2r2] {
    display: block;
    margin-bottom: var(--space-xs);
    color: var(--text-secondary);
    font-size: 0.875rem;
}

/* Responsive */
@media (max-width: 768px) {
    .integration-card[b-na5zsgy2r2] {
        padding: var(--space-md);
    }

    .card-header[b-na5zsgy2r2] {
        gap: var(--space-sm);
    }

    .card-actions[b-na5zsgy2r2] {
        flex-wrap: wrap;
    }
}

@media (max-width: 576px) {
    .integration-card[b-na5zsgy2r2] {
        padding: var(--space-sm);
    }

    .card-header[b-na5zsgy2r2] {
        flex-direction: column;
        gap: var(--space-sm);
    }

    .card-title[b-na5zsgy2r2] {
        font-size: 0.9375rem;
    }

    .card-description[b-na5zsgy2r2] {
        font-size: 0.8125rem;
    }

    .info-row[b-na5zsgy2r2] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .info-label[b-na5zsgy2r2] {
        font-size: 0.8125rem;
    }

    .card-actions[b-na5zsgy2r2] {
        flex-direction: column;
    }

    .card-actions > *[b-na5zsgy2r2] {
        width: 100%;
    }
}
/* /Features/Core/Team/Components/EditMemberModal.razor.rz.scp.css */
/* EditMemberModal - Dark Glassmorphism */
/* AntDesign select/button overrides handled by global app.css */

.modal-content[b-5f8rpjkxez] {
    padding: var(--space-sm) 0;
}

.member-info[b-5f8rpjkxez] {
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--glass-border);
}

.member-name[b-5f8rpjkxez] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-primary);
}

.member-email[b-5f8rpjkxez] {
    font-size: 0.875rem;
    color: var(--text-muted);
    margin-top: 2px;
}

.name-fields[b-5f8rpjkxez] {
    display: flex;
    gap: var(--space-sm);
}

.edit-section[b-5f8rpjkxez] {
    margin-bottom: var(--space-lg);
}

.edit-label[b-5f8rpjkxez] {
    display: block;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-sm);
}

.danger-actions[b-5f8rpjkxez] {
    display: flex;
    gap: var(--space-sm);
}

.modal-actions[b-5f8rpjkxez] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}

.modal-actions-right[b-5f8rpjkxez] {
    display: flex;
    gap: var(--space-sm);
    margin-left: auto;
}
/* /Features/Core/Team/Components/InviteModal.razor.rz.scp.css */
/* InviteModal - Dark Glassmorphism */
/* AntDesign input/select/button overrides handled by global app.css */

.modal-content[b-952f6rryn8] {
    padding: var(--space-sm) 0;
}

.modal-actions[b-952f6rryn8] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-lg);
}
/* /Features/Core/Team/Pages/Team.razor.rz.scp.css */
/* ========================================
   Team page — page-specific styles only.
   Global utilities (stat-card, filter-card, table-container,
   empty-state-card, page-header) live in app.css.
   ======================================== */

.header-actions[b-mjjc451d1z] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* Stats row — uses horizontal stat-card layout (icon + content side by side) */
.stats-row[b-mjjc451d1z] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

/* Horizontal stat-card variant — icon + content flex row.
   Overrides global .stat-card (which is centered-vertical by default). */
.stat-card--horizontal[b-mjjc451d1z] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    text-align: left;
}

.stat-content[b-mjjc451d1z] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Member cell */
.member-cell[b-mjjc451d1z] {
    min-width: 0;
}

.member-cell-name[b-mjjc451d1z] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.member-cell-email[b-mjjc451d1z] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    margin-top: 2px;
}

/* Role Reference Collapse */
[b-mjjc451d1z] .role-reference {
    margin-top: var(--space-lg);
    animation: slideUp 0.5s ease-out 0.2s;
    animation-fill-mode: both;
}

.role-grid[b-mjjc451d1z] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.role-item[b-mjjc451d1z] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.role-desc[b-mjjc451d1z] {
    font-size: 0.8125rem;
    color: var(--text-muted);
}

/* Responsive */
@media (max-width: 768px) {
    .stats-row[b-mjjc451d1z] {
        grid-template-columns: 1fr;
    }

    .header-actions[b-mjjc451d1z] {
        flex-direction: column;
        align-items: stretch;
    }

    .role-grid[b-mjjc451d1z] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Dashboard/Components/PorodiljskoDeadlineWidget.razor.rz.scp.css */
/* Porodiljsko deadline widget — same widget chrome as PortalUploadsWidget
   (widget-header / widget-count / widget-footer molecules) plus its own
   deadline list rows. */

.porodiljsko-deadline-widget[b-991o6efr0b] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.widget-header[b-991o6efr0b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-md);
}

.widget-header__text[b-991o6efr0b] {
    flex: 1;
}

.widget-title[b-991o6efr0b] {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

.widget-count[b-991o6efr0b] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}

.widget-count__value[b-991o6efr0b] {
    color: var(--color-primary);
    font-size: 1.5rem;
    font-weight: 700;
}

.widget-count__label[b-991o6efr0b] {
    color: var(--text-secondary);
    font-size: 0.75rem;
}

.widget-loading[b-991o6efr0b] {
    display: flex;
    justify-content: center;
    padding: var(--space-md) 0;
}

.widget-error[b-991o6efr0b] {
    margin-top: var(--space-sm);
}

.widget-empty[b-991o6efr0b] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    padding: var(--space-md) 0;
    text-align: center;
}

.deadline-list[b-991o6efr0b] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.deadline-row[b-991o6efr0b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-md);
}

.deadline-row__main[b-991o6efr0b] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    min-width: 0;
}

.deadline-row__employee[b-991o6efr0b] {
    color: var(--text-primary);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.deadline-row__meta[b-991o6efr0b] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-shrink: 0;
}

.deadline-row__days[b-991o6efr0b] {
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
}

.deadline-row__days--overdue[b-991o6efr0b] {
    color: var(--color-error);
    font-weight: 600;
}

.deadline-row__days--urgent[b-991o6efr0b] {
    color: var(--color-warning);
    font-weight: 600;
}

.deadline-row__days--warn[b-991o6efr0b] {
    color: var(--color-amber);
}

.deadline-row__days--ok[b-991o6efr0b] {
    color: var(--text-secondary);
}

.widget-footer[b-991o6efr0b] {
    display: flex;
    justify-content: flex-end;
}

.view-all-link[b-991o6efr0b] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--color-primary);
    font-size: 0.875rem;
    text-decoration: none;
}

.view-all-link:hover[b-991o6efr0b] {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .widget-header[b-991o6efr0b] {
        flex-direction: column;
        align-items: stretch;
    }

    .widget-count[b-991o6efr0b] {
        flex-direction: row;
        align-items: baseline;
        gap: var(--space-xs);
    }
}
/* /Features/Shared/Help/HelpLink.razor.rz.scp.css */
.help-link[b-lmc0dzusgx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    opacity: 0.7;
    transition: opacity var(--transition-fast), color var(--transition-fast);
    margin-left: var(--space-sm);
    text-decoration: none;
}

.help-link:hover[b-lmc0dzusgx] {
    opacity: 1;
    color: var(--color-primary);
}

.help-link[b-lmc0dzusgx]  .anticon {
    font-size: 18px;
}

/* Mobile: increase touch target */
@media (max-width: 576px) {
    .help-link[b-lmc0dzusgx] {
        padding: var(--space-xs);
        margin-left: var(--space-xs);
    }

    .help-link[b-lmc0dzusgx]  .anticon {
        font-size: 20px;
    }
}
/* /Features/Shared/Help/HelpPopover.razor.rz.scp.css */
.help-popover-trigger[b-rtoryilw7e] {
    padding: 2px 6px;
    min-width: auto;
    height: auto;
    color: var(--text-secondary);
    opacity: 0.6;
    transition: opacity var(--transition-fast), color var(--transition-fast);
}

.help-popover-trigger:hover[b-rtoryilw7e] {
    opacity: 1;
    color: var(--color-primary);
    background: transparent !important;
}

.help-popover-trigger[b-rtoryilw7e]  .anticon {
    font-size: 14px;
}

.help-popover-content[b-rtoryilw7e] {
    max-width: 280px;
    padding: var(--space-xs);
}

.help-summary[b-rtoryilw7e] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-primary);
    line-height: 1.5;
    font-size: 0.8125rem;
}

.help-learn-more[b-rtoryilw7e] {
    color: var(--color-primary);
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    transition: color var(--transition-fast);
}

.help-learn-more:hover[b-rtoryilw7e] {
    color: var(--color-primary-light);
    text-decoration: underline;
}
/* /Features/Shared/Notifications/Components/NotificationBell.razor.rz.scp.css */
.notification-bell-container[b-8uj9iofwb5] {
    position: relative;
    display: inline-block;
}

.notification-bell-button[b-8uj9iofwb5] {
    background: transparent;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-bell-button:hover[b-8uj9iofwb5] {
    background: var(--glass-bg-light);
    color: var(--text-primary);
}

.notification-badge[b-8uj9iofwb5] {
    position: absolute;
    top: 2px;
    right: 2px;
    background: var(--color-primary);
    color: var(--text-primary);
    font-size: 0.625rem;
    font-weight: 600;
    min-width: 16px;
    height: 16px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--space-xs);
}

.notification-dropdown[b-8uj9iofwb5] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 380px;
    max-width: calc(100vw - 32px);
    max-height: 480px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    box-shadow: 0 8px 32px color-mix(in srgb, black 40%, transparent),
    0 1px 1px var(--glass-bg) inset;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--text-primary);
    line-height: 1.5;
}

.notification-dropdown-header[b-8uj9iofwb5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-md);
    border-bottom: 1px solid var(--glass-border);
}

.notification-dropdown-title[b-8uj9iofwb5] {
    font-weight: 600;
    color: var(--text-primary);
}

.mark-all-read-button[b-8uj9iofwb5] {
    background: transparent;
    border: none;
    color: var(--color-primary);
    cursor: pointer;
    font-size: 12px;
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
}

.mark-all-read-button:hover[b-8uj9iofwb5] {
    background: var(--glass-bg-light);
}

.notification-dropdown-content[b-8uj9iofwb5] {
    flex: 1;
    overflow-y: auto;
    max-height: 340px;
}

.notification-loading[b-8uj9iofwb5],
.notification-empty[b-8uj9iofwb5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: var(--text-muted);
    gap: 12px;
}

.notification-dropdown-footer[b-8uj9iofwb5] {
    padding: 12px var(--space-md);
    border-top: 1px solid var(--glass-border);
    text-align: center;
}

.view-all-link[b-8uj9iofwb5] {
    color: var(--color-primary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.view-all-link:hover[b-8uj9iofwb5] {
    text-decoration: underline;
}

.notification-backdrop[b-8uj9iofwb5] {
    position: fixed;
    inset: 0;
    z-index: 999;
}
/* /Features/Shared/Notifications/Components/NotificationItem.razor.rz.scp.css */
.notification-item[b-b6g4rc3t3m] {
    display: flex;
    align-items: flex-start;
    padding: var(--space-sm) var(--space-md);
    gap: var(--space-sm);
    cursor: pointer;
    transition: background var(--transition-fast);
    border-bottom: 1px solid var(--glass-border);
    border-left: 3px solid transparent;
}

.notification-item:last-child[b-b6g4rc3t3m] {
    border-bottom: none;
}

.notification-item:hover[b-b6g4rc3t3m] {
    background: var(--glass-bg-light);
}

.notification-item.unread[b-b6g4rc3t3m] {
    background: var(--color-primary-bg);
    border-left-color: var(--color-primary);
}

.notification-icon[b-b6g4rc3t3m] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-icon.category-system[b-b6g4rc3t3m] {
    background: var(--glass-bg-light);
    color: var(--text-secondary);
}

.notification-icon.category-billing[b-b6g4rc3t3m] {
    background: color-mix(in srgb, var(--color-success) 15%, transparent);
    color: var(--color-success-light);
}

.notification-icon.category-announcement[b-b6g4rc3t3m] {
    background: var(--color-primary-bg-hover);
    color: var(--color-primary);
}

.notification-icon.category-processing[b-b6g4rc3t3m] {
    background: color-mix(in srgb, var(--color-info) 15%, transparent);
    color: var(--color-info-light);
}

.notification-icon.category-default[b-b6g4rc3t3m] {
    background: var(--glass-bg-light);
    color: var(--text-secondary);
}

.notification-content[b-b6g4rc3t3m] {
    flex: 1;
    min-width: 0;
}

.notification-title[b-b6g4rc3t3m] {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--text-primary);
    letter-spacing: -0.01em;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-message[b-b6g4rc3t3m] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xs);
    line-height: 1.4;
}

.notification-meta[b-b6g4rc3t3m] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.notification-time[b-b6g4rc3t3m] {
    font-size: 12px;
    color: var(--text-muted);
}

.notification-priority[b-b6g4rc3t3m] {
    font-size: 0.625rem;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
}

.notification-priority.urgent[b-b6g4rc3t3m] {
    background: color-mix(in srgb, var(--color-error) 15%, transparent);
    color: var(--color-error-light);
}

.notification-priority.warning[b-b6g4rc3t3m] {
    background: color-mix(in srgb, var(--color-warning) 15%, transparent);
    color: var(--color-warning-light);
}

.notification-mark-read[b-b6g4rc3t3m] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: var(--space-xs);
    border-radius: var(--radius-sm);
    opacity: 0;
    transition: all var(--transition-base) ease;
}

.notification-item:hover .notification-mark-read[b-b6g4rc3t3m] {
    opacity: 1;
}

.notification-mark-read:hover[b-b6g4rc3t3m] {
    background: var(--glass-bg-light);
    color: var(--color-primary);
}
/* /Features/Shared/Notifications/Pages/NotificationsPage.razor.rz.scp.css */
/* Entrance animation — required by design-lint */
.page-wrapper[b-ozn2dt163i] {
    animation: slideUp 0.5s ease-out;
}

/* Notification Feed page-specific styles.
   Card chrome (.notification-card, .notification-card--unread) and icon variants
   (.notification-card__icon--{info|success|warning|error}) are global in app.css. */

/* Page-specific body content not covered by the global molecule */
.notification-body[b-ozn2dt163i] {
    flex: 1;
    min-width: 0;
    padding-right: var(--space-xl);
}

.notification-header[b-ozn2dt163i] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-xs);
    gap: var(--space-sm);
}

.notification-title[b-ozn2dt163i] {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--text-primary);
    letter-spacing: -0.01em;
}

.notification-time[b-ozn2dt163i] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    flex-shrink: 0;
    white-space: nowrap;
}

.notification-message[b-ozn2dt163i] {
    color: var(--text-secondary);
    margin: 0 0 var(--space-sm) 0;
    line-height: 1.5;
    font-size: 0.9375rem;
}

.notification-footer[b-ozn2dt163i] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.notification-category[b-ozn2dt163i] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mark-read-btn[b-ozn2dt163i] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
    opacity: 0;
    transition: opacity var(--transition-fast), background var(--transition-fast), color var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-card:hover .mark-read-btn[b-ozn2dt163i] {
    opacity: 1;
}

.mark-read-btn:hover[b-ozn2dt163i] {
    background: var(--glass-bg-light);
    color: var(--color-primary);
}

.notification-arrow[b-ozn2dt163i] {
    position: absolute;
    right: var(--space-md);
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 16px;
    transition: color var(--transition-fast), transform var(--transition-fast);
}

.notification-card:hover .notification-arrow[b-ozn2dt163i] {
    color: var(--color-primary);
    transform: translateY(-50%) translateX(4px);
}

.load-more-container[b-ozn2dt163i] {
    display: flex;
    justify-content: center;
    margin-top: var(--space-lg);
}

/* Staggered entry animation for notification cards within the feed */
.notification-feed > .notification-card:nth-child(1)[b-ozn2dt163i] { animation-delay: 0.05s; }
.notification-feed > .notification-card:nth-child(2)[b-ozn2dt163i] { animation-delay: 0.1s; }
.notification-feed > .notification-card:nth-child(3)[b-ozn2dt163i] { animation-delay: 0.15s; }
.notification-feed > .notification-card:nth-child(4)[b-ozn2dt163i] { animation-delay: 0.2s; }
.notification-feed > .notification-card:nth-child(5)[b-ozn2dt163i] { animation-delay: 0.25s; }
.notification-feed > .notification-card:nth-child(6)[b-ozn2dt163i] { animation-delay: 0.3s; }
.notification-feed > .notification-card:nth-child(7)[b-ozn2dt163i] { animation-delay: 0.35s; }
.notification-feed > .notification-card:nth-child(8)[b-ozn2dt163i] { animation-delay: 0.4s; }
.notification-feed > .notification-card:nth-child(9)[b-ozn2dt163i] { animation-delay: 0.45s; }
.notification-feed > .notification-card:nth-child(10)[b-ozn2dt163i] { animation-delay: 0.5s; }

/* Responsive — page-specific layout shrinking */
@media (max-width: 576px) {
    .notification-header[b-ozn2dt163i] {
        flex-direction: column;
        gap: var(--space-xs);
    }

    .notification-time[b-ozn2dt163i] {
        font-size: 0.75rem;
    }

    .notification-arrow[b-ozn2dt163i] {
        display: none;
    }

    .mark-read-btn[b-ozn2dt163i] {
        opacity: 1;
    }
}
/* /Features/Shared/Status/Components/StatusIndicator.razor.rz.scp.css */
.status-indicator[b-ac20ko78sb] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: var(--space-xs) 10px;
    border-radius: var(--radius-sm);
    text-decoration: none;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.status-indicator:hover[b-ac20ko78sb] {
    background: var(--glass-bg-light);
}

/* Status Dot */
.status-dot[b-ac20ko78sb] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    transition: background-color var(--transition-base);
}

.dot-operational[b-ac20ko78sb] {
    background-color: var(--color-success);
}

.dot-degraded[b-ac20ko78sb] {
    background-color: var(--color-warning);
    animation: pulse-dot-b-ac20ko78sb 2s ease-in-out infinite;
}

.dot-partial-outage[b-ac20ko78sb] {
    background-color: var(--color-primary);
    animation: pulse-dot-b-ac20ko78sb 1.5s ease-in-out infinite;
}

.dot-major-outage[b-ac20ko78sb] {
    background-color: var(--color-error);
    animation: pulse-dot-b-ac20ko78sb 1s ease-in-out infinite;
}

.dot-unknown[b-ac20ko78sb] {
    background-color: color-mix(in srgb, white 30%, transparent);
}

@keyframes pulse-dot-b-ac20ko78sb {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
        transform: scale(1.3);
    }
}

/* Status Text */
.status-text[b-ac20ko78sb] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    white-space: nowrap;
}

/* Mobile: hide text, show only dot */
@media (max-width: 768px) {
    .status-text[b-ac20ko78sb] {
        display: none;
    }

    .status-indicator[b-ac20ko78sb] {
        padding: var(--space-xs) 6px;
    }
}
/* /Features/Shared/Upload/UploadDropZone.razor.rz.scp.css */
/* Shared file-list rendering — extracted from CreateTicket / TicketDetail /
   CreateFeatureRequest / FeatureRequestDetail per F-094 L3 review.
   The dropzone trigger surface stays in each consumer (it varies by context). */

.file-upload-list[b-6daycjor03] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    margin-top: var(--space-sm);
}

.file-upload-item[b-6daycjor03] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: 6px 12px;
    border-radius: var(--radius-sm);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
}

.file-upload-item.failed[b-6daycjor03] {
    border-color: var(--color-error);
}

.file-upload-item.completed[b-6daycjor03]  .anticon:first-child {
    color: var(--color-success);
}

.file-upload-item.failed[b-6daycjor03]  .anticon:first-child {
    color: var(--color-error);
}

.file-name[b-6daycjor03] {
    flex: 1;
    color: var(--text-secondary);
    font-size: 0.8125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-error[b-6daycjor03] {
    font-size: 12px;
    color: var(--color-error);
}
/* /Features/Support/FeatureRequests/Pages/FeatureRequestDetail.razor.rz.scp.css */
/* ========================================
   Feature Request Detail Page
   Component-specific styles only.
   AntDesign overrides: overrides.css
   Glass card utility: app.css (.glass-card)
   ======================================== */

/* Back Navigation */
.back-navigation[b-nj0nwitb8d] {
    margin-bottom: var(--space-md);
}

/* ─── Side Panel (detail-page-grid__side) ────────────────── */

.side-block-title[b-nj0nwitb8d] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

.planned-date[b-nj0nwitb8d],
.created-date[b-nj0nwitb8d] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    margin-right: var(--space-md);
}

/* Header */
.fr-detail-header[b-nj0nwitb8d] {
    padding: var(--space-lg);
    margin-bottom: var(--space-md);
}

.fr-number[b-nj0nwitb8d] {
    font-family: var(--font-mono);
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: var(--space-sm);
}

.fr-title[b-nj0nwitb8d] {
    margin: 0 0 var(--space-md) 0;
    color: var(--text-primary);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--font-display);
    letter-spacing: -0.01em;
}

.fr-meta[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.planned-date[b-nj0nwitb8d],
.created-date[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--text-secondary);
    font-size: 0.8125rem;
}

/* Vote Section */
.vote-section[b-nj0nwitb8d] {
    padding: 20px var(--space-lg);
    margin-bottom: var(--space-md);
}

.vote-content[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.vote-count[b-nj0nwitb8d] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
}

.vote-button[b-nj0nwitb8d] {
    transition: all var(--transition-base) ease;
}

.vote-button:active[b-nj0nwitb8d] {
    transform: scale(0.95);
}

.vote-button.voted[b-nj0nwitb8d] {
    animation: votePopIn-b-nj0nwitb8d 0.3s ease-out;
}

@keyframes votePopIn-b-nj0nwitb8d {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Description Section */
.description-section[b-nj0nwitb8d] {
    padding: var(--space-lg);
    margin-bottom: var(--space-md);
}

.description-content[b-nj0nwitb8d] {
    color: var(--text-secondary);
    line-height: 1.6;
    white-space: pre-wrap;
}

.attachments-section[b-nj0nwitb8d] {
    margin-top: var(--space-md);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.attachment-link[b-nj0nwitb8d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: var(--glass-bg);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.8125rem;
    transition: all var(--transition-base) ease;
}

.attachment-link:hover[b-nj0nwitb8d] {
    background: var(--glass-border);
    color: var(--color-primary);
}

.attachment-size[b-nj0nwitb8d] {
    color: var(--text-muted);
}

.owner-actions[b-nj0nwitb8d] {
    margin-top: 20px;
    display: flex;
    gap: 12px;
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}

.edit-actions[b-nj0nwitb8d] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: var(--space-md);
}

/* Comments Section */
.comments-section[b-nj0nwitb8d] {
    margin-bottom: var(--space-md);
}

.comments-section h2[b-nj0nwitb8d] {
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: var(--space-md);
}

/* Empty state for comments uses global <Empty> molecule (no scoped CSS needed). */

.comments-container[b-nj0nwitb8d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.comment[b-nj0nwitb8d] {
    padding: 20px;
    border-radius: var(--radius-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    animation: pageSlideUp 0.3s ease-out;
}

.comment.admin-comment[b-nj0nwitb8d] {
    border-left: 3px solid var(--color-primary);
}

.comment.user-comment[b-nj0nwitb8d] {
    border-left: 3px solid var(--text-secondary);
}

.comment-header[b-nj0nwitb8d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.comment-author[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.author-label[b-nj0nwitb8d] {
    font-weight: 500;
    color: var(--text-primary);
}

.edited-indicator[b-nj0nwitb8d] {
    font-size: 12px;
    color: var(--text-muted);
    font-style: italic;
}

.comment-time[b-nj0nwitb8d] {
    font-size: 12px;
    color: var(--text-muted);
}

.comment-content[b-nj0nwitb8d] {
    color: var(--text-secondary);
    line-height: 1.6;
    white-space: pre-wrap;
}

.comment-attachments[b-nj0nwitb8d] {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.comment-actions[b-nj0nwitb8d] {
    margin-top: 12px;
    display: flex;
    gap: var(--space-xs);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--glass-border);
}

.comment-edit-form[b-nj0nwitb8d] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.comment-edit-actions[b-nj0nwitb8d] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-xs);
}

/* Comment Form */
.comment-form[b-nj0nwitb8d] {
    padding: var(--space-lg);
    margin-bottom: var(--space-md);
}

.comment-form h3[b-nj0nwitb8d] {
    margin: 0 0 var(--space-md) 0;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 500;
}

/* File upload (same as TicketDetail) */
.upload-area-small[b-nj0nwitb8d] {
    position: relative;
    display: inline-block;
}

.file-input[b-nj0nwitb8d] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.upload-label-small[b-nj0nwitb8d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: var(--space-sm) var(--space-md);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-secondary);
    transition: all var(--transition-base) ease;
}

.upload-label-small:hover[b-nj0nwitb8d] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* file-upload-list / file-upload-item / file-name / file-error rules
   moved to App/Features/Shared/Upload/UploadDropZone.razor.css (TASK_12).
   The "(same as TicketDetail)" comment was the L3 review's flag — duplication resolved. */

/* Upgrade Prompt */
.upgrade-prompt[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-lg);
    margin-bottom: var(--space-md);
}

.upgrade-prompt[b-nj0nwitb8d]  .anticon.upgrade-icon {
    font-size: 32px;
    color: var(--color-primary);
}

.upgrade-text[b-nj0nwitb8d] {
    flex: 1;
}

.upgrade-text strong[b-nj0nwitb8d] {
    color: var(--text-primary);
    display: block;
    margin-bottom: var(--space-xs);
}

.upgrade-text p[b-nj0nwitb8d] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
}

/* Linked PR side panel */
.external-link[b-nj0nwitb8d] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--color-primary);
    text-decoration: none;
    font-size: 0.875rem;
    word-break: break-all;
    transition: opacity 0.2s ease;
}

.external-link:hover[b-nj0nwitb8d] {
    opacity: 0.8;
}

.linked-pr-edit-btn[b-nj0nwitb8d] {
    margin-top: var(--space-sm);
    display: block;
}

/* Responsive */
@media (max-width: 480px) {
    .fr-detail-header[b-nj0nwitb8d],
    .vote-section[b-nj0nwitb8d],
    .description-section[b-nj0nwitb8d],
    .comment-form[b-nj0nwitb8d],
    .upgrade-prompt[b-nj0nwitb8d] {
        padding: var(--space-md);
    }

    .fr-title[b-nj0nwitb8d] {
        font-size: 20px;
    }

    .fr-meta[b-nj0nwitb8d] {
        gap: var(--space-sm);
    }

    .comment-header[b-nj0nwitb8d] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-sm);
    }

    .upgrade-prompt[b-nj0nwitb8d] {
        flex-direction: column;
        text-align: center;
    }

    .owner-actions[b-nj0nwitb8d] {
        flex-direction: column;
    }
}
/* /Features/Support/FeatureRequests/Pages/FeatureRequestList.razor.rz.scp.css */
/* Feature request card list */
.fr-list[b-qhbqmsh0l4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.fr-card[b-qhbqmsh0l4] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    cursor: pointer;
    transition: all var(--transition-fast);
    position: relative;
    animation: pageSlideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.fr-card:hover[b-qhbqmsh0l4] {
    border-color: var(--glass-border-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 32px var(--glass-shadow);
}

.fr-header[b-qhbqmsh0l4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-sm);
}

.fr-number[b-qhbqmsh0l4] {
    font-family: var(--font-mono, monospace);
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.fr-badges[b-qhbqmsh0l4] {
    display: flex;
    gap: var(--space-sm);
}

.fr-title[b-qhbqmsh0l4] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.01em;
}

.fr-description[b-qhbqmsh0l4] {
    font-size: 0.875rem;
    color: var(--text-muted);
    margin-bottom: var(--space-sm);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: var(--space-xl);
}

.fr-meta[b-qhbqmsh0l4] {
    display: flex;
    gap: var(--space-lg);
    font-size: 0.8125rem;
    color: var(--text-secondary);
    flex-wrap: wrap;
}

.fr-meta span[b-qhbqmsh0l4] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.fr-meta[b-qhbqmsh0l4]  .anticon {
    font-size: 14px;
}

.fr-votes[b-qhbqmsh0l4]  .anticon {
    color: var(--color-primary);
}

.fr-arrow[b-qhbqmsh0l4] {
    position: absolute;
    right: var(--space-md);
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 16px;
    transition: all var(--transition-fast);
    display: none;
}

.fr-card:hover .fr-arrow[b-qhbqmsh0l4] {
    color: var(--color-primary);
    transform: translateY(-50%) translateX(4px);
}

/* Pagination */
.pagination-container[b-qhbqmsh0l4] {
    padding: 0;
    margin-top: var(--space-lg);
}

/* Staggered animation for feature request cards */
.fr-list > .fr-card:nth-child(1)[b-qhbqmsh0l4] {
    animation-delay: 0.05s;
}

.fr-list > .fr-card:nth-child(2)[b-qhbqmsh0l4] {
    animation-delay: 0.1s;
}

.fr-list > .fr-card:nth-child(3)[b-qhbqmsh0l4] {
    animation-delay: 0.15s;
}

.fr-list > .fr-card:nth-child(4)[b-qhbqmsh0l4] {
    animation-delay: 0.2s;
}

.fr-list > .fr-card:nth-child(5)[b-qhbqmsh0l4] {
    animation-delay: 0.25s;
}

.fr-list > .fr-card:nth-child(6)[b-qhbqmsh0l4] {
    animation-delay: 0.3s;
}

.fr-list > .fr-card:nth-child(7)[b-qhbqmsh0l4] {
    animation-delay: 0.35s;
}

.fr-list > .fr-card:nth-child(8)[b-qhbqmsh0l4] {
    animation-delay: 0.4s;
}

.fr-list > .fr-card:nth-child(9)[b-qhbqmsh0l4] {
    animation-delay: 0.45s;
}

.fr-list > .fr-card:nth-child(10)[b-qhbqmsh0l4] {
    animation-delay: 0.5s;
}
/* /Features/Support/Pages/TicketDetail.razor.rz.scp.css */
.page-wrapper[b-wfmkzsc8tg] {
    animation: slideUp 0.5s ease-out;
}

/* Back Navigation */
.back-navigation[b-wfmkzsc8tg] {
    margin-bottom: var(--space-md);
}

/* ─── Side Panel (detail-page-grid__side) ────────────────── */

.side-block-title[b-wfmkzsc8tg] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--glass-border);
}

.created-date[b-wfmkzsc8tg] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
}


.ticket-header[b-wfmkzsc8tg] {
    padding: var(--space-lg);
    margin-bottom: var(--space-md);
}

.ticket-number[b-wfmkzsc8tg] {
    font-family: var(--font-mono);
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: var(--space-sm);
}

.ticket-subject[b-wfmkzsc8tg] {
    margin: 0 0 var(--space-md) 0;
    color: var(--text-primary);
    font-size: 24px;
    font-weight: 600;
}

.ticket-meta[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.created-date[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--text-secondary);
    font-size: 0.8125rem;
}

.referenced-ticket[b-wfmkzsc8tg] {
    padding: var(--space-md) 20px;
    margin-bottom: var(--space-md);
}

.reference-label[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-secondary);
    margin-bottom: var(--space-sm);
}

.reference-link[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}

.reference-link:hover[b-wfmkzsc8tg] {
    color: var(--color-primary);
}

.ref-number[b-wfmkzsc8tg] {
    font-family: var(--font-mono);
    color: var(--text-secondary);
}

.ref-subject[b-wfmkzsc8tg] {
    color: var(--text-primary);
    flex: 1;
}

.conversation-section[b-wfmkzsc8tg] {
    margin-bottom: var(--space-lg);
}

.conversation-section h2[b-wfmkzsc8tg] {
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: var(--space-md);
}

.messages-container[b-wfmkzsc8tg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.message[b-wfmkzsc8tg] {
    padding: 20px;
    border-radius: var(--radius-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
}

.message.admin-message[b-wfmkzsc8tg] {
    border-left: 3px solid var(--color-primary);
}

.message.user-message[b-wfmkzsc8tg] {
    border-left: 3px solid var(--text-secondary);
}

.message-header[b-wfmkzsc8tg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.author[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.author-label[b-wfmkzsc8tg] {
    font-weight: 500;
    color: var(--text-primary);
}

.message-time[b-wfmkzsc8tg] {
    font-size: 12px;
    color: var(--text-muted);
}

.message-content[b-wfmkzsc8tg] {
    color: var(--text-secondary);
    line-height: 1.6;
    white-space: pre-wrap;
}

.message-attachments[b-wfmkzsc8tg] {
    margin-top: var(--space-md);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.attachment-link[b-wfmkzsc8tg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: var(--glass-bg);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.8125rem;
    transition: background var(--transition-base) ease, color 0.2s ease;
}

.attachment-link:hover[b-wfmkzsc8tg] {
    background: var(--glass-border);
    color: var(--color-primary);
}

.attachment-size[b-wfmkzsc8tg] {
    color: var(--text-muted);
}

.reply-section[b-wfmkzsc8tg] {
    padding: var(--space-lg);
}

.reply-section h3[b-wfmkzsc8tg] {
    margin: 0 0 var(--space-md) 0;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 500;
}

.upload-area-small[b-wfmkzsc8tg] {
    position: relative;
    display: inline-block;
}

.file-input[b-wfmkzsc8tg] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.upload-label-small[b-wfmkzsc8tg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: var(--space-sm) var(--space-md);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-secondary);
    transition: border-color var(--transition-base) ease, color 0.2s ease;
}

.upload-label-small:hover[b-wfmkzsc8tg] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.selected-files[b-wfmkzsc8tg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    margin-top: 12px;
}

/* file-upload-list / file-upload-item / file-name / file-error rules
   moved to App/Features/Shared/Upload/UploadDropZone.razor.css (TASK_12) */

.closed-notice[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-lg);
}

.closed-text[b-wfmkzsc8tg] {
    flex: 1;
}

.closed-text strong[b-wfmkzsc8tg] {
    color: var(--text-primary);
    display: block;
    margin-bottom: var(--space-xs);
}

.closed-text p[b-wfmkzsc8tg] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
}

/* ─── Related Tickets List ───────────────────────────────── */

.side-stat-value[b-wfmkzsc8tg] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 500;
}

.related-tickets-list[b-wfmkzsc8tg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.related-tickets-list > li[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
}

.related-ticket-link[b-wfmkzsc8tg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-decoration: none;
    color: inherit;
    min-width: 0;
    flex: 1;
}

.related-ticket-link:hover .ticket-subject[b-wfmkzsc8tg] {
    color: var(--color-primary);
}

.related-tickets-list .ticket-number[b-wfmkzsc8tg] {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    color: var(--text-muted);
    margin: 0;
}

.related-tickets-list .ticket-subject[b-wfmkzsc8tg] {
    color: var(--text-primary);
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.2s ease;
}

/* .glass-card is the canonical utility from app.css; do not re-define here. */

@media (max-width: 480px) {

    .ticket-header[b-wfmkzsc8tg],
    .reply-section[b-wfmkzsc8tg],
    .closed-notice[b-wfmkzsc8tg] {
        padding: var(--space-md);
    }

    .ticket-subject[b-wfmkzsc8tg] {
        font-size: 20px;
    }

    .ticket-meta[b-wfmkzsc8tg] {
        gap: var(--space-sm);
    }

    .closed-notice[b-wfmkzsc8tg] {
        flex-direction: column;
        text-align: center;
    }

    .message-header[b-wfmkzsc8tg] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-sm);
    }
}
/* /Features/Support/Pages/TicketList.razor.rz.scp.css */
/* Ticket card list */
.tickets-list[b-aa3r3cwff6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.ticket-card[b-aa3r3cwff6] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    cursor: pointer;
    transition: border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
    position: relative;
    animation: pageSlideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.ticket-card:hover[b-aa3r3cwff6] {
    border-color: var(--glass-border-light);
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.ticket-card.has-unread[b-aa3r3cwff6] {
    border-left: 3px solid var(--color-primary);
}

.ticket-header[b-aa3r3cwff6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-sm);
}

.ticket-number[b-aa3r3cwff6] {
    font-family: var(--font-mono, monospace);
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.ticket-badges[b-aa3r3cwff6] {
    display: flex;
    gap: var(--space-sm);
}

.ticket-subject[b-aa3r3cwff6] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.01em;
}

.ticket-meta[b-aa3r3cwff6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    font-size: 0.8125rem;
    color: var(--text-secondary);
    flex-wrap: wrap;
}

.ticket-meta span[b-aa3r3cwff6] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ticket-meta[b-aa3r3cwff6]  .anticon {
    font-size: 14px;
}

.ticket-preview[b-aa3r3cwff6] {
    margin-top: var(--space-sm);
    font-size: 0.875rem;
    color: var(--text-muted);
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: var(--space-xl);
}

.unread-indicator[b-aa3r3cwff6] {
    display: inline-block;
    margin-top: var(--space-sm);
}

.ticket-arrow[b-aa3r3cwff6] {
    position: absolute;
    right: var(--space-md);
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 16px;
    transition: color var(--transition-fast), transform var(--transition-fast);
    display: none;
}

.ticket-card:hover .ticket-arrow[b-aa3r3cwff6] {
    color: var(--color-primary);
    transform: translateY(-50%) translateX(4px);
}

/* Pagination — TicketList uses margin instead of padding */
.pagination-container[b-aa3r3cwff6] {
    padding: 0;
    margin-top: var(--space-lg);
}


/* Staggered animation for ticket cards */
.tickets-list > .ticket-card:nth-child(1)[b-aa3r3cwff6] {
    animation-delay: 0.05s;
}

.tickets-list > .ticket-card:nth-child(2)[b-aa3r3cwff6] {
    animation-delay: 0.1s;
}

.tickets-list > .ticket-card:nth-child(3)[b-aa3r3cwff6] {
    animation-delay: 0.15s;
}

.tickets-list > .ticket-card:nth-child(4)[b-aa3r3cwff6] {
    animation-delay: 0.2s;
}

.tickets-list > .ticket-card:nth-child(5)[b-aa3r3cwff6] {
    animation-delay: 0.25s;
}

.tickets-list > .ticket-card:nth-child(6)[b-aa3r3cwff6] {
    animation-delay: 0.3s;
}

.tickets-list > .ticket-card:nth-child(7)[b-aa3r3cwff6] {
    animation-delay: 0.35s;
}

.tickets-list > .ticket-card:nth-child(8)[b-aa3r3cwff6] {
    animation-delay: 0.4s;
}

.tickets-list > .ticket-card:nth-child(9)[b-aa3r3cwff6] {
    animation-delay: 0.45s;
}

.tickets-list > .ticket-card:nth-child(10)[b-aa3r3cwff6] {
    animation-delay: 0.5s;
}
/* /Layout/AuthLayout.razor.rz.scp.css */
/* ========================================
   Auth Layout - Glassmorphism Design
   ======================================== */

.auth-page[b-nbiknupy81] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--gradient-bg);
    position: relative;
    overflow: hidden;
}

/* Animated background orbs */
.auth-page[b-nbiknupy81]::before,
.auth-page[b-nbiknupy81]::after {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(80px);
    animation: float-b-nbiknupy81 20s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
    will-change: transform;
}

.auth-page[b-nbiknupy81]::before {
    background: radial-gradient(circle, rgba(230, 122, 46, 0.3), transparent 70%);
    top: -200px;
    left: -200px;
}

.auth-page[b-nbiknupy81]::after {
    background: radial-gradient(circle, rgba(240, 148, 77, 0.2), transparent 70%);
    bottom: -200px;
    right: -200px;
    animation-delay: -10s;
}

@keyframes float-b-nbiknupy81 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50%      { transform: translate(50px, -30px) scale(1.1); }
}

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .auth-page[b-nbiknupy81]::before,
    .auth-page[b-nbiknupy81]::after {
        animation: none;
    }
}

/* Auth content layers above orbs */
.auth-page > *[b-nbiknupy81] {
    position: relative;
    z-index: 1;
}

/* Header */
.auth-header[b-nbiknupy81] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 2rem;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--glass-border);
    position: relative;
    z-index: 10;
}

.auth-logo a[b-nbiknupy81] {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.auth-logo-img[b-nbiknupy81] {
    height: 2rem;
    width: auto;
    transition: var(--transition-base);
}

.auth-logo a:hover .auth-logo-img[b-nbiknupy81] {
    filter: brightness(1.1);
}

.auth-language[b-nbiknupy81] {
    display: flex;
    align-items: center;
}

/* Main content area */
.auth-main[b-nbiknupy81] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-xl);
    position: relative;
    z-index: 1;
}

/* Glass container */
.auth-container[b-nbiknupy81] {
    width: 100%;
    max-width: 440px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    box-shadow: 0 4px 24px var(--glass-shadow),
    0 1px 1px rgba(255, 255, 255, 0.05) inset,
    0 -1px 1px rgba(0, 0, 0, 0.1) inset;
    padding: var(--space-2xl);
    position: relative;
    overflow: hidden;
    animation: slideUp 0.6s ease-out;
}

/* Subtle inner glow */
.auth-container[b-nbiknupy81]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(255, 255, 255, 0.1) 50%,
            transparent 100%
    );
}

/* Accent glow behind card */
.auth-container[b-nbiknupy81]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    background: radial-gradient(
            ellipse at center,
            rgba(230, 122, 46, 0.08) 0%,
            transparent 60%
    );
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
}

/* Animation: slideUp defined in app.css */

/* Footer */
.auth-footer[b-nbiknupy81] {
    padding: 1.25rem 2rem;
    text-align: center;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid var(--glass-border);
    position: relative;
    z-index: 10;
    margin-top: auto;
}

.footer-content[b-nbiknupy81] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: 0.01em;
}

/* Mobile responsive */
@media (max-width: 480px) {
    .auth-header[b-nbiknupy81] {
        padding: 1rem 1.25rem;
    }

    .auth-main[b-nbiknupy81] {
        padding: var(--space-md);
    }

    .auth-container[b-nbiknupy81] {
        padding: var(--space-lg);
        max-width: 100%;
        border-radius: var(--radius-lg);
    }

    .auth-logo-img[b-nbiknupy81] {
        height: 1.75rem;
    }

    .auth-page[b-nbiknupy81]::before {
        width: 300px;
        height: 300px;
        top: -150px;
        left: -150px;
    }

    .auth-page[b-nbiknupy81]::after {
        width: 300px;
        height: 300px;
        bottom: -150px;
        right: -150px;
    }
}

/* Tablet */
@media (min-width: 481px) and (max-width: 768px) {
    .auth-container[b-nbiknupy81] {
        max-width: 400px;
    }
}
/* /Layout/ClientSwitcher.razor.rz.scp.css */
.client-switcher[b-2llqm48ijq] {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.switcher-wrapper[b-2llqm48ijq] {
    position: relative;
}

[b-2llqm48ijq] .client-switcher-input {
    max-width: 250px;
    width: 100%;
}


[b-2llqm48ijq] .search-indicator {
    color: var(--text-secondary);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.switcher-dropdown[b-2llqm48ijq] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-width: 300px;
    width: 100%;
    margin-top: 4px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    box-shadow: 0 6px 16px var(--glass-shadow);
    z-index: 1050;
    max-height: 256px;
    overflow-y: auto;
}

.switcher-option[b-2llqm48ijq] {
    padding: 8px 12px;
    color: var(--text-primary);
    cursor: pointer;
    transition: background 0.2s;
    font-size: 0.8125rem;
}

.switcher-option:hover[b-2llqm48ijq] {
    background: var(--glass-bg-light);
}

.switcher-empty[b-2llqm48ijq] {
    padding: 8px 12px;
    color: var(--text-faint);
    font-size: 0.8125rem;
    text-align: center;
}

/* Mobile responsive */
@media (max-width: 576px) {
    [b-2llqm48ijq] .client-switcher-input {
        max-width: 180px;
    }

    .switcher-dropdown[b-2llqm48ijq] {
        max-width: 220px;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* ========================================
   Main Layout - Dark Glassmorphism Theme
   ======================================== */

.main-layout[b-6ybmg00zxv] {
    height: 100vh;
    overflow: hidden;
    background: var(--gradient-bg);
}

[b-6ybmg00zxv] .layout-container {
    height: 100vh;
    background: transparent !important;
}

/* Mobile Menu Backdrop */
.mobile-menu-backdrop[b-6ybmg00zxv] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: color-mix(in srgb, black 60%, transparent);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 150;
    animation: fadeIn-b-6ybmg00zxv 0.3s ease;
}

@keyframes fadeIn-b-6ybmg00zxv {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Sidebar */
[b-6ybmg00zxv] .main-sider {
    background: var(--color-bg-dark-secondary) !important;
    border-right: 1px solid var(--glass-border);
    position: fixed !important;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100vh !important;
    z-index: 100;
    transition: transform 0.3s ease, left 0.3s ease;
}


/* Logo */
.logo[b-6ybmg00zxv] {
    height: 64px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--glass-border);
    flex-shrink: 0;
    overflow: hidden;
}

.logo-full[b-6ybmg00zxv] {
    height: 26px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.logo-icon[b-6ybmg00zxv] {
    height: 32px;
    width: auto;
}

/* Content Layout */
[b-6ybmg00zxv] .content-layout {
    background: transparent !important;
    margin-left: 200px;
    transition: margin-left 0.2s;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}


/* Header */
[b-6ybmg00zxv] .main-header {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--glass-border);
    padding: 0 !important;
    height: 64px;
    line-height: 64px;
    flex-shrink: 0;
    z-index: 99;
}

.header-content[b-6ybmg00zxv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 24px;
}

/* Sidebar Toggle Button */
[b-6ybmg00zxv] .sidebar-toggle-btn {
    color: var(--text-secondary) !important;
    font-size: 18px !important;
    padding: 8px !important;
    height: auto !important;
    width: auto !important;
    min-width: auto !important;
    border-radius: var(--radius-sm);
    transition: color var(--transition-fast), background var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-6ybmg00zxv] .sidebar-toggle-btn:hover {
    color: var(--color-primary) !important;
    background: var(--glass-bg-light) !important;
}

[b-6ybmg00zxv] .sidebar-toggle-btn .anticon {
    font-size: 18px;
}

.header-spacer[b-6ybmg00zxv] {
    flex: 1;
}

.header-actions[b-6ybmg00zxv] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.user-section[b-6ybmg00zxv] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-email[b-6ybmg00zxv] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

/* Subscription Tags */
[b-6ybmg00zxv] .subscription-tag {
    border: none !important;
    font-weight: 500;
    font-size: 0.75rem;
    padding: 2px 10px;
    border-radius: 12px;
}

[b-6ybmg00zxv] .subscription-tag.tier-free {
    background: var(--glass-bg-light) !important;
    color: var(--text-muted) !important;
}

[b-6ybmg00zxv] .subscription-tag.tier-starter {
    background: color-mix(in srgb, var(--color-info) 20%, transparent) !important;
    color: var(--color-tier-starter) !important;
}

[b-6ybmg00zxv] .subscription-tag.tier-pro {
    background: color-mix(in srgb, var(--color-accent-purple) 20%, transparent) !important;
    color: var(--color-tier-pro) !important;
}

[b-6ybmg00zxv] .subscription-tag.tier-enterprise {
    background: var(--color-primary-bg-hover) !important;
    color: var(--color-primary-light) !important;
}

/* Logout Button */
[b-6ybmg00zxv] .logout-btn {
    color: var(--text-muted) !important;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    height: auto;
    border-radius: var(--radius-sm);
    transition: color var(--transition-fast), background var(--transition-fast);
}

[b-6ybmg00zxv] .logout-btn:hover {
    color: var(--color-tier-limited) !important;
    background: color-mix(in srgb, var(--color-error) 10%, transparent) !important;
}

.logout-text[b-6ybmg00zxv] {
    font-size: 0.875rem;
}

/* Client Header Bar */
.client-header-bar[b-6ybmg00zxv] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 24px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-bottom: 1px solid var(--glass-border);
    flex-shrink: 0;
    position: relative;
    z-index: 100;
}


/* Main Content */
[b-6ybmg00zxv] .main-content {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.content-wrapper[b-6ybmg00zxv] {
    position: relative; /* For DevPathBadge positioning */
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Footer */
[b-6ybmg00zxv] .main-footer {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid var(--glass-border);
    color: var(--text-muted) !important;
    height: 56px;
    padding: 0 24px !important;
    text-align: center;
    font-size: 0.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
}

.footer-divider[b-6ybmg00zxv] {
    color: var(--glass-border-light);
}

/* Responsive */
@media (max-width: 768px) {
    /* Mobile: Hide sidebar off-screen by default */
    [b-6ybmg00zxv] .main-sider {
        transform: translateX(-100%);
        z-index: 200;
    }

    /* Mobile: Show sidebar when menu is open */
    [b-6ybmg00zxv] .main-sider.mobile-open {
        transform: translateX(0);
    }

/* Mobile: Remove margin from content */
    [b-6ybmg00zxv] .content-layout {
        margin-left: 0 !important;
    }

    .header-content[b-6ybmg00zxv] {
        padding: 0 16px;
    }

    .header-actions[b-6ybmg00zxv] {
        gap: 8px;
    }

    [b-6ybmg00zxv] .sidebar-toggle-btn {
        padding: 6px !important;
        font-size: 16px !important;
    }

    .user-email[b-6ybmg00zxv] {
        display: none;
    }

    .logout-text[b-6ybmg00zxv] {
        display: none;
    }

    [b-6ybmg00zxv] .logout-btn {
        padding: 4px 8px;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* Navigation menu styles are handled globally via overrides.css.
   Only NavMenu-authored elements (not AntD internals) are styled here. */

/* Divider between the general (always-visible) nav section and the
   client-scoped section that follows it. */
.nav-section-divider[b-bnfq9be44y] {
    height: 1px;
    background: var(--glass-border);
    margin: var(--space-md) 16px var(--space-sm) 16px;
}

/* "← Svi klijenti" back-link above the client-context menu — aligned to the
   same 8px inset + 24px inner padding as .ant-menu-item rows below it. */
.back-to-clients[b-bnfq9be44y] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin: var(--space-sm) 8px 4px 8px;
    padding: 10px 24px;
    border-radius: 8px;
    color: var(--text-secondary);
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 150ms ease;
}

.back-to-clients:hover[b-bnfq9be44y],
.back-to-clients:focus-visible[b-bnfq9be44y] {
    color: var(--text-primary);
    background: var(--glass-bg-light);
    outline: none;
}
/* /Layout/OnboardingLayout.razor.rz.scp.css */
/* ========================================
   Onboarding Layout - Glassmorphism Design
   Similar to AuthLayout but wider (800px)
   ======================================== */

.onboarding-page[b-60m0zdlwex] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--gradient-bg);
    position: relative;
    overflow: hidden;
}

/* Animated background orbs */
.onboarding-page[b-60m0zdlwex]::before,
.onboarding-page[b-60m0zdlwex]::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.6;
    pointer-events: none;
    animation: float 20s ease-in-out infinite;
    will-change: transform;
}

.onboarding-page[b-60m0zdlwex]::before {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, var(--color-primary-glow) 0%, transparent 70%);
    top: -150px;
    left: -100px;
    animation-delay: 0s;
}

.onboarding-page[b-60m0zdlwex]::after {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, var(--color-primary-glow) 0%, transparent 70%);
    bottom: -100px;
    right: -50px;
    animation-delay: -10s;
}

/* Header */
.onboarding-header[b-60m0zdlwex] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.25rem 2rem;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--glass-border);
    position: relative;
    z-index: 10;
}

.onboarding-logo a[b-60m0zdlwex] {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.onboarding-logo-img[b-60m0zdlwex] {
    height: 2rem;
    width: auto;
    transition: var(--transition-base);
}

.onboarding-logo a:hover .onboarding-logo-img[b-60m0zdlwex] {
    filter: brightness(1.1);
}

/* Main content area */
.onboarding-main[b-60m0zdlwex] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: var(--space-xl);
    padding-top: var(--space-2xl);
    position: relative;
    z-index: 1;
    overflow-y: auto;
}

/* Content container — wider than auth (800px vs 440px) */
.onboarding-container[b-60m0zdlwex] {
    width: 100%;
    max-width: var(--page-width-narrow);
    animation: slideUp 0.6s ease-out;
}

/* Footer */
.onboarding-footer[b-60m0zdlwex] {
    padding: 1.25rem 2rem;
    text-align: center;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid var(--glass-border);
    position: relative;
    z-index: 10;
    margin-top: auto;
}

.onboarding-footer .footer-content[b-60m0zdlwex] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: 0.01em;
}

/* Mobile responsive */
@media (max-width: 480px) {
    .onboarding-header[b-60m0zdlwex] {
        padding: 1rem 1.25rem;
    }

    .onboarding-main[b-60m0zdlwex] {
        padding: var(--space-md);
        padding-top: var(--space-lg);
    }

    .onboarding-container[b-60m0zdlwex] {
        max-width: 100%;
    }

    .onboarding-logo-img[b-60m0zdlwex] {
        height: 1.75rem;
    }

    .onboarding-page[b-60m0zdlwex]::before {
        width: 300px;
        height: 300px;
        top: -100px;
        left: -80px;
    }

    .onboarding-page[b-60m0zdlwex]::after {
        width: 250px;
        height: 250px;
    }
}
/* /Layout/PortalLayout.razor.rz.scp.css */
/* ========================================
   Portal Layout — CF-004
   Minimal chrome for Client Portal pages.
   This file owns ALL of PortalLayout's chrome: the outer page wrapper, the
   header strip (logo / client name / nav / avatar) and the main scroll region.
   Every class below is authored in PortalLayout.razor and used nowhere else,
   so it stays scoped here rather than becoming a global utility in app.css.
   `::deep` is only needed for AntDesign child-component internals (the client
   picker) — the rest are this component's own elements.
   ======================================== */

.portal-layout[b-ctdikdvl1a] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--gradient-bg);
    position: relative;
    overflow: hidden;
}

/* Decorative gradient orbs — match the onboarding/auth aesthetic so the portal
   feels like part of the same product family. */
.portal-layout[b-ctdikdvl1a]::before,
.portal-layout[b-ctdikdvl1a]::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
    will-change: transform;
}

.portal-layout[b-ctdikdvl1a]::before {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, var(--color-primary-glow) 0%, transparent 70%);
    top: -150px;
    right: -100px;
}

.portal-layout[b-ctdikdvl1a]::after {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, var(--color-primary-glow) 0%, transparent 70%);
    bottom: -100px;
    left: -50px;
}

/* ========================================
   Header strip
   ======================================== */

.portal-header-strip[b-ctdikdvl1a] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    height: 64px;
    flex-shrink: 0;
    padding: 0 var(--space-lg);
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--glass-border);
    /* Sits above the decorative orbs on .portal-layout. */
    position: relative;
    z-index: 2;
}

/* Wordmark — anchor, so it must opt out of the global `a { color: var(--color-primary) }`
   and AntDesign's link colour. */
.portal-logo[b-ctdikdvl1a] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--transition-fast);
}

.portal-logo:hover[b-ctdikdvl1a],
.portal-logo:focus-visible[b-ctdikdvl1a] {
    color: var(--color-primary);
    text-decoration: none;
}

.portal-logo:focus-visible[b-ctdikdvl1a] {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
    border-radius: var(--radius-xs);
}

/* Single-client label — the static counterpart of the multi-client picker. */
.portal-client-name[b-ctdikdvl1a] {
    padding-left: var(--space-md);
    border-left: 1px solid var(--glass-border);
    color: var(--text-secondary);
    font-size: 0.9375rem;
    font-weight: var(--font-weight-medium);
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Client picker is an AntDesign child component — needs ::deep. */
[b-ctdikdvl1a] .portal-client-picker {
    min-width: 220px;
}

/* ========================================
   Nav — pushed to the right, avatar trails it.
   ======================================== */

.portal-nav[b-ctdikdvl1a] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    margin-left: auto;
}

.portal-nav a[b-ctdikdvl1a] {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 var(--space-md);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 0.9375rem;
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--transition-fast), background var(--transition-fast);
}

.portal-nav a:hover[b-ctdikdvl1a] {
    color: var(--text-primary);
    background: var(--glass-bg-light);
    text-decoration: none;
}

.portal-nav a.active[b-ctdikdvl1a] {
    color: var(--color-primary);
    background: var(--color-primary-bg);
}

.portal-nav a:focus-visible[b-ctdikdvl1a] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* Avatar button — strips browser button chrome and draws the initials pill. */
.portal-avatar[b-ctdikdvl1a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: var(--gradient-primary);
    color: #fff;
    font-family: var(--font-body);
    font-size: 0.8125rem;
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: filter var(--transition-fast);
}

.portal-avatar:hover[b-ctdikdvl1a] {
    filter: brightness(1.1);
}

.portal-avatar:focus-visible[b-ctdikdvl1a] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* Main scroll region — sits below .portal-header-strip. */
.portal-main[b-ctdikdvl1a] {
    flex: 1;
    position: relative;
    z-index: 1;
    overflow-y: auto;
    padding: var(--space-xl) var(--space-lg);
}

@media (max-width: 768px) {
    .portal-header-strip[b-ctdikdvl1a] {
        gap: var(--space-sm);
        padding: 0 var(--space-md);
    }

    .portal-client-name[b-ctdikdvl1a] {
        max-width: 140px;
    }

    [b-ctdikdvl1a] .portal-client-picker {
        min-width: 150px;
    }

    .portal-nav a[b-ctdikdvl1a] {
        padding: 0 var(--space-sm);
    }

    .portal-main[b-ctdikdvl1a] {
        padding: var(--space-lg) var(--space-md);
    }
}

@media (max-width: 480px) {
    /* Client identity is already shown on every portal page header — drop it
       from the strip so the wordmark, nav and avatar all stay on one line. */
    .portal-client-name[b-ctdikdvl1a] {
        display: none;
    }

    .portal-logo[b-ctdikdvl1a] {
        font-size: 1.125rem;
    }

    .portal-main[b-ctdikdvl1a] {
        padding: var(--space-md);
    }

    .portal-layout[b-ctdikdvl1a]::before {
        width: 300px;
        height: 300px;
    }

    .portal-layout[b-ctdikdvl1a]::after {
        width: 250px;
        height: 250px;
    }
}
/* /Pages/Index.razor.rz.scp.css */
/* ========================================
   Bureau Dashboard — Kontrolna tabla
   ======================================== */

.bureau-dashboard[b-id223odhjg] {
    animation: slideUp-b-id223odhjg 0.5s ease-out;
}

@keyframes slideUp-b-id223odhjg {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pillFade-b-id223odhjg {
    0% { opacity: 0; transform: translateY(-4px); }
    20% { opacity: 1; transform: translateY(0); }
    80% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-4px); }
}

/* ─── Page header ──────────────────────────────────────────────────── */

.header-actions[b-id223odhjg] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.updated-pill[b-id223odhjg] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-success);
    background: rgba(82, 196, 26, 0.15);
    border: 1px solid var(--color-success);
    border-radius: 999px;
    animation: pillFade-b-id223odhjg 3s ease-in-out forwards;
}

.last-updated-text[b-id223odhjg] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin-top: var(--space-xs);
}

/* ─── Sections ─────────────────────────────────────────────────────── */

.dashboard-section[b-id223odhjg] {
    margin-bottom: var(--space-xl);
}

.section-title[b-id223odhjg] {
    color: var(--text-primary);
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: var(--space-sm);
}

.section-header-row[b-id223odhjg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-md);
    margin-bottom: var(--space-sm);
}

.section-header-row .section-title[b-id223odhjg] {
    margin-bottom: 0;
}

.empty-section[b-id223odhjg] {
    color: var(--text-muted);
    font-size: 0.9375rem;
    padding: var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.section-footer[b-id223odhjg] {
    margin-top: var(--space-sm);
    color: var(--text-muted);
    font-size: 0.875rem;
    text-align: right;
}

/* ─── Deadlines grid ───────────────────────────────────────────────── */

.deadlines-grid[b-id223odhjg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-md);
}

/* ─── SEF table ────────────────────────────────────────────────────── */

.sef-table-wrapper[b-id223odhjg] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    overflow-x: auto;
}

.sef-table[b-id223odhjg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.sef-table th[b-id223odhjg],
.sef-table td[b-id223odhjg] {
    padding: var(--space-sm) var(--space-md);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
}

.sef-table th[b-id223odhjg] {
    color: var(--text-muted);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sef-table tr:last-child td[b-id223odhjg] {
    border-bottom: none;
}

.sef-table .numeric[b-id223odhjg] {
    text-align: right;
}

.sef-table .mono[b-id223odhjg] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

.clickable-row[b-id223odhjg] {
    cursor: pointer;
    transition: background-color var(--transition-fast);
}

.clickable-row:hover[b-id223odhjg] {
    background: var(--glass-bg-light, var(--glass-bg));
}

/* ─── Document list ────────────────────────────────────────────────── */

.document-list[b-id223odhjg] {
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.document-row[b-id223odhjg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--glass-border);
}

.document-row:last-child[b-id223odhjg] {
    border-bottom: none;
}

.document-row__date[b-id223odhjg] {
    color: var(--text-secondary);
    font-size: 0.75rem;
}

.document-row__main[b-id223odhjg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    flex: 1;
}

.document-row__filename[b-id223odhjg] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-primary);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-row__client[b-id223odhjg] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.document-row__meta[b-id223odhjg] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--text-muted);
    font-size: 0.8125rem;
    flex-shrink: 0;
}

/* ─── Threshold grid ───────────────────────────────────────────────── */

.threshold-grid[b-id223odhjg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-md);
}

/* ─── Bank grid ────────────────────────────────────────────────────── */

.bank-grid[b-id223odhjg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--space-md);
}

.bank-card[b-id223odhjg] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    transition: transform var(--transition-fast),
                border-color var(--transition-fast);
}

.bank-card:hover[b-id223odhjg] {
    transform: translateY(-2px);
    border-color: var(--color-error);
}

.bank-card__client[b-id223odhjg] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.9375rem;
    margin-bottom: var(--space-xs);
}

.bank-card__count[b-id223odhjg] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-error);
    line-height: 1;
}

.bank-card__sub[b-id223odhjg] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin-top: 0.25rem;
}

.bank-card__oldest[b-id223odhjg] {
    color: var(--text-muted);
    font-size: 0.75rem;
    margin-top: var(--space-xs);
}

/* ─── Workload layout ──────────────────────────────────────────────── */

.workload-layout[b-id223odhjg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md);
}

.workload-layout__chart[b-id223odhjg],
.workload-layout__table[b-id223odhjg] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    overflow-x: auto;
}

.workload-table[b-id223odhjg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.workload-table th[b-id223odhjg],
.workload-table td[b-id223odhjg] {
    padding: var(--space-sm) var(--space-md);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
}

.workload-table th[b-id223odhjg] {
    color: var(--text-muted);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.workload-table tr:last-child td[b-id223odhjg] {
    border-bottom: none;
}

.workload-table .numeric[b-id223odhjg] {
    text-align: right;
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

/* ─── Loading / retry ──────────────────────────────────────────────── */

.loading-container[b-id223odhjg] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 240px;
}

.retry-container[b-id223odhjg] {
    display: flex;
    justify-content: center;
    margin-top: var(--space-md);
}

/* ─── Responsive ───────────────────────────────────────────────────── */

@media (max-width: 992px) {
    .workload-layout[b-id223odhjg] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .header-actions[b-id223odhjg] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .sef-table[b-id223odhjg] {
        font-size: 0.8125rem;
    }

    .sef-table th[b-id223odhjg],
    .sef-table td[b-id223odhjg] {
        padding: var(--space-xs) var(--space-sm);
    }
}

@media (max-width: 480px) {
    .threshold-grid[b-id223odhjg],
    .bank-grid[b-id223odhjg] {
        grid-template-columns: 1fr;
    }

    .section-title[b-id223odhjg] {
        font-size: 1rem;
    }
}