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

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

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

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

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

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

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

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

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

    .error-actions[b-2n12efv0cz] {
        flex-direction: column;
    }
}
/* /Components/Shared/BusinessPartnerSelector.razor.rz.scp.css */
/* Empty-state shown when no partners match the search.
   Page-level element of THIS component → plain selectors per Blazor scoped CSS rules. */
.bp-selector-empty[b-qn835vyofk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md);
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.bp-selector-empty .anticon[b-qn835vyofk] {
    font-size: 24px;
    color: var(--text-faint);
}

/* AntDesign Select internals are globally styled in overrides.css.
   No component-scoped ::deep .ant-select-* rules needed here. */
/* /Components/Shared/EntityFormDrawer.razor.rz.scp.css */
/* EntityFormDrawer — production component for create/edit drawer shell (F-096).
   See `/design-system#entity-drawer-template` for the visual reference.
   The drawer chrome (.ant-drawer*) and the body/footer markup are global rules
   in App/wwwroot/css/app.css and App/wwwroot/css/overrides.css — they must be
   global because AntDesign Drawer portals its content out of the component
   subtree, where scoped CSS attributes (b-XXXX) do not reach.

   This scoped file only carries the (currently empty) component-local hooks.
   Page-level overrides (e.g., per-entity body padding) go on the consuming
   page's .razor.css with selectors targeting .entity-drawer-body within that
   page's own DOM context. */
/* /Components/Shared/PricingStatusBadge.razor.rz.scp.css */
.pricing-badge[b-egjmkj7oqd] {
    font-weight: 500;
    font-size: var(--font-size-xs);
}

.pricing-badge--pending[b-egjmkj7oqd] {
    animation: pricingPulse-b-egjmkj7oqd 1.8s ease-in-out infinite;
}

@keyframes pricingPulse-b-egjmkj7oqd {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.55;
    }
}
/* /Components/Shared/ProductLineEditor.razor.rz.scp.css */
/* Page-level (this component's own markup) → plain selectors per Blazor scoped CSS rules. */

.product-line-editor[b-huxi3mljfy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md-sm);
}

.empty-state[b-huxi3mljfy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md-sm);
    padding: var(--space-xl) var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    text-align: center;
}

.empty-state .anticon[b-huxi3mljfy] {
    font-size: 32px;
    color: var(--text-faint);
}

.empty-state h4[b-huxi3mljfy] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-lg);
    font-weight: 500;
}

.empty-state p[b-huxi3mljfy] {
    margin: 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 360px;
}

.line-table[b-huxi3mljfy] {
    width: 100%;
    border-collapse: collapse;
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.line-table thead th[b-huxi3mljfy] {
    padding: var(--space-md-sm) var(--space-md-sm);
    text-align: left;
    color: var(--text-muted);
    font-weight: 500;
    font-size: var(--font-size-sm);
    border-bottom: 1px solid var(--glass-border);
    background: var(--glass-hover);
}

.line-table tbody td[b-huxi3mljfy] {
    padding: var(--space-sm) var(--space-md-sm);
    border-bottom: 1px solid var(--glass-border);
    color: var(--text-primary);
    vertical-align: middle;
}

.line-table tbody tr:last-child td[b-huxi3mljfy] {
    border-bottom: none;
}

.line-table tfoot td[b-huxi3mljfy] {
    padding: var(--space-md-sm);
    color: var(--text-primary);
    font-weight: 500;
    border-top: 1px solid var(--glass-border);
    background: var(--glass-hover);
}

.col-qty[b-huxi3mljfy],
.col-price[b-huxi3mljfy],
.col-discount[b-huxi3mljfy],
.col-vat[b-huxi3mljfy],
.col-total[b-huxi3mljfy] {
    text-align: right;
    white-space: nowrap;
}

.num[b-huxi3mljfy] {
    font-variant-numeric: tabular-nums;
}

.col-total.strong[b-huxi3mljfy] {
    font-weight: 600;
    color: var(--text-primary);
}

.col-actions[b-huxi3mljfy] {
    width: 56px;
    text-align: center;
}

.product-display[b-huxi3mljfy] {
    color: var(--text-primary);
    font-size: var(--font-size-sm);
}

.row-error td[b-huxi3mljfy] {
    background: var(--color-error-soft);
}

.row-loading td[b-huxi3mljfy] {
    opacity: 0.7;
}

.row-error-detail td[b-huxi3mljfy] {
    padding: var(--space-xs) var(--space-md-sm);
    background: transparent;
}

.error-text[b-huxi3mljfy] {
    color: var(--color-error);
    font-size: var(--font-size-sm);
}

.add-line-row[b-huxi3mljfy] {
    display: flex;
    justify-content: flex-start;
}

/* AntDesign Select/Input internals are globally styled in overrides.css.
   No component-scoped ::deep .ant-select-* or .ant-input-* rules needed here. */

/* Mobile responsive */
@media (max-width: 768px) {
    .product-line-editor[b-huxi3mljfy] {
        overflow-x: auto;
    }

    .line-table[b-huxi3mljfy] {
        min-width: 760px;
    }
}

@media (max-width: 480px) {
    .col-discount[b-huxi3mljfy],
    .col-vat[b-huxi3mljfy] {
        display: none;
    }

    .line-table[b-huxi3mljfy] {
        min-width: unset;
    }
}
/* /Components/Shared/Reports/ReportExportBar.razor.rz.scp.css */
.report-export-bar[b-0b9cy2pvd2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    margin-bottom: 16px;
}

.export-bar__info[b-0b9cy2pvd2] {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--text-secondary);
    font-size: 0.8125rem;
}

.export-bar__actions[b-0b9cy2pvd2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* /Components/Shared/Reports/SavedSearchesDropdown.razor.rz.scp.css */
.saved-searches[b-u9fejo1u8a] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    padding: 12px 16px;
    margin-bottom: 16px;
}

.saved-searches__label[b-u9fejo1u8a] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
}
/* /Features/Auth/Pages/Login.razor.rz.scp.css */
/* ========================================
   Login Page — auth-page pattern
   Scoped: form-field stack spacing only.
   Glass card chrome: AuthLayout.razor.css (.auth-container)
   Base auth styles: app.css (.auth-form, .auth-title, .auth-form-header)
   AntDesign overrides: overrides.css (inputs, buttons, alerts)
   ======================================== */

/* Error alert spacing */
.login-alert[b-3ol9scs2g6] {
    margin-bottom: var(--space-md);
}

@media (max-width: 480px) {
    .login-alert[b-3ol9scs2g6] {
        margin-bottom: var(--space-sm);
    }
}
/* /Features/Auth/Pages/LoginConfirm.razor.rz.scp.css */
/* ========================================
   LoginConfirm Page — auth-page pattern
   Scoped: OTP input display-font + footer icon-link variant only.
   Glass card chrome: AuthLayout.razor.css (.auth-container)
   Base auth styles: app.css (.auth-form, .auth-title, .auth-form-header, .auth-footer-links)
   AntDesign overrides: overrides.css (inputs, buttons, alerts)
   ======================================== */

/* Back link — inline-flex for icon+text layout (overrides app.css block variant) */
.auth-footer-links a[b-0jkrc9syjr] {
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.auth-footer-links a[b-0jkrc9syjr]::after {
    display: none;
}

.auth-footer-links a .anticon[b-0jkrc9syjr] {
    font-size: 0.875rem;
    transition: transform var(--transition-fast);
}

.auth-footer-links a:hover .anticon[b-0jkrc9syjr] {
    transform: translateX(-3px);
}

/* OTP input: centered display-font letter-spacing */
.otp-code-field[b-0jkrc9syjr]  input {
    text-align: center;
    letter-spacing: 0.5em;
    font-family: var(--font-display);
    font-weight: 600;
}

@media (max-width: 480px) {
    .otp-code-field[b-0jkrc9syjr]  input {
        letter-spacing: 0.35em;
    }
}
/* /Features/Auth/Pages/Register.razor.rz.scp.css */
/* ========================================
   Register Page — auth-page pattern
   Scoped: referral banner only.
   Glass card chrome: AuthLayout.razor.css (.auth-container)
   Base auth styles: app.css (.auth-form, .auth-title, .auth-form-header, .auth-footer-links)
   AntDesign overrides: overrides.css (inputs, buttons, alerts)
   ======================================== */

/* Referral banner */
.referral-banner[b-uu2habjgqd] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-lg);
    background: var(--glass-bg);
    backdrop-filter: blur(16px);
    border: 1px solid var(--glass-border-light);
    box-shadow: 0 0 0 1px var(--color-primary-glow);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
}

.referral-banner-subtitle[b-uu2habjgqd] {
    display: block;
    font-size: 0.875rem;
    opacity: 0.8;
    margin-top: 2px;
}
/* /Features/Auth/Pages/RegisterConfirm.razor.rz.scp.css */
/* ========================================
   RegisterConfirm Page — auth-page pattern
   Scoped: OTP input display-font + footer icon-link variant only.
   Glass card chrome: AuthLayout.razor.css (.auth-container)
   Base auth styles: app.css (.auth-form, .auth-title, .auth-form-header, .auth-footer-links)
   AntDesign overrides: overrides.css (inputs, buttons, alerts)
   ======================================== */

/* Back link — inline-flex for icon+text layout (overrides app.css block variant) */
.auth-footer-links a[b-liw9hg80w6] {
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.auth-footer-links a[b-liw9hg80w6]::after {
    display: none;
}

.auth-footer-links a .anticon[b-liw9hg80w6] {
    font-size: 0.875rem;
    transition: transform var(--transition-fast);
}

.auth-footer-links a:hover .anticon[b-liw9hg80w6] {
    transform: translateX(-3px);
}

/* OTP input: centered display-font letter-spacing */
.otp-code-field[b-liw9hg80w6]  input {
    text-align: center;
    letter-spacing: 0.5em;
    font-family: var(--font-display);
    font-weight: 600;
}

@media (max-width: 480px) {
    .otp-code-field[b-liw9hg80w6]  input {
        letter-spacing: 0.35em;
    }
}
/* /Features/Auth/Profile/Components/ChangeEmailModal.razor.rz.scp.css */
/* Change Email Modal - Scoped CSS */
/* Note: Most styling is in wwwroot/css/overrides.css under .change-email-modal */

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

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

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

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

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

/* OTP Code Input — same styling as LoginConfirm / RegisterConfirm pages */
[b-ky2genq2nd] #change-email-otp {
    text-align: center;
    letter-spacing: 0.5em;
    font-family: var(--font-display);
    font-weight: 600;
}
/* /Features/Auth/Profile/Pages/Settings.razor.rz.scp.css */
/* ========================================
   Settings Page — Dark Glassmorphism

   Per F-079: AntDesign internals (.ant-tabs-*, .ant-spin-*, .ant-btn-*,
   .ant-select-selector) are styled globally in overrides.css. This file
   keeps only page-specific spacing/layout + per-tier subscription-tag colors.
   ======================================== */

/* Retry Container — extra top margin (global has --space-md) */
.retry-container[b-doszn7dnmg] {
    margin-top: var(--space-lg);
}

/* Tab Content / settings-section — entrance animation */
.settings-section[b-doszn7dnmg] {
    animation: fadeIn 0.3s ease-out;
}

/* Section Title — override: no bottom margin in tab context */
.section-title[b-doszn7dnmg] {
    margin-bottom: 0;
}

/* Form Help Text */
.form-help-text[b-doszn7dnmg] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: 4px;
}

/* Subscription Info */
.subscription-info[b-doszn7dnmg] {
    margin-bottom: var(--space-md);
}

/* Subscription Tag base — page-scoped because the .tier-* class names
   here (free / starter / professional / enterprise / unlimited) differ
   from the MainLayout subscription-tag tier variants. */
[b-doszn7dnmg] .subscription-tag {
    font-weight: 600;
    font-size: 0.8125rem;
    padding: 4px 12px;
    border-radius: 12px;
    text-transform: capitalize;
}

[b-doszn7dnmg] .subscription-tag.tier-free {
    background: var(--glass-border) !important;
    border: 1px solid rgba(var(--color-white-rgb), 0.2) !important;
    color: var(--text-secondary) !important;
}

[b-doszn7dnmg] .subscription-tag.tier-starter {
    background: var(--color-success-bg) !important;
    border: 1px solid rgba(var(--color-success-rgb), 0.3) !important;
    color: var(--color-success-hover) !important;
}

[b-doszn7dnmg] .subscription-tag.tier-professional {
    background: var(--color-info-bg) !important;
    border: 1px solid rgba(var(--color-info-rgb), 0.3) !important;
    color: var(--color-info-hover) !important;
}

[b-doszn7dnmg] .subscription-tag.tier-enterprise {
    background: rgba(var(--color-accent-purple-rgb), 0.15) !important;
    border: 1px solid rgba(var(--color-accent-purple-rgb), 0.3) !important;
    color: var(--color-accent-purple-hover) !important;
}

[b-doszn7dnmg] .subscription-tag.tier-unlimited {
    background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.2) 0%, rgba(var(--color-amber-rgb), 0.2) 100%) !important;
    border: 1px solid var(--color-primary-glow) !important;
    color: var(--color-primary-light) !important;
}

/* Account Info */
.account-info[b-doszn7dnmg] {
    margin-bottom: var(--space-md);
}

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

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

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

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

    .info-label[b-doszn7dnmg] {
        min-width: auto;
    }
}
/* /Features/Billing/Pages/CheckoutCancel.razor.rz.scp.css */
.checkout-cancel-page[b-st7ng3f5r7] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-container[b-st7ng3f5r7] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    padding: var(--space-2xl);
    text-align: center;
    animation: slideUp 0.6s ease-out;
}

.result-actions[b-st7ng3f5r7] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
}
/* /Features/Billing/Pages/CheckoutSuccess.razor.rz.scp.css */
/* ========================================
   CheckoutSuccess Page — status-result-page pattern
   Scoped: plan-badge extra body content only.
   Page layout + icon/title/actions: app.css (.status-result__*, .status-result--success)
   Glass container + bg-orbs: overrides.css (.checkout-success-page .*)
   AntDesign overrides: overrides.css (buttons)
   ======================================== */

/* Container entrance animation (required by L1 lint for @page components) */
.success-container[b-j8dpcqbbia] {
    animation: slideUp 0.6s ease-out;
}

/* Plan badge — extra body content per status-result-page scoped_css_allowed */
.success-details[b-j8dpcqbbia] {
    margin-bottom: var(--space-xl);
}

.plan-badge[b-j8dpcqbbia] {
    display: inline-flex;
    flex-direction: column;
    gap: var(--space-xs);
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 15%, transparent) 0%, color-mix(in srgb, var(--color-amber) 15%, transparent) 100%);
    border: 1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);
    border-radius: var(--radius-md);
    padding: var(--space-md) var(--space-xl);
}

.plan-label[b-j8dpcqbbia] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.plan-name[b-j8dpcqbbia] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-primary-light);
    text-transform: capitalize;
}
/* /Features/Billing/Pages/Subscription.razor.rz.scp.css */
/* ========================================
   Subscription Page (subscription-page archetype)
   Component-specific styles only.
   AntDesign overrides: overrides.css
   Glass card utility: app.css (.glass-card)
   Settings tabs layout: app.css (.settings-tabs-layout)

   NOTE: This file pragmatically defines `.subscription-current-plan`,
   `.subscription-meter`, `.settings-section`, and `.settings-section-actions`
   because they are catalog-required but currently only exist in
   `DesignSystem.razor.css` (Blazor-scoped — won't apply here). Promote to
   `app.css` in a future global-css cleanup task.
   ======================================== */

/* Entrance animation (required by design-lint Gate F) */
.glass-card[b-kg6kucziym] {
    animation: pageSlideUp 0.4s ease-out;
}

/* Loading container (page-specific layout) */
.loading-container[b-kg6kucziym] {
    display: flex;
    justify-content: center;
    padding: var(--space-2xl);
}

/* ===== Settings section primitives (catalog) ===== */
.settings-section[b-kg6kucziym] {
    padding: var(--space-md) 0;
}

.settings-section-actions[b-kg6kucziym] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--space-sm);
}

/* ===== Subscription primitives (catalog) ===== */
.subscription-current-plan[b-kg6kucziym] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.subscription-current-plan__header[b-kg6kucziym] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.subscription-current-plan__name[b-kg6kucziym] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.plan-cycle[b-kg6kucziym] {
    -webkit-text-fill-color: var(--text-secondary);
    color: var(--text-secondary);
    font-weight: 500;
}

.subscription-meter[b-kg6kucziym] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.subscription-meter__row[b-kg6kucziym] {
    display: flex;
    justify-content: space-between;
    color: var(--text-primary);
    font-size: 0.875rem;
}

.meter-detail[b-kg6kucziym] {
    color: var(--text-secondary);
}

.meter-unlimited[b-kg6kucziym] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--color-success-light);
    font-weight: 600;
}

/* Renewal info paragraph */
.renewal-info[b-kg6kucziym] {
    color: var(--text-secondary);
    margin: 0;
    font-size: 0.9375rem;
}

.renewal-info strong[b-kg6kucziym] {
    color: var(--text-primary);
}

/* Invoices pagination wrapper */
.invoices-pagination[b-kg6kucziym] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-lg);
}

/* Cancel-modal alert spacing */
.cancel-modal-alert[b-kg6kucziym] {
    margin-bottom: var(--space-md);
}

/* ===== Mobile breakpoints (catalog responsive_breakpoints: [768, 480]) ===== */
@media (max-width: 768px) {
    .subscription-current-plan__header[b-kg6kucziym] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 480px) {
    .settings-section-actions[b-kg6kucziym] {
        justify-content: stretch;
    }

    .settings-section-actions > *[b-kg6kucziym] {
        width: 100%;
    }
}
/* /Features/Billing/Pages/Upgrade.razor.rz.scp.css */
.upgrade-header[b-06vy5t4dw0] {
    text-align: center;
}

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

/* Global .pricing-billing-toggle places the toggle; these are the label styling overrides */
.pricing-billing-toggle[b-06vy5t4dw0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    margin-bottom: var(--space-xl);
}

.pricing-billing-toggle span[b-06vy5t4dw0] {
    color: var(--text-muted);
    font-weight: 500;
    transition: color var(--transition-fast);
}

.pricing-billing-toggle span.active[b-06vy5t4dw0] {
    color: var(--text-primary);
}

/* Override global pricing-tier-row to 2-column (global defaults to 3).
   The global handles the responsive 768px → 1-col breakpoint. */
.pricing-tier-row[b-06vy5t4dw0] {
    grid-template-columns: repeat(2, 1fr);
    animation: slideUp 0.6s ease-out both;
}

/* Stretch cards to fill grid cells */
.pricing-tier-card[b-06vy5t4dw0] {
    height: 100%;
}

.plan-badge[b-06vy5t4dw0] {
    margin-bottom: var(--space-md);
}

.plan-header[b-06vy5t4dw0] {
    margin-bottom: var(--space-lg);
}

.plan-name[b-06vy5t4dw0] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 var(--space-sm) 0;
}

.plan-price[b-06vy5t4dw0] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.price-amount[b-06vy5t4dw0] {
    font-family: var(--font-display);
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
}

.unlimited-plan .price-amount[b-06vy5t4dw0] {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.price-period[b-06vy5t4dw0] {
    font-size: 1rem;
    color: var(--text-muted);
}

.plan-features[b-06vy5t4dw0] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-lg) 0;
    flex: 1;
}

.plan-features li[b-06vy5t4dw0] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) 0;
    color: var(--text-secondary);
    font-size: 0.9375rem;
}

[b-06vy5t4dw0] .plan-features li .anticon {
    color: var(--color-success);
    font-size: 14px;
}
/* /Features/Core/BusinessPartners/Pages/BusinessPartnerDetail.razor.rz.scp.css */
/* ========================================
   Business Partner Detail Page - Dark Glassmorphism
   Component-specific styles only.
   ======================================== */

/* Loading Container */
.loading-container[b-bw5w87ncpo] {
    padding: var(--space-xl) 0;
}

/* Glass Card Sections — entry animation only; base styling from app.css */
.glass-card[b-bw5w87ncpo] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

/* Partner Code Badge */
.partner-code[b-bw5w87ncpo] {
    font-family: var(--font-mono);
    font-size: 0.875rem;
    color: var(--text-muted);
    margin-right: var(--space-sm);
}

/* Tab Content */
.tab-content[b-bw5w87ncpo] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding-top: var(--space-lg);
}

/* Tab Actions Bar */
.tab-actions[b-bw5w87ncpo] {
    display: flex;
    justify-content: flex-end;
}

/* Switch Rows */
.switch-row[b-bw5w87ncpo] {
    margin-bottom: var(--space-sm);
}

.switch-container[b-bw5w87ncpo] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.switch-help[b-bw5w87ncpo] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

/* Error Container */
.error-container[b-bw5w87ncpo] {
    margin-bottom: var(--space-lg);
}

/* Back Button */
.back-button[b-bw5w87ncpo] {
    margin-right: var(--space-sm);
}/* Active Contract Card */
.active-contract-card[b-bw5w87ncpo] {
    margin-bottom: 0;
}

.contract-details[b-bw5w87ncpo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-md);
}

.contract-field[b-bw5w87ncpo] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contract-label[b-bw5w87ncpo] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    font-weight: 500;
}

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

.no-contract-message[b-bw5w87ncpo] {
    color: var(--text-muted);
    font-style: italic;
    margin: 0;
}

/* Coming Soon Card */
.coming-soon-card[b-bw5w87ncpo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
}

.coming-soon-card[b-bw5w87ncpo]  .anticon {
    font-size: 48px;
    color: var(--text-muted);
    margin-bottom: var(--space-lg);
}

.coming-soon-card h3[b-bw5w87ncpo] {
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: 1.125rem;
    margin-bottom: var(--space-sm);
}

.coming-soon-card p[b-bw5w87ncpo] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin: 0;
}

/* Pagination — right-aligned, tighter top padding */
.pagination-container[b-bw5w87ncpo] {
    justify-content: flex-end;
    padding-top: var(--space-md);
}

/* Responsive */
@media (max-width: 576px) {
    .contract-details[b-bw5w87ncpo] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/BusinessPartners/Pages/BusinessPartnerList.razor.rz.scp.css */
/* ========================================
   Business Partner List Page - Dark Glassmorphism
   Component-specific styles only.
   AntDesign overrides: overrides.css
   ======================================== */

.partners-table[b-509y57cb00] {
    animation: slideUp 0.5s ease-out;
}

/* Code column monospace */
.code-cell[b-509y57cb00] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

/* Empty description below title */
.empty-description[b-509y57cb00] {
    color: var(--text-muted);
    margin-bottom: var(--space-md);
}

/* Pagination */
.pagination-container[b-509y57cb00] {
    padding: 0;
    margin-top: var(--space-lg);
}

/* Retry Container — extra top margin (global has --space-md) */
.retry-container[b-509y57cb00] {
    margin-top: var(--space-lg);
}
/* /Features/Core/CreditNotes/Pages/CreditNoteCreate.razor.rz.scp.css */
/* ========================================
   Credit Note Create Page
   Component-specific styles only.
   Layout primitives (page-wrapper, glass-card, form-actions-footer) live in app.css.
   AntDesign overrides: overrides.css.
   ======================================== */

.glass-card[b-xplm7gsqsb] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.back-button[b-xplm7gsqsb] {
    margin-right: var(--space-sm);
}

.section-title[b-xplm7gsqsb] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
    font-size: var(--font-size-md);
}

.required-asterisk[b-xplm7gsqsb] {
    color: var(--color-error);
    font-weight: 700;
}

.error-container[b-xplm7gsqsb] {
    margin-bottom: var(--space-md);
}

.loading-state[b-xplm7gsqsb] {
    display: flex;
    justify-content: center;
    padding: var(--space-xl);
}

/* Header grid — locked invoice metadata */
.header-grid[b-xplm7gsqsb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md);
    margin: 0;
}

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

.header-item dt[b-xplm7gsqsb] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.header-item dd[b-xplm7gsqsb] {
    margin: 0;
    color: var(--text-primary);
    font-weight: 500;
}

.code-cell[b-xplm7gsqsb] {
    font-family: var(--font-mono);
    font-weight: 600;
}

.amount-cell[b-xplm7gsqsb] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

/* Lines table */
.line-table[b-xplm7gsqsb] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--space-sm);
}

.line-table th[b-xplm7gsqsb] {
    text-align: left;
    padding: var(--space-sm) var(--space-md-sm);
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid var(--glass-border);
}

.line-table td[b-xplm7gsqsb] {
    padding: var(--space-sm) var(--space-md-sm);
    border-bottom: 1px solid var(--glass-border-subtle);
    color: var(--text-primary);
}

.line-table tr.row-error td[b-xplm7gsqsb] {
    background: var(--color-error-bg);
}

.line-table .num[b-xplm7gsqsb] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.line-table .strong[b-xplm7gsqsb] {
    font-weight: 600;
}

.line-table tfoot td[b-xplm7gsqsb] {
    border-top: 2px solid var(--glass-border);
    border-bottom: none;
    padding-top: var(--space-md);
    font-weight: 500;
}

.footer-label[b-xplm7gsqsb] {
    text-align: right;
    color: var(--text-muted);
}

.product-cell[b-xplm7gsqsb] {
    display: flex;
    flex-direction: column;
}

.product-code[b-xplm7gsqsb] {
    font-family: var(--font-mono);
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

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

.col-product[b-xplm7gsqsb] { width: 32%; }
.col-qty[b-xplm7gsqsb] { width: 12%; }
.col-price[b-xplm7gsqsb] { width: 12%; }
.col-vat[b-xplm7gsqsb] { width: 10%; }
.col-total[b-xplm7gsqsb] { width: 14%; }

.hint[b-xplm7gsqsb] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    margin: var(--space-sm) 0 0 0;
}

/* Options card */
.option-row[b-xplm7gsqsb] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
}

.option-label[b-xplm7gsqsb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.option-label strong[b-xplm7gsqsb] {
    color: var(--text-primary);
}

.option-help[b-xplm7gsqsb] {
    margin: 0;
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.info-icon[b-xplm7gsqsb] {
    color: var(--text-muted);
    cursor: help;
}

.empty-description[b-xplm7gsqsb] {
    color: var(--text-muted);
    margin-bottom: var(--space-md);
}

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

    .line-table[b-xplm7gsqsb] {
        font-size: var(--font-size-sm);
    }
}

@media (max-width: 480px) {
    .header-grid[b-xplm7gsqsb] {
        grid-template-columns: 1fr;
    }

    .line-table th[b-xplm7gsqsb],
    .line-table td[b-xplm7gsqsb] {
        padding: var(--space-xs) var(--space-sm);
    }
}
/* /Features/Core/CreditNotes/Pages/CreditNoteDetail.razor.rz.scp.css */
/* ========================================
   Credit Note Detail Page
   Component-specific styles only.
   Layout primitives (page-wrapper, page-container, glass-card, detail-page-grid) live in app.css.
   AntDesign overrides: overrides.css.
   ======================================== */

.glass-card[b-x9b0l3jc0d] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.loading-container[b-x9b0l3jc0d] {
    padding: var(--space-xl);
}

.back-button[b-x9b0l3jc0d] {
    margin-right: var(--space-sm);
}

.section-title[b-x9b0l3jc0d] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
    font-size: var(--font-size-md);
}

.error-container[b-x9b0l3jc0d] {
    margin-bottom: var(--space-md);
}

.header-actions[b-x9b0l3jc0d] {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
    align-items: flex-start;
}

/* Header / readonly grid — locked credit-note metadata */
.header-grid[b-x9b0l3jc0d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md);
    margin: 0;
}

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

.header-item dt[b-x9b0l3jc0d] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.header-item dd[b-x9b0l3jc0d] {
    margin: 0;
    color: var(--text-primary);
    font-weight: 500;
}

.code-cell[b-x9b0l3jc0d] {
    font-family: var(--font-mono);
    font-weight: 600;
}

.numeric[b-x9b0l3jc0d] {
    font-variant-numeric: tabular-nums;
}

.strong[b-x9b0l3jc0d] {
    font-weight: 600;
}

.doc-link[b-x9b0l3jc0d] {
    color: var(--color-primary);
    text-decoration: none;
}

.doc-link:hover[b-x9b0l3jc0d] {
    text-decoration: underline;
}

/* Calculation summary */
.summary-grid[b-x9b0l3jc0d] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.summary-row[b-x9b0l3jc0d] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--glass-border-subtle);
}

.summary-row dt[b-x9b0l3jc0d] {
    color: var(--text-muted);
}

.summary-row dd[b-x9b0l3jc0d] {
    margin: 0;
    color: var(--text-primary);
}

.summary-row--total[b-x9b0l3jc0d] {
    border-bottom: none;
    border-top: 2px solid var(--glass-border);
    padding-top: var(--space-md);
    margin-top: var(--space-sm);
    font-size: var(--font-size-md);
}

