@import '_content/Compossa.Accounting.UI/Compossa.Accounting.UI.hmqtygrvh4.bundle.scp.css';
@import '_content/Compossa.Blazor.SchemaEditor/Compossa.Blazor.SchemaEditor.rawzdzfqif.bundle.scp.css';
@import '_content/Compossa.Commerce.UI/Compossa.Commerce.UI.d0xp0g562u.bundle.scp.css';
@import '_content/Compossa.Composer.UI/Compossa.Composer.UI.5f5sa6fpnx.bundle.scp.css';
@import '_content/Compossa.DocumentReview.UI/Compossa.DocumentReview.UI.2vdjzb08o1.bundle.scp.css';
@import '_content/Compossa.DocumentStore.UI/Compossa.DocumentStore.UI.xht6mqvpmf.bundle.scp.css';
@import '_content/Compossa.Downloads.UI/Compossa.Downloads.UI.kv3cl8r19k.bundle.scp.css';
@import '_content/Compossa.Hrm.UI/Compossa.Hrm.UI.m9rjohf45x.bundle.scp.css';
@import '_content/Compossa.Licensing.UI/Compossa.Licensing.UI.bdz61n5ymv.bundle.scp.css';
@import '_content/Compossa.NuGet.UI/Compossa.NuGet.UI.0pmzs3z6i7.bundle.scp.css';
@import '_content/Compossa.Requirements.UI/Compossa.Requirements.UI.ujbpb1yzmi.bundle.scp.css';
@import '_content/Compossa.Runtime.Blazor/Compossa.Runtime.Blazor.fxj77lrdan.bundle.scp.css';
@import '_content/Compossa.Sales.UI/Compossa.Sales.UI.jksd6mr52w.bundle.scp.css';
@import '_content/Compossa.UI.Blazor/Compossa.UI.Blazor.en7issgbvt.bundle.scp.css';

/* /Components/Account/AccountSetup.razor.rz.scp.css */
/* AccountSetup wizard — fixed dark auth-flow palette.
   This page renders BEFORE the user has an org, so there's no org theme to
   respect yet. We inherit AuthLayout's dark shell (#252526 card on #1e1e1e
   page) and only paint the wizard-specific accents here (indigo highlights,
   purple→indigo avatar gradient). JoinOrganization is the theme-responsive
   counterpart — see llm-rule 01KQKW5GFDEKX19DJVYTKPDAVR. */

/* AuthLayout already widens .auth-container to 640px when it :has(.account-setup)
   — see AuthLayout.razor.css. ::deep cannot reach an ancestor, so an override
   from this scope would be dead; keep it in the layout's stylesheet. */

.account-setup[b-zfl8njieyb] {
    margin: 0 auto;
}

.loading[b-zfl8njieyb] {
    text-align: center;
    padding: 3rem 0;
}

.error-state[b-zfl8njieyb] {
    text-align: center;
    padding: 2rem 0;
}

.error-state h2[b-zfl8njieyb] {
    color: #f87171;
}

/* Header */
.setup-header[b-zfl8njieyb] {
    text-align: center;
    margin-bottom: 2rem;
}

.welcome-avatar[b-zfl8njieyb] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    overflow: hidden;
}

.avatar-image[b-zfl8njieyb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-initials[b-zfl8njieyb] {
    color: #ffffff;
    font-size: 1.75rem;
    font-weight: 600;
}

.setup-header h1[b-zfl8njieyb] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #e5e7eb;
    margin: 0 0 0.5rem;
}

.setup-description[b-zfl8njieyb] {
    color: #9ca3af;
    margin: 0;
}

/* Step indicator */
.setup-steps[b-zfl8njieyb] {
    margin-bottom: 2rem;
}

.step-indicator[b-zfl8njieyb] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.step[b-zfl8njieyb] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #3c3c3c;
    color: #9ca3af;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
}

.step.active[b-zfl8njieyb] {
    background: #6366f1;
    color: #ffffff;
}

.step-line[b-zfl8njieyb] {
    width: 60px;
    height: 2px;
    background: #3c3c3c;
}

.step-line.active[b-zfl8njieyb] {
    background: #6366f1;
}

/* Step body */
.setup-step h2[b-zfl8njieyb] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #e5e7eb;
    margin: 0 0 0.25rem;
}

.step-description[b-zfl8njieyb] {
    color: #9ca3af;
    font-size: 0.9375rem;
    margin: 0 0 1.5rem;
}

/* Form fields — scoped under .account-setup to outrank AuthLayout's
   ::deep .form-* rules (which paint dark for Login/Signup). */
.account-setup .form-group[b-zfl8njieyb] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-bottom: 1rem;
}

.account-setup .form-group label[b-zfl8njieyb] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #e5e7eb;
}

.account-setup .form-control[b-zfl8njieyb] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.9375rem;
    border: 1px solid #3c3c3c;
    border-radius: 6px;
    background: #2d2d2d;
    color: #e5e7eb;
}

.account-setup .form-control:focus[b-zfl8njieyb] {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

.account-setup .form-control:disabled[b-zfl8njieyb] {
    background: #1e1e1e;
    color: #6b7280;
}

.form-hint[b-zfl8njieyb] {
    font-size: 0.8125rem;
    color: #9ca3af;
}

.form-error[b-zfl8njieyb] {
    font-size: 0.8125rem;
    color: #dc2626;
}

.form-success[b-zfl8njieyb] {
    font-size: 0.8125rem;
    color: #059669;
}

.form-warning[b-zfl8njieyb] {
    font-size: 0.8125rem;
    color: #d97706;
}

.required[b-zfl8njieyb] {
    color: #dc2626;
}

/* InputSelect (country dropdown) */
.account-setup select.form-control[b-zfl8njieyb] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2.5rem;
}

/* VAT input + Validate button row */
.input-with-button[b-zfl8njieyb] {
    display: flex;
    gap: 0.5rem;
}

.account-setup .input-with-button .form-control[b-zfl8njieyb] {
    flex: 1;
}

.btn-validate[b-zfl8njieyb] {
    padding: 0.625rem 1rem;
    background: #2d2d2d;
    border: 1px solid #3c3c3c;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #e5e7eb;
    cursor: pointer;
    white-space: nowrap;
    min-width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-validate:hover:not(:disabled)[b-zfl8njieyb] {
    background: #3c3c3c;
    border-color: #6366f1;
}

.btn-validate:disabled[b-zfl8njieyb] {
    opacity: 0.5;
    cursor: not-allowed;
}

.input-error[b-zfl8njieyb] {
    border-color: #dc2626 !important;
}

.input-warning[b-zfl8njieyb] {
    border-color: #d97706 !important;
}

.vat-valid[b-zfl8njieyb] {
    border-color: #059669 !important;
}

/* VAT declaration confirmation */
.vat-declaration[b-zfl8njieyb] {
    margin-top: 1rem;
    padding: 1rem;
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.35);
    border-radius: 6px;
}

.declaration-checkbox[b-zfl8njieyb] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
}

.declaration-checkbox input[type="checkbox"][b-zfl8njieyb] {
    margin-top: 0.125rem;
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
    accent-color: #10b981;
}

.declaration-text[b-zfl8njieyb] {
    font-size: 0.875rem;
    color: #d1fae5;
    line-height: 1.5;
}

/* VIES-down retry notice — amber palette to distinguish from the green
   "you've validated your VAT" declaration. Informational only; there is no
   skip path, the org-admin must retry once VIES is reachable again. */
.vat-retry-notice[b-zfl8njieyb] {
    margin-top: 1rem;
    padding: 1rem;
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 6px;
}

.vat-retry-notice .form-hint[b-zfl8njieyb] {
    color: #fde68a;
}

.vat-retry-notice a[b-zfl8njieyb] {
    color: #fbbf24;
    text-decoration: underline;
}

/* Alerts — scoped to outrank AuthLayout's ::deep .alert-danger. */
.account-setup .alert-danger[b-zfl8njieyb] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.35);
    color: #f87171;
    margin-bottom: 1rem;
}

.alert-warning[b-zfl8njieyb] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    background: rgba(217, 119, 6, 0.1);
    border: 1px solid rgba(217, 119, 6, 0.35);
    color: #fbbf24;
    margin-bottom: 1rem;
}

/* Button row */
.button-row[b-zfl8njieyb] {
    margin-top: 1.5rem;
    display: flex;
    gap: 0.75rem;
}

/* Cancel pinned far-left; Back/Continue sit on the right at their natural width. */
.button-row .btn-cancel[b-zfl8njieyb] {
    margin-right: auto;
}

.btn-cancel[b-zfl8njieyb] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.75rem 1rem;
    background: transparent;
    border: 1px solid rgba(220, 38, 38, 0.35);
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #f87171;
    text-decoration: none;
    cursor: pointer;
}

.btn-cancel:hover[b-zfl8njieyb] {
    background: rgba(220, 38, 38, 0.1);
    border-color: #f87171;
}

.btn-secondary[b-zfl8njieyb] {
    padding: 0.75rem 1rem;
    background: #2d2d2d;
    border: 1px solid #3c3c3c;
    border-radius: 6px;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #e5e7eb;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-secondary:hover[b-zfl8njieyb] {
    background: #3c3c3c;
    border-color: #6366f1;
}

/* btn-primary — scoped to outrank AuthLayout's ::deep .btn-primary
   (which forces width:100% + green #8bc34a for the dark Login flow). */
.account-setup .btn-primary[b-zfl8njieyb] {
    flex: 0 0 auto;
    width: auto;
    padding: 0.75rem 1rem;
    background: #6366f1;
    border: none;
    border-radius: 6px;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.account-setup .btn-primary:hover:not(:disabled)[b-zfl8njieyb] {
    background: #4f46e5;
}

.account-setup .btn-primary:disabled[b-zfl8njieyb] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Authenticated Account step: a single full-width Continue (no Cancel/passkey row),
   re-establishing the width AuthLayout gives .btn-primary but .account-setup narrows. */
.account-setup .btn-primary.setup-continue[b-zfl8njieyb] {
    flex: 1 1 auto;
    width: 100%;
}

/* Spinners — scoped to outrank AuthLayout's ::deep .spinner (1.25rem). */
.account-setup .spinner[b-zfl8njieyb] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-zfl8njieyb 0.6s linear infinite;
}

.spinner-small[b-zfl8njieyb] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #3c3c3c;
    border-top-color: #6366f1;
    border-radius: 50%;
    animation: spin-b-zfl8njieyb 0.6s linear infinite;
}

@keyframes spin-b-zfl8njieyb {
    to { transform: rotate(360deg); }
}

/* The graceful ramp (organization step) — the quiet exit for a signed-in first-timer who is not a
   business. Deliberately secondary: muted line + link-styled command button under the button row,
   never competing with Continue. */
.personal-ramp[b-zfl8njieyb] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #3c3c3c;
    text-align: center;
}

.personal-ramp-text[b-zfl8njieyb] {
    margin: 0;
    font-size: 0.875rem;
    color: #9ca3af;
}

.personal-ramp[b-zfl8njieyb]  .btn-ramp-link {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    font-weight: 500;
    color: #818cf8;
    cursor: pointer;
}

.personal-ramp[b-zfl8njieyb]  .btn-ramp-link:hover:not(:disabled) {
    color: #a5b4fc;
    text-decoration: underline;
}

.personal-ramp[b-zfl8njieyb]  .btn-ramp-link:disabled {
    opacity: 0.6;
    cursor: wait;
}

/* Welcome step (Step 3 token + Step 4 all-set) */
.welcome-step[b-zfl8njieyb] {
    text-align: center;
}

.welcome-icon[b-zfl8njieyb] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.welcome-icon svg[b-zfl8njieyb] {
    color: #ffffff;
}

.welcome-step h2[b-zfl8njieyb] {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.welcome-step .step-description[b-zfl8njieyb] {
    font-size: 1rem;
    margin-bottom: 2rem;
}

.welcome-features[b-zfl8njieyb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 2rem;
    text-align: left;
    background: #1e1e1e;
    border: 1px solid #3c3c3c;
    border-radius: 8px;
    padding: 1.25rem;
}

.feature-item[b-zfl8njieyb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #e5e7eb;
    font-size: 0.9375rem;
}

.feature-item svg[b-zfl8njieyb] {
    color: #6366f1;
    flex-shrink: 0;
}

/* Recovery token (Step 3 — site owner gets a one-time platform recovery code) */
.recovery-token-box[b-zfl8njieyb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.4);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
}

.recovery-token-value[b-zfl8njieyb] {
    flex: 1;
    font-size: 0.95rem;
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    word-break: break-all;
    user-select: all;
    color: #fbbf24;
    line-height: 1.5;
}

.recovery-copy-btn[b-zfl8njieyb] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    background: #2d2d2d;
    border: 1px solid #3c3c3c;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.8125rem;
    color: #e5e7eb;
    white-space: nowrap;
    flex-shrink: 0;
    transition: all 0.15s;
}

.recovery-copy-btn:hover[b-zfl8njieyb] {
    background: #3c3c3c;
    border-color: #fbbf24;
}

.step-hint[b-zfl8njieyb] {
    font-size: 0.875rem;
    color: #9ca3af;
    margin-bottom: 2rem;
}

/* Pierce into <ValidationMessage> rendered by EditForm */
[b-zfl8njieyb] .validation-message {
    font-size: 0.8125rem;
    color: #f87171;
    margin-top: 0.25rem;
}

/* Responsive */
@media (max-width: 480px) {
    .welcome-avatar[b-zfl8njieyb] {
        width: 64px;
        height: 64px;
    }

    .avatar-initials[b-zfl8njieyb] {
        font-size: 1.5rem;
    }

    .step[b-zfl8njieyb] {
        width: 28px;
        height: 28px;
        font-size: 0.8125rem;
    }

    .step-line[b-zfl8njieyb] {
        width: 30px;
    }

    .button-row[b-zfl8njieyb] {
        flex-direction: column;
    }

    .btn-secondary[b-zfl8njieyb] {
        order: 2;
    }

    .btn-primary[b-zfl8njieyb] {
        order: 1;
    }
}
/* /Components/Account/AuthLayout.razor.rz.scp.css */
/* Auth Page - Full page centered layout (Dark theme) */
.auth-page[b-l9dqayyolw] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1e1e1e;
    padding: 1rem;
}

.auth-container[b-l9dqayyolw] {
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

/* Wider container for wizard-style flows (setup, invitation) */
.auth-container:has(.account-setup)[b-l9dqayyolw],
.auth-container:has(.accept-invitation)[b-l9dqayyolw],
.auth-container:has(.signup-form)[b-l9dqayyolw] {
    max-width: 640px;
}

/* Join-organization is a single-step confirm — narrower than the wizard. */
.auth-container:has(.join-organization)[b-l9dqayyolw] {
    max-width: 520px;
}

/* AccountSetup keeps the AuthLayout dark defaults — no org/theme exists yet,
   so we don't try to repaint. Inputs, hints, buttons all stay on the dark
   palette already inherited from this scope. */

/* JoinOrganization runs AFTER the user has an org → repaint the AuthLayout
   shell using the org's theme variables (set on body by ThemeService).
   Falls back to the dark Login defaults when variables are unset. */
.auth-page:has(.join-organization)[b-l9dqayyolw] {
    background-color: var(--bg-primary, #1e1e1e);
}

.auth-card:has(.join-organization)[b-l9dqayyolw] {
    background: var(--bg-secondary, #252526);
    border: 1px solid var(--border-color, #3c3c3c);
}

/* Logo */
.auth-logo[b-l9dqayyolw] {
    text-align: center;
}

.logo-text[b-l9dqayyolw] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    color: #e5e7eb;
    letter-spacing: 0.01em;
}

/* Auth Card */
.auth-card[b-l9dqayyolw] {
    width: 100%;
    background: #252526;
    border: 1px solid #3c3c3c;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    padding: 2rem;
    /* Every existing auth form's own text sits inside ::deep-scoped classes that set their own
       color (.form-group label, .btn-social, ...) - RunInvite.razor is the first AuthLayout
       consumer to render plain <h2>/<p> with no class at all, which fell through to the
       browser's black default against this dark card (2026-08-04 UAT: "weird black empty
       dialog" - the text was there, just invisible). One rule here covers any future bare text too. */
    color: #e5e7eb;
}

/* Footer */
.auth-footer[b-l9dqayyolw] {
    text-align: center;
}

.auth-footer-link[b-l9dqayyolw] {
    color: #9ca3af;
    font-size: 0.875rem;
    text-decoration: none;
}

.auth-footer-link:hover[b-l9dqayyolw] {
    color: #8bc34a;
    text-decoration: underline;
}

/* ========================================
   Shared Auth Form Styles
   ======================================== */

/* Social Buttons */
[b-l9dqayyolw] .social-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

[b-l9dqayyolw] .btn-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem 1rem;
    background: #2d2d2d;
    border: 1px solid #3c3c3c;
    border-radius: 6px;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #e5e7eb;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
}

[b-l9dqayyolw] .btn-social:hover:not(:disabled) {
    background: #3d3d3d;
    border-color: #8bc34a;
}

[b-l9dqayyolw] .btn-social:disabled,
[b-l9dqayyolw] .btn-social-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

[b-l9dqayyolw] .btn-social svg {
    flex-shrink: 0;
}

/* Config-driven OIDC providers carry arbitrary DisplayNames — a long label must ellipsize inside the
   fixed-height button, never wrap or push the icon out. Applies uniformly to every SSO button. */
[b-l9dqayyolw] .btn-social span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Divider */
[b-l9dqayyolw] .divider {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #6b7280;
    font-size: 0.875rem;
}

[b-l9dqayyolw] .divider::before,
[b-l9dqayyolw] .divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #3c3c3c;
}

/* Form Groups */
[b-l9dqayyolw] .form-group {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

[b-l9dqayyolw] .form-group label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #e5e7eb;
}

/* Form Controls */
[b-l9dqayyolw] .form-control {
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.9375rem;
    border: 1px solid #3c3c3c;
    border-radius: 6px;
    background: #2d2d2d;
    color: #e5e7eb;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-l9dqayyolw] .form-control:focus {
    outline: none;
    border-color: #8bc34a;
    box-shadow: 0 0 0 3px rgba(139, 195, 74, 0.15);
}

[b-l9dqayyolw] .form-control::placeholder {
    color: #6b7280;
}

/* Override browser autofill dark background */
[b-l9dqayyolw] .form-control:-webkit-autofill,
[b-l9dqayyolw] .form-control:-webkit-autofill:hover,
[b-l9dqayyolw] .form-control:-webkit-autofill:focus,
[b-l9dqayyolw] .form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #2d2d2d inset !important;
    -webkit-text-fill-color: #e5e7eb !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Password Input */
[b-l9dqayyolw] .password-input-wrapper {
    position: relative;
}

[b-l9dqayyolw] .password-input-wrapper .form-control {
    padding-right: 2.75rem;
}

[b-l9dqayyolw] .password-toggle {
    position: absolute;
    right: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.25rem;
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-l9dqayyolw] .password-toggle:hover {
    color: #8bc34a;
}

/* Primary Button */
[b-l9dqayyolw] .btn-primary {
    width: 100%;
    padding: 0.75rem 1rem;
    background: #8bc34a;
    border: none;
    border-radius: 6px;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    transition: background 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

[b-l9dqayyolw] .btn-primary:hover:not(:disabled) {
    background: #7cb342;
}

[b-l9dqayyolw] .btn-primary:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Outline Button */
[b-l9dqayyolw] .btn-outline {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: transparent;
    border: 1px solid #3c3c3c;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #e5e7eb;
    text-decoration: none;
    transition: all 0.15s ease;
}

[b-l9dqayyolw] .btn-outline:hover {
    background: #2d2d2d;
    border-color: #8bc34a;
}

/* Passkey Button */
[b-l9dqayyolw] .btn-passkey {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
}

[b-l9dqayyolw] .btn-passkey svg {
    flex-shrink: 0;
}

/* Spinner */
[b-l9dqayyolw] .spinner {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: auth-spin-b-l9dqayyolw 0.8s linear infinite;
}

@keyframes auth-spin-b-l9dqayyolw {
    to {
        transform: rotate(360deg);
    }
}

/* Alert */
[b-l9dqayyolw] .alert {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
}

[b-l9dqayyolw] .alert-danger {
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.3);
    color: #f87171;
}

[b-l9dqayyolw] .alert-info {
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.3);
    color: #a5b4fc;
}

/* Validation Messages */
[b-l9dqayyolw] .validation-message {
    font-size: 0.8125rem;
    color: #dc2626;
    margin-top: 0.25rem;
}

/* Persona hint (muted, no link) — quieter than .auth-link; sits under the sign-in dialog. */
[b-l9dqayyolw] .auth-hint {
    text-align: center;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #6b7280;
}

/* Auth Links (signup/login links at bottom) */
[b-l9dqayyolw] .auth-link {
    text-align: center;
    font-size: 0.9375rem;
    color: #9ca3af;
}

[b-l9dqayyolw] .auth-link a {
    color: #8bc34a;
    font-weight: 500;
    text-decoration: none;
}

[b-l9dqayyolw] .auth-link a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 480px) {
    .auth-card[b-l9dqayyolw] {
        padding: 1.5rem;
        border-radius: 8px;
    }

    .logo-text[b-l9dqayyolw] {
        font-size: 1.5rem;
    }
}
/* /Components/Account/JoinOrganization.razor.rz.scp.css */
/* Join-organization page — theme-responsive.
   Uses CSS custom properties from app.css :root so the page automatically
   adopts the org's chosen theme (.theme-light / .theme-ember / .theme-crimson
   / .theme-ocean / .theme-sunset). Unlike AccountSetup, this page renders for
   users who already have an organization assignment, so the org-selected theme
   is meaningful here. AccountSetup keeps its hard-coded platform-default look
   because the user has no org yet — see llm-rule 01KQKW5GFDEKX19DJVYTKPDAVR.

   Conflicting selectors (.btn-primary, .form-control, .form-group, .spinner,
   .alert-danger) are parent-scoped under .join-organization so they outrank
   AuthLayout's ::deep rules (which paint the dark Login/Signup theme). */

/* AuthLayout's ::deep cannot reach an ancestor selector. The container width
   for this page is set in AuthLayout.razor.css via :has(.join-organization). */

.join-organization[b-8rkqnihzur] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.loading[b-8rkqnihzur] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.error-state[b-8rkqnihzur] {
    text-align: center;
    padding: 2rem;
}

.error-state h2[b-8rkqnihzur] {
    color: var(--error-color);
    margin-bottom: 1rem;
}

/* Header */
.setup-header[b-8rkqnihzur] {
    text-align: center;
}

.setup-header h1[b-8rkqnihzur] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0.75rem 0 0.5rem;
}

.setup-description[b-8rkqnihzur] {
    color: var(--text-secondary);
    font-size: 0.9375rem;
    margin: 0;
}

.welcome-avatar[b-8rkqnihzur] {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-full, 50%);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));
    color: var(--accent-text);
    font-size: 1.75rem;
    font-weight: 600;
    overflow: hidden;
}

.welcome-avatar .avatar-image[b-8rkqnihzur] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Step body */
.setup-step[b-8rkqnihzur] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.setup-step h2[b-8rkqnihzur] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.step-description[b-8rkqnihzur] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin: -0.75rem 0 0;
}

/* Form fields — parent-scoped to outrank AuthLayout's ::deep rules. */
.join-organization .form-group[b-8rkqnihzur] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.join-organization .form-group label[b-8rkqnihzur] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
}

.required[b-8rkqnihzur] {
    color: var(--error-color);
}

.form-hint[b-8rkqnihzur] {
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.join-organization .form-control[b-8rkqnihzur] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.9375rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm, 6px);
    background: var(--input-bg);
    color: var(--text-primary);
}

.join-organization .form-control:focus[b-8rkqnihzur] {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px rgba(129, 186, 42, 0.15);
}

.join-organization .form-control:disabled[b-8rkqnihzur] {
    background: var(--bg-secondary);
    color: var(--text-muted);
}

/* Alerts */
.join-organization .alert-danger[b-8rkqnihzur] {
    padding: 0.75rem 1rem;
    border-radius: var(--radius-sm, 6px);
    font-size: 0.875rem;
    background: rgba(229, 37, 32, 0.1);
    border: 1px solid rgba(229, 37, 32, 0.3);
    color: var(--error-color);
}

/* Button row */
.button-row[b-8rkqnihzur] {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.btn-cancel[b-8rkqnihzur] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.75rem 1rem;
    background: transparent;
    border: 1px solid rgba(229, 37, 32, 0.3);
    border-radius: var(--radius-sm, 6px);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--error-color);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-cancel:hover[b-8rkqnihzur] {
    background: rgba(229, 37, 32, 0.1);
    border-color: var(--error-color);
}

.join-organization .btn-primary[b-8rkqnihzur] {
    flex: 1;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: var(--accent-color);
    border: none;
    border-radius: var(--radius-sm, 6px);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--accent-text);
    cursor: pointer;
    transition: background 0.15s ease;
}

.join-organization .btn-primary:hover:not(:disabled)[b-8rkqnihzur] {
    background: var(--accent-hover);
}

.join-organization .btn-primary:disabled[b-8rkqnihzur] {
    opacity: 0.6;
    cursor: not-allowed;
}

.join-organization .spinner[b-8rkqnihzur] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: var(--accent-text);
    border-radius: 50%;
    animation: spin-b-8rkqnihzur 0.6s linear infinite;
}

@keyframes spin-b-8rkqnihzur {
    to {
        transform: rotate(360deg);
    }
}

/* Pierce into <ValidationMessage> rendered by EditForm. */
[b-8rkqnihzur] .validation-message {
    font-size: 0.8125rem;
    color: var(--error-color);
    margin-top: 0.25rem;
}

/* Responsive */
@media (max-width: 480px) {
    .welcome-avatar[b-8rkqnihzur] {
        width: 64px;
        height: 64px;
    }

    .button-row[b-8rkqnihzur] {
        flex-direction: column-reverse;
    }
}
/* /Components/Account/Login.razor.rz.scp.css */
/* Login page.
   The sign-in dialog (SSO buttons + divider + full-row passkey + hint) now lives in the shared
   SignInPanel component; its wrapper + passkey-hint styles moved to SignInPanel.razor.css, and the
   button/alert styling is provided by AuthLayout.razor.css (::deep). The cross-link to /account/register
   reuses the shared ::deep .auth-link style from AuthLayout. Nothing login-specific remains. */
/* /Components/Account/PasskeySettings.razor.rz.scp.css */
/* Passkey-specific styles only. Global styles (page-header, form-*, cmd-btn-*, empty-state, etc.) come from app.css. */

/* CommandBar name input */
.passkey-cmd-name[b-cmx43ygce7] {
    width: 200px;
    padding: 0.4rem 0.6rem;
    font-size: 0.85rem;
}

/* Passkey cards (direct in content, no wrapping card component) */
.passkey-card[b-cmx43ygce7] {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.passkey-icon[b-cmx43ygce7] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
    border-radius: var(--radius-sm);
    flex-shrink: 0;
}

.passkey-info[b-cmx43ygce7] {
    flex: 1;
    min-width: 0;
}

.passkey-name[b-cmx43ygce7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    color: var(--text-primary);
}

.passkey-meta[b-cmx43ygce7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.passkey-actions[b-cmx43ygce7] {
    display: flex;
    gap: 0.5rem;
}

/* Rename inline edit */
.passkey-rename-row[b-cmx43ygce7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.passkey-rename-input[b-cmx43ygce7] {
    min-width: 300px;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* Small icon buttons (edit/delete/save/cancel on passkey cards) */
.passkey-btn-icon[b-cmx43ygce7] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-muted);
    transition: all 0.15s ease;
    text-decoration: none;
}

.passkey-btn-icon:hover[b-cmx43ygce7] {
    background: var(--bg-hover);
    border-color: var(--text-muted);
    color: var(--text-primary);
}

.passkey-btn-icon-danger:hover[b-cmx43ygce7] {
    background: rgba(229, 37, 32, 0.1);
    border-color: var(--error-color);
    color: var(--error-color);
}

.passkey-btn-icon-success:hover[b-cmx43ygce7] {
    background: rgba(129, 186, 42, 0.1);
    border-color: var(--success-color);
    color: var(--success-color);
}

/* Alerts (prefixed to avoid global .modal-overlay !important conflict) */
.passkey-alert[b-cmx43ygce7] {
    padding: 0.75rem 1rem;
    border-radius: var(--radius-sm);
    margin-bottom: 1rem;
}

.passkey-alert-success[b-cmx43ygce7] {
    background: rgba(129, 186, 42, 0.15);
    border: 1px solid rgba(129, 186, 42, 0.3);
    color: var(--success-color);
}

.passkey-alert-danger[b-cmx43ygce7] {
    background: rgba(229, 37, 32, 0.15);
    border: 1px solid rgba(229, 37, 32, 0.3);
    color: var(--error-color);
}

.passkey-alert-warning[b-cmx43ygce7] {
    background: rgba(247, 147, 30, 0.15);
    border: 1px solid rgba(247, 147, 30, 0.3);
    color: var(--warning-color);
}

/* Delete dialog (prefixed to avoid global .modal-overlay !important override) */
.passkey-dialog-overlay[b-cmx43ygce7] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.passkey-dialog-overlay.visible[b-cmx43ygce7] {
    display: flex;
}

.passkey-dialog[b-cmx43ygce7] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    width: 100%;
    max-width: 400px;
    margin: 1rem;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.passkey-dialog-header[b-cmx43ygce7] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.passkey-dialog-header h3[b-cmx43ygce7] {
    margin: 0;
    font-size: 1.125rem;
    color: var(--text-primary);
}

.passkey-dialog-body[b-cmx43ygce7] {
    padding: 1.5rem;
}

.passkey-dialog-body p[b-cmx43ygce7] {
    margin: 0 0 0.5rem;
    color: var(--text-secondary);
}

.passkey-dialog-footer[b-cmx43ygce7] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    align-items: center;
}
/* /Components/Account/SignInPanel.razor.rz.scp.css */
/* Shared sign-in dialog wrapper. The button/divider/alert styling lives in AuthLayout.razor.css
   (::deep), which reaches this content because the panel always renders inside AuthLayout — do not
   duplicate those rules here. Only the panel's own wrapper + passkey hint are page-scoped. */
.sign-in-panel[b-27j3vo34yy] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Passkey Hint (moved from Login.razor.css so it travels with the shared dialog) */
.passkey-hint[b-27j3vo34yy] {
    text-align: center;
    font-size: 0.8125rem;
    color: #9ca3af;
    margin: 0.5rem 0 0 0;
}

.passkey-tip[b-27j3vo34yy] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #6b7280;
}
/* /Components/Account/Signup.razor.rz.scp.css */
/* Signup Form - Page specific styles (Dark theme) */
.signup-form[b-9dxzfvoqrq] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Header — mirrors the AccountSetup wizard's .setup-header so signup reads as the
   first step of the same journey (shared 640px width via AuthLayout :has rule). */
.signup-header[b-9dxzfvoqrq] {
    text-align: center;
    margin-bottom: 0.25rem;
}

.signup-avatar[b-9dxzfvoqrq] {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    color: #ffffff;
}

.form-title[b-9dxzfvoqrq] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #e5e7eb;
    margin: 0 0 0.25rem 0;
}

.form-subtitle[b-9dxzfvoqrq] {
    font-size: 0.875rem;
    line-height: 1.5;
    color: #9ca3af;
    margin: 0 auto 1rem;
    max-width: 30rem;
}

/* Journey strip — previews the wizard's stages with labels (not numbers, so it
   doesn't collide with the wizard's numbered step dots). */
.signup-journey[b-9dxzfvoqrq] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7280;
}

.journey-step[b-9dxzfvoqrq] {
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    border: 1px solid #3c3c3c;
}

.journey-step.active[b-9dxzfvoqrq] {
    color: #ffffff;
    background: #6366f1;
    border-color: #6366f1;
}

.journey-sep[b-9dxzfvoqrq] {
    color: #4b5563;
}

/* Checkbox Group */
.form-group-checkbox[b-9dxzfvoqrq] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.form-group-checkbox input[type="checkbox"][b-9dxzfvoqrq] {
    margin-top: 0.125rem;
    width: 1rem;
    height: 1rem;
    accent-color: #8bc34a;
}

.form-group-checkbox label[b-9dxzfvoqrq] {
    font-size: 0.875rem;
    color: #9ca3af;
    line-height: 1.4;
}

.form-group-checkbox label a[b-9dxzfvoqrq] {
    color: #8bc34a;
    text-decoration: none;
}

.form-group-checkbox label a:hover[b-9dxzfvoqrq] {
    text-decoration: underline;
}

/* Password Requirements */
.password-requirements[b-9dxzfvoqrq] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

/* Login Link */
.login-link[b-9dxzfvoqrq] {
    text-align: center;
    font-size: 0.9375rem;
    color: #9ca3af;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

/* Passkey Info */
.passkey-info[b-9dxzfvoqrq] {
    text-align: center;
    font-size: 0.8125rem;
    color: #9ca3af;
    margin: 0.5rem 0 0 0;
}

/* Passkey Registration Step */
.passkey-registration[b-9dxzfvoqrq] {
    text-align: center;
}

.passkey-registration .passkey-icon[b-9dxzfvoqrq] {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    color: #8bc34a;
}

.passkey-registration h2[b-9dxzfvoqrq] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #e5e7eb;
    margin: 0 0 0.5rem 0;
}

.passkey-registration p[b-9dxzfvoqrq] {
    font-size: 0.875rem;
    color: #9ca3af;
    margin: 0 0 1.5rem 0;
    line-height: 1.5;
}
/* /Components/Integrations/Storage/ObjectStorageSection.razor.rz.scp.css */
/* Fixed scheme prefix on the Endpoint field. Providers list the endpoint as a bare host
   (Hetzner shows "nbg1.your-objectstorage.com"), so the customer pastes exactly what they see
   and we supply the https:// — the stored value still carries it, the field just never asks. */

.input-with-prefix[b-ct5b5v193o] {
    display: flex;
    align-items: stretch;
}

.input-prefix[b-ct5b5v193o] {
    display: flex;
    align-items: center;
    padding: 0 0.6rem;
    border: 1px solid var(--border-color);
    border-right: none;
    border-radius: 4px 0 0 4px;
    background: var(--bg-tertiary);
    color: var(--text-muted);
    white-space: nowrap;
    user-select: none;
}

.input-with-prefix .form-input[b-ct5b5v193o] {
    flex: 1;
    min-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Minimal loading state (most initialization happens in LoginSuccess page) */
.app-shell-loading[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: var(--bg-primary);
}

.loading-spinner[b-99pxnmaezp] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--border-primary);
    border-top-color: var(--accent-primary);
    border-radius: 50%;
    animation: spin-b-99pxnmaezp 0.8s linear infinite;
}

@keyframes spin-b-99pxnmaezp {
    to {
        transform: rotate(360deg);
    }
}

/* VS Code-inspired Shell Layout. Base paint (display/height/background/color/font) lives in
   the shared .app-shell rule in components.css — every host's shell root needs it, not just
   this one. Only the operator-specific sidebar-width variable stays scoped here. */
.app-shell[b-99pxnmaezp] {
    --command-bar-left: 308px; /* Activity bar (48px) + Sidebar (260px) */
}

.app-shell.sidebar-collapsed[b-99pxnmaezp] {
    --command-bar-left: 48px; /* Activity bar only */
}

/* Main layout row (activity bar + sidebar + content). Per ux-rule-host-shell-height-locked-no-outer-scrollbars
   (01KWJEVXXXPXC3C1PT4QV9BYA8): overflow:hidden is REQUIRED here, not just min-height:0 — without it the
   browser still shows an outer scrollbar the moment a page's content exceeds the viewport, and
   ContentPanel's sticky CommandBar scrolls away with the content instead of staying pinned. */
.app-layout-row[b-99pxnmaezp] {
    display: flex;
    flex: 1;
    min-height: 0; /* Allow flex children to shrink */
    overflow: hidden;
}

/* Activity Bar styles moved to app.css for global access */

.user-avatar-small[b-99pxnmaezp] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.15s;
}

.user-avatar-small:hover[b-99pxnmaezp] {
    opacity: 0.85;
}

.user-avatar-img[b-99pxnmaezp] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
    transition: opacity 0.15s;
}

.user-avatar-img:hover[b-99pxnmaezp] {
    opacity: 0.85;
}

.user-avatar-link[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* User Menu Dropdown */
.user-menu[b-99pxnmaezp] {
    position: relative;
}

.user-menu-backdrop[b-99pxnmaezp] {
    position: fixed;
    inset: 0;
    z-index: 999;
    /* Invisible — no background, no cursor change */
}


.user-menu-dropdown[b-99pxnmaezp] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 220px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    z-index: 1000;
    overflow: hidden;
}

.user-menu-header[b-99pxnmaezp] {
    padding: 12px 16px;
    background: var(--bg-tertiary);
}

.user-menu-name[b-99pxnmaezp] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary);
    margin-bottom: 2px;
}

.user-menu-email[b-99pxnmaezp] {
    font-size: 0.8rem;
    color: var(--text-muted);
    word-break: break-all;
}

.user-menu-role[b-99pxnmaezp] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: 6px;
    padding: 2px 8px;
    background: var(--bg-secondary);
    border-radius: 4px;
    display: inline-block;
}

.user-menu-divider[b-99pxnmaezp] {
    height: 1px;
    background: var(--border-color);
}

.user-menu-item[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.875rem;
    transition: background 0.15s, color 0.15s;
}

.user-menu-item:hover[b-99pxnmaezp] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.user-menu-item svg[b-99pxnmaezp] {
    flex-shrink: 0;
    opacity: 0.7;
}

.user-menu-signout[b-99pxnmaezp] {
    color: var(--error-color, #f44336);
}

.user-menu-signout:hover[b-99pxnmaezp] {
    background: rgba(244, 67, 54, 0.1);
    color: var(--error-color, #f44336);
}

/* Support Button (circular like avatar) */
.support-button-link[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.support-button[b-99pxnmaezp] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--accent-color);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.15s;
}

.support-button svg[b-99pxnmaezp] {
    width: 16px;
    height: 16px;
}

.support-button:hover[b-99pxnmaezp] {
    opacity: 0.85;
}

/* Cart Button (title bar) */
.cart-btn[b-99pxnmaezp] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    position: relative;
}

.cart-badge[b-99pxnmaezp] {
    position: absolute;
    top: -4px;
    right: -6px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background: var(--error-color, #E52520);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Sidebar (collapsible panel) */
.sidebar[b-99pxnmaezp] {
    width: 260px;
    background: var(--bg-secondary);
    border-right: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    transition: width 0.2s, opacity 0.2s;
    overflow: hidden;
}

.sidebar.collapsed[b-99pxnmaezp] {
    width: 0;
    border-right: none;
}

.sidebar-header[b-99pxnmaezp] {
    height: 35px;
    padding: 0 10px 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
    flex-shrink: 0;
}

.sidebar-title[b-99pxnmaezp] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-collapse[b-99pxnmaezp] {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    border-radius: var(--radius-xs);
}

.btn-collapse:hover[b-99pxnmaezp] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.sidebar.collapsed .btn-collapse svg[b-99pxnmaezp] {
    transform: rotate(180deg);
}

.sidebar-content[b-99pxnmaezp] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Main Area */
.main-area[b-99pxnmaezp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--bg-primary);
    /* Anchor for the floating .quick-actions cluster */
    position: relative;
}

/* Floating quick actions (top-right). The title bar is DELETED - page identity is the
   in-panel hero rendered by ContentPanel/PageHero from [PageIdentity] (ux-guidelines S9).
   The cluster floats over the hero row; buttons keep their own circular styling. */
.quick-actions[b-99pxnmaezp] {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 50;
}

.org-add-btn[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: 4px;
    border-radius: var(--radius-sm, 4px);
    color: var(--text-muted);
    background: transparent;
    transition: all 0.15s ease;
}

.org-add-btn:hover[b-99pxnmaezp] {
    background: var(--bg-hover);
    color: var(--accent-color);
}

.btn-icon[b-99pxnmaezp] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    border-radius: var(--radius-xs);
    position: relative;
}

.btn-icon:hover[b-99pxnmaezp] {
    background: var(--bg-active);
    color: var(--text-primary);
}

.notification-badge[b-99pxnmaezp] {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background: var(--accent-color);
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Content Area — where pages render via @Body. Per ux-rule-host-shell-height-locked-no-outer-scrollbars
   (01KWJEVXXXPXC3C1PT4QV9BYA8):
   this element was missing min-height:0 (flex items default to min-height:auto — "at least as tall as my
   content" — which silently defeats flex:1's shrink behavior) and used overflow-y:auto instead of hidden
   (a SECOND competing scroll container against ContentPanel's own .content-panel-body, so it never
   actually overflowed — it just grew past the viewport instead, pushing the outer <html> to scroll and
   the sticky CommandBar/footer away from the visible bottom). display:flex + flex-direction:column let
   the ContentPanel child's own flex:1 sizing take effect against a real, bounded parent. */
.content-area[b-99pxnmaezp] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--bg-primary);
    padding: 20px;
}

/* Alerts Section */
.alerts-section[b-99pxnmaezp] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
}

.alerts-title[b-99pxnmaezp] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.75rem 0;
}

.alert-item[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: var(--radius-sm);
    margin-bottom: 0.5rem;
}

.alert-item:last-child[b-99pxnmaezp] {
    margin-bottom: 0;
}

.alert-item.warning[b-99pxnmaezp] {
    background: rgba(255, 167, 38, 0.1);
    border-left: 3px solid #ffa726;
}

.alert-item.info[b-99pxnmaezp] {
    background: rgba(41, 121, 255, 0.1);
    border-left: 3px solid #2979ff;
}

.alert-badge[b-99pxnmaezp] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-xs);
    letter-spacing: 0.5px;
}

.alert-badge.expired[b-99pxnmaezp] {
    background: rgba(255, 107, 107, 0.2);
    color: #ff6b6b;
}

.alert-badge.new[b-99pxnmaezp] {
    background: rgba(41, 121, 255, 0.2);
    color: #2979ff;
}

.alert-message[b-99pxnmaezp] {
    flex: 1;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.alert-action[b-99pxnmaezp] {
    font-size: 0.875rem;
    color: var(--link-color);
    text-decoration: none;
    white-space: nowrap;
}

.alert-action:hover[b-99pxnmaezp] {
    text-decoration: underline;
}

/* Status Bar - Full-width footer spanning entire app */
.status-bar[b-99pxnmaezp] {
    height: 28px;
    background: var(--status-bar-bg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 12px;
    color: var(--status-bar-text, #ffffff);
    flex-shrink: 0;
}

.status-left[b-99pxnmaezp],
.status-right[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Status bar accent indicator (lime green bar on left) */
.status-accent[b-99pxnmaezp] {
    width: 4px;
    height: 16px;
    background: var(--accent-color, #a6e22e);
    border-radius: 2px;
    margin-right: -8px; /* Tighten gap to organization name */
}

.status-item[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.status-item.version[b-99pxnmaezp] {
    opacity: 0.7;
}

/* Skeleton placeholder for the org-name slot before PortalState.IsInitialized
   flips true. Avoids the brief "No organization" flicker on first dashboard
   render: the layout pre-renders before the async LoadOrganizationsAsync
   resolves, so for ~100-300ms the SelectedOrganization is null. Rendering a
   subdued bar is calmer than swapping a "No organization" string for the
   real name once it lands. */
.status-item.status-item-skeleton[b-99pxnmaezp] {
    display: inline-block;
    width: 80px;
    height: 0.85em;
    background: rgba(255, 255, 255, 0.18);
    border-radius: 2px;
    animation: status-skeleton-pulse-b-99pxnmaezp 1.4s ease-in-out infinite;
}

@keyframes status-skeleton-pulse-b-99pxnmaezp {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 0.8; }
}

/* Workspace-hydration gate: centers the BusyIndicator in the content area while
   PortalState restores the org context on a fresh circuit (before @Body renders). */
.workspace-restoring[b-99pxnmaezp] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    height: 100%;
}

/* Connected/Success status with badge styling - matches status-btn size */
.status-item.success[b-99pxnmaezp] {
    padding: 2px 8px;
    background: rgba(34, 197, 94, 0.15);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 4px;
    color: #22c55e;
}

.status-item.success svg[b-99pxnmaezp] {
    color: #22c55e;
}


/* Status Bar Button */
.status-btn[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border: none;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: inherit;
    font-size: inherit;
    cursor: pointer;
    transition: background 0.15s ease;
}

.status-btn:hover[b-99pxnmaezp] {
    background: rgba(255, 255, 255, 0.2);
    color: var(--link-hover, inherit);
}

.status-btn:active[b-99pxnmaezp] {
    background: rgba(255, 255, 255, 0.25);
    color: var(--link-hover, inherit);
}

/* Operations Badge */
.operations-badge[b-99pxnmaezp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

.operations-badge.running[b-99pxnmaezp] {
    background: rgba(255, 255, 255, 0.9);
    color: var(--status-bar-bg);
    animation: pulse-b-99pxnmaezp 1.5s ease-in-out infinite;
}

@keyframes pulse-b-99pxnmaezp {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* Downloads Badge */
.downloads-badge[b-99pxnmaezp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

.downloads-badge.ready[b-99pxnmaezp] {
    background: var(--accent-color);
    color: white;
    animation: pulse-b-99pxnmaezp 1.5s ease-in-out infinite;
}

/* Notifications Badge */
.notifications-badge[b-99pxnmaezp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
}

/* Severity-based colors */
.notifications-badge.info[b-99pxnmaezp] {
    background: #75BCFF; /* Blue - info/default */
    color: #000;
}

.notifications-badge.medium[b-99pxnmaezp] {
    background: #F7931E; /* Orange - warning */
    color: #000;
}

.notifications-badge.high[b-99pxnmaezp] {
    background: #E52520; /* Red - error */
    color: #fff;
}

.notifications-badge.critical[b-99pxnmaezp] {
    background: #FFD700; /* Yellow - radiation level */
    color: #000;
    animation: pulse-b-99pxnmaezp 1.5s ease-in-out infinite;
}

/* Server Error Bar (shown by ErrorBoundary) */
.server-error-bar[b-99pxnmaezp] {
    background: #f14c4c;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    padding: 0.5rem 1.25rem;
    width: 100%;
    color: #ffffff;
    margin-bottom: 1rem;
    border-radius: var(--radius-md, 6px);
}

.server-error-bar .error-content[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.server-error-bar .error-message[b-99pxnmaezp] {
    flex: 1;
}

.server-error-bar .error-actions[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.server-error-bar .copy-error[b-99pxnmaezp],
.server-error-bar .report-error[b-99pxnmaezp] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.6rem;
    border-radius: var(--radius-xs);
    font-size: 0.8125rem;
    cursor: pointer;
    transition: background 0.15s;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    text-decoration: none;
}

.server-error-bar .copy-error:hover[b-99pxnmaezp],
.server-error-bar .report-error:hover[b-99pxnmaezp] {
    background: rgba(255, 255, 255, 0.25);
}

.server-error-bar .dismiss-error[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    margin-left: 0.5rem;
    background: transparent;
    border: none;
    color: #ffffff;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.15s;
}

.server-error-bar .dismiss-error:hover[b-99pxnmaezp] {
    opacity: 1;
}

/* Blazor Error UI - positioned above full-width status bar */
#blazor-error-ui[b-99pxnmaezp] {
    background: #f14c4c;
    bottom: 28px; /* Sits directly above 28px status bar */
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.5rem 1.25rem;
    position: fixed;
    width: 100%; /* Full width to match status bar */
    z-index: 1000;
    color: #ffffff;
}

#blazor-error-ui .error-content[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

#blazor-error-ui .error-message[b-99pxnmaezp] {
    flex: 1;
}

#blazor-error-ui .error-actions[b-99pxnmaezp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

#blazor-error-ui .copy-error[b-99pxnmaezp],
#blazor-error-ui .report-error[b-99pxnmaezp] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.6rem;
    border-radius: var(--radius-xs);
    font-size: 0.8125rem;
    cursor: pointer;
    transition: background 0.15s;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    text-decoration: none;
}

#blazor-error-ui .copy-error:hover[b-99pxnmaezp],
#blazor-error-ui .report-error:hover[b-99pxnmaezp] {
    background: rgba(255, 255, 255, 0.25);
}

#blazor-error-ui .copy-error svg[b-99pxnmaezp],
#blazor-error-ui .report-error svg[b-99pxnmaezp] {
    width: 14px;
    height: 14px;
}

#blazor-error-ui .dismiss[b-99pxnmaezp] {
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0.25rem;
    margin-left: 0.5rem;
    opacity: 0.8;
    transition: opacity 0.15s;
}

#blazor-error-ui .dismiss:hover[b-99pxnmaezp] {
    opacity: 1;
}

/* Note: Global scrollbar styling moved to app.css for consistent application */

/* Mobile hamburger button - hidden on desktop */
.mobile-menu-btn[b-99pxnmaezp] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    border-radius: var(--radius-xs);
}

.mobile-menu-btn:hover[b-99pxnmaezp] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

/* Sidebar backdrop - hidden on desktop */
.sidebar-backdrop[b-99pxnmaezp] {
    display: none;
}

/* ==================== Tablet (≤1024px) ==================== */
@media (max-width: 1024px) {
    .app-shell[b-99pxnmaezp] {
        --command-bar-left: 48px; /* Activity bar only, sidebar overlays */
    }

    .app-shell.sidebar-collapsed[b-99pxnmaezp] {
        --command-bar-left: 48px;
    }

    .sidebar[b-99pxnmaezp] {
        position: absolute;
        z-index: 100;
        height: calc(100vh - 28px); /* Minus status bar (title bar deleted) */
        top: 0;
    }

    .sidebar.collapsed[b-99pxnmaezp] {
        width: 0;
    }

    .sidebar-backdrop.visible[b-99pxnmaezp] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 99; /* Below sidebar z-index 100 */
    }
}

/* ==================== Mobile (≤768px) ==================== */
@media (max-width: 768px) {
    .app-shell[b-99pxnmaezp] {
        --command-bar-left: 0px; /* No activity bar */
    }

    .app-shell.sidebar-collapsed[b-99pxnmaezp] {
        --command-bar-left: 0px;
    }

    .mobile-menu-btn[b-99pxnmaezp] {
        /* Floats top-left now that the title bar is gone */
        display: flex;
        position: absolute;
        top: 0.5rem;
        left: 0.5rem;
        z-index: 60;
    }

    .sidebar[b-99pxnmaezp] {
        position: absolute;
        z-index: 100;
        height: calc(100vh - 28px); /* Minus status bar (title bar deleted) */
        top: 0;
        left: 48px; /* After activity bar overlay */
    }

    .sidebar.collapsed[b-99pxnmaezp] {
        width: 0;
    }

    .content-area[b-99pxnmaezp] {
        padding: 12px;
    }

    /* Compact status bar */
    .status-bar[b-99pxnmaezp] {
        height: 24px;
        font-size: 11px;
        padding: 0 8px;
    }

    .status-left .status-item.version[b-99pxnmaezp] {
        display: none;
    }

    /* Show only checkmark icon, hide "Connected" text */
    .status-item.success span[b-99pxnmaezp] {
        display: none;
    }
}

.organization-brand-logo[b-99pxnmaezp] { max-width: 88px; max-height: 28px; object-fit: contain; margin-right: 8px; }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-z9m31h36dd] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-z9m31h36dd] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-z9m31h36dd] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-z9m31h36dd] {
    font-size: 1.1rem;
}

.bi[b-z9m31h36dd] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-z9m31h36dd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-z9m31h36dd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-z9m31h36dd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-z9m31h36dd] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-z9m31h36dd] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-z9m31h36dd] {
        padding-bottom: 1rem;
    }

    .nav-item[b-z9m31h36dd]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-z9m31h36dd]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-z9m31h36dd]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-z9m31h36dd] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-z9m31h36dd] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-z9m31h36dd] {
        display: none;
    }

    .nav-scrollable[b-z9m31h36dd] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ProjectNav.razor.rz.scp.css */
.project-nav-link[b-dfc3os7vfc] {
    color: inherit;
    text-decoration: none;
}

.project-nav-reset[b-dfc3os7vfc] {
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.project-provider-caption[b-dfc3os7vfc] {
    display: block;
    font-size: .75rem;
    font-weight: normal;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-f7c9yyjt03],
.components-reconnect-repeated-attempt-visible[b-f7c9yyjt03],
.components-reconnect-failed-visible[b-f7c9yyjt03],
.components-pause-visible[b-f7c9yyjt03],
.components-resume-failed-visible[b-f7c9yyjt03],
.components-rejoining-animation[b-f7c9yyjt03] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-f7c9yyjt03],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-f7c9yyjt03],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-f7c9yyjt03],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-f7c9yyjt03],
#components-reconnect-modal.components-reconnect-retrying[b-f7c9yyjt03],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-f7c9yyjt03],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-f7c9yyjt03],
#components-reconnect-modal.components-reconnect-failed[b-f7c9yyjt03],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-f7c9yyjt03] {
    display: block;
}


#components-reconnect-modal[b-f7c9yyjt03] {
    /* Inherit the active theme so the dialog reads dark on dark themes,
       light on light themes — same vars used by .card / .modal across the app. */
    background-color: var(--bg-secondary, white);
    color: var(--text-primary, #1F2328);
    border: 1px solid var(--border-color, transparent);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-f7c9yyjt03 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-f7c9yyjt03 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-f7c9yyjt03 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-f7c9yyjt03]::backdrop {
    background-color: rgba(0, 0, 0, 0.6);
    animation: components-reconnect-modal-fadeInOpacity-b-f7c9yyjt03 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-f7c9yyjt03 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-f7c9yyjt03 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-f7c9yyjt03 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-f7c9yyjt03] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-f7c9yyjt03] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-f7c9yyjt03] {
    border: 0;
    background-color: var(--accent-color, #6b9ed2);
    color: var(--accent-text, white);
    padding: 4px 24px;
    border-radius: 4px;
    cursor: pointer;
}

    #components-reconnect-modal button:hover[b-f7c9yyjt03] {
        background-color: var(--accent-hover, #3b6ea2);
    }

    #components-reconnect-modal button:active[b-f7c9yyjt03] {
        background-color: var(--accent-color, #6b9ed2);
    }

/* Arc Loader Animation - matches BusyIndicator style */
.components-rejoining-animation[b-f7c9yyjt03] {
    position: relative;
    width: 64px;
    height: 64px;
}

.components-rejoining-animation svg[b-f7c9yyjt03] {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.components-rejoining-animation .arc[b-f7c9yyjt03] {
    fill: none;
    stroke: #7cb342; /* accent-color green */
    stroke-width: 2;
    stroke-linecap: round;
    transform-box: fill-box;
    transform-origin: center center;
}

/* Inner arc - smallest, fastest */
.components-rejoining-animation .arc-inner[b-f7c9yyjt03] {
    stroke-dasharray: 20 100;
    animation: arcSpinForward-b-f7c9yyjt03 1.5s linear infinite;
}

/* Middle arc - reverse direction */
.components-rejoining-animation .arc-middle[b-f7c9yyjt03] {
    stroke-dasharray: 40 100;
    animation: arcSpinReverse-b-f7c9yyjt03 2s linear infinite;
}

/* Outer arc - largest, slowest */
.components-rejoining-animation .arc-outer[b-f7c9yyjt03] {
    stroke-dasharray: 60 120;
    animation: arcSpinForward-b-f7c9yyjt03 2.5s linear infinite;
}

@keyframes arcSpinForward-b-f7c9yyjt03 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes arcSpinReverse-b-f7c9yyjt03 {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}
/* /Components/Layout/RepositoryNav.razor.rz.scp.css */
.repository-nav-link[b-hbtkw4lp9t] { color: inherit; text-decoration: none; }

/* Two-line nav item: repository name bold + primary, source kind muted + secondary.
   Mirrors the .contact-name/.contact-email pairing already used in this tree (components.css)
   and the LanguageSelector option-name/option-country visual direction (PO request 2026-09-15). */
.repository-nav-copy[b-hbtkw4lp9t] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    line-height: 1.25;
}

.repository-nav-name[b-hbtkw4lp9t] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.repository-source-caption[b-hbtkw4lp9t] {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: var(--text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tree-node.selected > .tree-node-header .repository-nav-name[b-hbtkw4lp9t] {
    color: var(--accent-text, #ffffff);
}

.tree-node.selected > .tree-node-header .repository-source-caption[b-hbtkw4lp9t] {
    color: var(--accent-text, #ffffff);
    opacity: 0.85;
}
/* /Components/Layout/SiteTreeNav.razor.rz.scp.css */
/* SiteTreeNav - Billing-specific styles only */
/* Tree and section styles are in wwwroot/app.css */

/* Billing Section */
.billing-list[b-q9qzduig9f] {
    padding: 0 4px;
}

.billing-item[b-q9qzduig9f] {
    margin-bottom: 2px;
    border-radius: var(--radius-xs);
    overflow: hidden;
}

.billing-header[b-q9qzduig9f] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: var(--radius-xs);
    transition: background 0.15s;
}

.billing-header:hover[b-q9qzduig9f] {
    background: var(--bg-hover);
}

.billing-toggle[b-q9qzduig9f] {
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--text-muted);
    transition: transform 0.15s;
}

.billing-item.expanded .billing-toggle .chevron[b-q9qzduig9f] {
    transform: rotate(90deg);
}

.billing-info[b-q9qzduig9f] {
    flex: 1;
    min-width: 0;
}

.billing-title-row[b-q9qzduig9f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}

.billing-id[b-q9qzduig9f] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary);
}

.billing-status[b-q9qzduig9f] {
    font-size: 8px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 1px 4px;
    border-radius: var(--radius-xs);
}

.billing-status.status-completed[b-q9qzduig9f] {
    background: rgba(129, 186, 42, 0.15);
    color: var(--success-color);
}

.billing-status.status-processing[b-q9qzduig9f] {
    background: rgba(41, 121, 255, 0.15);
    color: #2979ff;
}

.billing-status.status-pending[b-q9qzduig9f] {
    background: rgba(255, 167, 38, 0.15);
    color: #ffa726;
}

.billing-meta-row[b-q9qzduig9f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.billing-date[b-q9qzduig9f] {
    font-size: 10px;
    color: var(--text-muted);
}

.billing-amount[b-q9qzduig9f] {
    font-size: 10px;
    font-weight: 500;
    color: var(--text-secondary);
}

/* Billing History (Audit Trail) */
.billing-history[b-q9qzduig9f] {
    padding: 4px 8px 8px 28px;
    border-left: 1px solid var(--border-color);
    margin-left: 14px;
}

.history-item[b-q9qzduig9f] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 3px 0;
}

.history-dot[b-q9qzduig9f] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 4px;
}

.history-dot.dot-success[b-q9qzduig9f] {
    background: var(--success-color);
}

.history-dot.dot-info[b-q9qzduig9f] {
    background: #2979ff;
}

.history-dot.dot-muted[b-q9qzduig9f] {
    background: var(--text-muted);
}

.history-content[b-q9qzduig9f] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.history-action[b-q9qzduig9f] {
    font-size: 10px;
    color: var(--text-secondary);
}

.history-time[b-q9qzduig9f] {
    font-size: 9px;
    color: var(--text-muted);
}
/* /Components/Pages/Account.razor.rz.scp.css */
.report-browser[b-9z7pswgkd6] {
    display: grid;
    grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr);
    gap: 1rem;
    min-height: 0;
}

.report-tag-browser[b-9z7pswgkd6] {
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.75rem;
    border-right: 1px solid var(--border-color);
}

.report-results[b-9z7pswgkd6] {
    min-width: 0;
}

.report-grid[b-9z7pswgkd6] {
    margin-top: 0.75rem;
}

.report-document-icon[b-9z7pswgkd6] {
    color: var(--accent-color);
}

.report-summary[b-9z7pswgkd6] {
    display: -webkit-box;
    overflow: hidden;
    margin: 0.65rem 0 0;
    color: var(--text-muted);
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (max-width: 760px) {
    .report-browser[b-9z7pswgkd6] {
        grid-template-columns: 1fr;
    }

    .report-tag-browser[b-9z7pswgkd6] {
        max-height: 17rem;
        padding: 0 0 0.75rem;
        border-right: 0;
        border-bottom: 1px solid var(--border-color);
    }

}
/* /Components/Pages/AccountRegister.razor.rz.scp.css */
/* Join Compossa (customer registration) — warm wrapper around the shared SignInPanel dialog.
   The dialog's own styling comes from AuthLayout.razor.css (::deep) + SignInPanel.razor.css; only the
   warm header + STRIDE terms gate are page-specific. Width stays at the AuthLayout default (400px) — this
   wrapper is not .signup-form, so it is not widened. */
.register-form[b-p6etjo6g1h] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.register-header[b-p6etjo6g1h] {
    text-align: center;
}

.register-title[b-p6etjo6g1h] {
    margin: 0 0 0.5rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #e5e7eb;
}

.register-subtitle[b-p6etjo6g1h] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #9ca3af;
}

/* STRIDE terms gate */
.register-terms[b-p6etjo6g1h] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-size: 0.875rem;
    color: #d1d5db;
    cursor: pointer;
}

.register-terms-check[b-p6etjo6g1h] {
    margin-top: 0.15rem;
    width: 1rem;
    height: 1rem;
    accent-color: #8bc34a;
    flex-shrink: 0;
    cursor: pointer;
}

.register-terms a[b-p6etjo6g1h] {
    color: #8bc34a;
    text-decoration: none;
}

.register-terms a:hover[b-p6etjo6g1h] {
    text-decoration: underline;
}

/* Cross-links read as one block — collapse the form's 1.5rem gap between the two lines.
   Link colors/typography come from AuthLayout's ::deep .auth-link. */
.register-links[b-p6etjo6g1h] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.register-links p[b-p6etjo6g1h] {
    margin: 0;
}

.register-vendor-link[b-p6etjo6g1h] {
    font-size: 0.875rem;
}

/* The sign-in options stay inert until the terms box is ticked — pure CSS, no server round-trip. */
.register-gated[b-p6etjo6g1h] {
    transition: opacity 0.15s ease;
}

.register-form:not(:has(.register-terms-check:checked)) .register-gated[b-p6etjo6g1h] {
    opacity: 0.45;
    pointer-events: none;
}
/* /Components/Pages/AccountSecurity.razor.rz.scp.css */
/* Privacy & security — page-specific layout only.
   All card / secret / button styling reuses global classes
   (org-section*, section-content, copy-value-row, readonly-value,
   copy-inline-btn, verification-actions, status-badge, form-hint). */

.security-page[b-9nko5n8u79] {
    max-width: 900px;
}

/* Nudge an action row that follows an explanatory hint (org-credentials card). */
.security-page .section-content .form-hint + .verification-actions[b-9nko5n8u79] {
    margin-top: 0.75rem;
}
/* /Components/Pages/Admin/AiMaintenanceReview.razor.rz.scp.css */
.ai-maintenance-review[b-dzadrfn9zw] { padding: 1rem; margin-bottom: 1rem; border: 1px solid currentColor; }
.ai-maintenance-review table[b-dzadrfn9zw] { width: 100%; border-collapse: collapse; }
.ai-maintenance-review th[b-dzadrfn9zw], .ai-maintenance-review td[b-dzadrfn9zw] { text-align: start; padding: .4rem; border-bottom: 1px solid currentColor; }
.ai-maintenance-review blockquote[b-dzadrfn9zw] { white-space: pre-wrap; overflow-wrap: anywhere; margin-inline: 0; }
/* /Components/Pages/Admin/AiModelCatalogPanel.razor.rz.scp.css */
.model-catalog-panel[b-ip9eexabz2] { padding: 1rem; }
.catalog-heading[b-ip9eexabz2] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.catalog-heading h2[b-ip9eexabz2] { margin:0; }
.catalog-heading p[b-ip9eexabz2] { margin:.25rem 0 0; color:var(--text-secondary); }
.history-filter[b-ip9eexabz2] { align-items:center; cursor:pointer; display:inline-flex; gap:.55rem; white-space:nowrap; }
.history-filter input[b-ip9eexabz2] { accent-color:var(--brand-green,#7fbd20); height:1rem; width:1rem; }
.catalog-table-wrap[b-ip9eexabz2] { overflow:auto; }
.catalog-table[b-ip9eexabz2] { width:100%; border-collapse:collapse; }
.catalog-table th[b-ip9eexabz2],.catalog-table td[b-ip9eexabz2] { padding:.7rem; text-align:left; border-bottom:1px solid var(--border-color); }
/* .capability-pills/.capability-pill moved to Compossa.UI.Blazor/wwwroot/components.css (shared, per CSS ownership rule 1) */
.catalog-status[b-ip9eexabz2] { border:1px solid var(--accent-color); border-radius:999px; padding:.15rem .45rem; font-size:.75rem; }
.catalog-status.retired[b-ip9eexabz2] { border-color:var(--danger-color); color:var(--danger-color); }
.icon-button[b-ip9eexabz2] { border:0; background:transparent; color:inherit; cursor:pointer; }
.historical-row[b-ip9eexabz2] { opacity:.62; }
.row-actions[b-ip9eexabz2] { display:flex; gap:.35rem; justify-content:flex-end; }
.icon-button svg[b-ip9eexabz2] { fill:none; height:1rem; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; width:1rem; }
.icon-button.delete:hover[b-ip9eexabz2],.icon-button.delete:focus-visible[b-ip9eexabz2] { color:var(--danger-color,#ff4d4f); }
.delete-dialog[b-ip9eexabz2] { max-width:34rem; }
.btn-dialog-danger[b-ip9eexabz2] { background:var(--danger-color,#c93636); border:1px solid var(--danger-color,#c93636); color:#fff; padding:.7rem 1.15rem; }
.section-heading p[b-ip9eexabz2] { margin:.3rem 0 0; color:var(--text-secondary); font-size:.85rem; }
.modal-header p[b-ip9eexabz2] { margin:.3rem 0 0; font-size:.85rem; }
.catalog-form[b-ip9eexabz2] { display:flex; flex-direction:column; gap:1rem; }
.form-section[b-ip9eexabz2] { border:1px solid var(--border-color); padding:1rem; background:rgba(255,255,255,.015); }
.form-section h3[b-ip9eexabz2] { margin:0; font-size:1rem; }
.form-grid[b-ip9eexabz2] { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1rem; }
.catalog-form label[b-ip9eexabz2] { display:flex; flex-direction:column; gap:.4rem; color:var(--text-secondary); }
.catalog-form input[b-ip9eexabz2] { padding:.55rem; background:var(--input-bg); color:var(--text-primary); border:1px solid var(--border-color); }
.switch-grid[b-ip9eexabz2] { display:grid; grid-template-columns:1fr 1fr; gap:.6rem 1rem; margin-top:1rem; }
.switch-row[b-ip9eexabz2] { flex-direction:row !important; align-items:center; justify-content:space-between; min-height:2rem; }
.toggle-switch[b-ip9eexabz2] { position:relative; display:inline-block; width:2.3rem; height:1.25rem; flex:0 0 auto; }
.toggle-switch input[b-ip9eexabz2] { position:absolute; opacity:0; width:0; height:0; }
.toggle-slider[b-ip9eexabz2] { position:absolute; inset:0; cursor:pointer; border-radius:999px; background:#535d62; transition:.15s ease; }
.toggle-slider[b-ip9eexabz2]::before { content:""; position:absolute; width:.9rem; height:.9rem; left:.18rem; top:.18rem; border-radius:50%; background:#fff; transition:.15s ease; }
.toggle-switch input:checked + .toggle-slider[b-ip9eexabz2] { background:#81ba2a; }
.toggle-switch input:checked + .toggle-slider[b-ip9eexabz2]::before { transform:translateX(1.05rem); }
.toggle-switch input:focus-visible + .toggle-slider[b-ip9eexabz2] { outline:2px solid #75bcff; outline-offset:2px; }
@media (max-width:700px) { .form-grid[b-ip9eexabz2],.switch-grid[b-ip9eexabz2] { grid-template-columns:1fr; } }
/* /Components/Pages/Admin/GeoSecurityReport.razor.rz.scp.css */
/* Page-specific report table layout. Global tokens (--*) come from app.css. */
.geo-table[b-x7vzh7ua83] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.75rem;
    font-size: 0.9rem;
}

.geo-table th[b-x7vzh7ua83],
.geo-table td[b-x7vzh7ua83] {
    text-align: left;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--border-color, #e0e0e0);
    vertical-align: middle;
}

.geo-table th[b-x7vzh7ua83] {
    font-weight: 600;
    color: var(--text-muted, #6b7280);
    border-bottom: 2px solid var(--border-color, #e0e0e0);
}

.geo-table tbody tr:hover[b-x7vzh7ua83] {
    background: var(--bg-hover, rgba(0, 0, 0, 0.03));
}

.geo-table code[b-x7vzh7ua83] {
    font-size: 0.85em;
}
/* /Components/Pages/Admin/LlmModels.razor.rz.scp.css */
/* .ai-models-page is a real wrapper div this component authors directly (required for ::deep
   to work at all): a class passed into ContentPanel's Class parameter would land on a div owned
   by ContentPanel's OWN scope, not this page's, so a plain selector built on it would silently
   match nothing. display:contents keeps the wrapper out of the box model entirely — ContentPanel's
   height:100%/flex chain (ux-guidelines §2.4.1) needs to see its ORIGINAL parent, not this div.
   The div still exists in the DOM tree, which is all ::deep needs (same anchor pattern as
   ProvenanceAnalyzer.razor.css's .date-range-inputs ::deep .date-picker). */
.ai-models-page[b-ycokil11b1] {
    display: contents;
}

.pricing-history-filter[b-ycokil11b1] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: 1rem;
    cursor: pointer;
}

/* The page keeps ContentPanel's standard left/right inset (matches every other ContentPanel
   page, e.g. Data Analysis) so the hero title lines up consistently across the app. Only the
   tab's OWN inner .tab-scroll padding is redundant here — it stacks on top of that same inset
   plus the tab content's own padding (e.g. AiModelCatalogPanel's 1rem), which is what made the
   Insights/Pricing tables feel unnecessarily cramped. Trim just that one inner layer. */
.ai-models-page[b-ycokil11b1]  .tab-scroll {
    padding-left: 0;
    padding-right: 0;
}
/* /Components/Pages/Admin/OrganizationModeration.razor.rz.scp.css */
.moderation-page[b-cnskrjg70x] {
    padding: 1.5rem;
    max-width: 1000px;
}

.page-header[b-cnskrjg70x] {
    margin-bottom: 1.5rem;
}

.page-title[b-cnskrjg70x] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.25rem;
}

.page-description[b-cnskrjg70x] {
    color: var(--text-secondary);
    margin: 0;
    font-size: 0.9375rem;
}

.moderation-tabs[b-cnskrjg70x] {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.tab[b-cnskrjg70x] {
    padding: 0.75rem 1rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tab:hover[b-cnskrjg70x] {
    color: var(--text-primary);
}

.tab.active[b-cnskrjg70x] {
    color: #6366f1;
    border-bottom-color: #6366f1;
}

.tab-badge[b-cnskrjg70x] {
    background: #ef4444;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
}

.loading-state[b-cnskrjg70x], .empty-state[b-cnskrjg70x] {
    text-align: center;
    padding: 3rem;
    color: var(--text-secondary);
}

.empty-icon[b-cnskrjg70x] {
    color: var(--text-tertiary);
    margin-bottom: 1rem;
}

.empty-state h3[b-cnskrjg70x] {
    color: var(--text-primary);
    margin: 0 0 0.5rem;
}

.moderation-list[b-cnskrjg70x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.moderation-card[b-cnskrjg70x] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1.25rem;
}

.moderation-card.blocked-country[b-cnskrjg70x] {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.05);
}

.card-header[b-cnskrjg70x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.org-info[b-cnskrjg70x] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.org-name[b-cnskrjg70x] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
}

.legal-name[b-cnskrjg70x] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.submitted-at[b-cnskrjg70x] {
    font-size: 0.8125rem;
    color: var(--text-tertiary);
}

.card-badges[b-cnskrjg70x] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.badge[b-cnskrjg70x] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
}

.badge-country[b-cnskrjg70x] {
    background: #e0e7ff;
    color: #4338ca;
}

.badge-blocked[b-cnskrjg70x] {
    background: #fef2f2;
    color: #dc2626;
    animation: pulse-b-cnskrjg70x 2s infinite;
}

.badge-review[b-cnskrjg70x] {
    background: #fef3c7;
    color: #d97706;
}

@keyframes pulse-b-cnskrjg70x {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.org-details[b-cnskrjg70x] {
    background: var(--bg-tertiary);
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.detail-row[b-cnskrjg70x] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.detail-row:last-child[b-cnskrjg70x] {
    margin-bottom: 0;
}

.detail-label[b-cnskrjg70x] {
    color: var(--text-tertiary);
    min-width: 80px;
}

.detail-value[b-cnskrjg70x] {
    color: var(--text-primary);
}

.detail-link[b-cnskrjg70x] {
    color: #6366f1;
    text-decoration: none;
}

.detail-link:hover[b-cnskrjg70x] {
    text-decoration: underline;
}

.validated-badge[b-cnskrjg70x] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
    background: #d1fae5;
    color: #047857;
    margin-left: 0.5rem;
}

.review-info[b-cnskrjg70x] {
    font-size: 0.8125rem;
    padding: 0.75rem;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.review-info.approved[b-cnskrjg70x] {
    background: #d1fae5;
    color: #047857;
}

.review-info.rejected[b-cnskrjg70x] {
    background: #fef2f2;
    color: #dc2626;
}

.review-info.suspended[b-cnskrjg70x] {
    background: #fef3c7;
    color: #d97706;
}

.review-meta[b-cnskrjg70x] {
    margin-top: 0.25rem;
    opacity: 0.8;
}

.card-actions[b-cnskrjg70x] {
    display: flex;
    gap: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

.btn-approve[b-cnskrjg70x], .btn-reject[b-cnskrjg70x], .btn-suspend[b-cnskrjg70x] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-approve[b-cnskrjg70x] {
    background: #10b981;
    color: #fff;
}

.btn-approve:hover[b-cnskrjg70x] {
    background: #059669;
}

.btn-reject[b-cnskrjg70x] {
    background: #ef4444;
    color: #fff;
    margin-left: auto; /* Push destructive action to far right */
}

.btn-reject:hover:not(:disabled)[b-cnskrjg70x] {
    background: #dc2626;
}

.btn-reject:disabled[b-cnskrjg70x] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-suspend[b-cnskrjg70x] {
    background: #f59e0b;
    color: #fff;
}

.btn-suspend:hover:not(:disabled)[b-cnskrjg70x] {
    background: #d97706;
}

.btn-suspend:disabled[b-cnskrjg70x] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Dialog */
.dialog-overlay[b-cnskrjg70x] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.dialog[b-cnskrjg70x] {
    background: var(--bg-primary);
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    overflow: hidden;
}

.dialog-header[b-cnskrjg70x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.dialog-header h2[b-cnskrjg70x] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.btn-close[b-cnskrjg70x] {
    padding: 0.25rem;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
}

.dialog-body[b-cnskrjg70x] {
    padding: 1.5rem;
}

.dialog-body p[b-cnskrjg70x] {
    color: var(--text-secondary);
    margin: 0 0 1rem;
}

.dialog-footer[b-cnskrjg70x] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color);
}

.form-group[b-cnskrjg70x] {
    margin-bottom: 1rem;
}

.form-label[b-cnskrjg70x] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 0.375rem;
}

.form-label.required[b-cnskrjg70x]::after {
    content: " *";
    color: #ef4444;
}

.form-input[b-cnskrjg70x] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    font-size: 0.9375rem;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: inherit;
    resize: vertical;
}

.form-input:focus[b-cnskrjg70x] {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.btn-secondary[b-cnskrjg70x] {
    padding: 0.625rem 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
    cursor: pointer;
}

.spinner[b-cnskrjg70x] {
    width: 24px;
    height: 24px;
    border: 2px solid var(--border-color);
    border-top-color: #6366f1;
    border-radius: 50%;
    animation: spin-b-cnskrjg70x 0.6s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-cnskrjg70x {
    to { transform: rotate(360deg); }
}
/* /Components/Pages/Admin/PermissionHistoryDetail.razor.rz.scp.css */
/* PermissionHistoryDetail.razor.css - Version detail view */
/* Follows Downloads detail page UX pattern */

/* Detail Header - matches Downloads detail page */
.detail-header[b-6nvian3fqn] {
    margin-bottom: 1.5rem;
}

.detail-title-row[b-6nvian3fqn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.detail-title[b-6nvian3fqn] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.version-badge[b-6nvian3fqn] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    background: var(--accent-color);
    color: var(--accent-text, #fff);
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: var(--radius-sm);
    font-family: 'SF Mono', 'Consolas', monospace;
}

.type-badge[b-6nvian3fqn] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    font-size: 0.6875rem;
    font-weight: 600;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.detail-date[b-6nvian3fqn] {
    margin-left: auto;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.detail-description[b-6nvian3fqn] {
    color: var(--text-secondary);
    margin: 0;
    font-size: 0.9375rem;
}

/* Metadata Bar */
.metadata-bar[b-6nvian3fqn] {
    display: flex;
    gap: 2rem;
    padding: 0.875rem 1rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.metadata-item[b-6nvian3fqn] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.metadata-label[b-6nvian3fqn] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.metadata-value[b-6nvian3fqn] {
    font-size: 0.875rem;
    color: var(--text-primary);
}

.metadata-code[b-6nvian3fqn] {
    font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
    font-size: 0.75rem;
    background: var(--bg-tertiary);
    padding: 0.125rem 0.375rem;
    border-radius: var(--radius-xs);
    color: var(--accent-color);
    cursor: help;
}

/* JSON Section */
.json-section[b-6nvian3fqn] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.json-header[b-6nvian3fqn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.json-title[b-6nvian3fqn] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.json-stats[b-6nvian3fqn] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

/* JSON Viewer with Line Numbers */
.json-viewer[b-6nvian3fqn] {
    font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
    font-size: 0.8125rem;
    /* NO overflow - ContentPanel handles scrolling */
}

.json-line[b-6nvian3fqn] {
    display: flex;
    line-height: 1.5;
}

.json-line:first-child .line-num[b-6nvian3fqn],
.json-line:first-child .line-code[b-6nvian3fqn] {
    padding-top: 0.75rem;
}

.json-line:last-child .line-num[b-6nvian3fqn],
.json-line:last-child .line-code[b-6nvian3fqn] {
    padding-bottom: 0.75rem;
}

.line-num[b-6nvian3fqn] {
    flex-shrink: 0;
    width: 3rem;
    padding-right: 0.75rem;
    text-align: right;
    color: var(--text-muted);
    user-select: none;
    background: var(--bg-tertiary);
    border-right: 1px solid var(--border-color);
}

.line-code[b-6nvian3fqn] {
    flex: 1;
    padding-left: 1rem;
    white-space: pre;
    color: var(--text-primary);
}

/* Command Bar Buttons - matches Downloads pattern */
.btn[b-6nvian3fqn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.15s;
    text-decoration: none;
    border: none;
}

.btn-secondary[b-6nvian3fqn] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

.btn-secondary:hover[b-6nvian3fqn] {
    background: var(--bg-secondary);
    border-color: var(--text-muted);
}

.btn-outline[b-6nvian3fqn] {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

.btn-outline:hover[b-6nvian3fqn] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.commandbar-spacer[b-6nvian3fqn] {
    flex: 1;
}

.commandbar-info[b-6nvian3fqn] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

/* Loading & Error States */
.loading-state[b-6nvian3fqn],
.error-state[b-6nvian3fqn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: var(--text-secondary);
}

.error-state h2[b-6nvian3fqn] {
    color: var(--text-primary);
    margin: 0 0 0.5rem;
}

.error-state p[b-6nvian3fqn] {
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .detail-title-row[b-6nvian3fqn] {
        flex-direction: column;
        align-items: flex-start;
    }

    .detail-date[b-6nvian3fqn] {
        margin-left: 0;
    }

    .metadata-bar[b-6nvian3fqn] {
        gap: 1rem;
    }

    .metadata-item[b-6nvian3fqn] {
        min-width: calc(50% - 0.5rem);
    }
}
/* /Components/Pages/Admin/PermissionManagement.razor.rz.scp.css */
/* PermissionManagement.razor.css - Page-specific overrides */

.permissions-page[b-47y0mzo0xd] {
    padding: 1.5rem;
}

.page-header[b-47y0mzo0xd] {
    margin-bottom: 1.5rem;
}

.page-title[b-47y0mzo0xd] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.25rem;
}

.page-description[b-47y0mzo0xd] {
    color: var(--text-secondary);
    margin: 0;
    font-size: 0.9375rem;
}

/* Tabs - SDD C23 Compliant */
.permissions-tabs[b-47y0mzo0xd] {
    display: flex;
    gap: 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
    flex-wrap: wrap;
}

.tab[b-47y0mzo0xd] {
    padding: 0.75rem 1rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px; /* overlap container border */
    font-size: 0.9rem;
    color: var(--text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.15s;
}

.tab:hover[b-47y0mzo0xd] {
    color: var(--text-primary);
    background: var(--bg-hover);
}

.tab.active[b-47y0mzo0xd] {
    color: var(--text-primary); /* SDD: text-primary, not accent */
    border-bottom-color: var(--accent-color);
}

.tab-badge[b-47y0mzo0xd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 0.4rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 10px;
    background: var(--bg-tertiary); /* SDD: neutral for counts */
    color: var(--text-muted);
}

.tab-badge.info[b-47y0mzo0xd] {
    background: var(--info-bg);
    color: var(--info-color);
}

.tab-badge.success[b-47y0mzo0xd] {
    background: var(--success-bg);
    color: var(--success-color);
}

.tab-badge.warning[b-47y0mzo0xd] {
    background: var(--warning-bg);
    color: var(--warning-color);
}

.tab-badge.error[b-47y0mzo0xd] {
    background: var(--error-bg);
    color: var(--error-color);
}

/* Stat Cards */
.stat-cards[b-47y0mzo0xd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.stat-icon[b-47y0mzo0xd] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
}

.stat-icon.groups[b-47y0mzo0xd] {
    background: var(--info-bg);
    color: var(--info-color);
}

.stat-icon.claims[b-47y0mzo0xd] {
    background: var(--warning-bg);
    color: var(--warning-color);
}

.stat-icon.allowed[b-47y0mzo0xd] {
    background: rgba(34, 197, 94, 0.15); /* fixed: semantic green */
    color: #059669; /* fixed: semantic green */
}

.stat-icon.denied[b-47y0mzo0xd] {
    background: rgba(229, 37, 32, 0.1); /* fixed: semantic red */
    color: #dc2626; /* fixed: semantic red */
}

.stat-value[b-47y0mzo0xd] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
}

.stat-label[b-47y0mzo0xd] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

/* Section */
.section[b-47y0mzo0xd] {
    margin-bottom: 2rem;
}

.section-title[b-47y0mzo0xd] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.5rem;
}

.section-description[b-47y0mzo0xd] {
    color: var(--text-secondary);
    margin: 0 0 1rem;
}

.section-header[b-47y0mzo0xd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

/* Permissions Table */
.permissions-table[b-47y0mzo0xd] {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.permissions-table th[b-47y0mzo0xd],
.permissions-table td[b-47y0mzo0xd] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.permissions-table th[b-47y0mzo0xd] {
    background: var(--bg-tertiary);
    font-weight: 600;
    font-size: 0.875rem;
}

.permissions-table td code[b-47y0mzo0xd] {
    background: var(--bg-tertiary);
    color: var(--accent-color);
    padding: 0.125rem 0.375rem;
    border-radius: var(--radius-xs);
    font-size: 0.875rem;
}

/* Groups Section */
.groups-list[b-47y0mzo0xd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Match the application filter band; keep controls together on desktop. */
.filter-bar[b-47y0mzo0xd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: var(--filter-bar-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
}

.filter-group[b-47y0mzo0xd] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.filter-select[b-47y0mzo0xd] {
    padding: 0.5rem 2rem 0.5rem 0.75rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 0.875rem;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
}

.filter-select:focus[b-47y0mzo0xd] {
    outline: none;
    border-color: var(--accent-color);
}

.search-input[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
}

.search-input svg[b-47y0mzo0xd] {
    color: var(--text-muted);
    flex-shrink: 0;
}

.search-input input[b-47y0mzo0xd] {
    border: none;
    background: transparent;
    color: var(--text-primary);
    font-size: 0.875rem;
    width: 200px;
}

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

.search-input input[b-47y0mzo0xd]::placeholder {
    color: var(--text-muted);
}

.search-input-wide input[b-47y0mzo0xd] {
    width: 300px;
}

.filter-label[b-47y0mzo0xd] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.filter-info[b-47y0mzo0xd] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-style: italic;
}

.group-select[b-47y0mzo0xd] {
    min-width: 250px;
}

/* Audit Stats */
.audit-stats[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stat-allowed[b-47y0mzo0xd] {
    color: #059669; /* semantic green */
}

.stat-denied[b-47y0mzo0xd] {
    color: #dc2626; /* semantic red */
}

.stat-divider[b-47y0mzo0xd] {
    color: var(--text-muted);
}

.group-card[b-47y0mzo0xd] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 1rem;
}

.group-card.system[b-47y0mzo0xd] {
    border-left: 3px solid var(--accent-color);
}

.group-header[b-47y0mzo0xd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.group-info[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.group-name[b-47y0mzo0xd] {
    font-weight: 600;
    color: var(--text-primary);
}

.badge[b-47y0mzo0xd] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-xs);
    text-transform: uppercase;
}

.badge.system[b-47y0mzo0xd] {
    background: var(--info-bg);
    color: var(--info-color);
}

.badge.platform[b-47y0mzo0xd] {
    background: rgba(34, 197, 94, 0.15); /* fixed: semantic green */
    color: #059669; /* fixed: semantic green */
}

.badge.org[b-47y0mzo0xd] {
    background: var(--warning-bg);
    color: var(--warning-color);
}

.badge-small[b-47y0mzo0xd] {
    font-size: 0.625rem;
    padding: 0.0625rem 0.375rem;
}

.badge-small.system[b-47y0mzo0xd] {
    background: var(--info-bg);
    color: var(--info-color);
}

.group-actions[b-47y0mzo0xd] {
    display: flex;
    gap: 0.25rem;
}

.group-description[b-47y0mzo0xd] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin: 0 0 0.75rem;
}

.group-claims[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.claims-label[b-47y0mzo0xd] {
    color: var(--text-secondary);
}

.claims-count[b-47y0mzo0xd] {
    font-weight: 600;
    color: var(--text-primary);
}

.claims-preview[b-47y0mzo0xd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.claim-tag[b-47y0mzo0xd] {
    font-size: 0.75rem;
    font-family: monospace;
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    padding: 0.125rem 0.375rem;
    border-radius: var(--radius-xs);
}

.claim-tag.more[b-47y0mzo0xd] {
    background: var(--bg-hover);
    font-style: italic;
}

/* Claims Section */
.claims-editor[b-47y0mzo0xd] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 1.5rem;
}

.group-selector[b-47y0mzo0xd] {
    margin-bottom: 1.5rem;
}

.group-selector label[b-47y0mzo0xd] {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.group-selector select[b-47y0mzo0xd] {
    width: 100%;
    max-width: 400px;
    padding: 0.5rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.transfer-list[b-47y0mzo0xd] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.list-panel[b-47y0mzo0xd] {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.list-panel h3[b-47y0mzo0xd] {
    padding: 0.75rem 1rem;
    margin: 0;
    background: var(--bg-tertiary);
    font-size: 0.875rem;
    font-weight: 600;
}

.filter-input[b-47y0mzo0xd] {
    width: 100%;
    padding: 0.5rem 1rem;
    border: none;
    border-bottom: 1px solid var(--border-color);
    font-size: 0.875rem;
    background: var(--bg-secondary);
    color: var(--text-primary);
}

.claims-list[b-47y0mzo0xd] {
    max-height: 400px;
    overflow-y: auto;
    padding: 0.5rem;
}

.claim-item[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.5rem;
    border-radius: var(--radius-xs);
    cursor: pointer;
    font-size: 0.8125rem;
    font-family: monospace;
}

.claim-item:hover[b-47y0mzo0xd] {
    background: var(--bg-tertiary);
}

.transfer-actions[b-47y0mzo0xd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}

.btn-transfer[b-47y0mzo0xd] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-secondary);
}

.btn-transfer:hover:not(:disabled)[b-47y0mzo0xd] {
    background: var(--success-bg);
    border-color: var(--accent-color);
    color: var(--accent-color);
}

.btn-transfer:disabled[b-47y0mzo0xd] {
    opacity: 0.5;
    cursor: not-allowed;
}

.action-bar[b-47y0mzo0xd] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

/* Members Section - Two-Panel Layout */
.members-layout[b-47y0mzo0xd] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 1.5rem;
    min-height: 400px;
}

.user-list-panel[b-47y0mzo0xd],
.groups-assignment-panel[b-47y0mzo0xd] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
}

.panel-header[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-tertiary);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.panel-title[b-47y0mzo0xd] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.panel-count[b-47y0mzo0xd] {
    font-size: 0.75rem;
    color: var(--text-muted);
    background: var(--bg-secondary);
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
}

/* User List */
.user-list[b-47y0mzo0xd] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
    max-height: 450px;
}

.team-member-card[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.15s;
}

.team-member-card:hover[b-47y0mzo0xd] {
    background: var(--bg-tertiary);
}

.team-member-card.selected[b-47y0mzo0xd] {
    background: var(--success-bg);
    border: 1px solid var(--accent-color);
}

.member-avatar[b-47y0mzo0xd] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    flex-shrink: 0;
}

.member-avatar.large[b-47y0mzo0xd] {
    width: 48px;
    height: 48px;
}

.team-member-card.selected .member-avatar[b-47y0mzo0xd] {
    background: var(--accent-color);
    color: var(--accent-text);
}

.member-info[b-47y0mzo0xd] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.member-name[b-47y0mzo0xd] {
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-email[b-47y0mzo0xd] {
    font-size: 0.75rem;
    color: var(--text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-selected-indicator[b-47y0mzo0xd] {
    color: var(--accent-color);
    flex-shrink: 0;
}

.no-results[b-47y0mzo0xd],
.search-hint[b-47y0mzo0xd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    color: var(--text-muted);
    text-align: center;
    gap: 0.5rem;
}

.search-hint svg[b-47y0mzo0xd] {
    opacity: 0.3;
}

/* Groups Assignment Panel */
.groups-assignment-panel[b-47y0mzo0xd] {
    padding: 0;
}

.groups-assignment-panel .panel-header[b-47y0mzo0xd] {
    margin-bottom: 0;
}

.selected-user-header[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-primary);
}

.selected-user-info[b-47y0mzo0xd] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

.selected-user-groups-count[b-47y0mzo0xd] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.group-checkboxes[b-47y0mzo0xd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.5rem;
    padding: 1rem;
}

.group-checkbox[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background 0.15s;
}

.group-checkbox:hover[b-47y0mzo0xd] {
    background: var(--bg-tertiary);
}

.group-label[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.platform-level-toggle[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Empty state in groups panel */
.groups-assignment-panel .empty-state[b-47y0mzo0xd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.groups-assignment-panel .empty-state svg[b-47y0mzo0xd] {
    color: var(--text-muted);
    opacity: 0.3;
    margin-bottom: 1rem;
}

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

    .user-list[b-47y0mzo0xd] {
        max-height: 250px;
    }
}

.entry-content[b-47y0mzo0xd] {
    flex: 1;
    min-width: 0;
}

.entry-header[b-47y0mzo0xd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.entry-timestamp[b-47y0mzo0xd] {
    font-size: 0.75rem;
    color: var(--text-muted);
    font-family: monospace;
}

.entry-details[b-47y0mzo0xd] {
    display: flex;
    gap: 1rem;
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

/* Audit Section */
.audit-list[b-47y0mzo0xd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.audit-entry[b-47y0mzo0xd] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
}

.entry-status[b-47y0mzo0xd] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* fixed: circular */
}

.audit-entry.allowed .entry-status[b-47y0mzo0xd] {
    background: rgba(34, 197, 94, 0.15); /* fixed: semantic green */
    color: #059669; /* fixed: semantic green */
}

.audit-entry.denied .entry-status[b-47y0mzo0xd] {
    background: rgba(229, 37, 32, 0.1); /* fixed: semantic red */
    color: #dc2626; /* fixed: semantic red */
}

.entry-operation[b-47y0mzo0xd] {
    font-weight: 500;
    color: var(--text-primary);
}

.entry-user[b-47y0mzo0xd],
.entry-tenant[b-47y0mzo0xd] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.entry-reason[b-47y0mzo0xd] {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

/* Buttons */
.btn-primary[b-47y0mzo0xd] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: var(--accent-color);
    border: none;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--accent-text);
    cursor: pointer;
}

.btn-primary:hover:not(:disabled)[b-47y0mzo0xd] {
    background: var(--accent-hover);
}

.btn-primary:disabled[b-47y0mzo0xd] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-secondary[b-47y0mzo0xd] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    color: var(--text-primary);
    cursor: pointer;
}

.btn-secondary:hover[b-47y0mzo0xd] {
    background: var(--bg-tertiary);
}

.btn-danger[b-47y0mzo0xd] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: #dc2626; /* fixed: semantic red */
    border: none;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    font-weight: 500;
    color: white;
    cursor: pointer;
}

.btn-danger:hover[b-47y0mzo0xd] {
    background: #b91c1c; /* fixed: semantic red hover */
}

.btn-refresh[b-47y0mzo0xd] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    color: var(--text-primary);
    cursor: pointer;
}

.btn-refresh:hover[b-47y0mzo0xd] {
    background: var(--bg-tertiary);
}

.btn-icon[b-47y0mzo0xd] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
}

.btn-icon:hover[b-47y0mzo0xd] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.btn-icon.danger:hover[b-47y0mzo0xd] {
    background: rgba(229, 37, 32, 0.1); /* fixed: semantic red */
    color: #dc2626; /* fixed: semantic red */
}

.btn-close[b-47y0mzo0xd] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    color: var(--text-secondary);
    cursor: pointer;
    line-height: 1;
}

/* Modal */
.modal-backdrop[b-47y0mzo0xd] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal[b-47y0mzo0xd] {
    background: var(--bg-primary);
    border-radius: var(--radius-lg);
    width: 90%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
}

.modal.modal-lg[b-47y0mzo0xd] {
    max-width: 800px;
}

.modal-header[b-47y0mzo0xd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.modal-header h3[b-47y0mzo0xd] {
    margin: 0;
    font-size: 1.125rem;
}

.modal-body[b-47y0mzo0xd] {
    padding: 1.5rem;
}

.modal-footer[b-47y0mzo0xd] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color);
}

.form-group[b-47y0mzo0xd] {
    margin-bottom: 1rem;
}

.form-group label[b-47y0mzo0xd] {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-group input[type="text"][b-47y0mzo0xd],
.form-group textarea[b-47y0mzo0xd] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.form-group textarea[b-47y0mzo0xd] {
    resize: vertical;
}

.warning-text[b-47y0mzo0xd] {
    color: #dc2626; /* fixed: semantic red */
    font-size: 0.875rem;
}

.version-groups[b-47y0mzo0xd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.version-group[b-47y0mzo0xd] {
    background: var(--bg-tertiary);
    padding: 0.75rem;
    border-radius: var(--radius-sm);
}

.version-group p[b-47y0mzo0xd] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

/* States */
.loading-state[b-47y0mzo0xd],
.empty-state[b-47y0mzo0xd] {
    text-align: center;
    padding: 3rem;
    color: var(--text-secondary);
}

.empty-state h3[b-47y0mzo0xd] {
    color: var(--text-primary);
    margin: 0 0 0.5rem;
}

/* Header Actions */
.header-actions[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-secondary:disabled[b-47y0mzo0xd] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Spinner */
.spinner-small[b-47y0mzo0xd] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid var(--border-color);
    border-top-color: var(--accent-color);
    border-radius: 50%;
    animation: spin-b-47y0mzo0xd 0.8s linear infinite;
}

@keyframes spin-b-47y0mzo0xd {
    to {
        transform: rotate(360deg);
    }
}

/* Modal Header Actions */
.modal-header-actions[b-47y0mzo0xd] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* View Mode Toggle */
.view-mode-toggle[b-47y0mzo0xd] {
    display: flex;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.toggle-btn[b-47y0mzo0xd] {
    width: 36px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    border: none;
    cursor: pointer;
    color: var(--text-secondary);
    transition: all 0.15s;
}

.toggle-btn:not(:last-child)[b-47y0mzo0xd] {
    border-right: 1px solid var(--border-color);
}

.toggle-btn:hover[b-47y0mzo0xd] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.toggle-btn.active[b-47y0mzo0xd] {
    background: var(--accent-color);
    color: var(--accent-text);
}

/* JSON View */
.json-view-header[b-47y0mzo0xd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-color);
}

.json-label[b-47y0mzo0xd] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.json-label code[b-47y0mzo0xd] {
    font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
    font-size: 0.75rem;
    background: var(--bg-tertiary);
    padding: 0.125rem 0.375rem;
    border-radius: var(--radius-xs);
    color: var(--accent-color);
}

.json-viewer[b-47y0mzo0xd] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    max-height: 500px;
    overflow: auto;
}

.json-viewer pre[b-47y0mzo0xd] {
    margin: 0;
    padding: 1rem;
    font-size: 0.8125rem;
    line-height: 1.5;
}

.json-viewer code[b-47y0mzo0xd] {
    font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
    color: var(--text-primary);
    white-space: pre;
}
/* /Components/Pages/Admin/ProvenanceAnalyzer.razor.rz.scp.css */
/* Data Analysis Page - Aligned with Organizations styling */
.data-analysis-page[b-7uayhx0526] {
    /* Full width like other pages */
}

/* Page Header */
.page-header[b-7uayhx0526] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1.5rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

.header-content[b-7uayhx0526] {
    flex: 1;
}

.page-title[b-7uayhx0526] {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--text-primary);
}

.page-description[b-7uayhx0526] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted);
    max-width: 600px;
}

.header-actions[b-7uayhx0526] {
    display: flex;
    gap: 0.75rem;
}

.alert-badge[b-7uayhx0526] {
    background: var(--error-color, #ef4444);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.125rem 0.375rem;
    border-radius: 10px;
    margin-left: 0.5rem;
}

/* Loading State */
.loading-state[b-7uayhx0526] {
    padding: 3rem;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.95rem;
}

/* Empty State */
.empty-state[b-7uayhx0526] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4rem 2rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.empty-state-icon[b-7uayhx0526] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--bg-hover);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: var(--text-muted);
}

.empty-state-title[b-7uayhx0526] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.5rem;
}

.empty-state-description[b-7uayhx0526] {
    font-size: 0.95rem;
    color: var(--text-muted);
    margin: 0 0 1.5rem;
    max-width: 400px;
}

/* Error State */
.error-state[b-7uayhx0526] {
    border-color: var(--error-color, #ef4444);
    background: rgba(239, 68, 68, 0.03);
}

.empty-state-icon.error[b-7uayhx0526] {
    background: rgba(239, 68, 68, 0.1);
    color: var(--error-color, #ef4444);
}

.btn-retry[b-7uayhx0526] {
    padding: 0.5rem 1rem;
    background: var(--accent-color);
    color: white;
    border: none;
    border-radius: var(--radius-sm);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
}

.btn-retry:hover[b-7uayhx0526] {
    opacity: 0.9;
}

/* Scenarios Grid - Matching Organizations grid */
.scenarios-grid[b-7uayhx0526] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

/* Scenario Card - Matching org-card pattern */
.scenario-card[b-7uayhx0526] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.scenario-card:hover[b-7uayhx0526] {
    border-color: var(--accent-color);
}

.scenario-card.draft[b-7uayhx0526] {
    border-left: 3px solid #9ca3af;
}

.scenario-card.published[b-7uayhx0526] {
    border-left: 3px solid #10b981;
}

.scenario-card .card-header[b-7uayhx0526] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.scenario-avatar[b-7uayhx0526] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
}

.status-badge[b-7uayhx0526] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-badge.draft[b-7uayhx0526] {
    background: rgba(156, 163, 175, 0.15);
    color: #9ca3af;
}

.status-badge.published[b-7uayhx0526] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.scenario-card .card-body[b-7uayhx0526] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.scenario-name[b-7uayhx0526] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.scenario-description[b-7uayhx0526] {
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.4;
}

/* Scenario Meta - Stats Row */
.scenario-meta[b-7uayhx0526] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.35rem;
}

.meta-item[b-7uayhx0526] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.meta-item svg[b-7uayhx0526] {
    color: var(--text-muted);
}

.meta-item.trigger[b-7uayhx0526] {
    background: rgba(99, 102, 241, 0.15);
    color: #818cf8;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
}

.meta-item.trigger svg[b-7uayhx0526] {
    color: #818cf8;
}

/* Scenario Stats */
.scenario-stats[b-7uayhx0526] {
    display: flex;
    gap: 1rem;
    padding: 0.75rem;
    background: var(--bg-secondary);
    border-radius: 6px;
}

.stat-item[b-7uayhx0526] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.125rem;
    flex: 1;
}

.stat-value[b-7uayhx0526] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-primary);
}

.stat-value.high[b-7uayhx0526] {
    color: #10b981;
}

.stat-value.medium[b-7uayhx0526] {
    color: #f59e0b;
}

.stat-value.low[b-7uayhx0526] {
    color: #ef4444;
}

.stat-label[b-7uayhx0526] {
    font-size: 0.625rem;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Run Info */
.run-info[b-7uayhx0526] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

/* Prompt Preview */
.prompt-preview[b-7uayhx0526] {
    background: var(--bg-secondary);
    border-radius: 6px;
    padding: 0.625rem;
}

.prompt-preview code[b-7uayhx0526] {
    font-size: 0.7rem;
    color: var(--text-secondary);
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    line-height: 1.4;
    display: block;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 3em;
    overflow: hidden;
}

/* Card Actions - Matching org-card pattern */
.scenario-card .card-actions[b-7uayhx0526] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-color);
}

.btn-action[b-7uayhx0526] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--input-bg);
    border: none;
    border-radius: var(--radius-xs);
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.btn-action:hover[b-7uayhx0526] {
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
}

.btn-action.revoke[b-7uayhx0526] {
    color: #ef4444;
    border: 1px solid #ef4444;
    background: transparent;
}

.btn-action.revoke:hover[b-7uayhx0526] {
    background: #ef4444;
    color: #ffffff;
}

.btn-action.delete[b-7uayhx0526] {
    margin-left: auto;
}

.btn-action.delete:hover[b-7uayhx0526] {
    background: #ef4444;
    color: #ffffff;
}

/* Delete Confirmation Dialog */
.dialog-overlay[b-7uayhx0526] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(4px);
}

.dialog-container[b-7uayhx0526] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    width: 100%;
    max-width: 480px;
    border: 1px solid var(--border-color);
    overflow: hidden;
}

.dialog-header[b-7uayhx0526] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 1.5rem 1rem;
    text-align: center;
}

.dialog-icon[b-7uayhx0526] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog-icon.danger[b-7uayhx0526] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.dialog-title[b-7uayhx0526] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.dialog-body[b-7uayhx0526] {
    padding: 0 1.5rem 1.5rem;
}

.dialog-message[b-7uayhx0526] {
    color: var(--text-secondary);
    font-size: 0.95rem;
    margin: 0 0 1rem;
    text-align: center;
}

.dialog-message strong[b-7uayhx0526] {
    color: var(--text-primary);
}

.dialog-warning[b-7uayhx0526] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: var(--radius-sm);
}

.dialog-warning svg[b-7uayhx0526] {
    color: #ef4444;
    flex-shrink: 0;
    margin-top: 2px;
}

.dialog-warning span[b-7uayhx0526] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    line-height: 1.5;
}

.dialog-actions[b-7uayhx0526] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: var(--bg-tertiary);
    border-top: 1px solid var(--border-color);
}

.btn-dialog-cancel[b-7uayhx0526] {
    padding: 0.6rem 1.25rem;
    background: var(--bg-hover);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-dialog-cancel:hover[b-7uayhx0526] {
    background: var(--bg-active);
    color: var(--text-primary);
}

/* Tabs */
.tabs-container[b-7uayhx0526] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-color);
}

.tabs[b-7uayhx0526] {
    display: flex;
    gap: 0;
}

.tab[b-7uayhx0526] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1.25rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    color: var(--text-muted);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.tab:hover[b-7uayhx0526] {
    color: var(--text-secondary);
    background: var(--bg-hover);
}

.tab.active[b-7uayhx0526] {
    color: var(--accent-color);
    border-bottom-color: var(--accent-color);
    background: transparent;
}

.tab-badge[b-7uayhx0526] {
    padding: 0.1rem 0.5rem;
    background: var(--warning-color);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: 10px;
}

.tab-badge.info[b-7uayhx0526] {
    background: var(--success-color);
    color: #ffffff;
}

/* Tab Content */
.tab-content[b-7uayhx0526] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-top: none;
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    overflow: hidden;
}

.content-section[b-7uayhx0526] {
    padding: 1.25rem;
}

/* Filter Bar */
.filter-bar[b-7uayhx0526] {
    background: var(--filter-bar-bg);
    border-radius: var(--radius-md);
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.filter-group[b-7uayhx0526] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.filter-label[b-7uayhx0526] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.8rem;
    font-weight: 500;
}

.filter-select[b-7uayhx0526] {
    min-width: 180px;
    padding: 0.6rem 0.9rem;
    border: none;
    border-radius: var(--radius-sm);
    font-size: 0.85rem;
    background: var(--bg-primary);
    color: var(--text-primary);
    cursor: pointer;
}

.filter-select:focus[b-7uayhx0526] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

/* Export Queue Panel */
.export-queue-panel[b-7uayhx0526] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
    overflow: hidden;
}

.export-queue-header[b-7uayhx0526] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
}

.export-queue-header h3[b-7uayhx0526] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
}

.export-count[b-7uayhx0526] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.export-queue-items[b-7uayhx0526] {
    padding: 0.5rem;
}

.export-queue-item[b-7uayhx0526] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    margin-bottom: 0.5rem;
}

.export-queue-item:last-child[b-7uayhx0526] {
    margin-bottom: 0;
}

.export-item-icon[b-7uayhx0526] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border-radius: var(--radius-xs);
    color: var(--text-muted);
}

.export-queue-item.completed .export-item-icon[b-7uayhx0526] {
    background: rgba(34, 197, 94, 0.1);
    color: var(--success-color, #22c55e);
}

.export-queue-item.running .export-item-icon[b-7uayhx0526] {
    background: rgba(59, 130, 246, 0.1);
    color: var(--accent-color);
}

.export-queue-item.failed .export-item-icon[b-7uayhx0526] {
    background: rgba(239, 68, 68, 0.1);
    color: var(--error-color, #ef4444);
}

.export-item-info[b-7uayhx0526] {
    flex: 1;
    min-width: 0;
}

.export-item-title[b-7uayhx0526] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.export-item-status[b-7uayhx0526] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.status-badge[b-7uayhx0526] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
}

.status-badge.queued[b-7uayhx0526] {
    background: var(--bg-tertiary);
    color: var(--text-muted);
}

.status-badge.running[b-7uayhx0526] {
    background: rgba(59, 130, 246, 0.15);
    color: var(--accent-color);
}

.status-badge.completed[b-7uayhx0526] {
    background: rgba(34, 197, 94, 0.15);
    color: var(--success-color, #22c55e);
}

.status-badge.failed[b-7uayhx0526] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--error-color, #ef4444);
}

.status-badge.cancelled[b-7uayhx0526] {
    background: var(--bg-tertiary);
    color: var(--text-muted);
}

.status-badge .spinner[b-7uayhx0526] {
    width: 10px;
    height: 10px;
    border: 2px solid transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

.file-size[b-7uayhx0526] {
    font-size: 0.7rem;
    color: var(--text-muted);
}

.export-progress[b-7uayhx0526] {
    height: 4px;
    background: var(--bg-tertiary);
    border-radius: 2px;
    margin-top: 0.5rem;
    overflow: hidden;
}

.export-progress .progress-bar[b-7uayhx0526] {
    height: 100%;
    background: var(--accent-color);
    border-radius: 2px;
    transition: width 0.3s ease;
}

.export-item-actions[b-7uayhx0526] {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
}

.btn-export-action[b-7uayhx0526] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xs);
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.btn-export-action:hover[b-7uayhx0526] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.btn-export-action.download[b-7uayhx0526] {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--accent-text, #ffffff);
}

.btn-export-action.download:hover[b-7uayhx0526] {
    background: var(--accent-hover);
    border-color: var(--accent-hover);
}

.btn-export-action.cancel:hover[b-7uayhx0526],
.btn-export-action.dismiss:hover[b-7uayhx0526] {
    background: rgba(239, 68, 68, 0.1);
    border-color: var(--error-color, #ef4444);
    color: var(--error-color, #ef4444);
}

/* Audit Split View */
.audit-split-view[b-7uayhx0526] {
    display: flex;
    gap: 0;
    min-height: 400px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.audit-split-view.has-detail .activity-list-panel[b-7uayhx0526] {
    flex: 1;
    min-width: 0;
    border-right: none;
}

.activity-list-panel[b-7uayhx0526] {
    flex: 1;
    overflow: auto;
}

.activity-detail-panel[b-7uayhx0526] {
    width: 380px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--bg-primary);
}

.detail-panel-header[b-7uayhx0526] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-secondary);
}

.detail-panel-header h3[b-7uayhx0526] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
}

.btn-close-panel[b-7uayhx0526] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: var(--radius-xs);
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.btn-close-panel:hover[b-7uayhx0526] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.detail-panel-content[b-7uayhx0526] {
    flex: 1;
    overflow: auto;
    padding: 1rem;
}

.detail-section[b-7uayhx0526] {
    margin-bottom: 1.25rem;
}

.detail-section:last-child[b-7uayhx0526] {
    margin-bottom: 0;
}

.detail-section-title[b-7uayhx0526] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 0.625rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color);
}

.detail-table[b-7uayhx0526] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.detail-table td[b-7uayhx0526] {
    padding: 0.375rem 0;
    font-size: 0.8rem;
    vertical-align: top;
}

.detail-table .detail-key[b-7uayhx0526] {
    width: 100px;
    color: var(--text-muted);
    font-weight: 500;
    padding-right: 0.75rem;
    white-space: nowrap;
}

.detail-table .detail-value[b-7uayhx0526] {
    color: var(--text-primary);
    word-break: break-word;
    text-align: left;
}

.detail-table .detail-value.mono[b-7uayhx0526] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    font-size: 0.75rem;
}

.detail-table .detail-value.wrap[b-7uayhx0526] {
    word-break: break-all;
}

.metadata-table .detail-key[b-7uayhx0526] {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    font-size: 0.75rem;
    white-space: nowrap;
    padding-right: 0.5rem;
    vertical-align: top;
}

.metadata-table .detail-value[b-7uayhx0526] {
    font-size: 0.75rem;
    text-align: left;
    padding-left: 0;
    vertical-align: top;
}

/* Activity Table */
.activity-table[b-7uayhx0526] {
    width: 100%;
    border-collapse: collapse;
}

.activity-table th[b-7uayhx0526] {
    text-align: left;
    padding: 0.625rem 0.75rem;
    background: var(--bg-tertiary);
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.025em;
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 1;
}

.activity-table td[b-7uayhx0526] {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    vertical-align: middle;
}

.activity-table tbody tr[b-7uayhx0526] {
    cursor: pointer;
    transition: background 0.1s;
}

.activity-table tbody tr:hover td[b-7uayhx0526] {
    background: var(--bg-hover);
}

.activity-table tbody tr.selected td[b-7uayhx0526] {
    background: rgba(var(--accent-color-rgb, 59, 130, 246), 0.1);
}

.activity-table tr:last-child td[b-7uayhx0526] {
    border-bottom: none;
}

.activity-time[b-7uayhx0526] {
    font-size: 0.8rem;
    color: var(--text-muted);
    white-space: nowrap;
}

.activity-type[b-7uayhx0526] {
    font-weight: 500;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    font-size: 0.8rem;
}

.activity-agent[b-7uayhx0526] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Outcome Badges */
.outcome-badge[b-7uayhx0526] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.outcome-badge.success[b-7uayhx0526] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.outcome-badge.failure[b-7uayhx0526] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.outcome-badge.blocked[b-7uayhx0526] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.outcome-badge.warning[b-7uayhx0526] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.outcome-badge.started[b-7uayhx0526] {
    background: rgba(59, 130, 246, 0.15);
    color: #3b82f6;
}

/* Activity Tags */
.activity-tags[b-7uayhx0526] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.activity-tag[b-7uayhx0526] {
    font-size: 0.65rem;
    padding: 0.15rem 0.4rem;
    background: var(--bg-hover);
    color: var(--text-muted);
    border-radius: 3px;
}

/* View Button */
.btn-view[b-7uayhx0526] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.6rem;
    background: var(--input-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xs);
    color: var(--text-muted);
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-view:hover[b-7uayhx0526] {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--accent-text, #ffffff);
}

/* Activity Details Modal */
.activity-details-modal .dialog-container[b-7uayhx0526] {
    max-width: 600px;
}

.activity-details-modal .dialog-header[b-7uayhx0526] {
    padding: 1rem 1.5rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.activity-details-modal .dialog-title[b-7uayhx0526] {
    font-size: 1.1rem;
}

.activity-details-modal .btn-close[b-7uayhx0526] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-hover);
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.activity-details-modal .btn-close:hover[b-7uayhx0526] {
    background: var(--bg-active);
    color: var(--text-primary);
}

.detail-grid[b-7uayhx0526] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 0.75rem 1rem;
    padding: 1.25rem 1.5rem;
}

.detail-label[b-7uayhx0526] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.detail-value[b-7uayhx0526] {
    font-size: 0.875rem;
    color: var(--text-primary);
    word-break: break-word;
}

.metadata-section[b-7uayhx0526] {
    padding: 0 1.5rem 1.5rem;
}

.metadata-section h4[b-7uayhx0526] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin: 0 0 0.75rem;
}

.metadata-pre[b-7uayhx0526] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    padding: 1rem;
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    font-size: 0.75rem;
    color: var(--text-secondary);
    overflow-x: auto;
    max-height: 300px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Empty Activities State */
.empty-activities[b-7uayhx0526] {
    padding: 3rem 2rem;
    text-align: center;
    color: var(--text-muted);
}

.empty-activities svg[b-7uayhx0526] {
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-activities p[b-7uayhx0526] {
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
}

.empty-activities small[b-7uayhx0526] {
    font-size: 0.8rem;
    color: var(--text-tertiary);
}

/* Export Button - matches btn-refresh/btn-clear-audit */
.btn-export[b-7uayhx0526] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--accent-color);
    border: none;
    border-radius: var(--radius-sm);
    color: var(--accent-text, #ffffff);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-export:hover:not(:disabled)[b-7uayhx0526] {
    opacity: 0.9;
}

.btn-export:disabled[b-7uayhx0526] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Export Dialog */
.export-dialog[b-7uayhx0526] {
    max-width: 520px;
    overflow: visible;
}

.export-dialog .dialog-body[b-7uayhx0526] {
    overflow: visible;
}

.export-dialog .dialog-header[b-7uayhx0526] {
    flex-direction: row;
    gap: 1rem;
    text-align: left;
    padding: 1.25rem 1.5rem;
}

.dialog-icon.export[b-7uayhx0526] {
    width: 48px;
    height: 48px;
    background: rgba(99, 102, 241, 0.15);
    color: #818cf8;
}

.export-form[b-7uayhx0526] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-row[b-7uayhx0526] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-row label[b-7uayhx0526] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.date-range-inputs[b-7uayhx0526] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.date-range-inputs span[b-7uayhx0526] {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.date-range-inputs[b-7uayhx0526]  .date-picker {
    flex: 1;
}

.date-range-inputs[b-7uayhx0526]  .date-picker-trigger {
    width: 100%;
}

.format-options[b-7uayhx0526] {
    display: flex;
    gap: 0.75rem;
}

.format-option[b-7uayhx0526] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.15s;
}

.format-option:hover[b-7uayhx0526] {
    background: var(--bg-hover);
}

.format-option.selected[b-7uayhx0526] {
    background: rgba(99, 102, 241, 0.1);
    border-color: #818cf8;
}

.format-option input[type="radio"][b-7uayhx0526] {
    display: none;
}

.format-label[b-7uayhx0526] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--text-primary);
}

.export-info[b-7uayhx0526] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: var(--radius-sm);
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.export-info svg[b-7uayhx0526] {
    flex-shrink: 0;
    color: #818cf8;
    margin-top: 2px;
}

.btn-dialog-primary[b-7uayhx0526] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: var(--accent-color);
    border: none;
    border-radius: var(--radius-sm);
    color: var(--accent-text, #ffffff);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-dialog-primary:hover:not(:disabled)[b-7uayhx0526] {
    opacity: 0.9;
}

.btn-dialog-primary:disabled[b-7uayhx0526] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-7uayhx0526] {
        flex-direction: column;
        gap: 1rem;
    }

    .scenarios-grid[b-7uayhx0526] {
        grid-template-columns: 1fr;
    }

    .tabs-container[b-7uayhx0526] {
        flex-direction: column;
        align-items: stretch;
    }

    .tabs[b-7uayhx0526] {
        width: 100%;
    }

    .tab[b-7uayhx0526] {
        flex: 1;
        justify-content: center;
    }

    .filter-bar[b-7uayhx0526] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-bar-left[b-7uayhx0526] {
        flex-direction: column;
        gap: 1rem;
    }

    .filter-select[b-7uayhx0526] {
        width: 100%;
    }

    .activity-table[b-7uayhx0526] {
        font-size: 0.8rem;
    }

    .activity-table th[b-7uayhx0526],
    .activity-table td[b-7uayhx0526] {
        padding: 0.5rem;
    }

    .detail-grid[b-7uayhx0526] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .detail-label[b-7uayhx0526] {
        margin-top: 0.5rem;
    }
}
/* /Components/Pages/AgenticReview.razor.rz.scp.css */
.review-page[b-gjhy1etbo2] {
    padding: 1.5rem;
}

.review-list[b-gjhy1etbo2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.criterion-version > summary[b-gjhy1etbo2] { cursor: pointer; color: var(--text-secondary); padding: 0.5rem 0; }
.criterion-version + .criterion-version[b-gjhy1etbo2] { border-top: 1px solid var(--border-color); margin-top: 1rem; }
.criterion-version[open] > summary[b-gjhy1etbo2] { margin-bottom: 0.75rem; }
.criterion-provenance[b-gjhy1etbo2] { margin-top: 0.75rem; font-size: 0.75rem; color: var(--text-secondary); }
.criterion-provenance summary[b-gjhy1etbo2], .investigation-context summary[b-gjhy1etbo2] { cursor: pointer; }
.assessment-brief[b-gjhy1etbo2] { margin-bottom: 1rem; font-size: 0.875rem; }
.assessment-brief h3[b-gjhy1etbo2], .mapping-list h3[b-gjhy1etbo2] { font-size: 0.9375rem; margin: 0 0 0.5rem; }
.assessment-brief p[b-gjhy1etbo2] { margin: 0.5rem 0; }
.mapping-purpose[b-gjhy1etbo2] { margin: 0; padding: 0.75rem; font-size: 0.8125rem; }
.investigation-context[b-gjhy1etbo2] { padding: 0.75rem 0; font-size: 0.8125rem; color: var(--text-secondary); overflow-wrap: anywhere; }
.evidence-workspace[b-gjhy1etbo2] { display: grid; grid-template-columns: minmax(11rem, 25%) minmax(0, 1fr); gap: 1rem; }
.citation-explorer[b-gjhy1etbo2] { border-right: 1px solid var(--border-color); padding-right: 0.75rem; }
.citation-folder[b-gjhy1etbo2] { overflow-wrap: anywhere; color: var(--text-muted); font-size: 0.75rem; margin: 0.5rem 0; }
.citation-file[b-gjhy1etbo2] { display: flex; flex-direction: column; width: 100%; gap: 0.25rem; padding: 0.625rem; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--text-primary); text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.citation-file small[b-gjhy1etbo2] { color: var(--text-secondary); }
.citation-file:hover[b-gjhy1etbo2], .citation-file.selected[b-gjhy1etbo2] { background: var(--bg-hover); border-color: var(--border-color); }
.citation-file:focus-visible[b-gjhy1etbo2], .criterion-version > summary:focus-visible[b-gjhy1etbo2] { outline: 2px solid var(--text-primary); outline-offset: 2px; }
.citation-detail[b-gjhy1etbo2] { min-width: 0; }
.mapping-toggle:disabled[b-gjhy1etbo2] { cursor: default; opacity: 0.65; }
@media (max-width: 1000px) {
    .evidence-workspace[b-gjhy1etbo2] { grid-template-columns: minmax(0, 1fr); }
    .citation-explorer[b-gjhy1etbo2] { border-right: none; border-bottom: 1px solid var(--border-color); padding: 0 0 0.75rem; }
}

.review-card[b-gjhy1etbo2] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1.25rem;
}

.card-header[b-gjhy1etbo2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.scope-history + .scope-history[b-gjhy1etbo2] { border-top: 1px solid var(--border-color); margin-top: 1rem; }
.scope-heading[b-gjhy1etbo2] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.75rem; padding: 0.75rem 0; font-size: 0.8125rem; }
.scope-details[b-gjhy1etbo2] { margin-left: auto; max-width: 100%; }
.scope-details summary[b-gjhy1etbo2] { cursor: pointer; color: var(--text-secondary); }
.scope-details dl[b-gjhy1etbo2] { font-size: 0.75rem; }
.scope-details dd[b-gjhy1etbo2] { margin: 0 0 0.5rem; overflow-wrap: anywhere; font-family: monospace; }
.scope-details dt[b-gjhy1etbo2] { color: var(--text-muted); }
.assessment-timeline[b-gjhy1etbo2] { margin-left: 0.4rem; border-left: 2px solid var(--border-color); }
.assessment-run[b-gjhy1etbo2] { position: relative; margin-left: 1rem; border-bottom: 1px solid var(--border-color); }
.assessment-run:last-child[b-gjhy1etbo2] { border-bottom: 0; }
.assessment-run[b-gjhy1etbo2]::before { content: ""; position: absolute; left: -1.4rem; top: 1.05rem; width: 0.65rem; height: 0.65rem; border: 2px solid var(--text-muted); border-radius: 50%; background: var(--bg-secondary); }
.run-summary[b-gjhy1etbo2] { cursor: pointer; padding: 0.875rem 0.5rem; font-size: 0.8125rem; line-height: 1.8; }
.run-summary > *[b-gjhy1etbo2] { display: inline-block; margin-right: 0.75rem; }
.run-summary:hover[b-gjhy1etbo2] { background: var(--bg-hover); }
.run-summary:focus-visible[b-gjhy1etbo2], .scope-details summary:focus-visible[b-gjhy1etbo2], .mapping-toggle:focus-visible[b-gjhy1etbo2] { outline: 2px solid var(--text-primary); outline-offset: 2px; }
.run-summary time[b-gjhy1etbo2], .run-verification[b-gjhy1etbo2] { color: var(--text-secondary); font-size: 0.75rem; }
.run-review[b-gjhy1etbo2] { font-weight: 600; }
.run-content[b-gjhy1etbo2] { padding: 0.25rem 0.5rem 1rem; }
.run-context[b-gjhy1etbo2] { margin-bottom: 0.75rem; font-size: 0.75rem; overflow-wrap: anywhere; }
.run-context summary[b-gjhy1etbo2] { cursor: pointer; }
.divergence-label[b-gjhy1etbo2] { color: var(--warning-color, var(--text-primary)); font-weight: 600; }
.divergence-brief[b-gjhy1etbo2] { padding: 0.75rem; margin-bottom: 0.75rem; border-left: 3px solid var(--warning-color, var(--text-primary)); background: var(--bg-tertiary); font-size: 0.8125rem; overflow-wrap: anywhere; }
.divergence-brief p[b-gjhy1etbo2] { margin: 0.5rem 0; }
.mapping-path[b-gjhy1etbo2] { overflow-wrap: anywhere; min-width: 0; }
@media (max-width: 720px) {
    .review-page[b-gjhy1etbo2] { padding: 0.75rem; }
    .review-card[b-gjhy1etbo2] { padding: 0.75rem; }
    .card-header[b-gjhy1etbo2], .finding-info[b-gjhy1etbo2], .mapping-toggle[b-gjhy1etbo2], .card-actions[b-gjhy1etbo2] { flex-wrap: wrap; }
    .scope-details[b-gjhy1etbo2] { margin-left: 0; }
}

.criterion-context[b-gjhy1etbo2] {
    background: var(--bg-tertiary);
    border-radius: 6px;
    padding: 0.625rem 0.75rem;
    margin-bottom: 0.75rem;
}

.criterion-context-title[b-gjhy1etbo2] {
    margin: 0 0 0.25rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-primary);
}

.criterion-context-text[b-gjhy1etbo2] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--text-secondary);
    white-space: pre-wrap;
}

.criterion-context-tags[b-gjhy1etbo2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.5rem;
}

.criterion-context-tag[b-gjhy1etbo2] {
    font-size: 0.6875rem;
    padding: 0.0625rem 0.5rem;
    border-radius: 999px;
    background: var(--bg-hover);
    color: var(--text-muted);
}

.evidence-directory-listing[b-gjhy1etbo2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.evidence-directory-entry[b-gjhy1etbo2] {
    font-family: monospace;
    font-size: 0.8125rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    background: var(--bg-tertiary);
}

.evidence-directory-entry.is-directory[b-gjhy1etbo2] {
    color: var(--text-secondary);
    font-weight: 600;
}

.criterion-context-unavailable[b-gjhy1etbo2] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    font-style: italic;
}

.finding-info[b-gjhy1etbo2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.commit-badge[b-gjhy1etbo2] {
    font-size: 0.8125rem;
    color: var(--text-tertiary);
    font-family: monospace;
}

.mapping-list[b-gjhy1etbo2] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin: 0 0 0.75rem;
}

.mapping-group-label[b-gjhy1etbo2] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--text-muted);
    margin: 0.375rem 0 0.125rem;
}

.mapping-group-label:first-child[b-gjhy1etbo2] {
    margin-top: 0;
}

.mapping-confidence[b-gjhy1etbo2] {
    font-size: 0.6875rem;
    color: var(--text-muted);
    font-family: monospace;
}

.mapping-outcome[b-gjhy1etbo2] {
    font-size: 0.6875rem;
    padding: 0.0625rem 0.375rem;
    border-radius: var(--radius-sm, 4px);
}

.mapping-outcome.outcome-verified[b-gjhy1etbo2] {
    color: var(--success-color);
}

.mapping-outcome.outcome-unsupported[b-gjhy1etbo2] {
    color: var(--error-color);
}

.mapping-outcome.outcome-technicalfailure[b-gjhy1etbo2],
.mapping-outcome.outcome-notattempted[b-gjhy1etbo2] {
    color: var(--text-muted);
    font-style: italic;
}

.mapping-row[b-gjhy1etbo2] {
    border: 1px solid var(--border-color);
    border-radius: 6px;
    overflow: hidden;
}

.mapping-toggle[b-gjhy1etbo2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: var(--bg-tertiary);
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 0.8125rem;
    color: var(--text-primary);
}

.mapping-toggle:hover[b-gjhy1etbo2] {
    background: var(--bg-hover);
}

.mapping-toggle .text-muted[b-gjhy1etbo2] {
    margin-left: auto;
}

.mapping-relation[b-gjhy1etbo2] {
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-sm, 4px);
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.mapping-relation.supports[b-gjhy1etbo2] {
    background: color-mix(in srgb, var(--success-color) 20%, transparent);
    color: var(--success-color);
}

.mapping-relation.contradicts[b-gjhy1etbo2] {
    background: color-mix(in srgb, var(--error-color) 20%, transparent);
    color: var(--error-color);
}

.mapping-relation.context[b-gjhy1etbo2] {
    background: var(--bg-hover);
    color: var(--text-muted);
}

.mapping-path[b-gjhy1etbo2] {
    font-family: monospace;
}

.mapping-evidence[b-gjhy1etbo2] {
    padding: 0.75rem;
    border-top: 1px solid var(--border-color);
}

.review-info[b-gjhy1etbo2] {
    font-size: 0.8125rem;
    padding: 0.75rem;
    border-radius: 6px;
    background: var(--bg-tertiary);
}

.review-info.confirmed[b-gjhy1etbo2] {
    background: #d1fae5;
    color: #047857;
}

.review-info.rejected[b-gjhy1etbo2], .review-info.evidencerequested[b-gjhy1etbo2] {
    background: #fef2f2;
    color: #dc2626;
}

.review-reason[b-gjhy1etbo2] {
    margin-top: 0.375rem;
    opacity: 0.85;
}

.card-actions[b-gjhy1etbo2] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-color);
}
/* /Components/Pages/Articles.razor.rz.scp.css */
/* Articles Page - Clean layout following Support page pattern */

.articles-page[b-abpxnja507] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* Simple Header */
.articles-header[b-abpxnja507] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.articles-title[b-abpxnja507] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

/* Search Container */
.search-container[b-abpxnja507] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon[b-abpxnja507] {
    position: absolute;
    left: 0.75rem;
    color: var(--text-muted);
    pointer-events: none;
}

.search-input[b-abpxnja507] {
    padding: 0.5rem 2rem 0.5rem 2.25rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 0.85rem;
    width: 220px;
    transition: border-color 0.15s, width 0.2s;
}

.search-input:focus[b-abpxnja507] {
    outline: none;
    border-color: var(--accent-color);
    width: 280px;
}

.search-input[b-abpxnja507]::placeholder {
    color: var(--text-muted);
}

.search-clear[b-abpxnja507] {
    position: absolute;
    right: 0.5rem;
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-clear:hover[b-abpxnja507] {
    color: var(--text-secondary);
}

/* Tab Content */
.tab-content[b-abpxnja507] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Loading/Error States */
.loading-state[b-abpxnja507],
.error-state[b-abpxnja507] {
    padding: 3rem;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.95rem;
}

.error-state[b-abpxnja507] {
    color: var(--error-color);
}

/* Master-Detail Layout */
.articles-layout[b-abpxnja507] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1rem;
    flex: 1 1 auto;
    min-height: 600px;
}

/* Article List Panel (Master) */
.article-list-panel[b-abpxnja507] {
    display: flex;
    flex-direction: column;
    background: var(--bg-primary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    overflow: hidden;
}

.article-list-header[b-abpxnja507] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-tertiary);
}

.article-count[b-abpxnja507] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--text-muted);
}

.article-list[b-abpxnja507] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

.article-item[b-abpxnja507] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem 1rem;
    border: none;
    border-bottom: 1px solid var(--border-color);
    background: transparent;
    text-align: left;
    width: 100%;
    cursor: pointer;
    transition: background 0.15s;
}

.article-item:hover[b-abpxnja507] {
    background: var(--bg-hover);
}

.article-item.selected[b-abpxnja507] {
    background: var(--bg-selected, var(--accent-color-light, rgba(129, 186, 42, 0.1)));
    border-left: 3px solid var(--accent-color);
}

.article-item.deleted[b-abpxnja507] {
    opacity: 0.6;
}

.article-item-header[b-abpxnja507] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.article-id[b-abpxnja507] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    font-family: monospace;
}

.article-title[b-abpxnja507] {
    font-size: 0.85rem;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.deleted-badge[b-abpxnja507] {
    font-size: 0.7rem;
    color: var(--error-color, #e52520);
    font-style: italic;
}

.article-list-empty[b-abpxnja507] {
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
}

.article-list-empty p[b-abpxnja507] {
    margin: 0 0 0.5rem;
}

/* Article Detail Panel */
.article-detail-panel[b-abpxnja507] {
    display: flex;
    flex-direction: column;
    background: var(--bg-primary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: 1.25rem;
    overflow-y: auto;
    min-height: 0;
}

.article-detail-header[b-abpxnja507] {
    margin-bottom: 1rem;
}

.article-detail-header h3[b-abpxnja507] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.article-detail-header h3 svg[b-abpxnja507] {
    color: var(--text-muted);
}

.article-detail-title-row[b-abpxnja507] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

/* Badge group sits fully right; lifecycle status leads, audience tier is secondary. */
.article-detail-badges[b-abpxnja507] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: auto;
    flex: 0 0 auto;
}

.article-tier[b-abpxnja507] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: var(--radius-sm);
    font-weight: 500;
    background: transparent;
    border: 1px solid var(--border-color);
    color: var(--text-muted);
}

.article-tier.public[b-abpxnja507] {
    border-color: var(--success-color, #81ba2a);
    color: var(--success-color, #81ba2a);
}

.version-preview-banner[b-abpxnja507] {
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: var(--info-color-light, rgba(117, 188, 255, 0.15));
    border-left: 3px solid var(--info-color, #75bcff);
    border-radius: var(--radius-sm);
    font-size: 0.85rem;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.article-tags[b-abpxnja507] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 1rem;
}

.article-tags .tag[b-abpxnja507] {
    font-size: 0.75rem;
    padding: 0.2rem 0.6rem;
    background: var(--bg-tertiary);
    border-radius: 10px;
    color: var(--text-secondary);
}

.article-content[b-abpxnja507] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
    padding-right: 0.5rem;
}

/* Version History */
.version-history-list-full[b-abpxnja507] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
}

.version-history-item[b-abpxnja507] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border-color);
    text-align: left;
    cursor: pointer;
    transition: background 0.15s;
}

.version-history-item:last-child[b-abpxnja507] {
    border-bottom: none;
}

.version-history-item:hover[b-abpxnja507] {
    background: var(--bg-hover);
}

.version-history-item.current[b-abpxnja507] {
    background: var(--bg-selected, rgba(129, 186, 42, 0.1));
}

.version-history-item.previewing[b-abpxnja507] {
    background: var(--info-color-light, rgba(117, 188, 255, 0.15));
    border-left: 3px solid var(--info-color, #75bcff);
}

.version-info[b-abpxnja507] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.version-number[b-abpxnja507] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
}

.version-meta[b-abpxnja507] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.version-date[b-abpxnja507] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.article-detail-empty[b-abpxnja507] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: var(--text-muted);
    text-align: center;
    padding: 2rem;
}

.article-detail-empty svg[b-abpxnja507] {
    margin-bottom: 1rem;
    opacity: 0.5;
}

.article-detail-empty p[b-abpxnja507] {
    margin: 0;
    font-size: 0.9rem;
}

/* Article Editor */
.article-editor[b-abpxnja507] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
    min-height: 0;
}

.form-row[b-abpxnja507] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
}

.form-row .form-group[b-abpxnja507] {
    flex: 0 0 auto;
}

.form-group-grow[b-abpxnja507] {
    flex: 1 1 auto !important;
}

.form-group-fill[b-abpxnja507] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* MarkdownEditor sizing now handled by Borderless="true" inside the component
   (see MarkdownEditor.razor.css). The previous :deep(.markdown-editor) override
   was invalid CSS — single-colon :deep() is Vue/Svelte syntax, dropped by browsers
   when they hit the unrecognised pseudo-class. */

/* Compact tabs variant (inside detail panel) */
.tabs-compact .tab[b-abpxnja507] {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
}

/* Detail Tab Content */
.detail-tab-content[b-abpxnja507] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding-top: 1rem;
}

.empty-history[b-abpxnja507] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--text-muted);
    font-size: 0.9rem;
}

.empty-history p[b-abpxnja507] {
    margin: 0;
}

/* Modal styles */
.modal-hint[b-abpxnja507] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

.warning-text[b-abpxnja507] {
    color: var(--warning-color, #f7931e);
}

/* Back link */
.back-link[b-abpxnja507] {
    display: none;
}

/* Responsive */
@media (max-width: 768px) {
    .articles-header[b-abpxnja507] {
        flex-direction: column;
        gap: 1rem;
    }

    /* Articles - Stack on mobile */
    .articles-layout[b-abpxnja507] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .article-list-panel[b-abpxnja507] {
        max-height: 200px;
    }

    .article-list[b-abpxnja507] {
        max-height: 150px;
    }

    .article-detail-panel[b-abpxnja507] {
        min-height: 300px;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
/* ============================================================
   Contact page — public surface, dark theme matching PublicLayout.
   bg: #1e1e1e / cards: #252526 / borders: #3c3c3c
   accent: #6366f1 / accent-hover: #818cf8
   text: #e5e7eb / muted: #9ca3af / subtle: #6b7280
   No ::deep, no CSS order property.
   ============================================================ */

/* ── Page shell ──────────────────────────────────────────── */
.contact-page[b-moc1gjc9d5] {
    min-height: calc(100vh - 64px - 72px); /* below header, above footer */
    padding: 2rem 1rem;
}

.contact-container[b-moc1gjc9d5] {
    max-width: 860px;
    margin: 0 auto;
    background: #252526;
    border: 1px solid #3c3c3c;
    border-radius: 12px;
    overflow: hidden;
}

/* ── Header ───────────────────────────────────────────────── */
.contact-header[b-moc1gjc9d5] {
    padding: 2rem 2.5rem 1.5rem;
    border-bottom: 1px solid #3c3c3c;
}

.contact-header h1[b-moc1gjc9d5] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.875rem;
    letter-spacing: -0.01em;
}

.contact-intro[b-moc1gjc9d5] {
    font-size: 0.9375rem;
    line-height: 1.65;
    color: #9ca3af;
    margin: 0 0 0.75rem;
}

.contact-written-first[b-moc1gjc9d5] {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
    padding-top: 0.5rem;
    border-top: 1px solid #3c3c3c;
}

/* ── Validation error summary ────────────────────────────── */
.contact-error-summary[b-moc1gjc9d5] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin: 1.25rem 2.5rem 0;
    padding: 0.75rem 1rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.35);
    border-radius: 6px;
    color: #fca5a5;
    font-size: 0.875rem;
}

/* ── Form ────────────────────────────────────────────────── */
.contact-form[b-moc1gjc9d5] {
    padding: 1.5rem 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── Subsections (green icon + header) ───────────────────── */
.cf-section[b-moc1gjc9d5] {
    display: flex;
    flex-direction: column;
}

.cf-section + .cf-section[b-moc1gjc9d5] {
    margin-top: 0.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #3c3c3c;
}

.cf-section-header[b-moc1gjc9d5] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: #81BA2A; /* brand green */
}

.cf-section-header h2[b-moc1gjc9d5] {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #81BA2A; /* brand green */
    margin: 0;
    letter-spacing: -0.005em;
}

.cf-section-header svg[b-moc1gjc9d5] {
    flex-shrink: 0;
}

.cf-section-description[b-moc1gjc9d5] {
    font-size: 0.875rem;
    color: #9ca3af;
    line-height: 1.55;
    margin: 0.4rem 0 1.125rem;
}

/* ── Two-column field grid ──────────────────────────────── */
.cf-grid[b-moc1gjc9d5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.125rem 1.25rem;
}

/* Cell spanning the full row */
.cf-full[b-moc1gjc9d5] {
    grid-column: 1 / -1;
}

/* Field wrapper */
.cf-field[b-moc1gjc9d5] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    min-width: 0;
}

/* Label */
.cf-label[b-moc1gjc9d5] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #d1d5db;
    line-height: 1.4;
}

.cf-required[b-moc1gjc9d5] {
    color: #f87171;
    margin-left: 2px;
}

.cf-optional[b-moc1gjc9d5] {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #6b7280;
    margin-left: 4px;
}

/* Inputs */
.cf-input[b-moc1gjc9d5],
.cf-select[b-moc1gjc9d5],
.cf-textarea[b-moc1gjc9d5] {
    padding: 0.5625rem 0.75rem;
    background: #1e1e1e;
    border: 1px solid #3c3c3c;
    border-radius: 6px;
    color: #e5e7eb;
    font-size: 0.9375rem;
    font-family: inherit;
    transition: border-color 0.15s, box-shadow 0.15s;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.cf-select[b-moc1gjc9d5] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2.25rem;
    cursor: pointer;
}

.cf-textarea[b-moc1gjc9d5] {
    resize: vertical;
    min-height: 120px;
    line-height: 1.55;
}

.cf-input[b-moc1gjc9d5]::placeholder,
.cf-textarea[b-moc1gjc9d5]::placeholder {
    color: #4b5563;
}

/* Focus states */
.cf-input:focus[b-moc1gjc9d5],
.cf-select:focus[b-moc1gjc9d5],
.cf-textarea:focus[b-moc1gjc9d5] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

/* Hover */
.cf-input:hover[b-moc1gjc9d5],
.cf-select:hover[b-moc1gjc9d5],
.cf-textarea:hover[b-moc1gjc9d5] {
    border-color: #52525b;
}

/* Error state on field wrapper */
.cf-field-error .cf-input[b-moc1gjc9d5],
.cf-field-error .cf-select[b-moc1gjc9d5],
.cf-field-error .cf-textarea[b-moc1gjc9d5] {
    border-color: #ef4444;
}

.cf-field-error .cf-input:focus[b-moc1gjc9d5],
.cf-field-error .cf-select:focus[b-moc1gjc9d5],
.cf-field-error .cf-textarea:focus[b-moc1gjc9d5] {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

/* Inline error message */
.cf-error[b-moc1gjc9d5] {
    font-size: 0.8125rem;
    color: #f87171;
    margin-top: 0.125rem;
}

/* Hint text */
.cf-hint[b-moc1gjc9d5] {
    font-size: 0.8125rem;
    color: #6b7280;
    line-height: 1.5;
    margin-top: 0.125rem;
}

/* ── Existing-customer note ───────────────────────────────── */
.existing-customer-note[b-moc1gjc9d5] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.25);
    border-radius: 6px;
    font-size: 0.875rem;
    color: #9ca3af;
    line-height: 1.55;
}

.existing-customer-note svg[b-moc1gjc9d5] {
    flex-shrink: 0;
    margin-top: 2px;
    color: #818cf8;
}

.existing-customer-note a[b-moc1gjc9d5] {
    color: #818cf8;
    text-decoration: none;
}

.existing-customer-note a:hover[b-moc1gjc9d5] {
    color: #a5b4fc;
    text-decoration: underline;
}

/* ── Submit button ───────────────────────────────────────── */
.cf-actions[b-moc1gjc9d5] {
    padding-top: 0.5rem;
}

.btn-send[b-moc1gjc9d5] {
    padding: 0.6875rem 1.75rem;
    background: #6366f1;
    color: #ffffff;
    font-size: 0.9375rem;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.15s, opacity 0.15s;
    width: 100%;
}

.btn-send:hover:not(:disabled)[b-moc1gjc9d5] {
    background: #4f46e5;
}

.btn-send:focus-visible[b-moc1gjc9d5] {
    outline: 3px solid rgba(99, 102, 241, 0.6);
    outline-offset: 2px;
}

.btn-send:disabled[b-moc1gjc9d5] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── Confirmation state ───────────────────────────────────── */
.contact-confirmation[b-moc1gjc9d5] {
    padding: 2.5rem 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0;
}

.confirmation-icon[b-moc1gjc9d5] {
    color: #34d399;
    margin-bottom: 1.25rem;
}

.contact-confirmation h1[b-moc1gjc9d5] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.5rem;
}

.confirmation-sub[b-moc1gjc9d5] {
    font-size: 0.9375rem;
    color: #9ca3af;
    margin: 0 0 1.5rem;
}

.reference-box[b-moc1gjc9d5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    background: #1e1e1e;
    border: 1px solid #3c3c3c;
    border-radius: 8px;
    padding: 1rem 2rem;
    margin-bottom: 1.75rem;
    width: 100%;
    max-width: 320px;
}

.reference-label[b-moc1gjc9d5] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6b7280;
}

.reference-code[b-moc1gjc9d5] {
    font-size: 1.375rem;
    font-weight: 700;
    color: #a5b4fc;
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
}

/* Security disclosure alert */
.security-notice[b-moc1gjc9d5] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 6px;
    padding: 0.875rem 1rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    color: #fde68a;
    text-align: left;
    line-height: 1.55;
    width: 100%;
}

.security-notice svg[b-moc1gjc9d5] {
    flex-shrink: 0;
    margin-top: 2px;
    color: #fbbf24;
}

/* What happens next */
.confirmation-next[b-moc1gjc9d5] {
    background: #1e1e1e;
    border: 1px solid #3c3c3c;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    text-align: left;
    width: 100%;
    margin-bottom: 1.75rem;
}

.confirmation-next h2[b-moc1gjc9d5] {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;
    margin: 0 0 0.75rem;
}

.confirmation-next ul[b-moc1gjc9d5] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.confirmation-next li[b-moc1gjc9d5] {
    font-size: 0.9rem;
    color: #9ca3af;
    line-height: 1.55;
}

.confirmation-next strong[b-moc1gjc9d5] {
    color: #d1d5db;
}

.confirmation-actions[b-moc1gjc9d5] {
    width: 100%;
}

.btn-back-home[b-moc1gjc9d5] {
    display: block;
    width: 100%;
    padding: 0.6875rem 1.5rem;
    background: #6366f1;
    color: #ffffff;
    font-size: 0.9375rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    text-align: center;
    transition: background-color 0.15s;
}

.btn-back-home:hover[b-moc1gjc9d5] {
    background: #4f46e5;
    color: #ffffff;
}

.btn-back-home:focus-visible[b-moc1gjc9d5] {
    outline: 3px solid rgba(99, 102, 241, 0.6);
    outline-offset: 2px;
}

/* ── Footer ──────────────────────────────────────────────── */
.contact-footer[b-moc1gjc9d5] {
    padding: 1rem 2.5rem;
    border-top: 1px solid #3c3c3c;
    background: #1e1e1e;
}

.back-link[b-moc1gjc9d5] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #6b7280;
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.15s;
}

.back-link:hover[b-moc1gjc9d5] {
    color: #818cf8;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 640px) {
    .contact-page[b-moc1gjc9d5] {
        padding: 1rem 0.5rem;
    }

    .contact-header[b-moc1gjc9d5],
    .contact-form[b-moc1gjc9d5] {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .contact-header h1[b-moc1gjc9d5] {
        font-size: 1.5rem;
    }

    .contact-confirmation[b-moc1gjc9d5] {
        padding: 1.75rem 1.25rem 1.5rem;
    }

    .contact-footer[b-moc1gjc9d5] {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .contact-error-summary[b-moc1gjc9d5] {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    /* Collapse paired fields to a single column on narrow screens */
    .cf-grid[b-moc1gjc9d5] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ContactDetail.razor.rz.scp.css */
.consent-summary[b-rhevbqu7t3] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 48rem;
    padding: 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: var(--surface-secondary);
}

.consent-summary .status-badge[b-rhevbqu7t3] {
    flex: 0 0 auto;
    margin-top: 0.15rem;
}

.consent-summary h3[b-rhevbqu7t3] {
    margin: 0 0 0.35rem;
    font-size: 1rem;
}

.consent-summary p[b-rhevbqu7t3] {
    margin: 0;
    color: var(--text-muted);
}

@media (max-width: 640px) {
    .consent-summary[b-rhevbqu7t3] {
        flex-direction: column;
    }
}
/* /Components/Pages/Contacts.razor.rz.scp.css */
/* Padding/gap match .member-card (Users.razor.css) - the generic shared .card only gives 0.5rem,
   which read as noticeably sparser than the Team Members tab's card polish (found live 2026-07-30). */
.contact-card[b-xlya90cbzl] {
    cursor: pointer;
    padding: 1rem;
    gap: 0.75rem;
    transition: border-color 0.15s;
}

.contact-card:hover[b-xlya90cbzl] {
    border-color: var(--accent-color);
}

.contact-card-header[b-xlya90cbzl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

/* .avatar had no styling anywhere reachable from this page - Compossa.UI.Blazor/components.css
   never defined a shared one, and the only existing definition (Users.razor.css) is CSS-isolation
   scoped to that page alone. Contacts' initials circle was rendering as bare inline text (found live
   2026-07-30). Spec matches Users.razor.css's .avatar exactly; promote to components.css if a third
   consumer needs it. */
.avatar[b-xlya90cbzl] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 600;
    flex-shrink: 0;
}

/* Zone divider between the contact-info block and the survey/report stats footer, matching
   .card-actions/.card-role-actions' border-top separation on the Team Members tab. */
.contact-card-counts[b-xlya90cbzl] {
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-color);
    font-size: 0.8125rem;
    color: var(--text-muted);
}

/* Contacts' list view has a different column shape than ProductTypes (the .facet-list/.list-row
   base in components.css is styled generically but its grid-template-columns is tuned to
   ProductTypes' own columns) - CSS isolation scopes this override to Contacts.razor only. */
.facet-list .list-header[b-xlya90cbzl],
.facet-list .list-row[b-xlya90cbzl] {
    grid-template-columns: 24px 1fr 1fr 140px 70px 70px;
    cursor: pointer;
}
/* /Components/Pages/CookiePolicy.razor.rz.scp.css */
/* Cookie Policy Page */
.policy-page[b-f6r674k75o] {
    min-height: 100vh;
    background: var(--bg-primary, #121212);
    padding: 2rem 1rem;
}

.policy-container[b-f6r674k75o] {
    max-width: 800px;
    margin: 0 auto;
    background: var(--bg-secondary, #1e1e1e);
    border: 1px solid var(--border-color, #333);
    border-radius: 12px;
    overflow: hidden;
}

.policy-header[b-f6r674k75o] {
    padding: 2rem 2.5rem;
    border-bottom: 1px solid var(--border-color, #333);
    background: var(--bg-tertiary, #252525);
}

.policy-header h1[b-f6r674k75o] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary, #ffffff);
    margin: 0 0 0.5rem;
}

.policy-updated[b-f6r674k75o] {
    font-size: 0.875rem;
    color: var(--text-muted, #888);
    margin: 0;
}

/* Table of Contents */
.policy-toc[b-f6r674k75o] {
    padding: 1.5rem 2.5rem;
    background: var(--bg-tertiary, #252525);
    border-bottom: 1px solid var(--border-color, #333);
}

.policy-toc h2[b-f6r674k75o] {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted, #888);
    margin: 0 0 0.75rem;
}

.policy-toc ol[b-f6r674k75o] {
    margin: 0;
    padding-left: 1.25rem;
    columns: 2;
    column-gap: 2rem;
}

.policy-toc li[b-f6r674k75o] {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.policy-toc a[b-f6r674k75o] {
    color: var(--accent-color, #81ba2a);
    text-decoration: none;
}

.policy-toc a:hover[b-f6r674k75o] {
    text-decoration: underline;
}

/* Content */
.policy-content[b-f6r674k75o] {
    padding: 2rem 2.5rem;
}

.policy-content section[b-f6r674k75o] {
    margin-bottom: 2.5rem;
    scroll-margin-top: 6rem;
}

.policy-content section:last-child[b-f6r674k75o] {
    margin-bottom: 0;
}

.policy-content h2[b-f6r674k75o] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #ffffff);
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color, #333);
}

.policy-content h3[b-f6r674k75o] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #ffffff);
    margin: 1.5rem 0 0.75rem;
}

.policy-content p[b-f6r674k75o] {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--text-secondary, #a0a0a0);
    margin: 0 0 1rem;
}

.policy-content ul[b-f6r674k75o],
.policy-content ol[b-f6r674k75o] {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
}

.policy-content li[b-f6r674k75o] {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--text-secondary, #a0a0a0);
    margin-bottom: 0.5rem;
}

.policy-content a[b-f6r674k75o] {
    color: var(--accent-color, #81ba2a);
    text-decoration: none;
}

.policy-content a:hover[b-f6r674k75o] {
    text-decoration: underline;
}

.policy-content code[b-f6r674k75o] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.85em;
    background: var(--bg-tertiary, #252525);
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    color: var(--accent-color, #81ba2a);
}

/* Cookie Table */
.cookie-table-container[b-f6r674k75o] {
    overflow-x: auto;
    margin: 1rem 0 1.5rem;
    border: 1px solid var(--border-color, #333);
    border-radius: 8px;
}

.cookie-table[b-f6r674k75o] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.cookie-table th[b-f6r674k75o],
.cookie-table td[b-f6r674k75o] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color, #333);
}

.cookie-table th[b-f6r674k75o] {
    background: var(--bg-tertiary, #252525);
    font-weight: 600;
    color: var(--text-primary, #ffffff);
    white-space: nowrap;
}

.cookie-table td[b-f6r674k75o] {
    color: var(--text-secondary, #a0a0a0);
}

.cookie-table tr:last-child td[b-f6r674k75o] {
    border-bottom: none;
}

.cookie-table td:first-child[b-f6r674k75o] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.8rem;
    color: var(--accent-color, #81ba2a);
}

.cookie-table td:last-child[b-f6r674k75o] {
    color: var(--success-color, #4caf50);
    font-weight: 500;
}

/* Cookie Categories */
.cookie-category[b-f6r674k75o] {
    background: var(--bg-tertiary, #252525);
    border: 1px solid var(--border-color, #333);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin: 1rem 0;
}

.cookie-category h3[b-f6r674k75o] {
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
}

.cookie-category p[b-f6r674k75o] {
    margin: 0;
    font-size: 0.875rem;
}

.cookie-category.not-used[b-f6r674k75o] {
    border-left: 3px solid var(--text-muted, #666);
    opacity: 0.8;
}

.not-used-badge[b-f6r674k75o] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    background: var(--bg-secondary, #1e1e1e);
    border-radius: 4px;
    color: var(--text-muted, #888);
    margin-right: 0.5rem;
}

/* Browser Links */
.browser-links[b-f6r674k75o] {
    background: var(--bg-tertiary, #252525);
    border: 1px solid var(--border-color, #333);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-top: 1rem;
}

.browser-links h3[b-f6r674k75o] {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
}

.browser-links ul[b-f6r674k75o] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    margin: 0;
    padding-left: 1.25rem;
}

.browser-links li[b-f6r674k75o] {
    font-size: 0.875rem;
}

/* Footer */
.policy-footer[b-f6r674k75o] {
    padding: 1.5rem 2.5rem;
    border-top: 1px solid var(--border-color, #333);
    background: var(--bg-tertiary, #252525);
}

.back-link[b-f6r674k75o] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-muted, #888);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.15s;
}

.back-link:hover[b-f6r674k75o] {
    color: var(--accent-color, #81ba2a);
}

/* Responsive */
@media (max-width: 768px) {
    .policy-page[b-f6r674k75o] {
        padding: 1rem 0.5rem;
    }

    .policy-header[b-f6r674k75o],
    .policy-toc[b-f6r674k75o],
    .policy-content[b-f6r674k75o],
    .policy-footer[b-f6r674k75o] {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .policy-header h1[b-f6r674k75o] {
        font-size: 1.5rem;
    }

    .policy-toc ol[b-f6r674k75o] {
        columns: 1;
    }

    .browser-links ul[b-f6r674k75o] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/FiscalYears.razor.rz.scp.css */
/* Fiscal Years Page Layout */
.fiscal-years-page[b-ntvyjqfpfd] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
}

/* Fiscal Years Grid */
.fiscal-years-grid[b-ntvyjqfpfd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

/* Fiscal Year Card */
.fiscal-year-card[b-ntvyjqfpfd] {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.fiscal-year-card:hover[b-ntvyjqfpfd] {
    border-color: var(--accent-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.fiscal-year-card .card-header[b-ntvyjqfpfd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-tertiary);
}

.fiscal-year-card .fy-badge[b-ntvyjqfpfd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--accent-color);
    border-radius: var(--radius-md);
    color: var(--accent-text);
}

.fiscal-year-card .card-body[b-ntvyjqfpfd] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fiscal-year-card .fy-year[b-ntvyjqfpfd] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
}

.fiscal-year-card .fy-dates[b-ntvyjqfpfd] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.fiscal-year-card .fy-stats[b-ntvyjqfpfd] {
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem;
}

.fiscal-year-card .stat[b-ntvyjqfpfd] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.fiscal-year-card .card-actions[b-ntvyjqfpfd] {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--border-color);
    background: var(--bg-tertiary);
}

/* Status Badge */
.status-badge[b-ntvyjqfpfd] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-full);
}

.status-badge.open[b-ntvyjqfpfd] {
    background: color-mix(in srgb, var(--success-color) 15%, var(--bg-primary));
    color: var(--text-primary);
}

.status-badge.closed[b-ntvyjqfpfd] {
    background: color-mix(in srgb, var(--warning-color) 15%, var(--bg-primary));
    color: var(--text-primary);
}

.status-badge.invoiced[b-ntvyjqfpfd] {
    background: color-mix(in srgb, var(--info-color) 15%, var(--bg-primary));
    color: var(--text-primary);
}

.status-badge.archived[b-ntvyjqfpfd] {
    background: var(--bg-hover);
    color: var(--text-secondary);
}

/* Card State Styling */
.fiscal-year-card.closed[b-ntvyjqfpfd] {
    opacity: 0.8;
}

.fiscal-year-card.archived[b-ntvyjqfpfd] {
    opacity: 0.6;
}

/* Action Buttons */
.btn-action[b-ntvyjqfpfd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    color: var(--text-secondary);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.15s;
    text-decoration: none;
}

.btn-action:hover[b-ntvyjqfpfd] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

/* Form Row for side-by-side fields */
.form-row[b-ntvyjqfpfd] {
    display: flex;
    gap: 1rem;
}

.form-row .form-group[b-ntvyjqfpfd] {
    flex: 1;
}

/* Checkbox Label */
.checkbox-label[b-ntvyjqfpfd] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    cursor: pointer;
}

.checkbox-label input[type="checkbox"][b-ntvyjqfpfd] {
    margin-top: 0.25rem;
}

.btn-action:focus-visible[b-ntvyjqfpfd] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
    background: var(--bg-hover);
    color: var(--text-primary);
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ============================================
   Welcome Wizard Modal (VS 2022 Style)
   ============================================ */

.wizard-overlay[b-4d3sfpupmh] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(4px);
}

.wizard-dialog[b-4d3sfpupmh] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    width: 100%;
    max-width: 540px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-color);
}

/* Step Indicator */
.wizard-steps[b-4d3sfpupmh] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 2rem;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
    gap: 0;
}

.wizard-step[b-4d3sfpupmh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.step-number[b-4d3sfpupmh] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--bg-hover);
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.wizard-step.active .step-number[b-4d3sfpupmh] {
    background: var(--onboarding-color);
    color: #ffffff;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--onboarding-color) 50%, transparent);
}

.wizard-step.completed .step-number[b-4d3sfpupmh] {
    background: var(--success-color);
    color: #ffffff;
}

.step-label[b-4d3sfpupmh] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.wizard-step.active .step-label[b-4d3sfpupmh] {
    color: var(--text-primary);
}

.wizard-step.completed .step-label[b-4d3sfpupmh] {
    color: var(--success-color);
}

.wizard-step-line[b-4d3sfpupmh] {
    width: 60px;
    height: 2px;
    background: var(--border-color);
    margin: 0 0.75rem;
    margin-bottom: 1.5rem;
    transition: background 0.2s ease;
}

.wizard-step-line.completed[b-4d3sfpupmh] {
    background: var(--success-color);
}

/* Wizard Content */
.wizard-content[b-4d3sfpupmh] {
    padding: 2rem;
    flex: 1;
    overflow-y: auto;
    text-align: center;
}

.wizard-icon[b-4d3sfpupmh] {
    width: 100px;
    height: 100px;
    margin: 0 auto 1.5rem;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%,
                    color-mix(in srgb, var(--onboarding-color) 80%, #ffffff) 0%,
                    var(--onboarding-color) 50%,
                    color-mix(in srgb, var(--onboarding-color) 70%, #000000) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    box-shadow: 0 0 60px color-mix(in srgb, var(--onboarding-color) 50%, transparent),
                0 0 30px color-mix(in srgb, var(--onboarding-color) 30%, transparent),
                inset 0 -3px 10px color-mix(in srgb, var(--onboarding-color) 50%, #000000);
}

.wizard-icon.success[b-4d3sfpupmh] {
    background: radial-gradient(circle at 30% 30%,
                    color-mix(in srgb, var(--success-color) 80%, #ffffff) 0%,
                    var(--success-color) 50%,
                    color-mix(in srgb, var(--success-color) 70%, #000000) 100%);
    box-shadow: 0 0 60px color-mix(in srgb, var(--success-color) 50%, transparent),
                0 0 30px color-mix(in srgb, var(--success-color) 30%, transparent),
                inset 0 -3px 10px color-mix(in srgb, var(--success-color) 50%, #000000);
}

.wizard-title[b-4d3sfpupmh] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.75rem;
}

.wizard-description[b-4d3sfpupmh] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0 0 1.5rem;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.wizard-description strong[b-4d3sfpupmh] {
    color: var(--accent-color);
}

/* Wizard Features List */
.wizard-features[b-4d3sfpupmh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.wizard-feature[b-4d3sfpupmh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.wizard-feature svg[b-4d3sfpupmh] {
    color: var(--accent-color);
    flex-shrink: 0;
}

/* Wizard Form */
.wizard-form[b-4d3sfpupmh] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    text-align: left;
    margin-top: 1rem;
}

.wizard-form-field[b-4d3sfpupmh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.wizard-label[b-4d3sfpupmh] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
}

.wizard-label .required[b-4d3sfpupmh] {
    color: var(--error-color, #f44336);
}

.wizard-input[b-4d3sfpupmh] {
    padding: 0.75rem 1rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 0.95rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.wizard-input:focus[b-4d3sfpupmh] {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px rgba(129, 186, 42, 0.15);
}

.wizard-input[b-4d3sfpupmh]::placeholder {
    color: var(--text-muted);
}

.wizard-hint[b-4d3sfpupmh] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.wizard-error[b-4d3sfpupmh] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    border-radius: var(--radius-sm);
    color: var(--error-color, #f44336);
    font-size: 0.875rem;
    text-align: left;
}

/* Next Steps */
.wizard-next-steps[b-4d3sfpupmh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.next-step-item[b-4d3sfpupmh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.next-step-item svg[b-4d3sfpupmh] {
    color: var(--success-color);
    flex-shrink: 0;
}

/* Wizard Actions */
.wizard-actions[b-4d3sfpupmh] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem 2rem;
    background: var(--bg-tertiary);
    border-top: 1px solid var(--border-color);
}

/* Countdown Timer */
.wizard-countdown[b-4d3sfpupmh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 2rem;
    background: var(--bg-tertiary);
    border-top: 1px solid var(--border-color);
}

.countdown-ring[b-4d3sfpupmh] {
    position: relative;
    width: 56px;
    height: 56px;
}

.countdown-ring svg[b-4d3sfpupmh] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.countdown-ring circle[b-4d3sfpupmh] {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
}

.countdown-bg[b-4d3sfpupmh] {
    stroke: var(--border-color);
}

.countdown-progress[b-4d3sfpupmh] {
    stroke: var(--accent-color);
    stroke-dasharray: 100.53;
    transition: stroke-dashoffset 0.05s linear;
}

.countdown-number[b-4d3sfpupmh] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--accent-color);
}

.countdown-text[b-4d3sfpupmh] {
    font-size: 0.9rem;
    color: var(--text-muted);
}

.wizard-btn[b-4d3sfpupmh] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-sm);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    border: none;
}

.wizard-btn-primary[b-4d3sfpupmh] {
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
}

.wizard-btn-primary:hover:not(:disabled)[b-4d3sfpupmh] {
    filter: brightness(1.1);
}

.wizard-btn-primary:disabled[b-4d3sfpupmh] {
    opacity: 0.5;
    cursor: not-allowed;
}

.wizard-btn-secondary[b-4d3sfpupmh] {
    background: var(--bg-hover);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

.wizard-btn-secondary:hover[b-4d3sfpupmh] {
    background: var(--bg-active);
    color: var(--text-primary);
}

/* Spinner */
.spinner-small[b-4d3sfpupmh] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-4d3sfpupmh 0.8s linear infinite;
}

@keyframes spin-b-4d3sfpupmh {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 600px) {
    .wizard-dialog[b-4d3sfpupmh] {
        margin: 1rem;
        max-height: calc(100vh - 2rem);
    }

    .wizard-steps[b-4d3sfpupmh] {
        padding: 1rem;
    }

    .wizard-step-line[b-4d3sfpupmh] {
        width: 30px;
    }

    .step-label[b-4d3sfpupmh] {
        display: none;
    }

    .wizard-content[b-4d3sfpupmh] {
        padding: 1.5rem;
    }

    .wizard-actions[b-4d3sfpupmh] {
        padding: 1rem;
    }
}

/* ============================================
   KPI Summary Cards
   ============================================ */

.kpi-grid[b-4d3sfpupmh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.kpi-card[b-4d3sfpupmh] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 1.25rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}

.kpi-card-link[b-4d3sfpupmh] {
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.kpi-card-link:hover[b-4d3sfpupmh] {
    border-color: var(--accent-color);
}

.kpi-icon[b-4d3sfpupmh] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #ffffff;
}

.kpi-icon.customers[b-4d3sfpupmh] {
    background: var(--accent-color);
}

.kpi-icon.orders[b-4d3sfpupmh] {
    background: var(--warning-color);
}

.kpi-icon.pending[b-4d3sfpupmh] {
    background: var(--info-color);
}

.kpi-icon.revenue[b-4d3sfpupmh] {
    background: #003399;
}

.kpi-currency-code[b-4d3sfpupmh] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.kpi-content[b-4d3sfpupmh] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.kpi-values[b-4d3sfpupmh] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.kpi-value[b-4d3sfpupmh] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--text-primary);
    line-height: 1;
}

.kpi-label[b-4d3sfpupmh] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

@media (max-width: 1024px) {
    .kpi-grid[b-4d3sfpupmh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .kpi-grid[b-4d3sfpupmh] {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   Recent Orders Table
   ============================================ */

.recent-orders-section[b-4d3sfpupmh] {
    margin-top: 1rem;
}

.section-header[b-4d3sfpupmh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.section-link[b-4d3sfpupmh] {
    font-size: 0.8rem;
    color: var(--accent-color);
    text-decoration: none;
}

.section-link:hover[b-4d3sfpupmh] {
    text-decoration: underline;
}

.recent-orders-empty[b-4d3sfpupmh] {
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.85rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.recent-orders-table[b-4d3sfpupmh] {
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.orders-table-header[b-4d3sfpupmh] {
    display: grid;
    grid-template-columns: 180px 170px 120px 140px 130px;
    gap: 8px;
    padding: 10px 16px;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.orders-table-row[b-4d3sfpupmh] {
    display: grid;
    grid-template-columns: 180px 170px 120px 140px 130px;
    gap: 8px;
    padding: 12px 16px;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    font-size: 0.85rem;
    color: var(--text-primary);
    text-decoration: none;
    transition: background 0.15s;
    cursor: pointer;
}

.orders-table-row:last-child[b-4d3sfpupmh] {
    border-bottom: none;
}

.orders-table-row:hover[b-4d3sfpupmh] {
    background: var(--bg-hover);
}

.order-number-value[b-4d3sfpupmh] {
    font-weight: 600;
    color: var(--accent-color);
}

.col-date[b-4d3sfpupmh] {
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.col-amount[b-4d3sfpupmh] {
    font-weight: 600;
}

/* Order status badges */
.order-badge[b-4d3sfpupmh] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: capitalize;
}

.status-confirmed[b-4d3sfpupmh] {
    background: rgba(117, 188, 255, 0.15);
    color: var(--info-color);
}

.status-accepted[b-4d3sfpupmh] {
    background: rgba(247, 147, 30, 0.15);
    color: var(--warning-color);
}

.status-paid[b-4d3sfpupmh] {
    background: rgba(129, 186, 42, 0.15);
    color: var(--accent-color);
}

.status-processing[b-4d3sfpupmh] {
    background: rgba(117, 188, 255, 0.15);
    color: var(--info-color);
}

.status-activated[b-4d3sfpupmh] {
    background: rgba(129, 186, 42, 0.15);
    color: var(--accent-color);
}

.status-completed[b-4d3sfpupmh] {
    background: rgba(129, 186, 42, 0.2);
    color: var(--success-color);
}

.payment-paid[b-4d3sfpupmh] {
    background: rgba(129, 186, 42, 0.15);
    color: var(--success-color);
}

.payment-unpaid[b-4d3sfpupmh] {
    background: rgba(229, 37, 32, 0.15);
    color: var(--error-color);
}

.payment-pending[b-4d3sfpupmh] {
    background: rgba(128, 128, 128, 0.15);
    color: var(--text-muted);
}

@media (max-width: 768px) {
    .orders-table-header[b-4d3sfpupmh] {
        display: none;
    }

    .orders-table-row[b-4d3sfpupmh] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 12px 16px;
    }
}

/* ============================================
   Organization Section
   ============================================ */

/* Organization Section - Uses Theme Variables */
.organization-section[b-4d3sfpupmh] {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid var(--border-color);
}

.organization-logo[b-4d3sfpupmh] {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-lg);
    background: var(--accent-color);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    color: var(--accent-text, #ffffff);
}

.organization-logo svg[b-4d3sfpupmh] {
    width: 48px;
    height: 48px;
}

.organization-info[b-4d3sfpupmh] {
    flex: 1;
}

.organization-header[b-4d3sfpupmh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.organization-name[b-4d3sfpupmh] {
    margin: 0 0 0.25rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
}

.organization-type[b-4d3sfpupmh] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.btn-edit-org[b-4d3sfpupmh] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
    border: none;
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: filter 0.15s ease;
    white-space: nowrap;
}

.btn-edit-org:hover[b-4d3sfpupmh] {
    filter: brightness(1.1);
}

.btn-edit-org svg[b-4d3sfpupmh] {
    flex-shrink: 0;
}

.organization-meta[b-4d3sfpupmh] {
    display: flex;
    gap: 2rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

.meta-item[b-4d3sfpupmh] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.meta-label[b-4d3sfpupmh] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.meta-value[b-4d3sfpupmh] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.meta-value.highlight[b-4d3sfpupmh] {
    color: var(--accent-color);
}

.meta-link[b-4d3sfpupmh] {
    font-size: 0.8rem;
    color: var(--link-color);
    text-decoration: underline;
}

.meta-link:hover[b-4d3sfpupmh] {
    color: var(--accent-color);
}

/* Cards Container - Uses Theme Variables */
.cards-container[b-4d3sfpupmh] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.card-section[b-4d3sfpupmh] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1rem 1.25rem 1.25rem;
    border: 1px solid var(--border-color);
}

.section-title[b-4d3sfpupmh] {
    margin: 0 0 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cards-grid[b-4d3sfpupmh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.feature-card[b-4d3sfpupmh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 100px;
    background: transparent;
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all 0.15s;
}

.feature-card:hover[b-4d3sfpupmh] {
    background: var(--bg-hover);
}

.card-icon[b-4d3sfpupmh] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.card-icon svg[b-4d3sfpupmh] {
    width: 24px;
    height: 24px;
}

.card-icon.organization[b-4d3sfpupmh] { background: #569cd6; color: #1e1e1e; }
.card-icon.licenses[b-4d3sfpupmh] { background: #d7ba7d; color: #1e1e1e; }
.card-icon.users[b-4d3sfpupmh] { background: var(--success-color); color: #1e1e1e; }
.card-icon.keys[b-4d3sfpupmh] { background: #9d9d9d; color: #1e1e1e; }
.card-icon.downloads[b-4d3sfpupmh] { background: #c586c0; color: #1e1e1e; }
.card-icon.orders[b-4d3sfpupmh] { background: var(--warning-color); color: #1e1e1e; }
.card-icon.payment[b-4d3sfpupmh] { background: #5289CE; color: #1e1e1e; }
.card-icon.support[b-4d3sfpupmh] { background: var(--info-color); color: #1e1e1e; }
.card-icon.faq[b-4d3sfpupmh] { background: #FFED65; color: #1e1e1e; }
.card-icon.docs[b-4d3sfpupmh] { background: #9d9d9d; color: #1e1e1e; }

.card-title[b-4d3sfpupmh] {
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--text-secondary);
    text-align: center;
}

/* Alerts Section - Uses Theme Variables */
.alerts-section[b-4d3sfpupmh] {
    margin-bottom: 1.5rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
    border: 1px solid var(--border-color);
}

.alert-item[b-4d3sfpupmh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    border-radius: var(--radius-sm);
    margin-bottom: 0.5rem;
}

.alert-item:last-child[b-4d3sfpupmh] {
    margin-bottom: 0;
}

.alert-item.warning[b-4d3sfpupmh] {
    background: rgba(247, 147, 30, 0.1);
    border-left: 3px solid var(--warning-color);
}

.alert-item.info[b-4d3sfpupmh] {
    background: rgba(117, 188, 255, 0.1);
    border-left: 3px solid var(--info-color);
}

.alert-badge[b-4d3sfpupmh] {
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-xs);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.alert-badge.expired[b-4d3sfpupmh] {
    background: rgba(247, 147, 30, 0.15);
    color: var(--warning-color);
}

.alert-badge.new[b-4d3sfpupmh] {
    background: rgba(117, 188, 255, 0.15);
    color: var(--info-color);
}

.alert-message[b-4d3sfpupmh] {
    flex: 1;
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.alert-action[b-4d3sfpupmh] {
    text-decoration: underline;
    font-size: 0.8rem;
    font-weight: 500;
}

/* Warning alert action uses warning color */
.alert-item.warning .alert-action[b-4d3sfpupmh] {
    color: var(--warning-color);
}

.alert-item.warning .alert-action:hover[b-4d3sfpupmh] {
    color: var(--warning-color);
    opacity: 0.8;
}

/* Info alert action uses info color */
.alert-item.info .alert-action[b-4d3sfpupmh] {
    color: var(--info-color);
}

.alert-item.info .alert-action:hover[b-4d3sfpupmh] {
    color: var(--info-color);
    opacity: 0.8;
}

/* Context Banner - Shows selected organization */
.context-banner[b-4d3sfpupmh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: rgba(129, 186, 42, 0.1);
    border-radius: var(--radius-sm);
    margin-bottom: 1rem;
    border-left: 3px solid var(--accent-color);
}

.context-icon[b-4d3sfpupmh] {
    color: var(--accent-color);
    flex-shrink: 0;
}

.context-text[b-4d3sfpupmh] {
    flex: 1;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.context-text strong[b-4d3sfpupmh] {
    color: var(--text-primary);
}

.context-stats[b-4d3sfpupmh] {
    color: var(--text-muted);
    font-size: 0.8rem;
    padding: 0.2rem 0.5rem;
    background: rgba(129, 186, 42, 0.1);
    border-radius: var(--radius-sm);
}

/* Responsive */
@media (max-width: 768px) {
    .organization-section[b-4d3sfpupmh] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .organization-meta[b-4d3sfpupmh] {
        flex-direction: column;
        gap: 1rem;
    }

    .cards-grid[b-4d3sfpupmh] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/Insights.razor.rz.scp.css */
/* Insights page — tenant usage hero (bandwidth + AI cost/usage tabs) */

.insights[b-is7eng33lt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem 1.5rem 3rem;
    min-height: 100%;
    /* Flex item of .content-panel-body (flex column, overflow-y:auto) — explicit min-height
       overrides the flex item's default min-height:auto (which protects against shrinking
       below content size). Without flex-shrink:0, flex-shrink:1 (default) silently compresses
       this box down to exactly the panel's visible height whenever content is taller, and the
       ancestor's scrollable area is computed from that compressed box — clipping everything
       beyond it (including the bottom padding, and on a deep row expansion, dozens of rows)
       out of scroll reach entirely (01KZJK8JY8V7C86HFAYTA1WBEQ, verified live via
       getComputedStyle: .insights height was clamped to the panel's content-box height instead
       of its ~1189px content height, until flex-shrink:0 was set). */
    flex-shrink: 0;
}

.insights-toolbar-spacer[b-is7eng33lt] {
    flex: 1 1 auto;
}

.insights-loading[b-is7eng33lt] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
}

/* Expand/collapse chevron — used by the breakdown rows */
.chevron[b-is7eng33lt] {
    transition: transform 0.2s;
    color: var(--text-muted);
}

.chevron.expanded[b-is7eng33lt] {
    transform: rotate(90deg);
}

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

/* ───────────────────────── AI Usage hero ───────────────────────── */
/* The shared dashboard vocabulary (tab head, hero, chips, mini tiles, section, month strip) lives in
   Compossa.UI.Blazor components.css ("Usage dashboard"); only Insights-specific parts remain here. */
/* headline range selector (segmented) */
.ai-range[b-is7eng33lt] { display: flex; gap: 0.25rem; }
.ai-range-btn[b-is7eng33lt] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-secondary);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    padding: 0.3rem 0.8rem;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}
.ai-range-btn:hover[b-is7eng33lt] { background: var(--bg-hover); color: var(--text-primary); }
.ai-range-btn.active[b-is7eng33lt] { color: var(--accent-color); border-color: var(--accent-color); background: color-mix(in srgb, var(--accent-color) 12%, transparent); }

.ai-proj[b-is7eng33lt] { color: var(--text-muted); font-style: italic; }

/* budget-cap gauge (the governance answer: how much of the limit) */
.ai-hero-cap[b-is7eng33lt] { display: flex; align-items: center; gap: 0.6rem; padding-left: var(--hero-content-inset); }
.ai-hero-cap-text[b-is7eng33lt] { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-secondary); }
.ai-hero-cap-track[b-is7eng33lt] { flex: 0 0 200px; height: 7px; background: var(--bg-tertiary); border-radius: 4px; overflow: hidden; }
.ai-hero-cap-fill[b-is7eng33lt] { height: 100%; border-radius: 4px; transition: width 0.4s; }
.ai-hero-cap-fill.healthy[b-is7eng33lt] { background: var(--success-color); }
.ai-hero-cap-fill.warning[b-is7eng33lt] { background: var(--warning-color); }
.ai-hero-cap-fill.critical[b-is7eng33lt] { background: var(--error-color); }
.ai-hero-cap-label[b-is7eng33lt] { font-size: 0.8rem; color: var(--text-secondary); }
.ai-hero-cap-label strong[b-is7eng33lt] { color: var(--text-primary); }
.ai-hero-cap-none[b-is7eng33lt] { font-size: 0.78rem; color: var(--text-muted); padding-left: var(--hero-content-inset); }

/* "How calculated" drawer (self-contained — no dependency on a host modal stylesheet) */
.howcalc-overlay[b-is7eng33lt] {
    position: fixed; inset: 0; z-index: 1000; padding: 1rem; cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
    display: flex; align-items: center; justify-content: center;
}
.howcalc-panel[b-is7eng33lt] {
    width: min(560px, 100%); max-height: calc(100vh - 2rem);
    background: var(--bg-secondary); border: 1px solid var(--border-color);
    border-radius: var(--radius-md); overflow: hidden; cursor: default;
    display: flex; flex-direction: column;
}
.howcalc-header[b-is7eng33lt] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.9rem 1.25rem; border-bottom: 1px solid var(--border-color);
}
.howcalc-title[b-is7eng33lt] { font-weight: 600; font-size: 1rem; color: var(--text-primary); }
.howcalc-close[b-is7eng33lt] {
    background: none; border: none; color: var(--text-muted);
    font-size: 1.5rem; line-height: 1; cursor: pointer; padding: 0 0.25rem;
}
.howcalc-close:hover[b-is7eng33lt] { color: var(--text-primary); }
.howcalc-body[b-is7eng33lt] { padding: 1.1rem 1.25rem; overflow-y: auto; }
.howcalc-lead[b-is7eng33lt] { margin: 0 0 0.75rem; font-size: 0.85rem; }
.howcalc-pipe[b-is7eng33lt] {
    font-size: 0.8rem; color: var(--text-secondary); background: var(--bg-tertiary);
    border-radius: var(--radius-sm); padding: 0.55rem 0.75rem; margin: 0 0 1rem; line-height: 1.5;
}
.howcalc[b-is7eng33lt] { margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: 0.5rem 1.1rem; }
.howcalc dt[b-is7eng33lt] { font-weight: 600; color: var(--text-primary); font-size: 0.85rem; }
.howcalc dd[b-is7eng33lt] { margin: 0; color: var(--text-secondary); font-size: 0.85rem; line-height: 1.5; }
.howcalc-rates[b-is7eng33lt] { font-family: var(--font-mono); font-size: 0.76rem; color: var(--text-primary); margin-bottom: 0.25rem; }

/* Today tile stays a passive stat at rest — no accidental refresh from scanning it — but hosts
   a small refresh icon, hidden until the tile is hovered or the icon itself gets keyboard focus
   (:focus-visible fires without needing a hover, so Tab-only navigation still finds it). Reuses
   the original standalone button's .card-action-btn look, just relocated + revealed on demand
   instead of always-on (01M2RQBQQ1C9A50SP4NXWHSC30 / 01M2RQGH9T07MFB9B5T01JG9GX). .cmd-busy
   (components.css) supplies the busy-state bottom progress bar for free while it refreshes.
   Vertically CENTERED (not top-anchored) so the same rule reads consistently regardless of
   the Today tile's own height — Bandwidth's is short (icon+row layout, .ai-mini-iconed),
   AI Cost & Usage's is taller (plain column, more sub-lines); a fixed top offset put the icon
   near-centered on the short tile but pinned near the top on the tall one
   (01M2RTTAYQZ8P54PQ6HPW8Q0RJ). */
/* Positioned on a WRAPPER <div> that Insights.razor renders directly — not on
   CommandButton's own root element. CSS scope-isolation forwards this page's scope
   attribute reliably to plain markup declared here, but not dependably to a child
   component's root, which left the absolute positioning silently unapplied (the
   button rendered in normal flow: right-and-centered by accident on Bandwidth's
   row-flex tile, bottom-left on AI Cost & Usage's taller column-flex tile — the
   actual inconsistency 01M2RTTAYQZ8P54PQ6HPW8Q0RJ was filed against). */
.ai-mini-refresh-slot[b-is7eng33lt] {
    position: absolute;
    top: 50%;
    right: 0.6rem;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.15s;
}
.ai-mini-hasrefresh:hover .ai-mini-refresh-slot[b-is7eng33lt],
.ai-mini-refresh-slot:focus-within[b-is7eng33lt],
.ai-mini-refresh-slot:has(.cmd-busy)[b-is7eng33lt] {
    opacity: 1;
}
.ai-mini-updated[b-is7eng33lt] { opacity: 0.75; }

/* Top consumers leaderboard — the "who" behind egress */
.ai-consumers[b-is7eng33lt] {
    display: flex; flex-direction: column; gap: 0.45rem;
    background: var(--bg-secondary); border: 1px solid var(--border-color);
    border-radius: var(--radius-md); padding: 0.85rem 1rem;
}
.ai-consumer-row[b-is7eng33lt] {
    display: grid; grid-template-columns: minmax(120px, 1.4fr) 3fr minmax(70px, auto);
    align-items: center; gap: 0.75rem; font-size: 0.82rem;
}
.ai-consumer-name[b-is7eng33lt] {
    color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    font-family: var(--font-mono, ui-monospace, monospace); font-size: 0.78rem;
}
.ai-consumer-bar[b-is7eng33lt] { height: 8px; background: var(--bg-tertiary); border-radius: 4px; overflow: hidden; }
.ai-consumer-bar > span[b-is7eng33lt] { display: block; height: 100%; background: var(--tertiary-color); border-radius: 4px; transition: width 0.3s; }
.ai-consumer-bytes[b-is7eng33lt] { text-align: right; color: var(--text-secondary); font-variant-numeric: tabular-nums; }

/* Hero dedup note — the bandwidth-cache differentiator, called out under the figures */
.ai-hero-dedupnote[b-is7eng33lt] { font-size: 0.78rem; color: var(--text-muted); display: flex; align-items: center; gap: 0.4rem; }
.ai-dedup-glyph[b-is7eng33lt] { color: var(--text-secondary); }

/* breakdown table */
/* NOT overflow:hidden (2nd attempt, 2026-08-02 - the 1st attempt's transform:translateZ(0) assumed
   the missing-rows bug was a Firefox-only repaint quirk on this overflow:hidden block and left Chrome
   untouched; found live that Chrome/Brave show the identical cut-off, so that diagnosis was wrong).
   Root cause: LoadDataAsync (Insights.razor.cs) populates the token/bandwidth breakdown AFTER the
   page's first paint - the initial render has zero/near-zero .ai-bd-row children, then Blazor Server
   patches the full row set in via SignalR once the awaited load completes. overflow:hidden plus that
   post-paint child-list mutation is what clipped the container to its stale, near-empty height in
   EVERY browser, not just Firefox. Removing overflow:hidden removes the thing that needed reflowing -
   a plain block with no explicit height always sizes to its current children, browser-independent.
   Corner-rounding (the reason overflow:hidden was there) now lives on the first/last row instead. */
.ai-bd[b-is7eng33lt] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.ai-bd-head:first-child[b-is7eng33lt] {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
}

.ai-bd-row:last-child[b-is7eng33lt] {
    border-bottom-left-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
}

.ai-bd-head[b-is7eng33lt], .ai-bd-row[b-is7eng33lt] {
    display: grid;
    /* Numeric columns are FIXED to their content (they never need to grow). Workflow + Prompt get a
       modest flex, and Share is the dominant flex column — so the extra window width flows to the
       right (the progress bar scales), not into the short-text columns on the left. Below ~900px the
       media query drops the detail columns instead of scrolling.
       The five metric columns (Runs/Non-cache input/Output/Cache tokens/Billed total) match the
       Bandwidth breakdown's numeric widths below — that table reads clearly at the same widths, so
       this one should too. Prompt template's flex share is cut from 1.4fr to 0.9fr (matching
       Bandwidth's Actor column) to free the room the wider metric columns need, while its 110px
       floor keeps a useful caption length before truncation. */
    grid-template-columns:
        minmax(120px, 1.4fr) minmax(110px, 0.9fr)
        56px 78px 78px 78px 84px 64px
        minmax(130px, 2.6fr);
    align-items: center;
    column-gap: 0.5rem;
    padding: 0.6rem 1rem;
}

/* Bandwidth breakdown — 8 columns (no cache/cost): name · actor · runs · download · upload · saved · total · share */
.ai-bd-bw .ai-bd-head[b-is7eng33lt],
.ai-bd-bw .ai-bd-row[b-is7eng33lt] {
    grid-template-columns:
        minmax(140px, 1.6fr) minmax(90px, 1.3fr)
        56px 78px 78px 78px 84px
        minmax(120px, 2.4fr);
}

.ai-bd-head[b-is7eng33lt] {
    background: var(--bg-tertiary);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
}

.ai-bd-row[b-is7eng33lt] { border-top: 1px solid var(--border-color); font-size: 0.85rem; color: var(--text-primary); }
.ai-bd-month[b-is7eng33lt] { cursor: pointer; font-weight: 700; background: var(--bg-secondary); border-top: 2px solid var(--border-color); }
.ai-bd-month:hover[b-is7eng33lt] { background: var(--bg-hover); }
.ai-bd-date[b-is7eng33lt] { cursor: pointer; font-weight: 600; }
.ai-bd-date:hover[b-is7eng33lt] { background: var(--bg-hover); }
.ai-bd-model-row[b-is7eng33lt] { font-weight: 500; background: var(--bg-secondary); cursor: pointer; }
.ai-bd-model-row:hover[b-is7eng33lt] { background: var(--bg-hover); }
.ai-bd-reqid-row[b-is7eng33lt] { display: flex; align-items: center; gap: 0.25rem; min-width: 0; }
.ai-bd-reqid[b-is7eng33lt] { font-family: var(--font-mono, ui-monospace, monospace); font-size: 0.7rem; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; min-width: 0; flex: 1; }
.ai-bd-copy[b-is7eng33lt] { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 0.1rem; background: none; border: none; cursor: pointer; color: var(--text-muted); border-radius: 3px; opacity: 0.5; transition: opacity 0.15s, color 0.15s; }
.ai-bd-copy:hover[b-is7eng33lt] { opacity: 1; color: var(--accent-color); }
.ai-bd-copy-done[b-is7eng33lt] { opacity: 1; color: var(--success-color, #22c55e); }
.ai-bd-orch-tag[b-is7eng33lt] { font-size: 0.72rem; font-weight: 600; color: var(--accent-color); background: color-mix(in srgb, var(--accent-color) 12%, transparent); border-radius: 3px; padding: 0.05rem 0.35rem; white-space: nowrap; }
.ai-bd-indent[b-is7eng33lt]  { padding-left: 1.4rem; }
.ai-bd-indent2[b-is7eng33lt] { padding-left: 2.8rem; }
.ai-bd-indent3[b-is7eng33lt] { padding-left: 3.8rem; display: flex; flex-direction: column; overflow: hidden; white-space: normal; }

/* Individual request rows inside the detail drill-down */
.ai-bd-detail-row[b-is7eng33lt] { background: color-mix(in srgb, var(--bg-tertiary) 60%, transparent); font-size: 0.78rem; color: var(--text-muted); border-bottom: 1px dashed var(--border-color-subtle, var(--border-color)); }
/* Leaf-row first column: orchestrator chip + call time on one line, the req_ id below it */
.ai-bd-req-head[b-is7eng33lt] { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.15rem; }
.ai-bd-req-time[b-is7eng33lt] { font-family: var(--font-mono, ui-monospace, monospace); font-size: 0.68rem; color: var(--text-muted); opacity: 0.7; }
.ai-bd-detail-loading[b-is7eng33lt] { padding: 0.4rem 2.8rem; font-size: 0.78rem; color: var(--text-muted); }
/* Cache write indicator — distinguishes $3.75/M write from $0.30/M read */
.ai-bd-cache-write[b-is7eng33lt] { color: var(--warning-color, #F7931E); }
/* Badge: left-anchored; value: right-aligned matching other ai-num columns */
.ai-bd-cache-cell[b-is7eng33lt] { display: flex; align-items: center; gap: 0; }
.ai-bd-cache-badge[b-is7eng33lt] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; padding: 0 0.2rem; background: var(--warning-color, #F7931E); color: #fff; border-radius: 2px; font-size: 0.6rem; font-weight: 700; line-height: 1.4; }
.ai-bd-cache-value[b-is7eng33lt] { flex: 1; text-align: right; }
/* Legend below the detail rows, mirrors model colour legend style */
.ai-bd-detail-legend[b-is7eng33lt] { display: flex; align-items: center; gap: 0.4rem; padding: 0.3rem 2.8rem; font-size: 0.72rem; color: var(--text-muted); border-top: 1px solid var(--border-color); }


/* Workflow + prompt-template are left-aligned and truncate long names with an ellipsis (the inline
   chevron rides along on the model rows). */
.ai-bd-name[b-is7eng33lt] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-bd-name .chevron[b-is7eng33lt] { vertical-align: middle; margin-right: 0.35rem; }
.ai-bd-tmpl[b-is7eng33lt] { color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Reverted (2026-08-19 UAT): left-aligning the header caption while values stay right-aligned broke
   the shared right edge between "RUNS" and its "995" below it — header and column no longer traced
   down the same line. Right-aligned headers (matching the Bandwidth table, which was never changed)
   read as the deliberate, scannable convention; left kept it looking like a misplaced label. */
.ai-num[b-is7eng33lt] { text-align: right; font-variant-numeric: tabular-nums; color: var(--text-secondary); }
.ai-bd-total[b-is7eng33lt] { color: var(--text-primary); font-weight: 600; }
/* Cost is the "premium / energy" gold (--tertiary-color), NOT the theme accent — so it never reads as
   an error/breach in a red theme. Red stays for chrome (tabs/buttons/selection) + genuine breach only. */
.ai-bd-cost[b-is7eng33lt] { color: var(--tertiary-color); font-weight: 600; }

.ai-bd-share[b-is7eng33lt] { display: flex; align-items: center; gap: 0.5rem; }

.ai-stack[b-is7eng33lt] { flex: 1; height: 9px; display: flex; border-radius: 5px; overflow: hidden; background: var(--bg-tertiary); }
.ai-stack-in[b-is7eng33lt] { background: var(--tertiary-color); }
.ai-stack-out[b-is7eng33lt] { background: var(--success-color); opacity: 0.85; }
.ai-stack-cache[b-is7eng33lt] { background: var(--text-muted); opacity: 0.7; }

.ai-bd-pct[b-is7eng33lt] { font-size: 0.78rem; color: var(--text-secondary); min-width: 2.5rem; text-align: right; font-variant-numeric: tabular-nums; }

@media (max-width: 900px) {
    /* Drop the per-type detail columns (Runs/Input/Output/Cache = nth-child 3–6); keep the decision
       columns Workflow · Prompt template · Total · Cost · Share so it reads with no horizontal scroll. */
    .ai-bd-head[b-is7eng33lt], .ai-bd-row[b-is7eng33lt] {
        grid-template-columns: minmax(70px, 1.7fr) minmax(64px, 1.5fr) minmax(48px, 0.9fr) minmax(46px, 0.8fr) minmax(60px, 1fr);
        column-gap: 0.3rem;
        font-size: 0.74rem;
    }
    .ai-bd-head > :nth-child(n+3):nth-child(-n+6)[b-is7eng33lt],
    .ai-bd-row > :nth-child(n+3):nth-child(-n+6)[b-is7eng33lt] { display: none; }
}
/* /Components/Pages/Landing.razor.rz.scp.css */
.landing-page[b-euucuru8s1] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    color: #e5e7eb;
}

/* Beta Banner */
.beta-banner[b-euucuru8s1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.875rem 1.25rem;
    background: rgba(245, 158, 11, 0.15);
    border: 1px solid rgba(245, 158, 11, 0.4);
    border-radius: 10px;
    margin-bottom: -1rem;
}

.beta-badge[b-euucuru8s1] {
    padding: 0.25rem 0.625rem;
    background: #f59e0b;
    color: #ffffff;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-radius: 4px;
    flex-shrink: 0;
}

.beta-content[b-euucuru8s1] {
    font-size: 0.9375rem;
    color: #fcd34d;
    line-height: 1.4;
}

.beta-content strong[b-euucuru8s1] {
    color: #fbbf24;
}

.beta-notice[b-euucuru8s1] {
    display: inline-block;
    margin-left: 0.5rem;
    padding: 0.125rem 0.5rem;
    background: rgba(245, 158, 11, 0.2);
    border-radius: 4px;
    font-size: 0.8125rem;
    color: #fcd34d;
}

/* HERO */
.hero[b-euucuru8s1] {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    background-color: #0A0E0F;
    background-image: url('assets/compossa-platform-banner-dark.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    display: flex;
    align-items: center;
    min-height: 480px;
    padding: clamp(2.5rem, 6vw, 4.5rem) clamp(1.5rem, 5vw, 3.5rem);
}

/* Left scrim — keeps copy legible over the artwork regardless of viewport */
.hero[b-euucuru8s1]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(10, 14, 15, 0.97) 0%,
        rgba(10, 14, 15, 0.9) 32%,
        rgba(10, 14, 15, 0.55) 56%,
        rgba(10, 14, 15, 0) 80%
    );
    pointer-events: none;
}

.hero-text[b-euucuru8s1] {
    position: relative;
    z-index: 1;
    max-width: 36rem;
}

.hero-eyebrow[b-euucuru8s1] {
    display: inline-block;
    font-family: 'Walkway';
    font-size: 1.125rem;
    letter-spacing: 0.5px;
    color: #81BA2A;
    margin-bottom: 0.75rem;
}

.hero-title[b-euucuru8s1] {
    font-family: 'Walkway';
    font-size: clamp(2rem, 4vw, 3rem);
    display: flex;
    flex-direction: column;
    gap: 0.1em;
    line-height: 1.05;
    color: #f3f4f6;
    margin: 0 0 1rem 0;
}

.hero-title span[b-euucuru8s1] {
    display: block;
}

.hero-subline[b-euucuru8s1] {
    font-size: clamp(1.0625rem, 1.8vw, 1.375rem);
    font-weight: 600;
    line-height: 1.4;
    color: #81BA2A;
    margin: 0 0 1rem 0;
}

.hero-capabilities[b-euucuru8s1] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    margin: 1.5rem 0 0;
}

.hero-capability[b-euucuru8s1] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding-left: 0.875rem;
    border-left: 2px solid rgba(129, 186, 42, 0.55);
}

.hero-capability strong[b-euucuru8s1] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #f3f4f6;
}

.hero-capability span[b-euucuru8s1] {
    font-size: 0.875rem;
    line-height: 1.45;
    color: #9ca3af;
}

.hero-cta[b-euucuru8s1] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.25rem;
}

.hero-cta-note[b-euucuru8s1] {
    margin: 0.75rem 0 0 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #6b7280;
    max-width: 30rem;
}

.cta[b-euucuru8s1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.8125rem 2rem;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.18s ease;
    border: 1px solid transparent;
}

.cta-primary[b-euucuru8s1] {
    background: #81BA2A;
    color: #1e1e1e;
}

.cta-primary:hover[b-euucuru8s1] {
    background: #94d132;
    transform: translateY(-1px);
}

.cta-secondary[b-euucuru8s1] {
    background: transparent;
    color: #d1d5db;
    border-color: rgba(255, 255, 255, 0.25);
}

.cta-secondary:hover[b-euucuru8s1] {
    border-color: #81BA2A;
    color: #81BA2A;
}

/* Platform overview */
.platform-overview[b-euucuru8s1] {
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    scroll-margin-top: 1.5rem;
}

.platform-overview > .value-eyebrow[b-euucuru8s1],
.platform-overview > .overview-title[b-euucuru8s1],
.platform-overview > .hero-subline[b-euucuru8s1],
.platform-overview > .ownership-closing[b-euucuru8s1] {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.value-eyebrow[b-euucuru8s1] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #81BA2A;
    margin-bottom: 1rem;
}

.overview-title[b-euucuru8s1] {
    font-family: 'Walkway';
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    line-height: 1.25;
    color: #f3f4f6;
    margin: 0.5rem 0 1.5rem 0;
}

/* Ownership panel — "you own → Compossa orchestrates → customers get" */
.ownership-panel[b-euucuru8s1] {
    display: grid;
    grid-template-columns: 1fr minmax(240px, 300px) 1fr;
    gap: 1.25rem;
    align-items: stretch;
    text-align: left;
    margin-top: 1.5rem;
}

.ownership-copy[b-euucuru8s1] {
    grid-column: 1 / -1;
    text-align: center;
    max-width: 720px;
    margin: 0 auto 0.5rem;
}

.ownership-copy h3[b-euucuru8s1] {
    font-family: 'Walkway';
    font-size: 1.25rem;
    color: #f3f4f6;
    margin: 0 0 0.5rem;
}

.ownership-copy p[b-euucuru8s1] {
    color: #9ca3af;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin: 0;
}

.ownership-card[b-euucuru8s1] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 1.5rem;
}

.ownership-card h3[b-euucuru8s1] {
    font-family: 'Walkway';
    font-size: 1.125rem;
    color: #81BA2A;
    margin: 0 0 1rem;
}

.ownership-card ul[b-euucuru8s1] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ownership-card li[b-euucuru8s1] {
    position: relative;
    padding-left: 1.4rem;
    color: #d1d5db;
    font-size: 0.9375rem;
    line-height: 1.45;
}

.ownership-card li[b-euucuru8s1]::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #81BA2A;
    font-weight: bold;
}

.ownership-orchestrator[b-euucuru8s1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 1.5rem;
    min-width: 150px;
    border-radius: 14px;
    background: rgba(129, 186, 42, 0.06);
    border: 1px solid rgba(129, 186, 42, 0.25);
}

.ownership-wordmark[b-euucuru8s1] {
    width: 200px;
    height: auto;
}

.ownership-orchestrator span[b-euucuru8s1] {
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #81BA2A;
}

.ownership-closing[b-euucuru8s1] {
    text-align: center;
    color: #9ca3af;
    font-size: 0.9375rem;
    line-height: 1.6;
    max-width: 760px;
    margin: 1.5rem auto 0;
}

/* Articles section — CSS variables for TagCloud dark theme */
.articles-section[b-euucuru8s1] {
    padding: 2rem 0;
    --bg-tertiary: #2d2d2d;
    --border-color: #3c3c3c;
    --text-primary: #d4d4d4;
    --text-muted: #808080;
    --bg-hover: #3d3d3d;
    --accent-color: #8bc34a;
    --accent-text: #ffffff;
}

.articles-filter-info[b-euucuru8s1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 1rem 0;
    font-size: 0.875rem;
    color: #9ca3af;
}

.articles-filter-info .view-all-link[b-euucuru8s1] {
    color: #8bc34a;
    text-decoration: none;
}

.articles-filter-info .view-all-link:hover[b-euucuru8s1] {
    text-decoration: underline;
}

.articles-list[b-euucuru8s1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 1.5rem 0;
    max-height: 300px;
    overflow-y: auto;
}

.article-item[b-euucuru8s1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    text-align: left;
    cursor: pointer;
    transition: all 0.15s ease;
    width: 100%;
}

.article-item:hover[b-euucuru8s1] {
    border-color: rgba(139, 195, 74, 0.5);
    background: rgba(255, 255, 255, 0.08);
}

.article-item.selected[b-euucuru8s1] {
    border-color: #8bc34a;
    background: rgba(139, 195, 74, 0.15);
}

.article-item-header[b-euucuru8s1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.article-id[b-euucuru8s1] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #8bc34a;
    background: rgba(139, 195, 74, 0.2);
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    flex-shrink: 0;
}

.article-item.selected .article-id[b-euucuru8s1] {
    background: rgba(139, 195, 74, 0.3);
}

.article-title[b-euucuru8s1] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #f3f4f6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-tags[b-euucuru8s1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    padding-left: 0.25rem;
}

.article-tag[b-euucuru8s1] {
    font-size: 0.6875rem;
    color: #9ca3af;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
}

.article-tag-more[b-euucuru8s1] {
    font-size: 0.6875rem;
    color: #6b7280;
    font-style: italic;
}

.articles-empty[b-euucuru8s1] {
    text-align: center;
    padding: 2rem;
    color: #9ca3af;
    font-size: 0.9375rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    margin: 1.5rem 0;
}

.articles-empty p[b-euucuru8s1] {
    margin: 0;
}

/* CSS variables for MarkdownEditor dark theme */
.article-preview[b-euucuru8s1] {
    margin-top: 1.5rem;
    background: #2d2d2d;
    border: 1px solid #3c3c3c;
    border-radius: 12px;
    overflow: hidden;
    --bg-primary: #2d2d2d;
    --bg-secondary: #252526;
    --bg-tertiary: #1e1e1e;
    --bg-hover: #3d3d3d;
    --text-primary: #d4d4d4;
    --text-secondary: #9ca3af;
    --text-muted: #6b7280;
    --border-color: #3c3c3c;
    --accent-color: #8bc34a;
    --radius-sm: 4px;
    --radius-md: 8px;
}

.article-preview-header[b-euucuru8s1] {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background: #252526;
    border-bottom: 1px solid #3c3c3c;
}

.article-preview-header h3[b-euucuru8s1] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #e5e7eb;
    margin: 0;
}

/* Footer banner — constrain to the same content-box width as the hero (the raw <img>
   was rendering at its natural pixel width and overflowing .public-main, so it read
   wider than the hero). width:100% + matching 16px radius aligns its edges to the hero. */
.footer-banner[b-euucuru8s1] {
    width: 100%;
}

.footer-banner img[b-euucuru8s1] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

/* Lightbox (image zoom) */
.lightbox-overlay[b-euucuru8s1] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.lightbox-image[b-euucuru8s1] {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
    cursor: default;
}

.lightbox-close[b-euucuru8s1] {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    background: none;
    border: none;
    color: white;
    font-size: 2.5rem;
    cursor: pointer;
    line-height: 1;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.lightbox-close:hover[b-euucuru8s1] {
    opacity: 1;
}

@media (max-width: 900px) {
    .hero[b-euucuru8s1] {
        min-height: 0;
        background-position: right -80px center;
        padding: 2.5rem 1.5rem;
    }

    .hero[b-euucuru8s1]::before {
        background: linear-gradient(
            90deg,
            rgba(10, 14, 15, 0.97) 0%,
            rgba(10, 14, 15, 0.92) 60%,
            rgba(10, 14, 15, 0.82) 100%
        );
    }

    .hero-text[b-euucuru8s1] {
        max-width: 100%;
    }

    .ownership-panel[b-euucuru8s1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .beta-banner[b-euucuru8s1] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }

    .beta-notice[b-euucuru8s1] {
        display: block;
        margin: 0.5rem 0 0 0;
    }

    .articles-list[b-euucuru8s1] {
        max-height: 250px;
    }

    .article-item-header[b-euucuru8s1] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}
/* /Components/Pages/LegalDocuments.razor.rz.scp.css */
/* Legal Documents Admin Page */
.legal-page[b-1hiauoqwu0] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Version Preview Banner */
.version-preview-banner[b-1hiauoqwu0] {
    margin: 0.75rem 0;
    padding: 0.5rem 0.75rem;
    background: var(--info-color-light, rgba(117, 188, 255, 0.15));
    border-left: 3px solid var(--info-color, #75bcff);
    border-radius: var(--radius-sm);
    font-size: 0.85rem;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Version History List */
.version-history-list-full[b-1hiauoqwu0] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
}

.version-history-item[b-1hiauoqwu0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border-color);
    text-align: left;
    cursor: pointer;
    color: var(--text-secondary);
    font-family: inherit;
    font-size: inherit;
    transition: background 0.15s;
}

.version-history-item:hover[b-1hiauoqwu0] {
    background: var(--bg-hover);
}

.version-history-item:last-child[b-1hiauoqwu0] {
    border-bottom: none;
}

.version-history-item.current[b-1hiauoqwu0] {
    background: var(--bg-selected, rgba(129, 186, 42, 0.1));
}

.version-history-item.previewing[b-1hiauoqwu0] {
    background: var(--info-color-light, rgba(117, 188, 255, 0.15));
    border-left: 3px solid var(--info-color, #75bcff);
}

.version-info[b-1hiauoqwu0] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.version-number[b-1hiauoqwu0] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--text-primary);
}

.version-meta[b-1hiauoqwu0] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.version-date[b-1hiauoqwu0] {
    font-size: 0.75rem;
    color: var(--text-muted);
    white-space: nowrap;
}
/* /Components/Pages/Organization.razor.rz.scp.css */
/* Organization Page */
.organization-page[b-fwociwzmnk] {
    max-width: 800px;
}

/* Page Header with Back Link */
.org-settings-header[b-fwociwzmnk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.header-left[b-fwociwzmnk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.back-link[b-fwociwzmnk],
.cmd-back-link[b-fwociwzmnk] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.85rem;
}

.back-link:hover[b-fwociwzmnk],
.cmd-back-link:hover[b-fwociwzmnk] {
    color: var(--link-color);
}

.org-settings-title[b-fwociwzmnk] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

/* Legacy Page Header */
.page-header[b-fwociwzmnk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1.5rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

.header-content[b-fwociwzmnk] {
    flex: 1;
}

.page-title[b-fwociwzmnk] {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--text-primary);
}

.page-description[b-fwociwzmnk] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted);
    max-width: 600px;
}

.header-actions[b-fwociwzmnk] {
    display: flex;
    gap: 0.75rem;
}

.btn-edit-organization[b-fwociwzmnk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
    border-radius: var(--radius-sm);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.15s;
}

.btn-edit-organization:hover[b-fwociwzmnk] {
    background: var(--accent-hover);
    color: var(--accent-text, #ffffff);
}

/* Organization Section */
.organization-section[b-fwociwzmnk] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.organization-section-header[b-fwociwzmnk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.organization-section-header svg[b-fwociwzmnk] {
    color: var(--accent-color);
}

.organization-section-header h2[b-fwociwzmnk] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.organization-section-description[b-fwociwzmnk] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

/* Organization Card */
.organization-card[b-fwociwzmnk] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.organization-logo-large[b-fwociwzmnk] {
    width: 80px;
    height: 80px;
    background: var(--accent-color);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--accent-text, #ffffff);
}

.organization-details-readonly[b-fwociwzmnk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.organization-field-readonly[b-fwociwzmnk] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.organization-field-readonly.inline-fields[b-fwociwzmnk] {
    flex-direction: row;
    gap: 2rem;
}

.field-group[b-fwociwzmnk] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

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

.field-value[b-fwociwzmnk] {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

.field-value-with-status[b-fwociwzmnk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Address Card */
.address-card[b-fwociwzmnk] {
    background: var(--bg-tertiary);
    border-radius: 6px;
    padding: 1rem;
}

.address-formatted[b-fwociwzmnk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Tax Status */
.tax-status[b-fwociwzmnk] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
}

.tax-status.status-verified[b-fwociwzmnk] {
    color: var(--success-color);
}

.tax-status.status-unverified[b-fwociwzmnk] {
    color: var(--error-color);
}

/* Contact Persons */
.contacts-grid[b-fwociwzmnk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.contact-card[b-fwociwzmnk] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
}

.contact-card.primary[b-fwociwzmnk] {
    border-color: var(--accent-color);
}

.contact-card-header[b-fwociwzmnk] {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--border-color);
}

.contact-badge[b-fwociwzmnk] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-badge.primary[b-fwociwzmnk] {
    color: var(--accent-color);
}

.contact-badge.secondary[b-fwociwzmnk] {
    color: var(--text-muted);
}

.contact-card-body[b-fwociwzmnk] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    align-items: center;
}

.contact-card-body.empty[b-fwociwzmnk] {
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 1rem;
    text-align: center;
}

.contact-avatar[b-fwociwzmnk] {
    width: 48px;
    height: 48px;
    background: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.contact-avatar span[b-fwociwzmnk] {
    color: var(--accent-text, #ffffff);
    font-size: 1rem;
    font-weight: 600;
}

.contact-details[b-fwociwzmnk] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.contact-name[b-fwociwzmnk] {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.95rem;
}

.contact-email[b-fwociwzmnk] {
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.contact-phone[b-fwociwzmnk] {
    color: var(--text-muted);
    font-size: 0.8rem;
}

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

.add-contact-link[b-fwociwzmnk] {
    color: var(--accent-color);
    font-size: 0.85rem;
    text-decoration: none;
    margin-top: 0.5rem;
}

.add-contact-link:hover[b-fwociwzmnk] {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-fwociwzmnk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-actions[b-fwociwzmnk] {
        width: 100%;
    }

    .btn-edit-organization[b-fwociwzmnk] {
        width: 100%;
        justify-content: center;
    }

    .organization-card[b-fwociwzmnk] {
        flex-direction: column;
    }

    .organization-field-readonly.inline-fields[b-fwociwzmnk] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .contacts-grid[b-fwociwzmnk] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/OrganizationAppearance.razor.rz.scp.css */
.branding-heading[b-axj8k0abrm] { margin-bottom: 1.5rem; }
.branding-heading p[b-axj8k0abrm] { color: var(--text-secondary); margin: .4rem 0; }
.branding-workspace[b-axj8k0abrm] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr); gap: 24px; align-items: start; }
.branding-editor[b-axj8k0abrm] { border: 0; padding: 0; margin: 0; min-width: 0; }
.branding-card[b-axj8k0abrm] { padding: 20px; margin-bottom: 16px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-secondary); }
.branding-card h2[b-axj8k0abrm], .branding-preview-column h2[b-axj8k0abrm] { font-size: 1.1rem; margin: 0 0 8px; }
.branding-card h3[b-axj8k0abrm] { font-size: .95rem; }
.branding-card p[b-axj8k0abrm], .branding-preview-column > p[b-axj8k0abrm] { color: var(--text-secondary); }
.branding-custom[b-axj8k0abrm] { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.branding-modes[b-axj8k0abrm], .preview-actions[b-axj8k0abrm] { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.branding-colours[b-axj8k0abrm] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.branding-colours > div[b-axj8k0abrm] { display: grid; gap: 8px; }
.branding-colours code[b-axj8k0abrm] { color: var(--text-secondary); }
.branding-logos[b-axj8k0abrm] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.branding-logo[b-axj8k0abrm] { display: block; max-width: 160px; max-height: 64px; object-fit: contain; margin-bottom: 12px; }
.branding-preview-column[b-axj8k0abrm] { position: sticky; top: 16px; }
.branding-preview[b-axj8k0abrm] { background: var(--bg-primary); color: var(--text-primary); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 20px; }
.preview-header[b-axj8k0abrm] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding-bottom: 16px; border-bottom: 1px solid var(--border-color); }
.preview-header .branding-logo[b-axj8k0abrm] { margin: 0; }
.preview-nav[b-axj8k0abrm] { display: flex; gap: 16px; padding: 16px 0; }
.preview-selected[b-axj8k0abrm] { color: var(--link-color); border-bottom: 2px solid var(--accent-color); }
.preview-card[b-axj8k0abrm] { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 16px; }
.preview-card p[b-axj8k0abrm] { color: var(--text-secondary); }
.preview-card input[b-axj8k0abrm] { display: block; width: 100%; box-sizing: border-box; margin: 8px 0 16px; }
.branding-error[b-axj8k0abrm] { color: var(--error-color, var(--text-primary)); }
@media (max-width: 1000px) { .branding-workspace[b-axj8k0abrm] { grid-template-columns: minmax(0, 1fr); } .branding-preview-column[b-axj8k0abrm] { position: static; } }
@media (max-width: 560px) { .branding-colours[b-axj8k0abrm], .branding-logos[b-axj8k0abrm] { grid-template-columns: minmax(0, 1fr); } }

.preview-card input[b-axj8k0abrm] { background:var(--input-bg); color:var(--input-text); border:1px solid var(--input-border); border-radius:var(--radius-sm); padding:var(--organization-control-padding, 10px); font:inherit; }
.preview-actions button[b-axj8k0abrm] { padding-block:var(--organization-control-padding, 10px); font:inherit; }
.preview-card input:focus-visible[b-axj8k0abrm], .preview-actions button:focus-visible[b-axj8k0abrm] { outline:2px solid var(--accent-color); outline-offset:3px; }
/* /Components/Pages/OrganizationNew.razor.rz.scp.css */
/* Organization New Page */
.org-settings-page[b-i1996iex7h] {
    max-width: 900px;
}

.org-settings-header[b-i1996iex7h] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.header-left[b-i1996iex7h] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.back-link[b-i1996iex7h] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.85rem;
}

.back-link:hover[b-i1996iex7h] {
    color: var(--link-color);
}

.org-settings-title[b-i1996iex7h] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.page-description[b-i1996iex7h] {
    color: var(--text-muted);
    font-size: 0.95rem;
    margin: 0 0 1.5rem;
    line-height: 1.5;
}

/* Organization Section */
.org-section[b-i1996iex7h] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.org-section-header[b-i1996iex7h] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.org-section-header svg[b-i1996iex7h] {
    color: var(--accent-color);
}

.org-section-header h2[b-i1996iex7h] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.org-section-description[b-i1996iex7h] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

/* Form Grid */
.form-grid[b-i1996iex7h] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

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

.form-field.full-width[b-i1996iex7h] {
    grid-column: 1 / -1;
}

/* VAT number field: keep the Verify button beside the input (mirrors the signup wizard's
   .input-with-button) instead of letting the full-width .form-input push it onto its own line. */
.vat-input-row[b-i1996iex7h] {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
}

.vat-input-row .form-input[b-i1996iex7h] {
    flex: 1;
}

.form-label[b-i1996iex7h] {
    color: var(--text-secondary);
    font-size: 0.85rem;
    font-weight: 500;
}

.form-label.required[b-i1996iex7h]::after {
    content: " *";
    color: var(--error-color, #f44336);
}

.form-input[b-i1996iex7h],
.form-select[b-i1996iex7h] {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 0.9rem;
    padding: 0.6rem 0.75rem;
}

.form-input:focus[b-i1996iex7h],
.form-select:focus[b-i1996iex7h] {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 2px rgba(129, 186, 42, 0.15);
}

.form-input[b-i1996iex7h]::placeholder {
    color: var(--text-muted);
}

.form-select[b-i1996iex7h] {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23858585' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2rem;
}

.form-hint[b-i1996iex7h] {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-top: 0.25rem;
}

.form-error[b-i1996iex7h] {
    font-size: 0.8rem;
    color: #ef4444;
    font-weight: 500;
    margin-top: 0.25rem;
}

.input-error[b-i1996iex7h] {
    border-color: #ef4444 !important;
    background-color: rgba(239, 68, 68, 0.05) !important;
}

.input-error:focus[b-i1996iex7h] {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2) !important;
}

/* Alert */
.alert[b-i1996iex7h] {
    padding: 0.75rem 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.alert-error[b-i1996iex7h] {
    background: rgba(229, 37, 32, 0.1);
    border: 1px solid rgba(229, 37, 32, 0.3);
    color: var(--error-color, #f44336);
}

/* Spinner */
.spinner[b-i1996iex7h] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-i1996iex7h 0.8s linear infinite;
}

@keyframes spin-b-i1996iex7h {
    to { transform: rotate(360deg); }
}

/* Form Actions */
.form-actions[b-i1996iex7h] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.btn-cancel[b-i1996iex7h] {
    padding: 0.6rem 1.25rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 0.9rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-cancel:hover[b-i1996iex7h] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.btn-save[b-i1996iex7h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: var(--accent-color);
    border: none;
    border-radius: var(--radius-sm);
    color: var(--accent-text, #ffffff);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-save:hover:not(:disabled)[b-i1996iex7h] {
    filter: brightness(1.1);
}

.btn-save:disabled[b-i1996iex7h] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
    .org-settings-header[b-i1996iex7h] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .form-grid[b-i1996iex7h] {
        grid-template-columns: 1fr;
    }

    .form-field.full-width[b-i1996iex7h] {
        grid-column: 1;
    }

    .form-actions[b-i1996iex7h] {
        flex-direction: column;
    }

    .btn-cancel[b-i1996iex7h],
    .btn-save[b-i1996iex7h] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Organizations.razor.rz.scp.css */
/* Organizations Page */
.organizations-page[b-vrmqbv0hd1] {
    /* Full width like other pages */
}

/* Page Header */
.page-header[b-vrmqbv0hd1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1.5rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

.header-content[b-vrmqbv0hd1] {
    flex: 1;
}

.page-title[b-vrmqbv0hd1] {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--text-primary);
}

.page-description[b-vrmqbv0hd1] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted);
    max-width: 600px;
}

.header-actions[b-vrmqbv0hd1] {
    display: flex;
    gap: 0.75rem;
}

.btn-new-organization[b-vrmqbv0hd1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    background: var(--accent-color);
    border: none;
    border-radius: var(--radius-sm);
    color: var(--accent-text, #ffffff);
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-new-organization:hover[b-vrmqbv0hd1] {
    filter: brightness(1.1);
}

/* Content Panel */
.content-panel[b-vrmqbv0hd1] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.panel-header[b-vrmqbv0hd1] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-color);
}

.content-panel .organizations-grid[b-vrmqbv0hd1] {
    padding: 1.25rem;
}

.content-panel .loading-state[b-vrmqbv0hd1],
.content-panel .empty-state[b-vrmqbv0hd1] {
    border: none;
    border-radius: 0;
}

/* Pagination */
.pagination[b-vrmqbv0hd1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-color);
}

.pagination-btn[b-vrmqbv0hd1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}

.pagination-btn:hover:not(:disabled)[b-vrmqbv0hd1] {
    background: var(--bg-hover);
    border-color: var(--accent-color);
    color: var(--text-primary);
}

.pagination-btn:disabled[b-vrmqbv0hd1] {
    opacity: 0.4;
    cursor: not-allowed;
}

.pagination-pages[b-vrmqbv0hd1] {
    display: flex;
    gap: 0.25rem;
}

.pagination-page[b-vrmqbv0hd1] {
    min-width: 32px;
    height: 32px;
    padding: 0 0.5rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.15s;
}

.pagination-page:hover[b-vrmqbv0hd1] {
    background: var(--bg-hover);
    border-color: var(--text-muted);
}

.pagination-page.active[b-vrmqbv0hd1] {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--accent-text, #ffffff);
}

.pagination-info[b-vrmqbv0hd1] {
    margin-left: 1rem;
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* Filter Summary */
.filter-summary[b-vrmqbv0hd1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.85rem;
}

.filter-summary-text[b-vrmqbv0hd1] {
    color: var(--text-muted);
}

.view-all-link[b-vrmqbv0hd1] {
    color: var(--link-color);
    text-decoration: underline;
}

.view-all-link:hover[b-vrmqbv0hd1] {
    color: var(--accent-color);
}

/* Loading State */
.loading-state[b-vrmqbv0hd1] {
    padding: 3rem;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.95rem;
}

/* Empty State */
.empty-state[b-vrmqbv0hd1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4rem 2rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.empty-state-icon[b-vrmqbv0hd1] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--bg-hover);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: var(--text-muted);
}

.empty-state-title[b-vrmqbv0hd1] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.5rem;
}

.empty-state-description[b-vrmqbv0hd1] {
    font-size: 0.95rem;
    color: var(--text-muted);
    margin: 0 0 1.5rem;
    max-width: 400px;
}

.btn-primary[b-vrmqbv0hd1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: var(--accent-color);
    border: none;
    border-radius: var(--radius-sm);
    color: var(--accent-text, #ffffff);
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-primary:hover[b-vrmqbv0hd1] {
    filter: brightness(1.1);
}

/* Organizations Grid */
.organizations-grid[b-vrmqbv0hd1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.org-card[b-vrmqbv0hd1] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: border-color 0.15s, box-shadow 0.15s;
    cursor: pointer;
}

.org-card:hover[b-vrmqbv0hd1] {
    border-color: var(--accent-color);
}

.org-card.selected[b-vrmqbv0hd1] {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 1px var(--accent-color), 0 0 8px rgba(135, 198, 0, 0.4);
}

.org-card .card-header[b-vrmqbv0hd1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.org-avatar[b-vrmqbv0hd1] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
}

.selected-indicator[b-vrmqbv0hd1] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--success-color);
}

.org-card .card-body[b-vrmqbv0hd1] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.org-name[b-vrmqbv0hd1] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.org-legal[b-vrmqbv0hd1] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.org-stats[b-vrmqbv0hd1] {
    display: flex;
    gap: 1rem;
    margin-top: 0.35rem;
}

.org-stats .stat[b-vrmqbv0hd1] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.org-stats .stat svg[b-vrmqbv0hd1] {
    color: var(--text-muted);
}

.org-stats .stat.vat-verified[b-vrmqbv0hd1] {
    color: #16a34a;
}

.org-stats .stat.vat-verified svg[b-vrmqbv0hd1] {
    color: #22c55e;
}

.org-stats .stat.vat-unverified[b-vrmqbv0hd1] {
    color: #dc2626;
}

.org-stats .stat.vat-unverified svg[b-vrmqbv0hd1] {
    color: #ef4444;
}

.org-card .card-actions[b-vrmqbv0hd1] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-color);
}

.btn-action[b-vrmqbv0hd1] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--input-bg);
    border: none;
    border-radius: var(--radius-xs);
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.btn-action:hover[b-vrmqbv0hd1] {
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
}

.btn-action.delete[b-vrmqbv0hd1] {
    margin-left: auto; /* Push delete button to far right */
}

.btn-action.delete:hover[b-vrmqbv0hd1] {
    background: #ef4444;
    color: #ffffff;
}

/* Delete Confirmation Dialog */
.dialog-overlay[b-vrmqbv0hd1] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(4px);
}

.dialog-container[b-vrmqbv0hd1] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    width: 100%;
    max-width: 480px;
    border: 1px solid var(--border-color);
    overflow: hidden;
}

.dialog-header[b-vrmqbv0hd1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 1.5rem 1rem;
    text-align: center;
}

.dialog-icon[b-vrmqbv0hd1] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog-icon.danger[b-vrmqbv0hd1] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.dialog-title[b-vrmqbv0hd1] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.dialog-body[b-vrmqbv0hd1] {
    padding: 0 1.5rem 1.5rem;
}

.dialog-message[b-vrmqbv0hd1] {
    color: var(--text-secondary);
    font-size: 0.95rem;
    margin: 0 0 1rem;
    text-align: center;
}

.dialog-message strong[b-vrmqbv0hd1] {
    color: var(--text-primary);
}

.dialog-warning[b-vrmqbv0hd1] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: var(--radius-sm);
    margin-bottom: 1rem;
}

.dialog-warning svg[b-vrmqbv0hd1] {
    color: #ef4444;
    flex-shrink: 0;
    margin-top: 2px;
}

.dialog-warning span[b-vrmqbv0hd1] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    line-height: 1.5;
}

.dialog-impact-list[b-vrmqbv0hd1] {
    margin: 0;
    padding-left: 1.25rem;
    color: var(--text-muted);
    font-size: 0.875rem;
    line-height: 1.8;
}

.dialog-impact-list li[b-vrmqbv0hd1] {
    margin-bottom: 0.25rem;
}

.dialog-actions[b-vrmqbv0hd1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: var(--bg-tertiary);
    border-top: 1px solid var(--border-color);
}

.btn-dialog-cancel[b-vrmqbv0hd1] {
    padding: 0.6rem 1.25rem;
    background: var(--bg-hover);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-dialog-cancel:hover[b-vrmqbv0hd1] {
    background: var(--bg-active);
    color: var(--text-primary);
}

.spinner-small[b-vrmqbv0hd1] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-vrmqbv0hd1 0.8s linear infinite;
}

@keyframes spin-b-vrmqbv0hd1 {
    to {
        transform: rotate(360deg);
    }
}

/* ==================== */
/* Organizations List   */
/* ==================== */

.organizations-list[b-vrmqbv0hd1] {
    display: flex;
    flex-direction: column;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.organizations-list .list-header[b-vrmqbv0hd1] {
    display: grid;
    grid-template-columns: 40px 1fr 80px 80px 60px 80px;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.organizations-list .list-row[b-vrmqbv0hd1] {
    display: grid;
    grid-template-columns: 40px 1fr 80px 80px 60px 80px;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
    transition: background 0.15s;
}

.organizations-list .list-row:last-child[b-vrmqbv0hd1] {
    border-bottom: none;
}

.organizations-list .list-row:hover[b-vrmqbv0hd1] {
    background: var(--bg-hover);
}

.organizations-list .list-row.selected[b-vrmqbv0hd1] {
    background: rgba(135, 198, 0, 0.08);
    border-left: 3px solid var(--accent-color);
    padding-left: calc(1rem - 3px);
}

/* List Row Columns */
.col-select[b-vrmqbv0hd1] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.col-name[b-vrmqbv0hd1] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.col-name .org-name[b-vrmqbv0hd1] {
    font-weight: 500;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-name .org-legal[b-vrmqbv0hd1] {
    font-size: 0.8rem;
    color: var(--text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-licenses[b-vrmqbv0hd1],
.col-members[b-vrmqbv0hd1] {
    font-size: 0.9rem;
    color: var(--text-secondary);
    text-align: center;
}

.col-vat[b-vrmqbv0hd1] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vat-badge[b-vrmqbv0hd1] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vat-badge.verified[b-vrmqbv0hd1] {
    color: #22c55e;
}

.vat-badge.unverified[b-vrmqbv0hd1] {
    color: #ef4444;
}

.col-actions[b-vrmqbv0hd1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-vrmqbv0hd1] {
        flex-direction: column;
        gap: 1rem;
    }

    .organizations-grid[b-vrmqbv0hd1] {
        grid-template-columns: 1fr;
    }

    .organizations-list[b-vrmqbv0hd1] {
        display: none;
    }
}
/* /Components/Pages/OrganizationSettings.razor.rz.scp.css */
/* Organization Settings Page */
.org-settings-page[b-aoigapx96w] {
    width: 100%;
    max-width: none;
}

.integration-workspace[b-aoigapx96w] { display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: 1rem; width: 100%; align-items: start; }
.integration-catalog[b-aoigapx96w] { display: contents; }
.integration-catalog-toolbar[b-aoigapx96w] { display: grid; grid-template-columns: minmax(18rem, 1fr) 12rem; gap: .75rem; grid-column: 1 / -1; }
.integration-catalog-layout[b-aoigapx96w] { display: contents; }
.integration-category-nav[b-aoigapx96w] { display: flex; flex-direction: column; gap: .2rem; position: sticky; top: 1rem; }
.integration-category-nav button[b-aoigapx96w] { display: flex; align-items: center; gap: .55rem; border: 0; background: transparent; color: var(--text-secondary); padding: .65rem .75rem; text-align: left; cursor: pointer; border-left: 3px solid transparent; }
.integration-category-nav button span:first-child[b-aoigapx96w] { width: 1.25rem; flex: 0 0 1.25rem; text-align: center; color: var(--accent-color); font-size: 1rem; }
.integration-category-nav button:hover[b-aoigapx96w] { background: var(--bg-hover); color: var(--text-primary); }
.integration-category-nav button.active[b-aoigapx96w] { background: var(--accent-subtle, rgba(129, 186, 42, .12)); color: var(--accent-color); border-left-color: var(--accent-color); font-weight: 600; }
.integration-provider-list[b-aoigapx96w] { display: grid; grid-column: 2; gap: .65rem; }
.integration-provider-card[b-aoigapx96w] { display: grid; grid-template-columns: 1.85rem minmax(0, 1fr) auto 2rem; gap: .55rem; align-items: center; min-height: 3.25rem; padding: .4rem .55rem; border: 1px solid var(--border-color); background: var(--bg-secondary); border-radius: var(--radius-md); }
.integration-provider-mark[b-aoigapx96w] { display: grid; place-items: center; width: 1.85rem; height: 1.85rem; border-radius: var(--radius-sm); background: var(--accent-color); color: var(--accent-text, #fff); font-size: .8rem; font-weight: 700; }
.integration-provider-heading[b-aoigapx96w] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
/* Name leads as the primary, title-weight line; vendor follows as a small muted subtitle — same
   lead/secondary order as the Plan-templates rows ("Compossa B2B Plans" then its description). */
.integration-provider-heading h2[b-aoigapx96w] { color: var(--text-primary); font-size: .95rem; font-weight: 600; margin: 0; }
.integration-provider-heading span[b-aoigapx96w] { color: var(--text-muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .04em; margin-top: .15rem; }
.integration-provider-copy p[b-aoigapx96w] { display: none; }
.integration-state[b-aoigapx96w] { border-radius: 999px; padding: .2rem .55rem; font-size: .72rem; white-space: nowrap; background: var(--bg-tertiary); color: var(--text-muted); }
.integration-state.active[b-aoigapx96w] { background: var(--success-bg, rgba(34, 197, 94, .12)); color: var(--success-color); }
.integration-state.configured[b-aoigapx96w] { background: var(--accent-subtle, rgba(129, 186, 42, .12)); color: var(--accent-color); }
.integration-capabilities[b-aoigapx96w] { display: none; }
.integration-capabilities span[b-aoigapx96w] { padding: .08rem .35rem; background: var(--bg-tertiary); border-radius: var(--radius-xs); color: var(--text-secondary); font-size: .68rem; }
.integration-configure[b-aoigapx96w] { align-self: center; }
.integration-config-header[b-aoigapx96w] { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.integration-config-header div[b-aoigapx96w] { display: flex; flex-direction: column; color: var(--text-muted); font-size: .75rem; }
.integration-config-header strong[b-aoigapx96w] { color: var(--text-primary); font-size: 1rem; }
.integration-empty[b-aoigapx96w] { padding: 2rem; text-align: center; border: 1px dashed var(--border-color); color: var(--text-muted); }

.integration-workspace.has-selection .integration-provider-list[b-aoigapx96w] { display: none; }
.integration-workspace > .org-section[b-aoigapx96w] { grid-column: 2; min-width: 0; margin: 0; }

@media (max-width: 768px) {
    .integration-workspace[b-aoigapx96w] { grid-template-columns: 1fr; }
    .integration-catalog-toolbar[b-aoigapx96w] { grid-template-columns: 1fr; grid-column: 1; }
    .integration-provider-list[b-aoigapx96w], .integration-workspace > .org-section[b-aoigapx96w] { grid-column: 1; }
    .integration-category-nav[b-aoigapx96w] { position: static; flex-direction: row; overflow-x: auto; }
    .integration-category-nav button[b-aoigapx96w] { white-space: nowrap; border-left: 0; border-bottom: 3px solid transparent; }
    .integration-category-nav button.active[b-aoigapx96w] { border-bottom-color: var(--accent-color); }
}

.org-settings-header[b-aoigapx96w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.header-left[b-aoigapx96w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.back-link[b-aoigapx96w],
.cmd-back-link[b-aoigapx96w] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.85rem;
}

.back-link:hover[b-aoigapx96w],
.cmd-back-link:hover[b-aoigapx96w] {
    color: var(--text-primary);
}

.org-settings-title[b-aoigapx96w] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

/* Auto-save Status Indicator */
.save-status[b-aoigapx96w] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    padding: 0.25rem 0.6rem;
    border-radius: var(--radius-xs);
    margin-left: 1rem;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.save-status.saving[b-aoigapx96w],
.save-status.saved[b-aoigapx96w],
.save-status.error[b-aoigapx96w] {
    opacity: 1;
}

.save-status.saving[b-aoigapx96w] {
    color: var(--text-muted);
}

.save-status.saved[b-aoigapx96w] {
    color: var(--success-color);
}

.save-status.saved-with-errors[b-aoigapx96w] {
    color: var(--warning-color);
}

.save-status.has-errors[b-aoigapx96w] {
    color: var(--warning-color);
}

.save-status.error[b-aoigapx96w] {
    color: var(--error-color);
}

.save-status .spin[b-aoigapx96w] {
    animation: spin-b-aoigapx96w 1s linear infinite;
}

@keyframes spin-b-aoigapx96w {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.org-name-badge[b-aoigapx96w] {
    padding: 0.35rem 0.75rem;
    background: var(--accent-color);
    color: var(--text-primary);
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 500;
}

/* Organization Section */
.org-section[b-aoigapx96w] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.org-section-header[b-aoigapx96w] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0;
}

.org-section-header > svg[b-aoigapx96w] {
    margin-top: 2px;
}

.org-section-header svg[b-aoigapx96w] {
    color: var(--accent-color);
}

.org-section-header h2[b-aoigapx96w] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.org-section-description[b-aoigapx96w] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

/* Form Grid */
.form-grid[b-aoigapx96w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

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

.form-field.full-width[b-aoigapx96w] {
    grid-column: 1 / -1;
}

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

.form-input[b-aoigapx96w],
.form-select[b-aoigapx96w] {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 0.9rem;
    padding: 0.6rem 0.75rem;
}

.form-input:focus[b-aoigapx96w],
.form-select:focus[b-aoigapx96w] {
    outline: none;
    border-color: var(--accent-color);
}

.form-input[b-aoigapx96w]::placeholder {
    color: var(--text-muted);
}

.resource-limit-input[b-aoigapx96w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.4rem;
    gap: 0.35rem;
    align-items: stretch;
}

.resource-limit-input .form-input[b-aoigapx96w] {
    min-width: 0;
}

.resource-limit-unbounded[b-aoigapx96w] {
    display: grid;
    place-items: center;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    font-size: 1.15rem;
    line-height: 1;
    opacity: 0.65;
}

.resource-limit-unbounded:hover:not(:disabled)[b-aoigapx96w],
.resource-limit-unbounded:focus-visible[b-aoigapx96w] {
    border-color: var(--accent-color);
    color: var(--accent-color);
    opacity: 1;
}

.resource-limit-unbounded:focus-visible[b-aoigapx96w] {
    outline: 2px solid var(--accent-color);
    outline-offset: 1px;
}

.resource-limit-unbounded:disabled[b-aoigapx96w] {
    cursor: default;
    opacity: 0.28;
}

.form-select[b-aoigapx96w] {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23858585' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2rem;
}

/* Bank Account Row (BIC/SWIFT + IBAN side by side — BIC is short, IBAN is long) */
.bank-iban-row[b-aoigapx96w] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.bank-iban-row .bic-field[b-aoigapx96w] {
    flex: 0 0 160px;
}

.bank-iban-row .iban-field[b-aoigapx96w] {
    flex: 1;
}

/* VAT Section */
.vat-section[b-aoigapx96w] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.vat-field[b-aoigapx96w] {
    flex: 1;
}

.vat-input-group[b-aoigapx96w] {
    display: flex;
    gap: 0.5rem;
}

.vat-input[b-aoigapx96w] {
    flex: 1;
}

.vat-input.valid[b-aoigapx96w] {
    border-color: var(--success-color);
}

.vat-input.invalid[b-aoigapx96w] {
    border-color: var(--error-color);
}

/* btn-validate moved to app.css (used by CommandButton) */

/* Validation Result (shared: IBAN + VAT) */
.validation-result[b-aoigapx96w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    font-size: 0.85rem;
}

.validation-result.valid[b-aoigapx96w] {
    background: rgba(129, 186, 42, 0.1);
    color: var(--success-color);
}

.validation-result.invalid[b-aoigapx96w] {
    background: rgba(229, 37, 32, 0.1);
    color: var(--error-color);
}

/* Unverified, not rejected — the validator gave no verdict. Warning, never error. */
.validation-result.pending[b-aoigapx96w] {
    background: rgba(247, 147, 30, 0.1);
    color: var(--warning-color);
}

/* VAT Company Info */
.vat-company-info[b-aoigapx96w] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.vat-info-row[b-aoigapx96w] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.vat-info-row:last-child[b-aoigapx96w] {
    margin-bottom: 0;
}

.vat-info-label[b-aoigapx96w] {
    color: var(--text-muted);
    font-size: 0.8rem;
    min-width: 100px;
}

.vat-info-value[b-aoigapx96w] {
    color: var(--text-secondary);
    font-size: 0.85rem;
}

/* VAT Info Box */
.vat-info-box[b-aoigapx96w] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(117, 188, 255, 0.1);
    border: 1px solid rgba(117, 188, 255, 0.2);
    border-radius: 6px;
    max-width: 300px;
}

.vat-info-box svg[b-aoigapx96w] {
    color: var(--info-color);
    flex-shrink: 0;
    margin-top: 2px;
}

.vat-info-text[b-aoigapx96w] {
    font-size: 0.8rem;
}

.vat-info-text strong[b-aoigapx96w] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 0.35rem;
}

.vat-info-text p[b-aoigapx96w] {
    color: var(--text-muted);
    margin: 0;
    line-height: 1.4;
}

/* VAT Rate Display */
.vat-rate-display[b-aoigapx96w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.vat-rate-value[b-aoigapx96w] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--accent-color);
    min-width: 50px;
}

.vat-rate-info[b-aoigapx96w] {
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.3;
}

/* Contact Edit Section */
.contacts-edit-grid[b-aoigapx96w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
    max-width: 100%;
    overflow: hidden;
}

.contact-edit-card[b-aoigapx96w] {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1rem;
    min-width: 0;
    overflow: hidden;
}

.contact-edit-card.has-validation-error[b-aoigapx96w] {
    border-color: var(--error-color);
}

.contact-edit-card .form-grid[b-aoigapx96w] {
    width: 100%;
}

.contact-edit-card .form-input[b-aoigapx96w] {
    width: 100%;
    box-sizing: border-box;
}

.contact-edit-header[b-aoigapx96w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-color);
}

.contact-edit-badge[b-aoigapx96w] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-edit-badge.primary[b-aoigapx96w] {
    color: var(--accent-color);
}

.contact-edit-badge.secondary[b-aoigapx96w] {
    color: var(--text-muted);
}

.contact-required[b-aoigapx96w] {
    font-size: 0.7rem;
    color: var(--warning-color);
    text-transform: uppercase;
}

.contact-optional[b-aoigapx96w] {
    font-size: 0.7rem;
    color: var(--text-muted);
    text-transform: uppercase;
}

.contacts-info-box[b-aoigapx96w] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: rgba(117, 188, 255, 0.1);
    border: 1px solid rgba(117, 188, 255, 0.2);
    border-radius: 6px;
}

.contacts-info-box svg[b-aoigapx96w] {
    color: var(--info-color);
    flex-shrink: 0;
    margin-top: 2px;
}

.contacts-info-box span[b-aoigapx96w] {
    color: var(--text-muted);
    font-size: 0.8rem;
    line-height: 1.4;
}

/* FTP Password Group */
.ftp-password-group[b-aoigapx96w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ftp-password-group .form-input[b-aoigapx96w] {
    flex: 1;
}

.status-indicator[b-aoigapx96w] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.status-indicator.configured[b-aoigapx96w] {
    background: rgba(99, 102, 241, 0.1);
    color: var(--accent-color);
}

/* FTP Test Section */
.ftp-test-section[b-aoigapx96w] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

/* btn-test-connection, btn-cancel-test moved to app.css (used by CommandButton) */

.ftp-test-result[b-aoigapx96w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    font-size: 0.85rem;
}

.ftp-test-result.success[b-aoigapx96w] {
    background: rgba(129, 186, 42, 0.1);
    color: var(--success-color);
}

.ftp-test-result.error[b-aoigapx96w] {
    background: rgba(229, 37, 32, 0.1);
    color: var(--error-color);
}

/* FTP Troubleshooting Box */
.ftp-troubleshoot-box[b-aoigapx96w] {
    margin-top: 1rem;
    background: rgba(247, 147, 30, 0.08);
    border: 1px solid rgba(247, 147, 30, 0.25);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.troubleshoot-header[b-aoigapx96w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(247, 147, 30, 0.12);
    color: var(--warning-color);
}

.troubleshoot-header svg[b-aoigapx96w] {
    flex-shrink: 0;
}

.troubleshoot-content[b-aoigapx96w] {
    padding: 1rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.troubleshoot-content p[b-aoigapx96w] {
    margin: 0 0 0.75rem;
    line-height: 1.5;
}

.troubleshoot-content p:last-child[b-aoigapx96w] {
    margin-bottom: 0;
}

.troubleshoot-details[b-aoigapx96w] {
    margin: 0.75rem 0;
    padding: 0.75rem;
    background: var(--bg-primary);
    border-radius: var(--radius-xs);
}

.troubleshoot-details summary[b-aoigapx96w] {
    cursor: pointer;
    font-weight: 500;
    color: var(--text-primary);
    padding: 0.25rem 0;
}

.troubleshoot-details summary:hover[b-aoigapx96w] {
    color: var(--accent-color);
}

.troubleshoot-details ol[b-aoigapx96w] {
    margin: 0.75rem 0 0;
    padding-left: 1.25rem;
}

.troubleshoot-details li[b-aoigapx96w] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.troubleshoot-details ul[b-aoigapx96w] {
    margin: 0.25rem 0 0;
    padding-left: 1rem;
}

.troubleshoot-details code[b-aoigapx96w] {
    background: var(--bg-tertiary);
    padding: 0.15rem 0.35rem;
    border-radius: 3px;
    font-size: 0.8rem;
}

.troubleshoot-hint[b-aoigapx96w] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.6rem 0.75rem;
    background: var(--bg-primary);
    border-radius: var(--radius-xs);
    font-size: 0.8rem;
    color: var(--text-muted);
}

.troubleshoot-hint svg[b-aoigapx96w] {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--info-color);
}

/* Status Badges - styles centralized in app.css */

/* Toggle Group for FTP Type */
.toggle-group[b-aoigapx96w] {
    display: flex;
    gap: 1rem;
    padding: 0.6rem 0;
}

.toggle-option[b-aoigapx96w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.toggle-option input[type="radio"][b-aoigapx96w] {
    accent-color: var(--accent-color);
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.toggle-option input[type="radio"]:checked + span[b-aoigapx96w] {
    color: var(--text-primary);
    font-weight: 500;
}

/* Form Actions */
.form-actions[b-aoigapx96w] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.btn-cancel[b-aoigapx96w] {
    padding: 0.6rem 1.25rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 0.9rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-cancel:hover[b-aoigapx96w] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.btn-save[b-aoigapx96w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: var(--accent-color);
    border: none;
    border-radius: var(--radius-sm);
    color: var(--accent-text, #ffffff);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-save:hover:not(:disabled)[b-aoigapx96w] {
    background: var(--accent-hover);
}

.btn-save:disabled[b-aoigapx96w] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Sticky Toast Notification */
.toast-notification[b-aoigapx96w] {
    position: fixed;
    bottom: 80px; /* Above command bar */
    right: 24px;
    width: 380px;
    max-width: calc(100vw - 48px);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
    z-index: 1000;
    animation: slideInRight-b-aoigapx96w 0.3s ease-out;
}

@keyframes slideInRight-b-aoigapx96w {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.toast-notification.toast-warning[b-aoigapx96w] {
    border: 1px solid rgba(247, 147, 30, 0.3);
    border-left: 4px solid var(--warning-color);
}

.toast-header[b-aoigapx96w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(247, 147, 30, 0.1);
    border-bottom: 1px solid rgba(247, 147, 30, 0.15);
}

.toast-header svg[b-aoigapx96w] {
    color: var(--warning-color);
    flex-shrink: 0;
}

.toast-header strong[b-aoigapx96w] {
    color: var(--text-primary);
    font-size: 0.9rem;
    flex: 1;
}

.toast-close[b-aoigapx96w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.toast-close:hover[b-aoigapx96w] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.toast-body[b-aoigapx96w] {
    padding: 1rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.toast-body p[b-aoigapx96w] {
    margin: 0 0 0.75rem;
    line-height: 1.5;
}

.toast-body p:last-child[b-aoigapx96w] {
    margin-bottom: 0;
}

.toast-details[b-aoigapx96w] {
    margin: 0.75rem 0;
    padding: 0.75rem;
    background: var(--bg-primary);
    border-radius: var(--radius-xs);
    border: 1px solid var(--border-color);
}

.toast-details summary[b-aoigapx96w] {
    cursor: pointer;
    font-weight: 500;
    color: var(--text-primary);
    padding: 0.25rem 0;
}

.toast-details summary:hover[b-aoigapx96w] {
    color: var(--accent-color);
}

.toast-details ol[b-aoigapx96w] {
    margin: 0.75rem 0 0;
    padding-left: 1.25rem;
}

.toast-details li[b-aoigapx96w] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.toast-details code[b-aoigapx96w] {
    background: var(--bg-tertiary);
    padding: 0.15rem 0.35rem;
    border-radius: 3px;
    font-size: 0.8rem;
}

.toast-hint[b-aoigapx96w] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.6rem 0.75rem;
    background: var(--bg-primary);
    border-radius: var(--radius-xs);
    font-size: 0.8rem;
    color: var(--text-muted);
    border: 1px solid var(--border-color);
}

/* Responsive */
@media (max-width: 768px) {
    .org-settings-header[b-aoigapx96w] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .form-grid[b-aoigapx96w] {
        grid-template-columns: 1fr;
    }

    .form-field.full-width[b-aoigapx96w] {
        grid-column: 1;
    }

    .vat-section[b-aoigapx96w] {
        flex-direction: column;
    }

    .bank-iban-row[b-aoigapx96w] {
        flex-direction: column;
    }

    .bank-iban-row .bic-field[b-aoigapx96w] {
        flex: 1 1 auto;
    }

    .vat-info-box[b-aoigapx96w] {
        max-width: none;
    }

    .vat-input-group[b-aoigapx96w] {
        flex-direction: column;
    }

    .contacts-edit-grid[b-aoigapx96w] {
        grid-template-columns: 1fr;
    }

    .form-actions[b-aoigapx96w] {
        flex-direction: column;
    }

    .btn-cancel[b-aoigapx96w],
    .btn-save[b-aoigapx96w] {
        width: 100%;
        justify-content: center;
    }

    .toast-notification[b-aoigapx96w] {
        bottom: 70px;
        right: 12px;
        left: 12px;
        width: auto;
        max-width: none;
    }
}

/* VAT Declaration */
.vat-declaration[b-aoigapx96w] {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--success-bg, #f0fdf4);
    border: 1px solid var(--success-border, #86efac);
    border-radius: var(--radius-sm, 6px);
}

.declaration-checkbox[b-aoigapx96w] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
}

.declaration-checkbox input[type="checkbox"][b-aoigapx96w] {
    margin-top: 0.125rem;
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
    accent-color: var(--success-color, #059669);
}

.declaration-text[b-aoigapx96w] {
    font-size: 0.875rem;
    color: var(--success-text, #166534);
    line-height: 1.5;
}

/* /Components/Pages/OrganizationUsage.razor.rz.scp.css */
.usage-page[b-ovu7jk7sxj] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.usage-header[b-ovu7jk7sxj] {
    padding: 1.25rem 1.5rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color, rgba(0, 0, 0, 0.08));
    border-radius: 0.5rem;
}

.usage-title[b-ovu7jk7sxj] {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--text-primary);
}

.usage-description[b-ovu7jk7sxj] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted);
    max-width: 640px;
}

.usage-grid[b-ovu7jk7sxj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.usage-card[b-ovu7jk7sxj] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1.1rem 1.25rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color, rgba(0, 0, 0, 0.08));
    border-radius: 0.5rem;
}

.usage-card-label[b-ovu7jk7sxj] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
}

.usage-card-value[b-ovu7jk7sxj] {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--text-primary);
}

.usage-card-meta[b-ovu7jk7sxj] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.usage-meter[b-ovu7jk7sxj] {
    height: 8px;
    width: 100%;
    background: var(--bg-active, rgba(0, 0, 0, 0.06));
    border-radius: 4px;
    overflow: hidden;
    margin: 0.25rem 0;
}

.usage-meter-fill[b-ovu7jk7sxj] {
    height: 100%;
    background: var(--accent-color);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.usage-meter-fill.warning[b-ovu7jk7sxj] {
    background: var(--warning-color);
}

.usage-meter-fill.over[b-ovu7jk7sxj] {
    background: var(--error-color);
}

.usage-split[b-ovu7jk7sxj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.usage-split-row[b-ovu7jk7sxj] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.usage-split-label[b-ovu7jk7sxj] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.usage-split-value[b-ovu7jk7sxj] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.usage-section[b-ovu7jk7sxj] {
    padding: 1.1rem 1.25rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color, rgba(0, 0, 0, 0.08));
    border-radius: 0.5rem;
}

.usage-section-title[b-ovu7jk7sxj] {
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.usage-breakdown[b-ovu7jk7sxj] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.usage-breakdown-row[b-ovu7jk7sxj] {
    display: grid;
    grid-template-columns: 180px 1fr 110px;
    align-items: center;
    gap: 0.75rem;
}

.usage-breakdown-label[b-ovu7jk7sxj] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.usage-breakdown-value[b-ovu7jk7sxj] {
    font-size: 0.85rem;
    font-weight: 600;
    text-align: right;
    color: var(--text-primary);
}

.usage-note[b-ovu7jk7sxj] {
    margin: 1rem 0 0;
    font-size: 0.78rem;
    color: var(--text-muted);
}

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

.text-danger[b-ovu7jk7sxj] {
    color: var(--error-color);
}

.text-muted[b-ovu7jk7sxj] {
    color: var(--text-muted);
}

@media (max-width: 640px) {
    .usage-breakdown-row[b-ovu7jk7sxj] {
        grid-template-columns: 120px 1fr 90px;
    }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
/* Privacy Policy Page - reuses policy pattern from CookiePolicy */
.policy-page[b-2896e8efpv] {
    min-height: 100vh;
    background: var(--bg-primary, #121212);
    padding: 2rem 1rem;
}

.policy-container[b-2896e8efpv] {
    max-width: 800px;
    margin: 0 auto;
    background: var(--bg-secondary, #1e1e1e);
    border: 1px solid var(--border-color, #333);
    border-radius: 12px;
    overflow: hidden;
}

.policy-header[b-2896e8efpv] {
    padding: 2rem 2.5rem;
    border-bottom: 1px solid var(--border-color, #333);
    background: var(--bg-tertiary, #252525);
}

.policy-header-row[b-2896e8efpv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.policy-header h1[b-2896e8efpv] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary, #ffffff);
    margin: 0 0 0.5rem;
}

.policy-updated[b-2896e8efpv] {
    font-size: 0.875rem;
    color: var(--text-muted, #888);
    margin: 0;
}

.btn-export[b-2896e8efpv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--border-color, #333);
    background: var(--bg-secondary, #1e1e1e);
    color: var(--text-secondary, #a0a0a0);
    transition: all 0.15s;
}

.btn-export:hover[b-2896e8efpv] {
    background: var(--bg-hover, #2a2a2a);
    color: var(--text-primary, #ffffff);
}

/* Table of Contents */
.policy-toc[b-2896e8efpv] {
    padding: 1.5rem 2.5rem;
    background: var(--bg-tertiary, #252525);
    border-bottom: 1px solid var(--border-color, #333);
}

.policy-toc h2[b-2896e8efpv] {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted, #888);
    margin: 0 0 0.75rem;
}

.policy-toc ol[b-2896e8efpv] {
    margin: 0;
    padding-left: 1.25rem;
    columns: 2;
    column-gap: 2rem;
}

.policy-toc li[b-2896e8efpv] {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.policy-toc a[b-2896e8efpv] {
    color: var(--accent-color, #81ba2a);
    text-decoration: none;
}

.policy-toc a:hover[b-2896e8efpv] {
    text-decoration: underline;
}

/* Content */
.policy-content[b-2896e8efpv] {
    padding: 2rem 2.5rem;
}

.policy-content section[b-2896e8efpv] {
    margin-bottom: 2.5rem;
}

.policy-content section:last-child[b-2896e8efpv] {
    margin-bottom: 0;
}

.policy-content h2[b-2896e8efpv] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #ffffff);
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color, #333);
}

.policy-content h3[b-2896e8efpv] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #ffffff);
    margin: 1.5rem 0 0.75rem;
}

.policy-content p[b-2896e8efpv] {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--text-secondary, #a0a0a0);
    margin: 0 0 1rem;
}

.policy-content ul[b-2896e8efpv],
.policy-content ol[b-2896e8efpv] {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
}

.policy-content li[b-2896e8efpv] {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--text-secondary, #a0a0a0);
    margin-bottom: 0.5rem;
}

.policy-content a[b-2896e8efpv] {
    color: var(--accent-color, #81ba2a);
    text-decoration: none;
}

.policy-content a:hover[b-2896e8efpv] {
    text-decoration: underline;
}

/* Info Block */
.info-block[b-2896e8efpv] {
    background: var(--bg-tertiary, #252525);
    border: 1px solid var(--border-color, #333);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin: 1rem 0;
}

.info-block p[b-2896e8efpv] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.8;
}

/* Legal Basis Table */
.legal-basis-table[b-2896e8efpv] {
    overflow-x: auto;
    margin: 1rem 0 1.5rem;
    border: 1px solid var(--border-color, #333);
    border-radius: 8px;
}

.legal-basis-table table[b-2896e8efpv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.legal-basis-table th[b-2896e8efpv],
.legal-basis-table td[b-2896e8efpv] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color, #333);
}

.legal-basis-table th[b-2896e8efpv] {
    background: var(--bg-tertiary, #252525);
    font-weight: 600;
    color: var(--text-primary, #ffffff);
}

.legal-basis-table td[b-2896e8efpv] {
    color: var(--text-secondary, #a0a0a0);
}

.legal-basis-table tr:last-child td[b-2896e8efpv] {
    border-bottom: none;
}

/* Footer */
.policy-footer[b-2896e8efpv] {
    padding: 1.5rem 2.5rem;
    border-top: 1px solid var(--border-color, #333);
    background: var(--bg-tertiary, #252525);
}

.back-link[b-2896e8efpv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-muted, #888);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.15s;
}

.back-link:hover[b-2896e8efpv] {
    color: var(--accent-color, #81ba2a);
}

/* Print */
@media print {
    .policy-page[b-2896e8efpv] {
        padding: 0;
        background: white;
    }

    .policy-container[b-2896e8efpv] {
        border: none;
        border-radius: 0;
    }

    .policy-header[b-2896e8efpv],
    .policy-toc[b-2896e8efpv],
    .policy-content[b-2896e8efpv],
    .policy-footer[b-2896e8efpv] {
        background: white;
    }

    .btn-export[b-2896e8efpv] {
        display: none;
    }

    .policy-footer[b-2896e8efpv] {
        display: none;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .policy-page[b-2896e8efpv] {
        padding: 1rem 0.5rem;
    }

    .policy-header[b-2896e8efpv],
    .policy-toc[b-2896e8efpv],
    .policy-content[b-2896e8efpv],
    .policy-footer[b-2896e8efpv] {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .policy-header h1[b-2896e8efpv] {
        font-size: 1.5rem;
    }

    .policy-header-row[b-2896e8efpv] {
        flex-direction: column;
        gap: 1rem;
    }

    .policy-toc ol[b-2896e8efpv] {
        columns: 1;
    }

    .legal-basis-table th[b-2896e8efpv],
    .legal-basis-table td[b-2896e8efpv] {
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
    }
}
/* /Components/Pages/Profile.razor.rz.scp.css */
/* Profile Page */
.profile-page[b-4h77o3nlu2] {
    max-width: 800px;
}

.profile-header[b-4h77o3nlu2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.header-left[b-4h77o3nlu2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.back-link[b-4h77o3nlu2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.85rem;
}

.back-link:hover[b-4h77o3nlu2] {
    color: var(--link-color);
}

.profile-title[b-4h77o3nlu2] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.btn-edit-profile[b-4h77o3nlu2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.15s;
}

.btn-edit-profile:hover[b-4h77o3nlu2] {
    background: var(--accent-hover);
    color: var(--accent-text, #ffffff);
}

/* Profile Section */
.profile-section[b-4h77o3nlu2] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.profile-section-header[b-4h77o3nlu2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.profile-section-header svg[b-4h77o3nlu2] {
    color: var(--accent-color);
}

.profile-section-header h2[b-4h77o3nlu2] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.profile-section-description[b-4h77o3nlu2] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

/* Profile Card */
.profile-card[b-4h77o3nlu2] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.profile-avatar-large[b-4h77o3nlu2] {
    width: 80px;
    height: 80px;
    background: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.avatar-initials[b-4h77o3nlu2] {
    color: var(--accent-text, #ffffff);
    font-size: 1.75rem;
    font-weight: 600;
}

.avatar-image[b-4h77o3nlu2] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.profile-details[b-4h77o3nlu2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.profile-field[b-4h77o3nlu2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.field-label[b-4h77o3nlu2] {
    color: var(--text-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.field-input[b-4h77o3nlu2] {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
}

.field-input:focus[b-4h77o3nlu2] {
    outline: none;
    border-color: var(--accent-color);
}

.field-input[readonly][b-4h77o3nlu2] {
    cursor: default;
}

/* Read-only profile fields */
.profile-details-readonly[b-4h77o3nlu2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.profile-field-readonly[b-4h77o3nlu2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.field-value[b-4h77o3nlu2] {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

/* Security Summary (read-only) */
.security-summary[b-4h77o3nlu2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.security-summary-item[b-4h77o3nlu2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.security-summary-item:last-child[b-4h77o3nlu2] {
    border-bottom: none;
    padding-bottom: 0;
}

.security-status[b-4h77o3nlu2] {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.security-status.status-enabled[b-4h77o3nlu2] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--success-color);
}

/* Security */
.security-row[b-4h77o3nlu2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-color);
}

.security-row:last-child[b-4h77o3nlu2] {
    border-bottom: none;
    padding-bottom: 0;
}

.security-info[b-4h77o3nlu2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.security-label[b-4h77o3nlu2] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.security-value[b-4h77o3nlu2] {
    color: var(--text-muted);
    font-size: 0.8rem;
}

.security-value.status-enabled[b-4h77o3nlu2] {
    color: var(--success-color);
}

.btn-secondary[b-4h77o3nlu2] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 0.85rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-secondary:hover[b-4h77o3nlu2] {
    background: var(--bg-hover);
    border-color: var(--text-muted);
    color: var(--text-primary);
}

/* Organizations Summary */
.organizations-summary[b-4h77o3nlu2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.empty-organizations[b-4h77o3nlu2] {
    text-align: center;
    padding: 1rem;
}

.empty-organizations p[b-4h77o3nlu2] {
    color: var(--text-muted);
    margin: 0 0 1rem;
}

.organizations-list-summary[b-4h77o3nlu2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.organization-summary-item[b-4h77o3nlu2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: var(--bg-primary);
    border-radius: 4px;
}

.organization-summary-item svg[b-4h77o3nlu2] {
    color: var(--accent-color);
}

.organization-summary-item span[b-4h77o3nlu2] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.view-all-link[b-4h77o3nlu2] {
    color: var(--link-color);
    text-decoration: none;
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

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

.btn-primary[b-4h77o3nlu2] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.15s;
}

.btn-primary:hover[b-4h77o3nlu2] {
    background: var(--accent-hover);
}

/* Loading & Error States */
.loading-state[b-4h77o3nlu2],
.error-state[b-4h77o3nlu2] {
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
}

.error-state[b-4h77o3nlu2] {
    color: var(--error-color, #ef4444);
}

.status-disabled[b-4h77o3nlu2] {
    color: var(--text-muted);
}

.status-sso[b-4h77o3nlu2] {
    color: var(--accent-color);
}

/* Business Information Summary */
.business-info-summary[b-4h77o3nlu2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.business-info-item[b-4h77o3nlu2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.business-info-item:last-child[b-4h77o3nlu2] {
    border-bottom: none;
    padding-bottom: 0;
}

.business-label[b-4h77o3nlu2] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.business-value[b-4h77o3nlu2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-muted);
    font-size: 0.85rem;
}

/* VAT Verification Badges */
.vat-verified-badge[b-4h77o3nlu2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.5rem;
    background: rgba(34, 197, 94, 0.15);
    color: var(--success-color, #22c55e);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.vat-verified-badge svg[b-4h77o3nlu2] {
    color: var(--success-color, #22c55e);
}

.vat-unverified-badge[b-4h77o3nlu2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.5rem;
    background: rgba(234, 179, 8, 0.15);
    color: var(--warning-color, #eab308);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.vat-unverified-badge svg[b-4h77o3nlu2] {
    color: var(--warning-color, #eab308);
}

/* Protected by Provider status */
.security-status.status-protected[b-4h77o3nlu2] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--accent-color);
}

.security-status.status-protected svg[b-4h77o3nlu2] {
    color: var(--accent-color);
}

/* Security Actions */
.security-actions[b-4h77o3nlu2] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

.security-link[b-4h77o3nlu2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--link-color);
    text-decoration: none;
    font-size: 0.85rem;
}

.security-link:hover[b-4h77o3nlu2] {
    text-decoration: underline;
}

.security-link svg[b-4h77o3nlu2] {
    color: var(--text-muted);
}
/* /Components/Pages/ProfileEdit.razor.rz.scp.css */
/* Profile Edit Page - uses same styling as OrganizationSettings */
.org-settings-page[b-ekxgk7s4gq] {
    max-width: 900px;
}

.org-settings-header[b-ekxgk7s4gq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.header-left[b-ekxgk7s4gq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.back-link[b-ekxgk7s4gq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.85rem;
}

.back-link:hover[b-ekxgk7s4gq] {
    color: var(--link-color);
}

.org-settings-title[b-ekxgk7s4gq] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

/* Organization Section */
.org-section[b-ekxgk7s4gq] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.org-section-header[b-ekxgk7s4gq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.org-section-header svg[b-ekxgk7s4gq] {
    color: var(--accent-color);
}

.org-section-header h2[b-ekxgk7s4gq] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.org-section-description[b-ekxgk7s4gq] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

/* Form Grid */
.form-grid[b-ekxgk7s4gq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

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

.form-field.full-width[b-ekxgk7s4gq] {
    grid-column: 1 / -1;
}

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

.form-input[b-ekxgk7s4gq] {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 0.9rem;
    padding: 0.6rem 0.75rem;
}

.form-input:focus[b-ekxgk7s4gq] {
    outline: none;
    border-color: var(--accent-color);
}

.form-input[b-ekxgk7s4gq]::placeholder {
    color: var(--text-muted);
}

.form-input:disabled[b-ekxgk7s4gq] {
    opacity: 0.6;
    cursor: not-allowed;
}

.form-hint[b-ekxgk7s4gq] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: 0.25rem;
}

/* Settings Row (for Security section) */
.settings-row[b-ekxgk7s4gq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-color);
}

.settings-row:last-child[b-ekxgk7s4gq] {
    border-bottom: none;
    padding-bottom: 0;
}

.settings-row-info[b-ekxgk7s4gq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.settings-label[b-ekxgk7s4gq] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.settings-value[b-ekxgk7s4gq] {
    color: var(--text-muted);
    font-size: 0.8rem;
}

.settings-value.status-enabled[b-ekxgk7s4gq] {
    color: var(--success-color);
}

.btn-secondary[b-ekxgk7s4gq] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 0.85rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-secondary:hover[b-ekxgk7s4gq] {
    background: var(--bg-hover);
    border-color: var(--text-muted);
    color: var(--text-primary);
}

/* Form Actions */
.form-actions[b-ekxgk7s4gq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.btn-cancel[b-ekxgk7s4gq] {
    padding: 0.6rem 1.25rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 0.9rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-cancel:hover[b-ekxgk7s4gq] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.btn-save[b-ekxgk7s4gq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: var(--accent-color);
    border: none;
    border-radius: var(--radius-sm);
    color: var(--accent-text, #ffffff);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-save:hover:not(:disabled)[b-ekxgk7s4gq] {
    background: var(--accent-hover);
}

.btn-save:disabled[b-ekxgk7s4gq] {
    opacity: 0.6;
    cursor: not-allowed;
}

.spinner[b-ekxgk7s4gq] {
    width: 14px;
    height: 14px;
    border: 2px solid var(--border-color);
    border-top-color: var(--accent-color);
    border-radius: 50%;
    animation: spin-b-ekxgk7s4gq 0.8s linear infinite;
}

@keyframes spin-b-ekxgk7s4gq {
    to { transform: rotate(360deg); }
}

/* Alert */
.alert[b-ekxgk7s4gq] {
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-size: 0.85rem;
    margin-top: 1rem;
}

.alert-error[b-ekxgk7s4gq] {
    background: rgba(229, 37, 32, 0.1);
    border: 1px solid rgba(229, 37, 32, 0.3);
    color: var(--error-color);
}

/* Loading/Error States */
.loading-state[b-ekxgk7s4gq],
.error-state[b-ekxgk7s4gq] {
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
}

.error-state[b-ekxgk7s4gq] {
    color: var(--error-color);
}

/* Business Hours Edit Grid */
.hours-edit-grid[b-ekxgk7s4gq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.hours-edit-row[b-ekxgk7s4gq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.hours-edit-label[b-ekxgk7s4gq] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    min-width: 140px;
}

.hours-input[b-ekxgk7s4gq] {
    max-width: 200px;
    text-align: right;
}

/* Alternate Emails Section */
.alternate-emails-list[b-ekxgk7s4gq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.alternate-email-row[b-ekxgk7s4gq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.alternate-email-info[b-ekxgk7s4gq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary);
}

.alternate-email-info svg[b-ekxgk7s4gq] {
    color: var(--success-color);
}

.btn-remove[b-ekxgk7s4gq] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-muted);
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-remove:hover[b-ekxgk7s4gq] {
    background: rgba(229, 37, 32, 0.1);
    border-color: var(--error-color);
    color: var(--error-color);
}

.pending-verifications[b-ekxgk7s4gq] {
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: rgba(99, 102, 241, 0.05);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: 4px;
}

.pending-verifications h4[b-ekxgk7s4gq] {
    font-size: 0.8rem;
    color: var(--accent-color);
    margin: 0 0 0.5rem;
    font-weight: 500;
}

.pending-email-row[b-ekxgk7s4gq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.pending-email-row svg[b-ekxgk7s4gq] {
    color: var(--accent-color);
}

.pending-expires[b-ekxgk7s4gq] {
    margin-left: auto;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.add-email-form[b-ekxgk7s4gq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.add-email-input-group[b-ekxgk7s4gq] {
    display: flex;
    gap: 0.5rem;
}

.add-email-input-group .form-input[b-ekxgk7s4gq] {
    flex: 1;
}

.btn-add-email[b-ekxgk7s4gq] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.6rem 1rem;
    background: var(--accent-color);
    border: none;
    border-radius: 4px;
    color: var(--accent-text, #ffffff);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.btn-add-email:hover:not(:disabled)[b-ekxgk7s4gq] {
    background: var(--accent-hover);
}

.btn-add-email:disabled[b-ekxgk7s4gq] {
    opacity: 0.6;
    cursor: not-allowed;
}

.spinner-small[b-ekxgk7s4gq] {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-ekxgk7s4gq 0.8s linear infinite;
}

.alert-inline[b-ekxgk7s4gq] {
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    font-size: 0.8rem;
}

.alert-inline.alert-success[b-ekxgk7s4gq] {
    background: rgba(22, 163, 74, 0.1);
    border: 1px solid rgba(22, 163, 74, 0.3);
    color: var(--success-color);
}

.alert-inline.alert-error[b-ekxgk7s4gq] {
    background: rgba(229, 37, 32, 0.1);
    border: 1px solid rgba(229, 37, 32, 0.3);
    color: var(--error-color);
}

/* Responsive */
@media (max-width: 768px) {
    .org-settings-header[b-ekxgk7s4gq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .form-grid[b-ekxgk7s4gq] {
        grid-template-columns: 1fr;
    }

    .form-field.full-width[b-ekxgk7s4gq] {
        grid-column: 1;
    }

    .settings-row[b-ekxgk7s4gq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .form-actions[b-ekxgk7s4gq] {
        flex-direction: column;
    }

    .btn-cancel[b-ekxgk7s4gq],
    .btn-save[b-ekxgk7s4gq] {
        width: 100%;
        justify-content: center;
    }

    .add-email-input-group[b-ekxgk7s4gq] {
        flex-direction: column;
    }

    .btn-add-email[b-ekxgk7s4gq] {
        justify-content: center;
    }
}
/* /Components/Pages/ProjectManagement/ProjectEdit.razor.rz.scp.css */
.form-actions[b-i34tmm18cu] {
    display: flex;
    justify-content: flex-start;
    gap: 0.75rem;
    margin-top: 1rem;
}

.settings-section + .settings-section[b-i34tmm18cu] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
}
/* /Components/Pages/ProjectManagement/ProjectExplorer.razor.rz.scp.css */
.explorer-section[b-9xi4k5d193] {
    margin-bottom: 1.5rem;
}

.explorer-section h2[b-9xi4k5d193] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.75rem;
}
/* /Components/Pages/Settings.razor.rz.scp.css */
/* Settings Page - Aligned with ProvenanceAnalyzer styling */


.settings-page[b-8ffie9qhr5] {
    width: 100%;
    max-width: none;
}

/* Page Header - Same pattern as Data Analysis */
.page-header[b-8ffie9qhr5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1.5rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

.header-content[b-8ffie9qhr5] {
    flex: 1;
}

.page-title[b-8ffie9qhr5] {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--text-primary);
}

.page-description[b-8ffie9qhr5] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted);
    max-width: 600px;
}

.header-actions[b-8ffie9qhr5] {
    display: flex;
    gap: 0.75rem;
}

/* Search Container */
.search-container[b-8ffie9qhr5] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon[b-8ffie9qhr5] {
    position: absolute;
    left: 0.75rem;
    color: var(--text-muted);
    pointer-events: none;
}

.search-input[b-8ffie9qhr5] {
    padding: 0.5rem 2rem 0.5rem 2.25rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 0.85rem;
    width: 220px;
    transition: border-color 0.15s, width 0.2s;
}

.search-input:focus[b-8ffie9qhr5] {
    outline: none;
    border-color: var(--accent-color);
    width: 280px;
}

.search-input[b-8ffie9qhr5]::placeholder {
    color: var(--text-muted);
}

.search-clear[b-8ffie9qhr5] {
    position: absolute;
    right: 0.5rem;
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-clear:hover[b-8ffie9qhr5] {
    color: var(--text-secondary);
}

/* .settings-layout / .settings-nav / .settings-content moved to app.css
   (host-wide — shared with any future page adopting this category pattern,
   e.g. Organization > Integrations). */

/* Tab Content — the settings cards carry their own chrome; no card-in-card wrapper. */
.content-section[b-8ffie9qhr5] {
    padding-bottom: 2rem;
}

/* Loading State */
.loading-state[b-8ffie9qhr5] {
    padding: 3rem;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.95rem;
}

/* Search Results */
.search-results[b-8ffie9qhr5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.search-results-count[b-8ffie9qhr5] {
    margin: 0 0 1rem;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.search-result-item[b-8ffie9qhr5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.15s;
}

.search-result-item:hover[b-8ffie9qhr5] {
    border-color: var(--accent-color);
    background: var(--bg-hover);
}

.result-info[b-8ffie9qhr5] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.result-title[b-8ffie9qhr5] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text-primary);
}

.result-path[b-8ffie9qhr5] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.search-result-item svg[b-8ffie9qhr5] {
    color: var(--text-muted);
}

.no-results[b-8ffie9qhr5] {
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.9rem;
}

/* Locale Selects (wider for date/time patterns) */
.settings-select.locale-select[b-8ffie9qhr5] {
    min-width: 200px;
}

.settings-select.timezone-select[b-8ffie9qhr5] {
    min-width: 280px;
    max-width: 320px;
}

/* Preview Row */
.settings-row.preview-row[b-8ffie9qhr5] {
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    padding: 0.75rem 1rem;
    margin-top: 0.5rem;
    border-bottom: none;
}

.preview-value[b-8ffie9qhr5] {
    color: var(--accent-color);
    font-size: 0.95rem;
    font-weight: 500;
    font-family: var(--font-mono, monospace);
}

/* Toggle Switch */
.toggle-switch[b-8ffie9qhr5] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.toggle-switch input[b-8ffie9qhr5] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-8ffie9qhr5] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--border-color);
    transition: 0.2s;
    border-radius: 24px;
}

.toggle-slider[b-8ffie9qhr5]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: var(--text-secondary);
    transition: 0.2s;
    border-radius: 50%;
}

.toggle-switch input:checked + .toggle-slider[b-8ffie9qhr5] {
    background-color: var(--accent-color);
}

.toggle-switch input:checked + .toggle-slider[b-8ffie9qhr5]:before {
    transform: translateX(20px);
    background-color: var(--text-primary);
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-8ffie9qhr5] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-actions[b-8ffie9qhr5] {
        width: 100%;
    }

    .search-input[b-8ffie9qhr5] {
        width: 100%;
    }

    .search-input:focus[b-8ffie9qhr5] {
        width: 100%;
    }

    .settings-select.locale-select[b-8ffie9qhr5],
    .settings-select.timezone-select[b-8ffie9qhr5] {
        width: 100%;
        min-width: unset;
        max-width: unset;
    }
}
/* /Components/Pages/Store/AccountInvoiceDetail.razor.rz.scp.css */
/* Invoice Document */
.invoice-document[b-wdpuh0jcuu] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 2rem;
    max-width: 900px;
    position: relative;
}

/* Invoice Document Header */
.invoice-doc-header[b-wdpuh0jcuu] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid var(--border-color);
}

.seller-info[b-wdpuh0jcuu] {
    display: flex;
    gap: 1rem;
}

.company-logo[b-wdpuh0jcuu] {
    width: 56px;
    height: 56px;
    background: var(--accent-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-primary);
    flex-shrink: 0;
}

.seller-details h2[b-wdpuh0jcuu] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.5rem;
}

.seller-details p[b-wdpuh0jcuu] {
    color: var(--text-muted);
    font-size: 0.8rem;
    margin: 0.2rem 0;
    line-height: 1.4;
}

.seller-details .address[b-wdpuh0jcuu] {
    margin-bottom: 0.5rem;
}

.address[b-wdpuh0jcuu],
.buyer-address[b-wdpuh0jcuu] {
    white-space: pre-line;
}

.invoice-meta[b-wdpuh0jcuu] {
    text-align: right;
}

.invoice-meta h1[b-wdpuh0jcuu] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 0 0 1rem;
    letter-spacing: 2px;
}

.meta-row[b-wdpuh0jcuu] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-bottom: 0.35rem;
}

.meta-label[b-wdpuh0jcuu] {
    color: var(--text-muted);
    font-size: 0.8rem;
}

.meta-value[b-wdpuh0jcuu] {
    color: var(--text-secondary);
    font-size: 0.85rem;
    font-weight: 500;
    min-width: 120px;
}

.invoice-status-badge[b-wdpuh0jcuu] {
    display: inline-block;
    padding: 0.35rem 0.75rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-top: 0.75rem;
    text-transform: uppercase;
}

.invoice-status-badge.status-draft[b-wdpuh0jcuu] {
    background: rgba(128, 128, 128, 0.15);
    color: var(--text-muted);
}

.invoice-status-badge.status-sent[b-wdpuh0jcuu] {
    background: rgba(117, 188, 255, 0.15);
    color: var(--info-color);
}

.invoice-status-badge.status-paid[b-wdpuh0jcuu] {
    background: rgba(129, 186, 42, 0.15);
    color: var(--success-color);
}

.invoice-status-badge.status-overdue[b-wdpuh0jcuu] {
    background: rgba(255, 99, 71, 0.15);
    color: var(--error-color);
}

.invoice-status-badge.status-cancelled[b-wdpuh0jcuu] {
    background: rgba(128, 128, 128, 0.15);
    color: var(--text-muted);
}

/* Bill To Section */
.bill-to-section[b-wdpuh0jcuu] {
    margin-bottom: 2rem;
}

.bill-to-section h3[b-wdpuh0jcuu] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 0.75rem;
}

.buyer-info[b-wdpuh0jcuu] {
    background: var(--bg-tertiary);
    padding: 1rem;
    border-radius: 6px;
}

.buyer-name[b-wdpuh0jcuu] {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.95rem;
    margin: 0 0 0.35rem;
}

.buyer-address[b-wdpuh0jcuu] {
    color: var(--text-secondary);
    font-size: 0.85rem;
    margin: 0 0 0.35rem;
    line-height: 1.5;
}

.buyer-vat[b-wdpuh0jcuu],
.buyer-email[b-wdpuh0jcuu] {
    color: var(--text-muted);
    font-size: 0.8rem;
    margin: 0.2rem 0;
}

/* Items Section */
.items-section[b-wdpuh0jcuu] {
    margin-bottom: 1.5rem;
}

.items-table[b-wdpuh0jcuu] {
    width: 100%;
    border-collapse: collapse;
}

.items-table th[b-wdpuh0jcuu] {
    text-align: left;
    padding: 0.75rem 0.5rem;
    border-bottom: 2px solid var(--border-color);
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.items-table td[b-wdpuh0jcuu] {
    padding: 0.85rem 0.5rem;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.col-description[b-wdpuh0jcuu] {
    width: 50%;
}

.col-qty[b-wdpuh0jcuu],
.col-vat[b-wdpuh0jcuu] {
    width: 8%;
    text-align: center;
}

.col-price[b-wdpuh0jcuu],
.col-total[b-wdpuh0jcuu] {
    width: 17%;
    text-align: right;
}

.items-table th.col-qty[b-wdpuh0jcuu],
.items-table th.col-vat[b-wdpuh0jcuu],
.items-table td.col-qty[b-wdpuh0jcuu],
.items-table td.col-vat[b-wdpuh0jcuu] {
    text-align: center;
}

.items-table th.col-price[b-wdpuh0jcuu],
.items-table th.col-total[b-wdpuh0jcuu],
.items-table td.col-price[b-wdpuh0jcuu],
.items-table td.col-total[b-wdpuh0jcuu] {
    text-align: right;
}

/* Totals Section */
.totals-section[b-wdpuh0jcuu] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2rem;
}

.totals-grid[b-wdpuh0jcuu] {
    width: 280px;
}

.total-row[b-wdpuh0jcuu] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.total-row .total-label[b-wdpuh0jcuu] {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.total-row .total-value[b-wdpuh0jcuu] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    font-weight: 500;
}

.total-row.grand-total[b-wdpuh0jcuu] {
    border-bottom: none;
    border-top: 2px solid var(--border-color);
    padding-top: 0.75rem;
    margin-top: 0.25rem;
}

.total-row.grand-total .total-label[b-wdpuh0jcuu] {
    color: var(--text-primary);
    font-weight: 600;
}

.total-row.grand-total .total-value[b-wdpuh0jcuu] {
    color: var(--text-primary);
    font-size: 1.1rem;
    font-weight: 700;
}

.reverse-charge-note[b-wdpuh0jcuu],
.export-note[b-wdpuh0jcuu] {
    font-size: 0.75rem;
    color: var(--text-muted);
    font-style: italic;
    padding: 0.25rem 0 0.5rem;
}

/* Exchange Rate Info */
.exchange-rate-info[b-wdpuh0jcuu] {
    display: flex;
    justify-content: space-between;
    padding: 0.35rem 0;
    border-top: 1px dashed var(--border-color);
    margin-top: 0.35rem;
}

.exchange-rate-info:first-of-type[b-wdpuh0jcuu] {
    margin-top: 0.75rem;
}

.exchange-rate-info .exchange-label[b-wdpuh0jcuu] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.exchange-rate-info .exchange-value[b-wdpuh0jcuu] {
    color: var(--text-muted);
    font-size: 0.75rem;
    font-family: monospace;
}

/* Payment Section */
.payment-section[b-wdpuh0jcuu] {
    background: var(--bg-tertiary);
    padding: 1.25rem;
    border-radius: 6px;
    margin-bottom: 1.5rem;
}

.payment-section h3[b-wdpuh0jcuu] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 1rem;
}

.payment-grid[b-wdpuh0jcuu] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem 2rem;
    margin-bottom: 1rem;
}

.payment-item[b-wdpuh0jcuu] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.payment-label[b-wdpuh0jcuu] {
    color: var(--text-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
}

.payment-value[b-wdpuh0jcuu] {
    color: var(--text-secondary);
    font-size: 0.85rem;
    font-family: monospace;
}

.payment-terms[b-wdpuh0jcuu] {
    color: var(--text-muted);
    font-size: 0.8rem;
    margin: 0;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-color);
}

/* Paid Stamp */
.paid-stamp[b-wdpuh0jcuu] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-15deg);
    pointer-events: none;
}

.stamp-content[b-wdpuh0jcuu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 2.5rem;
    border: 4px solid rgba(129, 186, 42, 0.3);
    border-radius: 8px;
    background: rgba(129, 186, 42, 0.05);
}

.stamp-text[b-wdpuh0jcuu] {
    font-size: 3rem;
    font-weight: 800;
    color: rgba(129, 186, 42, 0.4);
    letter-spacing: 8px;
}

.stamp-date[b-wdpuh0jcuu] {
    font-size: 0.9rem;
    color: rgba(129, 186, 42, 0.5);
    font-weight: 600;
}

/* Notes Section */
.notes-section[b-wdpuh0jcuu] {
    padding: 1rem;
    background: var(--bg-tertiary);
    border-radius: 6px;
    margin-bottom: 1.5rem;
}

.notes-section p[b-wdpuh0jcuu] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin: 0;
    font-style: italic;
}

/* Invoice Footer */
.invoice-doc-footer[b-wdpuh0jcuu] {
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.invoice-doc-footer p[b-wdpuh0jcuu] {
    color: var(--text-muted);
    font-size: 0.8rem;
    margin: 0;
}

/* Print Styles */
@media print {
    .invoice-document[b-wdpuh0jcuu] {
        border: none;
        padding: 0;
        box-shadow: none;
    }

    .paid-stamp[b-wdpuh0jcuu] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .invoice-document[b-wdpuh0jcuu] {
        padding: 1.25rem;
    }

    .invoice-doc-header[b-wdpuh0jcuu] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .invoice-meta[b-wdpuh0jcuu] {
        text-align: left;
    }

    .meta-row[b-wdpuh0jcuu] {
        justify-content: flex-start;
    }

    .items-table th[b-wdpuh0jcuu],
    .items-table td[b-wdpuh0jcuu] {
        padding: 0.5rem 0.25rem;
        font-size: 0.75rem;
    }

    .col-vat[b-wdpuh0jcuu] {
        display: none;
    }

    .payment-grid[b-wdpuh0jcuu] {
        grid-template-columns: 1fr;
    }

    .paid-stamp[b-wdpuh0jcuu] {
        display: none;
    }
}
/* /Components/Pages/Store/AccountInvoices.razor.rz.scp.css */
/* Account Invoices - table layout */

.invoices-table[b-erkc5o3v0u] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.invoices-table-header[b-erkc5o3v0u] {
    display: grid;
    grid-template-columns: 160px 120px 120px 120px 130px;
    gap: 12px;
    padding: 10px 16px;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.invoices-table-row[b-erkc5o3v0u] {
    display: grid;
    grid-template-columns: 160px 120px 120px 120px 130px;
    gap: 12px;
    padding: 12px 16px;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    font-size: 0.85rem;
    color: var(--text-primary);
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s;
}

.invoices-table-row:hover[b-erkc5o3v0u] {
    background: var(--bg-hover);
}

.invoices-table-row:last-child[b-erkc5o3v0u] {
    border-bottom: none;
}

.invoice-number[b-erkc5o3v0u] {
    font-weight: 600;
    color: var(--accent-color);
}

.col-date[b-erkc5o3v0u],
.col-due[b-erkc5o3v0u] {
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.col-amount[b-erkc5o3v0u] {
    font-weight: 500;
    text-align: right;
}

.col-status[b-erkc5o3v0u] {
    text-align: center;
}

/* Summary */
.invoices-summary[b-erkc5o3v0u] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    margin-top: 8px;
    font-size: 0.85rem;
}

/* Responsive */
@media (max-width: 768px) {
    .invoices-table-header[b-erkc5o3v0u] {
        display: none;
    }

    .invoices-table-row[b-erkc5o3v0u] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 12px 16px;
    }

    .col-amount[b-erkc5o3v0u] {
        text-align: left;
    }

    .col-status[b-erkc5o3v0u] {
        text-align: left;
    }
}
/* /Components/Pages/Store/AccountLicenses.razor.rz.scp.css */
/* Account Licenses */

.licenses-grid[b-lc6wng6mwc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.license-card[b-lc6wng6mwc] {
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--bg-secondary);
}

.license-card.expired[b-lc6wng6mwc] {
    opacity: 0.7;
    border-color: var(--warning-color);
}

.license-card.inactive[b-lc6wng6mwc] {
    opacity: 0.6;
}

/* Card Header */
.license-card-header[b-lc6wng6mwc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid var(--border-color);
}

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

.license-type[b-lc6wng6mwc] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

/* Card Body */
.license-card-body[b-lc6wng6mwc] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Stats Row */
.license-stats[b-lc6wng6mwc] {
    display: flex;
    gap: 24px;
}

.license-stat[b-lc6wng6mwc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.stat-value[b-lc6wng6mwc] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--text-primary);
}

.stat-value.available[b-lc6wng6mwc] {
    color: var(--accent-color);
}

.stat-label[b-lc6wng6mwc] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Details Grid */
.license-details[b-lc6wng6mwc] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.license-detail[b-lc6wng6mwc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-lc6wng6mwc] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

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

.detail-value.expiring-soon[b-lc6wng6mwc] {
    color: var(--warning-color);
    font-weight: 600;
}

/* License Key */
.license-key-section[b-lc6wng6mwc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.license-key-display[b-lc6wng6mwc] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.license-key[b-lc6wng6mwc] {
    font-family: var(--font-mono, monospace);
    font-size: 0.82rem;
    color: var(--text-primary);
    background: var(--bg-tertiary);
    padding: 6px 10px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    user-select: all;
}

.copy-btn[b-lc6wng6mwc] {
    background: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 6px;
    cursor: pointer;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}

.copy-btn:hover[b-lc6wng6mwc] {
    background: var(--bg-hover);
    color: var(--accent-color);
    border-color: var(--accent-color);
}

/* Seat Assignments */
.license-card-seats[b-lc6wng6mwc] {
    padding: 12px 16px;
    border-top: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.seat-list[b-lc6wng6mwc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.seat-chip[b-lc6wng6mwc] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    font-size: 0.78rem;
    color: var(--text-primary);
}

/* Entitled Downloads */
.license-card-downloads[b-lc6wng6mwc] {
    padding: 12px 16px;
    border-top: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.downloads-toggle[b-lc6wng6mwc] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--text-secondary);
}

.downloads-toggle:hover[b-lc6wng6mwc] {
    color: var(--accent-color);
}

.downloads-toggle .detail-label[b-lc6wng6mwc] {
    cursor: pointer;
    color: inherit;
}

.downloads-chevron[b-lc6wng6mwc] {
    flex-shrink: 0;
    transition: transform 0.15s;
}

.downloads-chevron.expanded[b-lc6wng6mwc] {
    transform: rotate(90deg);
}

.downloads-loading[b-lc6wng6mwc],
.downloads-empty[b-lc6wng6mwc] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.download-release[b-lc6wng6mwc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.download-release-header[b-lc6wng6mwc] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.download-release-version[b-lc6wng6mwc] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
}

.download-release-date[b-lc6wng6mwc] {
    font-size: 0.78rem;
    color: var(--text-secondary);
}

.download-row[b-lc6wng6mwc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.download-row:hover[b-lc6wng6mwc] {
    background: var(--bg-hover);
}

.download-file[b-lc6wng6mwc] {
    flex: 1;
    min-width: 0;
    font-size: 0.85rem;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.download-type[b-lc6wng6mwc] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    font-size: 0.72rem;
    color: var(--text-secondary);
    white-space: nowrap;
}

.download-size[b-lc6wng6mwc] {
    font-size: 0.78rem;
    color: var(--text-secondary);
    white-space: nowrap;
}

.download-checksum[b-lc6wng6mwc] {
    font-family: var(--font-mono, monospace);
    font-size: 0.72rem;
    color: var(--text-secondary);
    white-space: nowrap;
}

.download-row .copy-btn[b-lc6wng6mwc] {
    padding: 4px;
}

.download-actions[b-lc6wng6mwc] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.download-link[b-lc6wng6mwc] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--accent-color);
    text-decoration: none;
    white-space: nowrap;
}

.download-link:hover[b-lc6wng6mwc] {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    .license-card-header[b-lc6wng6mwc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .license-stats[b-lc6wng6mwc] {
        gap: 16px;
    }

    .license-details[b-lc6wng6mwc] {
        flex-direction: column;
        gap: 8px;
    }

    .download-row[b-lc6wng6mwc] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Store/AccountOrderDetail.razor.rz.scp.css */
/* Account Order Detail */

.order-header[b-r97gie7y1p] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 4px;
}

.order-header-info[b-r97gie7y1p] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.order-header-info h2[b-r97gie7y1p] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
}

.order-date[b-r97gie7y1p] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.order-status-description[b-r97gie7y1p] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin: 0 0 16px 0;
}

/* Purchases Table */
.purchases-table[b-r97gie7y1p] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
    margin-top: 12px;
}

.purchases-table-header[b-r97gie7y1p] {
    display: grid;
    grid-template-columns: 1fr 150px 60px 100px 100px;
    gap: 12px;
    padding: 10px 16px;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.purchases-table-row[b-r97gie7y1p] {
    display: grid;
    grid-template-columns: 1fr 150px 60px 100px 100px;
    gap: 12px;
    padding: 12px 16px;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    font-size: 0.85rem;
    color: var(--text-primary);
}

.purchases-table-row:last-child[b-r97gie7y1p] {
    border-bottom: none;
}

.item-name[b-r97gie7y1p] {
    font-weight: 500;
}

.col-qty[b-r97gie7y1p],
.col-unit-price[b-r97gie7y1p],
.col-line-total[b-r97gie7y1p] {
    text-align: right;
}

/* Totals */
.order-totals[b-r97gie7y1p] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 16px;
    padding: 12px 16px;
    gap: 6px;
}

.totals-line[b-r97gie7y1p] {
    display: flex;
    justify-content: space-between;
    width: 220px;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.totals-line.total[b-r97gie7y1p] {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--text-primary);
    border-top: 1px solid var(--border-color);
    padding-top: 8px;
    margin-top: 4px;
}

/* Billing Info */
.billing-info[b-r97gie7y1p] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
    padding: 16px;
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

.info-row[b-r97gie7y1p] {
    display: flex;
    gap: 16px;
}

.info-label[b-r97gie7y1p] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary);
    min-width: 140px;
}

.info-value[b-r97gie7y1p] {
    font-size: 0.85rem;
    color: var(--text-primary);
}

/* History Timeline */
.history-timeline[b-r97gie7y1p] {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
    padding: 0 8px;
}

.history-entry[b-r97gie7y1p] {
    display: flex;
    gap: 16px;
    min-height: 48px;
}

.history-marker[b-r97gie7y1p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 16px;
    flex-shrink: 0;
}

.history-dot[b-r97gie7y1p] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--text-secondary);
    flex-shrink: 0;
    margin-top: 4px;
}

.history-dot.verified[b-r97gie7y1p] {
    background: var(--success-color);
}

.history-dot.pending[b-r97gie7y1p] {
    background: var(--text-secondary);
}

.history-dot.warning[b-r97gie7y1p] {
    background: var(--warning-color);
}

.history-line[b-r97gie7y1p] {
    flex: 1;
    width: 2px;
    background: var(--border-color);
    margin: 4px 0;
}

.history-entry:last-child .history-line[b-r97gie7y1p] {
    display: none;
}

.history-content[b-r97gie7y1p] {
    padding-bottom: 16px;
}

.history-status[b-r97gie7y1p] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
}

.history-time[b-r97gie7y1p] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 2px;
}

.history-note[b-r97gie7y1p] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    margin-top: 4px;
    font-style: italic;
}

/* Invoice Link */
.invoice-link[b-r97gie7y1p] {
    color: var(--accent-color);
    text-decoration: none;
    font-weight: 500;
}

.invoice-link:hover[b-r97gie7y1p] {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    .order-header[b-r97gie7y1p] {
        flex-direction: column;
        gap: 8px;
    }

    .purchases-table-header[b-r97gie7y1p] {
        display: none;
    }

    .purchases-table-row[b-r97gie7y1p] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .col-qty[b-r97gie7y1p],
    .col-unit-price[b-r97gie7y1p],
    .col-line-total[b-r97gie7y1p] {
        text-align: left;
    }

    .info-row[b-r97gie7y1p] {
        flex-direction: column;
        gap: 2px;
    }

    .info-label[b-r97gie7y1p] {
        min-width: unset;
    }
}

/* ── Two-column detail layout ── */
.order-detail-grid[b-r97gie7y1p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
    margin-top: 14px;
    align-items: start;
}

.order-main[b-r97gie7y1p],
.order-side[b-r97gie7y1p] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.order-panel[b-r97gie7y1p] {
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
    padding: 14px 16px;
}

.order-panel-title[b-r97gie7y1p] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 10px;
}

/* Overview field grid */
.order-overview[b-r97gie7y1p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}

.ov-field[b-r97gie7y1p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ov-label[b-r97gie7y1p] {
    font-size: 0.7rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ov-value[b-r97gie7y1p] {
    font-size: 0.88rem;
    color: var(--text-primary);
}

.ov-strong[b-r97gie7y1p] {
    font-weight: 700;
}

.ov-recurring[b-r97gie7y1p],
.unit-recurring[b-r97gie7y1p] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    font-weight: 400;
}

/* Sold-by line under the product name */
.item-sold-by[b-r97gie7y1p] {
    display: block;
    font-size: 0.72rem;
    color: var(--text-muted);
    margin-top: 2px;
}

/* Read-only chip + empty hint */
.order-readonly-chip[b-r97gie7y1p] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--text-secondary);
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    padding: 2px 8px;
}

.order-empty-hint[b-r97gie7y1p] {
    font-size: 0.8rem;
}

/* Documents card */
.order-docs[b-r97gie7y1p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.order-doc-item[b-r97gie7y1p] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--bg-tertiary);
    color: var(--text-primary);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.15s ease;
}

.order-doc-item:hover[b-r97gie7y1p] {
    background: var(--bg-hover);
    border-color: var(--accent-color);
}

.doc-icon[b-r97gie7y1p] {
    flex-shrink: 0;
    color: var(--accent-color);
    display: flex;
}

.doc-info[b-r97gie7y1p] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.doc-name[b-r97gie7y1p] {
    font-size: 0.82rem;
    font-weight: 500;
}

.doc-sub[b-r97gie7y1p] {
    font-size: 0.72rem;
    color: var(--text-secondary);
}

/* The side-column timeline + billing already sit inside .order-panel — drop their own chrome. */
.order-side .history-timeline[b-r97gie7y1p] {
    margin-top: 4px;
    padding: 0;
}

.order-side .billing-info[b-r97gie7y1p] {
    margin-top: 0;
    padding: 0;
    background: transparent;
    border: none;
}

/* Stack to a single column on narrower screens. */
@media (max-width: 900px) {
    .order-detail-grid[b-r97gie7y1p] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Store/AccountOrders.razor.rz.scp.css */
/* Account Orders - table layout */

.order-kpis[b-vcy0i4p6ai] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.order-kpi[b-vcy0i4p6ai] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 16px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
}

.order-kpi-value[b-vcy0i4p6ai] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.1;
}

.order-kpi-label[b-vcy0i4p6ai] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.order-kpi.in-review .order-kpi-value[b-vcy0i4p6ai] {
    color: var(--warning-color);
}

.order-kpi.active .order-kpi-value[b-vcy0i4p6ai] {
    color: var(--success-color);
}

@media (max-width: 640px) {
    .order-kpis[b-vcy0i4p6ai] {
        grid-template-columns: 1fr;
    }
}

.orders-table[b-vcy0i4p6ai] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.orders-table-header[b-vcy0i4p6ai] {
    display: grid;
    grid-template-columns: 140px 1fr 130px 100px 120px 90px;
    gap: 12px;
    padding: 10px 16px;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.orders-table-row[b-vcy0i4p6ai] {
    display: grid;
    grid-template-columns: 140px 1fr 130px 100px 120px 90px;
    gap: 12px;
    padding: 12px 16px;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    font-size: 0.85rem;
    color: var(--text-primary);
    cursor: pointer;
    transition: background 0.15s ease;
}

.orders-table-row:last-child[b-vcy0i4p6ai] {
    border-bottom: none;
}

.orders-table-row:hover[b-vcy0i4p6ai] {
    background: var(--bg-hover);
}

.order-number[b-vcy0i4p6ai] {
    font-weight: 600;
    color: var(--accent-color);
}

.col-items[b-vcy0i4p6ai] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-date[b-vcy0i4p6ai] {
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.details-link[b-vcy0i4p6ai] {
    font-size: 0.8rem;
    color: var(--accent-color);
    text-decoration: none;
    font-weight: 500;
}

.details-link:hover[b-vcy0i4p6ai] {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    .orders-table-header[b-vcy0i4p6ai] {
        display: none;
    }

    .orders-table-row[b-vcy0i4p6ai] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 12px 16px;
    }

    .col-action[b-vcy0i4p6ai] {
        align-self: flex-end;
    }
}
/* /Components/Pages/Store/Cart.razor.rz.scp.css */
/* Cart Page */

.cart-page[b-rxcbtety0a] {
    max-width: 800px;
}

/* Cart Table */
.cart-table[b-rxcbtety0a] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.cart-table-header[b-rxcbtety0a] {
    display: grid;
    grid-template-columns: 1fr 100px 120px 100px 40px;
    gap: 12px;
    padding: 10px 16px;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cart-table-row[b-rxcbtety0a] {
    display: grid;
    grid-template-columns: 1fr 100px 120px 100px 40px;
    gap: 12px;
    padding: 14px 16px;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    transition: background 0.15s;
}

.cart-table-row:last-child[b-rxcbtety0a] {
    border-bottom: none;
}

.cart-table-row:hover[b-rxcbtety0a] {
    background: var(--bg-hover);
}

.col-product[b-rxcbtety0a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

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

.plan-label[b-rxcbtety0a] {
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.col-qty[b-rxcbtety0a], .col-price[b-rxcbtety0a], .col-total[b-rxcbtety0a] {
    font-size: 0.85rem;
    color: var(--text-primary);
}

.col-total span[b-rxcbtety0a] {
    font-weight: 600;
}

.col-actions[b-rxcbtety0a] {
    display: flex;
    justify-content: center;
}

/* Quantity Control */
.qty-control[b-rxcbtety0a] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.qty-control span[b-rxcbtety0a] {
    min-width: 24px;
    text-align: center;
    font-weight: 600;
}

.qty-btn[b-rxcbtety0a] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid var(--border-color);
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.qty-btn:hover[b-rxcbtety0a] {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--accent-color);
}

/* Remove Button */
.control-btn.remove[b-rxcbtety0a] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: all 0.15s;
}

.control-btn.remove:hover[b-rxcbtety0a] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--error-color);
}

/* Summary */
.cart-summary[b-rxcbtety0a] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 16px 20px;
    max-width: 320px;
    margin-left: auto;
    margin-bottom: 1.5rem;
}

.summary-line[b-rxcbtety0a] {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.summary-line.total[b-rxcbtety0a] {
    border-top: 1px solid var(--border-color);
    margin-top: 6px;
    padding-top: 10px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
}

/* Actions */
.cart-actions[b-rxcbtety0a] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* Responsive */
@media (max-width: 768px) {
    .cart-table-header[b-rxcbtety0a] {
        display: none;
    }

    .cart-table-row[b-rxcbtety0a] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .cart-summary[b-rxcbtety0a] {
        max-width: 100%;
    }

    .cart-actions[b-rxcbtety0a] {
        flex-direction: column;
    }
}
/* /Components/Pages/Store/Checkout.razor.rz.scp.css */
/* Checkout Page */

.checkout-page[b-oih4ni5elp] {
    max-width: 900px;
}

.checkout-layout[b-oih4ni5elp] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.5rem;
    align-items: flex-start;
}

/* Billing Form */
.checkout-form[b-oih4ni5elp] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.checkout-form h3[b-oih4ni5elp] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.checkout-terms[b-oih4ni5elp] {
    margin: 1rem 0;
}

.checkout-terms label[b-oih4ni5elp] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: var(--text-secondary);
    cursor: pointer;
}

.checkout-terms a[b-oih4ni5elp] {
    color: var(--accent-color);
    text-decoration: none;
}

.checkout-terms a:hover[b-oih4ni5elp] {
    text-decoration: underline;
}

.checkout-error[b-oih4ni5elp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(229, 37, 32, 0.1);
    border: 1px solid rgba(229, 37, 32, 0.2);
    border-radius: var(--radius-md);
    color: var(--error-color);
    font-size: 0.82rem;
    margin-bottom: 1rem;
}

/* Grouped sections inside the billing form. Each fieldset is a logical
   identity / address / company block — visual rhythm separates them so
   the buyer scans top-to-bottom: who you are → optional company → where
   to send the invoice. */
.checkout-fieldset[b-oih4ni5elp] {
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 0.85rem 1rem 1rem;
    margin: 0 0 1rem 0;
}

.checkout-fieldset legend[b-oih4ni5elp] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 6px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* "Same as personal address" inline checkbox-with-label, sized smaller than
   the form-row inputs so it reads as a side option rather than a primary field. */
.checkout-inline-toggle[b-oih4ni5elp] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: var(--text-secondary);
    cursor: pointer;
}

.checkout-inline-toggle input[type=checkbox]:disabled + span[b-oih4ni5elp] {
    opacity: 0.5;
    cursor: default;
}

/* Order Summary */
.checkout-summary[b-oih4ni5elp] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    position: sticky;
    top: 20px;
}

.checkout-summary h3[b-oih4ni5elp] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.summary-items[b-oih4ni5elp] {
    margin-bottom: 1rem;
}

.summary-item[b-oih4ni5elp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 8px 0;
    border-bottom: 1px solid var(--border-color);
}

.summary-item:last-child[b-oih4ni5elp] {
    border-bottom: none;
}

.summary-item-info[b-oih4ni5elp] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.summary-item-name[b-oih4ni5elp] {
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--text-primary);
}

.summary-item-plan[b-oih4ni5elp] {
    font-size: 0.72rem;
    color: var(--text-secondary);
}

.summary-item-qty[b-oih4ni5elp] {
    font-size: 0.72rem;
    color: var(--text-muted);
}

.summary-item-price[b-oih4ni5elp] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
    flex-shrink: 0;
}

/* Summary Totals */
.summary-totals[b-oih4ni5elp] {
    border-top: 1px solid var(--border-color);
    padding-top: 8px;
    margin-bottom: 1rem;
}

.summary-line[b-oih4ni5elp] {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.summary-line.total[b-oih4ni5elp] {
    border-top: 1px solid var(--border-color);
    margin-top: 8px;
    padding-top: 8px;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text-primary);
}

/* Info Box */
.checkout-info[b-oih4ni5elp] {
    display: flex;
    gap: 8px;
    padding: 10px 12px;
    background: rgba(117, 188, 255, 0.08);
    border: 1px solid rgba(117, 188, 255, 0.15);
    border-radius: var(--radius-md);
    font-size: 0.75rem;
    color: var(--text-secondary);
    line-height: 1.4;
}

.checkout-info svg[b-oih4ni5elp] {
    flex-shrink: 0;
    color: var(--info-color, #75BCFF);
    margin-top: 1px;
}

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

    .checkout-summary[b-oih4ni5elp] {
        position: static;
    }
}
/* /Components/Pages/Store/OrgPricing.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   Public Organization Pricing Page
   Microsoft 365-style comparison layout
   ═══════════════════════════════════════════════════════════════ */

.org-pricing-page[b-oalwq41kx5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
    min-height: 100vh;
}

/* ── Loading & Empty States ── */

.org-loading[b-oalwq41kx5],
.org-not-found[b-oalwq41kx5],
.org-empty[b-oalwq41kx5] {
    text-align: center;
    padding: 4rem 2rem;
    color: var(--text-muted);
}

.org-loading .loading-spinner[b-oalwq41kx5] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--border-color);
    border-top-color: var(--accent-color);
    border-radius: 50%;
    animation: spin-b-oalwq41kx5 0.8s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-oalwq41kx5 { to { transform: rotate(360deg); } }

.org-not-found h2[b-oalwq41kx5] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

/* ── Org Header ── */

.org-header[b-oalwq41kx5] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.org-name[b-oalwq41kx5] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.35rem;
}

.org-website[b-oalwq41kx5] {
    font-size: 0.85rem;
    color: var(--accent-color);
    text-decoration: none;
}

.org-website:hover[b-oalwq41kx5] {
    text-decoration: underline;
}

/* ── Billing Toggle ── */

.billing-toggle-bar[b-oalwq41kx5] {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.billing-toggle[b-oalwq41kx5] {
    display: inline-flex;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    overflow: hidden;
    background: var(--bg-secondary);
}

.billing-btn[b-oalwq41kx5] {
    padding: 8px 24px;
    font-size: 0.85rem;
    font-weight: 600;
    border: none;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}

.billing-btn.active[b-oalwq41kx5] {
    background: var(--accent-color);
    color: #fff;
}

.billing-btn:hover:not(.active)[b-oalwq41kx5] {
    background: var(--bg-hover);
}

/* ── Product Section ── */

.product-section[b-oalwq41kx5] {
    margin-bottom: 3rem;
}

.product-section-header[b-oalwq41kx5] {
    margin-bottom: 1.5rem;
}

.product-section-header h2[b-oalwq41kx5] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.35rem;
}

.product-section-header h2 a[b-oalwq41kx5] {
    color: inherit;
    text-decoration: none;
}

.product-section-header h2 a:hover[b-oalwq41kx5] {
    color: var(--accent-color);
}

.product-section-header p[b-oalwq41kx5] {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
}

.product-hero[b-oalwq41kx5] {
    text-align: center;
    margin-bottom: 2rem;
}

.product-hero h2[b-oalwq41kx5] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.5rem;
}

.product-hero p[b-oalwq41kx5] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin: 0;
    max-width: 600px;
    margin-inline: auto;
}

/* ═══════════════════════════════════════════════════
   Plan Cards Row (header area, M365-style)
   ═══════════════════════════════════════════════════ */

.plan-cards-row[b-oalwq41kx5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-bottom: 0;
}

.plan-card[b-oalwq41kx5] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1.5rem;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.plan-card:hover[b-oalwq41kx5] {
    border-color: var(--accent-color);
}

.plan-card.recommended[b-oalwq41kx5] {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 1px var(--accent-color), 0 4px 16px rgba(129, 186, 42, 0.12);
    background: rgba(129, 186, 42, 0.03);
}

/* Badge */
.plan-card-badge[b-oalwq41kx5] {
    position: absolute;
    top: -10px;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 3px 12px;
    border-radius: 12px;
    color: #fff;
}

.plan-card-badge.popular[b-oalwq41kx5] { background: var(--info-color, #75BCFF); }
.plan-card-badge.bestvalue[b-oalwq41kx5] { background: var(--accent-color); }
.plan-card-badge.recommended[b-oalwq41kx5] { background: var(--accent-color); }
.plan-card-badge.enterprise[b-oalwq41kx5] { background: var(--warning-color, #F7931E); }
.plan-card-badge.new[b-oalwq41kx5] { background: var(--success-color); }

.plan-card-name[b-oalwq41kx5] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 4px;
}

.plan-card-tagline[b-oalwq41kx5] {
    font-size: 0.78rem;
    color: var(--text-muted);
    margin: 0 0 12px;
    line-height: 1.4;
}

.plan-card-price[b-oalwq41kx5] {
    margin-bottom: 12px;
}

.price-main[b-oalwq41kx5] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--text-primary);
}

.price-cycle[b-oalwq41kx5] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.price-contact[b-oalwq41kx5] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--accent-color);
}

/* CTA Button */
.plan-card-cta[b-oalwq41kx5] {
    display: inline-block;
    padding: 8px 28px;
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.15s;
    border: 1px solid var(--accent-color);
    color: var(--accent-color);
    background: transparent;
}

.plan-card-cta:hover[b-oalwq41kx5] {
    background: var(--accent-color);
    color: #fff;
}

.plan-card-cta.primary[b-oalwq41kx5] {
    background: var(--accent-color);
    color: #fff;
}

.plan-card-cta.primary:hover[b-oalwq41kx5] {
    filter: brightness(1.1);
}

.plan-card-trial[b-oalwq41kx5] {
    display: block;
    margin-top: 8px;
    font-size: 0.75rem;
    color: var(--accent-color);
    cursor: pointer;
}

/* ═══════════════════════════════════════════════════
   M365-Style Comparison Table
   Full-width, sticky header, category groups, icons
   ═══════════════════════════════════════════════════ */

.cmp-table-wrap[b-oalwq41kx5] {
    margin-top: 2rem;
    overflow-x: auto;
    border: 1px solid var(--border-color);
    border-radius: 8px;
}

.cmp-table[b-oalwq41kx5] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    table-layout: fixed;
}

/* Sticky header */
.cmp-table thead[b-oalwq41kx5] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.cmp-table thead th[b-oalwq41kx5] {
    background: var(--bg-secondary);
    border-bottom: 2px solid var(--border-color);
}

/* Feature column (left) */
.cmp-feature-col[b-oalwq41kx5] {
    width: 280px;
    min-width: 220px;
    padding: 12px 16px;
}

/* Plan column headers */
.cmp-plan-col[b-oalwq41kx5] {
    text-align: center;
    padding: 12px 8px;
    border-left: 1px solid var(--border-color);
    min-width: 150px;
}

.cmp-plan-col.recommended[b-oalwq41kx5] {
    background: rgba(129, 186, 42, 0.06);
    border-bottom-color: var(--accent-color);
}

.cmp-plan-name[b-oalwq41kx5] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-primary);
}

/* Category group row */
.cmp-category-row td[b-oalwq41kx5] {
    padding: 10px 16px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
    background: var(--bg-tertiary, var(--bg-secondary));
    border-bottom: 1px solid var(--border-color);
}

/* Feature name cell */
.cmp-feature-name[b-oalwq41kx5] {
    padding: 10px 16px;
    color: var(--text-primary);
    font-size: 0.84rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-primary);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Fix for table layout */
.cmp-table td.cmp-feature-name[b-oalwq41kx5] {
    display: table-cell;
}

.cmp-feature-icon[b-oalwq41kx5] {
    display: inline-flex;
    align-items: center;
    color: var(--accent-color);
    flex-shrink: 0;
    vertical-align: middle;
    margin-right: 8px;
}

/* Value cells */
.cmp-cell[b-oalwq41kx5] {
    text-align: center;
    padding: 10px 12px;
    border-bottom: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    background: var(--bg-primary);
    vertical-align: middle;
}

.cmp-cell.recommended[b-oalwq41kx5] {
    background: rgba(129, 186, 42, 0.03);
}

/* Checkmark */
.cmp-check[b-oalwq41kx5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-color);
}

/* Dash (not included) */
.cmp-dash[b-oalwq41kx5] {
    color: var(--text-muted);
    opacity: 0.35;
    font-size: 1rem;
}

/* Text values */
.cmp-value[b-oalwq41kx5] {
    font-size: 0.82rem;
    color: var(--text-primary);
    font-weight: 500;
}

.cmp-value.limited[b-oalwq41kx5] {
    color: var(--warning-color, #F7931E);
    font-size: 0.78rem;
}

.cmp-value.muted[b-oalwq41kx5] {
    color: var(--text-muted);
    font-size: 0.78rem;
    font-style: italic;
}

.cmp-value.addon[b-oalwq41kx5] {
    color: var(--info-color, #75BCFF);
    font-size: 0.78rem;
    font-weight: 600;
}

.cmp-value.unlimited[b-oalwq41kx5] {
    color: var(--accent-color);
    font-weight: 600;
}

/* ── Footer ── */

.org-footer[b-oalwq41kx5] {
    text-align: center;
    padding: 2rem 0;
    margin-top: 3rem;
    border-top: 1px solid var(--border-color);
    font-size: 0.8rem;
    color: var(--text-muted);
}

.org-footer a[b-oalwq41kx5] {
    color: var(--accent-color);
    text-decoration: none;
}

.org-footer a:hover[b-oalwq41kx5] {
    text-decoration: underline;
}

.back-to-catalog[b-oalwq41kx5] {
    text-align: center;
    margin-top: 2rem;
}

.back-to-catalog a[b-oalwq41kx5] {
    color: var(--accent-color);
    text-decoration: none;
    font-size: 0.9rem;
}

.back-to-catalog a:hover[b-oalwq41kx5] {
    text-decoration: underline;
}

/* ── Print ── */

@media print {
    .billing-toggle-bar[b-oalwq41kx5],
    .plan-card-cta[b-oalwq41kx5],
    .plan-card-trial[b-oalwq41kx5],
    .org-footer[b-oalwq41kx5],
    .back-to-catalog[b-oalwq41kx5] {
        display: none;
    }

    .org-pricing-page[b-oalwq41kx5] {
        padding: 0;
    }
}

/* ── Responsive ── */

@media (max-width: 900px) {
    .plan-cards-row[b-oalwq41kx5] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .org-pricing-page[b-oalwq41kx5] {
        padding: 1rem 0.75rem 2rem;
    }

    .plan-cards-row[b-oalwq41kx5] {
        grid-template-columns: 1fr;
    }

    .cmp-table-wrap[b-oalwq41kx5] {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .cmp-feature-col[b-oalwq41kx5] {
        min-width: 160px;
        width: 160px;
    }
}
/* /Components/Pages/Store/Store.razor.rz.scp.css */
/* Store Page */

.store-header[b-4wtbfinxsj] {
    margin-bottom: 1.25rem;
}

.store-header h2[b-4wtbfinxsj] {
    margin: 0 0 4px 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--text-primary);
}

.store-subtitle[b-4wtbfinxsj] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

/* Store Card */
.store-card[b-4wtbfinxsj] {
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--border-color);
}

.store-card:hover[b-4wtbfinxsj] {
    border-color: var(--accent-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.store-card .card-body[b-4wtbfinxsj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem 1rem;
    gap: 8px;
}

.store-card-icon[b-4wtbfinxsj] {
    color: var(--accent-color);
    opacity: 0.8;
    margin-bottom: 4px;
}

.store-card-title[b-4wtbfinxsj] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.store-card-description[b-4wtbfinxsj] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--text-secondary);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.store-card-count[b-4wtbfinxsj] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.store-card-footer[b-4wtbfinxsj] {
    margin-top: 8px;
}

.store-card-action[b-4wtbfinxsj] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--accent-color);
}

.store-featured-badge[b-4wtbfinxsj] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--accent-color);
    background: rgba(129, 186, 42, 0.12);
    padding: 2px 8px;
    border-radius: 10px;
}

/* Category filter pills */
.store-categories[b-4wtbfinxsj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 1rem;
}

.store-category-pill[b-4wtbfinxsj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid var(--border-color);
    border-radius: 20px;
    background: transparent;
    color: var(--text-secondary);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.store-category-pill:hover[b-4wtbfinxsj] {
    border-color: var(--accent-color);
    color: var(--text-primary);
    background: var(--bg-hover);
}

.store-category-pill.active[b-4wtbfinxsj] {
    border-color: var(--accent-color);
    background: var(--accent-color);
    color: #fff;
}

.store-category-pill.active .store-category-count[b-4wtbfinxsj] {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
}

.store-category-count[b-4wtbfinxsj] {
    font-size: 0.7rem;
    font-weight: 600;
    background: var(--bg-hover);
    color: var(--text-muted);
    padding: 1px 6px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
}

/* Product card tags */
.store-card-tags[b-4wtbfinxsj] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
}

.store-tag[b-4wtbfinxsj] {
    font-size: 0.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 2px 8px;
    border-radius: 10px;
    color: var(--text-secondary);
    background: var(--bg-hover);
}

/* Search wrapper for inline search */
.search-input-wrapper[b-4wtbfinxsj] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-input-wrapper svg[b-4wtbfinxsj] {
    position: absolute;
    left: 10px;
    color: var(--text-muted);
}

.search-input-wrapper .form-input[b-4wtbfinxsj] {
    padding-left: 30px;
    padding-right: 28px;
    min-width: 220px;
}

.search-clear[b-4wtbfinxsj] {
    position: absolute;
    right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    border-radius: var(--radius-sm);
}

.search-clear:hover[b-4wtbfinxsj] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

/* Loading spinner */
.loading-spinner[b-4wtbfinxsj] {
    width: 24px;
    height: 24px;
    border: 3px solid var(--border-color);
    border-top-color: var(--accent-color);
    border-radius: 50%;
    animation: spin-b-4wtbfinxsj 0.8s linear infinite;
}

@keyframes spin-b-4wtbfinxsj {
    to { transform: rotate(360deg); }
}

/* /Components/Pages/Store/StoreProduct.razor.rz.scp.css */
/* Product Detail Page */

.product-detail[b-bdunq3ku92] {
    max-width: 1000px;
}

.product-info h2[b-bdunq3ku92] {
    margin: 0 0 8px 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--text-primary);
}

.product-description[b-bdunq3ku92] {
    font-size: 0.9rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0 0 12px 0;
}

.product-meta[b-bdunq3ku92] {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 2rem;
}

.product-sku[b-bdunq3ku92] {
    font-size: 0.75rem;
    color: var(--text-muted);
    font-family: monospace;
}

/* Pricing Section */
.pricing-section h3[b-bdunq3ku92] {
    margin: 0 0 12px 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.billing-toggle[b-bdunq3ku92] {
    display: flex;
    gap: 0;
    margin-bottom: 1.25rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    width: fit-content;
    overflow: hidden;
}

.billing-toggle .tab[b-bdunq3ku92] {
    border: none;
    border-radius: 0;
    padding: 6px 16px;
    font-size: 0.8rem;
    min-width: 80px;
}

/* Pricing Grid */
.pricing-grid[b-bdunq3ku92] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.pricing-card[b-bdunq3ku92] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: border-color 0.2s;
}

.pricing-card:hover[b-bdunq3ku92] {
    border-color: var(--accent-color);
}

.pricing-card.recommended[b-bdunq3ku92] {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 1px var(--accent-color);
}

/* Plan Badge */
.plan-badge[b-bdunq3ku92] {
    position: absolute;
    top: -10px;
    right: 16px;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 10px;
    border-radius: 10px;
    color: white;
}

.plan-badge.popular[b-bdunq3ku92] { background: var(--info-color, #75BCFF); }
.plan-badge.bestvalue[b-bdunq3ku92] { background: var(--accent-color); }
.plan-badge.recommended[b-bdunq3ku92] { background: var(--accent-color); }
.plan-badge.enterprise[b-bdunq3ku92] { background: var(--warning-color, #F7931E); }
.plan-badge.new[b-bdunq3ku92] { background: var(--success-color); }

/* Plan Content */
.plan-name[b-bdunq3ku92] {
    margin: 0 0 4px 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.plan-tagline[b-bdunq3ku92] {
    margin: 0 0 12px 0;
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.plan-price[b-bdunq3ku92] {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.price-amount[b-bdunq3ku92] {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--text-primary);
}

.price-period[b-bdunq3ku92] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.price-contact[b-bdunq3ku92] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--accent-color);
}

/* Feature List */
.plan-features[b-bdunq3ku92] {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem 0;
    flex: 1;
}

.plan-features li[b-bdunq3ku92] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.plan-features li svg[b-bdunq3ku92] {
    flex-shrink: 0;
    color: var(--accent-color);
}

.plan-features li.not-included[b-bdunq3ku92] {
    opacity: 0.4;
}

.plan-features li.not-included svg[b-bdunq3ku92] {
    color: var(--text-muted);
}

/* Add to Cart Button */
.plan-add-btn[b-bdunq3ku92] {
    width: 100%;
    margin-top: auto;
}

/* Loading */
.loading-spinner[b-bdunq3ku92] {
    width: 24px;
    height: 24px;
    border: 3px solid var(--border-color);
    border-top-color: var(--accent-color);
    border-radius: 50%;
    animation: spin-b-bdunq3ku92 0.8s linear infinite;
}

@keyframes spin-b-bdunq3ku92 {
    to { transform: rotate(360deg); }
}

/* ── Comparison Table (Microsoft 365-style) ── */

/* Composable content blocks from marketing */
.content-block[b-bdunq3ku92] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.content-block h3[b-bdunq3ku92] {
    margin: 0 0 0.75rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.comparison-section[b-bdunq3ku92] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid var(--border-color);
}

.comparison-section h3[b-bdunq3ku92] {
    margin: 0 0 1.25rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.comparison-table-wrapper[b-bdunq3ku92] {
    overflow-x: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

.comparison-table[b-bdunq3ku92] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

/* Header */
.comparison-table thead[b-bdunq3ku92] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.comparison-feature-col[b-bdunq3ku92] {
    width: 240px;
    min-width: 200px;
    background: var(--bg-secondary);
    border-bottom: 2px solid var(--border-color);
}

.comparison-plan-col[b-bdunq3ku92] {
    text-align: center;
    padding: 1.25rem 1rem;
    background: var(--bg-secondary);
    border-bottom: 2px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    min-width: 160px;
}

.comparison-plan-col.recommended[b-bdunq3ku92] {
    background: rgba(129, 186, 42, 0.06);
    border-bottom-color: var(--accent-color);
}

.comparison-plan-header[b-bdunq3ku92] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.comparison-plan-name[b-bdunq3ku92] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text-primary);
}

.comparison-plan-price[b-bdunq3ku92] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    font-weight: 600;
}

.plan-badge-inline[b-bdunq3ku92] {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 2px 8px;
    border-radius: 10px;
    color: white;
}

.plan-badge-inline.popular[b-bdunq3ku92] { background: var(--info-color, #75BCFF); }
.plan-badge-inline.bestvalue[b-bdunq3ku92] { background: var(--accent-color); }
.plan-badge-inline.recommended[b-bdunq3ku92] { background: var(--accent-color); }
.plan-badge-inline.enterprise[b-bdunq3ku92] { background: var(--warning-color, #F7931E); }
.plan-badge-inline.new[b-bdunq3ku92] { background: var(--success-color); }

.comparison-buy-btn[b-bdunq3ku92] {
    margin-top: 8px;
    padding: 6px 20px;
    font-size: 0.78rem;
    white-space: nowrap;
}

/* Category group header row */
.comparison-category-row td[b-bdunq3ku92] {
    padding: 10px 16px;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-secondary);
    background: var(--bg-tertiary, var(--bg-secondary));
    border-bottom: 1px solid var(--border-color);
}

/* Feature name cell */
.comparison-feature-name[b-bdunq3ku92] {
    padding: 8px 16px;
    color: var(--text-primary);
    font-size: 0.82rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-primary);
}

/* Value cells */
.comparison-cell[b-bdunq3ku92] {
    text-align: center;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    background: var(--bg-primary);
}

.comparison-cell.recommended[b-bdunq3ku92] {
    background: rgba(129, 186, 42, 0.03);
}

/* Icons */
.comparison-icon[b-bdunq3ku92] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.comparison-icon.included[b-bdunq3ku92] {
    color: var(--accent-color);
}

.comparison-icon.not-included[b-bdunq3ku92] {
    color: var(--text-muted);
    opacity: 0.4;
}

/* Text values */
.comparison-text[b-bdunq3ku92] {
    font-size: 0.8rem;
    color: var(--text-primary);
    font-weight: 500;
}

.comparison-text.limited[b-bdunq3ku92] {
    color: var(--warning-color, #F7931E);
    font-size: 0.75rem;
}

.comparison-text.coming-soon[b-bdunq3ku92] {
    color: var(--text-muted);
    font-size: 0.75rem;
    font-style: italic;
}

.comparison-text.addon[b-bdunq3ku92] {
    color: var(--info-color, #75BCFF);
    font-size: 0.75rem;
    font-weight: 600;
}

.comparison-text.unlimited[b-bdunq3ku92] {
    color: var(--accent-color);
    font-weight: 600;
}

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

    .comparison-table-wrapper[b-bdunq3ku92] {
        margin: 0 -1rem;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
}
/* /Components/Pages/Support.razor.rz.scp.css */
/* Support Page - Clean layout like OrganizationSettings */

.support-page[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* Simple Header (matches OrganizationSettings pattern) */
.support-header[b-kvo51epv73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.support-title[b-kvo51epv73] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}


/* Search Container */
.search-container[b-kvo51epv73] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon[b-kvo51epv73] {
    position: absolute;
    left: 0.75rem;
    color: var(--text-muted);
    pointer-events: none;
}

.search-input[b-kvo51epv73] {
    padding: 0.5rem 2rem 0.5rem 2.25rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 0.85rem;
    width: 220px;
    transition: border-color 0.15s, width 0.2s;
}

.search-input:focus[b-kvo51epv73] {
    outline: none;
    border-color: var(--accent-color);
    width: 280px;
}

.search-input[b-kvo51epv73]::placeholder {
    color: var(--text-muted);
}

.search-clear[b-kvo51epv73] {
    position: absolute;
    right: 0.5rem;
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-clear:hover[b-kvo51epv73] {
    color: var(--text-secondary);
}


/* Tab Content - no box, content flows directly (like OrganizationSettings) */
.tab-content[b-kvo51epv73] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Loading/Error States */
.loading-state[b-kvo51epv73],
.error-state[b-kvo51epv73] {
    padding: 3rem;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.95rem;
}

.error-state[b-kvo51epv73] {
    color: var(--error-color);
}

/* Search Results */
.search-results[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.search-results-count[b-kvo51epv73] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.search-result-item[b-kvo51epv73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.15s;
    text-align: left;
    width: 100%;
}

.search-result-item:hover[b-kvo51epv73] {
    border-color: var(--accent-color);
    background: var(--bg-hover);
}

.result-info[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.result-title[b-kvo51epv73] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: 0.9rem;
}

.result-path[b-kvo51epv73] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.search-result-item svg[b-kvo51epv73] {
    color: var(--text-muted);
    flex-shrink: 0;
}

.search-result-item:hover svg[b-kvo51epv73] {
    color: var(--accent-color);
}

.no-results[b-kvo51epv73] {
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
}

/* Known Issues Content */
.known-issues-content[b-kvo51epv73] {
    max-height: 600px;
    overflow-y: auto;
}

/* `.markdown-content` typography lives in global app.css now (was using broken
   :deep() against MarkupString HTML). Page-specific overrides — if any — go here. */

/* Support Cards */
.support-card[b-kvo51epv73] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.support-card:last-child[b-kvo51epv73] {
    margin-bottom: 0;
}

.card-header[b-kvo51epv73] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.card-header svg[b-kvo51epv73] {
    color: var(--accent-color);
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.card-title-group[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.card-title[b-kvo51epv73] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.95rem;
}

.card-subtitle[b-kvo51epv73] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* Contact Method */
.contact-method[b-kvo51epv73] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
}

.contact-icon[b-kvo51epv73] {
    width: 48px;
    height: 48px;
    background: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #ffffff;
}

.contact-details[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.contact-label[b-kvo51epv73] {
    color: var(--text-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-value[b-kvo51epv73] {
    color: var(--text-primary);
    font-size: 1.1rem;
    font-weight: 500;
}

.contact-link[b-kvo51epv73] {
    color: var(--link-color);
    text-decoration: none;
}

.contact-link:hover[b-kvo51epv73] {
    text-decoration: underline;
}

.contact-note[b-kvo51epv73] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* Support Topics */
.support-topics[b-kvo51epv73] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.topic-item[b-kvo51epv73] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    align-items: flex-start;
}

.topic-item svg[b-kvo51epv73] {
    color: var(--accent-color);
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.topic-text[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.topic-title[b-kvo51epv73] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: 0.85rem;
}

.topic-desc[b-kvo51epv73] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

/* Documentation Link */
.docs-link[b-kvo51epv73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    text-decoration: none;
    color: var(--text-primary);
    transition: background 0.15s;
}

.docs-link:hover[b-kvo51epv73] {
    background: var(--bg-hover);
}

.docs-text[b-kvo51epv73] {
    color: var(--link-color);
    font-size: 0.9rem;
}

.docs-link svg[b-kvo51epv73] {
    color: var(--text-muted);
    flex-shrink: 0;
}

.docs-link:hover svg[b-kvo51epv73] {
    color: var(--accent-color);
}

/* Business Hours */
.hours-grid[b-kvo51epv73] {
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    padding: 0.5rem 1rem;
}

.hours-row[b-kvo51epv73] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.hours-row:last-child[b-kvo51epv73] {
    border-bottom: none;
}

.hours-day[b-kvo51epv73] {
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.hours-time[b-kvo51epv73] {
    color: var(--text-primary);
    font-size: 0.85rem;
    font-weight: 500;
}

.hours-text[b-kvo51epv73] {
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    padding: 0.75rem 1rem;
    margin: 0;
    font-family: inherit;
    font-size: 0.85rem;
    color: var(--text-primary);
    white-space: pre-line;
    line-height: 1.6;
}

.hours-note[b-kvo51epv73] {
    margin: 0.75rem 0 0;
    color: var(--text-muted);
    font-size: 0.8rem;
}

/* Organization Contacts */
.org-contacts[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.contact-person[b-kvo51epv73] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    align-items: flex-start;
}

.contact-avatar[b-kvo51epv73] {
    width: 40px;
    height: 40px;
    background: var(--bg-tertiary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--text-muted);
}

.contact-info[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.contact-name[b-kvo51epv73] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: 0.9rem;
}

.contact-role[b-kvo51epv73] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-email[b-kvo51epv73] {
    color: var(--link-color);
    font-size: 0.85rem;
    text-decoration: none;
}

.contact-email:hover[b-kvo51epv73] {
    text-decoration: underline;
}

.contact-phone[b-kvo51epv73] {
    color: var(--text-secondary);
    font-size: 0.85rem;
}

/* Last Resort Notice */
.last-resort-notice[b-kvo51epv73] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--bg-tertiary);
    border-left: 3px solid var(--warning-color, #f0ad4e);
    border-radius: var(--radius-sm);
    margin-bottom: 1rem;
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.last-resort-notice svg[b-kvo51epv73] {
    color: var(--warning-color, #f0ad4e);
    flex-shrink: 0;
}

/* Known Issues - Master-Detail Layout */
.known-issues-layout[b-kvo51epv73] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1rem;
    flex: 1 1 auto;
    min-height: 600px;
}

/* Issue List Panel (Master) */
.issue-list-panel[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    background: var(--bg-primary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    overflow: hidden;
}

.issue-list-header[b-kvo51epv73] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-tertiary);
}

.issue-count[b-kvo51epv73] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.issue-list[b-kvo51epv73] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

.issue-item[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem 1rem;
    border: none;
    border-bottom: 1px solid var(--border-color);
    background: transparent;
    text-align: left;
    width: 100%;
    cursor: pointer;
    transition: background 0.15s;
}

.issue-item:hover[b-kvo51epv73] {
    background: var(--bg-hover);
}

.issue-item.selected[b-kvo51epv73] {
    background: var(--bg-selected, var(--accent-color-light, rgba(129, 186, 42, 0.1)));
    border-left: 3px solid var(--accent-color);
}

.issue-item.deleted[b-kvo51epv73] {
    opacity: 0.6;
}

.issue-item-header[b-kvo51epv73] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.issue-id[b-kvo51epv73] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    font-family: monospace;
}

.issue-title[b-kvo51epv73] {
    font-size: 0.85rem;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-status[b-kvo51epv73] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.issue-status.open[b-kvo51epv73] {
    background: var(--warning-color-light, rgba(247, 147, 30, 0.15));
    color: var(--warning-color, #f7931e);
}

.issue-status.resolved[b-kvo51epv73] {
    background: var(--success-color-light, rgba(129, 186, 42, 0.15));
    color: var(--success-color, #81ba2a);
}

.issue-status.archived[b-kvo51epv73] {
    background: var(--bg-tertiary);
    color: var(--text-muted);
}

/* Status Dropdown (Quick Status Change) */
.status-dropdown-container[b-kvo51epv73] {
    position: relative;
}

.issue-status-btn[b-kvo51epv73] {
    cursor: pointer;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    transition: filter 0.15s;
}

.issue-status-btn:hover[b-kvo51epv73] {
    filter: brightness(0.9);
}

.issue-status-btn:disabled[b-kvo51epv73] {
    cursor: wait;
    opacity: 0.7;
}

.issue-status-btn svg[b-kvo51epv73] {
    opacity: 0.7;
}

.status-dropdown[b-kvo51epv73] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.35rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-md, 0 4px 12px rgba(0,0,0,0.15));
    min-width: 140px;
    z-index: 100;
    overflow: hidden;
}

.status-dropdown-backdrop[b-kvo51epv73] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

.status-option[b-kvo51epv73] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.6rem 0.75rem;
    background: transparent;
    border: none;
    text-align: left;
    font-size: 0.85rem;
    color: var(--text-primary);
    cursor: pointer;
    transition: background 0.15s;
}

.status-option:hover[b-kvo51epv73] {
    background: var(--bg-hover);
}

.status-option.current[b-kvo51epv73] {
    background: var(--bg-selected, rgba(129, 186, 42, 0.1));
    font-weight: 500;
}

.status-dot[b-kvo51epv73] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot.open[b-kvo51epv73] {
    background: var(--warning-color, #f7931e);
}

.status-dot.resolved[b-kvo51epv73] {
    background: var(--success-color, #81ba2a);
}

.status-dot.archived[b-kvo51epv73] {
    background: var(--text-muted);
}

.deleted-badge[b-kvo51epv73] {
    font-size: 0.7rem;
    color: var(--error-color, #e52520);
    font-style: italic;
}

.issue-list-empty[b-kvo51epv73] {
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
}

.issue-list-empty p[b-kvo51epv73] {
    margin: 0 0 0.5rem;
}

.issue-list-footer[b-kvo51epv73] {
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--border-color);
    background: var(--bg-tertiary);
}

.show-deleted-toggle[b-kvo51epv73] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--text-muted);
    cursor: pointer;
}

.show-deleted-toggle input[b-kvo51epv73] {
    cursor: pointer;
}

/* Issue Detail Panel */
.issue-detail-panel[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    background: var(--bg-primary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: 1.25rem;
    overflow-y: auto;
    min-height: 0;
}

.issue-detail-header[b-kvo51epv73] {
    margin-bottom: 1rem;
}

.issue-detail-header h3[b-kvo51epv73] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.issue-detail-title-row[b-kvo51epv73] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.version-preview-banner[b-kvo51epv73] {
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: var(--info-color-light, rgba(117, 188, 255, 0.15));
    border-left: 3px solid var(--info-color, #75bcff);
    border-radius: var(--radius-sm);
    font-size: 0.85rem;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.issue-tags[b-kvo51epv73] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 1rem;
}

.issue-tags .tag[b-kvo51epv73] {
    font-size: 0.75rem;
    padding: 0.2rem 0.6rem;
    background: var(--bg-tertiary);
    border-radius: 10px;
    color: var(--text-secondary);
}

.issue-content[b-kvo51epv73] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
    padding-right: 0.5rem;
}

/* Version History Panel */
.version-history-panel[b-kvo51epv73] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
    margin-top: 1rem;
    overflow: hidden;
}

.version-history-header[b-kvo51epv73] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color);
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
}

.version-history-header svg[b-kvo51epv73] {
    color: var(--text-muted);
}

.version-history-list[b-kvo51epv73] {
    max-height: 200px;
    overflow-y: auto;
}

.version-history-item[b-kvo51epv73] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.6rem 1rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border-color);
    text-align: left;
    cursor: pointer;
    transition: background 0.15s;
}

.version-history-item:last-child[b-kvo51epv73] {
    border-bottom: none;
}

.version-history-item:hover[b-kvo51epv73] {
    background: var(--bg-hover);
}

.version-history-item.current[b-kvo51epv73] {
    background: var(--bg-selected, rgba(129, 186, 42, 0.1));
}

.version-history-item.previewing[b-kvo51epv73] {
    background: var(--info-color-light, rgba(117, 188, 255, 0.15));
    border-left: 3px solid var(--info-color, #75bcff);
}

.version-info[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.version-number[b-kvo51epv73] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
}

.version-meta[b-kvo51epv73] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.version-date[b-kvo51epv73] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.issue-detail-empty[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: var(--text-muted);
    text-align: center;
    padding: 2rem;
}

.issue-detail-empty svg[b-kvo51epv73] {
    margin-bottom: 1rem;
    opacity: 0.5;
}

.issue-detail-empty p[b-kvo51epv73] {
    margin: 0;
    font-size: 0.9rem;
}

/* Issue Editor */
.issue-editor[b-kvo51epv73] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
    min-height: 0;
}

.form-row[b-kvo51epv73] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
}

.form-row .form-group[b-kvo51epv73] {
    flex: 0 0 auto;
}

.form-group-grow[b-kvo51epv73] {
    flex: 1 1 auto !important;
}

.form-group-fill[b-kvo51epv73] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* MarkdownEditor flex sizing handled by its own Borderless="true" mode now.
   The earlier :deep() rules were invalid CSS (Vue/Svelte syntax), silently dropped. */

/* Modal styles for delete confirmation */
.modal-hint[b-kvo51epv73] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

/* Editor Container - kept for compatibility */
.editor-container[b-kvo51epv73] {
    min-height: 400px;
}

/* Compact tabs variant (inside detail panel) - minimal override of global .tab */
.tabs-compact .tab[b-kvo51epv73] {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
}

/* Detail Tab Content */
.detail-tab-content[b-kvo51epv73] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding-top: 1rem;
}

/* Version History List (Full - in tab) */
.version-history-list-full[b-kvo51epv73] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
}

.version-history-list-full .version-history-item[b-kvo51epv73] {
    padding: 0.75rem 1rem;
}

.empty-history[b-kvo51epv73] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--text-muted);
    font-size: 0.9rem;
}

.empty-history p[b-kvo51epv73] {
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-kvo51epv73] {
        flex-direction: column;
        gap: 1rem;
    }

    .support-topics[b-kvo51epv73] {
        grid-template-columns: 1fr;
    }

    .contact-method[b-kvo51epv73] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .org-contacts .contact-person[b-kvo51epv73] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* Known Issues - Stack on mobile */
    .known-issues-layout[b-kvo51epv73] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .issue-list-panel[b-kvo51epv73] {
        max-height: 200px;
    }

    .issue-list[b-kvo51epv73] {
        max-height: 150px;
    }

    .issue-detail-panel[b-kvo51epv73] {
        min-height: 300px;
    }
}
/* /Components/Pages/Terms.razor.rz.scp.css */
/* Terms of Service Page - reuses policy pattern from CookiePolicy */
.policy-page[b-268vmtsc0v] {
    min-height: 100vh;
    background: var(--bg-primary, #121212);
    padding: 2rem 1rem;
}

.policy-container[b-268vmtsc0v] {
    max-width: 800px;
    margin: 0 auto;
    background: var(--bg-secondary, #1e1e1e);
    border: 1px solid var(--border-color, #333);
    border-radius: 12px;
    overflow: hidden;
}

.policy-header[b-268vmtsc0v] {
    padding: 2rem 2.5rem;
    border-bottom: 1px solid var(--border-color, #333);
    background: var(--bg-tertiary, #252525);
}

.policy-header-row[b-268vmtsc0v] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.policy-header h1[b-268vmtsc0v] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary, #ffffff);
    margin: 0 0 0.5rem;
}

.policy-updated[b-268vmtsc0v] {
    font-size: 0.875rem;
    color: var(--text-muted, #888);
    margin: 0;
}

.btn-export[b-268vmtsc0v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--border-color, #333);
    background: var(--bg-secondary, #1e1e1e);
    color: var(--text-secondary, #a0a0a0);
    transition: all 0.15s;
}

.btn-export:hover[b-268vmtsc0v] {
    background: var(--bg-hover, #2a2a2a);
    color: var(--text-primary, #ffffff);
}

/* Table of Contents */
.policy-toc[b-268vmtsc0v] {
    padding: 1.5rem 2.5rem;
    background: var(--bg-tertiary, #252525);
    border-bottom: 1px solid var(--border-color, #333);
}

.policy-toc h2[b-268vmtsc0v] {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted, #888);
    margin: 0 0 0.75rem;
}

.policy-toc ol[b-268vmtsc0v] {
    margin: 0;
    padding-left: 1.25rem;
    columns: 2;
    column-gap: 2rem;
}

.policy-toc li[b-268vmtsc0v] {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.policy-toc a[b-268vmtsc0v] {
    color: var(--accent-color, #81ba2a);
    text-decoration: none;
}

.policy-toc a:hover[b-268vmtsc0v] {
    text-decoration: underline;
}

/* Content */
.policy-content[b-268vmtsc0v] {
    padding: 2rem 2.5rem;
}

.policy-content section[b-268vmtsc0v] {
    margin-bottom: 2.5rem;
}

.policy-content section:last-child[b-268vmtsc0v] {
    margin-bottom: 0;
}

.policy-content h2[b-268vmtsc0v] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #ffffff);
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color, #333);
}

.policy-content h3[b-268vmtsc0v] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #ffffff);
    margin: 1.5rem 0 0.75rem;
}

.policy-content p[b-268vmtsc0v] {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--text-secondary, #a0a0a0);
    margin: 0 0 1rem;
}

.policy-content ul[b-268vmtsc0v],
.policy-content ol[b-268vmtsc0v] {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
}

.policy-content li[b-268vmtsc0v] {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--text-secondary, #a0a0a0);
    margin-bottom: 0.5rem;
}

.policy-content a[b-268vmtsc0v] {
    color: var(--accent-color, #81ba2a);
    text-decoration: none;
}

.policy-content a:hover[b-268vmtsc0v] {
    text-decoration: underline;
}

/* Footer */
.policy-footer[b-268vmtsc0v] {
    padding: 1.5rem 2.5rem;
    border-top: 1px solid var(--border-color, #333);
    background: var(--bg-tertiary, #252525);
}

.back-link[b-268vmtsc0v] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-muted, #888);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.15s;
}

.back-link:hover[b-268vmtsc0v] {
    color: var(--accent-color, #81ba2a);
}

/* Print */
@media print {
    .policy-page[b-268vmtsc0v] {
        padding: 0;
        background: white;
    }

    .policy-container[b-268vmtsc0v] {
        border: none;
        border-radius: 0;
    }

    .policy-header[b-268vmtsc0v],
    .policy-toc[b-268vmtsc0v],
    .policy-content[b-268vmtsc0v],
    .policy-footer[b-268vmtsc0v] {
        background: white;
    }

    .btn-export[b-268vmtsc0v] {
        display: none;
    }

    .policy-footer[b-268vmtsc0v] {
        display: none;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .policy-page[b-268vmtsc0v] {
        padding: 1rem 0.5rem;
    }

    .policy-header[b-268vmtsc0v],
    .policy-toc[b-268vmtsc0v],
    .policy-content[b-268vmtsc0v],
    .policy-footer[b-268vmtsc0v] {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .policy-header h1[b-268vmtsc0v] {
        font-size: 1.5rem;
    }

    .policy-header-row[b-268vmtsc0v] {
        flex-direction: column;
        gap: 1rem;
    }

    .policy-toc ol[b-268vmtsc0v] {
        columns: 1;
    }
}
/* /Components/Pages/Users.razor.rz.scp.css */
/* Empty State Message - Ensure consistent sizing */
.select-org-message[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: var(--text-secondary);
}

.select-org-message .message-icon[b-6zponn7uvu] {
    color: var(--text-muted);
    margin-bottom: 1.5rem;
    opacity: 0.5;
}

.select-org-message h2[b-6zponn7uvu] {
    margin: 0 0 0.75rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.select-org-message p[b-6zponn7uvu] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 400px;
}

/* Page Header */
.page-header[b-6zponn7uvu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1.5rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

.header-content[b-6zponn7uvu] {
    flex: 1;
}

.page-title[b-6zponn7uvu] {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--text-primary);
}

.page-description[b-6zponn7uvu] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted);
    max-width: 600px;
}

.header-actions[b-6zponn7uvu] {
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.btn-primary[b-6zponn7uvu] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 1rem;
    background: var(--accent-color);
    border: none;
    border-radius: var(--radius-xs);
    color: var(--accent-text, #ffffff);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

.btn-primary:hover[b-6zponn7uvu] {
    background: var(--accent-hover);
}

.btn-secondary[b-6zponn7uvu] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 1rem;
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xs);
    color: var(--text-secondary);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-secondary:hover[b-6zponn7uvu] {
    background: var(--bg-hover);
    border-color: var(--text-muted);
}

.btn-invite[b-6zponn7uvu] {
    text-decoration: none;
    border-color: #6366f1;
    color: #6366f1;
}

.btn-invite:hover[b-6zponn7uvu] {
    background: rgba(99, 102, 241, 0.1);
    border-color: #4f46e5;
    color: #4f46e5;
}

/* Stats Panel */
.stats-panel[b-6zponn7uvu] {
    background: var(--filter-bar-bg);
    border-radius: var(--radius-md);
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
}

/* Stats Row */
.stats-row[b-6zponn7uvu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.stat-card[b-6zponn7uvu] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.stat-icon[b-6zponn7uvu] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
}

.stat-icon.members[b-6zponn7uvu] {
    background: var(--badge-active-color);
    color: var(--accent-text, #ffffff);
}

.stat-icon.members.zero[b-6zponn7uvu] {
    background: var(--text-muted);
}

.stat-icon.seats[b-6zponn7uvu] {
    background: var(--badge-active-color);
    color: var(--accent-text, #ffffff);
}

.stat-icon.seats.zero[b-6zponn7uvu] {
    background: var(--text-muted);
}

.stat-icon.onboarding[b-6zponn7uvu] {
    background: var(--text-muted);
    color: var(--accent-text, #ffffff);
}

.stat-icon.onboarding.has-onboarding[b-6zponn7uvu] {
    background: var(--onboarding-color);
    color: #ffffff;
}

.stat-icon.pending[b-6zponn7uvu] {
    background: var(--text-muted);
    color: var(--accent-text, #ffffff);
}

.stat-icon.pending.has-pending[b-6zponn7uvu] {
    background: var(--warning-color);
    color: var(--accent-text, #ffffff);
}

.stat-content[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.stat-value[b-6zponn7uvu] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.2;
}

.stat-label[b-6zponn7uvu] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.stat-label-row[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.stat-seats-badge[b-6zponn7uvu] {
    font-size: 10px;
    font-weight: 500;
    color: var(--success-color);
    background: rgba(129, 186, 42, 0.15);
    padding: 1px 6px;
    border-radius: var(--radius-md);
}

/* Tabs */
.tabs-container[b-6zponn7uvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-color);
}

.tabs[b-6zponn7uvu] {
    display: flex;
    gap: 0;
}

.tab-actions[b-6zponn7uvu] {
    display: flex;
    gap: 0.5rem;
}

.tab[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1.25rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    color: var(--text-muted);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.tab:hover[b-6zponn7uvu] {
    color: var(--text-secondary);
    background: var(--bg-hover);
}

.tab.active[b-6zponn7uvu] {
    color: var(--accent-color);
    border-bottom-color: var(--accent-color);
    background: transparent;
}

.tab-badge[b-6zponn7uvu] {
    padding: 0.1rem 0.5rem;
    background: var(--warning-color);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: 10px;
}

.tab-badge.onboarding[b-6zponn7uvu] {
    background: var(--onboarding-color);
    color: #ffffff;
}

.tab-badge.info[b-6zponn7uvu] {
    background: var(--success-color);
    color: #ffffff;
}

/* Tab Content - transparent for seamless integration */
.tab-content[b-6zponn7uvu] {
    background: transparent;
    overflow: hidden;
}

.content-section[b-6zponn7uvu] {
    padding: 1.25rem;
}

/* Section Header with Search */
/* Filter Summary */
.filter-summary[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.85rem;
}

.filter-summary-text[b-6zponn7uvu] {
    color: var(--text-muted);
}

.view-all-link[b-6zponn7uvu] {
    color: var(--link-color);
    text-decoration: underline;
}

.view-all-link:hover[b-6zponn7uvu] {
    color: var(--accent-color);
}

.section-header[b-6zponn7uvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.header-left[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.header-left .search-input-wrapper[b-6zponn7uvu] {
    flex: 1;
    max-width: 300px;
}

.header-right[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Developers Grid */
.members-grid[b-6zponn7uvu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.member-card[b-6zponn7uvu] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: border-color 0.15s;
}

.member-card:hover[b-6zponn7uvu] {
    border-color: var(--accent-color);
}

.member-card.inactive[b-6zponn7uvu] {
    opacity: 0.6;
}

.card-header[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.avatar[b-6zponn7uvu] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 600;
}

.avatar.active[b-6zponn7uvu] {
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
}

.status-indicator[b-6zponn7uvu] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.status-indicator.active[b-6zponn7uvu] {
    background: var(--success-color);
}

.status-indicator.inactive[b-6zponn7uvu] {
    background: var(--text-muted);
}

.card-body[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.member-name[b-6zponn7uvu] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.member-email[b-6zponn7uvu] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.member-team[b-6zponn7uvu] {
    font-size: 0.75rem;
    color: var(--accent-hover);
    font-weight: 500;
}

.card-licenses[b-6zponn7uvu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    min-height: 26px;
}

.license-tag[b-6zponn7uvu] {
    padding: 0.2rem 0.5rem;
    background: var(--badge-active-color);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: var(--radius-xs);
    text-transform: uppercase;
}

.license-tag.planned[b-6zponn7uvu] {
    background: rgba(200, 120, 255, 0.15);
    color: #c878ff;
    border: 1px dashed rgba(200, 120, 255, 0.4);
}

.no-licenses[b-6zponn7uvu] {
    font-size: 0.75rem;
    color: var(--text-muted);
    font-style: italic;
}

.card-actions[b-6zponn7uvu] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-color);
}

.btn-action[b-6zponn7uvu] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--input-bg);
    border: none;
    border-radius: var(--radius-xs);
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.btn-action:hover[b-6zponn7uvu] {
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
}

.btn-action.delete[b-6zponn7uvu] {
    margin-left: auto; /* Push delete button to far right */
}

.btn-action.delete:hover[b-6zponn7uvu] {
    background: #ef4444;
    color: #ffffff;
}

/* Role Actions */
.card-role-actions[b-6zponn7uvu] {
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-color);
}

.role-select[b-6zponn7uvu] {
    width: 100%;
    padding: 0.35rem 0.5rem;
    font-size: 0.75rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xs);
    background: var(--input-bg);
    color: var(--text-secondary);
    cursor: pointer;
}

.role-select:focus[b-6zponn7uvu] {
    outline: none;
    border-color: var(--accent-color);
}

/* Role Badge */
.member-meta[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.role-badge[b-6zponn7uvu] {
    display: inline-block;
    padding: 0.15rem 0.4rem;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border-radius: var(--radius-xs);
}

.role-badge.role-owner[b-6zponn7uvu] {
    background: rgba(129, 186, 42, 0.15);
    color: var(--accent-color);
}

.role-badge.role-admin[b-6zponn7uvu] {
    background: rgba(99, 102, 241, 0.15);
    color: #6366f1;
}

.role-badge.role-manager[b-6zponn7uvu] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.role-badge.role-developer[b-6zponn7uvu] {
    background: rgba(59, 130, 246, 0.15);
    color: #3b82f6;
}

.role-badge.role-member[b-6zponn7uvu] {
    background: rgba(156, 163, 175, 0.15);
    color: var(--text-muted);
}

/* Transfers */
.transfers-header[b-6zponn7uvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}

.transfers-header h2[b-6zponn7uvu] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.transfers-list[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.transfer-card[b-6zponn7uvu] {
    display: grid;
    grid-template-columns: 2fr 1.5fr auto auto;
    gap: 1.5rem;
    align-items: center;
    padding: 1rem 1.25rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.transfer-card.scheduled[b-6zponn7uvu] {
    border-left: 3px solid #c878ff;
}

.transfer-card.pending[b-6zponn7uvu] {
    border-left: 3px solid var(--warning-color);
}

.transfer-card.completed[b-6zponn7uvu] {
    border-left: 3px solid var(--success-color);
    opacity: 0.7;
}

.transfer-visual[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.transfer-from[b-6zponn7uvu],
.transfer-to[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.mini-avatar[b-6zponn7uvu] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--accent-text, #ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 600;
}

.transfer-from span[b-6zponn7uvu],
.transfer-to span[b-6zponn7uvu] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.transfer-arrow[b-6zponn7uvu] {
    color: var(--accent-color);
}

.transfer-details[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.transfer-license[b-6zponn7uvu] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
}

.transfer-date[b-6zponn7uvu] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.scheduled-time[b-6zponn7uvu] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #c878ff;
}

.status-badge[b-6zponn7uvu] {
    padding: 0.25rem 0.65rem;
    border-radius: var(--radius-xs);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.pending[b-6zponn7uvu] {
    background: rgba(215, 186, 125, 0.15);
    color: var(--warning-color);
}

.status-badge.scheduled[b-6zponn7uvu] {
    background: rgba(200, 120, 255, 0.15);
    color: #c878ff;
}

.status-badge.completed[b-6zponn7uvu] {
    background: rgba(78, 201, 176, 0.15);
    color: var(--success-color);
}

.transfer-actions[b-6zponn7uvu] {
    display: flex;
    gap: 0.35rem;
}

.btn-small[b-6zponn7uvu] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--input-bg);
    border: none;
    border-radius: var(--radius-xs);
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.btn-small:hover[b-6zponn7uvu] {
    background: var(--border-color);
    color: var(--text-primary);
}

.btn-small.approve:hover[b-6zponn7uvu] {
    background: var(--success-color);
    color: var(--bg-primary);
}

.btn-small.cancel:hover[b-6zponn7uvu] {
    background: var(--error-color);
    color: var(--text-primary);
}

/* Empty State */
.empty-state[b-6zponn7uvu] {
    padding: 3rem;
    text-align: center;
    color: var(--text-muted);
}

.empty-state svg[b-6zponn7uvu] {
    opacity: 0.3;
    margin-bottom: 1rem;
}

.empty-state h3[b-6zponn7uvu] {
    margin: 0 0 0.5rem;
    color: var(--text-secondary);
}

.empty-state p[b-6zponn7uvu] {
    margin: 0;
    font-size: 0.85rem;
}

.empty-state-box[b-6zponn7uvu] {
    padding: 3rem;
    text-align: center;
    color: var(--text-muted);
    background: transparent;
    margin-top: 1rem;
}

.empty-state-box svg[b-6zponn7uvu] {
    opacity: 0.3;
    margin-bottom: 1rem;
}

.empty-state-box h3[b-6zponn7uvu] {
    margin: 0 0 0.5rem;
    color: var(--text-secondary);
}

.empty-state-box p[b-6zponn7uvu] {
    margin: 0;
    font-size: 0.85rem;
}

/* Onboarding */
.onboarding-intro[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem;
    background: color-mix(in srgb, var(--onboarding-color) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--onboarding-color) 25%, transparent);
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

/* Transfers */
.transfers-intro[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem;
    background: color-mix(in srgb, var(--transfer-color) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--transfer-color) 25%, transparent);
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.intro-icon[b-6zponn7uvu] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--onboarding-color);
    border-radius: 12px;
    color: #ffffff;
    flex-shrink: 0;
}

.intro-icon.transfer-icon[b-6zponn7uvu] {
    background: var(--transfer-color);
}

.intro-content[b-6zponn7uvu] {
    flex: 1;
}

.intro-content h2[b-6zponn7uvu] {
    margin: 0 0 0.25rem;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.intro-content p[b-6zponn7uvu] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.onboarding-list h3[b-6zponn7uvu] {
    margin: 0 0 1rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.onboarding-card[b-6zponn7uvu] {
    display: grid;
    grid-template-columns: auto 1.5fr 1fr auto auto;
    gap: 1.25rem;
    align-items: center;
    padding: 1rem 1.25rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    margin-bottom: 0.75rem;
}

.onboard-avatar[b-6zponn7uvu] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--onboarding-color);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 600;
}

.onboard-info[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.onboard-name[b-6zponn7uvu] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
}

.onboard-email[b-6zponn7uvu] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.onboard-team[b-6zponn7uvu] {
    font-size: 0.7rem;
    color: var(--accent-hover);
    font-weight: 500;
}

.onboard-licenses[b-6zponn7uvu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.onboard-date[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
}

.date-label[b-6zponn7uvu] {
    font-size: 0.65rem;
    color: var(--text-muted);
    text-transform: uppercase;
}

.date-value[b-6zponn7uvu] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
}

.days-until[b-6zponn7uvu] {
    font-size: 0.7rem;
    color: #c878ff;
    font-weight: 500;
}

.onboard-actions[b-6zponn7uvu] {
    display: flex;
    gap: 0.35rem;
}

/* License Inventory Panel */
.inventory-panel[b-6zponn7uvu] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.inventory-header[b-6zponn7uvu] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-color);
}

.inventory-header h3[b-6zponn7uvu] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.inventory-subtitle[b-6zponn7uvu] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

/* Inventory Table */
.inventory-table[b-6zponn7uvu] {
    width: 100%;
    border-collapse: collapse;
}

.inventory-table th[b-6zponn7uvu] {
    padding: 0.75rem 1.25rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    text-align: left;
}

.inventory-table th.col-seats[b-6zponn7uvu],
.inventory-table th.col-activated[b-6zponn7uvu],
.inventory-table th.col-available[b-6zponn7uvu] {
    text-align: center;
    width: 100px;
}

.inventory-table td[b-6zponn7uvu] {
    padding: 0.75rem 1.25rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-color);
    vertical-align: middle;
}

.inventory-table td.col-seats[b-6zponn7uvu],
.inventory-table td.col-activated[b-6zponn7uvu],
.inventory-table td.col-available[b-6zponn7uvu] {
    text-align: center;
    font-weight: 500;
}

.inventory-table th.col-utilization[b-6zponn7uvu],
.inventory-table td.col-utilization[b-6zponn7uvu] {
    width: 140px;
    white-space: nowrap;
}

.inventory-table tbody tr:last-child td[b-6zponn7uvu] {
    border-bottom: none;
}

/* Bundle Cell */
.bundle-name[b-6zponn7uvu] {
    font-weight: 600;
    color: var(--text-primary);
    margin-right: 0.75rem;
}

.bundle-desc[b-6zponn7uvu] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* Utilization Cell */
.utilization-bar[b-6zponn7uvu] {
    display: inline-block;
    width: 80px;
    height: 6px;
    background: var(--border-color);
    border-radius: 3px;
    overflow: hidden;
    vertical-align: middle;
}

.utilization-fill[b-6zponn7uvu] {
    height: 100%;
    background: var(--accent-color);
    border-radius: 3px;
}

.utilization-percent[b-6zponn7uvu] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-left: 0.5rem;
}

/* Value Cells */
.seats-value[b-6zponn7uvu] {
    font-weight: 600;
    color: var(--text-primary);
}

.activated-value[b-6zponn7uvu] {
    font-weight: 500;
    color: var(--text-secondary);
}

.available-value[b-6zponn7uvu] {
    font-weight: 500;
    color: var(--text-secondary);
}

/* Recommendations Section */
.recommendations-section[b-6zponn7uvu] {
    margin-bottom: 1.25rem;
}

.recommendations-section h3[b-6zponn7uvu] {
    margin: 0 0 0.75rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.recommendations-list[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.alert-item[b-6zponn7uvu] {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
    background: var(--bg-tertiary);
    border-left: 3px solid;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.alert-item.warning[b-6zponn7uvu] {
    border-left-color: var(--warning-color);
    background: rgba(215, 186, 125, 0.08);
}

.alert-item.info[b-6zponn7uvu] {
    border-left-color: var(--info-color);
    background: rgba(117, 188, 255, 0.08);
}

/* Inventory Footer */
.inventory-footer[b-6zponn7uvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 1.25rem;
    border-top: 1px solid var(--border-color);
    background: var(--bg-secondary);
}

.next-billing[b-6zponn7uvu] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.billing-link[b-6zponn7uvu] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-decoration: none;
}

.billing-link:hover[b-6zponn7uvu] {
    color: var(--accent-color);
}

/* Modal */
.modal-overlay[b-6zponn7uvu] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal[b-6zponn7uvu] {
    width: 100%;
    max-width: 480px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.modal-header[b-6zponn7uvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-color);
}

.modal-header h2[b-6zponn7uvu] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.btn-close[b-6zponn7uvu] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.15s;
}

.btn-close:hover[b-6zponn7uvu] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.modal-body[b-6zponn7uvu] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-group label[b-6zponn7uvu] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.form-group label .required[b-6zponn7uvu] {
    color: var(--error-color);
    font-weight: 400;
}

.form-group input[b-6zponn7uvu],
.form-group select[b-6zponn7uvu] {
    padding: 0.6rem 0.75rem;
    background: var(--input-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.form-group input:focus[b-6zponn7uvu],
.form-group select:focus[b-6zponn7uvu] {
    outline: none;
    border-color: var(--accent-color);
}

/* Combobox (input with datalist) */
.combobox-container[b-6zponn7uvu] {
    position: relative;
}

.combobox-container input[b-6zponn7uvu] {
    width: 100%;
}

.combobox-container input[b-6zponn7uvu]::-webkit-calendar-picker-indicator {
    opacity: 0.5;
    cursor: pointer;
}

.combobox-container input[b-6zponn7uvu]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

.form-hint[b-6zponn7uvu] {
    font-size: 0.75rem;
    color: var(--text-muted);
    font-style: italic;
}

.form-error[b-6zponn7uvu] {
    font-size: 0.75rem;
    color: #ef4444;
    font-weight: 500;
}

.input-error[b-6zponn7uvu] {
    border-color: #ef4444 !important;
    background-color: #fef2f2 !important;
}

.input-error:focus[b-6zponn7uvu] {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2) !important;
}

.schedule-options[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.radio-option[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.radio-option input[type="radio"][b-6zponn7uvu] {
    width: 16px;
    height: 16px;
    accent-color: var(--accent-color);
}

.radio-option span[b-6zponn7uvu] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

/* Status Toggle */
.status-toggle[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.toggle-switch[b-6zponn7uvu] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.toggle-switch input[b-6zponn7uvu] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-6zponn7uvu] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--border-color);
    transition: 0.2s;
    border-radius: 24px;
}

.toggle-slider[b-6zponn7uvu]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.2s;
    border-radius: 50%;
}

.toggle-switch input:checked + .toggle-slider[b-6zponn7uvu] {
    background-color: var(--success-color);
}

.toggle-switch input:checked + .toggle-slider[b-6zponn7uvu]:before {
    transform: translateX(20px);
}

.toggle-label[b-6zponn7uvu] {
    font-size: 0.85rem;
    font-weight: 500;
}

.toggle-label.active[b-6zponn7uvu] {
    color: var(--success-color);
}

.toggle-label.inactive[b-6zponn7uvu] {
    color: var(--text-muted);
}

.modal-footer[b-6zponn7uvu] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-color);
}

/* Assign License Modal */
.assign-member-info[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--bg-tertiary);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.assign-member-info .avatar[b-6zponn7uvu] {
    width: 40px;
    height: 40px;
    font-size: 0.85rem;
}

.assign-member-info strong[b-6zponn7uvu] {
    display: block;
    color: var(--text-primary);
}

.current-licenses[b-6zponn7uvu] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

.current-licenses label[b-6zponn7uvu] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.license-tags[b-6zponn7uvu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.license-tag .btn-remove-license[b-6zponn7uvu] {
    margin-left: 0.35rem;
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0 2px;
    font-size: 1rem;
    line-height: 1;
}

.license-tag .btn-remove-license:hover[b-6zponn7uvu] {
    color: var(--error-color);
}

/* Import Modal */
.import-info[b-6zponn7uvu] {
    padding: 1rem;
    background: var(--bg-tertiary);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.import-info p[b-6zponn7uvu] {
    margin: 0 0 0.5rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.import-info code[b-6zponn7uvu] {
    display: block;
    padding: 0.5rem;
    background: var(--input-bg);
    border-radius: 4px;
    font-size: 0.8rem;
    color: var(--warning-color);
}

.form-group textarea[b-6zponn7uvu] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    background: var(--input-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 0.85rem;
    font-family: 'Consolas', 'Monaco', monospace;
    resize: vertical;
}

.form-group textarea:focus[b-6zponn7uvu] {
    outline: none;
    border-color: var(--accent-color);
}

.import-preview[b-6zponn7uvu] {
    margin-top: 0.5rem;
}

.preview-count[b-6zponn7uvu] {
    font-size: 0.8rem;
    color: var(--success-color);
}

/* License Multi-select */
.license-multiselect[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--input-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.select-all-link[b-6zponn7uvu] {
    font-size: 0.8rem;
    color: var(--accent-color);
    text-decoration: none;
    align-self: flex-start;
    margin-bottom: 0.25rem;
}

.select-all-link:hover[b-6zponn7uvu] {
    text-decoration: underline;
}

.no-licenses-hint[b-6zponn7uvu] {
    font-size: 0.85rem;
    color: var(--text-muted);
    font-style: italic;
    padding: 0.5rem 0;
}

.no-seats-notice[b-6zponn7uvu] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(215, 186, 125, 0.1);
    border: 1px solid rgba(215, 186, 125, 0.3);
    border-radius: 4px;
    font-size: 0.85rem;
    color: var(--warning-color);
}

.no-seats-notice svg[b-6zponn7uvu] {
    flex-shrink: 0;
    margin-top: 2px;
}

/* Onboarding Modal */
.license-checkboxes[b-6zponn7uvu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.checkbox-option[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.checkbox-option input[type="checkbox"][b-6zponn7uvu] {
    width: 16px;
    height: 16px;
    accent-color: var(--accent-color);
}

.checkbox-option span[b-6zponn7uvu] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

/* Button disabled state */
button:disabled[b-6zponn7uvu] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Pagination */
.pagination[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-color);
}

.pagination-btn[b-6zponn7uvu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}

.pagination-btn:hover:not(:disabled)[b-6zponn7uvu] {
    background: var(--bg-hover);
    border-color: var(--accent-color);
    color: var(--text-primary);
}

.pagination-btn:disabled[b-6zponn7uvu] {
    opacity: 0.4;
    cursor: not-allowed;
}

.pagination-pages[b-6zponn7uvu] {
    display: flex;
    gap: 0.25rem;
}

.pagination-page[b-6zponn7uvu] {
    min-width: 32px;
    height: 32px;
    padding: 0 0.5rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.15s;
}

.pagination-page:hover[b-6zponn7uvu] {
    background: var(--bg-hover);
    border-color: var(--text-muted);
}

.pagination-page.active[b-6zponn7uvu] {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--accent-text, #ffffff);
}

.pagination-info[b-6zponn7uvu] {
    margin-left: 1rem;
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* Responsive */
@media (max-width: 1200px) {
    .stats-row[b-6zponn7uvu] {
        grid-template-columns: repeat(2, 1fr);
    }

    .transfer-card[b-6zponn7uvu] {
        grid-template-columns: 1fr 1fr auto;
    }

    .transfer-visual[b-6zponn7uvu] {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .page-header[b-6zponn7uvu] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-actions[b-6zponn7uvu] {
        width: 100%;
    }

    .stats-row[b-6zponn7uvu] {
        grid-template-columns: 1fr;
    }

    .tabs[b-6zponn7uvu] {
        flex-wrap: wrap;
    }

    .members-grid[b-6zponn7uvu] {
        grid-template-columns: 1fr;
    }

    .transfer-card[b-6zponn7uvu] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .transfer-visual[b-6zponn7uvu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .transfer-arrow[b-6zponn7uvu] {
        transform: rotate(90deg);
        margin-left: 1rem;
    }

    .onboarding-card[b-6zponn7uvu] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .onboard-date[b-6zponn7uvu] {
        align-items: flex-start;
        flex-direction: row;
        gap: 0.5rem;
    }

    .insights-grid[b-6zponn7uvu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/WhitepaperArchive.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   Whitepaper Archive - Public page
   MSDN Magazine-style year/month grouping
   ═══════════════════════════════════════════════════════════════ */

.archive-page[b-svzwu4pvpr] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
    min-height: 100vh;
}

/* ── Loading State ── */

.archive-loading[b-svzwu4pvpr] {
    text-align: center;
    padding: 4rem 2rem;
    color: var(--text-muted, #888);
}

.archive-loading .loading-spinner[b-svzwu4pvpr] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--border-color, #333);
    border-top-color: var(--accent-color, #81ba2a);
    border-radius: 50%;
    animation: wp-spin-b-svzwu4pvpr 0.8s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes wp-spin-b-svzwu4pvpr { to { transform: rotate(360deg); } }

/* ── Archive Header ── */

.archive-header[b-svzwu4pvpr] {
    text-align: center;
    margin-bottom: 3rem;
}

.archive-header h1[b-svzwu4pvpr] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary, #ffffff);
    margin: 0 0 0.5rem;
}

.archive-subtitle[b-svzwu4pvpr] {
    font-size: 1rem;
    color: var(--text-muted, #888);
    margin: 0;
    line-height: 1.5;
}

/* ── Empty State ── */

.archive-empty[b-svzwu4pvpr] {
    text-align: center;
    padding: 4rem 2rem;
    color: var(--text-muted, #888);
    background: var(--bg-secondary, #1e1e1e);
    border: 1px solid var(--border-color, #333);
    border-radius: var(--radius-lg, 12px);
}

.archive-empty p[b-svzwu4pvpr] {
    margin: 0;
    font-size: 1rem;
}

/* ── Year Section ── */

.year-section[b-svzwu4pvpr] {
    margin-bottom: 3rem;
}

.year-heading[b-svzwu4pvpr] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #ffffff);
    margin: 0 0 1.25rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--border-color, #333);
}

/* ── Month Grid (current year cards) ── */

.month-grid[b-svzwu4pvpr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.month-card[b-svzwu4pvpr] {
    background: var(--bg-secondary, #1e1e1e);
    border: 1px solid var(--border-color, #333);
    border-radius: var(--radius-md, 8px);
    padding: 1.25rem;
    transition: border-color 0.15s ease;
}

.month-card:hover[b-svzwu4pvpr] {
    border-color: var(--accent-color, #81ba2a);
}

.month-name[b-svzwu4pvpr] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #ffffff);
    margin-bottom: 0.25rem;
}

.month-count[b-svzwu4pvpr] {
    font-size: 0.8rem;
    color: var(--text-muted, #888);
    margin-bottom: 0.75rem;
}

.month-articles[b-svzwu4pvpr] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.month-articles li[b-svzwu4pvpr] {
    margin-bottom: 0.375rem;
}

.month-articles a[b-svzwu4pvpr] {
    font-size: 0.875rem;
    color: var(--accent-color, #81ba2a);
    text-decoration: none;
    line-height: 1.4;
}

.month-articles a:hover[b-svzwu4pvpr] {
    text-decoration: underline;
}

/* ── Compact List (previous years) ── */

.article-list-compact[b-svzwu4pvpr] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.compact-month[b-svzwu4pvpr] {
    display: flex;
    gap: 1.5rem;
}

.compact-month-name[b-svzwu4pvpr] {
    flex-shrink: 0;
    width: 100px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary, #a0a0a0);
    padding-top: 0.125rem;
}

.compact-articles[b-svzwu4pvpr] {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
}

.compact-articles li[b-svzwu4pvpr] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--border-color, #333);
}

.compact-articles li:last-child[b-svzwu4pvpr] {
    border-bottom: none;
}

.compact-articles a[b-svzwu4pvpr] {
    font-size: 0.875rem;
    color: var(--accent-color, #81ba2a);
    text-decoration: none;
}

.compact-articles a:hover[b-svzwu4pvpr] {
    text-decoration: underline;
}

.compact-date[b-svzwu4pvpr] {
    font-size: 0.75rem;
    color: var(--text-muted, #888);
    flex-shrink: 0;
}

/* ── Article View ── */

.article-view[b-svzwu4pvpr] {
    max-width: 800px;
    margin: 0 auto;
}

.back-link[b-svzwu4pvpr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-muted, #888);
    text-decoration: none;
    margin-bottom: 1.5rem;
    transition: color 0.15s;
}

.back-link:hover[b-svzwu4pvpr] {
    color: var(--accent-color, #81ba2a);
}

.article-header[b-svzwu4pvpr] {
    margin-bottom: 2rem;
}

.article-title[b-svzwu4pvpr] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary, #ffffff);
    margin: 0 0 0.75rem;
    line-height: 1.3;
}

.article-meta[b-svzwu4pvpr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.article-date[b-svzwu4pvpr] {
    font-size: 0.875rem;
    color: var(--text-muted, #888);
}

.article-id-badge[b-svzwu4pvpr] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--accent-color, #81ba2a);
    background: rgba(129, 186, 42, 0.15);
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
}

.article-tags[b-svzwu4pvpr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.tag[b-svzwu4pvpr] {
    font-size: 0.75rem;
    color: var(--text-secondary, #a0a0a0);
    background: var(--bg-secondary, #1e1e1e);
    border: 1px solid var(--border-color, #333);
    padding: 0.125rem 0.625rem;
    border-radius: 12px;
}

.article-content[b-svzwu4pvpr] {
    background: var(--bg-secondary, #1e1e1e);
    border: 1px solid var(--border-color, #333);
    border-radius: var(--radius-lg, 12px);
    overflow: hidden;
    /* CSS variables for MarkdownEditor */
    --bg-primary: var(--bg-secondary, #1e1e1e);
    --radius-sm: 4px;
}

.article-actions[b-svzwu4pvpr] {
    margin-top: 1.5rem;
    display: flex;
    justify-content: flex-end;
}

.btn-print[b-svzwu4pvpr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-secondary, #a0a0a0);
    background: var(--bg-secondary, #1e1e1e);
    border: 1px solid var(--border-color, #333);
    border-radius: var(--radius-md, 8px);
    cursor: pointer;
    transition: all 0.15s;
}

.btn-print:hover[b-svzwu4pvpr] {
    color: var(--accent-color, #81ba2a);
    border-color: var(--accent-color, #81ba2a);
}

/* ── Footer ── */

.archive-footer[b-svzwu4pvpr] {
    text-align: center;
    padding: 2rem 0;
    margin-top: 2rem;
    border-top: 1px solid var(--border-color, #333);
    font-size: 0.8rem;
    color: var(--text-muted, #888);
}

.archive-footer a[b-svzwu4pvpr] {
    color: var(--accent-color, #81ba2a);
    text-decoration: none;
}

.archive-footer a:hover[b-svzwu4pvpr] {
    text-decoration: underline;
}

/* ── Print Styles ── */

@media print {
    .back-link[b-svzwu4pvpr],
    .article-actions[b-svzwu4pvpr],
    .archive-footer[b-svzwu4pvpr] {
        display: none;
    }

    .archive-page[b-svzwu4pvpr] {
        padding: 0;
        max-width: none;
    }

    .article-content[b-svzwu4pvpr] {
        border: none;
        background: transparent;
    }

    .article-title[b-svzwu4pvpr] {
        color: #000;
    }

    .article-date[b-svzwu4pvpr],
    .article-id-badge[b-svzwu4pvpr],
    .tag[b-svzwu4pvpr] {
        color: #555;
        background: transparent;
        border-color: #ccc;
    }
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .archive-page[b-svzwu4pvpr] {
        padding: 1.5rem 1rem 3rem;
    }

    .archive-header h1[b-svzwu4pvpr] {
        font-size: 1.5rem;
    }

    .month-grid[b-svzwu4pvpr] {
        grid-template-columns: repeat(2, 1fr);
    }

    .compact-month[b-svzwu4pvpr] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .compact-month-name[b-svzwu4pvpr] {
        width: auto;
    }

    .article-title[b-svzwu4pvpr] {
        font-size: 1.5rem;
    }

    .article-meta[b-svzwu4pvpr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .month-grid[b-svzwu4pvpr] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/WorkflowDashboard.razor.rz.scp.css */
.workflow-dashboard[b-jeic5o3cqk] {
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
}

.stage-content[b-jeic5o3cqk] {
    margin-top: 1rem;
}

/* Approval Queue Section */
.approval-queue-section[b-jeic5o3cqk],
.results-section[b-jeic5o3cqk] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
}

.section-header[b-jeic5o3cqk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
}

.section-title[b-jeic5o3cqk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    letter-spacing: 0.05em;
}

.section-icon[b-jeic5o3cqk] {
    font-size: 1.25rem;
}

.section-badge[b-jeic5o3cqk] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    padding: 0.25rem 0.75rem;
    background: var(--bg-primary);
    border-radius: 9999px;
}

/* Approval Groups */
.approval-group[b-jeic5o3cqk] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.approval-group:last-of-type[b-jeic5o3cqk] {
    border-bottom: none;
}

.group-title[b-jeic5o3cqk] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 0.75rem 0;
}

.approval-list[b-jeic5o3cqk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.approval-item[b-jeic5o3cqk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
}

.item-icon[b-jeic5o3cqk] {
    font-size: 1rem;
}

.item-icon.warning[b-jeic5o3cqk] {
    color: #fbbf24;
}

.item-content[b-jeic5o3cqk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.item-title[b-jeic5o3cqk] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--text-primary);
}

.item-meta[b-jeic5o3cqk] {
    font-size: 0.8125rem;
    color: var(--text-tertiary);
}

.item-action[b-jeic5o3cqk] {
    color: var(--accent-primary);
    font-size: 0.875rem;
    text-decoration: none;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: background 0.15s;
}

.item-action:hover[b-jeic5o3cqk] {
    background: var(--accent-primary-bg, rgba(59, 130, 246, 0.1));
}

.empty-approvals[b-jeic5o3cqk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 0.75rem;
    color: var(--text-secondary);
}

.success-icon[b-jeic5o3cqk] {
    font-size: 2rem;
    color: var(--success-color, #22c55e);
}

.section-footer[b-jeic5o3cqk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--bg-tertiary);
    border-top: 1px solid var(--border-color);
}

/* Results Section */
.results-grid[b-jeic5o3cqk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
    padding: 1.5rem;
}

.results-card[b-jeic5o3cqk] {
    padding: 1.25rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
}

.results-card.revenue[b-jeic5o3cqk] {
    border-left: 3px solid var(--success-color, #22c55e);
}

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

.results-list[b-jeic5o3cqk] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.result-item[b-jeic5o3cqk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    color: var(--text-secondary);
}

.result-item.completed[b-jeic5o3cqk] {
    color: var(--success-color, #22c55e);
}

.revenue-stats[b-jeic5o3cqk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.stat-item[b-jeic5o3cqk] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.stat-value[b-jeic5o3cqk] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
}

.stat-label[b-jeic5o3cqk] {
    font-size: 0.8125rem;
    color: var(--text-tertiary);
}

/* Activity Timeline */
.activity-timeline[b-jeic5o3cqk] {
    padding: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.timeline-title[b-jeic5o3cqk] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 1rem 0;
}

.timeline-items[b-jeic5o3cqk] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.timeline-item[b-jeic5o3cqk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.timeline-item:last-child[b-jeic5o3cqk] {
    border-bottom: none;
}

.timeline-time[b-jeic5o3cqk] {
    font-size: 0.8125rem;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-tertiary);
    min-width: 50px;
}

.timeline-icon[b-jeic5o3cqk] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 0.75rem;
}

.timeline-icon.completed[b-jeic5o3cqk] {
    background: var(--success-color, #22c55e);
    color: white;
}

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

.timeline-empty[b-jeic5o3cqk] {
    text-align: center;
    padding: 2rem;
    color: var(--text-tertiary);
    font-style: italic;
}

/* Buttons */
.btn-primary[b-jeic5o3cqk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--accent-primary);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-primary:hover[b-jeic5o3cqk] {
    background: var(--accent-primary-hover, #2563eb);
}

.btn-secondary[b-jeic5o3cqk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-secondary:hover[b-jeic5o3cqk] {
    background: var(--bg-tertiary);
    border-color: var(--border-color-hover);
}

@media (max-width: 768px) {
    .section-header[b-jeic5o3cqk] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }

    .section-footer[b-jeic5o3cqk] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .section-footer button[b-jeic5o3cqk] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Shared/ActivityBar.razor.rz.scp.css */
/* ActivityBar styles are in wwwroot/app.css for global theme access */
/* /Components/Shared/AppearanceChoices.razor.rz.scp.css */
/* .settings-card chrome lives in app.css (shared with Settings and the site Features tab). */

/* Theme Options */
.theme-options[b-tk9h62aycc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.theme-option[b-tk9h62aycc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    cursor: pointer;
    transition: all 0.15s;
}

.theme-option:hover[b-tk9h62aycc] {
    border-color: var(--text-muted);
}

.theme-option.selected[b-tk9h62aycc] {
    border-color: var(--accent-color);
    background: var(--bg-hover);
}

.theme-option input[type="radio"][b-tk9h62aycc] {
    accent-color: var(--accent-color);
    width: 16px;
    height: 16px;
    margin: 0;
}

.theme-option-label[b-tk9h62aycc] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.theme-option.selected .theme-option-label[b-tk9h62aycc] {
    color: var(--text-primary);
}

/* Solid colour swatches: two flat halves, no gradient support. */
.theme-color-preview[b-tk9h62aycc] {
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.2);
    flex-shrink: 0;
}

.theme-color-preview[b-tk9h62aycc]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--swatch-accent, transparent);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.theme-color-preview.dark[b-tk9h62aycc] {
    background: #1e1e1e;
    --swatch-accent: #81BA2A;
}

.theme-color-preview.light[b-tk9h62aycc] {
    background: #F8F9FA;
    --swatch-accent: #81BA2A;
    border-color: rgba(0,0,0,0.2);
}

.theme-color-preview.ember[b-tk9h62aycc] {
    background: #ED1D24;
    --swatch-accent: #EFC71C;
}

.theme-color-preview.ocean[b-tk9h62aycc] {
    background: #0D2137;
    --swatch-accent: #4EC9B0;
}

.theme-color-preview.sunset[b-tk9h62aycc] {
    background: #1A1410;
    --swatch-accent: #F7931E;
}

.theme-color-preview.crimson[b-tk9h62aycc] {
    background: #E52520;
    --swatch-accent: #1E1B47;
}

/* Corner Radius Options */
.radius-options[b-tk9h62aycc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.radius-option[b-tk9h62aycc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    cursor: pointer;
    transition: all 0.15s;
}

.radius-option:hover[b-tk9h62aycc] {
    border-color: var(--text-muted);
}

.radius-option.selected[b-tk9h62aycc] {
    border-color: var(--accent-color);
    background: var(--bg-hover);
}

.radius-option input[type="radio"][b-tk9h62aycc] {
    accent-color: var(--accent-color);
    width: 16px;
    height: 16px;
    margin: 0;
}

.radius-option-label[b-tk9h62aycc] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.radius-option.selected .radius-option-label[b-tk9h62aycc] {
    color: var(--text-primary);
}

/* Radius Preview Swatches */
.radius-preview[b-tk9h62aycc] {
    width: 24px;
    height: 16px;
    background: var(--accent-color);
    flex-shrink: 0;
}

.radius-preview.sharp[b-tk9h62aycc] {
    border-radius: 0;
}

.radius-preview.subtle[b-tk9h62aycc] {
    border-radius: 4px;
}

.radius-preview.rounded[b-tk9h62aycc] {
    border-radius: 8px;
}

.radius-preview.soft[b-tk9h62aycc] {
    border-radius: 12px;
}


.theme-option:focus-within[b-tk9h62aycc], .radius-option:focus-within[b-tk9h62aycc] { outline: 2px solid var(--accent-color); outline-offset: 2px; }
/* /Components/Shared/BrandingColourGallery.razor.rz.scp.css */
.gallery-example[b-9n2y2niey0] { padding:20px; min-height:132px; background:var(--bg-primary); color:var(--text-primary); border:1px solid var(--border-color); border-radius:var(--radius-md); }
.example-heading[b-9n2y2niey0] { font-weight:600; margin-bottom:16px; }
.example-actions[b-9n2y2niey0] { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.example-actions label[b-9n2y2niey0] { display:flex; align-items:center; gap:8px; }
.example-actions a[b-9n2y2niey0] { color:var(--link-color); }
.example-input[b-9n2y2niey0] { display:grid; gap:8px; margin-top:16px; max-width:360px; }
.example-input input[b-9n2y2niey0] { background:var(--input-bg); color:var(--text-primary); border:1px solid var(--border-color); border-radius:var(--radius-sm); padding:10px; }
.example-input input:focus[b-9n2y2niey0] { outline:2px solid var(--accent-color); outline-offset:2px; }
.type-example[b-9n2y2niey0] { display:flex; gap:24px; align-items:center; }
.type-example > strong[b-9n2y2niey0] { font-size:48px; font-weight:600; }
.type-example h3[b-9n2y2niey0] { margin:0 0 8px; font-size:1rem; }
.type-example p[b-9n2y2niey0] { color:var(--text-secondary); margin:0 0 8px; }
.example-disabled[b-9n2y2niey0] { opacity:.45; }
.border-example[b-9n2y2niey0], .surface-card[b-9n2y2niey0] { padding:16px; border:1px solid var(--border-color); border-radius:var(--radius-md); }
.surface-example[b-9n2y2niey0] { display:grid; gap:12px; }
.surface-card[b-9n2y2niey0] { background:var(--bg-secondary); }
.surface-card p[b-9n2y2niey0] { color:var(--text-secondary); margin-bottom:0; }
.accent-ramp[b-9n2y2niey0] { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border-radius:var(--radius-md); overflow:hidden; margin:16px 0; }
.accent-step[b-9n2y2niey0] { min-height:76px; padding:12px 6px; display:flex; flex-direction:column; justify-content:space-between; text-align:center; font-size:11px; }
.colour-tiles[b-9n2y2niey0] { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px; margin:16px 0; padding:0; border:0; min-width:0; }
.colour-tile[b-9n2y2niey0] { border:1px solid var(--border-color); border-radius:var(--radius-md); background:var(--bg-secondary); }
.tile-swatch[b-9n2y2niey0] { padding:12px 16px; min-height:54px; font-size:26px; border-radius:var(--radius-md) var(--radius-md) 0 0; }
.tile-editor[b-9n2y2niey0] { padding:12px; display:grid; gap:8px; }
.tile-editor strong[b-9n2y2niey0] { font-size:.85rem; }
.gallery-footer[b-9n2y2niey0] { display:flex; gap:12px; align-items:center; justify-content:space-between; color:var(--text-secondary); font-size:.85rem; }
.signal-examples[b-9n2y2niey0] { display:grid; gap:8px; }
.signal-example[b-9n2y2niey0] { display:flex; gap:10px; align-items:center; padding:12px; border-radius:var(--radius-sm); font-size:.85rem; flex-wrap:wrap; }
.signal-symbol[b-9n2y2niey0] { display:inline-grid; place-items:center; border:1px solid currentColor; border-radius:50%; width:20px; height:20px; font-weight:700; }
@media(max-width:600px) { .accent-ramp[b-9n2y2niey0] { grid-template-columns:repeat(4,minmax(0,1fr)); } .gallery-footer[b-9n2y2niey0] { align-items:start; flex-direction:column; } }
@media(forced-colors:active) { .tile-swatch[b-9n2y2niey0],.accent-step[b-9n2y2niey0],.signal-example[b-9n2y2niey0] { border:1px solid CanvasText; } }

.css-guide[b-9n2y2niey0] { margin:16px 0; padding:12px; border:1px solid var(--border-color); border-radius:var(--radius-md); }
.css-guide summary[b-9n2y2niey0] { cursor:pointer; font-weight:600; }
.css-guide p[b-9n2y2niey0] { color:var(--text-secondary); font-size:.85rem; }
.css-guide-scroll[b-9n2y2niey0] { overflow-x:auto; }
.css-guide table[b-9n2y2niey0] { width:100%; border-collapse:collapse; font-size:.8rem; }
.css-guide th[b-9n2y2niey0], .css-guide td[b-9n2y2niey0] { text-align:left; padding:8px; border-bottom:1px solid var(--border-color); }
.css-guide > code[b-9n2y2niey0], .tile-editor code[b-9n2y2niey0] { overflow-wrap:anywhere; font-size:.75rem; }
/* /Components/Shared/BrandingTabs.razor.rz.scp.css */
.branding-tabs[b-uof1e0x1rx] { display:flex; gap:4px; overflow-x:auto; border-bottom:1px solid var(--border-color); margin:16px 0; }
.branding-tab[b-uof1e0x1rx] { background:transparent; color:var(--text-secondary); border:0; border-bottom:2px solid transparent; padding:10px 12px; white-space:nowrap; cursor:pointer; }
.branding-tab:hover[b-uof1e0x1rx] { background:var(--bg-hover); color:var(--text-primary); }
.branding-tab.selected[b-uof1e0x1rx] { border-bottom-color:var(--accent-color); color:var(--text-primary); }
.branding-tab:focus-visible[b-uof1e0x1rx] { outline:2px solid var(--accent-color); outline-offset:-3px; }

@media(forced-colors:active) { .branding-tab.selected[b-uof1e0x1rx] { border-bottom-color:Highlight; } }
/* /Components/Shared/CookieConsent.razor.rz.scp.css */
/* Cookie Consent Banner */
.cookie-consent-banner[b-hjq2ul6l6z] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: var(--bg-secondary, #1e1e1e);
    border-top: 1px solid var(--border-color, #333);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
    animation: slideUp-b-hjq2ul6l6z 0.3s ease-out;
}

@keyframes slideUp-b-hjq2ul6l6z {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.cookie-consent-content[b-hjq2ul6l6z] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.cookie-consent-text[b-hjq2ul6l6z] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex: 1;
}

.cookie-icon[b-hjq2ul6l6z] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: var(--accent-color, #81ba2a);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.cookie-icon svg[b-hjq2ul6l6z] {
    width: 20px;
    height: 20px;
}

.cookie-message[b-hjq2ul6l6z] {
    flex: 1;
}

.cookie-message strong[b-hjq2ul6l6z] {
    display: block;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary, #ffffff);
    margin-bottom: 0.25rem;
}

.cookie-message p[b-hjq2ul6l6z] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--text-secondary, #a0a0a0);
}

.cookie-link[b-hjq2ul6l6z] {
    color: var(--accent-color, #81ba2a);
    text-decoration: none;
    font-weight: 500;
}

.cookie-link:hover[b-hjq2ul6l6z] {
    text-decoration: underline;
}

.cookie-consent-actions[b-hjq2ul6l6z] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

.btn-cookie-accept[b-hjq2ul6l6z] {
    padding: 0.625rem 1.5rem;
    background: var(--accent-color, #81ba2a);
    border: none;
    border-radius: 4px;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, transform 0.1s;
}

.btn-cookie-accept:hover[b-hjq2ul6l6z] {
    background: var(--accent-hover, #6fa023);
}

.btn-cookie-accept:active[b-hjq2ul6l6z] {
    transform: scale(0.98);
}

/* Responsive */
@media (max-width: 768px) {
    .cookie-consent-content[b-hjq2ul6l6z] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        padding: 1rem;
    }

    .cookie-consent-text[b-hjq2ul6l6z] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .cookie-consent-actions[b-hjq2ul6l6z] {
        justify-content: center;
    }

    .btn-cookie-accept[b-hjq2ul6l6z] {
        width: 100%;
    }
}
/* /Components/Shared/DailyChecklist.razor.rz.scp.css */
.daily-checklist[b-6p1pgo3422] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
}

.checklist-header[b-6p1pgo3422] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
}

.header-left[b-6p1pgo3422] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.checklist-title[b-6p1pgo3422] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    letter-spacing: 0.05em;
}

.stage-icon[b-6p1pgo3422] {
    font-size: 1.25rem;
}

.stage-icon.sunrise[b-6p1pgo3422] {
    color: #fbbf24;
}

.stage-icon.moon[b-6p1pgo3422] {
    color: #6366f1;
}

.completion-badge[b-6p1pgo3422] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    padding: 0.25rem 0.75rem;
    background: var(--bg-primary);
    border-radius: 9999px;
}

.btn-text[b-6p1pgo3422] {
    background: none;
    border: none;
    color: var(--accent-primary);
    font-size: 0.875rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: background 0.15s;
}

.btn-text:hover[b-6p1pgo3422] {
    background: var(--accent-primary-bg, rgba(59, 130, 246, 0.1));
}

.loading-state[b-6p1pgo3422],
.empty-state[b-6p1pgo3422] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--text-secondary);
    gap: 0.75rem;
}

.spinner[b-6p1pgo3422] {
    width: 24px;
    height: 24px;
    border: 2px solid var(--border-color);
    border-top-color: var(--accent-primary);
    border-radius: 50%;
    animation: spin-b-6p1pgo3422 1s linear infinite;
}

@keyframes spin-b-6p1pgo3422 {
    to { transform: rotate(360deg); }
}

.checklist-content[b-6p1pgo3422] {
    padding: 1rem 1.5rem;
}

.task-category[b-6p1pgo3422] {
    margin-bottom: 1.5rem;
}

.task-category:last-child[b-6p1pgo3422] {
    margin-bottom: 0;
}

.category-title[b-6p1pgo3422] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 0.75rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color);
}

.task-list[b-6p1pgo3422] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.task-item[b-6p1pgo3422] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    transition: all 0.15s;
}

.task-item:hover[b-6p1pgo3422] {
    border-color: var(--border-color-hover);
}

.task-item.completed[b-6p1pgo3422] {
    background: rgba(34, 197, 94, 0.05);
    border-color: rgba(34, 197, 94, 0.2);
}

.task-item.completed .task-title[b-6p1pgo3422] {
    text-decoration: line-through;
    color: var(--text-tertiary);
}

.task-checkbox[b-6p1pgo3422] {
    width: 22px;
    height: 22px;
    min-width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    border: 2px solid var(--border-color);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s;
    padding: 0;
    margin-top: 2px;
}

.task-checkbox:hover:not(:disabled)[b-6p1pgo3422] {
    border-color: var(--accent-primary);
}

.task-checkbox.checked[b-6p1pgo3422] {
    background: var(--success-color, #22c55e);
    border-color: var(--success-color, #22c55e);
    color: white;
}

.task-checkbox:disabled[b-6p1pgo3422] {
    opacity: 0.5;
    cursor: wait;
}

.task-content[b-6p1pgo3422] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.task-title[b-6p1pgo3422] {
    font-size: 0.9375rem;
    color: var(--text-primary);
}

.task-description[b-6p1pgo3422] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.task-time[b-6p1pgo3422] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.checklist-footer[b-6p1pgo3422] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--bg-tertiary);
    border-top: 1px solid var(--border-color);
}

.footer-note[b-6p1pgo3422] {
    font-size: 0.8125rem;
    color: var(--text-tertiary);
}

.btn-primary[b-6p1pgo3422] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--accent-primary);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-primary:hover:not(:disabled)[b-6p1pgo3422] {
    background: var(--accent-primary-hover, #2563eb);
}

.btn-primary:disabled[b-6p1pgo3422] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/Shared/InactivityTracker.razor.rz.scp.css */
.inactivity-overlay[b-9cmmy40lzd] {
    position: fixed;
    bottom: 3rem;
    right: 1.5rem;
    z-index: 9999;
    pointer-events: none;
}

.inactivity-warning[b-9cmmy40lzd] {
    pointer-events: auto;
    animation: toast-slide-in-b-9cmmy40lzd 0.25s ease-out;
}

.warning-content[b-9cmmy40lzd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 0.75rem 1rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-left: 3px solid var(--warning-color, #eab308);
    border-radius: var(--radius-md, 6px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 480px;
}

.warning-header[b-9cmmy40lzd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.warning-header svg[b-9cmmy40lzd] {
    color: var(--warning-color, #eab308);
    flex-shrink: 0;
}

.warning-header strong[b-9cmmy40lzd] {
    color: var(--warning-color, #eab308);
    font-size: 0.875rem;
    white-space: nowrap;
}

.warning-details[b-9cmmy40lzd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.warning-details span[b-9cmmy40lzd] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
}

.warning-details span strong[b-9cmmy40lzd] {
    color: var(--warning-color, #eab308);
}

.btn-stay-signed-in[b-9cmmy40lzd] {
    padding: 0.35rem 0.6rem;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    font-size: 0.75rem;
    color: var(--text-secondary);
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s;
}

.btn-stay-signed-in:hover[b-9cmmy40lzd] {
    background: rgba(255, 255, 255, 0.2);
    color: var(--text-primary);
}

@keyframes toast-slide-in-b-9cmmy40lzd {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/* /Components/Shared/LanguageSelector.razor.rz.scp.css */
.language-selector[b-uld985xs0m] {
    position: relative;
}

.language-selector-field[b-uld985xs0m] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    width: min(100%, 22rem);
}

.language-field-label[b-uld985xs0m] {
    color: var(--text-secondary);
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.language-select[b-uld985xs0m] {
    width: 100%;
    min-height: 2.4rem;
    padding: 0.5rem 2rem 0.5rem 0.75rem;
    appearance: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background-color: var(--bg-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23858585' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    color: var(--text-secondary);
    cursor: pointer;
    font: inherit;
}

.language-select:hover[b-uld985xs0m] {
    border-color: var(--text-muted);
}

.language-select:focus-visible[b-uld985xs0m] {
    border-color: var(--accent-color);
    outline: 2px solid var(--focus-color, var(--accent-color));
    outline-offset: 1px;
}

.language-select:disabled[b-uld985xs0m] {
    cursor: wait;
    opacity: 0.65;
}

.language-trigger[b-uld985xs0m] {
    display: grid;
    width: 28px;
    height: 28px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: var(--accent-color);
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
}

.language-trigger:hover[b-uld985xs0m],
.language-trigger:focus-visible[b-uld985xs0m] {
    filter: brightness(1.08);
    outline: 2px solid var(--focus-color, var(--accent-color));
    outline-offset: 2px;
}

.language-backdrop[b-uld985xs0m] {
    position: fixed;
    inset: 0;
    z-index: 999;
    border: 0;
    background: transparent;
}

.language-menu[b-uld985xs0m] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1000;
    width: 220px;
    max-height: min(70vh, 520px);
    overflow-y: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
    padding: 4px;
}

.language-option[b-uld985xs0m] {
    display: grid;
    grid-template-columns: 24px 1fr 18px;
    gap: 8px;
    align-items: center;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-secondary);
    text-align: left;
    cursor: pointer;
}

.language-option-copy[b-uld985xs0m] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
    line-height: 1.15;
}

.language-option-name[b-uld985xs0m],
.language-option-country[b-uld985xs0m] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.language-option-name[b-uld985xs0m] {
    color: inherit;
    font-weight: 500;
}

.language-option-country[b-uld985xs0m] {
    color: var(--text-muted);
    font-size: 0.72rem;
    font-weight: 400;
}

.language-option:hover[b-uld985xs0m],
.language-option:focus-visible[b-uld985xs0m],
.language-option.selected[b-uld985xs0m] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.language-flag[b-uld985xs0m] {
    font-size: 1rem;
}

.language-check[b-uld985xs0m] {
    color: var(--accent-color);
    font-weight: 700;
}
/* /Components/Shared/OrderStatusStepper.razor.rz.scp.css */
/* Horizontal digital order-status stepper — shared by order detail + history. */

.order-stepper[b-0vvc58y83u] {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin: 8px 0 4px 0;
}

.ostep[b-0vvc58y83u] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    position: relative;
    text-align: center;
}

/* Connector line between dots (drawn behind the dot, from this step back to the previous). */
.ostep:not(:first-child)[b-0vvc58y83u]::before {
    content: "";
    position: absolute;
    top: 13px;
    left: -50%;
    width: 100%;
    height: 2px;
    background: var(--border-color);
    z-index: 0;
}

.ostep.done[b-0vvc58y83u]::before,
.ostep.current[b-0vvc58y83u]::before {
    background: var(--success-color);
}

.ostep-dot[b-0vvc58y83u] {
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border: 2px solid var(--border-color);
    color: var(--text-secondary);
    font-size: 0.72rem;
    font-weight: 600;
}

.ostep.done .ostep-dot[b-0vvc58y83u] {
    background: var(--success-color);
    border-color: var(--success-color);
    color: #fff;
}

.ostep.current .ostep-dot[b-0vvc58y83u] {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff;
    box-shadow: 0 0 0 3px var(--bg-hover);
}

.ostep-label[b-0vvc58y83u] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    max-width: 92px;
    line-height: 1.2;
}

.ostep.done .ostep-label[b-0vvc58y83u] {
    color: var(--text-primary);
}

.ostep.current .ostep-label[b-0vvc58y83u] {
    color: var(--text-primary);
    font-weight: 600;
}

/* Stack vertically on narrow screens (no connector line). */
@media (max-width: 640px) {
    .order-stepper[b-0vvc58y83u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .ostep[b-0vvc58y83u] {
        flex-direction: row;
        gap: 10px;
        text-align: left;
    }

    .ostep:not(:first-child)[b-0vvc58y83u]::before {
        display: none;
    }

    .ostep-label[b-0vvc58y83u] {
        max-width: none;
    }
}
/* /Components/Shared/OrganizationDesignNavigation.razor.rz.scp.css */
.design-link[b-xkqpzolow2] { padding-left:20px; border-left:3px solid transparent; }
.design-link:has(a.active)[b-xkqpzolow2] { border-left-color:var(--accent-color); background:var(--bg-active); color:var(--text-primary); }
/* /Components/Shared/PromotionBanner.razor.rz.scp.css */
/* Promotion Banner - Rotating announcement display */

.promotion-banner[b-5giz3j9o9s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: white;
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    position: relative;
    overflow: hidden;
    min-height: 2.5rem;
}

.promotion-banner[b-5giz3j9o9s]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%);
    animation: shimmer-b-5giz3j9o9s 3s infinite;
    pointer-events: none;
}

@keyframes shimmer-b-5giz3j9o9s {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.promotion-content[b-5giz3j9o9s] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.promotion-item[b-5giz3j9o9s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.promotion-item.slide-in[b-5giz3j9o9s] {
    opacity: 1;
    transform: translateY(0);
}

.promotion-item.slide-out[b-5giz3j9o9s] {
    opacity: 0;
    transform: translateY(-10px);
}

.promotion-org[b-5giz3j9o9s] {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
}

.promotion-separator[b-5giz3j9o9s] {
    opacity: 0.5;
}

.promotion-title[b-5giz3j9o9s] {
    font-weight: 500;
}

.promotion-summary[b-5giz3j9o9s] {
    opacity: 0.85;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.promotion-link[b-5giz3j9o9s] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: white;
    text-decoration: none;
    font-weight: 500;
    padding: 0.125rem 0.5rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    margin-left: 0.5rem;
    transition: background 0.2s ease;
}

.promotion-link:hover[b-5giz3j9o9s] {
    background: rgba(255, 255, 255, 0.25);
    text-decoration: none;
    color: white;
}

/* Navigation Controls */
.promotion-controls[b-5giz3j9o9s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: 1rem;
}

.promotion-nav[b-5giz3j9o9s],
.promotion-pause[b-5giz3j9o9s] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    transition: background 0.2s ease;
}

.promotion-nav:hover[b-5giz3j9o9s],
.promotion-pause:hover[b-5giz3j9o9s] {
    background: rgba(255, 255, 255, 0.2);
}

.promotion-indicators[b-5giz3j9o9s] {
    display: flex;
    gap: 0.25rem;
}

.promotion-indicator[b-5giz3j9o9s] {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.promotion-indicator:hover[b-5giz3j9o9s] {
    background: rgba(255, 255, 255, 0.5);
}

.promotion-indicator.active[b-5giz3j9o9s] {
    background: white;
    transform: scale(1.2);
}

/* Promotion Tier Badge */
.promotion-tier[b-5giz3j9o9s] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.2);
}

.promotion-tier.tier-standard[b-5giz3j9o9s] {
    background: rgba(255, 255, 255, 0.15);
}

.promotion-tier.tier-premium[b-5giz3j9o9s] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
}

.promotion-tier.tier-enterprise[b-5giz3j9o9s] {
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
    color: white;
}

/* Responsive */
@media (max-width: 768px) {
    .promotion-banner[b-5giz3j9o9s] {
        padding: 0.5rem;
        font-size: 0.8125rem;
    }

    .promotion-summary[b-5giz3j9o9s] {
        display: none;
    }

    .promotion-controls[b-5giz3j9o9s] {
        margin-left: 0.5rem;
    }

    .promotion-tier[b-5giz3j9o9s] {
        display: none;
    }
}

@media (max-width: 480px) {
    .promotion-org[b-5giz3j9o9s],
    .promotion-separator[b-5giz3j9o9s] {
        display: none;
    }
}
/* /Components/Shared/ServicePlanWizard.razor.rz.scp.css */
/* Wizard Overlay */
.wizard-overlay[b-t2ac6c3xio] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 2rem;
}

.wizard-container[b-t2ac6c3xio] {
    background: var(--bg-primary, #1e1e1e);
    border-radius: var(--radius-lg, 8px);
    width: 100%;
    max-width: 900px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

/* Wizard Header */
.wizard-header[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color, #333);
    background: var(--bg-secondary, #252526);
}

.wizard-header h2[b-t2ac6c3xio] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.wizard-close[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm, 4px);
    color: var(--text-muted, #888);
    cursor: pointer;
    transition: all 0.15s;
}

.wizard-close:hover[b-t2ac6c3xio] {
    background: var(--bg-hover, #333);
    color: var(--text-primary, #fff);
}

/* Step Navigation */
.wizard-steps[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--bg-secondary, #252526);
    border-bottom: 1px solid var(--border-color, #333);
    overflow-x: auto;
    gap: 0;
}

.wizard-step[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: none;
    color: var(--text-muted, #888);
    font-size: 0.8125rem;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s;
    border-radius: var(--radius-sm, 4px);
}

.wizard-step:disabled[b-t2ac6c3xio] {
    cursor: not-allowed;
    opacity: 0.5;
}

.wizard-step.accessible:not(:disabled):hover[b-t2ac6c3xio] {
    background: var(--bg-hover, #333);
}

.wizard-step.active[b-t2ac6c3xio] {
    color: var(--accent-color, #0078d4);
    background: rgba(0, 120, 212, 0.1);
}

.wizard-step.completed[b-t2ac6c3xio] {
    color: var(--success-color, #4caf50);
}

.step-indicator[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--bg-tertiary, #333);
    font-size: 0.75rem;
    font-weight: 600;
}

.wizard-step.active .step-indicator[b-t2ac6c3xio] {
    background: var(--accent-color, #0078d4);
    color: #fff;
}

.wizard-step.completed .step-indicator[b-t2ac6c3xio] {
    background: var(--success-color, #4caf50);
    color: #fff;
}

.step-label[b-t2ac6c3xio] {
    font-weight: 500;
}

.step-connector[b-t2ac6c3xio] {
    width: 24px;
    height: 2px;
    background: var(--border-color, #333);
    flex-shrink: 0;
}

.step-connector.completed[b-t2ac6c3xio] {
    background: var(--success-color, #4caf50);
}

/* Wizard Content */
.wizard-content[b-t2ac6c3xio] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

.step-section[b-t2ac6c3xio] {
    max-width: 100%;
}

.step-header[b-t2ac6c3xio] {
    margin-bottom: 1.5rem;
}

.step-header h3[b-t2ac6c3xio] {
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.step-description[b-t2ac6c3xio] {
    margin: 0;
    color: var(--text-secondary, #aaa);
    font-size: 0.875rem;
}

/* Plan Type Selection Grid */
.plan-type-grid[b-t2ac6c3xio] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.plan-type-card[b-t2ac6c3xio] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--bg-secondary, #252526);
    border: 2px solid var(--border-color, #333);
    border-radius: var(--radius-md, 6px);
    cursor: pointer;
    transition: all 0.15s;
    text-align: left;
    position: relative;
}

.plan-type-card:hover[b-t2ac6c3xio] {
    border-color: var(--accent-color, #0078d4);
    background: var(--bg-hover, #2a2a2a);
}

.plan-type-card.selected[b-t2ac6c3xio] {
    border-color: var(--accent-color, #0078d4);
    background: rgba(0, 120, 212, 0.1);
}

.plan-type-icon[b-t2ac6c3xio] {
    font-size: 2rem;
    line-height: 1;
}

.plan-type-info[b-t2ac6c3xio] {
    flex: 1;
}

.plan-type-name[b-t2ac6c3xio] {
    display: block;
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-primary, #fff);
    margin-bottom: 0.25rem;
}

.plan-type-desc[b-t2ac6c3xio] {
    display: block;
    font-size: 0.8125rem;
    color: var(--text-secondary, #aaa);
    line-height: 1.4;
}

.plan-type-check[b-t2ac6c3xio] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    color: var(--accent-color, #0078d4);
}

/* Form Grid */
.form-grid[b-t2ac6c3xio] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

.form-group[b-t2ac6c3xio] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group.full-width[b-t2ac6c3xio] {
    grid-column: 1 / -1;
}

.form-group.required label[b-t2ac6c3xio]::after {
    content: ' *';
    color: var(--error-color, #f14c4c);
}

.form-group label[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #aaa);
}

.form-group input[b-t2ac6c3xio],
.form-group select[b-t2ac6c3xio],
.form-group textarea[b-t2ac6c3xio] {
    padding: 0.625rem 0.75rem;
    background: var(--bg-input, #333);
    border: 1px solid var(--border-color, #444);
    border-radius: var(--radius-sm, 4px);
    color: var(--text-primary, #fff);
    font-size: 0.875rem;
    font-family: inherit;
}

.form-group input:focus[b-t2ac6c3xio],
.form-group select:focus[b-t2ac6c3xio],
.form-group textarea:focus[b-t2ac6c3xio] {
    outline: none;
    border-color: var(--accent-color, #0078d4);
}

.form-group textarea[b-t2ac6c3xio] {
    resize: vertical;
    min-height: 80px;
}

/* Input with prefix (currency) */
.input-with-prefix[b-t2ac6c3xio] {
    display: flex;
    align-items: stretch;
}

.input-with-prefix .prefix[b-t2ac6c3xio],
.input-with-prefix .currency-select[b-t2ac6c3xio] {
    padding: 0.625rem 0.75rem;
    background: var(--bg-tertiary, #2a2a2a);
    border: 1px solid var(--border-color, #444);
    border-right: none;
    border-radius: var(--radius-sm, 4px) 0 0 var(--radius-sm, 4px);
    color: var(--text-secondary, #aaa);
    font-size: 0.875rem;
}

.input-with-prefix .currency-select[b-t2ac6c3xio] {
    background: var(--bg-input, #333);
    color: var(--text-primary, #fff);
    cursor: pointer;
}

.input-with-prefix input[b-t2ac6c3xio] {
    flex: 1;
    border-radius: 0 var(--radius-sm, 4px) var(--radius-sm, 4px) 0;
}

/* Checkbox inline */
.checkbox-inline[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.checkbox-inline input[type="checkbox"][b-t2ac6c3xio] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Form section divider */
.form-section-divider[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0.5rem 0;
    color: var(--text-muted, #888);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.form-section-divider[b-t2ac6c3xio]::before,
.form-section-divider[b-t2ac6c3xio]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border-color, #333);
}

/* Limits & Features Sections */
.limits-section[b-t2ac6c3xio],
.features-section[b-t2ac6c3xio] {
    background: var(--bg-secondary, #252526);
    border-radius: var(--radius-md, 6px);
    padding: 1rem;
}

.limits-header[b-t2ac6c3xio],
.features-header[b-t2ac6c3xio] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.empty-limits[b-t2ac6c3xio],
.empty-features[b-t2ac6c3xio] {
    text-align: center;
    padding: 2rem;
    color: var(--text-muted, #888);
}

.limits-list[b-t2ac6c3xio],
.features-list[b-t2ac6c3xio] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.limit-item[b-t2ac6c3xio],
.feature-item[b-t2ac6c3xio] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    padding: 1rem;
    background: var(--bg-primary, #1e1e1e);
    border-radius: var(--radius-sm, 4px);
}

.limit-fields[b-t2ac6c3xio],
.feature-fields[b-t2ac6c3xio] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    flex: 1;
}

.limit-fields .form-group[b-t2ac6c3xio],
.feature-fields .form-group[b-t2ac6c3xio] {
    min-width: 120px;
}

.feature-fields .flex-grow[b-t2ac6c3xio] {
    flex: 1;
    min-width: 200px;
}

.limit-value-input[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.limit-value-input input[b-t2ac6c3xio] {
    width: 100px;
}

.unlimited-toggle[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: var(--text-secondary, #aaa);
    cursor: pointer;
    white-space: nowrap;
}

.unlimited-toggle input[b-t2ac6c3xio] {
    width: 14px;
    height: 14px;
}

/* Review Section */
.review-section .review-grid[b-t2ac6c3xio] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 2rem;
}

/* Preview Card */
.preview-card[b-t2ac6c3xio] {
    background: var(--bg-secondary, #252526);
    border: 1px solid var(--border-color, #333);
    border-radius: var(--radius-lg, 8px);
    padding: 1.5rem;
    position: relative;
}

.preview-card.has-badge[b-t2ac6c3xio] {
    padding-top: 2.5rem;
}

.preview-badge[b-t2ac6c3xio] {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.35rem 1rem;
    border-radius: 0 0 var(--radius-sm, 4px) var(--radius-sm, 4px);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.preview-badge.badge-popular[b-t2ac6c3xio] { background: #ff6b6b; color: #fff; }
.preview-badge.badge-bestvalue[b-t2ac6c3xio] { background: #51cf66; color: #fff; }
.preview-badge.badge-recommended[b-t2ac6c3xio] { background: #339af0; color: #fff; }
.preview-badge.badge-enterprise[b-t2ac6c3xio] { background: #7950f2; color: #fff; }
.preview-badge.badge-new[b-t2ac6c3xio] { background: #fcc419; color: #333; }

.preview-header[b-t2ac6c3xio] {
    text-align: center;
    margin-bottom: 1rem;
}

.preview-header h4[b-t2ac6c3xio] {
    margin: 0 0 0.25rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.preview-tagline[b-t2ac6c3xio] {
    color: var(--text-secondary, #aaa);
    font-size: 0.875rem;
}

.preview-price[b-t2ac6c3xio] {
    text-align: center;
    padding: 1rem 0;
    border-top: 1px solid var(--border-color, #333);
    border-bottom: 1px solid var(--border-color, #333);
    margin-bottom: 1rem;
}

.preview-price .currency[b-t2ac6c3xio] {
    font-size: 1rem;
    vertical-align: super;
    color: var(--text-secondary, #aaa);
}

.preview-price .amount[b-t2ac6c3xio] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary, #fff);
}

.preview-price .period[b-t2ac6c3xio] {
    font-size: 0.875rem;
    color: var(--text-secondary, #aaa);
}

.preview-audience[b-t2ac6c3xio] {
    text-align: center;
    font-size: 0.8125rem;
    color: var(--text-muted, #888);
    margin-bottom: 1rem;
}

.preview-features[b-t2ac6c3xio] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.preview-features li[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary, #aaa);
    border-bottom: 1px solid var(--border-subtle, #2a2a2a);
}

.preview-features li:last-child[b-t2ac6c3xio] {
    border-bottom: none;
}

.preview-features li.more[b-t2ac6c3xio] {
    color: var(--text-muted, #888);
    font-style: italic;
}

.preview-features .icon-included[b-t2ac6c3xio] { color: #51cf66; }
.preview-features .icon-limited[b-t2ac6c3xio] { color: #fcc419; }
.preview-features .icon-not-included[b-t2ac6c3xio] { color: #ff6b6b; }
.preview-features .icon-coming-soon[b-t2ac6c3xio] { color: #888; }
.preview-features .icon-addon[b-t2ac6c3xio] { color: #339af0; }

/* Review Details */
.review-details[b-t2ac6c3xio] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.review-section-group h5[b-t2ac6c3xio] {
    margin: 0 0 0.5rem 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.review-section-group p[b-t2ac6c3xio] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--text-secondary, #aaa);
}

.review-list[b-t2ac6c3xio] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.review-list li[b-t2ac6c3xio] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #aaa);
    padding: 0.25rem 0;
}

.review-options[b-t2ac6c3xio] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.75rem;
}

.inline-group[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.inline-group label[b-t2ac6c3xio] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #aaa);
}

/* Wizard Footer */
.wizard-footer[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color, #333);
    background: var(--bg-secondary, #252526);
}

.footer-left[b-t2ac6c3xio],
.footer-right[b-t2ac6c3xio] {
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.btn[b-t2ac6c3xio] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: var(--radius-sm, 4px);
    cursor: pointer;
    transition: all 0.15s;
    border: none;
    font-family: inherit;
}

.btn:disabled[b-t2ac6c3xio] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-primary[b-t2ac6c3xio] {
    background: var(--accent-color, #0078d4);
    color: #fff;
}

.btn-primary:not(:disabled):hover[b-t2ac6c3xio] {
    background: var(--accent-hover, #106ebe);
}

.btn-secondary[b-t2ac6c3xio] {
    background: var(--bg-tertiary, #333);
    color: var(--text-primary, #fff);
}

.btn-secondary:not(:disabled):hover[b-t2ac6c3xio] {
    background: var(--bg-hover, #444);
}

.btn-success[b-t2ac6c3xio] {
    background: var(--success-color, #4caf50);
    color: #fff;
}

.btn-success:not(:disabled):hover[b-t2ac6c3xio] {
    background: #45a049;
}

.btn-sm[b-t2ac6c3xio] {
    padding: 0.4rem 0.75rem;
    font-size: 0.8125rem;
}

.btn-icon[b-t2ac6c3xio] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: var(--bg-tertiary, #333);
    border: none;
    border-radius: var(--radius-sm, 4px);
    color: var(--text-secondary, #aaa);
    cursor: pointer;
    transition: all 0.15s;
}

.btn-icon:hover[b-t2ac6c3xio] {
    background: var(--bg-hover, #444);
    color: var(--text-primary, #fff);
}

.btn-icon-danger:hover[b-t2ac6c3xio] {
    background: rgba(241, 76, 76, 0.2);
    color: #f14c4c;
}

/* Responsive */
@media (max-width: 768px) {
    .wizard-overlay[b-t2ac6c3xio] {
        padding: 0;
    }

    .wizard-container[b-t2ac6c3xio] {
        max-height: 100vh;
        border-radius: 0;
    }

    .wizard-steps[b-t2ac6c3xio] {
        padding: 0.75rem 1rem;
    }

    .step-label[b-t2ac6c3xio] {
        display: none;
    }

    .wizard-step.active .step-label[b-t2ac6c3xio] {
        display: inline;
    }

    .form-grid[b-t2ac6c3xio] {
        grid-template-columns: 1fr;
    }

    .review-section .review-grid[b-t2ac6c3xio] {
        grid-template-columns: 1fr;
    }

    .plan-type-grid[b-t2ac6c3xio] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/TagCloud.razor.rz.scp.css */
/* Tag Cloud - Interactive visualization of article tags */

.tag-cloud[b-hvt0j4zj3z] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    min-height: 60px;
}

.tag-cloud.has-selection .cloud-tag:not(.selected)[b-hvt0j4zj3z] {
    opacity: 0.5;
}

.tag-cloud-empty[b-hvt0j4zj3z] {
    color: var(--text-muted);
    font-size: 0.9rem;
    text-align: center;
    padding: 1rem;
}

.cloud-tag[b-hvt0j4zj3z] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
}

.cloud-tag:hover[b-hvt0j4zj3z] {
    background: var(--bg-hover);
    border-color: var(--accent-color);
    transform: scale(1.05);
}

.cloud-tag.selected[b-hvt0j4zj3z] {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--accent-text, #ffffff);
    opacity: 1;
}

.cloud-tag.selected .tag-count[b-hvt0j4zj3z] {
    background: rgba(255, 255, 255, 0.2);
    color: var(--accent-text, #ffffff);
}

/* Weight-based font sizing (1-5) - dramatic variation for visual impact */
.cloud-tag.weight-1[b-hvt0j4zj3z] {
    font-size: 0.8rem;
    padding: 0.3rem 0.6rem;
}

.cloud-tag.weight-2[b-hvt0j4zj3z] {
    font-size: 1rem;
    padding: 0.4rem 0.8rem;
}

.cloud-tag.weight-3[b-hvt0j4zj3z] {
    font-size: 1.2rem;
    padding: 0.5rem 1rem;
    font-weight: 500;
}

.cloud-tag.weight-4[b-hvt0j4zj3z] {
    font-size: 1.5rem;
    padding: 0.6rem 1.2rem;
    font-weight: 600;
}

.cloud-tag.weight-5[b-hvt0j4zj3z] {
    font-size: 1.85rem;
    padding: 0.7rem 1.4rem;
    font-weight: 700;
}

.tag-count[b-hvt0j4zj3z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5em;
    padding: 0.1rem 0.4rem;
    background: var(--bg-hover);
    border-radius: 10px;
    font-size: 0.7em;
    color: var(--text-muted);
}

/* Responsive */
@media (max-width: 640px) {
    .tag-cloud[b-hvt0j4zj3z] {
        gap: 0.35rem;
        padding: 0.75rem;
    }

    .cloud-tag.weight-4[b-hvt0j4zj3z] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
    }

    .cloud-tag.weight-5[b-hvt0j4zj3z] {
        font-size: 1.4rem;
        padding: 0.55rem 1.1rem;
    }
}
/* /Components/Shared/WisdomTree.razor.rz.scp.css */
/* Wisdom Tree - Radial mind-map visualization */

.wisdom-tree-container[b-9skk3mrfnz] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background: transparent;
    min-height: 400px;
}

.wisdom-tree[b-9skk3mrfnz] {
    width: 100%;
    max-width: 800px;
    height: auto;
}

/* Connection lines from center to nodes */
.tree-connection[b-9skk3mrfnz] {
    stroke: #4a7c23;
    stroke-width: 2;
    stroke-opacity: 0.6;
    transition: stroke-opacity 0.2s ease;
}

/* Center node styling */
.center-node[b-9skk3mrfnz] {
    cursor: pointer;
}

.center-node circle[b-9skk3mrfnz] {
    filter: drop-shadow(0 4px 8px rgba(107, 142, 35, 0.4));
    transition: filter 0.2s ease;
}

.center-node:hover circle[b-9skk3mrfnz] {
    filter: drop-shadow(0 6px 16px rgba(139, 195, 74, 0.7));
}

.center-label[b-9skk3mrfnz] {
    fill: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-anchor: middle;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.node-sublabel[b-9skk3mrfnz] {
    fill: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    font-weight: 400;
    text-anchor: middle;
}

/* Leaf node styling (badge-style) */
.leaf-node[b-9skk3mrfnz] {
    cursor: pointer;
}

.leaf-rect[b-9skk3mrfnz] {
    fill: #3d4f5f;
    stroke: #5a6f7f;
    stroke-width: 1;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    transition: fill 0.15s ease, stroke 0.15s ease, filter 0.15s ease;
}

.leaf-node:hover .leaf-rect[b-9skk3mrfnz] {
    fill: #4a6073;
    stroke: #8bc34a;
    stroke-width: 2;
    filter: drop-shadow(0 4px 12px rgba(139, 195, 74, 0.4));
}

.leaf-node.selected .leaf-rect[b-9skk3mrfnz] {
    fill: #558b2f;
    stroke: #8bc34a;
    stroke-width: 2;
    filter: drop-shadow(0 4px 12px rgba(139, 195, 74, 0.5));
}

.leaf-label[b-9skk3mrfnz] {
    fill: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-anchor: middle;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    pointer-events: none;
}

.leaf-node.selected .leaf-label[b-9skk3mrfnz] {
    fill: #ffffff;
}

/* Empty state */
.empty-text[b-9skk3mrfnz] {
    fill: #6b7280;
    font-size: 14px;
    text-anchor: middle;
}

/* Responsive */
@media (max-width: 640px) {
    .wisdom-tree-container[b-9skk3mrfnz] {
        min-height: 300px;
        padding: 0.5rem;
    }

    .center-label[b-9skk3mrfnz] {
        font-size: 14px;
    }

    .leaf-label[b-9skk3mrfnz] {
        font-size: 10px;
    }

    .node-sublabel[b-9skk3mrfnz] {
        font-size: 9px;
    }
}
/* /Components/Shared/WorkflowProgress.razor.rz.scp.css */
.workflow-progress[b-pf4d0dm9tw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.workflow-stages[b-pf4d0dm9tw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.workflow-stage[b-pf4d0dm9tw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 8px;
    min-width: 100px;
}

.workflow-stage:hover[b-pf4d0dm9tw] {
    background: var(--bg-tertiary);
}

.workflow-stage.active[b-pf4d0dm9tw] {
    background: var(--accent-primary-bg, rgba(59, 130, 246, 0.1));
}

.workflow-stage.active .stage-icon[b-pf4d0dm9tw] {
    background: var(--accent-primary);
    color: white;
    transform: scale(1.1);
}

.workflow-stage.active .stage-label[b-pf4d0dm9tw] {
    color: var(--accent-primary);
    font-weight: 600;
}

.workflow-stage.completed .stage-icon[b-pf4d0dm9tw] {
    background: var(--success-color, #22c55e);
    color: white;
}

.stage-icon[b-pf4d0dm9tw] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border: 2px solid var(--border-color);
    border-radius: 50%;
    font-size: 1.25rem;
    color: var(--text-secondary);
    transition: all 0.2s ease;
}

.stage-label[b-pf4d0dm9tw] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    white-space: nowrap;
    transition: color 0.2s ease;
}

.stage-connector[b-pf4d0dm9tw] {
    width: 40px;
    height: 2px;
    background: var(--border-color);
    transition: background 0.2s ease;
}

.stage-connector.completed[b-pf4d0dm9tw] {
    background: var(--success-color, #22c55e);
}

.workflow-date[b-pf4d0dm9tw] {
    text-align: center;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

@media (max-width: 768px) {
    .workflow-stages[b-pf4d0dm9tw] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .stage-connector[b-pf4d0dm9tw] {
        display: none;
    }

    .workflow-stage[b-pf4d0dm9tw] {
        min-width: 80px;
        padding: 0.5rem;
    }

    .stage-icon[b-pf4d0dm9tw] {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    .stage-label[b-pf4d0dm9tw] {
        font-size: 0.75rem;
    }
}
/* /Components/Shared/WorkQueue.razor.rz.scp.css */
.work-queue[b-u4pu1g8bli] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
}

.queue-header[b-u4pu1g8bli] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
}

.queue-title[b-u4pu1g8bli] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    letter-spacing: 0.05em;
}

.queue-icon[b-u4pu1g8bli] {
    font-size: 1.25rem;
}

.queue-badge[b-u4pu1g8bli] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    padding: 0.25rem 0.75rem;
    background: var(--bg-primary);
    border-radius: 9999px;
}

.loading-state[b-u4pu1g8bli] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--text-secondary);
    gap: 0.75rem;
}

.spinner[b-u4pu1g8bli] {
    width: 24px;
    height: 24px;
    border: 2px solid var(--border-color);
    border-top-color: var(--accent-primary);
    border-radius: 50%;
    animation: spin-b-u4pu1g8bli 1s linear infinite;
}

@keyframes spin-b-u4pu1g8bli {
    to { transform: rotate(360deg); }
}

.queue-grid[b-u4pu1g8bli] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    padding: 1.5rem;
}

.queue-card[b-u4pu1g8bli] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
}

.queue-card:hover[b-u4pu1g8bli] {
    border-color: var(--accent-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.queue-card.has-items[b-u4pu1g8bli] {
    border-left: 3px solid var(--accent-primary);
}

.queue-card.has-items.warning[b-u4pu1g8bli] {
    border-left-color: #fbbf24;
}

.queue-card.has-items .card-count[b-u4pu1g8bli] {
    color: var(--accent-primary);
    font-weight: 600;
}

.queue-card.has-items.warning .card-count[b-u4pu1g8bli] {
    color: #fbbf24;
}

.card-icon[b-u4pu1g8bli] {
    font-size: 1.5rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border-radius: 8px;
}

.card-content[b-u4pu1g8bli] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

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

.card-count[b-u4pu1g8bli] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.card-action[b-u4pu1g8bli] {
    color: var(--text-tertiary);
    font-size: 0.8125rem;
}

.queue-footer[b-u4pu1g8bli] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--bg-tertiary);
    border-top: 1px solid var(--border-color);
}

.btn-secondary[b-u4pu1g8bli] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-secondary:hover[b-u4pu1g8bli] {
    background: var(--bg-tertiary);
    border-color: var(--border-color-hover);
}

.btn-text[b-u4pu1g8bli] {
    background: none;
    border: none;
    color: var(--accent-primary);
    font-size: 0.875rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: background 0.15s;
}

.btn-text:hover[b-u4pu1g8bli] {
    background: var(--accent-primary-bg, rgba(59, 130, 246, 0.1));
}

@media (max-width: 768px) {
    .queue-grid[b-u4pu1g8bli] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Widgets/Ai/AgenticWorkloadPanel.razor.rz.scp.css */
/* Dashboard head, hero, tiles and month strip come from the shared usage-dashboard vocabulary
   (Compossa.UI.Blazor components.css); only the live list below is styled here. */
.workloads-panel[b-vsuemi5x8s]{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.5rem 3rem}.live-dot[b-vsuemi5x8s]{animation:pulse-b-vsuemi5x8s 1.8s infinite;background:#8bcf31;border-radius:50%;display:inline-block;height:.5rem;width:.5rem}.workload-tabs[b-vsuemi5x8s]{border-bottom:1px solid var(--border-color);display:flex;gap:.25rem}.workload-tabs button[b-vsuemi5x8s]{align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;display:flex;gap:.45rem;padding:.8rem 1rem}.workload-tabs button.active[b-vsuemi5x8s]{border-bottom-color:var(--accent-color);color:var(--accent-color)}.tab-count[b-vsuemi5x8s]{background:var(--accent-color);border-radius:999px;color:#fff;font-size:.7rem;padding:.05rem .4rem}.workload-filters[b-vsuemi5x8s]{background:var(--filter-bar-bg);display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(10rem,1fr));padding:1rem}.workload-filters label[b-vsuemi5x8s]{display:flex;flex-direction:column;gap:.3rem}.workload-filters label>span[b-vsuemi5x8s]{color:var(--filter-bar-text,#fff);font-size:.75rem;text-transform:uppercase}.workload-filters select[b-vsuemi5x8s]{background:var(--input-bg);border:1px solid var(--input-border,var(--border-color));color:var(--input-text,var(--text-primary));padding:.55rem}.filter-summary[b-vsuemi5x8s]{align-items:center;display:flex;gap:.55rem}.filter-summary span[b-vsuemi5x8s]{color:var(--text-secondary)}.filter-summary a[b-vsuemi5x8s]{color:var(--accent-color)}.workload-table small[b-vsuemi5x8s]{color:var(--text-secondary);font-size:.75rem}.workload-table-wrap[b-vsuemi5x8s]{overflow:auto}.workload-table[b-vsuemi5x8s]{border-collapse:collapse;width:100%}.workload-table th[b-vsuemi5x8s],.workload-table td[b-vsuemi5x8s]{border-bottom:1px solid var(--border-color);padding:.7rem;text-align:left;white-space:nowrap}.workload-table td strong[b-vsuemi5x8s],.workload-table td small[b-vsuemi5x8s]{display:block}.outcome[b-vsuemi5x8s]{border:1px solid currentColor;border-radius:999px;font-size:.75rem;padding:.15rem .45rem}.workload-table .action-btn.copy[b-vsuemi5x8s]{margin-left:2px}.outcome.running[b-vsuemi5x8s]{color:#58b9ff}.outcome.completed[b-vsuemi5x8s],.outcome.succeeded[b-vsuemi5x8s]{color:#8bcf31}.outcome.failed[b-vsuemi5x8s]{color:#ff6060}.outcome.cancelled[b-vsuemi5x8s],.outcome.timed-out[b-vsuemi5x8s]{color:#aaa}.workload-table tr.running[b-vsuemi5x8s]{background:rgba(88,185,255,.035)}.workload-error[b-vsuemi5x8s]{border:1px solid var(--danger-color);display:flex;flex-direction:column;padding:1rem}.workload-error span[b-vsuemi5x8s]{color:var(--text-secondary)}@keyframes pulse-b-vsuemi5x8s{50%{opacity:.35}}@media(max-width:1000px){.workload-filters[b-vsuemi5x8s]{grid-template-columns:1fr 1fr}}@media(max-width:600px){.workloads-panel[b-vsuemi5x8s]{padding:1rem}.workload-filters[b-vsuemi5x8s]{grid-template-columns:1fr}}
/* Row-sized variant of the shared ghost danger command button. */.workload-table .workload-stop[b-vsuemi5x8s]{font-size:.8rem;padding:.3rem .7rem}
/* /Components/Widgets/StatusBar/CartFlyout.razor.rz.scp.css */
/* Cart Flyout - follows DownloadsFlyout pattern */

.cart-flyout-backdrop[b-y3v6ppxmvd] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 999;
}

.cart-flyout[b-y3v6ppxmvd] {
    position: fixed;
    top: 36px;
    right: 80px;
    width: 460px;
    max-height: 560px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}

.cart-flyout.open[b-y3v6ppxmvd] {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

/* Header */
.flyout-header[b-y3v6ppxmvd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color);
}

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

.header-actions[b-y3v6ppxmvd] {
    display: flex;
    gap: 4px;
}

.flyout-btn[b-y3v6ppxmvd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.flyout-btn:hover[b-y3v6ppxmvd] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.flyout-btn.close:hover[b-y3v6ppxmvd] {
    background: var(--error-color);
    color: white;
}

/* Footer */
.flyout-footer[b-y3v6ppxmvd] {
    padding: 8px 16px;
    border-top: 1px solid var(--border-color);
    font-size: 0.75rem;
}

.footer-stats[b-y3v6ppxmvd] {
    display: flex;
    gap: 12px;
}

.stat[b-y3v6ppxmvd] {
    color: var(--text-secondary);
}

/* Controls */
.control-btn[b-y3v6ppxmvd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.control-btn:hover[b-y3v6ppxmvd] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.control-btn.remove:hover[b-y3v6ppxmvd] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--error-color);
}

/* Content */
.cart-flyout .flyout-content[b-y3v6ppxmvd] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    min-height: 120px;
    max-height: 360px;
}

/* Empty State - reuses pattern from DownloadsFlyout */
.cart-flyout .empty-state[b-y3v6ppxmvd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 150px;
    color: var(--text-secondary);
    text-align: center;
    padding: 24px;
}

.cart-flyout .empty-state svg[b-y3v6ppxmvd] {
    color: var(--accent-color);
    opacity: 0.6;
    margin-bottom: 12px;
}

.cart-flyout .empty-state span[b-y3v6ppxmvd] {
    font-weight: 500;
    margin-bottom: 4px;
}

.cart-flyout .empty-state p[b-y3v6ppxmvd] {
    font-size: 0.8rem;
    opacity: 0.7;
    margin: 0 0 12px 0;
}

.cart-browse-link[b-y3v6ppxmvd] {
    font-size: 0.8rem;
    color: var(--accent-color);
    text-decoration: none;
    font-weight: 500;
}

.cart-browse-link:hover[b-y3v6ppxmvd] {
    text-decoration: underline;
}

/* Cart Item */
.cart-item[b-y3v6ppxmvd] {
    display: flex;
    gap: 14px;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    background: var(--bg-tertiary);
    margin-bottom: 6px;
    align-items: center;
    transition: background 0.15s ease;
}

.cart-item:last-child[b-y3v6ppxmvd] {
    margin-bottom: 0;
}

.cart-item:hover[b-y3v6ppxmvd] {
    background: var(--bg-hover);
}

.cart-item-icon[b-y3v6ppxmvd] {
    flex-shrink: 0;
    color: var(--accent-color);
    opacity: 0.7;
}

.cart-item-details[b-y3v6ppxmvd] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.cart-item-name[b-y3v6ppxmvd] {
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-item-plan[b-y3v6ppxmvd] {
    font-size: 0.72rem;
    color: var(--text-secondary);
}

.cart-item-price[b-y3v6ppxmvd] {
    font-size: 0.72rem;
    color: var(--text-muted);
}

/* Quantity Controls */
.cart-item-qty[b-y3v6ppxmvd] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.qty-btn[b-y3v6ppxmvd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1px solid var(--border-color);
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.qty-btn:hover[b-y3v6ppxmvd] {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--accent-color);
}

.qty-value[b-y3v6ppxmvd] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary);
    min-width: 20px;
    text-align: center;
}

/* Line Total + Remove */
.cart-item-total[b-y3v6ppxmvd] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
    min-width: 74px;
}

.cart-item-total > span[b-y3v6ppxmvd] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-primary);
}

/* Footer */
.cart-subtotal[b-y3v6ppxmvd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-size: 0.85rem;
    color: var(--text-primary);
}

.subtotal-amount[b-y3v6ppxmvd] {
    font-weight: 700;
    font-size: 0.95rem;
}

.cart-footer-actions[b-y3v6ppxmvd] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.cart-view-link[b-y3v6ppxmvd] {
    flex: 1;
    text-align: center;
    padding: 6px 12px;
    font-size: 0.8rem;
    color: var(--text-secondary);
    text-decoration: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    transition: all 0.15s ease;
}

.cart-view-link:hover[b-y3v6ppxmvd] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.cart-checkout-btn[b-y3v6ppxmvd] {
    flex: 1;
    text-align: center;
    padding: 6px 12px;
    font-size: 0.8rem;
    font-weight: 600;
    color: white;
    background: var(--accent-color);
    border: none;
    border-radius: var(--radius-sm);
    text-decoration: none;
    transition: all 0.15s ease;
}

.cart-checkout-btn:hover[b-y3v6ppxmvd] {
    opacity: 0.9;
    color: white;
}

/* Responsive */
@media (max-width: 480px) {
    .cart-flyout[b-y3v6ppxmvd] {
        right: 8px;
        left: 8px;
        width: auto;
    }
}
/* /Components/Widgets/StatusBar/DownloadsFlyout.razor.rz.scp.css */
/* Downloads Flyout - Windows 11 Quick Settings Style */

.downloads-flyout-backdrop[b-hiobn78c98] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 999;
}

.downloads-flyout[b-hiobn78c98] {
    position: fixed;
    bottom: 28px; /* Above status bar */
    right: 16px; /* Offset from operations flyout */
    width: 650px;
    max-height: 768px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}

.downloads-flyout.open[b-hiobn78c98] {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

/* Header */
.flyout-header[b-hiobn78c98] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color);
}

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

.header-actions[b-hiobn78c98] {
    display: flex;
    gap: 4px;
}

.flyout-btn[b-hiobn78c98] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.flyout-btn:hover[b-hiobn78c98] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.flyout-btn.close:hover[b-hiobn78c98] {
    background: var(--error-color);
    color: white;
}

/* Content */
.flyout-content[b-hiobn78c98] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    min-height: 120px;
    max-height: 360px;
}

/* Empty State */
.empty-state[b-hiobn78c98] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 150px;
    color: var(--text-secondary);
    text-align: center;
    padding: 24px;
}

.empty-state svg[b-hiobn78c98] {
    color: var(--accent-color);
    opacity: 0.6;
    margin-bottom: 12px;
}

.empty-state span[b-hiobn78c98] {
    font-weight: 500;
    margin-bottom: 4px;
}

.empty-state p[b-hiobn78c98] {
    font-size: 0.8rem;
    opacity: 0.7;
    margin: 0;
}

/* Download Item */
.download-item[b-hiobn78c98] {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: var(--radius-md);
    background: var(--bg-tertiary);
    margin-bottom: 8px;
    transition: background 0.15s ease;
}

.download-item:last-child[b-hiobn78c98] {
    margin-bottom: 0;
}

.download-item:hover[b-hiobn78c98] {
    background: var(--bg-hover);
}

.download-item.completed .download-icon[b-hiobn78c98] {
    color: var(--success-color);
}

.download-item.failed .download-icon[b-hiobn78c98] {
    color: var(--error-color);
}

.download-item.preparing .download-icon[b-hiobn78c98] {
    color: var(--info-color);
}

.download-item.ready .download-icon[b-hiobn78c98] {
    color: var(--accent-color);
}

.download-item.pending .download-icon[b-hiobn78c98] {
    color: var(--text-secondary);
}

.download-icon[b-hiobn78c98] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    padding-top: 2px;
}

.download-details[b-hiobn78c98] {
    flex: 1;
    min-width: 0;
}

.download-header[b-hiobn78c98] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 2px;
}

.download-name[b-hiobn78c98] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.download-time[b-hiobn78c98] {
    flex-shrink: 0;
    font-size: 0.7rem;
    color: var(--text-secondary);
}

.download-filename[b-hiobn78c98] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.download-status[b-hiobn78c98] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 4px;
}

.download-error[b-hiobn78c98] {
    font-size: 0.75rem;
    color: var(--error-color);
    margin-top: 4px;
}

.download-size[b-hiobn78c98] {
    font-size: 0.7rem;
    color: var(--text-muted);
    margin-top: 2px;
}

/* Progress */
.progress-container[b-hiobn78c98] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.progress-bar[b-hiobn78c98] {
    flex: 1;
    height: 4px;
    background: var(--bg-primary);
    border-radius: 2px;
    overflow: hidden;
}

.progress-fill[b-hiobn78c98] {
    height: 100%;
    background: var(--accent-color);
    border-radius: 2px;
    transition: width 0.3s ease;
}

.progress-text[b-hiobn78c98] {
    flex-shrink: 0;
    font-size: 0.7rem;
    color: var(--text-secondary);
    font-weight: 500;
    min-width: 32px;
    text-align: right;
}

/* Controls */
.download-controls[b-hiobn78c98] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
}

.control-btn[b-hiobn78c98] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.control-btn:hover[b-hiobn78c98] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.control-btn.download[b-hiobn78c98] {
    color: var(--accent-color);
}

.control-btn.download:hover[b-hiobn78c98] {
    background: rgba(99, 102, 241, 0.15);
    color: var(--accent-color);
}

.control-btn.remove:hover[b-hiobn78c98] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--error-color);
}

/* Footer */
.flyout-footer[b-hiobn78c98] {
    padding: 8px 16px;
    border-top: 1px solid var(--border-color);
    font-size: 0.75rem;
}

.footer-stats[b-hiobn78c98] {
    display: flex;
    gap: 12px;
}

.stat[b-hiobn78c98] {
    color: var(--text-secondary);
}

.stat.preparing[b-hiobn78c98] {
    color: var(--info-color);
}

.stat.ready[b-hiobn78c98] {
    color: var(--accent-color);
}

.stat.completed[b-hiobn78c98] {
    color: var(--success-color);
}

/* Spinner Animation */
.mini-spinner[b-hiobn78c98] {
    animation: spin-b-hiobn78c98 1.5s linear infinite;
}

.mini-spinner .arc[b-hiobn78c98] {
    fill: none;
    stroke-width: 6;
    stroke-linecap: round;
}

.mini-spinner .arc-outer[b-hiobn78c98] {
    stroke: var(--accent-color);
    stroke-dasharray: 60 120;
    animation: arc-outer-b-hiobn78c98 1.5s ease-in-out infinite;
}

.mini-spinner .arc-middle[b-hiobn78c98] {
    stroke: var(--secondary-accent, #9333ea);
    stroke-dasharray: 40 80;
    animation: arc-middle-b-hiobn78c98 1.5s ease-in-out infinite;
}

.mini-spinner .arc-inner[b-hiobn78c98] {
    stroke: var(--accent-color);
    stroke-dasharray: 20 60;
    animation: arc-inner-b-hiobn78c98 1.5s ease-in-out infinite;
}

@keyframes spin-b-hiobn78c98 {
    100% { transform: rotate(360deg); }
}

@keyframes arc-outer-b-hiobn78c98 {
    0%, 100% { stroke-dashoffset: 0; }
    50% { stroke-dashoffset: -90; }
}

@keyframes arc-middle-b-hiobn78c98 {
    0%, 100% { stroke-dashoffset: 0; }
    50% { stroke-dashoffset: 60; }
}

@keyframes arc-inner-b-hiobn78c98 {
    0%, 100% { stroke-dashoffset: 0; }
    50% { stroke-dashoffset: -40; }
}

/* Responsive */
@media (max-width: 480px) {
    .downloads-flyout[b-hiobn78c98] {
        right: 8px;
        left: 8px;
        width: auto;
    }
}
/* /Components/Widgets/StatusBar/NotificationsFlyout.razor.rz.scp.css */
/* Notifications Flyout - Windows 11 Quick Settings Style */

.notifications-flyout-backdrop[b-2lku8qyrhy] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 999;
}

.notifications-flyout[b-2lku8qyrhy] {
    position: fixed;
    bottom: 28px; /* Above status bar */
    right: 16px;
    width: 650px;
    max-height: 768px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    pointer-events: none;
}

.notifications-flyout.open[b-2lku8qyrhy] {
    visibility: visible;
    pointer-events: auto;
    animation: flyout-slide-in-b-2lku8qyrhy 0.2s ease-out;
}

@keyframes flyout-slide-in-b-2lku8qyrhy {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* Header */
.flyout-header[b-2lku8qyrhy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color);
}

.flyout-header h3[b-2lku8qyrhy] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
}

.header-actions[b-2lku8qyrhy] {
    display: flex;
    gap: 4px;
}

.flyout-btn[b-2lku8qyrhy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.flyout-btn:hover[b-2lku8qyrhy] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.flyout-btn.close:hover[b-2lku8qyrhy] {
    background: var(--error-color);
    color: white;
}

/* Content */
.flyout-content[b-2lku8qyrhy] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    min-height: 120px;
    max-height: 360px;
}

/* Empty State */
.empty-state[b-2lku8qyrhy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 150px;
    color: var(--text-secondary);
    text-align: center;
    padding: 24px;
}

.empty-state svg[b-2lku8qyrhy] {
    color: var(--info-color);
    opacity: 0.6;
    margin-bottom: 12px;
}

.empty-state span[b-2lku8qyrhy] {
    font-weight: 500;
    margin-bottom: 4px;
}

.empty-state p[b-2lku8qyrhy] {
    font-size: 0.8rem;
    opacity: 0.7;
    margin: 0;
}

/* Notification Item */
.notification-item[b-2lku8qyrhy] {
    position: relative;
    display: flex;
    gap: 12px;
    padding: 12px;
    padding-right: 32px; /* Space for dismiss button */
    border-radius: var(--radius-md);
    background: var(--bg-tertiary);
    margin-bottom: 8px;
    transition: all 0.15s ease;
    border-left: 3px solid transparent;
}

.notification-item:last-child[b-2lku8qyrhy] {
    margin-bottom: 0;
}

.notification-item:hover[b-2lku8qyrhy] {
    background: var(--bg-hover);
}

/* Dismiss button - top right corner */
.dismiss-btn[b-2lku8qyrhy] {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    opacity: 0;
    transition: all 0.15s ease;
}

.notification-item:hover .dismiss-btn[b-2lku8qyrhy] {
    opacity: 1;
}

.dismiss-btn:hover[b-2lku8qyrhy] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--error-color);
}

/* Acknowledged state - dimmed */
.notification-item.acknowledged[b-2lku8qyrhy] {
    opacity: 0.6;
}

/* Severity Colors - Left border + icon color */
.notification-item.critical[b-2lku8qyrhy] {
    border-left-color: #FFD700; /* Yellow - radiation level */
}

.notification-item.critical .notification-icon[b-2lku8qyrhy] {
    color: #FFD700;
}

.notification-item.error[b-2lku8qyrhy] {
    border-left-color: var(--error-color); /* Red */
}

.notification-item.error .notification-icon[b-2lku8qyrhy] {
    color: var(--error-color);
}

.notification-item.warning[b-2lku8qyrhy] {
    border-left-color: #F7931E; /* Orange */
}

.notification-item.warning .notification-icon[b-2lku8qyrhy] {
    color: #F7931E;
}

.notification-item.info[b-2lku8qyrhy] {
    border-left-color: var(--info-color); /* Blue */
}

.notification-item.info .notification-icon[b-2lku8qyrhy] {
    color: var(--info-color);
}

.notification-icon[b-2lku8qyrhy] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    padding-top: 2px;
}

.notification-details[b-2lku8qyrhy] {
    flex: 1;
    min-width: 0;
}

.notification-header[b-2lku8qyrhy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 4px;
}

.notification-title[b-2lku8qyrhy] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.3;
}

.notification-time[b-2lku8qyrhy] {
    flex-shrink: 0;
    font-size: 0.7rem;
    color: var(--text-secondary);
}

.notification-message[b-2lku8qyrhy] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    line-height: 1.4;
    word-break: break-word;
}

/* Action Buttons - shown below message for Error/Critical */
.notification-actions[b-2lku8qyrhy] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.action-btn[b-2lku8qyrhy] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border: none;
    background: var(--bg-hover);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.action-btn:hover[b-2lku8qyrhy] {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

.action-btn.copy:hover[b-2lku8qyrhy] {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

.action-btn.acknowledge[b-2lku8qyrhy] {
    background: rgba(75, 188, 255, 0.1);
    color: var(--info-color);
}

.action-btn.acknowledge:hover[b-2lku8qyrhy] {
    background: rgba(75, 188, 255, 0.2);
    color: var(--info-color);
}

/* Footer */
.flyout-footer[b-2lku8qyrhy] {
    padding: 8px 16px;
    border-top: 1px solid var(--border-color);
    font-size: 0.75rem;
}

.footer-stats[b-2lku8qyrhy] {
    display: flex;
    gap: 12px;
}

.stat[b-2lku8qyrhy] {
    color: var(--text-secondary);
}

.stat.critical[b-2lku8qyrhy] {
    color: #FFD700;
}

.stat.error[b-2lku8qyrhy] {
    color: var(--error-color);
}

.stat.warning[b-2lku8qyrhy] {
    color: #F7931E;
}

.stat.info[b-2lku8qyrhy] {
    color: var(--info-color);
}

/* Responsive */
@media (max-width: 480px) {
    .notifications-flyout[b-2lku8qyrhy] {
        right: 8px;
        left: 8px;
        width: auto;
    }
}
/* /Components/Widgets/StatusBar/OperationsQueueFlyout.razor.rz.scp.css */
/* Operations Queue Flyout - Windows 11 Quick Settings Style */

.operations-flyout[b-mmzs49os13] {
  position: fixed;
  bottom: 28px; /* Above status bar */
  right: 16px;
  width: 650px;
  max-height: 768px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}

.operations-flyout.open[b-mmzs49os13] {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

/* Header */
.flyout-header[b-mmzs49os13] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color);
}

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

.header-actions[b-mmzs49os13] {
    display: flex;
    gap: 4px;
}

.flyout-btn[b-mmzs49os13] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.flyout-btn:hover[b-mmzs49os13] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.flyout-btn.close:hover[b-mmzs49os13] {
    background: var(--error-color);
    color: white;
}

/* Content */
.flyout-content[b-mmzs49os13] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    min-height: 120px;
    max-height: 360px;
}

/* Empty State */
.empty-state[b-mmzs49os13] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 150px;
    color: var(--text-secondary);
    text-align: center;
    padding: 24px;
}

.empty-state svg[b-mmzs49os13] {
    color: var(--success-color);
    opacity: 0.6;
    margin-bottom: 12px;
}

.empty-state span[b-mmzs49os13] {
    font-weight: 500;
    margin-bottom: 4px;
}

.empty-state p[b-mmzs49os13] {
    font-size: 0.8rem;
    opacity: 0.7;
    margin: 0;
}

/* Operation Item */
.operation-item[b-mmzs49os13] {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: var(--radius-md);
    background: var(--bg-tertiary);
    margin-bottom: 8px;
    transition: background 0.15s ease;
}

.operation-item:last-child[b-mmzs49os13] {
    margin-bottom: 0;
}

.operation-item:hover[b-mmzs49os13] {
    background: var(--bg-hover);
}

.operation-item.completed .operation-icon[b-mmzs49os13] {
    color: var(--success-color);
}

.operation-item.failed .operation-icon[b-mmzs49os13] {
    color: var(--error-color);
}

.operation-item.running .operation-icon[b-mmzs49os13] {
    color: var(--info-color);
}

.operation-item.queued .operation-icon[b-mmzs49os13] {
    color: var(--text-secondary);
}

.operation-icon[b-mmzs49os13] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    padding-top: 2px;
}

.operation-details[b-mmzs49os13] {
    flex: 1;
    min-width: 0;
}

.operation-header[b-mmzs49os13] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 4px;
}

.operation-description[b-mmzs49os13] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
    line-height: 1.3;
}

.operation-time[b-mmzs49os13] {
    flex-shrink: 0;
    font-size: 0.7rem;
    color: var(--text-secondary);
}

.operation-status[b-mmzs49os13] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 4px;
}

.operation-error[b-mmzs49os13] {
    font-size: 0.75rem;
    color: var(--error-color);
    margin-top: 4px;
}

/* Progress */
.progress-container[b-mmzs49os13] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.progress-bar[b-mmzs49os13] {
    flex: 1;
    height: 4px;
    background: var(--bg-primary);
    border-radius: 2px;
    overflow: hidden;
}

.progress-fill[b-mmzs49os13] {
    height: 100%;
    background: var(--accent-color);
    border-radius: 2px;
    transition: width 0.3s ease;
}

.progress-text[b-mmzs49os13] {
    flex-shrink: 0;
    font-size: 0.7rem;
    color: var(--text-secondary);
    font-weight: 500;
    min-width: 32px;
    text-align: right;
}

/* Controls */
.operation-controls[b-mmzs49os13] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
}

.control-btn[b-mmzs49os13] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.control-btn:hover[b-mmzs49os13] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.control-btn.cancel:hover[b-mmzs49os13] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--error-color);
}

.control-btn.retry:hover[b-mmzs49os13] {
    background: rgba(99, 102, 241, 0.15);
    color: var(--accent-color);
}

/* Footer */
.flyout-footer[b-mmzs49os13] {
    padding: 8px 16px;
    border-top: 1px solid var(--border-color);
    font-size: 0.75rem;
}

.footer-stats[b-mmzs49os13] {
    display: flex;
    gap: 12px;
}

.stat[b-mmzs49os13] {
    color: var(--text-secondary);
}

.stat.running[b-mmzs49os13] {
    color: var(--info-color);
}

.stat.queued[b-mmzs49os13] {
    color: var(--warning-color);
}

.stat.completed[b-mmzs49os13] {
    color: var(--success-color);
}

/* Spinner Animation */
.mini-spinner[b-mmzs49os13] {
    animation: spin-b-mmzs49os13 1.5s linear infinite;
}

.mini-spinner .arc[b-mmzs49os13] {
    fill: none;
    stroke-width: 6;
    stroke-linecap: round;
}

.mini-spinner .arc-outer[b-mmzs49os13] {
    stroke: var(--accent-color);
    stroke-dasharray: 60 120;
    animation: arc-outer-b-mmzs49os13 1.5s ease-in-out infinite;
}

.mini-spinner .arc-middle[b-mmzs49os13] {
    stroke: var(--secondary-accent, #9333ea);
    stroke-dasharray: 40 80;
    animation: arc-middle-b-mmzs49os13 1.5s ease-in-out infinite;
}

.mini-spinner .arc-inner[b-mmzs49os13] {
    stroke: var(--accent-color);
    stroke-dasharray: 20 60;
    animation: arc-inner-b-mmzs49os13 1.5s ease-in-out infinite;
}

@keyframes spin-b-mmzs49os13 {
    100% { transform: rotate(360deg); }
}

@keyframes arc-outer-b-mmzs49os13 {
    0%, 100% { stroke-dashoffset: 0; }
    50% { stroke-dashoffset: -90; }
}

@keyframes arc-middle-b-mmzs49os13 {
    0%, 100% { stroke-dashoffset: 0; }
    50% { stroke-dashoffset: 60; }
}

@keyframes arc-inner-b-mmzs49os13 {
    0%, 100% { stroke-dashoffset: 0; }
    50% { stroke-dashoffset: -40; }
}

/* Responsive */
@media (max-width: 480px) {
    .operations-flyout[b-mmzs49os13] {
        right: 8px;
        left: 8px;
        width: auto;
    }
}