.summary-row--total dt[b-x9b0l3jc0d] {
    color: var(--text-primary);
    font-weight: 600;
}

/* Reason */
.reason-text[b-x9b0l3jc0d] {
    color: var(--text-primary);
    font-style: italic;
    margin: 0;
    line-height: 1.6;
}

/* Linked documents */
.linked-docs[b-x9b0l3jc0d] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.linked-docs li[b-x9b0l3jc0d] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--text-primary);
}

/* Key/value grid for B2G */
.kv-grid[b-x9b0l3jc0d] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

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

.kv-row dt[b-x9b0l3jc0d] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.kv-row dd[b-x9b0l3jc0d] {
    margin: 0;
    color: var(--text-primary);
    text-align: right;
}

@media (max-width: 768px) {
    .header-actions[b-x9b0l3jc0d] {
        width: 100%;
        margin-top: var(--space-md);
    }

    .header-grid[b-x9b0l3jc0d] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .header-grid[b-x9b0l3jc0d] {
        grid-template-columns: 1fr;
    }

    .header-actions[b-x9b0l3jc0d] {
        flex-direction: column;
    }
}
/* /Features/Core/CreditNotes/Pages/CreditNoteList.razor.rz.scp.css */
/* ========================================
   Credit Note List Page
   Component-specific styles only.
   Layout primitives (page-wrapper, filter-card, glass-card) live in app.css.
   AntDesign overrides: overrides.css.
   ======================================== */

.status-tabs[b-hwmaaayevb] {
    margin-bottom: var(--space-md);
}

.credit-notes-table[b-hwmaaayevb] {
    animation: slideUp-b-hwmaaayevb 0.5s ease-out;
}

.code-cell[b-hwmaaayevb] {
    font-family: var(--font-mono);
    font-weight: 600;
    color: var(--text-primary);
}

.partner-cell .partner-name[b-hwmaaayevb] {
    color: var(--text-primary);
    font-weight: 500;
}

.partner-cell .partner-code[b-hwmaaayevb] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.amount-cell[b-hwmaaayevb] {
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    color: var(--text-primary);
}

.empty-description[b-hwmaaayevb] {
    color: var(--text-muted);
    margin-bottom: var(--space-md);
}

.skeleton-row[b-hwmaaayevb] {
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-sm);
}

.pagination-container[b-hwmaaayevb] {
    padding: 0;
    margin-top: var(--space-lg);
    display: flex;
    justify-content: flex-end;
}

@keyframes slideUp-b-hwmaaayevb {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Features/Core/DocumentLocking/Components/EditJustificationModal.razor.rz.scp.css */
/* EditJustificationModal — content classes (.edit-justification-*) are defined
   globally in App/wwwroot/css/app.css. They must be global because AntDesign
   Modal portals body content out of the component subtree, so scoped CSS
   attributes (b-XXXX) never reach the rendered DOM. */
/* /Features/Core/DocumentLocking/Components/LockAuditPanel.razor.rz.scp.css */
.lock-audit-panel[b-wakvxad3jk] {
    padding: 0;
}

.lock-audit-panel__empty[b-wakvxad3jk] {
    color: var(--text-muted);
    font-size: 0.875rem;
    padding: var(--space-sm) 0;
}

.lock-audit-panel__sections[b-wakvxad3jk] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.lock-audit-panel__section[b-wakvxad3jk] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.lock-audit-panel__title[b-wakvxad3jk] {
    font-weight: 600;
    font-size: 0.875rem;
}

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

.lock-audit-panel__row[b-wakvxad3jk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--space-xs) 0;
    border-bottom: 1px solid var(--glass-bg-light);
}

.lock-audit-panel__row:last-child[b-wakvxad3jk] {
    border-bottom: none;
}

.lock-audit-panel__row-meta[b-wakvxad3jk] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.lock-audit-panel__reason[b-wakvxad3jk] {
    color: var(--text-muted);
}

.lock-audit-panel__edit-body[b-wakvxad3jk] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.lock-audit-panel__field[b-wakvxad3jk] {
    display: flex;
    gap: var(--space-sm);
    font-size: 0.875rem;
}

.lock-audit-panel__field-label[b-wakvxad3jk] {
    font-weight: 500;
    min-width: 100px;
    color: var(--text-muted);
}

.lock-audit-panel__diff-table[b-wakvxad3jk] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.lock-audit-panel__diff-table th[b-wakvxad3jk],
.lock-audit-panel__diff-table td[b-wakvxad3jk] {
    padding: var(--space-xs) var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-bg-light);
}

.lock-audit-panel__diff-table th[b-wakvxad3jk] {
    font-weight: 600;
    color: var(--text-muted);
}
/* /Features/Core/DocumentLocking/Components/UnlockModal.razor.rz.scp.css */
/* UnlockModal — content classes (.unlock-body, .unlock-hint, .unlock-counter)
   are defined globally in App/wwwroot/css/app.css. They must be global because
   AntDesign Modal portals body content out of the component subtree, so scoped
   CSS attributes (b-XXXX) never reach the rendered DOM. */
/* /Features/Core/Efakture/Components/SubmissionDetailModal.razor.rz.scp.css */
.job-summary[b-c7rgtirklt] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 16px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    margin-bottom: 16px;
}

.job-summary__item[b-c7rgtirklt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.job-summary__label[b-c7rgtirklt] {
    color: var(--text-secondary);
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.job-summary__value[b-c7rgtirklt] {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 1.05em;
}

.job-summary__value--success[b-c7rgtirklt] {
    color: var(--color-success);
}

.job-summary__value--error[b-c7rgtirklt] {
    color: var(--color-error);
}

.sef-id[b-c7rgtirklt] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85em;
    color: var(--text-secondary);
}

.submission-error[b-c7rgtirklt] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 6px 10px;
    background: var(--color-error-soft);
    color: var(--color-error);
    border-radius: 6px;
    font-size: 0.85em;
}

@media (max-width: 768px) {
    .job-summary[b-c7rgtirklt] {
        gap: 12px;
        padding: 12px;
    }

    .job-summary__item[b-c7rgtirklt] {
        min-width: 45%;
    }
}
/* /Features/Core/Efakture/Pages/EfaktureJobsList.razor.rz.scp.css */
.page-container[b-r1egyhpev1] {
    animation: slideUp 0.5s ease-out;
}

.empty-state[b-r1egyhpev1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 48px 24px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: 12px;
}

.empty-state__icon[b-r1egyhpev1] {
    font-size: 48px;
    color: var(--text-muted);
    margin-bottom: 16px;
}

.empty-state__title[b-r1egyhpev1] {
    color: var(--text-primary);
    font-size: 1.25em;
    font-weight: 600;
    margin: 0 0 8px;
}

.empty-state__description[b-r1egyhpev1] {
    color: var(--text-secondary);
    max-width: 480px;
    margin: 0 0 24px;
    line-height: 1.6;
}

.env-tag[b-r1egyhpev1] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85em;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.count[b-r1egyhpev1] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.count--success[b-r1egyhpev1] {
    color: var(--color-success);
}

.count--error[b-r1egyhpev1] {
    color: var(--color-error);
}

.jobs-table[b-r1egyhpev1] {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 12px;
    overflow: hidden;
}

.pagination-container[b-r1egyhpev1] {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.loading-container[b-r1egyhpev1] {
    display: flex;
    justify-content: center;
    padding: 48px;
}

@media (max-width: 768px) {
    .filter-row[b-r1egyhpev1] {
        flex-direction: column;
        gap: 12px;
    }

    .filter-item[b-r1egyhpev1] {
        width: 100%;
    }

    .empty-state[b-r1egyhpev1] {
        padding: 32px 16px;
    }
}

/* /Features/Core/Finance/BankAccounts/Components/BankAccountSelector.razor.rz.scp.css */
.bank-account-selector-empty[b-bdzmu214pz] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-secondary);
    padding: var(--space-sm);
}
/* /Features/Core/Finance/BankAccounts/Pages/BankAccountDetail.razor.rz.scp.css */
.page-container[b-dyja7mzvfo] {
    animation: pageSlideUp-b-dyja7mzvfo 0.5s ease-out;
}

.balance-cards[b-dyja7mzvfo] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
    margin: var(--space-md) 0;
}

.stat-card[b-dyja7mzvfo] {
    padding: var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    gap: var(--space-md);
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

.stat-card:hover[b-dyja7mzvfo] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.stat-card__icon[b-dyja7mzvfo] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-md);
    background: var(--color-primary-alpha-15);
    color: var(--color-primary);
    font-size: 1.5rem;
}

.stat-card__icon--secondary[b-dyja7mzvfo] {
    background: var(--color-info-soft);
    color: var(--color-info);
}

.stat-card__body[b-dyja7mzvfo] {
    flex: 1;
    min-width: 0;
}

.stat-card__label[b-dyja7mzvfo] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    margin-bottom: var(--space-2xs);
}

.stat-card__value[b-dyja7mzvfo] {
    color: var(--text-primary);
    font-size: var(--font-size-xl);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.stat-card__value--small[b-dyja7mzvfo] {
    font-size: var(--font-size-md);
    font-weight: 500;
    word-break: break-all;
}

.stat-card__value--negative[b-dyja7mzvfo] {
    color: var(--color-error);
}

.stat-card--current .stat-card__value[b-dyja7mzvfo] {
    font-size: var(--font-size-2xl);
}

.table-card[b-dyja7mzvfo] {
    padding: 0;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.balance-cell[b-dyja7mzvfo] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.balance-cell--positive[b-dyja7mzvfo] {
    color: var(--color-success);
}

.balance-cell--negative[b-dyja7mzvfo] {
    color: var(--color-error);
}

.journal-link[b-dyja7mzvfo] {
    color: var(--color-primary);
    cursor: pointer;
    text-decoration: none;
}

.journal-link:hover[b-dyja7mzvfo] {
    text-decoration: underline;
}

.empty-state-card[b-dyja7mzvfo] {
    padding: var(--space-xl);
    text-align: center;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
    margin-top: var(--space-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
}

.empty-state-icon[b-dyja7mzvfo] {
    font-size: 3rem;
    color: var(--text-muted);
}


.empty-state-description[b-dyja7mzvfo] {
    color: var(--text-secondary);
    max-width: 32rem;
    margin: 0;
}

.skeleton-card[b-dyja7mzvfo] {
    padding: var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
    margin-top: var(--space-md);
}

.pagination-container[b-dyja7mzvfo] {
    display: flex;
    justify-content: center;
    margin-top: var(--space-lg);
}

.retry-container[b-dyja7mzvfo] {
    margin-top: var(--space-md);
    display: flex;
    justify-content: center;
}

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

@media (max-width: 768px) {
    .balance-cards[b-dyja7mzvfo] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Finance/BankAccounts/Pages/BankAccountList.razor.rz.scp.css */
.page-container[b-bkxgm7ueh8] {
    animation: pageSlideUp-b-bkxgm7ueh8 0.5s ease-out;
}

.table-card[b-bkxgm7ueh8] {
    padding: 0;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
    margin-top: var(--space-md);
    overflow: hidden;
}

.balance-cell[b-bkxgm7ueh8] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.balance-cell--positive[b-bkxgm7ueh8] {
    color: var(--color-success);
}

.balance-cell--negative[b-bkxgm7ueh8] {
    color: var(--color-error);
}

.empty-state-card[b-bkxgm7ueh8] {
    padding: var(--space-xl);
    text-align: center;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
    margin-top: var(--space-lg);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
}

.empty-state-icon[b-bkxgm7ueh8] {
    font-size: 3rem;
    color: var(--text-muted);
}


.empty-state-description[b-bkxgm7ueh8] {
    color: var(--text-secondary);
    max-width: 32rem;
    margin: 0;
}

.skeleton-card[b-bkxgm7ueh8] {
    padding: var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
    margin-top: var(--space-md);
}

.pagination-container[b-bkxgm7ueh8] {
    display: flex;
    justify-content: center;
    margin-top: var(--space-lg);
}

.retry-container[b-bkxgm7ueh8] {
    margin-top: var(--space-md);
    display: flex;
    justify-content: center;
}

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

@media (max-width: 768px) {
    .empty-state-card[b-bkxgm7ueh8] {
        padding: var(--space-lg);
    }
}
/* /Features/Core/Finance/Banks/Components/BankSelector.razor.rz.scp.css */
.bank-selector-empty[b-x0wgsxrhld] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-secondary);
    padding: var(--space-sm);
}
/* /Features/Core/Finance/Banks/Pages/BankList.razor.rz.scp.css */
.page-container[b-u60tja4xnb] {
    animation: pageSlideUp-b-u60tja4xnb 0.5s ease-out;
}

.bank-grid[b-u60tja4xnb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-md);
    margin-top: var(--space-md);
}

.bank-card[b-u60tja4xnb] {
    padding: var(--space-md);
    cursor: pointer;
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
}

.bank-card:hover[b-u60tja4xnb],
.bank-card:focus-visible[b-u60tja4xnb] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    outline: none;
}

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

.bank-card__name[b-u60tja4xnb] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.bank-card__meta[b-u60tja4xnb] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    margin: 0;
}

.empty-state-card[b-u60tja4xnb] {
    padding: var(--space-xl);
    text-align: center;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
    margin-top: var(--space-lg);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
}

.empty-state-icon[b-u60tja4xnb] {
    font-size: 3rem;
    color: var(--text-muted);
}


.empty-state-description[b-u60tja4xnb] {
    color: var(--text-secondary);
    max-width: 32rem;
    margin: 0;
}

.skeleton-card[b-u60tja4xnb] {
    padding: var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
}

.pagination-container[b-u60tja4xnb] {
    display: flex;
    justify-content: center;
    margin-top: var(--space-lg);
}

.retry-container[b-u60tja4xnb] {
    margin-top: var(--space-md);
    display: flex;
    justify-content: center;
}

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

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

    .bank-card__header[b-u60tja4xnb] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .empty-state-card[b-u60tja4xnb] {
        padding: var(--space-lg);
    }
}
/* /Features/Core/Finance/Journal/Components/JournalLineRow.razor.rz.scp.css */
.journal-line-row[b-bzhf3j6oeu] {
    transition: background 0.2s ease;
}

.journal-line-row--customer[b-bzhf3j6oeu] {
    background: linear-gradient(90deg, rgba(var(--color-accounting-credit-rgb), 0.04) 0%, transparent 60%);
}

.journal-line-row--supplier[b-bzhf3j6oeu] {
    background: linear-gradient(90deg, rgba(var(--color-accounting-debit-rgb), 0.05) 0%, transparent 60%);
}

.konto-toggle[b-bzhf3j6oeu] {
    display: inline-flex;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--glass-bg);
}

.konto-toggle__option[b-bzhf3j6oeu] {
    border: 0;
    padding: 6px 12px;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    font-size: var(--font-size-sm);
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
}

.konto-toggle__option:hover[b-bzhf3j6oeu] {
    color: var(--text-primary);
}

.konto-toggle__option--customer.is-active[b-bzhf3j6oeu] {
    background: rgba(var(--color-accounting-credit-rgb), 0.15);
    color: var(--text-primary);
}

.konto-toggle__option--supplier.is-active[b-bzhf3j6oeu] {
    background: rgba(var(--color-accounting-debit-rgb), 0.18);
    color: var(--text-primary);
}

.col-amount[b-bzhf3j6oeu] {
    width: 140px;
}

.col-ref-number[b-bzhf3j6oeu],
.col-ref-date[b-bzhf3j6oeu] {
    width: 150px;
}

.col-actions[b-bzhf3j6oeu] {
    width: 48px;
    text-align: right;
}

@media (max-width: 768px) {
    .konto-toggle__option[b-bzhf3j6oeu] {
        padding: 4px 8px;
    }
}
/* /Features/Core/Finance/Journal/Pages/JournalCreate.razor.rz.scp.css */
.page-container[b-4in3akwvvi] {
    animation: pageSlideUp-b-4in3akwvvi 0.5s ease-out;
}

.back-button[b-4in3akwvvi] {
    margin-right: var(--space-sm);
}

.error-container[b-4in3akwvvi] {
    margin-bottom: var(--space-md);
}

.create-page[b-4in3akwvvi] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.glass-card[b-4in3akwvvi] {
    padding: var(--space-lg);
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.section-title[b-4in3akwvvi] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    font-weight: 600;
    font-size: var(--font-size-md);
}


/* === Template picker === */

.template-grid[b-4in3akwvvi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
}

.template-card[b-4in3akwvvi] {
    text-align: left;
    padding: var(--space-md);
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    color: inherit;
    font-family: inherit;
}

.template-card:hover[b-4in3akwvvi] {
    transform: translateY(-2px);
    border-color: var(--color-primary);
    box-shadow: 0 8px 22px rgba(var(--color-black-rgb), 0.12);
}

.template-card.is-active[b-4in3akwvvi] {
    border-color: var(--color-primary);
    background: rgba(var(--color-indigo-rgb), 0.08);
    box-shadow: 0 0 0 2px rgba(var(--color-indigo-rgb), 0.25);
}

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

.template-card__check[b-4in3akwvvi] {
    color: var(--color-success);
    font-size: 1.1rem;
}

.template-card__title[b-4in3akwvvi] {
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 2px;
}

.template-card__sub[b-4in3akwvvi] {
    font-size: var(--font-size-sm);
    color: var(--text-muted);
    line-height: 1.35;
}

/* === Header form === */

.header-grid[b-4in3akwvvi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
}

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

.form-item--full[b-4in3akwvvi] {
    grid-column: 1 / -1;
}

.form-item--locked[b-4in3akwvvi] {
    opacity: 0.85;
}

.form-label[b-4in3akwvvi] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.lock-icon[b-4in3akwvvi] {
    color: var(--color-warning);
    font-size: 0.85rem;
}

.required[b-4in3akwvvi] {
    color: var(--color-error);
}

/* === Lines table === */

.lines-empty[b-4in3akwvvi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xl) var(--space-md);
    text-align: center;
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
}

.lines-empty .anticon[b-4in3akwvvi] {
    font-size: 36px;
    color: var(--text-muted);
}

.lines-empty h4[b-4in3akwvvi] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: 500;
}

.lines-empty p[b-4in3akwvvi] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 400px;
}

.line-table-wrapper[b-4in3akwvvi] {
    overflow-x: auto;
}

.line-table[b-4in3akwvvi] {
    width: 100%;
    border-collapse: collapse;
}

.line-table th[b-4in3akwvvi],
.line-table td[b-4in3akwvvi] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.line-table th[b-4in3akwvvi] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.add-line-row[b-4in3akwvvi] {
    margin-top: var(--space-md);
    display: flex;
    justify-content: flex-start;
}

.totals-card[b-4in3akwvvi] {
    margin-top: var(--space-md);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md);
}

.totals-card__item[b-4in3akwvvi] {
    padding: var(--space-md);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    background: var(--glass-bg);
}

.totals-card__item--customer[b-4in3akwvvi] {
    border-left: 4px solid rgba(var(--color-accounting-credit-rgb), 0.7);
}

.totals-card__item--supplier[b-4in3akwvvi] {
    border-left: 4px solid rgba(var(--color-accounting-debit-rgb), 0.7);
}

.totals-card__label[b-4in3akwvvi] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.totals-card__value[b-4in3akwvvi] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

/* === Actions === */

.actions-row[b-4in3akwvvi] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding-top: var(--space-sm);
}

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

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

    .template-grid[b-4in3akwvvi] {
        grid-template-columns: 1fr;
    }

    .glass-card[b-4in3akwvvi] {
        padding: var(--space-md);
    }
}

@media (max-width: 480px) {
    .actions-row[b-4in3akwvvi] {
        flex-direction: column-reverse;
    }

    .actions-row[b-4in3akwvvi]}
/* /Features/Core/Finance/Journal/Pages/JournalDetail.razor.rz.scp.css */
.page-container[b-fsiigg2en5] {
    animation: pageSlideUp-b-fsiigg2en5 0.5s ease-out;
}

.back-button[b-fsiigg2en5] {
    margin-right: var(--space-sm);
}

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

.actions-inline[b-fsiigg2en5] {
    margin-left: auto;
    display: flex;
    gap: var(--space-sm);
}

/* Inter-section spacing — chrome (background, blur, border, padding) is global. */
.heavy-data-section[b-fsiigg2en5] {
    margin-top: var(--space-md);
}

.skeleton-card[b-fsiigg2en5] {
    margin-top: var(--space-md);
}

.section-title[b-fsiigg2en5] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    font-weight: 600;
    font-size: var(--font-size-md);
}


.header-card[b-fsiigg2en5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

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

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

.pill-label[b-fsiigg2en5] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.header-grid--readonly[b-fsiigg2en5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md);
}

.readonly-cell[b-fsiigg2en5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.readonly-cell--full[b-fsiigg2en5] {
    grid-column: 1 / -1;
}

.readonly-label[b-fsiigg2en5] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.readonly-value[b-fsiigg2en5] {
    font-size: var(--font-size-md);
    color: var(--text-primary);
    font-weight: 500;
}

.journal-number-value[b-fsiigg2en5] {
    font-size: var(--font-size-xl);
    font-weight: 700;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.totals-card[b-fsiigg2en5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md);
}

.totals-card__item[b-fsiigg2en5] {
    padding: var(--space-md);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    background: var(--glass-bg);
}

.totals-card__item--customer[b-fsiigg2en5] {
    border-left: 4px solid rgba(var(--color-accounting-credit-rgb), 0.7);
}

.totals-card__item--supplier[b-fsiigg2en5] {
    border-left: 4px solid rgba(var(--color-accounting-debit-rgb), 0.7);
}

.totals-card__label[b-fsiigg2en5] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.totals-card__value[b-fsiigg2en5] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

.line-table-wrapper[b-fsiigg2en5] {
    overflow-x: auto;
}

.line-table[b-fsiigg2en5] {
    width: 100%;
    border-collapse: collapse;
}

.line-table th[b-fsiigg2en5],
.line-table td[b-fsiigg2en5] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.line-table th[b-fsiigg2en5] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.line-table th.num[b-fsiigg2en5],
.line-table td.num[b-fsiigg2en5] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.amount--debit[b-fsiigg2en5] {
    color: rgb(var(--color-accounting-debit-rgb));
    font-weight: 600;
}

.amount--credit[b-fsiigg2en5] {
    color: rgb(var(--color-accounting-credit-rgb));
    font-weight: 600;
}

.muted[b-fsiigg2en5] {
    color: var(--text-muted);
}

.ref-date[b-fsiigg2en5] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.empty-inline[b-fsiigg2en5] {
    color: var(--text-muted);
    text-align: center;
    padding: var(--space-md);
}

.retry-container[b-fsiigg2en5] {
    margin-top: var(--space-md);
    display: flex;
    justify-content: center;
}

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

@media print {
    .actions-inline[b-fsiigg2en5],
    .back-button[b-fsiigg2en5] {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .actions-inline[b-fsiigg2en5] {
        margin-left: 0;
        width: 100%;
    }

    .heavy-data-section[b-fsiigg2en5] {
        padding: var(--space-md);
    }
}
/* /Features/Core/Finance/Journal/Pages/JournalEdit.razor.rz.scp.css */
.page-container[b-kk81zuf4gy] {
    animation: pageSlideUp-b-kk81zuf4gy 0.5s ease-out;
}

.back-button[b-kk81zuf4gy] {
    margin-right: var(--space-sm);
}

.error-container[b-kk81zuf4gy] {
    margin-bottom: var(--space-md);
}

.create-page[b-kk81zuf4gy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

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

.section-title[b-kk81zuf4gy] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    font-weight: 600;
    font-size: var(--font-size-md);
}


.locked-template-row[b-kk81zuf4gy] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.locked-note[b-kk81zuf4gy] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.locked-note .anticon[b-kk81zuf4gy] {
    color: var(--color-warning);
}

.header-grid[b-kk81zuf4gy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
}

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

.form-item--full[b-kk81zuf4gy] {
    grid-column: 1 / -1;
}

.form-item--locked[b-kk81zuf4gy] {
    opacity: 0.85;
}

.form-label[b-kk81zuf4gy] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.lock-icon[b-kk81zuf4gy] {
    color: var(--color-warning);
    font-size: 0.85rem;
}

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

.lines-empty[b-kk81zuf4gy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xl) var(--space-md);
    text-align: center;
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
}

.lines-empty .anticon[b-kk81zuf4gy] {
    font-size: 36px;
    color: var(--text-muted);
}

.lines-empty h4[b-kk81zuf4gy] {
    margin: 0;
    color: var(--text-primary);
}

.lines-empty p[b-kk81zuf4gy] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.line-table-wrapper[b-kk81zuf4gy] {
    overflow-x: auto;
}

.line-table[b-kk81zuf4gy] {
    width: 100%;
    border-collapse: collapse;
}

.line-table th[b-kk81zuf4gy],
.line-table td[b-kk81zuf4gy] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.line-table th[b-kk81zuf4gy] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.add-line-row[b-kk81zuf4gy] {
    margin-top: var(--space-md);
    display: flex;
    justify-content: flex-start;
}

.totals-card[b-kk81zuf4gy] {
    margin-top: var(--space-md);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md);
}

.totals-card__item[b-kk81zuf4gy] {
    padding: var(--space-md);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    background: var(--glass-bg);
}

.totals-card__item--customer[b-kk81zuf4gy] {
    border-left: 4px solid rgba(var(--color-accounting-credit-rgb), 0.7);
}

.totals-card__item--supplier[b-kk81zuf4gy] {
    border-left: 4px solid rgba(var(--color-accounting-debit-rgb), 0.7);
}

.totals-card__label[b-kk81zuf4gy] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.totals-card__value[b-kk81zuf4gy] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

.actions-row[b-kk81zuf4gy] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding-top: var(--space-sm);
}

.empty-inline[b-kk81zuf4gy] {
    color: var(--text-muted);
    text-align: center;
    padding: var(--space-md);
    margin-top: var(--space-md);
}

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

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

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

@media (max-width: 480px) {
    .actions-row[b-kk81zuf4gy] {
        flex-direction: column-reverse;
    }

    .actions-row[b-kk81zuf4gy]}
/* /Features/Core/Finance/Journal/Pages/JournalList.razor.rz.scp.css */
.page-container[b-tzl18a1b4j] {
    animation: pageSlideUp-b-tzl18a1b4j 0.5s ease-out;
}

.table-card[b-tzl18a1b4j] {
    padding: 0;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
    margin-top: var(--space-md);
    overflow: hidden;
}

.amount-cell[b-tzl18a1b4j] {
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

.journal-link[b-tzl18a1b4j] {
    color: var(--color-primary);
    font-weight: 600;
    cursor: pointer;
}

.journal-link:hover[b-tzl18a1b4j] {
    text-decoration: underline;
}

.flag-icon[b-tzl18a1b4j] {
    font-size: 1rem;
}

.flag-icon--auto[b-tzl18a1b4j] {
    color: var(--color-info);
}

.flag-icon--locked[b-tzl18a1b4j] {
    color: var(--color-warning);
}

.empty-state-card[b-tzl18a1b4j] {
    padding: var(--space-xl);
    text-align: center;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
    margin-top: var(--space-lg);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
}

.empty-state-icon[b-tzl18a1b4j] {
    font-size: 3rem;
    color: var(--text-muted);
}

.empty-state-description[b-tzl18a1b4j] {
    color: var(--text-secondary);
    max-width: 32rem;
    margin: 0;
}

.skeleton-card[b-tzl18a1b4j] {
    padding: var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(24px);
    border-radius: var(--radius-md);
    margin-top: var(--space-md);
}

.pagination-container[b-tzl18a1b4j] {
    display: flex;
    justify-content: center;
    margin-top: var(--space-lg);
}

.retry-container[b-tzl18a1b4j] {
    margin-top: var(--space-md);
    display: flex;
    justify-content: center;
}

.filter-item--templates[b-tzl18a1b4j] {
    min-width: 240px;
    flex-grow: 2;
}

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

@media (max-width: 768px) {
    .empty-state-card[b-tzl18a1b4j] {
        padding: var(--space-lg);
    }
}

@media (max-width: 480px) {
    .filter-item--templates[b-tzl18a1b4j] {
        min-width: 0;
    }
}
/* /Features/Core/Finance/OpeningBalance/Pages/OpeningBalancePage.razor.rz.scp.css */
.page-container[b-2n82d0tnwb] {
    animation: pageSlideUp-b-2n82d0tnwb 0.5s ease-out;
}

.error-container[b-2n82d0tnwb] {
    margin-bottom: var(--space-md);
}

.glass-card[b-2n82d0tnwb] {
    padding: var(--space-lg);
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    margin-top: var(--space-md);
}

.skeleton-card[b-2n82d0tnwb] {
    margin-top: var(--space-md);
}

.section-title[b-2n82d0tnwb] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    font-weight: 600;
    font-size: var(--font-size-md);
}


.lines-empty[b-2n82d0tnwb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xl) var(--space-md);
    text-align: center;
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
}

.lines-empty .anticon[b-2n82d0tnwb] {
    font-size: 36px;
    color: var(--text-muted);
}

.lines-empty h4[b-2n82d0tnwb] {
    margin: 0;
    color: var(--text-primary);
}

.lines-empty p[b-2n82d0tnwb] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 380px;
}

.line-table-wrapper[b-2n82d0tnwb] {
    overflow-x: auto;
}

.line-table[b-2n82d0tnwb] {
    width: 100%;
    border-collapse: collapse;
}

.line-table th[b-2n82d0tnwb],
.line-table td[b-2n82d0tnwb] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.line-table th[b-2n82d0tnwb] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.line-table .col-amount[b-2n82d0tnwb] {
    width: 180px;
}

.line-table .col-konto[b-2n82d0tnwb] {
    width: 200px;
}

.line-table .col-actions[b-2n82d0tnwb] {
    width: 48px;
    text-align: right;
}

.row--customer[b-2n82d0tnwb] {
    background: linear-gradient(90deg, rgba(var(--color-accounting-credit-rgb), 0.04) 0%, transparent 60%);
}

.row--supplier[b-2n82d0tnwb] {
    background: linear-gradient(90deg, rgba(var(--color-accounting-debit-rgb), 0.05) 0%, transparent 60%);
}

.konto-toggle[b-2n82d0tnwb] {
    display: inline-flex;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--glass-bg);
}

.konto-toggle__option[b-2n82d0tnwb] {
    border: 0;
    padding: 6px 12px;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    font-size: var(--font-size-sm);
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
}

.konto-toggle__option:hover:not(:disabled)[b-2n82d0tnwb] {
    color: var(--text-primary);
}

.konto-toggle__option:disabled[b-2n82d0tnwb] {
    cursor: not-allowed;
    opacity: 0.6;
}

.konto-toggle__option--customer.is-active[b-2n82d0tnwb] {
    background: rgba(var(--color-accounting-credit-rgb), 0.15);
    color: var(--text-primary);
}

.konto-toggle__option--supplier.is-active[b-2n82d0tnwb] {
    background: rgba(var(--color-accounting-debit-rgb), 0.18);
    color: var(--text-primary);
}

.add-line-row[b-2n82d0tnwb] {
    margin-top: var(--space-md);
    display: flex;
    justify-content: flex-start;
}

.totals-card[b-2n82d0tnwb] {
    margin-top: var(--space-md);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md);
}

.totals-card__item[b-2n82d0tnwb] {
    padding: var(--space-md);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    background: var(--glass-bg);
}

.totals-card__item--customer[b-2n82d0tnwb] {
    border-left: 4px solid rgba(var(--color-accounting-credit-rgb), 0.7);
}

.totals-card__item--supplier[b-2n82d0tnwb] {
    border-left: 4px solid rgba(var(--color-accounting-debit-rgb), 0.7);
}

.totals-card__label[b-2n82d0tnwb] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.totals-card__value[b-2n82d0tnwb] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--text-primary);
}

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

@keyframes pageSlideUp-b-2n82d0tnwb {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .glass-card[b-2n82d0tnwb] {
        padding: var(--space-md);
    }

    .line-table .col-konto[b-2n82d0tnwb] {
        width: auto;
    }
}

/* /Features/Core/Finance/Transfer/Components/AutoScheduleModal.razor.rz.scp.css */
.modal-body[b-l6rrny4knu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.modal-intro[b-l6rrny4knu] {
    color: var(--text-muted);
    margin: 0;
}

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

.form-row--horizontal[b-l6rrny4knu] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.form-label[b-l6rrny4knu] {
    font-size: 0.875rem;
    color: var(--text-muted);
}
/* /Features/Core/Finance/Transfer/Components/ResolveBulkConflictsModal.razor.rz.scp.css */
.bulk-body[b-v4kmfh0ht7] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.bulk-intro[b-v4kmfh0ht7] {
    color: var(--text-muted);
    margin: 0;
}

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

.form-label[b-v4kmfh0ht7] {
    font-size: 0.875rem;
    color: var(--text-muted);
}
/* /Features/Core/Finance/Transfer/Components/ResolveConflictModal.razor.rz.scp.css */
.resolve-body[b-wueqxo9qsm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.resolve-row[b-wueqxo9qsm] {
    display: flex;
    align-items: baseline;
    gap: var(--space-sm);
}

.resolve-label[b-wueqxo9qsm] {
    font-size: 0.875rem;
    color: var(--text-muted);
    min-width: 160px;
    flex-shrink: 0;
}

.diff-positive[b-wueqxo9qsm] {
    color: var(--color-success);
    font-weight: 500;
}

.diff-negative[b-wueqxo9qsm] {
    color: var(--color-error);
    font-weight: 500;
}
/* /Features/Core/Finance/Transfer/Components/RunTransferModal.razor.rz.scp.css */
.modal-body[b-gslodm861w] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.modal-intro[b-gslodm861w] {
    color: var(--text-muted);
    margin: 0;
}

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

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

.form-hint[b-gslodm861w] {
    color: var(--text-faint);
    font-size: 0.875rem;
    margin: 0;
}
/* /Features/Core/Finance/Transfer/Components/WorkerExplanationPanel.razor.rz.scp.css */
.worker-explanation[b-hhidhh4hsa] {
    padding: var(--space-md);
    background: var(--glass-bg);
    border-left: 3px solid var(--color-info);
    border-radius: var(--radius-sm);
    margin: var(--space-sm) 0;
}

.worker-explanation--muted[b-hhidhh4hsa] {
    border-left-color: var(--color-border);
    color: var(--color-text-secondary);
    font-style: italic;
}

.worker-explanation__title[b-hhidhh4hsa] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    margin: 0 0 var(--space-sm) 0;
    font-size: var(--font-size-md);
    font-weight: 600;
}

.worker-explanation__list[b-hhidhh4hsa] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--space-xs) var(--space-md);
    margin: 0;
}

.worker-explanation__list dt[b-hhidhh4hsa] {
    font-weight: 600;
    color: var(--color-text-secondary);
}

.worker-explanation__list dd[b-hhidhh4hsa] {
    margin: 0;
}

.worker-explanation__when[b-hhidhh4hsa] {
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    margin-left: var(--space-xs);
}

.worker-explanation__changes[b-hhidhh4hsa] {
    margin-top: var(--space-sm);
}

.worker-explanation__changes summary[b-hhidhh4hsa] {
    cursor: pointer;
    font-weight: 600;
    padding: var(--space-xs) 0;
}

.field-changes-table[b-hhidhh4hsa] {
    width: 100%;
    border-collapse: collapse;
    margin-top: var(--space-sm);
    font-size: var(--font-size-sm);
}

.field-changes-table th[b-hhidhh4hsa],
.field-changes-table td[b-hhidhh4hsa] {
    padding: var(--space-xs) var(--space-sm);
    border-bottom: 1px solid var(--color-border);
    text-align: left;
}

.field-changes-table th[b-hhidhh4hsa] {
    font-weight: 600;
    background: var(--color-surface-2);
}

@media (max-width: 480px) {
    .worker-explanation__list[b-hhidhh4hsa] {
        grid-template-columns: 1fr;
    }

    .worker-explanation__list dt[b-hhidhh4hsa] {
        margin-top: var(--space-xs);
    }
}
/* /Features/Core/Finance/Transfer/Pages/TransferIndex.razor.rz.scp.css */
.page-container[b-r371urbxjc] {
    animation: pageSlideUp 0.5s ease-out;
}

.page-header__title-row[b-r371urbxjc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-md);
}

.page-header__actions[b-r371urbxjc] {
    display: flex;
    gap: var(--space-sm);
}

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

.stat-value--small[b-r371urbxjc] {
    font-size: 1rem;
    font-weight: 500;
}

.text-faint[b-r371urbxjc] {
    color: var(--text-faint);
}

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

.pagination-container[b-r371urbxjc] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-md);
}
/* /Features/Core/Finance/Transfer/Pages/TransferJobDetail.razor.rz.scp.css */
.page-container[b-atsc0dq9zb] {
    animation: slideUp 0.5s ease-out;
}

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

.back-button[b-atsc0dq9zb] {
    padding: 0;
}

.detail-stat-grid[b-atsc0dq9zb] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

.actions-row[b-atsc0dq9zb] {
    display: flex;
    justify-content: flex-end;
    padding: var(--space-sm) 0;
    margin-bottom: var(--space-sm);
}

.page-loading[b-atsc0dq9zb] {
    display: flex;
    justify-content: center;
    padding: var(--space-xl);
}

[b-atsc0dq9zb] .row-resolved {
    opacity: 0.6;
}

@media (max-width: 768px) {
    .detail-stat-grid[b-atsc0dq9zb] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .detail-stat-grid[b-atsc0dq9zb] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Invoices/Components/CalculationSummary.razor.rz.scp.css */
.calc-summary[b-n1xaqkz1qb] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.summary-table[b-n1xaqkz1qb] {
    border-collapse: collapse;
    min-width: 320px;
    max-width: 480px;
    width: 100%;
}

.summary-table td[b-n1xaqkz1qb] {
    padding: var(--space-sm) var(--space-md-sm);
}

.summary-table .label[b-n1xaqkz1qb] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.summary-table .value[b-n1xaqkz1qb] {
    color: var(--text-primary);
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

.summary-table .value.negative[b-n1xaqkz1qb] {
    color: var(--color-error);
}

.summary-table .row--strong td[b-n1xaqkz1qb] {
    border-top: 1px solid var(--glass-border);
    font-weight: 600;
}

.summary-table .row--strong .label[b-n1xaqkz1qb],
.summary-table .row--strong .value[b-n1xaqkz1qb] {
    color: var(--text-primary);
}

.summary-table .row--total td[b-n1xaqkz1qb] {
    border-top: 2px solid var(--text-primary);
    padding-top: var(--space-md-sm);
    font-size: var(--font-size-lg);
    font-weight: 700;
}

.summary-table .row--total .value[b-n1xaqkz1qb] {
    color: var(--text-primary);
}
/* /Features/Core/Invoices/Pages/InvoiceDetail.razor.rz.scp.css */
.page-container[b-h80i6i6y2a] {
    animation: slideUp-b-h80i6i6y2a 0.5s ease-out;
}

.detail-page[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.header-card[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.header-summary[b-h80i6i6y2a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.header-pill[b-h80i6i6y2a] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
}

.pill-label[b-h80i6i6y2a] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.payment-reference[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-bg-light);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.payment-reference__label[b-h80i6i6y2a] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.payment-reference__value[b-h80i6i6y2a] {
    font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    letter-spacing: 0.02em;
}

.header-grid--readonly[b-h80i6i6y2a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-sm);
}

.readonly-cell[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.readonly-label[b-h80i6i6y2a] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.readonly-value[b-h80i6i6y2a] {
    color: var(--text-primary);
    font-size: var(--font-size-sm);
}

.invoice-code-value[b-h80i6i6y2a] {
    font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
    font-weight: 600;
}

.doc-link[b-h80i6i6y2a] {
    color: var(--color-primary);
    text-decoration: none;
}

.doc-link:hover[b-h80i6i6y2a] {
    text-decoration: underline;
}

.section-title[b-h80i6i6y2a] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

.product-code[b-h80i6i6y2a] {
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-secondary);
    font-size: var(--font-size-xs);
}

.numeric[b-h80i6i6y2a] {
    font-variant-numeric: tabular-nums;
}

.numeric.strong[b-h80i6i6y2a] {
    font-weight: 600;
    color: var(--text-primary);
}

.calc-card[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
}

.actions-row[b-h80i6i6y2a] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.back-button[b-h80i6i6y2a] {
    margin-right: var(--space-sm);
}

.hint[b-h80i6i6y2a] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    margin: var(--space-sm) 0 0 0;
}

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

.efakture-timeline .timeline-list[b-h80i6i6y2a] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.timeline-row[b-h80i6i6y2a] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 14px;
    background: var(--glass-bg-light);
    border: 1px solid var(--glass-border);
    border-radius: 8px;
}

.timeline-row__main[b-h80i6i6y2a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.timeline-row__time[b-h80i6i6y2a] {
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-secondary);
    font-size: 0.9em;
    min-width: 140px;
}

.timeline-row__error[b-h80i6i6y2a] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 6px 10px;
    background: var(--color-error-bg);
    color: var(--color-error);
    border-radius: 6px;
    font-size: 0.85em;
}

.timeline-row__actions[b-h80i6i6y2a] {
    display: flex;
    gap: 16px;
    font-size: 0.85em;
}

.timeline-row__actions a[b-h80i6i6y2a] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--color-primary);
    text-decoration: none;
}

.timeline-row__actions a:hover[b-h80i6i6y2a] {
    text-decoration: underline;
}

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

    .actions-row[b-h80i6i6y2a] {
        flex-direction: column-reverse;
    }

    .actions-row > *[b-h80i6i6y2a] {
        width: 100%;
    }

    .actions-row[b-h80i6i6y2a]  button {
        min-height: 44px;
    }

    .payment-reference__value[b-h80i6i6y2a] {
        font-size: var(--font-size-lg);
    }

    .timeline-row__time[b-h80i6i6y2a] {
        min-width: 0;
        width: 100%;
    }

    .timeline-row__actions[b-h80i6i6y2a] {
        flex-wrap: wrap;
    }
}
/* /Features/Core/Invoices/Pages/InvoiceList.razor.rz.scp.css */
.page-container[b-t1lmi7r20m] {
    animation: slideUp-b-t1lmi7r20m 0.5s ease-out;
}

.status-tabs[b-t1lmi7r20m] {
    margin-bottom: var(--space-md-sm);
}


.filter-row[b-t1lmi7r20m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md-sm);
    align-items: end;
}

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

.filter-item--wide[b-t1lmi7r20m] {
    grid-column: span 2;
}

.filter-item--actions[b-t1lmi7r20m] {
    align-self: end;
}

.filter-label[b-t1lmi7r20m] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.empty-state[b-t1lmi7r20m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md-sm);
    padding: var(--space-xl) var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    text-align: center;
    animation: fadeIn-b-t1lmi7r20m 0.4s ease-out;
}

.empty-state .anticon[b-t1lmi7r20m] {
    font-size: 48px;
    color: var(--text-faint);
}

.empty-state h3[b-t1lmi7r20m] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-lg);
    font-weight: 500;
}

.empty-state p[b-t1lmi7r20m] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 380px;
}

.skeleton-row[b-t1lmi7r20m] {
    padding: var(--space-md-sm) var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-sm);
}

.invoice-code[b-t1lmi7r20m] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    color: var(--text-primary);
}

.partner-cell .partner-name[b-t1lmi7r20m] {
    color: var(--text-primary);
    font-weight: 500;
}

.partner-cell .partner-code[b-t1lmi7r20m] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.amount-cell[b-t1lmi7r20m] {
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    color: var(--text-primary);
}

.pagination-container[b-t1lmi7r20m] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-md-sm);
}

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

@keyframes fadeIn-b-t1lmi7r20m {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}@media (max-width: 768px) {
    .filter-row[b-t1lmi7r20m] {
        grid-template-columns: 1fr;
    }

    .filter-item--wide[b-t1lmi7r20m] {
        grid-column: span 1;
    }}

@media (max-width: 480px) {
    .empty-state .anticon[b-t1lmi7r20m] {
        font-size: 40px;
    }

    .empty-state h3[b-t1lmi7r20m] {
        font-size: var(--font-size-md);
    }
}
/* /Features/Core/PriceCalculations/Components/PriceCalculationStatusBadge.razor.rz.scp.css */
.pc-status-badge[b-ghyx3z5j2v] {
    font-weight: 500;
    font-size: var(--font-size-xs);
}
/* /Features/Core/PriceCalculations/Pages/PriceCalculationDetail.razor.rz.scp.css */
/* ========================================
   Price Calculation Detail Page
   ======================================== */

.glass-card[b-dzbtq8jd5g] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.loading-container[b-dzbtq8jd5g] {
    padding: var(--space-xl) 0;
}

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

.back-button[b-dzbtq8jd5g] {
    margin-right: var(--space-sm);
}

.number-badge[b-dzbtq8jd5g] {
    font-family: var(--font-mono);
}

.voided-banner[b-dzbtq8jd5g] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-lg);
    margin-bottom: var(--space-lg);
    border-left: 4px solid var(--color-error);
    color: var(--text-primary);
}

.voided-banner[b-dzbtq8jd5g]  .anticon {
    color: var(--color-error);
    font-size: 1.25rem;
}

/* Header card */
.header-card[b-dzbtq8jd5g] {
    padding: var(--space-lg);
    margin-bottom: var(--space-lg);
}

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

.header-field[b-dzbtq8jd5g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.header-label[b-dzbtq8jd5g] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

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

.header-value.muted[b-dzbtq8jd5g] {
    color: var(--text-muted);
}

.header-link[b-dzbtq8jd5g] {
    color: var(--color-primary);
    cursor: pointer;
    font-family: var(--font-mono);
    font-size: 0.9375rem;
    text-decoration: none;
}

.header-link:hover[b-dzbtq8jd5g] {
    text-decoration: underline;
}

/* Lines card */
.lines-card[b-dzbtq8jd5g] {
    padding: var(--space-md) var(--space-lg) var(--space-lg);
    margin-bottom: var(--space-lg);
}

.vat-group-count[b-dzbtq8jd5g] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin-left: var(--space-sm);
}

.product-cell[b-dzbtq8jd5g] {
    display: flex;
    flex-direction: column;
}

.product-name[b-dzbtq8jd5g] {
    color: var(--text-primary);
    font-size: 0.875rem;
}

.product-code[b-dzbtq8jd5g] {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    color: var(--text-muted);
}

.num-cell[b-dzbtq8jd5g] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    color: var(--text-primary);
}

.num-cell.strong[b-dzbtq8jd5g] {
    font-weight: 600;
}

.margin-cell[b-dzbtq8jd5g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cap-tag[b-dzbtq8jd5g] {
    align-self: flex-start;
    font-size: 0.6875rem !important;
}

.vat-group-subtotal[b-dzbtq8jd5g] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--space-lg);
    padding: var(--space-md) 0 0;
    margin-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}

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

.subtotal-label[b-dzbtq8jd5g] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.subtotal-value[b-dzbtq8jd5g] {
    font-family: var(--font-mono);
    font-size: 0.875rem;
    color: var(--text-primary);
}

.subtotal-value.strong[b-dzbtq8jd5g] {
    font-weight: 600;
}

/* Totals card */
.totals-card[b-dzbtq8jd5g] {
    padding: var(--space-lg);
    margin-bottom: var(--space-lg);
}

.totals-grid[b-dzbtq8jd5g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md);
}

.total-item[b-dzbtq8jd5g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md);
    background: var(--glass-bg-light);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
}

.total-item--grand[b-dzbtq8jd5g] {
    border-color: var(--color-primary);
    background: var(--glass-bg);
}

.total-label[b-dzbtq8jd5g] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.total-value[b-dzbtq8jd5g] {
    font-family: var(--font-mono);
    font-size: 1.125rem;
    color: var(--text-primary);
    font-weight: 600;
}

.total-item--grand .total-value[b-dzbtq8jd5g] {
    color: var(--color-primary);
}

/* Actions */
.actions-container[b-dzbtq8jd5g] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding-top: var(--space-md);
}

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

    .totals-grid[b-dzbtq8jd5g] {
        grid-template-columns: 1fr 1fr;
    }

    .vat-group-subtotal[b-dzbtq8jd5g] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-sm);
    }
}

@media (max-width: 480px) {
    .totals-grid[b-dzbtq8jd5g] {
        grid-template-columns: 1fr;
    }

    .actions-container[b-dzbtq8jd5g] {
        flex-direction: column-reverse;
    }
}
/* /Features/Core/PriceCalculations/Pages/PriceCalculationList.razor.rz.scp.css */
/* ========================================
   Price Calculation List Page
   ======================================== */

.glass-card[b-588lydwz75] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.filter-card[b-588lydwz75] {
    padding: var(--space-md) var(--space-lg);
    margin-bottom: var(--space-lg);
}

.filter-row[b-588lydwz75] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    align-items: end;
}

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

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

.filter-label[b-588lydwz75] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    font-weight: 500;
}

.table-card[b-588lydwz75] {
    padding: var(--space-md);
}

.link-cell[b-588lydwz75] {
    color: var(--color-primary);
    cursor: pointer;
    font-family: var(--font-mono);
    text-decoration: none;
}

.link-cell:hover[b-588lydwz75] {
    text-decoration: underline;
}

.source-cell[b-588lydwz75] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.amount-cell[b-588lydwz75] {
    font-family: var(--font-mono);
    font-size: 0.875rem;
    color: var(--text-primary);
    font-weight: 600;
}

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

.empty-state__icon[b-588lydwz75] {
    font-size: 3rem;
    color: var(--text-muted);
}

.empty-state__title[b-588lydwz75] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    color: var(--text-primary);
    margin: 0;
}

.empty-state__description[b-588lydwz75] {
    color: var(--text-muted);
    margin: 0;
    max-width: 480px;
}

.loading-container[b-588lydwz75] {
    padding: var(--space-xl) 0;
}

.retry-container[b-588lydwz75] {
    margin-top: var(--space-lg);
}

.pagination-container[b-588lydwz75] {
    padding-top: var(--space-md);
}

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

    .filter-item--search[b-588lydwz75] {
        min-width: 0;
    }
}

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

    .table-card[b-588lydwz75] {
        padding: var(--space-xs);
    }
}
/* /Features/Core/Products/Components/BulkPriceUpdateModal.razor.rz.scp.css */
/* Selected count badge */
.selected-count[b-reuymut4lv] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin-bottom: var(--space-md);
    padding: var(--space-xs) var(--space-sm);
    background: var(--glass-bg);
    border-radius: var(--radius-sm);
    border: 1px solid var(--glass-border);
}

/* Modal footer */
.modal-footer[b-reuymut4lv] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}

/* Preview table styling moved to overrides.css (.preview-table .ant-table* rules) */

/* Code column monospace */
.code-cell[b-reuymut4lv] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

/* Price cells */
.price-cell[b-reuymut4lv] {
    display: block;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.price-error[b-reuymut4lv] {
    color: var(--color-error) !important;
    font-weight: 600;
}

.price-increase[b-reuymut4lv] {
    color: var(--color-success);
}

.price-decrease[b-reuymut4lv] {
    color: var(--color-warning);
}
/* /Features/Core/Products/Pages/ProductDetail.razor.rz.scp.css */
/* ========================================
   Product Detail Page - Dark Glassmorphism
   Component-specific styles only.
   ======================================== */

/* Loading Container */
.loading-container[b-amnnczdq1o] {
    padding: var(--space-xl) 0;
}

/* Glass Card Sections — entry animation only; base styling from app.css */
.glass-card[b-amnnczdq1o] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

/* Product Code Badge */
.product-code[b-amnnczdq1o] {
    font-family: var(--font-mono);
    font-size: 0.875rem;
    color: var(--text-muted);
    margin-right: var(--space-sm);
}

/* Tab Content */
.tab-content[b-amnnczdq1o] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding-top: var(--space-lg);
}

/* Tab Actions Bar */
.tab-actions[b-amnnczdq1o] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-md);
}

/* Schedule Price Action */
.schedule-price-action[b-amnnczdq1o] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-sm);
}

/* Error Container */
.error-container[b-amnnczdq1o] {
    margin-bottom: var(--space-lg);
}

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

/* Pagination — tighter top padding than global */
.pagination-container[b-amnnczdq1o] {
    padding-top: var(--space-md);
}

/* Responsive */
@media (max-width: 576px) {
    .tab-actions[b-amnnczdq1o] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/Products/Pages/ProductList.razor.rz.scp.css */
/* ========================================
   Product List Page - Dark Glassmorphism
   Component-specific styles only.
   AntDesign overrides: overrides.css
   ======================================== */

.products-table[b-76ns35ctxi] {
    animation: slideUp 0.5s ease-out;
}

/* Code column monospace */
.code-cell[b-76ns35ctxi] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

/* Price column right-aligned */
.price-cell[b-76ns35ctxi] {
    display: block;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Empty description below title */
.empty-description[b-76ns35ctxi] {
    color: var(--text-muted);
    margin-bottom: var(--space-md);
}

/* Pagination */
.pagination-container[b-76ns35ctxi] {
    padding: 0;
    margin-top: var(--space-lg);
}

/* Retry Container — extra top margin (global has --space-md) */
.retry-container[b-76ns35ctxi] {
    margin-top: var(--space-lg);
}
/* /Features/Core/PurchaseReceipts/Pages/PurchaseReceiptCreate.razor.rz.scp.css */
.page-container[b-j2snz6uvzj] {
    animation: slideUp-b-j2snz6uvzj 0.5s ease-out;
}

.back-button[b-j2snz6uvzj] {
    margin-right: var(--space-sm);
}

.error-container[b-j2snz6uvzj] {
    margin-bottom: var(--space-md-sm);
}

.create-page[b-j2snz6uvzj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.glass-card[b-j2snz6uvzj] {
    padding: var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.section-title[b-j2snz6uvzj] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md-sm);
    color: var(--text-primary);
    font-weight: 600;
    font-size: var(--font-size-md);
}


.header-grid[b-j2snz6uvzj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md-sm);
}

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

.form-item--full[b-j2snz6uvzj] {
    grid-column: 1 / -1;
}

.form-label[b-j2snz6uvzj] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

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

.lines-empty[b-j2snz6uvzj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-lg) var(--space-md);
    text-align: center;
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    animation: fadeIn-b-j2snz6uvzj 0.4s ease-out;
}

.lines-empty .anticon[b-j2snz6uvzj] {
    font-size: 36px;
    color: var(--text-faint);
}

.lines-empty h4[b-j2snz6uvzj] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: 500;
}

.lines-empty p[b-j2snz6uvzj] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 380px;
}

.line-table[b-j2snz6uvzj] {
    width: 100%;
    border-collapse: collapse;
}

.line-table th[b-j2snz6uvzj],
.line-table td[b-j2snz6uvzj] {
    padding: var(--space-sm) var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.line-table th[b-j2snz6uvzj] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.line-table tfoot td[b-j2snz6uvzj] {
    border-bottom: none;
    border-top: 2px solid var(--glass-border);
    font-weight: 500;
    color: var(--text-primary);
}

.line-table .col-qty[b-j2snz6uvzj],
.line-table .col-price[b-j2snz6uvzj],
.line-table .col-total[b-j2snz6uvzj] {
    width: 140px;
}

.line-table .col-actions[b-j2snz6uvzj] {
    width: 48px;
    text-align: right;
}

.line-table td.num[b-j2snz6uvzj] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.line-table td.num.strong[b-j2snz6uvzj] {
    font-weight: 600;
    color: var(--text-primary);
}

.add-line-row[b-j2snz6uvzj] {
    margin-top: var(--space-md-sm);
    display: flex;
    justify-content: flex-start;
}

.actions-row[b-j2snz6uvzj] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding-top: var(--space-sm);
}

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

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

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

    .line-table[b-j2snz6uvzj] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .line-table .col-qty[b-j2snz6uvzj],
    .line-table .col-price[b-j2snz6uvzj],
    .line-table .col-total[b-j2snz6uvzj] {
        width: 120px;
    }
}

@media (max-width: 480px) {
    .actions-row[b-j2snz6uvzj] {
        flex-direction: column;
    }

    .actions-row > *[b-j2snz6uvzj] {
        width: 100%;
    }

    .lines-empty .anticon[b-j2snz6uvzj] {
        font-size: 32px;
    }
}
/* /Features/Core/PurchaseReceipts/Pages/PurchaseReceiptDetail.razor.rz.scp.css */
.page-container[b-xcbyxilzyx] {
    animation: slideUp-b-xcbyxilzyx 0.5s ease-out;
}

.back-button[b-xcbyxilzyx] {
    margin-right: var(--space-sm);
}

.detail-page[b-xcbyxilzyx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.glass-card[b-xcbyxilzyx] {
    padding: var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.section-title[b-xcbyxilzyx] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md-sm);
    color: var(--text-primary);
    font-weight: 600;
    font-size: var(--font-size-md);
}


.header-summary[b-xcbyxilzyx] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md-sm);
    margin-bottom: var(--space-md-sm);
    padding-bottom: var(--space-md-sm);
    border-bottom: 1px solid var(--glass-border);
}

.header-pill[b-xcbyxilzyx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.pill-label[b-xcbyxilzyx] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.header-grid--readonly[b-xcbyxilzyx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md-sm);
}

.readonly-cell[b-xcbyxilzyx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.readonly-label[b-xcbyxilzyx] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.readonly-value[b-xcbyxilzyx] {
    font-size: var(--font-size-sm);
    color: var(--text-primary);
}

.receipt-number-value[b-xcbyxilzyx] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
}

.metadata-grid[b-xcbyxilzyx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md-sm);
}

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

.form-label[b-xcbyxilzyx] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.line-table[b-xcbyxilzyx] {
    width: 100%;
    border-collapse: collapse;
}

.line-table th[b-xcbyxilzyx],
.line-table td[b-xcbyxilzyx] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.line-table th[b-xcbyxilzyx] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.line-table tfoot td[b-xcbyxilzyx] {
    border-bottom: none;
    border-top: 2px solid var(--glass-border);
    font-weight: 500;
    color: var(--text-primary);
}

.line-table .footer-label[b-xcbyxilzyx] {
    text-align: right;
    color: var(--text-muted);
}

.line-table .col-qty[b-xcbyxilzyx],
.line-table .col-price[b-xcbyxilzyx],
.line-table .col-total[b-xcbyxilzyx] {
    width: 140px;
}

.line-table td.num[b-xcbyxilzyx] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.line-table td.num.strong[b-xcbyxilzyx] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: var(--font-size-md);
}

.product-cell[b-xcbyxilzyx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.product-cell .product-code[b-xcbyxilzyx] {
    font-family: 'JetBrains Mono', monospace;
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.product-cell .product-name[b-xcbyxilzyx] {
    color: var(--text-primary);
    font-weight: 500;
}

.actions-row[b-xcbyxilzyx] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding-top: var(--space-sm);
}

.not-found[b-xcbyxilzyx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md-sm);
    padding: var(--space-xl) var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    text-align: center;
    animation: fadeIn-b-xcbyxilzyx 0.4s ease-out;
}

.not-found .anticon[b-xcbyxilzyx] {
    font-size: 48px;
    color: var(--text-faint);
}

.not-found h3[b-xcbyxilzyx] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-lg);
    font-weight: 500;
}

.not-found p[b-xcbyxilzyx] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 380px;
}

.price-input-row[b-xcbyxilzyx] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.currency-suffix[b-xcbyxilzyx] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    white-space: nowrap;
}

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

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

@media (max-width: 768px) {
    .header-grid--readonly[b-xcbyxilzyx],
    .metadata-grid[b-xcbyxilzyx] {
        grid-template-columns: 1fr;
    }

    .line-table[b-xcbyxilzyx] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    .actions-row[b-xcbyxilzyx] {
        flex-direction: column;
    }

    .actions-row > *[b-xcbyxilzyx] {
        width: 100%;
    }

    .not-found .anticon[b-xcbyxilzyx] {
        font-size: 40px;
    }
}
/* /Features/Core/PurchaseReceipts/Pages/PurchaseReceiptList.razor.rz.scp.css */
.page-container[b-s9y4t8tc0g] {
    animation: slideUp-b-s9y4t8tc0g 0.5s ease-out;
}


.filter-row[b-s9y4t8tc0g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md-sm);
    align-items: end;
}

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

.filter-item--wide[b-s9y4t8tc0g] {
    grid-column: span 2;
}

.filter-item--actions[b-s9y4t8tc0g] {
    align-self: end;
}

.filter-label[b-s9y4t8tc0g] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.empty-state[b-s9y4t8tc0g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md-sm);
    padding: var(--space-xl) var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    text-align: center;
    animation: fadeIn-b-s9y4t8tc0g 0.4s ease-out;
}

.empty-state .anticon[b-s9y4t8tc0g] {
    font-size: 48px;
    color: var(--text-faint);
}

.empty-state h3[b-s9y4t8tc0g] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-lg);
    font-weight: 500;
}

.empty-state p[b-s9y4t8tc0g] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 420px;
}

.skeleton-row[b-s9y4t8tc0g] {
    padding: var(--space-md-sm) var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-sm);
}

.receipt-number[b-s9y4t8tc0g] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    color: var(--text-primary);
}

.partner-cell .partner-name[b-s9y4t8tc0g] {
    color: var(--text-primary);
    font-weight: 500;
}

.partner-cell .partner-code[b-s9y4t8tc0g] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.amount-cell[b-s9y4t8tc0g] {
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    color: var(--text-primary);
}

.pagination-container[b-s9y4t8tc0g] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-md-sm);
}

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

@keyframes fadeIn-b-s9y4t8tc0g {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}@media (max-width: 768px) {
    .filter-row[b-s9y4t8tc0g] {
        grid-template-columns: 1fr;
    }

    .filter-item--wide[b-s9y4t8tc0g] {
        grid-column: span 1;
    }    [b-s9y4t8tc0g] .receipts-table {
        overflow-x: auto;
    }
}

@media (max-width: 480px) {
    .empty-state .anticon[b-s9y4t8tc0g] {
        font-size: 40px;
    }

    .empty-state h3[b-s9y4t8tc0g] {
        font-size: var(--font-size-md);
    }
}
/* /Features/Core/Reports/Components/NavCard.razor.rz.scp.css */
.nav-card[b-mpc3oi0g1y] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.nav-card:hover[b-mpc3oi0g1y],
.nav-card:focus-visible[b-mpc3oi0g1y] {
    border-color: var(--color-primary);
    transform: translateY(-1px);
    outline: none;
}

.nav-card__icon[b-mpc3oi0g1y] {
    font-size: 24px;
    color: var(--color-primary);
}

.nav-card__content[b-mpc3oi0g1y] {
    flex: 1 1 auto;
}

.nav-card__title[b-mpc3oi0g1y] {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
}

.nav-card__description[b-mpc3oi0g1y] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--text-secondary);
    line-height: 1.4;
}

.nav-card__cta[b-mpc3oi0g1y] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8125rem;
    color: var(--color-primary);
}
/* /Features/Core/Reports/Pages/CustomerLedgerReport.razor.rz.scp.css */
.page-container[b-sk63vp14w6] {
    animation: pageSlideUp-b-sk63vp14w6 0.5s ease-out;
}

.error-container[b-sk63vp14w6] {
    margin-bottom: var(--space-md);
}

.glass-card[b-sk63vp14w6] {
    padding: var(--space-lg);
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    margin-top: var(--space-md);
}

.section-title[b-sk63vp14w6] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    font-weight: 600;
    font-size: var(--font-size-md);
}


.filter-card[b-sk63vp14w6] {
    margin-top: var(--space-md);
}

.filter-grid[b-sk63vp14w6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

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

.filter-item--full-md[b-sk63vp14w6] {
    grid-column: span 2;
}

.filter-item--switch[b-sk63vp14w6] {
    grid-column: span 2;
}

.filter-item--actions[b-sk63vp14w6] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-label[b-sk63vp14w6] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

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

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

.help-text[b-sk63vp14w6] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

/* Konto toggle */

.konto-toggle[b-sk63vp14w6] {
    display: inline-flex;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--glass-bg);
}

.konto-toggle__option[b-sk63vp14w6] {
    border: 0;
    padding: 6px 14px;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    font-size: var(--font-size-sm);
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
}

.konto-toggle__option:hover[b-sk63vp14w6] {
    color: var(--text-primary);
}

.konto-toggle__option.is-active[b-sk63vp14w6] {
    background: rgba(var(--color-indigo-rgb), 0.18);
    color: var(--text-primary);
}

.muted[b-sk63vp14w6] {
    color: var(--text-muted);
}

/* Empty state */

.empty-state-card[b-sk63vp14w6] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
}

.empty-state-icon[b-sk63vp14w6] {
    font-size: 3rem;
    color: var(--text-muted);
}

.empty-state-title[b-sk63vp14w6] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-xl);
    font-weight: 600;
}

.empty-state-description[b-sk63vp14w6] {
    margin: 0;
    color: var(--text-muted);
    max-width: 32rem;
}

/* Table */

.table-card[b-sk63vp14w6] {
    padding: 0;
    overflow: hidden;
}

.ledger-table-wrapper[b-sk63vp14w6] {
    overflow-x: auto;
}

.ledger-table[b-sk63vp14w6] {
    width: 100%;
    border-collapse: collapse;
}

.ledger-table th[b-sk63vp14w6],
.ledger-table td[b-sk63vp14w6] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.ledger-table th[b-sk63vp14w6] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.ledger-table th.num[b-sk63vp14w6],
.ledger-table td.num[b-sk63vp14w6] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.row--opening[b-sk63vp14w6] {
    background: rgba(var(--color-indigo-rgb), 0.08);
}

.row--opening td[b-sk63vp14w6] {
    font-weight: 500;
}

.totals-row td[b-sk63vp14w6] {
    background: rgba(var(--color-white-rgb), 0.04);
    border-top: 2px solid var(--glass-border);
    font-weight: 600;
    color: var(--text-primary);
}

.saldo-cell[b-sk63vp14w6] {
    font-weight: 600;
}

.saldo--negative[b-sk63vp14w6] {
    color: var(--color-error);
}

.saldo--positive[b-sk63vp14w6] {
    color: var(--text-muted);
}

.journal-link[b-sk63vp14w6] {
    color: var(--color-primary);
    cursor: pointer;
}

.journal-link:hover[b-sk63vp14w6] {
    text-decoration: underline;
}

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

@media (max-width: 768px) {
    .glass-card[b-sk63vp14w6] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-sk63vp14w6] {
        grid-column: span 1;
    }

    .filter-item--switch[b-sk63vp14w6] {
        grid-column: span 1;
    }

    .filter-item--actions[b-sk63vp14w6] {
        align-items: stretch;
    }

    .ledger-table th[b-sk63vp14w6],
    .ledger-table td[b-sk63vp14w6] {
        white-space: nowrap;
    }
}

/* /Features/Core/Reports/Pages/DostavnicaReport.razor.rz.scp.css */
.page-container[b-i8sefhfv1l] {
    animation: pageSlideUp-b-i8sefhfv1l 0.5s ease-out;
}

.error-container[b-i8sefhfv1l] {
    margin-bottom: var(--space-md);
}

.glass-card[b-i8sefhfv1l] {
    margin-top: var(--space-md);
}

.filter-card[b-i8sefhfv1l] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-i8sefhfv1l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

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

.filter-item--full-md[b-i8sefhfv1l] {
    grid-column: span 2;
}

.filter-item--actions[b-i8sefhfv1l] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-i8sefhfv1l] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

.muted[b-i8sefhfv1l] {
    color: var(--text-muted);
}

.summary-band[b-i8sefhfv1l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-md);
    padding: var(--space-md);
}

.summary-stat[b-i8sefhfv1l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.summary-stat__label[b-i8sefhfv1l] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 500;
}

.summary-stat__value[b-i8sefhfv1l] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.heavy-data-section--warning[b-i8sefhfv1l] {
    border-color: var(--color-warning);
}

.heavy-data-section--warning .driver-section-header .section-title-text[b-i8sefhfv1l] {
    color: var(--color-warning);
}

.driver-section-header[b-i8sefhfv1l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md);
    border-bottom: 1px solid var(--glass-border);
}

.section-eyebrow[b-i8sefhfv1l] {
    font-size: var(--font-size-xs2);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 500;
}

.section-title-text[b-i8sefhfv1l] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.vehicle-subgroup[b-i8sefhfv1l] {
    padding: var(--space-md) 0;
    border-bottom: 1px solid var(--glass-border);
}

.vehicle-subgroup:last-child[b-i8sefhfv1l] {
    border-bottom: none;
}

.vehicle-subgroup__header[b-i8sefhfv1l] {
    display: flex;
    align-items: baseline;
    gap: var(--space-sm);
    padding: 0 var(--space-md) var(--space-sm);
}

.vehicle-subgroup__title[b-i8sefhfv1l] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
}

.ledger-table-wrapper[b-i8sefhfv1l] {
    overflow-x: auto;
}

.ledger-table[b-i8sefhfv1l] {
    width: 100%;
    border-collapse: collapse;
}

.ledger-table th[b-i8sefhfv1l],
.ledger-table td[b-i8sefhfv1l] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.ledger-table th[b-i8sefhfv1l] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.ledger-table th.num[b-i8sefhfv1l],
.ledger-table td.num[b-i8sefhfv1l] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.subtotal-row td[b-i8sefhfv1l] {
    background: rgba(var(--color-white-rgb), 0.04);
    border-top: 2px solid var(--glass-border);
    font-weight: 600;
    color: var(--text-primary);
}

.driver-subtotal[b-i8sefhfv1l] {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    color: var(--text-primary);
}

.driver-subtotal .num[b-i8sefhfv1l] {
    font-variant-numeric: tabular-nums;
}

.grand-total-section[b-i8sefhfv1l] {
    border-color: var(--color-primary);
}

.grand-total-row[b-i8sefhfv1l] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: var(--space-md);
    font-size: var(--font-size-lg);
    color: var(--text-primary);
}

.grand-total-row .num[b-i8sefhfv1l] {
    font-variant-numeric: tabular-nums;
}

.empty-state-card[b-i8sefhfv1l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-xl);
}

.empty-state-title[b-i8sefhfv1l] {
    color: var(--text-secondary);
    margin-top: var(--space-md);
}

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

@media (max-width: 768px) {
    .glass-card[b-i8sefhfv1l] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-i8sefhfv1l] {
        grid-column: span 1;
    }

    .filter-item--actions[b-i8sefhfv1l] {
        align-items: stretch;
    }

    .ledger-table th[b-i8sefhfv1l],
    .ledger-table td[b-i8sefhfv1l] {
        white-space: nowrap;
    }

    .summary-band[b-i8sefhfv1l] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .summary-band[b-i8sefhfv1l] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Reports/Pages/FinansijeReports.razor.rz.scp.css */
.page-container[b-fuqpwejp96] {
    animation: slideUp 0.5s ease-out;
}

.report-section[b-fuqpwejp96] {
    margin-bottom: 24px;
    padding: 24px;
}

.report-grid[b-fuqpwejp96] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

@media (max-width: 480px) {
    .report-grid[b-fuqpwejp96] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Reports/Pages/KarticaKupcaRobnoReport.razor.rz.scp.css */
.page-container[b-jlscdx8gx9] {
    animation: pageSlideUp-b-jlscdx8gx9 0.5s ease-out;
}

.error-container[b-jlscdx8gx9] {
    margin-bottom: var(--space-md);
}

.glass-card[b-jlscdx8gx9] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-jlscdx8gx9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

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

.filter-item--full-md[b-jlscdx8gx9] {
    grid-column: span 2;
}

.filter-item--actions[b-jlscdx8gx9] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-jlscdx8gx9] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

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

.muted[b-jlscdx8gx9] {
    color: var(--text-muted);
}

.blocks-card[b-jlscdx8gx9] {
    padding: 0;
    overflow: hidden;
}

.block-header[b-jlscdx8gx9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-md);
    width: 100%;
}

.block-header__partner[b-jlscdx8gx9] {
    font-weight: 600;
    color: var(--text-primary);
}

.block-header__totals[b-jlscdx8gx9] {
    margin-left: auto;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    font-size: var(--font-size-sm);
    font-variant-numeric: tabular-nums;
}

.totals-label[b-jlscdx8gx9] {
    color: var(--text-muted);
}

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

.articles-table-wrapper[b-jlscdx8gx9] {
    overflow-x: auto;
}

.articles-table[b-jlscdx8gx9] {
    width: 100%;
    border-collapse: collapse;
}

.articles-table th[b-jlscdx8gx9],
.articles-table td[b-jlscdx8gx9] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.articles-table th[b-jlscdx8gx9] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.articles-table th.num[b-jlscdx8gx9],
.articles-table td.num[b-jlscdx8gx9] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

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

@media (max-width: 768px) {
    .glass-card[b-jlscdx8gx9] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-jlscdx8gx9] {
        grid-column: span 1;
    }

    .filter-item--actions[b-jlscdx8gx9] {
        align-items: stretch;
    }

    .block-header[b-jlscdx8gx9] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-xs);
    }

    .block-header__totals[b-jlscdx8gx9] {
        margin-left: 0;
    }

    .articles-table th[b-jlscdx8gx9],
    .articles-table td[b-jlscdx8gx9] {
        white-space: nowrap;
    }
}
/* /Features/Core/Reports/Pages/KarticaRobeReport.razor.rz.scp.css */
.page-container[b-lq9cm2q5ju] {
    animation: pageSlideUp-b-lq9cm2q5ju 0.5s ease-out;
}

.error-container[b-lq9cm2q5ju] {
    margin-bottom: var(--space-md);
}

.glass-card[b-lq9cm2q5ju] {
    margin-top: var(--space-md);
}


.filter-card[b-lq9cm2q5ju] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-lq9cm2q5ju] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

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

.filter-item--full-md[b-lq9cm2q5ju] {
    grid-column: span 2;
}

.filter-item--actions[b-lq9cm2q5ju] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-lq9cm2q5ju] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

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

.muted[b-lq9cm2q5ju] {
    color: var(--text-muted);
}


.blocks-card[b-lq9cm2q5ju] {
    padding: 0;
    overflow: hidden;
}

.block-header[b-lq9cm2q5ju] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-md);
    width: 100%;
}

.block-header__product[b-lq9cm2q5ju] {
    font-weight: 600;
    color: var(--text-primary);
}

.block-header__warehouse[b-lq9cm2q5ju] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.block-header__totals[b-lq9cm2q5ju] {
    margin-left: auto;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    font-size: var(--font-size-sm);
    font-variant-numeric: tabular-nums;
}

.totals-label[b-lq9cm2q5ju] {
    color: var(--text-muted);
}

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

.movements-table-wrapper[b-lq9cm2q5ju] {
    overflow-x: auto;
}

.movements-table[b-lq9cm2q5ju] {
    width: 100%;
    border-collapse: collapse;
}

.movements-table th[b-lq9cm2q5ju],
.movements-table td[b-lq9cm2q5ju] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.movements-table th[b-lq9cm2q5ju] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.movements-table th.num[b-lq9cm2q5ju],
.movements-table td.num[b-lq9cm2q5ju] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

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

@media (max-width: 768px) {
    .glass-card[b-lq9cm2q5ju] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-lq9cm2q5ju] {
        grid-column: span 1;
    }

    .filter-item--actions[b-lq9cm2q5ju] {
        align-items: stretch;
    }

    .block-header[b-lq9cm2q5ju] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-xs);
    }

    .block-header__totals[b-lq9cm2q5ju] {
        margin-left: 0;
    }

    .movements-table th[b-lq9cm2q5ju],
    .movements-table td[b-lq9cm2q5ju] {
        white-space: nowrap;
    }
}
/* /Features/Core/Reports/Pages/KartoniReport.razor.rz.scp.css */
/*
 * Scoped layout for the Kartoni (Crate/Box Tracking) report page.
 *
 * Mirrors the shared report-page vocabulary used by every sibling report page in this
 * folder (each ships its own .razor.css — these utility classes are NOT yet promoted to
 * app.css globals). Without a scoped stylesheet, Blazor CSS isolation would leave the
 * summary band, ledger table, subtotal rows and grand-total section unstyled. A future
 * cleanup task may promote this vocabulary to app.css globals (per the F-176 direction);
 * until then this matches the established convention. Composed entirely from CSS
 * variables — no hardcoded colors.
 */

.page-container[b-g2tch6ns1b] {
    animation: pageSlideUp-b-g2tch6ns1b 0.5s ease-out;
}

.error-container[b-g2tch6ns1b] {
    margin-bottom: var(--space-md);
}

.glass-card[b-g2tch6ns1b] {
    margin-top: var(--space-md);
}

.filter-card[b-g2tch6ns1b] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-g2tch6ns1b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

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

.filter-item--full-md[b-g2tch6ns1b] {
    grid-column: span 2;
}

.filter-item--actions[b-g2tch6ns1b] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-g2tch6ns1b] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

.muted[b-g2tch6ns1b] {
    color: var(--text-muted);
}

.summary-band[b-g2tch6ns1b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-md);
    padding: var(--space-md);
}

.summary-stat[b-g2tch6ns1b] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.summary-stat__label[b-g2tch6ns1b] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 500;
}

.summary-stat__value[b-g2tch6ns1b] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.driver-section-header[b-g2tch6ns1b] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md);
    border-bottom: 1px solid var(--glass-border);
}

.section-eyebrow[b-g2tch6ns1b] {
    font-size: var(--font-size-xs2);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 500;
}

.section-title-text[b-g2tch6ns1b] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.ledger-table-wrapper[b-g2tch6ns1b] {
    overflow-x: auto;
}

.ledger-table[b-g2tch6ns1b] {
    width: 100%;
    border-collapse: collapse;
}

.ledger-table th[b-g2tch6ns1b],
.ledger-table td[b-g2tch6ns1b] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.ledger-table th[b-g2tch6ns1b] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.ledger-table th.num[b-g2tch6ns1b],
.ledger-table td.num[b-g2tch6ns1b] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.subtotal-row td[b-g2tch6ns1b] {
    background: rgba(var(--color-white-rgb), 0.04);
    border-top: 2px solid var(--glass-border);
    font-weight: 600;
    color: var(--text-primary);
}

.grand-total-section[b-g2tch6ns1b] {
    border-color: var(--color-primary);
}

.grand-total-row[b-g2tch6ns1b] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: var(--space-md);
    font-size: var(--font-size-lg);
    color: var(--text-primary);
}

.grand-total-row .num[b-g2tch6ns1b] {
    font-variant-numeric: tabular-nums;
}

.empty-state-card[b-g2tch6ns1b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-xl);
}

.empty-state-title[b-g2tch6ns1b] {
    color: var(--text-secondary);
    margin-top: var(--space-md);
}

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

@media (max-width: 768px) {
    .glass-card[b-g2tch6ns1b] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-g2tch6ns1b] {
        grid-column: span 1;
    }

    .filter-item--actions[b-g2tch6ns1b] {
        align-items: stretch;
    }

    .ledger-table th[b-g2tch6ns1b],
    .ledger-table td[b-g2tch6ns1b] {
        white-space: nowrap;
    }

    .summary-band[b-g2tch6ns1b] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .summary-band[b-g2tch6ns1b] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Reports/Pages/LagerListaReport.razor.rz.scp.css */
.page-container[b-jiveoa4zef] {
    animation: pageSlideUp-b-jiveoa4zef 0.5s ease-out;
}

.error-container[b-jiveoa4zef] {
    margin-bottom: var(--space-md);
}

.glass-card[b-jiveoa4zef] {
    margin-top: var(--space-md);
}

.filter-card[b-jiveoa4zef] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-jiveoa4zef] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

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

.filter-item--full-md[b-jiveoa4zef] {
    grid-column: span 2;
}

.filter-item--actions[b-jiveoa4zef] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-jiveoa4zef] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

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

.muted[b-jiveoa4zef] {
    color: var(--text-muted);
}


.table-card[b-jiveoa4zef] {
    padding: 0;
    overflow: hidden;
}

.ledger-table-wrapper[b-jiveoa4zef] {
    overflow-x: auto;
}

.ledger-table[b-jiveoa4zef] {
    width: 100%;
    border-collapse: collapse;
}

.ledger-table th[b-jiveoa4zef],
.ledger-table td[b-jiveoa4zef] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.ledger-table th[b-jiveoa4zef] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.ledger-table th.num[b-jiveoa4zef],
.ledger-table td.num[b-jiveoa4zef] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.totals-row td[b-jiveoa4zef] {
    background: rgba(var(--color-white-rgb), 0.04);
    border-top: 2px solid var(--glass-border);
    font-weight: 600;
    color: var(--text-primary);
}

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

@media (max-width: 768px) {
    .glass-card[b-jiveoa4zef] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-jiveoa4zef] {
        grid-column: span 1;
    }

    .filter-item--actions[b-jiveoa4zef] {
        align-items: stretch;
    }

    .ledger-table th[b-jiveoa4zef],
    .ledger-table td[b-jiveoa4zef] {
        white-space: nowrap;
    }
}
/* /Features/Core/Reports/Pages/NarucenoIsporucenoReport.razor.rz.scp.css */
.page-container[b-75a7r7cdo6] {
    animation: pageSlideUp-b-75a7r7cdo6 0.5s ease-out;
}

.error-container[b-75a7r7cdo6] {
    margin-bottom: var(--space-md);
}

.glass-card[b-75a7r7cdo6] {
    margin-top: var(--space-md);
}

.filter-card[b-75a7r7cdo6] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-75a7r7cdo6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

.filter-card .filter-item[b-75a7r7cdo6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.filter-item--full-md[b-75a7r7cdo6] {
    grid-column: span 2;
}

.filter-item--actions[b-75a7r7cdo6] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-75a7r7cdo6] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

.muted[b-75a7r7cdo6] {
    color: var(--text-muted);
}

.table-card[b-75a7r7cdo6] {
    padding: 0;
    overflow: hidden;
}

.ledger-table-wrapper[b-75a7r7cdo6] {
    overflow-x: auto;
}

.ledger-table[b-75a7r7cdo6] {
    width: 100%;
    border-collapse: collapse;
}

.ledger-table th[b-75a7r7cdo6],
.ledger-table td[b-75a7r7cdo6] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.ledger-table th[b-75a7r7cdo6] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.ledger-table th.num[b-75a7r7cdo6],
.ledger-table td.num[b-75a7r7cdo6] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.totals-row td[b-75a7r7cdo6] {
    background: rgba(var(--color-white-rgb), 0.04);
    border-top: 2px solid var(--glass-border);
    font-weight: 600;
    color: var(--text-primary);
}

.delta--positive[b-75a7r7cdo6] {
    color: var(--color-warning);
}

.delta--negative[b-75a7r7cdo6] {
    color: var(--color-error);
}

.delta--zero[b-75a7r7cdo6] {
    color: var(--text-secondary);
}

@keyframes pageSlideUp-b-75a7r7cdo6 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .glass-card[b-75a7r7cdo6] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-75a7r7cdo6] {
        grid-column: span 1;
    }

    .filter-item--actions[b-75a7r7cdo6] {
        align-items: stretch;
    }

    .ledger-table th[b-75a7r7cdo6],
    .ledger-table td[b-75a7r7cdo6] {
        white-space: nowrap;
    }
}
/* /Features/Core/Reports/Pages/PoredjenjeRadniNalogReport.razor.rz.scp.css */
.page-container[b-ty1cobaitr] {
    animation: pageSlideUp-b-ty1cobaitr 0.5s ease-out;
}

.error-container[b-ty1cobaitr] {
    margin-bottom: var(--space-md);
}

.glass-card[b-ty1cobaitr] {
    margin-top: var(--space-md);
}

.filter-card[b-ty1cobaitr] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-ty1cobaitr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

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

.filter-item--full-md[b-ty1cobaitr] {
    grid-column: span 2;
}

.filter-item--actions[b-ty1cobaitr] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-ty1cobaitr] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

.muted[b-ty1cobaitr] {
    color: var(--text-muted);
}

.section-heading[b-ty1cobaitr] {
    margin: var(--space-md) 0 var(--space-sm) 0;
    font-size: var(--font-size-md);
    color: var(--text-primary);
}

.table-card[b-ty1cobaitr] {
    padding: 0;
    overflow: hidden;
}

.ledger-table-wrapper[b-ty1cobaitr] {
    overflow-x: auto;
}

.ledger-table[b-ty1cobaitr] {
    width: 100%;
    border-collapse: collapse;
}

.ledger-table th[b-ty1cobaitr],
.ledger-table td[b-ty1cobaitr] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.ledger-table th[b-ty1cobaitr] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.ledger-table th.num[b-ty1cobaitr],
.ledger-table td.num[b-ty1cobaitr] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.totals-row td[b-ty1cobaitr] {
    background: rgba(var(--color-white-rgb), 0.04);
    border-top: 2px solid var(--glass-border);
    font-weight: 600;
    color: var(--text-primary);
}

/* CF-029 Razlika cell coloring — positive = over-delivered (warning amber),
   negative = under-delivered (error red), zero = neutral. */
.delta--positive[b-ty1cobaitr] {
    color: var(--color-warning);
}

.delta--negative[b-ty1cobaitr] {
    color: var(--color-error);
}

.delta--zero[b-ty1cobaitr] {
    color: var(--text-secondary);
}

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

@media (max-width: 768px) {
    .glass-card[b-ty1cobaitr] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-ty1cobaitr] {
        grid-column: span 1;
    }

    .filter-item--actions[b-ty1cobaitr] {
        align-items: stretch;
    }

    .ledger-table th[b-ty1cobaitr],
    .ledger-table td[b-ty1cobaitr] {
        white-space: nowrap;
    }
}
/* /Features/Core/Reports/Pages/PoslednjeNarudzbineReport.razor.rz.scp.css */
.page-container[b-5s9a4gyk8q] {
    animation: pageSlideUp-b-5s9a4gyk8q 0.5s ease-out;
}

.error-container[b-5s9a4gyk8q] {
    margin-bottom: var(--space-md);
}

.glass-card[b-5s9a4gyk8q] {
    margin-top: var(--space-md);
}

.filter-card[b-5s9a4gyk8q] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-5s9a4gyk8q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

.filter-card .filter-item[b-5s9a4gyk8q] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.filter-item--full-md[b-5s9a4gyk8q] {
    grid-column: span 2;
}

.filter-item--actions[b-5s9a4gyk8q] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-5s9a4gyk8q] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

.filter-hint[b-5s9a4gyk8q] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.muted[b-5s9a4gyk8q] {
    color: var(--text-muted);
}

.table-card[b-5s9a4gyk8q] {
    padding: 0;
    overflow: hidden;
}

.table-scroll[b-5s9a4gyk8q] {
    overflow-x: auto;
}

.pivot-table[b-5s9a4gyk8q] {
    width: 100%;
    border-collapse: collapse;
}

.pivot-table th[b-5s9a4gyk8q],
.pivot-table td[b-5s9a4gyk8q] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
    white-space: nowrap;
}

.pivot-table th[b-5s9a4gyk8q] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.pivot-table th.num[b-5s9a4gyk8q],
.pivot-table td.num[b-5s9a4gyk8q] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.pivot-table .sticky-col[b-5s9a4gyk8q] {
    position: sticky;
    background: var(--glass-bg);
    z-index: 1;
}

.pivot-table .sticky-1[b-5s9a4gyk8q] { left: 0; }
.pivot-table .sticky-2[b-5s9a4gyk8q] { left: 90px; }
.pivot-table .sticky-3[b-5s9a4gyk8q] { left: 290px; }

.pivot-table .week-col[b-5s9a4gyk8q],
.pivot-table .total-col[b-5s9a4gyk8q] {
    min-width: 90px;
}

.pivot-table .total-col[b-5s9a4gyk8q] {
    border-left: 1px solid var(--glass-border);
}

.totals-row td[b-5s9a4gyk8q] {
    background: rgba(var(--color-white-rgb), 0.04);
    border-top: 2px solid var(--glass-border);
    font-weight: 600;
    color: var(--text-primary);
}

@keyframes pageSlideUp-b-5s9a4gyk8q {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .glass-card[b-5s9a4gyk8q] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-5s9a4gyk8q] {
        grid-column: span 1;
    }

    .filter-item--actions[b-5s9a4gyk8q] {
        align-items: stretch;
    }

    .pivot-table .sticky-2[b-5s9a4gyk8q] { left: 80px; }
    .pivot-table .sticky-3[b-5s9a4gyk8q] { left: 240px; }
}
/* /Features/Core/Reports/Pages/ProsecnaCenaReport.razor.rz.scp.css */
.page-container[b-epr1q9fm30] {
    animation: pageSlideUp-b-epr1q9fm30 0.5s ease-out;
}

.error-container[b-epr1q9fm30] {
    margin-bottom: var(--space-md);
}

.glass-card[b-epr1q9fm30] {
    margin-top: var(--space-md);
}

.filter-card[b-epr1q9fm30] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-epr1q9fm30] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

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

.filter-item--full-md[b-epr1q9fm30] {
    grid-column: span 2;
}

.filter-item--actions[b-epr1q9fm30] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-epr1q9fm30] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

.muted[b-epr1q9fm30] {
    color: var(--text-muted);
}

.table-card[b-epr1q9fm30] {
    padding: 0;
    overflow: hidden;
}

.ledger-table-wrapper[b-epr1q9fm30] {
    overflow-x: auto;
}

.ledger-table[b-epr1q9fm30] {
    width: 100%;
    border-collapse: collapse;
}

.ledger-table th[b-epr1q9fm30],
.ledger-table td[b-epr1q9fm30] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.ledger-table th[b-epr1q9fm30] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.ledger-table th.num[b-epr1q9fm30],
.ledger-table td.num[b-epr1q9fm30] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.totals-row td[b-epr1q9fm30] {
    background: rgba(var(--color-white-rgb), 0.04);
    border-top: 2px solid var(--glass-border);
    font-weight: 600;
    color: var(--text-primary);
}

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

@media (max-width: 768px) {
    .glass-card[b-epr1q9fm30] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-epr1q9fm30] {
        grid-column: span 1;
    }

    .filter-item--actions[b-epr1q9fm30] {
        align-items: stretch;
    }

    .ledger-table th[b-epr1q9fm30],
    .ledger-table td[b-epr1q9fm30] {
        white-space: nowrap;
    }
}
/* /Features/Core/Reports/Pages/RobnoReports.razor.rz.scp.css */
.page-container[b-qf22khizzc] {
    animation: slideUp 0.5s ease-out;
}

.report-section[b-qf22khizzc] {
    margin-bottom: 24px;
    padding: 24px;
}

.report-grid[b-qf22khizzc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

@media (max-width: 480px) {
    .report-grid[b-qf22khizzc] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Reports/Pages/UporednoReport.razor.rz.scp.css */
.page-container[b-7c05fhgqx9] {
    animation: pageSlideUp-b-7c05fhgqx9 0.5s ease-out;
}

.error-container[b-7c05fhgqx9] {
    margin-bottom: var(--space-md);
}

.glass-card[b-7c05fhgqx9] {
    margin-top: var(--space-md);
}

.filter-card[b-7c05fhgqx9] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-7c05fhgqx9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

.filter-card .filter-item[b-7c05fhgqx9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.filter-item--full-md[b-7c05fhgqx9] {
    grid-column: span 2;
}

.filter-item--actions[b-7c05fhgqx9] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-7c05fhgqx9] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

.muted[b-7c05fhgqx9] {
    color: var(--text-muted);
}


.table-card[b-7c05fhgqx9] {
    padding: 0;
    overflow: hidden;
}

.ledger-table-wrapper[b-7c05fhgqx9] {
    overflow-x: auto;
}

.ledger-table[b-7c05fhgqx9] {
    width: 100%;
    border-collapse: collapse;
}

.ledger-table th[b-7c05fhgqx9],
.ledger-table td[b-7c05fhgqx9] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.ledger-table th[b-7c05fhgqx9] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.ledger-table th.num[b-7c05fhgqx9],
.ledger-table td.num[b-7c05fhgqx9] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.totals-row td[b-7c05fhgqx9] {
    background: rgba(var(--color-white-rgb), 0.04);
    border-top: 2px solid var(--glass-border);
    font-weight: 600;
    color: var(--text-primary);
}

.saldo--positive[b-7c05fhgqx9] {
    color: var(--color-success);
}

.saldo--negative[b-7c05fhgqx9] {
    color: var(--color-error);
}

.saldo--zero[b-7c05fhgqx9] {
    color: var(--text-secondary);
}

@keyframes pageSlideUp-b-7c05fhgqx9 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .glass-card[b-7c05fhgqx9] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-7c05fhgqx9] {
        grid-column: span 1;
    }

    .filter-item--actions[b-7c05fhgqx9] {
        align-items: stretch;
    }

    .ledger-table th[b-7c05fhgqx9],
    .ledger-table td[b-7c05fhgqx9] {
        white-space: nowrap;
    }
}
/* /Features/Core/Reports/Pages/UporednoZaPlacanjeReport.razor.rz.scp.css */
.page-container[b-f0gy8gtiw2] {
    animation: pageSlideUp-b-f0gy8gtiw2 0.5s ease-out;
}

.error-container[b-f0gy8gtiw2] {
    margin-bottom: var(--space-md);
}

.glass-card[b-f0gy8gtiw2] {
    margin-top: var(--space-md);
}

.filter-card[b-f0gy8gtiw2] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-f0gy8gtiw2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

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

.filter-item--full-md[b-f0gy8gtiw2] {
    grid-column: span 2;
}

.filter-item--actions[b-f0gy8gtiw2] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-f0gy8gtiw2] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

.muted[b-f0gy8gtiw2] {
    color: var(--text-muted);
}

.table-card[b-f0gy8gtiw2] {
    padding: 0;
    overflow: hidden;
}

.ledger-table-wrapper[b-f0gy8gtiw2] {
    overflow-x: auto;
}

.ledger-table[b-f0gy8gtiw2] {
    width: 100%;
    border-collapse: collapse;
}

.ledger-table th[b-f0gy8gtiw2],
.ledger-table td[b-f0gy8gtiw2] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.ledger-table th[b-f0gy8gtiw2] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.ledger-table th.num[b-f0gy8gtiw2],
.ledger-table td.num[b-f0gy8gtiw2] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.totals-row td[b-f0gy8gtiw2] {
    background: rgba(var(--color-white-rgb), 0.04);
    border-top: 2px solid var(--glass-border);
    font-weight: 600;
    color: var(--text-primary);
}

.saldo--owed[b-f0gy8gtiw2] {
    color: var(--color-error);
}

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

@media (max-width: 768px) {
    .glass-card[b-f0gy8gtiw2] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-f0gy8gtiw2] {
        grid-column: span 1;
    }

    .filter-item--actions[b-f0gy8gtiw2] {
        align-items: stretch;
    }

    .ledger-table th[b-f0gy8gtiw2],
    .ledger-table td[b-f0gy8gtiw2] {
        white-space: nowrap;
    }
}
/* /Features/Core/Reports/Pages/VisinaCenaReport.razor.rz.scp.css */
.page-container[b-xl4woyhn2u] {
    animation: pageSlideUp-b-xl4woyhn2u 0.5s ease-out;
}

.error-container[b-xl4woyhn2u] {
    margin-bottom: var(--space-md);
}

.glass-card[b-xl4woyhn2u] {
    margin-top: var(--space-md);
}

.filter-card[b-xl4woyhn2u] {
    margin-top: var(--space-md);
}

.filter-card .filter-row[b-xl4woyhn2u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md);
    align-items: end;
}

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

.filter-item--full-md[b-xl4woyhn2u] {
    grid-column: span 2;
}

.filter-item--actions[b-xl4woyhn2u] {
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-card .filter-label[b-xl4woyhn2u] {
    font-size: var(--font-size-xs2);
    color: var(--text-secondary);
    font-weight: 500;
}

.muted[b-xl4woyhn2u] {
    color: var(--text-muted);
}

.table-card[b-xl4woyhn2u] {
    padding: 0;
    overflow: hidden;
}

.ledger-table-wrapper[b-xl4woyhn2u] {
    overflow-x: auto;
}

.ledger-table[b-xl4woyhn2u] {
    width: 100%;
    border-collapse: collapse;
}

.ledger-table th[b-xl4woyhn2u],
.ledger-table td[b-xl4woyhn2u] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.ledger-table th[b-xl4woyhn2u] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--color-white-rgb), 0.02);
}

.ledger-table th.num[b-xl4woyhn2u],
.ledger-table td.num[b-xl4woyhn2u] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.totals-row td[b-xl4woyhn2u] {
    background: rgba(var(--color-white-rgb), 0.04);
    border-top: 2px solid var(--glass-border);
    font-weight: 600;
    color: var(--text-primary);
}

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

@media (max-width: 768px) {
    .glass-card[b-xl4woyhn2u] {
        padding: var(--space-md);
    }

    .filter-item--full-md[b-xl4woyhn2u] {
        grid-column: span 1;
    }

    .filter-item--actions[b-xl4woyhn2u] {
        align-items: stretch;
    }

    .ledger-table th[b-xl4woyhn2u],
    .ledger-table td[b-xl4woyhn2u] {
        white-space: nowrap;
    }
}
/* /Features/Core/RetailDailySales/Components/RetailDailySaleLineEditor.razor.rz.scp.css */
.line-editor[b-7brt64l2l9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* .lines-table .ant-table transparent background moved to overrides.css */

.product-code-hint[b-7brt64l2l9] {
    display: block;
    font-family: var(--font-mono);
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: 4px;
}

.num-cell[b-7brt64l2l9] {
    font-family: var(--font-mono);
    font-size: 0.875rem;
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
}

.num-cell.strong[b-7brt64l2l9] {
    font-weight: 600;
}

.num-cell.muted[b-7brt64l2l9] {
    color: var(--text-muted);
}

.num-cell--missing[b-7brt64l2l9] {
    color: var(--text-muted);
}

.num-cell--missing[b-7brt64l2l9]  .anticon {
    color: var(--color-warning);
}

.num-cell--over-cap[b-7brt64l2l9] {
    color: var(--color-error);
    font-weight: 600;
}

.add-line-row[b-7brt64l2l9] {
    display: flex;
    justify-content: flex-start;
}

@media (max-width: 768px) {
    [b-7brt64l2l9] .lines-table {
        overflow-x: auto;
    }
}
/* /Features/Core/RetailDailySales/Components/RetailDailySaleStatusBadge.razor.rz.scp.css */
.rds-status-badge[b-wxccmqmg41] {
    font-weight: 500;
    font-size: var(--font-size-xs);
}
/* /Features/Core/RetailDailySales/Pages/RetailDailySaleCreate.razor.rz.scp.css */
/* ========================================
   Retail Daily Sale Create Page
   ======================================== */

.create-page[b-r1dmu1jhvz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.glass-card[b-r1dmu1jhvz] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

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

.back-button[b-r1dmu1jhvz] {
    margin-right: var(--space-sm);
}

.prepopulate-row[b-r1dmu1jhvz] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-md);
}

.lines-empty[b-r1dmu1jhvz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-xl);
    text-align: center;
}

.lines-empty__icon[b-r1dmu1jhvz] {
    font-size: 2.5rem;
    color: var(--text-muted);
}

.lines-empty p[b-r1dmu1jhvz] {
    color: var(--text-muted);
    margin: 0;
}

.footer-card[b-r1dmu1jhvz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    padding: var(--space-lg);
}

.totals-row[b-r1dmu1jhvz] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-xl);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--glass-border);
}

.total-item[b-r1dmu1jhvz] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--space-xs);
}

.total-label[b-r1dmu1jhvz] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.total-value[b-r1dmu1jhvz] {
    font-family: var(--font-mono);
    font-size: 1.125rem;
    color: var(--text-primary);
}

.total-value.strong[b-r1dmu1jhvz] {
    font-weight: 600;
    color: var(--color-primary);
}

.actions-container[b-r1dmu1jhvz] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
}

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

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

    .totals-row[b-r1dmu1jhvz] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-md);
    }

    .total-item[b-r1dmu1jhvz] {
        align-items: flex-start;
    }

    .actions-container[b-r1dmu1jhvz] {
        flex-direction: column-reverse;
    }
}
/* /Features/Core/RetailDailySales/Pages/RetailDailySaleDetail.razor.rz.scp.css */
/* ========================================
   Retail Daily Sale Detail Page
   ======================================== */

.glass-card[b-ztpnlsljsq] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.loading-container[b-ztpnlsljsq] {
    padding: var(--space-xl) 0;
}

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

.back-button[b-ztpnlsljsq] {
    margin-right: var(--space-sm);
}

.number-badge[b-ztpnlsljsq] {
    font-family: var(--font-mono);
}

.voided-banner[b-ztpnlsljsq] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-lg);
    margin-bottom: var(--space-lg);
    border-left: 4px solid var(--color-error);
    color: var(--text-primary);
}

.voided-banner[b-ztpnlsljsq]  .anticon {
    color: var(--color-error);
    font-size: 1.25rem;
}

/* Header card */
.header-card[b-ztpnlsljsq] {
    padding: var(--space-lg);
    margin-bottom: var(--space-lg);
}

.header-grid[b-ztpnlsljsq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md);
}

.header-field[b-ztpnlsljsq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.header-label[b-ztpnlsljsq] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

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

.header-value.strong[b-ztpnlsljsq] {
    font-family: var(--font-mono);
    font-weight: 600;
    color: var(--color-primary);
}

.header-link[b-ztpnlsljsq] {
    color: var(--color-primary);
    cursor: pointer;
    text-decoration: none;
    font-size: 0.9375rem;
}

.header-link:hover[b-ztpnlsljsq] {
    text-decoration: underline;
}

/* Linked card */
.linked-card[b-ztpnlsljsq] {
    padding: var(--space-md) var(--space-lg);
    margin-bottom: var(--space-lg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.linked-link[b-ztpnlsljsq] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    font-family: var(--font-mono);
    color: var(--color-primary);
    cursor: pointer;
    text-decoration: none;
}

.linked-link:hover[b-ztpnlsljsq] {
    text-decoration: underline;
}

/* Lines card */
.lines-card[b-ztpnlsljsq] {
    padding: var(--space-md) var(--space-lg) var(--space-lg);
    margin-bottom: var(--space-lg);
}

.product-cell[b-ztpnlsljsq] {
    display: flex;
    flex-direction: column;
}

.product-name[b-ztpnlsljsq] {
    color: var(--text-primary);
    font-size: 0.875rem;
}

.product-code[b-ztpnlsljsq] {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    color: var(--text-muted);
}

.num-cell[b-ztpnlsljsq] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    color: var(--text-primary);
}

.num-cell.strong[b-ztpnlsljsq] {
    font-weight: 600;
}

.margin-cell[b-ztpnlsljsq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cap-tag[b-ztpnlsljsq] {
    align-self: flex-start;
    font-size: 0.6875rem !important;
}

/* Actions */
.actions-container[b-ztpnlsljsq] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding-top: var(--space-md);
    flex-wrap: wrap;
}

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

@media (max-width: 480px) {
    .header-grid[b-ztpnlsljsq] {
        grid-template-columns: 1fr;
    }

    .actions-container[b-ztpnlsljsq] {
        flex-direction: column-reverse;
    }
}
/* /Features/Core/RetailDailySales/Pages/RetailDailySaleList.razor.rz.scp.css */
/* ========================================
   Retail Daily Sale List Page
   ======================================== */

.glass-card[b-7t2hkd93fn] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.filter-card[b-7t2hkd93fn] {
    padding: var(--space-md) var(--space-lg);
    margin-bottom: var(--space-lg);
}

.filter-row[b-7t2hkd93fn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    align-items: end;
}

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

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

.filter-label[b-7t2hkd93fn] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    font-weight: 500;
}

.table-card[b-7t2hkd93fn] {
    padding: var(--space-md);
}

.link-cell[b-7t2hkd93fn] {
    color: var(--color-primary);
    cursor: pointer;
    font-family: var(--font-mono);
    text-decoration: none;
}

.link-cell:hover[b-7t2hkd93fn] {
    text-decoration: underline;
}

.amount-cell[b-7t2hkd93fn] {
    font-family: var(--font-mono);
    font-size: 0.875rem;
    color: var(--text-primary);
    font-weight: 600;
}

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

.empty-state__icon[b-7t2hkd93fn] {
    font-size: 3rem;
    color: var(--text-muted);
}

.empty-state__title[b-7t2hkd93fn] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    color: var(--text-primary);
    margin: 0;
}

.empty-state__description[b-7t2hkd93fn] {
    color: var(--text-muted);
    margin: 0;
    max-width: 480px;
}

.loading-container[b-7t2hkd93fn] {
    padding: var(--space-xl) 0;
}

.retry-container[b-7t2hkd93fn] {
    margin-top: var(--space-lg);
}

.pagination-container[b-7t2hkd93fn] {
    padding-top: var(--space-md);
}

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

    .filter-item--search[b-7t2hkd93fn] {
        min-width: 0;
    }
}

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

    .table-card[b-7t2hkd93fn] {
        padding: var(--space-xs);
    }
}
/* /Features/Core/RetailLocations/Components/RetailLocationProductPriceModal.razor.rz.scp.css */
/* ========================================
   Retail Location Product Price Modal
   ======================================== */

.default-price-reference[b-p2v2gbppon] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-bg-light);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-md);
}

.default-price-label[b-p2v2gbppon] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.default-price-value[b-p2v2gbppon] {
    font-family: var(--font-mono);
    font-size: 0.9375rem;
    color: var(--text-primary);
    font-weight: 600;
}

.modal-footer[b-p2v2gbppon] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-top: var(--space-lg);
}
/* /Features/Core/RetailLocations/Pages/RetailLocationDetail.razor.rz.scp.css */
/* ========================================
   Retail Location Detail Page - Dark Glassmorphism
   ======================================== */

.glass-card[b-8kdehn2xca] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.loading-container[b-8kdehn2xca] {
    padding: var(--space-xl) 0;
}

.error-container[b-8kdehn2xca] {
    margin-bottom: var(--space-lg);
}

.back-button[b-8kdehn2xca] {
    margin-right: var(--space-sm);
}

.warehouse-badge[b-8kdehn2xca] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-right: var(--space-sm);
}

.tab-content[b-8kdehn2xca] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding-top: var(--space-lg);
}

.tab-actions[b-8kdehn2xca] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-md);
}

.code-cell[b-8kdehn2xca] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.price-cell[b-8kdehn2xca] {
    font-family: var(--font-mono);
    font-size: 0.9375rem;
    color: var(--text-primary);
    font-weight: 600;
}

.muted[b-8kdehn2xca] {
    color: var(--text-muted);
}

.inline-edit[b-8kdehn2xca] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
}

.pagination-container[b-8kdehn2xca] {
    padding-top: var(--space-md);
}

@media (max-width: 768px) {
    .tab-actions[b-8kdehn2xca] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 480px) {
    .form-row[b-8kdehn2xca] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/RetailLocations/Pages/RetailLocationList.razor.rz.scp.css */
/* ========================================
   Retail Location List Page - Dark Glassmorphism
   ======================================== */

.glass-card[b-7m5f53xore] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.filter-card[b-7m5f53xore] {
    padding: var(--space-md) var(--space-lg);
    margin-bottom: var(--space-lg);
}

.filter-row[b-7m5f53xore] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-lg);
    align-items: end;
}

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

.filter-item--search[b-7m5f53xore] {
    flex: 1;
    min-width: 240px;
}

.filter-label[b-7m5f53xore] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    font-weight: 500;
}

.table-card[b-7m5f53xore] {
    padding: var(--space-md);
}

.link-cell[b-7m5f53xore] {
    color: var(--color-primary);
    cursor: pointer;
    text-decoration: none;
}

.link-cell:hover[b-7m5f53xore] {
    text-decoration: underline;
}

.warehouse-cell[b-7m5f53xore] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
}

.warehouse-code[b-7m5f53xore] {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    background: var(--glass-bg);
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
}

.muted[b-7m5f53xore] {
    color: var(--text-muted);
}

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

.empty-state__icon[b-7m5f53xore] {
    font-size: 3rem;
    color: var(--text-muted);
}

.empty-state__title[b-7m5f53xore] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    color: var(--text-primary);
    margin: 0;
}

.empty-state__description[b-7m5f53xore] {
    color: var(--text-muted);
    margin: 0;
    max-width: 480px;
}

.loading-container[b-7m5f53xore] {
    padding: var(--space-xl) 0;
}

.retry-container[b-7m5f53xore] {
    margin-top: var(--space-lg);
}

.pagination-container[b-7m5f53xore] {
    padding-top: var(--space-md);
}

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

    .filter-item--search[b-7m5f53xore] {
        min-width: 0;
    }
}

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

    .table-card[b-7m5f53xore] {
        padding: var(--space-xs);
    }
}
/* /Features/Core/SalesOrders/Components/LinkedDocumentsCard.razor.rz.scp.css */
.linked-docs-card[b-20ioq2jg3k] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.linked-docs-row[b-20ioq2jg3k] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.linked-docs-hint[b-20ioq2jg3k] {
    margin: 0;
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.linked-doc-link[b-20ioq2jg3k] {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
}

.linked-doc-link:hover[b-20ioq2jg3k] {
    text-decoration: underline;
}

.status-sub-badge[b-20ioq2jg3k] {
    margin-left: var(--space-sm);
    padding: 0 var(--space-sm);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-xs);
    background: var(--glass-border);
    color: var(--text-muted);
}
/* /Features/Core/SalesOrders/Pages/SalesOrderCreate.razor.rz.scp.css */
.page-container[b-a59xp8dvrs] {
    animation: slideUp-b-a59xp8dvrs 0.5s ease-out;
}

.create-page[b-a59xp8dvrs] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.glass-card[b-a59xp8dvrs] {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md);
}

.section-title[b-a59xp8dvrs] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md-sm);
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: 500;
}


.error-container[b-a59xp8dvrs] {
    margin-bottom: var(--space-md-sm);
}

.summary-grid[b-a59xp8dvrs] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.summary-row[b-a59xp8dvrs] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--glass-border);
}

.summary-row:last-child[b-a59xp8dvrs] {
    border-bottom: none;
}

.summary-label[b-a59xp8dvrs] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.summary-value[b-a59xp8dvrs] {
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

.summary-row--strong .summary-label[b-a59xp8dvrs] {
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: 500;
}

.summary-row--strong .summary-value[b-a59xp8dvrs] {
    font-size: var(--font-size-lg);
    font-weight: 600;
}

.actions-row[b-a59xp8dvrs] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding-top: var(--space-sm);
}

.back-button[b-a59xp8dvrs] {
    margin-right: var(--space-sm);
}

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

/* Header form grid (page-level — plain selectors per Blazor scoped CSS rules). */
[b-a59xp8dvrs] .header-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md-sm);
}

[b-a59xp8dvrs] .header-grid .form-item {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

[b-a59xp8dvrs] .header-grid .form-item--wide {
    grid-column: span 2;
}

[b-a59xp8dvrs] .header-grid .form-item--checkbox {
    align-self: end;
    padding-bottom: var(--space-sm);
}

[b-a59xp8dvrs] .header-grid .form-label {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

[b-a59xp8dvrs] .header-grid .form-label.required::after {
    content: " *";
    color: var(--color-error);
}

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

    [b-a59xp8dvrs] .header-grid .form-item--wide {
        grid-column: span 1;
    }

    .actions-row[b-a59xp8dvrs] {
        flex-direction: column-reverse;
    }
}

@media (max-width: 480px) {
    .summary-row--strong .summary-value[b-a59xp8dvrs] {
        font-size: var(--font-size-md);
    }
}
/* /Features/Core/SalesOrders/Pages/SalesOrderDetail.razor.rz.scp.css */
.page-container[b-3x0s23sjmz] {
    animation: slideUp-b-3x0s23sjmz 0.5s ease-out;
}

.detail-page[b-3x0s23sjmz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.glass-card[b-3x0s23sjmz] {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md);
}

.section-title[b-3x0s23sjmz] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md-sm);
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: 500;
}


.header-card[b-3x0s23sjmz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md-sm);
}

.header-summary[b-3x0s23sjmz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md-sm);
    align-items: center;
    padding-bottom: var(--space-md-sm);
    border-bottom: 1px solid var(--glass-border);
}

.header-pill[b-3x0s23sjmz] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.pill-label[b-3x0s23sjmz] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.header-grid--readonly[b-3x0s23sjmz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md-sm);
}

.readonly-cell[b-3x0s23sjmz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.readonly-label[b-3x0s23sjmz] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.readonly-value[b-3x0s23sjmz] {
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: 500;
}

/* Linked-docs styles moved to LinkedDocumentsCard.razor.css (now a scoped child component). */

.service-hint-card[b-3x0s23sjmz] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md-sm);
    padding: var(--space-md-sm) var(--space-md);
    border-left: 3px solid var(--color-primary);
}

.service-hint-icon[b-3x0s23sjmz] {
    flex-shrink: 0;
    color: var(--color-primary);
    font-size: 20px;
    line-height: 1;
    padding-top: 2px;
}

.service-hint-text[b-3x0s23sjmz] {
    color: var(--text-primary);
    font-size: var(--font-size-sm);
    line-height: 1.5;
}

.service-hint-text strong[b-3x0s23sjmz] {
    display: block;
    margin-bottom: var(--space-xs);
    color: var(--text-primary);
    font-weight: 600;
}

.actions-row[b-3x0s23sjmz] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
}

.back-button[b-3x0s23sjmz] {
    margin-right: var(--space-sm);
}

@keyframes slideUp-b-3x0s23sjmz {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Header form grid (lives inside SalesOrderHeaderForm child component) — `::deep` for child markup. */
[b-3x0s23sjmz] .header-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md-sm);
}

[b-3x0s23sjmz] .header-grid .form-item {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

[b-3x0s23sjmz] .header-grid .form-item--wide {
    grid-column: span 2;
}

[b-3x0s23sjmz] .header-grid .form-item--checkbox {
    align-self: end;
    padding-bottom: var(--space-sm);
}

[b-3x0s23sjmz] .header-grid .form-label {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

[b-3x0s23sjmz] .header-grid .form-label.required::after {
    content: " *";
    color: var(--color-error);
}

@media (max-width: 768px) {
    .header-grid--readonly[b-3x0s23sjmz] {
        grid-template-columns: 1fr;
    }

    [b-3x0s23sjmz] .header-grid {
        grid-template-columns: 1fr;
    }

    [b-3x0s23sjmz] .header-grid .form-item--wide {
        grid-column: span 1;
    }

    .actions-row[b-3x0s23sjmz] {
        flex-direction: column-reverse;
    }
}

@media (max-width: 480px) {
    .header-summary[b-3x0s23sjmz] {
        gap: var(--space-sm);
    }
}
/* /Features/Core/SalesOrders/Pages/SalesOrderList.razor.rz.scp.css */
.page-container[b-b5owojh5cn] {
    animation: slideUp-b-b5owojh5cn 0.5s ease-out;
}


.filter-row[b-b5owojh5cn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md-sm);
    align-items: end;
}

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

.filter-item--wide[b-b5owojh5cn] {
    grid-column: span 2;
}

.filter-item--actions[b-b5owojh5cn] {
    align-self: end;
}

.filter-label[b-b5owojh5cn] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.empty-state[b-b5owojh5cn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md-sm);
    padding: var(--space-xl) var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    text-align: center;
    animation: fadeIn-b-b5owojh5cn 0.4s ease-out;
}

.empty-state .anticon[b-b5owojh5cn] {
    font-size: 48px;
    color: var(--text-faint);
}

.empty-state h3[b-b5owojh5cn] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-lg);
    font-weight: 500;
}

.empty-state p[b-b5owojh5cn] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 380px;
}

.skeleton-row[b-b5owojh5cn] {
    padding: var(--space-md-sm) var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-sm);
}

.order-number[b-b5owojh5cn] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    color: var(--text-primary);
}

.partner-cell .partner-name[b-b5owojh5cn] {
    color: var(--text-primary);
    font-weight: 500;
}

.partner-cell .partner-code[b-b5owojh5cn] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.line-count[b-b5owojh5cn] {
    font-variant-numeric: tabular-nums;
}

.pagination-container[b-b5owojh5cn] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-md-sm);
}

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

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

/* AntDesign internals — `::deep` because they live inside child components. *//* Mobile responsive */
@media (max-width: 768px) {
    .filter-row[b-b5owojh5cn] {
        grid-template-columns: 1fr;
    }

    .filter-item--wide[b-b5owojh5cn] {
        grid-column: span 1;
    }}

@media (max-width: 480px) {
    .empty-state .anticon[b-b5owojh5cn] {
        font-size: 40px;
    }

    .empty-state h3[b-b5owojh5cn] {
        font-size: var(--font-size-md);
    }
}
/* /Features/Core/Settings/Components/GoodsToFinanceTransferSettings.razor.rz.scp.css */
.section-description[b-wno8eszx0s] {
    color: var(--text-muted);
    margin-bottom: var(--space-md);
    font-size: 0.875rem;
}

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

.form-field-row[b-wno8eszx0s] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.form-field-label[b-wno8eszx0s] {
    font-size: 0.875rem;
    color: var(--text-muted);
    min-width: 160px;
    flex-shrink: 0;
}

.section-save[b-wno8eszx0s] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-md);
}
/* /Features/Core/Settings/Components/LogoUploadCard.razor.rz.scp.css */
/*
 * LogoUploadCard scoped CSS — intentionally minimal.
 * Visual styles for `.image-upload-field*` live in App/wwwroot/css/app.css
 * (added in CF-028 TASK_01). This file only carries the tiny layout glue
 * needed for the AntDesign <Button>-wraps-<label> pattern.
 */

.logo-upload-label[b-ie5elwxurz] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    cursor: pointer;
}
/* /Features/Core/Settings/Pages/OrganizationSettings.razor.rz.scp.css */
/* ========================================
   Organization Settings Page — Dark Glassmorphism
   Component-specific styles only.

   Per F-079: AntDesign internals (.ant-spin-*, .ant-input, .ant-input-number,
   .ant-btn-*) are styled globally in overrides.css. This file keeps only
   page-specific layout (form rows, doc-numbering grid).
   ======================================== */

/* Settings Page Layout */
.settings-page[b-nz66nyaxaw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

/* Glass Card Sections — staggered entry animation; base styling from app.css */
.glass-card[b-nz66nyaxaw] {
    animation: slideUp 0.4s ease-out backwards;
}

.glass-card:nth-child(1)[b-nz66nyaxaw] { animation-delay: 0.05s; }
.glass-card:nth-child(2)[b-nz66nyaxaw] { animation-delay: 0.1s; }
.glass-card:nth-child(3)[b-nz66nyaxaw] { animation-delay: 0.15s; }
.glass-card:nth-child(4)[b-nz66nyaxaw] { animation-delay: 0.2s; }
.glass-card:nth-child(5)[b-nz66nyaxaw] { animation-delay: 0.25s; }
.glass-card:nth-child(6)[b-nz66nyaxaw] { animation-delay: 0.3s; }
.glass-card:nth-child(7)[b-nz66nyaxaw] { animation-delay: 0.35s; }

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


/* Form Row — narrower min-width for settings layout */
.form-row[b-nz66nyaxaw] {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

/* Retry Container — extra top margin (global has --space-md) */
.retry-container[b-nz66nyaxaw] {
    margin-top: var(--space-lg);
}

/* Document Numbering Table */
.doc-numbering-table[b-nz66nyaxaw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.doc-numbering-header[b-nz66nyaxaw] {
    display: grid;
    grid-template-columns: 1fr 150px 100px;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    font-weight: 600;
    color: var(--text-muted);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--glass-border);
}

.doc-numbering-row[b-nz66nyaxaw] {
    display: grid;
    grid-template-columns: 1fr 150px 100px;
    gap: var(--space-md);
    align-items: center;
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-sm);
    transition: background var(--transition-base);
}

.doc-numbering-row:hover[b-nz66nyaxaw] {
    background: var(--glass-bg);
}

.doc-type-col[b-nz66nyaxaw] {
    color: var(--text-primary);
    font-size: 0.875rem;
}

.retail-margin-disabled-tag[b-nz66nyaxaw] {
    margin-left: var(--space-sm);
}

/* Save Button Container */
.save-container[b-nz66nyaxaw] {
    padding-top: var(--space-md);
}

/* Responsive */
@media (max-width: 576px) {
    .form-row[b-nz66nyaxaw] {
        grid-template-columns: 1fr;
    }

    .doc-numbering-header[b-nz66nyaxaw],
    .doc-numbering-row[b-nz66nyaxaw] {
        grid-template-columns: 1fr;
        gap: var(--space-xs);
    }

    .doc-numbering-header[b-nz66nyaxaw] {
        display: none;
    }

    .doc-numbering-row[b-nz66nyaxaw] {
        padding: var(--space-md);
        border-bottom: 1px solid var(--glass-border);
    }
}
/* /Features/Core/Shipments/Pages/ShipmentDetail.razor.rz.scp.css */
.page-container[b-74zj5pf66r] {
    animation: slideUp-b-74zj5pf66r 0.5s ease-out;
}

.detail-page[b-74zj5pf66r] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.glass-card[b-74zj5pf66r] {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md);
}

.section-title[b-74zj5pf66r] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md-sm);
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: 500;
}


.header-card[b-74zj5pf66r] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md-sm);
}

.header-summary[b-74zj5pf66r] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md-sm);
    align-items: center;
    padding-bottom: var(--space-md-sm);
    border-bottom: 1px solid var(--glass-border);
}

.header-pill[b-74zj5pf66r] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.pill-label[b-74zj5pf66r] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.header-grid--readonly[b-74zj5pf66r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-md-sm);
}

.readonly-cell[b-74zj5pf66r] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.readonly-label[b-74zj5pf66r] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.readonly-value[b-74zj5pf66r] {
    color: var(--text-primary);
    font-size: var(--font-size-sm);
    font-weight: 500;
}

.order-link[b-74zj5pf66r] {
    color: var(--color-primary);
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    text-decoration: none;
}

.order-link:hover[b-74zj5pf66r] {
    text-decoration: underline;
}

.product-code[b-74zj5pf66r] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 500;
    color: var(--text-primary);
}

.numeric[b-74zj5pf66r] {
    font-variant-numeric: tabular-nums;
}

.actions-row[b-74zj5pf66r] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    justify-content: flex-end;
    padding: var(--space-md-sm) 0;
}

.back-button[b-74zj5pf66r] {
    margin-right: var(--space-sm);
}

@keyframes slideUp-b-74zj5pf66r {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .header-grid--readonly[b-74zj5pf66r] {
        grid-template-columns: 1fr;
    }

    .actions-row[b-74zj5pf66r] {
        justify-content: stretch;
        flex-direction: column;
    }

    .actions-row > :global(button)[b-74zj5pf66r] {
        width: 100%;
    }
}
/* /Features/Core/Shipments/Pages/ShipmentList.razor.rz.scp.css */
.page-container[b-j4h80qqhvk] {
    animation: slideUp-b-j4h80qqhvk 0.5s ease-out;
}


.filter-row[b-j4h80qqhvk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md-sm);
    align-items: end;
}

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

.filter-item--wide[b-j4h80qqhvk] {
    grid-column: span 2;
}

.filter-item--actions[b-j4h80qqhvk] {
    align-self: end;
}

.filter-label[b-j4h80qqhvk] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.empty-state[b-j4h80qqhvk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md-sm);
    padding: var(--space-xl) var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    text-align: center;
    animation: fadeIn-b-j4h80qqhvk 0.4s ease-out;
}

.empty-state .anticon[b-j4h80qqhvk] {
    font-size: 48px;
    color: var(--text-faint);
}

.empty-state h3[b-j4h80qqhvk] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-lg);
    font-weight: 500;
}

.empty-state p[b-j4h80qqhvk] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 380px;
}

.skeleton-row[b-j4h80qqhvk] {
    padding: var(--space-md-sm) var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-sm);
}

.order-number[b-j4h80qqhvk] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    color: var(--text-primary);
}

.partner-cell .partner-name[b-j4h80qqhvk] {
    color: var(--text-primary);
    font-weight: 500;
}

.partner-cell .partner-code[b-j4h80qqhvk] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.weight-cell[b-j4h80qqhvk] {
    font-variant-numeric: tabular-nums;
}

.pagination-container[b-j4h80qqhvk] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-md-sm);
}

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

@keyframes fadeIn-b-j4h80qqhvk {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}@media (max-width: 768px) {
    .filter-row[b-j4h80qqhvk] {
        grid-template-columns: 1fr;
    }

    .filter-item--wide[b-j4h80qqhvk] {
        grid-column: span 1;
    }}

@media (max-width: 480px) {
    .empty-state .anticon[b-j4h80qqhvk] {
        font-size: 40px;
    }

    .empty-state h3[b-j4h80qqhvk] {
        font-size: var(--font-size-md);
    }
}
/* /Features/Core/Transfers/Components/TransferStatusBadge.razor.rz.scp.css */
.tr-status-badge[b-plhj934am1] {
    font-weight: 500;
    font-size: var(--font-size-xs);
}
/* /Features/Core/Transfers/Pages/TransferCreate.razor.rz.scp.css */
.page-container[b-jrdqhev8tf] {
    animation: slideUp-b-jrdqhev8tf 0.5s ease-out;
}

.back-button[b-jrdqhev8tf] {
    margin-right: var(--space-sm);
}

.error-container[b-jrdqhev8tf] {
    margin-bottom: var(--space-md-sm);
}

.create-page[b-jrdqhev8tf] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.glass-card[b-jrdqhev8tf] {
    padding: var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.section-title[b-jrdqhev8tf] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md-sm);
    color: var(--text-primary);
    font-weight: 600;
    font-size: var(--font-size-md);
}


.section-subtitle[b-jrdqhev8tf] {
    color: var(--text-muted);
    font-weight: 400;
    font-size: var(--font-size-sm);
    margin-left: var(--space-xs);
}

.header-grid[b-jrdqhev8tf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md-sm);
}

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

.form-label[b-jrdqhev8tf] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

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

.form-hint--error[b-jrdqhev8tf] {
    color: var(--color-error);
}

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

.lines-empty[b-jrdqhev8tf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-lg) var(--space-md);
    text-align: center;
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    animation: fadeIn-b-jrdqhev8tf 0.4s ease-out;
}

.lines-empty .anticon[b-jrdqhev8tf] {
    font-size: 36px;
    color: var(--text-faint);
}

.lines-empty h4[b-jrdqhev8tf] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: 500;
}

.lines-empty p[b-jrdqhev8tf] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 380px;
}

.line-table[b-jrdqhev8tf] {
    width: 100%;
    border-collapse: collapse;
}

.line-table th[b-jrdqhev8tf],
.line-table td[b-jrdqhev8tf] {
    padding: var(--space-sm) var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.line-table th[b-jrdqhev8tf] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.line-table tfoot td[b-jrdqhev8tf] {
    border-bottom: none;
    border-top: 2px solid var(--glass-border);
    font-weight: 500;
    color: var(--text-primary);
}

.line-table .col-qty[b-jrdqhev8tf],
.line-table .col-price[b-jrdqhev8tf],
.line-table .col-total[b-jrdqhev8tf] {
    width: 140px;
}

.line-table .col-actions[b-jrdqhev8tf] {
    width: 48px;
    text-align: right;
}

.line-table td.num[b-jrdqhev8tf] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.line-table td.num.strong[b-jrdqhev8tf] {
    font-weight: 600;
    color: var(--text-primary);
}

.add-line-row[b-jrdqhev8tf] {
    margin-top: var(--space-md-sm);
    display: flex;
    justify-content: flex-start;
}

.actions-row[b-jrdqhev8tf] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding-top: var(--space-sm);
}

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

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

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

    .line-table[b-jrdqhev8tf] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .line-table .col-qty[b-jrdqhev8tf],
    .line-table .col-price[b-jrdqhev8tf],
    .line-table .col-total[b-jrdqhev8tf] {
        width: 120px;
    }
}

@media (max-width: 480px) {
    .actions-row[b-jrdqhev8tf] {
        flex-direction: column;
    }

    .actions-row > *[b-jrdqhev8tf] {
        width: 100%;
    }

    .lines-empty .anticon[b-jrdqhev8tf] {
        font-size: 32px;
    }
}
/* /Features/Core/Transfers/Pages/TransferDetail.razor.rz.scp.css */
.page-container[b-syvb3we2wg] {
    animation: slideUp-b-syvb3we2wg 0.5s ease-out;
}

.back-button[b-syvb3we2wg] {
    margin-right: var(--space-sm);
}

.error-container[b-syvb3we2wg] {
    margin-bottom: var(--space-md-sm);
}

.detail-page[b-syvb3we2wg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.glass-card[b-syvb3we2wg] {
    padding: var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.section-title[b-syvb3we2wg] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md-sm);
    color: var(--text-primary);
    font-weight: 600;
    font-size: var(--font-size-md);
}


.header-summary[b-syvb3we2wg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md-sm);
    margin-bottom: var(--space-md-sm);
    padding-bottom: var(--space-md-sm);
    border-bottom: 1px solid var(--glass-border);
}

.header-pill[b-syvb3we2wg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.pill-label[b-syvb3we2wg] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.header-grid--readonly[b-syvb3we2wg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md-sm);
}

.readonly-cell[b-syvb3we2wg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.readonly-label[b-syvb3we2wg] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.readonly-value[b-syvb3we2wg] {
    font-size: var(--font-size-sm);
    color: var(--text-primary);
}

.transfer-number-value[b-syvb3we2wg] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
}

.line-table[b-syvb3we2wg] {
    width: 100%;
    border-collapse: collapse;
}

.line-table th[b-syvb3we2wg],
.line-table td[b-syvb3we2wg] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.line-table th[b-syvb3we2wg] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.line-table .col-qty[b-syvb3we2wg],
.line-table .col-price[b-syvb3we2wg],
.line-table .col-total[b-syvb3we2wg] {
    width: 140px;
}

.line-table .col-actions[b-syvb3we2wg] {
    width: 48px;
    text-align: right;
}

.line-table td.num[b-syvb3we2wg] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.product-cell[b-syvb3we2wg] {
    display: flex;
    flex-direction: column;
}

.product-cell .product-code[b-syvb3we2wg] {
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.product-cell .product-name[b-syvb3we2wg] {
    color: var(--text-primary);
    font-weight: 500;
}

.add-line-row[b-syvb3we2wg] {
    margin-top: var(--space-md-sm);
    display: flex;
    justify-content: flex-start;
}

.actions-row[b-syvb3we2wg] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding-top: var(--space-sm);
}

.not-found[b-syvb3we2wg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md-sm);
    padding: var(--space-xl) var(--space-md);
    background: var(--glass-bg);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    text-align: center;
}

.not-found .anticon[b-syvb3we2wg] {
    font-size: 48px;
    color: var(--text-faint);
}

.not-found h3[b-syvb3we2wg] {
    margin: 0;
    color: var(--text-primary);
}

.not-found p[b-syvb3we2wg] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
}

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

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

    .line-table[b-syvb3we2wg] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    .actions-row[b-syvb3we2wg] {
        flex-direction: column;
    }

    .actions-row > *[b-syvb3we2wg] {
        width: 100%;
    }
}
/* /Features/Core/Transfers/Pages/TransferList.razor.rz.scp.css */
.page-container[b-jhvf1uqbvp] {
    animation: slideUp-b-jhvf1uqbvp 0.5s ease-out;
}


.filter-row[b-jhvf1uqbvp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md-sm);
    align-items: end;
}

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

.filter-item--wide[b-jhvf1uqbvp] {
    grid-column: span 2;
}

.filter-item--actions[b-jhvf1uqbvp] {
    align-self: end;
}

.filter-label[b-jhvf1uqbvp] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.empty-state[b-jhvf1uqbvp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md-sm);
    padding: var(--space-xl) var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    text-align: center;
    animation: fadeIn-b-jhvf1uqbvp 0.4s ease-out;
}

.empty-state .anticon[b-jhvf1uqbvp] {
    font-size: 48px;
    color: var(--text-faint);
}

.empty-state h3[b-jhvf1uqbvp] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-lg);
    font-weight: 500;
}

.empty-state p[b-jhvf1uqbvp] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 420px;
}

.skeleton-row[b-jhvf1uqbvp] {
    padding: var(--space-md-sm) var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-sm);
}

.transfer-number[b-jhvf1uqbvp] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    color: var(--text-primary);
}

.warehouse-pair[b-jhvf1uqbvp] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--text-primary);
}

.warehouse-pair .anticon[b-jhvf1uqbvp] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.warehouse-pair__source[b-jhvf1uqbvp] {
    color: var(--text-primary);
}

.warehouse-pair__dest[b-jhvf1uqbvp] {
    color: var(--text-primary);
    font-weight: 500;
}

.amount-cell[b-jhvf1uqbvp] {
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    color: var(--text-primary);
}

.pagination-container[b-jhvf1uqbvp] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-md-sm);
}

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

@keyframes fadeIn-b-jhvf1uqbvp {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}@media (max-width: 768px) {
    .filter-row[b-jhvf1uqbvp] {
        grid-template-columns: 1fr;
    }

    .filter-item--wide[b-jhvf1uqbvp] {
        grid-column: span 1;
    }    [b-jhvf1uqbvp] .transfers-table {
        overflow-x: auto;
    }
}

@media (max-width: 480px) {
    .empty-state .anticon[b-jhvf1uqbvp] {
        font-size: 40px;
    }

    .empty-state h3[b-jhvf1uqbvp] {
        font-size: var(--font-size-md);
    }
}
/* /Features/Core/Vehicles/Components/VehicleServiceRecordModal.razor.rz.scp.css */
.form-row[b-zfzztly1cm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

@media (max-width: 768px) {
    .form-row[b-zfzztly1cm] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Vehicles/Pages/VehicleDetail.razor.rz.scp.css */
.page-container[b-ev46uzbh52] {
    animation: slideUp 0.5s ease-out;
}

.plate-number-large[b-ev46uzbh52] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-primary);
    margin: 0;
}

.back-button[b-ev46uzbh52] {
    margin-right: 8px;
}

.header-actions[b-ev46uzbh52] {
    display: flex;
    gap: 8px;
}

.section-title[b-ev46uzbh52] {
    font-weight: 600;
    font-size: var(--font-size-base);
    color: var(--text-primary);
    margin-bottom: 12px;
}

.detail-list[b-ev46uzbh52] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 12px;
    margin: 0;
}

.detail-list dt[b-ev46uzbh52] {
    color: var(--text-secondary);
    font-size: 0.9em;
}

.detail-list dd[b-ev46uzbh52] {
    color: var(--text-primary);
    margin: 0;
    word-break: break-word;
}

.tab-actions[b-ev46uzbh52] {
    display: flex;
    justify-content: flex-end;
    margin: 12px 0;
}

.page-loading[b-ev46uzbh52] {
    display: flex;
    justify-content: center;
    padding: 48px;
}

.chip-success[b-ev46uzbh52],
.chip-warning[b-ev46uzbh52],
.chip-danger[b-ev46uzbh52],
.chip-muted[b-ev46uzbh52] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 0.85em;
    font-weight: 500;
}

.chip-success[b-ev46uzbh52] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.chip-warning[b-ev46uzbh52] {
    background: var(--color-warning-soft);
    color: var(--color-warning);
}

.chip-danger[b-ev46uzbh52] {
    background: var(--color-error-soft);
    color: var(--color-error);
}

.chip-muted[b-ev46uzbh52] {
    background: var(--glass-bg-light);
    color: var(--text-muted);
}

.chip-muted--strike[b-ev46uzbh52] {
    text-decoration: line-through;
}

@media (max-width: 768px) {
    .plate-number-large[b-ev46uzbh52] {
        font-size: 1.25rem;
    }

    .header-actions[b-ev46uzbh52] {
        flex-direction: column;
        width: 100%;
    }

}
/* /Features/Core/Vehicles/Pages/VehicleList.razor.rz.scp.css */
.page-container[b-t6p7i7hchz] {
    animation: slideUp 0.5s ease-out;
}

.plate-number[b-t6p7i7hchz] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: var(--text-primary);
}

.make-model .make[b-t6p7i7hchz] {
    color: var(--text-primary);
    font-weight: 500;
}

.make-model .year[b-t6p7i7hchz] {
    color: var(--text-secondary);
    font-size: 0.85em;
}

.skeleton-row[b-t6p7i7hchz] {
    padding: 12px 16px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    margin-bottom: 8px;
}

.pagination-container[b-t6p7i7hchz] {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.empty-description[b-t6p7i7hchz] {
    color: var(--text-secondary);
    margin-bottom: 16px;
}

.chip-success[b-t6p7i7hchz],
.chip-warning[b-t6p7i7hchz],
.chip-danger[b-t6p7i7hchz],
.chip-muted[b-t6p7i7hchz] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 0.85em;
    font-weight: 500;
}

.chip-success[b-t6p7i7hchz] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.chip-warning[b-t6p7i7hchz] {
    background: var(--color-warning-soft);
    color: var(--color-warning);
}

.chip-danger[b-t6p7i7hchz] {
    background: var(--color-error-soft);
    color: var(--color-error);
}

.chip-muted[b-t6p7i7hchz] {
    background: var(--glass-bg-light);
    color: var(--text-muted);
}

.chip-muted--strike[b-t6p7i7hchz] {
    text-decoration: line-through;
}

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

    .filter-item[b-t6p7i7hchz] {
        width: 100%;
    }

    .vehicles-table[b-t6p7i7hchz] {
        font-size: 0.9em;
    }
}
/* /Features/Core/Warehouses/Pages/OpeningInventoryCreate.razor.rz.scp.css */
/* ========================================
   Opening Inventory Create Page - Dark Glassmorphism
   Component-specific styles only.
   ======================================== */

/* Create Page Layout */
.create-page[b-83ow1sd07a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

/* Glass Card Sections — entry animation only; base styling from app.css */
.glass-card[b-83ow1sd07a] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

/* Error Container */
.error-container[b-83ow1sd07a] {
    margin-bottom: var(--space-lg);
}

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

/* Quantity cell right-aligned */
.quantity-cell[b-83ow1sd07a] {
    display: block;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Add Line Button */
.add-line-container[b-83ow1sd07a] {
    margin-top: var(--space-md);
}

/* Footer */
.footer-container[b-83ow1sd07a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-lg);
}

/* Grand Total */
.grand-total[b-83ow1sd07a] {
    display: flex;
    align-items: baseline;
    gap: var(--space-md);
}

.grand-total__label[b-83ow1sd07a] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.grand-total__value[b-83ow1sd07a] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-primary);
    font-variant-numeric: tabular-nums;
}

/* Action Buttons — default size; padding-top reset for footer context */
.actions-container[b-83ow1sd07a] {
    padding-top: 0;
}

/* Responsive */
@media (max-width: 576px) {
    .footer-container[b-83ow1sd07a] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/Warehouses/Pages/OpeningInventoryDetail.razor.rz.scp.css */
/* ========================================
   Opening Inventory Detail Page - Dark Glassmorphism
   Component-specific styles only.
   ======================================== */

/* Detail Page Layout */
.detail-page[b-uniav7cb0g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

/* Loading Container */
.loading-container[b-uniav7cb0g] {
    padding: var(--space-xl) 0;
}

/* Glass Card Sections — entry animation only; base styling from app.css */
.glass-card[b-uniav7cb0g] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

/* Info Grid */
.info-grid[b-uniav7cb0g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-lg);
}

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

.info-label[b-uniav7cb0g] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    font-weight: 500;
}

.info-value[b-uniav7cb0g] {
    font-size: 0.9375rem;
    color: var(--text-primary);
    font-weight: 500;
}

.total-value[b-uniav7cb0g] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-primary);
    font-variant-numeric: tabular-nums;
}

/* Error Container */
.error-container[b-uniav7cb0g] {
    margin-bottom: var(--space-lg);
}

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

/* Code column monospace */
.code-cell[b-uniav7cb0g] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

/* Quantity cell right-aligned */
.quantity-cell[b-uniav7cb0g] {
    display: block;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Add Line Button */
.add-line-container[b-uniav7cb0g] {
    margin-top: var(--space-md);
}

/* Grand Total (inline in lines card) */
.grand-total--inline[b-uniav7cb0g] {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    gap: var(--space-md);
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--glass-border);
}

.grand-total__label[b-uniav7cb0g] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.grand-total__value[b-uniav7cb0g] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-primary);
    font-variant-numeric: tabular-nums;
}

/* Responsive */
@media (max-width: 576px) {
    .info-grid[b-uniav7cb0g] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Core/Warehouses/Pages/WarehouseDetail.razor.rz.scp.css */
/* ========================================
   Warehouse Detail Page - Dark Glassmorphism
   Component-specific styles only.
   ======================================== */

/* Loading Container */
.loading-container[b-ab3v2nuy4e] {
    padding: var(--space-xl) 0;
}

/* Glass Card Sections — entry animation only; base styling from app.css */
.glass-card[b-ab3v2nuy4e] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

/* Warehouse Code Badge */
.warehouse-code[b-ab3v2nuy4e] {
    font-family: var(--font-mono);
    font-size: 0.875rem;
    color: var(--text-muted);
    margin-right: var(--space-sm);
}

/* Tab Content */
.tab-content[b-ab3v2nuy4e] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding-top: var(--space-lg);
}

/* Tab Actions Bar */
.tab-actions[b-ab3v2nuy4e] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-md);
}

/* Error Container */
.error-container[b-ab3v2nuy4e] {
    margin-bottom: var(--space-lg);
}

/* Back Button */
.back-button[b-ab3v2nuy4e] {
    margin-right: var(--space-sm);
}/* Code column monospace */
.code-cell[b-ab3v2nuy4e] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

/* Quantity column right-aligned */
.quantity-cell[b-ab3v2nuy4e] {
    display: block;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Pagination — tighter top padding than global */
.pagination-container[b-ab3v2nuy4e] {
    padding-top: var(--space-md);
}

/* Responsive */
@media (max-width: 576px) {
    .tab-actions[b-ab3v2nuy4e] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Core/Warehouses/Pages/WarehouseList.razor.rz.scp.css */
/* ========================================
   Warehouse List Page - Dark Glassmorphism
   Component-specific styles only.
   ======================================== */

/* Warehouse Card Grid */
.warehouse-grid[b-yer5irsfj8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--space-lg);
}

/* Glass Card — entry animation only; base styling from app.css */
.glass-card[b-yer5irsfj8] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

/* Warehouse Card */
.warehouse-card[b-yer5irsfj8] {
    cursor: pointer;
    transition: all var(--transition-fast);
}

.warehouse-card:hover[b-yer5irsfj8] {
    border-color: var(--color-primary);
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(var(--color-black-rgb), 0.3);
}

.warehouse-card__header[b-yer5irsfj8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-md);
}

.warehouse-card__name[b-yer5irsfj8] {
    font-family: var(--font-display);
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    margin-right: var(--space-sm);
}

.warehouse-card__code[b-yer5irsfj8] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    color: var(--text-muted);
    background: rgba(var(--color-white-rgb), 0.05);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.warehouse-card__badges[b-yer5irsfj8] {
    display: flex;
    gap: var(--space-xs);
    margin-bottom: var(--space-md);
}

.warehouse-card__address[b-yer5irsfj8] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: 0.8125rem;
    color: var(--text-muted);
    margin: 0;
}

.warehouse-card__address[b-yer5irsfj8]  .anticon {
    font-size: 14px;
}

/* Skeleton Card */
.skeleton-card[b-yer5irsfj8] {
    min-height: 120px;
}

/* Empty description */
.empty-description[b-yer5irsfj8] {
    color: var(--text-muted);
    margin-bottom: var(--space-md);
}

/* Pagination */
.pagination-container[b-yer5irsfj8] {
    padding: 0;
    margin-top: var(--space-lg);
}

/* Retry Container — extra top margin (global has --space-md) */
.retry-container[b-yer5irsfj8] {
    margin-top: var(--space-lg);
}
/* /Features/Core/Workers/Components/WorkerForm.razor.rz.scp.css */
/* WorkerForm — drawer-hosted form body for create/edit (F-096 TASK_07).
   The roles checkbox group needs explicit vertical stacking because
   AntDesign Checkbox renders inline-flex by default. */

.roles-checkbox-group[b-uucp1idgkp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}
/* /Features/Core/Workers/Pages/WorkerDetail.razor.rz.scp.css */
/* ========================================
   Worker Detail Page - Dark Glassmorphism
   Component-specific styles only.
   detail-page-grid layout is global in app.css.
   ======================================== */

/* Loading Container */
.loading-container[b-7tsml84gol] {
    padding: var(--space-xl) 0;
}

/* Glass Card Sections — entry animation only; base styling from app.css */
.glass-card[b-7tsml84gol] {
    animation: slideUp 0.5s ease-out;
    animation-fill-mode: both;
}

/* Section heading inside a glass-card */
.section-title[b-7tsml84gol] {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-primary);
    margin: 0 0 var(--space-md) 0;
}

.section-title--with-icon[b-7tsml84gol] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

/* Roles Checkbox Group */
.roles-checkbox-group[b-7tsml84gol] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* Header action buttons (page-header--with-actions slot) */
.header-actions[b-7tsml84gol] {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

/* Side-column action row (Save Roles button) */
.side-actions[b-7tsml84gol] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-md);
}

/* Error Container */
.error-container[b-7tsml84gol] {
    margin-bottom: var(--space-lg);
}

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

/* /Features/Core/Workers/Pages/WorkerList.razor.rz.scp.css */
/* ========================================
   Worker List Page - Dark Glassmorphism
   Component-specific styles only.
   AntDesign overrides: overrides.css
   ======================================== */

.workers-table[b-ptjl1vetz4] {
    animation: slideUp 0.5s ease-out;
}

/* Table wrapper */
.table-card[b-ptjl1vetz4] {
    padding: var(--space-md);
}

/* Empty state molecule */
.empty-state[b-ptjl1vetz4] {
    padding: var(--space-xl);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
}

.empty-state__icon[b-ptjl1vetz4] {
    font-size: 3rem;
    color: var(--text-muted);
}

.empty-state__title[b-ptjl1vetz4] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    color: var(--text-primary);
    margin: 0;
}

.empty-state__description[b-ptjl1vetz4] {
    color: var(--text-muted);
    margin: 0;
    max-width: 480px;
}

/* Pagination */
.pagination-container[b-ptjl1vetz4] {
    padding: 0;
    margin-top: var(--space-lg);
}

/* Retry Container — extra top margin (global has --space-md) */
.retry-container[b-ptjl1vetz4] {
    margin-top: var(--space-lg);
}
/* /Features/Core/WorkOrders/Components/WorkOrderStatusBadge.razor.rz.scp.css */
.wo-status-badge[b-34cfh2g2b4] {
    font-weight: 500;
    font-size: var(--font-size-xs);
}
/* /Features/Core/WorkOrders/Pages/WorkOrderCreate.razor.rz.scp.css */
.page-container[b-o6tea9dr7o] {
    animation: slideUp-b-o6tea9dr7o 0.5s ease-out;
}

.back-button[b-o6tea9dr7o] {
    margin-right: var(--space-sm);
}

.error-container[b-o6tea9dr7o] {
    margin-bottom: var(--space-md-sm);
}

.create-page[b-o6tea9dr7o] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.glass-card[b-o6tea9dr7o] {
    padding: var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.section-title[b-o6tea9dr7o] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md-sm);
    color: var(--text-primary);
    font-weight: 600;
    font-size: var(--font-size-md);
}


.section-subtitle[b-o6tea9dr7o] {
    color: var(--text-muted);
    font-weight: 400;
    font-size: var(--font-size-sm);
    margin-left: var(--space-xs);
}

.header-grid[b-o6tea9dr7o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md-sm);
}

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

.form-label[b-o6tea9dr7o] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

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

.form-hint--error[b-o6tea9dr7o] {
    color: var(--color-error);
}

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

.lines-empty[b-o6tea9dr7o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-lg) var(--space-md);
    text-align: center;
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    animation: fadeIn-b-o6tea9dr7o 0.4s ease-out;
}

.lines-empty .anticon[b-o6tea9dr7o] {
    font-size: 36px;
    color: var(--text-faint);
}

.lines-empty h4[b-o6tea9dr7o] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-md);
    font-weight: 500;
}

.lines-empty p[b-o6tea9dr7o] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 380px;
}

.line-table[b-o6tea9dr7o] {
    width: 100%;
    border-collapse: collapse;
}

.line-table th[b-o6tea9dr7o],
.line-table td[b-o6tea9dr7o] {
    padding: var(--space-sm) var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.line-table th[b-o6tea9dr7o] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.line-table tfoot td[b-o6tea9dr7o] {
    border-bottom: none;
    border-top: 2px solid var(--glass-border);
    font-weight: 500;
    color: var(--text-primary);
}

.line-table .col-qty[b-o6tea9dr7o],
.line-table .col-price[b-o6tea9dr7o],
.line-table .col-total[b-o6tea9dr7o] {
    width: 140px;
}

.line-table .col-actions[b-o6tea9dr7o] {
    width: 48px;
    text-align: right;
}

.line-table td.num[b-o6tea9dr7o] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.line-table td.num.strong[b-o6tea9dr7o] {
    font-weight: 600;
    color: var(--text-primary);
}

.add-line-row[b-o6tea9dr7o] {
    margin-top: var(--space-md-sm);
    display: flex;
    justify-content: flex-start;
}

.actions-row[b-o6tea9dr7o] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding-top: var(--space-sm);
}

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

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

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

    .line-table[b-o6tea9dr7o] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .line-table .col-qty[b-o6tea9dr7o],
    .line-table .col-price[b-o6tea9dr7o],
    .line-table .col-total[b-o6tea9dr7o] {
        width: 120px;
    }
}

@media (max-width: 480px) {
    .actions-row[b-o6tea9dr7o] {
        flex-direction: column;
    }

    .actions-row > *[b-o6tea9dr7o] {
        width: 100%;
    }

    .lines-empty .anticon[b-o6tea9dr7o] {
        font-size: 32px;
    }
}
/* /Features/Core/WorkOrders/Pages/WorkOrderDetail.razor.rz.scp.css */
.page-container[b-z06cxaqig0] {
    animation: slideUp-b-z06cxaqig0 0.5s ease-out;
}

.back-button[b-z06cxaqig0] {
    margin-right: var(--space-sm);
}

.error-container[b-z06cxaqig0] {
    margin-bottom: var(--space-md-sm);
}

.detail-page[b-z06cxaqig0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.glass-card[b-z06cxaqig0] {
    padding: var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.section-title[b-z06cxaqig0] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md-sm);
    color: var(--text-primary);
    font-weight: 600;
    font-size: var(--font-size-md);
}


.header-summary[b-z06cxaqig0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md-sm);
    margin-bottom: var(--space-md-sm);
    padding-bottom: var(--space-md-sm);
    border-bottom: 1px solid var(--glass-border);
}

.header-pill[b-z06cxaqig0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.pill-label[b-z06cxaqig0] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.header-grid--readonly[b-z06cxaqig0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md-sm);
}

.readonly-cell[b-z06cxaqig0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.readonly-label[b-z06cxaqig0] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.readonly-value[b-z06cxaqig0] {
    font-size: var(--font-size-sm);
    color: var(--text-primary);
}

.work-order-number-value[b-z06cxaqig0] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
}

.line-table[b-z06cxaqig0] {
    width: 100%;
    border-collapse: collapse;
}

.line-table th[b-z06cxaqig0],
.line-table td[b-z06cxaqig0] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--glass-border);
    vertical-align: middle;
}

.line-table th[b-z06cxaqig0] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.line-table .col-qty[b-z06cxaqig0],
.line-table .col-price[b-z06cxaqig0],
.line-table .col-total[b-z06cxaqig0],
.line-table .col-actual[b-z06cxaqig0] {
    width: 140px;
}

.line-table .col-actions[b-z06cxaqig0] {
    width: 48px;
    text-align: right;
}

.line-table td.num[b-z06cxaqig0] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.product-cell[b-z06cxaqig0] {
    display: flex;
    flex-direction: column;
}

.product-cell .product-code[b-z06cxaqig0] {
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.product-cell .product-name[b-z06cxaqig0] {
    color: var(--text-primary);
    font-weight: 500;
}

.add-line-row[b-z06cxaqig0] {
    margin-top: var(--space-md-sm);
    display: flex;
    justify-content: flex-start;
}

.actions-row[b-z06cxaqig0] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding-top: var(--space-sm);
}

.not-found[b-z06cxaqig0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md-sm);
    padding: var(--space-xl) var(--space-md);
    background: var(--glass-bg);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    text-align: center;
}

.not-found .anticon[b-z06cxaqig0] {
    font-size: 48px;
    color: var(--text-faint);
}

.not-found h3[b-z06cxaqig0] {
    margin: 0;
    color: var(--text-primary);
}

.not-found p[b-z06cxaqig0] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
}

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

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

    .line-table[b-z06cxaqig0] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    .actions-row[b-z06cxaqig0] {
        flex-direction: column;
    }

    .actions-row > *[b-z06cxaqig0] {
        width: 100%;
    }
}
/* /Features/Core/WorkOrders/Pages/WorkOrderList.razor.rz.scp.css */
.page-container[b-48eapwpj33] {
    animation: slideUp-b-48eapwpj33 0.5s ease-out;
}


.filter-row[b-48eapwpj33] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md-sm);
    align-items: end;
}

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

.filter-item--wide[b-48eapwpj33] {
    grid-column: span 2;
}

.filter-item--actions[b-48eapwpj33] {
    align-self: end;
}

.filter-label[b-48eapwpj33] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.empty-state[b-48eapwpj33] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md-sm);
    padding: var(--space-xl) var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-md);
    text-align: center;
    animation: fadeIn-b-48eapwpj33 0.4s ease-out;
}

.empty-state .anticon[b-48eapwpj33] {
    font-size: 48px;
    color: var(--text-faint);
}

.empty-state h3[b-48eapwpj33] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--font-size-lg);
    font-weight: 500;
}

.empty-state p[b-48eapwpj33] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    max-width: 420px;
}

.skeleton-row[b-48eapwpj33] {
    padding: var(--space-md-sm) var(--space-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-sm);
}

.work-order-number[b-48eapwpj33] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    color: var(--text-primary);
}

.warehouse-pair[b-48eapwpj33] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--text-primary);
}

.warehouse-pair .anticon[b-48eapwpj33] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
}

.warehouse-pair__source[b-48eapwpj33] {
    color: var(--text-primary);
}

.warehouse-pair__dest[b-48eapwpj33] {
    color: var(--text-primary);
    font-weight: 500;
}

.amount-cell[b-48eapwpj33] {
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    color: var(--text-primary);
}

.pagination-container[b-48eapwpj33] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-md-sm);
}

@keyframes slideUp-b-48eapwpj33 {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn-b-48eapwpj33 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}@media (max-width: 768px) {
    .filter-row[b-48eapwpj33] {
        grid-template-columns: 1fr;
    }

    .filter-item--wide[b-48eapwpj33] {
        grid-column: span 1;
    }    [b-48eapwpj33] .work-orders-table {
        overflow-x: auto;
    }
}

@media (max-width: 480px) {
    .empty-state .anticon[b-48eapwpj33] {
        font-size: 40px;
    }

    .empty-state h3[b-48eapwpj33] {
        font-size: var(--font-size-md);
    }
}
/* /Features/Shared/Help/HelpLink.razor.rz.scp.css */
.help-link[b-lmc0dzusgx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    opacity: 0.7;
    transition: all var(--transition-fast);
    margin-left: var(--space-sm);
    text-decoration: none;
}

.help-link:hover[b-lmc0dzusgx] {
    opacity: 1;
    color: var(--color-primary);
}

.help-link[b-lmc0dzusgx]  .anticon {
    font-size: 18px;
}
/* /Features/Shared/Help/HelpPopover.razor.rz.scp.css */
.help-popover-trigger[b-rtoryilw7e] {
    padding: 2px 6px;
    min-width: auto;
    height: auto;
    color: var(--text-secondary);
    opacity: 0.6;
    transition: all var(--transition-fast);
}

.help-popover-trigger:hover[b-rtoryilw7e] {
    opacity: 1;
    color: var(--color-primary);
    background: transparent !important;
}

.help-popover-trigger[b-rtoryilw7e]  .anticon {
    font-size: 14px;
}

.help-popover-content[b-rtoryilw7e] {
    max-width: 280px;
    padding: var(--space-xs);
}

.help-summary[b-rtoryilw7e] {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-primary);
    line-height: 1.5;
    font-size: 0.8125rem;
}

.help-learn-more[b-rtoryilw7e] {
    color: var(--color-primary);
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all var(--transition-fast);
}

.help-learn-more:hover[b-rtoryilw7e] {
    color: var(--color-primary-light);
    text-decoration: underline;
}
/* /Features/Shared/Notifications/Components/NotificationBell.razor.rz.scp.css */
.notification-bell-container[b-8uj9iofwb5] {
    position: relative;
    display: inline-block;
}

.notification-bell-button[b-8uj9iofwb5] {
    background: transparent;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-bell-button:hover[b-8uj9iofwb5] {
    background: var(--glass-bg-light);
    color: var(--text-primary);
}

.notification-badge[b-8uj9iofwb5] {
    position: absolute;
    top: 2px;
    right: 2px;
    background: var(--color-primary);
    color: white;
    font-size: 0.625rem;
    font-weight: 600;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}

.notification-dropdown[b-8uj9iofwb5] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 380px;
    max-width: calc(100vw - 32px);
    max-height: 480px;
    background: var(--color-bg-dark-secondary);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    box-shadow: 0 8px 32px rgba(var(--color-black-rgb), 0.4),
    0 1px 1px rgba(var(--color-white-rgb), 0.05) inset;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--text-primary);
    line-height: 1.5;
}

.notification-dropdown-header[b-8uj9iofwb5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid var(--glass-border);
}

.notification-dropdown-title[b-8uj9iofwb5] {
    font-weight: 600;
    color: var(--text-primary);
}

.mark-all-read-button[b-8uj9iofwb5] {
    background: transparent;
    border: none;
    color: var(--color-primary);
    cursor: pointer;
    font-size: 12px;
    padding: 4px var(--space-sm);
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
}

.mark-all-read-button:hover[b-8uj9iofwb5] {
    background: var(--glass-bg-light);
}

.notification-dropdown-content[b-8uj9iofwb5] {
    flex: 1;
    overflow-y: auto;
    max-height: 340px;
}

.notification-loading[b-8uj9iofwb5],
.notification-empty[b-8uj9iofwb5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: var(--text-muted);
    gap: 12px;
}

.notification-dropdown-footer[b-8uj9iofwb5] {
    padding: 12px 16px;
    border-top: 1px solid var(--glass-border);
    text-align: center;
}

.view-all-link[b-8uj9iofwb5] {
    color: var(--color-primary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

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

.notification-backdrop[b-8uj9iofwb5] {
    position: fixed;
    inset: 0;
    z-index: 999;
}
/* /Features/Shared/Notifications/Components/NotificationItem.razor.rz.scp.css */
.notification-item[b-b6g4rc3t3m] {
    display: flex;
    align-items: flex-start;
    padding: var(--space-sm) var(--space-md);
    gap: var(--space-sm);
    cursor: pointer;
    transition: background var(--transition-fast);
    border-bottom: 1px solid var(--glass-border);
    border-left: 3px solid transparent;
}

.notification-item:last-child[b-b6g4rc3t3m] {
    border-bottom: none;
}

.notification-item:hover[b-b6g4rc3t3m] {
    background: var(--glass-bg-light);
}

.notification-item.unread[b-b6g4rc3t3m] {
    background: rgba(var(--color-primary-rgb), 0.05);
    border-left-color: var(--color-primary);
}

.notification-icon[b-b6g4rc3t3m] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-icon.category-system[b-b6g4rc3t3m] {
    background: rgba(var(--color-white-rgb), 0.08);
    color: var(--text-secondary);
}

.notification-icon.category-billing[b-b6g4rc3t3m] {
    background: rgba(var(--color-success-rgb), 0.15);
    color: var(--color-success-light);
}

.notification-icon.category-announcement[b-b6g4rc3t3m] {
    background: rgba(var(--color-primary-rgb), 0.2);
    color: var(--color-primary);
}

.notification-icon.category-processing[b-b6g4rc3t3m] {
    background: rgba(var(--color-info-rgb), 0.15);
    color: var(--color-info-light);
}

.notification-icon.category-default[b-b6g4rc3t3m] {
    background: var(--glass-bg-light);
    color: var(--text-secondary);
}

.notification-content[b-b6g4rc3t3m] {
    flex: 1;
    min-width: 0;
}

.notification-title[b-b6g4rc3t3m] {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--text-primary);
    letter-spacing: -0.01em;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-message[b-b6g4rc3t3m] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    margin-bottom: 4px;
    line-height: 1.4;
}

.notification-meta[b-b6g4rc3t3m] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.notification-time[b-b6g4rc3t3m] {
    font-size: 12px;
    color: var(--text-muted);
}

.notification-priority[b-b6g4rc3t3m] {
    font-size: 0.625rem;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    text-transform: uppercase;
}

.notification-priority.urgent[b-b6g4rc3t3m] {
    background: rgba(var(--color-error-rgb), 0.15);
    color: var(--color-error-light);
}

.notification-priority.warning[b-b6g4rc3t3m] {
    background: rgba(var(--color-warning-rgb), 0.15);
    color: var(--color-warning-light);
}

.notification-mark-read[b-b6g4rc3t3m] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    opacity: 0;
    transition: all 0.2s ease;
}

.notification-item:hover .notification-mark-read[b-b6g4rc3t3m] {
    opacity: 1;
}

.notification-mark-read:hover[b-b6g4rc3t3m] {
    background: var(--glass-bg-light);
    color: var(--color-primary);
}
/* /Features/Shared/Notifications/Pages/NotificationsPage.razor.rz.scp.css */
/* Notification card list */
.notification-feed[b-ozn2dt163i] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.notification-card[b-ozn2dt163i] {
    padding: var(--space-lg);
    cursor: pointer;
    transition: all var(--transition-fast);
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    animation: pageSlideUp 0.5s ease-out backwards;
    animation-delay: calc(var(--i, 0) * 0.05s);
}

.notification-card:hover[b-ozn2dt163i] {
    border-color: var(--glass-border-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(var(--color-black-rgb), 0.3);
}

.notification-card.unread[b-ozn2dt163i] {
    border-left: 3px solid var(--color-info);
    background: rgba(var(--color-primary-rgb), 0.03);
}

.notification-icon[b-ozn2dt163i] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 20px;
}

.notification-icon.category-system[b-ozn2dt163i] {
    background: rgba(var(--color-gray-rgb), 0.2);
    color: var(--text-muted);
}

.notification-icon.category-billing[b-ozn2dt163i] {
    background: rgba(var(--color-success-rgb), 0.2);
    color: var(--color-success);
}

.notification-icon.category-announcement[b-ozn2dt163i] {
    background: rgba(var(--color-primary-rgb), 0.2);
    color: var(--text-primary);
}

.notification-icon.category-processing[b-ozn2dt163i] {
    background: rgba(var(--color-info-rgb), 0.2);
    color: var(--color-info);
}

.notification-icon.category-default[b-ozn2dt163i] {
    background: rgba(var(--color-white-rgb), 0.1);
    color: var(--text-secondary);
}

.notification-body[b-ozn2dt163i] {
    flex: 1;
    min-width: 0;
    padding-right: var(--space-xl);
}

.notification-header[b-ozn2dt163i] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 4px;
    gap: var(--space-sm);
}

.notification-title[b-ozn2dt163i] {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--text-primary);
    letter-spacing: -0.01em;
}

.notification-time[b-ozn2dt163i] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    flex-shrink: 0;
    white-space: nowrap;
}

.notification-message[b-ozn2dt163i] {
    color: var(--text-secondary);
    margin: 0 0 var(--space-sm) 0;
    line-height: 1.5;
    font-size: 0.9375rem;
}

.notification-footer[b-ozn2dt163i] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.notification-category[b-ozn2dt163i] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mark-read-btn[b-ozn2dt163i] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 8px;
    border-radius: 6px;
    opacity: 0;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-card:hover .mark-read-btn[b-ozn2dt163i] {
    opacity: 1;
}

.mark-read-btn:hover[b-ozn2dt163i] {
    background: var(--glass-bg-light);
    color: var(--color-primary);
}

.notification-arrow[b-ozn2dt163i] {
    position: absolute;
    right: var(--space-md);
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 16px;
    transition: all var(--transition-fast);
}

.notification-card:hover .notification-arrow[b-ozn2dt163i] {
    color: var(--color-primary);
    transform: translateY(-50%) translateX(4px);
}

.load-more-container[b-ozn2dt163i] {
    display: flex;
    justify-content: center;
    margin-top: var(--space-lg);
}


/* Empty state — glass card background */
[b-ozn2dt163i] .ant-empty {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
}


/* Responsive */
@media (max-width: 576px) {
    .notification-card[b-ozn2dt163i] {
        padding: var(--space-md);
    }

    .notification-header[b-ozn2dt163i] {
        flex-direction: column;
        gap: 4px;
    }

    .notification-time[b-ozn2dt163i] {
        font-size: 0.75rem;
    }

    .notification-icon[b-ozn2dt163i] {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .notification-arrow[b-ozn2dt163i] {
        display: none;
    }

    .mark-read-btn[b-ozn2dt163i] {
        opacity: 1;
    }
}
/* /Features/Shared/Status/Components/StatusIndicator.razor.rz.scp.css */
.status-indicator[b-ac20ko78sb] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    text-decoration: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.status-indicator:hover[b-ac20ko78sb] {
    background: var(--glass-bg-light);
}

/* Status Dot */
.status-dot[b-ac20ko78sb] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    transition: background-color var(--transition-base);
}

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

.dot-degraded[b-ac20ko78sb] {
    background-color: var(--color-warning);
    animation: pulse-dot-b-ac20ko78sb 2s ease-in-out infinite;
}

.dot-partial-outage[b-ac20ko78sb] {
    background-color: var(--color-primary);
    animation: pulse-dot-b-ac20ko78sb 1.5s ease-in-out infinite;
}

.dot-major-outage[b-ac20ko78sb] {
    background-color: var(--color-error);
    animation: pulse-dot-b-ac20ko78sb 1s ease-in-out infinite;
}

.dot-unknown[b-ac20ko78sb] {
    background-color: rgba(var(--color-white-rgb), 0.3);
}

@keyframes pulse-dot-b-ac20ko78sb {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
        transform: scale(1.3);
    }
}

/* Status Text */
.status-text[b-ac20ko78sb] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    white-space: nowrap;
}

/* Mobile: hide text, show only dot */
@media (max-width: 768px) {
    .status-text[b-ac20ko78sb] {
        display: none;
    }

    .status-indicator[b-ac20ko78sb] {
        padding: 4px 6px;
    }
}
/* /Features/Support/FeatureRequests/Pages/CreateFeatureRequest.razor.rz.scp.css */
/* ========================================
   Create Feature Request Page
   Component-specific styles only.
   AntDesign overrides: overrides.css
   Glass card utility: app.css (.glass-card)
   ======================================== */

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

/* Form Container */
.form-container[b-jfha72r80x] {
    padding: 32px;
    animation: slideUp 0.5s ease-out;
}

/* Upgrade Prompt */
.upgrade-prompt[b-jfha72r80x] {
    padding: 48px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.upgrade-prompt h2[b-jfha72r80x] {
    color: var(--text-primary);
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.upgrade-prompt p[b-jfha72r80x] {
    color: var(--text-secondary);
    font-size: 14px;
    max-width: 400px;
    margin: 0;
}

.upgrade-prompt[b-jfha72r80x]  .anticon.upgrade-icon {
    font-size: 48px;
    color: var(--color-primary);
}

/* File Upload Area */
.upload-area[b-jfha72r80x] {
    position: relative;
    cursor: pointer;
}

/* Completely hide the native file input */
.file-input[b-jfha72r80x] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
    font-size: 0 !important;
}

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

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

.upload-label[b-jfha72r80x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    border: 2px dashed var(--glass-border-light);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all 0.2s ease;
    background: var(--glass-bg);
    min-height: 120px;
    position: relative;
    z-index: 1;
    pointer-events: none;
}

.upload-area:hover .upload-label[b-jfha72r80x] {
    border-color: var(--color-primary);
    background: rgba(var(--color-primary-rgb), 0.08);
}

.upload-label[b-jfha72r80x]  .anticon {
    font-size: 32px;
    color: var(--text-muted);
    margin-bottom: 8px;
}

.upload-label span[b-jfha72r80x] {
    color: var(--text-secondary);
    margin-top: 4px;
}

.upload-hint[b-jfha72r80x] {
    font-size: 12px;
    color: var(--text-muted) !important;
    margin-top: 4px !important;
}

.file-upload-list[b-jfha72r80x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 12px;
}

.file-upload-item[b-jfha72r80x] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: var(--radius-sm);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
}

.file-upload-item.failed[b-jfha72r80x] {
    border-color: var(--color-error);
}

.file-upload-item.completed[b-jfha72r80x]  .anticon:first-child {
    color: var(--color-success);
}

.file-upload-item.failed[b-jfha72r80x]  .anticon:first-child {
    color: var(--color-error);
}

.file-name[b-jfha72r80x] {
    flex: 1;
    color: var(--text-secondary);
    font-size: var(--font-size-xs2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-error[b-jfha72r80x] {
    font-size: 12px;
    color: var(--color-error);
}

/* Form Actions */
.form-actions[b-jfha72r80x] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
}

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

    .upgrade-prompt[b-jfha72r80x] {
        padding: 32px 20px;
    }
}
/* /Features/Support/FeatureRequests/Pages/FeatureRequestDetail.razor.rz.scp.css */
/* ========================================
   Feature Request Detail Page
   Component-specific styles only.
   AntDesign overrides: overrides.css
   Glass card utility: app.css (.glass-card)
   ======================================== */

/* Back Navigation */
.back-navigation[b-nj0nwitb8d] {
    margin-bottom: 16px;
}

/* Header */
.fr-detail-header[b-nj0nwitb8d] {
    padding: 24px;
    animation: slideUp 0.5s ease-out;
    margin-bottom: 16px;
}

.fr-number[b-nj0nwitb8d] {
    font-family: var(--font-mono);
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 8px;
}

.fr-title[b-nj0nwitb8d] {
    margin: 0 0 16px 0;
    color: var(--text-primary);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--font-display);
    letter-spacing: -0.01em;
}

.fr-meta[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.planned-date[b-nj0nwitb8d],
.created-date[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--text-secondary);
    font-size: var(--font-size-xs2);
}

/* Vote Section */
.vote-section[b-nj0nwitb8d] {
    padding: 20px 24px;
    margin-bottom: 16px;
}

.vote-content[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.vote-count[b-nj0nwitb8d] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
}

.vote-button[b-nj0nwitb8d] {
    transition: all 0.2s ease;
}

.vote-button:active[b-nj0nwitb8d] {
    transform: scale(0.95);
}

.vote-button.voted[b-nj0nwitb8d] {
    animation: votePopIn-b-nj0nwitb8d 0.3s ease-out;
}

@keyframes votePopIn-b-nj0nwitb8d {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Description Section */
.description-section[b-nj0nwitb8d] {
    padding: 24px;
    margin-bottom: 16px;
}

.description-content[b-nj0nwitb8d] {
    color: var(--text-secondary);
    line-height: 1.6;
    white-space: pre-wrap;
}

.attachments-section[b-nj0nwitb8d] {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.attachment-link[b-nj0nwitb8d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(var(--color-white-rgb), 0.05);
    border-radius: 6px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: var(--font-size-xs2);
    transition: all 0.2s ease;
}

.attachment-link:hover[b-nj0nwitb8d] {
    background: rgba(var(--color-white-rgb), 0.1);
    color: var(--color-primary);
}

.attachment-size[b-nj0nwitb8d] {
    color: var(--text-muted);
}

.owner-actions[b-nj0nwitb8d] {
    margin-top: 20px;
    display: flex;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--glass-border);
}

.edit-actions[b-nj0nwitb8d] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
}

/* Comments Section */
.comments-section[b-nj0nwitb8d] {
    margin-bottom: 16px;
}

.comments-section h2[b-nj0nwitb8d] {
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
}

.no-comments[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-muted);
    font-size: 14px;
    padding: 24px;
    justify-content: center;
}

.no-comments[b-nj0nwitb8d]  .anticon {
    font-size: 20px;
}

.comments-container[b-nj0nwitb8d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.comment[b-nj0nwitb8d] {
    padding: 20px;
    border-radius: 12px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    animation: pageSlideUp 0.3s ease-out;
}

.comment.admin-comment[b-nj0nwitb8d] {
    border-left: 3px solid var(--color-primary);
}

.comment.user-comment[b-nj0nwitb8d] {
    border-left: 3px solid var(--text-secondary);
}

.comment-header[b-nj0nwitb8d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.comment-author[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.author-label[b-nj0nwitb8d] {
    font-weight: 500;
    color: var(--text-primary);
}

.edited-indicator[b-nj0nwitb8d] {
    font-size: 12px;
    color: var(--text-muted);
    font-style: italic;
}

.comment-time[b-nj0nwitb8d] {
    font-size: 12px;
    color: var(--text-muted);
}

.comment-content[b-nj0nwitb8d] {
    color: var(--text-secondary);
    line-height: 1.6;
    white-space: pre-wrap;
}

.comment-attachments[b-nj0nwitb8d] {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.comment-actions[b-nj0nwitb8d] {
    margin-top: 12px;
    display: flex;
    gap: 4px;
    padding-top: 8px;
    border-top: 1px solid var(--glass-border);
}

.comment-edit-form[b-nj0nwitb8d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.comment-edit-actions[b-nj0nwitb8d] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 4px;
}

/* Comment Form */
.comment-form[b-nj0nwitb8d] {
    padding: 24px;
    margin-bottom: 16px;
}

.comment-form h3[b-nj0nwitb8d] {
    margin: 0 0 16px 0;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 500;
}

/* File upload (same as TicketDetail) */
.upload-area-small[b-nj0nwitb8d] {
    position: relative;
    display: inline-block;
}

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

.upload-label-small[b-nj0nwitb8d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--glass-border);
    border-radius: 6px;
    cursor: pointer;
    color: var(--text-secondary);
    transition: all 0.2s ease;
}

.upload-label-small:hover[b-nj0nwitb8d] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.file-upload-list[b-nj0nwitb8d] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 12px;
}

.file-upload-item[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: var(--radius-sm);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
}

.file-upload-item.failed[b-nj0nwitb8d] {
    border-color: var(--color-error);
}

.file-upload-item.completed[b-nj0nwitb8d]  .anticon:first-child {
    color: var(--color-success);
}

.file-upload-item.failed[b-nj0nwitb8d]  .anticon:first-child {
    color: var(--color-error);
}

.file-name[b-nj0nwitb8d] {
    flex: 1;
    color: var(--text-secondary);
    font-size: var(--font-size-xs2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-error[b-nj0nwitb8d] {
    font-size: 12px;
    color: var(--color-error);
}

/* Upgrade Prompt */
.upgrade-prompt[b-nj0nwitb8d] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    margin-bottom: 16px;
}

.upgrade-prompt[b-nj0nwitb8d]  .anticon.upgrade-icon {
    font-size: 32px;
    color: var(--color-primary);
}

.upgrade-text[b-nj0nwitb8d] {
    flex: 1;
}

.upgrade-text strong[b-nj0nwitb8d] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 4px;
}

.upgrade-text p[b-nj0nwitb8d] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
}

/* Responsive */
@media (max-width: 480px) {
    .fr-detail-header[b-nj0nwitb8d],
    .vote-section[b-nj0nwitb8d],
    .description-section[b-nj0nwitb8d],
    .comment-form[b-nj0nwitb8d],
    .upgrade-prompt[b-nj0nwitb8d] {
        padding: 16px;
    }

    .fr-title[b-nj0nwitb8d] {
        font-size: 20px;
    }

    .fr-meta[b-nj0nwitb8d] {
        gap: 8px;
    }

    .comment-header[b-nj0nwitb8d] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .upgrade-prompt[b-nj0nwitb8d] {
        flex-direction: column;
        text-align: center;
    }

    .owner-actions[b-nj0nwitb8d] {
        flex-direction: column;
    }
}
/* /Features/Support/FeatureRequests/Pages/FeatureRequestList.razor.rz.scp.css */
/* Feature request card list */
.fr-list[b-qhbqmsh0l4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.fr-card[b-qhbqmsh0l4] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    cursor: pointer;
    transition: all var(--transition-fast);
    position: relative;
    animation: pageSlideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.fr-card:hover[b-qhbqmsh0l4] {
    border-color: var(--glass-border-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(var(--color-black-rgb), 0.3);
}

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

.fr-number[b-qhbqmsh0l4] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.fr-badges[b-qhbqmsh0l4] {
    display: flex;
    gap: var(--space-sm);
}

.fr-title[b-qhbqmsh0l4] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.01em;
}

.fr-description[b-qhbqmsh0l4] {
    font-size: 0.875rem;
    color: var(--text-muted);
    margin-bottom: var(--space-sm);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: var(--space-xl);
}

.fr-meta[b-qhbqmsh0l4] {
    display: flex;
    gap: var(--space-lg);
    font-size: 0.8125rem;
    color: var(--text-secondary);
    flex-wrap: wrap;
}

.fr-meta span[b-qhbqmsh0l4] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.fr-meta[b-qhbqmsh0l4]  .anticon {
    font-size: 14px;
}

.fr-votes[b-qhbqmsh0l4]  .anticon {
    color: var(--color-primary);
}

.fr-arrow[b-qhbqmsh0l4] {
    position: absolute;
    right: var(--space-md);
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 16px;
    transition: all var(--transition-fast);
    display: none;
}

.fr-card:hover .fr-arrow[b-qhbqmsh0l4] {
    color: var(--color-primary);
    transform: translateY(-50%) translateX(4px);
}

/* Pagination */
.pagination-container[b-qhbqmsh0l4] {
    padding: 0;
    margin-top: var(--space-lg);
}

/* Staggered animation for feature request cards */
.fr-list > .fr-card:nth-child(1)[b-qhbqmsh0l4] {
    animation-delay: 0.05s;
}

.fr-list > .fr-card:nth-child(2)[b-qhbqmsh0l4] {
    animation-delay: 0.1s;
}

.fr-list > .fr-card:nth-child(3)[b-qhbqmsh0l4] {
    animation-delay: 0.15s;
}

.fr-list > .fr-card:nth-child(4)[b-qhbqmsh0l4] {
    animation-delay: 0.2s;
}

.fr-list > .fr-card:nth-child(5)[b-qhbqmsh0l4] {
    animation-delay: 0.25s;
}

.fr-list > .fr-card:nth-child(6)[b-qhbqmsh0l4] {
    animation-delay: 0.3s;
}

.fr-list > .fr-card:nth-child(7)[b-qhbqmsh0l4] {
    animation-delay: 0.35s;
}

.fr-list > .fr-card:nth-child(8)[b-qhbqmsh0l4] {
    animation-delay: 0.4s;
}

.fr-list > .fr-card:nth-child(9)[b-qhbqmsh0l4] {
    animation-delay: 0.45s;
}

.fr-list > .fr-card:nth-child(10)[b-qhbqmsh0l4] {
    animation-delay: 0.5s;
}
/* /Features/Support/Pages/CreateTicket.razor.rz.scp.css */
/* ========================================
   Create Ticket Page
   Component-specific styles only.
   AntDesign overrides: overrides.css
   Glass card utility: app.css (.glass-card)
   ======================================== */

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

/* Form Container */
.form-container[b-w50k284ekv] {
    padding: 32px;
    animation: slideUp 0.5s ease-out;
}

.form-row[b-w50k284ekv] {
    display: flex;
    gap: 24px;
}

/* File Upload Area */
.upload-area[b-w50k284ekv] {
    position: relative;
    cursor: pointer;
}

/* Completely hide the native file input */
.file-input[b-w50k284ekv] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
    font-size: 0 !important;
}

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

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

.upload-label[b-w50k284ekv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    border: 2px dashed var(--glass-border-light);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all 0.2s ease;
    background: var(--glass-bg);
    min-height: 120px;
    position: relative;
    z-index: 1;
    pointer-events: none;
}

.upload-area:hover .upload-label[b-w50k284ekv] {
    border-color: var(--color-primary);
    background: rgba(var(--color-primary-rgb), 0.08);
}

.upload-label[b-w50k284ekv]  .anticon {
    font-size: 32px;
    color: var(--text-muted);
    margin-bottom: 8px;
}

.upload-label span[b-w50k284ekv] {
    color: var(--text-secondary);
    margin-top: 4px;
}

.upload-hint[b-w50k284ekv] {
    font-size: 12px;
    color: var(--text-muted) !important;
    margin-top: 4px !important;
}

.selected-files[b-w50k284ekv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.file-upload-list[b-w50k284ekv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 12px;
}

.file-upload-item[b-w50k284ekv] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: var(--radius-sm);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
}

.file-upload-item.failed[b-w50k284ekv] {
    border-color: var(--color-error);
}

.file-upload-item.completed[b-w50k284ekv]  .anticon:first-child {
    color: var(--color-success);
}

.file-upload-item.failed[b-w50k284ekv]  .anticon:first-child {
    color: var(--color-error);
}

.file-name[b-w50k284ekv] {
    flex: 1;
    color: var(--text-secondary);
    font-size: var(--font-size-xs2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-error[b-w50k284ekv] {
    font-size: 12px;
    color: var(--color-error);
}

/* Reference Section */
.reference-section[b-w50k284ekv] {
    padding: 8px 0;
}

.reference-not-found[b-w50k284ekv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px;
    color: var(--text-muted);
}

.reference-not-found[b-w50k284ekv]  .anticon {
    font-size: 24px;
}

.reference-help[b-w50k284ekv] {
    color: var(--text-secondary);
    font-size: 14px;
    margin-bottom: 16px;
}

/* Form Actions */
.form-actions[b-w50k284ekv] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
}

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

    .form-row[b-w50k284ekv] {
        flex-direction: column;
        gap: 0;
    }
}
/* /Features/Support/Pages/TicketDetail.razor.rz.scp.css */
/* Back Navigation */
.back-navigation[b-wfmkzsc8tg] {
    margin-bottom: 16px;
}


.ticket-header[b-wfmkzsc8tg] {
    padding: 24px;
    margin-bottom: 16px;
    animation: slideUp 0.5s ease-out;
}

.ticket-number[b-wfmkzsc8tg] {
    font-family: var(--font-mono);
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 8px;
}

.ticket-subject[b-wfmkzsc8tg] {
    margin: 0 0 16px 0;
    color: var(--text-primary);
    font-size: 24px;
    font-weight: 600;
}

.ticket-meta[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.created-date[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--text-secondary);
    font-size: var(--font-size-xs2);
}

.referenced-ticket[b-wfmkzsc8tg] {
    padding: 16px 20px;
    margin-bottom: 16px;
}

.reference-label[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-secondary);
    margin-bottom: 8px;
}

.reference-link[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}

.reference-link:hover[b-wfmkzsc8tg] {
    color: var(--color-primary);
}

.ref-number[b-wfmkzsc8tg] {
    font-family: var(--font-mono);
    color: var(--text-secondary);
}

.ref-subject[b-wfmkzsc8tg] {
    color: var(--text-primary);
    flex: 1;
}

.conversation-section[b-wfmkzsc8tg] {
    margin-bottom: 24px;
}

.conversation-section h2[b-wfmkzsc8tg] {
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
}

.messages-container[b-wfmkzsc8tg] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.message[b-wfmkzsc8tg] {
    padding: 20px;
    border-radius: 12px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
}

.message.admin-message[b-wfmkzsc8tg] {
    border-left: 3px solid var(--color-primary);
}

.message.user-message[b-wfmkzsc8tg] {
    border-left: 3px solid var(--text-secondary);
}

.message-header[b-wfmkzsc8tg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.author[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.author-label[b-wfmkzsc8tg] {
    font-weight: 500;
    color: var(--text-primary);
}

.message-time[b-wfmkzsc8tg] {
    font-size: 12px;
    color: var(--text-muted);
}

.message-content[b-wfmkzsc8tg] {
    color: var(--text-secondary);
    line-height: 1.6;
    white-space: pre-wrap;
}

.message-attachments[b-wfmkzsc8tg] {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.attachment-link[b-wfmkzsc8tg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(var(--color-white-rgb), 0.05);
    border-radius: 6px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: var(--font-size-xs2);
    transition: all 0.2s ease;
}

.attachment-link:hover[b-wfmkzsc8tg] {
    background: rgba(var(--color-white-rgb), 0.1);
    color: var(--color-primary);
}

.attachment-size[b-wfmkzsc8tg] {
    color: var(--text-muted);
}

.reply-section[b-wfmkzsc8tg] {
    padding: 24px;
}

.reply-section h3[b-wfmkzsc8tg] {
    margin: 0 0 16px 0;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 500;
}

.upload-area-small[b-wfmkzsc8tg] {
    position: relative;
    display: inline-block;
}

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

.upload-label-small[b-wfmkzsc8tg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--glass-border);
    border-radius: 6px;
    cursor: pointer;
    color: var(--text-secondary);
    transition: all 0.2s ease;
}

.upload-label-small:hover[b-wfmkzsc8tg] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.selected-files[b-wfmkzsc8tg] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.file-upload-list[b-wfmkzsc8tg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 12px;
}

.file-upload-item[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: var(--radius-sm);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
}

.file-upload-item.failed[b-wfmkzsc8tg] {
    border-color: var(--color-error);
}

.file-upload-item.completed[b-wfmkzsc8tg]  .anticon:first-child {
    color: var(--color-success);
}

.file-upload-item.failed[b-wfmkzsc8tg]  .anticon:first-child {
    color: var(--color-error);
}

.file-name[b-wfmkzsc8tg] {
    flex: 1;
    color: var(--text-secondary);
    font-size: var(--font-size-xs2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-error[b-wfmkzsc8tg] {
    font-size: 12px;
    color: var(--color-error);
}

.closed-notice[b-wfmkzsc8tg] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
}

.closed-text[b-wfmkzsc8tg] {
    flex: 1;
}

.closed-text strong[b-wfmkzsc8tg] {
    color: var(--text-primary);
    display: block;
    margin-bottom: 4px;
}

.closed-text p[b-wfmkzsc8tg] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
}

@media (max-width: 480px) {

    .ticket-header[b-wfmkzsc8tg],
    .reply-section[b-wfmkzsc8tg],
    .closed-notice[b-wfmkzsc8tg] {
        padding: 16px;
    }

    .ticket-subject[b-wfmkzsc8tg] {
        font-size: 20px;
    }

    .ticket-meta[b-wfmkzsc8tg] {
        gap: 8px;
    }

    .closed-notice[b-wfmkzsc8tg] {
        flex-direction: column;
        text-align: center;
    }

    .message-header[b-wfmkzsc8tg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
/* /Features/Support/Pages/TicketList.razor.rz.scp.css */
/* Ticket card list */
.tickets-list[b-aa3r3cwff6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.ticket-card[b-aa3r3cwff6] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    cursor: pointer;
    transition: all var(--transition-fast);
    position: relative;
    animation: pageSlideUp 0.5s ease-out;
    animation-fill-mode: both;
}

.ticket-card:hover[b-aa3r3cwff6] {
    border-color: var(--glass-border-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(var(--color-black-rgb), 0.3);
}

.ticket-card.has-unread[b-aa3r3cwff6] {
    border-left: 3px solid var(--color-primary);
}

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

.ticket-number[b-aa3r3cwff6] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.ticket-badges[b-aa3r3cwff6] {
    display: flex;
    gap: var(--space-sm);
}

.ticket-subject[b-aa3r3cwff6] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.01em;
}

.ticket-meta[b-aa3r3cwff6] {
    display: flex;
    gap: var(--space-lg);
    font-size: 0.8125rem;
    color: var(--text-secondary);
    flex-wrap: wrap;
    flex-direction: column;
    gap: var(--space-xs);
}

.ticket-meta span[b-aa3r3cwff6] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ticket-meta[b-aa3r3cwff6]  .anticon {
    font-size: 14px;
}

.ticket-preview[b-aa3r3cwff6] {
    margin-top: var(--space-sm);
    font-size: 0.875rem;
    color: var(--text-muted);
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: var(--space-xl);
}

.unread-indicator[b-aa3r3cwff6] {
    display: inline-block;
    margin-top: var(--space-sm);
}

.ticket-arrow[b-aa3r3cwff6] {
    position: absolute;
    right: var(--space-md);
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 16px;
    transition: all var(--transition-fast);
    display: none;
}

.ticket-card:hover .ticket-arrow[b-aa3r3cwff6] {
    color: var(--color-primary);
    transform: translateY(-50%) translateX(4px);
}

/* Pagination — TicketList uses margin instead of padding */
.pagination-container[b-aa3r3cwff6] {
    padding: 0;
    margin-top: var(--space-lg);
}

/* Staggered animation for ticket cards */
.tickets-list > .ticket-card:nth-child(1)[b-aa3r3cwff6] {
    animation-delay: 0.05s;
}

.tickets-list > .ticket-card:nth-child(2)[b-aa3r3cwff6] {
    animation-delay: 0.1s;
}

.tickets-list > .ticket-card:nth-child(3)[b-aa3r3cwff6] {
    animation-delay: 0.15s;
}

.tickets-list > .ticket-card:nth-child(4)[b-aa3r3cwff6] {
    animation-delay: 0.2s;
}

.tickets-list > .ticket-card:nth-child(5)[b-aa3r3cwff6] {
    animation-delay: 0.25s;
}

.tickets-list > .ticket-card:nth-child(6)[b-aa3r3cwff6] {
    animation-delay: 0.3s;
}

.tickets-list > .ticket-card:nth-child(7)[b-aa3r3cwff6] {
    animation-delay: 0.35s;
}

.tickets-list > .ticket-card:nth-child(8)[b-aa3r3cwff6] {
    animation-delay: 0.4s;
}

.tickets-list > .ticket-card:nth-child(9)[b-aa3r3cwff6] {
    animation-delay: 0.45s;
}

.tickets-list > .ticket-card:nth-child(10)[b-aa3r3cwff6] {
    animation-delay: 0.5s;
}
/* /Layout/AuthLayout.razor.rz.scp.css */
/* ========================================
   Auth Layout - Glassmorphism Design
   ======================================== */

.auth-page[b-nbiknupy81] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--gradient-bg);
    position: relative;
    overflow: hidden;
}

/* Animated background orbs */
.auth-page[b-nbiknupy81]::before,
.auth-page[b-nbiknupy81]::after {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(80px);
    animation: float-b-nbiknupy81 20s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
    will-change: transform;
}

.auth-page[b-nbiknupy81]::before {
    background: radial-gradient(circle, rgba(var(--color-primary-rgb), 0.3), transparent 70%);
    top: -200px;
    left: -200px;
}

.auth-page[b-nbiknupy81]::after {
    background: radial-gradient(circle, var(--color-primary-bg-medium), transparent 70%);
    bottom: -200px;
    right: -200px;
    animation-delay: -10s;
}

@keyframes float-b-nbiknupy81 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50%      { transform: translate(50px, -30px) scale(1.1); }
}

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .auth-page[b-nbiknupy81]::before,
    .auth-page[b-nbiknupy81]::after {
        animation: none;
    }
}

/* Auth content layers above orbs */
.auth-page > *[b-nbiknupy81] {
    position: relative;
    z-index: 1;
}

/* Header */
.auth-header[b-nbiknupy81] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 2rem;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--glass-border);
    position: relative;
    z-index: 10;
}

.auth-logo a[b-nbiknupy81] {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.auth-logo-img[b-nbiknupy81] {
    height: 2rem;
    width: auto;
    transition: var(--transition-base);
}

.auth-logo a:hover .auth-logo-img[b-nbiknupy81] {
    filter: brightness(1.1);
}

.auth-language[b-nbiknupy81] {
    display: flex;
    align-items: center;
}

/* Main content area */
.auth-main[b-nbiknupy81] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-xl);
    position: relative;
    z-index: 1;
}

/* Glass container */
.auth-container[b-nbiknupy81] {
    width: 100%;
    max-width: 440px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    box-shadow: 0 4px 24px var(--glass-shadow),
    0 1px 1px var(--glass-bg) inset,
    0 -1px 1px var(--shadow-inset-subtle) inset;
    padding: var(--space-2xl);
    position: relative;
    overflow: hidden;
    animation: slideUp 0.6s ease-out;
}

/* Subtle inner glow */
.auth-container[b-nbiknupy81]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
            90deg,
            transparent 0%,
            var(--glass-border) 50%,
            transparent 100%
    );
}

/* Accent glow behind card */
.auth-container[b-nbiknupy81]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    background: radial-gradient(
            ellipse at center,
            rgba(var(--color-primary-rgb), 0.08) 0%,
            transparent 60%
    );
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
}

/* Animation: slideUp defined in app.css */

/* Footer */
.auth-footer[b-nbiknupy81] {
    padding: 1.25rem 2rem;
    text-align: center;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid var(--glass-border);
    position: relative;
    z-index: 10;
    margin-top: auto;
}

.footer-content[b-nbiknupy81] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: 0.01em;
}

/* Mobile responsive */
@media (max-width: 480px) {
    .auth-header[b-nbiknupy81] {
        padding: 1rem 1.25rem;
    }

    .auth-main[b-nbiknupy81] {
        padding: var(--space-md);
    }

    .auth-container[b-nbiknupy81] {
        padding: var(--space-lg);
        max-width: 100%;
        border-radius: var(--radius-lg);
    }

    .auth-logo-img[b-nbiknupy81] {
        height: 1.75rem;
    }

    .auth-page[b-nbiknupy81]::before {
        width: 300px;
        height: 300px;
        top: -150px;
        left: -150px;
    }

    .auth-page[b-nbiknupy81]::after {
        width: 300px;
        height: 300px;
        bottom: -150px;
        right: -150px;
    }
}

/* Tablet */
@media (min-width: 481px) and (max-width: 768px) {
    .auth-container[b-nbiknupy81] {
        max-width: 400px;
    }
}

/* ========================================
   Auth-page shared rules — across Login /
   Register / LoginConfirm / RegisterConfirm
   (::deep reaches into @Body content)
   ======================================== */

/* `::deep .ant-spin-nested-loading > div > .ant-spin { max-height: unset }` is already
   provided globally in App/wwwroot/css/overrides.css. */

/* Confirm-page footer links — inline-flex with back-arrow icon */
[b-nbiknupy81] .auth-footer-links--inline a {
    color: var(--text-secondary);
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

[b-nbiknupy81] .auth-footer-links--inline a::after {
    display: none;
}

[b-nbiknupy81] .auth-footer-links--inline a:hover {
    color: var(--color-primary);
}

[b-nbiknupy81] .auth-footer-links--inline a .anticon {
    font-size: 0.875rem;
    transition: transform var(--transition-fast);
}

[b-nbiknupy81] .auth-footer-links--inline a:hover .anticon {
    transform: translateX(-3px);
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* ========================================
   Main Layout - Dark Glassmorphism Theme
   ======================================== */

.main-layout[b-6ybmg00zxv] {
    height: 100vh;
    overflow: hidden;
    background: var(--gradient-bg);
}

[b-6ybmg00zxv] .layout-container {
    height: 100vh;
    background: transparent !important;
}

/* Mobile Menu Backdrop */
.mobile-menu-backdrop[b-6ybmg00zxv] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--color-black-rgb), 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 150;
    animation: fadeIn 0.3s ease;
}

/* Animation: fadeIn defined in app.css */

/* Sidebar */
[b-6ybmg00zxv] .main-sider {
    background: var(--color-bg-dark-secondary) !important;
    border-right: 1px solid var(--glass-border);
    position: fixed !important;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100vh !important;
    z-index: 100;
    transition: transform 0.3s ease;
}

/* Sider children + trigger (collapse button) chrome live in overrides.css —
   targeting .ant-layout-sider-* from scoped CSS is banned (L1 design-lint Rule 5);
   the global rules cover the same selectors with all properties. */

/* Logo */
.logo[b-6ybmg00zxv] {
    height: 64px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--glass-border);
    flex-shrink: 0;
    overflow: hidden;
}

.logo-full[b-6ybmg00zxv] {
    height: 26px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.logo-icon[b-6ybmg00zxv] {
    height: 32px;
    width: auto;
}

/* Content Layout */
[b-6ybmg00zxv] .content-layout {
    background: transparent !important;
    margin-left: 200px;
    transition: margin-left 0.2s;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Collapsed-sider content-layout margin lives in overrides.css — same banned-selector rule. */

/* Header */
[b-6ybmg00zxv] .main-header {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--glass-border);
    padding: 0 !important;
    height: 64px;
    line-height: 64px;
    flex-shrink: 0;
    z-index: 99;
}

.header-content[b-6ybmg00zxv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 24px;
}

/* Sidebar Toggle Button */
[b-6ybmg00zxv] .sidebar-toggle-btn {
    color: var(--text-secondary) !important;
    font-size: 18px !important;
    padding: 8px !important;
    height: auto !important;
    width: auto !important;
    min-width: auto !important;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-6ybmg00zxv] .sidebar-toggle-btn:hover {
    color: var(--color-primary) !important;
    background: var(--glass-bg-light) !important;
}

[b-6ybmg00zxv] .sidebar-toggle-btn .anticon {
    font-size: 18px;
}

.header-spacer[b-6ybmg00zxv] {
    flex: 1;
}

.header-actions[b-6ybmg00zxv] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.user-section[b-6ybmg00zxv] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-email[b-6ybmg00zxv] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

/* Subscription Tags */
[b-6ybmg00zxv] .subscription-tag {
    border: none !important;
    font-weight: 500;
    font-size: 0.75rem;
    padding: 2px 10px;
    border-radius: 12px;
}

[b-6ybmg00zxv] .subscription-tag.tier-free {
    background: var(--glass-bg-light) !important;
    color: var(--text-muted) !important;
}

[b-6ybmg00zxv] .subscription-tag.tier-pro {
    background: rgba(var(--color-tier-starter-rgb), 0.2) !important;
    color: var(--color-tier-starter) !important;
}

[b-6ybmg00zxv] .subscription-tag.tier-plus {
    background: rgba(var(--color-tier-pro-rgb), 0.2) !important;
    color: var(--color-tier-pro) !important;
}

[b-6ybmg00zxv] .subscription-tag.tier-max {
    background: rgba(var(--color-primary-rgb), 0.2) !important;
    color: var(--color-primary-light) !important;
}

/* Logout Button */
[b-6ybmg00zxv] .logout-btn {
    color: var(--text-muted) !important;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    height: auto;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
}

[b-6ybmg00zxv] .logout-btn:hover {
    color: var(--color-error-light) !important;
    background: rgba(var(--color-error-rgb), 0.1) !important;
}

.logout-text[b-6ybmg00zxv] {
    font-size: 0.875rem;
}

/* Main Content */
[b-6ybmg00zxv] .main-content {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.content-wrapper[b-6ybmg00zxv] {
    position: relative; /* For DevPathBadge positioning */
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Footer */
[b-6ybmg00zxv] .main-footer {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid var(--glass-border);
    color: var(--text-muted) !important;
    height: 56px;
    padding: 0 24px !important;
    text-align: center;
    font-size: 0.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
}

.footer-divider[b-6ybmg00zxv] {
    color: var(--glass-border-light);
}

/* Responsive */
@media (max-width: 768px) {
    /* Mobile: Hide sidebar off-screen by default */
    [b-6ybmg00zxv] .main-sider {
        transform: translateX(-100%);
        z-index: 200;
    }

    /* Mobile: Show sidebar when menu is open */
    [b-6ybmg00zxv] .main-sider.mobile-open {
        transform: translateX(0);
    }

    /* Mobile: collapse-trigger hide rule lives in overrides.css (banned selector here). */

    /* Mobile: Remove margin from content */
    [b-6ybmg00zxv] .content-layout {
        margin-left: 0 !important;
    }

    .header-content[b-6ybmg00zxv] {
        padding: 0 16px;
    }

    .header-actions[b-6ybmg00zxv] {
        gap: 8px;
    }

    [b-6ybmg00zxv] .sidebar-toggle-btn {
        padding: 6px !important;
        font-size: 16px !important;
    }

    .user-email[b-6ybmg00zxv] {
        display: none;
    }

    .logout-text[b-6ybmg00zxv] {
        display: none;
    }

    [b-6ybmg00zxv] .logout-btn {
        padding: 4px 8px;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* ========================================
   Navigation Menu — Dark Theme with Orange Accent

   All ant-menu styling for `.mlekerp-menu` lives in `App/wwwroot/css/overrides.css`
   (the global home for AntDesign overrides). Per F-079 design discipline,
   `::deep .ant-menu-*` rules cannot live in component-scoped CSS.
   ======================================== */