/* /Presentation/Components/CashFlow/CashFlowFilterBar.razor.rz.scp.css */
.global-filter-bar[b-bacb07yl21] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem;
    padding: 0;
    background: transparent;
}

.filter-bar-left[b-bacb07yl21],
.filter-bar-right[b-bacb07yl21] {
    display: flex;
    flex: 1 1 48%;
    flex-wrap: wrap;
    gap: 0.9rem;
    align-items: flex-start;
}

.filter-bar-right[b-bacb07yl21] {
    justify-content: flex-end;
}

.quick-presets[b-bacb07yl21] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    background: #eef2ff;
    padding: 0.35rem;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.15);
}

.preset-btn[b-bacb07yl21] {
    border: none;
    background: transparent;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #3b82f6;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.preset-btn:hover[b-bacb07yl21] {
    background: rgba(255, 255, 255, 0.6);
    color: #1d4ed8;
}

.preset-btn.active[b-bacb07yl21] {
    background: #ffffff;
    color: #1d4ed8;
    box-shadow: inset 0 0 0 1px rgba(29, 78, 216, 0.25), 0 4px 15px rgba(15, 23, 42, 0.08);
}

.filter-item[b-bacb07yl21] {
    display: flex;
    align-items: center;
}

.active-filters[b-bacb07yl21] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.filter-chip[b-bacb07yl21] {
    background: #f1f5f9;
    color: #0f172a;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

[b-bacb07yl21] .compact-picker.e-daterangepicker.e-input-group,
[b-bacb07yl21] .compact-dropdown.e-dropdownlist.e-input-group,
[b-bacb07yl21] .compact-multiselect.e-multiselect.e-input-group {
    border-radius: 0.65rem;
    background-color: #f8fafc;
    border-color: rgba(15, 23, 42, 0.08);
}

.btn-filter-reset[b-bacb07yl21] {
    background: rgba(239, 68, 68, 0.08) !important;
    color: #b91c1c !important;
    border: 1px solid rgba(239, 68, 68, 0.2) !important;
    border-radius: 999px !important;
    padding: 0.4rem 0.85rem !important;
}

.btn-filter-reset:hover[b-bacb07yl21] {
    background: rgba(239, 68, 68, 0.15) !important;
}

.stacked-filter[b-bacb07yl21] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.filter-label[b-bacb07yl21] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.6);
}

.month-shortcuts[b-bacb07yl21] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.preset-btn.mini[b-bacb07yl21] {
    padding: 0.25rem 0.7rem;
    font-size: 0.75rem;
}

.filter-actions[b-bacb07yl21] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.global-filter-advanced[b-bacb07yl21] {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(15, 23, 42, 0.18);
}

.advanced-grid[b-bacb07yl21] {
    display: grid;
    grid-template-columns: 1.2fr 0.9fr 0.6fr 1.8fr;
    gap: 0.75rem;
    align-items: start;
}

@media (max-width: 1100px) {
    .advanced-grid[b-bacb07yl21] {
        grid-template-columns: 1fr;
    }
}
/* /Presentation/Components/FinancialPlanning/BudgetWizardDialog.razor.rz.scp.css */
.budget-wizard-dialog[b-mowuinl96h] {
    max-width: 900px;
    width: min(90vw, 900px);
}

.budget-wizard-dialog .e-dlg-content[b-mowuinl96h] {
    padding: 16px 20px;
}

.budget-wizard-dialog .form-group[b-mowuinl96h] {
    width: 100%;
}

.budget-wizard-dialog .e-dropdownlist[b-mowuinl96h],
.budget-wizard-dialog .e-numerictextbox[b-mowuinl96h],
.budget-wizard-dialog .e-input-group[b-mowuinl96h],
.budget-wizard-dialog .e-input[b-mowuinl96h] {
    width: 100%;
}

.budget-wizard-dialog .input-mode-grid[b-mowuinl96h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px 20px;
}

.budget-wizard-dialog .wizard-footer[b-mowuinl96h] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .budget-wizard-dialog[b-mowuinl96h] {
        width: 95vw;
    }
}
/* /Presentation/Components/FinancialPlanning/CommentEditor.razor.rz.scp.css */
/* Comment Editor Styles */

.comment-editor[b-a6gmz496vn] {
    width: 100%;
}

.comment-form[b-a6gmz496vn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Comment Input */
.comment-input-container[b-a6gmz496vn] {
    position: relative;
}

.comment-textarea[b-a6gmz496vn] {
    width: 100%;
    min-height: 100px;
    resize: vertical;
    padding: 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid var(--bs-border-color);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.5;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.comment-textarea:focus[b-a6gmz496vn] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    outline: none;
}

.comment-textarea.has-mentions[b-a6gmz496vn] {
    border-color: var(--bs-info);
}

.character-count[b-a6gmz496vn] {
    position: absolute;
    bottom: 0.5rem;
    right: 0.75rem;
    font-size: 0.75rem;
    color: var(--bs-text-muted);
    background: var(--bs-body-bg);
    padding: 0.125rem 0.25rem;
    border-radius: 0.25rem;
}

/* Mention Suggestions */
.mention-suggestions[b-a6gmz496vn] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    margin-top: 0.25rem;
}

.mention-suggestion-item[b-a6gmz496vn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.mention-suggestion-item:last-child[b-a6gmz496vn] {
    border-bottom: none;
}

.mention-suggestion-item:hover[b-a6gmz496vn] {
    background: var(--bs-light);
}

.suggestion-avatar[b-a6gmz496vn] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--bs-primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.suggestion-info[b-a6gmz496vn] {
    flex: 1;
    min-width: 0;
}

.suggestion-name[b-a6gmz496vn] {
    font-weight: 500;
    color: var(--bs-body-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.suggestion-title[b-a6gmz496vn] {
    font-size: 0.875rem;
    color: var(--bs-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Comment Options */
.comment-options[b-a6gmz496vn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--bs-border-color);
}

.options-left[b-a6gmz496vn] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.options-right[b-a6gmz496vn] {
    display: flex;
    gap: 0.5rem;
}

.form-check-label[b-a6gmz496vn] {
    font-size: 0.875rem;
    cursor: pointer;
}

.attachment-section[b-a6gmz496vn] {
    display: flex;
    align-items: center;
}

/* Attachments Preview */
.attachments-preview[b-a6gmz496vn] {
    padding: 1rem;
    background: var(--bs-light);
    border-radius: 0.5rem;
    border: 1px solid var(--bs-border-color);
}

.preview-title[b-a6gmz496vn] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--bs-body-color);
    margin-bottom: 0.75rem;
}

.files-list[b-a6gmz496vn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.file-preview-item[b-a6gmz496vn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: var(--bs-body-bg);
    border-radius: 0.375rem;
    border: 1px solid var(--bs-border-color);
}

.file-info[b-a6gmz496vn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

.file-name[b-a6gmz496vn] {
    font-weight: 500;
    color: var(--bs-body-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-size[b-a6gmz496vn] {
    font-size: 0.875rem;
    color: var(--bs-text-muted);
    flex-shrink: 0;
}

/* Upload Progress */
.upload-progress[b-a6gmz496vn] {
    padding: 1rem;
    background: var(--bs-info);
    background: rgba(13, 110, 253, 0.05);
    border-radius: 0.5rem;
    border: 1px solid rgba(13, 110, 253, 0.2);
}

.progress-item[b-a6gmz496vn] {
    margin-bottom: 0.75rem;
}

.progress-item:last-child[b-a6gmz496vn] {
    margin-bottom: 0;
}

.progress-info[b-a6gmz496vn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.progress-filename[b-a6gmz496vn] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--bs-body-color);
}

.progress-percent[b-a6gmz496vn] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--bs-info);
}

.progress[b-a6gmz496vn] {
    height: 0.375rem;
    border-radius: 0.25rem;
}

/* Button Styles */
.comment-options .btn[b-a6gmz496vn] {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
}

/* Validation */
.validation-message[b-a6gmz496vn] {
    color: var(--bs-danger);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.validation-summary[b-a6gmz496vn] {
    padding: 0.75rem;
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.2);
    border-radius: 0.5rem;
    color: var(--bs-danger);
}

.validation-summary ul[b-a6gmz496vn] {
    margin: 0;
    padding-left: 1.5rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .comment-options[b-a6gmz496vn] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .options-left[b-a6gmz496vn] {
        justify-content: flex-start;
    }
    
    .options-right[b-a6gmz496vn] {
        justify-content: flex-end;
    }
    
    .file-preview-item[b-a6gmz496vn] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .mention-suggestions[b-a6gmz496vn] {
        position: fixed;
        left: 1rem;
        right: 1rem;
        top: auto;
        bottom: 1rem;
    }
}

/* Dark Theme */
[data-bs-theme="dark"] .comment-textarea[b-a6gmz496vn] {
    background: var(--bs-dark);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .character-count[b-a6gmz496vn] {
    background: var(--bs-dark);
}

[data-bs-theme="dark"] .mention-suggestions[b-a6gmz496vn] {
    background: var(--bs-dark);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .mention-suggestion-item:hover[b-a6gmz496vn] {
    background: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .attachments-preview[b-a6gmz496vn] {
    background: rgba(108, 117, 125, 0.1);
}

[data-bs-theme="dark"] .file-preview-item[b-a6gmz496vn] {
    background: var(--bs-dark);
}

[data-bs-theme="dark"] .upload-progress[b-a6gmz496vn] {
    background: rgba(13, 110, 253, 0.1);
}

/* Focus States */
.comment-textarea:focus + .character-count[b-a6gmz496vn] {
    color: var(--bs-primary);
}

/* Animation */
.mention-suggestions[b-a6gmz496vn] {
    animation: slideDown-b-a6gmz496vn 0.2s ease;
}

@keyframes slideDown-b-a6gmz496vn {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.file-preview-item[b-a6gmz496vn] {
    animation: slideIn-b-a6gmz496vn 0.3s ease;
}

@keyframes slideIn-b-a6gmz496vn {
    from {
        opacity: 0;
        transform: translateX(-1rem);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/* /Presentation/Components/FinancialPlanning/DepartmentBudgetTab.razor.rz.scp.css */
.dept-budget-container[b-xm416cxne2] {
    /* ── Surface Hierarchy ── */
    --dp-surface-0: #f0f4f8;
    --dp-surface-1: #ffffff;
    --dp-surface-2: #f8fafd;
    --dp-surface-3: #eef3f9;
    --dp-surface-elevated: rgba(255, 255, 255, 0.92);
    --dp-surface-glass: rgba(255, 255, 255, 0.72);
    --dp-surface-dark: #0c1222;
    --dp-surface-dark-alt: #111827;
    
    /* ── Simplified Gradients ── */
    --dp-gradient-hero: linear-gradient(135deg, #1e3a5f 0%, #334155 100%);
    --dp-gradient-hero-alt: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    --dp-gradient-card: #ffffff;
    --dp-gradient-accent: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --dp-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --dp-gradient-glow: none;
    
    /* ── Border System ── */
    --dp-border-subtle: rgba(148, 163, 184, 0.2);
    --dp-border-default: rgba(148, 163, 184, 0.32);
    --dp-border-strong: rgba(100, 116, 139, 0.4);
    --dp-border-accent: rgba(59, 130, 246, 0.5);
    --dp-border-glass: rgba(255, 255, 255, 0.18);
    
    /* ── Text Hierarchy ── */
    --dp-text-primary: #0f172a;
    --dp-text-secondary: #334155;
    --dp-text-tertiary: #64748b;
    --dp-text-muted: #94a3b8;
    --dp-text-inverse: #f1f5f9;
    --dp-text-accent: #0ea5e9;
    
    /* ── Signature Accents ── */
    --dp-accent: #0ea5e9;
    --dp-accent-hover: #0284c7;
    --dp-accent-soft: rgba(14, 165, 233, 0.12);
    --dp-accent-glow: 0 0 24px rgba(14, 165, 233, 0.35);
    --dp-teal: #0d9488;
    --dp-indigo: #6366f1;
    --dp-violet: #8b5cf6;
    
    /* ── Data Visualization ── */
    --dp-data-revenue: #10b981;
    --dp-data-expense: #f43f5e;
    --dp-data-actual: #2563eb;
    --dp-data-budget: #dc2626;
    --dp-data-forecast: #16a34a;
    --dp-data-variance-pos: #22c55e;
    --dp-data-variance-neg: #ef4444;
    
    /* ── Semantic Tokens ── */
    --dp-success: #10b981;
    --dp-success-bg: rgba(16, 185, 129, 0.1);
    --dp-warning: #f59e0b;
    --dp-warning-bg: rgba(245, 158, 11, 0.1);
    --dp-danger: #ef4444;
    --dp-danger-bg: rgba(239, 68, 68, 0.1);
    --dp-info: #06b6d4;
    --dp-info-bg: rgba(6, 182, 212, 0.1);
    
    /* ── Elevation System (Simplified) ── */
    --dp-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
    --dp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
    --dp-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.05);
    --dp-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.06);
    --dp-shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.08);
    --dp-shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.03);
    --dp-shadow-glow-accent: none;
    --dp-shadow-glow-success: none;
    
    /* ── Radius ── */
    --dp-radius-xs: 4px;
    --dp-radius-sm: 6px;
    --dp-radius: 10px;
    --dp-radius-lg: 14px;
    --dp-radius-xl: 18px;
    --dp-radius-2xl: 24px;
    --dp-radius-full: 9999px;
    
    /* ── Motion ── */
    --dp-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --dp-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dp-transition-fast: 0.12s var(--dp-ease-out);
    --dp-transition-base: 0.2s var(--dp-ease-out);
    --dp-transition-slow: 0.35s var(--dp-ease-in-out);
    
    /* ── Spacing Scale ── */
    --dp-space-1: 0.25rem;
    --dp-space-2: 0.5rem;
    --dp-space-3: 0.75rem;
    --dp-space-4: 1rem;
    --dp-space-5: 1.25rem;
    --dp-space-6: 1.5rem;
    --dp-space-8: 2rem;
    
    /* ── Row System ── */
    --de-row-bg: transparent;
}

[data-bs-theme="dark"] .dept-budget-container[b-xm416cxne2] {
    --dp-surface-0: #0c1222;
    --dp-surface-1: #111827;
    --dp-surface-2: #1e293b;
    --dp-surface-3: #334155;
    --dp-surface-elevated: rgba(30, 41, 59, 0.95);
    --dp-surface-glass: rgba(30, 41, 59, 0.8);
    
    --dp-border-subtle: rgba(71, 85, 105, 0.3);
    --dp-border-default: rgba(71, 85, 105, 0.5);
    --dp-border-strong: rgba(100, 116, 139, 0.6);
    
    --dp-text-primary: #f1f5f9;
    --dp-text-secondary: #cbd5e1;
    --dp-text-tertiary: #94a3b8;
    --dp-text-muted: #64748b;
}

@keyframes dp-fadeInUp-b-xm416cxne2 {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

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

@keyframes dp-slideInFromRight-b-xm416cxne2 {
    from { opacity: 0; transform: translateX(20px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes dp-pulse-b-xm416cxne2 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(0.98); }
}

@keyframes dp-spin-b-xm416cxne2 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes dp-shimmer-b-xm416cxne2 {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

@keyframes dp-glow-pulse-b-xm416cxne2 {
    0%, 100% { box-shadow: 0 0 20px rgba(14, 165, 233, 0.2); }
    50% { box-shadow: 0 0 32px rgba(14, 165, 233, 0.4); }
}

@keyframes dp-float-b-xm416cxne2 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes dp-border-flow-b-xm416cxne2 {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.dept-budget-container[b-xm416cxne2] {
    font-family: "Inter", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    padding: 0;
    background: var(--dp-surface-0);
    min-height: 100vh;
    position: relative;
    /* overflow-x (hidden VEYA clip fark etmiyor) burada bir scroll/clip-container
       oluşturup .de-entry-inspector'ın position:sticky davranışını kırıyordu (sağdaki
       Satır İşlemleri paneli sayfa ile birlikte kaymıyor, tamamen scroll ediyordu).
       Sticky'nin doğru çalışması için bu kapsayıcıda overflow tamamen visible kalmalı. */
}

.dept-budget-container[b-xm416cxne2]::before {
    display: none;
}

.dept-budget-header[b-xm416cxne2] {
    background: var(--dp-gradient-hero);
    padding: 0.9rem 1.5rem;
    margin: 0;
    border-radius: 0;
    position: relative;
    z-index: 10;
}

.dept-budget-header[b-xm416cxne2]::before {
    display: none;
}

.dept-budget-header[b-xm416cxne2]::after {
    display: none;
}

.dept-budget-header h2[b-xm416cxne2] {
    color: var(--dp-text-inverse);
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.025em;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    position: relative;
}

.dept-budget-header h2 i[b-xm416cxne2] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--dp-radius);
    font-size: 0.95rem;
    color: var(--dp-accent);
}

.dept-budget-header p[b-xm416cxne2] {
    color: rgba(255, 255, 255, 0.7);
    margin: 0.4rem 0 0 0;
    font-size: 0.82rem;
    font-weight: 500;
    position: relative;
    padding-left: calc(36px + 0.75rem);
}

.dept-template-banner[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1.5rem;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--dp-border-subtle);
    background: var(--dp-surface-1);
    margin: 0;
    position: relative;
}

.dept-template-banner[b-xm416cxne2]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--dp-accent);
    border-radius: 0 2px 2px 0;
}

.dept-template-banner-icon[b-xm416cxne2] {
    width: 44px;
    height: 44px;
    border-radius: var(--dp-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
    background: var(--dp-accent-soft);
    color: var(--dp-accent);
    border: 1px solid var(--dp-border-accent);
    box-shadow: var(--dp-shadow-sm);
}

.dept-template-banner-body[b-xm416cxne2] {
    flex: 1;
    min-width: 0;
}

.dept-template-banner-title[b-xm416cxne2] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--dp-text-primary);
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.dept-template-category-badge[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.6rem;
    border-radius: var(--dp-radius-full);
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.category-operated[b-xm416cxne2] { background: linear-gradient(135deg, #dbeafe, #e0f2fe); color: #1e40af; border: 1px solid #93c5fd; }

.category-undistributed[b-xm416cxne2] { background: linear-gradient(135deg, #fef3c7, #fef9c3); color: #92400e; border: 1px solid #fcd34d; }

.category-fixed[b-xm416cxne2] { background: linear-gradient(135deg, #fce7f3, #fdf2f8); color: #9d174d; border: 1px solid #f9a8d4; }

.category-mgmt[b-xm416cxne2] { background: linear-gradient(135deg, #e0e7ff, #eef2ff); color: #4338ca; border: 1px solid #a5b4fc; }

.category-consolidated[b-xm416cxne2] { background: linear-gradient(135deg, #d1fae5, #ecfdf5); color: #065f46; border: 1px solid #6ee7b7; }

.category-default[b-xm416cxne2] { background: var(--dp-surface-3); color: var(--dp-text-secondary); border: 1px solid var(--dp-border-default); }

.dept-template-meta[b-xm416cxne2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.72rem;
    color: var(--dp-text-tertiary);
}

.dept-template-tag[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.5rem;
    border-radius: var(--dp-radius-sm);
    background: var(--dp-surface-3);
    color: var(--dp-text-secondary);
    font-size: 0.68rem;
    font-weight: 600;
    border: 1px solid var(--dp-border-subtle);
}

.dept-template-tag i[b-xm416cxne2] {
    color: var(--dp-accent);
    font-size: 0.62rem;
}

.dept-template-sections-count[b-xm416cxne2] {
    color: var(--dp-text-muted);
    font-size: 0.7rem;
}

.dept-scenario-banner[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.9rem;
    background: var(--dp-gradient-card);
    border: none;
    border-bottom: 1px solid var(--dp-border-subtle);
    border-radius: 0;
    padding: 0.75rem 1.5rem;
}

.dept-scenario-info[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.dept-scenario-icon[b-xm416cxne2] {
    width: 36px;
    height: 36px;
    border-radius: var(--dp-radius);
    background: var(--dp-gradient-accent);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    box-shadow: var(--dp-shadow-sm);
}

.dept-scenario-name[b-xm416cxne2] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--dp-text-primary);
    letter-spacing: -0.01em;
}

.dept-scenario-meta[b-xm416cxne2] {
    font-size: 0.78rem;
    color: var(--dp-text-tertiary);
    margin-top: 0.2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.dept-scenario-meta i[b-xm416cxne2] {
    color: var(--dp-text-muted);
}

.status-badge[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border-radius: var(--dp-radius-full);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status-badge.draft[b-xm416cxne2] { background: var(--dp-warning-bg); color: #b45309; border: 1px solid rgba(245, 158, 11, 0.3); }

.status-badge.active[b-xm416cxne2] { background: var(--dp-success-bg); color: #047857; border: 1px solid rgba(16, 185, 129, 0.3); }

.status-badge.locked[b-xm416cxne2] { background: var(--dp-danger-bg); color: #b91c1c; border: 1px solid rgba(239, 68, 68, 0.3); }

.status-badge.approved[b-xm416cxne2] { background: var(--dp-info-bg); color: #0e7490; border: 1px solid rgba(6, 182, 212, 0.3); }

.dept-scenario-actions[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dept-dirty-badge[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border-radius: var(--dp-radius-full);
    background: var(--dp-warning-bg);
    color: #b45309;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid rgba(245, 158, 11, 0.3);
    animation: dp-pulse-b-xm416cxne2 2s ease-in-out infinite;
}

.saving-indicator[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--dp-accent);
    font-size: 0.78rem;
    font-weight: 600;
}

.saving-dot[b-xm416cxne2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dp-accent);
    animation: dp-pulse-b-xm416cxne2 1s ease-in-out infinite;
}

.dept-workbench[b-xm416cxne2] {
    background: var(--dp-surface-2);
    border-bottom: 1px solid var(--dp-border-subtle);
}

.de-selection-bar[b-xm416cxne2] {
    padding: .6rem .75rem 0;
    background: #eef3f8;
}

.de-advanced-context[b-xm416cxne2] {
    position: relative;
    margin-left: auto;
}

.de-advanced-context > summary[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 31px;
    padding: .35rem .65rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    color: #334155;
    cursor: pointer;
    font-size: .72rem;
    font-weight: 750;
    list-style: none;
}

.de-advanced-context > summary[b-xm416cxne2]::-webkit-details-marker { display: none; }

.de-advanced-context[open] > summary[b-xm416cxne2] {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #1d4ed8;
}

.de-advanced-context-body[b-xm416cxne2] {
    position: absolute;
    top: calc(100% + .45rem);
    right: 0;
    z-index: 40;
    display: grid;
    grid-template-columns: repeat(2, minmax(190px, 1fr));
    gap: .7rem;
    width: min(520px, 86vw);
    padding: .8rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .16);
}

.de-context-readonly[b-xm416cxne2] {
    display: grid;
    gap: .15rem;
    align-content: center;
    min-height: 48px;
    padding: .5rem .6rem;
    border-radius: 6px;
    background: #f8fafc;
}

.de-context-readonly span[b-xm416cxne2] {
    color: #64748b;
    font-size: .62rem;
    font-weight: 750;
    text-transform: uppercase;
}

.de-context-readonly b[b-xm416cxne2] { color: #0f172a; font-size: .8rem; }

.de-save-state[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 31px;
    padding: .3rem .5rem;
    border-radius: 6px;
    font-size: .68rem;
    font-weight: 750;
    white-space: nowrap;
}

.de-save-state.ok[b-xm416cxne2] { background: #f0fdf4; color: #15803d; }

.de-save-state.warn[b-xm416cxne2] { background: #fffbeb; color: #92400e; }

.de-context-actions[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.dept-workbench-summary[b-xm416cxne2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: transparent;
}

.dept-workbench-stat[b-xm416cxne2] {
    background: var(--dp-surface-1);
    border-radius: var(--dp-radius-lg);
    padding: 1rem 1.25rem;
    border: 1px solid var(--dp-border-subtle);
    box-shadow: var(--dp-shadow-sm);
    position: relative;
    overflow: hidden;
    transition: all var(--dp-transition-base);
}

.dept-workbench-stat[b-xm416cxne2]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--dp-gradient-accent);
    opacity: 0;
    transition: opacity var(--dp-transition-base);
}

.dept-workbench-stat:hover[b-xm416cxne2] {
    border-color: var(--dp-border-accent);
    box-shadow: var(--dp-shadow-md);
    transform: translateY(-2px);
}

.dept-workbench-stat:hover[b-xm416cxne2]::before {
    opacity: 1;
}

.dept-workbench-stat-label[b-xm416cxne2] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--dp-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.4rem;
}

.dept-workbench-stat-value[b-xm416cxne2] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--dp-text-primary);
    letter-spacing: -0.02em;
}

.dept-workbench-stat-note[b-xm416cxne2] {
    font-size: 0.72rem;
    color: var(--dp-text-tertiary);
    margin-top: 0.25rem;
}

.dept-subtabs[b-xm416cxne2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background: linear-gradient(135deg, 
        rgba(12, 18, 34, 0.96) 0%, 
        rgba(26, 54, 93, 0.94) 50%, 
        rgba(13, 148, 136, 0.92) 100%
    );
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
}

.dept-subtab[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.85);
    border-radius: var(--dp-radius-full);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--dp-transition-base);
    position: relative;
    overflow: hidden;
}

.dept-subtab[b-xm416cxne2]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.1));
    opacity: 0;
    transition: opacity var(--dp-transition-fast);
}

.dept-subtab:hover[b-xm416cxne2] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
    color: white;
    transform: translateY(-1px);
}

.dept-subtab:hover[b-xm416cxne2]::before {
    opacity: 1;
}

.dept-subtab i[b-xm416cxne2] {
    font-size: 0.85rem;
    color: rgba(147, 197, 253, 0.9);
}

.dept-subtab.active[b-xm416cxne2] {
    background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 50%, #0d9488 100%);
    border-color: transparent;
    color: white;
    box-shadow: 0 4px 16px rgba(14, 165, 233, 0.4), 0 2px 8px rgba(37, 99, 235, 0.3);
}

.dept-subtab.active i[b-xm416cxne2] {
    color: rgba(255, 255, 255, 0.95);
}

.dept-subtab.active[b-xm416cxne2]::after {
    content: '';
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #0ea5e9;
}

.dept-subtab-badge[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 0.35rem;
    border-radius: var(--dp-radius-full);
    background: #ef4444;
    color: white;
    font-size: 0.68rem;
    font-weight: 700;
    margin-left: 0.25rem;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);
    animation: dp-glow-pulse-b-xm416cxne2 2s ease-in-out infinite;
}

.dept-content-grid[b-xm416cxne2] {
    padding: 1rem 1.5rem;
    animation: dp-fadeIn-b-xm416cxne2 0.25s ease-out;
}

.dept-panel[b-xm416cxne2] {
    background: var(--dp-surface-1);
    border-radius: var(--dp-radius-xl);
    border: 1px solid var(--dp-border-subtle);
    box-shadow: var(--dp-shadow-lg);
    overflow: hidden;
}

.dept-panel-header[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 0.6rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(180deg, var(--dp-surface-1) 0%, var(--dp-surface-2) 100%);
    border-bottom: 1px solid var(--dp-border-subtle);
}

.dept-panel-title[b-xm416cxne2] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--dp-text-primary);
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    flex: 1 1 auto;
    min-width: 220px;
    white-space: nowrap;
}

.dept-panel-title i[b-xm416cxne2] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dp-accent-soft);
    color: var(--dp-accent);
    border-radius: var(--dp-radius);
    font-size: 0.85rem;
}

.dept-panel-actions[b-xm416cxne2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    row-gap: 0.5rem;
    flex: 1 1 auto;
    min-width: 0;
}

.dept-panel-body[b-xm416cxne2] {
    padding: 0;
}

.variance-list[b-xm416cxne2] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.variance-card[b-xm416cxne2] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.variance-card:hover[b-xm416cxne2] {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.variance-card.positive[b-xm416cxne2] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.variance-card.negative[b-xm416cxne2] {
    background: #fff1f2;
    border-color: #fecaca;
}

.variance-card-header[b-xm416cxne2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.variance-card-meta[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.variance-rank[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 14px;
    background: rgba(59, 130, 246, 0.12);
    color: #1e40af;
    font-weight: 700;
}

.variance-item-name[b-xm416cxne2] {
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.variance-card-value[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;
    color: #0f172a;
}

.variance-card.positive .variance-card-value[b-xm416cxne2] {
    color: #166534;
}

.variance-card.negative .variance-card-value[b-xm416cxne2] {
    color: #991b1b;
}

.variance-card-note[b-xm416cxne2] {
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.5;
    padding-left: 0.4rem;
}

.table-shell[b-xm416cxne2] {
    overflow-x: auto;
    padding: 1rem;
}

.dept-compare-table[b-xm416cxne2] {
    min-width: 900px;
}

.dept-report-table th.col-name[b-xm416cxne2],
.dept-report-table td.name-cell[b-xm416cxne2] {
    min-width: 240px;
    text-align: left;
}

.dept-report-table td.name-cell[b-xm416cxne2] {
    white-space: normal;
}

.dept-grid-shell[b-xm416cxne2] {
    border-radius: var(--dp-radius-lg);
    overflow: hidden;
    border: 1px solid var(--dp-border-subtle);
    box-shadow: var(--dp-shadow-sm);
    margin: 1rem;
}

.dept-subtabs--single[b-xm416cxne2] {
    display: flex;
    align-items: center;
    padding: 0.4rem 1.5rem 0.25rem;
    border-bottom: 1px solid var(--dp-border-subtle);
    background: var(--dp-surface-1);
}

.dept-subtabs--single .dept-subtab[b-xm416cxne2] {
    cursor: default;
    pointer-events: none;
}

.dept-row-root[b-xm416cxne2] {
    --de-row-bg: linear-gradient(90deg, #e0f2fe 0%, #dbeafe 100%);
    font-weight: 800 !important;
}

.dept-row-group[b-xm416cxne2] {
    --de-row-bg: var(--dp-surface-3);
    font-weight: 700 !important;
}

.dept-row-formula[b-xm416cxne2] {
    font-style: italic;
    color: var(--dp-text-tertiary) !important;
}

.dept-row-subtotal[b-xm416cxne2] {
    --de-row-bg: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 100%);
    font-weight: 700 !important;
}

.dept-row-total[b-xm416cxne2] {
    --de-row-bg: linear-gradient(90deg, #0c1222 0%, #1a365d 100%);
    color: white !important;
    font-weight: 800 !important;
}

.dept-value-cell[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-variant-numeric: tabular-nums;
}

.dept-value-positive[b-xm416cxne2] {
    color: var(--dp-success) !important;
}

.dept-value-negative[b-xm416cxne2] {
    color: var(--dp-danger) !important;
}

.dept-variance-cell[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    font-weight: 600;
}

.dept-variance-cell.positive[b-xm416cxne2] {
    color: var(--dp-success);
}

.dept-variance-cell.negative[b-xm416cxne2] {
    color: var(--dp-danger);
}

.dept-variance-cell i[b-xm416cxne2] {
    font-size: 0.7rem;
}

.per-room-cell[b-xm416cxne2] {
    color: var(--dp-text-muted);
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
}

.dept-charts-row[b-xm416cxne2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.25rem;
    padding: 1.25rem;
    background: var(--dp-bg-muted);
}

.dept-chart-card[b-xm416cxne2] {
    background: var(--dp-bg-panel);
    border-radius: var(--dp-radius-lg);
    padding: 1.25rem;
    box-shadow: var(--dp-shadow-sm);
    border: 1px solid var(--dp-border);
    transition: all var(--dp-transition-base);
}

.dept-chart-card:hover[b-xm416cxne2] {
    box-shadow: var(--dp-shadow-md);
}

.dept-chart-card-header[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--dp-border-light);
}

.dept-chart-card-title[b-xm416cxne2] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--dp-text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dept-chart-card-title i[b-xm416cxne2] {
    color: var(--dp-accent);
    font-size: 0.85rem;
}

.dept-loading[b-xm416cxne2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

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

.dept-loading-text[b-xm416cxne2] {
    font-size: 0.9rem;
    color: var(--dp-text-muted);
}

.dept-empty-state[b-xm416cxne2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.dept-empty-state i[b-xm416cxne2] {
    font-size: 3rem;
    color: var(--dp-text-muted);
    opacity: 0.5;
    margin-bottom: 1rem;
}

.dept-empty-state h3[b-xm416cxne2] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--dp-text-primary);
    margin-bottom: 0.5rem;
}

.dept-empty-state p[b-xm416cxne2] {
    font-size: 0.9rem;
    color: var(--dp-text-muted);
    max-width: 400px;
}

.dept-permission-warning[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    background: var(--dp-warning-soft);
    border-left: 4px solid var(--dp-warning);
    margin: 0;
}

.dept-permission-warning i[b-xm416cxne2] {
    color: var(--dp-warning);
    font-size: 1rem;
}

.dept-permission-warning span[b-xm416cxne2] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #92400e;
}

.dept-approval-section[b-xm416cxne2] {
    padding: 1.5rem;
    background: var(--dp-bg-muted);
}

.dept-approval-card[b-xm416cxne2] {
    background: var(--dp-bg-panel);
    border-radius: var(--dp-radius-xl);
    padding: 2rem;
    box-shadow: var(--dp-shadow-md);
    border: 1px solid var(--dp-border);
}

.dept-approval-timeline[b-xm416cxne2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    padding: 1rem 0;
}

.dept-approval-timeline[b-xm416cxne2]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--dp-border);
    transform: translateY(-50%);
    z-index: 0;
}

.dept-approval-step[b-xm416cxne2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    z-index: 1;
}

.dept-approval-step-icon[b-xm416cxne2] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    background: var(--dp-bg-panel);
    border: 2px solid var(--dp-border);
    color: var(--dp-text-muted);
    transition: all var(--dp-transition-base);
}

.dept-approval-step.completed .dept-approval-step-icon[b-xm416cxne2] {
    background: var(--dp-success);
    border-color: var(--dp-success);
    color: white;
}

.dept-approval-step.active .dept-approval-step-icon[b-xm416cxne2] {
    background: var(--dp-accent);
    border-color: var(--dp-accent);
    color: white;
    animation: dp-pulse-b-xm416cxne2 1.5s ease-in-out infinite;
}

.dept-approval-step-label[b-xm416cxne2] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--dp-text-muted);
    text-align: center;
}

.dept-approval-step.completed .dept-approval-step-label[b-xm416cxne2],
.dept-approval-step.active .dept-approval-step-label[b-xm416cxne2] {
    color: var(--dp-text-primary);
}

.dept-data-entry-wrapper[b-xm416cxne2] {
    padding: 1rem 1.25rem;
}

.dept-month-input[b-xm416cxne2] {
    width: 100%;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--dp-border);
    border-radius: var(--dp-radius-sm);
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
    transition: all var(--dp-transition-fast);
    background: var(--dp-bg-panel);
}

.dept-month-input:focus[b-xm416cxne2] {
    outline: none;
    border-color: var(--dp-accent);
    box-shadow: var(--dp-shadow-glow);
}

.dept-month-input:disabled[b-xm416cxne2] {
    background: var(--dp-bg-muted);
    color: var(--dp-text-disabled);
    cursor: not-allowed;
}

@media (max-width: 1200px) {
    .dept-workbench-summary[b-xm416cxne2] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .dept-charts-row[b-xm416cxne2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dept-budget-header[b-xm416cxne2] {
        padding: 1rem;
    }
    
    .dept-header-stats[b-xm416cxne2] {
        gap: 1rem;
    }
    
    .dept-filter-bar[b-xm416cxne2] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .dept-filter-left[b-xm416cxne2],
    .dept-filter-right[b-xm416cxne2] {
        width: 100%;
    }
    
    .dept-workbench-summary[b-xm416cxne2] {
        grid-template-columns: 1fr;
    }
    
    .dept-tab-nav[b-xm416cxne2] {
        padding: 0.5rem;
    }
    
    .dept-tab-btn[b-xm416cxne2] {
        padding: 0.5rem 0.75rem;
        font-size: 0.78rem;
    }
}

.dept-budget-container [b-xm416cxne2]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dept-budget-container [b-xm416cxne2]::-webkit-scrollbar-track {
    background: var(--dp-bg-muted);
    border-radius: var(--dp-radius-full);
}

.dept-budget-container [b-xm416cxne2]::-webkit-scrollbar-thumb {
    background: var(--dp-border-strong);
    border-radius: var(--dp-radius-full);
}

.dept-budget-container [b-xm416cxne2]::-webkit-scrollbar-thumb:hover {
    background: var(--dp-text-muted);
}

.dept-subtabs[b-xm416cxne2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    padding: 1rem 1.25rem;
    background:
        radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.08), transparent 35%),
        radial-gradient(circle at 100% 100%, rgba(22, 163, 74, 0.08), transparent 40%),
        #f8fafc;
    border-bottom: 1px solid var(--dp-border);
}

.dept-subtab[b-xm416cxne2] {
    border: 1px solid #d7e3f3;
    background: #ffffff;
    color: #0f172a;
    border-radius: 999px;
    padding: 0.55rem 0.95rem;
    font-size: 0.82rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    transition: all 0.18s ease;
}

.dept-subtab i[b-xm416cxne2] {
    color: #2563eb;
}

.dept-subtab:hover[b-xm416cxne2] {
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.09);
    border-color: #9fc4ff;
}

.dept-subtab.active[b-xm416cxne2] {
    color: #ffffff;
    border-color: transparent;
    background: linear-gradient(120deg, #0f172a 0%, #1e3a8a 60%, #0f766e 100%);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.2);
}

.dept-subtab.active i[b-xm416cxne2] {
    color: #bfdbfe;
}

.dept-modern-host[b-xm416cxne2] {
    padding: 1rem 1.25rem 1.5rem;
    background: #f8fafc;
    animation: dp-fadeInUp-b-xm416cxne2 0.25s ease;
}

.de-entry-workspace[b-xm416cxne2] {
    display: grid;
    gap: .75rem;
    padding: .75rem;
    background: #eef3f8;
}

.de-entry-contextbar[b-xm416cxne2] {
    position: sticky;
    top: 0;
    z-index: 12;
    display: grid;
    grid-template-columns: minmax(220px, .9fr) minmax(360px, 1.5fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .68rem .8rem;
    border: 1px solid #d7e0ec;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .05);
}

.de-entry-titleblock[b-xm416cxne2] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.de-entry-titleblock span[b-xm416cxne2] {
    color: #64748b;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.de-entry-titleblock strong[b-xm416cxne2] {
    overflow: hidden;
    color: #0f172a;
    font-size: .95rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.de-entry-titleblock small[b-xm416cxne2] {
    overflow: hidden;
    color: #64748b;
    font-size: .7rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.de-entry-contextchips[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    overflow-x: auto;
}

.de-entry-contextchips span[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    flex: 0 0 auto;
    padding: .28rem .5rem;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: #f8fafc;
    color: #334155;
    font-size: .68rem;
    font-weight: 750;
}

.de-entry-contextchips span.ok[b-xm416cxne2] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.de-entry-contextchips span.warn[b-xm416cxne2] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.de-entry-contextchips span.info[b-xm416cxne2] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.de-entry-primary-actions[b-xm416cxne2],
.de-inspector-actions[b-xm416cxne2],
.de-pt-actions[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .38rem;
    flex-wrap: wrap;
}

.de-entry-kpirow[b-xm416cxne2] {
    margin-bottom: .75rem;
}

.de-entry-layout[b-xm416cxne2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
}

.de-entry-layout.has-inspector[b-xm416cxne2] {
    grid-template-columns: minmax(0, 1fr) 320px;
    transition: grid-template-columns .2s ease;
}

.de-entry-layout.has-inspector.inspector-collapsed[b-xm416cxne2] {
    grid-template-columns: minmax(0, 1fr) 34px;
}

.de-inspector-collapse-btn[b-xm416cxne2] {
    position: sticky;
    top: 112px;
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    border: 1px solid #d7e0ec;
    border-radius: 8px;
    background: #fff;
    color: #475569;
    padding: .5rem .6rem;
    cursor: pointer;
    font-size: .72rem;
    font-weight: 700;
    margin-bottom: .5rem;
}

.de-inspector-collapse-btn:hover[b-xm416cxne2] { background: #f1f5f9; }

.de-entry-inspector.collapsed .de-inspector-collapse-btn[b-xm416cxne2] {
    writing-mode: vertical-rl;
    justify-content: center;
    padding: .6rem .3rem;
}

.de-entry-inspector.collapsed .de-inspector-body[b-xm416cxne2] {
    display: none;
}

.de-entry-rail[b-xm416cxne2] {
    display: none;
}

.de-entry-inspector[b-xm416cxne2] {
    order: 0;
    position: sticky;
    top: 112px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .65rem;
}

.de-entry-summary[b-xm416cxne2] {
    border: 1px solid #d7e0ec;
    border-radius: 8px;
    background: #fff;
}

.de-entry-summary > summary[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .75rem;
    color: #334155;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 800;
}

.de-entry-summary .de-entry-kpirow[b-xm416cxne2] {
    margin: 0;
    padding: 0 .75rem .75rem;
}

.de-rail-card[b-xm416cxne2],
.de-inspector-card[b-xm416cxne2] {
    border: 1px solid #d7e0ec;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(15, 23, 42, .04);
}

.de-rail-card[b-xm416cxne2] {
    padding: .72rem;
}

.de-rail-title[b-xm416cxne2],
.de-inspector-head[b-xm416cxne2] {
    display: grid;
    gap: .15rem;
    margin-bottom: .62rem;
}

.de-rail-title[b-xm416cxne2] {
    grid-template-columns: 24px 1fr;
    align-items: center;
    color: #0f172a;
    font-size: .76rem;
    font-weight: 850;
}

.de-rail-title i[b-xm416cxne2] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #eff6ff;
    color: #2563eb;
}

.de-rail-steps[b-xm416cxne2] {
    display: grid;
    gap: .42rem;
}

.de-rail-step[b-xm416cxne2] {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: .45rem;
    align-items: start;
    padding: .45rem;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    background: #f8fafc;
}

.de-rail-step > i[b-xm416cxne2] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #475569;
    font-size: .66rem;
}

.de-rail-step b[b-xm416cxne2],
.de-rail-step small[b-xm416cxne2] {
    display: block;
}

.de-rail-step b[b-xm416cxne2] {
    color: #0f172a;
    font-size: .68rem;
}

.de-rail-step small[b-xm416cxne2] {
    margin-top: 1px;
    color: #64748b;
    font-size: .59rem;
    line-height: 1.25;
}

.de-rail-step.done > i[b-xm416cxne2] {
    background: #dcfce7;
    color: #15803d;
}

.de-rail-step.active[b-xm416cxne2] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.de-rail-step.active > i[b-xm416cxne2] {
    background: #2563eb;
    color: #ffffff;
}

.de-rail-step.warn > i[b-xm416cxne2] {
    background: #fef3c7;
    color: #b45309;
}

.de-rail-metrics[b-xm416cxne2] {
    display: grid;
    gap: .45rem;
}

.de-rail-metrics span[b-xm416cxne2] {
    display: grid;
    gap: .1rem;
    padding: .48rem;
    border-radius: 7px;
    background: #f8fafc;
}

.de-rail-metrics b[b-xm416cxne2] {
    color: #64748b;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.de-rail-metrics strong[b-xm416cxne2] {
    color: #0f172a;
    font-size: .82rem;
    font-weight: 850;
}

.de-entry-main[b-xm416cxne2] {
    min-width: 0;
    width: 100%;
}

.de-grid-panel-v2[b-xm416cxne2] {
    border-radius: 8px;
    border-color: #d7e0ec;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .05);
}

.de-grid-panel-v2 .dept-panel-header[b-xm416cxne2] {
    min-height: 48px;
    padding: .6rem .75rem;
    border-bottom-color: #e2e8f0;
    background: #ffffff;
}

.de-grid-panel-v2 .dept-panel-title[b-xm416cxne2] {
    font-size: .86rem;
}

.de-grid-panel-v2 .dept-panel-body[b-xm416cxne2] {
    padding: 0;
}

.de-cockpit-strip[b-xm416cxne2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border-bottom: 1px solid #dbe3ee;
    background: #f8fafd;
}

.de-cockpit-tile[b-xm416cxne2] {
    flex: 1 1 0;
    min-width: 120px;
    padding: .55rem .85rem;
    border-right: 1px solid #e5ebf2;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.de-cockpit-tile:last-child[b-xm416cxne2] { border-right: none; }

.de-cockpit-tile span[b-xm416cxne2] {
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #7a8998;
}

.de-cockpit-tile strong[b-xm416cxne2] {
    font-size: .95rem;
    font-weight: 800;
    color: #123d4a;
    font-variant-numeric: tabular-nums;
}

.de-cockpit-tile.pos strong[b-xm416cxne2] { color: #16a34a; }

.de-cockpit-tile.neg strong[b-xm416cxne2] { color: #dc2626; }

.de-cockpit-tile.warn strong[b-xm416cxne2] { color: #b45309; }

.de-cockpit-bar[b-xm416cxne2] {
    margin-top: .2rem;
    height: 4px;
    border-radius: 2px;
    background: #e2e8f0;
    overflow: hidden;
}

.de-cockpit-bar-fill[b-xm416cxne2] {
    height: 100%;
    background: linear-gradient(90deg, #2563eb, #16a34a);
    border-radius: 2px;
    transition: width .3s ease;
}

.de-row-search[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .3rem .6rem;
    border: 1px solid #d7dfe8;
    border-radius: 7px;
    background: #fff;
    min-width: 200px;
}

.de-row-search i[b-xm416cxne2] { color: #94a3b8; font-size: .72rem; }

.de-row-search input[b-xm416cxne2] {
    border: none;
    outline: none;
    font-size: .74rem;
    flex: 1 1 auto;
    min-width: 0;
    background: transparent;
    color: #1e293b;
}

.de-row-search button[b-xm416cxne2] {
    border: none;
    background: none;
    color: #94a3b8;
    cursor: pointer;
    padding: 0 .1rem;
}

.de-row-search button:hover[b-xm416cxne2] { color: #475569; }

.de-grid-meta-bar[b-xm416cxne2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .7rem;
    row-gap: .35rem;
    min-height: 34px;
    padding: .38rem .72rem;
    border-bottom: 1px solid #dbe3ee;
    background: #f8fafc;
}

.de-grid-legend[b-xm416cxne2],
.de-grid-context[b-xm416cxne2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
}

.de-grid-legend span[b-xm416cxne2],
.de-grid-context span[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    color: #64748b;
    font-size: .61rem;
    font-weight: 750;
    white-space: nowrap;
}

.de-grid-legend span[b-xm416cxne2] { padding: .12rem .35rem; border-radius: 4px; }

.de-grid-legend .manual[b-xm416cxne2] { color: #1d4ed8; background: #eff6ff; }

.de-grid-legend .linked[b-xm416cxne2] { color: #475569; background: #f1f5f9; }

.de-grid-legend .driver[b-xm416cxne2] { color: #15803d; background: #f0fdf4; }

.de-grid-legend .formula[b-xm416cxne2] { color: #6d28d9; background: #f5f3ff; }

.de-grid-legend .dirty[b-xm416cxne2] { color: #92400e; background: #fffbeb; }

.de-grid-legend .dirty i[b-xm416cxne2] { color: #f59e0b; font-size: .42rem; }

.de-grid-context[b-xm416cxne2] { color: #94a3b8; }

.de-grid-context i[b-xm416cxne2] { font-size: .55rem; color: #94a3b8; }

.de-grid-panel-v2 .data-entry-shell[b-xm416cxne2] {
    border: 0;
    border-radius: 0 0 8px 8px;
    box-shadow: none;
}

.de-entry-inspector[b-xm416cxne2] {
    min-width: 0;
}

.de-inspector-card[b-xm416cxne2] {
    padding: .75rem;
}

.de-entry-inspector .de-inspector-card[b-xm416cxne2] {
    min-width: 0;
}

.de-inspector-head span[b-xm416cxne2] {
    color: #64748b;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.de-inspector-head strong[b-xm416cxne2] {
    color: #0f172a;
    font-size: .84rem;
    font-weight: 850;
    line-height: 1.25;
}

.de-inspector-empty[b-xm416cxne2] {
    display: grid;
    place-items: center;
    gap: .45rem;
    min-height: 96px;
    padding: .8rem;
    border: 1px dashed #cbd5e1;
    border-radius: 7px;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
    font-size: .72rem;
    font-weight: 700;
}

.de-inspector-empty i[b-xm416cxne2] {
    color: #94a3b8;
    font-size: 1rem;
}

.de-protoolbar-compact[b-xm416cxne2] {
    display: grid;
    grid-template-columns: auto repeat(3, minmax(120px, 1fr)) auto;
    align-items: end;
    gap: .55rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.de-protoolbar-compact .de-pt-mode[b-xm416cxne2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .32rem;
    width: 100%;
}

.de-protoolbar-compact .de-pt-modebtn[b-xm416cxne2] {
    justify-content: center;
    border-radius: 6px;
}

.de-protoolbar-compact .de-pt-field[b-xm416cxne2] {
    display: grid;
    gap: .22rem;
}

.de-protoolbar-compact .de-pt-field label[b-xm416cxne2] {
    color: #64748b;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.de-protoolbar-compact .de-pt-actions[b-xm416cxne2] {
    justify-content: stretch;
}

.de-protoolbar-compact .de-pt-actions .e-btn[b-xm416cxne2] {
    flex: 1 1 auto;
}

.month-edit-cell[b-xm416cxne2] {
    position: relative;
}

.month-edit-cell.cell-dirty[b-xm416cxne2]::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f59e0b;
}

@media (max-width: 1380px) {
    .de-entry-inspector[b-xm416cxne2] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 980px) {
    .de-entry-contextbar[b-xm416cxne2],
    .de-entry-layout[b-xm416cxne2] {
        grid-template-columns: 1fr;
    }

    .de-entry-rail[b-xm416cxne2],
    .de-entry-inspector[b-xm416cxne2] {
        position: static;
    }

    .de-entry-inspector[b-xm416cxne2],
    .de-protoolbar-compact[b-xm416cxne2] {
        grid-template-columns: 1fr;
    }
}

.dept-history-shell[b-xm416cxne2] {
    padding: 1.25rem;
    background: #f8fafc;
}

.dept-history-hero[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 16px;
    border: 1px solid #dbeafe;
    background: linear-gradient(110deg, #eff6ff 0%, #ecfeff 70%);
}

.dept-history-hero h3[b-xm416cxne2] {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 800;
    color: #0f172a;
}

.dept-history-hero p[b-xm416cxne2] {
    margin: 0.35rem 0 0;
    color: #334155;
    font-size: 0.83rem;
}

.dept-history-hero-icon[b-xm416cxne2] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: linear-gradient(140deg, #1d4ed8 0%, #0f766e 100%);
    color: #e0f2fe;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.dept-history-metrics[b-xm416cxne2] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.7rem;
}

.dept-history-metric[b-xm416cxne2] {
    background: #ffffff;
    border: 1px solid #dbe4f1;
    border-radius: 12px;
    padding: 0.8rem 0.9rem;
}

.dept-history-metric span[b-xm416cxne2] {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    font-weight: 700;
}

.dept-history-metric strong[b-xm416cxne2] {
    display: block;
    margin-top: 0.2rem;
    color: #0f172a;
    font-size: 1.06rem;
}

.dept-history-metric small[b-xm416cxne2] {
    display: block;
    margin-top: 0.25rem;
    color: #64748b;
    font-size: 0.74rem;
}

.dept-history-timeline[b-xm416cxne2] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 0.9rem;
    display: grid;
    gap: 0.75rem;
}

.dept-history-item[b-xm416cxne2] {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 0.8rem;
    align-items: start;
}

.dept-history-dot[b-xm416cxne2] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #dbeafe;
    color: #1d4ed8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dept-history-title[b-xm416cxne2] {
    color: #0f172a;
    font-weight: 700;
    font-size: 0.88rem;
}

.dept-history-description[b-xm416cxne2] {
    color: #334155;
    font-size: 0.8rem;
    margin-top: 0.2rem;
}

.dept-history-time[b-xm416cxne2] {
    color: #64748b;
    font-size: 0.72rem;
    margin-top: 0.22rem;
}

.dept-history-empty[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: #64748b;
    padding: 0.8rem;
}

.dept-history-variance-board[b-xm416cxne2] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 0.9rem;
}

.dept-history-variance-board h4[b-xm416cxne2] {
    margin: 0 0 0.7rem;
    font-size: 0.9rem;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.dept-history-variance-grid[b-xm416cxne2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.6rem;
}

.dept-history-variance[b-xm416cxne2] {
    border-radius: 10px;
    padding: 0.62rem 0.72rem;
    border: 1px solid transparent;
    background: #f8fafc;
    font-size: 0.79rem;
}

.dept-history-variance.positive[b-xm416cxne2] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.dept-history-variance.negative[b-xm416cxne2] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.dept-history-variance strong[b-xm416cxne2] {
    display: block;
    margin-top: 0.2rem;
}

@media (max-width: 768px) {
    .dept-subtabs[b-xm416cxne2] {
        gap: 0.45rem;
        padding: 0.75rem;
    }

    .dept-subtab[b-xm416cxne2] {
        font-size: 0.76rem;
        padding: 0.46rem 0.74rem;
    }

    .dept-modern-host[b-xm416cxne2],
    .dept-history-shell[b-xm416cxne2] {
        padding: 0.75rem;
    }
}

button:focus-visible[b-xm416cxne2],
input:focus-visible[b-xm416cxne2],
select:focus-visible[b-xm416cxne2] {
    outline: 2px solid var(--dp-accent);
    outline-offset: 2px;
}

.dept-tab-btn:focus-visible[b-xm416cxne2] {
    outline: 2px solid var(--dp-accent);
    outline-offset: 2px;
}

@media print {
    .dept-budget-header[b-xm416cxne2],
    .dept-filter-bar[b-xm416cxne2],
    .dept-tab-nav[b-xm416cxne2] {
        display: none !important;
    }
    
    .dept-treegrid-wrapper[b-xm416cxne2] {
        padding: 0;
    }
    
    .dept-treegrid-card[b-xm416cxne2] {
        box-shadow: none;
        border: 1px solid #000;
    }
}

.dept-budget-container[b-xm416cxne2] {
    font-family: "Plus Jakarta Sans", "Manrope", "Segoe UI", sans-serif;
}

.dept-subtabs[b-xm416cxne2] {
    position: sticky;
    top: 0;
    z-index: 12;
    backdrop-filter: blur(10px);
    background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 58, 95, 0.88)),
        radial-gradient(circle at 15% 20%, rgba(16, 185, 129, 0.26), transparent 42%),
        radial-gradient(circle at 85% 85%, rgba(14, 165, 233, 0.24), transparent 48%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dept-subtab[b-xm416cxne2] {
    color: #e2e8f0;
    border-color: rgba(203, 213, 225, 0.28);
    background: rgba(15, 23, 42, 0.44);
}

.dept-subtab i[b-xm416cxne2] {
    color: #93c5fd;
}

.dept-subtab:hover[b-xm416cxne2] {
    color: #ffffff;
    border-color: rgba(148, 197, 255, 0.72);
    background: rgba(15, 23, 42, 0.72);
}

.dept-subtab.active[b-xm416cxne2] {
    background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 45%, #0f766e 100%);
    color: #ffffff;
    border-color: transparent;
}

.dept-subtab-badge[b-xm416cxne2] {
    border-radius: 999px;
    min-width: 20px;
    padding: 0.1rem 0.42rem;
    text-align: center;
    font-size: 0.7rem;
    font-weight: 700;
    color: #ffffff;
    background: #ef4444;
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.3);
}

.dept-spread-strip[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(90deg, #eff6ff 0%, #f0fdf4 100%);
    border-bottom: 1px solid #bfdbfe;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #1d4ed8;
}

.dept-spread-strip label[b-xm416cxne2] {
    font-weight: 600;
    color: #1e40af;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    white-space: nowrap;
}

.month-edit-cell[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    padding: 0 3px;
    position: relative;
}

.month-static-cell[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .08rem .36rem;
    font-size: .68rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

.month-static-cell.is-readonly-value[b-xm416cxne2] {
    color: #64748b !important;
    background: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(148, 163, 184, .055) 5px, rgba(148, 163, 184, .055) 10px);
}

.month-static-cell.is-positive[b-xm416cxne2],
.data-entry-total-cell.is-positive[b-xm416cxne2] {
    font-variant-numeric: tabular-nums;
}

.data-entry-total-cell[b-xm416cxne2] {
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    font-size: .69rem;
    letter-spacing: 0;
    padding: .08rem .36rem;
    text-align: right;
}

/* Rapor ekranlarındaki .fpc-band-btn ile aynı teal vurgu dili (bkz.
   project_fp_report_visual_redesign_july2026) — tek bir kurumsal buton kimliği. */
.de-comment-toggle[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    cursor: pointer;
    transition: all 0.15s ease;
}

.de-comment-toggle:hover[b-xm416cxne2] {
    border-color: #0f766e;
    color: #0f766e;
    background: #f8fafc;
}

.de-comment-toggle.active[b-xm416cxne2] {
    background: #0f766e;
    border-color: #0f766e;
    color: #ffffff;
}

.de-comment-toggle i[b-xm416cxne2] {
    font-size: 0.8rem;
}

.comment-cell-btn[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    border: 1px solid #c7d2fe;
    border-radius: 5px;
    background: #eef2ff;
    color: #6366f1;
    cursor: pointer;
    font-size: 0.7rem;
    transition: all 0.12s ease;
    padding: 0;
}

.comment-cell-btn:hover[b-xm416cxne2] {
    background: #6366f1;
    border-color: #6366f1;
    color: white;
}

.data-entry-meta-strip[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
    flex-wrap: wrap;
    font-size: 0.78rem;
}

.data-entry-meta-group[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.data-entry-meta-chip[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.22rem 0.625rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #334155;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.data-entry-meta-chip i[b-xm416cxne2] {
    color: #6366f1;
    font-size: 0.7rem;
}

.data-entry-help[b-xm416cxne2] {
    font-size: 0.725rem;
    color: #6b7280;
    font-style: italic;
    max-width: 480px;
}

.data-entry-actions-strip[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(90deg, #fffbeb 0%, #fef3c7 100%);
    border-bottom: 1px solid #fde68a;
    flex-wrap: wrap;
    animation: de-slide-in-b-xm416cxne2 0.2s ease;
}

@keyframes de-slide-in-b-xm416cxne2 {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.data-entry-actions-title[b-xm416cxne2] {
    font-weight: 700;
    font-size: 0.8125rem;
    color: #92400e;
}

.data-entry-actions-subtitle[b-xm416cxne2] {
    font-size: 0.73rem;
    color: #a16207;
    margin-top: 0.125rem;
}

.data-entry-actions-buttons[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.dept-modern-host[b-xm416cxne2] {
    background:
        radial-gradient(circle at 0% 0%, rgba(14, 165, 233, 0.1), transparent 35%),
        radial-gradient(circle at 100% 100%, rgba(16, 185, 129, 0.08), transparent 40%),
        #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.dept-report-container[b-xm416cxne2] {
    margin: 1rem 1.25rem 1.5rem;
    border: 1px solid #dbe5f1;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.dept-report-header-bar[b-xm416cxne2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.95rem 1.1rem;
    background:
        linear-gradient(135deg, #0f172a 0%, #1e3a5f 55%, #1d4ed8 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dept-report-header-bar h3[b-xm416cxne2] {
    margin: 0;
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 800;
}

.dept-report-table[b-xm416cxne2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.dept-report-table thead th[b-xm416cxne2] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #eff6ff;
    color: #0f172a;
    border-bottom: 1px solid #dbeafe;
    border-right: 1px solid #e5eefb;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.56rem 0.5rem;
}

.dept-report-table td[b-xm416cxne2] {
    border-bottom: 1px solid #e2e8f0;
    border-right: 1px solid #f1f5f9;
    color: #0f172a;
    padding: 0.45rem 0.5rem;
}

.dept-report-table tbody tr:hover[b-xm416cxne2] {
    background: inherit;
}

.dept-report-table th.col-budget[b-xm416cxne2]  { background: #dbeafe; color: #1e3a6e; }

.dept-report-table th.col-actual[b-xm416cxne2]  { background: #fecdd3; color: #7f1d1d; }

.dept-report-table th.col-forecast[b-xm416cxne2] { background: #99f6e4; color: #134e4a; }

.dept-report-table th.col-prioryear[b-xm416cxne2] { background: #e2e8f0; color: #334155; }

.dept-report-table td.col-budget[b-xm416cxne2]   { background: #eff6ff; text-align: right; }

.dept-report-table td.col-actual[b-xm416cxne2]   { background: #fff1f2; text-align: right; }

.dept-report-table td.col-forecast[b-xm416cxne2] { background: #f0fdf9; text-align: right; }

.dept-report-table td.col-prioryear[b-xm416cxne2] { background: #f8fafc; text-align: right; }

.dept-report-table td.col-value[b-xm416cxne2]    { text-align: right; }

.dept-report-table tbody tr:hover td.col-budget[b-xm416cxne2]    { background: #dbeafe; }

.dept-report-table tbody tr:hover td.col-actual[b-xm416cxne2]    { background: #fecdd3; }

.dept-report-table tbody tr:hover td.col-forecast[b-xm416cxne2]  { background: #ccfbf1; }

.dept-report-table tbody tr:hover td.col-prioryear[b-xm416cxne2] { background: #e2e8f0; }

.dept-report-table tbody tr:hover td[b-xm416cxne2] {
    background: inherit;
}

.report-section-row[b-xm416cxne2] {
    background: linear-gradient(90deg, #e0f2fe 0%, #eef2ff 100%);
}

.report-section-row td[b-xm416cxne2] { background: inherit !important; }

.report-subgroup-row[b-xm416cxne2] {
    background: #f8fafc;
}

.report-subgroup-row td[b-xm416cxne2] { background: inherit !important; }

.report-subtotal-row[b-xm416cxne2] {
    background: #f1f5f9;
}

.report-subtotal-row td[b-xm416cxne2] { background: inherit !important; }

.report-total-row[b-xm416cxne2] {
    background: #dbeafe;
}

.report-total-row td[b-xm416cxne2] { background: inherit !important; }

.approval-timeline[b-xm416cxne2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.8rem;
    margin-top: 0.9rem;
}

.approval-step[b-xm416cxne2] {
    border: 1px solid #dbe5f1;
    border-radius: 14px;
    background: #ffffff;
    padding: 0.8rem 0.9rem;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}

.approval-step.active[b-xm416cxne2] {
    border-color: #60a5fa;
    background: linear-gradient(135deg, #eff6ff 0%, #ecfeff 100%);
}

.approval-step.completed[b-xm416cxne2] {
    border-color: #86efac;
    background: #f0fdf4;
}

.approval-step-title[b-xm416cxne2] {
    font-size: 0.86rem;
    font-weight: 800;
    color: #0f172a;
}

.approval-step-meta[b-xm416cxne2] {
    margin-top: 0.36rem;
    color: #475569;
    font-size: 0.76rem;
    line-height: 1.45;
}

.btn-submit-approval[b-xm416cxne2],
.btn-approve[b-xm416cxne2],
.btn-reject[b-xm416cxne2] {
    border: none;
    border-radius: 10px;
    padding: 0.5rem 0.9rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #ffffff;
    transition: transform 0.16s ease, box-shadow 0.16s ease, opacity 0.16s ease;
}

.btn-submit-approval[b-xm416cxne2] {
    background: linear-gradient(135deg, #1d4ed8 0%, #0f766e 100%);
    box-shadow: 0 8px 18px rgba(29, 78, 216, 0.3);
}

.btn-approve[b-xm416cxne2] {
    background: linear-gradient(135deg, #10b981 0%, #0f766e 100%);
    box-shadow: 0 8px 18px rgba(16, 185, 129, 0.3);
}

.btn-reject[b-xm416cxne2] {
    background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
    box-shadow: 0 8px 18px rgba(239, 68, 68, 0.3);
}

.btn-submit-approval:hover[b-xm416cxne2],
.btn-approve:hover[b-xm416cxne2],
.btn-reject:hover[b-xm416cxne2] {
    transform: translateY(-1px);
}

.btn-submit-approval:disabled[b-xm416cxne2],
.btn-approve:disabled[b-xm416cxne2],
.btn-reject:disabled[b-xm416cxne2] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.dept-history-shell[b-xm416cxne2] {
    margin: 1rem 1.25rem 1.5rem;
    border: 1px solid #dbe5f1;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}

.dept-history-hero[b-xm416cxne2] {
    border-radius: 16px;
    margin: 1rem;
    background:
        linear-gradient(125deg, #0f172a 0%, #1e3a5f 55%, #0f766e 100%);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.dept-history-hero h3[b-xm416cxne2],
.dept-history-hero p[b-xm416cxne2] {
    color: #e2e8f0;
}

.dept-history-hero-icon[b-xm416cxne2] {
    background: rgba(255, 255, 255, 0.14);
    color: #dbeafe;
    border: 1px solid rgba(255, 255, 255, 0.22);
}

.dept-history-metrics[b-xm416cxne2] {
    padding: 0 1rem;
}

.dept-history-metric[b-xm416cxne2] {
    border-color: #dbeafe;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.dept-history-timeline[b-xm416cxne2],
.dept-history-variance-board[b-xm416cxne2] {
    margin: 1rem;
    border-color: #dbeafe;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

@media (max-width: 768px) {
    .dept-report-container[b-xm416cxne2],
    .dept-history-shell[b-xm416cxne2] {
        margin: 0.75rem;
        border-radius: 14px;
    }

    .dept-report-header-bar[b-xm416cxne2] {
        padding: 0.75rem;
    }

    .dept-report-header-bar h3[b-xm416cxne2] {
        font-size: 0.9rem;
    }
}

.comment-panel-overlay[b-xm416cxne2] {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(2px);
    animation: fadeIn-b-xm416cxne2 0.2s ease;
}

.comment-panel[b-xm416cxne2] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 380px;
    z-index: 100;
    background: #ffffff;
    border-left: 1px solid #e2e8f0;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    animation: slideInRight-b-xm416cxne2 0.25s ease-out;
}

@keyframes slideInRight-b-xm416cxne2 {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

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

.comment-panel-head[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.comment-panel-head h4[b-xm416cxne2] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 8px;
}

.comment-panel-head h4 i[b-xm416cxne2] {
    color: #3b82f6;
}

.comment-panel-close[b-xm416cxne2] {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}

.comment-panel-close:hover[b-xm416cxne2] {
    background: #f1f5f9;
    color: #475569;
}

.comment-panel-meta[b-xm416cxne2] {
    display: flex;
    gap: 12px;
    padding: 10px 20px;
    border-bottom: 1px solid #e2e8f0;
    font-size: 11px;
    color: #64748b;
}

.comment-panel-meta span[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.comment-panel-meta i[b-xm416cxne2] {
    font-size: 10px;
    color: #94a3b8;
}

.comment-panel-body[b-xm416cxne2] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
}

.de-protoolbar[b-xm416cxne2] {
    display: flex;
    align-items: flex-end;
    gap: 0.85rem;
    flex-wrap: wrap;
    padding: 0.7rem 1rem;
    margin-bottom: 0.6rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 6px 18px -14px rgba(15, 23, 42, 0.35);
}

.de-pt-mode[b-xm416cxne2] {
    display: inline-flex;
    padding: 3px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    gap: 2px;
}

.de-pt-modebtn[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 30px;
    padding: 0 0.75rem;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
}

.de-pt-modebtn:hover[b-xm416cxne2] { color: #1e293b; }

.de-pt-modebtn.on[b-xm416cxne2] {
    background: #ffffff;
    color: #1d4ed8;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.14);
}

.de-pt-field[b-xm416cxne2] { display: flex; flex-direction: column; gap: 0.2rem; }

.de-pt-field > label[b-xm416cxne2] {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #94a3b8;
    white-space: nowrap;
}

.de-pt-hint[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    color: #64748b;
    max-width: 300px;
    line-height: 1.3;
    padding-bottom: 0.3rem;
}

.de-pt-hint i[b-xm416cxne2] { color: #3b82f6; }

.de-pt-actions[b-xm416cxne2] { display: flex; align-items: center; gap: 0.4rem; padding-bottom: 1px; }

.de-pt-selected[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: auto;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    color: #4338ca;
    font-size: 0.74rem;
    font-weight: 700;
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.de-pt-selected.none[b-xm416cxne2] {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #94a3b8;
    font-weight: 600;
}

.de-ref-picker[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 28px;
    padding: 0 0.55rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #475569;
}

.de-ref-picker i[b-xm416cxne2] { font-size: 0.72rem; color: #6366f1; }

.de-ref-picker select[b-xm416cxne2] {
    border: none;
    background: transparent;
    font-size: 0.76rem;
    font-weight: 600;
    color: #334155;
    outline: none;
    cursor: pointer;
}

.de-refline[b-xm416cxne2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.3rem;
    padding: 1px 6px 2px 4px;
    font-size: 0.66rem;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.de-ref-tag[b-xm416cxne2] {
    font-size: 0.56rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #94a3b8;
    background: #f1f5f9;
    border-radius: 4px;
    padding: 0 4px;
}

.de-ref-val[b-xm416cxne2] { color: #64748b; font-weight: 600; }

.de-ref-delta[b-xm416cxne2] { font-weight: 800; }

.de-ref-delta.pos[b-xm416cxne2] { color: #15803d; }

.de-ref-delta.neg[b-xm416cxne2] { color: #b91c1c; }

.month-edit-cell.cell-dirty[b-xm416cxne2] { position: relative; }

.month-edit-cell.cell-dirty[b-xm416cxne2]::after {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f59e0b;
    box-shadow: 0 0 0 2px #fff;
    pointer-events: none;
    z-index: 2;
}

.de-workspace-nav[b-xm416cxne2] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin: 0 0 .75rem;
    padding: .35rem;
    border: 1px solid #dbe4ef;
    border-radius: 12px;
    background: #fff;
    width: max-content;
    max-width: 100%;
}

.de-workspace-nav button[b-xm416cxne2] {
    border: 0;
    background: transparent;
    color: #52637a;
    border-radius: 9px;
    padding: .62rem .9rem;
    display: inline-flex;
    align-items: center;
    gap: .48rem;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
}

.de-workspace-nav button > span[b-xm416cxne2] { display: grid; gap: .08rem; text-align: left; line-height: 1.05; }

.de-workspace-nav button > span strong[b-xm416cxne2] { font-size: .73rem; font-weight: 800; }

.de-workspace-nav button > span small[b-xm416cxne2] { color: #78909c; font-size: .58rem; font-weight: 650; white-space: nowrap; }

.de-workspace-nav button.active > span small[b-xm416cxne2] { color: rgba(255,255,255,.76); }

.de-workspace-nav button:hover[b-xm416cxne2] { background: #f2f6fa; color: #0f4c5c; }

.de-workspace-nav button.active[b-xm416cxne2] { background: #0f5664; color: #fff; box-shadow: 0 3px 10px rgba(15,86,100,.18); }

.de-workspace-nav button em[b-xm416cxne2] { min-width: 19px; height: 19px; border-radius: 10px; display: grid; place-items: center; padding: 0 5px; background: #f59e0b; color: #fff; font-size: .68rem; font-style: normal; }

.de-workspace-panel[b-xm416cxne2] {
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(30, 52, 73, .06);
}

.de-workspace-panel-head[b-xm416cxne2] {
    padding: 1rem 1.15rem;
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1.5rem;
    border-bottom: 1px solid #e5ebf2;
    background: linear-gradient(110deg, #f8fbfc, #fff);
}

.de-workspace-panel-head span[b-xm416cxne2] { color: #087c78; font-size: .66rem; font-weight: 800; letter-spacing: .1em; }

.de-workspace-panel-head h3[b-xm416cxne2] { margin: .18rem 0 0; color: #14283c; font-size: 1rem; }

.de-workspace-panel-head p[b-xm416cxne2] { margin: 0; max-width: 560px; color: #64748b; font-size: .78rem; text-align: right; }

.de-assumption-scroll[b-xm416cxne2] { overflow-x: auto; overflow-y: clip; max-width: 100%; }

/* Veri Girişi'ndeki TreeGrid (Height=calc(100vh-270px)) ile AYNI desen: kendi sınırlı
   yüksekliği ve kendi iç scroll'u olan bir bölge. Bu şart çünkü overflow-x:auto (yatay
   kaydırma için zorunlu) tarayıcıda overflow-y'yi de otomatik olarak scroll-container'a
   çeviriyor (CSS Overflow spec) — yükseklik sınırlanmazsa bu "sahte" bir container olup
   thead'in position:sticky:top:0 davranışını kırıyordu. Sınırlı yükseklikle artık GERÇEK
   bir iç scroll alanı: thead kendi içinde doğru şekilde yapışıyor. */
.de-summary-scroll[b-xm416cxne2] {
    overflow: auto;
    max-width: 100%;
    max-height: calc(100vh - 330px);
}

.de-assumption-grid[b-xm416cxne2], .de-summary-grid[b-xm416cxne2] { width: 100%; min-width: 1450px; border-collapse: separate; border-spacing: 0; font-size: .76rem; }

.de-assumption-grid th[b-xm416cxne2], .de-assumption-grid td[b-xm416cxne2], .de-summary-grid th[b-xm416cxne2], .de-summary-grid td[b-xm416cxne2] { border-right: 1px solid #e5ebf2; border-bottom: 1px solid #e5ebf2; padding: .58rem .62rem; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

.de-assumption-grid thead th[b-xm416cxne2], .de-summary-grid thead th[b-xm416cxne2] { position: sticky; top: 0; z-index: 2; background: #eff5f7; color: #34495e; text-transform: uppercase; font-size: .65rem; letter-spacing: .035em; }

.de-assumption-grid th:first-child[b-xm416cxne2], .de-summary-grid th:first-child[b-xm416cxne2] { position: sticky; left: 0; z-index: 3; text-align: left; background: #fff; min-width: 245px; }

.de-assumption-grid thead th:first-child[b-xm416cxne2], .de-summary-grid thead th:first-child[b-xm416cxne2] { z-index: 4; background: #e8f1f3; }

.de-assumption-grid tbody th strong[b-xm416cxne2], .de-assumption-grid tbody th small[b-xm416cxne2] { display: block; }

.de-assumption-grid tbody th small[b-xm416cxne2] { color: #7a8998; font-weight: 500; margin-top: .2rem; }

.de-assumption-grid td:nth-child(2)[b-xm416cxne2] { text-align: left; color: #64748b; font-weight: 650; }

.de-assumption-grid tr.prior td[b-xm416cxne2] { color: #718096; background: #f8fafc; font-size: .72rem; }

.de-assumption-grid tr.ratio th[b-xm416cxne2] { border-left: 4px solid #0ea5a4; }

.de-assumption-grid tr.money th[b-xm416cxne2] { border-left: 4px solid #2563eb; }

.de-assumption-grid tr.economic th[b-xm416cxne2] { border-left: 4px solid #d97706; }

.de-assumption-grid td.pc-series[b-xm416cxne2] { text-align: left; font-weight: 700; font-size: .68rem; text-transform: uppercase; letter-spacing: .03em; }

.de-assumption-grid td.pc-actual[b-xm416cxne2] { color: #2563eb; }

.de-assumption-grid td.pc-budget[b-xm416cxne2] { color: #dc2626; }

.de-assumption-grid td.pc-forecast[b-xm416cxne2] { color: #16a34a; }

.de-assumption-grid td.pc-prior[b-xm416cxne2] { color: #718096; }

.de-assumption-note[b-xm416cxne2] { margin: .85rem 1rem 1rem; padding: .7rem .8rem; border-radius: 8px; color: #4b6378; background: #f2f7f8; font-size: .76rem; }

.de-assumption-note i[b-xm416cxne2] { color: #0f766e; margin-right: .4rem; }

.de-summary-grid[b-xm416cxne2] { min-width: 1900px; }

.de-summary-grid.compact[b-xm416cxne2] { min-width: 980px; }

.de-summary-grid thead tr:first-child th:not(:first-child)[b-xm416cxne2] { text-align: center; border-bottom-color: #cbd8e3; }

.de-summary-grid td[b-xm416cxne2] { min-width: 90px; }

.de-summary-grid.compact td[b-xm416cxne2], .de-summary-grid.compact th[b-xm416cxne2] { min-width: 130px; }

/* Veri Girişi TreeGrid'iyle (department-budget-grid.css: de-row-root/group/subtotal) BİREBİR
   aynı renk paleti — "Yönetim P&L artık Veri Girişi gibi görünmeli" isteği. */
.de-summary-grid tr.section th[b-xm416cxne2], .de-summary-grid tr.section td[b-xm416cxne2] { background: #eaf1f8; color: #102a43; font-weight: 850; }

.de-summary-grid tr.subgroup th[b-xm416cxne2], .de-summary-grid tr.subgroup td[b-xm416cxne2] { background: #edf4f9; color: #243b53; font-weight: 780; }

.de-summary-grid tr.subtotal th[b-xm416cxne2], .de-summary-grid tr.subtotal td[b-xm416cxne2] { background: #f5f8fb; font-weight: 750; border-top: 1px solid #aebdcb; }

.de-summary-grid td.finance-negative[b-xm416cxne2] { color: #c62828; }

.de-summary-grid td.finance-positive[b-xm416cxne2] { color: #15803d; font-weight: 750; }

.de-summary-grid td.finance-zero[b-xm416cxne2] { color: #8795a5; }

.de-summary-porpp-toggle[b-xm416cxne2] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .74rem;
    font-weight: 650;
    color: #475569;
    cursor: pointer;
    white-space: nowrap;
}

.de-summary-grid thead tr:first-child th:nth-child(2)[b-xm416cxne2] { border-top: 3px solid #2563eb; color: #2563eb; background: #eff6ff; }

.de-summary-grid thead tr:first-child th:nth-child(3)[b-xm416cxne2] { border-top: 3px solid #dc2626; color: #dc2626; background: #fef2f2; }

.de-summary-grid thead tr:first-child th:nth-child(4)[b-xm416cxne2] { border-top: 3px solid #16a34a; color: #16a34a; background: #ecfdf5; }

.de-summary-grid:not(.compact) tbody td:nth-child(n+2):nth-child(-n+4)[b-xm416cxne2] { background: rgba(37, 99, 235, .05); }

.de-summary-grid:not(.compact) tbody td:nth-child(n+5):nth-child(-n+7)[b-xm416cxne2] { background: rgba(220, 38, 38, .05); }

.de-summary-grid:not(.compact) tbody td:nth-child(n+8):nth-child(-n+10)[b-xm416cxne2] { background: rgba(22, 163, 74, .05); }

.de-summary-grid:not(.compact) tr.section td:nth-child(n+2):nth-child(-n+10)[b-xm416cxne2],
.de-summary-grid:not(.compact) tr.subgroup td:nth-child(n+2):nth-child(-n+10)[b-xm416cxne2],
.de-summary-grid:not(.compact) tr.subtotal td:nth-child(n+2):nth-child(-n+10)[b-xm416cxne2] { background: inherit; }

.de-summary-grid.compact tbody td:nth-child(2)[b-xm416cxne2] { background: rgba(37, 99, 235, .05); }

.de-summary-grid.compact tbody td:nth-child(3)[b-xm416cxne2] { background: rgba(220, 38, 38, .05); }

.de-summary-grid.compact tbody td:nth-child(4)[b-xm416cxne2] { background: rgba(22, 163, 74, .05); }

.de-summary-grid.compact tr.section td[b-xm416cxne2],
.de-summary-grid.compact tr.subgroup td[b-xm416cxne2],
.de-summary-grid.compact tr.subtotal td[b-xm416cxne2] { background: inherit; }

.de-workspace-panel > .fp-kpi-rail[b-xm416cxne2] { margin: 1rem; }

.de-review-grid[b-xm416cxne2] { padding: 1rem; display: grid; grid-template-columns: repeat(4, minmax(190px, 1fr)); gap: .75rem; }

.de-review-check[b-xm416cxne2] { border: 1px solid #dbe5ed; border-radius: 10px; padding: .85rem; display: flex; align-items: flex-start; gap: .65rem; background: #fff; }

.de-review-check > i[b-xm416cxne2] { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: .7rem; }

.de-review-check.passed > i[b-xm416cxne2] { background: #dcfce7; color: #15803d; }

.de-review-check.attention > i[b-xm416cxne2] { background: #fef3c7; color: #b45309; }

.de-review-check strong[b-xm416cxne2], .de-review-check span[b-xm416cxne2] { display: block; }

.de-review-check strong[b-xm416cxne2] { color: #23384b; font-size: .8rem; }

.de-review-check span[b-xm416cxne2] { color: #6b7d8d; font-size: .72rem; margin-top: .25rem; line-height: 1.35; }

.de-review-actions[b-xm416cxne2] { margin: 0 1rem 1rem; padding: .9rem 1rem; border: 1px solid #dbe5ed; border-radius: 10px; background: #f8fafc; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }

.de-review-actions span[b-xm416cxne2], .de-review-actions strong[b-xm416cxne2] { display: block; }

.de-review-actions span[b-xm416cxne2] { color: #6b7d8d; font-size: .68rem; text-transform: uppercase; font-weight: 700; }

.de-review-actions strong[b-xm416cxne2] { color: #123d4a; margin-top: .15rem; }

.de-review-actions .actions[b-xm416cxne2] { display: flex; flex-wrap: wrap; gap: .45rem; }

.de-driver-open[b-xm416cxne2] { color: #8a5a00 !important; border-color: #efc66d !important; background: #fff9e8 !important; }

.de-month-heading[b-xm416cxne2] { min-height: 28px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; line-height: 1.05; }

.de-month-heading strong[b-xm416cxne2] { color: #2d4054; font-size: .62rem; text-transform: uppercase; }

.de-month-heading small[b-xm416cxne2] { margin-top: .12rem; color: #54748a; font-size: .52rem; font-weight: 650; }

.de-month-heading small + small[b-xm416cxne2] { color: #8a98a7; margin-top: .06rem; }

.de-driver-backdrop[b-xm416cxne2] { position: fixed; inset: 0; z-index: 1040; background: rgba(11, 24, 38, .42); backdrop-filter: blur(1px); }

.de-driver-drawer[b-xm416cxne2] { position: fixed; z-index: 1041; top: 0; right: 0; bottom: 0; width: min(1180px, 88vw); background: #f5f8fb; box-shadow: -16px 0 45px rgba(15, 30, 45, .22); display: flex; flex-direction: column; }

.de-driver-drawer > header[b-xm416cxne2] { flex: 0 0 auto; padding: .9rem 1.1rem; background: #fff; border-bottom: 1px solid #dce5ed; display: flex; justify-content: space-between; gap: 1rem; }

.de-driver-drawer > header span[b-xm416cxne2] { color: #9a6700; font-size: .64rem; letter-spacing: .1em; font-weight: 800; }

.de-driver-drawer > header h3[b-xm416cxne2] { margin: .16rem 0; font-size: 1rem; color: #20374b; }

.de-driver-drawer > header p[b-xm416cxne2] { margin: 0; color: #6b7d8d; font-size: .72rem; }

.de-driver-drawer > header button[b-xm416cxne2] { width: 34px; height: 34px; border: 1px solid #d8e1e9; border-radius: 8px; background: #fff; color: #536579; cursor: pointer; }

.de-driver-drawer-body[b-xm416cxne2] { flex: 1 1 auto; min-height: 0; overflow: auto; padding: .75rem; }

@media (max-width: 1050px) {
    .de-workspace-nav[b-xm416cxne2] { width: 100%; overflow-x: auto; }
    .de-review-grid[b-xm416cxne2] { grid-template-columns: repeat(2, minmax(190px, 1fr)); }
    .de-workspace-panel-head[b-xm416cxne2] { align-items: flex-start; flex-direction: column; gap: .4rem; }
    .de-workspace-panel-head p[b-xm416cxne2] { text-align: left; }
}

@media (max-width: 650px) {
    .de-review-grid[b-xm416cxne2] { grid-template-columns: 1fr; }
    .de-review-actions[b-xm416cxne2] { align-items: flex-start; flex-direction: column; }
    .de-driver-drawer[b-xm416cxne2] { width: 100vw; }
}
/* /Presentation/Components/FinancialPlanning/DriversTab.razor.rz.scp.css */
/* DriversTab - Oracle EPM Professional Enterprise Design */
/* ═══════════════════════════════════════════════════════ */

:host[b-rbelpl50zl] {
    /* ── Core Colors ── */
    --bg-main: #f0f4f8;
    --bg-panel: #ffffff;
    --bg-muted: #f8fafc;
    --bg-subtle: #f1f5f9;
    --bg-accent: #eff6ff;
    --bg-dark: #0f172a;
    
    /* ── Borders ── */
    --border: #e2e8f0;
    --border-light: #f1f5f9;
    --border-strong: #cbd5e1;
    --border-focus: #3b82f6;
    
    /* ── Text ── */
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --text-disabled: #cbd5e1;
    
    /* ── Accent Colors ── */
    --accent: #3b82f6;
    --accent-hover: #2563eb;
    --accent-soft: #eff6ff;
    --accent-glow: rgba(59, 130, 246, 0.15);
    
    /* ── Semantic Colors ── */
    --success: #10b981;
    --success-soft: #d1fae5;
    --warning: #f59e0b;
    --warning-soft: #fef3c7;
    --danger: #ef4444;
    --danger-soft: #fee2e2;
    --info: #06b6d4;
    --info-soft: #cffafe;
    --purple: #8b5cf6;
    --purple-soft: #ede9fe;
    
    /* ── Shadows ── */
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -1px rgba(0,0,0,0.04);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -2px rgba(0,0,0,0.04);
    --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.08), 0 10px 10px -5px rgba(0,0,0,0.02);
    --shadow-inner: inset 0 2px 4px 0 rgba(0,0,0,0.04);
    --shadow-glow: 0 0 0 3px var(--accent-glow);
    
    /* ── Radius ── */
    --radius-sm: 6px;
    --radius: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 20px;
    --radius-full: 9999px;
    
    /* ── Transitions ── */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;
}

/* Dark Theme Support */
:global([data-bs-theme="dark"])[b-rbelpl50zl] {
    --bg-main: #0f172a;
    --bg-panel: #1e293b;
    --bg-muted: #334155;
    --bg-subtle: #1e293b;
    --bg-accent: #1e3a5f;
    --bg-dark: #0f172a;
    
    --border: #334155;
    --border-light: #475569;
    --border-strong: #475569;
    --border-focus: #60a5fa;
    
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --text-disabled: #64748b;
    
    --accent: #60a5fa;
    --accent-hover: #3b82f6;
    --accent-soft: #1e3a5f;
    --accent-glow: rgba(96, 165, 250, 0.2);
    
    --success: #34d399;
    --success-soft: #064e3b;
    --warning: #fbbf24;
    --warning-soft: #78350f;
    --danger: #f87171;
    --danger-soft: #7f1d1d;
    --info: #22d3ee;
    --info-soft: #164e63;
    --purple: #a78bfa;
    --purple-soft: #4c1d95;
    
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.4), 0 2px 4px -1px rgba(0,0,0,0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -2px rgba(0,0,0,0.3);
    --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.4), 0 10px 10px -5px rgba(0,0,0,0.3);
    --shadow-inner: inset 0 2px 4px 0 rgba(0,0,0,0.3);
    --shadow-glow: 0 0 0 3px var(--accent-glow);
}

/* ╔═══════════════════════════════════════════════════════╗
   ║                    MAIN SHELL                          ║
   ╚═══════════════════════════════════════════════════════╝ */
.drivers-shell[b-rbelpl50zl] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--bg-main);
    color: var(--text-primary);
    overflow: hidden;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║                PROFESSIONAL HEADER                     ║
   ╚═══════════════════════════════════════════════════════╝ */
.drivers-header[b-rbelpl50zl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #1e40af 100%);
    color: white;
    flex-shrink: 0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.4);
    gap: 1.5rem;
    position: relative;
    z-index: 10;
}

.drivers-header[b-rbelpl50zl]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
}

.drivers-header__left[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.drivers-header__title[b-rbelpl50zl] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.drivers-header__title h1[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: white;
    letter-spacing: -0.02em;
}

.drivers-header__title h1 i[b-rbelpl50zl] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
    background: rgba(255,255,255,0.1);
    padding: 0.4rem;
    border-radius: var(--radius);
}

.scenario-badge[b-rbelpl50zl] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    backdrop-filter: blur(8px);
}

.executing-badge[b-rbelpl50zl] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.8rem;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
    border-radius: var(--radius-full);
    border: 1px solid rgba(251, 191, 36, 0.3);
    animation: pulse-glow-b-rbelpl50zl 2s infinite;
}

@keyframes pulse-glow-b-rbelpl50zl {
    0%, 100% { opacity: 1; box-shadow: 0 0 8px rgba(251, 191, 36, 0.3); }
    50% { opacity: 0.85; box-shadow: 0 0 16px rgba(251, 191, 36, 0.5); }
}

.drivers-stats[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.stat[b-rbelpl50zl] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(8px);
    transition: var(--transition-fast);
}

.stat:hover[b-rbelpl50zl] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
}

.stat strong[b-rbelpl50zl] {
    font-weight: 700;
    color: white;
    font-size: 0.85rem;
}

.stat.success[b-rbelpl50zl] { 
    background: rgba(16, 185, 129, 0.15); 
    border-color: rgba(16, 185, 129, 0.25); 
}
.stat.warning[b-rbelpl50zl] { 
    background: rgba(245, 158, 11, 0.15); 
    border-color: rgba(245, 158, 11, 0.25); 
}

.stat-divider[b-rbelpl50zl] { display: none; }

.drivers-header__actions[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.action-group[b-rbelpl50zl] {
    display: flex;
    gap: 0.5rem;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║              PROFESSIONAL ACTION BUTTONS               ║
   ╚═══════════════════════════════════════════════════════╝ */
.action-btn[b-rbelpl50zl] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    border: 1px solid transparent;
    border-radius: var(--radius);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
    text-decoration: none;
    letter-spacing: -0.01em;
    position: relative;
    overflow: hidden;
}

.action-btn[b-rbelpl50zl]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    transition: left 0.4s ease;
}

.action-btn:hover[b-rbelpl50zl]::before {
    left: 100%;
}

.action-btn i[b-rbelpl50zl] { font-size: 0.75rem; }

.action-btn.primary[b-rbelpl50zl] {
    background: linear-gradient(135deg, #ffffff, #f0f9ff);
    color: #1e40af;
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2);
}

.action-btn.primary:hover[b-rbelpl50zl] {
    background: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(255, 255, 255, 0.35);
}

.action-btn.secondary[b-rbelpl50zl] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
}

.action-btn.secondary:hover[b-rbelpl50zl] {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.35);
}

.action-btn.success[b-rbelpl50zl] {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    border-color: #10b981;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25);
}

.action-btn.success:hover[b-rbelpl50zl] {
    background: linear-gradient(135deg, #059669, #047857);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35);
}

.action-btn.warning[b-rbelpl50zl] {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
    border-color: rgba(251, 191, 36, 0.3);
}

.action-btn.warning:hover[b-rbelpl50zl] {
    background: rgba(251, 191, 36, 0.25);
    border-color: rgba(251, 191, 36, 0.5);
}

.action-btn.danger[b-rbelpl50zl] {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
    border-color: #ef4444;
}

.action-btn.danger:hover[b-rbelpl50zl] {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
}

.action-btn.small[b-rbelpl50zl] {
    padding: 0.4rem 0.8rem;
    font-size: 0.72rem;
}

.action-btn:disabled[b-rbelpl50zl] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║                   MAIN LAYOUT                          ║
   ╚═══════════════════════════════════════════════════════╝ */
.drivers-layout[b-rbelpl50zl] {
    display: grid;
    grid-template-columns: 360px 1fr;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.drivers-layout.has-editor[b-rbelpl50zl] {
    grid-template-columns: 320px 1fr;
}

/* Full HD */
@media (min-width: 1920px) {
    .drivers-layout[b-rbelpl50zl] {
        grid-template-columns: 400px 1fr;
    }
    .drivers-layout.has-editor[b-rbelpl50zl] {
        grid-template-columns: 360px 1fr;
    }
}

/* ╔═══════════════════════════════════════════════════════╗
   ║              PROFESSIONAL SIDEBAR                      ║
   ╚═══════════════════════════════════════════════════════╝ */
.drivers-sidebar[b-rbelpl50zl] {
    display: flex;
    flex-direction: column;
    background: var(--bg-panel);
    border-right: 1px solid var(--border);
    overflow: hidden;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.03);
}

.sidebar-header[b-rbelpl50zl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border);
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    gap: 0.75rem;
}

.sidebar-header__title[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex: 1;
    min-width: 0;
}

.sidebar-header h2[b-rbelpl50zl] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: -0.02em;
}

.sidebar-header h2 i[b-rbelpl50zl] {
    color: var(--accent);
    font-size: 0.9rem;
    background: var(--accent-soft);
    padding: 0.35rem;
    border-radius: var(--radius-sm);
}

.count-badge[b-rbelpl50zl] {
    background: linear-gradient(135deg, var(--accent), var(--accent-hover));
    color: white;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.25rem 0.6rem;
    border-radius: var(--radius-full);
    min-width: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.25);
}

.sidebar-new-btn[b-rbelpl50zl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius);
    border: 1px solid rgba(59, 130, 246, 0.3);
    background: var(--accent-soft);
    color: var(--accent);
    cursor: pointer;
    transition: all var(--transition-fast);
    flex-shrink: 0;
    font-size: 0.8rem;
}

.sidebar-new-btn:hover[b-rbelpl50zl] {
    background: var(--accent);
    border-color: var(--accent);
    color: white;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.35);
    transform: translateY(-1px);
}

.sidebar-header__actions[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sidebar-delete-all-btn[b-rbelpl50zl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius);
    border: 1px solid rgba(239, 68, 68, 0.3);
    background: rgba(239, 68, 68, 0.08);
    color: #ef4444;
    cursor: pointer;
    transition: all var(--transition-fast);
    flex-shrink: 0;
    font-size: 0.75rem;
}

.sidebar-delete-all-btn:hover:not(:disabled)[b-rbelpl50zl] {
    background: #ef4444;
    border-color: #ef4444;
    color: white;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.35);
    transform: translateY(-1px);
}

.sidebar-delete-all-btn:disabled[b-rbelpl50zl] {
    opacity: 0.5;
    cursor: not-allowed;
}

.sidebar-reset-btn[b-rbelpl50zl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius);
    border: 1px solid rgba(245, 158, 11, 0.3);
    background: rgba(245, 158, 11, 0.08);
    color: #f59e0b;
    cursor: pointer;
    transition: all var(--transition-fast);
    flex-shrink: 0;
    font-size: 0.75rem;
}

.sidebar-reset-btn:hover:not(:disabled)[b-rbelpl50zl] {
    background: #f59e0b;
    border-color: #f59e0b;
    color: white;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);
    transform: translateY(-1px);
}

.sidebar-reset-btn:disabled[b-rbelpl50zl] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║              PROFESSIONAL FILTERS                      ║
   ╚═══════════════════════════════════════════════════════╝ */
.sidebar-filters[b-rbelpl50zl] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.search-box[b-rbelpl50zl] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-box i[b-rbelpl50zl] {
    position: absolute;
    left: 0.85rem;
    color: var(--text-muted);
    font-size: 0.85rem;
    transition: color var(--transition-fast);
}

.search-box input[b-rbelpl50zl] {
    width: 100%;
    padding: 0.7rem 0.85rem 0.7rem 2.5rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font-size: 0.85rem;
    transition: all var(--transition-fast);
    background: white;
    color: var(--text-primary);
}

.search-box input:focus[b-rbelpl50zl] {
    outline: none;
    border-color: var(--accent);
    box-shadow: var(--shadow-glow), var(--shadow-sm);
}

.search-box input:focus + i[b-rbelpl50zl],
.search-box:focus-within i[b-rbelpl50zl] {
    color: var(--accent);
}

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

.clear-search[b-rbelpl50zl] {
    position: absolute;
    right: 0.6rem;
    background: var(--bg-muted);
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0.3rem;
    font-size: 0.7rem;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
}

.clear-search:hover[b-rbelpl50zl] {
    background: var(--danger-soft);
    color: var(--danger);
}

.filter-tabs[b-rbelpl50zl] {
    display: flex;
    gap: 0.4rem;
    background: var(--bg-muted);
    padding: 0.3rem;
    border-radius: var(--radius);
}

.filter-tab[b-rbelpl50zl] {
    flex: 1;
    padding: 0.55rem 0.6rem;
    border: none;
    background: transparent;
    color: var(--text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.filter-tab:hover[b-rbelpl50zl] {
    background: white;
    color: var(--text-primary);
    box-shadow: var(--shadow-xs);
}

.filter-tab.active[b-rbelpl50zl] {
    background: white;
    color: var(--accent);
    box-shadow: var(--shadow-sm);
}

.filter-tab i[b-rbelpl50zl] {
    font-size: 0.68rem;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║           PROFESSIONAL DRIVER LIST & CARDS             ║
   ╚═══════════════════════════════════════════════════════╝ */
.driver-list[b-rbelpl50zl] {
    flex: 1;
    overflow-y: auto;
    padding: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    scrollbar-width: thin;
    scrollbar-color: var(--border-strong) transparent;
}

.driver-list[b-rbelpl50zl]::-webkit-scrollbar {
    width: 6px;
}

.driver-list[b-rbelpl50zl]::-webkit-scrollbar-track {
    background: transparent;
}

.driver-list[b-rbelpl50zl]::-webkit-scrollbar-thumb {
    background: var(--border-strong);
    border-radius: var(--radius-full);
}

.driver-card[b-rbelpl50zl] {
    background: white;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1rem 1.15rem;
    cursor: pointer;
    transition: all var(--transition-fast);
    position: relative;
    overflow: hidden;
}

.driver-card[b-rbelpl50zl]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: transparent;
    transition: background var(--transition-fast);
}

.driver-card:hover[b-rbelpl50zl] {
    border-color: var(--accent);
    box-shadow: var(--shadow-md), 0 0 0 1px var(--accent-glow);
    transform: translateY(-2px);
}

.driver-card:hover[b-rbelpl50zl]::before {
    background: var(--accent);
}

.driver-card.selected[b-rbelpl50zl] {
    border-color: var(--accent);
    background: linear-gradient(135deg, var(--accent-soft), #ffffff);
    box-shadow: var(--shadow-glow), var(--shadow-md);
}

.driver-card.selected[b-rbelpl50zl]::before {
    background: var(--accent);
}

.driver-card.inactive[b-rbelpl50zl] {
    opacity: 0.6;
    background: var(--bg-muted);
}

.driver-card.inactive[b-rbelpl50zl]::before {
    background: var(--text-muted);
}

.driver-card__main[b-rbelpl50zl] {
    margin-bottom: 0.85rem;
}

.driver-card__name[b-rbelpl50zl] {
    font-weight: 700;
    font-size: 0.92rem;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.4rem;
    letter-spacing: -0.01em;
}

.auto-badge[b-rbelpl50zl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg, var(--warning-soft), #fef3c7);
    color: var(--warning);
    border-radius: var(--radius-full);
    font-size: 0.6rem;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.driver-card__target[b-rbelpl50zl] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.5rem;
    background: var(--bg-muted);
    border-radius: var(--radius-sm);
    width: fit-content;
}

.driver-card__target i[b-rbelpl50zl] {
    color: var(--accent);
    font-size: 0.7rem;
}

.driver-card__meta[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
    flex-wrap: wrap;
}

.type-badge[b-rbelpl50zl] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    background: linear-gradient(135deg, var(--purple-soft), #ede9fe);
    color: var(--purple);
    border-radius: var(--radius-sm);
    border: 1px solid rgba(139, 92, 246, 0.15);
}

.priority-badge[b-rbelpl50zl] {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.25rem 0.5rem;
    background: linear-gradient(135deg, var(--info-soft), #cffafe);
    color: var(--info);
    border-radius: var(--radius-sm);
    border: 1px solid rgba(6, 182, 212, 0.15);
}

.driver-card__actions[b-rbelpl50zl] {
    display: flex;
    gap: 0.35rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--border-light);
}

.icon-btn[b-rbelpl50zl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: white;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
    font-size: 0.75rem;
}

.icon-btn:hover[b-rbelpl50zl] {
    border-color: var(--accent);
    color: var(--accent);
    background: var(--accent-soft);
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
}

.icon-btn.success:hover[b-rbelpl50zl] {
    border-color: var(--success);
    color: var(--success);
    background: var(--success-soft);
}

.icon-btn.danger:hover[b-rbelpl50zl] {
    border-color: var(--danger);
    color: var(--danger);
    background: var(--danger-soft);
}

/* ╔═══════════════════════════════════════════════════════╗
   ║            PROFESSIONAL WORKSPACE                      ║
   ╚═══════════════════════════════════════════════════════╝ */
.drivers-workspace[b-rbelpl50zl] {
    display: none;
    flex-direction: column;
    background: var(--bg-main);
    overflow: hidden;
}

.drivers-workspace.visible[b-rbelpl50zl] {
    display: flex;
}

.workspace-header[b-rbelpl50zl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.1rem 1.5rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid var(--border);
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

.workspace-header__info h2[b-rbelpl50zl] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.3rem 0;
    letter-spacing: -0.02em;
}

.workspace-header__info p[b-rbelpl50zl] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.workspace-header__info p i[b-rbelpl50zl] {
    color: var(--accent);
    font-size: 0.8rem;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║              PROFESSIONAL ALERTS                       ║
   ╚═══════════════════════════════════════════════════════╝ */
.alert[b-rbelpl50zl] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1.25rem;
    margin: 0.85rem 1rem;
    border-radius: var(--radius-lg);
    font-size: 0.85rem;
    font-weight: 500;
    animation: slideIn-b-rbelpl50zl 0.3s ease;
}

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

.alert i[b-rbelpl50zl] {
    margin-top: 0.1rem;
    font-size: 1rem;
    flex-shrink: 0;
}

.alert-warning[b-rbelpl50zl] {
    background: linear-gradient(135deg, var(--warning-soft), #fef3c7);
    color: #92400e;
    border: 1px solid rgba(245, 158, 11, 0.25);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.1);
}

.alert-danger[b-rbelpl50zl] {
    background: linear-gradient(135deg, var(--danger-soft), #fee2e2);
    color: #991b1b;
    border: 1px solid rgba(239, 68, 68, 0.25);
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.1);
}

.alert-success[b-rbelpl50zl] {
    background: linear-gradient(135deg, var(--success-soft), #d1fae5);
    color: #065f46;
    border: 1px solid rgba(16, 185, 129, 0.25);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.1);
}

/* ╔═══════════════════════════════════════════════════════╗
   ║             PROFESSIONAL WORKSPACE TABS                ║
   ╚═══════════════════════════════════════════════════════╝ */
.workspace-tabs[b-rbelpl50zl] {
    display: flex;
    gap: 0.25rem;
    padding: 0.65rem 1.25rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid var(--border);
    overflow-x: auto;
    scrollbar-width: none;
}

.workspace-tabs[b-rbelpl50zl]::-webkit-scrollbar {
    display: none;
}

.tab-btn[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.15rem;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius);
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
    flex-shrink: 0;
}

.tab-btn:hover[b-rbelpl50zl] {
    background: white;
    border-color: var(--border);
    color: var(--text-primary);
    box-shadow: var(--shadow-xs);
}

.tab-btn.active[b-rbelpl50zl] {
    background: white;
    border-color: var(--accent);
    color: var(--accent);
    font-weight: 600;
    box-shadow: var(--shadow-sm), 0 0 0 1px var(--accent-glow);
}

.tab-btn i[b-rbelpl50zl] {
    font-size: 0.75rem;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║          PROFESSIONAL WORKSPACE CONTENT                ║
   ╚═══════════════════════════════════════════════════════╝ */
.workspace-content[b-rbelpl50zl] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    background: var(--bg-main);
    scrollbar-width: thin;
    scrollbar-color: var(--border-strong) transparent;
}

.workspace-content[b-rbelpl50zl]::-webkit-scrollbar {
    width: 8px;
}

.workspace-content[b-rbelpl50zl]::-webkit-scrollbar-track {
    background: transparent;
}

.workspace-content[b-rbelpl50zl]::-webkit-scrollbar-thumb {
    background: var(--border-strong);
    border-radius: var(--radius-full);
}

.form-section[b-rbelpl50zl] {
    background: white;
    border-radius: var(--radius-xl);
    padding: 1.75rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border);
}

.form-row[b-rbelpl50zl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-group[b-rbelpl50zl] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.form-group.small[b-rbelpl50zl] {
    max-width: 150px;
}

.form-label[b-rbelpl50zl] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.form-hint[b-rbelpl50zl] {
    font-size: 0.72rem;
    color: var(--text-muted);
    margin-top: 0.25rem;
}

.form-divider[b-rbelpl50zl] {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border), transparent);
    margin: 1.75rem 0;
}

.form-toggles[b-rbelpl50zl] {
    display: flex;
    gap: 2.5rem;
    margin-top: 1.25rem;
}

.toggle-item[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.9rem;
    color: var(--text-primary);
    cursor: pointer;
    padding: 0.5rem 0;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║          PROFESSIONAL FORMULA EDITOR                   ║
   ╚═══════════════════════════════════════════════════════╝ */
.formula-editor-container[b-rbelpl50zl] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.formula-toolbar[b-rbelpl50zl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border);
}

.toolbar-label[b-rbelpl50zl] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.toolbar-label i[b-rbelpl50zl] {
    color: var(--accent);
    background: var(--accent-soft);
    padding: 0.4rem;
    border-radius: var(--radius-sm);
}

.toolbar-actions[b-rbelpl50zl] {
    display: flex;
    gap: 0.5rem;
}

.formula-textarea textarea[b-rbelpl50zl] {
    min-height: 180px !important;
    font-family: 'Fira Code', 'Consolas', 'Monaco', monospace !important;
    font-size: 0.88rem !important;
    line-height: 1.65 !important;
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border: 1px solid #334155 !important;
    border-radius: var(--radius-lg) !important;
    padding: 1.25rem !important;
    box-shadow: var(--shadow-inner) !important;
}

.formula-textarea textarea:focus[b-rbelpl50zl] {
    border-color: var(--accent) !important;
    box-shadow: var(--shadow-glow), var(--shadow-inner) !important;
}

.formula-help[b-rbelpl50zl] {
    background: linear-gradient(135deg, var(--bg-muted), #f8fafc);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    font-size: 0.82rem;
    color: var(--text-secondary);
    border: 1px solid var(--border);
}

.formula-help p[b-rbelpl50zl] {
    margin: 0 0 0.65rem 0;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--text-primary);
}

.formula-help p i[b-rbelpl50zl] {
    color: var(--warning);
}

.formula-help ul[b-rbelpl50zl] {
    margin: 0;
    padding-left: 1.35rem;
}

.formula-help ul li[b-rbelpl50zl] {
    margin-bottom: 0.35rem;
    line-height: 1.5;
}

.formula-help code[b-rbelpl50zl] {
    background: rgba(59, 130, 246, 0.1);
    color: var(--accent);
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-family: 'Fira Code', 'Consolas', monospace;
    border: 1px solid rgba(59, 130, 246, 0.15);
}

/* ╔═══════════════════════════════════════════════════════╗
   ║            PROFESSIONAL HISTORY SECTION                ║
   ╚═══════════════════════════════════════════════════════╝ */
.history-section[b-rbelpl50zl] {
    padding: 0.75rem 0;
}

.timeline[b-rbelpl50zl] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.timeline-item[b-rbelpl50zl] {
    display: flex;
    gap: 0.85rem;
    padding: 1rem;
    background: white;
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
    border-left: 4px solid var(--border);
    transition: all var(--transition-fast);
}

.timeline-item:hover[b-rbelpl50zl] {
    box-shadow: var(--shadow-sm);
    transform: translateX(4px);
}

.timeline-item.success[b-rbelpl50zl] {
    border-left-color: var(--success);
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.03), transparent);
}

.timeline-item.error[b-rbelpl50zl] {
    border-left-color: var(--danger);
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.03), transparent);
}

.timeline-icon[b-rbelpl50zl] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.timeline-item.success .timeline-icon[b-rbelpl50zl] {
    background: var(--success-soft);
    color: var(--success);
}

.timeline-item.error .timeline-icon[b-rbelpl50zl] {
    background: var(--danger-soft);
    color: var(--danger);
}

.timeline-content[b-rbelpl50zl] {
    flex: 1;
}

.timeline-time[b-rbelpl50zl] {
    font-size: 0.72rem;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.timeline-message[b-rbelpl50zl] {
    font-size: 0.88rem;
    color: var(--text-primary);
    margin: 0.3rem 0 0 0;
    font-weight: 500;
}

.timeline-rows[b-rbelpl50zl] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 0.25rem;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║           PROFESSIONAL WORKSPACE FOOTER                ║
   ╚═══════════════════════════════════════════════════════╝ */
.workspace-footer[b-rbelpl50zl] {
    display: flex;
    gap: 0.85rem;
    padding: 1.15rem 1.5rem;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border-top: 1px solid var(--border);
    box-shadow: 0 -2px 8px rgba(0,0,0,0.02);
}

/* ╔═══════════════════════════════════════════════════════╗
   ║           PROFESSIONAL EMPTY STATE                     ║
   ╚═══════════════════════════════════════════════════════╝ */
.workspace-empty[b-rbelpl50zl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: var(--text-secondary);
}

.workspace-empty i[b-rbelpl50zl] {
    font-size: 4.5rem;
    color: var(--border-strong);
    margin-bottom: 2rem;
    opacity: 0.6;
}

.workspace-empty h3[b-rbelpl50zl] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.6rem 0;
    letter-spacing: -0.02em;
}

.workspace-empty p[b-rbelpl50zl] {
    font-size: 0.92rem;
    color: var(--text-secondary);
    margin: 0 0 2rem 0;
    max-width: 380px;
    line-height: 1.6;
}

.empty-state[b-rbelpl50zl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    text-align: center;
    color: var(--text-secondary);
    background: linear-gradient(135deg, var(--bg-muted), #f8fafc);
    border-radius: var(--radius-xl);
    border: 2px dashed var(--border);
}

.empty-state i[b-rbelpl50zl] {
    font-size: 3rem;
    color: var(--border-strong);
    margin-bottom: 1.25rem;
    opacity: 0.6;
}

.empty-state p[b-rbelpl50zl] {
    font-size: 0.92rem;
    margin: 0 0 1.25rem 0;
    line-height: 1.5;
}

.empty-state.small[b-rbelpl50zl] {
    padding: 1.75rem;
}

.empty-state.small i[b-rbelpl50zl] {
    font-size: 2.25rem;
    margin-bottom: 1rem;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║                    RESPONSIVE                          ║
   ╚═══════════════════════════════════════════════════════╝ */
@media (max-width: 1200px) {
    .drivers-layout[b-rbelpl50zl] {
        grid-template-columns: 300px 1fr;
    }
    .drivers-layout.has-editor[b-rbelpl50zl] {
        grid-template-columns: 280px 1fr;
    }
}

@media (max-width: 992px) {
    .drivers-header[b-rbelpl50zl] {
        flex-wrap: wrap;
        gap: 1rem;
        padding: 1rem;
    }
    .drivers-header__actions[b-rbelpl50zl] {
        width: 100%;
        justify-content: flex-end;
    }
    .drivers-layout[b-rbelpl50zl] {
        grid-template-columns: 1fr;
    }
    .drivers-layout.has-editor .drivers-sidebar[b-rbelpl50zl] {
        display: none;
    }
    .form-row[b-rbelpl50zl] {
        grid-template-columns: 1fr;
    }
}

.driver-quickstart-panel[b-rbelpl50zl] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) 1fr;
    gap: 16px;
    margin: 16px 1.5rem 0;
    padding: 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #e2e8f0;
    border: 1px solid rgba(148, 163, 184, .24);
    box-shadow: 0 18px 38px -30px rgba(15, 23, 42, .8);
}

.driver-quickstart-eyebrow[b-rbelpl50zl] {
    display: block;
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: 11px;
    font-weight: 800;
    color: #93c5fd;
    margin-bottom: 6px;
}

.driver-quickstart-copy h2[b-rbelpl50zl] {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 850;
}

.driver-quickstart-copy p[b-rbelpl50zl] {
    margin: 8px 0 0;
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.55;
}

.driver-package-grid[b-rbelpl50zl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
}

.driver-package-card[b-rbelpl50zl] {
    text-align: left;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
    color: #f8fafc;
    border-radius: 14px;
    padding: 12px;
    min-height: 132px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    transition: all .16s ease;
}

.driver-package-card.default[b-rbelpl50zl] {
    border-color: rgba(16,185,129,.62);
    box-shadow: inset 0 0 0 1px rgba(16,185,129,.18);
}

.driver-package-card:hover:not(:disabled)[b-rbelpl50zl] {
    background: rgba(255,255,255,.14);
    transform: translateY(-1px);
}

.driver-package-card:disabled[b-rbelpl50zl] {
    opacity: .55;
    cursor: not-allowed;
}

.driver-package-name[b-rbelpl50zl] {
    font-size: 13px;
    font-weight: 850;
}

.driver-package-card small[b-rbelpl50zl] {
    color: #cbd5e1;
    font-size: 11px;
    line-height: 1.35;
    flex: 1;
}

.driver-package-action[b-rbelpl50zl] {
    color: #bfdbfe;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 980px) {
    .driver-quickstart-panel[b-rbelpl50zl] { grid-template-columns: 1fr; }
}

.drivers-overview-bar[b-rbelpl50zl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    padding: 0.8rem 1.5rem;
    background: #ffffff;
    border-bottom: 1px solid var(--border);
}

.drivers-overview-item[b-rbelpl50zl] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.7rem;
    border-radius: var(--radius-full);
    border: 1px solid var(--border);
    background: var(--bg-muted);
    color: var(--text-secondary);
    font-size: 0.76rem;
    font-weight: 600;
}

.drivers-overview-item strong[b-rbelpl50zl] {
    color: var(--text-primary);
    font-weight: 700;
}

.drivers-overview-item.warning[b-rbelpl50zl] {
    border-color: #fcd34d;
    background: #fffbeb;
    color: #92400e;
}

.drivers-overview-label[b-rbelpl50zl] {
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 0.68rem;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║         ANALYTICS STRIP (INLINE OVERRIDE)              ║
   ╚═══════════════════════════════════════════════════════╝ */
.analytics-strip[b-rbelpl50zl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid var(--border);
}

.analytics-card[b-rbelpl50zl] {
    background: white;
    border-radius: var(--radius-lg);
    padding: 1rem 1.15rem;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    gap: 0.85rem;
    border: 1px solid var(--border);
    border-left: 4px solid transparent;
    transition: all var(--transition-fast);
}

.analytics-card:hover[b-rbelpl50zl] {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.analytics-card.blue[b-rbelpl50zl] { border-left-color: var(--accent); }
.analytics-card.green[b-rbelpl50zl] { border-left-color: var(--success); }
.analytics-card.amber[b-rbelpl50zl] { border-left-color: var(--warning); }
.analytics-card.purple[b-rbelpl50zl] { border-left-color: var(--purple); }
.analytics-card.red[b-rbelpl50zl] { border-left-color: var(--danger); }
.analytics-card.cyan[b-rbelpl50zl] { border-left-color: var(--info); }

.analytics-icon[b-rbelpl50zl] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.analytics-icon.blue[b-rbelpl50zl] { background: var(--accent-soft); color: var(--accent); }
.analytics-icon.green[b-rbelpl50zl] { background: var(--success-soft); color: var(--success); }
.analytics-icon.amber[b-rbelpl50zl] { background: var(--warning-soft); color: var(--warning); }
.analytics-icon.purple[b-rbelpl50zl] { background: var(--purple-soft); color: var(--purple); }
.analytics-icon.red[b-rbelpl50zl] { background: var(--danger-soft); color: var(--danger); }
.analytics-icon.cyan[b-rbelpl50zl] { background: var(--info-soft); color: var(--info); }

.analytics-content[b-rbelpl50zl] { flex: 1; min-width: 0; }
.analytics-value[b-rbelpl50zl] { 
    font-size: 1.4rem; 
    font-weight: 800; 
    color: var(--text-primary); 
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.analytics-label[b-rbelpl50zl] { 
    font-size: 0.72rem; 
    color: var(--text-muted); 
    font-weight: 600; 
    text-transform: uppercase; 
    letter-spacing: 0.04em;
    margin-top: 0.15rem;
}
.analytics-sub[b-rbelpl50zl] { 
    font-size: 0.7rem; 
    color: var(--text-muted); 
    margin-top: 3px; 
}
.analytics-trend[b-rbelpl50zl] { 
    font-size: 0.72rem; 
    display: flex; 
    align-items: center; 
    gap: 0.3rem;
    font-weight: 600;
}
.analytics-trend.up[b-rbelpl50zl] { color: var(--success); }
.analytics-trend.down[b-rbelpl50zl] { color: var(--danger); }

/* ╔═══════════════════════════════════════════════════════╗
   ║          EXECUTION PIPELINE (INLINE OVERRIDE)          ║
   ╚═══════════════════════════════════════════════════════╝ */
.execution-pipeline[b-rbelpl50zl] {
    padding: 0.85rem 1.5rem;
    background: white;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: 1.25rem;
    box-shadow: var(--shadow-xs);
}

.pipeline-title[b-rbelpl50zl] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.pipeline-title i[b-rbelpl50zl] {
    color: var(--accent);
}

.pipeline-flow[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex: 1;
    overflow-x: auto;
    padding: 0.35rem 0;
    scrollbar-width: none;
}

.pipeline-flow[b-rbelpl50zl]::-webkit-scrollbar {
    display: none;
}

.pipeline-node[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.75rem;
    background: var(--bg-muted);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-secondary);
    white-space: nowrap;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.pipeline-node:hover[b-rbelpl50zl] { 
    border-color: var(--accent); 
    background: var(--accent-soft); 
    color: var(--accent);
}
.pipeline-node.active[b-rbelpl50zl] { 
    border-color: var(--accent); 
    background: var(--accent-soft); 
    color: var(--accent);
    box-shadow: var(--shadow-glow);
}
.pipeline-node.completed[b-rbelpl50zl] { 
    border-color: var(--success); 
    background: var(--success-soft); 
    color: #065f46;
}
.pipeline-node.error[b-rbelpl50zl] { 
    border-color: var(--danger); 
    background: var(--danger-soft); 
    color: #991b1b;
}
.pipeline-node.running[b-rbelpl50zl] { 
    border-color: var(--warning); 
    background: var(--warning-soft); 
    color: #92400e; 
    animation: pulse-glow-b-rbelpl50zl 1.5s infinite;
}

.pipeline-arrow[b-rbelpl50zl] { 
    color: var(--text-muted); 
    font-size: 0.7rem; 
}

.pipeline-actions[b-rbelpl50zl] { 
    display: flex; 
    gap: 0.5rem; 
}

.pipeline-btn[b-rbelpl50zl] {
    padding: 0.45rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: white;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.pipeline-btn:hover[b-rbelpl50zl] { 
    border-color: var(--accent); 
    color: var(--accent);
    box-shadow: var(--shadow-xs);
}
.pipeline-btn.primary[b-rbelpl50zl] { 
    background: linear-gradient(135deg, var(--accent), var(--accent-hover)); 
    color: white; 
    border-color: var(--accent);
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.2);
}
.pipeline-btn.primary:hover[b-rbelpl50zl] { 
    background: linear-gradient(135deg, var(--accent-hover), #1d4ed8);
    box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3);
}

/* ╔═══════════════════════════════════════════════════════╗
   ║          SUGGESTIONS PANEL (INLINE OVERRIDE)           ║
   ╚═══════════════════════════════════════════════════════╝ */
.suggestions-panel[b-rbelpl50zl] {
    padding: 0.85rem 1.5rem;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border-bottom: 1px solid #fde68a;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.suggestions-icon[b-rbelpl50zl] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-lg);
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

.suggestions-content[b-rbelpl50zl] { flex: 1; }
.suggestions-title[b-rbelpl50zl] { 
    font-size: 0.82rem; 
    font-weight: 700; 
    color: #92400e;
}
.suggestions-text[b-rbelpl50zl] { 
    font-size: 0.75rem; 
    color: #a16207; 
    margin-top: 3px; 
}
.suggestions-actions[b-rbelpl50zl] { 
    display: flex; 
    gap: 0.5rem;
    flex-wrap: wrap;
}
.suggestion-chip[b-rbelpl50zl] {
    padding: 0.4rem 0.7rem;
    font-size: 0.72rem;
    font-weight: 600;
    background: white;
    border: 1px solid #fcd34d;
    border-radius: var(--radius-full);
    color: #92400e;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.suggestion-chip:hover[b-rbelpl50zl] { 
    background: #fef3c7; 
    border-color: #f59e0b;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.15);
}

/* ╔═══════════════════════════════════════════════════════╗
   ║          FORMULA STUDIO (INLINE OVERRIDE)              ║
   ╚═══════════════════════════════════════════════════════╝ */
.formula-studio[b-rbelpl50zl] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #0f172a;
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    border: 1px solid #1e293b;
}

.formula-studio-header[b-rbelpl50zl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 1.15rem;
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border-bottom: 1px solid #334155;
}

.formula-studio-title[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: #93c5fd;
    font-weight: 700;
    font-size: 0.9rem;
}

.formula-studio-title i[b-rbelpl50zl] {
    background: rgba(59, 130, 246, 0.2);
    padding: 0.4rem;
    border-radius: var(--radius-sm);
}

.formula-studio-actions[b-rbelpl50zl] {
    display: flex;
    gap: 0.5rem;
}

.formula-action-btn[b-rbelpl50zl] {
    padding: 0.5rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid #334155;
    border-radius: var(--radius);
    background: #1e293b;
    color: #e2e8f0;
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.formula-action-btn:hover[b-rbelpl50zl] { 
    background: #334155; 
    border-color: #60a5fa;
}
.formula-action-btn.primary[b-rbelpl50zl] { 
    background: linear-gradient(135deg, #3b82f6, #2563eb); 
    border-color: #3b82f6; 
    color: white;
}
.formula-action-btn.primary:hover[b-rbelpl50zl] { 
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
}
.formula-action-btn.success[b-rbelpl50zl] { 
    background: linear-gradient(135deg, #10b981, #059669); 
    border-color: #10b981; 
    color: white;
}
.formula-action-btn.success:hover[b-rbelpl50zl] { 
    background: linear-gradient(135deg, #059669, #047857);
}

.formula-editor-wrapper[b-rbelpl50zl] {
    display: grid;
    grid-template-columns: 1fr 300px;
    flex: 1;
    min-height: 0;
}

.formula-editor-main[b-rbelpl50zl] {
    display: flex;
    background: #0f172a;
    overflow: hidden;
}

.formula-line-numbers[b-rbelpl50zl] {
    display: flex;
    flex-direction: column;
    padding: 1rem 0.65rem;
    background: #020617;
    color: #475569;
    font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
    font-size: 0.8rem;
    line-height: 1.7;
    text-align: right;
    min-width: 42px;
    user-select: none;
    border-right: 1px solid #1e293b;
}

.formula-code-editor[b-rbelpl50zl] {
    flex: 1;
    background: #0f172a !important;
    color: #e2e8f0 !important;
    font-family: 'Fira Code', 'Consolas', 'Monaco', monospace !important;
    font-size: 0.88rem !important;
    line-height: 1.7 !important;
    padding: 1rem !important;
    border: none !important;
    resize: none !important;
}

.formula-code-editor[b-rbelpl50zl]::placeholder { 
    color: #475569; 
}

.formula-sidebar[b-rbelpl50zl] {
    background: #020617;
    border-left: 1px solid #1e293b;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #334155 transparent;
}

.formula-sidebar-section[b-rbelpl50zl] {
    padding: 1rem;
    border-bottom: 1px solid #1e293b;
}

.formula-sidebar-title[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #60a5fa;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.75rem;
}

.formula-templates[b-rbelpl50zl] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.formula-template[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.75rem;
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: var(--radius);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.formula-template:hover[b-rbelpl50zl] { 
    background: #334155; 
    border-color: #60a5fa;
    transform: translateX(4px);
}

.formula-template i[b-rbelpl50zl] { 
    color: #93c5fd; 
    font-size: 0.9rem;
}
.formula-template strong[b-rbelpl50zl] { 
    color: #e2e8f0; 
    font-size: 0.78rem; 
    display: block;
}
.formula-template small[b-rbelpl50zl] { 
    color: #64748b; 
    font-size: 0.7rem;
}

.formula-accounts[b-rbelpl50zl] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.formula-account[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.6rem;
    color: #94a3b8;
    font-size: 0.75rem;
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
}

.formula-account:hover[b-rbelpl50zl] { 
    background: #1e293b; 
    color: #e2e8f0;
}

.formula-account i[b-rbelpl50zl] { 
    color: #60a5fa; 
    font-size: 0.68rem;
}

.formula-account-more[b-rbelpl50zl] { 
    color: #64748b; 
    font-size: 0.7rem; 
    text-align: center; 
    padding: 0.5rem;
    font-style: italic;
}

.formula-help-bar[b-rbelpl50zl] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 1.15rem;
    background: #020617;
    border-top: 1px solid #1e293b;
    color: #64748b;
    font-size: 0.72rem;
}

.formula-help-bar code[b-rbelpl50zl] {
    background: #1e293b;
    color: #93c5fd;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-family: 'Fira Code', 'Consolas', monospace;
    font-size: 0.7rem;
}

.help-divider[b-rbelpl50zl] { 
    color: #334155; 
}

/* ╔═══════════════════════════════════════════════════════╗
   ║            SYNCFUSION COMPONENT OVERRIDES              ║
   ╚═══════════════════════════════════════════════════════╝ */
/* TextBox */
[b-rbelpl50zl] .e-textbox,
[b-rbelpl50zl] .e-input {
    border-radius: var(--radius) !important;
    border-color: var(--border) !important;
    font-size: 0.88rem !important;
    transition: all var(--transition-fast) !important;
}

[b-rbelpl50zl] .e-textbox:focus,
[b-rbelpl50zl] .e-input-focus {
    border-color: var(--accent) !important;
    box-shadow: var(--shadow-glow) !important;
}

/* DropDownList */
[b-rbelpl50zl] .e-ddl.e-input-group {
    border-radius: var(--radius) !important;
}

[b-rbelpl50zl] .e-ddl.e-input-group.e-input-focus {
    border-color: var(--accent) !important;
    box-shadow: var(--shadow-glow) !important;
}

[b-rbelpl50zl] .e-popup.e-ddl {
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-lg) !important;
    border: 1px solid var(--border) !important;
}

/* NumericTextBox */
[b-rbelpl50zl] .e-numeric .e-input-group {
    border-radius: var(--radius) !important;
}

/* CheckBox */
[b-rbelpl50zl] .e-checkbox-wrapper .e-frame {
    border-radius: 4px !important;
    border-color: var(--border-strong) !important;
}

[b-rbelpl50zl] .e-checkbox-wrapper .e-frame.e-check {
    background: var(--accent) !important;
    border-color: var(--accent) !important;
}

/* Switch */
[b-rbelpl50zl] .e-switch-wrapper .e-switch-inner {
    border-radius: var(--radius-full) !important;
}

[b-rbelpl50zl] .e-switch-wrapper .e-switch-on {
    background: var(--accent) !important;
}

/* Button */
[b-rbelpl50zl] .e-btn {
    border-radius: var(--radius) !important;
    font-weight: 600 !important;
    transition: all var(--transition-fast) !important;
}

[b-rbelpl50zl] .e-btn.e-primary {
    background: linear-gradient(135deg, var(--accent), var(--accent-hover)) !important;
    border-color: var(--accent) !important;
}

[b-rbelpl50zl] .e-btn.e-primary:hover {
    background: linear-gradient(135deg, var(--accent-hover), #1d4ed8) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║         CORPORATE ENTERPRISE REFINEMENTS               ║
   ║  Remove layout-shifting transforms, polish visuals     ║
   ╚═══════════════════════════════════════════════════════╝ */

/* ── Remove layout-jumping transform on hover (all interactive cards/items) ── */
.driver-card:hover[b-rbelpl50zl],
.analytics-card:hover[b-rbelpl50zl],
.suggestion-chip:hover[b-rbelpl50zl],
.icon-btn:hover[b-rbelpl50zl],
.sidebar-new-btn:hover[b-rbelpl50zl],
.action-btn.primary:hover[b-rbelpl50zl],
.action-btn.success:hover[b-rbelpl50zl],
.action-btn.danger:hover[b-rbelpl50zl] {
    transform: none;
}

/* ── Driver card: cleaner active/hover states without vertical jump ── */
.driver-card:hover[b-rbelpl50zl] {
    border-color: #93c5fd;
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.1);
}

.driver-card.selected[b-rbelpl50zl] {
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
    box-shadow: 0 0 0 2px #bfdbfe;
}

/* ── Analytics cards: subtle lift without layout shift ── */
.analytics-card:hover[b-rbelpl50zl] {
    border-color: #93c5fd;
    box-shadow: 0 3px 12px rgba(37, 99, 235, 0.1);
}

/* ── Suggestion chips: clean hover without jump ── */
.suggestion-chip:hover[b-rbelpl50zl] {
    box-shadow: none;
}

/* ── Sidebar icon buttons: no transform ── */
.icon-btn:hover[b-rbelpl50zl] {
    box-shadow: none;
}

/* ── Sidebar new-driver button ── */
.sidebar-new-btn:hover[b-rbelpl50zl] {
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);
}

/* ── Header action buttons: keep look but remove translate ── */
.action-btn.primary:hover[b-rbelpl50zl] {
    box-shadow: 0 2px 12px rgba(255, 255, 255, 0.25);
}

.action-btn.success:hover[b-rbelpl50zl] {
    box-shadow: 0 2px 10px rgba(16, 185, 129, 0.3);
}

/* ── Driver header: refined gradient (less extreme dark) ── */
.drivers-header[b-rbelpl50zl] {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 60%, #1e40af 100%);
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.25);
    padding: 0.65rem 1.5rem;
}

/* ── Overview bar: structured stats band ── */
.drivers-overview-bar[b-rbelpl50zl] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 0.6rem 1.5rem;
    gap: 0.5rem;
}

.drivers-overview-item[b-rbelpl50zl] {
    font-size: 0.74rem;
}

/* ── Analytics strip: lighter, cohesive background ── */
.analytics-strip[b-rbelpl50zl] {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    padding: 0.85rem 1.5rem;
}

/* ── Driver workspace header: flat white ── */
.workspace-header[b-rbelpl50zl] {
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

/* ── Workspace tabs: flat style ── */
.workspace-tabs[b-rbelpl50zl] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

/* ── Sidebar header: flat white ── */
.sidebar-header[b-rbelpl50zl] {
    background: #ffffff;
}

/* ── Sidebar filters: flat ── */
.sidebar-filters[b-rbelpl50zl] {
    background: #f8fafc;
}

/* ── Count badge: flat accent ── */
.count-badge[b-rbelpl50zl] {
    background: #2563eb;
    box-shadow: none;
}

/* ── Formula studio: refined dark editor ── */
.formula-studio[b-rbelpl50zl] {
    border-radius: 10px;
    box-shadow: 0 2px 16px rgba(15, 23, 42, 0.2);
}

/* ── Execution pipeline: subtle ── */
.execution-pipeline[b-rbelpl50zl] {
    box-shadow: none;
}

/* ╔═══════════════════════════════════════════════════════╗
   ║      PROFESSIONAL ENTERPRISE ENHANCEMENTS v2.0         ║
   ╚═══════════════════════════════════════════════════════╝ */

/* ── Smooth Page Load Animation ── */
@keyframes fadeInUp-b-rbelpl50zl {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

.drivers-shell[b-rbelpl50zl] {
    animation: fadeInUp-b-rbelpl50zl 0.35s ease-out;
}

/* ── Driver Card Enhanced Interactions ── */
.driver-card[b-rbelpl50zl] {
    position: relative;
    background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
}

.driver-card[b-rbelpl50zl]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    transition: opacity 0.2s ease;
    opacity: 0;
    background: linear-gradient(135deg, 
        rgba(59, 130, 246, 0.04) 0%, 
        rgba(147, 51, 234, 0.02) 100%);
}

.driver-card:hover[b-rbelpl50zl]::after {
    opacity: 1;
}

.driver-card.selected[b-rbelpl50zl]::after {
    opacity: 1;
    background: linear-gradient(135deg, 
        rgba(59, 130, 246, 0.08) 0%, 
        rgba(147, 51, 234, 0.04) 100%);
}

/* ── Status Indicators ── */
.driver-card__name[b-rbelpl50zl]::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--success);
    border-radius: 50%;
    margin-left: auto;
    box-shadow: 0 0 6px rgba(16, 185, 129, 0.4);
}

.driver-card.inactive .driver-card__name[b-rbelpl50zl]::after {
    background: var(--text-muted);
    box-shadow: none;
}

/* ── Enhanced Button States ── */
.action-btn[b-rbelpl50zl] {
    position: relative;
    overflow: hidden;
}

.action-btn[b-rbelpl50zl]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, 
        rgba(255, 255, 255, 0.1) 0%, 
        rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

/* ── Workspace Panel Polish ── */
.workspace-content[b-rbelpl50zl] {
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

.form-section[b-rbelpl50zl] {
    background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

/* ── Enhanced Tabs ── */
.tab-btn[b-rbelpl50zl] {
    position: relative;
}

.tab-btn.active[b-rbelpl50zl]::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 2px;
    background: var(--accent);
    border-radius: 1px;
}

/* ── Execution Status Badges ── */
.executing-badge[b-rbelpl50zl] {
    animation: pulse-b-rbelpl50zl 1.5s ease-in-out infinite;
}

/* ── Enhanced Priority Badge ── */
.priority-badge[data-priority="1"][b-rbelpl50zl] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #dc2626;
    border-color: rgba(220, 38, 38, 0.2);
}

/* ── Formula Syntax Highlighting Enhancement ── */
.formula-textarea textarea[b-rbelpl50zl]::selection {
    background: rgba(59, 130, 246, 0.3);
}

/* ── Loading States ── */
.driver-list.loading .driver-card[b-rbelpl50zl] {
    opacity: 0.5;
    pointer-events: none;
}

/* ── Empty State Enhancement ── */
.empty-state i[b-rbelpl50zl] {
    font-size: 2.5rem;
    color: var(--text-muted);
    opacity: 0.6;
    margin-bottom: 0.75rem;
}

.workspace-empty i[b-rbelpl50zl] {
    font-size: 3rem;
    color: var(--accent);
    opacity: 0.5;
    margin-bottom: 1rem;
}

/* ── Focus Ring Improvements ── */
.search-box input:focus-visible[b-rbelpl50zl],
button:focus-visible[b-rbelpl50zl],
.form-group input:focus-visible[b-rbelpl50zl],
.form-group select:focus-visible[b-rbelpl50zl] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* ── Keyboard Navigation Indicator ── */
.driver-card:focus-visible[b-rbelpl50zl] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* ── Scrollbar Polish ── */
.driver-list[b-rbelpl50zl],
.workspace-content[b-rbelpl50zl] {
    scrollbar-gutter: stable;
}

/* ── Badge Enhancements ── */
.type-badge[b-rbelpl50zl], .priority-badge[b-rbelpl50zl], .auto-badge[b-rbelpl50zl] {
    font-variant-numeric: tabular-nums;
}
/* /Presentation/Components/FinancialPlanning/ExecutiveDashboardTab.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   ExecutiveDashboardTab.razor.css
   Hospitality FP&A — Yönetici Paneli (Executive Dashboard)
   Class names MUST match those used in ExecutiveDashboardTab.razor.
   ════════════════════════════════════════════════════════════════════ */

.exd[b-z9qvharqc7] {
    /* design tokens */
    --exd-bg:        #f6f8fb;
    --exd-card:      #ffffff;
    --exd-border:    #dbe3ee;
    --exd-border-2:  #eef2f7;
    --exd-ink:       #0f172a;
    --exd-ink-2:     #475569;
    --exd-ink-3:     #94a3b8;
    --exd-ink-4:     #cbd5e1;
    --exd-pos:       #10b981;
    --exd-pos-bg:    #ecfdf5;
    --exd-neg:       #ef4444;
    --exd-neg-bg:    #fef2f2;
    --exd-warn:      #f59e0b;
    --exd-warn-bg:   #fffbeb;
    --exd-info:      #2563eb;
    --exd-info-bg:   #eff6ff;
    --exd-radius:    10px;
    --exd-radius-sm: 8px;
    --exd-shadow:    0 1px 2px rgba(15,23,42,0.035), 0 10px 24px -22px rgba(15,23,42,0.42);

    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0 18px;
    background: transparent;
    color: var(--exd-ink);
    min-height: 100%;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ── TOP BAR ──────────────────────────────────────────── */
.exd__bar[b-z9qvharqc7] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid var(--exd-border);
    border-radius: var(--exd-radius);
    padding: 12px 18px;
    box-shadow: var(--exd-shadow);
    overflow: hidden;
}

.exd__bar[b-z9qvharqc7]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, #0f766e 0%, #2563eb 52%, #ca8a04 100%);
}

.exd__bar-left[b-z9qvharqc7] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding-left: 2px;
}

.exd__bar-icon[b-z9qvharqc7] {
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: #ecfdf5;
    color: #0f766e;
    border: 1px solid #ccfbf1;
    display: grid;
    place-items: center;
    font-size: 1rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
    flex-shrink: 0;
}

.exd__bar-title[b-z9qvharqc7] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 850;
    color: var(--exd-ink);
    letter-spacing: 0;
}

.exd__bar-sub[b-z9qvharqc7] {
    font-size: 0.72rem;
    color: var(--exd-ink-3);
    margin-top: 1px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.exd__bar-sub[b-z9qvharqc7]::before { content: "•"; color: var(--exd-pos); font-size: 1rem; line-height: 0; }

.exd__badge[b-z9qvharqc7] {
    border-radius: 999px;
    padding: 0.22rem 0.7rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.exd__badge--scenario[b-z9qvharqc7] {
    background: #ecfeff; color: #0e7490; border: 1px solid #a5f3fc;
}

.exd__bar-right[b-z9qvharqc7] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.exd__period-group[b-z9qvharqc7] {
    display: inline-flex;
    align-items: center;
    background: #f1f5f9;
    padding: 3px;
    border-radius: 10px;
    gap: 2px;
}

.exd__pill[b-z9qvharqc7] {
    background: transparent;
    border: 0;
    color: var(--exd-ink-2);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.18s ease;
}

.exd__pill:hover[b-z9qvharqc7] { background: #fff; color: var(--exd-ink); box-shadow: 0 1px 4px rgba(15,23,42,0.08); }

.exd__pill--active[b-z9qvharqc7] {
    background: #0f766e;
    color: #fff;
    box-shadow: 0 4px 12px -8px rgba(15, 118, 110, 0.7);
}

.exd__pill--active:hover[b-z9qvharqc7] { background: #115e59; color: #fff; }

.exd__icon-btn[b-z9qvharqc7] {
    background: #fff;
    border: 1px solid var(--exd-border);
    color: var(--exd-ink-2);
    width: 36px; height: 36px;
    border-radius: 10px;
    display: grid; place-items: center;
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 1px 2px rgba(15,23,42,0.04);
}
.exd__icon-btn:hover[b-z9qvharqc7] { background: #f1f5f9; color: var(--exd-ink); }
.exd__icon-btn--excel:hover[b-z9qvharqc7] { color: #16a34a; background: #f0fdf4; border-color: #bbf7d0; }
.exd__icon-btn--pdf:hover[b-z9qvharqc7]   { color: #dc2626; background: #fef2f2; border-color: #fecaca; }

/* ── SOURCE BAR ───────────────────────────────────────── */
.exd__source-bar[b-z9qvharqc7] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #f8fafc;
    border: 1px solid var(--exd-border-2);
    border-radius: 8px;
    font-size: 0.76rem;
    color: #475569;
}
.exd__source-bar i[b-z9qvharqc7] { color: #0284c7; }
.exd__source-tip[b-z9qvharqc7] {
    margin-left: auto;
    color: #94a3b8;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 4px;
}
.exd__source-tip i[b-z9qvharqc7] { color: #f59e0b; }

/* ── SCENARIO STRIP ───────────────────────────────────── */
.exd__scenario-strip[b-z9qvharqc7] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

@media (max-width: 1200px) { .exd__scenario-strip[b-z9qvharqc7] { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px)  { .exd__scenario-strip[b-z9qvharqc7] { grid-template-columns: repeat(2, 1fr); } }

.exd__scenario-chip[b-z9qvharqc7] {
    background: #fff;
    border: 1px solid var(--exd-border);
    border-radius: var(--exd-radius-sm);
    padding: 10px 14px;
    min-width: 0;
    box-shadow: var(--exd-shadow);
}

.exd__chip-label[b-z9qvharqc7] {
    display: block;
    color: var(--exd-ink-3);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.exd__scenario-chip strong[b-z9qvharqc7] {
    display: block;
    color: var(--exd-ink);
    font-size: 0.88rem;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exd__status-badge[b-z9qvharqc7] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}
.exd__status-badge--draft[b-z9qvharqc7]      { background: #fef3c7; color: #92400e; }
.exd__status-badge--inreview[b-z9qvharqc7]   { background: #dbeafe; color: #1d4ed8; }
.exd__status-badge--approved[b-z9qvharqc7]   { background: #d1fae5; color: #065f46; }
.exd__status-badge--published[b-z9qvharqc7]  { background: #ede9fe; color: #5b21b6; }
.exd__status-badge--locked[b-z9qvharqc7]     { background: #fee2e2; color: #991b1b; }
.exd__status-badge--archived[b-z9qvharqc7]   { background: #f1f5f9; color: #475569; }

.exd__progress-row[b-z9qvharqc7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.exd__progress-bar[b-z9qvharqc7] {
    flex: 1;
    height: 7px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}
.exd__progress-bar span[b-z9qvharqc7] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #10b981);
    border-radius: 999px;
}

.exd__source-status[b-z9qvharqc7],
.exd__source-time[b-z9qvharqc7] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .22rem .42rem;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 750;
}

.exd__source-status.ready[b-z9qvharqc7] { color: #047857; background: #d1fae5; }
.exd__source-status.missing[b-z9qvharqc7] { color: #9a3412; background: #ffedd5; }
.exd__source-time[b-z9qvharqc7] { color: #475569; background: #f8fafc; border: 1px solid #e2e8f0; }

/* ── EXECUTIVE ACTUAL / BUDGET / VARIANCE ─────────────── */
.exd__compare-band[b-z9qvharqc7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

@media (max-width: 1100px) { .exd__compare-band[b-z9qvharqc7] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px)  { .exd__compare-band[b-z9qvharqc7] { grid-template-columns: 1fr; } }

.exd__compare-tile[b-z9qvharqc7] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--exd-border);
    border-radius: var(--exd-radius);
    padding: 12px 14px;
    box-shadow: var(--exd-shadow);
}

.exd__compare-tile[b-z9qvharqc7]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: var(--ct, #2563eb);
}

.exd__compare-tile--rev[b-z9qvharqc7] { --ct: #2563eb; }
.exd__compare-tile--exp[b-z9qvharqc7] { --ct: #dc2626; }
.exd__compare-tile--gop[b-z9qvharqc7] { --ct: #0f766e; }
.exd__compare-tile--net[b-z9qvharqc7] { --ct: #7c3aed; }

.exd__compare-head[b-z9qvharqc7],
.exd__compare-lines span[b-z9qvharqc7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.exd__compare-head span[b-z9qvharqc7] {
    color: #475569;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exd__compare-head i[b-z9qvharqc7] {
    color: var(--ct, #2563eb);
    margin-right: 4px;
}

.exd__compare-head strong[b-z9qvharqc7] {
    border-radius: 999px;
    padding: 2px 7px;
    font-size: .66rem;
    font-weight: 850;
    white-space: nowrap;
}

.exd__compare-value[b-z9qvharqc7] {
    margin-top: 7px;
    color: #0f172a;
    font-size: 1.12rem;
    font-weight: 900;
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exd__compare-lines[b-z9qvharqc7] {
    display: grid;
    gap: 4px;
    margin-top: 9px;
    padding-top: 8px;
    border-top: 1px solid #eef2f7;
}

.exd__compare-lines b[b-z9qvharqc7] {
    color: #94a3b8;
    font-size: .62rem;
    font-weight: 850;
    text-transform: uppercase;
}

.exd__compare-lines em[b-z9qvharqc7] {
    color: #334155;
    font-size: .68rem;
    font-style: normal;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.exd__compare-head .good[b-z9qvharqc7],
.exd__compare-lines .good[b-z9qvharqc7] { background: #dcfce7; color: #15803d; }
.exd__compare-head .bad[b-z9qvharqc7],
.exd__compare-lines .bad[b-z9qvharqc7] { background: #fee2e2; color: #b91c1c; }
.exd__compare-head .neutral[b-z9qvharqc7],
.exd__compare-lines .neutral[b-z9qvharqc7] { background: #f1f5f9; color: #475569; }

/* ── HERO EXECUTIVE SUMMARY ───────────────────────────── */
.exd__hero[b-z9qvharqc7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

@media (max-width: 1100px) { .exd__hero[b-z9qvharqc7] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)  { .exd__hero[b-z9qvharqc7] { grid-template-columns: 1fr; } }

.exd__hero-card[b-z9qvharqc7] {
    background: #fff;
    border: 1px solid var(--exd-border);
    border-radius: var(--exd-radius);
    padding: 14px 15px;
    box-shadow: var(--exd-shadow);
    display: flex;
    align-items: flex-start;
    gap: 14px;
    position: relative;
    overflow: hidden;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.exd__hero-card:hover[b-z9qvharqc7] {
    border-color: #cbd5e1;
    box-shadow: 0 1px 2px rgba(15,23,42,0.05), 0 12px 28px -22px rgba(15,23,42,0.38);
}
.exd__hero-card[b-z9qvharqc7]::after {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    border-radius: var(--exd-radius) var(--exd-radius) 0 0;
}
.exd__hero-card--rev[b-z9qvharqc7]::after { background: linear-gradient(90deg, #3b82f6, #60a5fa); }
.exd__hero-card--exp[b-z9qvharqc7]::after { background: linear-gradient(90deg, #ef4444, #f87171); }
.exd__hero-card--gop[b-z9qvharqc7]::after { background: linear-gradient(90deg, #10b981, #34d399); }
.exd__hero-card--var[b-z9qvharqc7]::after { background: linear-gradient(90deg, #f59e0b, #fbbf24); }

.exd__hero-icon[b-z9qvharqc7] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.exd__hero-card--rev .exd__hero-icon[b-z9qvharqc7] { background: #dbeafe; color: #1d4ed8; }
.exd__hero-card--exp .exd__hero-icon[b-z9qvharqc7] { background: #fee2e2; color: #b91c1c; }
.exd__hero-card--gop .exd__hero-icon[b-z9qvharqc7] { background: #d1fae5; color: #065f46; }
.exd__hero-card--var .exd__hero-icon[b-z9qvharqc7] { background: #fef3c7; color: #92400e; }

.exd__hero-body[b-z9qvharqc7] { flex: 1; min-width: 0; }

.exd__hero-label[b-z9qvharqc7] {
    font-size: 0.68rem;
    color: var(--exd-ink-2);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 5px;
}

.exd__hero-value[b-z9qvharqc7] {
    font-size: 1.34rem;
    font-weight: 850;
    color: var(--exd-ink);
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.exd__hero-value--pos[b-z9qvharqc7] { color: var(--exd-pos); }
.exd__hero-value--neg[b-z9qvharqc7] { color: var(--exd-neg); }

.exd__hero-sub[b-z9qvharqc7] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
}
.exd__hero-sub--pos[b-z9qvharqc7] { background: #dcfce7; color: #15803d; }
.exd__hero-sub--neg[b-z9qvharqc7] { background: #fee2e2; color: #b91c1c; }

.exd__hero-spark[b-z9qvharqc7] {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.6;
    pointer-events: none;
}

/* ── CARD HEADER ICON ─────────────────────────────────── */
.exd__card-h-icon[b-z9qvharqc7] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.exd__card-sub[b-z9qvharqc7] {
    margin-left: auto;
    font-size: 0.72rem;
    color: var(--exd-ink-3);
    font-weight: 500;
}

.exd__alert-count[b-z9qvharqc7] {
    background: #ef4444;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 800;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
}

/* ── LOADING / EMPTY STATES ───────────────────────────── */
.exd__state[b-z9qvharqc7] {
    background: var(--exd-card);
    border: 1px dashed var(--exd-border);
    border-radius: var(--exd-radius);
    padding: 4rem 2rem;
    text-align: center;
    color: var(--exd-ink-2);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}
.exd__state-spinner i[b-z9qvharqc7] { font-size: 2rem; opacity: 0.4; }
.exd__state--empty i[b-z9qvharqc7]  { font-size: 2.5rem; opacity: 0.25; }
.exd__state h4[b-z9qvharqc7] { margin: 0; color: var(--exd-ink); font-size: 1rem; }
.exd__state p[b-z9qvharqc7], .exd__state small[b-z9qvharqc7] { margin: 0; font-size: 0.85rem; color: var(--exd-ink-3); }
.exd__retry-btn[b-z9qvharqc7] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    padding: 0.55rem 0.85rem;
    font-weight: 750;
}
.exd__retry-btn:hover[b-z9qvharqc7] { background: #dbeafe; }

/* ── KPI STRIP (8 cards) ──────────────────────────────── */
.exd__kpis[b-z9qvharqc7] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 12px;
}

.exd__kpi[b-z9qvharqc7] {
    position: relative;
    background: var(--exd-card);
    border: 1px solid var(--exd-border);
    border-radius: var(--exd-radius);
    padding: 14px 14px 12px;
    box-shadow: var(--exd-shadow);
    display: flex;
    gap: 10px;
    align-items: flex-start;
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.exd__kpi[b-z9qvharqc7]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: var(--kc, #3b82f6);
    border-radius: var(--exd-radius) var(--exd-radius) 0 0;
}

.exd__kpi:hover[b-z9qvharqc7] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(15,23,42,0.05), 0 16px 32px -20px rgba(15,23,42,0.25);
}

.exd__kpi-icon[b-z9qvharqc7] {
    flex: 0 0 38px;
    width: 38px; height: 38px;
    border-radius: 10px;
    display: grid; place-items: center;
    font-size: 1rem;
}

.exd__kpi-body[b-z9qvharqc7] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

.exd__kpi-label[b-z9qvharqc7] {
    font-size: 0.7rem;
    color: var(--exd-ink-2);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exd__kpi-value[b-z9qvharqc7] {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--exd-ink);
    line-height: 1.15;
    letter-spacing: -0.01em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exd__kpi-foot[b-z9qvharqc7] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    flex-wrap: wrap;
}

.exd__delta[b-z9qvharqc7] {
    font-size: 0.7rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 6px;
    border-radius: 999px;
    font-variant-numeric: tabular-nums;
}

.exd__delta--up[b-z9qvharqc7]   { color: var(--exd-pos); background: var(--exd-pos-bg); }
.exd__delta--down[b-z9qvharqc7] { color: var(--exd-neg); background: var(--exd-neg-bg); }

.exd__kpi-vs[b-z9qvharqc7] {
    font-size: 0.65rem;
    color: var(--exd-ink-3);
    font-weight: 500;
}

@media (max-width: 1500px) { .exd__kpis[b-z9qvharqc7] { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 768px)  { .exd__kpis[b-z9qvharqc7] { grid-template-columns: repeat(2, 1fr); } }

/* ── ROW LAYOUTS ──────────────────────────────────────── */
.exd__row[b-z9qvharqc7] {
    display: grid;
    gap: 14px;
}

.exd__row--2-1[b-z9qvharqc7] { grid-template-columns: 2fr 1fr; }
.exd__row--2[b-z9qvharqc7]   { grid-template-columns: 1fr 1fr; }

@media (max-width: 1100px) {
    .exd__row--2-1[b-z9qvharqc7], .exd__row--2[b-z9qvharqc7] { grid-template-columns: 1fr; }
}

/* ── CARDS ────────────────────────────────────────────── */
.exd__card[b-z9qvharqc7] {
    background: var(--exd-card);
    border: 1px solid var(--exd-border);
    border-radius: var(--exd-radius);
    padding: 16px 18px;
    box-shadow: var(--exd-shadow);
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    transition: box-shadow 0.18s ease;
}

.exd__card:hover[b-z9qvharqc7] {
    box-shadow: 0 4px 8px rgba(15,23,42,0.05), 0 18px 36px -20px rgba(15,23,42,0.22);
}

.exd__card-h[b-z9qvharqc7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--exd-border-2);
}

.exd__card-h h3[b-z9qvharqc7] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--exd-ink);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: -0.005em;
}

.exd__card-h h3 i[b-z9qvharqc7] {
    color: #4f46e5;
    font-size: 0.95rem;
    width: 18px;
    text-align: center;
}

/* ── AI INSIGHTS PANEL ────────────────────────────────── */
.exd__card--ai .exd__card-h h3 i[b-z9qvharqc7] { color: #8b5cf6; }

.exd__ai-list[b-z9qvharqc7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.exd__ai-row[b-z9qvharqc7] {
    display: flex;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8fafc;
    border-left: 3px solid var(--exd-ink-3);
    align-items: flex-start;
}

.exd__ai-row > i[b-z9qvharqc7] {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    font-size: 0.85rem;
    flex: 0 0 22px;
    margin-top: 1px;
    color: var(--exd-ink-2);
}

.exd__ai-title[b-z9qvharqc7] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--exd-ink);
    line-height: 1.3;
}

.exd__ai-msg[b-z9qvharqc7] {
    font-size: 0.74rem;
    color: var(--exd-ink-2);
    line-height: 1.4;
    margin-top: 2px;
}

.exd__ai--ok[b-z9qvharqc7]     { background: var(--exd-pos-bg);  border-left-color: var(--exd-pos);  }
.exd__ai--ok > i[b-z9qvharqc7] { color: var(--exd-pos); }

.exd__ai--warn[b-z9qvharqc7]      { background: var(--exd-warn-bg); border-left-color: var(--exd-warn); }
.exd__ai--warn > i[b-z9qvharqc7]  { color: var(--exd-warn); }

.exd__ai--info[b-z9qvharqc7]      { background: var(--exd-info-bg); border-left-color: var(--exd-info); }
.exd__ai--info > i[b-z9qvharqc7]  { color: var(--exd-info); }

.exd__ai--danger[b-z9qvharqc7]     { background: var(--exd-neg-bg); border-left-color: var(--exd-neg); }
.exd__ai--danger > i[b-z9qvharqc7] { color: var(--exd-neg); }

/* ── DEPARTMAN PERFORMANS TABLOSU ─────────────────────── */
.exd__dept-table-wrap[b-z9qvharqc7] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    margin: -2px;
    padding: 2px;
}

.exd__dept-table[b-z9qvharqc7] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.78rem;
}

.exd__dept-table thead th[b-z9qvharqc7] {
    position: sticky;
    top: 0;
    background: #f8fafc;
    color: var(--exd-ink-2);
    font-weight: 700;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: left;
    padding: 10px 12px;
    border-bottom: 1px solid var(--exd-border);
    white-space: nowrap;
}

.exd__dept-table tbody td[b-z9qvharqc7] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--exd-border-2);
    color: var(--exd-ink);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

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

.exd__dept-table tbody tr:hover td[b-z9qvharqc7] { background: #f8fafc; }

.exd__dept-table tbody td:first-child[b-z9qvharqc7] {
    font-weight: 600;
    color: var(--exd-ink);
}

.exd__dept-table tbody td:not(:first-child):not(:last-child)[b-z9qvharqc7] { text-align: right; }

.exd__pos[b-z9qvharqc7] { color: var(--exd-pos); font-weight: 700; }
.exd__neg[b-z9qvharqc7] { color: var(--exd-neg); font-weight: 700; }

.exd__status[b-z9qvharqc7] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.exd__status--ok[b-z9qvharqc7]  { background: #d1fae5; color: #065f46; }
.exd__status--bad[b-z9qvharqc7] { background: #fee2e2; color: #991b1b; }

/* status pill used in dept performance table */
.exd__status-pill[b-z9qvharqc7] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0.22rem 0.65rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
}
.exd__status-pill.ok[b-z9qvharqc7]  { background: #d1fae5; color: #065f46; }
.exd__status-pill.bad[b-z9qvharqc7] { background: #fee2e2; color: #991b1b; }

/* dept table row tinting */
.exd__dept-table tbody tr.row-ok td[b-z9qvharqc7]  { background: rgba(16,185,129,0.04); }
.exd__dept-table tbody tr.row-bad td[b-z9qvharqc7] { background: rgba(239,68,68,0.04); }
.exd__dept-table tbody tr.row-ok:hover td[b-z9qvharqc7]  { background: rgba(16,185,129,0.09); }
.exd__dept-table tbody tr.row-bad:hover td[b-z9qvharqc7] { background: rgba(239,68,68,0.09); }

/* dept name cell */
td.dept-name[b-z9qvharqc7] {
    font-weight: 700 !important;
    color: var(--exd-ink) !important;
}

/* right-aligned numeric columns */
th.num[b-z9qvharqc7], td.num[b-z9qvharqc7] {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}

/* ── OPERATIONAL KPI STRIP (6 cards bottom) ───────────── */
.exd__op-kpis[b-z9qvharqc7] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.exd__op-kpi[b-z9qvharqc7] {
    background: var(--exd-card);
    border: 1px solid var(--exd-border);
    border-radius: var(--exd-radius);
    padding: 14px 16px;
    box-shadow: var(--exd-shadow);
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.exd__op-kpi:hover[b-z9qvharqc7] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(15,23,42,0.05), 0 16px 32px -20px rgba(15,23,42,0.25);
}

.exd__op-kpi-h[b-z9qvharqc7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--exd-ink-2);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.exd__op-kpi-h i[b-z9qvharqc7] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: grid; place-items: center;
    background: #f1f5f9;
    font-size: 0.85rem;
}

/* op-kpi icon div (wraps the <i> with dynamic background/color) */
.exd__op-kpi-icon[b-z9qvharqc7] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.exd__op-kpi-val[b-z9qvharqc7] {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--exd-ink);
    letter-spacing: -0.01em;
    font-variant-numeric: tabular-nums;
}

.exd__op-kpi .exd__delta[b-z9qvharqc7] { align-self: flex-start; }

@media (max-width: 1300px) { .exd__op-kpis[b-z9qvharqc7] { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px)  { .exd__op-kpis[b-z9qvharqc7] { grid-template-columns: repeat(2, 1fr); } }

/* ── SCROLLBARS (subtle) ──────────────────────────────── */
.exd__dept-table-wrap[b-z9qvharqc7]::-webkit-scrollbar { width: 8px; height: 8px; }
.exd__dept-table-wrap[b-z9qvharqc7]::-webkit-scrollbar-thumb {
    background: #d1d5db; border-radius: 4px;
}
.exd__dept-table-wrap[b-z9qvharqc7]::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

/* ── SPARKLINES IN KPI CARDS ──────────────────────────── */
.exd__kpi-sparkline[b-z9qvharqc7] {
    height: 36px;
    margin-top: 6px;
    margin-left: -14px;
    margin-right: -14px;
    margin-bottom: -12px;
    overflow: hidden;
    border-radius: 0 0 var(--exd-radius) var(--exd-radius);
}

/* ── EXPORT BUTTONS ───────────────────────────────────── */
.exd__btn--export[b-z9qvharqc7] {
    background: #fff;
    border: 1px solid var(--exd-border);
    color: var(--exd-ink-2);
    width: 36px; height: 36px;
    border-radius: 10px;
    display: grid; place-items: center;
    cursor: pointer;
    transition: all 0.15s ease;
}
.exd__btn--export:hover[b-z9qvharqc7] { background: #f1f5f9; color: var(--exd-ink); }
.exd__btn--export.excel:hover[b-z9qvharqc7] { color: #16a34a; background: #f0fdf4; border-color: #bbf7d0; }
.exd__btn--export.pdf:hover[b-z9qvharqc7]   { color: #dc2626; background: #fef2f2; border-color: #fecaca; }

/* ── ALARM & UYARILAR PANEL ───────────────────────────── */
.exd__alarms[b-z9qvharqc7] {
    background: var(--exd-card);
    border: 1px solid var(--exd-border);
    border-radius: var(--exd-radius);
    padding: 0;
    box-shadow: var(--exd-shadow);
    overflow: hidden;
}

.exd__alarms-header[b-z9qvharqc7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-bottom: 1px solid var(--exd-border-2);
    background: #fffbeb;
}

.exd__alarms-header > i[b-z9qvharqc7] {
    color: #d97706;
    font-size: 1rem;
}

.exd__alarms-header h3[b-z9qvharqc7] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--exd-ink);
    flex: 1;
}

.exd__alarms-count[b-z9qvharqc7] {
    background: #f59e0b;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
}

.exd__alarms-grid[b-z9qvharqc7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}

@media (max-width: 1100px) { .exd__alarms-grid[b-z9qvharqc7] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px)  { .exd__alarms-grid[b-z9qvharqc7] { grid-template-columns: 1fr; } }

.exd__alarm-item[b-z9qvharqc7] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    border-right: 1px solid var(--exd-border-2);
    border-bottom: 1px solid var(--exd-border-2);
    position: relative;
}

.exd__alarm-sev-dot[b-z9qvharqc7] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 4px;
    flex-shrink: 0;
}

.exd__alarm-content[b-z9qvharqc7] { flex: 1; min-width: 0; }

.exd__alarm-title[b-z9qvharqc7] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--exd-ink);
    line-height: 1.3;
}

.exd__alarm-msg[b-z9qvharqc7] {
    font-size: 0.73rem;
    color: var(--exd-ink-2);
    margin-top: 2px;
    line-height: 1.35;
}

.exd__alarm-icon[b-z9qvharqc7] {
    font-size: 0.85rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.exd__alarm--ok     .exd__alarm-sev-dot[b-z9qvharqc7] { background: var(--exd-pos); }
.exd__alarm--ok     .exd__alarm-icon[b-z9qvharqc7]    { color: var(--exd-pos); }
.exd__alarm--warn   .exd__alarm-sev-dot[b-z9qvharqc7] { background: var(--exd-warn); }
.exd__alarm--warn   .exd__alarm-icon[b-z9qvharqc7]    { color: var(--exd-warn); }
.exd__alarm--danger .exd__alarm-sev-dot[b-z9qvharqc7] { background: var(--exd-neg); }
.exd__alarm--danger .exd__alarm-icon[b-z9qvharqc7]    { color: var(--exd-neg); }
.exd__alarm--info   .exd__alarm-sev-dot[b-z9qvharqc7] { background: var(--exd-info); }
.exd__alarm--info   .exd__alarm-icon[b-z9qvharqc7]    { color: var(--exd-info); }
/* /Presentation/Components/FinancialPlanning/FinancialPlanningWorkflowTab.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   FINANCIAL PLANNING WORKFLOW + APPROVALS TAB — ENTERPRISE PLATINUM v10.0 ULTRA
   Executive Action Center • Bloomberg × Monday × Linear
   ═══════════════════════════════════════════════════════════════════════════ */

.wf[b-8akj5t961p] {
    /* ── Surface Hierarchy ── */
    --wf-bg:            #f4f7fb;
    --wf-panel:         #ffffff;
    --wf-muted:         #f0f4fa;
    --wf-surface-glass: rgba(255, 255, 255, 0.85);
    --wf-border:        rgba(148, 163, 184, 0.25);
    --wf-border-strong: rgba(59, 130, 246, 0.5);

    /* ── Accent System ── */
    --wf-accent:        #0ea5e9;
    --wf-accent-soft:   rgba(14, 165, 233, 0.1);
    --wf-accent-glow:   0 0 24px rgba(14, 165, 233, 0.35);
    --wf-indigo:        #6366f1;
    --wf-violet:        #8b5cf6;
    --wf-teal:          #14b8a6;

    /* ── Semantic Colors ── */
    --wf-success:       #10b981;
    --wf-success-soft:  rgba(16, 185, 129, 0.12);
    --wf-warning:       #f59e0b;
    --wf-warning-soft:  rgba(245, 158, 11, 0.12);
    --wf-danger:        #ef4444;
    --wf-danger-soft:   rgba(239, 68, 68, 0.1);
    --wf-purple:        #8b5cf6;
    --wf-purple-soft:   rgba(139, 92, 246, 0.1);

    /* ── Text Hierarchy ── */
    --wf-ink:           #0f172a;
    --wf-ink-secondary: #334155;
    --wf-ink-muted:     #64748b;
    --wf-ink-faint:     #94a3b8;

    /* ── Elevation System ── */
    --wf-shadow-xs:     0 1px 2px rgba(0, 0, 0, 0.03);
    --wf-shadow-sm:     0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
    --wf-shadow-md:     0 8px 24px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04);
    --wf-shadow-lg:     0 20px 40px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.04);

    /* ── Radius ── */
    --wf-radius-sm:     6px;
    --wf-radius:        10px;
    --wf-radius-lg:     14px;
    --wf-radius-xl:     20px;
    --wf-radius-2xl:    28px;

    /* ── Motion ── */
    --wf-ease:          cubic-bezier(0.22, 1, 0.36, 1);
    --wf-ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
    --wf-transition:    0.2s var(--wf-ease);

    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem 1.5rem;
    background: var(--wf-bg);
    min-height: 100%;
    font-family: "Inter", "Plus Jakarta Sans", -apple-system, sans-serif;
    animation: wf-slide-up-b-8akj5t961p 0.4s var(--wf-ease-out);
    position: relative;
}

.wf[b-8akj5t961p]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 500px;
    background: radial-gradient(ellipse 100% 80% at 50% -20%, rgba(14, 165, 233, 0.1), transparent);
    pointer-events: none;
    z-index: 0;
}

@keyframes wf-slide-up-b-8akj5t961p {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-bs-theme="dark"] .wf[b-8akj5t961p] {
    --wf-bg:            #0c1222;
    --wf-panel:         #111827;
    --wf-muted:         #1e293b;
    --wf-surface-glass: rgba(17, 24, 39, 0.9);
    --wf-border:        rgba(71, 85, 105, 0.4);
    --wf-border-strong: rgba(99, 102, 241, 0.5);
    --wf-accent:        #38bdf8;
    --wf-ink:           #f1f5f9;
    --wf-ink-secondary: #cbd5e1;
    --wf-ink-muted:     #94a3b8;
}

/* ════════════════════════════════════════════════════════════════════════════
   EMPTY STATE
   ════════════════════════════════════════════════════════════════════════════ */

.wf-empty[b-8akj5t961p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4.5rem 1.5rem;
    background: var(--wf-panel);
    border: 2px dashed var(--wf-border-strong);
    border-radius: var(--wf-radius-xl);
    text-align: center;
    min-height: 280px;
    position: relative;
    z-index: 1;
}

.wf-empty-icon[b-8akj5t961p] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--wf-accent-soft), rgba(139, 92, 246, 0.1));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--wf-accent);
    animation: wf-float-b-8akj5t961p 3.5s ease-in-out infinite;
}

@keyframes wf-float-b-8akj5t961p {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

.wf-empty h4[b-8akj5t961p] {
    margin: 0;
    color: var(--wf-ink);
    font-weight: 700;
    font-size: 1.05rem;
}

.wf-empty p[b-8akj5t961p] {
    margin: 0;
    color: var(--wf-ink-muted);
    font-size: 0.85rem;
    max-width: 360px;
}

/* ════════════════════════════════════════════════════════════════════════════
   HERO BAND
   ════════════════════════════════════════════════════════════════════════════ */

.wf-hero[b-8akj5t961p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem 1.15rem;
    background: linear-gradient(135deg, #0c1222 0%, #1e3a5f 45%, #0d9488 100%);
    border-radius: var(--wf-radius-xl);
    position: relative;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.wf-hero[b-8akj5t961p]::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -50px;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.2), transparent 70%);
    pointer-events: none;
}

.wf-hero[b-8akj5t961p]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
}

.wf-hero-main[b-8akj5t961p] {
    position: relative;
    z-index: 1;
    flex: 1;
}

.wf-hero-title[b-8akj5t961p] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.wf-hero-icon[b-8akj5t961p] {
    width: 50px;
    height: 50px;
    border-radius: var(--wf-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #7dd3fc;
    font-size: 1.25rem;
    flex-shrink: 0;
    backdrop-filter: blur(8px);
    transition: transform var(--wf-transition);
}

.wf-hero-title:hover .wf-hero-icon[b-8akj5t961p] {
    transform: scale(1.05);
}

.wf-hero h2[b-8akj5t961p] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.025em;
}

.wf-hero p[b-8akj5t961p] {
    margin: 0.25rem 0 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.82rem;
}

.wf-hero-badges[b-8akj5t961p] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.9rem;
}

.wf-badge[b-8akj5t961p] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.75rem;
    border-radius: var(--wf-radius-lg);
    font-size: 0.7rem;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
}

.wf-badge.status[b-8akj5t961p] {
    color: #86efac;
    border-color: rgba(134, 239, 172, 0.35);
    background: rgba(16, 185, 129, 0.2);
}

.wf-hero-actions[b-8akj5t961p] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    padding-top: 0.15rem;
}

.wf-btn[b-8akj5t961p] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.9);
    border-radius: var(--wf-radius);
    padding: 0.5rem 1rem;
    font-size: 0.78rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    cursor: pointer;
    transition: all var(--wf-transition);
    backdrop-filter: blur(8px);
    height: 38px;
}

.wf-btn:hover[b-8akj5t961p] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
    transform: translateY(-1px);
}

.wf-btn-primary[b-8akj5t961p] {
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);
    color: #0369a1;
    border-color: transparent;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    font-weight: 700;
}

.wf-btn-primary:hover[b-8akj5t961p] {
    background: #ffffff;
    color: #0284c7;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.wf-btn-approval[b-8akj5t961p] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    color: #15803d;
    border-color: rgba(74, 222, 128, 0.4);
    text-decoration: none;
    position: relative;
}
.wf-btn-approval:hover[b-8akj5t961p] {
    background: #dcfce7;
    color: #166534;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.wf-btn-badge[b-8akj5t961p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    margin-left: 2px;
}

/* ════════════════════════════════════════════════════════════════════════════
   KPI STRIP
   ════════════════════════════════════════════════════════════════════════════ */

.wf-kpis[b-8akj5t961p] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
    position: relative;
    z-index: 1;
}

.wf-kpi[b-8akj5t961p] {
    background: var(--wf-panel);
    border: 1px solid var(--wf-border);
    border-radius: var(--wf-radius-lg);
    padding: 1rem 1.15rem;
    box-shadow: var(--wf-shadow-sm);
    transition: all var(--wf-transition);
    position: relative;
    overflow: hidden;
}

.wf-kpi[b-8akj5t961p]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--wf-border);
    transition: height var(--wf-transition);
}

.wf-kpi:nth-child(1)[b-8akj5t961p]::before {
    background: linear-gradient(90deg, #0ea5e9, #38bdf8);
}

.wf-kpi:nth-child(2)[b-8akj5t961p]::before {
    background: linear-gradient(90deg, #10b981, #34d399);
}

.wf-kpi:nth-child(3)[b-8akj5t961p]::before {
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

.wf-kpi:nth-child(4)[b-8akj5t961p]::before {
    background: linear-gradient(90deg, #8b5cf6, #a78bfa);
}

.wf-kpi:hover[b-8akj5t961p] {
    box-shadow: var(--wf-shadow-lg);
    transform: translateY(-3px);
}

.wf-kpi:hover[b-8akj5t961p]::before {
    height: 5px;
}

.wf-kpi-label[b-8akj5t961p] {
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--wf-ink-faint);
    font-weight: 800;
}

.wf-kpi-value[b-8akj5t961p] {
    font-size: 1.6rem;
    font-weight: 900;
    color: var(--wf-ink);
    margin-top: 0.4rem;
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
}

.wf-kpi-sub[b-8akj5t961p] {
    font-size: 0.72rem;
    color: var(--wf-ink-muted);
    margin-top: 0.2rem;
}

.wf-kpi-bar[b-8akj5t961p] {
    margin-top: 0.65rem;
    height: 5px;
    background: var(--wf-border);
    border-radius: 5px;
    overflow: hidden;
}

.wf-kpi-bar span[b-8akj5t961p] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--wf-accent), var(--wf-teal));
    border-radius: 5px;
    transition: width 0.8s var(--wf-ease-out);
}

/* ════════════════════════════════════════════════════════════════════════════
   LOADING STATE
   ════════════════════════════════════════════════════════════════════════════ */

.wf-loading[b-8akj5t961p] {
    background: var(--wf-panel);
    border: 1px solid var(--wf-border);
    border-radius: var(--wf-radius-lg);
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: var(--wf-ink-muted);
    font-size: 0.88rem;
    position: relative;
    z-index: 1;
}

/* ════════════════════════════════════════════════════════════════════════════
   MAIN LAYOUT
   ════════════════════════════════════════════════════════════════════════════ */

.wf-layout[b-8akj5t961p] {
    display: grid;
    grid-template-columns: 1.65fr 1fr;
    gap: 1rem;
    align-items: start;
    position: relative;
    z-index: 1;
}

/* ════════════════════════════════════════════════════════════════════════════
   PANEL BASE
   ════════════════════════════════════════════════════════════════════════════ */

.wf-steps[b-8akj5t961p],
.wf-side[b-8akj5t961p],
.wf-panel[b-8akj5t961p] {
    background: var(--wf-panel);
    border: 1px solid var(--wf-border);
    border-radius: var(--wf-radius-xl);
    box-shadow: var(--wf-shadow-sm);
    overflow: hidden;
}

.wf-steps[b-8akj5t961p] {
    padding: 0;
}

.wf-side[b-8akj5t961p] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.wf-panel[b-8akj5t961p] {
    padding: 1.1rem 1.25rem;
}

.wf-panel-title[b-8akj5t961p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem 0;
    margin-bottom: 0.9rem;
}

.wf-panel-title h5[b-8akj5t961p] {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 800;
    color: var(--wf-ink);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: -0.02em;
}

.wf-panel-title h5 i[b-8akj5t961p] {
    color: var(--wf-accent);
    font-size: 0.85rem;
}

.wf-panel-title span[b-8akj5t961p] {
    font-size: 0.7rem;
    color: var(--wf-ink-faint);
    font-weight: 600;
}

/* ════════════════════════════════════════════════════════════════════════════
   STEP LIST
   ════════════════════════════════════════════════════════════════════════════ */

.wf-step-list[b-8akj5t961p] {
    display: flex;
    flex-direction: column;
    padding: 0 1rem 1rem;
}

.wf-step[b-8akj5t961p] {
    display: flex;
    gap: 0.9rem;
    padding: 0.9rem 0.85rem;
    border-radius: var(--wf-radius-lg);
    transition: all var(--wf-transition);
    position: relative;
    cursor: default;
}

.wf-step:not(:last-child)[b-8akj5t961p]::before {
    content: '';
    position: absolute;
    left: 25px;
    top: 52px;
    width: 2px;
    height: calc(100% - 38px);
    background: linear-gradient(180deg, var(--wf-border), var(--wf-border));
    z-index: 0;
}

.wf-step.done:not(:last-child)[b-8akj5t961p]::before {
    background: linear-gradient(180deg, var(--wf-success), rgba(16, 185, 129, 0.4));
}

.wf-step.active:not(:last-child)[b-8akj5t961p]::before {
    background: linear-gradient(180deg, var(--wf-accent), rgba(14, 165, 233, 0.3));
}

.wf-step:hover[b-8akj5t961p] {
    background: var(--wf-muted);
    border-radius: var(--wf-radius-lg);
}

.wf-step.active[b-8akj5t961p] {
    background: var(--wf-accent-soft);
    border: 1px solid rgba(14, 165, 233, 0.2);
    margin: 0 -1px;
}

.wf-step.done[b-8akj5t961p] {
    opacity: 0.88;
}

.wf-step-dot[b-8akj5t961p] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 800;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    transition: all var(--wf-transition);
}

.wf-step.done .wf-step-dot[b-8akj5t961p] {
    background: linear-gradient(135deg, var(--wf-success), #34d399);
    color: #ffffff;
    box-shadow: 0 0 0 4px var(--wf-success-soft), 0 3px 12px rgba(16, 185, 129, 0.3);
}

.wf-step.active .wf-step-dot[b-8akj5t961p] {
    background: linear-gradient(135deg, var(--wf-accent), #38bdf8);
    color: #ffffff;
    box-shadow: 0 0 0 4px var(--wf-accent-soft), var(--wf-accent-glow);
    animation: wf-pulse-ring-b-8akj5t961p 2s ease-out infinite;
}

@keyframes wf-pulse-ring-b-8akj5t961p {
    0% {
        box-shadow: 0 0 0 4px var(--wf-accent-soft), 0 0 0 0 rgba(14, 165, 233, 0.3);
    }
    70% {
        box-shadow: 0 0 0 4px var(--wf-accent-soft), 0 0 0 10px rgba(14, 165, 233, 0);
    }
    100% {
        box-shadow: 0 0 0 4px var(--wf-accent-soft), 0 0 0 0 rgba(14, 165, 233, 0);
    }
}

.wf-step.pending .wf-step-dot[b-8akj5t961p] {
    background: var(--wf-panel);
    color: var(--wf-ink-faint);
    border: 2px dashed var(--wf-border-strong);
}

.wf-pulse[b-8akj5t961p] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffffff;
    animation: wf-pulse-anim-b-8akj5t961p 1.5s ease-in-out infinite;
}

@keyframes wf-pulse-anim-b-8akj5t961p {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.7);
    }
}

.wf-step-body[b-8akj5t961p] {
    flex: 1;
    min-width: 0;
}

.wf-step-title[b-8akj5t961p] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--wf-ink);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1.35;
    flex-wrap: wrap;
}

.wf-step-chip[b-8akj5t961p] {
    font-size: 0.65rem;
    font-weight: 800;
    padding: 0.15rem 0.55rem;
    border-radius: var(--wf-radius-lg);
    background: linear-gradient(135deg, var(--wf-accent-soft), rgba(99, 102, 241, 0.1));
    color: var(--wf-accent);
    border: 1px solid rgba(14, 165, 233, 0.2);
    letter-spacing: 0.02em;
}

.wf-step-desc[b-8akj5t961p] {
    font-size: 0.77rem;
    color: var(--wf-ink-muted);
    margin-top: 0.2rem;
    line-height: 1.5;
}

.wf-step-link[b-8akj5t961p] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--wf-accent);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all var(--wf-transition);
}

.wf-step-link:hover[b-8akj5t961p] {
    color: var(--wf-indigo);
    text-decoration: none;
    gap: 0.55rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   ACTION CARDS
   ════════════════════════════════════════════════════════════════════════════ */

.wf-actions[b-8akj5t961p] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.wf-action[b-8akj5t961p] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--wf-border);
    border-radius: var(--wf-radius-lg);
    background: var(--wf-panel);
    cursor: pointer;
    transition: all var(--wf-transition);
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--wf-ink-secondary);
    text-align: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.wf-action[b-8akj5t961p]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: transparent;
    transition: all var(--wf-transition);
}

.wf-action:hover[b-8akj5t961p] {
    border-color: var(--wf-accent);
    color: var(--wf-accent);
    background: var(--wf-accent-soft);
    transform: translateX(4px);
    box-shadow: var(--wf-shadow-md);
}

.wf-action:hover[b-8akj5t961p]::before {
    background: linear-gradient(180deg, var(--wf-accent), var(--wf-teal));
}

.wf-action-highlight[b-8akj5t961p] {
    background: linear-gradient(135deg, #0c1222 0%, #1e3a5f 45%, #0d9488 100%);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.25);
    font-weight: 700;
}

.wf-action-highlight[b-8akj5t961p]::before {
    display: none;
}

.wf-action-highlight:hover[b-8akj5t961p] {
    background: linear-gradient(135deg, #0f1729 0%, #1e4b6d 45%, #0f766e 100%);
    color: #ffffff;
    border-color: transparent;
    transform: translateX(4px) translateY(-2px);
    box-shadow: 0 10px 32px rgba(14, 165, 233, 0.35);
}

.wf-action-icon[b-8akj5t961p] {
    width: 34px;
    height: 34px;
    border-radius: var(--wf-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    flex-shrink: 0;
    background: var(--wf-muted);
    color: var(--wf-ink-muted);
    transition: all var(--wf-transition);
}

.wf-action-highlight .wf-action-icon[b-8akj5t961p] {
    background: rgba(255, 255, 255, 0.15);
    color: #7dd3fc;
}

.wf-action:not(.wf-action-highlight):hover .wf-action-icon[b-8akj5t961p] {
    background: var(--wf-accent);
    color: #ffffff;
}

/* ════════════════════════════════════════════════════════════════════════════
   RISK PANEL
   ════════════════════════════════════════════════════════════════════════════ */

.wf-risk-list[b-8akj5t961p] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.risk-item[b-8akj5t961p] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.75rem 1rem;
    border-radius: var(--wf-radius-lg);
    border: 1px solid var(--wf-border);
    font-size: 0.8rem;
    background: var(--wf-panel);
    transition: all var(--wf-transition);
    position: relative;
    overflow: hidden;
}

.risk-item[b-8akj5t961p]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--wf-border);
}

.risk-item.high[b-8akj5t961p]::before {
    background: linear-gradient(180deg, var(--wf-danger), #f87171);
}

.risk-item.medium[b-8akj5t961p]::before {
    background: linear-gradient(180deg, var(--wf-warning), #fbbf24);
}

.risk-item.low[b-8akj5t961p]::before {
    background: linear-gradient(180deg, var(--wf-success), #34d399);
}

.risk-item:hover[b-8akj5t961p] {
    box-shadow: var(--wf-shadow-md);
    transform: translateX(3px);
}

.risk-dot[b-8akj5t961p] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 4px;
    box-shadow: 0 0 8px currentColor;
}

.risk-item.high .risk-dot[b-8akj5t961p] {
    background: var(--wf-danger);
    color: var(--wf-danger);
}

.risk-item.medium .risk-dot[b-8akj5t961p] {
    background: var(--wf-warning);
    color: var(--wf-warning);
}

.risk-item.low .risk-dot[b-8akj5t961p] {
    background: var(--wf-success);
    color: var(--wf-success);
}

.risk-text[b-8akj5t961p] {
    flex: 1;
    font-weight: 500;
    color: var(--wf-ink-secondary);
    line-height: 1.45;
}

.risk-badge[b-8akj5t961p] {
    font-size: 0.62rem;
    font-weight: 800;
    padding: 0.2rem 0.55rem;
    border-radius: var(--wf-radius-lg);
    text-transform: uppercase;
    flex-shrink: 0;
    letter-spacing: 0.05em;
}

.risk-item.high .risk-badge[b-8akj5t961p] {
    background: var(--wf-danger-soft);
    color: var(--wf-danger);
    border: 1px solid rgba(239, 68, 68, 0.25);
}

.risk-item.medium .risk-badge[b-8akj5t961p] {
    background: var(--wf-warning-soft);
    color: var(--wf-warning);
    border: 1px solid rgba(245, 158, 11, 0.25);
}

.risk-item.low .risk-badge[b-8akj5t961p] {
    background: var(--wf-success-soft);
    color: var(--wf-success);
    border: 1px solid rgba(16, 185, 129, 0.25);
}

/* ════════════════════════════════════════════════════════════════════════════
   READINESS
   ════════════════════════════════════════════════════════════════════════════ */

.wf-readiness[b-8akj5t961p] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.wf-readiness-item[b-8akj5t961p] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.85rem;
    border-radius: var(--wf-radius);
    border: 1px solid var(--wf-border);
    background: var(--wf-muted);
    font-size: 0.8rem;
    transition: all var(--wf-transition);
}

.wf-readiness-item:hover[b-8akj5t961p] {
    transform: translateX(2px);
    box-shadow: var(--wf-shadow-sm);
}

.wf-readiness-item i[b-8akj5t961p] {
    width: 28px;
    height: 28px;
    border-radius: var(--wf-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    flex-shrink: 0;
    background: var(--wf-border);
    color: var(--wf-ink-faint);
}

.wf-readiness-item.ok i[b-8akj5t961p] {
    background: var(--wf-success-soft);
    color: var(--wf-success);
}

.wf-readiness-item.pending i[b-8akj5t961p] {
    background: var(--wf-warning-soft);
    color: var(--wf-warning);
}

.wf-readiness-item div[b-8akj5t961p] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.wf-readiness-item strong[b-8akj5t961p] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--wf-ink);
}

.wf-readiness-item span[b-8akj5t961p] {
    font-size: 0.7rem;
    color: var(--wf-ink-muted);
}

.wf-readiness-item.ok[b-8akj5t961p] {
    border-color: rgba(16, 185, 129, 0.3);
    background: var(--wf-success-soft);
}

.wf-readiness-item.ok strong[b-8akj5t961p] {
    color: var(--wf-success);
}

/* ════════════════════════════════════════════════════════════════════════════
   META
   ════════════════════════════════════════════════════════════════════════════ */

.wf-meta[b-8akj5t961p] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.wf-meta div[b-8akj5t961p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.78rem;
    padding: 0.55rem 0.15rem;
    border-bottom: 1px solid var(--wf-border);
    transition: background var(--wf-transition);
}

.wf-meta div:hover[b-8akj5t961p] {
    background: var(--wf-muted);
    border-radius: var(--wf-radius-sm);
}

.wf-meta div:last-child[b-8akj5t961p] {
    border-bottom: none;
}

.wf-meta span[b-8akj5t961p] {
    color: var(--wf-ink-muted);
    font-weight: 500;
}

.wf-meta strong[b-8akj5t961p] {
    color: var(--wf-ink);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* ════════════════════════════════════════════════════════════════════════════
   APPROVAL FLOW PANEL — status transitions, comment, action buttons
   ════════════════════════════════════════════════════════════════════════════ */

.wf-approval[b-8akj5t961p] {
    background: var(--wf-panel);
    border: 1px solid var(--wf-border);
    border-radius: var(--wf-radius-xl);
    box-shadow: var(--wf-shadow-sm);
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.wf-approval-head[b-8akj5t961p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--wf-border);
    background: linear-gradient(180deg, #f8fafc, #ffffff);
    flex-wrap: wrap;
}

.wf-approval-title[b-8akj5t961p] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.wf-approval-title h4[b-8akj5t961p] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--wf-ink);
    letter-spacing: -0.02em;
}

.wf-approval-title p[b-8akj5t961p] {
    margin: 0.15rem 0 0;
    font-size: 0.74rem;
    color: var(--wf-ink-muted);
}

.wf-approval-badge[b-8akj5t961p] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    font-size: 0.78rem;
    font-weight: 800;
    border-radius: var(--wf-radius);
    border: 1px solid var(--wf-border);
    background: var(--wf-muted);
    color: var(--wf-ink-secondary);
    letter-spacing: -0.01em;
}

.wf-approval-badge i[b-8akj5t961p] { font-size: 0.78rem; }

.wf-approval-badge.wf-status-draft[b-8akj5t961p]     { background: #fff7ed; color: #c2410c; border-color: rgba(245, 158, 11, 0.35); }
.wf-approval-badge.wf-status-review[b-8akj5t961p]    { background: #eff6ff; color: #1d4ed8; border-color: rgba(59, 130, 246, 0.35); }
.wf-approval-badge.wf-status-approved[b-8akj5t961p]  { background: #ecfdf5; color: #047857; border-color: rgba(16, 185, 129, 0.35); }
.wf-approval-badge.wf-status-published[b-8akj5t961p] { background: #f0fdfa; color: #0f766e; border-color: rgba(20, 184, 166, 0.35); }
.wf-approval-badge.wf-status-locked[b-8akj5t961p]    { background: #f5f3ff; color: #6d28d9; border-color: rgba(139, 92, 246, 0.35); }
.wf-approval-badge.wf-status-archived[b-8akj5t961p]  { background: #f1f5f9; color: #475569; border-color: rgba(100, 116, 139, 0.35); }

/* Mini status flow visualization */
.wf-approval-progress[b-8akj5t961p] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.wf-approval-step[b-8akj5t961p] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--wf-ink-faint);
    padding: 0.3rem 0.6rem;
    border-radius: var(--wf-radius-sm);
    background: var(--wf-muted);
    border: 1px solid transparent;
    position: relative;
}

.wf-approval-step + .wf-approval-step[b-8akj5t961p]::before {
    content: '';
    position: absolute;
    left: -8px;
    width: 8px;
    height: 2px;
    background: var(--wf-border);
}

.wf-approval-step-dot[b-8akj5t961p] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--wf-border);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.55rem;
}

.wf-approval-step.done[b-8akj5t961p] {
    color: var(--wf-success);
}
.wf-approval-step.done .wf-approval-step-dot[b-8akj5t961p] {
    background: var(--wf-success);
    box-shadow: 0 0 0 3px var(--wf-success-soft);
}

.wf-approval-step.current[b-8akj5t961p] {
    color: var(--wf-accent);
    background: var(--wf-accent-soft);
    border-color: rgba(14, 165, 233, 0.3);
}
.wf-approval-step.current .wf-approval-step-dot[b-8akj5t961p] {
    background: var(--wf-accent);
    animation: wf-pulse-anim-b-8akj5t961p 1.6s ease-in-out infinite;
}

.wf-approval-body[b-8akj5t961p] {
    padding: 1rem 1.25rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.wf-readiness-gate[b-8akj5t961p] {
    display: grid;
    gap: 0.65rem;
    border-radius: var(--wf-radius);
    border: 1px solid var(--wf-border);
    padding: 0.8rem 0.9rem;
    background: var(--wf-muted);
}

.wf-readiness-gate.ok[b-8akj5t961p] {
    background: var(--wf-success-soft);
    border-color: rgba(16, 185, 129, 0.32);
}

.wf-readiness-gate.warn[b-8akj5t961p] {
    background: #fff7ed;
    border-color: rgba(245, 158, 11, 0.34);
}

.wf-readiness-gate-main[b-8akj5t961p] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.wf-readiness-gate-icon[b-8akj5t961p] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--wf-radius-sm);
    background: rgba(255, 255, 255, 0.75);
    color: var(--wf-warning);
    flex-shrink: 0;
}

.wf-readiness-gate.ok .wf-readiness-gate-icon[b-8akj5t961p] {
    color: var(--wf-success);
}

.wf-readiness-gate-main strong[b-8akj5t961p] {
    display: block;
    font-size: 0.84rem;
    font-weight: 800;
    color: var(--wf-ink);
}

.wf-readiness-gate-main span[b-8akj5t961p] {
    display: block;
    font-size: 0.74rem;
    color: var(--wf-ink-muted);
    margin-top: 0.1rem;
}

.wf-readiness-gate-list[b-8akj5t961p] {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wf-readiness-gate-list li[b-8akj5t961p] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.75rem;
    color: #9a3412;
    font-weight: 650;
}

.wf-readiness-gate-list.soft li[b-8akj5t961p] {
    color: var(--wf-ink-muted);
    font-weight: 600;
}

.wf-approval-comment[b-8akj5t961p] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.wf-approval-comment label[b-8akj5t961p] {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--wf-ink-faint);
}

.wf-approval-comment textarea[b-8akj5t961p] {
    width: 100%;
    border: 1px solid var(--wf-border);
    border-radius: var(--wf-radius);
    padding: 0.65rem 0.85rem;
    font-size: 0.85rem;
    font-family: inherit;
    color: var(--wf-ink);
    background: var(--wf-muted);
    resize: vertical;
    min-height: 56px;
    transition: all var(--wf-transition);
}

.wf-approval-comment textarea:focus[b-8akj5t961p] {
    outline: none;
    border-color: var(--wf-accent);
    background: #ffffff;
    box-shadow: 0 0 0 3px var(--wf-accent-soft);
}

.wf-approval-actions[b-8akj5t961p] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.wf-aprv-btn[b-8akj5t961p] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1rem;
    border-radius: var(--wf-radius);
    border: 1px solid var(--wf-border);
    background: var(--wf-panel);
    color: var(--wf-ink-secondary);
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: all var(--wf-transition);
}

.wf-aprv-btn:disabled[b-8akj5t961p] {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none !important;
}

.wf-aprv-btn:not(:disabled):hover[b-8akj5t961p] {
    transform: translateY(-1px);
    box-shadow: var(--wf-shadow-md);
}

.wf-aprv-submit[b-8akj5t961p]  { background: var(--wf-accent); color: #ffffff; border-color: transparent; }
.wf-aprv-submit:not(:disabled):hover[b-8akj5t961p] { background: #0284c7; }

.wf-aprv-approve[b-8akj5t961p] { background: var(--wf-success); color: #ffffff; border-color: transparent; }
.wf-aprv-approve:not(:disabled):hover[b-8akj5t961p] { background: #059669; }

.wf-aprv-reject[b-8akj5t961p]  { background: #fff1f2; color: #be123c; border-color: rgba(244, 63, 94, 0.4); }
.wf-aprv-reject:not(:disabled):hover[b-8akj5t961p] { background: #fee2e2; }

.wf-aprv-publish[b-8akj5t961p] { background: linear-gradient(135deg, #0d9488, #0ea5e9); color: #ffffff; border-color: transparent; }

.wf-aprv-lock[b-8akj5t961p]    { background: #f5f3ff; color: #6d28d9; border-color: rgba(139, 92, 246, 0.4); }
.wf-aprv-lock:not(:disabled):hover[b-8akj5t961p] { background: #ede9fe; }

.wf-aprv-unlock[b-8akj5t961p]  { background: #fef9c3; color: #854d0e; border-color: rgba(245, 158, 11, 0.4); }

.wf-aprv-archive[b-8akj5t961p] { background: var(--wf-muted); color: var(--wf-ink-muted); }

.wf-aprv-hint[b-8akj5t961p] {
    flex: 1 1 100%;
    font-size: 0.74rem;
    color: var(--wf-ink-muted);
    background: #fff7ed;
    border: 1px solid rgba(245, 158, 11, 0.25);
    border-radius: var(--wf-radius-sm);
    padding: 0.5rem 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.wf-aprv-hint i[b-8akj5t961p] { color: var(--wf-warning); }

.wf-aprv-alert[b-8akj5t961p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.85rem;
    border-radius: var(--wf-radius);
    font-size: 0.8rem;
    font-weight: 600;
}

.wf-aprv-alert.error[b-8akj5t961p]   { background: var(--wf-danger-soft);  color: var(--wf-danger);  border: 1px solid rgba(239, 68, 68, 0.25); }
.wf-aprv-alert.success[b-8akj5t961p] { background: var(--wf-success-soft); color: var(--wf-success); border: 1px solid rgba(16, 185, 129, 0.25); }

.wf-aprv-hint--info[b-8akj5t961p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.85rem;
    border-radius: var(--wf-radius);
    font-size: 0.8rem;
    font-weight: 600;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
}
.wf-aprv-hint--info i[b-8akj5t961p] { color: #3b82f6; }

.wf-approval-info-bar[b-8akj5t961p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.85rem;
    margin-bottom: 0.75rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: var(--wf-radius);
    font-size: 0.8rem;
    color: #1e40af;
}

.wf-approval-info-bar i[b-8akj5t961p] { color: #3b82f6; }

.wf-approval-info-sep[b-8akj5t961p] { color: #93c5fd; }

.wf-approval-info-you[b-8akj5t961p] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
    font-weight: 700;
    font-size: 0.75rem;
}

@media (max-width: 700px) {
    .wf-approval-head[b-8akj5t961p] { flex-direction: column; align-items: flex-start; }
    .wf-approval-progress[b-8akj5t961p] { width: 100%; }
}

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

@media (max-width: 1100px) {
    .wf-layout[b-8akj5t961p] {
        grid-template-columns: 1fr;
    }
    .wf-kpis[b-8akj5t961p] {
        grid-template-columns: repeat(2, 1fr);
    }
    .wf-hero[b-8akj5t961p] {
        flex-direction: column;
        gap: 1rem;
    }
    .wf-hero-actions[b-8akj5t961p] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .wf[b-8akj5t961p] {
        padding: 0.9rem 1rem;
    }
    .wf-kpis[b-8akj5t961p] {
        grid-template-columns: 1fr 1fr;
    }
    .wf-hero[b-8akj5t961p] {
        padding: 1rem 1.15rem;
    }
    .wf-hero h2[b-8akj5t961p] {
        font-size: 1rem;
    }
}

[data-bs-theme="dark"] .wf-readiness-item[b-8akj5t961p] {
    background: var(--wf-muted);
    border-color: var(--wf-border);
}

[data-bs-theme="dark"] .wf-meta div[b-8akj5t961p] {
    border-color: var(--wf-border);
}

/* ─── Financial KPI Strip ─────────────────────────────── */
.wf-fin-strip[b-8akj5t961p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.85rem;
    margin-bottom: 0.25rem;
}
.wf-fin-kpi[b-8akj5t961p] {
    background: var(--wf-panel);
    border-radius: 12px;
    padding: 0.9rem 1.1rem;
    border: 1px solid var(--wf-border);
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    box-shadow: 0 1px 3px rgba(15,23,42,.06);
}
.wf-fin-lbl[b-8akj5t961p] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #9ca3af;
}
.wf-fin-val[b-8akj5t961p] {
    font-size: 1.35rem;
    font-weight: 800;
    color: #111827;
    line-height: 1.15;
}
.wf-fin-sub[b-8akj5t961p] {
    font-size: 0.75rem;
    color: #6b7280;
}

/* ─── P&L Summary Table ─────────────────────────────────── */
.wf-pl-table-wrap[b-8akj5t961p] {
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}
.wf-pl-table[b-8akj5t961p] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.wf-pl-table thead tr[b-8akj5t961p] {
    background: #f8fafc;
}
.wf-pl-table th[b-8akj5t961p] {
    padding: 0.55rem 0.85rem;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b7280;
    border-bottom: 1px solid #e5e7eb;
}
.wf-pl-table td[b-8akj5t961p] {
    padding: 0.5rem 0.85rem;
    color: #374151;
    border-bottom: 1px solid #f3f4f6;
}
.wf-pl-table tbody tr:hover td[b-8akj5t961p] { background: #f9fafb; }
.wf-pl-table tfoot td[b-8akj5t961p] {
    padding: 0.6rem 0.85rem;
    border-top: 2px solid #e5e7eb;
    background: #f8fafc;
    font-size: 0.9rem;
}
.wf-pl-cat[b-8akj5t961p] {
    font-size: 0.73rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.wf-readiness-evidence[b-8akj5t961p] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem 1rem;
    margin-top: .65rem;
    padding-top: .6rem;
    border-top: 1px solid rgba(148, 163, 184, .28);
    color: #475569;
    font-size: .72rem;
}

.wf-readiness-evidence span[b-8akj5t961p] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
}
/* /Presentation/Components/FinancialPlanning/FinancialStatementsTab.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   FINANCIAL STATEMENTS TAB — ENTERPRISE PLATINUM v10.0 ULTRA
   Multi-Statement Financial Intelligence Hub • Bloomberg × SAP × Linear
   ═══════════════════════════════════════════════════════════════════════════ */

.fst[b-cik42x88ui] {
    /* ── Surface Hierarchy ── */
    --fst-bg:            #f4f7fb;
    --fst-panel:         #ffffff;
    --fst-muted:         #f0f4fa;
    --fst-surface-glass: rgba(255, 255, 255, 0.85);
    --fst-border:        rgba(148, 163, 184, 0.25);
    --fst-border-light:  rgba(241, 245, 249, 0.8);
    --fst-border-strong: rgba(59, 130, 246, 0.5);

    /* ── Accent System ── */
    --fst-accent:        #0ea5e9;
    --fst-accent-dark:   #0284c7;
    --fst-accent-soft:   rgba(14, 165, 233, 0.1);
    --fst-indigo:        #6366f1;
    --fst-violet:        #8b5cf6;
    --fst-teal:          #14b8a6;

    /* ── Semantic Colors ── */
    --fst-success:       #10b981;
    --fst-success-soft:  rgba(16, 185, 129, 0.12);
    --fst-danger:        #ef4444;
    --fst-danger-soft:   rgba(239, 68, 68, 0.1);
    --fst-warning:       #f59e0b;
    --fst-warning-soft:  rgba(245, 158, 11, 0.12);

    /* ── Text Hierarchy ── */
    --fst-ink:           #0f172a;
    --fst-ink-secondary: #334155;
    --fst-ink-muted:     #64748b;
    --fst-ink-faint:     #94a3b8;

    /* ── Elevation System ── */
    --fst-shadow-xs:     0 1px 2px rgba(0, 0, 0, 0.03);
    --fst-shadow-sm:     0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
    --fst-shadow-md:     0 8px 24px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04);
    --fst-shadow-lg:     0 20px 40px rgba(0, 0, 0, 0.08);

    /* ── Radius ── */
    --fst-radius-sm:     6px;
    --fst-radius:        10px;
    --fst-radius-lg:     14px;
    --fst-radius-xl:     20px;

    /* ── Motion ── */
    --fst-ease:          cubic-bezier(0.22, 1, 0.36, 1);
    --fst-ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
    --fst-transition:    0.2s var(--fst-ease);

    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--fst-bg);
    font-family: "Inter", "Plus Jakarta Sans", -apple-system, sans-serif;
    animation: fst-slide-up-b-cik42x88ui 0.4s var(--fst-ease-out);
    position: relative;
}

.fst[b-cik42x88ui]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 450px;
    background: radial-gradient(ellipse 100% 80% at 50% -20%, rgba(14, 165, 233, 0.1), transparent);
    pointer-events: none;
    z-index: 0;
}

@keyframes fst-slide-up-b-cik42x88ui {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-bs-theme="dark"] .fst[b-cik42x88ui] {
    --fst-bg:            #0c1222;
    --fst-panel:         #111827;
    --fst-muted:         #1e293b;
    --fst-surface-glass: rgba(17, 24, 39, 0.9);
    --fst-border:        rgba(71, 85, 105, 0.4);
    --fst-border-light:  rgba(30, 41, 59, 0.6);
    --fst-accent:        #38bdf8;
    --fst-ink:           #f1f5f9;
    --fst-ink-secondary: #cbd5e1;
    --fst-ink-muted:     #94a3b8;
}

/* ════════════════════════════════════════════════════════════════════════════
   EXECUTIVE TOOLBAR
   ════════════════════════════════════════════════════════════════════════════ */

.fst__toolbar[b-cik42x88ui] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1.2rem 2rem 1.1rem;
    background: linear-gradient(135deg, #0c1222 0%, #1e3a5f 45%, #0d9488 100%);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 10;
}

.fst__toolbar[b-cik42x88ui]::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -50px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.2), transparent 70%);
    pointer-events: none;
}

.fst__toolbar[b-cik42x88ui]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
}

.fst__title[b-cik42x88ui] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    letter-spacing: -0.025em;
    position: relative;
    z-index: 1;
}

.fst__title i[b-cik42x88ui] {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--fst-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    color: #7dd3fc;
    backdrop-filter: blur(8px);
}

.fst__scenario-badge[b-cik42x88ui] {
    font-size: 0.7rem;
    color: #e0f2fe;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 0.3rem 0.85rem;
    border-radius: var(--fst-radius-lg);
    font-weight: 700;
    position: relative;
    z-index: 1;
    backdrop-filter: blur(8px);
}

.fst__btn[b-cik42x88ui] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--fst-radius);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--fst-transition);
    backdrop-filter: blur(8px);
    position: relative;
    z-index: 1;
}

.fst__btn:hover:not(:disabled)[b-cik42x88ui] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
    transform: translateY(-1px);
}

.fst__btn:disabled[b-cik42x88ui] {
    opacity: 0.45;
    cursor: not-allowed;
}

/* ════════════════════════════════════════════════════════════════════════════
   SUB-TABS NAVIGATION
   ════════════════════════════════════════════════════════════════════════════ */

.fst__tabs[b-cik42x88ui] {
    display: flex;
    gap: 0;
    padding: 0 1.5rem;
    background: var(--fst-panel);
    border-bottom: 1px solid var(--fst-border);
    flex-shrink: 0;
    position: relative;
    z-index: 5;
}

.fst__tab[b-cik42x88ui] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1.25rem;
    height: 52px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--fst-ink-muted);
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    cursor: pointer;
    transition: all var(--fst-transition);
    position: relative;
}

.fst__tab i[b-cik42x88ui] {
    font-size: 0.85rem;
}

.fst__tab:hover[b-cik42x88ui] {
    color: var(--fst-ink-secondary);
    background: var(--fst-muted);
}

.fst__tab--active[b-cik42x88ui] {
    color: var(--fst-accent);
    border-bottom-color: var(--fst-accent);
    font-weight: 700;
}

.fst__tab--active i[b-cik42x88ui] {
    color: var(--fst-accent);
}

.fst__tab--active[b-cik42x88ui]::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--fst-accent), var(--fst-teal));
    border-radius: 3px 3px 0 0;
}

/* ════════════════════════════════════════════════════════════════════════════
   CONTENT AREA
   ════════════════════════════════════════════════════════════════════════════ */

.fst__content[b-cik42x88ui] {
    flex: 1;
    overflow-y: auto;
    background: var(--fst-bg);
    position: relative;
    z-index: 1;
}

.fst__content[b-cik42x88ui]::-webkit-scrollbar {
    width: 6px;
}

.fst__content[b-cik42x88ui]::-webkit-scrollbar-track {
    background: transparent;
}

.fst__content[b-cik42x88ui]::-webkit-scrollbar-thumb {
    background: var(--fst-border);
    border-radius: 6px;
}

.fst__content[b-cik42x88ui]::-webkit-scrollbar-thumb:hover {
    background: var(--fst-ink-faint);
}

/* ════════════════════════════════════════════════════════════════════════════
   EMPTY / PLACEHOLDER STATES
   ════════════════════════════════════════════════════════════════════════════ */

.fst__empty[b-cik42x88ui],
.fst__placeholder[b-cik42x88ui] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 5rem 1.5rem;
    color: var(--fst-ink-muted);
    font-size: 0.88rem;
    text-align: center;
}

.fst__empty i[b-cik42x88ui],
.fst__placeholder i[b-cik42x88ui] {
    font-size: 3rem;
    opacity: 0.3;
    animation: fst-float-b-cik42x88ui 3.5s ease-in-out infinite;
    color: var(--fst-accent);
}

@keyframes fst-float-b-cik42x88ui {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

/* ════════════════════════════════════════════════════════════════════════════
   FINANCIAL TABLE
   ════════════════════════════════════════════════════════════════════════════ */

.fst__statement-table[b-cik42x88ui] {
    overflow-x: auto;
    padding: 0 0 1.25rem;
}

.fst__tbl[b-cik42x88ui] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
}

.fst__tbl thead[b-cik42x88ui] {
    position: sticky;
    top: 0;
    z-index: 20;
}

.fst__tbl thead tr[b-cik42x88ui] {
    background: linear-gradient(135deg, #0c1222 0%, #1e3a5f 50%, #0d9488 100%);
    color: #ffffff;
}

.fst__th--label[b-cik42x88ui] {
    text-align: left;
    padding: 12px 16px;
    min-width: 220px;
    font-weight: 700;
    font-size: 0.69rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: rgba(255,255,255,0.8);
    border-right: 1px solid rgba(255,255,255,0.08);
}
.fst__th--num[b-cik42x88ui] {
    text-align: right;
    padding: 12px 8px;
    min-width: 88px;
    font-weight: 700;
    font-size: 0.69rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: rgba(255,255,255,0.8);
    border-right: 1px solid rgba(255,255,255,0.06);
}
.fst__th--total[b-cik42x88ui] {
    background: rgba(0,0,0,0.25) !important;
    min-width: 105px;
    border-left: 2px solid rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
}

/* Section Headers */
.fst__section-hdr td[b-cik42x88ui] {
    background: linear-gradient(90deg, rgba(24,72,201,0.10) 0%, rgba(24,72,201,0.04) 100%);
    color: var(--fst-accent);
    font-weight: 800;
    font-size: 0.69rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 8px 16px;
    border-top: 2px solid var(--fst-accent);
    border-bottom: 1px solid rgba(24,72,201,0.15);
}
.fst__section-hdr i[b-cik42x88ui] {
    margin-right: 6px;
    color: var(--fst-accent);
    opacity: 0.8;
}

/* Data Lines */
.fst__line[b-cik42x88ui] {
    background: var(--fst-panel);
    transition: background var(--fst-ease);
}
.fst__line:hover[b-cik42x88ui] { background: var(--fst-muted); }
.fst__line:nth-child(even)[b-cik42x88ui] { background: var(--fst-border-light); }
.fst__line:nth-child(even):hover[b-cik42x88ui] { background: var(--fst-muted); }

.fst__td--label[b-cik42x88ui] {
    padding: 7px 10px 7px 18px;
    color: var(--fst-ink-secondary);
    font-weight: 500;
    border-bottom: 1px solid var(--fst-border-light);
    border-right: 1px solid var(--fst-border-light);
}
.fst__subtotal[b-cik42x88ui] {
    font-weight: 700 !important;
    color: var(--fst-ink) !important;
    background: rgba(24,72,201,0.04) !important;
}
.fst__td--num[b-cik42x88ui] {
    text-align: right;
    padding: 7px 8px;
    color: var(--fst-ink);
    font-weight: 500;
    border-bottom: 1px solid var(--fst-border-light);
    border-right: 1px solid var(--fst-border-light);
}
.fst__td--total[b-cik42x88ui] {
    background: rgba(24,72,201,0.05) !important;
    font-weight: 800 !important;
    border-left: 2px solid rgba(24,72,201,0.3) !important;
}

/* Section Totals */
.fst__section-total td[b-cik42x88ui] {
    background: linear-gradient(90deg, rgba(24,72,201,0.08) 0%, rgba(24,72,201,0.03) 100%);
    font-weight: 800;
    color: var(--fst-ink);
    padding: 9px 8px;
    border-top: 2px solid rgba(24,72,201,0.30);
    border-bottom: 2px solid var(--fst-border-strong);
    font-size: 0.82rem;
}
.fst__section-total td:first-child[b-cik42x88ui] {
    padding-left: 16px;
    color: var(--fst-accent);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ─────────────────────────────────────────────────────────── RESPONSIVE */
@media (max-width: 1200px) {
    .fst__th--num[b-cik42x88ui], .fst__td--num[b-cik42x88ui] { min-width: 76px; padding: 7px 5px; }
    .fst__th--total[b-cik42x88ui], .fst__td--total[b-cik42x88ui] { min-width: 92px; }
}
@media (max-width: 768px) {
    .fst__toolbar[b-cik42x88ui] { padding: 14px 16px; }
    .fst__tabs[b-cik42x88ui] { padding: 0 12px; }
}

/* ─────────────────────────────────────────────────────────── PERIOD FILTER */
.fst__period-group[b-cik42x88ui] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: var(--fst-radius);
    backdrop-filter: blur(8px);
    position: relative;
    z-index: 1;
}
.fst__period-btn[b-cik42x88ui] {
    padding: 0.35rem 0.7rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: rgba(255,255,255,0.7);
    background: transparent;
    border: 0;
    border-radius: calc(var(--fst-radius) - 3px);
    cursor: pointer;
    transition: all var(--fst-transition);
    letter-spacing: 0.02em;
}
.fst__period-btn:hover[b-cik42x88ui] {
    color: #fff;
    background: rgba(255,255,255,0.08);
}
.fst__period-btn--active[b-cik42x88ui] {
    background: rgba(255,255,255,0.95);
    color: var(--fst-accent-dark);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* ─────────────────────────────────────────────────────────── KPI CARDS */
.fst__kpis[b-cik42x88ui] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.85rem;
    padding: 1.1rem 1.5rem 0.4rem;
    background: var(--fst-bg);
    position: relative;
    z-index: 1;
}
.fst__kpi[b-cik42x88ui] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    background: var(--fst-panel);
    border: 1px solid var(--fst-border);
    border-radius: var(--fst-radius);
    box-shadow: var(--fst-shadow-sm);
    transition: all var(--fst-transition);
    position: relative;
    overflow: hidden;
}
.fst__kpi[b-cik42x88ui]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 3px;
    background: var(--fst-accent);
}
.fst__kpi:hover[b-cik42x88ui] {
    transform: translateY(-1px);
    box-shadow: var(--fst-shadow-md);
}
.fst__kpi--info[b-cik42x88ui]::before     { background: var(--fst-accent); }
.fst__kpi--success[b-cik42x88ui]::before  { background: var(--fst-success); }
.fst__kpi--warning[b-cik42x88ui]::before  { background: var(--fst-warning); }
.fst__kpi--danger[b-cik42x88ui]::before   { background: var(--fst-danger); }
.fst__kpi-icon[b-cik42x88ui] {
    width: 38px;
    height: 38px;
    border-radius: var(--fst-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--fst-accent-soft);
    color: var(--fst-accent);
    font-size: 0.95rem;
    flex-shrink: 0;
}
.fst__kpi--success .fst__kpi-icon[b-cik42x88ui] { background: var(--fst-success-soft); color: var(--fst-success); }
.fst__kpi--warning .fst__kpi-icon[b-cik42x88ui] { background: var(--fst-warning-soft); color: var(--fst-warning); }
.fst__kpi--danger .fst__kpi-icon[b-cik42x88ui]  { background: var(--fst-danger-soft);  color: var(--fst-danger); }
.fst__kpi-body[b-cik42x88ui] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.fst__kpi-label[b-cik42x88ui] {
    font-size: 0.7rem;
    color: var(--fst-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}
.fst__kpi-value[b-cik42x88ui] {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--fst-ink);
    font-variant-numeric: tabular-nums;
}

.fst__source-strip[b-cik42x88ui] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 0.45rem 1.5rem 0.75rem;
    background: var(--fst-bg);
    position: relative;
    z-index: 1;
}

.fst__source-pill[b-cik42x88ui] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.7rem;
    border-radius: var(--fst-radius-sm);
    border: 1px solid var(--fst-border);
    background: var(--fst-panel);
    color: var(--fst-ink-muted);
    font-size: 0.72rem;
    font-weight: 700;
}

.fst__source-pill.ok[b-cik42x88ui] {
    border-color: rgba(16, 185, 129, 0.28);
    background: var(--fst-success-soft);
    color: #047857;
}

.fst__source-pill.warn[b-cik42x88ui] {
    border-color: rgba(245, 158, 11, 0.32);
    background: var(--fst-warning-soft);
    color: #92400e;
}

.fst__source-pill.info[b-cik42x88ui] {
    border-color: rgba(14, 165, 233, 0.25);
    background: var(--fst-accent-soft);
    color: #0369a1;
}

.fst__warnings[b-cik42x88ui] {
    display: grid;
    gap: 0.35rem;
    margin: 0 1.5rem 0.85rem;
    padding: 0.7rem 0.9rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: var(--fst-radius-sm);
    color: #1e40af;
    font-size: 0.78rem;
    font-weight: 650;
    position: relative;
    z-index: 1;
}

.fst__warnings span[b-cik42x88ui] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
}

.fst__warnings i[b-cik42x88ui] {
    margin-top: 0.12rem;
}

/* ── Financial Ratios Panel ─────────────────────────────────────────── */
.fst__ratios-panel[b-cik42x88ui] {
    margin: 0 1.5rem 1rem;
    background: var(--fst-panel);
    border: 1px solid var(--fst-border);
    border-radius: var(--fst-radius-lg);
    padding: 1rem 1.25rem;
    box-shadow: var(--fst-shadow-sm);
}

.fst__ratios-title[b-cik42x88ui] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--fst-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.fst__ratios-grid[b-cik42x88ui] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem;
}

.fst__ratio[b-cik42x88ui] {
    padding: 0.75rem 0.85rem;
    border-radius: var(--fst-radius);
    border: 1px solid var(--fst-border);
    background: var(--fst-muted);
    transition: box-shadow 0.18s;
}

.fst__ratio:hover[b-cik42x88ui] {
    box-shadow: var(--fst-shadow-sm);
}

.fst__ratio--good[b-cik42x88ui] {
    border-color: rgba(16, 185, 129, 0.3);
    background: var(--fst-success-soft);
}

.fst__ratio--warn[b-cik42x88ui] {
    border-color: rgba(245, 158, 11, 0.3);
    background: var(--fst-warning-soft);
}

.fst__ratio--bad[b-cik42x88ui] {
    border-color: rgba(239, 68, 68, 0.25);
    background: var(--fst-danger-soft);
}

.fst__ratio-value[b-cik42x88ui] {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--fst-ink);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.fst__ratio--good .fst__ratio-value[b-cik42x88ui] { color: #047857; }
.fst__ratio--warn .fst__ratio-value[b-cik42x88ui] { color: #92400e; }
.fst__ratio--bad  .fst__ratio-value[b-cik42x88ui] { color: #991b1b; }

.fst__ratio-label[b-cik42x88ui] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--fst-ink-secondary);
    margin: 0.2rem 0 0.08rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.fst__ratio-bench[b-cik42x88ui] {
    font-size: 0.66rem;
    color: var(--fst-ink-muted);
    margin-bottom: 0.5rem;
}

.fst__ratio-bar[b-cik42x88ui] {
    height: 4px;
    background: rgba(0,0,0,0.08);
    border-radius: 2px;
    overflow: hidden;
}

.fst__ratio-fill[b-cik42x88ui] {
    height: 100%;
    background: #10b981;
    border-radius: 2px;
    transition: width 0.6s ease;
}

.fst__ratio--warn .fst__ratio-fill[b-cik42x88ui] { background: #f59e0b; }
.fst__ratio--bad  .fst__ratio-fill[b-cik42x88ui] { background: #ef4444; }
.fst__ratio-fill.neg[b-cik42x88ui]                { background: #ef4444; }

/* /Presentation/Components/FinancialPlanning/HistoryTab.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   HISTORY & AUDIT TRAIL TAB — ENTERPRISE PLATINUM v10.0 ULTRA
   Compliance-grade Timeline with Advanced Filtering • Bloomberg × Notion
   ═══════════════════════════════════════════════════════════════════════════ */

.history[b-38xx8ijn2e] {
    /* ── Surface Hierarchy ── */
    --ht-bg:            #f4f7fb;
    --ht-panel:         #ffffff;
    --ht-muted:         #f0f4fa;
    --ht-surface-glass: rgba(255, 255, 255, 0.85);
    --ht-border:        rgba(148, 163, 184, 0.25);
    --ht-border-strong: rgba(59, 130, 246, 0.5);

    /* ── Accent System ── */
    --ht-accent:        #0ea5e9;
    --ht-accent-soft:   rgba(14, 165, 233, 0.1);
    --ht-accent-glow:   0 0 24px rgba(14, 165, 233, 0.35);
    --ht-indigo:        #6366f1;
    --ht-violet:        #8b5cf6;
    --ht-teal:          #14b8a6;

    /* ── Semantic Colors ── */
    --ht-success:       #10b981;
    --ht-success-soft:  rgba(16, 185, 129, 0.12);
    --ht-warning:       #f59e0b;
    --ht-warning-soft:  rgba(245, 158, 11, 0.12);
    --ht-danger:        #ef4444;
    --ht-danger-soft:   rgba(239, 68, 68, 0.1);
    --ht-purple:        #8b5cf6;
    --ht-purple-soft:   rgba(139, 92, 246, 0.1);
    --ht-info:          #0ea5e9;
    --ht-info-soft:     rgba(14, 165, 233, 0.1);

    /* ── Text Hierarchy ── */
    --ht-ink:           #0f172a;
    --ht-ink-secondary: #334155;
    --ht-ink-muted:     #64748b;
    --ht-ink-faint:     #94a3b8;

    /* ── Elevation System ── */
    --ht-shadow-xs:     0 1px 2px rgba(0, 0, 0, 0.03);
    --ht-shadow-sm:     0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
    --ht-shadow-md:     0 8px 24px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04);
    --ht-shadow-lg:     0 20px 40px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.04);

    /* ── Radius ── */
    --ht-radius-sm:     6px;
    --ht-radius:        10px;
    --ht-radius-lg:     14px;
    --ht-radius-xl:     20px;
    --ht-radius-2xl:    28px;

    /* ── Motion ── */
    --ht-ease:          cubic-bezier(0.22, 1, 0.36, 1);
    --ht-ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
    --ht-transition:    0.2s var(--ht-ease);

    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem 1.5rem;
    background: var(--ht-bg);
    min-height: 100%;
    font-family: "Inter", "Plus Jakarta Sans", -apple-system, sans-serif;
    animation: ht-slide-up-b-38xx8ijn2e 0.4s var(--ht-ease-out);
    position: relative;
}

.history[b-38xx8ijn2e]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 500px;
    background: radial-gradient(ellipse 100% 80% at 50% -20%, rgba(14, 165, 233, 0.1), transparent);
    pointer-events: none;
    z-index: 0;
}

@keyframes ht-slide-up-b-38xx8ijn2e {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-bs-theme="dark"] .history[b-38xx8ijn2e] {
    --ht-bg:            #0c1222;
    --ht-panel:         #111827;
    --ht-muted:         #1e293b;
    --ht-surface-glass: rgba(17, 24, 39, 0.9);
    --ht-border:        rgba(71, 85, 105, 0.4);
    --ht-border-strong: rgba(99, 102, 241, 0.5);
    --ht-accent:        #38bdf8;
    --ht-ink:           #f1f5f9;
    --ht-ink-secondary: #cbd5e1;
    --ht-ink-muted:     #94a3b8;
}

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

.history__hero[b-38xx8ijn2e] {
    background: linear-gradient(135deg, #0c1222 0%, #1e3a5f 45%, #0d9488 100%);
    border-radius: var(--ht-radius-xl);
    padding: 1.25rem 1.5rem 1.15rem;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.history__hero[b-38xx8ijn2e]::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -50px;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.2), transparent 70%);
    pointer-events: none;
}

.history__hero[b-38xx8ijn2e]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
}

.history__title[b-38xx8ijn2e] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    position: relative;
    z-index: 1;
}

.history__icon[b-38xx8ijn2e] {
    width: 50px;
    height: 50px;
    border-radius: var(--ht-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #7dd3fc;
    font-size: 1.25rem;
    flex-shrink: 0;
    backdrop-filter: blur(8px);
    transition: transform var(--ht-transition);
}

.history__title:hover .history__icon[b-38xx8ijn2e] {
    transform: scale(1.05);
}

.history__title h2[b-38xx8ijn2e] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.025em;
}

.history__title p[b-38xx8ijn2e] {
    margin: 0.2rem 0 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   FILTER ROW
   ════════════════════════════════════════════════════════════════════════════ */

.history__filters[b-38xx8ijn2e] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
    align-items: end;
    margin-top: 1rem;
    position: relative;
    z-index: 1;
}

.history__filter[b-38xx8ijn2e] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.history__filter label[b-38xx8ijn2e] {
    font-size: 0.58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255, 255, 255, 0.5);
}

.history__filter select[b-38xx8ijn2e],
.history__date[b-38xx8ijn2e] {
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    border-radius: var(--ht-radius);
    padding: 0.5rem 0.85rem;
    font-size: 0.8rem;
    color: #e0f2fe;
    outline: none;
    transition: all var(--ht-transition);
    backdrop-filter: blur(8px);
    height: 38px;
}

.history__filter select:focus[b-38xx8ijn2e],
.history__date:focus[b-38xx8ijn2e] {
    border-color: rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
}

.history__filter select option[b-38xx8ijn2e] {
    background: #1e3a5f;
    color: #e0f2fe;
}

.history__clear[b-38xx8ijn2e] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--ht-radius);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--ht-transition);
    backdrop-filter: blur(8px);
    height: 38px;
    align-self: flex-end;
}

.history__clear:hover[b-38xx8ijn2e] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.35);
    transform: translateY(-1px);
}

/* ════════════════════════════════════════════════════════════════════════════
   EMPTY STATE
   ════════════════════════════════════════════════════════════════════════════ */

.history__empty[b-38xx8ijn2e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4.5rem 1.5rem;
    background: var(--ht-panel);
    border: 2px dashed var(--ht-border-strong);
    border-radius: var(--ht-radius-xl);
    text-align: center;
    min-height: 220px;
    position: relative;
    z-index: 1;
}

.history__empty i[b-38xx8ijn2e] {
    font-size: 3rem;
    color: var(--ht-accent);
    opacity: 0.4;
    animation: ht-float-b-38xx8ijn2e 3.5s ease-in-out infinite;
}

@keyframes ht-float-b-38xx8ijn2e {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

.history__empty h4[b-38xx8ijn2e] {
    margin: 0;
    font-weight: 700;
    font-size: 1rem;
    color: var(--ht-ink);
}

.history__empty p[b-38xx8ijn2e] {
    margin: 0;
    color: var(--ht-ink-muted);
    font-size: 0.84rem;
}

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

.history__timeline[b-38xx8ijn2e] {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    z-index: 1;
}

.history__timeline[b-38xx8ijn2e]::before {
    content: '';
    position: absolute;
    left: 23px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--ht-accent), var(--ht-teal), var(--ht-border));
    z-index: 0;
    opacity: 0.6;
}

.history__item[b-38xx8ijn2e] {
    display: flex;
    gap: 1.1rem;
    padding: 0.4rem 0;
    position: relative;
    z-index: 1;
    animation: ht-item-enter-b-38xx8ijn2e 0.4s var(--ht-ease-out) both;
}

@keyframes ht-item-enter-b-38xx8ijn2e {
    from {
        opacity: 0;
        transform: translateX(-12px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ════════════════════════════════════════════════════════════════════════════
   TIMELINE DOT
   ════════════════════════════════════════════════════════════════════════════ */

.history__dot[b-38xx8ijn2e] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    flex-shrink: 0;
    margin-top: 0.65rem;
    position: relative;
    z-index: 2;
    transition: all var(--ht-transition);
    border: 2px solid transparent;
}

.history__dot--created[b-38xx8ijn2e] {
    background: var(--ht-accent-soft);
    color: var(--ht-accent);
    border-color: rgba(14, 165, 233, 0.3);
}

.history__dot--approved[b-38xx8ijn2e] {
    background: var(--ht-success-soft);
    color: var(--ht-success);
    border-color: rgba(16, 185, 129, 0.3);
}

.history__dot--rejected[b-38xx8ijn2e] {
    background: var(--ht-danger-soft);
    color: var(--ht-danger);
    border-color: rgba(239, 68, 68, 0.3);
}

.history__dot--updated[b-38xx8ijn2e] {
    background: var(--ht-warning-soft);
    color: var(--ht-warning);
    border-color: rgba(245, 158, 11, 0.3);
}

.history__dot--locked[b-38xx8ijn2e] {
    background: var(--ht-purple-soft);
    color: var(--ht-purple);
    border-color: rgba(139, 92, 246, 0.3);
}

.history__dot--comment[b-38xx8ijn2e] {
    background: var(--ht-info-soft);
    color: var(--ht-info);
    border-color: rgba(14, 165, 233, 0.3);
}

.history__dot--default[b-38xx8ijn2e] {
    background: var(--ht-muted);
    color: var(--ht-ink-faint);
    border-color: var(--ht-border);
}

/* ════════════════════════════════════════════════════════════════════════════
   TIMELINE CARD
   ════════════════════════════════════════════════════════════════════════════ */

.history__card[b-38xx8ijn2e] {
    flex: 1;
    background: var(--ht-panel);
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-lg);
    padding: 0.9rem 1.15rem;
    margin-bottom: 0.65rem;
    box-shadow: var(--ht-shadow-sm);
    transition: all var(--ht-transition);
}

.history__card:hover[b-38xx8ijn2e] {
    box-shadow: var(--ht-shadow-lg);
    border-color: var(--ht-border-strong);
    transform: translateX(4px);
}

.history__card-head[b-38xx8ijn2e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.5rem;
}

.history__who[b-38xx8ijn2e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.history__actor[b-38xx8ijn2e] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--ht-ink);
    letter-spacing: -0.02em;
}

.history__badge[b-38xx8ijn2e] {
    font-size: 0.62rem;
    font-weight: 800;
    padding: 0.15rem 0.5rem;
    border-radius: var(--ht-radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background: var(--ht-accent-soft);
    color: var(--ht-accent);
    border: 1px solid rgba(14, 165, 233, 0.25);
}

.history__time[b-38xx8ijn2e] {
    font-size: 0.7rem;
    color: var(--ht-ink-faint);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

.history__action[b-38xx8ijn2e] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--ht-ink-secondary);
    line-height: 1.45;
    margin-bottom: 0.25rem;
}

.history__detail[b-38xx8ijn2e] {
    font-size: 0.76rem;
    color: var(--ht-ink-muted);
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
    background: var(--ht-muted);
    border-radius: var(--ht-radius-sm);
    border-left: 3px solid var(--ht-border-strong);
    margin-top: 0.4rem;
}

.history__detail.muted[b-38xx8ijn2e] {
    color: var(--ht-ink-faint);
    font-style: italic;
    background: none;
    border-left: none;
    padding: 0;
    margin-top: 0.15rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   SUMMARY STRIP — overview KPIs
   ════════════════════════════════════════════════════════════════════════════ */

.history__summary[b-38xx8ijn2e] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    position: relative;
    z-index: 1;
}

.history__summary-card[b-38xx8ijn2e] {
    background: var(--ht-panel);
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-lg);
    padding: 0.95rem 1.1rem;
    box-shadow: var(--ht-shadow-sm);
    position: relative;
    overflow: hidden;
    transition: all var(--ht-transition);
}

.history__summary-card[b-38xx8ijn2e]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--ht-border);
}

.history__summary-card--accent-blue[b-38xx8ijn2e]::before  { background: linear-gradient(90deg, #0ea5e9, #38bdf8); }
.history__summary-card--accent-amber[b-38xx8ijn2e]::before { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.history__summary-card--accent-green[b-38xx8ijn2e]::before { background: linear-gradient(90deg, #10b981, #34d399); }

.history__summary-card:hover[b-38xx8ijn2e] {
    transform: translateY(-2px);
    box-shadow: var(--ht-shadow-md);
}

.history__summary-label[b-38xx8ijn2e] {
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ht-ink-faint);
    font-weight: 800;
}

.history__summary-value[b-38xx8ijn2e] {
    font-size: 1.55rem;
    font-weight: 900;
    color: var(--ht-ink);
    margin-top: 0.35rem;
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
}

.history__summary-sub[b-38xx8ijn2e] {
    font-size: 0.7rem;
    color: var(--ht-ink-muted);
    margin-top: 0.15rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   DAY MARKER — separates timeline by date
   ════════════════════════════════════════════════════════════════════════════ */

.history__day-marker[b-38xx8ijn2e] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.85rem 0 0.35rem 50px;
    padding: 0.3rem 0.75rem;
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--ht-ink-secondary);
    background: linear-gradient(135deg, #eff6ff, #ecfeff);
    border: 1px solid rgba(14, 165, 233, 0.25);
    border-radius: var(--ht-radius);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.history__day-marker:first-child[b-38xx8ijn2e] {
    margin-top: 0.25rem;
}

.history__day-marker i[b-38xx8ijn2e] { color: var(--ht-accent); }

.history__day-count[b-38xx8ijn2e] {
    font-size: 0.62rem;
    font-weight: 700;
    color: var(--ht-ink-muted);
    background: rgba(14, 165, 233, 0.08);
    padding: 0.1rem 0.45rem;
    border-radius: var(--ht-radius-sm);
    text-transform: none;
    letter-spacing: 0;
}

/* allow text input to look like select/date filter */
.history__filter input.history__date[b-38xx8ijn2e] {
    width: 100%;
}

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

@media (max-width: 900px) {
    .history__filters[b-38xx8ijn2e] {
        grid-template-columns: repeat(3, 1fr);
    }
    .history__summary[b-38xx8ijn2e] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .history[b-38xx8ijn2e] {
        padding: 1rem 0.9rem;
    }
    .history__filters[b-38xx8ijn2e] {
        grid-template-columns: 1fr 1fr;
    }
    .history__summary[b-38xx8ijn2e] {
        grid-template-columns: 1fr 1fr;
    }
    .history__timeline[b-38xx8ijn2e]::before {
        left: 19px;
    }
    .history__day-marker[b-38xx8ijn2e] {
        margin-left: 36px;
    }
}
/* /Presentation/Components/FinancialPlanning/Modern/DriverWorkspaceShell.razor.rz.scp.css */
/* Corporate V3 — Tam CSS dosyası. Mevcut driver.css yerine doğrudan kullanılabilir. */
/* ═══════════════════════════════════════════════════════════════
   DriverWorkspaceShell — Enterprise FP&A Driver Mapping Studio
   Design: Clean, modern, corporate. Oracle EPM inspired.
   ═══════════════════════════════════════════════════════════════ */

.dws[b-uz65yw3wuz] {
    --dws-bg: #f4f7fb;
    --dws-surface: #ffffff;
    --dws-surface-alt: #f8fafc;
    --dws-border: #dbe3ee;
    --dws-border-strong: #c7d4e3;
    --dws-text: #0f1b2d;
    --dws-text-soft: #4b5b70;
    --dws-text-muted: #74859b;
    --dws-brand: #1e5a8a;
    --dws-brand-strong: #14466d;
    --dws-brand-soft: #e8f1fb;
    --dws-success: #0f8a57;
    --dws-success-soft: #e9f8f1;
    --dws-warn: #b8791b;
    --dws-warn-soft: #fff7e8;
    --dws-danger: #bf2f43;
    --dws-danger-soft: #fbecef;
    --dws-purple: #6d28d9;
    --dws-purple-soft: #ede9fe;
    --dws-radius-sm: 8px;
    --dws-radius: 12px;
    --dws-radius-lg: 16px;
    --dws-shadow-xs: 0 1px 2px rgba(15,23,42,0.05);
    --dws-shadow-sm: 0 2px 6px rgba(15,23,42,0.07);
    --dws-shadow: 0 8px 20px rgba(15,23,42,0.09);
    --dws-trans: 0.16s ease;
}

/* ╔═════════════════════════════╗
   ║         SHELL               ║
   ╚═════════════════════════════╝ */
.dws[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: var(--dws-bg);
    color: var(--dws-text);
    font-family: "Segoe UI", "Inter", "Tahoma", "Arial", sans-serif;
    font-size: 13px;
}

/* Loading / empty helpers */
.dws__loading[b-uz65yw3wuz],
.dws__loading-inline[b-uz65yw3wuz],
.dws__empty[b-uz65yw3wuz],
.dws__empty-state[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    color: var(--dws-text-muted);
}

.dws__loading[b-uz65yw3wuz] { padding: 72px 16px; }

.dws__loading i[b-uz65yw3wuz],
.dws__loading-inline i[b-uz65yw3wuz] { color: var(--dws-brand); }

.dws__loading-inline[b-uz65yw3wuz] { padding: 36px 12px; flex-direction: row; }

.dws__empty[b-uz65yw3wuz],
.dws__empty-state[b-uz65yw3wuz] { padding: 64px 20px; text-align: center; }

.dws__empty i[b-uz65yw3wuz],
.dws__empty-state .dws__empty-icon[b-uz65yw3wuz] { font-size: 30px; opacity: 0.65; }

/* ╔══════════════════════════════
   ║       HEADER BAR             ║
   ╚══════════════════════════════ */
.dws__header-bar[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    position: relative;
    padding: 12px 20px;
    border-bottom: 1px solid var(--dws-border);
    background: #ffffff;
    box-shadow: 0 6px 16px -14px rgba(15, 23, 42, 0.4);
}

.dws__header-left[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 220px;
}

.dws__title[b-uz65yw3wuz] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0f172a;
}

.dws__title i[b-uz65yw3wuz] {
    color: #4f46e5;
    font-size: 0.95rem;
    background: #eef2ff;
    padding: 8px;
    border-radius: 8px;
}

.dws__scenario-label[b-uz65yw3wuz] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
}

.dws__header-actions[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dws__overflow-group[b-uz65yw3wuz] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

/* Progress bar at bottom of header when running */
.dws__exec-progress[b-uz65yw3wuz] {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 2px;
    overflow: hidden;
    background: #e2e8f0;
}

.dws__exec-progress-bar[b-uz65yw3wuz] {
    width: 30%;
    height: 100%;
    background: linear-gradient(90deg, #60a5fa, #a78bfa);
    animation: dws-loading-b-uz65yw3wuz 1.4s linear infinite;
}

@keyframes dws-loading-b-uz65yw3wuz {
    from { transform: translateX(-100%); }
    to   { transform: translateX(420%); }
}

/* ╔══════════════════════════════
   ║        BUTTONS               ║
   ╚══════════════════════════════ */
.dws__action-btn[b-uz65yw3wuz],
.dws__btn[b-uz65yw3wuz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    transition: all var(--dws-trans);
    white-space: nowrap;
}

.dws__action-btn[b-uz65yw3wuz] { padding: 7px 13px; }
.dws__btn[b-uz65yw3wuz] {
    border-color: var(--dws-border);
    background: var(--dws-surface);
    color: var(--dws-text-soft);
    padding: 7px 11px;
}

.dws__action-btn:hover:not(:disabled)[b-uz65yw3wuz] {
    background: #f0f7ff;
    border-color: var(--dws-brand);
    color: var(--dws-brand);
    transform: translateY(-1px);
}

.dws__btn:hover:not(:disabled)[b-uz65yw3wuz] {
    border-color: var(--dws-brand);
    color: var(--dws-brand);
    background: #f0f7ff;
}

.dws__action-btn:disabled[b-uz65yw3wuz],
.dws__btn:disabled[b-uz65yw3wuz] { opacity: 0.45; cursor: not-allowed; transform: none !important; }

.dws__action-btn--primary[b-uz65yw3wuz] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #ffffff;
    border-color: #2563eb;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
}

.dws__action-btn--primary:hover:not(:disabled)[b-uz65yw3wuz] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
    color: #fff;
    transform: translateY(-1px);
}

.dws__btn--primary[b-uz65yw3wuz] {
    color: #fff;
    border-color: var(--dws-brand);
    background: linear-gradient(135deg, #2a72ae 0%, var(--dws-brand) 100%);
    box-shadow: 0 2px 8px rgba(30,90,138,0.25);
}

.dws__btn--primary:hover:not(:disabled)[b-uz65yw3wuz] {
    background: linear-gradient(135deg, #236090 0%, var(--dws-brand-strong) 100%);
    box-shadow: 0 4px 14px rgba(30,90,138,0.35);
    border-color: var(--dws-brand-strong);
    color: #fff;
    transform: translateY(-1px);
}

.dws__btn--ghost[b-uz65yw3wuz] {
    background: transparent;
    border-color: transparent;
}

.dws__btn--ghost:hover:not(:disabled)[b-uz65yw3wuz] {
    background: #f0f5fa;
    border-color: var(--dws-border);
}

.dws__action-btn--menu[b-uz65yw3wuz],
.dws__btn--menu[b-uz65yw3wuz] {
    white-space: nowrap;
}

.dws__menu-panel[b-uz65yw3wuz] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 1000;
    min-width: 240px;
    padding: 8px;
    border: 1px solid var(--dws-border-strong);
    border-radius: 14px;
    background: #ffffff !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .18), 0 4px 10px rgba(15, 23, 42, .08);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dws__menu-panel--toolbar[b-uz65yw3wuz] {
    min-width: 260px;
}

.dws__menu-item[b-uz65yw3wuz] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 11px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--dws-text);
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: background var(--dws-trans), color var(--dws-trans), transform var(--dws-trans);
}

.dws__menu-item i[b-uz65yw3wuz] {
    width: 14px;
    text-align: center;
    color: var(--dws-text-muted);
    font-size: 11px;
}

.dws__menu-item:hover:not(:disabled)[b-uz65yw3wuz] {
    background: var(--dws-brand-soft);
    color: var(--dws-brand);
    transform: translateX(1px);
}

.dws__menu-item:hover:not(:disabled) i[b-uz65yw3wuz] {
    color: var(--dws-brand);
}

.dws__menu-item:disabled[b-uz65yw3wuz] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.dws__btn--secondary[b-uz65yw3wuz] {
    border-color: #afc8e2;
    color: #1f4b73;
    background: #eef5fd;
}

.dws__btn--danger[b-uz65yw3wuz] {
    color: #fff;
    border-color: #a62a3c;
    background: linear-gradient(135deg, #cf3f53 0%, var(--dws-danger) 100%);
}

.dws__btn--danger:hover:not(:disabled)[b-uz65yw3wuz] {
    background: #9f2a3b;
    border-color: #8e2232;
    color: #fff;
}

.dws__btn--sm[b-uz65yw3wuz] { padding: 5px 9px; font-size: 11px; }
.dws__btn--xs[b-uz65yw3wuz] { padding: 3px 7px; font-size: 10px; border-radius: 5px; }

/* ╔══════════════════════════════
   ║       STATS ROW              ║
   ╚══════════════════════════════ */
.dws__stats-row[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 20px;
    border-bottom: 1px solid var(--dws-border);
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    color: var(--dws-text-soft);
    font-size: 12px;
}

.dws__single-screen-note[b-uz65yw3wuz] {
    margin: 10px 20px 0;
    padding: 10px 12px;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    background: #eff6ff;
    color: #1e3a8a;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px;
    line-height: 1.45;
}

.dws__single-screen-note i[b-uz65yw3wuz] {
    margin-top: 2px;
    color: #2563eb;
}

.dws__stat strong[b-uz65yw3wuz] { color: var(--dws-text); font-weight: 700; }
.dws__stat--ok[b-uz65yw3wuz] { color: var(--dws-success); font-weight: 600; }
.dws__stat--warn[b-uz65yw3wuz] { color: var(--dws-warn); font-weight: 600; }
.dws__stat-sep[b-uz65yw3wuz] { color: #b4c0cf; }

/* ╔══════════════════════════════
   ║         ALERTS               ║
   ╚══════════════════════════════ */
.dws__alert[b-uz65yw3wuz] {
    margin: 10px 20px 0;
    padding: 10px 14px;
    border-radius: var(--dws-radius-sm);
    border: 1px solid transparent;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 12px;
    animation: dws-slide-in-b-uz65yw3wuz 0.2s ease;
}

@keyframes dws-slide-in-b-uz65yw3wuz {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.dws__alert > div[b-uz65yw3wuz] { display: flex; flex-direction: column; gap: 2px; flex: 1; }
.dws__alert strong[b-uz65yw3wuz] { font-size: 12px; }

.dws__alert-close[b-uz65yw3wuz] {
    margin-left: auto;
    border: 0; background: transparent; color: inherit; cursor: pointer; opacity: 0.6;
    transition: opacity var(--dws-trans);
}
.dws__alert-close:hover[b-uz65yw3wuz] { opacity: 1; }

.dws__alert--success[b-uz65yw3wuz] { background: var(--dws-success-soft); border-color: #bde4cf; color: #0d6c45; }
.dws__alert--warn[b-uz65yw3wuz]    { background: var(--dws-warn-soft);    border-color: #f0d6a7; color: #945f13; }
.dws__alert--error[b-uz65yw3wuz]   { background: var(--dws-danger-soft);  border-color: #efbdc6; color: #942637; }

/* ╔══════════════════════════════
   ║         TABS NAV             ║
   ╚══════════════════════════════ */
.dws__tabs[b-uz65yw3wuz] {
    display: flex;
    align-items: stretch;
    gap: 0;
    padding: 0 20px;
    border-bottom: 2px solid var(--dws-border);
    background: var(--dws-surface);
    overflow-x: auto;
    scrollbar-width: none;
}

.dws__tabs[b-uz65yw3wuz]::-webkit-scrollbar { display: none; }

.dws__tab[b-uz65yw3wuz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 16px;
    border: 0;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    background: transparent;
    color: var(--dws-text-soft);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: all var(--dws-trans);
}

.dws__tab:hover[b-uz65yw3wuz] { color: var(--dws-brand); background: var(--dws-brand-soft); }

.dws__tab--active[b-uz65yw3wuz] {
    color: var(--dws-brand);
    border-bottom-color: var(--dws-brand);
    background: #eef5ff;
}

.dws__tab-badge[b-uz65yw3wuz] {
    min-width: 20px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 10px;
    text-align: center;
    font-weight: 700;
    background: #e2ebf5;
    color: #36506b;
}

.dws__tab--active .dws__tab-badge[b-uz65yw3wuz] { background: #d4e5f8; color: var(--dws-brand); }

/* Driver preparation board */
.dws__driver-board[b-uz65yw3wuz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 12px 20px 0;
    padding: 0;
    background: #fff;
    border: 1px solid var(--dws-border);
    border-radius: 12px;
    overflow: hidden;
    border-bottom: 1px solid var(--dws-border);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.dws__driver-board article[b-uz65yw3wuz] {
    min-width: 0;
    padding: 11px 16px;
    border: 0;
    border-right: 1px solid #e5ebf2;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

.dws__driver-board article:last-child[b-uz65yw3wuz] { border-right: 0; }

.dws__driver-board span[b-uz65yw3wuz],
.dws__driver-board small[b-uz65yw3wuz] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dws__driver-board span[b-uz65yw3wuz] {
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.dws__driver-board strong[b-uz65yw3wuz] {
    display: block;
    margin-top: 5px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.1;
}

.dws__driver-board small[b-uz65yw3wuz] {
    margin-top: 6px;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
}

.dws__driver-board article.ok strong[b-uz65yw3wuz] { color: var(--dws-success); }
.dws__driver-board article.warn strong[b-uz65yw3wuz] { color: var(--dws-warn); }

.dws__draft-banner[b-uz65yw3wuz] {
    margin: 10px 20px 0;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #f5d28c;
    border-radius: 10px;
    background: #fff9eb;
    color: #7a4a08;
}

.dws__draft-banner > i[b-uz65yw3wuz] { color: #d97706; font-size: 14px; }
.dws__draft-banner > div[b-uz65yw3wuz] { min-width: 0; flex: 1; }
.dws__draft-banner strong[b-uz65yw3wuz] { display: block; font-size: 12px; }
.dws__draft-banner span[b-uz65yw3wuz] { display: block; margin-top: 2px; color: #8a5b19; font-size: 11px; }

/* ╔══════════════════════════════
   ║       MAPPING BODY           ║
   ╚══════════════════════════════ */
.dws__mapping[b-uz65yw3wuz] {
    display: grid;
    grid-template-columns: 244px minmax(0, 1fr);
    grid-auto-flow: row;
    align-items: start;
    column-gap: 12px;
    min-height: 0;
    flex: 1;
    padding: 12px 20px 20px;
    background: #f4f7fb;
}

/* Department filter pills */
.dws__dept-selector[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    grid-column: 1;
    grid-row: 1 / span 20;
    position: sticky;
    top: 12px;
    max-height: calc(100vh - 250px);
    margin: 0;
    padding: 14px 12px;
    border: 1px solid var(--dws-border);
    border-radius: 12px;
    background: var(--dws-surface);
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.dws__dept-label[b-uz65yw3wuz] {
    padding: 0 4px 10px;
    border-bottom: 1px solid #e7edf4;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--dws-text-muted);
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

.dws__dept-pills[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    overflow-y: auto;
    padding: 0 3px 4px 0;
    scrollbar-width: thin;
}

.dws__dept-pills[b-uz65yw3wuz]::-webkit-scrollbar { display: none; }

.dws__dept-pill[b-uz65yw3wuz] {
    border: 1px solid #d5e3f2;
    border-radius: 9px;
    background: #f9fbfe;
    color: #2d4967;
    font-size: 11px;
    font-weight: 600;
    min-height: 38px;
    padding: 8px 9px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    cursor: pointer;
    transition: all var(--dws-trans);
    flex-shrink: 0;
    text-align: left;
}

.dws__dept-pill > span:not(.dws__dept-pill-count):not(.dws__dept-pill-unmapped)[b-uz65yw3wuz] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dws__dept-pill-count[b-uz65yw3wuz] { margin-left: auto; }

.dws__dept-pill:hover[b-uz65yw3wuz] { border-color: #94bbd8; background: #ecf4ff; }

.dws__dept-pill--active[b-uz65yw3wuz] {
    border-color: var(--dws-brand);
    background: var(--dws-brand-soft);
    color: var(--dws-brand-strong);
    box-shadow: inset 3px 0 0 var(--dws-brand), 0 2px 6px rgba(30,90,138,0.10);
}

.dws__dept-pill-count[b-uz65yw3wuz],
.dws__dept-pill-unmapped[b-uz65yw3wuz],
.dws__group-count[b-uz65yw3wuz],
.dws__group-progress[b-uz65yw3wuz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    min-width: 18px;
    height: 16px;
    padding: 0 5px;
}

.dws__dept-pill-count[b-uz65yw3wuz],
.dws__group-count[b-uz65yw3wuz] { background: #dfe9f5; color: #355270; }
.dws__dept-pill-unmapped[b-uz65yw3wuz] { background: #fde8bf; color: #8f5e13; }
.dws__group-progress[b-uz65yw3wuz] { background: #d6f3e5; color: #0c7a4b; }

/* ╔══════════════════════════════
   ║       TOOLBAR                ║
   ╚══════════════════════════════ */
.dws__mapping-toolbar[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-column: 2;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--dws-border);
    border-radius: 12px;
    background: #ffffff;
    position: relative;
    z-index: 8;
    box-shadow: 0 2px 8px rgba(15,23,42,0.05);
}

.dws__toolbar-row-top[b-uz65yw3wuz],
.dws__toolbar-row-bottom[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dws__search[b-uz65yw3wuz] {
    position: relative;
    min-width: 220px;
    flex: 1;
    max-width: 340px;
}

.dws__search > i[b-uz65yw3wuz] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    color: var(--dws-text-muted);
    pointer-events: none;
}

.dws__search input[b-uz65yw3wuz],
.dws__input[b-uz65yw3wuz],
.dws__select[b-uz65yw3wuz],
.dws__textarea[b-uz65yw3wuz] {
    width: 100%;
    border: 1px solid var(--dws-border-strong);
    border-radius: 7px;
    background: #fff;
    color: var(--dws-text);
    font-size: 11.5px;
    transition: all var(--dws-trans);
}

.dws__search input[b-uz65yw3wuz] { padding: 7px 28px 7px 30px; }
.dws__input[b-uz65yw3wuz] { padding: 6px 8px; }
.dws__select[b-uz65yw3wuz] { padding: 6px 8px; }
.dws__textarea[b-uz65yw3wuz] { padding: 8px 10px; }

.dws__search input:focus[b-uz65yw3wuz],
.dws__input:focus[b-uz65yw3wuz],
.dws__select:focus[b-uz65yw3wuz],
.dws__textarea:focus[b-uz65yw3wuz] {
    outline: none;
    border-color: #90abc3;
    box-shadow: 0 0 0 3px rgba(30,90,138,0.10);
}

.dws__search button[b-uz65yw3wuz] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: var(--dws-text-muted);
    cursor: pointer;
    font-size: 10px;
    transition: color var(--dws-trans);
}

.dws__search button:hover[b-uz65yw3wuz] { color: var(--dws-danger); }

.dws__input--num[b-uz65yw3wuz] { width: 82px; text-align: right; }
.dws__input--pri[b-uz65yw3wuz] { width: 62px; text-align: center; font-weight: 700; }
.dws__select--sm[b-uz65yw3wuz] { padding: 4px 6px; font-size: 11px; }
.dws__select--active[b-uz65yw3wuz] { border-color: #a8bdd1; background: #f5f8fc; }

/* Filter chips */
.dws__filter-chips[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.dws__chip[b-uz65yw3wuz] {
    border: 1px solid #d8e4f1;
    border-radius: 999px;
    background: #f7fbff;
    color: #325275;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all var(--dws-trans);
}

.dws__chip:hover[b-uz65yw3wuz],
.dws__chip.active[b-uz65yw3wuz] {
    background: var(--dws-brand-soft);
    border-color: #8bb8d9;
    color: var(--dws-brand-strong);
    box-shadow: 0 1px 4px rgba(30,90,138,0.12);
}

.dws__group-filter[b-uz65yw3wuz] { margin-left: auto; min-width: 150px; }

/* ╔══════════════════════════════
   ║    DRIVER MAPPING GRID       ║
   ╚══════════════════════════════ */
.dws__grid-wrapper[b-uz65yw3wuz] {
    grid-column: 2;
    margin: 10px 0 0;
    border: 1px solid var(--dws-border);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.dws__mapping > .dws__loading-inline[b-uz65yw3wuz],
.dws__mapping > .dws__empty-state[b-uz65yw3wuz],
.dws__mapping > .dws__quickstart[b-uz65yw3wuz],
.dws__mapping > .dws__bulk-panel[b-uz65yw3wuz] {
    grid-column: 2;
}

.dws__filter-empty[b-uz65yw3wuz] {
    grid-column: 2;
    min-height: 150px;
    margin-top: 10px;
    padding: 26px;
    border: 1px dashed #b9c9da;
    border-radius: 12px;
    background: #fff;
    color: #526579;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.dws__filter-empty > i[b-uz65yw3wuz] {
    color: #7890a9;
    font-size: 24px;
}

.dws__filter-empty > div[b-uz65yw3wuz] {
    display: flex;
    flex: 1;
    max-width: 520px;
    flex-direction: column;
    gap: 4px;
}

.dws__filter-empty strong[b-uz65yw3wuz] { color: #23384d; font-size: 13px; }
.dws__filter-empty span[b-uz65yw3wuz] { font-size: 11.5px; }

.dws__bulk-panel[b-uz65yw3wuz] {
    margin-top: 10px;
    padding: 14px;
    border: 1px solid #b9d1e8;
    border-radius: 12px;
    background: #f8fbff;
    box-shadow: 0 5px 16px rgba(30, 90, 138, .08);
}

.dws__bulk-header[b-uz65yw3wuz] { margin-bottom: 12px; color: #173f65; font-size: 12px; }
.dws__bulk-header small[b-uz65yw3wuz] { display: block; margin-top: 4px; color: #61758a; font-weight: 500; }
.dws__bulk-fields[b-uz65yw3wuz] { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; }
.dws__bulk-field[b-uz65yw3wuz] { min-width: 150px; display: flex; flex-direction: column; gap: 5px; }
.dws__bulk-field label[b-uz65yw3wuz] { color: #586d82; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.dws__bulk-actions[b-uz65yw3wuz] { display: flex; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #d9e6f2; }

@media (max-width: 1100px) {
    .dws__mapping[b-uz65yw3wuz] { grid-template-columns: 1fr; }
    .dws__dept-selector[b-uz65yw3wuz] {
        grid-column: 1;
        grid-row: auto;
        position: static;
        max-height: none;
    }
    .dws__dept-pills[b-uz65yw3wuz] { flex-direction: row; overflow-x: auto; }
    .dws__dept-pill[b-uz65yw3wuz] { min-width: max-content; }
    .dws__mapping-toolbar[b-uz65yw3wuz],
    .dws__grid-wrapper[b-uz65yw3wuz],
    .dws__filter-empty[b-uz65yw3wuz],
    .dws__mapping > .dws__loading-inline[b-uz65yw3wuz],
    .dws__mapping > .dws__empty-state[b-uz65yw3wuz],
    .dws__mapping > .dws__quickstart[b-uz65yw3wuz],
    .dws__mapping > .dws__bulk-panel[b-uz65yw3wuz] { grid-column: 1; margin-top: 10px; }
}

.dws__mapping-treegrid[b-uz65yw3wuz] {
    min-height: 520px;
}

/* Override Syncfusion grid styles */
.dws__grid-wrapper[b-uz65yw3wuz]  .e-treegrid,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-grid {
    border: 0;
    font-family: "Segoe UI", "Inter", "Tahoma", sans-serif;
    font-size: 12px;
    color: var(--dws-text);
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-gridheader {
    border-bottom: 1px solid var(--dws-border);
    background: linear-gradient(180deg, #fbfcfe 0%, #f5f8fc 100%);
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-headercell {
    background: #f8fafc;
    color: #42566d;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-right: 1px solid #e5edf5;
    padding: 9px 10px;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-rowcell {
    border-right: 1px solid #edf2f7;
    border-bottom: 1px solid #edf2f7;
    font-size: 12.5px;
    color: #1d2b3a;
    vertical-align: middle;
    padding: 8px 10px;
    line-height: 1.4;
    transition: background 0.12s ease;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row:hover .e-rowcell {
    background: #eaf3fb !important;
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.18);
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-altrow .e-rowcell {
    background: #fbfcfe;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-treecell {
    font-weight: 600;
    color: #172231;
}

/* ═══════════ ROW STATE COLORING — improved for user-friendliness ═══════════ */

/* Hierarchy: department > subgroup > driver row */
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-group .e-rowcell {
    background: #f6f8fb;
    font-weight: 700;
    color: #24364a;
    border-bottom: 1px solid #d8e1eb;
    padding-top: 9px;
    padding-bottom: 9px;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-group .e-rowcell:first-child {
    border-left: 4px solid #8ca0b5;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-department .e-rowcell {
    background: linear-gradient(90deg, #e7eef7 0%, #f1f5f9 100%) !important;
    color: #142c45;
    border-top: 1px solid #b9c8d8;
    border-bottom: 1px solid #b9c8d8;
    font-size: 12.5px;
    font-weight: 850;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-department .e-rowcell:first-child {
    border-left-color: #275c8c;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-subgroup .e-rowcell {
    background: linear-gradient(90deg, #eaf1f8 0%, #f3f7fb 100%) !important;
    color: #20364d;
    border-top: 1px solid #d0dce8;
    border-bottom: 1px solid #d0dce8;
    font-weight: 750;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-subgroup .e-rowcell:first-child {
    border-left-color: #5d7f9f;
}

/* ╔══════════════════════════════
   ║       MODAL DIALOGS          ║
   ╚══════════════════════════════ */
.dws__modal-backdrop[b-uz65yw3wuz] {
    --dws-surface: #ffffff;
    --dws-surface-alt: #f8fafc;
    --dws-border: #dbe3ee;
    --dws-border-strong: #c7d4e3;
    --dws-text: #0f1b2d;
    --dws-text-soft: #4b5b70;
    --dws-brand: #1e5a8a;
    --dws-brand-strong: #14466d;
    --dws-danger: #bf2f43;
    --dws-danger-soft: #fbecef;
    --dws-radius: 12px;
    --dws-radius-lg: 16px;
    --dws-shadow: 0 24px 64px rgba(15, 27, 45, 0.28);
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: grid;
    place-items: center;
    padding: 24px;
    overflow: auto;
    background: rgba(10, 24, 40, 0.54);
    backdrop-filter: blur(3px);
    animation: dws-modal-backdrop-in-b-uz65yw3wuz 140ms ease-out;
}

.dws__modal[b-uz65yw3wuz] {
    width: min(760px, calc(100vw - 32px));
    max-height: min(86vh, 900px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--dws-text);
    background: var(--dws-surface);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: var(--dws-radius-lg);
    box-shadow: var(--dws-shadow);
    animation: dws-modal-card-in-b-uz65yw3wuz 170ms cubic-bezier(.2, .8, .2, 1);
}

.dws__modal--sm[b-uz65yw3wuz] {
    width: min(520px, calc(100vw - 32px));
}

.dws__modal-header[b-uz65yw3wuz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
    border-bottom: 1px solid var(--dws-border);
}

.dws__modal-header h3[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--dws-text);
    font-size: 17px;
    font-weight: 750;
}

.dws__modal-header h3 i[b-uz65yw3wuz] {
    color: var(--dws-brand);
}

.dws__modal-sub[b-uz65yw3wuz] {
    margin: 7px 0 0;
    color: var(--dws-text-soft);
    font-size: 12px;
}

.dws__modal-close[b-uz65yw3wuz] {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    color: #64748b;
    background: #ffffff;
    border: 1px solid var(--dws-border);
    border-radius: 9px;
    cursor: pointer;
    transition: 150ms ease;
}

.dws__modal-close:hover[b-uz65yw3wuz] {
    color: var(--dws-danger);
    background: var(--dws-danger-soft);
    border-color: #e7a9b3;
}

.dws__modal-body[b-uz65yw3wuz] {
    padding: 22px;
    overflow: auto;
    color: var(--dws-text-soft);
    line-height: 1.55;
}

.dws__modal-body > p:first-child[b-uz65yw3wuz] {
    margin-top: 0;
}

.dws__modal-body > p:last-child[b-uz65yw3wuz] {
    margin-bottom: 0;
}

.dws__warn-text[b-uz65yw3wuz] {
    padding: 12px 14px;
    color: #8a3a15;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-left: 4px solid #f59e0b;
    border-radius: 9px;
    font-size: 12px;
}

.dws__modal-footer[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    padding: 14px 22px 18px;
    background: var(--dws-surface-alt);
    border-top: 1px solid var(--dws-border);
}

@keyframes dws-modal-backdrop-in-b-uz65yw3wuz {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes dws-modal-card-in-b-uz65yw3wuz {
    from { opacity: 0; transform: translateY(12px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 640px) {
    .dws__modal-backdrop[b-uz65yw3wuz] { padding: 12px; place-items: end center; }
    .dws__modal[b-uz65yw3wuz],
    .dws__modal--sm[b-uz65yw3wuz] { width: 100%; max-height: 92vh; border-radius: 14px; }
    .dws__modal-header[b-uz65yw3wuz],
    .dws__modal-body[b-uz65yw3wuz] { padding: 17px; }
    .dws__modal-footer[b-uz65yw3wuz] { padding: 12px 17px 16px; }
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-group .dws__line-meta {
    max-height: 0;
    margin: 0 !important;
    opacity: 0;
    overflow: hidden;
    transition: max-height .15s ease, opacity .15s ease, margin .15s ease;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-group:hover .dws__line-meta {
    max-height: 28px;
    margin-top: 4px !important;
    opacity: 1;
}

/* Mapped (driver assigned) — soft green tint across the row + green accent border */
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-mapped .e-rowcell {
    background: rgba(16, 185, 129, 0.04);
}
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-mapped.e-altrow .e-rowcell {
    background: rgba(16, 185, 129, 0.07);
}
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-mapped .e-rowcell:first-child {
    border-left: 4px solid #10b981;
}

/* Unmapped (needs attention) — soft amber tint + amber accent border */
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-unmapped .e-rowcell {
    background: rgba(245, 158, 11, 0.05);
}
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-unmapped.e-altrow .e-rowcell {
    background: rgba(245, 158, 11, 0.09);
}
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-unmapped .e-rowcell:first-child {
    border-left: 4px solid #f59e0b;
}

/* Dirty (unsaved edits) — strong blue accent overrides any other border */
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-dirty .e-rowcell {
    background: rgba(59, 130, 246, 0.06) !important;
}
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-dirty .e-rowcell:first-child {
    border-left: 4px solid #3b82f6 !important;
    box-shadow: inset 2px 0 0 rgba(59, 130, 246, 0.35);
}

/* Frozen-look on first column (visual separator like Department Budget Tab) */
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row .e-rowcell:first-child,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-headercell:first-child {
    box-shadow: 1px 0 0 rgba(148, 163, 184, 0.2);
}

/* ╔══════════════════════════════
   ║       CELL CONTENT           ║
   ╚══════════════════════════════ */
.dws__code-badge[b-uz65yw3wuz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 7px;
    border-radius: 6px;
    border: 1px solid #dbe4ee;
    background: #f8fafc;
    color: #41566d;
    font-family: Consolas, "Courier New", monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.dws__line-name[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    font-weight: 600;
    font-size: 12.5px;
    line-height: 1.35;
    color: #172231;
}

.dws__line-main[b-uz65yw3wuz] {
    color: #0f172a;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.dws__line-context[b-uz65yw3wuz] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 5px;
}

.dws__line-context span[b-uz65yw3wuz] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 2px 6px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.dws__line-context span:last-child[b-uz65yw3wuz] {
    border-color: #dbeafe;
    background: #eff6ff;
    color: #1d4ed8;
}

.dws__line-meta[b-uz65yw3wuz] {
    margin-top: 4px;
    font-size: 10.5px;
    color: #66788f;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.35;
}

.dws__line-driver-name[b-uz65yw3wuz] { color: var(--dws-brand); font-weight: 600; }
.dws__line-exec[b-uz65yw3wuz] { color: #6e7f93; }
.dws__line-val[b-uz65yw3wuz] { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }

.dws__group-icon[b-uz65yw3wuz] {
    color: #44607f;
    opacity: 0.9;
}

.dws__group-kind[b-uz65yw3wuz] {
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    border: 1px solid #d6e0ea;
    border-radius: 999px;
    background: rgba(255,255,255,.62);
    color: #64748b;
    font-size: 8.5px;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf .e-rowcell {
    min-height: 56px;
    background-clip: padding-box;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf .e-treecell {
    padding-left: 6px;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf .dws__select,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf .dws__input {
    min-height: 32px;
    border-color: #cbd7e4;
    background: #fff;
}

/* Row state badges */
.dws__row-state-badge[b-uz65yw3wuz] {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 999px;
    white-space: nowrap;
    border: 1px solid transparent;
    letter-spacing: 0.02em;
}

.dws__row-state--mapped[b-uz65yw3wuz]   { color: #0f6b45; background: #eaf6ef; border-color: #cce8d9; }
.dws__row-state--unmapped[b-uz65yw3wuz] { color: #8a5b18; background: #faf1e2; border-color: #f2d8ae; }
.dws__row-state--dirty[b-uz65yw3wuz]    { color: #275b89; background: #eaf1fb; border-color: #c7d9ec; }

/* Group progress indicators */
.dws__group-count[b-uz65yw3wuz], .dws__group-progress[b-uz65yw3wuz] {
    font-size: 9px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 999px;
}

.dws__group-count[b-uz65yw3wuz] { background: #e6edf4; color: #41566d; }
.dws__group-progress[b-uz65yw3wuz] { background: #e8f3ee; color: #0f6b45; }

/* ╔══════════════════════════════
   ║   METRIC PICKER & CONTROLS  ║
   ╚══════════════════════════════ */
.dws__metric-picker[b-uz65yw3wuz],
.dws__dist-cell[b-uz65yw3wuz],
.dws__settings-cell[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dws__settings-cell[b-uz65yw3wuz] { justify-content: center; }

/* Toggle switch */
.dws__toggle[b-uz65yw3wuz] {
    position: relative;
    width: 34px;
    height: 19px;
    display: inline-block;
    flex-shrink: 0;
}

.dws__toggle input[b-uz65yw3wuz] { opacity: 0; width: 0; height: 0; }

.dws__toggle-slider[b-uz65yw3wuz] {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: #b0c2d6;
    transition: all var(--dws-trans);
    cursor: pointer;
}

.dws__toggle-slider[b-uz65yw3wuz]::before {
    content: "";
    position: absolute;
    left: 2px; top: 2px;
    width: 15px; height: 15px;
    border-radius: 50%;
    background: #fff;
    transition: all var(--dws-trans);
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.dws__toggle input:checked + .dws__toggle-slider[b-uz65yw3wuz] { background: var(--dws-brand); }
.dws__toggle input:checked + .dws__toggle-slider[b-uz65yw3wuz]::before { transform: translateX(15px); }

/* Row action buttons */
.dws__row-actions[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.dws__row-btn[b-uz65yw3wuz] {
    width: 28px;
    height: 28px;
    border: 1px solid #d2dde9;
    background: #f6faff;
    color: #4a637a;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--dws-trans);
    font-size: 11px;
}

.dws__row-btn:hover:not(:disabled)[b-uz65yw3wuz] {
    border-color: #8cb4d4;
    background: var(--dws-brand-soft);
    color: var(--dws-brand);
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(30,90,138,0.15);
}

.dws__row-btn--run:hover:not(:disabled)[b-uz65yw3wuz]  { border-color: #2a9d68; background: #e8fcf2; color: #0d7a4c; }
.dws__row-btn--test:hover:not(:disabled)[b-uz65yw3wuz] { border-color: #7b55c6; background: #f3eeff; color: #5b3db5; }
.dws__row-btn--del:hover:not(:disabled)[b-uz65yw3wuz]  { border-color: #bf2f43; background: #fdeaed; color: #9e2235; }
.dws__row-btn:disabled[b-uz65yw3wuz] { opacity: 0.4; cursor: not-allowed; }

/* Dry-run result inline */
.dws__dryrun[b-uz65yw3wuz] {
    padding: 7px 10px;
    border: 1px solid #d9c4f5;
    border-left: 3px solid #8d62da;
    border-radius: 8px;
    background: #f8f2ff;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    animation: dws-slide-in-b-uz65yw3wuz 0.2s ease;
}

.dws__dryrun-content[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 11px;
    flex: 1;
}

.dws__dryrun-warnings[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 86px;
    overflow: auto;
}

.dws__dryrun-close[b-uz65yw3wuz] {
    border: 0; background: transparent; color: #8d62da; cursor: pointer; opacity: 0.7;
}
.dws__dryrun-close:hover[b-uz65yw3wuz] { opacity: 1; }

/* ╔══════════════════════════════
   ║     QUICK START BANNER       ║
   ╚══════════════════════════════ */
.dws__quickstart[b-uz65yw3wuz] {
    margin: 14px 20px;
    padding: 16px 20px;
    border: 1px solid #c6d9ee;
    border-radius: var(--dws-radius);
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f2ff 100%);
    box-shadow: 0 4px 12px rgba(30,90,138,0.06);
}

.dws__quickstart--compact[b-uz65yw3wuz] { padding: 12px 16px; }

.dws__quickstart-header[b-uz65yw3wuz] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.dws__quickstart-header i[b-uz65yw3wuz] { color: var(--dws-brand); font-size: 18px; margin-top: 2px; }

.dws__quickstart-header h4[b-uz65yw3wuz] {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: var(--dws-text);
}

.dws__quickstart-header p[b-uz65yw3wuz] {
    margin: 0;
    font-size: 12px;
    color: var(--dws-text-soft);
}

.dws__quickstart-actions[b-uz65yw3wuz] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* ╔══════════════════════════════
   ║    TIMELINE & INSIGHTS       ║
   ╚══════════════════════════════ */
.dws__timeline-wrapper[b-uz65yw3wuz],
.dws__insights-wrapper[b-uz65yw3wuz] {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.dws__timeline-header[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 0 2px;
}

.dws__timeline-header h3[b-uz65yw3wuz] {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--dws-text);
}

.dws__timeline-header h3 i[b-uz65yw3wuz] {
    color: var(--dws-brand);
}

.dws__kpi-grid[b-uz65yw3wuz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.dws__kpi-card[b-uz65yw3wuz] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--dws-border);
    border-radius: var(--dws-radius);
    background: var(--dws-surface);
    box-shadow: var(--dws-shadow-xs);
    transition: all var(--dws-trans);
}

.dws__kpi-card:hover[b-uz65yw3wuz] {
    border-color: var(--dws-border-strong);
    box-shadow: var(--dws-shadow-sm);
    transform: translateY(-1px);
}

.dws__kpi-icon[b-uz65yw3wuz] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
}

.dws__kpi-body[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.dws__kpi-label[b-uz65yw3wuz] {
    font-size: 11px;
    font-weight: 700;
    color: var(--dws-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dws__kpi-value[b-uz65yw3wuz] {
    font-size: 18px;
    font-weight: 800;
    color: var(--dws-text);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.dws__insight-section[b-uz65yw3wuz] {
    padding: 16px 18px;
    border: 1px solid var(--dws-border);
    border-radius: var(--dws-radius);
    background: var(--dws-surface);
    box-shadow: var(--dws-shadow-xs);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dws__insight-section--warn[b-uz65yw3wuz] {
    border-color: #efcda2;
    background: linear-gradient(180deg, #fffaf1 0%, #fffdf7 100%);
}

.dws__insight-title[b-uz65yw3wuz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--dws-text);
}

.dws__insight-title i[b-uz65yw3wuz] {
    color: var(--dws-brand);
}

.dws__insight-section--warn .dws__insight-title i[b-uz65yw3wuz] {
    color: var(--dws-warn);
}

.dws__type-dist[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dws__type-bar[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dws__type-bar-label[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--dws-text-soft);
}

.dws__type-bar-track[b-uz65yw3wuz] {
    height: 8px;
    border-radius: 999px;
    background: #edf3f8;
    overflow: hidden;
}

.dws__type-bar-fill[b-uz65yw3wuz] {
    height: 100%;
    border-radius: inherit;
    transition: width var(--dws-trans);
}

.dws__type-bar-pct[b-uz65yw3wuz] {
    align-self: flex-end;
    font-size: 11px;
    font-weight: 700;
    color: var(--dws-text-muted);
}

.dws__sensitivity-picker[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.dws__sensitivity-picker label[b-uz65yw3wuz] {
    font-size: 12px;
    font-weight: 600;
    color: var(--dws-text-soft);
}

.dws__sensitivity-picker .dws__select[b-uz65yw3wuz] {
    min-width: 260px;
    max-width: 100%;
    flex: 1;
}

.dws__sensitivity-table[b-uz65yw3wuz] {
    overflow: auto;
    border: 1px solid var(--dws-border);
    border-radius: var(--dws-radius-sm);
    background: var(--dws-surface);
}

.dws__sensitivity-table table[b-uz65yw3wuz] {
    width: 100%;
    border-collapse: collapse;
}

.dws__sensitivity-table th[b-uz65yw3wuz],
.dws__sensitivity-table td[b-uz65yw3wuz] {
    padding: 10px 12px;
    border-bottom: 1px solid #edf2f7;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
}

.dws__sensitivity-table thead th[b-uz65yw3wuz] {
    background: #f8fafc;
    color: #4b5b70;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.dws__sensitivity-table tbody tr:hover td[b-uz65yw3wuz] {
    background: #f8fbff;
}

.dws__sensitivity-table th:nth-child(2)[b-uz65yw3wuz],
.dws__sensitivity-table td:nth-child(2)[b-uz65yw3wuz] {
    text-align: right;
}

.dws__pos[b-uz65yw3wuz] { color: var(--dws-success); font-weight: 600; }
.dws__neg[b-uz65yw3wuz] { color: var(--dws-danger); font-weight: 600; }

.dws__unmapped-list[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dws__unmapped-item[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #f0d7a6;
    border-radius: 10px;
    background: #fffaf1;
}

.dws__unmapped-item > span:nth-child(2)[b-uz65yw3wuz] {
    flex: 1;
    color: var(--dws-text);
}

.dws__unmapped-more[b-uz65yw3wuz] {
    color: #8b6b2c;
    font-size: 11px;
    padding-left: 2px;
}

.dws__empty--sm[b-uz65yw3wuz] {
    padding: 32px 18px;
    border: 1px dashed var(--dws-border-strong);
    background: var(--dws-surface-alt);
}

.dws__timeline-item[b-uz65yw3wuz] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid var(--dws-border);
    border-radius: var(--dws-radius-sm);
    background: var(--dws-surface);
    transition: all var(--dws-trans);
}

.dws__timeline-item:hover[b-uz65yw3wuz] { box-shadow: var(--dws-shadow-sm); }

.dws__timeline-icon[b-uz65yw3wuz] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
}

.dws__timeline-item--success .dws__timeline-icon[b-uz65yw3wuz] { background: var(--dws-success-soft); color: var(--dws-success); }
.dws__timeline-item--error   .dws__timeline-icon[b-uz65yw3wuz] { background: var(--dws-danger-soft);  color: var(--dws-danger); }
.dws__timeline-item--warn    .dws__timeline-icon[b-uz65yw3wuz] { background: var(--dws-warn-soft);    color: var(--dws-warn); }

.dws__timeline-content[b-uz65yw3wuz] { flex: 1; }

.dws__timeline-time[b-uz65yw3wuz] {
    font-size: 11px;
    font-weight: 700;
    color: var(--dws-text-soft);
    margin-bottom: 2px;
    display: block;
}

.dws__timeline-msg[b-uz65yw3wuz] {
    font-size: 12px;
    color: var(--dws-text);
    margin: 0;
}

.dws__timeline-rows[b-uz65yw3wuz] {
    display: inline-block;
    margin-top: 4px;
    font-size: 10px;
    font-weight: 700;
    background: var(--dws-brand-soft);
    color: var(--dws-brand);
    padding: 2px 7px;
    border-radius: 999px;
}

/* Insight cards */
.dws__insight-card[b-uz65yw3wuz] {
    border: 1px solid var(--dws-border);
    border-radius: var(--dws-radius);
    background: var(--dws-surface);
    padding: 14px 16px;
    box-shadow: var(--dws-shadow-xs);
    display: flex;
    gap: 12px;
    align-items: flex-start;
    transition: all var(--dws-trans);
}

.dws__insight-card:hover[b-uz65yw3wuz] { box-shadow: var(--dws-shadow-sm); border-color: var(--dws-border-strong); }

.dws__insight-icon[b-uz65yw3wuz] {
    width: 36px; height: 36px;
    border-radius: 10px;
    background: var(--dws-brand-soft);
    color: var(--dws-brand);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.dws__insight-body h5[b-uz65yw3wuz] { margin: 0 0 4px; font-size: 13px; font-weight: 700; color: var(--dws-text); }
.dws__insight-body p[b-uz65yw3wuz]  { margin: 0; font-size: 12px; color: var(--dws-text-soft); }

/* ╔══════════════════════════════
   ║       PACKAGE DIALOG         ║
   ╚══════════════════════════════ */
.dws__pkg-grid[b-uz65yw3wuz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px,1fr));
    gap: 12px;
    padding: 4px 0;
}

.dws__pkg-card[b-uz65yw3wuz] {
    border: 1px solid var(--dws-border);
    border-radius: var(--dws-radius);
    background: var(--dws-surface);
    padding: 14px 16px;
    cursor: pointer;
    transition: all var(--dws-trans);
}

.dws__pkg-card:hover[b-uz65yw3wuz] {
    border-color: var(--dws-brand);
    background: var(--dws-brand-soft);
    box-shadow: var(--dws-shadow-sm);
    transform: translateY(-2px);
}

.dws__pkg-card h5[b-uz65yw3wuz] { margin: 0 0 5px; font-size: 13px; font-weight: 700; color: var(--dws-text); }
.dws__pkg-card p[b-uz65yw3wuz]  { margin: 0; font-size: 11px; color: var(--dws-text-soft); }

/* ╔══════════════════════════════
   ║     MISC UTILITY             ║
   ╚══════════════════════════════ */
.dws__divider[b-uz65yw3wuz] {
    height: 1px;
    background: var(--dws-border);
    margin: 8px 0;
}

.dws__badge[b-uz65yw3wuz] {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}

.dws__badge--success[b-uz65yw3wuz]  { background: var(--dws-success-soft); color: var(--dws-success); }
.dws__badge--warn[b-uz65yw3wuz]     { background: var(--dws-warn-soft);    color: var(--dws-warn); }
.dws__badge--danger[b-uz65yw3wuz]   { background: var(--dws-danger-soft);  color: var(--dws-danger); }
.dws__badge--info[b-uz65yw3wuz]     { background: var(--dws-brand-soft);   color: var(--dws-brand); }
.dws__badge--purple[b-uz65yw3wuz]   { background: var(--dws-purple-soft);  color: var(--dws-purple); }

/* ═══════════════════════════════════════════════════════════════
   CORPORATE V3 OVERRIDES
   Bu bölüm mevcut stillerin üzerine yazılır. Dosyanın sonunda kalmalıdır.
   ═══════════════════════════════════════════════════════════════ */

.dws[b-uz65yw3wuz] {
    --dws-bg: #f5f7fa;
    --dws-surface: #ffffff;
    --dws-surface-alt: #f8fafc;
    --dws-border: #e2e8f0;
    --dws-border-strong: #cbd5e1;
    --dws-text: #172033;
    --dws-text-soft: #475569;
    --dws-text-muted: #718096;
    --dws-brand: #184e77;
    --dws-brand-strong: #123b5b;
    --dws-brand-soft: #edf4f8;
    --dws-success: #13795b;
    --dws-success-soft: #edf8f3;
    --dws-warn: #a16207;
    --dws-warn-soft: #fff8e8;
    --dws-danger: #b4233a;
    --dws-danger-soft: #fff1f3;
    --dws-radius-sm: 6px;
    --dws-radius: 8px;
    --dws-radius-lg: 10px;
    --dws-shadow-xs: 0 1px 2px rgba(15, 23, 42, .03);
    --dws-shadow-sm: 0 3px 12px rgba(15, 23, 42, .055);
    --dws-shadow: 0 10px 28px rgba(15, 23, 42, .08);
    background: var(--dws-bg);
    color: var(--dws-text);
    font-size: 13px;
}

/* Header / command bar */
.dws__header-bar[b-uz65yw3wuz] {
    min-height: 64px;
    padding: 10px 20px;
    gap: 20px;
    flex-wrap: nowrap;
    border-bottom: 1px solid var(--dws-border);
    background: rgba(255, 255, 255, .98);
    box-shadow: none;
}

.dws__header-left[b-uz65yw3wuz] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

.dws__header-context[b-uz65yw3wuz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dws__header-kicker[b-uz65yw3wuz] {
    color: var(--dws-text-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
}

.dws__header-title-row[b-uz65yw3wuz] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dws__scenario-label[b-uz65yw3wuz] {
    min-width: 0;
    max-width: 420px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--dws-text);
    font-size: 14px;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dws__scenario-label i[b-uz65yw3wuz] { color: var(--dws-brand); }

.dws__scope-badge[b-uz65yw3wuz] {
    max-width: 240px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border: 1px solid var(--dws-border);
    border-radius: 999px;
    background: var(--dws-surface-alt);
    color: var(--dws-text-soft);
    font-size: 10.5px;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dws__scope-badge i[b-uz65yw3wuz] { color: var(--dws-brand); }

.dws__header-actions[b-uz65yw3wuz] {
    margin-left: auto;
    flex-wrap: nowrap;
}

.dws__action-btn[b-uz65yw3wuz],
.dws__btn[b-uz65yw3wuz] {
    min-height: 32px;
    border-radius: 6px;
    border-color: var(--dws-border-strong);
    box-shadow: none;
    font-weight: 650;
}

.dws__action-btn:hover:not(:disabled)[b-uz65yw3wuz],
.dws__btn:hover:not(:disabled)[b-uz65yw3wuz] {
    transform: none;
    box-shadow: none;
}

.dws__action-btn--primary[b-uz65yw3wuz],
.dws__btn--primary[b-uz65yw3wuz] {
    border-color: var(--dws-brand);
    background: var(--dws-brand);
    box-shadow: none;
}

.dws__action-btn--primary:hover:not(:disabled)[b-uz65yw3wuz],
.dws__btn--primary:hover:not(:disabled)[b-uz65yw3wuz] {
    border-color: var(--dws-brand-strong);
    background: var(--dws-brand-strong);
    box-shadow: none;
    transform: none;
}

.dws__action-btn--menu[b-uz65yw3wuz] {
    width: 34px;
    padding-inline: 0;
}

.dws__btn--danger[b-uz65yw3wuz] {
    background: #fff;
    color: var(--dws-danger);
    border-color: #efc0c8;
}

.dws__btn--danger:hover:not(:disabled)[b-uz65yw3wuz] {
    color: #fff;
    background: var(--dws-danger);
    border-color: var(--dws-danger);
}

/* Alerts */
.dws__alert[b-uz65yw3wuz] {
    margin: 10px 20px 0;
    padding: 9px 12px;
    border-radius: 7px;
    box-shadow: none;
}

/* Compact status strip */
.dws__status-strip[b-uz65yw3wuz] {
    margin: 12px 20px 0;
    min-height: 72px;
    display: flex;
    align-items: stretch;
    border: 1px solid var(--dws-border);
    border-radius: 8px;
    background: var(--dws-surface);
    overflow: hidden;
    box-shadow: none;
}

.dws__status-item[b-uz65yw3wuz] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 11px 16px;
}

.dws__status-item--scope[b-uz65yw3wuz] { flex: 1.35; }

.dws__status-label[b-uz65yw3wuz] {
    color: var(--dws-text-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.dws__status-item strong[b-uz65yw3wuz] {
    margin-top: 4px;
    color: var(--dws-text);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dws__status-item small[b-uz65yw3wuz] {
    margin-top: 4px;
    color: var(--dws-text-muted);
    font-size: 10.5px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dws__status-item--ok strong[b-uz65yw3wuz] { color: var(--dws-success); }
.dws__status-item--warn strong[b-uz65yw3wuz] { color: var(--dws-warn); }

.dws__status-divider[b-uz65yw3wuz] {
    width: 1px;
    margin: 12px 0;
    flex: 0 0 1px;
    background: var(--dws-border);
}

/* Main workspace */
.dws__mapping[b-uz65yw3wuz] {
    grid-template-columns: 220px minmax(0, 1fr);
    column-gap: 14px;
    padding: 14px 20px 90px;
    background: var(--dws-bg);
}

/* Department navigation */
.dws__dept-selector[b-uz65yw3wuz] {
    top: 14px;
    max-height: calc(100vh - 210px);
    gap: 8px;
    padding: 12px 8px;
    border-radius: 8px;
    border-color: var(--dws-border);
    box-shadow: none;
}

.dws__dept-label[b-uz65yw3wuz] {
    padding: 2px 8px 10px;
    font-size: 10px;
    letter-spacing: .08em;
}

.dws__dept-pills[b-uz65yw3wuz] {
    gap: 2px;
    padding-right: 0;
}

.dws__dept-pill[b-uz65yw3wuz] {
    min-height: 36px;
    padding: 8px 9px;
    border-color: transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--dws-text-soft);
    font-size: 11.5px;
    font-weight: 600;
}

.dws__dept-pill:hover[b-uz65yw3wuz] {
    border-color: transparent;
    background: #f2f5f8;
}

.dws__dept-pill--active[b-uz65yw3wuz] {
    border-color: transparent;
    background: var(--dws-brand-soft);
    color: var(--dws-brand-strong);
    box-shadow: inset 3px 0 0 var(--dws-brand);
}

.dws__dept-pill-count[b-uz65yw3wuz],
.dws__group-count[b-uz65yw3wuz] {
    background: #eef2f6;
    color: #526273;
}

.dws__dept-pill-unmapped[b-uz65yw3wuz] {
    min-width: 17px;
    background: #fff1cf;
    color: #8b5c00;
}

/* Toolbar */
.dws__mapping-toolbar[b-uz65yw3wuz] {
    padding: 10px;
    gap: 7px;
    border-radius: 8px;
    border-color: var(--dws-border);
    box-shadow: none;
}

.dws__toolbar-row-top[b-uz65yw3wuz],
.dws__toolbar-row-bottom[b-uz65yw3wuz] { gap: 6px; }

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

.dws__toolbar-hint[b-uz65yw3wuz] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--dws-text-muted);
    font-size: 10.5px;
    white-space: nowrap;
}

.dws__search[b-uz65yw3wuz] { max-width: 380px; }

.dws__search input[b-uz65yw3wuz],
.dws__input[b-uz65yw3wuz],
.dws__select[b-uz65yw3wuz],
.dws__textarea[b-uz65yw3wuz] {
    border-radius: 6px;
    border-color: var(--dws-border-strong);
    box-shadow: none;
}

.dws__search input:focus[b-uz65yw3wuz],
.dws__input:focus[b-uz65yw3wuz],
.dws__select:focus[b-uz65yw3wuz],
.dws__textarea:focus[b-uz65yw3wuz] {
    border-color: #7395af;
    box-shadow: 0 0 0 2px rgba(24, 78, 119, .10);
}

.dws__chip[b-uz65yw3wuz] {
    min-height: 29px;
    padding: 4px 9px;
    border-radius: 6px;
    border-color: transparent;
    background: transparent;
    color: var(--dws-text-soft);
}

.dws__chip:hover[b-uz65yw3wuz] { background: #f2f5f8; box-shadow: none; }

.dws__chip.active[b-uz65yw3wuz] {
    border-color: #cedde8;
    background: var(--dws-brand-soft);
    color: var(--dws-brand-strong);
    box-shadow: none;
}

/* Grid container and Syncfusion table */
.dws__grid-wrapper[b-uz65yw3wuz] {
    height: calc(100vh - 320px);
    min-height: 470px;
    border-radius: 8px;
    border-color: var(--dws-border);
    box-shadow: none;
    overflow: hidden;
}

.dws__mapping-treegrid[b-uz65yw3wuz] { height: 100%; }

.dws__grid-wrapper[b-uz65yw3wuz]  .e-grid,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-treegrid {
    height: 100% !important;
    border: 0 !important;
    font-family: inherit;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-gridheader {
    border-bottom: 1px solid var(--dws-border) !important;
    background: #f7f9fb !important;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-headercell {
    height: 38px;
    background: #f7f9fb !important;
    border-color: var(--dws-border) !important;
    color: #536273 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-rowcell {
    min-height: 48px;
    padding: 8px 10px !important;
    border-color: #edf1f5 !important;
    background: #fff !important;
    color: var(--dws-text) !important;
    vertical-align: middle;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-altrow .e-rowcell { background: #fff !important; }

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row:hover .e-rowcell {
    background: #f8fafc !important;
}

/* Status is shown with a narrow left indicator, not full-row colors. */
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-mapped .e-rowcell,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-mapped.e-altrow .e-rowcell,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-unmapped .e-rowcell,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-unmapped.e-altrow .e-rowcell,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-dirty .e-rowcell {
    background: #fff !important;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-mapped .e-rowcell:first-child {
    box-shadow: inset 3px 0 0 #3a8f70 !important;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-leaf.dws__row-unmapped .e-rowcell:first-child {
    box-shadow: inset 3px 0 0 #d0a13b !important;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-dirty .e-rowcell:first-child {
    box-shadow: inset 3px 0 0 #3b78a2 !important;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-group .e-rowcell,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-department .e-rowcell,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-subgroup .e-rowcell {
    background: #f7f9fb !important;
}

.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-group:hover .e-rowcell,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-department:hover .e-rowcell,
.dws__grid-wrapper[b-uz65yw3wuz]  .e-row.dws__row-subgroup:hover .e-rowcell {
    background: #f2f6f9 !important;
}

.dws__line-name[b-uz65yw3wuz] { gap: 7px; }

.dws__line-main[b-uz65yw3wuz] {
    color: var(--dws-text);
    font-size: 12px;
    font-weight: 650;
}

.dws__line-context[b-uz65yw3wuz] {
    margin-top: 3px;
    color: var(--dws-text-muted);
    font-size: 10px;
}

.dws__line-context > span:last-child[b-uz65yw3wuz] {
    color: #60768a;
}

.dws__row-state-badge[b-uz65yw3wuz] {
    min-height: 18px;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 750;
    box-shadow: none;
}

.dws__code-badge[b-uz65yw3wuz] {
    border-radius: 4px;
    background: #eef2f5;
    color: #45576a;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 10px;
}

.dws__select[b-uz65yw3wuz],
.dws__input[b-uz65yw3wuz] { min-height: 30px; }

.dws__select--active[b-uz65yw3wuz] {
    border-color: #9db4c6;
    background: #f8fafc;
}

.dws__row-actions[b-uz65yw3wuz] {
    justify-content: center;
    gap: 3px;
}

.dws__row-btn[b-uz65yw3wuz] {
    width: 29px;
    height: 29px;
    border-radius: 5px;
    box-shadow: none;
}

.dws__row-btn:hover:not(:disabled)[b-uz65yw3wuz] { transform: none; }

/* Menu panels */
.dws__menu-panel[b-uz65yw3wuz] {
    padding: 6px;
    border-radius: 8px;
    border-color: var(--dws-border-strong);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .14);
}

.dws__menu-item[b-uz65yw3wuz] { border-radius: 6px; }

/* Quick start, bulk and empty states */
.dws__quickstart[b-uz65yw3wuz],
.dws__bulk-panel[b-uz65yw3wuz],
.dws__filter-empty[b-uz65yw3wuz],
.dws__empty-state[b-uz65yw3wuz] {
    border-radius: 8px;
    box-shadow: none;
}

/* Sticky save dock */
.dws__save-dock[b-uz65yw3wuz] {
    position: fixed;
    left: max(20px, calc((100vw - 1800px) / 2));
    right: 20px;
    bottom: 16px;
    z-index: 1050;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 10px 12px;
    border: 1px solid #d9bd7d;
    border-radius: 9px;
    background: rgba(255, 252, 244, .98);
    color: #6f4a0b;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .16);
    backdrop-filter: blur(8px);
}

.dws__save-dock-info[b-uz65yw3wuz] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dws__save-dock-icon[b-uz65yw3wuz] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #fff3d6;
    color: #a16207;
}

.dws__save-dock-info strong[b-uz65yw3wuz] {
    display: block;
    color: #6f4a0b;
    font-size: 12px;
}

.dws__save-dock-info small[b-uz65yw3wuz] {
    display: block;
    margin-top: 2px;
    color: #8a651e;
    font-size: 10.5px;
}

.dws__save-dock-actions[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 1280px) {
    .dws__status-strip[b-uz65yw3wuz] { flex-wrap: wrap; }
    .dws__status-item[b-uz65yw3wuz] { min-width: 45%; }
    .dws__status-divider:nth-of-type(2)[b-uz65yw3wuz] { display: none; }
    .dws__grid-wrapper[b-uz65yw3wuz] { height: calc(100vh - 375px); }
}

@media (max-width: 1100px) {
    .dws__header-bar[b-uz65yw3wuz] { flex-wrap: wrap; }
    .dws__header-left[b-uz65yw3wuz],
    .dws__header-actions[b-uz65yw3wuz] { width: 100%; }
    .dws__mapping[b-uz65yw3wuz] { grid-template-columns: 1fr; }
    .dws__dept-selector[b-uz65yw3wuz] { max-height: none; padding: 8px; }
    .dws__dept-pills[b-uz65yw3wuz] { gap: 4px; }
    .dws__dept-pill[b-uz65yw3wuz] {
        border: 1px solid var(--dws-border);
        background: #fff;
    }
    .dws__grid-wrapper[b-uz65yw3wuz] { height: 640px; }
    .dws__save-dock[b-uz65yw3wuz] { left: 12px; right: 12px; }
}

@media (max-width: 760px) {
    .dws__header-title-row[b-uz65yw3wuz] { align-items: flex-start; flex-direction: column; gap: 4px; }
    .dws__scope-badge[b-uz65yw3wuz] { max-width: 100%; }
    .dws__header-actions[b-uz65yw3wuz] { overflow-x: auto; padding-bottom: 2px; }
    .dws__status-strip[b-uz65yw3wuz] { margin-inline: 12px; }
    .dws__status-item[b-uz65yw3wuz] { min-width: 100%; }
    .dws__status-divider[b-uz65yw3wuz] { width: auto; height: 1px; margin: 0 12px; flex-basis: 100%; }
    .dws__mapping[b-uz65yw3wuz] { padding-inline: 12px; padding-bottom: 150px; }
    .dws__filter-chips[b-uz65yw3wuz] { width: 100%; overflow-x: auto; flex-wrap: nowrap; }
    .dws__group-filter[b-uz65yw3wuz] { width: 100%; margin-left: 0; }
    .dws__toolbar-hint[b-uz65yw3wuz] { display: none; }
    .dws__save-dock[b-uz65yw3wuz] { align-items: stretch; flex-direction: column; }
    .dws__save-dock-actions[b-uz65yw3wuz] { justify-content: stretch; }
    .dws__save-dock-actions .dws__btn[b-uz65yw3wuz] { flex: 1; }
}

/* /Presentation/Components/FinancialPlanning/Modern/ExecutionTimelineView.razor.rz.scp.css */
.execution-timeline[b-9rzti07tqz] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.execution-timeline__toolbar[b-9rzti07tqz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.execution-timeline__subtitle[b-9rzti07tqz] {
    margin: 0;
    color: var(--dws-text-soft);
    font-size: 12px;
    font-weight: 600;
}

.execution-timeline__filters[b-9rzti07tqz] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.execution-timeline__filter[b-9rzti07tqz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--dws-border);
    border-radius: 999px;
    background: var(--dws-surface);
    color: var(--dws-text-soft);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--dws-trans);
    white-space: nowrap;
}

.execution-timeline__filter:hover:not(:disabled)[b-9rzti07tqz] {
    border-color: var(--dws-brand);
    color: var(--dws-brand);
    background: var(--dws-brand-soft);
}

.execution-timeline__filter--active[b-9rzti07tqz] {
    border-color: var(--dws-brand);
    background: var(--dws-brand-soft);
    color: var(--dws-brand-strong);
    box-shadow: 0 2px 6px rgba(30, 90, 138, 0.10);
}

.execution-timeline__filter i[b-9rzti07tqz] {
    font-size: 10px;
    color: inherit;
}

.execution-timeline__content[b-9rzti07tqz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.execution-timeline__list[b-9rzti07tqz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.execution-timeline__empty[b-9rzti07tqz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 44px 18px;
    border: 1px dashed var(--dws-border-strong);
    border-radius: var(--dws-radius);
    background: var(--dws-surface-alt);
    text-align: center;
    color: var(--dws-text-muted);
}

.execution-timeline__empty i[b-9rzti07tqz] {
    color: var(--dws-brand);
    font-size: 22px;
    opacity: 0.75;
}

.execution-timeline__empty p[b-9rzti07tqz] {
    margin: 0;
    color: var(--dws-text);
    font-weight: 600;
}

.execution-timeline__empty small[b-9rzti07tqz] {
    font-size: 11px;
}

.execution-timeline-item[b-9rzti07tqz] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
    padding: 12px 14px;
    border: 1px solid var(--dws-border);
    border-radius: var(--dws-radius);
    background: var(--dws-surface);
    box-shadow: var(--dws-shadow-xs);
    transition: all var(--dws-trans);
    cursor: pointer;
}

.execution-timeline-item:hover[b-9rzti07tqz] {
    border-color: var(--dws-border-strong);
    box-shadow: var(--dws-shadow-sm);
    transform: translateY(-1px);
}

.execution-timeline-item__indicator[b-9rzti07tqz] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 2px;
    min-height: 100%;
}

.execution-timeline-item__dot[b-9rzti07tqz] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--dws-brand);
    box-shadow: 0 0 0 4px rgba(30, 90, 138, 0.12);
    z-index: 1;
}

.execution-timeline-item--succeeded .execution-timeline-item__dot[b-9rzti07tqz] {
    background: var(--dws-success);
    box-shadow: 0 0 0 4px var(--dws-success-soft);
}

.execution-timeline-item--failed .execution-timeline-item__dot[b-9rzti07tqz] {
    background: var(--dws-danger);
    box-shadow: 0 0 0 4px var(--dws-danger-soft);
}

.execution-timeline-item--running .execution-timeline-item__dot[b-9rzti07tqz] {
    background: #3b82f6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
    animation: execution-timeline-pulse-b-9rzti07tqz 1.8s ease-in-out infinite;
}

.execution-timeline-item--queued .execution-timeline-item__dot[b-9rzti07tqz] {
    background: #6b7280;
    box-shadow: 0 0 0 4px rgba(107, 114, 128, 0.10);
}

.execution-timeline-item--cancelled .execution-timeline-item__dot[b-9rzti07tqz] {
    background: #94a3b8;
    box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.12);
}

.execution-timeline-item__line[b-9rzti07tqz] {
    width: 2px;
    flex: 1;
    min-height: 28px;
    margin-top: 4px;
    background: linear-gradient(180deg, rgba(30, 90, 138, 0.30), rgba(30, 90, 138, 0.05));
    border-radius: 999px;
}

.execution-timeline-item__content[b-9rzti07tqz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.execution-timeline-item__header[b-9rzti07tqz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.execution-timeline-item__title-row[b-9rzti07tqz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.execution-timeline-item__title[b-9rzti07tqz] {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--dws-text);
}

.execution-timeline-item__badge[b-9rzti07tqz] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    background: var(--dws-brand-soft);
    color: var(--dws-brand-strong);
    white-space: nowrap;
}

.execution-timeline-item__badge--succeeded[b-9rzti07tqz] {
    background: var(--dws-success-soft);
    color: var(--dws-success);
}

.execution-timeline-item__badge--failed[b-9rzti07tqz] {
    background: var(--dws-danger-soft);
    color: var(--dws-danger);
}

.execution-timeline-item__badge--running[b-9rzti07tqz] {
    background: #eaf2ff;
    color: #275b89;
}

.execution-timeline-item__badge--queued[b-9rzti07tqz] {
    background: #edf2f7;
    color: #4b5b70;
}

.execution-timeline-item__badge--cancelled[b-9rzti07tqz] {
    background: #f4f6f9;
    color: #708096;
}

.execution-timeline-item__meta[b-9rzti07tqz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 11px;
    color: var(--dws-text-soft);
}

.execution-timeline-item__meta span[b-9rzti07tqz] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.execution-timeline-item__meta i[b-9rzti07tqz] {
    font-size: 10px;
    color: var(--dws-text-muted);
}

.execution-timeline-item__error[b-9rzti07tqz],
.execution-timeline-item__impact[b-9rzti07tqz] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 9px 10px;
    border-radius: 10px;
    font-size: 11.5px;
    line-height: 1.4;
}

.execution-timeline-item__error[b-9rzti07tqz] {
    border: 1px solid #efc2ca;
    background: #fff5f7;
    color: #9c2d41;
}

.execution-timeline-item__impact[b-9rzti07tqz] {
    border: 1px solid #cfe8db;
    background: #f2fbf6;
    color: #0f6b45;
}

.execution-timeline-item__error i[b-9rzti07tqz],
.execution-timeline-item__impact i[b-9rzti07tqz] {
    margin-top: 2px;
    flex-shrink: 0;
}

.execution-timeline__load-more[b-9rzti07tqz] {
    display: flex;
    justify-content: center;
    padding-top: 4px;
}

.execution-timeline__load-more-btn[b-9rzti07tqz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid var(--dws-border);
    border-radius: 999px;
    background: var(--dws-surface);
    color: var(--dws-text-soft);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all var(--dws-trans);
}

.execution-timeline__load-more-btn:hover:not(:disabled)[b-9rzti07tqz] {
    border-color: var(--dws-brand);
    background: var(--dws-brand-soft);
    color: var(--dws-brand-strong);
    box-shadow: var(--dws-shadow-xs);
}

.execution-timeline__load-more-btn:disabled[b-9rzti07tqz] {
    opacity: 0.55;
    cursor: not-allowed;
}

.execution-timeline__load-more-btn i[b-9rzti07tqz] {
    font-size: 11px;
}

@keyframes execution-timeline-pulse-b-9rzti07tqz {
    0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.16); }
    70% { box-shadow: 0 0 0 8px rgba(59, 130, 246, 0); }
    100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
}

@media (max-width: 768px) {
    .execution-timeline__toolbar[b-9rzti07tqz] {
        align-items: stretch;
    }

    .execution-timeline__filters[b-9rzti07tqz] {
        width: 100%;
    }

    .execution-timeline__filter[b-9rzti07tqz] {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
    }

    .execution-timeline-item[b-9rzti07tqz] {
        grid-template-columns: 16px minmax(0, 1fr);
        padding: 11px 12px;
    }
}
/* /Presentation/Components/FinancialPlanning/PLReportTab.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   AYLIK & YILLIK P&L RAPORU — Executive Financial Report
   Renk dili: mavi #2563eb · sky #0ea5e9 · teal #0f766e · violet #8b5cf6
             amber #f59e0b · green #16a34a · red #dc2626 · slate ink
   ═══════════════════════════════════════════════════════════════════════════ */

.pl[b-bc0zmw5i3v] {
    --pl-bg:        #f1f5f9;
    --pl-panel:     #ffffff;
    --pl-border:    #e2e8f0;
    --pl-ink:       #0f172a;
    --pl-ink-2:     #475569;
    --pl-muted:     #64748b;
    --pl-faint:     #94a3b8;
    --pl-blue:      #2563eb;
    --pl-success:   #16a34a;
    --pl-danger:    #dc2626;
    --pl-shadow:    0 1px 2px rgba(15,23,42,.04), 0 12px 28px -22px rgba(15,23,42,.35);
    --pl-radius:    14px;

    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.25rem 0.25rem 1.5rem;
    background: transparent;
    color: var(--pl-ink);
    font-family: "Carlito", "Inter", -apple-system, "Segoe UI", sans-serif;
}

.pl__coverage[b-bc0zmw5i3v] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
    margin: .65rem 0;
    padding: .55rem .7rem;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: #f8fafc;
}

.pl__coverage-badge[b-bc0zmw5i3v],
.pl__coverage-meta[b-bc0zmw5i3v] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .28rem .48rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 750;
}

.pl__coverage-badge.is-ready[b-bc0zmw5i3v] { color: #047857; background: #d1fae5; }
.pl__coverage-badge.is-missing[b-bc0zmw5i3v] { color: #9a3412; background: #ffedd5; }
.pl__coverage-meta[b-bc0zmw5i3v] { color: #475569; background: #fff; border: 1px solid #e2e8f0; }
.pl__empty--error[b-bc0zmw5i3v] { color: #991b1b; }

/* ── FILTER BAR ───────────────────────────────────────────────────── */
.pl__filters[b-bc0zmw5i3v] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    background: var(--pl-panel);
    border: 1px solid var(--pl-border);
    border-radius: var(--pl-radius);
    box-shadow: var(--pl-shadow);
    flex-wrap: wrap;
}

.pl__filter[b-bc0zmw5i3v] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 150px;
}

.pl__filter-label[b-bc0zmw5i3v] {
    font-size: 0.6rem;
    font-weight: 800;
    color: var(--pl-muted);
    text-transform: uppercase;
    letter-spacing: 0.09em;
}

.pl__filter-actions[b-bc0zmw5i3v] {
    display: flex;
    align-items: flex-end;
    gap: 0.45rem;
    margin-left: auto;
}

.pl__action-btn[b-bc0zmw5i3v] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 38px;
    padding: 0 0.85rem;
    border: 1px solid var(--pl-border);
    border-radius: 10px;
    background: var(--pl-panel);
    color: var(--pl-ink-2);
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.18s ease;
}

.pl__action-btn:hover:not(:disabled)[b-bc0zmw5i3v] {
    border-color: var(--pl-blue);
    color: var(--pl-blue);
    background: #eff6ff;
}

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

.pl__action-btn--primary[b-bc0zmw5i3v] {
    background: var(--pl-blue);
    color: #fff;
    border-color: var(--pl-blue);
}

.pl__action-btn--primary:hover:not(:disabled)[b-bc0zmw5i3v] {
    background: #1d4ed8;
    color: #fff;
}

/* ── EXECUTIVE KPI BAND ───────────────────────────────────────────── */
.pl__kpis[b-bc0zmw5i3v] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
}

.pl__kpi[b-bc0zmw5i3v] {
    --kc: #2563eb;
    --kc-soft: #eff6ff;
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.85rem 0.9rem;
    background: var(--pl-panel);
    border: 1px solid var(--pl-border);
    border-radius: var(--pl-radius);
    box-shadow: var(--pl-shadow);
    position: relative;
    overflow: hidden;
    min-width: 0;
}

.pl__kpi[b-bc0zmw5i3v]::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--kc);
}

.pl__kpi--blue[b-bc0zmw5i3v]   { --kc: #2563eb; --kc-soft: #eff6ff; }
.pl__kpi--teal[b-bc0zmw5i3v]   { --kc: #0f766e; --kc-soft: #ecfdf5; }
.pl__kpi--violet[b-bc0zmw5i3v] { --kc: #8b5cf6; --kc-soft: #f5f3ff; }
.pl__kpi--amber[b-bc0zmw5i3v]  { --kc: #f59e0b; --kc-soft: #fffbeb; }
.pl__kpi--green[b-bc0zmw5i3v]  { --kc: #16a34a; --kc-soft: #f0fdf4; }
.pl__kpi--slate[b-bc0zmw5i3v]  { --kc: #475569; --kc-soft: #f8fafc; }

.pl__kpi-icon[b-bc0zmw5i3v] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: var(--kc-soft);
    color: var(--kc);
    font-size: 1rem;
}

.pl__kpi-main[b-bc0zmw5i3v] { min-width: 0; display: flex; flex-direction: column; gap: 0.1rem; }

.pl__kpi-label[b-bc0zmw5i3v] {
    font-size: 0.64rem;
    font-weight: 800;
    color: var(--pl-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pl__kpi-value[b-bc0zmw5i3v] {
    font-size: 1.22rem;
    font-weight: 850;
    color: var(--pl-ink);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pl__kpi-deltas[b-bc0zmw5i3v] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    margin-top: 0.28rem;
}

.pl__kpi-delta[b-bc0zmw5i3v] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    font-size: 0.66rem;
    font-weight: 750;
    color: var(--pl-muted);
    white-space: nowrap;
}

.pl__kpi-delta i[b-bc0zmw5i3v] { font-size: 0.6rem; }
.pl__kpi-delta--up[b-bc0zmw5i3v]   { color: var(--pl-success); }
.pl__kpi-delta--down[b-bc0zmw5i3v] { color: var(--pl-danger); }
.pl__kpi-delta--flat[b-bc0zmw5i3v] { color: var(--pl-faint); }

@media (max-width: 1500px) { .pl__kpis[b-bc0zmw5i3v] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 820px)  { .pl__kpis[b-bc0zmw5i3v] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ── WARNINGS ─────────────────────────────────────────────────────── */
.pl__warnings[b-bc0zmw5i3v] {
    display: grid;
    gap: 0.35rem;
    padding: 0.7rem 0.9rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    color: #1e40af;
    font-size: 0.78rem;
    font-weight: 650;
}

.pl__warnings span[b-bc0zmw5i3v] { display: flex; align-items: flex-start; gap: 0.45rem; }
.pl__warnings i[b-bc0zmw5i3v] { margin-top: 0.12rem; }

/* ── TEMPLATE BANNER ──────────────────────────────────────────────── */
.pl__template-banner[b-bc0zmw5i3v] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.6rem 0.9rem;
    border: 1px solid var(--pl-border);
    border-left: 4px solid var(--pl-blue);
    border-radius: 10px;
    background: var(--pl-panel);
    color: var(--pl-ink-2);
    font-size: 0.78rem;
    font-weight: 650;
}

.pl__template-banner i[b-bc0zmw5i3v] { color: var(--pl-blue); }
.pl__template-banner strong[b-bc0zmw5i3v] { margin-left: auto; color: var(--pl-muted); font-size: 0.72rem; }

/* ── STATEMENT CARD (grid-bar header + grid body) ─────────────────── */
.pl__grid-bar[b-bc0zmw5i3v] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1.1rem;
    background: var(--pl-panel);
    border: 1px solid var(--pl-border);
    border-radius: var(--pl-radius) var(--pl-radius) 0 0;
    border-bottom: none;
    box-shadow: var(--pl-shadow);
}

.pl__grid-title[b-bc0zmw5i3v] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--pl-ink);
    margin: 0;
    letter-spacing: -0.01em;
}

.pl__grid-title i[b-bc0zmw5i3v] { color: var(--pl-blue); }

.pl__grid-actions[b-bc0zmw5i3v] { display: flex; gap: 0.4rem; margin-left: auto; flex-wrap: wrap; }

.pl__grid[b-bc0zmw5i3v],
.pl__grid--template[b-bc0zmw5i3v] {
    background: var(--pl-panel);
    border: 1px solid var(--pl-border);
    border-top: none;
    border-radius: 0 0 var(--pl-radius) var(--pl-radius);
    box-shadow: var(--pl-shadow);
    padding: 0.4rem 0.6rem 0.6rem;
    overflow: auto;
    max-height: 640px;
}

.pl__grid--template[b-bc0zmw5i3v] { padding: 0.6rem; min-height: 320px; }
.pl__grid--matrix[b-bc0zmw5i3v] { overflow-x: auto; }

/* Syncfusion TreeGrid — light professional skin */
.pl__grid[b-bc0zmw5i3v]  .e-treegrid,
.pl__grid[b-bc0zmw5i3v]  .e-grid {
    border: none;
    font-family: inherit;
}

.pl__grid[b-bc0zmw5i3v]  .e-treegrid .e-headercell,
.pl__grid[b-bc0zmw5i3v]  .e-grid .e-headercell {
    background: #f8fafc;
    color: var(--pl-ink-2);
    font-weight: 800;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-color: var(--pl-border);
}

.pl__grid[b-bc0zmw5i3v]  .e-treegrid .e-rowcell,
.pl__grid[b-bc0zmw5i3v]  .e-grid .e-rowcell {
    font-size: 0.78rem;
    padding-top: 0.42rem;
    padding-bottom: 0.42rem;
    color: var(--pl-ink);
    font-variant-numeric: tabular-nums;
    border-color: #f1f5f9;
}

.pl__grid[b-bc0zmw5i3v]  .e-treegrid .e-row:hover .e-rowcell {
    background: #f8fbff;
}

/* Row emphasis */
.pl__row[b-bc0zmw5i3v] { font-size: 0.8rem; line-height: 1.3; }
.pl__row--header[b-bc0zmw5i3v] { font-weight: 800; color: var(--pl-ink); text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.74rem; }
.pl__row--section[b-bc0zmw5i3v] { font-weight: 800; color: var(--pl-blue); }
.pl__row--grand[b-bc0zmw5i3v] { font-weight: 900; color: #7c3aed; font-size: 0.9rem; }

/* Amounts */
.pl__amt[b-bc0zmw5i3v] { font-variant-numeric: tabular-nums; }
.pl__amt--pos[b-bc0zmw5i3v] { color: var(--pl-ink); font-weight: 600; }
.pl__amt--neg[b-bc0zmw5i3v] { color: var(--pl-danger); font-weight: 600; }
.pl__amt--zero[b-bc0zmw5i3v] { color: var(--pl-faint); }

/* Variance badges */
.pl__var[b-bc0zmw5i3v] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.12rem 0.45rem;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.pl__var--pos[b-bc0zmw5i3v] { color: var(--pl-success); background: #dcfce7; }
.pl__var--neg[b-bc0zmw5i3v] { color: var(--pl-danger); background: #fee2e2; }
.pl__var--zero[b-bc0zmw5i3v] { color: var(--pl-muted); }

/* ── ANALYTICS + LOWER CARD GRIDS ─────────────────────────────────── */
.pl__analytics[b-bc0zmw5i3v] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.pl__lower[b-bc0zmw5i3v] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1rem;
}

@media (max-width: 1200px) {
    .pl__analytics[b-bc0zmw5i3v] { grid-template-columns: 1fr 1fr; }
    .pl__lower[b-bc0zmw5i3v] { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .pl__analytics[b-bc0zmw5i3v] { grid-template-columns: 1fr; }
}

.pl__card[b-bc0zmw5i3v] {
    background: var(--pl-panel);
    border: 1px solid var(--pl-border);
    border-radius: var(--pl-radius);
    box-shadow: var(--pl-shadow);
    padding: 0.9rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pl__card-head[b-bc0zmw5i3v] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.6rem;
    padding-bottom: 0.6rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #f1f5f9;
}

.pl__card-head h3[b-bc0zmw5i3v] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.86rem;
    font-weight: 800;
    color: var(--pl-ink);
}

.pl__card-head h3 i[b-bc0zmw5i3v] { color: var(--pl-blue); font-size: 0.86rem; }

.pl__card-sub[b-bc0zmw5i3v] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--pl-faint);
    white-space: nowrap;
}

.pl__chart[b-bc0zmw5i3v] { width: 100%; }

.pl__chart-empty[b-bc0zmw5i3v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 240px;
    color: var(--pl-faint);
    font-size: 0.8rem;
    font-weight: 600;
}

.pl__chart-empty i[b-bc0zmw5i3v] { font-size: 1.8rem; opacity: 0.35; }

/* ── AI INSIGHTS ──────────────────────────────────────────────────── */
.pl__card--ai .pl__ai-list[b-bc0zmw5i3v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow-y: auto;
    max-height: 320px;
}

.pl__ai-row[b-bc0zmw5i3v] {
    display: flex;
    gap: 0.6rem;
    padding: 0.6rem 0.7rem;
    border-radius: 10px;
    background: #f8fafc;
    border-left: 3px solid var(--pl-faint);
    align-items: flex-start;
}

.pl__ai-row > i[b-bc0zmw5i3v] {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    font-size: 0.82rem;
    flex: 0 0 20px;
    margin-top: 1px;
    color: var(--pl-muted);
}

.pl__ai-title[b-bc0zmw5i3v] { font-size: 0.78rem; font-weight: 800; color: var(--pl-ink); line-height: 1.3; }
.pl__ai-msg[b-bc0zmw5i3v]   { font-size: 0.72rem; color: var(--pl-muted); margin-top: 2px; line-height: 1.35; }

.pl__ai--ok[b-bc0zmw5i3v]       { background: #f0fdf4; border-left-color: #16a34a; }
.pl__ai--ok > i[b-bc0zmw5i3v]   { color: #16a34a; }
.pl__ai--warn[b-bc0zmw5i3v]     { background: #fffbeb; border-left-color: #f59e0b; }
.pl__ai--warn > i[b-bc0zmw5i3v] { color: #f59e0b; }
.pl__ai--danger[b-bc0zmw5i3v]   { background: #fef2f2; border-left-color: #dc2626; }
.pl__ai--danger > i[b-bc0zmw5i3v] { color: #dc2626; }
.pl__ai--info[b-bc0zmw5i3v]     { background: #eff6ff; border-left-color: #2563eb; }
.pl__ai--info > i[b-bc0zmw5i3v] { color: #2563eb; }

/* ── EMPTY STATE ──────────────────────────────────────────────────── */
.pl__empty[b-bc0zmw5i3v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 1.5rem;
    background: var(--pl-panel);
    border: 1px solid var(--pl-border);
    border-radius: var(--pl-radius);
    box-shadow: var(--pl-shadow);
    color: var(--pl-muted);
    font-size: 0.88rem;
    text-align: center;
}

.pl__empty i[b-bc0zmw5i3v] { font-size: 2.6rem; opacity: 0.3; color: var(--pl-blue); }

.fp-drawer-field-label[b-bc0zmw5i3v] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #475569;
    margin: 0.3rem 0 0.15rem;
}
/* /Presentation/Components/FinancialPlanning/RevenueKPIsTab.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   REVENUE KPIs TAB — Corporate Enterprise Design
   ═══════════════════════════════════════════════════════════════════════════ */

.revenue-kpis-container[b-cj6mavvod4] {
    --kpi-bg:            #f4f7fb;
    --kpi-panel:         #ffffff;
    --kpi-muted:         #f0f4fa;
    --kpi-border:        rgba(148, 163, 184, 0.25);
    --kpi-accent:        #10b981;
    --kpi-accent-dark:   #059669;
    --kpi-accent-soft:   rgba(16, 185, 129, 0.08);
    --kpi-ink:           #0f172a;
    --kpi-ink-secondary: #334155;
    --kpi-ink-muted:     #64748b;
    --kpi-ink-faint:     #94a3b8;
    --kpi-success:       #10b981;
    --kpi-success-soft:  rgba(16, 185, 129, 0.1);
    --kpi-danger:        #ef4444;
    --kpi-danger-soft:   rgba(239, 68, 68, 0.1);
    --kpi-shadow-sm:     0 1px 3px rgba(0, 0, 0, 0.04);
    --kpi-shadow-md:     0 2px 8px rgba(0, 0, 0, 0.06);
    --kpi-radius:        10px;
    --kpi-radius-lg:     14px;
    --kpi-transition:    0.2s cubic-bezier(0.22, 1, 0.36, 1);

    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    width: 100%;
    padding: 0;
    overflow-y: auto;
    background: var(--kpi-bg);
    font-family: "Inter", "Plus Jakarta Sans", -apple-system, sans-serif;
}

[data-bs-theme="dark"] .revenue-kpis-container[b-cj6mavvod4] {
    --kpi-bg:            #0c1222;
    --kpi-panel:         #111827;
    --kpi-muted:         #1e293b;
    --kpi-border:        rgba(71, 85, 105, 0.4);
    --kpi-accent:        #34d399;
    --kpi-accent-dark:   #10b981;
    --kpi-accent-soft:   rgba(52, 211, 153, 0.1);
    --kpi-ink:           #f1f5f9;
    --kpi-ink-secondary: #cbd5e1;
    --kpi-ink-muted:     #94a3b8;
    --kpi-ink-faint:     #475569;
    --kpi-success:       #34d399;
    --kpi-success-soft:  rgba(52, 211, 153, 0.12);
    --kpi-danger:        #f87171;
    --kpi-danger-soft:   rgba(248, 113, 113, 0.12);
    --kpi-shadow-sm:     0 1px 3px rgba(0, 0, 0, 0.2);
    --kpi-shadow-md:     0 2px 8px rgba(0, 0, 0, 0.25);
}

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

.revenue-header[b-cj6mavvod4] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    padding: 1.1rem 1.5rem;
    border-radius: var(--kpi-radius-lg);
    color: #f1f5f9;
    position: relative;
    overflow: hidden;
    box-shadow: var(--kpi-shadow-md);
    flex-shrink: 0;
}

.revenue-header[b-cj6mavvod4]::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(40%, -40%);
}

.revenue-header h2[b-cj6mavvod4] {
    margin: 0 0 0.3rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    position: relative;
    z-index: 1;
    letter-spacing: -0.02em;
}

.revenue-header p[b-cj6mavvod4] {
    margin: 0;
    opacity: 0.7;
    position: relative;
    z-index: 1;
    font-size: 0.78rem;
}

.revenue-header-meta[b-cj6mavvod4] {
    margin-top: 0.65rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    position: relative;
    z-index: 1;
}

.revenue-meta-pill[b-cj6mavvod4] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.08);
    border-radius: var(--kpi-radius);
    padding: 0.22rem 0.55rem;
    font-size: 0.68rem;
    font-weight: 600;
    color: #cbd5e1;
}

/* ════════════════════════════════════════════════════════════════════════════
   CONTROLS
   ════════════════════════════════════════════════════════════════════════════ */

.revenue-controls[b-cj6mavvod4] {
    background: var(--kpi-panel);
    border-radius: var(--kpi-radius-lg);
    padding: 1rem 1.25rem;
    box-shadow: var(--kpi-shadow-sm);
    border: 1px solid var(--kpi-border);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.75rem;
    align-items: end;
    flex-shrink: 0;
}

.control-group[b-cj6mavvod4] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.control-label[b-cj6mavvod4] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--kpi-ink-muted);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.control-label i[b-cj6mavvod4] {
    color: var(--kpi-accent);
    font-size: 0.7rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   KPI METRIC CARDS
   ════════════════════════════════════════════════════════════════════════════ */

.kpi-metrics-grid[b-cj6mavvod4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

.kpi-metric-card[b-cj6mavvod4] {
    background: var(--kpi-panel);
    border-radius: var(--kpi-radius-lg);
    padding: 1.1rem 1.15rem;
    box-shadow: var(--kpi-shadow-sm);
    border: 1px solid var(--kpi-border);
    border-left: 3px solid var(--kpi-accent);
    transition: all var(--kpi-transition);
    position: relative;
    overflow: hidden;
}

.kpi-metric-card[b-cj6mavvod4]::before {
    display: none;
}

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

.kpi-metric-header[b-cj6mavvod4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.85rem;
}

.kpi-metric-label[b-cj6mavvod4] {
    font-size: 0.65rem;
    font-weight: 800;
    color: var(--kpi-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.kpi-metric-icon[b-cj6mavvod4] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: var(--kpi-accent-soft);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: var(--kpi-accent);
}

.kpi-metric-value[b-cj6mavvod4] {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--kpi-ink);
    margin-bottom: 0.4rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.kpi-metric-details[b-cj6mavvod4] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.kpi-metric-change[b-cj6mavvod4] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: 700;
}

.kpi-metric-change.positive[b-cj6mavvod4] {
    color: var(--kpi-success);
}

.kpi-metric-change.negative[b-cj6mavvod4] {
    color: var(--kpi-danger);
}

.kpi-metric-secondary[b-cj6mavvod4] {
    font-size: 0.7rem;
    color: var(--kpi-ink-muted);
}

/* ════════════════════════════════════════════════════════════════════════════
   CHART SECTION
   ════════════════════════════════════════════════════════════════════════════ */

.chart-section[b-cj6mavvod4] {
    background: var(--kpi-panel);
    border-radius: var(--kpi-radius-lg);
    padding: 1.15rem;
    box-shadow: var(--kpi-shadow-sm);
    border: 1px solid var(--kpi-border);
}

.chart-header[b-cj6mavvod4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--kpi-border);
}

.chart-header h3[b-cj6mavvod4] {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--kpi-ink);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: -0.02em;
}

.chart-header h3 i[b-cj6mavvod4] {
    color: var(--kpi-accent);
    font-size: 0.85rem;
}

.chart-actions[b-cj6mavvod4] {
    display: flex;
    gap: 0.4rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   DATA GRID
   ════════════════════════════════════════════════════════════════════════════ */

.data-grid-section[b-cj6mavvod4] {
    background: var(--kpi-panel);
    border-radius: var(--kpi-radius-lg);
    padding: 1.15rem;
    box-shadow: var(--kpi-shadow-sm);
    border: 1px solid var(--kpi-border);
}

/* ════════════════════════════════════════════════════════════════════════════
   EMPTY STATE
   ════════════════════════════════════════════════════════════════════════════ */

.empty-state[b-cj6mavvod4] {
    text-align: center;
    padding: 3rem 1.5rem;
    color: var(--kpi-ink-muted);
}

.empty-state i[b-cj6mavvod4] {
    font-size: 3rem;
    margin-bottom: 0.75rem;
    opacity: 0.35;
    color: var(--kpi-accent);
}

.empty-state h4[b-cj6mavvod4] {
    margin-bottom: 0.35rem;
    color: var(--kpi-ink);
    font-size: 1rem;
}

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

@media (max-width: 768px) {
    .revenue-controls[b-cj6mavvod4] {
        grid-template-columns: 1fr;
        padding: 0.75rem;
    }

    .kpi-metrics-grid[b-cj6mavvod4] {
        grid-template-columns: 1fr 1fr;
    }

    .revenue-header[b-cj6mavvod4] {
        padding: 0.9rem 1rem;
    }
}

/* ════════════════════════════════════════════════════════════════════════════
   FP&A KPI SECTION — Enterprise Financial Metrics
   ════════════════════════════════════════════════════════════════════════════ */

.fpa-kpi-section[b-cj6mavvod4] {
    background: var(--kpi-panel);
    border-radius: var(--kpi-radius-lg);
    padding: 1.25rem;
    box-shadow: var(--kpi-shadow-sm);
    border: 1px solid var(--kpi-border);
}

.fpa-kpi-section.hospitality[b-cj6mavvod4] {
    background: linear-gradient(135deg, var(--kpi-panel) 0%, var(--kpi-muted) 100%);
}

.fpa-kpi-header[b-cj6mavvod4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--kpi-border);
}

.fpa-kpi-header h3[b-cj6mavvod4] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--kpi-ink);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: -0.02em;
}

.fpa-kpi-header h3 i[b-cj6mavvod4] {
    color: var(--kpi-accent);
    font-size: 0.9rem;
}

.fpa-kpi-note[b-cj6mavvod4] {
    font-size: 0.72rem;
    color: var(--kpi-ink-muted);
    background: var(--kpi-muted);
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
}

.fpa-kpi-grid[b-cj6mavvod4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

.fpa-kpi-card[b-cj6mavvod4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: var(--kpi-muted);
    border-radius: var(--kpi-radius);
    border: 1px solid var(--kpi-border);
    transition: var(--kpi-transition);
}

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

.fpa-kpi-card.revenue[b-cj6mavvod4] { border-left: 3px solid #3b82f6; }
.fpa-kpi-card.ebitda[b-cj6mavvod4] { border-left: 3px solid #10b981; }
.fpa-kpi-card.netincome[b-cj6mavvod4] { border-left: 3px solid #8b5cf6; }
.fpa-kpi-card.expense[b-cj6mavvod4] { border-left: 3px solid #f59e0b; }

.fpa-kpi-icon[b-cj6mavvod4] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.fpa-kpi-card.revenue .fpa-kpi-icon[b-cj6mavvod4] { background: rgba(59, 130, 246, 0.1); color: #3b82f6; }
.fpa-kpi-card.ebitda .fpa-kpi-icon[b-cj6mavvod4] { background: rgba(16, 185, 129, 0.1); color: #10b981; }
.fpa-kpi-card.netincome .fpa-kpi-icon[b-cj6mavvod4] { background: rgba(139, 92, 246, 0.1); color: #8b5cf6; }
.fpa-kpi-card.expense .fpa-kpi-icon[b-cj6mavvod4] { background: rgba(245, 158, 11, 0.1); color: #f59e0b; }

.fpa-kpi-body[b-cj6mavvod4] {
    flex: 1;
    min-width: 0;
}

.fpa-kpi-label[b-cj6mavvod4] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--kpi-ink-muted);
    margin-bottom: 0.2rem;
}

.fpa-kpi-value[b-cj6mavvod4] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--kpi-ink);
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.fpa-kpi-value.negative[b-cj6mavvod4] {
    color: var(--kpi-danger);
}

.fpa-kpi-trend[b-cj6mavvod4] {
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

.fpa-kpi-trend.up[b-cj6mavvod4] { color: var(--kpi-success); }
.fpa-kpi-trend.down[b-cj6mavvod4] { color: var(--kpi-danger); }

.fpa-kpi-trend i[b-cj6mavvod4] {
    font-size: 0.65rem;
}

/* Dark Theme Adjustments for FP&A Cards */
[data-bs-theme="dark"] .fpa-kpi-card.revenue .fpa-kpi-icon[b-cj6mavvod4] { background: rgba(59, 130, 246, 0.15); color: #60a5fa; }
[data-bs-theme="dark"] .fpa-kpi-card.ebitda .fpa-kpi-icon[b-cj6mavvod4] { background: rgba(16, 185, 129, 0.15); color: #34d399; }
[data-bs-theme="dark"] .fpa-kpi-card.netincome .fpa-kpi-icon[b-cj6mavvod4] { background: rgba(139, 92, 246, 0.15); color: #a78bfa; }
[data-bs-theme="dark"] .fpa-kpi-card.expense .fpa-kpi-icon[b-cj6mavvod4] { background: rgba(245, 158, 11, 0.15); color: #fbbf24; }

@media (max-width: 1024px) {
    .fpa-kpi-grid[b-cj6mavvod4] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .fpa-kpi-grid[b-cj6mavvod4] {
        grid-template-columns: 1fr;
    }
}

/* ── KPI Threshold Color Coding ──────────────────────────────── */
.kpi-metric-card.kpi-threshold-good[b-cj6mavvod4] {
    border-left: 3px solid #10b981;
    background: linear-gradient(135deg, rgba(16,185,129,0.04) 0%, #ffffff 100%);
}
.kpi-metric-card.kpi-threshold-warn[b-cj6mavvod4] {
    border-left: 3px solid #f59e0b;
    background: linear-gradient(135deg, rgba(245,158,11,0.04) 0%, #ffffff 100%);
}
.kpi-metric-card.kpi-threshold-bad[b-cj6mavvod4] {
    border-left: 3px solid #ef4444;
    background: linear-gradient(135deg, rgba(239,68,68,0.04) 0%, #ffffff 100%);
}

.kpi-threshold-bar[b-cj6mavvod4] {
    height: 4px;
    background: rgba(0,0,0,0.07);
    border-radius: 2px;
    margin: 0.4rem 0 0.5rem;
    overflow: hidden;
}

.kpi-threshold-fill[b-cj6mavvod4] {
    height: 100%;
    background: #10b981;
    border-radius: 2px;
    transition: width 0.7s ease;
}

.kpi-metric-card.kpi-threshold-warn .kpi-threshold-fill[b-cj6mavvod4] { background: #f59e0b; }
.kpi-metric-card.kpi-threshold-bad  .kpi-threshold-fill[b-cj6mavvod4] { background: #ef4444; }
.kpi-threshold-fill.neg[b-cj6mavvod4]              { background: #ef4444; }

.kpi-value-muted[b-cj6mavvod4] {
    color: #94a3b8;
    font-size: 0.95rem;
}

/* ── Hospitality Benchmark Bar ───────────────────────────────── */
.hospitality-benchmark-bar[b-cj6mavvod4] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0.7rem 1.25rem;
    background: #f8fafc;
    border: 1px solid rgba(148,163,184,0.2);
    border-radius: 8px;
    margin: 0.25rem 0 0.5rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.hbench-item[b-cj6mavvod4] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex: 1;
    min-width: 160px;
}

.hbench-label[b-cj6mavvod4] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    margin-right: 0.35rem;
}

.hbench-range[b-cj6mavvod4] {
    font-size: 0.66rem;
    font-weight: 600;
    padding: 0.18rem 0.45rem;
    border-radius: 4px;
    white-space: nowrap;
}

.hbench-range.good[b-cj6mavvod4] { background: rgba(16,185,129,0.12); color: #047857; }
.hbench-range.warn[b-cj6mavvod4] { background: rgba(245,158,11,0.12);  color: #92400e; }
.hbench-range.bad[b-cj6mavvod4]  { background: rgba(239,68,68,0.1);    color: #991b1b; }

.hbench-divider[b-cj6mavvod4] {
    width: 1px;
    height: 28px;
    background: rgba(148,163,184,0.3);
    margin: 0 0.5rem;
}

/* ── KPI Metrics Grid — 6-column ────────────────────────────── */
.kpi-metrics-grid[b-cj6mavvod4] {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
}
/* /Presentation/Components/FinancialPlanning/RollingForecastTab.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   ROLLING FORECAST TAB — ENTERPRISE PLATINUM v10.0 ULTRA
   Continuous Planning Intelligence • Bloomberg × Figma × Linear
   ═══════════════════════════════════════════════════════════════════════════ */

.rolling-forecast-container[b-2fncak7ugc] {
    /* ── Surface Hierarchy ── */
    --rf-bg:            #f4f7fb;
    --rf-panel:         #ffffff;
    --rf-muted:         #f0f4fa;
    --rf-surface-glass: rgba(255, 255, 255, 0.85);
    --rf-border:        rgba(148, 163, 184, 0.25);
    --rf-border-strong: rgba(59, 130, 246, 0.5);

    /* ── Accent System ── */
    --rf-accent:        #0ea5e9;
    --rf-accent-dark:   #0284c7;
    --rf-accent-soft:   rgba(14, 165, 233, 0.1);
    --rf-accent-glow:   0 0 24px rgba(14, 165, 233, 0.35);
    --rf-indigo:        #6366f1;
    --rf-violet:        #8b5cf6;
    --rf-teal:          #14b8a6;

    /* ── Semantic Colors ── */
    --rf-actual:        #10b981;
    --rf-actual-soft:   rgba(16, 185, 129, 0.12);
    --rf-forecast:      #8b5cf6;
    --rf-forecast-soft: rgba(139, 92, 246, 0.1);
    --rf-warning:       #f59e0b;
    --rf-warning-soft:  rgba(245, 158, 11, 0.12);
    --rf-danger:        #ef4444;
    --rf-danger-soft:   rgba(239, 68, 68, 0.1);

    /* ── Text Hierarchy ── */
    --rf-ink:           #0f172a;
    --rf-ink-secondary: #334155;
    --rf-ink-muted:     #64748b;
    --rf-ink-faint:     #94a3b8;

    /* ── Elevation System ── */
    --rf-shadow-xs:     0 1px 2px rgba(0, 0, 0, 0.03);
    --rf-shadow-sm:     0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
    --rf-shadow-md:     0 8px 24px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04);
    --rf-shadow-lg:     0 20px 40px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.04);
    --rf-shadow-glow:   0 0 0 4px var(--rf-accent-soft);

    /* ── Radius ── */
    --rf-radius-sm:     6px;
    --rf-radius:        10px;
    --rf-radius-lg:     14px;
    --rf-radius-xl:     20px;
    --rf-radius-2xl:    28px;

    /* ── Motion ── */
    --rf-ease:          cubic-bezier(0.22, 1, 0.36, 1);
    --rf-ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
    --rf-transition:    0.2s var(--rf-ease);

    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: var(--rf-bg);
    font-family: "Inter", "Plus Jakarta Sans", -apple-system, sans-serif;
    animation: rf-slide-up-b-2fncak7ugc 0.4s var(--rf-ease-out);
    position: relative;
}

.rolling-forecast-container[b-2fncak7ugc]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 500px;
    background: radial-gradient(ellipse 100% 80% at 50% -20%, rgba(14, 165, 233, 0.1), transparent);
    pointer-events: none;
    z-index: 0;
}

@keyframes rf-slide-up-b-2fncak7ugc {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-bs-theme="dark"] .rolling-forecast-container[b-2fncak7ugc] {
    --rf-bg:            #0c1222;
    --rf-panel:         #111827;
    --rf-muted:         #1e293b;
    --rf-surface-glass: rgba(17, 24, 39, 0.9);
    --rf-border:        rgba(71, 85, 105, 0.4);
    --rf-accent:        #38bdf8;
    --rf-ink:           #f1f5f9;
    --rf-ink-secondary: #cbd5e1;
    --rf-ink-muted:     #94a3b8;
}

/* ════════════════════════════════════════════════════════════════════════════
   TOOLBAR
   ════════════════════════════════════════════════════════════════════════════ */

.rolling-forecast-toolbar[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem 1.5rem;
    background: var(--rf-panel);
    border-bottom: 1px solid var(--rf-border);
    gap: 0.5rem;
    flex-shrink: 0;
    position: relative;
    z-index: 5;
}

.rolling-forecast-toolbar .btn[b-2fncak7ugc] {
    border-radius: var(--rf-radius) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    border-color: var(--rf-border) !important;
    color: var(--rf-ink-muted) !important;
    transition: all var(--rf-transition) !important;
    padding: 0.45rem 0.9rem !important;
}

.rolling-forecast-toolbar .btn:hover[b-2fncak7ugc] {
    border-color: var(--rf-accent) !important;
    color: var(--rf-accent) !important;
    background: var(--rf-accent-soft) !important;
    transform: translateY(-1px) !important;
}

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

.rolling-header[b-2fncak7ugc] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    padding: 1.1rem 1.5rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
    position: relative;
    z-index: 10;
    flex-shrink: 0;
}

.rolling-header[b-2fncak7ugc]::before {
    display: none;
}

.rolling-header[b-2fncak7ugc]::after {
    display: none;
}

.rolling-header-content[b-2fncak7ugc] {
    position: relative;
    z-index: 1;
}

.rolling-title[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.2rem;
}

.rolling-title h2[b-2fncak7ugc] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.015em;
}

.rolling-title i[b-2fncak7ugc] {
    width: 32px;
    height: 32px;
    background: rgba(14, 165, 233, 0.1);
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    color: #0ea5e9;
    flex-shrink: 0;
}

.rolling-subtitle[b-2fncak7ugc] {
    color: #64748b;
    margin: 0.1rem 0 0.75rem 44px;
    font-size: 0.78rem;
}

.rolling-meta-row[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.rolling-meta-card[b-2fncak7ugc] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.4rem 0.85rem;
    background: #f1f5f9;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 8px;
    transition: all 0.15s ease;
}

.rolling-meta-card:hover[b-2fncak7ugc] {
    background: #e2e8f0;
    transform: none;
}

.rolling-meta-label[b-2fncak7ugc] {
    font-size: 0.58rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.rolling-meta-value[b-2fncak7ugc] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}

/* ════════════════════════════════════════════════════════════════════════════
   KPI GRID
   ════════════════════════════════════════════════════════════════════════════ */

.rolling-kpi-grid[b-2fncak7ugc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 0.9rem;
    padding: 1.25rem 1.5rem;
    background: var(--rf-muted);
    border-bottom: 1px solid var(--rf-border);
    position: relative;
    z-index: 1;
}

.rolling-kpi-card[b-2fncak7ugc] {
    background: var(--rf-panel);
    border-radius: var(--rf-radius-lg);
    padding: 1.15rem 1.3rem;
    box-shadow: var(--rf-shadow-sm);
    border: 1px solid var(--rf-border);
    position: relative;
    overflow: hidden;
    transition: all var(--rf-transition);
}

.rolling-kpi-card[b-2fncak7ugc]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--rf-border);
    transition: height var(--rf-transition);
}

.rolling-kpi-card:hover[b-2fncak7ugc] {
    box-shadow: var(--rf-shadow-lg);
    transform: translateY(-4px);
}

.rolling-kpi-card:hover[b-2fncak7ugc]::before {
    height: 5px;
}

.rolling-kpi-card.actual[b-2fncak7ugc]::before {
    background: linear-gradient(90deg, #10b981, #34d399);
}

.rolling-kpi-card.forecast[b-2fncak7ugc]::before {
    background: linear-gradient(90deg, #8b5cf6, #a78bfa);
}

.rolling-kpi-card.variance[b-2fncak7ugc]::before {
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

.rolling-kpi-card[b-2fncak7ugc]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    opacity: 0.05;
    transform: translate(30px, -30px);
}

.rolling-kpi-card.actual[b-2fncak7ugc]::after {
    background: var(--rf-actual);
}

.rolling-kpi-card.forecast[b-2fncak7ugc]::after {
    background: var(--rf-forecast);
}

.rolling-kpi-card.variance[b-2fncak7ugc]::after {
    background: var(--rf-warning);
}

.rolling-kpi-header[b-2fncak7ugc] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin-bottom: 0.65rem;
}

.rolling-kpi-icon[b-2fncak7ugc] {
    width: 46px;
    height: 46px;
    border-radius: var(--rf-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
    transition: transform var(--rf-transition);
}

.rolling-kpi-card:hover .rolling-kpi-icon[b-2fncak7ugc] {
    transform: scale(1.05);
}

.rolling-kpi-card.actual .rolling-kpi-icon[b-2fncak7ugc] {
    background: var(--rf-actual-soft);
    color: var(--rf-actual);
}

.rolling-kpi-card.forecast .rolling-kpi-icon[b-2fncak7ugc] {
    background: var(--rf-forecast-soft);
    color: var(--rf-forecast);
}

.rolling-kpi-card.variance .rolling-kpi-icon[b-2fncak7ugc] {
    background: var(--rf-warning-soft);
    color: var(--rf-warning);
}

.rolling-kpi-content[b-2fncak7ugc] {
    flex: 1;
    min-width: 0;
}

.rolling-kpi-label[b-2fncak7ugc] {
    font-size: 0.65rem;
    font-weight: 800;
    color: var(--rf-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.25rem;
}

.rolling-kpi-value[b-2fncak7ugc] {
    font-size: 1.7rem;
    font-weight: 900;
    color: var(--rf-ink);
    line-height: 1.1;
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
}

.rolling-kpi-meta[b-2fncak7ugc] {
    margin-top: 0.6rem;
    font-size: 0.75rem;
    color: var(--rf-ink-muted);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.rolling-kpi-change[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.68rem;
    font-weight: 800;
    padding: 0.15rem 0.55rem;
    border-radius: var(--rf-radius-sm);
}

.rolling-kpi-change.positive[b-2fncak7ugc] {
    background: var(--rf-actual-soft);
    color: var(--rf-actual);
}

.rolling-kpi-change.negative[b-2fncak7ugc] {
    background: var(--rf-danger-soft);
    color: var(--rf-danger);
}

/* ════════════════════════════════════════════════════════════════════════════
   ACTIONS BAR
   ════════════════════════════════════════════════════════════════════════════ */

.rolling-actions-bar[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.85rem 1.5rem;
    background: var(--rf-panel);
    border-bottom: 1px solid var(--rf-border);
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.btn-roll-forward[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: linear-gradient(135deg, #0ea5e9 0%, #14b8a6 100%);
    color: #ffffff;
    border: none;
    border-radius: var(--rf-radius);
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all var(--rf-transition);
    box-shadow: 0 4px 16px rgba(14, 165, 233, 0.35);
    letter-spacing: 0.01em;
}

.btn-roll-forward:hover:not(:disabled)[b-2fncak7ugc] {
    background: linear-gradient(135deg, #0284c7 0%, #0d9488 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(14, 165, 233, 0.45);
}

.btn-roll-forward:disabled[b-2fncak7ugc] {
    opacity: 0.55;
    cursor: not-allowed;
}

.btn-action[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 1rem;
    border: 1px solid var(--rf-border);
    background: var(--rf-panel);
    color: var(--rf-ink-muted);
}

/* ════════════════════════════════════════════════════════════════════════════
   DEPARTMENT PANEL LAYOUT (scoped copy for Blazor CSS isolation)
   ════════════════════════════════════════════════════════════════════════════ */

.dept-panel[b-2fncak7ugc] {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.dept-panel-header[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafd 100%);
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.dept-panel-title[b-2fncak7ugc] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
}

.dept-panel-title i[b-2fncak7ugc] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(14, 165, 233, 0.12);
    color: #0ea5e9;
    border-radius: 8px;
    font-size: 0.85rem;
}

.dept-panel-actions[b-2fncak7ugc] {
    display: flex;
    gap: 0.5rem;
}

.dept-panel-body[b-2fncak7ugc] {
    padding: 0;
}

.dept-grid-shell[b-2fncak7ugc] {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
    margin: 1rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   META STRIP (scoped copy for Blazor CSS isolation)
   ════════════════════════════════════════════════════════════════════════════ */

.data-entry-meta-strip[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
    flex-wrap: wrap;
    font-size: 0.78rem;
}

.data-entry-meta-group[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.data-entry-meta-chip[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.22rem 0.625rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #334155;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.data-entry-meta-chip i[b-2fncak7ugc] {
    color: #6366f1;
    font-size: 0.7rem;
}

.data-entry-help[b-2fncak7ugc] {
    font-size: 0.725rem;
    color: #6b7280;
    font-style: italic;
}

/* ════════════════════════════════════════════════════════════════════════════
   DRIVER RUN BANNER (scoped copy for Blazor CSS isolation)
   ════════════════════════════════════════════════════════════════════════════ */

.driver-run-banner[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 1.25rem;
    font-size: 0.82rem;
    font-weight: 600;
    border-radius: 0;
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
}

.driver-run-banner--success[b-2fncak7ugc] {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #166534;
}

.driver-run-banner--warning[b-2fncak7ugc] {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.driver-run-banner--error[b-2fncak7ugc] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.driver-run-banner-close[b-2fncak7ugc] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    opacity: 0.6;
    font-size: 0.8rem;
    padding: 0.2rem 0.4rem;
}

.driver-run-banner-close:hover[b-2fncak7ugc] {
    opacity: 1;
}

.driver-run-banner--error[b-2fncak7ugc] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.driver-run-banner-close[b-2fncak7ugc] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    opacity: 0.6;
    font-size: 0.8rem;
    padding: 0.2rem 0.4rem;
}

.driver-run-banner-close:hover[b-2fncak7ugc] {
    opacity: 1;
}
    border-radius: var(--rf-radius);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--rf-transition);[b-2fncak7ugc]
}

.btn-action:hover:not(:disabled)[b-2fncak7ugc] {
    border-color: var(--rf-accent);
    color: var(--rf-accent);
    background: var(--rf-accent-soft);
    transform: translateY(-1px);
}

.btn-action:disabled[b-2fncak7ugc] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ════════════════════════════════════════════════════════════════════════════
   EMPTY STATE
   ════════════════════════════════════════════════════════════════════════════ */

.rolling-empty[b-2fncak7ugc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    gap: 1rem;
    min-height: 320px;
}

.rolling-empty .empty-icon[b-2fncak7ugc] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--rf-accent-soft), rgba(99, 102, 241, 0.1));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--rf-accent);
    border: 2px dashed var(--rf-accent);
    box-shadow: 0 0 0 8px var(--rf-accent-soft);
}

.rolling-empty .empty-title[b-2fncak7ugc] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--rf-ink);
}

.rolling-empty .empty-description[b-2fncak7ugc] {
    font-size: 0.875rem;
    color: var(--rf-ink-muted);
    max-width: 480px;
    line-height: 1.6;
}

.rolling-empty .empty-actions[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.5rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   NEW DATA-ENTRY STYLE LAYOUT
   ═══════════════════════════════════════════════════════════════════════════ */

.rolling-container[b-2fncak7ugc] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f4f7fb;
    font-family: "Inter", -apple-system, sans-serif;
}

/* ── WORKBENCH HEADER ── */
.rf-workbench[b-2fncak7ugc] {
    background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);
    padding: 1.25rem 1.5rem;
    color: #f1f5f9;
}

.rf-workbench-summary[b-2fncak7ugc] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.rf-workbench-stat[b-2fncak7ugc] {
    display: flex;
    flex-direction: column;
    min-width: 100px;
}

.rf-workbench-stat-label[b-2fncak7ugc] {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255,255,255,0.6);
}

.rf-workbench-stat-value[b-2fncak7ugc] {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
}

.rf-workbench-stat-note[b-2fncak7ugc] {
    font-size: 0.7rem;
    color: rgba(255,255,255,0.5);
}

/* ── ACTION BAR ── */
.rf-action-bar[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.5rem;
    background: #ffffff;
    border-bottom: 1px solid rgba(148, 163, 184, 0.25);
}

.rf-action-bar-left[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.rf-action-bar-title[b-2fncak7ugc] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
}

.rf-action-bar-title i[b-2fncak7ugc] {
    color: #0ea5e9;
    margin-right: 0.5rem;
}

.rf-action-bar-right[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ── BUTTONS ── */
.rf-btn[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.15s ease;
}

.rf-btn:disabled[b-2fncak7ugc] {
    opacity: 0.5;
    cursor: not-allowed;
}

.rf-btn-primary[b-2fncak7ugc] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #ffffff;
    border-color: #2563eb;
}

.rf-btn-primary:hover:not(:disabled)[b-2fncak7ugc] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

.rf-btn-secondary[b-2fncak7ugc] {
    background: #f1f5f9;
    color: #334155;
    border-color: rgba(148, 163, 184, 0.4);
}

.rf-btn-secondary:hover:not(:disabled)[b-2fncak7ugc] {
    background: #e2e8f0;
    border-color: rgba(148, 163, 184, 0.6);
}

.rf-btn-success[b-2fncak7ugc] {
    background: linear-gradient(135deg, #10b981, #059669);
    color: #ffffff;
    border-color: #059669;
}

.rf-btn-success:hover:not(:disabled)[b-2fncak7ugc] {
    background: linear-gradient(135deg, #059669, #047857);
}

.rf-btn-outline[b-2fncak7ugc] {
    background: transparent;
    color: #64748b;
    border-color: rgba(148, 163, 184, 0.4);
}

.rf-btn-outline:hover:not(:disabled)[b-2fncak7ugc] {
    background: rgba(148, 163, 184, 0.1);
    color: #334155;
}

.rf-btn-sm[b-2fncak7ugc] {
    padding: 0.35rem 0.65rem;
    font-size: 0.7rem;
}

/* ── META STRIP ── */
.rf-meta-strip[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1.5rem;
    background: #f8fafc;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.rf-meta-group[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.rf-meta-chip[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    font-size: 0.7rem;
    font-weight: 500;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 4px;
    color: #64748b;
}

.rf-meta-chip i[b-2fncak7ugc] {
    font-size: 0.65rem;
}

.rf-meta-chip--warning[b-2fncak7ugc] {
    background: rgba(245, 158, 11, 0.1);
    color: #b45309;
    border-color: rgba(245, 158, 11, 0.3);
}

.rf-meta-help[b-2fncak7ugc] {
    font-size: 0.7rem;
    color: #94a3b8;
}

.rf-meta-help i[b-2fncak7ugc] {
    margin-right: 0.25rem;
}

/* ── NOTIFICATION BANNER ── */
.rf-banner[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.8rem;
    font-weight: 500;
}

.rf-banner--success[b-2fncak7ugc] {
    background: rgba(16, 185, 129, 0.1);
    color: #047857;
    border-bottom: 1px solid rgba(16, 185, 129, 0.2);
}

.rf-banner--warning[b-2fncak7ugc] {
    background: rgba(245, 158, 11, 0.1);
    color: #b45309;
    border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}

.rf-banner-close[b-2fncak7ugc] {
    margin-left: auto;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    opacity: 0.6;
}

.rf-banner-close:hover[b-2fncak7ugc] {
    opacity: 1;
}

/* ── GRID PANEL ── */
.rf-grid-panel[b-2fncak7ugc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem 1.5rem;
    overflow: hidden;
}

.rf-grid-header[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.rf-grid-header h4[b-2fncak7ugc] {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 700;
    color: #0f172a;
}

.rf-grid-header h4 i[b-2fncak7ugc] {
    color: #0ea5e9;
    margin-right: 0.5rem;
}

.rf-grid-actions[b-2fncak7ugc] {
    display: flex;
    gap: 0.35rem;
}

.rf-grid-body[b-2fncak7ugc] {
    flex: 1;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 8px;
    overflow: hidden;
}

/* ── LOADING STATE ── */
.rf-loading[b-2fncak7ugc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: #64748b;
    gap: 1rem;
}

.rf-loading i[b-2fncak7ugc] {
    font-size: 2rem;
    color: #0ea5e9;
}

/* ── EMPTY STATE ── */
.rf-empty[b-2fncak7ugc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: #64748b;
}

.rf-empty > i[b-2fncak7ugc] {
    font-size: 3rem;
    color: #cbd5e1;
    margin-bottom: 1rem;
}

.rf-empty-title[b-2fncak7ugc] {
    font-size: 1rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: 0.25rem;
}

.rf-empty-desc[b-2fncak7ugc] {
    font-size: 0.85rem;
    color: #94a3b8;
}

/* ── ACCOUNT CELL ── */
.rf-account-cell[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

/* ── DRAWER OVERLAY ── */
.rf-drawer-overlay[b-2fncak7ugc] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 420px;
    background: #ffffff;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transform: translateX(100%);
    transition: transform 0.25s ease;
}

.rf-drawer-overlay.open[b-2fncak7ugc] {
    transform: translateX(0);
}

/* ── DARK MODE ── */
[data-bs-theme="dark"] .rolling-container[b-2fncak7ugc] {
    background: #0c1222;
}

[data-bs-theme="dark"] .rf-workbench[b-2fncak7ugc] {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

[data-bs-theme="dark"] .rf-action-bar[b-2fncak7ugc] {
    background: #111827;
    border-color: rgba(71, 85, 105, 0.4);
}

[data-bs-theme="dark"] .rf-action-bar-title[b-2fncak7ugc] {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .rf-meta-strip[b-2fncak7ugc] {
    background: #1e293b;
    border-color: rgba(71, 85, 105, 0.3);
}

[data-bs-theme="dark"] .rf-meta-chip[b-2fncak7ugc] {
    background: #334155;
    border-color: rgba(71, 85, 105, 0.4);
    color: #cbd5e1;
}

[data-bs-theme="dark"] .rf-grid-panel[b-2fncak7ugc] {
    background: transparent;
}

[data-bs-theme="dark"] .rf-grid-header h4[b-2fncak7ugc] {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .rf-grid-body[b-2fncak7ugc] {
    background: #111827;
    border-color: rgba(71, 85, 105, 0.4);
}

/* ──────────────────────────────────────────────────────────────────────────
   WORKSPACE RESET — clean data-entry layout
   ────────────────────────────────────────────────────────────────────────── */

.rolling-container[b-2fncak7ugc] {
    min-height: 100%;
    background: #f3f6fa;
    color: #0f172a;
    font-family: "Segoe UI", "Inter", sans-serif;
}

.rf-workbench[b-2fncak7ugc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid #dbe4ee;
    color: #0f172a;
}

.rf-workbench-top[b-2fncak7ugc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.rf-workbench-intro[b-2fncak7ugc] {
    max-width: 760px;
}

.rf-workbench-eyebrow[b-2fncak7ugc] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 0.4rem;
}

.rf-workbench-title[b-2fncak7ugc] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.rf-workbench-subtitle[b-2fncak7ugc] {
    margin: 0.4rem 0 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #475569;
}

.rf-workbench-statuses[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.rf-status-pill[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    border: 1px solid #dbe4ee;
    background: #ffffff;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 600;
}

.rf-status-pill.warning[b-2fncak7ugc] {
    background: #fff7ed;
    border-color: #fdba74;
    color: #9a3412;
}

.rf-workbench-summary[b-2fncak7ugc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.rf-workbench-stat[b-2fncak7ugc] {
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #dbe4ee;
    min-width: 0;
}

.rf-workbench-stat-label[b-2fncak7ugc] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.rf-workbench-stat-value[b-2fncak7ugc] {
    margin-top: 0.3rem;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.rf-workbench-stat-note[b-2fncak7ugc] {
    margin-top: 0.2rem;
    font-size: 0.76rem;
    color: #64748b;
}

.rf-action-bar[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1.5rem;
    background: #ffffff;
    border-bottom: 1px solid #dbe4ee;
    flex-wrap: wrap;
}

.rf-action-bar-copy[b-2fncak7ugc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.rf-action-bar-title[b-2fncak7ugc] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #0f172a;
}

.rf-action-bar-title i[b-2fncak7ugc] {
    margin-right: 0.5rem;
    color: #2563eb;
}

.rf-action-bar-note[b-2fncak7ugc] {
    font-size: 0.78rem;
    color: #64748b;
}

.rf-action-bar-right[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.rf-btn[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.2rem;
    padding: 0 0.95rem;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 600;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.rf-btn:hover:not(:disabled)[b-2fncak7ugc] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.rf-btn-primary[b-2fncak7ugc] {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

.rf-btn-primary:hover:not(:disabled)[b-2fncak7ugc] {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

.rf-btn-secondary[b-2fncak7ugc] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.rf-btn-secondary:hover:not(:disabled)[b-2fncak7ugc] {
    background: #dbeafe;
    border-color: #93c5fd;
}

.rf-btn-success[b-2fncak7ugc] {
    background: #059669;
    border-color: #059669;
    color: #ffffff;
}

.rf-btn-success:hover:not(:disabled)[b-2fncak7ugc] {
    background: #047857;
    border-color: #047857;
}

.rf-btn-outline[b-2fncak7ugc] {
    background: #ffffff;
    color: #475569;
}

.rf-btn-sm[b-2fncak7ugc] {
    min-height: 1.95rem;
    padding: 0 0.8rem;
    font-size: 0.74rem;
}

.rf-meta-strip[b-2fncak7ugc],
.rf-summary-grid[b-2fncak7ugc],
.rf-period-strip[b-2fncak7ugc],
.rf-banner[b-2fncak7ugc],
.rf-variance-panel[b-2fncak7ugc],
.rf-grid-panel[b-2fncak7ugc] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.rf-meta-strip[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0;
    background: transparent;
    border-bottom: none;
    flex-wrap: wrap;
}

.rf-meta-group[b-2fncak7ugc] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.rf-meta-chip[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #dbe4ee;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 600;
}

.rf-meta-chip--warning[b-2fncak7ugc] {
    background: #fff7ed;
    border-color: #fdba74;
    color: #9a3412;
}

.rf-meta-help[b-2fncak7ugc] {
    font-size: 0.78rem;
    color: #64748b;
}

.rf-summary-grid[b-2fncak7ugc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.rf-kpi-card[b-2fncak7ugc] {
    padding: 1rem 1.05rem;
    border-radius: 14px;
    border: 1px solid #dbe4ee;
    background: #ffffff;
}

.rf-kpi-label[b-2fncak7ugc] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.rf-kpi-value[b-2fncak7ugc] {
    margin-top: 0.45rem;
    font-size: 1.2rem;
    line-height: 1.1;
    font-weight: 700;
    color: #0f172a;
}

.rf-kpi-meta[b-2fncak7ugc] {
    margin-top: 0.35rem;
    font-size: 0.78rem;
    color: #64748b;
}

.rf-period-strip[b-2fncak7ugc] {
    padding: 1rem 1.05rem;
    margin-bottom: 1rem;
    border-radius: 14px;
    border: 1px solid #dbe4ee;
    background: #ffffff;
}

.rf-period-strip-head[b-2fncak7ugc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
}

.rf-period-strip-title[b-2fncak7ugc] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #0f172a;
}

.rf-period-strip-note[b-2fncak7ugc] {
    margin-top: 0.2rem;
    font-size: 0.78rem;
    color: #64748b;
}

.rf-period-legend[b-2fncak7ugc] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.rf-period-legend-item[b-2fncak7ugc],
.rf-period-pill[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
}

.rf-period-legend-item.actual[b-2fncak7ugc],
.rf-period-pill.actual[b-2fncak7ugc] {
    background: #ecfdf5;
    color: #047857;
}

.rf-period-legend-item.current[b-2fncak7ugc],
.rf-period-pill.current[b-2fncak7ugc] {
    background: #fff7ed;
    color: #b45309;
}

.rf-period-legend-item.forecast[b-2fncak7ugc],
.rf-period-pill.forecast[b-2fncak7ugc] {
    background: #eff6ff;
    color: #1d4ed8;
}

.rf-period-track[b-2fncak7ugc] {
    display: flex;
    gap: 0.55rem;
    overflow-x: auto;
    padding-bottom: 0.2rem;
}

.rf-period-pill[b-2fncak7ugc] {
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-start;
    min-width: 88px;
}

.rf-period-pill-month[b-2fncak7ugc] {
    font-size: 0.78rem;
}

.rf-period-pill-type[b-2fncak7ugc] {
    font-size: 0.68rem;
    opacity: 0.9;
}

.rf-banner[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.rf-banner--success[b-2fncak7ugc] {
    background: #ecfdf5;
    border-color: #86efac;
    color: #166534;
}

.rf-banner--warning[b-2fncak7ugc] {
    background: #fff7ed;
    border-color: #fdba74;
    color: #9a3412;
}

.rf-banner-close[b-2fncak7ugc] {
    margin-left: auto;
    background: transparent;
    border: none;
    color: inherit;
}

.rf-variance-panel[b-2fncak7ugc] {
    padding: 1rem 1.05rem;
    margin-bottom: 1rem;
    border-radius: 14px;
    border: 1px solid #dbe4ee;
    background: #ffffff;
}

.rf-variance-header[b-2fncak7ugc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
}

.rf-variance-title[b-2fncak7ugc] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #0f172a;
}

.rf-variance-note[b-2fncak7ugc] {
    margin-top: 0.2rem;
    font-size: 0.78rem;
    color: #64748b;
}

.rf-variance-total[b-2fncak7ugc] {
    font-size: 0.82rem;
    font-weight: 700;
}

.rf-variance-empty[b-2fncak7ugc] {
    font-size: 0.82rem;
    color: #64748b;
    padding: 0.3rem 0;
}

.rf-variance-list[b-2fncak7ugc] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.rf-variance-row[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.75rem 0.85rem;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.rf-variance-row-main[b-2fncak7ugc] {
    min-width: 180px;
}

.rf-variance-row-name[b-2fncak7ugc] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #0f172a;
}

.rf-variance-row-period[b-2fncak7ugc] {
    margin-top: 0.15rem;
    font-size: 0.74rem;
    color: #64748b;
}

.rf-variance-row-metrics[b-2fncak7ugc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(90px, auto));
    gap: 0.75rem;
    font-size: 0.78rem;
    color: #334155;
    text-align: right;
}

.rolling-container .positive[b-2fncak7ugc] {
    color: #047857;
}

.rolling-container .negative[b-2fncak7ugc] {
    color: #b42318;
}

.rolling-container .neutral[b-2fncak7ugc] {
    color: #475569;
}

.rf-grid-panel[b-2fncak7ugc] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-bottom: 1.5rem;
}

.rf-grid-header[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.rf-grid-header h4[b-2fncak7ugc] {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: #0f172a;
}

.rf-grid-header h4 i[b-2fncak7ugc] {
    color: #2563eb;
    margin-right: 0.45rem;
}

.rf-grid-actions[b-2fncak7ugc] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.rf-grid-body[b-2fncak7ugc] {
    flex: 1;
    min-height: 34rem;
    border-radius: 14px;
    border: 1px solid #dbe4ee;
    background: #ffffff;
    overflow: hidden;
}

.rf-loading[b-2fncak7ugc],
.rf-empty[b-2fncak7ugc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 28rem;
    padding: 2rem;
    text-align: center;
    color: #64748b;
}

.rf-empty-title[b-2fncak7ugc] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.rf-empty-desc[b-2fncak7ugc] {
    font-size: 0.82rem;
    color: #64748b;
}

.rf-account-cell[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.rf-account-text[b-2fncak7ugc] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.rolling-container[b-2fncak7ugc] (.e-treegrid),
.rolling-container[b-2fncak7ugc] (.e-grid) {
    border: none !important;
    height: 100% !important;
}

.rolling-container[b-2fncak7ugc] (.e-gridheader) {
    border-bottom: 1px solid #dbe4ee !important;
    background: #f8fafc !important;
}

.rolling-container[b-2fncak7ugc] (.e-headercell),
.rolling-container[b-2fncak7ugc] (.e-rowcell),
.rolling-container[b-2fncak7ugc] (.e-summarycell) {
    border-color: #e2e8f0 !important;
}

.rolling-container[b-2fncak7ugc] (.e-headercell) {
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ── Row background CSS variable cascade (mirrors DepartmentBudgetTab pattern) ── */
.rolling-container[b-2fncak7ugc] (.e-rowcell) {
    background: var(--rf-row-bg, #ffffff);
    color: var(--rf-row-fg, #334155);
    font-size: 0.8rem;
    transition: background 0.15s ease;
}

.rolling-container[b-2fncak7ugc] (.e-row.e-altrow .e-rowcell) {
    background: var(--rf-row-bg, #fafbfd);
}

.rolling-container[b-2fncak7ugc] (.e-row:hover .e-rowcell) {
    background: rgba(14, 165, 233, 0.06);
}

/* ── Period-type tinting on data cells only (NOT on group/total/net rows) ── */
.rolling-container[b-2fncak7ugc] (.rf-row-detail .e-rowcell.cell-actual) {
    background: #ecfdf5;
}
.rolling-container[b-2fncak7ugc] (.rf-row-detail .e-rowcell.cell-current) {
    background: #fff7ed;
}
.rolling-container[b-2fncak7ugc] (.rf-row-detail .e-rowcell.cell-forecast) {
    background: #ffffff;
}
.rolling-container[b-2fncak7ugc] (.rf-row-detail.e-altrow .e-rowcell.cell-forecast) {
    background: #fafbfd;
}

/* ── Level-based subgroup background coloring (the user's main request) ──
   Each hierarchy level gets a slightly stronger tint so visual scanning is easy.
   Mirrors DepartmentBudgetTab's `--de-row-bg` cascade strategy. */
.rolling-container[b-2fncak7ugc] (.rf-row-level-0) {
    --rf-row-bg: linear-gradient(90deg, #e0f2fe 0%, #dbeafe 100%);
    --rf-row-fg: #0c4a6e;
    font-weight: 800;
    border-left: 4px solid #0ea5e9;
}
.rolling-container[b-2fncak7ugc] (.rf-row-level-0 .e-rowcell) {
    font-weight: 800 !important;
}

.rolling-container[b-2fncak7ugc] (.rf-row-level-1) {
    --rf-row-bg: #eef2f7;
    --rf-row-fg: #1e3a8a;
    font-weight: 700;
}
.rolling-container[b-2fncak7ugc] (.rf-row-level-1 .e-rowcell) {
    font-weight: 700 !important;
}

.rolling-container[b-2fncak7ugc] (.rf-row-level-2) {
    --rf-row-bg: #f4f6fa;
    --rf-row-fg: #1f2937;
    font-weight: 600;
}
.rolling-container[b-2fncak7ugc] (.rf-row-level-2 .e-rowcell) {
    font-weight: 600 !important;
}

.rolling-container[b-2fncak7ugc] (.rf-row-level-3) {
    --rf-row-bg: #f8fafc;
    --rf-row-fg: #334155;
    font-weight: 600;
}
.rolling-container[b-2fncak7ugc] (.rf-row-level-3 .e-rowcell) {
    font-weight: 600 !important;
}

/* ── Total / Net rows — strong visual emphasis ── */
.rolling-container[b-2fncak7ugc] (.rf-row-total) {
    --rf-row-bg: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 100%);
    --rf-row-fg: #0f172a;
    font-weight: 700;
    border-top: 1px solid #cbd5e1;
}
.rolling-container[b-2fncak7ugc] (.rf-row-total .e-rowcell) {
    font-weight: 700 !important;
    border-top: 1px solid #cbd5e1 !important;
}

.rolling-container[b-2fncak7ugc] (.rf-row-net) {
    --rf-row-bg: linear-gradient(90deg, #0c1222 0%, #1a365d 100%);
    --rf-row-fg: #ffffff;
    font-weight: 800;
}
.rolling-container[b-2fncak7ugc] (.rf-row-net .e-rowcell) {
    color: #ffffff !important;
    font-weight: 800 !important;
}
.rolling-container[b-2fncak7ugc] (.rf-row-net .e-treecell),
.rolling-container[b-2fncak7ugc] (.rf-row-net .e-treegridexpand),
.rolling-container[b-2fncak7ugc] (.rf-row-net .e-treegridcollapse) {
    color: #ffffff !important;
}

/* ── Formula rows (calculated, italic dim style) ── */
.rolling-container[b-2fncak7ugc] (.rf-row-formula) {
    font-style: italic;
}
.rolling-container[b-2fncak7ugc] (.rf-row-formula .e-rowcell) {
    color: var(--rf-row-fg, #475569) !important;
}

/* ── Locked (actual) row override on detail rows ── */
.rolling-container[b-2fncak7ugc] (.rf-row-detail.rf-row-locked .e-rowcell.cell-actual) {
    background: #ecfdf5;
    color: #064e3b;
}

/* ── Frozen column visual seam ── */
.rolling-container[b-2fncak7ugc] (.e-frozencontent),
.rolling-container[b-2fncak7ugc] (.e-frozenheader) {
    border-right: 2px solid #cbd5e1 !important;
    box-shadow: 4px 0 8px -4px rgba(15, 23, 42, 0.08);
}

/* ── Hierarchical name cell (replaces inline padding-left calc) ── */
.rolling-container[b-2fncak7ugc] (.rf-name-cell) {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 28px;
}
.rolling-container[b-2fncak7ugc] (.rf-name-cell .rf-name-icon) {
    flex-shrink: 0;
    width: 18px;
    text-align: center;
    color: #6366f1;
}
.rolling-container[b-2fncak7ugc] (.rf-row-detail .rf-name-cell .rf-name-icon) {
    color: #94a3b8;
}
.rolling-container[b-2fncak7ugc] (.rf-name-cell .rf-name-text) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rolling-container[b-2fncak7ugc] (.rf-name-cell .rf-name-code) {
    margin-left: auto;
    font-size: 0.7rem;
    color: var(--rf-row-fg, #94a3b8);
    opacity: 0.7;
    font-variant-numeric: tabular-nums;
    padding-left: 0.5rem;
}
.rolling-container[b-2fncak7ugc] (.rf-row-net .rf-name-cell .rf-name-code) {
    color: rgba(255, 255, 255, 0.7);
}

/* ── Total column (frozen) ── */
.rolling-container[b-2fncak7ugc] (.rf-total-cell) {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    padding-right: 0.5rem;
}

[data-bs-theme="dark"] .rolling-container[b-2fncak7ugc] {
    background: #0f172a;
    color: #e2e8f0;
}

[data-bs-theme="dark"] .rf-workbench[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-action-bar[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-kpi-card[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-period-strip[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-variance-panel[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-grid-body[b-2fncak7ugc] {
    background: #111827;
    border-color: #334155;
}

[data-bs-theme="dark"] .rf-workbench-title[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-action-bar-title[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-grid-header h4[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-kpi-value[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-variance-title[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-variance-row-name[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-empty-title[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-workbench-stat-value[b-2fncak7ugc] {
    color: #f8fafc;
}

[data-bs-theme="dark"] .rf-workbench-subtitle[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-action-bar-note[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-workbench-eyebrow[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-workbench-stat-label[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-workbench-stat-note[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-kpi-label[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-kpi-meta[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-meta-help[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-period-strip-note[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-variance-note[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-variance-row-period[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-empty-desc[b-2fncak7ugc] {
    color: #94a3b8;
}

[data-bs-theme="dark"] .rf-status-pill[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-meta-chip[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-btn[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-workbench-stat[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-variance-row[b-2fncak7ugc] {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

[data-bs-theme="dark"] .rf-btn-outline[b-2fncak7ugc],
[data-bs-theme="dark"] .rf-btn-sm[b-2fncak7ugc] {
    color: #cbd5e1;
}

[data-bs-theme="dark"] .rolling-container[b-2fncak7ugc] (.e-gridheader),
[data-bs-theme="dark"] .rolling-container[b-2fncak7ugc] (.e-headercell) {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-bs-theme="dark"] .rolling-container[b-2fncak7ugc] (.e-rowcell) {
    background: #111827 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

@media (max-width: 900px) {
    .rf-meta-strip[b-2fncak7ugc],
    .rf-summary-grid[b-2fncak7ugc],
    .rf-period-strip[b-2fncak7ugc],
    .rf-banner[b-2fncak7ugc],
    .rf-variance-panel[b-2fncak7ugc],
    .rf-grid-panel[b-2fncak7ugc] {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .rf-workbench[b-2fncak7ugc],
    .rf-action-bar[b-2fncak7ugc] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .rf-variance-row-metrics[b-2fncak7ugc] {
        grid-template-columns: repeat(2, minmax(90px, auto));
        width: 100%;
        text-align: left;
    }
}

/* ── ROLLING FORECAST RAPOR PANELİ ─────────────────────────────────── */
.rf-view-tabs[b-2fncak7ugc] { display:flex; gap:0; background:#f1f5f9; border-radius:10px; padding:4px; margin:8px 0; width:fit-content; }
.rf-view-tab[b-2fncak7ugc] { background:none; border:none; color:#64748b; font-size:12px; font-weight:600; padding:6px 16px; border-radius:8px; cursor:pointer; transition:.15s; }
.rf-view-tab.active[b-2fncak7ugc] { background:#0f172a; color:#f8fafc; }

.rf-report-panel[b-2fncak7ugc] { display:flex; flex-direction:column; gap:16px; }
.rf-report-kpis[b-2fncak7ugc] { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:10px; }
.rf-rk[b-2fncak7ugc] { background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:14px; }
.rf-rk--pos[b-2fncak7ugc] { border-top:3px solid #10b981; }
.rf-rk--neg[b-2fncak7ugc] { border-top:3px solid #ef4444; }
.rf-rk-label[b-2fncak7ugc] { font-size:10px; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:.5px; margin-bottom:4px; }
.rf-rk-val[b-2fncak7ugc] { font-size:20px; font-weight:800; color:#0f172a; }
.rf-rk-val.pos[b-2fncak7ugc] { color:#059669; }
.rf-rk-val.neg[b-2fncak7ugc] { color:#dc2626; }
.rf-rk-sub[b-2fncak7ugc] { font-size:11px; color:#94a3b8; margin-top:2px; }

.rf-report-timeline[b-2fncak7ugc] { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:16px; }
.rf-timeline-header[b-2fncak7ugc] { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.rf-timeline-header h3[b-2fncak7ugc] { margin:0; font-size:14px; font-weight:700; color:#0f172a; }
.rf-timeline-cutoff[b-2fncak7ugc] { background:#fef3c7; color:#92400e; padding:4px 10px; border-radius:20px; font-size:11px; font-weight:700; }

.rf-period-grid[b-2fncak7ugc] { display:flex; gap:4px; overflow-x:auto; }
.rf-period-cell[b-2fncak7ugc] { min-width:70px; display:flex; flex-direction:column; align-items:center; padding:8px 4px; border-radius:8px; border:1px solid #e2e8f0; }
.rf-period--actual[b-2fncak7ugc] { background:#f0fdf4; border-color:#86efac; }
.rf-period--forecast[b-2fncak7ugc] { background:#faf5ff; border-color:#d8b4fe; }
.rf-period-label[b-2fncak7ugc] { font-size:10px; font-weight:700; color:#374151; }
.rf-period-type[b-2fncak7ugc] { font-size:9px; color:#94a3b8; margin:2px 0; }
.rf-period-bar[b-2fncak7ugc] { width:40px; background:#e2e8f0; border-radius:4px; margin:4px 0; min-height:4px; display:flex; align-items:flex-end; }
.rf-period-fill[b-2fncak7ugc] { width:100%; border-radius:4px; background:#3b82f6; min-height:4px; }
.rf-period--actual .rf-period-fill[b-2fncak7ugc] { background:#10b981; }
.rf-period--forecast .rf-period-fill[b-2fncak7ugc] { background:#7c3aed; }
.rf-period-val[b-2fncak7ugc] { font-size:10px; font-weight:700; color:#0f172a; }

.rf-report-card[b-2fncak7ugc] { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:16px; }
.rf-rc-header[b-2fncak7ugc] { margin-bottom:12px; }
.rf-rc-header h3[b-2fncak7ugc] { margin:0; font-size:14px; font-weight:700; color:#0f172a; }
.rf-var-tbl[b-2fncak7ugc] { width:100%; border-collapse:collapse; font-size:12px; }
.rf-var-tbl thead tr[b-2fncak7ugc] { background:#f8fafc; border-bottom:2px solid #e2e8f0; }
.rf-var-tbl th[b-2fncak7ugc] { padding:8px 10px; text-align:left; font-weight:600; color:#64748b; font-size:11px; text-transform:uppercase; }
.rf-var-tbl th.num[b-2fncak7ugc] { text-align:right; }
.rf-var-tbl td[b-2fncak7ugc] { padding:7px 10px; border-bottom:1px solid #f1f5f9; }
.rf-var-tbl td.num[b-2fncak7ugc] { text-align:right; }
.rf-var-tbl td.pos[b-2fncak7ugc] { color:#059669; font-weight:600; }
.rf-var-tbl td.neg[b-2fncak7ugc] { color:#dc2626; font-weight:600; }

/* ── Senaryo Merceği (Base / Optimistic / Pessimistic) ── */
.rf-lens-strip[b-2fncak7ugc] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .55rem .85rem;
    margin-bottom: .7rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 6px 18px -14px rgba(15, 23, 42, .35);
}

.rf-lens-label[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #64748b;
}

.rf-lens-chips[b-2fncak7ugc] {
    display: inline-flex;
    padding: 3px;
    gap: 2px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.rf-lens-chip[b-2fncak7ugc] {
    height: 30px;
    padding: 0 .9rem;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s;
}

.rf-lens-chip:hover[b-2fncak7ugc] { color: #1e293b; }
.rf-lens-chip.on[b-2fncak7ugc] { background: #fff; box-shadow: 0 1px 4px rgba(15, 23, 42, .14); }
.rf-lens-chip.on.base[b-2fncak7ugc] { color: #1d4ed8; }
.rf-lens-chip.on.opt[b-2fncak7ugc] { color: #15803d; }
.rf-lens-chip.on.pes[b-2fncak7ugc] { color: #b91c1c; }

.rf-lens-pct[b-2fncak7ugc] { display: inline-flex; align-items: center; gap: .45rem; }
.rf-lens-pct span[b-2fncak7ugc] { font-size: .68rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: .04em; }
.rf-lens-pct input[b-2fncak7ugc] {
    width: 74px;
    height: 30px;
    padding: 0 .5rem;
    border: 1px solid #dbe3ef;
    border-radius: 7px;
    font-size: .8rem;
    font-weight: 700;
    color: #0f172a;
    outline: none;
}
.rf-lens-pct input:focus[b-2fncak7ugc] { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); }

.rf-lens-note[b-2fncak7ugc] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .7rem;
    color: #64748b;
    margin-left: auto;
}
.rf-lens-note i[b-2fncak7ugc] { color: #3b82f6; }
/* /Presentation/Components/FinancialPlanning/ScenarioLifecycleManager.razor.rz.scp.css */
/* Scenario Lifecycle Manager Styles */

.scenario-lifecycle-manager[b-nrwlui2bjl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* SLA Breach Alert */
.sla-breach-alert[b-nrwlui2bjl] {
    position: relative;
    z-index: 1030;
}

.sla-breach-alert .alert[b-nrwlui2bjl] {
    border-left: 4px solid var(--bs-danger);
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.1) 0%, rgba(220, 53, 69, 0.05) 100%);
}

.alert-content[b-nrwlui2bjl] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.alert-icon[b-nrwlui2bjl] {
    font-size: 1.5rem;
    color: var(--bs-danger);
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.alert-message[b-nrwlui2bjl] {
    flex: 1;
    min-width: 0;
}

.alert-message strong[b-nrwlui2bjl] {
    color: var(--bs-danger);
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    display: block;
}

.alert-message p[b-nrwlui2bjl] {
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.alert-actions[b-nrwlui2bjl] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* SLA Timer Widget */
.sla-timer-widget[b-nrwlui2bjl] {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    border: 2px solid;
    background: var(--bs-body-bg);
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.sla-timer-widget.sla-timer-normal[b-nrwlui2bjl] {
    border-color: var(--bs-success);
    background: linear-gradient(135deg, rgba(25, 135, 84, 0.05) 0%, rgba(25, 135, 84, 0.02) 100%);
}

.sla-timer-widget.sla-timer-warning[b-nrwlui2bjl] {
    border-color: var(--bs-warning);
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 193, 7, 0.05) 100%);
}

.sla-timer-widget.sla-timer-critical[b-nrwlui2bjl] {
    border-color: var(--bs-danger);
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.1) 0%, rgba(220, 53, 69, 0.05) 100%);
    animation: pulse-b-nrwlui2bjl 2s infinite;
}

.sla-content[b-nrwlui2bjl] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    width: 100%;
}

.sla-icon[b-nrwlui2bjl] {
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sla-timer-normal .sla-icon[b-nrwlui2bjl] {
    color: var(--bs-success);
}

.sla-timer-warning .sla-icon[b-nrwlui2bjl] {
    color: var(--bs-warning);
}

.sla-timer-critical .sla-icon[b-nrwlui2bjl] {
    color: var(--bs-danger);
}

.sla-details[b-nrwlui2bjl] {
    flex: 1;
    min-width: 0;
}

.sla-stage[b-nrwlui2bjl] {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--bs-body-color);
    margin-bottom: 0.25rem;
}

.sla-time[b-nrwlui2bjl] {
    font-size: 0.875rem;
}

.time-remaining[b-nrwlui2bjl] {
    color: var(--bs-text-muted);
    font-weight: 500;
}

.time-breached[b-nrwlui2bjl] {
    color: var(--bs-danger);
    font-weight: 600;
}

.sla-progress[b-nrwlui2bjl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 120px;
}

.sla-progress .progress[b-nrwlui2bjl] {
    height: 0.5rem;
    border-radius: 0.25rem;
}

.progress-text[b-nrwlui2bjl] {
    text-align: center;
    font-size: 0.75rem;
    color: var(--bs-text-muted);
}

/* Workflow Quick Actions */
.workflow-quick-actions[b-nrwlui2bjl] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.workflow-quick-actions .btn[b-nrwlui2bjl] {
    font-weight: 500;
    border-radius: 0.5rem;
    padding: 0.75rem 1.25rem;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.workflow-quick-actions .btn[b-nrwlui2bjl]:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.workflow-quick-actions .btn:hover[b-nrwlui2bjl]:before {
    left: 100%;
}

/* Workflow History Timeline */
.workflow-history-timeline[b-nrwlui2bjl] {
    margin-top: 1.5rem;
}

.timeline-title[b-nrwlui2bjl] {
    font-weight: 600;
    color: var(--bs-body-color);
    margin-bottom: 1.25rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.timeline[b-nrwlui2bjl] {
    position: relative;
    padding-left: 2rem;
}

.timeline[b-nrwlui2bjl]::before {
    content: '';
    position: absolute;
    left: 1rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--bs-border-color);
}

.timeline-entry[b-nrwlui2bjl] {
    position: relative;
    margin-bottom: 2rem;
    padding-left: 2rem;
}

.timeline-entry:last-child[b-nrwlui2bjl] {
    margin-bottom: 0;
}

.timeline-marker[b-nrwlui2bjl] {
    position: absolute;
    left: -2rem;
    top: 0.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    border: 2px solid var(--bs-body-bg);
    z-index: 1;
}

.timeline-entry.timeline-submitted .timeline-marker[b-nrwlui2bjl] {
    background: var(--bs-info);
    color: white;
}

.timeline-entry.timeline-approved .timeline-marker[b-nrwlui2bjl] {
    background: var(--bs-success);
    color: white;
}

.timeline-entry.timeline-published .timeline-marker[b-nrwlui2bjl] {
    background: var(--bs-primary);
    color: white;
}

.timeline-entry.timeline-draft .timeline-marker[b-nrwlui2bjl] {
    background: var(--bs-warning);
    color: white;
}

.timeline-entry.timeline-archived .timeline-marker[b-nrwlui2bjl] {
    background: var(--bs-secondary);
    color: white;
}

.timeline-entry.timeline-default .timeline-marker[b-nrwlui2bjl] {
    background: var(--bs-light);
    color: var(--bs-text-muted);
    border-color: var(--bs-border-color);
}

.timeline-content[b-nrwlui2bjl] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    padding: 1.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;
}

.timeline-content:hover[b-nrwlui2bjl] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

.timeline-action[b-nrwlui2bjl] {
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--bs-body-color);
}

.timeline-timestamp[b-nrwlui2bjl] {
    font-size: 0.875rem;
    color: var(--bs-text-muted);
    font-weight: 500;
}

.timeline-details[b-nrwlui2bjl] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.timeline-user[b-nrwlui2bjl] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--bs-text-muted);
    font-weight: 500;
}

.timeline-comment[b-nrwlui2bjl] {
    padding: 0.75rem 1rem;
    background: rgba(13, 110, 253, 0.05);
    border-left: 3px solid var(--bs-info);
    border-radius: 0 0.5rem 0.5rem 0;
    font-style: italic;
    color: var(--bs-body-color);
    line-height: 1.5;
}

.timeline-sla[b-nrwlui2bjl] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    background: var(--bs-light);
    border-radius: 0.375rem;
    color: var(--bs-text-muted);
    font-weight: 500;
}

/* Modal Customizations */
.modal-content[b-nrwlui2bjl] {
    border-radius: 1rem;
    border: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.modal-header[b-nrwlui2bjl] {
    border-bottom: 1px solid var(--bs-border-color);
    padding: 1.5rem;
    border-radius: 1rem 1rem 0 0;
}

.modal-title[b-nrwlui2bjl] {
    font-weight: 600;
    font-size: 1.25rem;
}

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

/* Responsive Design */
@media (max-width: 768px) {
    .sla-content[b-nrwlui2bjl] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 1rem;
    }
    
    .sla-progress[b-nrwlui2bjl] {
        min-width: auto;
    }
    
    .workflow-quick-actions[b-nrwlui2bjl] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .workflow-quick-actions .btn[b-nrwlui2bjl] {
        width: 100%;
        justify-content: center;
    }
    
    .timeline-header[b-nrwlui2bjl] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .alert-content[b-nrwlui2bjl] {
        flex-direction: column;
        text-align: center;
    }
    
    .alert-actions[b-nrwlui2bjl] {
        flex-direction: row;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .sla-timer-widget[b-nrwlui2bjl] {
        padding: 0.75rem 1rem;
    }
    
    .timeline[b-nrwlui2bjl] {
        padding-left: 1.5rem;
    }
    
    .timeline[b-nrwlui2bjl]::before {
        left: 0.75rem;
    }
    
    .timeline-entry[b-nrwlui2bjl] {
        padding-left: 1.5rem;
    }
    
    .timeline-marker[b-nrwlui2bjl] {
        left: -1.5rem;
        width: 1.5rem;
        height: 1.5rem;
    }
}

/* Animation Effects */
@keyframes pulse-b-nrwlui2bjl {
    0% {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    50% {
        box-shadow: 0 2px 20px rgba(220, 53, 69, 0.3);
    }
    100% {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
}

.timeline-entry[b-nrwlui2bjl] {
    animation: slideIn-b-nrwlui2bjl 0.5s ease;
}

@keyframes slideIn-b-nrwlui2bjl {
    from {
        opacity: 0;
        transform: translateX(-1rem);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Progress Bar Animation */
.sla-progress .progress-bar[b-nrwlui2bjl] {
    transition: width 0.3s ease;
}

/* Dark Theme */
[data-bs-theme="dark"] .sla-timer-widget[b-nrwlui2bjl] {
    background: var(--bs-dark);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .timeline-content[b-nrwlui2bjl] {
    background: var(--bs-dark);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .timeline-comment[b-nrwlui2bjl] {
    background: rgba(13, 110, 253, 0.1);
}

[data-bs-theme="dark"] .timeline-sla[b-nrwlui2bjl] {
    background: rgba(108, 117, 125, 0.2);
}

[data-bs-theme="dark"] .sla-breach-alert .alert[b-nrwlui2bjl] {
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.15) 0%, rgba(220, 53, 69, 0.08) 100%);
}

/* Focus and Accessibility */
.workflow-quick-actions .btn:focus[b-nrwlui2bjl] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

.timeline-content:focus-within[b-nrwlui2bjl] {
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
}

/* Loading State */
.workflow-quick-actions .btn:disabled[b-nrwlui2bjl] {
    opacity: 0.7;
    cursor: not-allowed;
}

.workflow-quick-actions .btn .spinner-border-sm[b-nrwlui2bjl] {
    width: 1rem;
    height: 1rem;
}

/* Status-specific Colors */
.timeline-entry.timeline-submitted[b-nrwlui2bjl] {
    border-left: 3px solid var(--bs-info);
}

.timeline-entry.timeline-approved[b-nrwlui2bjl] {
    border-left: 3px solid var(--bs-success);
}

.timeline-entry.timeline-published[b-nrwlui2bjl] {
    border-left: 3px solid var(--bs-primary);
}

.timeline-entry.timeline-draft[b-nrwlui2bjl] {
    border-left: 3px solid var(--bs-warning);
}

.timeline-entry.timeline-archived[b-nrwlui2bjl] {
    border-left: 3px solid var(--bs-secondary);
}
/* /Presentation/Components/FinancialPlanning/ScenarioReassignForm.razor.rz.scp.css */
/* Scenario Reassign Form Styles */

.scenario-reassign-modal[b-nt1aoohz37] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    backdrop-filter: blur(2px);
}

.scenario-reassign-modal .modal-content[b-nt1aoohz37] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 700px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.scenario-reassign-modal .modal-header[b-nt1aoohz37] {
    padding: 24px 32px;
    border-bottom: 1px solid var(--bs-border-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-info) 100%);
    color: white;
}

.scenario-reassign-modal .modal-title[b-nt1aoohz37] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
}

.scenario-reassign-modal .btn-close[b-nt1aoohz37] {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

.scenario-reassign-modal .btn-close:hover[b-nt1aoohz37] {
    opacity: 1;
}

/* Current Assignment Info */
.current-assignment-info[b-nt1aoohz37] {
    padding: 24px 32px;
    background: var(--bs-gray-50);
    border-bottom: 1px solid var(--bs-border-color);
}

.info-card[b-nt1aoohz37] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid var(--bs-border-color);
}

.info-header[b-nt1aoohz37] {
    font-weight: 600;
    margin-bottom: 16px;
    color: var(--bs-dark);
    display: flex;
    align-items: center;
    gap: 8px;
}

.assignment-details[b-nt1aoohz37] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.assignment-item[b-nt1aoohz37] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.assignment-item .label[b-nt1aoohz37] {
    font-weight: 500;
    color: var(--bs-secondary);
    min-width: 80px;
}

.assignment-item .value[b-nt1aoohz37] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--bs-dark);
}

.assignment-item .user-avatar[b-nt1aoohz37] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.assignment-item .status-badge[b-nt1aoohz37] {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.status-badge.status-draft[b-nt1aoohz37] {
    background: var(--bs-warning-bg-subtle);
    color: var(--bs-warning-text);
    border: 1px solid var(--bs-warning-border-subtle);
}

.status-badge.status-pendingreview[b-nt1aoohz37] {
    background: var(--bs-info-bg-subtle);
    color: var(--bs-info-text);
    border: 1px solid var(--bs-info-border-subtle);
}

.status-badge.status-approved[b-nt1aoohz37] {
    background: var(--bs-success-bg-subtle);
    color: var(--bs-success-text);
    border: 1px solid var(--bs-success-border-subtle);
}

.status-badge.status-published[b-nt1aoohz37] {
    background: var(--bs-primary-bg-subtle);
    color: var(--bs-primary-text);
    border: 1px solid var(--bs-primary-border-subtle);
}

/* Form Sections */
.scenario-reassign-modal .form-section[b-nt1aoohz37] {
    padding: 24px 32px;
    flex: 1;
    overflow-y: auto;
}

.scenario-reassign-modal .form-group[b-nt1aoohz37] {
    margin-bottom: 24px;
}

.scenario-reassign-modal .form-label[b-nt1aoohz37] {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--bs-dark);
}

.scenario-reassign-modal .form-label.required[b-nt1aoohz37]::after {
    content: " *";
    color: var(--bs-danger);
}

/* Assignment Type Selection */
.assignment-type-selection[b-nt1aoohz37] {
    margin-bottom: 32px;
}

.assignment-type-options[b-nt1aoohz37] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

.type-option[b-nt1aoohz37] {
    border: 2px solid var(--bs-border-color);
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
    text-align: center;
}

.type-option:hover[b-nt1aoohz37] {
    border-color: var(--bs-primary);
    box-shadow: 0 4px 12px rgba(var(--bs-primary-rgb), 0.15);
}

.type-option.selected[b-nt1aoohz37] {
    border-color: var(--bs-primary);
    background: var(--bs-primary-bg-subtle);
    box-shadow: 0 4px 12px rgba(var(--bs-primary-rgb), 0.15);
}

.type-icon[b-nt1aoohz37] {
    font-size: 2rem;
    color: var(--bs-primary);
    margin-bottom: 12px;
}

.type-title[b-nt1aoohz37] {
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--bs-dark);
}

.type-description[b-nt1aoohz37] {
    font-size: 0.875rem;
    color: var(--bs-secondary);
}

/* User Selection */
.user-selection-container[b-nt1aoohz37] {
    position: relative;
}

.search-input-group[b-nt1aoohz37] {
    position: relative;
    margin-bottom: 8px;
}

.search-icon[b-nt1aoohz37] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bs-secondary);
    z-index: 5;
}

.search-input[b-nt1aoohz37] {
    padding-left: 40px;
}

.user-list[b-nt1aoohz37] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    max-height: 300px;
    overflow-y: auto;
    z-index: 100;
}

.user-item[b-nt1aoohz37] {
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    border-bottom: 1px solid var(--bs-border-color-translucent);
    transition: all 0.2s ease;
}

.user-item:hover[b-nt1aoohz37] {
    background: var(--bs-gray-50);
}

.user-item.selected[b-nt1aoohz37] {
    background: var(--bs-primary-bg-subtle);
    border-color: var(--bs-primary-border-subtle);
}

.user-item .user-avatar[b-nt1aoohz37] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--bs-border-color);
}

.user-item .user-info[b-nt1aoohz37] {
    flex: 1;
}

.user-item .user-name[b-nt1aoohz37] {
    font-weight: 600;
    color: var(--bs-dark);
    margin-bottom: 2px;
}

.user-item .user-details[b-nt1aoohz37] {
    display: flex;
    gap: 8px;
    font-size: 0.875rem;
    color: var(--bs-secondary);
}

.user-item .user-title[b-nt1aoohz37] {
    color: var(--bs-info);
}

.user-item .user-role[b-nt1aoohz37] {
    padding: 2px 6px;
    background: var(--bs-secondary-bg-subtle);
    border-radius: 4px;
    font-size: 0.75rem;
}

.user-item .user-status[b-nt1aoohz37] {
    font-size: 1.25rem;
}

.no-users-found[b-nt1aoohz37] {
    padding: 32px;
    text-align: center;
    color: var(--bs-secondary);
}

.no-users-found i[b-nt1aoohz37] {
    font-size: 2rem;
    margin-bottom: 8px;
    display: block;
}

/* Selected User Display */
.selected-user-display[b-nt1aoohz37] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bs-success-bg-subtle);
    border: 1px solid var(--bs-success-border-subtle);
    border-radius: 8px;
    padding: 12px 16px;
    margin-top: 8px;
}

.selected-user-info[b-nt1aoohz37] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.selected-user-info .user-avatar[b-nt1aoohz37] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.selected-user-info .user-name[b-nt1aoohz37] {
    font-weight: 600;
    color: var(--bs-dark);
    margin-bottom: 2px;
}

.selected-user-info .user-role[b-nt1aoohz37] {
    font-size: 0.875rem;
    color: var(--bs-secondary);
}

/* Form Controls */
.scenario-reassign-modal .form-control[b-nt1aoohz37],
.scenario-reassign-modal .form-select[b-nt1aoohz37] {
    border-radius: 8px;
    border: 1px solid var(--bs-border-color);
    padding: 12px 16px;
    font-size: 1rem;
    transition: all 0.2s ease;
}

.scenario-reassign-modal .form-control:focus[b-nt1aoohz37],
.scenario-reassign-modal .form-select:focus[b-nt1aoohz37] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

.scenario-reassign-modal textarea.form-control[b-nt1aoohz37] {
    resize: vertical;
    min-height: 100px;
}

.char-counter[b-nt1aoohz37] {
    text-align: right;
    font-size: 0.75rem;
    color: var(--bs-secondary);
    margin-top: 4px;
}

/* Notification Options */
.notification-options[b-nt1aoohz37] {
    background: var(--bs-gray-50);
    border-radius: 8px;
    padding: 16px;
    border: 1px solid var(--bs-border-color);
}

.notification-options .form-check[b-nt1aoohz37] {
    margin-bottom: 8px;
}

.notification-options .form-check:last-child[b-nt1aoohz37] {
    margin-bottom: 0;
}

.notification-options .form-check-input[b-nt1aoohz37] {
    margin-top: 0.125em;
}

.notification-options .form-check-label[b-nt1aoohz37] {
    font-weight: 500;
    color: var(--bs-dark);
}

/* Modal Footer */
.scenario-reassign-modal .modal-footer[b-nt1aoohz37] {
    padding: 24px 32px;
    border-top: 1px solid var(--bs-border-color);
    background: var(--bs-gray-50);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.reassignment-impact[b-nt1aoohz37] {
    flex: 1;
    font-size: 0.875rem;
    color: var(--bs-info);
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.action-buttons[b-nt1aoohz37] {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.scenario-reassign-modal .btn[b-nt1aoohz37] {
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.scenario-reassign-modal .btn:disabled[b-nt1aoohz37] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Responsive Design */
@media (max-width: 768px) {
    .scenario-reassign-modal .modal-content[b-nt1aoohz37] {
        width: 95%;
        max-height: 95vh;
    }

    .assignment-type-options[b-nt1aoohz37] {
        grid-template-columns: 1fr;
    }

    .assignment-details[b-nt1aoohz37] {
        grid-template-columns: 1fr;
    }

    .scenario-reassign-modal .modal-footer[b-nt1aoohz37] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-buttons[b-nt1aoohz37] {
        justify-content: stretch;
    }

    .action-buttons .btn[b-nt1aoohz37] {
        flex: 1;
    }
}

/* Animation */
.scenario-reassign-modal[b-nt1aoohz37] {
    animation: modalFadeIn-b-nt1aoohz37 0.3s ease-out;
}

.scenario-reassign-modal .modal-content[b-nt1aoohz37] {
    animation: modalSlideIn-b-nt1aoohz37 0.3s ease-out;
}

@keyframes modalFadeIn-b-nt1aoohz37 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes modalSlideIn-b-nt1aoohz37 {
    from {
        transform: translateY(-50px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}
/* /Presentation/Components/FinancialPlanning/WhatIfAnalysisTab.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   WHAT-IF SIMULATION STUDIO — ENTERPRISE PLATINUM v10.0 ULTRA
   Next-Gen Financial Scenario Modeling • Bloomberg Terminal × Anaplan × Figma
   ═══════════════════════════════════════════════════════════════════════════ */

.whatif-container[b-jm2e55bptb] {
    /* ── Surface Hierarchy ── */
    --wi-bg:            #f4f7fb;
    --wi-surface:       #ffffff;
    --wi-surface-alt:   #f0f4fa;
    --wi-surface-glass: rgba(255, 255, 255, 0.85);
    --wi-border:        rgba(148, 163, 184, 0.25);
    --wi-border-hover:  rgba(59, 130, 246, 0.5);

    /* ── Accent System ── */
    --wi-accent:        #0ea5e9;
    --wi-accent-dark:   #0284c7;
    --wi-accent-soft:   rgba(14, 165, 233, 0.1);
    --wi-accent-glow:   0 0 24px rgba(14, 165, 233, 0.35);
    --wi-indigo:        #6366f1;
    --wi-violet:        #8b5cf6;
    --wi-teal:          #14b8a6;

    /* ── Semantic Colors ── */
    --wi-success:       #10b981;
    --wi-success-soft:  rgba(16, 185, 129, 0.12);
    --wi-warning:       #f59e0b;
    --wi-warning-soft:  rgba(245, 158, 11, 0.12);
    --wi-danger:        #ef4444;
    --wi-danger-soft:   rgba(239, 68, 68, 0.1);
    --wi-purple:        #8b5cf6;
    --wi-purple-soft:   rgba(139, 92, 246, 0.1);

    /* ── Text Hierarchy ── */
    --wi-ink:           #0f172a;
    --wi-ink-secondary: #334155;
    --wi-ink-muted:     #64748b;
    --wi-ink-faint:     #94a3b8;

    /* ── Elevation System ── */
    --wi-shadow-xs:     0 1px 2px rgba(0, 0, 0, 0.03);
    --wi-shadow-sm:     0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
    --wi-shadow-md:     0 8px 24px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04);
    --wi-shadow-lg:     0 20px 40px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.04);
    --wi-shadow-xl:     0 32px 64px rgba(0, 0, 0, 0.1), 0 16px 32px rgba(0, 0, 0, 0.06);
    --wi-shadow-glow:   0 0 0 4px var(--wi-accent-soft);

    /* ── Radius ── */
    --wi-radius-sm:     6px;
    --wi-radius:        10px;
    --wi-radius-lg:     14px;
    --wi-radius-xl:     20px;
    --wi-radius-2xl:    28px;

    /* ── Motion ── */
    --wi-ease:          cubic-bezier(0.22, 1, 0.36, 1);
    --wi-ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
    --wi-transition:    0.2s var(--wi-ease);

    display: flex;
    flex-direction: column;
    height: calc(100vh - 110px);
    background: var(--wi-bg);
    overflow: hidden;
    font-family: "Inter", "Plus Jakarta Sans", -apple-system, sans-serif;
    position: relative;
}

.whatif-container[b-jm2e55bptb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 500px;
    background: radial-gradient(ellipse 100% 80% at 50% -20%, rgba(14, 165, 233, 0.12), transparent);
    pointer-events: none;
    z-index: 0;
}

[data-bs-theme="dark"] .whatif-container[b-jm2e55bptb] {
    --wi-bg:            #0c1222;
    --wi-surface:       #111827;
    --wi-surface-alt:   #1e293b;
    --wi-surface-glass: rgba(17, 24, 39, 0.9);
    --wi-border:        rgba(71, 85, 105, 0.4);
    --wi-accent:        #38bdf8;
    --wi-ink:           #f1f5f9;
    --wi-ink-secondary: #cbd5e1;
    --wi-ink-muted:     #94a3b8;
}

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

.whatif-header-v3[b-jm2e55bptb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 2rem;
    background: linear-gradient(135deg, #0c1222 0%, #1e3a5f 45%, #0d9488 100%);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 10;
}

.whatif-header-v3[b-jm2e55bptb]::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -50px;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.2), transparent 70%);
    pointer-events: none;
}

.whatif-header-v3[b-jm2e55bptb]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
}

.whatif-title-area h3[b-jm2e55bptb] {
    margin: 0 0 0.9rem;
    font-size: 1.15rem;
    font-weight: 800;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    letter-spacing: -0.025em;
}

.whatif-title-area h3 i[b-jm2e55bptb] {
    width: 38px;
    height: 38px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--wi-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    color: #7dd3fc;
    backdrop-filter: blur(8px);
}

.control-group-v3[b-jm2e55bptb] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.whatif-actions-v3[b-jm2e55bptb] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.e-btn.e-primary-v3[b-jm2e55bptb] {
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%) !important;
    color: #0369a1 !important;
    border: none !important;
    font-weight: 700 !important;
    border-radius: var(--wi-radius) !important;
    padding: 0.55rem 1.25rem !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    transition: all var(--wi-transition) !important;
}

.e-btn.e-primary-v3:hover:not(:disabled)[b-jm2e55bptb] {
    background: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

.e-btn.e-outline-v3[b-jm2e55bptb] {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 600 !important;
    border-radius: var(--wi-radius) !important;
    backdrop-filter: blur(4px);
    transition: all var(--wi-transition) !important;
}

.e-btn.e-outline-v3:hover:not(:disabled)[b-jm2e55bptb] {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   MAIN LAYOUT
   ════════════════════════════════════════════════════════════════════════════ */

.whatif-layout[b-jm2e55bptb] {
    display: grid;
    grid-template-columns: 280px 1fr;
    flex: 1;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/* ════════════════════════════════════════════════════════════════════════════
   SIDEBAR PARAMETERS
   ════════════════════════════════════════════════════════════════════════════ */

.whatif-sidebar-v3[b-jm2e55bptb] {
    background: var(--wi-surface);
    border-right: 1px solid var(--wi-border);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.03);
}

.sidebar-header[b-jm2e55bptb] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--wi-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(180deg, var(--wi-surface) 0%, var(--wi-surface-alt) 100%);
}

.sidebar-header h4[b-jm2e55bptb] {
    margin: 0;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--wi-ink-muted);
}

.parameter-list[b-jm2e55bptb] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.parameter-list[b-jm2e55bptb]::-webkit-scrollbar {
    width: 4px;
}

.parameter-list[b-jm2e55bptb]::-webkit-scrollbar-thumb {
    background: var(--wi-border);
    border-radius: 4px;
}

.parameter-card-v3[b-jm2e55bptb] {
    padding: 0.9rem 1rem;
    border: 1px solid var(--wi-border);
    border-left: 3px solid transparent;
    border-radius: var(--wi-radius);
    cursor: pointer;
    transition: all var(--wi-transition);
    background: var(--wi-surface);
    position: relative;
}

.parameter-card-v3[b-jm2e55bptb]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--wi-radius);
    background: linear-gradient(135deg, transparent, var(--wi-accent-soft));
    opacity: 0;
    transition: opacity var(--wi-transition);
}

.parameter-card-v3:hover[b-jm2e55bptb] {
    border-left-color: var(--wi-accent);
    transform: translateX(4px);
    box-shadow: var(--wi-shadow-sm);
}

.parameter-card-v3:hover[b-jm2e55bptb]::before {
    opacity: 1;
}

.parameter-card-v3.active[b-jm2e55bptb] {
    border-left-color: var(--wi-accent);
    border-color: var(--wi-accent);
    background: var(--wi-accent-soft);
    box-shadow: var(--wi-shadow-glow), var(--wi-shadow-md);
}

.p-header[b-jm2e55bptb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.6rem;
    position: relative;
}

.p-name[b-jm2e55bptb] {
    font-weight: 700;
    font-size: 0.82rem;
    color: var(--wi-ink);
    line-height: 1.35;
}

.p-type-badge[b-jm2e55bptb] {
    font-size: 0.58rem;
    font-weight: 800;
    padding: 0.15rem 0.5rem;
    border-radius: var(--wi-radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--wi-surface-alt);
    color: var(--wi-ink-muted);
    border: 1px solid var(--wi-border);
    white-space: nowrap;
    flex-shrink: 0;
}

.p-impact-line[b-jm2e55bptb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    padding-top: 0.6rem;
    border-top: 1px solid var(--wi-border);
    position: relative;
}

.p-impact-val[b-jm2e55bptb] {
    font-weight: 800;
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
}

.p-impact-val.pos[b-jm2e55bptb] {
    color: var(--wi-success);
}

.p-impact-val.neg[b-jm2e55bptb] {
    color: var(--wi-danger);
}

/* ════════════════════════════════════════════════════════════════════════════
   WORKSPACE AREA
   ════════════════════════════════════════════════════════════════════════════ */

.whatif-workspace[b-jm2e55bptb] {
    overflow-y: auto;
    padding: 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    background: var(--wi-bg);
}

.whatif-workspace[b-jm2e55bptb]::-webkit-scrollbar {
    width: 6px;
}

.whatif-workspace[b-jm2e55bptb]::-webkit-scrollbar-track {
    background: transparent;
}

.whatif-workspace[b-jm2e55bptb]::-webkit-scrollbar-thumb {
    background: var(--wi-border);
    border-radius: 6px;
}

.whatif-workspace[b-jm2e55bptb]::-webkit-scrollbar-thumb:hover {
    background: var(--wi-ink-faint);
}

/* ════════════════════════════════════════════════════════════════════════════
   SIMULATION CONSOLE
   ════════════════════════════════════════════════════════════════════════════ */

.simulation-console[b-jm2e55bptb] {
    background: linear-gradient(135deg, #0c1222 0%, #1e3a5f 50%, #0d9488 100%);
    border-radius: var(--wi-radius-xl);
    padding: 1rem 1.5rem;
    color: white;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25), 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1);
    animation: wi-slide-up-b-jm2e55bptb 0.4s var(--wi-ease-out);
    position: relative;
    overflow: hidden;
}

.simulation-console[b-jm2e55bptb]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 70%);
    pointer-events: none;
}

@keyframes wi-slide-up-b-jm2e55bptb {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sim-status-icon[b-jm2e55bptb] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
    backdrop-filter: blur(8px);
}

.sim-status-icon.running[b-jm2e55bptb] {
    color: #fcd34d;
    border-color: #fcd34d;
    animation: wi-pulse-ring-b-jm2e55bptb 1.8s ease-in-out infinite;
}

.sim-status-icon.complete[b-jm2e55bptb] {
    color: #34d399;
    border-color: #34d399;
}

@keyframes wi-pulse-ring-b-jm2e55bptb {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(252, 211, 77, 0);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(252, 211, 77, 0.25);
    }
}

.sim-info[b-jm2e55bptb] {
    flex: 1;
}

.sim-title[b-jm2e55bptb] {
    font-weight: 800;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
    letter-spacing: -0.02em;
}

.sim-meta[b-jm2e55bptb] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.55);
}

.sim-progress-bar[b-jm2e55bptb] {
    width: 200px;
    height: 5px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.sim-progress-fill[b-jm2e55bptb] {
    height: 100%;
    background: linear-gradient(90deg, #34d399, #10b981);
    border-radius: 5px;
    transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
}

.sim-progress-fill[b-jm2e55bptb]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: shimmer-b-jm2e55bptb 1.5s infinite;
}

@keyframes shimmer-b-jm2e55bptb {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* ════════════════════════════════════════════════════════════════════════════
   IMPACT CARDS GRID
   ════════════════════════════════════════════════════════════════════════════ */

.impact-grid-v3[b-jm2e55bptb] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.9rem;
}

.impact-card-v3[b-jm2e55bptb] {
    background: var(--wi-surface);
    padding: 0;
    border-radius: var(--wi-radius-lg);
    border: 1px solid var(--wi-border);
    box-shadow: var(--wi-shadow-sm);
    position: relative;
    overflow: hidden;
    transition: all var(--wi-transition);
    display: flex;
    flex-direction: column;
}

.impact-card-v3[b-jm2e55bptb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--wi-border);
    transition: height var(--wi-transition);
}

.impact-card-v3:hover[b-jm2e55bptb] {
    box-shadow: var(--wi-shadow-lg);
    transform: translateY(-4px);
    border-color: var(--wi-border-hover);
}

.impact-card-v3:hover[b-jm2e55bptb]::before {
    height: 5px;
}

.impact-card-v3.revenue[b-jm2e55bptb]::before {
    background: linear-gradient(90deg, #0ea5e9, #38bdf8);
}

.impact-card-v3.expense[b-jm2e55bptb]::before {
    background: linear-gradient(90deg, #ef4444, #f87171);
}

.impact-card-v3.margin[b-jm2e55bptb]::before {
    background: linear-gradient(90deg, #10b981, #34d399);
}

.impact-card-v3.total[b-jm2e55bptb]::before {
    background: linear-gradient(90deg, #8b5cf6, #a78bfa);
}

.ic-label[b-jm2e55bptb] {
    font-size: 0.65rem;
    font-weight: 800;
    color: var(--wi-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 1.1rem 1.25rem 0;
}

.ic-value[b-jm2e55bptb] {
    font-size: 1.65rem;
    font-weight: 900;
    color: var(--wi-ink);
    padding: 0.35rem 1.25rem 0.25rem;
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
}

.ic-trend[b-jm2e55bptb] {
    font-size: 0.72rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 1.25rem 1rem;
}

.ic-trend.pos[b-jm2e55bptb] {
    color: var(--wi-success);
}

.ic-trend.neg[b-jm2e55bptb] {
    color: var(--wi-danger);
}

.ic-trend i[b-jm2e55bptb] {
    font-size: 0.65rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   CHART GRID & CARDS
   ════════════════════════════════════════════════════════════════════════════ */

.dashboard-grid[b-jm2e55bptb] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 1rem;
}

.chart-card-v3[b-jm2e55bptb] {
    background: var(--wi-surface);
    border: 1px solid var(--wi-border);
    border-radius: var(--wi-radius-lg);
    padding: 1.25rem 1.5rem;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    box-shadow: var(--wi-shadow-sm);
    transition: all var(--wi-transition);
    position: relative;
}

.chart-card-v3[b-jm2e55bptb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--wi-accent), var(--wi-violet));
    opacity: 0;
    transition: opacity var(--wi-transition);
}

.chart-card-v3:hover[b-jm2e55bptb] {
    box-shadow: var(--wi-shadow-lg);
    transform: translateY(-3px);
}

.chart-card-v3:hover[b-jm2e55bptb]::before {
    opacity: 1;
}

.chart-header[b-jm2e55bptb] {
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--wi-border);
}

.chart-header h4[b-jm2e55bptb] {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--wi-ink);
    letter-spacing: -0.02em;
}

.chart-header .chart-actions[b-jm2e55bptb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   PARAMETER EDITOR PANEL
   ════════════════════════════════════════════════════════════════════════════ */

.editor-panel[b-jm2e55bptb] {
    background: var(--wi-surface);
    border: 2px solid var(--wi-accent);
    border-radius: var(--wi-radius-xl);
    padding: 1.5rem 1.75rem;
    box-shadow: var(--wi-shadow-glow), var(--wi-shadow-lg);
    position: relative;
    overflow: hidden;
    animation: wi-slide-up-b-jm2e55bptb 0.3s var(--wi-ease-out);
}

.editor-panel[b-jm2e55bptb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--wi-accent), var(--wi-teal), var(--wi-violet));
}

.editor-panel[b-jm2e55bptb]::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(180deg, var(--wi-accent-soft), transparent);
    pointer-events: none;
}

.editor-header[b-jm2e55bptb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 1;
}

.editor-header h4[b-jm2e55bptb] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--wi-ink);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.editor-header h4 i[b-jm2e55bptb] {
    color: var(--wi-accent);
}

.editor-grid[b-jm2e55bptb] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 1;
}

.editor-field[b-jm2e55bptb] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.editor-field label[b-jm2e55bptb] {
    font-size: 0.65rem;
    font-weight: 800;
    color: var(--wi-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.editor-field .e-control-wrapper[b-jm2e55bptb] {
    border-radius: var(--wi-radius) !important;
}

.editor-footer[b-jm2e55bptb] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding-top: 1rem;
    border-top: 1px solid var(--wi-border);
    position: relative;
    z-index: 1;
}

/* ─────────────────────── Empty State (added) */
.whatif-empty[b-jm2e55bptb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 80px 24px;
    color: var(--wi-ink-muted, #64748b);
    text-align: center;
    flex: 1;
}
.whatif-empty i[b-jm2e55bptb] {
    font-size: 3rem;
    color: var(--wi-accent, #0061e0);
    opacity: 0.55;
}
.whatif-empty p[b-jm2e55bptb] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--wi-ink-secondary, #334155);
    max-width: 460px;
}
/* /Presentation/Components/FinancialPlanning/WorkflowInspector.razor.rz.scp.css */
/* Workflow Inspector Drawer Styles */

.workflow-inspector[b-y3hasqjgi0] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    pointer-events: none;
    transition: all 0.3s ease;
}

.workflow-inspector.drawer-open[b-y3hasqjgi0] {
    pointer-events: auto;
}

.workflow-inspector.drawer-closed[b-y3hasqjgi0] {
    pointer-events: none;
}

/* Drawer Overlay */
.drawer-overlay[b-y3hasqjgi0] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.drawer-open .drawer-overlay[b-y3hasqjgi0] {
    opacity: 1;
}

/* Drawer Panel */
.drawer-panel[b-y3hasqjgi0] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 480px;
    max-width: 90vw;
    background: var(--bs-body-bg);
    border-left: 1px solid var(--bs-border-color);
    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}

.drawer-open .drawer-panel[b-y3hasqjgi0] {
    transform: translateX(0);
}

/* Drawer Header */
.drawer-header[b-y3hasqjgi0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--bs-border-color);
    background: var(--bs-light);
    flex-shrink: 0;
}

.header-title h5[b-y3hasqjgi0] {
    margin: 0;
    font-weight: 600;
    color: var(--bs-body-color);
}

.header-title small[b-y3hasqjgi0] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
}

.header-actions[b-y3hasqjgi0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-ghost[b-y3hasqjgi0] {
    background: transparent;
    border: 1px solid transparent;
    color: var(--bs-text-muted);
    padding: 0.375rem 0.5rem;
}

.btn-ghost:hover[b-y3hasqjgi0] {
    background: rgba(0, 0, 0, 0.05);
    color: var(--bs-body-color);
}

/* Drawer Content */
.drawer-content[b-y3hasqjgi0] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

.loading-state[b-y3hasqjgi0] {
    padding: 2rem 1.5rem;
}

/* Section Styles */
.section-title[b-y3hasqjgi0] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--bs-body-color);
}

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

.section-actions[b-y3hasqjgi0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Timeline Section */
.timeline-section[b-y3hasqjgi0] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.timeline[b-y3hasqjgi0] {
    position: relative;
    padding-left: 1.5rem;
}

.timeline[b-y3hasqjgi0]::before {
    content: '';
    position: absolute;
    left: 0.75rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--bs-border-color);
}

.timeline-item[b-y3hasqjgi0] {
    position: relative;
    margin-bottom: 1.5rem;
    padding-left: 2rem;
}

.timeline-item:last-child[b-y3hasqjgi0] {
    margin-bottom: 0;
}

.timeline-marker[b-y3hasqjgi0] {
    position: absolute;
    left: -2rem;
    top: 0.25rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    border: 2px solid var(--bs-body-bg);
    z-index: 1;
}

.timeline-item.timeline-created .timeline-marker[b-y3hasqjgi0] {
    background: var(--bs-success);
    color: white;
}

.timeline-item.timeline-submitted .timeline-marker[b-y3hasqjgi0] {
    background: var(--bs-info);
    color: white;
}

.timeline-item.timeline-approved .timeline-marker[b-y3hasqjgi0] {
    background: var(--bs-success);
    color: white;
}

.timeline-item.timeline-rejected .timeline-marker[b-y3hasqjgi0] {
    background: var(--bs-danger);
    color: white;
}

.timeline-item.timeline-published .timeline-marker[b-y3hasqjgi0] {
    background: var(--bs-primary);
    color: white;
}

.timeline-item.timeline-archived .timeline-marker[b-y3hasqjgi0] {
    background: var(--bs-secondary);
    color: white;
}

.timeline-item.timeline-default .timeline-marker[b-y3hasqjgi0] {
    background: var(--bs-light);
    color: var(--bs-text-muted);
    border-color: var(--bs-border-color);
}

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

.timeline-action[b-y3hasqjgi0] {
    font-weight: 600;
    color: var(--bs-body-color);
}

.timeline-timestamp[b-y3hasqjgi0] {
    font-size: 0.875rem;
    color: var(--bs-text-muted);
}

.timeline-details[b-y3hasqjgi0] {
    color: var(--bs-text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.timeline-user[b-y3hasqjgi0] {
    font-weight: 500;
    color: var(--bs-body-color);
}

.timeline-comment[b-y3hasqjgi0] {
    margin-top: 0.5rem;
    padding: 0.75rem;
    background: rgba(13, 110, 253, 0.05);
    border-left: 3px solid var(--bs-info);
    border-radius: 0 0.375rem 0.375rem 0;
    font-style: italic;
}

.timeline-metadata[b-y3hasqjgi0] {
    margin-top: 0.5rem;
}

.metadata-items[b-y3hasqjgi0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.metadata-item[b-y3hasqjgi0] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    background: var(--bs-light);
    border-radius: 0.25rem;
    border: 1px solid var(--bs-border-color);
}

.metadata-key[b-y3hasqjgi0] {
    font-weight: 600;
    color: var(--bs-text-muted);
}

.metadata-value[b-y3hasqjgi0] {
    color: var(--bs-body-color);
}

.empty-timeline[b-y3hasqjgi0] {
    text-align: center;
    padding: 2rem;
    color: var(--bs-text-muted);
}

/* Comments Section */
.comments-section[b-y3hasqjgi0] {
    padding: 1.5rem;
}

.comments-list[b-y3hasqjgi0] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Comment Item */
.comment-item[b-y3hasqjgi0] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    transition: all 0.2s ease;
}

.comment-item:hover[b-y3hasqjgi0] {
    border-color: var(--bs-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.comment-item.comment-resolved[b-y3hasqjgi0] {
    opacity: 0.75;
    background: var(--bs-light);
}

.comment-item.comment-high-priority[b-y3hasqjgi0] {
    border-left: 4px solid var(--bs-danger);
}

.comment-item.comment-own[b-y3hasqjgi0] {
    border-left: 4px solid var(--bs-primary);
}

.comment-avatar[b-y3hasqjgi0] {
    flex-shrink: 0;
}

.avatar[b-y3hasqjgi0] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--bs-primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
}

.avatar.avatar-sm[b-y3hasqjgi0] {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 0.75rem;
}

.comment-content[b-y3hasqjgi0] {
    flex: 1;
    min-width: 0;
}

.comment-header[b-y3hasqjgi0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.comment-author[b-y3hasqjgi0] {
    font-weight: 600;
    color: var(--bs-body-color);
}

.comment-timestamp[b-y3hasqjgi0] {
    font-size: 0.875rem;
    color: var(--bs-text-muted);
}

.comment-body[b-y3hasqjgi0] {
    line-height: 1.5;
    color: var(--bs-body-color);
    word-wrap: break-word;
    margin-bottom: 0.75rem;
}

.comment-body .mention[b-y3hasqjgi0] {
    color: var(--bs-primary);
    font-weight: 500;
}

.comment-attachments[b-y3hasqjgi0] {
    margin-bottom: 0.75rem;
}

.attachment-item[b-y3hasqjgi0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: var(--bs-light);
    border-radius: 0.375rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
}

.attachment-item:last-child[b-y3hasqjgi0] {
    margin-bottom: 0;
}

.attachment-item a[b-y3hasqjgi0] {
    color: var(--bs-primary);
    text-decoration: none;
}

.attachment-item a:hover[b-y3hasqjgi0] {
    text-decoration: underline;
}

.comment-actions[b-y3hasqjgi0] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.comment-actions .btn-link[b-y3hasqjgi0] {
    font-size: 0.875rem;
}

/* Comment Replies */
.comment-replies[b-y3hasqjgi0] {
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 2px solid var(--bs-border-color);
}

.reply-item[b-y3hasqjgi0] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.reply-item:last-child[b-y3hasqjgi0] {
    margin-bottom: 0;
}

.reply-avatar[b-y3hasqjgi0] {
    flex-shrink: 0;
}

.reply-content[b-y3hasqjgi0] {
    flex: 1;
    min-width: 0;
}

.reply-header[b-y3hasqjgi0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.reply-author[b-y3hasqjgi0] {
    font-weight: 500;
    color: var(--bs-body-color);
    font-size: 0.875rem;
}

.reply-timestamp[b-y3hasqjgi0] {
    font-size: 0.75rem;
    color: var(--bs-text-muted);
}

.reply-body[b-y3hasqjgi0] {
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--bs-body-color);
}

.empty-comments[b-y3hasqjgi0] {
    text-align: center;
    padding: 2rem;
    color: var(--bs-text-muted);
}

/* Responsive Design */
@media (max-width: 768px) {
    .drawer-panel[b-y3hasqjgi0] {
        width: 100vw;
        max-width: 100vw;
    }
    
    .drawer-header[b-y3hasqjgi0] {
        padding: 1rem;
    }
    
    .timeline-section[b-y3hasqjgi0],
    .comments-section[b-y3hasqjgi0] {
        padding: 1rem;
    }
    
    .comment-item[b-y3hasqjgi0] {
        padding: 0.75rem;
    }
    
    .comment-header[b-y3hasqjgi0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .comment-actions[b-y3hasqjgi0] {
        margin-top: 0.5rem;
    }
    
    .timeline[b-y3hasqjgi0] {
        padding-left: 1rem;
    }
    
    .timeline-item[b-y3hasqjgi0] {
        padding-left: 1.5rem;
    }
    
    .timeline-marker[b-y3hasqjgi0] {
        left: -1.5rem;
        width: 1.25rem;
        height: 1.25rem;
    }
}

/* Dark Theme */
[data-bs-theme="dark"] .drawer-panel[b-y3hasqjgi0] {
    background: var(--bs-dark);
    border-left-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .drawer-header[b-y3hasqjgi0] {
    background: var(--bs-dark);
}

[data-bs-theme="dark"] .btn-ghost:hover[b-y3hasqjgi0] {
    background: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .timeline-comment[b-y3hasqjgi0] {
    background: rgba(13, 110, 253, 0.1);
}

[data-bs-theme="dark"] .metadata-item[b-y3hasqjgi0] {
    background: var(--bs-dark);
}

[data-bs-theme="dark"] .comment-item[b-y3hasqjgi0] {
    background: var(--bs-dark);
}

[data-bs-theme="dark"] .comment-item.comment-resolved[b-y3hasqjgi0] {
    background: rgba(108, 117, 125, 0.1);
}

[data-bs-theme="dark"] .attachment-item[b-y3hasqjgi0] {
    background: rgba(108, 117, 125, 0.2);
}
/* /Presentation/Components/Hospitality/RevenueOperationsNav.razor.rz.scp.css */
/* Revenue Operations toolbar.
   NavLink renders its own <a>, which does NOT receive this component's scope
   attribute — so every rule that targets a link must go through ::deep. */

.rev-ops[b-ijrbo9tb9b] {
    width: 100%;
    display: flex;
    align-items: stretch;
    gap: 6px;
    padding: 8px;
    overflow-x: auto;
    background: linear-gradient(180deg, #ffffff, #f5f8fc);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 10px 26px -18px rgba(15, 23, 42, .35);
    scrollbar-width: thin;
}

.rev-ops__brand[b-ijrbo9tb9b] {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    flex: 0 0 auto;
    min-width: 208px;
    padding: 8px 14px;
    margin-right: 4px;
    color: #0f172a;
    text-decoration: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #0f766e, #0d9488);
    border: 1px solid #0f766e;
    box-shadow: 0 8px 18px -10px rgba(15, 118, 110, .55);
}

.rev-ops__brand > i[b-ijrbo9tb9b] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #ffffff;
    background: rgba(255, 255, 255, .18);
    font-size: 15px;
}

.rev-ops__brand span[b-ijrbo9tb9b] { display: flex; flex-direction: column; line-height: 1.2; }
.rev-ops__brand strong[b-ijrbo9tb9b] { font-size: 12.5px; font-weight: 800; color: #ffffff; letter-spacing: .01em; }
.rev-ops__brand small[b-ijrbo9tb9b] { margin-top: 1px; color: rgba(255, 255, 255, .78); font-size: 10.5px; font-weight: 500; }

/* ── Links (NavLink) — reached through ::deep ── */
.rev-ops[b-ijrbo9tb9b]  .rev-ops__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 0;
    min-width: 132px;
    padding: 8px 12px;
    border-radius: 12px;
    color: #334155;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.rev-ops[b-ijrbo9tb9b]  .rev-ops__link > i {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 13px;
    transition: background .16s ease, color .16s ease;
}

.rev-ops[b-ijrbo9tb9b]  .rev-ops__link span { display: flex; flex-direction: column; line-height: 1.18; min-width: 0; }
.rev-ops[b-ijrbo9tb9b]  .rev-ops__link strong { font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.rev-ops[b-ijrbo9tb9b]  .rev-ops__link small { margin-top: 1px; color: #94a3b8; font-size: 10px; font-weight: 500; white-space: nowrap; }

.rev-ops[b-ijrbo9tb9b]  .rev-ops__link:hover {
    color: #0f766e;
    background: #f0fdfa;
    border-color: #cbfbf1;
    transform: translateY(-1px);
}
.rev-ops[b-ijrbo9tb9b]  .rev-ops__link:hover > i { background: #ccfbf1; color: #0f766e; }

.rev-ops[b-ijrbo9tb9b]  .rev-ops__link.active {
    color: #0f766e;
    background: #ecfdf7;
    border-color: #99f6e4;
    box-shadow: inset 0 0 0 1px #99f6e4, 0 6px 14px -10px rgba(15, 118, 110, .5);
}
.rev-ops[b-ijrbo9tb9b]  .rev-ops__link.active > i { background: #0f766e; color: #ffffff; }
.rev-ops[b-ijrbo9tb9b]  .rev-ops__link.active small { color: #14b8a6; }

@media (max-width: 820px) {
    .rev-ops[b-ijrbo9tb9b] { border-radius: 12px; }
    .rev-ops__brand[b-ijrbo9tb9b] { min-width: 56px; padding: 8px 10px; }
    .rev-ops__brand span[b-ijrbo9tb9b] { display: none; }
    .rev-ops[b-ijrbo9tb9b]  .rev-ops__link { min-width: 118px; }
    .rev-ops[b-ijrbo9tb9b]  .rev-ops__link small { display: none; }
}
/* /Presentation/Components/Shared/OnlineUsersDrawer.razor.rz.scp.css */
/* ===== Floating Action Button ===== */
.online-users-fab[b-he2vfn0hql] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);
    transition: all 0.3s ease;
    z-index: 10000;
    font-size: 18px;
}

.online-users-fab:hover[b-he2vfn0hql] {
    transform: scale(1.08);
    box-shadow: 0 6px 24px rgba(59, 130, 246, 0.5);
}

.online-users-fab.has-unread[b-he2vfn0hql] {
    animation: pulse-fab-b-he2vfn0hql 2s infinite;
}

.online-count-badge[b-he2vfn0hql] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #22c55e;
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
}

.chat-unread-dot[b-he2vfn0hql] {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 12px;
    height: 12px;
    background: #ef4444;
    border-radius: 50%;
    border: 2px solid white;
    animation: pulse-dot-b-he2vfn0hql 1.5s infinite;
}

@keyframes pulse-fab-b-he2vfn0hql {
    0%, 100% { box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4); }
    50% { box-shadow: 0 4px 24px rgba(239, 68, 68, 0.6); }
}

@keyframes pulse-dot-b-he2vfn0hql {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.3); }
}

/* ===== Drawer Panel ===== */
.online-users-drawer[b-he2vfn0hql] {
    position: fixed;
    right: -380px;
    top: 0;
    width: 360px;
    height: 100vh;
    background: var(--bs-body-bg, #ffffff);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
    z-index: 10001;
    display: flex;
    flex-direction: column;
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-left: 1px solid var(--bs-border-color, #dee2e6);
}

.online-users-drawer.open[b-he2vfn0hql] {
    right: 0;
}

.drawer-overlay[b-he2vfn0hql] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.drawer-overlay.show[b-he2vfn0hql] {
    opacity: 1;
    pointer-events: auto;
}

.drawer-header[b-he2vfn0hql] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-tertiary-bg, #f8f9fa);
    display: flex;
    align-items: center;
}

.drawer-body[b-he2vfn0hql] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

/* ===== User List Items ===== */
.online-user-item[b-he2vfn0hql] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    transition: background 0.15s ease;
    border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0,0,0,0.05));
}

.online-user-item:hover[b-he2vfn0hql] {
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.online-user-item:hover .user-actions[b-he2vfn0hql] {
    opacity: 1;
}

.user-actions[b-he2vfn0hql] {
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.action-btn[b-he2vfn0hql] {
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
}

/* ===== User Avatar ===== */
.user-avatar-sm[b-he2vfn0hql] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: white;
    position: relative;
    background: #6366f1;
}

.user-avatar-sm[b-he2vfn0hql]::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid white;
}

.user-avatar-sm.status-online[b-he2vfn0hql]::after {
    background: #22c55e;
}

.user-avatar-sm.status-idle[b-he2vfn0hql]::after {
    background: #f59e0b;
}

.user-avatar-sm.status-away[b-he2vfn0hql]::after {
    background: #9ca3af;
}

/* ===== Chat View ===== */
.drawer-chat-view[b-he2vfn0hql] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

.chat-header[b-he2vfn0hql] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.chat-messages[b-he2vfn0hql] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.chat-bubble[b-he2vfn0hql] {
    max-width: 80%;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 0.85rem;
    line-height: 1.4;
    word-wrap: break-word;
}

.chat-bubble.sent[b-he2vfn0hql] {
    align-self: flex-end;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: white;
    border-bottom-right-radius: 4px;
}

.chat-bubble.received[b-he2vfn0hql] {
    align-self: flex-start;
    background: var(--bs-tertiary-bg, #f1f3f5);
    color: var(--bs-body-color, #212529);
    border-bottom-left-radius: 4px;
}

.bubble-time[b-he2vfn0hql] {
    font-size: 0.65rem;
    opacity: 0.7;
    margin-top: 2px;
    text-align: right;
}

.chat-input-area[b-he2vfn0hql] {
    padding: 10px 16px;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.typing-indicator[b-he2vfn0hql] {
    color: #3b82f6;
    font-style: italic;
    font-size: 0.7rem;
}

.typing-dots[b-he2vfn0hql] {
    animation: blink-b-he2vfn0hql 1.4s infinite;
}

@keyframes blink-b-he2vfn0hql {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* ===== Notify Dialog ===== */
.notify-overlay[b-he2vfn0hql] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10002;
}

.notify-dialog[b-he2vfn0hql] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
    max-width: 90vw;
    background: var(--bs-body-bg, #fff);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    z-index: 10003;
    overflow: hidden;
}

.notify-dialog-header[b-he2vfn0hql] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.notify-dialog-body[b-he2vfn0hql] {
    padding: 16px 20px;
}

.notify-dialog-footer[b-he2vfn0hql] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 20px;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-tertiary-bg, #f8f9fa);
}

/* ===== Mobile ===== */
@media (max-width: 576px) {
    .online-users-drawer[b-he2vfn0hql] {
        width: 100vw;
        right: -100vw;
    }

    .online-users-fab[b-he2vfn0hql] {
        bottom: 16px;
        right: 16px;
        width: 46px;
        height: 46px;
        font-size: 16px;
    }
}
/* /Presentation/Components/Treasury/LegalTrackingNav.razor.rz.scp.css */
.legal-module-nav[b-qfyqfqm9a1]{display:flex;align-items:center;gap:2px;width:max-content;padding:4px;background:#e8eef3;border:1px solid #d7e0e7;border-radius:11px}
.legal-module-nav button[b-qfyqfqm9a1]{height:39px;padding:0 17px;border:0;border-radius:8px;background:transparent;color:#5a6d7f;font:750 13px/1 inherit;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}
.legal-module-nav button:hover[b-qfyqfqm9a1]{background:#f7f9fb;color:#173a56}
.legal-module-nav button.active[b-qfyqfqm9a1]{background:#fff;color:#153a56;box-shadow:0 2px 8px rgba(28,50,71,.12)}
.legal-module-nav i[b-qfyqfqm9a1]{width:14px;text-align:center;font-size:13px;color:#16817c}
@media(max-width:720px){.legal-module-nav[b-qfyqfqm9a1]{width:100%;overflow-x:auto}.legal-module-nav button[b-qfyqfqm9a1]{flex:1;padding:0 10px}.legal-module-nav span[b-qfyqfqm9a1]{font-size:12px}}
/* /Presentation/Layout/MainLayout.razor.rz.scp.css */
.page[b-gc6ktbwei5] {
    position: relative;
    display: flex;
    min-height: 100vh;
    transition: all 0.3s ease;
}

.sidebar[b-gc6ktbwei5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100vh;
    background: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    z-index: 100; /* Dialoglardan (1000+) düşük olmalı */
    transition: width 0.3s ease, transform 0.3s ease;
    transform: translateX(0);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

.sidebar.collapsed[b-gc6ktbwei5] {
    transform: translateX(-222px); /* 300 - 78 = 222 */
    width: 78px;
}

.sidebar.collapsed .sidebar-header[b-gc6ktbwei5] {
    padding: 1rem 0.5rem;
}

.main-content[b-gc6ktbwei5] {
    flex: 1;
    margin-left: 300px;
    transition: margin-left 0.3s ease;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--app-bg, #f8f9fa);
    min-width: 0;
    /* overflow-x:hidden zorunlu olarak overflow-y:auto'ya dönüşür (CSS Overflow spec),
       bu da .main-content'i bir "scroll container" yapar. Bu element kendi başına
       hiçbir zaman gerçekten kayan bir kutuya sahip olmadığı (yüksekliği sabitlenmemiş,
       gerçek sayfa kaydırması tarayıcı penceresinde olur) için, içindeki HİÇBİR
       position:sticky öğesi (uygulama genelinde) düzgün çalışmıyordu — sticky öğe,
       gerçekte hiç kaymayan bu "sahte" scroll container'a göre konumlanıyordu.
       overflow-x:clip aynı yatay taşma korumasını verir ama scroll container
       SAYILMADIĞI için sticky'yi bozmaz. */
    overflow-x: clip;
}

.main-content.sidebar-collapsed[b-gc6ktbwei5] {
    margin-left: 78px;
}

.top-header[b-gc6ktbwei5] {
    background: var(--app-header-bg, white);
    border-bottom: 1px solid var(--app-header-border, #dee2e6);
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    min-height: 50px;
    position: fixed;
    top: 0;
    left: 300px;
    right: 0;
    z-index: 90;
    box-shadow: 0 1px 3px var(--app-shadow, rgba(0, 0, 0, 0.1));
    width: auto;
    max-width: 100vw;
    box-sizing: border-box;
}

.top-header.sidebar-collapsed[b-gc6ktbwei5] {
    left: 78px;
}

.header-left[b-gc6ktbwei5] {
    display: flex;
    align-items: center;
}

.header-right[b-gc6ktbwei5] {
    display: flex;
    align-items: center;
}

.sidebar-toggle[b-gc6ktbwei5] {
    border: none;
    background: none;
    font-size: 1.2rem;
    color: #495057;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.sidebar-toggle:hover[b-gc6ktbwei5] {
    background-color: #f8f9fa;
    color: #1b6ec2;
}

.mobile-toggle[b-gc6ktbwei5] {
    display: none;
}

.page-title h4[b-gc6ktbwei5] {
    color: #495057;
    font-weight: 600;
    margin: 0;
}

.search-box .input-group[b-gc6ktbwei5] {
    width: 300px;
}

.search-box .form-control[b-gc6ktbwei5] {
    border-radius: 8px 0 0 8px;
    border: 1px solid #dee2e6;
}

.search-box .input-group-text[b-gc6ktbwei5] {
    border-radius: 0 8px 8px 0;
    border: 1px solid #dee2e6;
}

.user-avatar[b-gc6ktbwei5] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1b6ec2, #0d6efd);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
}

.dropdown-menu[b-gc6ktbwei5] {
    border: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 0.5rem 0;
}

.dropdown-item[b-gc6ktbwei5] {
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

.dropdown-item:hover[b-gc6ktbwei5] {
    background-color: #f8f9fa;
    color: #1b6ec2;
}

.dropdown-header[b-gc6ktbwei5] {
    color: #495057;
    font-weight: 600;
    padding: 0.75rem 1rem 0.25rem;
}

.content[b-gc6ktbwei5] {
    padding: 1.5rem;
    flex: 1;
    background: var(--app-bg, #f8f9fa);
    margin-top: 50px;
}

.sidebar-overlay[b-gc6ktbwei5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.sidebar-overlay.show[b-gc6ktbwei5] {
    opacity: 1;
    visibility: visible;
}

/* Mobile responsive */
@media (max-width: 991.98px) {
    .main-content[b-gc6ktbwei5] {
        margin-left: 0;
    }

    .top-header[b-gc6ktbwei5],
    .top-header.sidebar-collapsed[b-gc6ktbwei5] {
        left: 0;
    }
    
    .sidebar[b-gc6ktbwei5] {
        transform: translateX(-100%);
        z-index: 1050;
    }
    
    .sidebar.mobile-open[b-gc6ktbwei5] {
        transform: translateX(0);
    }

    .mobile-overlay[b-gc6ktbwei5] {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1040;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .mobile-overlay.show[b-gc6ktbwei5] {
        display: block;
        opacity: 1;
    }

    /* Notification dropdown responsive */
    .notification-dropdown[b-gc6ktbwei5] {
        width: calc(100vw - 24px) !important;
        max-width: 380px;
        right: -60px;
    }
    
    .mobile-toggle[b-gc6ktbwei5] {
        display: inline-block !important;
    }
    
    .sidebar-toggle[b-gc6ktbwei5] {
        display: none;
    }
    
    .search-box[b-gc6ktbwei5] {
        display: none !important;
    }
}

/* Desktop states */
@media (min-width: 992px) {
    .page.sidebar-collapsed .main-content[b-gc6ktbwei5] {
        margin-left: 60px;
    }
    
    .page.sidebar-collapsed .sidebar[b-gc6ktbwei5] {
        width: 60px;
    }
    
    .mobile-toggle[b-gc6ktbwei5] {
        display: none !important;
    }
}

/* Smooth animations */
.page[b-gc6ktbwei5],
.sidebar[b-gc6ktbwei5],
.main-content[b-gc6ktbwei5] {
    transition: all 0.3s ease;
}

/* Loading states */
.loading-spinner[b-gc6ktbwei5] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    animation: spin-b-gc6ktbwei5 1s linear infinite;
}

@keyframes spin-b-gc6ktbwei5 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.sidebar-overlay.show[b-gc6ktbwei5] {
    display: block;
    opacity: 1;
}

/* Mobile Styles */
@media (max-width: 1024px) {
    .search-box[b-gc6ktbwei5] {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .sidebar[b-gc6ktbwei5] {
        transform: translateX(-250px);
    }
    
    .sidebar.show[b-gc6ktbwei5] {
        transform: translateX(0);
    }
    
    .main-content[b-gc6ktbwei5] {
        margin-left: 0;
    }
    
    .mobile-toggle[b-gc6ktbwei5] {
        display: inline-block;
    }
    
    .sidebar-toggle[b-gc6ktbwei5] {
        display: none;
    }
    
    .top-header[b-gc6ktbwei5] {
        padding: 0.75rem 1rem;
    }
    
    .content[b-gc6ktbwei5] {
        padding: 1rem;
    }
    
    .page-title h4[b-gc6ktbwei5] {
        font-size: 1.1rem;
    }
    
    .header-right .d-none.d-md-block[b-gc6ktbwei5] {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .top-header[b-gc6ktbwei5] {
        padding: 0.5rem;
    }
    
    .content[b-gc6ktbwei5] {
        padding: 0.75rem;
    }
    
    .user-avatar[b-gc6ktbwei5] {
        width: 32px;
        height: 32px;
        font-size: 0.75rem;
    }
}

#blazor-error-ui[b-gc6ktbwei5] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-gc6ktbwei5] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Notification Dropdown Styles */
.notification-dropdown[b-gc6ktbwei5] {
    border: none;
    z-index: 1200;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
}

.notification-header[b-gc6ktbwei5] {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-bottom: 1px solid #dee2e6;
}

.notification-item[b-gc6ktbwei5] {
    padding: 0;
    border: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

.notification-item:hover[b-gc6ktbwei5] {
    background: #f8f9fa;
}

.notification-item.unread[b-gc6ktbwei5] {
    background: #fff7e6;
    border-left: 4px solid #0d6efd;
}

.notification-item.read[b-gc6ktbwei5] {
    background: white;
    opacity: 0.8;
}

.notification-content[b-gc6ktbwei5] {
    display: flex;
    padding: 12px 16px;
    align-items: flex-start;
    gap: 12px;
}

.notification-icon[b-gc6ktbwei5] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.notification-text[b-gc6ktbwei5] {
    flex: 1;
    min-width: 0;
}

.notification-title[b-gc6ktbwei5] {
    font-weight: 600;
    font-size: 14px;
    color: #495057;
    margin-bottom: 4px;
    line-height: 1.3;
}

.notification-body[b-gc6ktbwei5] {
    font-size: 13px;
    color: #6c757d;
    margin-bottom: 6px;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.notification-time[b-gc6ktbwei5] {
    font-size: 11px;
    color: #adb5bd;
    display: flex;
    align-items: center;
}

.notification-badge[b-gc6ktbwei5] {
    flex-shrink: 0;
    align-self: flex-start;
}

.notification-footer[b-gc6ktbwei5] {
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

/* ═══════ Mobile-Specific Fixes ═══════ */

/* Phone screens */
@media (max-width: 576px) {
    /* Header button spacing */
    .header-right[b-gc6ktbwei5] {
        gap: 0.25rem !important;
    }

    .header-right .btn[b-gc6ktbwei5] {
        padding: 0.4rem 0.5rem !important;
        font-size: 0.8rem !important;
    }

    /* Notification dropdown full-width on small phones */
    .notification-dropdown[b-gc6ktbwei5] {
        position: fixed !important;
        top: 50px !important;
        left: 8px !important;
        right: 8px !important;
        width: calc(100vw - 16px) !important;
        max-width: none !important;
        max-height: calc(100vh - 60px) !important;
        transform: none !important;
    }

    /* Cards full width */
    .card[b-gc6ktbwei5] {
        border-radius: 8px;
    }

    .card-header[b-gc6ktbwei5] {
        padding: 0.75rem;
    }

    .card-body[b-gc6ktbwei5] {
        padding: 0.75rem;
    }

    /* Button toolbar wrap */
    .btn-toolbar[b-gc6ktbwei5] {
        flex-wrap: wrap;
        gap: 0.5rem !important;
    }

    .btn-toolbar .btn[b-gc6ktbwei5] {
        font-size: 0.8rem;
        padding: 0.35rem 0.6rem;
    }

    /* Tables scroll horizontally */
    .table-responsive[b-gc6ktbwei5],
    .e-grid[b-gc6ktbwei5] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Dialog widths on mobile */
    .e-dialog[b-gc6ktbwei5],
    .e-dlg-container .e-dlg-content[b-gc6ktbwei5] {
        width: calc(100vw - 24px) !important;
        max-width: 100% !important;
    }

    /* Mobile close button in sidebar */
    .mobile-close-header[b-gc6ktbwei5] {
        display: flex !important;
        justify-content: flex-end;
        padding: 12px 16px 0;
    }

    .mobile-close-btn[b-gc6ktbwei5] {
        background: rgba(255, 255, 255, 0.15);
        border: none;
        color: white;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        cursor: pointer;
    }
}

/* Tablet */
@media (min-width: 577px) and (max-width: 991.98px) {
    .notification-dropdown[b-gc6ktbwei5] {
        max-width: 380px;
    }

    .mobile-close-header[b-gc6ktbwei5] {
        display: flex !important;
        justify-content: flex-end;
        padding: 12px 16px 0;
    }

    .mobile-close-btn[b-gc6ktbwei5] {
        background: rgba(255, 255, 255, 0.15);
        border: none;
        color: white;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        cursor: pointer;
    }
}

/* Desktop: hide mobile elements */
@media (min-width: 992px) {
    .mobile-close-header[b-gc6ktbwei5] {
        display: none !important;
    }
    
    .mobile-overlay[b-gc6ktbwei5] {
        display: none !important;
    }
}

/* Touch targets - minimum 44px */
@media (pointer: coarse) {
    .btn[b-gc6ktbwei5], .dropdown-item[b-gc6ktbwei5], .nav-link[b-gc6ktbwei5] {
        min-height: 44px;
        display: flex;
        align-items: center;
    }

    .dropdown-item[b-gc6ktbwei5] {
        padding: 0.75rem 1rem;
    }
}

/* Safe area for notched phones */
@supports (padding: env(safe-area-inset-bottom)) {
    .content[b-gc6ktbwei5] {
        padding-bottom: calc(1rem + env(safe-area-inset-bottom));
    }
    
    .sidebar[b-gc6ktbwei5] {
        padding-bottom: env(safe-area-inset-bottom);
    }
}
/* /Presentation/Layout/NavMenu.razor.rz.scp.css */
/* =============================================================================
   SIDEBAR CSS — Moved to wwwroot/css/navmenu.css (global)
   Reason: Blazor CSS isolation (b-xxxx scoping) silently fails in production
   because NavLink child components do not inherit the scoped attribute.
   Same fix pattern used for flyout-menu CSS (financial-planning-design-system.css).
   ============================================================================= */
/* /Presentation/Pages/Dashboards/Dashboard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   DRM Budget – Executive Dashboard
   Scoped dashboard styling for the /dashboard page
   ═══════════════════════════════════════════════════════════════ */

.ex-shell[b-2h353nrads] {
    --ex-bg: #f8fafc;
    --ex-surface: #ffffff;
    --ex-surface-muted: #f8fafc;
    --ex-raised: #ffffff;
    --ex-inset: #f1f5f9;
    --ex-ink: #0f172a;
    --ex-ink-2: #334155;
    --ex-muted: #64748b;
    --ex-faint: #94a3b8;
    --ex-border: #e2e8f0;
    --ex-border-strong: #cbd5e1;
    --ex-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --ex-shadow-md: 0 4px 10px rgba(15, 23, 42, 0.07);
    --ex-shadow-lg: 0 8px 20px rgba(15, 23, 42, 0.10);
    --ex-hero: #0f172a;
    --ex-blue: var(--drm-accent-600);
    --ex-sky: var(--drm-accent-600);
    --ex-green: var(--drm-success);
    --ex-amber: var(--drm-warning);
    --ex-rose: var(--drm-danger);
    --ex-violet: var(--drm-accent-600);
    --ex-indigo: var(--drm-accent-600);
    --ex-blue-soft: var(--drm-info-bg);
    --ex-sky-soft: var(--drm-info-bg);
    --ex-green-soft: var(--drm-success-bg);
    --ex-amber-soft: var(--drm-warning-bg);
    --ex-rose-soft: var(--drm-danger-bg);
    --ex-violet-soft: var(--drm-info-bg);
    --ex-indigo-soft: var(--drm-info-bg);
    --ex-neutral-chip: #f1f5f9;
    --ex-neutral-chip-ink: #334155;

    position: relative;
    isolation: isolate;
    min-height: 100dvh;
    padding: clamp(16px, 2vw, 28px);
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.75vw, 24px);
    background: var(--ex-bg);
    color: var(--ex-ink);
    font-family: var(--drm-font-sans);
    overflow-x: clip;
}

.ex-shell[b-2h353nrads],
.ex-shell *[b-2h353nrads] {
    box-sizing: border-box;
}

.ex-shell a[b-2h353nrads] {
    color: inherit;
}

.ex-shell a:hover[b-2h353nrads] {
    color: inherit;
    text-decoration: none;
}

.ex-shell button[b-2h353nrads],
.ex-shell select[b-2h353nrads],
.ex-shell a[b-2h353nrads] {
    font: inherit;
}

.ex-shell .ex-hero[b-2h353nrads],
.ex-shell .ex-kpi-strip[b-2h353nrads],
.ex-shell .ex-content[b-2h353nrads] {
    width: 100%;
    max-width: 1760px;
    margin: 0 auto;
}

.ex-shell .ex-section[b-2h353nrads] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ex-shell .ex-section-last[b-2h353nrads] {
    margin-bottom: 0;
}

.ex-shell .ex-section-header[b-2h353nrads] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ex-shell .ex-section-line[b-2h353nrads] {
    width: 4px;
    height: 22px;
    border-radius: 999px;
    flex-shrink: 0;
}

.ex-shell .ex-line-blue[b-2h353nrads],
.ex-shell .ex-line-violet[b-2h353nrads],
.ex-shell .ex-line-amber[b-2h353nrads] {
    background: var(--ex-ink-2);
}

.ex-shell .ex-section-title[b-2h353nrads] {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ex-muted);
}

/* -----------------------------------------------------------------
   Hero
   ----------------------------------------------------------------- */
.ex-shell .ex-hero[b-2h353nrads] {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: var(--ex-hero);
    color: #fff;
    box-shadow: var(--ex-shadow-md);
}

.ex-shell .ex-hero-inner[b-2h353nrads] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding: clamp(20px, 2.2vw, 28px);
}

.ex-shell .ex-hero-left[b-2h353nrads] {
    flex: 1 1 360px;
    min-width: 0;
}

.ex-shell .ex-hero-greeting[b-2h353nrads] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.ex-shell .ex-hero-icon-wrap[b-2h353nrads] {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 1.15rem;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.ex-shell .ex-hero-title[b-2h353nrads] {
    margin: 0;
    font-size: clamp(1.55rem, 1.2rem + 0.8vw, 2.1rem);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.035em;
}

.ex-shell .ex-hero-meta[b-2h353nrads] {
    margin: 8px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.83rem;
}

.ex-shell .ex-meta-item[b-2h353nrads] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ex-shell .ex-meta-item i[b-2h353nrads] {
    font-size: 0.72rem;
}

.ex-shell .ex-meta-sep[b-2h353nrads] {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.30);
    flex-shrink: 0;
}

.ex-shell .ex-health-pill[b-2h353nrads] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    border: 1px solid transparent;
}

.ex-shell .ex-health-pill.healthy[b-2h353nrads] {
    background: rgba(16, 185, 129, 0.18);
    border-color: rgba(16, 185, 129, 0.28);
    color: #86efac;
}

.ex-shell .ex-health-pill.warning[b-2h353nrads] {
    background: rgba(245, 158, 11, 0.16);
    border-color: rgba(245, 158, 11, 0.28);
    color: #fde68a;
}

.ex-shell .ex-health-pill.critical[b-2h353nrads] {
    background: rgba(239, 68, 68, 0.16);
    border-color: rgba(239, 68, 68, 0.28);
    color: #fecaca;
}

.ex-shell .ex-hero-right[b-2h353nrads] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.ex-shell .ex-branch-select[b-2h353nrads] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.ex-shell .ex-branch-select:focus-within[b-2h353nrads] {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.26);
}

.ex-shell .ex-branch-select i[b-2h353nrads] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.78rem;
}

.ex-shell .ex-branch-select select[b-2h353nrads] {
    min-width: 140px;
    border: none;
    outline: none;
    background: transparent;
    color: #fff;
    font-weight: 600;
    font-size: 0.84rem;
    cursor: pointer;
    appearance: none;
}

.ex-shell .ex-branch-select select option[b-2h353nrads] {
    background: #ffffff;
    color: #0f172a;
}

.ex-shell .ex-hero-actions[b-2h353nrads] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ex-shell .ex-btn[b-2h353nrads] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition:
        transform 160ms ease,
        background 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease;
}

.ex-shell .ex-btn:hover[b-2h353nrads] {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
}

.ex-shell .ex-btn-primary[b-2h353nrads] {
    background: var(--ex-blue);
    border-color: var(--ex-blue);
}

.ex-shell .ex-btn-primary:hover[b-2h353nrads] {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

.ex-shell .ex-btn i[b-2h353nrads] {
    font-size: 0.72rem;
}

/* -----------------------------------------------------------------
   KPI strip
   ----------------------------------------------------------------- */
.ex-shell .ex-kpi-strip[b-2h353nrads] {
    display: block;
}

.ex-shell .ex-kpi-grid[b-2h353nrads] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.ex-shell .ex-kpi[b-2h353nrads] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 142px;
    padding: 18px;
    border-radius: 18px;
    background: var(--ex-surface);
    border: 1px solid var(--ex-border);
    box-shadow: var(--ex-shadow-sm);
    transition:
        transform 170ms ease,
        box-shadow 170ms ease,
        border-color 170ms ease;
}

.ex-shell .ex-kpi:hover[b-2h353nrads] {
    transform: translateY(-3px);
    border-color: var(--ex-border-strong);
    box-shadow: var(--ex-shadow-md);
}

.ex-shell .ex-kpi[b-2h353nrads]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.ex-shell .ex-kpi[b-2h353nrads]::before { background: var(--ex-border-strong); }

.ex-shell .ex-kpi-head[b-2h353nrads] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ex-shell .ex-kpi-dot[b-2h353nrads] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    flex-shrink: 0;
}

.ex-shell .ex-dot-blue[b-2h353nrads],
.ex-shell .ex-dot-emerald[b-2h353nrads],
.ex-shell .ex-dot-rose[b-2h353nrads],
.ex-shell .ex-dot-amber[b-2h353nrads],
.ex-shell .ex-dot-violet[b-2h353nrads],
.ex-shell .ex-dot-indigo[b-2h353nrads] { background: var(--ex-faint); }

.ex-shell .ex-kpi-label[b-2h353nrads] {
    min-width: 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ex-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ex-shell .ex-kpi-value[b-2h353nrads] {
    font-size: clamp(1.35rem, 1.15rem + 0.55vw, 1.75rem);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--ex-ink);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ex-shell .ex-kpi-value small[b-2h353nrads] {
    margin-left: 2px;
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--ex-muted);
}

.ex-shell .ex-kpi-sub[b-2h353nrads] {
    font-size: 0.72rem;
    color: var(--ex-faint);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ex-shell .ex-kpi-track[b-2h353nrads] {
    margin-top: auto;
    height: 6px;
    border-radius: 999px;
    overflow: hidden;
    background: var(--ex-inset);
}

.ex-shell .ex-kpi-fill[b-2h353nrads] {
    height: 100%;
    border-radius: inherit;
    max-width: 100%;
    transition: width 260ms ease;
}

.ex-shell .ex-fill-blue[b-2h353nrads],
.ex-shell .ex-fill-violet[b-2h353nrads] {
    background: var(--ex-blue);
}

.ex-shell .ex-fill-rose[b-2h353nrads] {
    background: var(--ex-rose);
}

.ex-shell .ex-val-pos[b-2h353nrads],
.ex-shell .ex-kpi-value.healthy[b-2h353nrads],
.ex-shell .xval-pos[b-2h353nrads] {
    color: var(--ex-green) !important;
}

.ex-shell .ex-val-neg[b-2h353nrads],
.ex-shell .ex-kpi-value.critical[b-2h353nrads],
.ex-shell .xval-neg[b-2h353nrads] {
    color: var(--ex-rose) !important;
}

.ex-shell .ex-val-warn[b-2h353nrads],
.ex-shell .ex-kpi-value.warning[b-2h353nrads],
.ex-shell .xval-warn[b-2h353nrads] {
    color: var(--ex-amber) !important;
}

/* -----------------------------------------------------------------
   Content
   ----------------------------------------------------------------- */
.ex-shell .ex-content[b-2h353nrads] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ex-shell .ex-grid-4[b-2h353nrads] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.ex-shell .ex-card[b-2h353nrads] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    border-radius: 18px;
    background: var(--ex-surface);
    border: 1px solid var(--ex-border);
    box-shadow: var(--ex-shadow-sm);
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition:
        transform 170ms ease,
        box-shadow 170ms ease,
        border-color 170ms ease;
}

.ex-shell .ex-card:hover[b-2h353nrads] {
    transform: translateY(-3px);
    border-color: var(--ex-border-strong);
    box-shadow: var(--ex-shadow-md);
}

.ex-shell .ex-card:focus-visible[b-2h353nrads],
.ex-shell .ex-btn:focus-visible[b-2h353nrads],
.ex-shell .ex-quick:focus-visible[b-2h353nrads],
.ex-shell .ex-branch-select select:focus-visible[b-2h353nrads] {
    outline: 2px solid var(--drm-border-focus);
    outline-offset: 2px;
}

.ex-shell .ex-card-accent[b-2h353nrads] {
    height: 3px;
    flex-shrink: 0;
    background: var(--ex-border-strong);
}

.ex-shell .ex-card-header[b-2h353nrads] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--ex-border);
    min-width: 0;
}

.ex-shell .ex-card-icon[b-2h353nrads] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--ex-ink-2);
    font-size: 0.95rem;
    background: var(--ex-inset);
    border: 1px solid var(--ex-border);
}

.ex-shell .ex-icon-blue[b-2h353nrads],
.ex-shell .ex-icon-emerald[b-2h353nrads],
.ex-shell .ex-icon-sky[b-2h353nrads],
.ex-shell .ex-icon-amber[b-2h353nrads],
.ex-shell .ex-icon-violet[b-2h353nrads],
.ex-shell .ex-icon-rose[b-2h353nrads],
.ex-shell .ex-icon-indigo[b-2h353nrads],
.ex-shell .ex-icon-red[b-2h353nrads] {
    background: var(--ex-inset);
    color: var(--ex-ink-2);
}

.ex-shell .ex-card-titles[b-2h353nrads] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ex-shell .ex-card-eyebrow[b-2h353nrads] {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ex-faint);
}

.ex-shell .ex-card-name[b-2h353nrads] {
    margin: 0;
    font-size: 0.96rem;
    font-weight: 800;
    color: var(--ex-ink);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ex-shell .ex-card-arrow[b-2h353nrads] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--ex-surface-muted);
    border: 1px solid var(--ex-border);
    color: var(--ex-faint);
    font-size: 0.68rem;
    transition:
        transform 170ms ease,
        background 170ms ease,
        border-color 170ms ease,
        color 170ms ease;
}

.ex-shell .ex-card:hover .ex-card-arrow[b-2h353nrads] {
    transform: translateX(2px);
    background: var(--ex-blue-soft);
    border-color: rgba(37, 99, 235, 0.22);
    color: var(--ex-blue);
}

.ex-shell .ex-badge[b-2h353nrads] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--ex-surface-muted);
    border: 1px solid var(--ex-border);
    color: var(--ex-muted);
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
}

.ex-shell .ex-badge-warn[b-2h353nrads] {
    background: var(--ex-amber-soft);
    border-color: rgba(217, 119, 6, 0.24);
    color: var(--ex-amber);
}

.ex-shell .ex-card-content[b-2h353nrads] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px 16px;
    min-width: 0;
}

.ex-shell .ex-card-footer[b-2h353nrads] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px 12px;
    border-top: 1px solid var(--ex-border);
    font-size: 0.72rem;
}

.ex-shell .ex-card-footer span[b-2h353nrads] {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: inherit;
}

.ex-shell .ex-card-footer strong[b-2h353nrads] {
    font-size: 0.94rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.ex-shell .ex-footer-blue[b-2h353nrads] {
    background: var(--ex-inset);
    color: var(--ex-ink-2);
}

.ex-shell .ex-footer-emerald[b-2h353nrads] {
    background: var(--ex-green-soft);
    color: var(--ex-green);
}

.ex-shell .ex-footer-rose[b-2h353nrads] {
    background: var(--ex-rose-soft);
    color: var(--ex-rose);
}

/* -----------------------------------------------------------------
   Widgets
   ----------------------------------------------------------------- */
.ex-shell .ex-loader[b-2h353nrads] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px 0;
}

.ex-shell .ex-loader-spinner[b-2h353nrads] {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border: 3px solid var(--ex-border);
    border-top-color: var(--ex-blue);
    animation: ex-spin-b-2h353nrads 0.8s linear infinite;
}

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

.ex-shell .ex-currency-list[b-2h353nrads] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ex-shell .ex-curr-item[b-2h353nrads] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    padding: 9px 10px;
    border-radius: 12px;
    background: var(--ex-surface-muted);
    border: 1px solid transparent;
    transition: background 160ms ease, border-color 160ms ease;
}

.ex-shell .ex-curr-item:hover[b-2h353nrads] {
    background: var(--ex-surface);
    border-color: var(--ex-border);
}

.ex-shell .ex-curr-flag[b-2h353nrads] {
    min-width: 40px;
    padding: 2px 6px;
    border-radius: 8px;
    background: var(--ex-inset);
    border: 1px solid var(--ex-border);
    color: var(--ex-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-align: center;
    flex-shrink: 0;
}

.ex-shell .ex-curr-val[b-2h353nrads] {
    min-width: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--ex-ink);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ex-shell .ex-check-pair[b-2h353nrads],
.ex-shell .ex-approval-grid[b-2h353nrads],
.ex-shell .ex-revenue-grid[b-2h353nrads] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ex-shell .ex-check-box[b-2h353nrads],
.ex-shell .ex-ap[b-2h353nrads],
.ex-shell .ex-revenue-cell[b-2h353nrads] {
    border-radius: 16px;
    border: 1px solid transparent;
    text-align: center;
}

.ex-shell .ex-check-box[b-2h353nrads] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 16px 12px;
}

.ex-shell .ex-check-indicator[b-2h353nrads] {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 0.9rem;
}

.ex-shell .ex-check-box strong[b-2h353nrads] {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--ex-ink);
    font-variant-numeric: tabular-nums;
}

.ex-shell .ex-check-box span[b-2h353nrads] {
    font-size: 0.68rem;
    color: var(--ex-muted);
    font-weight: 600;
}

.ex-shell .ex-check-in[b-2h353nrads] {
    background: var(--ex-green-soft);
    border-color: rgba(16, 185, 129, 0.22);
}

.ex-shell .ex-check-in .ex-check-indicator[b-2h353nrads] {
    background: var(--ex-green);
}

.ex-shell .ex-check-out[b-2h353nrads] {
    background: var(--ex-rose-soft);
    border-color: rgba(239, 68, 68, 0.22);
}

.ex-shell .ex-check-out .ex-check-indicator[b-2h353nrads] {
    background: var(--ex-rose);
}

.ex-shell .ex-flow-visual[b-2h353nrads] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ex-shell .ex-flow-bar-wrap[b-2h353nrads] {
    padding: 2px 0;
}

.ex-shell .ex-flow-bar[b-2h353nrads] {
    display: flex;
    height: 28px;
    overflow: hidden;
    border-radius: 999px;
    border: 1px solid var(--ex-border);
    background: var(--ex-surface-muted);
}

.ex-shell .ex-flow-segment-in[b-2h353nrads],
.ex-shell .ex-flow-segment-out[b-2h353nrads] {
    min-width: 4px;
    transition: width 240ms ease;
}

.ex-shell .ex-flow-segment-in[b-2h353nrads] {
    background: var(--ex-green);
}

.ex-shell .ex-flow-segment-out[b-2h353nrads] {
    background: var(--ex-rose);
}

.ex-shell .ex-flow-legend[b-2h353nrads] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.ex-shell .ex-flow-in[b-2h353nrads],
.ex-shell .ex-flow-out[b-2h353nrads] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.78rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.ex-shell .ex-flow-in[b-2h353nrads] {
    color: var(--ex-green);
}

.ex-shell .ex-flow-out[b-2h353nrads] {
    color: var(--ex-rose);
}

.ex-shell .ex-loan-grid[b-2h353nrads] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ex-shell .ex-loan-stat[b-2h353nrads] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 14px;
    background: var(--ex-surface-muted);
    border: 1px solid var(--ex-border);
}

.ex-shell .ex-loan-stat label[b-2h353nrads] {
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ex-faint);
}

.ex-shell .ex-loan-stat strong[b-2h353nrads] {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--ex-ink);
    font-variant-numeric: tabular-nums;
}

.ex-shell .ex-loan-progress[b-2h353nrads] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ex-shell .ex-loan-track[b-2h353nrads] {
    flex: 1;
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--ex-inset);
    border: 1px solid var(--ex-border);
}

.ex-shell .ex-loan-fill[b-2h353nrads] {
    height: 100%;
    border-radius: inherit;
    max-width: 100%;
    background: var(--ex-amber);
    transition: width 240ms ease;
}

.ex-shell .ex-loan-pct[b-2h353nrads] {
    white-space: nowrap;
    font-size: 0.76rem;
    font-weight: 800;
    color: var(--ex-muted);
    font-variant-numeric: tabular-nums;
}

.ex-shell .ex-ap[b-2h353nrads] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 14px 10px;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.ex-shell .ex-ap:hover[b-2h353nrads] {
    transform: translateY(-2px);
    box-shadow: var(--ex-shadow-sm);
}

.ex-shell .ex-ap i[b-2h353nrads] {
    font-size: 1.1rem;
}

.ex-shell .ex-ap strong[b-2h353nrads] {
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.ex-shell .ex-ap label[b-2h353nrads] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ex-muted);
}

.ex-shell .ex-ap-ok[b-2h353nrads] {
    background: var(--ex-green-soft);
    border-color: rgba(16, 185, 129, 0.22);
}

.ex-shell .ex-ap-ok i[b-2h353nrads],
.ex-shell .ex-ap-ok strong[b-2h353nrads] {
    color: var(--ex-green);
}

.ex-shell .ex-ap-warn[b-2h353nrads] {
    background: var(--ex-amber-soft);
    border-color: rgba(245, 158, 11, 0.22);
}

.ex-shell .ex-ap-warn i[b-2h353nrads],
.ex-shell .ex-ap-warn strong[b-2h353nrads] {
    color: var(--ex-amber);
}

.ex-shell .ex-ap-bad[b-2h353nrads] {
    background: var(--ex-rose-soft);
    border-color: rgba(239, 68, 68, 0.22);
}

.ex-shell .ex-ap-bad i[b-2h353nrads],
.ex-shell .ex-ap-bad strong[b-2h353nrads] {
    color: var(--ex-rose);
}

.ex-shell .ex-ap-info[b-2h353nrads] {
    background: var(--ex-blue-soft);
    border-color: rgba(37, 99, 235, 0.22);
}

.ex-shell .ex-ap-info i[b-2h353nrads],
.ex-shell .ex-ap-info strong[b-2h353nrads] {
    color: var(--ex-blue);
}

.ex-shell .ex-personnel[b-2h353nrads] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.ex-shell .ex-personnel-hero[b-2h353nrads] {
    min-width: 124px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 18px 14px;
    border-radius: 16px;
    background: var(--ex-sky-soft);
    border: 1px solid rgba(14, 165, 233, 0.20);
    text-align: center;
    flex-shrink: 0;
}

.ex-shell .ex-personnel-count[b-2h353nrads] {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
    color: var(--ex-sky);
    font-variant-numeric: tabular-nums;
}

.ex-shell .ex-personnel-label[b-2h353nrads] {
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ex-sky);
}

.ex-shell .ex-personnel-stats[b-2h353nrads] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.ex-shell .ex-personnel-row[b-2h353nrads] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 12px;
    background: var(--ex-surface-muted);
    border: 1px solid var(--ex-border);
}

.ex-shell .ex-personnel-row span[b-2h353nrads] {
    min-width: 0;
    font-size: 0.72rem;
    color: var(--ex-muted);
    font-weight: 600;
}

.ex-shell .ex-personnel-row strong[b-2h353nrads] {
    flex-shrink: 0;
    font-size: 0.82rem;
    font-weight: 800;
    color: var(--ex-ink);
    font-variant-numeric: tabular-nums;
}

.ex-shell .ex-personnel-highlight[b-2h353nrads] {
    background: var(--ex-sky-soft);
    border-color: rgba(14, 165, 233, 0.20);
}

.ex-shell .ex-revenue-cell[b-2h353nrads] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 14px 10px;
    background: var(--ex-surface-muted);
    border-color: var(--ex-border);
}

.ex-shell .ex-revenue-cell label[b-2h353nrads] {
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ex-muted);
}

.ex-shell .ex-revenue-cell strong[b-2h353nrads] {
    font-size: 0.95rem;
    font-weight: 900;
    color: var(--ex-ink);
    font-variant-numeric: tabular-nums;
}

.ex-shell .ex-scenario-list[b-2h353nrads] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.ex-shell .ex-scenario-item[b-2h353nrads] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: var(--ex-surface-muted);
    border: 1px solid var(--ex-border);
    transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.ex-shell .ex-scenario-item:hover[b-2h353nrads] {
    background: var(--ex-surface);
    border-color: var(--ex-border-strong);
    transform: translateY(-1px);
}

.ex-shell .ex-scenario-dot[b-2h353nrads] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    flex-shrink: 0;
}

.ex-shell .ex-dot-active[b-2h353nrads] {
    background: var(--ex-green);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.18);
}

.ex-shell .ex-dot-inactive[b-2h353nrads] {
    background: var(--ex-amber);
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.18);
}

.ex-shell .ex-scenario-info[b-2h353nrads] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ex-shell .ex-scenario-name[b-2h353nrads] {
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--ex-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ex-shell .ex-scenario-type[b-2h353nrads] {
    font-size: 0.68rem;
    color: var(--ex-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ex-shell .ex-scenario-tag[b-2h353nrads] {
    flex-shrink: 0;
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid;
    font-size: 0.67rem;
    font-weight: 700;
    white-space: nowrap;
}

.ex-shell .ex-tag-active[b-2h353nrads] {
    background: var(--ex-green-soft);
    border-color: rgba(16, 185, 129, 0.22);
    color: #065f46;
}

.ex-shell .ex-tag-inactive[b-2h353nrads] {
    background: var(--ex-amber-soft);
    border-color: rgba(245, 158, 11, 0.22);
    color: #92400e;
}

.ex-shell .ex-empty[b-2h353nrads] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px 0;
    color: var(--ex-faint);
    font-size: 0.9rem;
}

.ex-shell .ex-empty i[b-2h353nrads] {
    opacity: 0.45;
}

.ex-shell .ex-quick-grid[b-2h353nrads] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.ex-shell .ex-quick[b-2h353nrads] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 14px 16px;
    border-radius: 16px;
    background: var(--ex-surface);
    border: 1px solid var(--ex-border);
    box-shadow: var(--ex-shadow-sm);
    color: var(--ex-ink-2);
    text-decoration: none;
    transition:
        transform 170ms ease,
        box-shadow 170ms ease,
        border-color 170ms ease,
        background 170ms ease;
}

.ex-shell .ex-quick:hover[b-2h353nrads] {
    transform: translateY(-2px);
    border-color: var(--ex-border-strong);
    box-shadow: var(--ex-shadow-md);
    color: var(--ex-ink);
}

.ex-shell .ex-quick-icon[b-2h353nrads] {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--ex-ink-2);
    font-size: 0.92rem;
    background: var(--ex-inset);
    border: 1px solid var(--ex-border);
}

.ex-shell .ex-qi-blue[b-2h353nrads],
.ex-shell .ex-qi-sky[b-2h353nrads],
.ex-shell .ex-qi-violet[b-2h353nrads],
.ex-shell .ex-qi-indigo[b-2h353nrads],
.ex-shell .ex-qi-amber[b-2h353nrads],
.ex-shell .ex-qi-rose[b-2h353nrads],
.ex-shell .ex-qi-emerald[b-2h353nrads],
.ex-shell .ex-qi-red[b-2h353nrads] {
    background: var(--ex-inset);
    color: var(--ex-ink-2);
}

.ex-shell .ex-quick-text[b-2h353nrads] {
    flex: 1;
    min-width: 0;
    font-size: 0.84rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ex-shell .ex-quick-arrow[b-2h353nrads] {
    flex-shrink: 0;
    font-size: 0.6rem;
    color: var(--ex-faint);
    transition: transform 170ms ease, color 170ms ease;
}

.ex-shell .ex-quick:hover .ex-quick-arrow[b-2h353nrads] {
    transform: translateX(3px);
    color: var(--ex-blue);
}

/* -----------------------------------------------------------------
   Responsive
   ----------------------------------------------------------------- */
@media (max-width: 1540px) {
    .ex-shell .ex-kpi-grid[b-2h353nrads] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1320px) {
    .ex-shell .ex-grid-4[b-2h353nrads] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ex-shell .ex-quick-grid[b-2h353nrads] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1120px) {
    .ex-shell .ex-kpi-grid[b-2h353nrads] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ex-shell .ex-quick-grid[b-2h353nrads] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    .ex-shell[b-2h353nrads] {
        padding: 14px;
        gap: 16px;
    }

    .ex-shell .ex-grid-4[b-2h353nrads] {
        grid-template-columns: 1fr;
    }

    .ex-shell .ex-hero-inner[b-2h353nrads] {
        align-items: flex-start;
    }

    .ex-shell .ex-hero-right[b-2h353nrads] {
        width: 100%;
        justify-content: stretch;
    }

    .ex-shell .ex-branch-select[b-2h353nrads] {
        width: 100%;
    }

    .ex-shell .ex-branch-select select[b-2h353nrads] {
        width: 100%;
        min-width: 0;
    }

    .ex-shell .ex-hero-actions[b-2h353nrads] {
        width: 100%;
    }

    .ex-shell .ex-btn[b-2h353nrads] {
        flex: 1 1 180px;
    }
}

@media (max-width: 720px) {
    .ex-shell .ex-kpi-grid[b-2h353nrads],
    .ex-shell .ex-check-pair[b-2h353nrads],
    .ex-shell .ex-approval-grid[b-2h353nrads],
    .ex-shell .ex-revenue-grid[b-2h353nrads],
    .ex-shell .ex-loan-grid[b-2h353nrads] {
        grid-template-columns: 1fr;
    }

    .ex-shell .ex-personnel[b-2h353nrads] {
        flex-direction: column;
    }

    .ex-shell .ex-personnel-hero[b-2h353nrads] {
        width: 100%;
    }

    .ex-shell .ex-card-header[b-2h353nrads],
    .ex-shell .ex-card-footer[b-2h353nrads],
    .ex-shell .ex-flow-legend[b-2h353nrads],
    .ex-shell .ex-personnel-row[b-2h353nrads],
    .ex-shell .ex-quick[b-2h353nrads] {
        gap: 10px;
    }

    .ex-shell .ex-card-footer[b-2h353nrads] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ex-shell .ex-quick-grid[b-2h353nrads] {
        grid-template-columns: 1fr;
    }
}

/* -----------------------------------------------------------------
   Dark mode
   ----------------------------------------------------------------- */
:root.dark-mode .ex-shell[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell[b-2h353nrads] {
    --ex-bg: #07111d;
    --ex-surface: #0f172a;
    --ex-surface-muted: #111c31;
    --ex-raised: #162137;
    --ex-inset: #0b1526;
    --ex-ink: #f1f5f9;
    --ex-ink-2: #cbd5e1;
    --ex-muted: #94a3b8;
    --ex-faint: #64748b;
    --ex-border: rgba(148, 163, 184, 0.18);
    --ex-border-strong: rgba(148, 163, 184, 0.28);
    --ex-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34);
    --ex-shadow-md: 0 12px 26px rgba(0, 0, 0, 0.32);
    --ex-shadow-lg: 0 22px 44px rgba(0, 0, 0, 0.42);
    --ex-blue: #93c5fd;
    --ex-sky: #93c5fd;
    --ex-green: #6ee7b7;
    --ex-amber: #fcd34d;
    --ex-rose: #fda4af;
    --ex-violet: #93c5fd;
    --ex-indigo: #93c5fd;
    --ex-blue-soft: rgba(37, 99, 235, 0.18);
    --ex-sky-soft: rgba(37, 99, 235, 0.18);
    --ex-green-soft: rgba(5, 150, 105, 0.18);
    --ex-amber-soft: rgba(217, 119, 6, 0.18);
    --ex-rose-soft: rgba(220, 38, 38, 0.18);
    --ex-violet-soft: rgba(37, 99, 235, 0.18);
    --ex-indigo-soft: rgba(37, 99, 235, 0.18);
    --ex-hero: #0b1324;
    background: var(--ex-bg);
}

:root.dark-mode .ex-shell .ex-card:hover .ex-card-arrow[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-card:hover .ex-card-arrow[b-2h353nrads] {
    background: rgba(37, 99, 235, 0.20);
    border-color: rgba(96, 165, 250, 0.28);
    color: #bfdbfe;
}

:root.dark-mode .ex-shell .ex-curr-item:hover[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-curr-item:hover[b-2h353nrads],
:root.dark-mode .ex-shell .ex-scenario-item:hover[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-scenario-item:hover[b-2h353nrads] {
    background: rgba(255, 255, 255, 0.05);
}

:root.dark-mode .ex-shell .ex-footer-blue[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-footer-blue[b-2h353nrads] {
    color: var(--ex-ink-2);
}

:root.dark-mode .ex-shell .ex-footer-emerald[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-footer-emerald[b-2h353nrads] {
    color: #a7f3d0;
}

:root.dark-mode .ex-shell .ex-footer-rose[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-footer-rose[b-2h353nrads] {
    color: #fecdd3;
}

:root.dark-mode .ex-shell .ex-revenue-cell strong[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-revenue-cell strong[b-2h353nrads] {
    color: var(--ex-ink);
}

:root.dark-mode .ex-shell .ex-tag-active[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-tag-active[b-2h353nrads] {
    color: #bbf7d0;
}

:root.dark-mode .ex-shell .ex-tag-inactive[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-tag-inactive[b-2h353nrads] {
    color: #fde68a;
}

:root.dark-mode .ex-shell .ex-card[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-card[b-2h353nrads],
:root.dark-mode .ex-shell .ex-kpi[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-kpi[b-2h353nrads],
:root.dark-mode .ex-shell .ex-quick[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-quick[b-2h353nrads] {
    box-shadow: var(--ex-shadow-sm);
}

/* -----------------------------------------------------------------
   Motion safety
   ----------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .ex-shell *[b-2h353nrads],
    .ex-shell *[b-2h353nrads]::before,
    .ex-shell *[b-2h353nrads]::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}


/* -----------------------------------------------------------------
   Hero tagline
   ----------------------------------------------------------------- */
.ex-shell .ex-hero-tagline[b-2h353nrads] {
    margin: 0 0 4px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.52);
}

/* -----------------------------------------------------------------
   Section hint
   ----------------------------------------------------------------- */
.ex-shell .ex-section-dot[b-2h353nrads] {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: var(--ex-faint);
    flex-shrink: 0;
}

.ex-shell .ex-section-hint[b-2h353nrads] {
    font-size: 0.72rem;
    color: var(--ex-faint);
    font-weight: 500;
}

/* -----------------------------------------------------------------
   Alert strip
   ----------------------------------------------------------------- */
.ex-shell .ex-alert-strip[b-2h353nrads] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    max-width: 1760px;
    margin: 0 auto;
}

.ex-shell .ex-alert[b-2h353nrads] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid transparent;
    font-size: 0.82rem;
}

.ex-shell .ex-alert-icon[b-2h353nrads] {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-size: 0.9rem;
}

.ex-shell .ex-alert-body[b-2h353nrads] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ex-shell .ex-alert-title[b-2h353nrads] {
    font-weight: 700;
    color: inherit;
}

.ex-shell .ex-alert-sub[b-2h353nrads] {
    font-size: 0.74rem;
    opacity: 0.78;
}

.ex-shell .ex-alert-action[b-2h353nrads] {
    flex-shrink: 0;
    padding: 6px 14px;
    border-radius: 10px;
    border: 1px solid currentColor;
    background: transparent;
    color: inherit;
    font-size: 0.74rem;
    font-weight: 700;
    cursor: pointer;
    opacity: 0.85;
    transition: opacity 160ms ease, background 160ms ease;
}

.ex-shell .ex-alert-action:hover[b-2h353nrads] {
    opacity: 1;
    background: rgba(255, 255, 255, 0.12);
}

.ex-shell .ex-alert-warn[b-2h353nrads] {
    background: var(--ex-amber-soft);
    border-color: rgba(217, 119, 6, 0.28);
    color: #92400e;
}

.ex-shell .ex-alert-warn .ex-alert-icon[b-2h353nrads] {
    background: rgba(245, 158, 11, 0.20);
    color: var(--ex-amber);
}

.ex-shell .ex-alert-info[b-2h353nrads] {
    background: var(--ex-blue-soft);
    border-color: rgba(37, 99, 235, 0.24);
    color: #1e3a8a;
}

.ex-shell .ex-alert-info .ex-alert-icon[b-2h353nrads] {
    background: rgba(37, 99, 235, 0.16);
    color: var(--ex-blue);
}

.ex-shell .ex-alert-danger[b-2h353nrads] {
    background: var(--ex-rose-soft);
    border-color: rgba(220, 38, 38, 0.28);
    color: #991b1b;
}

.ex-shell .ex-alert-danger .ex-alert-icon[b-2h353nrads] {
    background: rgba(239, 68, 68, 0.18);
    color: var(--ex-rose);
}

/* -----------------------------------------------------------------
   Cash flow split boxes
   ----------------------------------------------------------------- */
.ex-shell .ex-cashflow-split[b-2h353nrads] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.ex-shell .ex-cf-item[b-2h353nrads] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid transparent;
}

.ex-shell .ex-cf-icon[b-2h353nrads] {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    font-size: 0.9rem;
}

.ex-shell .ex-cf-data[b-2h353nrads] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ex-shell .ex-cf-label[b-2h353nrads] {
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: inherit;
    opacity: 0.72;
}

.ex-shell .ex-cf-data strong[b-2h353nrads] {
    font-size: 0.88rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
}

.ex-shell .ex-cf-in[b-2h353nrads] {
    background: var(--ex-green-soft);
    border-color: rgba(16, 185, 129, 0.22);
    color: #065f46;
}

.ex-shell .ex-cf-in .ex-cf-icon[b-2h353nrads] {
    background: var(--ex-green);
}

.ex-shell .ex-cf-out[b-2h353nrads] {
    background: var(--ex-rose-soft);
    border-color: rgba(239, 68, 68, 0.22);
    color: #991b1b;
}

.ex-shell .ex-cf-out .ex-cf-icon[b-2h353nrads] {
    background: var(--ex-rose);
}

/* -----------------------------------------------------------------
   Quick access body + sub
   ----------------------------------------------------------------- */
.ex-shell .ex-quick-body[b-2h353nrads] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ex-shell .ex-quick-text[b-2h353nrads] {
    min-width: 0;
    font-size: 0.84rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ex-shell .ex-quick-sub[b-2h353nrads] {
    font-size: 0.68rem;
    color: var(--ex-faint);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ex-shell .ex-qi-teal[b-2h353nrads],
.ex-shell .ex-qi-slate[b-2h353nrads] {
    background: var(--ex-inset);
    color: var(--ex-ink-2);
}

/* -----------------------------------------------------------------
   Status bar footer
   ----------------------------------------------------------------- */
.ex-shell .ex-statusbar[b-2h353nrads] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 18px;
    border-radius: 14px;
    background: var(--ex-surface);
    border: 1px solid var(--ex-border);
    font-size: 0.72rem;
    color: var(--ex-faint);
    width: 100%;
    max-width: 1760px;
    margin: 0 auto;
}

.ex-shell .ex-statusbar-left[b-2h353nrads],
.ex-shell .ex-statusbar-right[b-2h353nrads] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ex-shell .ex-statusbar-sep[b-2h353nrads] {
    opacity: 0.38;
}

.ex-shell .ex-status-dot[b-2h353nrads] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    flex-shrink: 0;
}

.ex-shell .ex-status-green[b-2h353nrads] {
    background: var(--ex-green);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.18);
    animation: ex-pulse-b-2h353nrads 2.4s ease-in-out infinite;
}

.ex-shell .ex-status-red[b-2h353nrads] {
    background: var(--ex-rose);
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18);
    animation: ex-pulse-b-2h353nrads 2.4s ease-in-out infinite;
}

@keyframes ex-pulse-b-2h353nrads {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.42; }
}

/* -----------------------------------------------------------------
   Quick grid — 5-column at wide, responsive
   ----------------------------------------------------------------- */
.ex-shell .ex-quick-grid[b-2h353nrads] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1540px) {
    .ex-shell .ex-quick-grid[b-2h353nrads] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1120px) {
    .ex-shell .ex-quick-grid[b-2h353nrads] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .ex-shell .ex-cashflow-split[b-2h353nrads] {
        grid-template-columns: 1fr;
    }

    .ex-shell .ex-quick-grid[b-2h353nrads] {
        grid-template-columns: 1fr 1fr;
    }

    .ex-shell .ex-alert[b-2h353nrads] {
        flex-wrap: wrap;
    }

    .ex-shell .ex-statusbar[b-2h353nrads] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
}

/* -----------------------------------------------------------------
   Dark mode additions
   ----------------------------------------------------------------- */
:root.dark-mode .ex-shell .ex-alert-warn[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-alert-warn[b-2h353nrads] {
    color: #fde68a;
}

:root.dark-mode .ex-shell .ex-alert-info[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-alert-info[b-2h353nrads] {
    color: #bfdbfe;
}

:root.dark-mode .ex-shell .ex-alert-danger[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-alert-danger[b-2h353nrads] {
    color: #fecdd3;
}

:root.dark-mode .ex-shell .ex-cf-in[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-cf-in[b-2h353nrads] {
    color: #a7f3d0;
}

:root.dark-mode .ex-shell .ex-cf-out[b-2h353nrads],
:global([data-bs-theme="dark"]) .ex-shell .ex-cf-out[b-2h353nrads] {
    color: #fecdd3;
}
/* /Presentation/Pages/Financial/CheckManagementSystem.razor.rz.scp.css */
/* ============================================================
   ÇEK YÖNETİMİ — Profesyonel Tasarım Sistemi
   Marka aksanı: Teal (#0f766e / #14b8a6)
   Semantik veri renkleri (yeşil/kırmızı/amber) korunur.
   ============================================================ */

.check-management-page[b-o2p0aujc7g] {
    --cm-brand: #0f766e;
    --cm-brand-600: #0d9488;
    --cm-brand-500: #14b8a6;
    --cm-brand-050: #f0fdfa;
    --cm-ink: #0f172a;
    --cm-muted: #64748b;
    --cm-border: #e5e9f0;
    --cm-surface: #ffffff;
    --cm-success: #16a34a;
    --cm-danger: #dc2626;
    --cm-warning: #d97706;
    --cm-info: #0891b2;
}

/* ---------- Kartlar ---------- */
.check-management-page .card[b-o2p0aujc7g] {
    border-radius: 14px;
    border: 1px solid var(--cm-border);
    box-shadow: 0 6px 22px rgba(15, 23, 42, 0.05);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.check-management-page .card-header[b-o2p0aujc7g] {
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
}

.check-management-page .card-header.bg-white[b-o2p0aujc7g] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdfd 100%) !important;
}

/* ---------- KPI kartları (semantik) ---------- */
.kpi-card[b-o2p0aujc7g] {
    border-left: 4px solid #1d4ed8;
    border-radius: 14px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kpi-card:hover[b-o2p0aujc7g] {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12) !important;
}

.kpi-card.primary[b-o2p0aujc7g] { border-left-color: #1d4ed8; }
.kpi-card.success[b-o2p0aujc7g] { border-left-color: var(--cm-success); }
.kpi-card.danger[b-o2p0aujc7g]  { border-left-color: var(--cm-danger); }
.kpi-card.warning[b-o2p0aujc7g] { border-left-color: var(--cm-warning); }
.kpi-card.info[b-o2p0aujc7g]    { border-left-color: var(--cm-brand); }

.uppercase[b-o2p0aujc7g] {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.75rem;
}

.letter-spacing-1[b-o2p0aujc7g] {
    letter-spacing: 0.06em;
}

/* ---------- Sekmeler ---------- */
.check-management-page[b-o2p0aujc7g]  .e-tab .e-tab-header {
    background-color: #fff;
    border-bottom: 1px solid var(--cm-border);
    padding: 0 0.25rem;
}

.check-management-page[b-o2p0aujc7g]  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    border-bottom: 3px solid transparent;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.check-management-page[b-o2p0aujc7g]  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-weight: 600;
    color: var(--cm-muted);
}

.check-management-page[b-o2p0aujc7g]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    border-bottom: 3px solid var(--cm-brand-500);
}

.check-management-page[b-o2p0aujc7g]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
.check-management-page[b-o2p0aujc7g]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
    color: var(--cm-brand) !important;
}

.check-management-page[b-o2p0aujc7g]  .e-tab .e-tab-header .e-indicator {
    background: var(--cm-brand-500);
}

/* ---------- Rozetler ---------- */
.check-management-page .badge[b-o2p0aujc7g] {
    font-weight: 600;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    letter-spacing: 0.01em;
}

/* ---------- Izgaralar (Grid / TreeGrid) ---------- */
.check-management-page[b-o2p0aujc7g]  .e-grid,
.check-management-page[b-o2p0aujc7g]  .e-treegrid {
    border: none;
    font-size: 0.85rem;
}

.check-management-page[b-o2p0aujc7g]  .e-grid .e-headercell,
.check-management-page[b-o2p0aujc7g]  .e-treegrid .e-headercell {
    background-color: #f4f8f8;
    font-weight: 700;
    color: #334155;
    border-bottom: 2px solid #e2eceb;
}

.check-management-page[b-o2p0aujc7g]  .e-grid .e-row:hover .e-rowcell,
.check-management-page[b-o2p0aujc7g]  .e-treegrid .e-row:hover .e-rowcell {
    background-color: var(--cm-brand-050) !important;
}

.check-management-page[b-o2p0aujc7g]  .e-grid .e-altrow {
    background-color: #fbfdfd;
}

/* ---------- Bölüm başlığı ---------- */
.section-header[b-o2p0aujc7g] {
    border-bottom: 1px solid var(--cm-border);
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
}

/* ---------- Portföy filtre paneli ---------- */
.portfolio-filter-panel label[b-o2p0aujc7g] {
    font-size: 0.8rem;
    letter-spacing: 0.02em;
}

.filter-summary .btn-link[b-o2p0aujc7g] {
    color: var(--cm-brand);
    font-weight: 600;
    text-decoration: none;
}

.filter-summary .btn-link:hover[b-o2p0aujc7g] {
    color: var(--cm-brand-600);
    text-decoration: underline;
}

/* ---------- Executive Insight kartları ---------- */
.insight-card[b-o2p0aujc7g] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.10), rgba(20, 184, 166, 0));
    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 16px;
    padding: 1.25rem;
    min-height: 170px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.insight-card:hover[b-o2p0aujc7g] {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(15, 118, 110, 0.14);
}

.insight-card__label[b-o2p0aujc7g] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cm-muted);
    font-weight: 600;
}

.insight-card__value[b-o2p0aujc7g] {
    font-size: 1.85rem;
    font-weight: 700;
    color: var(--cm-ink);
    line-height: 1.2;
    margin-top: 0.35rem;
}

.insight-card__delta[b-o2p0aujc7g] {
    font-weight: 600;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.insight-card__context[b-o2p0aujc7g] {
    font-size: 0.85rem;
    color: var(--cm-muted);
    margin-top: 0.35rem;
}

/* ---------- Filtre çipleri ---------- */
.filter-chip-group[b-o2p0aujc7g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.filter-chip[b-o2p0aujc7g] {
    border: 1px solid #cbe3e0;
    border-radius: 999px;
    padding: 0.35rem 1rem;
    background: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    color: #475569;
    transition: all 0.2s ease;
}

.filter-chip:hover[b-o2p0aujc7g] {
    border-color: var(--cm-brand-500);
    color: var(--cm-brand);
}

.filter-chip.active[b-o2p0aujc7g] {
    background: var(--cm-brand);
    border-color: var(--cm-brand);
    color: #fff;
    box-shadow: 0 8px 16px rgba(15, 118, 110, 0.25);
}

/* ---------- Segment kontrolü ---------- */
.segmented-control[b-o2p0aujc7g] {
    display: inline-flex;
    border-radius: 999px;
    background: #eef2f2;
    padding: 0.2rem;
    gap: 0.25rem;
}

.segmented-control__btn[b-o2p0aujc7g] {
    border: none;
    background: transparent;
    border-radius: 999px;
    padding: 0.35rem 0.9rem;
    font-weight: 600;
    color: #475569;
    transition: all 0.2s ease;
}

.segmented-control__btn.active[b-o2p0aujc7g] {
    background: #fff;
    color: var(--cm-brand);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
}

/* ---------- Durum KPI blokları ---------- */
.status-kpi[b-o2p0aujc7g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    color: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}

.status-kpi i[b-o2p0aujc7g] {
    font-size: 2rem;
    opacity: 0.65;
}

.status-kpi.success[b-o2p0aujc7g] {
    background: linear-gradient(135deg, #16a34a, #059669);
}

.status-kpi.danger[b-o2p0aujc7g] {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
}

.status-kpi__label[b-o2p0aujc7g] {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    opacity: 0.9;
}

.status-kpi__value[b-o2p0aujc7g] {
    font-size: 1.5rem;
    font-weight: 700;
}

.status-kpi__meta[b-o2p0aujc7g] {
    font-size: 0.9rem;
    opacity: 0.85;
}

/* ---------- Banka pivot geçişi ---------- */
.bank-pivot-toggle .btn[b-o2p0aujc7g] {
    min-width: 160px;
}

.bank-pivot-toggle .btn-primary[b-o2p0aujc7g] {
    background: var(--cm-brand);
    border-color: var(--cm-brand);
}

.bank-pivot-toggle .btn-outline-primary[b-o2p0aujc7g] {
    color: var(--cm-brand);
    border-color: var(--cm-brand);
}

.bank-pivot-toggle .btn-outline-primary:hover[b-o2p0aujc7g] {
    background: var(--cm-brand);
    border-color: var(--cm-brand);
    color: #fff;
}

/* ---------- Risk erken uyarı listesi ---------- */
.risk-alert .card-body[b-o2p0aujc7g] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 16px;
    color: #e2e8f0;
}

.risk-alert__list[b-o2p0aujc7g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.risk-alert__item[b-o2p0aujc7g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.4);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(148, 163, 184, 0.2);
    transition: border-color 0.2s ease;
}

.risk-alert__item:hover[b-o2p0aujc7g] {
    border-color: rgba(20, 184, 166, 0.5);
}

@media (max-width: 992px) {
    .segmented-control[b-o2p0aujc7g] {
        width: 100%;
        justify-content: space-between;
    }

    .segmented-control__btn[b-o2p0aujc7g] {
        flex: 1;
        text-align: center;
    }
}
/* /Presentation/Pages/Financial/EntertainmentShowManagement.razor.rz.scp.css */
.ent-page[b-rpme0ziv3l]{padding:24px;min-width:0;color:#10243e;background:#f4f7fb;min-height:100vh}.ent-hero[b-rpme0ziv3l]{background:linear-gradient(120deg,#082e42,#075e65 60%,#0a8c80);color:#fff;border-radius:22px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 40px #123b5220}.ent-eyebrow[b-rpme0ziv3l]{font-size:11px;letter-spacing:1.5px;color:#9de8dc;font-weight:800}.ent-hero h1[b-rpme0ziv3l]{margin:7px 0 5px;font-size:30px}.ent-hero p[b-rpme0ziv3l]{margin:0;color:#d9f4f1;max-width:780px}.ent-actions[b-rpme0ziv3l]{display:flex;gap:10px;flex-shrink:0}.ent-btn[b-rpme0ziv3l]{border:0;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer}.ent-btn:disabled[b-rpme0ziv3l]{opacity:.55;cursor:not-allowed}.ent-btn-primary[b-rpme0ziv3l]{background:#ffbf24;color:#182439}.ent-btn-secondary[b-rpme0ziv3l]{background:#ffffff18;color:#fff;border:1px solid #ffffff38}.ent-alert[b-rpme0ziv3l]{margin:14px 0 0;padding:12px 15px;border-radius:10px}.ent-alert.success[b-rpme0ziv3l]{background:#def8ed;color:#08734d}.ent-alert.error[b-rpme0ziv3l]{background:#ffe7e7;color:#9f2424}.ent-filterbar[b-rpme0ziv3l]{display:grid;grid-template-columns:1.5fr 1.2fr 1fr 1fr;gap:12px;background:#fff;padding:16px;margin:16px 0;border:1px solid #dce5ef;border-radius:14px}.ent-filterbar label[b-rpme0ziv3l]{display:flex;flex-direction:column;gap:6px}.ent-filterbar span[b-rpme0ziv3l]{font-size:11px;text-transform:uppercase;font-weight:800;color:#63738a}.ent-filterbar select[b-rpme0ziv3l],.ent-filterbar input[b-rpme0ziv3l]{width:100%;border:1px solid #ccd7e4;border-radius:8px;padding:10px;background:#fff;color:#16304c}.ent-kpis[b-rpme0ziv3l]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ent-kpis article[b-rpme0ziv3l]{background:#fff;border:1px solid #dce5ef;border-radius:14px;padding:17px;border-top:3px solid #0c8b82}.ent-kpis article.risk[b-rpme0ziv3l]{border-top-color:#e79b17}.ent-kpis article.ready[b-rpme0ziv3l]{border-top-color:#17a773}.ent-kpis span[b-rpme0ziv3l],.ent-kpis small[b-rpme0ziv3l]{display:block;color:#6d7e91}.ent-kpis span[b-rpme0ziv3l]{font-size:12px;font-weight:800;text-transform:uppercase}.ent-kpis strong[b-rpme0ziv3l]{display:block;font-size:25px;margin:7px 0}.ent-tabs[b-rpme0ziv3l]{display:flex;gap:4px;margin:18px 0 0;border-bottom:1px solid #ccd8e4;overflow-x:auto}.ent-tabs button[b-rpme0ziv3l]{white-space:nowrap;border:0;background:transparent;padding:12px 16px;color:#587087;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}.ent-tabs button.active[b-rpme0ziv3l]{color:#087e76;border-bottom-color:#087e76}.ent-panel[b-rpme0ziv3l],.ent-cards article[b-rpme0ziv3l],.ent-control-grid article[b-rpme0ziv3l]{background:#fff;border:1px solid #dce5ef}.ent-panel[b-rpme0ziv3l]{border-radius:0 14px 14px 14px;overflow:hidden}.ent-panel>header[b-rpme0ziv3l]{padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.ent-panel h2[b-rpme0ziv3l]{margin:0 0 4px;font-size:19px}.ent-panel p[b-rpme0ziv3l]{margin:0;color:#6d7e91}.ent-count[b-rpme0ziv3l]{background:#e8f5f3;color:#08756e;padding:7px 10px;border-radius:20px;font-weight:800}.ent-table-wrap[b-rpme0ziv3l]{overflow:auto;max-width:100%}.ent-table[b-rpme0ziv3l]{border-collapse:collapse;width:100%;min-width:1120px}.ent-table th[b-rpme0ziv3l]{background:#f1f5f8;color:#5b6f84;font-size:11px;text-transform:uppercase;text-align:left;padding:11px 13px;white-space:nowrap}.ent-table td[b-rpme0ziv3l]{border-top:1px solid #e1e8ef;padding:12px 13px;vertical-align:middle}.ent-table td small[b-rpme0ziv3l]{display:block;color:#789;line-height:1.5}.ent-table .num[b-rpme0ziv3l]{text-align:right;font-variant-numeric:tabular-nums}.positive[b-rpme0ziv3l]{color:#087a58}.negative[b-rpme0ziv3l]{color:#bd3434}.ent-badge[b-rpme0ziv3l]{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:11px;font-weight:800}.ent-badge.status[b-rpme0ziv3l]{background:#eaf1f8;color:#365978}.ent-badge.ok[b-rpme0ziv3l]{background:#e1f6ed;color:#08734d}.ent-badge.warn[b-rpme0ziv3l]{background:#fff0d2;color:#966000}.ent-cards[b-rpme0ziv3l]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px}.ent-cards article[b-rpme0ziv3l]{border-radius:13px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.ent-card-icon[b-rpme0ziv3l]{width:44px;height:44px;border-radius:12px;background:#e1f5f2;color:#087e76;display:grid;place-items:center}.ent-card-icon.venue[b-rpme0ziv3l]{background:#eaf0ff;color:#4865b8}.ent-cards h3[b-rpme0ziv3l]{margin:4px 0}.ent-cards p[b-rpme0ziv3l],.ent-cards small[b-rpme0ziv3l],.ent-cards span[b-rpme0ziv3l]{margin:0;color:#718197}.ent-cards span[b-rpme0ziv3l]{font-size:11px;text-transform:uppercase;font-weight:800}.ent-control-grid[b-rpme0ziv3l]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:14px}.ent-control-grid article[b-rpme0ziv3l]{padding:20px;border-radius:14px}.ent-control-grid i[b-rpme0ziv3l]{font-size:24px;color:#07867c}.ent-control-grid h3[b-rpme0ziv3l]{margin:12px 0 7px}.ent-control-grid p[b-rpme0ziv3l]{margin:0;color:#697c90;line-height:1.55}.ent-loading[b-rpme0ziv3l]{padding:50px;text-align:center;color:#63768b}
.ent-row-actions[b-rpme0ziv3l]{display:flex;gap:6px;white-space:nowrap}
.ent-icon-btn[b-rpme0ziv3l]{border:1px solid #dce5ef;background:#fff;color:#365978;width:30px;height:30px;border-radius:8px;cursor:pointer;display:inline-grid;place-items:center}
.ent-icon-btn:hover[b-rpme0ziv3l]{background:#eaf1f8}
.ent-icon-btn.danger[b-rpme0ziv3l]{color:#bd3434}
.ent-icon-btn.danger:hover[b-rpme0ziv3l]{background:#ffe7e7}
.ent-modal-overlay[b-rpme0ziv3l]{position:fixed;inset:0;background:rgba(9,26,40,.55);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:36px 16px;overflow-y:auto}
.ent-modal[b-rpme0ziv3l]{background:#fff;border-radius:16px;width:100%;max-width:860px;box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden}
.ent-modal>header[b-rpme0ziv3l]{padding:18px 22px;background:linear-gradient(120deg,#082e42,#075e65 60%,#0a8c80);color:#fff}
.ent-modal>header h3[b-rpme0ziv3l]{margin:0;font-size:18px;display:flex;align-items:center;gap:8px}
.ent-modal-body[b-rpme0ziv3l]{padding:20px 22px;max-height:65vh;overflow-y:auto}
.ent-modal>footer[b-rpme0ziv3l]{padding:14px 22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e1e8ef;background:#f8fafc}
.ent-form-grid[b-rpme0ziv3l]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ent-form-grid label[b-rpme0ziv3l]{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#16304c}
.ent-form-grid label>span[b-rpme0ziv3l]{font-size:11px;text-transform:uppercase;font-weight:800;color:#63738a}
.ent-form-grid input[type=text][b-rpme0ziv3l],.ent-form-grid input:not([type=checkbox])[b-rpme0ziv3l],.ent-form-grid select[b-rpme0ziv3l],.ent-form-grid textarea[b-rpme0ziv3l]{border:1px solid #ccd7e4;border-radius:8px;padding:9px 10px;font-size:13px;color:#16304c;width:100%;font-family:inherit}
.ent-form-check[b-rpme0ziv3l]{flex-direction:row!important;align-items:center;gap:8px!important}
.ent-form-check input[b-rpme0ziv3l]{width:auto!important}
.ent-form-span2[b-rpme0ziv3l]{grid-column:1/-1}
@media(max-width:720px){.ent-form-grid[b-rpme0ziv3l]{grid-template-columns:1fr}.ent-modal[b-rpme0ziv3l]{max-width:100%}}@media(max-width:1100px){.ent-kpis[b-rpme0ziv3l],.ent-control-grid[b-rpme0ziv3l]{grid-template-columns:repeat(2,minmax(0,1fr))}.ent-filterbar[b-rpme0ziv3l]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.ent-page[b-rpme0ziv3l]{padding:12px}.ent-hero[b-rpme0ziv3l]{align-items:flex-start;flex-direction:column;padding:22px}.ent-actions[b-rpme0ziv3l]{width:100%}.ent-actions button[b-rpme0ziv3l]{flex:1}.ent-filterbar[b-rpme0ziv3l],.ent-kpis[b-rpme0ziv3l],.ent-cards[b-rpme0ziv3l],.ent-control-grid[b-rpme0ziv3l]{grid-template-columns:1fr}.ent-cards article[b-rpme0ziv3l]{grid-template-columns:auto 1fr}.ent-cards article>strong[b-rpme0ziv3l]{grid-column:2}}
/* /Presentation/Pages/Financial/LegalTrackingCaseDetail.razor.rz.scp.css */
.case-shell[b-yc7hevx12m]{--ink:#172b3d;--muted:#6c7d8d;--line:#e0e7ed;--navy:#153a56;--teal:#16817c;min-height:100vh;background:#f3f6f9;padding:25px;color:var(--ink)}.case-head[b-yc7hevx12m]{display:flex;align-items:center;justify-content:space-between;gap:20px}.head-main[b-yc7hevx12m]{display:flex;align-items:center;gap:14px}.back[b-yc7hevx12m]{width:41px;height:41px;border:1px solid var(--line);background:#fff;border-radius:10px;color:#284a63}.crumb[b-yc7hevx12m]{font-size:12px;color:#79909d;font-weight:750}.crumb i[b-yc7hevx12m]{font-size:10px;margin:0 6px}.case-head h1[b-yc7hevx12m]{font-size:26px;margin:5px 0 3px}.case-head p[b-yc7hevx12m]{margin:0;color:var(--muted);font-size:14px}.status[b-yc7hevx12m]{font-size:12px;font-weight:850;padding:7px 11px;border-radius:16px}.status.open[b-yc7hevx12m]{background:#fff0d2;color:#9d6204}.status.partial[b-yc7hevx12m]{background:#e6f0fc;color:#235f9d}.status.closed[b-yc7hevx12m]{background:#e2f4ec;color:#126b4e}.status.cancelled[b-yc7hevx12m]{background:#e9edef;color:#687581}.module-row[b-yc7hevx12m]{display:flex;align-items:center;justify-content:space-between;margin:20px 0 15px}.module-row>span[b-yc7hevx12m]{font-size:12px;color:#768695}.module-row>span i[b-yc7hevx12m]{font-size:10px;color:#18a278;margin-right:7px}.case-alert[b-yc7hevx12m]{margin-bottom:14px;padding:12px 15px;border:1px solid #cbe9df;background:#eaf7f2;color:#157052;border-radius:9px;font-size:13px;display:flex;align-items:center;gap:8px}.case-alert button[b-yc7hevx12m]{margin-left:auto;border:0;background:none;color:inherit;font-size:18px}.case-alert.error[b-yc7hevx12m]{background:#fff0f0;color:#a82d2d;border-color:#f0d2d2}.case-loading[b-yc7hevx12m]{height:400px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;color:#617687}
.case-identity[b-yc7hevx12m]{background:linear-gradient(115deg,#153a56,#1c5269 60%,#167b78);color:#fff;border-radius:14px;padding:19px 22px;display:flex;align-items:center;gap:15px;box-shadow:0 12px 28px rgba(20,54,78,.15)}.identity-no[b-yc7hevx12m]{width:62px;text-align:center;border-right:1px solid #ffffff32;padding-right:15px}.identity-no span[b-yc7hevx12m],.identity-info span[b-yc7hevx12m]{display:block;color:#8fd8d3;font-size:11px;font-weight:850;letter-spacing:1px}.identity-no strong[b-yc7hevx12m]{display:block;font-size:20px;margin-top:3px}.identity-avatar[b-yc7hevx12m]{width:48px;height:48px;border-radius:12px;background:#ffffff17;border:1px solid #ffffff2f;display:grid;place-items:center;font-weight:850}.identity-info[b-yc7hevx12m]{flex:1}.identity-info h2[b-yc7hevx12m]{font-size:19px;margin:3px 0}.identity-info p[b-yc7hevx12m]{font-size:12px;color:#d0e0e8;margin:0}.identity-stat[b-yc7hevx12m]{min-width:155px;border-left:1px solid #ffffff27;padding-left:20px}.identity-stat span[b-yc7hevx12m],.identity-stat b[b-yc7hevx12m],.identity-stat small[b-yc7hevx12m]{display:block}.identity-stat span[b-yc7hevx12m]{font-size:12px;color:#b5ccd7}.identity-stat b[b-yc7hevx12m]{font-size:14px;margin:4px 0}.identity-stat small[b-yc7hevx12m]{font-size:12px;color:#8fd8d3}
.case-kpis[b-yc7hevx12m]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:13px 0}.case-kpis article[b-yc7hevx12m]{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px 17px;position:relative;overflow:hidden}.case-kpis article.difference[b-yc7hevx12m]{border-color:#d8cbe9;background:linear-gradient(145deg,#fff,#faf7ff)}.case-kpis span[b-yc7hevx12m],.case-kpis strong[b-yc7hevx12m],.case-kpis small[b-yc7hevx12m]{display:block}.case-kpis span[b-yc7hevx12m]{font-size:12px;color:#748696;font-weight:750}.case-kpis strong[b-yc7hevx12m]{font-size:18px;margin:5px 0}.case-kpis small[b-yc7hevx12m]{font-size:11px;color:#8795a1}.case-kpis article>i[b-yc7hevx12m]{position:absolute;bottom:0;left:0;right:0;height:3px}.case-kpis i.blue[b-yc7hevx12m]{background:#3a77aa}.case-kpis i.green[b-yc7hevx12m]{background:#168466}.case-kpis i.amber[b-yc7hevx12m]{background:#dfa03e}.case-kpis i.purple[b-yc7hevx12m]{background:#7d5ca8}
.case-panel[b-yc7hevx12m]{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px rgba(31,52,69,.035)}.panel-title[b-yc7hevx12m]{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f4;padding-bottom:13px;margin-bottom:17px}.panel-title span[b-yc7hevx12m],.movements-head>div>span[b-yc7hevx12m],.case-modal header span[b-yc7hevx12m]{font-size:11px;color:#16817c;letter-spacing:1.2px;font-weight:850}.panel-title h2[b-yc7hevx12m],.movements-head h2[b-yc7hevx12m]{font-size:16px;margin:4px 0}.panel-title p[b-yc7hevx12m],.movements-head p[b-yc7hevx12m]{font-size:12px;color:var(--muted);margin:0}.panel-title>i[b-yc7hevx12m]{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;background:#e8f3f3;color:#147873}
.new-entry[b-yc7hevx12m]{width:min(820px,100%);margin:28px auto;padding:22px 24px}.entry-steps[b-yc7hevx12m]{display:flex;align-items:center;justify-content:center;margin:3px 0 23px}.entry-steps span[b-yc7hevx12m]{display:flex;align-items:center;gap:6px;font-size:12px;color:#667988;font-weight:750}.entry-steps span b[b-yc7hevx12m]{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e7f1f1;color:#14756f}.entry-steps>i[b-yc7hevx12m]{width:38px;height:1px;background:#dce5e9;margin:0 8px}.form-grid[b-yc7hevx12m]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label.wide[b-yc7hevx12m]{grid-column:1/-1}.form-grid label>span[b-yc7hevx12m],.payment-entry label>span[b-yc7hevx12m]{display:block;font-size:12px;font-weight:800;color:#536a7c;margin-bottom:6px}.form-grid input[b-yc7hevx12m],.form-grid select[b-yc7hevx12m],.form-grid textarea[b-yc7hevx12m],.payment-entry input[b-yc7hevx12m],.payment-entry textarea[b-yc7hevx12m]{width:100%;height:42px;border:1px solid #d9e2e8;border-radius:8px;padding:0 11px;background:#fbfcfd;color:#263c4f;font-size:13px;outline:0}.form-grid textarea[b-yc7hevx12m],.payment-entry textarea[b-yc7hevx12m]{height:82px;padding-top:10px}.form-grid input:focus[b-yc7hevx12m],.form-grid select:focus[b-yc7hevx12m],.form-grid textarea:focus[b-yc7hevx12m],.payment-entry input:focus[b-yc7hevx12m],.payment-entry textarea:focus[b-yc7hevx12m]{border-color:#16817c;box-shadow:0 0 0 3px #16817c13;background:#fff}.validation[b-yc7hevx12m]{font-size:12px;color:#ae3030}.new-entry footer[b-yc7hevx12m],.case-modal footer[b-yc7hevx12m]{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #edf1f4}.new-entry footer button[b-yc7hevx12m],.case-modal footer button[b-yc7hevx12m]{height:40px;border:0;border-radius:8px;padding:0 15px;font-size:12px;font-weight:800}.save[b-yc7hevx12m]{background:#153a56;color:#fff}.cancel[b-yc7hevx12m]{background:#edf1f4;color:#4b6275}
.account-workspace[b-yc7hevx12m]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.65fr);gap:13px}.account-card[b-yc7hevx12m],.payment-entry[b-yc7hevx12m]{padding:20px}.edit-account[b-yc7hevx12m]{height:35px;border:1px solid #d9e4e7;border-radius:8px;background:#f7fbfa;color:#176f72;padding:0 11px;font-size:12px;font-weight:800}.edit-account i[b-yc7hevx12m]{margin-right:6px}.account-details[b-yc7hevx12m]{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #e5ebef;border-radius:10px;overflow:hidden}.account-details>div[b-yc7hevx12m]{padding:15px 16px;border-right:1px solid #e7ecef;border-bottom:1px solid #e7ecef}.account-details>div:nth-child(3n)[b-yc7hevx12m]{border-right:0}.account-details>div:nth-last-child(-n+3)[b-yc7hevx12m]{border-bottom:0}.account-details span[b-yc7hevx12m],.account-details b[b-yc7hevx12m]{display:block}.account-details span[b-yc7hevx12m]{font-size:11px;color:#7a8b98;font-weight:750}.account-details b[b-yc7hevx12m]{font-size:13px;margin-top:5px}.account-note[b-yc7hevx12m]{display:flex;gap:10px;margin-top:13px;padding:12px 14px;border-radius:9px;background:#f7f9fb;color:#476074}.account-note>i[b-yc7hevx12m]{color:#16817c;margin-top:2px}.account-note span[b-yc7hevx12m]{font-size:11px;font-weight:800}.account-note p[b-yc7hevx12m]{font-size:12px;margin:3px 0 0}.payment-entry label[b-yc7hevx12m]{display:block;margin-bottom:12px}.payment-preview[b-yc7hevx12m]{border:1px solid #dfe8e9;background:#f4faf8;border-radius:9px;padding:11px 12px;margin:5px 0 11px}.payment-preview span[b-yc7hevx12m],.payment-preview b[b-yc7hevx12m],.payment-preview small[b-yc7hevx12m]{display:block}.payment-preview span[b-yc7hevx12m]{font-size:11px;color:#6f827f}.payment-preview b[b-yc7hevx12m]{font-size:15px;margin-top:3px}.payment-preview small[b-yc7hevx12m]{font-size:11px;color:#805a9b;margin-top:3px}.payment-save[b-yc7hevx12m]{height:41px;width:100%;border:0;border-radius:8px;background:#16817c;color:#fff;font-size:12px;font-weight:850}
.movements[b-yc7hevx12m]{margin-top:13px;padding:20px}.movements-head[b-yc7hevx12m]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f4;padding-bottom:13px}.balance[b-yc7hevx12m]{text-align:right}.balance span[b-yc7hevx12m],.balance strong[b-yc7hevx12m],.balance small[b-yc7hevx12m]{display:block}.balance span[b-yc7hevx12m]{font-size:11px;color:#798897}.balance strong[b-yc7hevx12m]{font-size:16px;margin-top:3px;color:#b66f16}.balance small[b-yc7hevx12m]{font-size:11px;color:#7c5a96;margin-top:2px}.timeline[b-yc7hevx12m]{padding-top:5px}.timeline article[b-yc7hevx12m]{display:grid;grid-template-columns:38px 125px minmax(0,1fr) 150px 34px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f4}.timeline-icon[b-yc7hevx12m]{width:32px;height:32px;border-radius:9px;background:#e5f5ef;color:#14775a;display:grid;place-items:center}.timeline-date strong[b-yc7hevx12m],.timeline-date small[b-yc7hevx12m],.timeline-detail strong[b-yc7hevx12m],.timeline-detail small[b-yc7hevx12m]{display:block}.timeline-date strong[b-yc7hevx12m],.timeline-detail strong[b-yc7hevx12m]{font-size:13px}.timeline-date small[b-yc7hevx12m],.timeline-detail small[b-yc7hevx12m]{font-size:12px;color:#7b8995;margin-top:2px}.timeline article>b[b-yc7hevx12m]{text-align:right;color:#14775a;font-size:14px}.timeline article>button[b-yc7hevx12m]{width:29px;height:29px;border:0;border-radius:7px;background:#fff0f0;color:#b23636}.movement-empty[b-yc7hevx12m]{padding:45px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#7c8b98}.movement-empty i[b-yc7hevx12m]{font-size:25px;color:#a6b5c0}.movement-empty strong[b-yc7hevx12m]{font-size:14px}.movement-empty span[b-yc7hevx12m]{font-size:12px}
.case-modal-backdrop[b-yc7hevx12m]{position:fixed;inset:0;z-index:2000;background:rgba(12,27,42,.56);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.case-modal[b-yc7hevx12m]{width:min(760px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 28px 80px rgba(8,24,38,.3)}.case-modal>header[b-yc7hevx12m]{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid #e8edf1}.case-modal h2[b-yc7hevx12m]{font-size:20px;margin:4px 0}.case-modal header p[b-yc7hevx12m]{font-size:12px;color:var(--muted);margin:0}.case-modal header button[b-yc7hevx12m]{width:35px;height:35px;border:1px solid #dfe6eb;border-radius:9px;background:#f7f9fa;color:#647687}.case-modal form[b-yc7hevx12m]{padding:22px 23px}.case-modal footer span[b-yc7hevx12m]{flex:1}.case-modal .danger[b-yc7hevx12m]{background:#fff0f0;color:#ad2f2f}
@media(max-width:1000px){.case-head[b-yc7hevx12m]{align-items:flex-start}.case-kpis[b-yc7hevx12m]{grid-template-columns:repeat(2,1fr)}.account-workspace[b-yc7hevx12m]{grid-template-columns:1fr}.identity-stat[b-yc7hevx12m]{display:none}.account-details[b-yc7hevx12m]{grid-template-columns:1fr 1fr}.account-details>div[b-yc7hevx12m]{border-right:1px solid #e7ecef!important;border-bottom:1px solid #e7ecef!important}.account-details>div:nth-child(2n)[b-yc7hevx12m]{border-right:0!important}.account-details>div:nth-last-child(-n+2)[b-yc7hevx12m]{border-bottom:0!important}}@media(max-width:650px){.case-shell[b-yc7hevx12m]{padding:14px}.module-row[b-yc7hevx12m]{align-items:flex-start;flex-direction:column;gap:9px}.case-identity[b-yc7hevx12m]{flex-wrap:wrap}.identity-info[b-yc7hevx12m]{min-width:60%}.case-kpis[b-yc7hevx12m],.form-grid[b-yc7hevx12m],.account-details[b-yc7hevx12m]{grid-template-columns:1fr}.form-grid label.wide[b-yc7hevx12m]{grid-column:auto}.account-details>div[b-yc7hevx12m]{border-right:0!important;border-bottom:1px solid #e7ecef!important}.account-details>div:last-child[b-yc7hevx12m]{border-bottom:0!important}.entry-steps[b-yc7hevx12m]{display:none}.timeline article[b-yc7hevx12m]{grid-template-columns:36px 1fr 90px}.timeline-date[b-yc7hevx12m]{grid-column:2}.timeline-detail[b-yc7hevx12m]{grid-column:2}.timeline article>b[b-yc7hevx12m]{grid-column:3;grid-row:1/3}.timeline article>button[b-yc7hevx12m]{grid-column:3}.case-modal footer[b-yc7hevx12m]{flex-wrap:wrap}.case-modal footer span[b-yc7hevx12m]{display:none}}

.new-entry[b-yc7hevx12m]  form,
.case-modal[b-yc7hevx12m]  form,
.payment-entry[b-yc7hevx12m]  form {
    width: 100%;
}

.case-modal[b-yc7hevx12m]  form {
    padding: 22px 23px;
}

.form-grid[b-yc7hevx12m]  .form-control,
.form-grid[b-yc7hevx12m]  .form-select,
.payment-entry[b-yc7hevx12m]  .form-control,
.payment-entry[b-yc7hevx12m]  .form-select {
    width: 100%;
    height: 42px;
    border: 1px solid #d9e2e8;
    border-radius: 8px;
    padding: 0 11px;
    background: #fbfcfd;
    color: #263c4f;
    font-size: 13px;
    outline: 0;
    box-shadow: none;
}

.form-grid[b-yc7hevx12m]  textarea.form-control,
.payment-entry[b-yc7hevx12m]  textarea.form-control {
    height: 82px;
    padding-top: 10px;
    resize: vertical;
}

.form-grid[b-yc7hevx12m]  .form-control:focus,
.form-grid[b-yc7hevx12m]  .form-select:focus,
.payment-entry[b-yc7hevx12m]  .form-control:focus,
.payment-entry[b-yc7hevx12m]  .form-select:focus {
    border-color: #16817c;
    box-shadow: 0 0 0 3px #16817c13;
    background: #fff;
}
/* /Presentation/Pages/Financial/LegalTrackingCustomers.razor.rz.scp.css */
.cust-shell[b-iy520xld1u] {
    --ink: #172b3d;
    --muted: #6b7d8d;
    --line: #dfe7ed;
    --navy: #153a56;
    --teal: #16817c;
    min-height: 100vh;
    background: #f3f6f9;
    padding: 26px;
    color: var(--ink);
}

.cust-head[b-iy520xld1u] { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; }
.cust-head > div > span[b-iy520xld1u], .cust-modal header span[b-iy520xld1u] { font-size: 12px; letter-spacing: 1.25px; color: var(--teal); font-weight: 850; }
.cust-head h1[b-iy520xld1u] { font-size: 29px; margin: 6px 0 4px; }
.cust-head p[b-iy520xld1u], .cust-modal header p[b-iy520xld1u] { margin: 0; color: var(--muted); font-size: 15px; }
.cust-head-actions[b-iy520xld1u] { display: flex; gap: 9px; flex-shrink: 0; }
.cust-head-actions button[b-iy520xld1u] { height: 42px; padding: 0 16px; border-radius: 9px; font-size: 14px; font-weight: 800; border: 1px solid var(--line); }
.cust-head-actions button i[b-iy520xld1u] { margin-right: 8px; }
.cust-head-actions .primary[b-iy520xld1u] { background: var(--navy); color: #fff; border-color: var(--navy); }
.cust-head-actions .ghost[b-iy520xld1u] { background: #fff; color: #28445d; }

.module-row[b-iy520xld1u] { display: flex; align-items: center; justify-content: space-between; margin: 20px 0 15px; }
.module-row > span[b-iy520xld1u] { font-size: 13px; color: #768695; }
.module-row > span i[b-iy520xld1u] { font-size: 10px; color: #18a278; margin-right: 7px; }

.cust-alert[b-iy520xld1u] { display: flex; align-items: center; gap: 9px; padding: 12px 15px; margin-bottom: 14px; border-radius: 10px; font-size: 14px; background: #e9f7f2; color: #147052; border: 1px solid #caeadf; }
.cust-alert.error[b-iy520xld1u] { background: #fff0f0; color: #a92e2e; border-color: #f2d1d1; }
.cust-alert button[b-iy520xld1u] { margin-left: auto; border: 0; background: none; color: inherit; font-size: 19px; }
.cust-loading[b-iy520xld1u] { height: 420px; background: #fff; border: 1px solid var(--line); border-radius: 13px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #687b8b; }

.cust-kpis[b-iy520xld1u] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-bottom: 14px; }
.cust-kpis article[b-iy520xld1u] { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 16px; display: flex; align-items: center; gap: 13px; box-shadow: 0 3px 12px rgba(30, 50, 68, .03); }
.cust-kpis article.warn[b-iy520xld1u] { border-color: #efdcb8; background: linear-gradient(145deg, #fff 55%, #fff9ed); }
.cust-kpis article > i[b-iy520xld1u] { width: 39px; height: 39px; border-radius: 9px; background: #e7f3f2; color: #167a75; display: grid; place-items: center; flex-shrink: 0; }
.cust-kpis article.warn > i[b-iy520xld1u] { background: #fff0d6; color: #b8730d; }
.cust-kpis span[b-iy520xld1u], .cust-kpis strong[b-iy520xld1u], .cust-kpis small[b-iy520xld1u] { display: block; }
.cust-kpis span[b-iy520xld1u] { font-size: 12px; color: #748595; font-weight: 750; }
.cust-kpis strong[b-iy520xld1u] { font-size: 20px; margin: 3px 0; letter-spacing: -.3px; }
.cust-kpis small[b-iy520xld1u] { font-size: 12px; color: #8a98a4; }

.cust-workspace[b-iy520xld1u] { display: grid; grid-template-columns: minmax(320px, .82fr) minmax(0, 2fr); gap: 13px; align-items: start; }

.cust-list-panel[b-iy520xld1u] { background: #fff; border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 3px 12px rgba(30, 50, 68, .035); overflow: hidden; position: sticky; top: 14px; }
.list-head[b-iy520xld1u] { padding: 14px; border-bottom: 1px solid #edf1f4; display: flex; flex-direction: column; gap: 9px; }
.list-search[b-iy520xld1u] { height: 40px; border: 1px solid #dbe4ea; border-radius: 9px; display: flex; align-items: center; gap: 8px; padding: 0 11px; }
.list-search i[b-iy520xld1u] { color: #8b99a5; }
.list-search input[b-iy520xld1u] { border: 0; outline: 0; width: 100%; font-size: 13px; color: #40566a; }
.list-filters[b-iy520xld1u] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.list-filters select[b-iy520xld1u], .list-meta select[b-iy520xld1u] { height: 38px; border: 1px solid #dbe4ea; border-radius: 8px; background: #fff; padding: 0 9px; font-size: 13px; color: #40566a; }
.list-meta[b-iy520xld1u] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.list-meta > span[b-iy520xld1u] { font-size: 12px; color: #7d8c99; font-weight: 750; }

.cust-list[b-iy520xld1u] { max-height: 720px; overflow-y: auto; }
.cust-row[b-iy520xld1u] { width: 100%; display: flex; align-items: center; gap: 11px; padding: 12px 14px; border: 0; border-bottom: 1px solid #eff2f4; border-left: 3px solid transparent; background: #fff; text-align: left; color: inherit; }
.cust-row:hover[b-iy520xld1u] { background: #f7fbfb; }
.cust-row.active[b-iy520xld1u] { background: #f2f9f8; border-left-color: var(--teal); }
.cust-row .avatar[b-iy520xld1u] { width: 38px; height: 38px; border-radius: 9px; background: #e5f2f2; color: #157570; display: grid; place-items: center; font-size: 12px; font-weight: 850; flex-shrink: 0; }
.row-main[b-iy520xld1u] { flex: 1; min-width: 0; }
.row-main b[b-iy520xld1u] { display: block; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.row-main small[b-iy520xld1u] { display: block; font-size: 12px; color: #80909d; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.row-money[b-iy520xld1u] { text-align: right; flex-shrink: 0; }
.row-money b[b-iy520xld1u] { display: block; font-size: 13px; white-space: nowrap; }
.row-money small[b-iy520xld1u] { display: block; font-size: 11px; font-weight: 800; margin-top: 3px; }
.row-money small.open[b-iy520xld1u] { color: #9a6008; }
.row-money small.partial[b-iy520xld1u] { color: #2361a0; }
.row-money small.closed[b-iy520xld1u] { color: #126c50; }
.row-money small.cancelled[b-iy520xld1u] { color: #687681; }
.list-empty[b-iy520xld1u] { padding: 60px 20px; display: flex; flex-direction: column; align-items: center; gap: 7px; color: #81909c; text-align: center; }
.list-empty i[b-iy520xld1u] { font-size: 26px; color: #a6b5c0; }
.list-empty strong[b-iy520xld1u] { font-size: 14px; }
.list-empty span[b-iy520xld1u] { font-size: 13px; }

.cust-detail[b-iy520xld1u] { background: #fff; border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 3px 12px rgba(30, 50, 68, .035); padding: 20px 22px; min-height: 620px; }
.detail-empty[b-iy520xld1u] { min-height: 560px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: #7f8e9b; text-align: center; }
.detail-empty i[b-iy520xld1u] { font-size: 34px; color: #b6c3cd; }
.detail-empty strong[b-iy520xld1u] { font-size: 16px; color: #4d6274; }
.detail-empty span[b-iy520xld1u] { font-size: 13px; max-width: 380px; line-height: 1.6; }

.detail-identity[b-iy520xld1u] { display: flex; align-items: center; gap: 14px; padding-bottom: 17px; border-bottom: 1px solid #edf1f4; }
.identity-avatar[b-iy520xld1u] { width: 50px; height: 50px; border-radius: 13px; background: linear-gradient(135deg, #153a56, #167b78); color: #fff; display: grid; place-items: center; font-size: 15px; font-weight: 850; flex-shrink: 0; }
.identity-info[b-iy520xld1u] { flex: 1; min-width: 0; }
.identity-info span[b-iy520xld1u] { font-size: 12px; letter-spacing: 1.1px; color: var(--teal); font-weight: 850; }
.identity-info h2[b-iy520xld1u] { font-size: 21px; margin: 3px 0; }
.identity-info p[b-iy520xld1u] { font-size: 13px; color: var(--muted); margin: 0; }
.detail-identity .status[b-iy520xld1u] { font-size: 12px; font-weight: 850; padding: 7px 12px; border-radius: 16px; white-space: nowrap; }
.status.open[b-iy520xld1u] { background: #fff1d8; color: #9a6008; }
.status.partial[b-iy520xld1u] { background: #e8f1fc; color: #2361a0; }
.status.closed[b-iy520xld1u] { background: #e4f5ee; color: #126c50; }
.status.cancelled[b-iy520xld1u] { background: #edf0f2; color: #687681; }
.edit-btn[b-iy520xld1u] { height: 36px; border: 1px solid #d9e4e7; border-radius: 8px; background: #f7fbfa; color: #176f72; padding: 0 12px; font-size: 13px; font-weight: 800; white-space: nowrap; }
.edit-btn i[b-iy520xld1u] { margin-right: 6px; }
.open-btn[b-iy520xld1u] { width: 36px; height: 36px; border: 1px solid #dfe7ec; border-radius: 8px; background: #fff; color: #536a7d; }

.detail-kpis[b-iy520xld1u] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 17px 0 13px; }
.detail-kpis article[b-iy520xld1u] { background: #fbfcfd; border: 1px solid #e7edf1; border-radius: 11px; padding: 14px 15px; position: relative; overflow: hidden; }
.detail-kpis span[b-iy520xld1u], .detail-kpis strong[b-iy520xld1u], .detail-kpis small[b-iy520xld1u] { display: block; }
.detail-kpis span[b-iy520xld1u] { font-size: 12px; color: #748696; font-weight: 750; }
.detail-kpis strong[b-iy520xld1u] { font-size: 18px; margin: 5px 0; letter-spacing: -.3px; }
.detail-kpis small[b-iy520xld1u] { font-size: 12px; color: #8795a1; }
.detail-kpis article > i[b-iy520xld1u] { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; }
.detail-kpis i.blue[b-iy520xld1u] { background: #3a77aa; }
.detail-kpis i.green[b-iy520xld1u] { background: #168466; }
.detail-kpis i.amber[b-iy520xld1u] { background: #dfa03e; }
.detail-kpis i.purple[b-iy520xld1u] { background: #7d5ca8; }

.detail-progress[b-iy520xld1u] { border: 1px solid #e7edf1; border-radius: 11px; padding: 14px 16px; margin-bottom: 13px; }
.progress-head[b-iy520xld1u] { display: flex; justify-content: space-between; align-items: baseline; }
.progress-head span[b-iy520xld1u] { font-size: 12px; font-weight: 800; color: #536a7c; }
.progress-head b[b-iy520xld1u] { font-size: 15px; color: var(--teal); }
.progress-bar[b-iy520xld1u] { height: 8px; background: #e9efed; border-radius: 6px; overflow: hidden; margin: 9px 0 7px; }
.progress-bar i[b-iy520xld1u] { display: block; height: 100%; background: linear-gradient(90deg, #1b817c, #35a890); }
.progress-foot[b-iy520xld1u] { display: flex; justify-content: space-between; font-size: 12px; color: #80909e; }

.detail-note[b-iy520xld1u] { display: flex; gap: 11px; padding: 13px 15px; border-radius: 10px; background: #f7f9fb; color: #476074; margin-bottom: 13px; }
.detail-note > i[b-iy520xld1u] { color: var(--teal); margin-top: 3px; }
.detail-note span[b-iy520xld1u] { font-size: 12px; font-weight: 800; }
.detail-note p[b-iy520xld1u] { font-size: 13px; margin: 4px 0 0; line-height: 1.55; }

.detail-columns[b-iy520xld1u] { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.6fr); gap: 14px; align-items: start; }
.payment-box[b-iy520xld1u], .movement-box[b-iy520xld1u] { border: 1px solid #e7edf1; border-radius: 11px; padding: 16px; }
.payment-box h3[b-iy520xld1u], .movement-box h3[b-iy520xld1u] { font-size: 15px; margin: 0 0 14px; display: flex; align-items: center; gap: 8px; }
.payment-box h3 i[b-iy520xld1u], .movement-box h3 i[b-iy520xld1u] { color: var(--teal); }
.movement-box h3 em[b-iy520xld1u] { margin-left: auto; font-style: normal; font-size: 12px; font-weight: 600; color: #7d8c99; }
.payment-box label[b-iy520xld1u] { display: block; margin-bottom: 12px; }
.payment-box label > span[b-iy520xld1u] { display: block; font-size: 12px; font-weight: 800; color: #536a7c; margin-bottom: 6px; }
.payment-preview[b-iy520xld1u] { border: 1px solid #dfe8e9; background: #f4faf8; border-radius: 9px; padding: 11px 12px; margin: 5px 0 11px; }
.payment-preview span[b-iy520xld1u], .payment-preview b[b-iy520xld1u], .payment-preview small[b-iy520xld1u] { display: block; }
.payment-preview span[b-iy520xld1u] { font-size: 12px; color: #6f827f; }
.payment-preview b[b-iy520xld1u] { font-size: 16px; margin-top: 3px; }
.payment-preview small[b-iy520xld1u] { font-size: 12px; color: #805a9b; margin-top: 3px; }
.payment-save[b-iy520xld1u] { height: 42px; width: 100%; border: 0; border-radius: 9px; background: var(--teal); color: #fff; font-size: 13px; font-weight: 850; }
.payment-save i[b-iy520xld1u] { margin-right: 7px; }

.movement-list[b-iy520xld1u] { max-height: 470px; overflow-y: auto; }
.movement-list article[b-iy520xld1u] { display: grid; grid-template-columns: 36px 130px minmax(0, 1fr) 150px 32px; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid #edf1f4; }
.mv-icon[b-iy520xld1u] { width: 32px; height: 32px; border-radius: 9px; background: #e5f5ef; color: #14775a; display: grid; place-items: center; }
.mv-date strong[b-iy520xld1u], .mv-date small[b-iy520xld1u], .mv-detail strong[b-iy520xld1u], .mv-detail small[b-iy520xld1u] { display: block; }
.mv-date strong[b-iy520xld1u], .mv-detail strong[b-iy520xld1u] { font-size: 13px; }
.mv-date small[b-iy520xld1u], .mv-detail small[b-iy520xld1u] { font-size: 12px; color: #7b8995; margin-top: 2px; }
.movement-list article > b[b-iy520xld1u] { text-align: right; color: #14775a; font-size: 14px; white-space: nowrap; }
.movement-list article > button[b-iy520xld1u] { width: 29px; height: 29px; border: 0; border-radius: 7px; background: #fff0f0; color: #b23636; }
.movement-empty[b-iy520xld1u] { padding: 45px; display: flex; flex-direction: column; align-items: center; gap: 6px; color: #7c8b98; text-align: center; }
.movement-empty i[b-iy520xld1u] { font-size: 26px; color: #a6b5c0; }
.movement-empty strong[b-iy520xld1u] { font-size: 14px; }
.movement-empty span[b-iy520xld1u] { font-size: 13px; }

.cust-modal-backdrop[b-iy520xld1u] { position: fixed; inset: 0; z-index: 2000; background: rgba(12, 27, 42, .56); backdrop-filter: blur(4px); display: grid; place-items: center; padding: 20px; }
.cust-modal[b-iy520xld1u] { width: min(760px, 96vw); max-height: 92vh; overflow: auto; background: #fff; border-radius: 16px; box-shadow: 0 28px 80px rgba(8, 24, 38, .3); }
.cust-modal > header[b-iy520xld1u] { display: flex; align-items: center; justify-content: space-between; padding: 21px 23px; border-bottom: 1px solid #e8edf1; }
.cust-modal h2[b-iy520xld1u] { font-size: 21px; margin: 4px 0; }
.cust-modal header > button[b-iy520xld1u] { width: 35px; height: 35px; border: 1px solid #dfe6eb; border-radius: 9px; background: #f7f9fa; color: #647687; }
.form-grid[b-iy520xld1u] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-grid label.wide[b-iy520xld1u] { grid-column: 1 / -1; }
.form-grid label > span[b-iy520xld1u] { display: block; font-size: 12px; font-weight: 800; color: #536a7c; margin-bottom: 6px; }
.validation[b-iy520xld1u] { font-size: 12px; color: #ae3030; }
.cust-modal footer[b-iy520xld1u] { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #edf1f4; }
.cust-modal footer span[b-iy520xld1u] { flex: 1; }
.cust-modal footer button[b-iy520xld1u] { height: 41px; border: 0; border-radius: 9px; padding: 0 16px; font-size: 13px; font-weight: 800; }
.cust-modal footer button i[b-iy520xld1u] { margin-right: 7px; }
.cust-modal .save[b-iy520xld1u] { background: var(--navy); color: #fff; }
.cust-modal .cancel[b-iy520xld1u] { background: #edf1f4; color: #4b6275; }
.cust-modal .danger[b-iy520xld1u] { background: #fff0f0; color: #ad2f2f; }

/* Blazor input bileşenleri alt bileşende render edildiği için scope özniteliği almaz. */
.cust-modal[b-iy520xld1u]  form { padding: 22px 23px; }
.form-grid[b-iy520xld1u]  .form-control,
.form-grid[b-iy520xld1u]  .form-select,
.payment-box[b-iy520xld1u]  .form-control {
    width: 100%; height: 42px; border: 1px solid #d9e2e8; border-radius: 9px; padding: 0 11px;
    background: #fbfcfd; color: #263c4f; font-size: 13px; outline: 0; box-shadow: none;
}
.form-grid[b-iy520xld1u]  textarea.form-control,
.payment-box[b-iy520xld1u]  textarea.form-control { height: 84px; padding-top: 10px; resize: vertical; }
.form-grid[b-iy520xld1u]  .form-control:focus,
.form-grid[b-iy520xld1u]  .form-select:focus,
.payment-box[b-iy520xld1u]  .form-control:focus { border-color: var(--teal); box-shadow: 0 0 0 3px #16817c13; background: #fff; }

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

@media (max-width: 1180px) {
    .cust-kpis[b-iy520xld1u] { grid-template-columns: repeat(2, 1fr); }
    .cust-workspace[b-iy520xld1u] { grid-template-columns: 1fr; }
    .cust-list-panel[b-iy520xld1u] { position: static; }
    .cust-list[b-iy520xld1u] { max-height: 420px; }
    .detail-kpis[b-iy520xld1u] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 650px) {
    .cust-shell[b-iy520xld1u] { padding: 15px; }
    .cust-head[b-iy520xld1u], .module-row[b-iy520xld1u] { flex-direction: column; align-items: flex-start; gap: 12px; }
    .cust-kpis[b-iy520xld1u], .detail-kpis[b-iy520xld1u], .form-grid[b-iy520xld1u], .list-filters[b-iy520xld1u] { grid-template-columns: 1fr; }
    .form-grid label.wide[b-iy520xld1u] { grid-column: auto; }
    .detail-identity[b-iy520xld1u] { flex-wrap: wrap; }
    .movement-list article[b-iy520xld1u] { grid-template-columns: 34px 1fr 92px; }
    .mv-date[b-iy520xld1u], .mv-detail[b-iy520xld1u] { grid-column: 2; }
    .movement-list article > b[b-iy520xld1u] { grid-column: 3; grid-row: 1 / 3; }
    .movement-list article > button[b-iy520xld1u] { grid-column: 3; }
}
/* /Presentation/Pages/Financial/LegalTrackingLawyers.razor.rz.scp.css */
.law-shell[b-j7bawkvzev] {
    --ink: #172b3d;
    --muted: #6b7d8d;
    --line: #dfe7ed;
    --navy: #153a56;
    --teal: #16817c;
    min-height: 100vh;
    background: #f3f6f9;
    padding: 26px;
    color: var(--ink);
}

.law-head[b-j7bawkvzev],
.module-row[b-j7bawkvzev],
.directory-head[b-j7bawkvzev] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.law-head[b-j7bawkvzev] {
    align-items: flex-end;
}

.law-head > div > span[b-j7bawkvzev],
.directory-head > div > span[b-j7bawkvzev],
.law-modal header span[b-j7bawkvzev] {
    font-size: 12px;
    letter-spacing: 1.25px;
    color: var(--teal);
    font-weight: 850;
}

.law-head h1[b-j7bawkvzev] {
    font-size: 29px;
    margin: 6px 0 4px;
}

.law-head p[b-j7bawkvzev],
.directory-head p[b-j7bawkvzev],
.law-modal header p[b-j7bawkvzev] {
    margin: 0;
    color: var(--muted);
}

.law-head p[b-j7bawkvzev] {
    font-size: 14px;
}

.head-actions[b-j7bawkvzev] {
    display: flex;
    gap: 9px;
    flex-shrink: 0;
}

.ghost-action[b-j7bawkvzev] {
    height: 42px;
    padding: 0 16px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    color: #28445d;
    font-size: 14px;
    font-weight: 800;
}

.ghost-action i[b-j7bawkvzev] {
    margin-right: 8px;
}

.primary-action[b-j7bawkvzev] {
    height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: var(--navy);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.primary-action i[b-j7bawkvzev] {
    margin-right: 8px;
}

.module-row[b-j7bawkvzev] {
    align-items: center;
    margin: 20px 0 15px;
}

.module-row > span[b-j7bawkvzev] {
    font-size: 12px;
    color: #768695;
}

.module-row > span i[b-j7bawkvzev] {
    font-size: 10px;
    color: #18a278;
    margin-right: 7px;
}

.law-alert[b-j7bawkvzev] {
    padding: 12px 15px;
    background: #e8f6f1;
    color: #166f54;
    border: 1px solid #cbe8dd;
    border-radius: 8px;
    margin-bottom: 13px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.law-alert.error[b-j7bawkvzev] {
    background: #fff0f0;
    color: #a82d2d;
    border-color: #f0d0d0;
}

.law-alert button[b-j7bawkvzev] {
    margin-left: auto;
    border: 0;
    background: none;
    color: inherit;
    font-size: 18px;
}

.law-loading[b-j7bawkvzev] {
    height: 400px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #687b8b;
}

.law-kpis[b-j7bawkvzev] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.law-kpis article[b-j7bawkvzev] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    box-shadow: 0 3px 12px rgba(30, 50, 68, .03);
}

.law-kpis article > i[b-j7bawkvzev] {
    width: 39px;
    height: 39px;
    border-radius: 8px;
    background: #e7f3f2;
    color: #167a75;
    display: grid;
    place-items: center;
}

.law-kpis span[b-j7bawkvzev],
.law-kpis strong[b-j7bawkvzev],
.law-kpis small[b-j7bawkvzev],
.law-identity b[b-j7bawkvzev],
.law-identity small[b-j7bawkvzev],
.contact b[b-j7bawkvzev],
.contact small[b-j7bawkvzev],
.metric b[b-j7bawkvzev],
.metric small[b-j7bawkvzev] {
    display: block;
}

.law-kpis span[b-j7bawkvzev] {
    font-size: 12px;
    color: #748595;
    font-weight: 750;
}

.law-kpis strong[b-j7bawkvzev] {
    font-size: 17px;
    margin: 3px 0;
}

.law-kpis small[b-j7bawkvzev] {
    font-size: 11px;
    color: #8a98a4;
}

.law-directory[b-j7bawkvzev] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 13px;
    box-shadow: 0 3px 12px rgba(30, 50, 68, .035);
    overflow: hidden;
}

.directory-head[b-j7bawkvzev] {
    align-items: center;
    padding: 18px 19px;
    border-bottom: 1px solid #edf1f4;
}

.directory-head h2[b-j7bawkvzev] {
    font-size: 16px;
    margin: 4px 0;
}

.directory-head p[b-j7bawkvzev] {
    font-size: 12px;
}

.directory-tools[b-j7bawkvzev] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.law-search[b-j7bawkvzev] {
    height: 38px;
    width: 265px;
    border: 1px solid #dbe4ea;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
}

.law-search i[b-j7bawkvzev] {
    color: #8b99a5;
}

.law-search input[b-j7bawkvzev],
.directory-tools select[b-j7bawkvzev] {
    font-size: 12px;
    color: #40566a;
}

.law-search input[b-j7bawkvzev] {
    border: 0;
    outline: 0;
    width: 100%;
}

.directory-tools select[b-j7bawkvzev] {
    height: 38px;
    border: 1px solid #dbe4ea;
    border-radius: 8px;
    background: #fff;
    padding: 0 10px;
}

/* Baslik seridi ve satirlar AYNI kapsayicida, AYNI sablon ve AYNI yatay dolgu ile
   duruyor; farkli padding kullanildiginda sutunlar hizalanmiyordu. Dar ekranda
   kirpilmak yerine yatay kayiyor. */
.directory-scroll[b-j7bawkvzev] {
    overflow-x: auto;
}

.directory-columns[b-j7bawkvzev],
.law-row[b-j7bawkvzev] {
    display: grid;
    grid-template-columns: minmax(200px, 1.25fr) minmax(150px, .85fr) 84px minmax(130px, .8fr) minmax(140px, .85fr) 92px 92px;
    align-items: center;
    gap: 14px;
    padding: 0 18px;
    min-width: 980px;
}

.directory-columns[b-j7bawkvzev] {
    height: 40px;
    background: #f7f9fb;
    border-bottom: 1px solid #e8edf1;
    color: #718292;
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.law-list[b-j7bawkvzev] {
    padding-bottom: 6px;
    min-width: 980px;
}

.law-row[b-j7bawkvzev] {
    min-height: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edf1f4;
}

.law-row:hover[b-j7bawkvzev] {
    background: #f8fbfb;
}

.law-identity[b-j7bawkvzev] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.avatar[b-j7bawkvzev] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #e5f2f2;
    color: #157570;
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 850;
}

.law-identity b[b-j7bawkvzev],
.contact b[b-j7bawkvzev],
.metric b[b-j7bawkvzev] {
    font-size: 13px;
}

.law-identity small[b-j7bawkvzev],
.contact small[b-j7bawkvzev],
.metric small[b-j7bawkvzev] {
    font-size: 11px;
    color: #80909d;
    margin-top: 3px;
}

.contact b[b-j7bawkvzev] {
    font-weight: 650;
}

.metric.balance b[b-j7bawkvzev] {
    color: #a96a16;
}

.metric b[b-j7bawkvzev], .contact b[b-j7bawkvzev] {
    white-space: nowrap;
}

.state[b-j7bawkvzev] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: max-content;
    padding: 5px 8px;
    border-radius: 14px;
    font-size: 11px;
    font-weight: 800;
}

.state i[b-j7bawkvzev] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.state.active[b-j7bawkvzev] {
    background: #e7f5ef;
    color: #166e55;
}

.state.active i[b-j7bawkvzev] {
    background: #1a966f;
}

.state.passive[b-j7bawkvzev] {
    background: #edf0f2;
    color: #687681;
}

.state.passive i[b-j7bawkvzev] {
    background: #9ca7af;
}

.manage[b-j7bawkvzev] {
    height: 32px;
    border: 1px solid #d9e3e8;
    border-radius: 7px;
    background: #fff;
    color: #21455f;
    font-size: 12px;
    font-weight: 800;
}

.manage i[b-j7bawkvzev] {
    margin-right: 5px;
    color: #16817c;
}

.empty[b-j7bawkvzev] {
    padding: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    color: #81909c;
}

.empty i[b-j7bawkvzev] {
    font-size: 24px;
}

.empty strong[b-j7bawkvzev] {
    font-size: 14px;
}

.empty span[b-j7bawkvzev] {
    font-size: 12px;
}

.law-modal-backdrop[b-j7bawkvzev] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: rgba(12, 27, 42, .56);
    backdrop-filter: blur(4px);
    display: grid;
    place-items: center;
    padding: 20px;
}

.law-modal[b-j7bawkvzev] {
    width: min(760px, 96vw);
    max-height: 92vh;
    overflow: auto;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 28px 80px rgba(8, 24, 38, .3);
}

.law-modal > header[b-j7bawkvzev] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21px 23px;
    border-bottom: 1px solid #e8edf1;
}

.law-modal h2[b-j7bawkvzev] {
    font-size: 20px;
    margin: 4px 0;
}

.law-modal header p[b-j7bawkvzev] {
    font-size: 12px;
}

.law-modal header > button[b-j7bawkvzev] {
    width: 35px;
    height: 35px;
    border: 1px solid #dfe6eb;
    border-radius: 8px;
    background: #f7f9fa;
    color: #647687;
}

.modal-summary[b-j7bawkvzev] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #f7f9fb;
    border-bottom: 1px solid #e8edf1;
    padding: 13px 23px;
}

.modal-summary div[b-j7bawkvzev] {
    padding: 3px 12px;
    border-right: 1px solid #e0e6eb;
}

.modal-summary div:first-child[b-j7bawkvzev] {
    padding-left: 0;
}

.modal-summary div:last-child[b-j7bawkvzev] {
    border: 0;
}

.modal-summary span[b-j7bawkvzev],
.modal-summary b[b-j7bawkvzev] {
    display: block;
}

.modal-summary span[b-j7bawkvzev] {
    font-size: 11px;
    color: #7b8b98;
}

.modal-summary b[b-j7bawkvzev] {
    font-size: 14px;
    margin-top: 4px;
}

.law-modal[b-j7bawkvzev]  form {
    padding: 22px 23px;
}

.form-grid[b-j7bawkvzev] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.form-grid label.wide[b-j7bawkvzev] {
    grid-column: 1 / -1;
}

.form-grid label > span[b-j7bawkvzev] {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: #52697b;
    margin-bottom: 6px;
}

.form-grid[b-j7bawkvzev]  .form-control,
.form-grid[b-j7bawkvzev]  .form-select {
    width: 100%;
    height: 42px;
    border: 1px solid #d9e2e8;
    border-radius: 8px;
    background: #fbfcfd;
    padding: 0 11px;
    font-size: 13px;
    outline: 0;
    box-shadow: none;
}

.form-grid[b-j7bawkvzev]  textarea.form-control {
    height: 88px;
    padding-top: 10px;
    resize: vertical;
}

.form-grid[b-j7bawkvzev]  .form-control:focus,
.form-grid[b-j7bawkvzev]  .form-select:focus {
    background: #fff;
    border-color: #16817c;
    box-shadow: 0 0 0 3px #16817c12;
}

.validation[b-j7bawkvzev] {
    font-size: 12px;
    color: #aa3030;
}

.law-modal footer[b-j7bawkvzev] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid #edf1f4;
}

.law-modal footer span[b-j7bawkvzev] {
    flex: 1;
}

.law-modal footer button[b-j7bawkvzev] {
    height: 39px;
    border: 0;
    border-radius: 8px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 800;
}

.law-modal .save[b-j7bawkvzev] {
    background: #153a56;
    color: #fff;
}

.law-modal .cancel[b-j7bawkvzev] {
    background: #edf1f4;
    color: #4c6376;
}

.law-modal .deactivate[b-j7bawkvzev] {
    background: #fff0d9;
    color: #97600b;
}

.law-modal .activate[b-j7bawkvzev] {
    background: #e5f5ef;
    color: #147556;
}

@media (max-width: 1120px) {
    .law-kpis[b-j7bawkvzev] {
        grid-template-columns: repeat(2, 1fr);
    }

    .directory-columns[b-j7bawkvzev] {
        display: none;
    }

    .law-row[b-j7bawkvzev] {
        grid-template-columns: minmax(230px, 1.5fr) 1fr 80px 110px 80px;
    }

    .law-row > .contact[b-j7bawkvzev],
    .law-row > .metric:nth-of-type(3)[b-j7bawkvzev] {
        display: none;
    }
}

@media (max-width: 720px) {
    .law-shell[b-j7bawkvzev] {
        padding: 14px;
    }

    .law-head[b-j7bawkvzev],
    .module-row[b-j7bawkvzev],
    .directory-head[b-j7bawkvzev] {
        align-items: flex-start;
        flex-direction: column;
    }

    .module-row[b-j7bawkvzev],
    .directory-head[b-j7bawkvzev] {
        gap: 9px;
    }

    .law-kpis[b-j7bawkvzev],
    .form-grid[b-j7bawkvzev] {
        grid-template-columns: 1fr;
    }

    .directory-tools[b-j7bawkvzev],
    .law-search[b-j7bawkvzev] {
        width: 100%;
    }

    .law-row[b-j7bawkvzev] {
        grid-template-columns: minmax(190px, 1fr) 75px 70px;
    }

    .law-row > .metric[b-j7bawkvzev],
    .law-row > .contact[b-j7bawkvzev] {
        display: none;
    }

    .form-grid label.wide[b-j7bawkvzev] {
        grid-column: auto;
    }

    .modal-summary[b-j7bawkvzev] {
        grid-template-columns: 1fr 1fr;
    }

    .law-modal footer[b-j7bawkvzev] {
        flex-wrap: wrap;
    }

    .law-modal footer span[b-j7bawkvzev] {
        display: none;
    }
}

.law-modal footer .danger[b-j7bawkvzev] {
    background: #fff0f0;
    color: #ad2f2f;
}

.delete-hint[b-j7bawkvzev] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: #7d8c99;
}

.delete-hint i[b-j7bawkvzev] {
    color: #9aa8b3;
}
/* /Presentation/Pages/Financial/LegalTrackingManagement.razor.rz.scp.css */
.lt-shell[b-lui3p5za9x]{--ink:#172b3d;--muted:#697b8c;--line:#e1e8ee;--navy:#153a56;--teal:#16817c;min-height:100vh;padding:26px;background:#f3f6f9;color:var(--ink)}
.lt-page-head[b-lui3p5za9x]{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.lt-breadcrumb[b-lui3p5za9x]{display:flex;align-items:center;gap:8px;color:#82909d;font-size:13px;font-weight:700}.lt-breadcrumb i[b-lui3p5za9x]{font-size:11px}.lt-breadcrumb b[b-lui3p5za9x]{color:#16817c}.lt-page-head h1[b-lui3p5za9x]{margin:8px 0 5px;font-size:29px;letter-spacing:-.6px}.lt-page-head p[b-lui3p5za9x]{margin:0;color:var(--muted);font-size:15px}.lt-head-actions[b-lui3p5za9x]{display:flex;gap:9px}.lt-btn[b-lui3p5za9x]{height:41px;border-radius:9px;padding:0 16px;border:1px solid var(--line);font-weight:750;font-size:14px}.lt-btn i[b-lui3p5za9x]{margin-right:7px}.lt-btn.primary[b-lui3p5za9x]{background:var(--navy);color:#fff;border-color:var(--navy)}.lt-btn.secondary[b-lui3p5za9x]{background:#fff;color:#28445d}.lt-nav-row[b-lui3p5za9x]{display:flex;justify-content:space-between;align-items:center;margin:22px 0 16px}.lt-asof[b-lui3p5za9x]{font-size:13px;color:#748394}.live-dot[b-lui3p5za9x]{display:inline-block;width:7px;height:7px;border-radius:50%;background:#16a477;box-shadow:0 0 0 4px #16a47718;margin-right:7px}
.lt-alert[b-lui3p5za9x]{padding:12px 15px;margin-bottom:14px;background:#e9f7f2;color:#147052;border:1px solid #caeadf;border-radius:10px;display:flex;align-items:center;gap:9px;font-size:14px}.lt-alert.error[b-lui3p5za9x]{background:#fff0f0;color:#a92e2e;border-color:#f2d1d1}.lt-alert button[b-lui3p5za9x]{margin-left:auto;border:0;background:none;font-size:19px;color:inherit}.lt-loading[b-lui3p5za9x]{height:420px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.lt-loading strong[b-lui3p5za9x]{font-size:15px}.lt-loading small[b-lui3p5za9x]{color:var(--muted)}
.lt-kpis[b-lui3p5za9x]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lt-kpi[b-lui3p5za9x]{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 18px;box-shadow:0 3px 12px rgba(30,52,70,.035)}.lt-kpi.attention[b-lui3p5za9x]{border-color:#efdcb8;background:linear-gradient(145deg,#fff 50%,#fff9ed)}.kpi-top[b-lui3p5za9x]{display:flex;align-items:center;justify-content:space-between}.kpi-icon[b-lui3p5za9x]{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.kpi-icon.blue[b-lui3p5za9x]{background:#eaf2fa;color:#2c689d}.kpi-icon.green[b-lui3p5za9x]{background:#e5f6f0;color:#14775b}.kpi-icon.amber[b-lui3p5za9x]{background:#fff0d6;color:#b8730d}.kpi-icon.purple[b-lui3p5za9x]{background:#f0eafa;color:#7454a3}.kpi-top em[b-lui3p5za9x]{font-style:normal;font-size:12px;color:#718191;background:#f3f6f8;padding:4px 7px;border-radius:12px}.lt-kpi label[b-lui3p5za9x]{display:block;margin-top:12px;color:#718191;font-size:13px;font-weight:700}.lt-kpi strong[b-lui3p5za9x]{display:block;margin:4px 0 9px;font-size:22px;letter-spacing:-.35px}.kpi-foot[b-lui3p5za9x]{border-top:1px solid #edf1f4;padding-top:9px;color:#80909e;font-size:12px}.kpi-progress[b-lui3p5za9x]{height:5px;background:#e9efed;border-radius:5px;overflow:hidden}.kpi-progress i[b-lui3p5za9x]{display:block;height:100%;background:linear-gradient(90deg,#1b817c,#35a890)}
.lt-filterbar[b-lui3p5za9x]{display:flex;align-items:flex-end;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-bottom:14px}
.filter-field[b-lui3p5za9x]{display:flex;flex-direction:column;gap:6px;min-width:190px}.filter-field.grow[b-lui3p5za9x]{flex:1;min-width:240px}
.filter-field label[b-lui3p5za9x]{font-size:12px;font-weight:800;color:#6f8190}
.filter-field select[b-lui3p5za9x],.filter-search[b-lui3p5za9x]{height:40px;border:1px solid #dbe3e9;border-radius:9px;background:#fbfcfd;font-size:13px;color:#30495c}
.filter-field select[b-lui3p5za9x]{padding:0 10px}
.filter-search[b-lui3p5za9x]{display:flex;align-items:center;gap:8px;padding:0 11px}.filter-search i[b-lui3p5za9x]{color:#8a99a6}
.filter-search input[b-lui3p5za9x]{border:0;outline:0;background:none;width:100%;font-size:13px;color:#30495c}
.filter-clear[b-lui3p5za9x],.filter-refresh[b-lui3p5za9x]{height:40px;border:1px solid #dbe3e9;border-radius:9px;background:#fff;color:#4b6275;padding:0 14px;font-size:13px;font-weight:750;white-space:nowrap}
.filter-clear i[b-lui3p5za9x],.filter-refresh i[b-lui3p5za9x]{margin-right:7px}
.lt-panel[b-lui3p5za9x]{margin-bottom:14px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px rgba(30,52,70,.035)}.chart-panel[b-lui3p5za9x],.health-panel[b-lui3p5za9x]{padding:20px 22px}.panel-head[b-lui3p5za9x]{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf1f4;padding-bottom:14px}.panel-kicker[b-lui3p5za9x]{font-size:12px;letter-spacing:1.3px;color:#16817c;font-weight:850}.panel-head h2[b-lui3p5za9x],.portfolio-title h2[b-lui3p5za9x]{font-size:17px;margin:4px 0}.panel-head p[b-lui3p5za9x],.portfolio-title p[b-lui3p5za9x]{font-size:13px;color:var(--muted);margin:0}.panel-head button[b-lui3p5za9x]{height:34px;padding:0 11px;border:1px solid #dce6e9;border-radius:8px;background:#f7fbfa;color:#176f72;font-weight:750;font-size:12px}.panel-head button i[b-lui3p5za9x]{margin-left:5px}.chart-empty[b-lui3p5za9x]{height:340px;display:grid;place-items:center;color:#8b98a4;font-size:14px}.health-body[b-lui3p5za9x]{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:center;gap:28px;padding-top:10px}.health-list[b-lui3p5za9x]{width:100%}.health-list>div[b-lui3p5za9x]{display:flex;align-items:center;gap:10px;padding:14px 4px;border-bottom:1px solid #eff2f4}.health-list>div>span[b-lui3p5za9x]{width:9px;height:9px;border-radius:50%}.health-list>div>span.open[b-lui3p5za9x]{background:#e59b2f}.health-list>div>span.partial[b-lui3p5za9x]{background:#3478c8}.health-list>div>span.closed[b-lui3p5za9x]{background:#168466}.health-list>div>span.cancelled[b-lui3p5za9x]{background:#98a2ad}.health-list label[b-lui3p5za9x]{font-size:14px;font-weight:750}.health-list small[b-lui3p5za9x]{display:block;color:#8996a2;font-size:12px;font-weight:500;margin-top:3px}.health-list b[b-lui3p5za9x]{margin-left:auto;font-size:14px}
.legal-chart[b-lui3p5za9x]{width:100%}.legal-chart.trend-chart[b-lui3p5za9x]{height:380px}.legal-chart.status-chart[b-lui3p5za9x]{height:330px}
.portfolio-panel[b-lui3p5za9x]{overflow:hidden}.portfolio-title[b-lui3p5za9x]{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.portfolio-actions[b-lui3p5za9x]{display:flex;gap:7px}.portfolio-actions select[b-lui3p5za9x],.search[b-lui3p5za9x]{height:37px;border:1px solid #dce4ea;background:#fff;border-radius:8px;font-size:13px;color:#40566a}.portfolio-actions select[b-lui3p5za9x]{padding:0 9px}.search[b-lui3p5za9x]{display:flex;align-items:center;gap:7px;padding:0 10px}.search i[b-lui3p5za9x]{color:#8a99a6}.search input[b-lui3p5za9x]{border:0;outline:0;width:210px;font-size:13px}.icon-btn[b-lui3p5za9x]{width:37px;border:1px solid #dce4ea;border-radius:8px;background:#fff;color:#536a7d}.customer-cell[b-lui3p5za9x]{border:0;background:none;padding:0;display:flex;align-items:center;gap:10px;text-align:left;color:inherit}.customer-cell>span[b-lui3p5za9x]{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#e7f3f3;color:#167773;font-size:12px;font-weight:850}.customer-cell label strong[b-lui3p5za9x],.customer-cell label small[b-lui3p5za9x]{display:block}.customer-cell label strong[b-lui3p5za9x]{font-size:14px}.customer-cell label small[b-lui3p5za9x]{font-size:12px;color:#7b8b98;margin-top:2px}.rate-cell[b-lui3p5za9x]{display:flex;align-items:center;gap:7px}.rate-cell>span[b-lui3p5za9x]{width:48px;height:5px;background:#e8edef;border-radius:5px;overflow:hidden}.rate-cell i[b-lui3p5za9x]{display:block;height:100%;background:#1e9381}.rate-cell b[b-lui3p5za9x]{font-size:12px}.status[b-lui3p5za9x]{display:inline-block;padding:5px 9px;border-radius:14px;font-size:12px;font-weight:850}.status.open[b-lui3p5za9x]{background:#fff1d8;color:#9a6008}.status.partial[b-lui3p5za9x]{background:#e8f1fc;color:#2361a0}.status.closed[b-lui3p5za9x]{background:#e4f5ee;color:#126c50}.status.cancelled[b-lui3p5za9x]{background:#edf0f2;color:#687681}.open-case[b-lui3p5za9x]{width:30px;height:30px;border:1px solid #dfe7ec;background:#fff;border-radius:7px;color:#176f72}
[b-lui3p5za9x] .e-grid{border:0!important;font-size:13px}[b-lui3p5za9x] .e-grid .e-headercell{background:#f7f9fb!important;color:#526578!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.55px}[b-lui3p5za9x] .e-grid .e-rowcell{border-color:#edf1f4!important}[b-lui3p5za9x] .e-grid .e-row:hover{background:#f5faf9!important;cursor:pointer}
@media(max-width:1180px){.lt-kpis[b-lui3p5za9x]{grid-template-columns:repeat(2,1fr)}.health-body[b-lui3p5za9x]{grid-template-columns:1fr}.lt-filterbar[b-lui3p5za9x]{flex-wrap:wrap}}@media(max-width:760px){.lt-shell[b-lui3p5za9x]{padding:15px}.lt-page-head[b-lui3p5za9x],.lt-nav-row[b-lui3p5za9x],.portfolio-title[b-lui3p5za9x]{align-items:flex-start;flex-direction:column}.lt-head-actions[b-lui3p5za9x],.lt-nav-row>*[b-lui3p5za9x]{width:100%}.lt-asof[b-lui3p5za9x]{text-align:left}.portfolio-actions[b-lui3p5za9x]{width:100%;flex-wrap:wrap}.search[b-lui3p5za9x]{flex:1}.search input[b-lui3p5za9x]{width:100%}.lt-kpis[b-lui3p5za9x]{grid-template-columns:1fr}.health-body>*[b-lui3p5za9x],.health-list[b-lui3p5za9x]{width:100%}.lt-filterbar[b-lui3p5za9x]{flex-direction:column;align-items:stretch}.filter-field[b-lui3p5za9x]{min-width:0}.chart-panel[b-lui3p5za9x],.health-panel[b-lui3p5za9x]{padding:16px}}
/* /Presentation/Pages/Financial/LegalTrackingReports.razor.rz.scp.css */
.report-shell[b-o5iydvafom]{--ink:#182c3e;--muted:#6b7d8d;--line:#dfe7ed;--navy:#153a56;--teal:#16817c;min-height:100vh;background:#f3f6f9;padding:26px;color:var(--ink)}.report-head[b-o5iydvafom]{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.report-head>div:first-child>span[b-o5iydvafom],.card-head span[b-o5iydvafom]{font-size:12px;letter-spacing:1.25px;color:#16817c;font-weight:850}.report-head h1[b-o5iydvafom]{font-size:29px;margin:5px 0}.report-head p[b-o5iydvafom]{font-size:14px;color:var(--muted);margin:0}.head-tools[b-o5iydvafom]{display:flex;align-items:center;gap:10px}.head-tools>button[b-o5iydvafom]{height:42px;border:0;border-radius:9px;background:#18724f;color:#fff;padding:0 15px;font-size:12px;font-weight:800}.head-tools>button i[b-o5iydvafom]{margin-right:7px}.module-row[b-o5iydvafom]{display:flex;align-items:center;justify-content:space-between;margin:20px 0 15px}.module-row>span[b-o5iydvafom]{font-size:12px;color:#768695}.module-row>span i[b-o5iydvafom]{font-size:10px;color:#18a278;margin-right:7px}
.report-filter[b-o5iydvafom]{margin:0 0 13px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;align-items:end;gap:9px}.report-filter>div label[b-o5iydvafom]{display:block;font-size:11px;color:#6f8190;font-weight:800;margin-bottom:5px}.report-filter select[b-o5iydvafom],.report-filter input[b-o5iydvafom]{height:37px;border:1px solid #dbe3e9;border-radius:8px;padding:0 9px;background:#fbfcfd;font-size:12px;color:#30495c;min-width:160px}.report-filter>button[b-o5iydvafom]{height:37px;border:0;border-radius:8px;padding:0 12px;background:#153a56;color:#fff;font-size:12px;font-weight:800}.report-filter>button.clear[b-o5iydvafom]{background:#edf1f4;color:#51687b}.report-filter>span[b-o5iydvafom]{margin-left:auto;font-size:12px;color:#81909c;padding-bottom:9px}.report-alert[b-o5iydvafom]{padding:11px 14px;background:#fff1dc;color:#96600d;border-radius:9px;margin-bottom:12px;font-size:12px}.report-loading[b-o5iydvafom]{height:400px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;color:#687b8b}
.report-kpis[b-o5iydvafom]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:13px}.report-kpis>div[b-o5iydvafom]{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 17px;position:relative;overflow:hidden}.report-kpis span[b-o5iydvafom],.report-kpis strong[b-o5iydvafom],.report-kpis small[b-o5iydvafom]{display:block}.report-kpis span[b-o5iydvafom]{font-size:12px;color:#738494;font-weight:750}.report-kpis strong[b-o5iydvafom]{font-size:20px;margin:5px 0;color:#1d3447}.report-kpis small[b-o5iydvafom]{font-size:11px;color:#8795a1}.report-kpis>div>i[b-o5iydvafom]{position:absolute;right:14px;top:15px;width:31px;height:31px;border-radius:9px;background:#e8f3f3;color:#16817c;display:grid;place-items:center}
.chart-layout[b-o5iydvafom]{display:grid;grid-template-columns:repeat(12,1fr);gap:13px;margin-bottom:13px}.wide-card[b-o5iydvafom]{margin-bottom:13px}.report-card[b-o5iydvafom]{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px rgba(29,51,68,.035);padding:17px 19px}.span-8[b-o5iydvafom]{grid-column:span 8}.span-6[b-o5iydvafom]{grid-column:span 6}.span-4[b-o5iydvafom]{grid-column:span 4}.span-7[b-o5iydvafom]{grid-column:span 7}.span-5[b-o5iydvafom]{grid-column:span 5}.card-head[b-o5iydvafom]{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf1f4;padding-bottom:11px;margin-bottom:7px}.card-head h2[b-o5iydvafom]{font-size:15px;margin:3px 0}.card-head p[b-o5iydvafom]{font-size:12px;color:var(--muted);margin:0}.card-head em[b-o5iydvafom]{font-style:normal;font-size:11px;color:#738493;background:#f0f4f6;padding:5px 8px;border-radius:12px}.empty-chart[b-o5iydvafom]{height:320px;display:grid;place-items:center;color:#82909b;font-size:12px}.chart-legend[b-o5iydvafom]{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:0 8px}.chart-legend>div[b-o5iydvafom]{display:flex;align-items:center;gap:6px;font-size:11px}.chart-legend span[b-o5iydvafom]{width:7px;height:7px;border-radius:50%}.chart-legend label[b-o5iydvafom]{color:#637584}.chart-legend b[b-o5iydvafom]{margin-left:auto;font-size:11px}.status-summary[b-o5iydvafom]{display:flex;flex-direction:column}.status-summary>div[b-o5iydvafom]{display:flex;align-items:center;gap:10px;padding:14px 4px;border-bottom:1px solid #eff2f4}.status-summary>div>span[b-o5iydvafom]{width:7px;height:7px;border-radius:50%}.status-summary .open[b-o5iydvafom]{background:#e2a13d}.status-summary .partial[b-o5iydvafom]{background:#3a79bc}.status-summary .closed[b-o5iydvafom]{background:#188566}.status-summary .cancelled[b-o5iydvafom]{background:#98a3ad}.status-summary label[b-o5iydvafom]{font-size:11px;font-weight:750}.status-summary small[b-o5iydvafom]{display:block;font-size:10px;color:#85929d;font-weight:500;margin-top:2px}.status-summary b[b-o5iydvafom]{margin-left:auto;font-size:13px}.table-card[b-o5iydvafom]{margin-top:13px;padding-bottom:10px}
.legal-report-chart[b-o5iydvafom]{width:100%}.legal-report-chart.trend[b-o5iydvafom]{height:330px}.legal-report-chart.compact[b-o5iydvafom]{height:285px}.legal-report-chart.tall[b-o5iydvafom]{height:360px}.legal-report-chart.heat[b-o5iydvafom]{height:420px}.legal-report-chart.status[b-o5iydvafom]{height:330px}
.status-body[b-o5iydvafom]{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:center;gap:28px;padding-top:10px}
.risk-tag[b-o5iydvafom]{display:inline-block;padding:4px 10px;border-radius:14px;font-size:12px;font-weight:800}
.risk-tag.critical[b-o5iydvafom]{background:#fdecec;color:#b03434}.risk-tag.warn[b-o5iydvafom]{background:#fff2da;color:#96600d}.risk-tag.ok[b-o5iydvafom]{background:#e9f4ef;color:#166e55}
[b-o5iydvafom] .e-grid{border:0!important;font-size:12px}[b-o5iydvafom] .e-grid .e-headercell{background:#f7f9fb!important;color:#526578!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.5px}[b-o5iydvafom] .e-grid .e-rowcell{border-color:#edf1f4!important}[b-o5iydvafom] .e-grid .e-row:hover{background:#f5faf9!important;cursor:pointer}
.report-filter[b-o5iydvafom]  .form-control,.report-filter[b-o5iydvafom]  .form-select{height:37px;border:1px solid #dbe3e9;border-radius:8px;padding:0 9px;background:#fbfcfd;font-size:12px;color:#30495c;min-width:160px;box-shadow:none}.report-filter[b-o5iydvafom]  .form-control:focus,.report-filter[b-o5iydvafom]  .form-select:focus{border-color:#16817c;box-shadow:0 0 0 3px #16817c13;background:#fff}
@media(max-width:1050px){.report-head[b-o5iydvafom]{align-items:flex-start;flex-direction:column}.head-tools[b-o5iydvafom]{width:100%;justify-content:flex-end}.report-filter[b-o5iydvafom]{flex-wrap:wrap}.report-filter>span[b-o5iydvafom]{display:none}.report-kpis[b-o5iydvafom]{grid-template-columns:repeat(2,1fr)}.span-8[b-o5iydvafom],.span-6[b-o5iydvafom],.span-4[b-o5iydvafom],.span-7[b-o5iydvafom],.span-5[b-o5iydvafom]{grid-column:span 12}.status-body[b-o5iydvafom]{grid-template-columns:1fr}}@media(max-width:650px){.report-shell[b-o5iydvafom]{padding:14px}.module-row[b-o5iydvafom]{align-items:flex-start;flex-direction:column;gap:9px}.head-tools[b-o5iydvafom]{align-items:stretch}.report-filter>div[b-o5iydvafom],.report-filter select[b-o5iydvafom],.report-filter input[b-o5iydvafom]{width:100%}.report-kpis[b-o5iydvafom]{grid-template-columns:1fr}.chart-legend[b-o5iydvafom],.status-summary[b-o5iydvafom]{grid-template-columns:1fr}}
/* /Presentation/Pages/Hospitality/CapexManagement.razor.rz.scp.css */
/* CapexManagement.razor.css - Capital Expenditure Management Styles */

.page-header[b-7awbzo7kjq] {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    color: white;
    padding: 1.5rem 2rem;
    margin: -1rem -1rem 1.5rem -1rem;
    border-radius: 0 0 1rem 1rem;
}

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

.header-left[b-7awbzo7kjq] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-link[b-7awbzo7kjq] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    padding: 0.5rem;
    border-radius: 50%;
    transition: all 0.2s;
}

.back-link:hover[b-7awbzo7kjq] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.header-text h1[b-7awbzo7kjq] {
    font-size: 1.75rem;
    margin: 0;
    font-weight: 600;
}

.header-text .subtitle[b-7awbzo7kjq] {
    margin: 0.25rem 0 0;
    opacity: 0.9;
    font-size: 0.9rem;
}

.header-actions[b-7awbzo7kjq] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

/* Layout */
.capex-management-layout[b-7awbzo7kjq] {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 1.5rem;
    min-height: calc(100vh - 200px);
}

/* Sidebar */
.sidebar-nav[b-7awbzo7kjq] {
    background: white;
    border-radius: 0.75rem;
    padding: 1rem 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    height: fit-content;
    position: sticky;
    top: 1rem;
}

.nav-section[b-7awbzo7kjq] {
    margin-bottom: 0.5rem;
}

.nav-section-title[b-7awbzo7kjq] {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.75rem 1.25rem 0.5rem;
}

.nav-item[b-7awbzo7kjq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    cursor: pointer;
    color: #374151;
    transition: all 0.2s;
    border-left: 3px solid transparent;
}

.nav-item:hover[b-7awbzo7kjq] {
    background: #f3f4f6;
    color: #7c3aed;
}

.nav-item.active[b-7awbzo7kjq] {
    background: linear-gradient(90deg, rgba(124, 58, 237, 0.1) 0%, transparent 100%);
    border-left-color: #7c3aed;
    color: #7c3aed;
    font-weight: 500;
}

.nav-item i[b-7awbzo7kjq] {
    width: 1.25rem;
    text-align: center;
    font-size: 0.9rem;
}

.nav-item .badge[b-7awbzo7kjq] {
    margin-left: auto;
    background: #e5e7eb;
    color: #374151;
    padding: 0.2rem 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
}

.nav-item.active .badge[b-7awbzo7kjq] {
    background: #7c3aed;
    color: white;
}

.nav-item .badge.badge-warning[b-7awbzo7kjq] {
    background: #fbbf24;
    color: #1f2937;
}

/* Main Content */
.main-content[b-7awbzo7kjq] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Loading */
.loading-container[b-7awbzo7kjq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #6b7280;
}

/* Section Header */
.section-header[b-7awbzo7kjq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.section-header h2[b-7awbzo7kjq] {
    font-size: 1.25rem;
    margin: 0;
    color: #1f2937;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-controls[b-7awbzo7kjq] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

/* KPI Cards */
.kpi-cards[b-7awbzo7kjq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.kpi-card[b-7awbzo7kjq] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #f8fafc 0%, #fff 100%);
    border: 1px solid #e5e7eb;
    transition: transform 0.2s, box-shadow 0.2s;
}

.kpi-card:hover[b-7awbzo7kjq] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.kpi-icon[b-7awbzo7kjq] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
}

.kpi-icon.bg-primary[b-7awbzo7kjq] { background: linear-gradient(135deg, #7c3aed, #6d28d9); }
.kpi-icon.bg-success[b-7awbzo7kjq] { background: linear-gradient(135deg, #10b981, #059669); }
.kpi-icon.bg-info[b-7awbzo7kjq] { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.kpi-icon.bg-warning[b-7awbzo7kjq] { background: linear-gradient(135deg, #f59e0b, #d97706); }

.kpi-content[b-7awbzo7kjq] {
    flex: 1;
}

.kpi-label[b-7awbzo7kjq] {
    display: block;
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 0.25rem;
}

.kpi-value[b-7awbzo7kjq] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
}

/* Budget Progress */
.budget-progress[b-7awbzo7kjq] {
    background: #f8fafc;
    padding: 1.25rem;
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
}

.budget-progress h5[b-7awbzo7kjq] {
    margin: 0 0 1rem;
    color: #374151;
}

.progress-labels[b-7awbzo7kjq] {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #6b7280;
}

/* Status Summary */
.status-summary[b-7awbzo7kjq] {
    background: #f8fafc;
    padding: 1.25rem;
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
}

.status-summary h5[b-7awbzo7kjq] {
    margin: 0 0 1rem;
    color: #374151;
}

.status-cards[b-7awbzo7kjq] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.status-card[b-7awbzo7kjq] {
    flex: 1;
    min-width: 100px;
    text-align: center;
    padding: 1rem;
    border-radius: 0.5rem;
    background: white;
    border: 1px solid #e5e7eb;
}

.status-card.draft[b-7awbzo7kjq] { border-left: 3px solid #9ca3af; }
.status-card.pending[b-7awbzo7kjq] { border-left: 3px solid #f59e0b; }
.status-card.approved[b-7awbzo7kjq] { border-left: 3px solid #10b981; }
.status-card.inprogress[b-7awbzo7kjq] { border-left: 3px solid #3b82f6; }
.status-card.completed[b-7awbzo7kjq] { border-left: 3px solid #1f2937; }

.status-count[b-7awbzo7kjq] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
}

.status-label[b-7awbzo7kjq] {
    font-size: 0.75rem;
    color: #6b7280;
}

/* Pipeline Board */
.pipeline-board[b-7awbzo7kjq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    overflow-x: auto;
}

.pipeline-column[b-7awbzo7kjq] {
    background: #f8fafc;
    border-radius: 0.75rem;
    min-height: 400px;
}

.column-header[b-7awbzo7kjq] {
    padding: 1rem;
    font-weight: 600;
    color: white;
    border-radius: 0.75rem 0.75rem 0 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.column-header.pending[b-7awbzo7kjq] { background: linear-gradient(135deg, #f59e0b, #d97706); }
.column-header.approved[b-7awbzo7kjq] { background: linear-gradient(135deg, #10b981, #059669); }
.column-header.inprogress[b-7awbzo7kjq] { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.column-header.completed[b-7awbzo7kjq] { background: linear-gradient(135deg, #4b5563, #374151); }

.column-header .badge[b-7awbzo7kjq] {
    margin-left: auto;
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.column-items[b-7awbzo7kjq] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pipeline-card[b-7awbzo7kjq] {
    background: white;
    border-radius: 0.5rem;
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
}

.pipeline-card:hover[b-7awbzo7kjq] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.pipeline-card .card-header[b-7awbzo7kjq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.pipeline-card .code[b-7awbzo7kjq] {
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 500;
}

.pipeline-card .card-title[b-7awbzo7kjq] {
    font-weight: 500;
    color: #1f2937;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.pipeline-card .card-amount[b-7awbzo7kjq] {
    font-size: 0.9rem;
    color: #374151;
    margin-bottom: 0.75rem;
}

.pipeline-card .card-amount .spent[b-7awbzo7kjq] {
    font-weight: 600;
    color: #7c3aed;
}

.pipeline-card .card-amount .budget[b-7awbzo7kjq] {
    color: #9ca3af;
}

.pipeline-card .card-progress[b-7awbzo7kjq] {
    margin-bottom: 0.5rem;
}

.pipeline-card .card-progress .progress[b-7awbzo7kjq] {
    height: 6px;
    border-radius: 3px;
    background: #e5e7eb;
}

.pipeline-card .card-progress .progress-bar[b-7awbzo7kjq] {
    background: linear-gradient(90deg, #7c3aed, #6d28d9);
    border-radius: 3px;
}

.pipeline-card .progress-badge[b-7awbzo7kjq] {
    font-size: 0.7rem;
    background: #7c3aed;
    color: white;
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
}

.pipeline-card .card-actions[b-7awbzo7kjq] {
    display: flex;
    gap: 0.5rem;
}

.pipeline-card .card-actions .btn[b-7awbzo7kjq] {
    flex: 1;
    font-size: 0.75rem;
    padding: 0.35rem;
}

.pipeline-card.completed[b-7awbzo7kjq] {
    opacity: 0.8;
}

/* Action Buttons */
.action-buttons[b-7awbzo7kjq] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    flex-wrap: wrap;
}

.action-buttons .btn[b-7awbzo7kjq] {
    padding: 0.25rem 0.4rem;
    font-size: 0.75rem;
}

/* Filter */
.filter-dropdown[b-7awbzo7kjq] {
    min-width: 150px;
}

/* Responsive */
@media (max-width: 1400px) {
    .pipeline-board[b-7awbzo7kjq] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .capex-management-layout[b-7awbzo7kjq] {
        grid-template-columns: 1fr;
    }
    
    .sidebar-nav[b-7awbzo7kjq] {
        display: flex;
        overflow-x: auto;
        gap: 0.5rem;
        padding: 0.75rem;
        position: static;
    }
    
    .nav-section[b-7awbzo7kjq] {
        display: flex;
        gap: 0.5rem;
        margin: 0;
    }
    
    .nav-section-title[b-7awbzo7kjq] {
        display: none;
    }
    
    .nav-item[b-7awbzo7kjq] {
        white-space: nowrap;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        border-left: none;
    }
    
    .nav-item.active[b-7awbzo7kjq] {
        background: #7c3aed;
        color: white;
    }
    
    .pipeline-board[b-7awbzo7kjq] {
        grid-template-columns: 1fr;
    }
}

/* Grid styles */
.e-grid .e-headercell[b-7awbzo7kjq] {
    background: #f8fafc !important;
    font-weight: 600;
}

.e-grid .e-row:hover[b-7awbzo7kjq] {
    background: rgba(124, 58, 237, 0.05) !important;
}

/* Badges */
.badge[b-7awbzo7kjq] {
    font-weight: 500;
    padding: 0.35em 0.65em;
}
/* /Presentation/Pages/Hospitality/ChannelPerformance.razor.rz.scp.css */
/* Channel Performance Page Styles */
.channel-performance[b-901b0y715d] { padding: 1.5rem; background: var(--bs-gray-100); min-height: 100vh; }

.page-header[b-901b0y715d] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 1rem 1.5rem; background: linear-gradient(135deg, #059669 0%, #10b981 100%); border-radius: 12px; color: white; }
.header-left[b-901b0y715d] { display: flex; align-items: center; gap: 1rem; }
.btn-ghost[b-901b0y715d] { background: rgba(255,255,255,0.1); border: none; color: white; width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.btn-ghost:hover[b-901b0y715d] { background: rgba(255,255,255,0.2); }
.header-content h1[b-901b0y715d] { margin: 0; font-size: 1.5rem; font-weight: 600; }
.header-content p[b-901b0y715d] { margin: 0; opacity: 0.8; font-size: 0.875rem; }
.header-actions[b-901b0y715d] { display: flex; gap: 0.5rem; }

.filter-section[b-901b0y715d] { background: white; padding: 1.25rem; border-radius: 12px; margin-bottom: 1.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.filter-row[b-901b0y715d] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-end; }
.filter-group[b-901b0y715d] { display: flex; flex-direction: column; gap: 0.5rem; min-width: 180px; }
.filter-group label[b-901b0y715d] { font-size: 0.875rem; font-weight: 500; color: var(--bs-gray-700); }

.kpi-grid[b-901b0y715d] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
.kpi-card[b-901b0y715d] { background: white; padding: 1.25rem; border-radius: 12px; display: flex; align-items: center; gap: 1rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.kpi-icon[b-901b0y715d] { width: 56px; height: 56px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: white; }
.kpi-card.direct .kpi-icon[b-901b0y715d] { background: linear-gradient(135deg, #10b981, #059669); }
.kpi-card.ota .kpi-icon[b-901b0y715d] { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.kpi-card.gds .kpi-icon[b-901b0y715d] { background: linear-gradient(135deg, #f59e0b, #d97706); }
.kpi-card.other .kpi-icon[b-901b0y715d] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
.kpi-content[b-901b0y715d] { display: flex; flex-direction: column; }
.kpi-label[b-901b0y715d] { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--bs-gray-600); }
.kpi-value[b-901b0y715d] { font-size: 1.5rem; font-weight: 700; color: var(--bs-gray-900); }
.kpi-change[b-901b0y715d] { font-size: 0.8rem; color: var(--bs-gray-600); }
.kpi-change.positive[b-901b0y715d] { color: #10b981; }

.charts-row[b-901b0y715d] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.chart-card[b-901b0y715d] { background: white; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.chart-header[b-901b0y715d] { padding: 1rem 1.25rem; border-bottom: 1px solid var(--bs-gray-200); }
.chart-header h5[b-901b0y715d] { margin: 0; font-size: 1rem; font-weight: 600; }
.chart-body[b-901b0y715d] { padding: 1rem; }

.grid-card[b-901b0y715d] { background: white; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.grid-header[b-901b0y715d] { padding: 1rem 1.25rem; border-bottom: 1px solid var(--bs-gray-200); }
.grid-header h5[b-901b0y715d] { margin: 0; font-size: 1rem; font-weight: 600; }
.grid-body[b-901b0y715d] { padding: 0; }

@media (max-width: 1200px) { .kpi-grid[b-901b0y715d] { grid-template-columns: repeat(2, 1fr); } .charts-row[b-901b0y715d] { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .kpi-grid[b-901b0y715d] { grid-template-columns: 1fr; } .page-header[b-901b0y715d] { flex-direction: column; gap: 1rem; } .filter-row[b-901b0y715d] { flex-direction: column; } .filter-group[b-901b0y715d] { width: 100%; } }
/* /Presentation/Pages/Hospitality/CostManagement.razor.rz.scp.css */
/* CostManagement.razor.css - Stock Cost Budget Management Styles */

.page-header[b-20wu9xjl4w] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 1.5rem 2rem;
    margin: -1rem -1rem 1.5rem -1rem;
    border-radius: 0 0 1rem 1rem;
}

.header-content[b-20wu9xjl4w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-20wu9xjl4w] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-link[b-20wu9xjl4w] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    padding: 0.5rem;
    border-radius: 50%;
    transition: all 0.2s;
}

.back-link:hover[b-20wu9xjl4w] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.header-text h1[b-20wu9xjl4w] {
    font-size: 1.75rem;
    margin: 0;
    font-weight: 600;
}

.header-text .subtitle[b-20wu9xjl4w] {
    margin: 0.25rem 0 0;
    opacity: 0.9;
    font-size: 0.9rem;
}

.header-actions[b-20wu9xjl4w] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.header-actions .e-ddl[b-20wu9xjl4w] {
    min-width: 200px;
}

/* Layout */
.cost-management-layout[b-20wu9xjl4w] {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 1.5rem;
    min-height: calc(100vh - 200px);
}

/* Sidebar Navigation */
.cost-sidebar-nav[b-20wu9xjl4w] {
    background: white;
    border-radius: 0.75rem;
    padding: 1rem 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    height: fit-content;
    position: sticky;
    top: 1rem;
}

.cost-nav-section[b-20wu9xjl4w] {
    margin-bottom: 0.5rem;
}

.cost-nav-section-title[b-20wu9xjl4w] {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.75rem 1.25rem 0.5rem;
}

.cost-nav-item[b-20wu9xjl4w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    cursor: pointer;
    color: #374151;
    transition: all 0.2s;
    border-left: 3px solid transparent;
}

.cost-nav-item:hover[b-20wu9xjl4w] {
    background: #f3f4f6;
    color: #667eea;
}

.cost-nav-item.active[b-20wu9xjl4w] {
    background: linear-gradient(90deg, rgba(102, 126, 234, 0.1) 0%, transparent 100%);
    border-left-color: #667eea;
    color: #667eea;
    font-weight: 500;
}

.cost-nav-item i[b-20wu9xjl4w] {
    width: 1.25rem;
    text-align: center;
    font-size: 0.9rem;
}

.cost-nav-item .badge[b-20wu9xjl4w] {
    margin-left: auto;
    background: #e5e7eb;
    color: #374151;
    padding: 0.2rem 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
}

.cost-nav-item.active .badge[b-20wu9xjl4w] {
    background: #667eea;
    color: white;
}

/* Main Content */
.cost-main-content[b-20wu9xjl4w] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Loading */
.loading-container[b-20wu9xjl4w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #6b7280;
}

/* Section Header */
.section-header[b-20wu9xjl4w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.section-header h2[b-20wu9xjl4w] {
    font-size: 1.25rem;
    margin: 0;
    color: #1f2937;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-controls[b-20wu9xjl4w] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

/* Summary Cards */
.summary-cards[b-20wu9xjl4w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-20wu9xjl4w] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #f8fafc 0%, #fff 100%);
    border: 1px solid #e5e7eb;
    transition: transform 0.2s, box-shadow 0.2s;
}

.summary-card:hover[b-20wu9xjl4w] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.summary-icon[b-20wu9xjl4w] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
}

.summary-icon.food[b-20wu9xjl4w] { background: linear-gradient(135deg, #f97316, #ea580c); }
.summary-icon.beverage[b-20wu9xjl4w] { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.summary-icon.amenities[b-20wu9xjl4w] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
.summary-icon.housekeeping[b-20wu9xjl4w] { background: linear-gradient(135deg, #10b981, #059669); }

.summary-content[b-20wu9xjl4w] {
    flex: 1;
}

.summary-label[b-20wu9xjl4w] {
    display: block;
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 0.25rem;
}

.summary-value[b-20wu9xjl4w] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
}

.summary-change[b-20wu9xjl4w] {
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.summary-change.positive[b-20wu9xjl4w] { color: #10b981; }
.summary-change.negative[b-20wu9xjl4w] { color: #ef4444; }

/* Action Buttons */
.action-buttons[b-20wu9xjl4w] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
}

.action-buttons .btn[b-20wu9xjl4w] {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

/* Filter */
.filter-dropdown[b-20wu9xjl4w] {
    min-width: 150px;
}

/* Chart Container */
.chart-row[b-20wu9xjl4w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

@media (max-width: 1200px) {
    .chart-row[b-20wu9xjl4w] {
        grid-template-columns: 1fr;
    }
}

/* Responsive */
@media (max-width: 992px) {
    .cost-management-layout[b-20wu9xjl4w] {
        grid-template-columns: 1fr;
    }
    
    .sidebar-nav[b-20wu9xjl4w] {
        display: flex;
        overflow-x: auto;
        gap: 0.5rem;
        padding: 0.75rem;
        position: static;
    }
    
    .nav-section[b-20wu9xjl4w] {
        display: flex;
        gap: 0.5rem;
        margin: 0;
    }
    
    .nav-section-title[b-20wu9xjl4w] {
        display: none;
    }
    
    .nav-item[b-20wu9xjl4w] {
        white-space: nowrap;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        border-left: none;
    }
    
    .nav-item.active[b-20wu9xjl4w] {
        background: #667eea;
        color: white;
    }
}

/* Table styles */
.e-grid .e-headercell[b-20wu9xjl4w] {
    background: #f8fafc !important;
    font-weight: 600;
}

.e-grid .e-row:hover[b-20wu9xjl4w] {
    background: rgba(102, 126, 234, 0.05) !important;
}

/* Badges */
.badge[b-20wu9xjl4w] {
    font-weight: 500;
    padding: 0.35em 0.65em;
}
/* /Presentation/Pages/Hospitality/DriversConfig.razor.rz.scp.css */
/* Drivers Config Page Styles */
.drivers-config[b-bx0p7i1p69] { padding: 1.5rem; background: var(--bs-gray-100); min-height: 100vh; }

.page-header[b-bx0p7i1p69] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 1rem 1.5rem; background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); border-radius: 12px; color: white; }
.header-left[b-bx0p7i1p69] { display: flex; align-items: center; gap: 1rem; }
.btn-ghost[b-bx0p7i1p69] { background: rgba(255,255,255,0.1); border: none; color: white; width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.btn-ghost:hover[b-bx0p7i1p69] { background: rgba(255,255,255,0.2); }
.header-content h1[b-bx0p7i1p69] { margin: 0; font-size: 1.5rem; font-weight: 600; }
.header-content p[b-bx0p7i1p69] { margin: 0; opacity: 0.8; font-size: 0.875rem; }
.header-actions[b-bx0p7i1p69] { display: flex; gap: 0.5rem; }

.driver-command-strip[b-bx0p7i1p69] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.driver-command-card[b-bx0p7i1p69] {
    min-height: 90px;
    padding: 0.9rem 1rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.driver-command-card.primary[b-bx0p7i1p69] {
    border-left: 4px solid #7c3aed;
}

.driver-command-card span[b-bx0p7i1p69] {
    display: block;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.driver-command-card strong[b-bx0p7i1p69] {
    display: block;
    margin-top: 0.25rem;
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.1;
}

.driver-command-card small[b-bx0p7i1p69] {
    display: block;
    margin-top: 0.25rem;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
}

.filter-section[b-bx0p7i1p69] { background: white; padding: 1.25rem; border-radius: 12px; margin-bottom: 1.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.filter-row[b-bx0p7i1p69] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-end; }
.filter-group[b-bx0p7i1p69] { display: flex; flex-direction: column; gap: 0.5rem; min-width: 200px; }
.filter-group label[b-bx0p7i1p69] { font-size: 0.875rem; font-weight: 500; color: var(--bs-gray-700); }

.drivers-grid-card[b-bx0p7i1p69] { background: white; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.grid-header[b-bx0p7i1p69] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; border-bottom: 1px solid var(--bs-gray-200); }
.grid-header h5[b-bx0p7i1p69] { margin: 0; font-size: 1rem; font-weight: 600; }
.grid-body[b-bx0p7i1p69] { padding: 0; }

.driver-empty-panel[b-bx0p7i1p69] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    text-align: center;
    color: #64748b;
}

.driver-empty-panel > i[b-bx0p7i1p69] {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f3e8ff;
    color: #7c3aed;
    font-size: 1.4rem;
}

.driver-empty-panel h3[b-bx0p7i1p69] {
    margin: 0;
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 800;
}

.driver-empty-panel p[b-bx0p7i1p69] {
    max-width: 620px;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.driver-empty-actions[b-bx0p7i1p69] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.25rem;
}

.driver-type-badge[b-bx0p7i1p69] { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.8rem; font-weight: 500; }
.driver-type-badge.adrgrowth[b-bx0p7i1p69] { background: rgba(59, 130, 246, 0.1); color: #3b82f6; }
.driver-type-badge.occupancyadjustment[b-bx0p7i1p69] { background: rgba(16, 185, 129, 0.1); color: #10b981; }
.driver-type-badge.revenuegrowth[b-bx0p7i1p69] { background: rgba(245, 158, 11, 0.1); color: #d97706; }
.driver-type-badge.mixshift[b-bx0p7i1p69] { background: rgba(139, 92, 246, 0.1); color: #8b5cf6; }

.action-buttons[b-bx0p7i1p69] { display: flex; gap: 0.25rem; justify-content: center; }

.info-card[b-bx0p7i1p69] { background: white; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); height: 100%; }
.info-header[b-bx0p7i1p69] { padding: 1rem 1.25rem; border-bottom: 1px solid var(--bs-gray-200); }
.info-header h5[b-bx0p7i1p69] { margin: 0; font-size: 1rem; font-weight: 600; }
.info-body[b-bx0p7i1p69] { padding: 1.25rem; }

.driver-type-info[b-bx0p7i1p69] { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--bs-gray-100); }
.driver-type-info:last-child[b-bx0p7i1p69] { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.driver-type-info p[b-bx0p7i1p69] { margin: 0.5rem 0 0 0; font-size: 0.875rem; color: var(--bs-gray-600); }

.log-item[b-bx0p7i1p69] { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem; border-radius: 8px; margin-bottom: 0.5rem; }
.log-item.success[b-bx0p7i1p69] { background: rgba(16, 185, 129, 0.05); }
.log-item.error[b-bx0p7i1p69] { background: rgba(239, 68, 68, 0.05); }
.log-icon[b-bx0p7i1p69] { font-size: 1rem; }
.log-item.success .log-icon[b-bx0p7i1p69] { color: #10b981; }
.log-item.error .log-icon[b-bx0p7i1p69] { color: #ef4444; }
.log-content[b-bx0p7i1p69] { display: flex; flex-direction: column; flex: 1; }
.log-driver[b-bx0p7i1p69] { font-weight: 500; font-size: 0.875rem; }
.log-time[b-bx0p7i1p69] { font-size: 0.75rem; color: var(--bs-gray-500); }
.log-message[b-bx0p7i1p69] { font-size: 0.8rem; color: var(--bs-gray-600); }

.empty-state[b-bx0p7i1p69] { display: flex; flex-direction: column; align-items: center; padding: 2rem; color: var(--bs-gray-400); }
.empty-state i[b-bx0p7i1p69] { font-size: 2rem; margin-bottom: 0.5rem; }

@media (max-width: 1200px) {
    .driver-command-strip[b-bx0p7i1p69] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .page-header[b-bx0p7i1p69] { flex-direction: column; gap: 1rem; }
    .filter-row[b-bx0p7i1p69] { flex-direction: column; }
    .driver-command-strip[b-bx0p7i1p69] { grid-template-columns: 1fr; }
}
/* /Presentation/Pages/Hospitality/EnergyActualEntry.razor.rz.scp.css */
.eactual-page[b-gjzlqd1gnk] { max-width:1680px; margin:0 auto; padding:1.25rem; color:#172033; }
.eactual-hero[b-gjzlqd1gnk] { display:flex; justify-content:space-between; gap:1rem; align-items:flex-end; padding:1.4rem 1.6rem; border-radius:18px; color:#fff; background:linear-gradient(135deg,#0f766e,#0891b2); box-shadow:0 14px 32px rgba(8,145,178,.22); }
.eactual-hero h1[b-gjzlqd1gnk] { margin:.55rem 0 .25rem; font-size:1.55rem; }
.eactual-hero p[b-gjzlqd1gnk] { margin:0; opacity:.88; max-width:850px; }
.eactual-back[b-gjzlqd1gnk] { border:1px solid rgba(255,255,255,.45); color:#fff; background:rgba(255,255,255,.1); border-radius:8px; padding:.35rem .65rem; cursor:pointer; }
.eactual-context[b-gjzlqd1gnk] { min-width:150px; }
.eactual-context label[b-gjzlqd1gnk] { display:block; margin-bottom:.3rem; font-size:.7rem; font-weight:700; text-transform:uppercase; opacity:.8; }
.eactual-context select[b-gjzlqd1gnk] { width:100%; border:0; border-radius:9px; padding:.55rem .7rem; font-weight:700; color:#164e63; }
.eactual-message[b-gjzlqd1gnk] { margin-top:1rem; border-radius:10px; padding:.75rem 1rem; }
.eactual-message.error[b-gjzlqd1gnk] { color:#991b1b; background:#fef2f2; border:1px solid #fecaca; }
.eactual-message.success[b-gjzlqd1gnk] { color:#166534; background:#f0fdf4; border:1px solid #bbf7d0; }
.eactual-kpis[b-gjzlqd1gnk] { display:grid; grid-template-columns:repeat(4,minmax(170px,1fr)); gap:.75rem; margin:1rem 0; }
.eactual-kpis article[b-gjzlqd1gnk] { background:#fff; border:1px solid #e2e8f0; border-radius:13px; padding:.9rem 1rem; box-shadow:0 3px 12px rgba(15,23,42,.04); }
.eactual-kpis span[b-gjzlqd1gnk],.eactual-kpis small[b-gjzlqd1gnk] { display:block; color:#64748b; font-size:.74rem; }
.eactual-kpis strong[b-gjzlqd1gnk] { display:block; margin:.2rem 0; font-size:1.3rem; font-variant-numeric:tabular-nums; }
.eactual-kpis .unfavorable[b-gjzlqd1gnk] { border-color:#fecaca; background:#fff7f7; }
.eactual-kpis .unfavorable strong[b-gjzlqd1gnk] { color:#dc2626; }
.eactual-kpis .favorable[b-gjzlqd1gnk] { border-color:#bbf7d0; }
.eactual-kpis .favorable strong[b-gjzlqd1gnk] { color:#15803d; }
.eactual-tabs[b-gjzlqd1gnk] { display:flex; gap:.35rem; width:max-content; margin-bottom:.85rem; padding:.3rem; background:#e8eef4; border-radius:11px; }
.eactual-tabs button[b-gjzlqd1gnk] { border:0; border-radius:8px; background:transparent; padding:.55rem .9rem; color:#475569; font-weight:700; cursor:pointer; }
.eactual-tabs button.active[b-gjzlqd1gnk] { background:#fff; color:#0e7490; box-shadow:0 2px 7px rgba(15,23,42,.1); }
.eactual-panel[b-gjzlqd1gnk] { overflow:hidden; background:#fff; border:1px solid #e2e8f0; border-radius:14px; }
.eactual-panel-head[b-gjzlqd1gnk] { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 1.15rem; border-bottom:1px solid #e2e8f0; }
.eactual-panel-head h2[b-gjzlqd1gnk] { margin:0; font-size:1.05rem; }
.eactual-panel-head p[b-gjzlqd1gnk] { margin:.25rem 0 0; color:#64748b; font-size:.82rem; }
.eactual-save[b-gjzlqd1gnk],.eactual-state button[b-gjzlqd1gnk] { border:0; border-radius:9px; padding:.6rem .9rem; color:#fff; background:#0e7490; font-weight:700; cursor:pointer; white-space:nowrap; }
.eactual-save:disabled[b-gjzlqd1gnk] { opacity:.45; cursor:not-allowed; }
.eactual-table-wrap[b-gjzlqd1gnk] { overflow:auto; }
.eactual-entry-table[b-gjzlqd1gnk],.eactual-variance-table[b-gjzlqd1gnk] { width:100%; min-width:1450px; border-collapse:collapse; font-size:.78rem; }
.eactual-entry-table th[b-gjzlqd1gnk],.eactual-entry-table td[b-gjzlqd1gnk],.eactual-variance-table th[b-gjzlqd1gnk],.eactual-variance-table td[b-gjzlqd1gnk] { padding:.45rem .5rem; border-right:1px solid #f1f5f9; border-bottom:1px solid #edf2f7; text-align:right; font-variant-numeric:tabular-nums; }
.eactual-entry-table thead th[b-gjzlqd1gnk],.eactual-variance-table thead th[b-gjzlqd1gnk] { position:sticky; top:0; z-index:2; background:#f8fafc; color:#475569; text-transform:uppercase; font-size:.68rem; }
.eactual-entry-table th:first-child[b-gjzlqd1gnk],.eactual-entry-table td:first-child[b-gjzlqd1gnk],.eactual-variance-table th:nth-child(-n+3)[b-gjzlqd1gnk],.eactual-variance-table td:nth-child(-n+3)[b-gjzlqd1gnk] { text-align:left; }
.eactual-entry-table tbody th[b-gjzlqd1gnk] { min-width:155px; padding-top:.7rem; vertical-align:top; }
.eactual-entry-table tbody th small[b-gjzlqd1gnk] { display:block; margin:.2rem 0 0 1.1rem; color:#94a3b8; }
.type-dot[b-gjzlqd1gnk] { display:inline-block; width:9px; height:9px; margin-right:.45rem; border-radius:50%; }
.eactual-entry-table .metric[b-gjzlqd1gnk] { min-width:82px; text-align:left; color:#64748b; font-weight:700; }
.eactual-entry-table input[b-gjzlqd1gnk] { box-sizing:border-box; width:88px; border:1px solid #cbd5e1; border-radius:6px; padding:.38rem .42rem; text-align:right; font-variant-numeric:tabular-nums; }
.eactual-entry-table input:focus[b-gjzlqd1gnk] { outline:2px solid rgba(8,145,178,.2); border-color:#0891b2; }
.eactual-entry-table .cost-row td[b-gjzlqd1gnk] { background:#f8fafc; color:#475569; }
.eactual-entry-table .row-total[b-gjzlqd1gnk] { min-width:105px; background:#ecfeff !important; color:#155e75 !important; font-weight:800; }
.eactual-variance-table td[b-gjzlqd1gnk] { padding:.6rem .65rem; }
.eactual-variance-table tfoot th[b-gjzlqd1gnk] { padding:.7rem; background:#f1f5f9; text-align:right; }
.variance-unfavorable[b-gjzlqd1gnk] { color:#dc2626; background:#fff7f7; }
.variance-favorable[b-gjzlqd1gnk] { color:#15803d; background:#f0fdf4; }
.eactual-state[b-gjzlqd1gnk] { padding:3rem 1rem; border:1px dashed #cbd5e1; border-radius:14px; text-align:center; color:#64748b; background:#fff; }
.eactual-state > i[b-gjzlqd1gnk] { font-size:2rem; color:#94a3b8; }
.eactual-state.compact[b-gjzlqd1gnk] { padding:2rem; border:0; border-radius:0; }
@media (max-width:900px) { .eactual-hero[b-gjzlqd1gnk]{align-items:stretch;flex-direction:column}.eactual-kpis[b-gjzlqd1gnk]{grid-template-columns:repeat(2,1fr)}.eactual-panel-head[b-gjzlqd1gnk]{align-items:stretch;flex-direction:column}.eactual-save[b-gjzlqd1gnk]{width:100%} }
@media (max-width:520px) { .eactual-page[b-gjzlqd1gnk]{padding:.7rem}.eactual-kpis[b-gjzlqd1gnk]{grid-template-columns:1fr}.eactual-tabs[b-gjzlqd1gnk]{width:100%}.eactual-tabs button[b-gjzlqd1gnk]{flex:1} }
/* /Presentation/Pages/Hospitality/EnergyManagement.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   ENERGY MANAGEMENT – Scoped Styles
   Professional Energy Dashboard for Hospitality
   ═══════════════════════════════════════════════════════════════════ */

.energy-page[b-7yyexvrjie] {
    --bg: #f2f5f9;
    --panel: #ffffff;
    --text: #172231;
    --muted: #5e6b7a;
    --line: #d7dee7;
    --primary: #0c5d73;
    --primary-dark: #09475a;
    --accent: #ca8a04;
    --ok: #0f766e;
    --error: #b42318;
    --radius: 14px;
    background: radial-gradient(circle at top right, #dce9ef 0%, var(--bg) 50%);
    min-height: 100vh;
    padding: 1.25rem;
    color: var(--text);
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

/* ─── Hero Banner ───────────────────────────────────── */
.energy-hero[b-7yyexvrjie] {
    background: linear-gradient(120deg, #0f3f57 0%, #0c5d73 55%, #116b7e 100%);
    border-radius: var(--radius);
    padding: 1.5rem 1.75rem;
    color: #f8fcff;
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: center;
    box-shadow: 0 10px 32px rgba(11, 63, 87, 0.28);
}

.energy-hero h1[b-7yyexvrjie] {
    margin: 0;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.energy-hero p[b-7yyexvrjie] {
    margin: 0.4rem 0 0;
    max-width: 760px;
    color: rgba(248, 252, 255, 0.88);
    font-size: 0.88rem;
    line-height: 1.5;
}

.hero-controls[b-7yyexvrjie] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
}

.driver-toggle[b-7yyexvrjie] {
    display: inline-flex;
    gap: 0.25rem;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 0.2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

[b-7yyexvrjie] .hero-dropdown .e-input-group {
    background: rgba(12, 93, 115, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    border-radius: 10px !important;
    color: #f8fcff !important;
}

[b-7yyexvrjie] .hero-dropdown input {
    color: #f8fcff !important;
}

[b-7yyexvrjie] .hero-btn {
    border-color: rgba(255, 255, 255, 0.35) !important;
}

/* ─── Status Messages ───────────────────────────────── */
.status-bar[b-7yyexvrjie] {
    margin-top: 0.85rem;
    padding: 0.65rem 1rem;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.88rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    animation: slideDown-b-7yyexvrjie 0.3s ease-out;
}

.status-bar.success[b-7yyexvrjie] {
    background: linear-gradient(135deg, #d9f4ef, #e6f9f4);
    color: var(--ok);
    border: 1px solid #b5e4da;
}

.status-bar.error[b-7yyexvrjie] {
    background: linear-gradient(135deg, #fee4e2, #fff1f0);
    color: var(--error);
    border: 1px solid #fecdca;
}

.status-bar i[b-7yyexvrjie] {
    font-size: 1.1rem;
}

.status-bar span[b-7yyexvrjie] {
    flex: 1;
}

.dismiss-btn[b-7yyexvrjie] {
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    opacity: 0.6;
    padding: 0.2rem;
    font-size: 0.9rem;
}

.dismiss-btn:hover[b-7yyexvrjie] {
    opacity: 1;
}

@keyframes slideDown-b-7yyexvrjie {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ─── Loading ───────────────────────────────────────── */
.loading-section[b-7yyexvrjie] {
    margin-top: 1rem;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    color: var(--muted);
}

.spinner[b-7yyexvrjie] {
    width: 26px;
    height: 26px;
    border: 3px solid #d3e1e8;
    border-top-color: var(--primary);
    border-radius: 50%;
    animation: spinAnim-b-7yyexvrjie 0.75s linear infinite;
}

@keyframes spinAnim-b-7yyexvrjie {
    to { transform: rotate(360deg); }
}

/* ─── KPI Cards ─────────────────────────────────────── */
.kpi-row[b-7yyexvrjie] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
}

.kpi-card[b-7yyexvrjie] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 0.9rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    transition: box-shadow 0.2s, transform 0.2s;
}

.kpi-card:hover[b-7yyexvrjie] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.kpi-icon[b-7yyexvrjie] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.kpi-cost .kpi-icon[b-7yyexvrjie] { background: #fef3c7; color: #d97706; }
.kpi-consumption .kpi-icon[b-7yyexvrjie] { background: #dbeafe; color: #2563eb; }
.kpi-avg .kpi-icon[b-7yyexvrjie] { background: #e0e7ff; color: #4f46e5; }
.kpi-perroom .kpi-icon[b-7yyexvrjie] { background: #d1fae5; color: #059669; }
.kpi-perpax .kpi-icon[b-7yyexvrjie] { background: #fce7f3; color: #db2777; }
.kpi-yoy .kpi-icon[b-7yyexvrjie] { background: #f3f4f6; color: #6b7280; }
.kpi-yoy.positive .kpi-icon[b-7yyexvrjie] { background: #d1fae5; color: #059669; }
.kpi-yoy.negative .kpi-icon[b-7yyexvrjie] { background: #fee2e2; color: #dc2626; }

.kpi-body[b-7yyexvrjie] {
    min-width: 0;
}

.kpi-label[b-7yyexvrjie] {
    display: block;
    font-size: 0.72rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    margin-bottom: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kpi-value[b-7yyexvrjie] {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--text);
    display: block;
}

.kpi-value small[b-7yyexvrjie] {
    font-size: 0.72rem;
    color: var(--muted);
    font-weight: 500;
}

/* ─── Filter Section ────────────────────────────────── */
.filter-section[b-7yyexvrjie] {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.filter-chips[b-7yyexvrjie] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

[b-7yyexvrjie] .chip-btn {
    border-radius: 999px !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    padding: 0.35rem 0.9rem !important;
}

.filter-info[b-7yyexvrjie] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.record-count[b-7yyexvrjie] {
    font-size: 0.82rem;
    color: var(--muted);
    font-weight: 600;
}

.dirty-badge[b-7yyexvrjie] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    background: #fef3c7;
    color: #d97706;
    border: 1px solid #fcd34d;
}

/* ─── Tab Container ─────────────────────────────────── */
[b-7yyexvrjie] .energy-tabs {
    margin-top: 1rem;
}

[b-7yyexvrjie] .energy-tabs .e-tab-header {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius) var(--radius) 0 0;
    padding: 0.15rem 0.5rem;
}

[b-7yyexvrjie] .energy-tabs .e-tab-header .e-toolbar-item .e-tab-text {
    font-weight: 600;
    font-size: 0.85rem;
}

[b-7yyexvrjie] .energy-tabs .e-content {
    background: var(--panel);
    border: 1px solid var(--line);
    border-top: none;
    border-radius: 0 0 var(--radius) var(--radius);
}

.tab-content[b-7yyexvrjie] {
    padding: 1rem;
}

/* ─── Empty State ───────────────────────────────────── */
.empty-state[b-7yyexvrjie] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: var(--muted);
    gap: 0.75rem;
}

.empty-state i[b-7yyexvrjie] {
    font-size: 2.5rem;
    opacity: 0.35;
}

.empty-state p[b-7yyexvrjie] {
    margin: 0;
    font-size: 0.9rem;
}

.empty-state.small[b-7yyexvrjie] {
    padding: 1.5rem;
}

.empty-state.small i[b-7yyexvrjie] {
    font-size: 1.8rem;
}

/* ─── Energy Badges ─────────────────────────────────── */
.energy-badge[b-7yyexvrjie] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}

.badge-electricity[b-7yyexvrjie] { background: #fff6d4; color: #854d0e; }
.badge-water[b-7yyexvrjie] { background: #dbeafe; color: #1e40af; }
.badge-gas[b-7yyexvrjie] { background: #fee2e2; color: #991b1b; }
.badge-fuel[b-7yyexvrjie] { background: #f3f4f6; color: #374151; }
.badge-renewable[b-7yyexvrjie] { background: #d1fae5; color: #065f46; }
.badge-other[b-7yyexvrjie] { background: #e5e7eb; color: #4b5563; }

/* ─── Variance Badges ───────────────────────────────── */
.var-badge[b-7yyexvrjie] {
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    padding: 0.15rem 0.5rem;
    font-size: 0.76rem;
    font-weight: 700;
}

.var-positive[b-7yyexvrjie] { background: #d1fae5; color: #065f46; }
.var-negative[b-7yyexvrjie] { background: #fee2e2; color: #991b1b; }
.var-neutral[b-7yyexvrjie] { background: #f3f4f6; color: #6b7280; }

/* ─── Charts ────────────────────────────────────────── */
.charts-tab[b-7yyexvrjie] {
    padding: 0.5rem;
}

.chart-grid[b-7yyexvrjie] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.chart-grid.two-col[b-7yyexvrjie] {
    grid-template-columns: 1fr 1fr;
}

.chart-panel[b-7yyexvrjie] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    overflow: hidden;
}

.chart-header[b-7yyexvrjie] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--line);
}

.chart-header h3[b-7yyexvrjie] {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--text);
}

.chart-body[b-7yyexvrjie] {
    height: 340px;
    padding: 0.5rem;
}

.summary-body[b-7yyexvrjie] {
    padding: 0.5rem;
}

/* ─── Share Bar ─────────────────────────────────────── */
.share-bar[b-7yyexvrjie] {
    position: relative;
    background: #f3f4f6;
    border-radius: 6px;
    height: 22px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.share-fill[b-7yyexvrjie] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, #0c5d73, #14b8a6);
    border-radius: 6px;
    opacity: 0.2;
}

.share-bar span[b-7yyexvrjie] {
    position: relative;
    z-index: 1;
    font-size: 0.76rem;
    font-weight: 700;
    padding-left: 0.45rem;
    color: var(--text);
}

/* ─── Transfer Tab ──────────────────────────────────── */
.transfer-layout[b-7yyexvrjie] {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(0, 2fr);
    gap: 1.25rem;
    align-items: start;
}

.transfer-form-panel[b-7yyexvrjie] {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 1.25rem;
}

.transfer-form-panel h3[b-7yyexvrjie] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-desc[b-7yyexvrjie] {
    margin: 0 0 1rem;
    font-size: 0.82rem;
    color: var(--muted);
}

.form-group[b-7yyexvrjie] {
    margin-bottom: 0.85rem;
}

.form-group label[b-7yyexvrjie] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.78rem;
    color: var(--muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

[b-7yyexvrjie] .transfer-btn {
    margin-top: 0.75rem;
}

.transfer-log-panel[b-7yyexvrjie] {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 1.25rem;
}

.transfer-log-panel h3[b-7yyexvrjie] {
    margin: 0 0 0.85rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ─── Status Pills ──────────────────────────────────── */
.status-pill[b-7yyexvrjie] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
}

.status-ok[b-7yyexvrjie] { background: #d1fae5; color: #065f46; }
.status-fail[b-7yyexvrjie] { background: #fee2e2; color: #991b1b; }
.status-wait[b-7yyexvrjie] { background: #fef3c7; color: #92400e; }

/* ─── Export FAB ────────────────────────────────────── */
.export-fab[b-7yyexvrjie] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    display: flex;
    gap: 0.4rem;
    z-index: 100;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 0.5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* ─── Responsive ────────────────────────────────────── */
@media (max-width: 1400px) {
    .kpi-row[b-7yyexvrjie] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .chart-grid[b-7yyexvrjie],
    .chart-grid.two-col[b-7yyexvrjie] {
        grid-template-columns: 1fr;
    }

    .transfer-layout[b-7yyexvrjie] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .kpi-row[b-7yyexvrjie] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .energy-hero[b-7yyexvrjie] {
        flex-direction: column;
        align-items: stretch;
    }

    .hero-controls[b-7yyexvrjie] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .energy-page[b-7yyexvrjie] {
        padding: 0.75rem;
    }

    .kpi-row[b-7yyexvrjie] {
        grid-template-columns: 1fr;
    }

    .filter-section[b-7yyexvrjie] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Presentation/Pages/Hospitality/FbDepartmentPL.razor.rz.scp.css */
/* FbDepartmentPL.razor.css — USALI F&B Departman P&L Page Styles */

.fbpl-page[b-ca95yb8hxb] {
    padding: 24px;
    font-family: 'Inter', -apple-system, sans-serif;
    background: #f8fafc;
    min-height: 100vh;
}

/* ── Topbar ── */
.fbpl-topbar[b-ca95yb8hxb] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.fbpl-back[b-ca95yb8hxb] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.15s;
    white-space: nowrap;
}
.fbpl-back:hover[b-ca95yb8hxb] { background: #f1f5f9; }
.fbpl-title[b-ca95yb8hxb] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
}
.fbpl-title-icon[b-ca95yb8hxb] {
    font-size: 26px;
    color: #d97706;
}
.fbpl-title h1[b-ca95yb8hxb] {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 2px 0;
}
.fbpl-title p[b-ca95yb8hxb] {
    font-size: 13px;
    color: #64748b;
    margin: 0;
}
.fbpl-toolbar-right[b-ca95yb8hxb] {
    margin-left: auto;
}

/* ── Filters ── */
.fbpl-filters[b-ca95yb8hxb] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    background: white;
    border-radius: 14px;
    padding: 16px 20px;
    border: 1px solid #e2e8f0;
    margin-bottom: 22px;
    box-shadow: 0 2px 8px -4px rgba(15,23,42,0.08);
}
.fbpl-field[b-ca95yb8hxb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.fbpl-field label[b-ca95yb8hxb] {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.fbpl-field select[b-ca95yb8hxb] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 7px 12px;
    font-size: 13px;
    color: #1e293b;
    background: #f8fafc;
    min-width: 160px;
    cursor: pointer;
}

/* ── Loading / Empty ── */
.fbpl-loading[b-ca95yb8hxb],
.fbpl-empty[b-ca95yb8hxb] {
    text-align: center;
    padding: 80px 20px;
    color: #64748b;
}
.fbpl-empty i[b-ca95yb8hxb] { font-size: 48px; color: #cbd5e1; margin-bottom: 16px; display: block; }
.fbpl-empty h3[b-ca95yb8hxb] { font-size: 18px; color: #1e293b; margin-bottom: 8px; }

/* ── KPI Cards ── */
.fbpl-kpis[b-ca95yb8hxb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    margin-bottom: 24px;
}
.fbpl-kpi[b-ca95yb8hxb] {
    background: white;
    border-radius: 14px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 10px -4px rgba(15,23,42,0.08);
}
.fbpl-kpi i[b-ca95yb8hxb] {
    font-size: 20px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.fbpl-kpi--revenue i[b-ca95yb8hxb] { background: #fef3c7; color: #92400e; }
.fbpl-kpi--cost    i[b-ca95yb8hxb] { background: #fce7f3; color: #9d174d; }
.fbpl-kpi--bev     i[b-ca95yb8hxb] { background: #ede9fe; color: #4c1d95; }
.fbpl-kpi--labor   i[b-ca95yb8hxb] { background: #dbeafe; color: #1e40af; }
.fbpl-kpi--profit  i[b-ca95yb8hxb] { background: #d1fae5; color: #065f46; }
.fbpl-kpi--revpor  i[b-ca95yb8hxb] { background: #e0f2fe; color: #0c4a6e; }
.fbpl-kpi--capture i[b-ca95yb8hxb] { background: #fef9c3; color: #78350f; }
.fbpl-kpi--warn    i[b-ca95yb8hxb] { background: #fef2f2; color: #dc2626; }
.kpi-lbl[b-ca95yb8hxb]  { font-size: 11px; color: #64748b; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; }
.kpi-val[b-ca95yb8hxb]  { font-size: 20px; font-weight: 800; color: #0f172a; display: block; line-height: 1.2; }
.kpi-val small[b-ca95yb8hxb] { font-size: 11px; font-weight: 600; color: #94a3b8; }
.kpi-sub[b-ca95yb8hxb]  { font-size: 11px; color: #94a3b8; margin-top: 2px; display: block; }

/* ── Section ── */
.fbpl-section[b-ca95yb8hxb] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 12px -4px rgba(15,23,42,0.08);
    margin-bottom: 24px;
}
.fbpl-section h2[b-ca95yb8hxb] {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 16px 0;
}
.fbpl-hint[b-ca95yb8hxb] {
    font-size: 13px;
    color: #64748b;
    background: #f8fafc;
    border-left: 3px solid #d97706;
    padding: 10px 14px;
    border-radius: 0 8px 8px 0;
    margin-bottom: 20px;
}

/* ── P&L Table ── */
.fbpl-table-wrap[b-ca95yb8hxb] {
    overflow-x: auto;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}
.fbpl-table[b-ca95yb8hxb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.fbpl-table thead tr[b-ca95yb8hxb] {
    background: #1e293b;
    color: white;
}
.fbpl-table thead th[b-ca95yb8hxb] {
    padding: 10px 10px;
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}
.fbpl-table thead th.fbpl-rowlabel[b-ca95yb8hxb] { text-align: left; min-width: 200px; }
.fbpl-table thead th.fbpl-ytd[b-ca95yb8hxb] { background: #0f172a; }
.fbpl-table td[b-ca95yb8hxb] {
    padding: 7px 10px;
    border-bottom: 1px solid #f1f5f9;
}
.fbpl-row--section td[b-ca95yb8hxb] {
    background: #0f172a;
    color: #f1f5f9;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 8px 14px;
    border: none;
}
.fbpl-row--detail td[b-ca95yb8hxb] { color: #374151; }
.fbpl-row--subtotal td[b-ca95yb8hxb] {
    background: #f8fafc;
    font-weight: 700;
    color: #1e293b;
    border-top: 2px solid #e2e8f0;
    border-bottom: 2px solid #e2e8f0;
}
.fbpl-row--profit td[b-ca95yb8hxb] {
    background: linear-gradient(90deg, #f0fdf4, #dcfce7);
    font-weight: 800;
    color: #065f46;
    border-top: 3px solid #22c55e;
}
.fbpl-num[b-ca95yb8hxb] { text-align: right; font-variant-numeric: tabular-nums; }
.fbpl-rowlabel[b-ca95yb8hxb] { font-weight: 600; color: #374151; padding-left: 14px !important; }
.fbpl-ytd[b-ca95yb8hxb] { background: #fffbeb; font-weight: 700; }
.neg[b-ca95yb8hxb] { color: #dc2626; }
.var-pos[b-ca95yb8hxb] { color: #16a34a; }
.var-neg[b-ca95yb8hxb] { color: #dc2626; }

/* ── Entry Grid ── */
.fbpl-entry-grid[b-ca95yb8hxb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}
.fbpl-entry-grid--wide[b-ca95yb8hxb] { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.fbpl-month-card[b-ca95yb8hxb] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}
.fbpl-month-card-header[b-ca95yb8hxb] {
    background: #d97706;
    color: white;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 14px;
    text-align: center;
}
.fbpl-month-card--labor .fbpl-month-card-header[b-ca95yb8hxb] { background: #1d4ed8; }
.fbpl-month-card--other .fbpl-month-card-header[b-ca95yb8hxb] { background: #7c3aed; }
.fbpl-month-card-body[b-ca95yb8hxb] {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.fbpl-month-card-body label[b-ca95yb8hxb] {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
}
.fbpl-month-card-body input[b-ca95yb8hxb] {
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    padding: 6px 10px;
    font-size: 13px;
    background: white;
    width: 100%;
    box-sizing: border-box;
}
.fbpl-month-card-body input:focus[b-ca95yb8hxb] {
    outline: none;
    border-color: #d97706;
    box-shadow: 0 0 0 2px rgba(217,119,6,0.15);
}
.fbpl-pct-badge[b-ca95yb8hxb] {
    font-size: 11px;
    font-weight: 700;
    border-radius: 999px;
    padding: 3px 10px;
    text-align: center;
    margin-top: 2px;
}
.fbpl-pct-badge.good[b-ca95yb8hxb] { background: #d1fae5; color: #065f46; }
.fbpl-pct-badge.warn[b-ca95yb8hxb] { background: #fef9c3; color: #92400e; }
.fbpl-pct-badge.bad[b-ca95yb8hxb]  { background: #fef2f2; color: #dc2626; }

/* ── Save Bar ── */
.fbpl-save-bar[b-ca95yb8hxb] {
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
}
.fbpl-btn[b-ca95yb8hxb] {
    padding: 10px 22px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.15s;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.fbpl-btn:disabled[b-ca95yb8hxb] { opacity: 0.55; cursor: not-allowed; }
.fbpl-btn--primary[b-ca95yb8hxb]   { background: #d97706; color: white; }
.fbpl-btn--primary:hover:not(:disabled)[b-ca95yb8hxb]   { background: #b45309; }
.fbpl-btn--secondary[b-ca95yb8hxb] { background: #f1f5f9; color: #374151; border: 1px solid #e2e8f0; }
.fbpl-btn--secondary:hover:not(:disabled)[b-ca95yb8hxb] { background: #e2e8f0; }

/* ── Variance Table ── */
.fbpl-table--variance .fbpl-row--profit td[b-ca95yb8hxb] {
    border-top: 3px solid #22c55e;
}
/* /Presentation/Pages/Hospitality/FbRecipePlanning.razor.rz.scp.css */
.recipe-plan-page[b-2ite9ekk8f] {
    min-height: 100vh;
    padding: 24px;
    background: #f5f7fb;
    color: #162033;
}

.recipe-plan-hero[b-2ite9ekk8f] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 32px;
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(125deg, #162033, #0f766e 70%, #0d9488);
    box-shadow: 0 18px 42px rgba(15, 118, 110, .2);
}

.recipe-plan-hero h1[b-2ite9ekk8f] { margin: 10px 0 8px; font-size: 30px; }
.recipe-plan-hero p[b-2ite9ekk8f] { max-width: 760px; margin: 0; color: #d9fffa; }
.back-link[b-2ite9ekk8f] { border: 0; padding: 0; color: #a7f3d0; background: transparent; }
.hero-badges[b-2ite9ekk8f] { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; }
.hero-badges span[b-2ite9ekk8f] { padding: 7px 10px; border: 1px solid #ffffff42; border-radius: 999px; background: #ffffff17; font-size: 12px; }

.notice[b-2ite9ekk8f] { margin-top: 16px; padding: 13px 16px; border-radius: 10px; }
.notice.error[b-2ite9ekk8f] { color: #991b1b; background: #fee2e2; border: 1px solid #fecaca; }
.notice.success[b-2ite9ekk8f] { color: #166534; background: #dcfce7; border: 1px solid #bbf7d0; }

.control-panel[b-2ite9ekk8f] {
    display: grid;
    grid-template-columns: minmax(260px, 2fr) repeat(3, minmax(130px, 1fr)) auto;
    gap: 14px;
    align-items: end;
    margin: 20px 0;
    padding: 18px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
}

.control-panel label[b-2ite9ekk8f] { display: grid; gap: 6px; }
.control-panel label span[b-2ite9ekk8f] { font-size: 12px; font-weight: 700; color: #475569; }
select[b-2ite9ekk8f], input[b-2ite9ekk8f] { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; }

.btn[b-2ite9ekk8f] { min-height: 40px; padding: 9px 14px; border: 0; border-radius: 9px; font-weight: 700; }
.btn.primary[b-2ite9ekk8f] { color: #fff; background: #0f766e; }
.btn.secondary[b-2ite9ekk8f] { color: #0f766e; background: #e6fffb; border: 1px solid #99f6e4; }
.btn:disabled[b-2ite9ekk8f] { opacity: .5; cursor: not-allowed; }

.loading[b-2ite9ekk8f], .empty-panel[b-2ite9ekk8f] { padding: 54px; text-align: center; border-radius: 14px; background: #fff; border: 1px solid #e2e8f0; }
.loading span[b-2ite9ekk8f] { display: inline-block; width: 18px; height: 18px; margin-right: 8px; border: 2px solid #99f6e4; border-top-color: #0f766e; border-radius: 50%; animation: spin-b-2ite9ekk8f .8s linear infinite; }
@keyframes spin-b-2ite9ekk8f { to { transform: rotate(360deg); } }

.kpi-grid[b-2ite9ekk8f] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.kpi-grid article[b-2ite9ekk8f] { padding: 18px; border-radius: 13px; background: #fff; border: 1px solid #e2e8f0; }
.kpi-grid span[b-2ite9ekk8f] { display: block; margin-bottom: 7px; color: #64748b; font-size: 12px; font-weight: 700; }
.kpi-grid strong[b-2ite9ekk8f] { font-size: 24px; }
.kpi-grid strong.ok[b-2ite9ekk8f] { color: #059669; }
.kpi-grid strong.warn[b-2ite9ekk8f] { color: #d97706; }

.mix-toolbar[b-2ite9ekk8f], .outlet-card[b-2ite9ekk8f], .result-panel[b-2ite9ekk8f] { margin-bottom: 18px; padding: 20px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; }
.mix-toolbar[b-2ite9ekk8f] { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.mix-toolbar h2[b-2ite9ekk8f], .result-panel h2[b-2ite9ekk8f] { margin: 0 0 5px; font-size: 19px; }
.mix-toolbar p[b-2ite9ekk8f] { margin: 0; color: #64748b; }
.mix-toolbar > div:last-child[b-2ite9ekk8f] { display: flex; gap: 10px; }

.outlet-card > header[b-2ite9ekk8f] { display: flex; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid #e2e8f0; }
.outlet-card h3[b-2ite9ekk8f] { margin: 0 0 4px; }
.outlet-card header span[b-2ite9ekk8f] { color: #64748b; font-size: 12px; }
.meal-block[b-2ite9ekk8f] { padding: 16px 0 4px; border-bottom: 1px dashed #e2e8f0; }
.meal-block:last-child[b-2ite9ekk8f] { border-bottom: 0; }
.meal-head[b-2ite9ekk8f] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.mix-total[b-2ite9ekk8f] { margin-left: 10px; padding: 4px 8px; border-radius: 999px; font-size: 11px; }
.mix-total.valid[b-2ite9ekk8f] { color: #166534; background: #dcfce7; }
.mix-total.invalid[b-2ite9ekk8f] { color: #9a3412; background: #ffedd5; }
.icon-btn[b-2ite9ekk8f], .delete-btn[b-2ite9ekk8f] { width: 34px; height: 34px; border: 0; border-radius: 8px; }
.icon-btn[b-2ite9ekk8f] { color: #0f766e; background: #ccfbf1; }
.delete-btn[b-2ite9ekk8f] { color: #b91c1c; background: #fee2e2; }
.missing-row[b-2ite9ekk8f] { padding: 12px; color: #9a3412; border-radius: 8px; background: #fff7ed; }

.mix-table-head[b-2ite9ekk8f], .mix-table-row[b-2ite9ekk8f] {
    display: grid;
    grid-template-columns: minmax(280px, 2fr) 120px 120px 150px 40px;
    gap: 10px;
    align-items: center;
}
.mix-table-head[b-2ite9ekk8f] { padding: 6px 4px; color: #64748b; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.mix-table-row[b-2ite9ekk8f] { padding: 7px 4px; border-top: 1px solid #f1f5f9; }

.result-grid[b-2ite9ekk8f] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.result-grid div[b-2ite9ekk8f] { padding: 14px; border-radius: 10px; background: #f8fafc; }
.result-grid span[b-2ite9ekk8f] { display: block; color: #64748b; font-size: 11px; }
.result-grid strong[b-2ite9ekk8f] { display: block; margin-top: 5px; font-size: 19px; }
.warning-list[b-2ite9ekk8f] { margin: 14px 0 0; color: #9a3412; }

@media (max-width: 1000px) {
    .control-panel[b-2ite9ekk8f] { grid-template-columns: repeat(2, 1fr); }
    .kpi-grid[b-2ite9ekk8f] { grid-template-columns: repeat(2, 1fr); }
    .mix-toolbar[b-2ite9ekk8f] { align-items: flex-start; flex-direction: column; }
    .mix-table-head[b-2ite9ekk8f] { display: none; }
    .mix-table-row[b-2ite9ekk8f] { grid-template-columns: 1fr 100px 100px 40px; }
    .mix-table-row > span:nth-of-type(1)[b-2ite9ekk8f] { display: none; }
}

@media (max-width: 640px) {
    .recipe-plan-page[b-2ite9ekk8f] { padding: 12px; }
    .recipe-plan-hero[b-2ite9ekk8f] { flex-direction: column; padding: 22px; }
    .control-panel[b-2ite9ekk8f], .kpi-grid[b-2ite9ekk8f], .result-grid[b-2ite9ekk8f] { grid-template-columns: 1fr; }
    .mix-toolbar > div:last-child[b-2ite9ekk8f] { flex-direction: column; width: 100%; }
    .mix-table-row[b-2ite9ekk8f] { grid-template-columns: 1fr 82px 36px; }
    .mix-table-row > span[b-2ite9ekk8f] { display: none; }
}
/* /Presentation/Pages/Hospitality/FoodAndBeverage.razor.rz.scp.css */
/* Scoped styles for FoodAndBeverage.razor. Moved from inline <style> block. */

/* ── Page Layout ── */
.fb-page[b-kxwmc03gou] { padding: 24px; margin: 0; font-family: 'Inter', -apple-system, sans-serif; }

/* ── Hero Banner ── */
.fb-hero[b-kxwmc03gou] {
    background: linear-gradient(135deg, #1a0a00 0%, #78350f 55%, #d97706 100%);
    border-radius: 18px; padding: 28px 32px; color: white;
    box-shadow: 0 14px 45px -20px rgba(120,53,15,0.65); margin-bottom: 28px;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;
}
.fb-hero-title[b-kxwmc03gou] { font-size: 26px; font-weight: 800; margin: 0 0 6px 0; }
.fb-hero-sub[b-kxwmc03gou] { opacity: 0.85; font-size: 14px; margin: 0; max-width: 600px; }
.hero-badge[b-kxwmc03gou] {
    display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.25); border-radius: 999px; padding: 4px 14px;
    font-size: 12px; font-weight: 600; margin-right: 8px;
}
.hero-controls[b-kxwmc03gou] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.fb-hero-select[b-kxwmc03gou] {
    min-width: 220px; height: 32px; padding: 4px 9px; color: #fff;
    border: 1px solid rgba(255,255,255,.4); border-radius: 4px;
    background: rgba(15,23,42,.28);
}
.fb-hero-select option[b-kxwmc03gou] { color: #0f172a; background: #fff; }

/* ── Status Bar ── */
.status-bar[b-kxwmc03gou] { display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 12px; margin-bottom: 18px; font-size: 14px; }
.status-bar.error[b-kxwmc03gou]   { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; }
.status-bar.success[b-kxwmc03gou] { background: #f0fdf4; border: 1px solid #bbf7d0; color: #16a34a; }
.dismiss-btn[b-kxwmc03gou] { background: none; border: none; cursor: pointer; color: inherit; padding: 4px; }

/* ── KPI Row ── */
.fb-kpi-row[b-kxwmc03gou] { display: grid; grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); gap: 16px; margin-bottom: 28px; }
.fb-kpi-card[b-kxwmc03gou] {
    background: white; border-radius: 16px; padding: 18px 20px; display: flex; align-items: center; gap: 14px;
    box-shadow: 0 4px 20px -8px rgba(15,23,42,0.10); border: 1px solid #e2e8f0; transition: transform 0.15s;
}
.fb-kpi-card:hover[b-kxwmc03gou] { transform: translateY(-2px); }
.fb-kpi-icon[b-kxwmc03gou] { width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.kpi-revenue   .fb-kpi-icon[b-kxwmc03gou] { background: linear-gradient(135deg,#fef3c7,#f59e0b); color: #78350f; }
.kpi-actual    .fb-kpi-icon[b-kxwmc03gou] { background: linear-gradient(135deg,#d1fae5,#10b981); color: #065f46; }
.kpi-variance  .fb-kpi-icon[b-kxwmc03gou] { background: linear-gradient(135deg,#dbeafe,#3b82f6); color: #1e3a5f; }
.kpi-covers    .fb-kpi-icon[b-kxwmc03gou] { background: linear-gradient(135deg,#e0e7ff,#6366f1); color: #312e81; }
.kpi-avgcheck  .fb-kpi-icon[b-kxwmc03gou] { background: linear-gradient(135deg,#fce7f3,#ec4899); color: #831843; }
.kpi-revpac    .fb-kpi-icon[b-kxwmc03gou] { background: linear-gradient(135deg,#f3e8ff,#8b5cf6); color: #4c1d95; }
.fb-kpi-body[b-kxwmc03gou] { display: flex; flex-direction: column; }
.fb-kpi-label[b-kxwmc03gou] { font-size: 11px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; }
.fb-kpi-value[b-kxwmc03gou] { font-size: 20px; font-weight: 800; color: #0f172a; line-height: 1.2; }
.fb-kpi-value small[b-kxwmc03gou] { font-size: 11px; font-weight: 600; color: #94a3b8; }
.fb-kpi-sub[b-kxwmc03gou]   { font-size: 11px; color: #94a3b8; margin-top: 2px; }

/* ── Loading ── */
.loading-section[b-kxwmc03gou] { text-align: center; padding: 80px 20px; color: #64748b; }
.spinner[b-kxwmc03gou] { width: 36px; height: 36px; border: 3px solid #e2e8f0; border-top-color: #d97706; border-radius: 50%; animation: fb-spin-b-kxwmc03gou 0.8s linear infinite; margin: 0 auto 14px; }
@keyframes fb-spin-b-kxwmc03gou { to { transform: rotate(360deg); } }

/* ── Tab Navigation ── */
.fb-tab-nav[b-kxwmc03gou] { display: flex; gap: 4px; margin-bottom: 24px; background: #f1f5f9; border-radius: 14px; padding: 4px; overflow-x: auto; }
.fb-tab-btn[b-kxwmc03gou] {
    padding: 10px 18px; border: none; border-radius: 10px; background: transparent; cursor: pointer;
    font-weight: 600; font-size: 13px; color: #64748b; white-space: nowrap; transition: all 0.2s;
    display: flex; align-items: center; gap: 8px;
}
.fb-tab-btn.active[b-kxwmc03gou] { background: white; color: #d97706; box-shadow: 0 2px 8px -2px rgba(217,119,6,0.2); }
.fb-tab-btn:hover:not(.active)[b-kxwmc03gou] { color: #334155; background: rgba(255,255,255,0.5); }
.tab-badge[b-kxwmc03gou] {
    background: #d97706; color: white; border-radius: 999px; padding: 1px 7px; font-size: 11px; font-weight: 700;
}

/* ── Content Section ── */
.content-section[b-kxwmc03gou] { background: white; border-radius: 16px; padding: 24px; box-shadow: 0 4px 20px -8px rgba(15,23,42,0.08); border: 1px solid #e2e8f0; }
.section-header[b-kxwmc03gou] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.section-header h2[b-kxwmc03gou] { font-size: 18px; font-weight: 700; color: #0f172a; margin: 0; }
.section-actions[b-kxwmc03gou] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* ── Outlet Cards ── */
.outlet-grid[b-kxwmc03gou] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); gap: 16px; }
.outlet-card[b-kxwmc03gou] {
    background: white; border: 2px solid #e2e8f0; border-radius: 14px; padding: 18px;
    transition: all 0.2s; position: relative; overflow: hidden;
}
.outlet-card:hover[b-kxwmc03gou] { border-color: #fbbf24; box-shadow: 0 8px 24px -8px rgba(217,119,6,0.18); transform: translateY(-1px); }
.outlet-card-accent[b-kxwmc03gou] { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #f59e0b, #d97706); }
.outlet-card-name[b-kxwmc03gou] { font-weight: 800; font-size: 16px; color: #0f172a; margin-top: 4px; }
.outlet-card-code[b-kxwmc03gou] { font-size: 11px; color: #94a3b8; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.outlet-badge[b-kxwmc03gou] {
    display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px;
    font-size: 11px; font-weight: 700; background: #fef3c7; color: #92400e; margin-top: 6px;
}
.outlet-stats[b-kxwmc03gou] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.outlet-stat[b-kxwmc03gou] { background: #f8fafc; border-radius: 8px; padding: 8px 10px; }
.outlet-stat-label[b-kxwmc03gou] { font-size: 10px; color: #94a3b8; text-transform: uppercase; font-weight: 600; }
.outlet-stat-value[b-kxwmc03gou] { font-size: 14px; font-weight: 700; color: #334155; }
.outlet-actions[b-kxwmc03gou] { display: flex; gap: 8px; margin-top: 12px; justify-content: flex-end; }
.btn-icon-sm[b-kxwmc03gou] {
    background: none; border: 1px solid #e2e8f0; cursor: pointer; padding: 5px 10px; border-radius: 7px;
    font-size: 12px; color: #64748b; transition: all 0.2s;
}
.btn-icon-sm:hover[b-kxwmc03gou] { background: #f1f5f9; }
.btn-icon-sm.edit:hover[b-kxwmc03gou] { color: #2563eb; border-color: #93c5fd; }
.btn-icon-sm.danger:hover[b-kxwmc03gou] { color: #dc2626; border-color: #fca5a5; }

/* ── Entry Table ── */
.entry-table[b-kxwmc03gou] { width: 100%; border-collapse: collapse; font-size: .8125rem; }
.entry-table th[b-kxwmc03gou], .entry-table td[b-kxwmc03gou] { padding: 6px 10px; border: 1px solid #e2e8f0; }
.entry-table thead th[b-kxwmc03gou] { background: linear-gradient(135deg,#f1f5f9,#e2e8f0); font-weight: 700; text-align: center; color: #334155; position: sticky; top: 0; z-index: 1; }
.entry-table td.first-col[b-kxwmc03gou] { font-weight: 600; background: #f8fafc; min-width: 210px; color: #374151; }
.entry-table input[type="number"][b-kxwmc03gou] {
    width: 80px; border: none; background: transparent; text-align: right;
    font-size: .8125rem; padding: .2rem; outline: none; font-weight: 500;
}
.entry-table input[type="number"]:focus[b-kxwmc03gou] { background: #fef3c7; border-radius: 3px; }
.entry-table tr.outlet-section td[b-kxwmc03gou] { background: linear-gradient(90deg, #fffbeb, #fef3c7); font-weight: 800; color: #92400e; }
.entry-table tr.calc-row td[b-kxwmc03gou] { background: #f0fdf4; }
.entry-table tr.calc-row td.first-col[b-kxwmc03gou] { color: #065f46; }

/* ── Meal Type Toggle ── */
.meal-type-toggle[b-kxwmc03gou] { display: flex; gap: 4px; background: #f1f5f9; border-radius: 10px; padding: 4px; margin-bottom: 16px; flex-wrap: wrap; }
.meal-type-btn[b-kxwmc03gou] {
    padding: 6px 14px; border: none; border-radius: 7px; background: transparent; cursor: pointer;
    font-size: 12px; font-weight: 600; color: #64748b; transition: all 0.2s; white-space: nowrap;
}
.meal-type-btn.active[b-kxwmc03gou] { background: white; color: #d97706; box-shadow: 0 1px 4px rgba(0,0,0,0.1); }

/* ── Summary Table ── */
.summary-table[b-kxwmc03gou] { width: 100%; border-collapse: collapse; font-size: .8125rem; }
.summary-table th[b-kxwmc03gou] { background: linear-gradient(135deg,#f1f5f9,#e2e8f0); padding: .5rem .75rem; text-align: left; font-weight: 700; border-bottom: 2px solid #e2e8f0; color: #334155; }
.summary-table td[b-kxwmc03gou] { padding: .4rem .75rem; border-bottom: 1px solid #f1f5f9; color: #374151; }
.summary-table tr:hover td[b-kxwmc03gou] { background: #fffbeb; }
.summary-table tfoot td[b-kxwmc03gou] { background: #f8fafc; font-weight: 800; color: #0f172a; }
.var-pos[b-kxwmc03gou] { color: #10b981; font-weight: 700; }
.var-neg[b-kxwmc03gou] { color: #ef4444; font-weight: 700; }

/* ── Chart Panel ── */
.chart-grid[b-kxwmc03gou] { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
.chart-panel[b-kxwmc03gou] { background: white; border-radius: 14px; border: 1px solid #e2e8f0; overflow: hidden; }
.chart-header[b-kxwmc03gou] { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #f1f5f9; }
.chart-header h3[b-kxwmc03gou] { font-size: 14px; font-weight: 700; color: #0f172a; margin: 0; }
.chart-body[b-kxwmc03gou] { padding: 16px; height: 320px; }

/* ── Transfer Panel ── */
.transfer-layout[b-kxwmc03gou] { display: grid; grid-template-columns: 360px 1fr; gap: 24px; }
.transfer-form-panel[b-kxwmc03gou] { background: linear-gradient(135deg,#fffbeb,#fef3c7); border-radius: 14px; padding: 24px; border: 1px solid #fde68a; }
.transfer-form-panel h3[b-kxwmc03gou] { font-size: 16px; font-weight: 800; margin: 0 0 8px 0; color: #78350f; }
.transfer-desc[b-kxwmc03gou] { font-size: 13px; color: #92400e; margin-bottom: 20px; }
.transfer-form-panel .form-group[b-kxwmc03gou] { margin-bottom: 16px; }
.transfer-form-panel label[b-kxwmc03gou] { font-size: 13px; font-weight: 600; color: #334155; margin-bottom: 6px; display: block; }
.transfer-info-panel[b-kxwmc03gou] { background: white; border-radius: 14px; border: 1px solid #e2e8f0; padding: 24px; }
.transfer-info-panel h3[b-kxwmc03gou] { font-size: 15px; font-weight: 700; margin: 0 0 16px 0; color: #0f172a; }
.transfer-stat-row[b-kxwmc03gou] { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #f1f5f9; font-size: 14px; }
.transfer-stat-row:last-child[b-kxwmc03gou] { border-bottom: none; }
.transfer-stat-label[b-kxwmc03gou] { color: #64748b; font-weight: 500; }
.transfer-stat-value[b-kxwmc03gou] { font-weight: 700; color: #0f172a; }

/* ── Buttons ── */
.btn-amber[b-kxwmc03gou] { background: linear-gradient(135deg,#f59e0b,#d97706); color: white; border: none; padding: .5rem 1.125rem; border-radius: 8px; font-weight: 700; font-size: .8125rem; cursor: pointer; transition: opacity 0.2s; }
.btn-amber:disabled[b-kxwmc03gou] { opacity: .5; cursor: not-allowed; }
.btn-amber:not(:disabled):hover[b-kxwmc03gou] { opacity: 0.9; }
.btn-ghost[b-kxwmc03gou] { background: white; border: 1px solid #e2e8f0; color: #374151; padding: .5rem 1rem; border-radius: 8px; font-size: .8125rem; cursor: pointer; font-weight: 500; transition: all 0.2s; }
.btn-ghost:hover[b-kxwmc03gou] { background: #f8fafc; border-color: #d1d5db; }

.fb-revenue-driver[b-kxwmc03gou] {
    margin: 12px 0;
    padding: 18px;
    border: 1px solid #99f6e4;
    border-radius: 14px;
    background: linear-gradient(135deg, #f0fdfa 0%, #f8fafc 70%);
    box-shadow: 0 12px 30px -26px #0f172a;
}

.fb-revenue-driver__head[b-kxwmc03gou] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.fb-revenue-driver__head > div > span[b-kxwmc03gou] {
    color: #0f766e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fb-revenue-driver__head h2[b-kxwmc03gou] { margin: 4px 0; color: #0f172a; font-size: 18px; }
.fb-revenue-driver__head p[b-kxwmc03gou] { margin: 0; color: #64748b; font-size: 12px; }

.fb-revenue-driver__form[b-kxwmc03gou] {
    display: grid;
    grid-template-columns: minmax(240px, 1.5fr) repeat(2, minmax(150px, .7fr)) minmax(190px, 1fr) auto;
    align-items: end;
    gap: 12px;
    margin-top: 14px;
}

.fb-revenue-driver__form label[b-kxwmc03gou] { display: flex; flex-direction: column; gap: 5px; color: #334155; font-size: 12px; font-weight: 700; }
.fb-revenue-driver__form label small[b-kxwmc03gou] { color: #94a3b8; font-size: 10px; font-weight: 500; }
.fb-revenue-driver__form select[b-kxwmc03gou],
.fb-revenue-driver__form input[type="number"][b-kxwmc03gou] {
    min-height: 38px;
    padding: 7px 9px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
}

.fb-revenue-driver__check[b-kxwmc03gou] { flex-direction: row!important; align-items: center; min-height: 38px; padding: 7px 10px; border: 1px solid #dbe3ef; border-radius: 8px; background: #fff; }
.fb-revenue-driver__check input[b-kxwmc03gou] { accent-color: #0f766e; }
.fb-revenue-driver .btn-primary[b-kxwmc03gou] { min-height: 38px; padding: 0 14px; border: 0; border-radius: 8px; background: #0f766e; color: #fff; font-size: 12px; font-weight: 800; cursor: pointer; }
.fb-revenue-driver .btn-primary:disabled[b-kxwmc03gou] { opacity: .55; cursor: not-allowed; }

/* ── Formula Card ── */
.formula-card[b-kxwmc03gou] { background: #fffbeb; border: 1px solid #fde68a; border-radius: 12px; padding: 12px 18px; display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: #92400e; margin-bottom: 16px; }

/* ── Empty State ── */
.empty-state[b-kxwmc03gou] { text-align: center; padding: 60px 20px; color: #94a3b8; }
.empty-state i[b-kxwmc03gou] { font-size: 48px; margin-bottom: 16px; opacity: 0.3; display: block; }
.empty-state p[b-kxwmc03gou] { font-size: 14px; margin-bottom: 20px; }

/* ── Responsive ── */
@media (max-width: 1024px) {
    .transfer-layout[b-kxwmc03gou] { grid-template-columns: 1fr; }
    .chart-grid[b-kxwmc03gou] { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .fb-hero[b-kxwmc03gou] { flex-direction: column; align-items: flex-start; }
    .fb-kpi-row[b-kxwmc03gou] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 1200px) {
    .fb-revenue-driver__form[b-kxwmc03gou] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Presentation/Pages/Hospitality/ForecastBuilder.razor.rz.scp.css */
.rbs[b-nd0sbm1cvo]{--navy:#0f2742;--blue:#1769e0;--line:#dce4ee;--muted:#64748b;max-width:1540px;margin:0 auto;padding:18px 22px 32px;color:#172033;background:#f5f7fa;min-height:calc(100vh - 70px)}
.rbs button[b-nd0sbm1cvo],.rbs input[b-nd0sbm1cvo],.rbs select[b-nd0sbm1cvo]{font:inherit}.rbs__hero[b-nd0sbm1cvo]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;color:#fff;background:linear-gradient(120deg,#102943,#123c66);border-radius:15px 15px 0 0;box-shadow:0 8px 24px #1029431f}.rbs__hero-main[b-nd0sbm1cvo]{display:flex;align-items:center;gap:16px}.rbs__back[b-nd0sbm1cvo]{width:40px;height:40px;border:1px solid #ffffff3b;border-radius:9px;background:#ffffff10;color:#fff}.rbs__eyebrow[b-nd0sbm1cvo]{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8fc2ff}.rbs__hero h1[b-nd0sbm1cvo]{margin:3px 0 4px;font-size:25px}.rbs__hero p[b-nd0sbm1cvo]{margin:0;color:#c7d6e6;font-size:12.5px}.rbs__hero-status[b-nd0sbm1cvo]{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.rbs__hero-status>span[b-nd0sbm1cvo]{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:99px;font-size:11px;font-weight:800}.rbs__hero-status .ready[b-nd0sbm1cvo]{background:#0f9f6e33;color:#8cf0cb}.rbs__hero-status .attention[b-nd0sbm1cvo]{background:#d9770638;color:#fed7aa}.rbs__hero-status small[b-nd0sbm1cvo]{color:#b8c8d8}
.rbs__steps[b-nd0sbm1cvo]{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-top:0}.rbs__step[b-nd0sbm1cvo]{position:relative;display:flex;align-items:center;gap:10px;padding:14px 18px;text-align:left;border:0;border-right:1px solid var(--line);background:#fff;color:#5d6b7d}.rbs__step:last-child[b-nd0sbm1cvo]{border-right:0}.rbs__step>span[b-nd0sbm1cvo]{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf1f6;font-size:11px;font-weight:800}.rbs__step div[b-nd0sbm1cvo]{display:flex;flex-direction:column}.rbs__step strong[b-nd0sbm1cvo]{font-size:12px}.rbs__step small[b-nd0sbm1cvo]{font-size:10px;color:#94a3b8}.rbs__step.active[b-nd0sbm1cvo]{color:var(--blue);background:#f4f8ff}.rbs__step.active[b-nd0sbm1cvo]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--blue)}.rbs__step.active>span[b-nd0sbm1cvo]{background:var(--blue);color:#fff}.rbs__step.complete>span[b-nd0sbm1cvo]{background:#0f9f6e;color:#fff}.rbs__step:disabled[b-nd0sbm1cvo]{cursor:not-allowed;opacity:.72}
.rbs__alert[b-nd0sbm1cvo]{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 14px;border-radius:8px;font-size:12px}.rbs__alert.danger[b-nd0sbm1cvo]{border:1px solid #fecaca;background:#fff1f2;color:#b42318}.rbs__alert span[b-nd0sbm1cvo]{flex:1}.rbs__alert button[b-nd0sbm1cvo]{border:0;background:transparent;color:inherit;font-size:18px}.rbs__loading[b-nd0sbm1cvo],.rbs__preview-empty[b-nd0sbm1cvo]{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid var(--line)}.rbs__loading i[b-nd0sbm1cvo],.rbs__preview-empty>i[b-nd0sbm1cvo]{font-size:30px;color:var(--blue)}.rbs__preview-empty p[b-nd0sbm1cvo]{margin:0 0 8px;color:var(--muted);font-size:12px;text-align:center;max-width:520px}
.rbs__workspace[b-nd0sbm1cvo]{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:520px;background:#fff;border:1px solid var(--line);border-top:0}.rbs__content[b-nd0sbm1cvo]{padding:25px 27px}.rbs__section-head[b-nd0sbm1cvo]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.rbs__section-head span[b-nd0sbm1cvo]{font-size:10px;font-weight:850;letter-spacing:.1em;color:#087b6a}.rbs__section-head h2[b-nd0sbm1cvo]{font-size:20px;margin:4px 0}.rbs__section-head p[b-nd0sbm1cvo]{font-size:12px;color:var(--muted);margin:0}
.rbs__form-grid[b-nd0sbm1cvo]{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:13px}.rbs__field[b-nd0sbm1cvo]{display:flex;flex-direction:column;gap:6px}.rbs__field>span[b-nd0sbm1cvo]{font-size:10.5px;font-weight:750;color:#536174}.rbs__field input[b-nd0sbm1cvo],.rbs__field select[b-nd0sbm1cvo]{height:40px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;padding:0 11px;color:#172033;font-size:12px}.rbs__field input:focus[b-nd0sbm1cvo],.rbs__field select:focus[b-nd0sbm1cvo]{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #1769e01c}.rbs__field--wide[b-nd0sbm1cvo]{margin-top:14px}.rbs__choice-row[b-nd0sbm1cvo]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.rbs__choice[b-nd0sbm1cvo]{display:flex;align-items:center;gap:12px;padding:15px;text-align:left;border:1px solid var(--line);border-radius:9px;background:#fff}.rbs__choice>i[b-nd0sbm1cvo]{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#eef3f9;color:#5b6d82}.rbs__choice div[b-nd0sbm1cvo],.rbs__source div[b-nd0sbm1cvo]{display:flex;flex-direction:column;gap:3px}.rbs__choice strong[b-nd0sbm1cvo],.rbs__source strong[b-nd0sbm1cvo]{font-size:12.5px}.rbs__choice small[b-nd0sbm1cvo],.rbs__source small[b-nd0sbm1cvo]{font-size:10.5px;color:var(--muted)}.rbs__choice.selected[b-nd0sbm1cvo]{border-color:#5794e9;background:#f6f9ff;box-shadow:0 0 0 1px #5794e9}.rbs__choice.selected>i[b-nd0sbm1cvo]{background:var(--blue);color:#fff}.rbs__confirm[b-nd0sbm1cvo]{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px;border:1px solid #fed7aa;border-radius:7px;background:#fffbeb;color:#92400e;font-size:11px}
.rbs__source-grid[b-nd0sbm1cvo]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rbs__source[b-nd0sbm1cvo]{position:relative;display:flex;align-items:center;gap:13px;min-height:92px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:9px;background:#fff}.rbs__source:hover:not(:disabled)[b-nd0sbm1cvo]{border-color:#8bb5ed;box-shadow:0 5px 14px #1e3a5f0c}.rbs__source.selected[b-nd0sbm1cvo]{border-color:var(--blue);background:#f7faff;box-shadow:0 0 0 1px var(--blue)}.rbs__source.disabled[b-nd0sbm1cvo]{opacity:.52}.rbs__source-icon[b-nd0sbm1cvo]{display:grid;place-items:center;min-width:42px;height:42px;border-radius:9px;font-size:17px}.rbs__source-icon.blue[b-nd0sbm1cvo]{color:#1769e0;background:#eaf2ff}.rbs__source-icon.green[b-nd0sbm1cvo]{color:#087b6a;background:#e8f7f3}.rbs__source-icon.violet[b-nd0sbm1cvo]{color:#7c3aed;background:#f1ebff}.rbs__source-icon.amber[b-nd0sbm1cvo]{color:#b45309;background:#fff4dc}.rbs__tag[b-nd0sbm1cvo]{position:absolute;right:10px;top:8px;font-size:8px;font-weight:850;letter-spacing:.05em;color:#64748b}.rbs__tag.recommended[b-nd0sbm1cvo]{color:#087b6a}
.rbs__driver-grid[b-nd0sbm1cvo]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rbs__driver[b-nd0sbm1cvo]{padding:14px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe}.rbs__driver>span[b-nd0sbm1cvo]{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;color:#425168}.rbs__driver>span i[b-nd0sbm1cvo]{color:var(--blue)}.rbs__driver>div[b-nd0sbm1cvo]{display:flex;align-items:baseline;gap:5px;margin:11px 0 6px}.rbs__driver input[b-nd0sbm1cvo]{width:100%;border:0;border-bottom:1px solid #cbd5e1;background:transparent;font-size:24px;font-weight:800;color:var(--navy);outline:0}.rbs__driver b[b-nd0sbm1cvo]{font-size:11px;color:#64748b}.rbs__driver small[b-nd0sbm1cvo]{font-size:9.5px;color:#8491a2}.rbs__policy[b-nd0sbm1cvo]{display:flex;align-items:center;gap:18px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:9px}.rbs__policy>div[b-nd0sbm1cvo]{display:flex;flex:1;flex-direction:column}.rbs__policy strong[b-nd0sbm1cvo]{font-size:11.5px}.rbs__policy small[b-nd0sbm1cvo]{font-size:10px;color:var(--muted)}.rbs__policy label[b-nd0sbm1cvo]{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700}
.rbs__aside[b-nd0sbm1cvo]{padding:19px 17px;border-left:1px solid var(--line);background:#f9fbfd}.rbs__aside-head[b-nd0sbm1cvo]{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.rbs__aside-head span[b-nd0sbm1cvo]{font-size:9px;font-weight:850;letter-spacing:.08em;color:#64748b}.rbs__aside-head strong[b-nd0sbm1cvo]{font-size:18px;color:#087b6a}.rbs__check[b-nd0sbm1cvo]{display:grid;grid-template-columns:25px 1fr;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid #e7edf4}.rbs__check>i[b-nd0sbm1cvo]{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:10px}.rbs__check div[b-nd0sbm1cvo]{display:flex;flex-direction:column}.rbs__check strong[b-nd0sbm1cvo]{font-size:10.5px}.rbs__check small[b-nd0sbm1cvo]{font-size:9.5px;color:var(--muted)}.rbs__check.ok>i[b-nd0sbm1cvo]{background:#dcfce7;color:#15803d}.rbs__check.warn>i[b-nd0sbm1cvo]{background:#fef3c7;color:#b45309}.rbs__check.bad>i[b-nd0sbm1cvo]{background:#fee2e2;color:#b91c1c}.rbs__aside-note[b-nd0sbm1cvo]{display:flex;gap:8px;margin-top:18px;padding:10px;border-radius:7px;background:#edf4ff;color:#32547a}.rbs__aside-note p[b-nd0sbm1cvo]{margin:0;font-size:9.5px;line-height:1.45}
.rbs__kpis[b-nd0sbm1cvo]{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.rbs__kpis>div[b-nd0sbm1cvo]{display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:8px}.rbs__kpis span[b-nd0sbm1cvo]{font-size:9px;font-weight:750;color:var(--muted);text-transform:uppercase}.rbs__kpis strong[b-nd0sbm1cvo]{font-size:17px;margin:4px 0;color:var(--navy)}.rbs__kpis small[b-nd0sbm1cvo]{font-size:9px;color:#778597}.rbs__warnings[b-nd0sbm1cvo]{display:grid;gap:5px;margin-bottom:12px}.rbs__warnings div[b-nd0sbm1cvo]{display:flex;gap:7px;padding:7px 9px;border-radius:6px;background:#fffbeb;color:#92400e;font-size:10px}.rbs__table-wrap[b-nd0sbm1cvo]{overflow:auto;border:1px solid var(--line);border-radius:8px}.rbs__table[b-nd0sbm1cvo]{width:100%;border-collapse:collapse;font-size:10.5px;font-variant-numeric:tabular-nums}.rbs__table th[b-nd0sbm1cvo],.rbs__table td[b-nd0sbm1cvo]{padding:8px 9px;text-align:right;border-bottom:1px solid #e8edf3;white-space:nowrap}.rbs__table th:first-child[b-nd0sbm1cvo]{text-align:left}.rbs__table thead th[b-nd0sbm1cvo]{background:#edf2f7;color:#4d5d70;font-size:9px;text-transform:uppercase}.rbs__table .strong[b-nd0sbm1cvo]{font-weight:800;color:var(--navy)}.rbs__table .positive[b-nd0sbm1cvo]{color:#15803d}.rbs__table .negative[b-nd0sbm1cvo]{color:#b91c1c}.rbs__success[b-nd0sbm1cvo]{display:flex;align-items:center;gap:11px;margin-top:13px;padding:12px;border:1px solid #a7f3d0;border-radius:8px;background:#ecfdf5;color:#08664e}.rbs__success>i[b-nd0sbm1cvo]{font-size:22px}.rbs__success>div[b-nd0sbm1cvo]{display:flex;flex:1;flex-direction:column}.rbs__success strong[b-nd0sbm1cvo]{font-size:12px}.rbs__success small[b-nd0sbm1cvo]{font-size:10px}.rbs__success button[b-nd0sbm1cvo]{border:0;background:transparent;color:#08664e;font-weight:800;font-size:10.5px}
.rbs__footer[b-nd0sbm1cvo]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:13px 18px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:#fff;box-shadow:0 10px 25px #10294312}.rbs__footer>span[b-nd0sbm1cvo]{text-align:center;color:#64748b;font-size:10px}.rbs__primary[b-nd0sbm1cvo],.rbs__secondary[b-nd0sbm1cvo]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 15px;border-radius:7px;font-size:11px;font-weight:800}.rbs__primary[b-nd0sbm1cvo]{border:1px solid var(--blue);background:var(--blue);color:#fff}.rbs__primary--success[b-nd0sbm1cvo]{border-color:#087b6a;background:#087b6a}.rbs__secondary[b-nd0sbm1cvo]{border:1px solid #cbd5e1;background:#fff;color:#425168}.rbs__primary:disabled[b-nd0sbm1cvo],.rbs__secondary:disabled[b-nd0sbm1cvo]{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.rbs__workspace[b-nd0sbm1cvo]{grid-template-columns:1fr}.rbs__aside[b-nd0sbm1cvo]{border-left:0;border-top:1px solid var(--line)}.rbs__check[b-nd0sbm1cvo]{display:inline-grid;width:24%;vertical-align:top}.rbs__kpis[b-nd0sbm1cvo]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.rbs[b-nd0sbm1cvo]{padding:0}.rbs__hero[b-nd0sbm1cvo]{border-radius:0}.rbs__hero-status[b-nd0sbm1cvo]{display:none}.rbs__steps[b-nd0sbm1cvo]{grid-template-columns:repeat(4,1fr)}.rbs__step[b-nd0sbm1cvo]{justify-content:center;padding:11px 5px}.rbs__step div[b-nd0sbm1cvo]{display:none}.rbs__content[b-nd0sbm1cvo]{padding:18px 12px}.rbs__form-grid[b-nd0sbm1cvo],.rbs__choice-row[b-nd0sbm1cvo],.rbs__source-grid[b-nd0sbm1cvo],.rbs__driver-grid[b-nd0sbm1cvo]{grid-template-columns:1fr}.rbs__policy[b-nd0sbm1cvo]{align-items:flex-start;flex-direction:column}.rbs__kpis[b-nd0sbm1cvo]{grid-template-columns:repeat(2,1fr)}.rbs__check[b-nd0sbm1cvo]{display:grid;width:auto}.rbs__footer>span[b-nd0sbm1cvo]{display:none}.rbs__footer[b-nd0sbm1cvo]{grid-template-columns:auto 1fr}.rbs__footer>:last-child[b-nd0sbm1cvo]{justify-self:end}}
:global(.dark-mode) .rbs[b-nd0sbm1cvo],:global([data-bs-theme="dark"]) .rbs[b-nd0sbm1cvo]{background:#07101f;color:#dce7f5}:global(.dark-mode) .rbs__workspace[b-nd0sbm1cvo],:global(.dark-mode) .rbs__content[b-nd0sbm1cvo],:global(.dark-mode) .rbs__steps[b-nd0sbm1cvo],:global(.dark-mode) .rbs__step[b-nd0sbm1cvo],:global(.dark-mode) .rbs__footer[b-nd0sbm1cvo],:global(.dark-mode) .rbs__choice[b-nd0sbm1cvo],:global(.dark-mode) .rbs__source[b-nd0sbm1cvo]{background:#0d1929;border-color:#26364a}:global(.dark-mode) .rbs__aside[b-nd0sbm1cvo],:global(.dark-mode) .rbs__driver[b-nd0sbm1cvo]{background:#101d2e;border-color:#26364a}
/* /Presentation/Pages/Hospitality/MasterDataCenter.razor.rz.scp.css */
/* ========================================
   MASTER DATA CENTER - STYLES
   Unified data management interface
   ======================================== */

/* ========== PAGE HEADER ========== */
.page-header[b-5rd7bgtmds] {
    background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
    color: white;
    padding: 1.5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    margin: -1rem -1rem 1.5rem -1rem;
}

.page-header .header-content[b-5rd7bgtmds] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.page-header .header-left[b-5rd7bgtmds] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-header .back-link[b-5rd7bgtmds] {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: background 0.2s;
}

.page-header .back-link:hover[b-5rd7bgtmds] {
    background: rgba(255, 255, 255, 0.2);
}

.page-header .header-text h1[b-5rd7bgtmds] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-header .header-text .subtitle[b-5rd7bgtmds] {
    margin: 0.25rem 0 0 0;
    opacity: 0.8;
    font-size: 0.875rem;
}

.page-header .header-actions .btn[b-5rd7bgtmds] {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: white;
}

.page-header .header-actions .btn:hover[b-5rd7bgtmds] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

/* ========== MASTER DATA LAYOUT ========== */
.master-data-layout[b-5rd7bgtmds] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 0;
    min-height: calc(100vh - 180px);
    background: #f8f9fa;
    margin: 0 -1rem -1rem -1rem;
}

/* ========== SIDEBAR NAVIGATION ========== */
.sidebar-nav[b-5rd7bgtmds] {
    background: white;
    border-right: 1px solid #e9ecef;
    padding: 1.5rem 0;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.03);
}

.nav-section[b-5rd7bgtmds] {
    padding: 0 1rem;
    margin-bottom: 1.5rem;
}

.nav-section-title[b-5rd7bgtmds] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    padding: 0 0.75rem 0.5rem;
    margin-bottom: 0.5rem;
}

.nav-item[b-5rd7bgtmds] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #495057;
    font-size: 0.9rem;
    font-weight: 500;
}

.nav-item:hover[b-5rd7bgtmds] {
    background: #f8f9fa;
    color: #1e3a5f;
}

.nav-item.active[b-5rd7bgtmds] {
    background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(66, 153, 225, 0.3);
}

.nav-item i[b-5rd7bgtmds] {
    width: 20px;
    text-align: center;
    font-size: 0.9375rem;
}

.nav-item span:not(.badge)[b-5rd7bgtmds] {
    flex: 1;
}

.nav-item .badge[b-5rd7bgtmds] {
    background: #e9ecef;
    color: #6c757d;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    font-size: 0.6875rem;
    font-weight: 600;
}

.nav-item.active .badge[b-5rd7bgtmds] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

/* ========== MAIN CONTENT ========== */
.main-content[b-5rd7bgtmds] {
    padding: 1.5rem 2rem;
    overflow-y: auto;
}

.loading-container[b-5rd7bgtmds] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: 1rem;
    color: #6c757d;
}

/* ========== CONTENT SECTION ========== */
.content-section[b-5rd7bgtmds] {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.section-header[b-5rd7bgtmds] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.section-header h2[b-5rd7bgtmds] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e3a5f;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-header h2 i[b-5rd7bgtmds] {
    color: #4299e1;
}

/* ========== REVENUE SCENARIO WORKSPACE ========== */
.scenario-workspace[b-5rd7bgtmds] { padding: 0; overflow: hidden; }
.scenario-section-header[b-5rd7bgtmds] { margin: 0; padding: 1.25rem 1.4rem; background: linear-gradient(135deg,#f8fbff,#eef5fb); }
.scenario-section-header > div[b-5rd7bgtmds] { display:flex; flex-direction:column; }
.scenario-section-header p[b-5rd7bgtmds] { margin:.2rem 0 0; color:#64748b; font-size:.76rem; }
.section-eyebrow[b-5rd7bgtmds] { color:#0f766e; font-size:.58rem; font-weight:900; letter-spacing:.11em; margin-bottom:.2rem; }
.scenario-add[b-5rd7bgtmds] { min-height:36px; border-radius:8px; font-weight:700; }
.scenario-summary[b-5rd7bgtmds] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid #e2e8f0; background:#fff; }
.scenario-summary>div[b-5rd7bgtmds] { display:grid; grid-template-columns:1fr auto; gap:1px 8px; padding:.85rem 1.1rem; border-right:1px solid #eef2f7; }
.scenario-summary>div:last-child[b-5rd7bgtmds] { border-right:0; }
.scenario-summary span[b-5rd7bgtmds] { color:#64748b; font-size:.64rem; font-weight:800; text-transform:uppercase; }
.scenario-summary strong[b-5rd7bgtmds] { grid-row:1/3; grid-column:2; align-self:center; color:#102a43; font-size:1.25rem; }
.scenario-summary small[b-5rd7bgtmds] { color:#94a3b8; font-size:.65rem; }
.scenario-cards[b-5rd7bgtmds] { display:grid; grid-template-columns:repeat(auto-fill,minmax(315px,1fr)); gap:.8rem; padding:1rem; background:#f5f7fa; }
.scenario-card[b-5rd7bgtmds] { --scenario:#2563eb; display:flex; flex-direction:column; min-height:215px; overflow:hidden; border:1px solid #dce4ee; border-top:3px solid var(--scenario); border-radius:10px; background:#fff; box-shadow:0 2px 7px rgba(15,23,42,.04); transition:transform .15s,box-shadow .15s,border-color .15s; }
.scenario-card:hover[b-5rd7bgtmds] { transform:translateY(-2px); box-shadow:0 10px 22px rgba(15,23,42,.09); border-color:#b9c7d8; border-top-color:var(--scenario); }
.scenario-card.budget[b-5rd7bgtmds] { --scenario:#0f766e; }.scenario-card.forecast[b-5rd7bgtmds],.scenario-card.rollingforecast[b-5rd7bgtmds] { --scenario:#2563eb; }.scenario-card.actual[b-5rd7bgtmds] { --scenario:#16a34a; }.scenario-card.whatif[b-5rd7bgtmds] { --scenario:#7c3aed; }
.scenario-card.locked[b-5rd7bgtmds] { background:#fbfcfe; }
.scenario-header[b-5rd7bgtmds] { display:flex; align-items:center; gap:.65rem; padding:.85rem 1rem .65rem; }
.scenario-icon[b-5rd7bgtmds] { display:grid; place-items:center; width:34px; height:34px; border-radius:8px; color:var(--scenario); background:color-mix(in srgb,var(--scenario) 10%,white); }
.scenario-header>div[b-5rd7bgtmds] { display:flex; flex-direction:column; }
.scenario-type[b-5rd7bgtmds] { color:var(--scenario); font-size:.65rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.scenario-header small[b-5rd7bgtmds] { color:#94a3b8; font-size:.62rem; }
.scenario-lock[b-5rd7bgtmds] { display:inline-flex; align-items:center; gap:.3rem; margin-left:auto; padding:.25rem .48rem; border-radius:99px; background:#fff7ed; color:#b45309; font-size:.61rem; font-weight:800; }
.scenario-lock.draft[b-5rd7bgtmds] { background:#f0fdf4; color:#15803d; }
.scenario-body[b-5rd7bgtmds] { flex:1; padding:0 1rem .75rem; }
.scenario-body h4[b-5rd7bgtmds] { margin:.15rem 0 .35rem; color:#0f172a; font-size:1rem; line-height:1.3; font-weight:800; }
.scenario-desc[b-5rd7bgtmds] { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; min-height:2.25rem; margin:0; color:#64748b; font-size:.72rem; line-height:1.5; }
.scenario-meta[b-5rd7bgtmds] { display:flex; gap:.7rem; flex-wrap:wrap; padding:.65rem 1rem; border-top:1px solid #eef2f7; background:#fafbfd; }
.scenario-meta span[b-5rd7bgtmds] { display:inline-flex; align-items:center; gap:.28rem; color:#64748b; font-size:.64rem; }
.scenario-meta i[b-5rd7bgtmds] { color:#94a3b8; }
.scenario-actions[b-5rd7bgtmds] { display:flex; gap:.35rem; padding:.7rem 1rem; border-top:1px solid #eef2f7; }
.scenario-open[b-5rd7bgtmds],.scenario-action[b-5rd7bgtmds] { display:inline-flex; align-items:center; justify-content:center; gap:.35rem; min-height:30px; padding:0 .6rem; border-radius:6px; font-size:.67rem; font-weight:800; text-decoration:none; cursor:pointer; }
.scenario-open[b-5rd7bgtmds] { margin-right:auto; border:1px solid var(--scenario); background:var(--scenario); color:#fff; }
.scenario-action[b-5rd7bgtmds] { border:1px solid #cbd5e1; background:#fff; color:#475569; }
.scenario-action:hover[b-5rd7bgtmds] { border-color:#94a3b8; background:#f8fafc; }

/* ========== ACTION BUTTONS ========== */
.action-buttons[b-5rd7bgtmds] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

.action-buttons .btn[b-5rd7bgtmds] {
    padding: 0.25rem 0.5rem;
}

/* ========== SYNCFUSION GRID CUSTOMIZATION ========== */
[b-5rd7bgtmds] .e-grid {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e9ecef;
}

[b-5rd7bgtmds] .e-gridheader {
    background: #f8f9fa;
}

[b-5rd7bgtmds] .e-headercell {
    background: #f8f9fa !important;
    color: #495057;
    font-weight: 600;
    font-size: 0.8125rem;
}

[b-5rd7bgtmds] .e-row:hover {
    background: #f8f9fa !important;
}

[b-5rd7bgtmds] .e-row:nth-child(even) {
    background: #fafbfc;
}

/* ========== DIALOG ========== */
[b-5rd7bgtmds] .e-dialog {
    border-radius: 16px;
    overflow: hidden;
}

[b-5rd7bgtmds] .e-dlg-header-content {
    background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
    color: white;
}

[b-5rd7bgtmds] .e-dlg-header {
    color: white !important;
}

[b-5rd7bgtmds] .e-icon-dlg-close {
    color: white !important;
}

.dialog-form[b-5rd7bgtmds] {
    padding: 1rem 0;
}

.dialog-form .form-group[b-5rd7bgtmds] {
    margin-bottom: 1rem;
}

.dialog-form .form-label[b-5rd7bgtmds] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
}

.dialog-form .form-control[b-5rd7bgtmds] {
    border-radius: 8px;
    border: 1px solid #ced4da;
    padding: 0.5rem 0.75rem;
}

.dialog-form .form-control:focus[b-5rd7bgtmds] {
    border-color: #4299e1;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15);
}

.dialog-form .form-check[b-5rd7bgtmds] {
    padding-top: 0.5rem;
}

/* ========== BADGES ========== */
.badge.bg-success[b-5rd7bgtmds] {
    background: linear-gradient(135deg, #48bb78, #38a169) !important;
}

.badge.bg-secondary[b-5rd7bgtmds] {
    background: #adb5bd !important;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 992px) {
    .master-data-layout[b-5rd7bgtmds] {
        grid-template-columns: 1fr;
    }
    
    .sidebar-nav[b-5rd7bgtmds] {
        display: flex;
        overflow-x: auto;
        padding: 1rem;
        border-right: none;
        border-bottom: 1px solid #e9ecef;
    }
    
    .nav-section[b-5rd7bgtmds] {
        display: flex;
        gap: 0.5rem;
        margin-bottom: 0;
        padding: 0;
    }
    
    .nav-section-title[b-5rd7bgtmds] {
        display: none;
    }
    
    .nav-item[b-5rd7bgtmds] {
        white-space: nowrap;
        padding: 0.5rem 1rem;
    }
    
    .nav-item span:not(.badge)[b-5rd7bgtmds] {
        display: none;
    }
}

@media (max-width: 700px) {
    .scenario-summary[b-5rd7bgtmds] { grid-template-columns:repeat(2,1fr); }
    .scenario-cards[b-5rd7bgtmds] { grid-template-columns:1fr; padding:.65rem; }
}
/* /Presentation/Pages/Hospitality/MixDistributionMatrix.razor.rz.scp.css */
/* ===== MIX DISTRIBUTION PAGE ===== */
.mix-distribution-page[b-7huihwe9d6] {
    padding: 1rem;
    width: 100%;
    max-width: 100%;
}

/* ===== PAGE HEADER ===== */
.page-header[b-7huihwe9d6] {
    background: white;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.header-content h2[b-7huihwe9d6] {
    margin-bottom: 0.25rem;
    color: #2d3748;
}

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

/* ===== TABS ===== */
.matrix-tabs[b-7huihwe9d6] {
    margin-bottom: 1.5rem;
}

.matrix-tabs .nav-tabs[b-7huihwe9d6] {
    border-bottom: 2px solid #e9ecef;
}

.matrix-tabs .nav-link[b-7huihwe9d6] {
    border: none;
    color: #718096;
    padding: 0.75rem 1.25rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.matrix-tabs .nav-link:hover[b-7huihwe9d6] {
    color: #667eea;
    background: rgba(102, 126, 234, 0.05);
}

.matrix-tabs .nav-link.active[b-7huihwe9d6] {
    color: #667eea;
    background: white;
    border-bottom: 3px solid #667eea;
}

/* ===== MATRIX CONTAINER ===== */
.matrix-container[b-7huihwe9d6] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
}

.matrix-title[b-7huihwe9d6] {
    color: #2d3748;
    margin-bottom: 0.25rem;
}

/* ===== MATRIX TABLE ===== */
.matrix-table-wrapper[b-7huihwe9d6] {
    overflow-x: auto;
    margin-top: 1rem;
}

.matrix-table[b-7huihwe9d6] {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.matrix-table th[b-7huihwe9d6],
.matrix-table td[b-7huihwe9d6] {
    padding: 0.5rem;
    text-align: center;
    border: 1px solid #e9ecef;
}

.matrix-table .row-header[b-7huihwe9d6],
.matrix-table .col-header[b-7huihwe9d6],
.matrix-table .total-header[b-7huihwe9d6] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0.75rem 0.5rem;
}

.matrix-table .row-header[b-7huihwe9d6] {
    text-align: left;
    min-width: 140px;
}

.matrix-table .col-header[b-7huihwe9d6] {
    min-width: 100px;
}

.matrix-table .total-header[b-7huihwe9d6] {
    min-width: 80px;
    background: #4a5568;
}

.matrix-table .row-label[b-7huihwe9d6] {
    text-align: left;
    font-weight: 500;
    background: #f8f9fa;
    color: #2d3748;
}

.matrix-table .row-label i[b-7huihwe9d6] {
    color: #667eea;
}

.matrix-cell input[b-7huihwe9d6] {
    width: 70px;
    text-align: center;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 0.25rem;
    font-size: 0.9rem;
}

.matrix-cell input:focus[b-7huihwe9d6] {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
}

.total-cell[b-7huihwe9d6] {
    font-weight: 600;
    background: #f8f9fa;
}

.total-cell.valid[b-7huihwe9d6] {
    color: #38a169;
    background: #c6f6d5;
}

.total-cell.invalid[b-7huihwe9d6] {
    color: #e53e3e;
    background: #fed7d7;
}

.invalid-row[b-7huihwe9d6] {
    background: rgba(245, 101, 101, 0.05);
}

.column-totals td[b-7huihwe9d6] {
    background: #edf2f7;
    font-weight: 500;
    color: #4a5568;
}

/* ===== LEGEND ===== */
.matrix-legend[b-7huihwe9d6] {
    display: flex;
    gap: 1.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.legend-item[b-7huihwe9d6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #718096;
}

.legend-color[b-7huihwe9d6] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

.legend-color.valid[b-7huihwe9d6] {
    background: #c6f6d5;
    border: 1px solid #38a169;
}

.legend-color.invalid[b-7huihwe9d6] {
    background: #fed7d7;
    border: 1px solid #e53e3e;
}

/* ===== TEMPLATES SECTION ===== */
.templates-section[b-7huihwe9d6] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 1.5rem;
}

.templates-section h5[b-7huihwe9d6] {
    margin-bottom: 1rem;
    color: #2d3748;
}

.template-buttons[b-7huihwe9d6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.template-buttons .btn[b-7huihwe9d6] {
    border-radius: 8px;
    padding: 0.5rem 1rem;
}

.template-buttons .btn:hover[b-7huihwe9d6] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .page-header[b-7huihwe9d6] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-actions[b-7huihwe9d6] {
        width: 100%;
    }

    .header-actions .btn[b-7huihwe9d6] {
        flex: 1;
    }

    .matrix-tabs .nav-link[b-7huihwe9d6] {
        padding: 0.5rem 0.75rem;
        font-size: 0.85rem;
    }

    .matrix-cell input[b-7huihwe9d6] {
        width: 60px;
    }

    .template-buttons[b-7huihwe9d6] {
        flex-direction: column;
    }

    .template-buttons .btn[b-7huihwe9d6] {
        width: 100%;
    }
}
/* /Presentation/Pages/Hospitality/OTBManagement.razor.rz.scp.css */
/* OTB Management Page Styles */
.otb-management[b-j01km9gily] { padding: 1.5rem; background: var(--bs-gray-100); min-height: 100vh; }

.page-header[b-j01km9gily] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 1rem 1.5rem; background: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%); border-radius: 12px; color: white; }
.header-left[b-j01km9gily] { display: flex; align-items: center; gap: 1rem; }
.btn-ghost[b-j01km9gily] { background: rgba(255,255,255,0.1); border: none; color: white; width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.btn-ghost:hover[b-j01km9gily] { background: rgba(255,255,255,0.2); }
.header-content h1[b-j01km9gily] { margin: 0; font-size: 1.5rem; font-weight: 600; }
.header-content p[b-j01km9gily] { margin: 0; opacity: 0.8; font-size: 0.875rem; }
.header-actions[b-j01km9gily] { display: flex; gap: 0.5rem; }

.filter-section[b-j01km9gily] { background: white; padding: 1.25rem; border-radius: 12px; margin-bottom: 1.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.filter-row[b-j01km9gily] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-end; }
.filter-group[b-j01km9gily] { display: flex; flex-direction: column; gap: 0.5rem; min-width: 180px; }
.filter-group label[b-j01km9gily] { font-size: 0.875rem; font-weight: 500; color: var(--bs-gray-700); }

.otb-summary[b-j01km9gily] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
.otb-card[b-j01km9gily] { background: white; padding: 1.25rem; border-radius: 12px; display: flex; align-items: center; gap: 1rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.otb-icon[b-j01km9gily] { width: 56px; height: 56px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: white; }
.otb-card.rooms .otb-icon[b-j01km9gily] { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.otb-card.revenue .otb-icon[b-j01km9gily] { background: linear-gradient(135deg, #10b981, #059669); }
.otb-card.adr .otb-icon[b-j01km9gily] { background: linear-gradient(135deg, #f59e0b, #d97706); }
.otb-card.guests .otb-icon[b-j01km9gily] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
.otb-content[b-j01km9gily] { display: flex; flex-direction: column; }
.otb-label[b-j01km9gily] { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--bs-gray-600); }
.otb-value[b-j01km9gily] { font-size: 1.5rem; font-weight: 700; color: var(--bs-gray-900); }

.chart-card[b-j01km9gily] { background: white; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); height: 100%; }
.chart-header[b-j01km9gily] { padding: 1rem 1.25rem; border-bottom: 1px solid var(--bs-gray-200); }
.chart-header h5[b-j01km9gily] { margin: 0; font-size: 1rem; font-weight: 600; }
.chart-body[b-j01km9gily] { padding: 1rem; }

.grid-card[b-j01km9gily] { background: white; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.grid-header[b-j01km9gily] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; border-bottom: 1px solid var(--bs-gray-200); }
.grid-header h5[b-j01km9gily] { margin: 0; font-size: 1rem; font-weight: 600; }
.grid-body[b-j01km9gily] { padding: 0; }

@media (max-width: 1200px) { .otb-summary[b-j01km9gily] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .otb-summary[b-j01km9gily] { grid-template-columns: 1fr; } .page-header[b-j01km9gily] { flex-direction: column; gap: 1rem; } .filter-row[b-j01km9gily] { flex-direction: column; } }
/* /Presentation/Pages/Hospitality/PricingStrategy.razor.rz.scp.css */
/* Pricing Strategy Page Styles */
.pricing-strategy[b-jrpoyi13wq] { 
    padding: 0; 
    background: #f8fafc; 
    min-height: 100vh;
}

.pricing-container[b-jrpoyi13wq] {
    padding: 2rem;
    max-width: 100%;
}

.page-header[b-jrpoyi13wq] { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 1.5rem 2rem; 
    background: white; 
    border-bottom: 1px solid #e2e8f0;
    position: sticky;
    top: 0;
    z-index: 100;
}

.header-left[b-jrpoyi13wq] { display: flex; align-items: center; gap: 1.25rem; }
.btn-ghost[b-jrpoyi13wq] { 
    background: #f1f5f9; 
    border: none; 
    color: #475569; 
    width: 40px; 
    height: 40px; 
    border-radius: 10px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    cursor: pointer;
    transition: all 0.2s;
}
.btn-ghost:hover[b-jrpoyi13wq] { background: #e2e8f0; color: #1e293b; }
.header-content h1[b-jrpoyi13wq] { margin: 0; font-size: 1.5rem; font-weight: 700; color: #1e293b; }
.header-content p[b-jrpoyi13wq] { margin: 0; color: #64748b; font-size: 0.875rem; }
.header-actions[b-jrpoyi13wq] { display: flex; gap: 0.75rem; }

/* Dashboard Cards */
.strategy-grid[b-jrpoyi13wq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.strategy-card[b-jrpoyi13wq] { 
    background: white; 
    border-radius: 16px; 
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.strategy-card .card-header[b-jrpoyi13wq] { 
    padding: 1.25rem 1.5rem; 
    background: white;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.strategy-card .card-header h5[b-jrpoyi13wq] { 
    margin: 0; 
    font-size: 1.1rem; 
    font-weight: 600; 
    color: #334155;
    display: flex;
    align-items: center;
}

.strategy-card .card-body[b-jrpoyi13wq] { 
    padding: 1.5rem; 
    flex: 1;
}

/* Form Styles */
.setting-group[b-jrpoyi13wq] { margin-bottom: 1.25rem; }
.setting-group:last-child[b-jrpoyi13wq] { margin-bottom: 0; }
.setting-group label[b-jrpoyi13wq] { 
    display: block; 
    font-size: 0.825rem; 
    font-weight: 600; 
    color: #64748b; 
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.multiplier-row[b-jrpoyi13wq] { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 1rem 0; 
    border-bottom: 1px solid #f1f5f9; 
}
.multiplier-row:last-child[b-jrpoyi13wq] { border-bottom: none; }
.season-name[b-jrpoyi13wq], .day-name[b-jrpoyi13wq] { 
    font-weight: 600; 
    color: #334155;
    display: flex; 
    align-items: center; 
    gap: 0.75rem; 
}
.multiplier-input[b-jrpoyi13wq] { display: flex; align-items: center; gap: 0.75rem; width: 140px; }
.multiplier-label[b-jrpoyi13wq] { font-size: 1rem; font-weight: 600; color: #94a3b8; }

/* Visual Aids */
.chart-container[b-jrpoyi13wq] {
    height: 300px;
    width: 100%;
}

.impact-preview[b-jrpoyi13wq] {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    color: white;
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}

.impact-stat[b-jrpoyi13wq] {
    text-align: center;
}

.impact-stat .label[b-jrpoyi13wq] {
    display: block;
    font-size: 0.875rem;
    color: #94a3b8;
    margin-bottom: 0.5rem;
}

.impact-stat .value[b-jrpoyi13wq] {
    display: block;
    font-size: 2rem;
    font-weight: 700;
}

@media (max-width: 768px) { 
    .page-header[b-jrpoyi13wq] { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .pricing-container[b-jrpoyi13wq] { padding: 1rem; }
}
/* /Presentation/Pages/Hospitality/RevenueBudgetEntry.razor.rz.scp.css */
/* ============ Revenue Budget Entry — Professional Master-Detail Layout ============ */

.rbe[b-rlfjs2r9xq] {
    width: 100%;
    padding: 14px 10px 28px;
    background: #f4f6fb;
    min-height: calc(100vh - 60px);
}

/* ---------- Header ---------- */
.rbe__head[b-rlfjs2r9xq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: #fff;
    border-radius: 14px;
    padding: 16px 20px;
    box-shadow: 0 6px 18px rgba(30, 41, 59, .18);
}

.rbe__title h1[b-rlfjs2r9xq] {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 9px;
}

.rbe__title p[b-rlfjs2r9xq] {
    margin: 4px 0 0;
    font-size: 12.5px;
    opacity: .8;
}

.rbe__head-actions[b-rlfjs2r9xq] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.rbe__linkbtn[b-rlfjs2r9xq] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    border: 1px solid rgba(255,255,255,.22);
}
.rbe__linkbtn--light[b-rlfjs2r9xq] { color:#e0f2fe; background:rgba(255,255,255,.10); }
.rbe__linkbtn--light:hover[b-rlfjs2r9xq] { color:#fff; background:rgba(255,255,255,.18); }

/* ---------- Filter bar ---------- */
.rbe__filters[b-rlfjs2r9xq] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: flex-end;
    background: #fff;
    border: 1px solid #e6e9f0;
    border-radius: 12px;
    padding: 12px 16px;
    margin-top: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
}

.rbe__field[b-rlfjs2r9xq] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.rbe__field > label[b-rlfjs2r9xq] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #64748b;
}

.rbe__status[b-rlfjs2r9xq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}
.rbe__status--draft[b-rlfjs2r9xq] { background: #fee2e2; color: #b91c1c; }
.rbe__status--published[b-rlfjs2r9xq], .rbe__status--approved[b-rlfjs2r9xq] { background: #dcfce7; color: #15803d; }
.rbe__status--inreview[b-rlfjs2r9xq] { background: #fef3c7; color: #b45309; }
.rbe__status--locked[b-rlfjs2r9xq] { background: #ede9fe; color: #6d28d9; }

/* ---------- Sticky band: filters + KPI strip ---------- */
.rbe__band[b-rlfjs2r9xq] {
    position: sticky;
    top: 0;
    z-index: 20;
    margin-top: 14px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .06);
}
.rbe__band .rbe__filters[b-rlfjs2r9xq] { margin-top: 0; border-radius: 0; box-shadow: none; border-bottom: 0; }

.rbe__kpistrip[b-rlfjs2r9xq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    background: linear-gradient(135deg, #1e293b, #334155);
}
.rbe__k[b-rlfjs2r9xq] {
    flex: 1 1 0;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 14px;
    border-left: 3px solid var(--accent, #2563eb);
    border-right: 1px solid rgba(255,255,255,.05);
}
.rbe__k span[b-rlfjs2r9xq] { font-size: 10.5px; font-weight: 700; color: #cbd5e1; text-transform: uppercase; letter-spacing: .4px; display: flex; align-items: center; gap: 6px; }
.rbe__k span i[b-rlfjs2r9xq] { color: var(--accent, #60a5fa); }
.rbe__k b[b-rlfjs2r9xq] { font-size: 17px; color: #fff; font-variant-numeric: tabular-nums; }

/* ---------- Tab nav ---------- */
.rbe__tabs[b-rlfjs2r9xq] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
    padding: 6px;
    background: #e9eef6;
    border-radius: 12px;
}
.rbe__tab[b-rlfjs2r9xq] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 13px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #64748b;
    text-align: left;
    cursor: pointer;
    transition: background .15s, box-shadow .15s;
}
.rbe__tab > i[b-rlfjs2r9xq] { width: 18px; text-align: center; font-size: 14px; }
.rbe__tab span[b-rlfjs2r9xq] { display: flex; flex-direction: column; line-height: 1.15; }
.rbe__tab strong[b-rlfjs2r9xq] { font-size: 12.5px; color: #334155; }
.rbe__tab small[b-rlfjs2r9xq] { font-size: 10px; color: #94a3b8; }
.rbe__tab:hover[b-rlfjs2r9xq] { background: #f1f5f9; }
.rbe__tab.active[b-rlfjs2r9xq] { background: #fff; box-shadow: 0 2px 8px rgba(15, 23, 42, .10); }
.rbe__tab.active > i[b-rlfjs2r9xq], .rbe__tab.active strong[b-rlfjs2r9xq] { color: #2563eb; }
.rbe__tab-badge[b-rlfjs2r9xq] { min-width: 18px; padding: 1px 5px; border-radius: 999px; background: #dc2626; color: #fff; font-size: 10px; text-align: center; }
.rbe__tab-badge--info[b-rlfjs2r9xq] { background: #2563eb; }

.rbe__panelview[b-rlfjs2r9xq] { margin-top: 14px; }
.rbe__panelview--hidden[b-rlfjs2r9xq] { display: none !important; }

/* ---------- Forecast summary banner ---------- */
.rbe__forecast-bar[b-rlfjs2r9xq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    margin: 0 0 14px;
    padding: 12px 18px;
    background: linear-gradient(90deg, #eff6ff, #f8fafc);
    border: 1px solid #dbeafe;
    border-radius: 12px;
}
.rbe__fc-item[b-rlfjs2r9xq] { display: flex; flex-direction: column; line-height: 1.25; }
.rbe__fc-item > span[b-rlfjs2r9xq] { font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: .4px; }
.rbe__fc-item > strong[b-rlfjs2r9xq] { font-size: 19px; color: #0f172a; }
.rbe__fc-item > small[b-rlfjs2r9xq] { font-size: 11px; color: #94a3b8; }
.rbe__fc-item--total > strong[b-rlfjs2r9xq] { color: #1d4ed8; }
.rbe__fc-item strong.pos[b-rlfjs2r9xq] { color: #15803d; }
.rbe__fc-item strong.neg[b-rlfjs2r9xq] { color: #b91c1c; }
.rbe__fc-legend[b-rlfjs2r9xq] { margin-left: auto; font-size: 11.5px; color: #64748b; display: flex; align-items: center; gap: 4px; }
.rbe__fc-dot[b-rlfjs2r9xq] { width: 11px; height: 11px; border-radius: 3px; display: inline-block; margin: 0 4px 0 12px; }
.rbe__fc-dot--actual[b-rlfjs2r9xq] { background: #f1f5f9; border: 1px dashed #cbd5e1; }
.rbe__fc-dot--open[b-rlfjs2r9xq] { background: #eff6ff; border: 1px solid #93c5fd; }

/* ---------- Toolbar ---------- */
.rbe__toolbar[b-rlfjs2r9xq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 14px;
    background: #fff;
    border: 1px solid #e6e9f0;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 12px;
}
.rbe__quick[b-rlfjs2r9xq] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.rbe__ref-select[b-rlfjs2r9xq] { padding: 4px 8px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 12px; background: #fff; color: #334155; cursor: pointer; }

/* ============================================================
   MASTER-DETAIL SPLIT LAYOUT
   Left: hierarchy tree (280px)
   Right: multi-metric data entry table (flex-grow)
   ============================================================ */

.rbe__split[b-rlfjs2r9xq] {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

/* -- Left: Hierarchy Tree Panel -- */
.rbe__tree-panel[b-rlfjs2r9xq] {
    background: #fff;
    border: 1px solid #e6e9f0;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.04);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 120px);
    position: sticky;
    top: 80px;
}

.rbe__tree-head[b-rlfjs2r9xq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 14px;
    border-bottom: 1px solid #eef1f6;
}
.rbe__tree-head h3[b-rlfjs2r9xq] {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 7px;
}
.rbe__tree-head h3 i[b-rlfjs2r9xq] { color: #2563eb; }

.rbe__tree-actions[b-rlfjs2r9xq] {
    display: flex;
    gap: 4px;
}
.rbe__tree-actions button[b-rlfjs2r9xq] {
    border: none;
    background: transparent;
    color: #94a3b8;
    width: 26px; height: 26px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 11px;
}
.rbe__tree-actions button:hover[b-rlfjs2r9xq] { background: #f1f5f9; color: #334155; }

.rbe__tree-search[b-rlfjs2r9xq] {
    margin: 8px 10px 4px;
    padding: 7px 10px 7px 30px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 12px;
    background: #f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") 9px center no-repeat;
    width: calc(100% - 20px);
}
.rbe__tree-search:focus[b-rlfjs2r9xq] { outline: none; border-color: #2563eb; background-color: #fff; box-shadow: 0 0 0 3px rgba(37,99,235,.12); }

.rbe__tree-list[b-rlfjs2r9xq] {
    flex: 1;
    overflow-y: auto;
    padding: 4px 0;
}

.rbe__tree-node[b-rlfjs2r9xq] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    cursor: pointer;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #334155;
    transition: background .1s;
    border-left: 3px solid transparent;
}
.rbe__tree-node:hover[b-rlfjs2r9xq] { background: #f8fafc; }
.rbe__tree-node.active[b-rlfjs2r9xq] {
    background: #eff6ff;
    border-left-color: #2563eb;
    font-weight: 700;
    color: #1d4ed8;
}
.rbe__tree-node.parent[b-rlfjs2r9xq] { font-weight: 600; color: #475569; }
.rbe__tree-node--hidden[b-rlfjs2r9xq] { display: none; }

.rbe__tree-indent[b-rlfjs2r9xq] { display: inline-block; }
.rbe__tree-ico[b-rlfjs2r9xq] { width: 16px; text-align: center; font-size: 11px; flex-shrink: 0; }
.rbe__tree-name[b-rlfjs2r9xq] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rbe__tree-code[b-rlfjs2r9xq] { font-size: 10px; color: #94a3b8; margin-left: auto; flex-shrink: 0; }
.rbe__tree-dirty[b-rlfjs2r9xq] { width: 7px; height: 7px; border-radius: 50%; background: #f59e0b; flex-shrink: 0; }

.rbe__tree-count[b-rlfjs2r9xq] {
    padding: 6px 14px;
    font-size: 11px;
    color: #94a3b8;
    border-top: 1px solid #eef1f6;
    text-align: center;
}

/* -- Segment/Channel/RateType/RoomType/BoardType coloring -- */
.rbe__tree-node[data-type="Segment"] .rbe__tree-ico[b-rlfjs2r9xq] { color: #1d4ed8; }
.rbe__tree-node[data-type="Channel"] .rbe__tree-ico[b-rlfjs2r9xq] { color: #0f766e; }
.rbe__tree-node[data-type="RateType"] .rbe__tree-ico[b-rlfjs2r9xq] { color: #9333ea; }
.rbe__tree-node[data-type="RoomType"] .rbe__tree-ico[b-rlfjs2r9xq] { color: #334155; }
.rbe__tree-node[data-type="BoardType"] .rbe__tree-ico[b-rlfjs2r9xq] { color: #b45309; }

/* -- Right: Detail Panel (multi-metric table) -- */
.rbe__detail-panel[b-rlfjs2r9xq] {
    background: #fff;
    border: 1px solid #e6e9f0;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.04);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.rbe__detail-head[b-rlfjs2r9xq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #eef1f6;
    background: #fafbfd;
}
.rbe__detail-head h3[b-rlfjs2r9xq] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 8px;
}
.rbe__detail-path[b-rlfjs2r9xq] {
    font-size: 11px;
    color: #64748b;
    margin-left: 8px;
    font-weight: 400;
}

.rbe__detail-kpis[b-rlfjs2r9xq] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 16px;
    background: #f8fafc;
    border-bottom: 1px solid #eef1f6;
}
.rbe__detail-kpi[b-rlfjs2r9xq] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 5px 12px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
    min-width: 80px;
}
.rbe__detail-kpi span[b-rlfjs2r9xq] { font-size: 10px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; }
.rbe__detail-kpi b[b-rlfjs2r9xq] { font-size: 14px; color: #0f172a; font-variant-numeric: tabular-nums; }

.rbe__detail-tools[b-rlfjs2r9xq] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.rbe__compare-toggle[b-rlfjs2r9xq] {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 3px;
    background: #f1f5f9;
    border-radius: 7px;
}
.rbe__compare-btn[b-rlfjs2r9xq] {
    border: none;
    background: transparent;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all .12s;
}
.rbe__compare-btn:hover[b-rlfjs2r9xq] { background: #e2e8f0; }
.rbe__compare-btn.active[b-rlfjs2r9xq] { background: #fff; color: #2563eb; box-shadow: 0 1px 3px rgba(0,0,0,.1); }

/* -- Multi-metric entry table -- */
.rbe__detail-table-wrap[b-rlfjs2r9xq] {
    flex: 1;
    overflow: auto;
    padding: 0;
}

.rbe__mtable[b-rlfjs2r9xq] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
}
.rbe__mtable th[b-rlfjs2r9xq],
.rbe__mtable td[b-rlfjs2r9xq] {
    padding: 5px 6px;
    text-align: right;
    border-bottom: 1px solid #eef2f7;
    white-space: nowrap;
}
.rbe__mtable thead th[b-rlfjs2r9xq] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #1e293b;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    text-align: right;
}
.rbe__mtable thead th.locked[b-rlfjs2r9xq] { background: #475569; color: #cbd5e1; }

.rbe__mtable-rowhead[b-rlfjs2r9xq] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
    text-align: left !important;
    font-weight: 700;
    color: #334155;
    min-width: 160px;
    box-shadow: 1px 0 0 #e2e8f0;
}
.rbe__mtable thead .rbe__mtable-rowhead[b-rlfjs2r9xq] { background: #1e293b; color: #fff; z-index: 3; }

.rbe__mtable-input[b-rlfjs2r9xq] {
    width: 68px;
    padding: 4px 5px;
    text-align: right;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    background: #fff;
}
.rbe__mtable-input:hover[b-rlfjs2r9xq] { border-color: #93c5fd; }
.rbe__mtable-input:focus[b-rlfjs2r9xq] { outline: none; border-color: #2563eb; box-shadow: 0 0 0 2px rgba(37,99,235,.16); }
.rbe__mtable-input:disabled[b-rlfjs2r9xq] { background: #f1f5f9; color: #94a3b8; }

.rbe__mtable-locked[b-rlfjs2r9xq] { background: #f1f5f9; color: #94a3b8; font-style: italic; }
.rbe__mtable-total[b-rlfjs2r9xq] { font-weight: 800; color: #1e293b; background: #f8fafc; }

.rbe__mtable-calc td[b-rlfjs2r9xq], .rbe__mtable-calc th[b-rlfjs2r9xq] { background: #f0f9ff; color: #0369a1; font-weight: 600; }
.rbe__mtable-calc--strong td[b-rlfjs2r9xq], .rbe__mtable-calc--strong th[b-rlfjs2r9xq] { background: #ecfdf5; color: #047857; font-weight: 800; }

.rbe__mtable-compare td[b-rlfjs2r9xq], .rbe__mtable-compare th[b-rlfjs2r9xq] {
    background: #fefce8;
    color: #92400e;
    font-size: 11px;
    font-weight: 500;
    border-bottom-style: dashed;
}
.rbe__mtable-variance td[b-rlfjs2r9xq] { font-size: 11px; font-weight: 600; }
.rbe__mtable-variance .pos[b-rlfjs2r9xq] { color: #15803d; }
.rbe__mtable-variance .neg[b-rlfjs2r9xq] { color: #dc2626; }

/* -- Empty/placeholder state for detail panel -- */
.rbe__detail-empty[b-rlfjs2r9xq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #94a3b8;
    text-align: center;
}
.rbe__detail-empty i[b-rlfjs2r9xq] { font-size: 40px; color: #cbd5e1; margin-bottom: 14px; }
.rbe__detail-empty h4[b-rlfjs2r9xq] { margin: 0 0 6px; font-size: 15px; color: #64748b; }
.rbe__detail-empty p[b-rlfjs2r9xq] { margin: 0; font-size: 12.5px; max-width: 340px; }

/* ---------- Panel (reused) ---------- */
.rbe__panel[b-rlfjs2r9xq] {
    background: #fff;
    border: 1px solid #e6e9f0;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
    overflow: hidden;
}

.rbe__panel-head[b-rlfjs2r9xq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 15px;
    border-bottom: 1px solid #eef1f6;
}

.rbe__panel-head h2[b-rlfjs2r9xq] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 7px;
}

/* ---------- Side KPI rail ---------- */
.rbe__rail-kpi[b-rlfjs2r9xq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 12px;
    border-bottom: 1px dashed #eef1f6;
}
.rbe__rail-kpi:last-child[b-rlfjs2r9xq] { border-bottom: none; }
.rbe__rail-kpi dt[b-rlfjs2r9xq] { font-size: 12px; color: #64748b; font-weight: 600; }
.rbe__rail-kpi dd[b-rlfjs2r9xq] { margin: 0; font-size: 15px; font-weight: 800; color: #0f172a; }

/* ---------- Insights ---------- */
.rbe__insight[b-rlfjs2r9xq] {
    display: flex;
    gap: 9px;
    padding: 10px 12px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 12.5px;
}
.rbe__insight i[b-rlfjs2r9xq] { margin-top: 2px; }
.rbe__insight--good i[b-rlfjs2r9xq] { color: #16a34a; }
.rbe__insight--warn i[b-rlfjs2r9xq] { color: #d97706; }
.rbe__insight--bad i[b-rlfjs2r9xq] { color: #dc2626; }
.rbe__insight--info i[b-rlfjs2r9xq] { color: #2563eb; }
.rbe__insight strong[b-rlfjs2r9xq] { display: block; color: #0f172a; }
.rbe__insight p[b-rlfjs2r9xq] { margin: 2px 0 0; color: #64748b; }

/* ---------- Adjustment panel ---------- */
.rbe__adjust[b-rlfjs2r9xq] { display:grid; gap:9px; padding:12px; }
.rbe__adjust label[b-rlfjs2r9xq] { color:#64748b; font-size:11px; font-weight:800; text-transform:uppercase; }
.rbe__adjust select[b-rlfjs2r9xq],
.rbe__adjust input[b-rlfjs2r9xq] { width:100%; border:1px solid #dbe3ef; border-radius:7px; padding:7px 8px; font-size:12px; }
.rbe__adjust-row[b-rlfjs2r9xq] { display:grid; grid-template-columns:88px 1fr; align-items:center; gap:8px; }
.rbe__adjust p[b-rlfjs2r9xq] { margin:0; color:#64748b; font-size:11px; line-height:1.35; }

/* ---------- Monthly trend ---------- */
.rbe__trend[b-rlfjs2r9xq] { padding: 12px 8px 4px; }
.rbe__trend-x[b-rlfjs2r9xq] { display: flex; justify-content: space-between; padding: 0 6px; font-size: 10px; color: #64748b; }
.rbe__trend-x span[b-rlfjs2r9xq] { width: 34px; text-align: center; }

/* ---------- Analysis sub-tabs ---------- */
.rbe__subtabs[b-rlfjs2r9xq] {
    display: flex;
    gap: 4px;
    padding: 4px;
    background: #f1f5f9;
    border-radius: 8px;
    margin-bottom: 14px;
}
.rbe__subtab[b-rlfjs2r9xq] {
    border: none;
    background: transparent;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all .12s;
}
.rbe__subtab:hover[b-rlfjs2r9xq] { background: #e2e8f0; }
.rbe__subtab.active[b-rlfjs2r9xq] { background: #fff; color: #2563eb; box-shadow: 0 1px 4px rgba(0,0,0,.08); }

/* ---------- Summary tables ---------- */
.rbe__sumtable[b-rlfjs2r9xq] { overflow-x: auto; padding: 4px; }
.rbe__sumtable table[b-rlfjs2r9xq] { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.rbe__sumtable th[b-rlfjs2r9xq] { background: #f1f5f9; color: #475569; font-weight: 700; text-align: right; padding: 8px 10px; white-space: nowrap; position: sticky; top: 0; }
.rbe__sumtable th:first-child[b-rlfjs2r9xq], .rbe__sumtable td:first-child[b-rlfjs2r9xq] { text-align: left; }
.rbe__sumtable th:nth-child(2)[b-rlfjs2r9xq], .rbe__sumtable td:nth-child(2)[b-rlfjs2r9xq] { text-align: left; }
.rbe__sumtable td[b-rlfjs2r9xq] { padding: 7px 10px; text-align: right; border-bottom: 1px solid #eef1f6; font-variant-numeric: tabular-nums; }
.rbe__sumtable tbody tr:hover[b-rlfjs2r9xq] { background: #f8fafc; }
.rbe__sum-empty[b-rlfjs2r9xq] { color: #94a3b8; font-size: 13px; padding: 10px; text-align: center; }

.rbe__mixrow[b-rlfjs2r9xq] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.rbe__mixbody[b-rlfjs2r9xq], .rbe__mixwrap[b-rlfjs2r9xq] { padding: 14px; }
.rbe__mixitem[b-rlfjs2r9xq] { margin-bottom: 9px; }
.rbe__mixitem-top[b-rlfjs2r9xq] { display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 3px; }
.rbe__mixbar[b-rlfjs2r9xq] { height: 7px; background: #eef1f6; border-radius: 4px; overflow: hidden; }
.rbe__mixbar > div[b-rlfjs2r9xq] { height: 100%; }

.rbe__note[b-rlfjs2r9xq] { display: flex; align-items: center; gap: 7px; margin: 12px 4px 2px; font-size: 12px; color: #64748b; }
.rbe__note i[b-rlfjs2r9xq] { color: #f59e0b; }

/* ---------- Review and validation ---------- */
.rbe__review[b-rlfjs2r9xq] { margin-top:14px; padding:18px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 2px 6px rgba(15,23,42,.04); }
.rbe__review-head[b-rlfjs2r9xq] { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.rbe__review-head h2[b-rlfjs2r9xq] { margin:2px 0 0; color:#0f172a; font-size:18px; }
.rbe__eyebrow[b-rlfjs2r9xq] { color:#0f766e; font-size:10px; font-weight:800; letter-spacing:.08em; }
.rbe__quality-score[b-rlfjs2r9xq] { display:flex; flex-direction:column; align-items:flex-end; }
.rbe__quality-score strong[b-rlfjs2r9xq] { color:#0f766e; font-size:24px; }
.rbe__quality-score span[b-rlfjs2r9xq] { color:#64748b; font-size:10px; }
.rbe__quality-grid[b-rlfjs2r9xq] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:16px; }
.rbe__quality-card[b-rlfjs2r9xq] { display:grid; grid-template-columns:26px 1fr; align-items:center; gap:2px 8px; padding:11px; border:1px solid #e2e8f0; border-radius:9px; }
.rbe__quality-card i[b-rlfjs2r9xq] { grid-row:1 / 3; font-size:18px; }
.rbe__quality-card strong[b-rlfjs2r9xq] { font-size:17px; color:#0f172a; }
.rbe__quality-card span[b-rlfjs2r9xq] { font-size:10px; color:#64748b; }
.rbe__quality-card.error i[b-rlfjs2r9xq] { color:#dc2626; }
.rbe__quality-card.warning i[b-rlfjs2r9xq] { color:#d97706; }
.rbe__quality-card.ok i[b-rlfjs2r9xq] { color:#16a34a; }
.rbe__quality-card.info i[b-rlfjs2r9xq] { color:#2563eb; }
.rbe__validation-empty[b-rlfjs2r9xq] { display:flex; align-items:center; gap:12px; margin-top:14px; padding:14px; border-radius:9px; background:#f0fdf4; color:#166534; }
.rbe__validation-empty i[b-rlfjs2r9xq] { font-size:22px; }
.rbe__validation-empty div[b-rlfjs2r9xq] { display:flex; flex-direction:column; }
.rbe__validation-empty span[b-rlfjs2r9xq] { font-size:11px; color:#4b5563; }
.rbe__validation-list[b-rlfjs2r9xq] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:14px; }
.rbe__validation-item[b-rlfjs2r9xq] { display:flex; gap:9px; padding:10px; border-radius:8px; border:1px solid #e2e8f0; }
.rbe__validation-item > i[b-rlfjs2r9xq] { margin-top:2px; }
.rbe__validation-item div[b-rlfjs2r9xq] { display:flex; flex-direction:column; }
.rbe__validation-item strong[b-rlfjs2r9xq] { font-size:11.5px; color:#0f172a; }
.rbe__validation-item span[b-rlfjs2r9xq] { font-size:10.5px; color:#64748b; }
.rbe__validation-item.error[b-rlfjs2r9xq] { background:#fef2f2; border-color:#fecaca; }
.rbe__validation-item.error > i[b-rlfjs2r9xq] { color:#dc2626; }
.rbe__validation-item.warning[b-rlfjs2r9xq] { background:#fffbeb; border-color:#fde68a; }
.rbe__validation-item.warning > i[b-rlfjs2r9xq] { color:#d97706; }
.rbe__monthly-review[b-rlfjs2r9xq] { margin-top:16px; overflow-x:auto; }
.rbe__monthly-review table[b-rlfjs2r9xq] { width:100%; min-width:1000px; border-collapse:collapse; font-size:11px; font-variant-numeric:tabular-nums; }
.rbe__monthly-review th[b-rlfjs2r9xq], .rbe__monthly-review td[b-rlfjs2r9xq] { padding:8px 9px; border:1px solid #e2e8f0; text-align:right; }
.rbe__monthly-review th:first-child[b-rlfjs2r9xq] { position:sticky; left:0; z-index:1; text-align:left; background:#f8fafc; }
.rbe__monthly-review thead th[b-rlfjs2r9xq] { background:#f1f5f9; color:#475569; }
.rbe__monthly-review tr.revenue[b-rlfjs2r9xq] { background:#eff6ff; color:#1e3a8a; }
.rbe__review-actions[b-rlfjs2r9xq] { display:grid; grid-template-columns:auto 1fr auto auto; gap:8px; align-items:center; margin-top:16px; padding-top:14px; border-top:1px solid #e2e8f0; }

/* ---------- Assumptions ---------- */
.rbe__assume[b-rlfjs2r9xq] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; padding: 14px; }
.rbe__assume label[b-rlfjs2r9xq], .rbe__assume-notes[b-rlfjs2r9xq] { display: flex; flex-direction: column; gap: 5px; font-size: 11.5px; font-weight: 700; color: #475569; }
.rbe__assume input[b-rlfjs2r9xq], .rbe__assume-notes textarea[b-rlfjs2r9xq] {
    font: inherit; font-weight: 500; padding: 8px 10px; border: 1px solid #d8dee9; border-radius: 8px; background: #f8fafc;
}
.rbe__assume input:focus[b-rlfjs2r9xq], .rbe__assume-notes textarea:focus[b-rlfjs2r9xq] { outline: 0; border-color: #2563eb; background: #fff; box-shadow: 0 0 0 3px rgba(37,99,235,.12); }
.rbe__assume-notes[b-rlfjs2r9xq] { padding: 0 14px 14px; }

/* ---------- Import / Export ---------- */
.rbe__io[b-rlfjs2r9xq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; padding: 14px; }
.rbe__io-card[b-rlfjs2r9xq] { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 18px; border: 1px solid #e6e9f0; border-radius: 12px; background: #f8fafc; }
.rbe__io-card > i[b-rlfjs2r9xq] { font-size: 22px; color: #2563eb; }
.rbe__io-card h3[b-rlfjs2r9xq] { margin: 0; font-size: 14px; color: #0f172a; }
.rbe__io-card p[b-rlfjs2r9xq] { margin: 0; font-size: 12px; color: #64748b; flex: 1; }
.rbe__upload[b-rlfjs2r9xq] { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 8px; background: #2563eb; color: #fff; font-weight: 700; font-size: 13px; cursor: pointer; position: relative; overflow: hidden; }
.rbe__upload input[b-rlfjs2r9xq] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.rbe__upload.disabled[b-rlfjs2r9xq] { background: #94a3b8; cursor: not-allowed; }
.rbe__io-errors[b-rlfjs2r9xq] { margin: 4px 14px 14px; padding: 12px 14px; border: 1px solid #fecaca; background: #fef2f2; border-radius: 10px; color: #b91c1c; font-size: 12.5px; }
.rbe__io-errors ul[b-rlfjs2r9xq] { margin: 6px 0 0; padding-left: 18px; }

/* ---------- Change log ---------- */
.rbe__log-filters select[b-rlfjs2r9xq] { font: inherit; padding: 6px 10px; border: 1px solid #d8dee9; border-radius: 8px; background: #fff; }
.rbe__log-table[b-rlfjs2r9xq] { overflow-x: auto; padding: 4px; }
.rbe__log-table table[b-rlfjs2r9xq] { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.rbe__log-table th[b-rlfjs2r9xq] { background: #f1f5f9; color: #475569; font-weight: 700; text-align: left; padding: 8px 10px; white-space: nowrap; }
.rbe__log-table td[b-rlfjs2r9xq] { padding: 7px 10px; border-bottom: 1px solid #eef1f6; }
.rbe__log-table tbody tr:hover[b-rlfjs2r9xq] { background: #f8fafc; }
.rbe__log-src[b-rlfjs2r9xq] { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #eef2ff; color: #4338ca; font-size: 11px; font-weight: 700; }

/* ---------- States ---------- */
.rbe__empty[b-rlfjs2r9xq] {
    text-align: center;
    padding: 50px 20px;
    color: #64748b;
    background: #fff;
    border-radius: 12px;
    border: 1px dashed #cbd5e1;
    margin-top: 14px;
}

.rbe__alert[b-rlfjs2r9xq] {
    margin-top: 14px;
    padding: 11px 15px;
    border-radius: 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.rbe__alert--danger[b-rlfjs2r9xq] { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.rbe__alert--warn[b-rlfjs2r9xq] { background: #fffbeb; color: #b45309; border: 1px solid #fde68a; }
.rbe__alert--ok[b-rlfjs2r9xq] { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }

.rbe__dirty-dot[b-rlfjs2r9xq] {
    display: inline-block;
    width: 9px; height: 9px;
    border-radius: 50%;
    background: #f59e0b;
    margin-right: 5px;
}

.rbe__num[b-rlfjs2r9xq] { text-align: right; font-variant-numeric: tabular-nums; }
.rbe__num--parent[b-rlfjs2r9xq] { font-weight: 700; color: #0f172a; }

/* ---------- Responsive ---------- */
@media (max-width: 1200px) {
    .rbe__split[b-rlfjs2r9xq] { grid-template-columns: 1fr; }
    .rbe__tree-panel[b-rlfjs2r9xq] { max-height: none; position: static; }
    .rbe__mixrow[b-rlfjs2r9xq] { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .rbe[b-rlfjs2r9xq] { padding: 8px 0 20px; }
    .rbe__head[b-rlfjs2r9xq] { border-radius: 0; padding: 14px 12px; }
    .rbe__filters[b-rlfjs2r9xq], .rbe__band[b-rlfjs2r9xq], .rbe__tabs[b-rlfjs2r9xq], .rbe__panelview[b-rlfjs2r9xq] { margin-left: 8px; margin-right: 8px; }
    .rbe__field[b-rlfjs2r9xq], .rbe__field > .e-control-wrapper[b-rlfjs2r9xq] { width: 100% !important; min-width: 0 !important; }
    .rbe__band[b-rlfjs2r9xq] { position: static; }
    .rbe__tabs[b-rlfjs2r9xq] { flex-wrap: nowrap; overflow-x: auto; }
    .rbe__tab[b-rlfjs2r9xq] { min-width: 170px; }
    .rbe__quality-grid[b-rlfjs2r9xq] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .rbe__validation-list[b-rlfjs2r9xq] { grid-template-columns:1fr; }
    .rbe__review-actions[b-rlfjs2r9xq] { grid-template-columns:1fr 1fr; }
    .rbe__review-actions > div[b-rlfjs2r9xq] { display:none; }
    .rbe__assume[b-rlfjs2r9xq] { grid-template-columns: 1fr; }
}
/* /Presentation/Pages/Hospitality/RevenueDailyDashboard.razor.rz.scp.css */
/* ════════════════════════════════════════════════════
   Revenue Manager Daily Dashboard Styles
   ════════════════════════════════════════════════════ */

/* ── Snapshot Grid ── */
.rdd-snapshot-grid[b-zgcsn9uyh2] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.rdd-snap-card[b-zgcsn9uyh2] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid transparent;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.rdd-snap-icon[b-zgcsn9uyh2] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 18px;
    flex-shrink: 0;
}

.rdd-snap-content span[b-zgcsn9uyh2] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    opacity: .7;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 2px;
}

.rdd-snap-content strong[b-zgcsn9uyh2] {
    display: block;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.1;
}

.rdd-snap-content small[b-zgcsn9uyh2] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 2px;
}

/* Color variants */
.rdd-snap-primary[b-zgcsn9uyh2] { background: #eff6ff; border-color: #bfdbfe; color: #1e40af; }
.rdd-snap-primary .rdd-snap-icon[b-zgcsn9uyh2] { background: #2563eb; color: #fff; }
.rdd-snap-success[b-zgcsn9uyh2] { background: #f0fdf4; border-color: #bbf7d0; color: #14532d; }
.rdd-snap-success .rdd-snap-icon[b-zgcsn9uyh2] { background: #16a34a; color: #fff; }
.rdd-snap-warning[b-zgcsn9uyh2] { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.rdd-snap-warning .rdd-snap-icon[b-zgcsn9uyh2] { background: #f59e0b; color: #fff; }
.rdd-snap-info[b-zgcsn9uyh2] { background: #f0f9ff; border-color: #bae6fd; color: #0c4a6e; }
.rdd-snap-info .rdd-snap-icon[b-zgcsn9uyh2] { background: #0891b2; color: #fff; }
.rdd-snap-purple[b-zgcsn9uyh2] { background: #faf5ff; border-color: #e9d5ff; color: #4c1d95; }
.rdd-snap-purple .rdd-snap-icon[b-zgcsn9uyh2] { background: #7c3aed; color: #fff; }
.rdd-snap-danger[b-zgcsn9uyh2] { background: #fff1f2; border-color: #fecdd3; color: #881337; }
.rdd-snap-danger .rdd-snap-icon[b-zgcsn9uyh2] { background: #e11d48; color: #fff; }

/* ── Action Queue Summary ── */
.rdd-action-summary[b-zgcsn9uyh2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.rdd-action-summary-card[b-zgcsn9uyh2] {
    padding: 14px 16px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .05);
}

.rdd-action-summary-card span[b-zgcsn9uyh2] {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.rdd-action-summary-card strong[b-zgcsn9uyh2] {
    display: block;
    color: #0f172a;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.1;
    margin-top: 4px;
}

.rdd-action-summary-card small[b-zgcsn9uyh2] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.rdd-action-summary-high[b-zgcsn9uyh2] { border-left: 4px solid #dc2626; }
.rdd-action-summary-pricing[b-zgcsn9uyh2] { border-left: 4px solid #2563eb; }
.rdd-action-summary-inventory[b-zgcsn9uyh2] { border-left: 4px solid #7c3aed; }
.rdd-action-summary-impact[b-zgcsn9uyh2] { border-left: 4px solid #059669; }

/* ── Main Grid ── */
.rdd-main-grid[b-zgcsn9uyh2] {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 16px;
    margin-bottom: 0;
}

/* ── Action Grid ── */
.rdd-action-type[b-zgcsn9uyh2],
.rdd-action-status[b-zgcsn9uyh2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 24px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.rdd-action-type.pricing[b-zgcsn9uyh2] {
    background: #eff6ff;
    color: #1d4ed8;
}

.rdd-action-type.channel[b-zgcsn9uyh2] {
    background: #ecfeff;
    color: #0e7490;
}

.rdd-action-type.inventory[b-zgcsn9uyh2] {
    background: #faf5ff;
    color: #6d28d9;
}

.rdd-action-type.pickup[b-zgcsn9uyh2] {
    background: #fff7ed;
    color: #c2410c;
}

.rdd-action-type.competitor[b-zgcsn9uyh2] {
    background: #f8fafc;
    color: #334155;
}

.rdd-action-status.open[b-zgcsn9uyh2] {
    background: #fff1f2;
    color: #be123c;
}

.rdd-action-status.inprogress[b-zgcsn9uyh2] {
    background: #fffbeb;
    color: #b45309;
}

.rdd-action-status.done[b-zgcsn9uyh2] {
    background: #f0fdf4;
    color: #15803d;
}

.rdd-action-buttons[b-zgcsn9uyh2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* ── Legend ── */
.rdd-legend[b-zgcsn9uyh2] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    flex-wrap: wrap;
}

.rdd-legend-dot[b-zgcsn9uyh2] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 3px;
}

/* ── 90-Day Grid Cards ── */
.rdd-day-grid[b-zgcsn9uyh2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
    gap: 8px;
}

.rdd-day-card[b-zgcsn9uyh2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 6px;
    border-radius: 8px;
    border: 1px solid transparent;
    cursor: default;
    transition: transform .15s, box-shadow .15s;
}

.rdd-day-card:hover[b-zgcsn9uyh2] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

.rdd-day-date[b-zgcsn9uyh2] {
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
}

.rdd-day-mon[b-zgcsn9uyh2] {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .7;
    margin-bottom: 6px;
}

.rdd-day-occ[b-zgcsn9uyh2] {
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}

.rdd-day-rooms[b-zgcsn9uyh2] {
    font-size: 10px;
    font-weight: 600;
    opacity: .75;
    margin-top: 2px;
}

.rdd-day-pickup[b-zgcsn9uyh2] {
    font-size: 11px;
    font-weight: 800;
    margin-top: 3px;
}

/* Occupancy color classes */
.rdd-day--critical[b-zgcsn9uyh2] { background: #fff1f2; border-color: #fecdd3; color: #9f1239; }
.rdd-day--risk[b-zgcsn9uyh2] { background: #fff7ed; border-color: #fed7aa; color: #9a3412; }
.rdd-day--watch[b-zgcsn9uyh2] { background: #fefce8; border-color: #fde68a; color: #713f12; }
.rdd-day--good[b-zgcsn9uyh2] { background: #f0fdf4; border-color: #bbf7d0; color: #14532d; }
.rdd-day--full[b-zgcsn9uyh2] { background: #eff6ff; border-color: #bfdbfe; color: #1e3a8a; }

/* ── Up/Down delta colors ── */
.is-up[b-zgcsn9uyh2] { color: #059669; }
.is-down[b-zgcsn9uyh2] { color: #dc2626; }

/* ── Responsive ── */
@media (max-width: 1400px) {
    .rdd-snapshot-grid[b-zgcsn9uyh2] {
        grid-template-columns: repeat(3, 1fr);
    }
    .rdd-action-summary[b-zgcsn9uyh2] {
        grid-template-columns: repeat(2, 1fr);
    }
    .rdd-main-grid[b-zgcsn9uyh2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .rdd-snapshot-grid[b-zgcsn9uyh2] {
        grid-template-columns: repeat(2, 1fr);
    }
    .rdd-action-summary[b-zgcsn9uyh2] {
        grid-template-columns: 1fr;
    }
    .rdd-day-grid[b-zgcsn9uyh2] {
        grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
    }
}

@media (max-width: 480px) {
    .rdd-snapshot-grid[b-zgcsn9uyh2] {
        grid-template-columns: 1fr;
    }
}
/* /Presentation/Pages/Hospitality/RevenueDataEntry.razor.rz.scp.css */
.rde-page[b-ny1t69jjk4] {
    min-height: 100vh;
    padding: 1rem;
    background: #f4f7fb;
    color: #162033;
}

.rde-head[b-ny1t69jjk4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.rde-head h1[b-ny1t69jjk4] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0;
}

.rde-head p[b-ny1t69jjk4],
.rde-tablebar p[b-ny1t69jjk4] {
    margin: .15rem 0 0;
    color: #64748b;
    font-size: .82rem;
}

.rde-head__actions[b-ny1t69jjk4],
.rde-tablebar__actions[b-ny1t69jjk4] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.rde-btn[b-ny1t69jjk4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 34px;
    padding: .48rem .72rem;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #fff;
    color: #334155;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.rde-btn:hover:not(:disabled)[b-ny1t69jjk4] {
    border-color: #94a3b8;
    background: #f8fafc;
}

.rde-btn:disabled[b-ny1t69jjk4] {
    opacity: .55;
    cursor: not-allowed;
}

.rde-btn--primary[b-ny1t69jjk4] {
    background: #116a9b;
    border-color: #116a9b;
    color: #fff;
}

.rde-filters[b-ny1t69jjk4] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 110px minmax(240px, 1.6fr) 110px minmax(220px, 1.2fr);
    gap: .65rem;
    padding: .75rem;
    margin-bottom: .75rem;
    background: #fff;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
}

.rde-filters label[b-ny1t69jjk4] {
    display: flex;
    flex-direction: column;
    gap: .24rem;
    min-width: 0;
}

.rde-filters span[b-ny1t69jjk4] {
    color: #64748b;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.rde-filters strong[b-ny1t69jjk4],
.rde-filters select[b-ny1t69jjk4],
.rde-filters input[b-ny1t69jjk4] {
    min-height: 34px;
    padding: .42rem .55rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    color: #172033;
    font-size: .82rem;
    font-weight: 600;
}

.rde-filters strong[b-ny1t69jjk4] {
    display: flex;
    align-items: center;
    gap: .4rem;
    background: #f8fafc;
}

.rde-alert[b-ny1t69jjk4] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem .75rem;
    margin-bottom: .75rem;
    border-radius: 7px;
    font-size: .82rem;
    font-weight: 650;
}

.rde-alert--error[b-ny1t69jjk4] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.rde-alert--ok[b-ny1t69jjk4] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.rde-kpis[b-ny1t69jjk4] {
    display: grid;
    grid-template-columns: repeat(6, minmax(120px, 1fr));
    gap: .55rem;
    margin-bottom: .75rem;
}

.rde-kpis div[b-ny1t69jjk4] {
    min-width: 0;
    padding: .7rem .75rem;
    background: #fff;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
}

.rde-kpis span[b-ny1t69jjk4] {
    display: block;
    color: #64748b;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.rde-kpis strong[b-ny1t69jjk4] {
    display: block;
    margin-top: .2rem;
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
}

.rde-kpis .warn[b-ny1t69jjk4] {
    color: #b45309;
}

.rde-kpis .good[b-ny1t69jjk4] { color: #15803d; }
.rde-kpis .bad[b-ny1t69jjk4] { color: #b91c1c; }

.rde-control-strip[b-ny1t69jjk4]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.65rem .8rem;margin-bottom:.75rem;background:#fff;border:1px solid #dbe3ee;border-radius:8px}
.rde-control-strip__title[b-ny1t69jjk4]{display:flex;align-items:center;gap:.55rem;margin-right:auto}.rde-control-strip__title>i[b-ny1t69jjk4]{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#eef2ff;color:#4f46e5}.rde-control-strip__title div[b-ny1t69jjk4]{display:flex;flex-direction:column}.rde-control-strip__title strong[b-ny1t69jjk4]{font-size:.78rem}.rde-control-strip__title small[b-ny1t69jjk4]{font-size:.67rem;color:#64748b}
.rde-control-strip label[b-ny1t69jjk4]{display:flex;align-items:center;gap:.45rem}.rde-control-strip label>span[b-ny1t69jjk4]{font-size:.65rem;font-weight:800;color:#64748b;text-transform:uppercase}.rde-control-strip select[b-ny1t69jjk4]{height:32px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;padding:0 .5rem;font-size:.75rem;font-weight:700}
.rde-control-strip__legend[b-ny1t69jjk4]{display:flex;gap:.55rem;color:#64748b;font-size:.66rem}.rde-control-strip__legend span[b-ny1t69jjk4]{display:flex;align-items:center;gap:.25rem}.rde-control-strip__legend i[b-ny1t69jjk4]{width:7px;height:7px;border-radius:50%}.rde-control-strip__legend .budget[b-ny1t69jjk4]{background:#116a9b}.rde-control-strip__legend .actual[b-ny1t69jjk4]{background:#94a3b8}.rde-control-strip__legend .variance[b-ny1t69jjk4]{background:#f59e0b}.rde-badge[b-ny1t69jjk4]{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#b45309;color:#fff;font-size:.6rem}
.rde-pill--compare[b-ny1t69jjk4]{background:#f3e8ff;color:#7e22ce}
.rde-quality[b-ny1t69jjk4]{margin-bottom:.75rem;padding:.8rem;background:#fff;border:1px solid #dbe3ee;border-radius:8px}.rde-quality header[b-ny1t69jjk4]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.rde-quality header span[b-ny1t69jjk4]{font-size:.58rem;font-weight:900;letter-spacing:.08em;color:#0f766e}.rde-quality header h2[b-ny1t69jjk4]{margin:.1rem 0 0;font-size:.9rem}.rde-quality header>strong[b-ny1t69jjk4]{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:1rem}.rde-quality header>strong.ok[b-ny1t69jjk4]{background:#dcfce7;color:#15803d}.rde-quality header>strong.warn[b-ny1t69jjk4]{background:#fef3c7;color:#b45309}.rde-quality header>strong.bad[b-ny1t69jjk4]{background:#fee2e2;color:#b91c1c}.rde-quality__empty[b-ny1t69jjk4]{display:flex;align-items:center;gap:.45rem;padding:.55rem;border-radius:6px;background:#f0fdf4;color:#166534;font-size:.75rem}.rde-quality__list[b-ny1t69jjk4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.rde-quality__list>div[b-ny1t69jjk4]{display:grid;grid-template-columns:18px 1fr;gap:.4rem;padding:.48rem;border:1px solid #e2e8f0;border-radius:6px}.rde-quality__list>div.critical[b-ny1t69jjk4]{background:#fff1f2;border-color:#fecdd3;color:#be123c}.rde-quality__list>div.warning[b-ny1t69jjk4]{background:#fffbeb;border-color:#fde68a;color:#a16207}.rde-quality__list span[b-ny1t69jjk4]{display:flex;flex-direction:column}.rde-quality__list strong[b-ny1t69jjk4]{font-size:.7rem}.rde-quality__list small[b-ny1t69jjk4]{font-size:.63rem;color:#64748b}

.rde-workspace[b-ny1t69jjk4] {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: .8rem;
    align-items: start;
}

.rde-sidebar[b-ny1t69jjk4] {
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.rde-panel[b-ny1t69jjk4],
.rde-main[b-ny1t69jjk4] {
    background: #fff;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
}

.rde-panel[b-ny1t69jjk4] {
    padding: .75rem;
}

.rde-panel h2[b-ny1t69jjk4],
.rde-tablebar h2[b-ny1t69jjk4] {
    margin: 0 0 .55rem;
    color: #0f172a;
    font-size: .9rem;
    font-weight: 850;
}

.rde-crumb[b-ny1t69jjk4] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .48rem .55rem;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #334155;
    font-size: .8rem;
    text-align: left;
    cursor: pointer;
}

.rde-crumb:hover[b-ny1t69jjk4],
.rde-crumb.active[b-ny1t69jjk4] {
    background: #eaf4fb;
    color: #0b5c89;
}

.rde-metrics[b-ny1t69jjk4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .35rem;
}

.rde-metrics button[b-ny1t69jjk4] {
    min-height: 32px;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: #f8fafc;
    color: #334155;
    font-size: .74rem;
    font-weight: 750;
    cursor: pointer;
}

.rde-metrics button.active[b-ny1t69jjk4] {
    background: #116a9b;
    border-color: #116a9b;
    color: #fff;
}

.muted[b-ny1t69jjk4] {
    margin: 0;
    color: #94a3b8;
    font-size: .78rem;
}

.rde-mix[b-ny1t69jjk4] {
    margin-bottom: .5rem;
}

.rde-mix div[b-ny1t69jjk4] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .18rem;
    color: #475569;
    font-size: .76rem;
}

.rde-mix strong[b-ny1t69jjk4] {
    color: #0f172a;
}

.rde-mix .bar[b-ny1t69jjk4] {
    display: block;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef2f7;
}

.rde-mix .bar i[b-ny1t69jjk4] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.rde-main[b-ny1t69jjk4] {
    min-width: 0;
    overflow: hidden;
}

.rde-tablebar[b-ny1t69jjk4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem;
    border-bottom: 1px solid #e2e8f0;
}

.rde-tablebar h2[b-ny1t69jjk4] {
    margin-bottom: 0;
}
.rde-view-toggle[b-ny1t69jjk4]{display:flex;padding:3px;border:1px solid #e2e8f0;border-radius:7px;background:#f1f5f9}.rde-view-toggle button[b-ny1t69jjk4]{display:flex;align-items:center;gap:.35rem;height:29px;padding:0 .65rem;border:0;border-radius:5px;background:transparent;color:#64748b;font-size:.68rem;font-weight:800}.rde-view-toggle button.active[b-ny1t69jjk4]{background:#fff;color:#116a9b;box-shadow:0 1px 4px rgba(15,23,42,.12)}
.rde-driver-empty[b-ny1t69jjk4]{display:flex;min-height:410px;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.rde-driver-empty>i[b-ny1t69jjk4]{font-size:2.2rem;color:#94a3b8}.rde-driver-empty h3[b-ny1t69jjk4]{margin:.7rem 0 .3rem;font-size:1rem}.rde-driver-empty p[b-ny1t69jjk4]{max-width:520px;margin:0 0 1rem;color:#64748b;font-size:.75rem;line-height:1.5}
.rde-driver-head[b-ny1t69jjk4]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fbff,#eff6ff)}.rde-driver-head>div>span[b-ny1t69jjk4]{font-size:.58rem;font-weight:900;letter-spacing:.08em;color:#0f766e}.rde-driver-head h3[b-ny1t69jjk4]{margin:.15rem 0;font-size:.95rem}.rde-driver-head p[b-ny1t69jjk4]{margin:0;color:#64748b;font-size:.65rem}.rde-driver-kpis[b-ny1t69jjk4]{display:flex;gap:.4rem}.rde-driver-kpis span[b-ny1t69jjk4]{display:flex;min-width:82px;flex-direction:column;padding:.45rem .6rem;border:1px solid #dbe3ee;border-radius:6px;background:#fff}.rde-driver-kpis small[b-ny1t69jjk4]{color:#64748b;font-size:.56rem;text-transform:uppercase}.rde-driver-kpis strong[b-ny1t69jjk4]{font-size:.85rem}
.rde-driver-grid[b-ny1t69jjk4]{max-height:calc(100vh - 360px);overflow:auto}.rde-driver-grid table[b-ny1t69jjk4]{width:100%;min-width:1200px;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.rde-driver-grid th[b-ny1t69jjk4],.rde-driver-grid td[b-ny1t69jjk4]{width:72px;padding:.35rem;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;text-align:right}.rde-driver-grid thead th[b-ny1t69jjk4]{position:sticky;top:0;z-index:2;background:#152c44;color:#fff;font-size:.62rem}.rde-driver-grid .metric[b-ny1t69jjk4]{position:sticky;left:0;z-index:3;width:205px;text-align:left}.rde-driver-grid tbody .metric[b-ny1t69jjk4]{background:#fff}.rde-driver-grid tr.calculated[b-ny1t69jjk4]{background:#f8fafc}.rde-driver-grid tr.calculated .metric[b-ny1t69jjk4]{background:#f8fafc}.rde-driver-grid tr:nth-last-child(-n+2)[b-ny1t69jjk4]{background:#ecfdf5}.rde-driver-grid tr:nth-last-child(-n+2) .metric[b-ny1t69jjk4]{background:#ecfdf5}.rde-driver-grid .metric span[b-ny1t69jjk4]{display:grid;grid-template-columns:20px 1fr;align-items:center}.rde-driver-grid .metric i[b-ny1t69jjk4]{grid-row:1/3;color:#116a9b}.rde-driver-grid .metric b[b-ny1t69jjk4]{font-size:.69rem}.rde-driver-grid .metric small[b-ny1t69jjk4]{font-size:.54rem;color:#94a3b8;text-transform:uppercase}.rde-driver-grid input[b-ny1t69jjk4]{width:100%;height:27px;border:1px solid #bfdbfe;border-radius:4px;background:#eff6ff;text-align:right;font-size:.68rem;font-weight:700}.rde-driver-grid td>strong[b-ny1t69jjk4]{font-size:.68rem}.rde-driver-grid .reference[b-ny1t69jjk4]{display:block;margin-top:2px;color:#94a3b8;font-size:.52rem}.rde-driver-grid .annual[b-ny1t69jjk4]{background:#f1f5f9;font-size:.7rem;font-weight:900}.rde-driver-foot[b-ny1t69jjk4]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .8rem;border-top:1px solid #e2e8f0}.rde-driver-foot>span[b-ny1t69jjk4]{color:#64748b;font-size:.63rem}.rde-driver-foot i[b-ny1t69jjk4]{color:#2563eb}

.rde-pill[b-ny1t69jjk4] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .22rem .55rem;
    border-radius: 999px;
    background: #eef6ff;
    color: #0b5c89;
    font-size: .72rem;
    font-weight: 800;
}

.rde-empty[b-ny1t69jjk4] {
    padding: 3rem 1rem;
    text-align: center;
    color: #64748b;
    font-weight: 700;
}

.rde-empty i[b-ny1t69jjk4] {
    margin-right: .45rem;
}

.rde-grid[b-ny1t69jjk4] {
    overflow: auto;
    max-height: calc(100vh - 335px);
}

.rde-grid table[b-ny1t69jjk4] {
    width: 100%;
    min-width: 1240px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.rde-grid th[b-ny1t69jjk4],
.rde-grid td[b-ny1t69jjk4] {
    width: 76px;
    padding: .42rem .36rem;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    text-align: right;
    font-size: .78rem;
    vertical-align: middle;
}

.rde-grid th[b-ny1t69jjk4] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f8fafc;
    color: #475569;
    font-size: .7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.rde-compare-value[b-ny1t69jjk4]{display:flex;align-items:center;justify-content:flex-end;gap:.22rem;margin-top:2px;font-variant-numeric:tabular-nums}.rde-compare-value small[b-ny1t69jjk4]{color:#94a3b8;font-size:.58rem}.rde-compare-value b[b-ny1t69jjk4]{font-size:.56rem}.rde-compare-value .positive[b-ny1t69jjk4]{color:#15803d}.rde-compare-value .negative[b-ny1t69jjk4]{color:#dc2626}

.rde-grid th.name[b-ny1t69jjk4],
.rde-grid td.name[b-ny1t69jjk4] {
    position: sticky;
    left: 0;
    z-index: 3;
    width: 320px;
    text-align: left;
    background: #fff;
}

.rde-grid th.name[b-ny1t69jjk4] {
    background: #f8fafc;
    z-index: 4;
}

.rde-grid tr.parent td[b-ny1t69jjk4] {
    background: #fbfdff;
}

.rde-grid tr.parent td.name[b-ny1t69jjk4] {
    background: #fbfdff;
}

.rde-node[b-ny1t69jjk4] {
    display: flex;
    align-items: center;
    gap: .55rem;
    width: 100%;
    min-width: 0;
    color: #172033;
}

.rde-node i[b-ny1t69jjk4] {
    color: #64748b;
}

.rde-node span[b-ny1t69jjk4] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.rde-node b[b-ny1t69jjk4],
.rde-node small[b-ny1t69jjk4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rde-node b[b-ny1t69jjk4] {
    font-size: .82rem;
}

.rde-node small[b-ny1t69jjk4] {
    margin-top: .08rem;
    color: #94a3b8;
    font-size: .68rem;
}

.rde-node--button[b-ny1t69jjk4] {
    border: none;
    background: transparent;
    padding: 0;
    text-align: left;
    cursor: pointer;
}

.rde-node--button:hover b[b-ny1t69jjk4] {
    color: #0b5c89;
}

.rde-node--button > i:last-child[b-ny1t69jjk4] {
    margin-left: auto;
    color: #94a3b8;
}

.rde-cell[b-ny1t69jjk4] {
    width: 100%;
    min-height: 28px;
    padding: .2rem .28rem;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #0f172a;
    text-align: right;
    font-size: .78rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.rde-cell:hover[b-ny1t69jjk4] {
    border-color: #cbd5e1;
    background: #fff;
}

.rde-cell:focus[b-ny1t69jjk4] {
    outline: none;
    border-color: #116a9b;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(17, 106, 155, .12);
}

.rde-value[b-ny1t69jjk4] {
    color: #334155;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.rde-status[b-ny1t69jjk4] {
    display: inline-flex;
    justify-content: center;
    min-width: 64px;
    padding: .18rem .42rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 850;
}

.rde-status.dirty[b-ny1t69jjk4] {
    background: #fef3c7;
    color: #92400e;
}

.rde-status.ok[b-ny1t69jjk4] {
    background: #dcfce7;
    color: #166534;
}

.rde-status.empty[b-ny1t69jjk4] {
    background: #f1f5f9;
    color: #64748b;
}

@media (max-width: 1200px) {
    .rde-filters[b-ny1t69jjk4],
    .rde-kpis[b-ny1t69jjk4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rde-workspace[b-ny1t69jjk4] {
        grid-template-columns: 1fr;
    }

    .rde-sidebar[b-ny1t69jjk4] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .rde-head[b-ny1t69jjk4],
    .rde-tablebar[b-ny1t69jjk4] {
        flex-direction: column;
        align-items: stretch;
    }

    .rde-filters[b-ny1t69jjk4],
    .rde-kpis[b-ny1t69jjk4],
    .rde-sidebar[b-ny1t69jjk4] {
        grid-template-columns: 1fr;
    }

    .rde-quality__list[b-ny1t69jjk4] {
        grid-template-columns: 1fr;
    }
}

/* ── Planlama Araç Çubuğu (Dağıt / Ayarla / Geri Al) ── */
.rde-protoolbar[b-ny1t69jjk4] {
    display: flex;
    align-items: flex-end;
    gap: .85rem;
    flex-wrap: wrap;
    padding: .65rem .9rem;
    margin-bottom: .65rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 6px 18px -14px rgba(15, 23, 42, .35);
}

.rde-pt-mode[b-ny1t69jjk4] {
    display: inline-flex;
    padding: 3px;
    gap: 2px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.rde-pt-mode button[b-ny1t69jjk4] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    height: 30px;
    padding: 0 .75rem;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
}

.rde-pt-mode button:hover[b-ny1t69jjk4] { color: #1e293b; }

.rde-pt-mode button.on[b-ny1t69jjk4] {
    background: #fff;
    color: #1d4ed8;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .14);
}

.rde-pt-field[b-ny1t69jjk4] { display: flex; flex-direction: column; gap: .2rem; }

.rde-pt-field > span[b-ny1t69jjk4] {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #94a3b8;
    white-space: nowrap;
}

.rde-pt-field input[b-ny1t69jjk4],
.rde-pt-field select[b-ny1t69jjk4] {
    height: 32px;
    min-width: 130px;
    padding: 0 .5rem;
    border: 1px solid #dbe3ef;
    border-radius: 7px;
    font-size: .8rem;
    font-weight: 600;
    color: #0f172a;
    background: #fff;
    outline: none;
}

.rde-pt-field input:focus[b-ny1t69jjk4],
.rde-pt-field select:focus[b-ny1t69jjk4] { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); }

.rde-pt-hint[b-ny1t69jjk4] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .7rem;
    color: #64748b;
    max-width: 300px;
    line-height: 1.3;
    padding-bottom: .35rem;
}

.rde-pt-hint i[b-ny1t69jjk4] { color: #3b82f6; }

.rde-pt-actions[b-ny1t69jjk4] { display: flex; align-items: center; gap: .4rem; padding-bottom: 1px; }

.rde-pt-selected[b-ny1t69jjk4] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-left: auto;
    padding: .3rem .65rem;
    border-radius: 999px;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    color: #4338ca;
    font-size: .72rem;
    font-weight: 700;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rde-pt-selected.none[b-ny1t69jjk4] {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #94a3b8;
    font-weight: 600;
}

/* ── Seçilebilir yaprak satır ── */
.rde-node--selectable[b-ny1t69jjk4] { cursor: pointer; border-radius: 7px; padding: 2px 6px; margin: -2px -6px; transition: background .12s; }
.rde-node--selectable:hover[b-ny1t69jjk4] { background: #f1f5f9; }
.rde-node--selectable.selected[b-ny1t69jjk4] { background: #eef2ff; outline: 1px solid #c7d2fe; }
.rde-node-check[b-ny1t69jjk4] { color: #4f46e5; font-size: .72rem; margin-left: .35rem; }
/* /Presentation/Pages/Hospitality/RevenueManagementDashboard.razor.rz.scp.css */
.rmx[b-0qdw9dv7n1] {
    --line: #dbe4f0;
    --ink: #10224a;
    --muted: #64748b;
    --bg: #f7faff;
    color: var(--ink);
    padding: 18px;
    background: #fff;
}

.rmx__head[b-0qdw9dv7n1],
.rmx__filters[b-0qdw9dv7n1],
.rmx__panel[b-0qdw9dv7n1],
.rmx__kpi[b-0qdw9dv7n1] {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
}

.rmx__head[b-0qdw9dv7n1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    margin-bottom: 12px;
}

.rmx__head h1[b-0qdw9dv7n1] {
    margin: 0;
    font-size: 26px;
    letter-spacing: 0;
}

.rmx__head p[b-0qdw9dv7n1] {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.rmx__actions[b-0qdw9dv7n1],
.rmx__filters[b-0qdw9dv7n1] {
    display: flex;
    align-items: end;
    gap: 10px;
    flex-wrap: wrap;
}

.rmx__filters[b-0qdw9dv7n1] {
    padding: 10px 12px;
    margin-bottom: 12px;
}

.rmx__filters label[b-0qdw9dv7n1] {
    display: grid;
    gap: 4px;
    min-width: 150px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
}

.rmx__filters input[b-0qdw9dv7n1],
.rmx__filters select[b-0qdw9dv7n1] {
    height: 34px;
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 0 10px;
    color: var(--ink);
    background: #fff;
}

.rmx__btn[b-0qdw9dv7n1] {
    height: 34px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #fff;
    color: var(--ink);
    padding: 0 12px;
    font-weight: 700;
}

.rmx__btn--primary[b-0qdw9dv7n1] {
    color: #fff;
    border-color: #0f62fe;
    background: #0f62fe;
}

.rmx__alert[b-0qdw9dv7n1],
.rmx__empty[b-0qdw9dv7n1] {
    border-radius: 8px;
    padding: 16px;
    border: 1px solid var(--line);
    background: var(--bg);
}

.rmx__alert--danger[b-0qdw9dv7n1] {
    border-color: #fecaca;
    color: #991b1b;
    background: #fff1f2;
}

.rmx__alert--info[b-0qdw9dv7n1] {
    border-color: #bae6fd;
    color: #075985;
    background: #f0f9ff;
}

/* Expandable hierarchy rows */
.rmx__table--tree tr.is-parent th[b-0qdw9dv7n1] { cursor: pointer; user-select: none; }
.rmx__tree-toggle[b-0qdw9dv7n1] {
    display: inline-flex;
    width: 16px;
    justify-content: center;
    margin-right: 4px;
    color: #2563eb;
    transition: transform .15s ease;
}
.rmx__tree-toggle.collapsed[b-0qdw9dv7n1] { transform: rotate(-90deg); }
.rmx__tree-spacer[b-0qdw9dv7n1] { display: inline-block; width: 16px; margin-right: 4px; }

.rmx__kpis[b-0qdw9dv7n1] {
    display: grid;
    grid-template-columns: repeat(8, minmax(130px, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.rmx__kpi[b-0qdw9dv7n1] {
    position: relative;
    min-height: 108px;
    padding: 12px 12px 8px 48px;
    overflow: hidden;
}

.rmx__kpi-icon[b-0qdw9dv7n1] {
    position: absolute;
    left: 12px;
    top: 14px;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    color: #fff;
    background: var(--accent);
}

.rmx__kpi span[b-0qdw9dv7n1] {
    display: block;
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
}

.rmx__kpi strong[b-0qdw9dv7n1] {
    display: block;
    margin-top: 4px;
    font-size: 18px;
}

.rmx__kpi small[b-0qdw9dv7n1] {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    font-weight: 800;
}

.rmx__kpi svg[b-0qdw9dv7n1] {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 8px;
    width: calc(100% - 24px);
    height: 26px;
    color: var(--accent);
}

.is-up[b-0qdw9dv7n1] {
    color: #059669;
}

.is-down[b-0qdw9dv7n1] {
    color: #dc2626;
}

.rmx__layout[b-0qdw9dv7n1] {
    display: grid;
    grid-template-columns: 2fr 1.15fr 1.1fr;
    gap: 12px;
}

.rmx__panel[b-0qdw9dv7n1] {
    min-width: 0;
    padding: 12px;
}

.rmx__panel--wide[b-0qdw9dv7n1] {
    grid-column: span 2;
}

.rmx__panel--insights[b-0qdw9dv7n1] {
    grid-row: span 2;
}

.rmx__panel-head[b-0qdw9dv7n1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.rmx__panel-head h2[b-0qdw9dv7n1] {
    margin: 0;
    font-size: 14px;
    letter-spacing: 0;
}

.rmx__panel-head span[b-0qdw9dv7n1] {
    color: var(--muted);
    font-size: 11px;
}

.rmx__panel-head-right[b-0qdw9dv7n1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rmx__trend[b-0qdw9dv7n1] {
    height: 260px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 8px;
    align-items: end;
    padding: 10px 4px 0;
    border-bottom: 1px solid var(--line);
}

.rmx__trend-col[b-0qdw9dv7n1] {
    display: grid;
    grid-template-rows: 1fr 18px;
    gap: 5px;
    height: 100%;
    text-align: center;
    font-size: 11px;
    color: var(--muted);
}

.rmx__bar-stack[b-0qdw9dv7n1] {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 3px;
}

.rmx__bar-stack span[b-0qdw9dv7n1] {
    width: 14px;
    min-height: 4px;
    border-radius: 4px 4px 0 0;
}

.rmx__bar-stack .actual[b-0qdw9dv7n1],
.rmx__legend .actual[b-0qdw9dv7n1] {
    background: #2563eb;
}

.rmx__bar-stack .budget[b-0qdw9dv7n1],
.rmx__legend .budget[b-0qdw9dv7n1] {
    background: #16a34a;
}

.rmx__legend[b-0qdw9dv7n1] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    color: var(--muted);
    font-size: 12px;
}

.rmx__legend span[b-0qdw9dv7n1] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

.rmx__pace[b-0qdw9dv7n1] {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 14px;
    align-items: center;
}

.rmx__gauge[b-0qdw9dv7n1] {
    width: 120px;
    height: 120px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(#16a34a calc(var(--pct) * 1%), #e5e7eb 0);
}

.rmx__gauge[b-0qdw9dv7n1]::before {
    content: "";
    position: absolute;
}

.rmx__gauge strong[b-0qdw9dv7n1],
.rmx__gauge span[b-0qdw9dv7n1] {
    z-index: 1;
}

.rmx__gauge strong[b-0qdw9dv7n1] {
    align-self: end;
    font-size: 24px;
}

.rmx__gauge span[b-0qdw9dv7n1] {
    align-self: start;
    color: var(--muted);
    font-size: 11px;
}

.rmx__pace dl[b-0qdw9dv7n1] {
    margin: 0;
    display: grid;
    gap: 8px;
}

.rmx__pace div[b-0qdw9dv7n1] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.rmx__pace dt[b-0qdw9dv7n1] {
    color: var(--muted);
}

.rmx__pace dd[b-0qdw9dv7n1] {
    margin: 0;
    font-weight: 800;
}

.rmx__donut[b-0qdw9dv7n1] {
    width: 180px;
    height: 180px;
    display: grid;
    place-items: center;
    margin: 0 auto 10px;
    border-radius: 50%;
}

.rmx__donut[b-0qdw9dv7n1]::before {
    content: "";
    position: absolute;
}

.rmx__donut strong[b-0qdw9dv7n1],
.rmx__donut span[b-0qdw9dv7n1] {
    position: relative;
    display: block;
    width: 112px;
    text-align: center;
    border-radius: 999px;
    background: #fff;
}

.rmx__donut strong[b-0qdw9dv7n1] {
    align-self: end;
    padding-top: 38px;
    font-size: 13px;
}

.rmx__donut span[b-0qdw9dv7n1] {
    align-self: start;
    padding-bottom: 38px;
    color: var(--muted);
    font-size: 10px;
}

.rmx__mix-list[b-0qdw9dv7n1],
.rmx__rank[b-0qdw9dv7n1] {
    display: grid;
    gap: 7px;
}

.rmx__mix-list div[b-0qdw9dv7n1] {
    display: grid;
    grid-template-columns: 10px 1fr auto;
    gap: 8px;
    align-items: center;
    font-size: 12px;
}

.rmx__mix-list i[b-0qdw9dv7n1] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.rmx__rank div[b-0qdw9dv7n1] {
    display: grid;
    grid-template-columns: 70px 1fr 64px;
    gap: 8px;
    align-items: center;
    font-size: 12px;
}

.rmx__rank b[b-0qdw9dv7n1] {
    height: 8px;
    border-radius: 999px;
    background: #2563eb;
}

.rmx__rank strong[b-0qdw9dv7n1] {
    text-align: right;
}

.rmx__table-wrap[b-0qdw9dv7n1] {
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.rmx__table[b-0qdw9dv7n1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.rmx__table th[b-0qdw9dv7n1],
.rmx__table td[b-0qdw9dv7n1] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    text-align: right;
    white-space: nowrap;
}

.rmx__table th:first-child[b-0qdw9dv7n1],
.rmx__table td:first-child[b-0qdw9dv7n1] {
    text-align: left;
}

.rmx__table thead th[b-0qdw9dv7n1] {
    color: #334155;
    background: #f8fafc;
    font-size: 11px;
}

.rmx__table tbody tr:hover[b-0qdw9dv7n1] {
    background: #f8fbff;
}

.rmx__table--tree tr.level-0 th[b-0qdw9dv7n1] {
    font-weight: 800;
    color: #0f62fe;
}

.rmx__table--tree tr.level-1 th[b-0qdw9dv7n1] {
    color: #16a34a;
}

.rmx__table--tree tr.level-2 th[b-0qdw9dv7n1] {
    color: #7c3aed;
}

.rmx__insight[b-0qdw9dv7n1] {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    margin-bottom: 8px;
}

.rmx__insight i[b-0qdw9dv7n1] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eff6ff;
    color: #2563eb;
}

.rmx__insight.good i[b-0qdw9dv7n1] {
    color: #059669;
    background: #ecfdf5;
}

.rmx__insight.warn i[b-0qdw9dv7n1] {
    color: #f97316;
    background: #fff7ed;
}

.rmx__insight.bad i[b-0qdw9dv7n1] {
    color: #dc2626;
    background: #fef2f2;
}

.rmx__insight strong[b-0qdw9dv7n1] {
    font-size: 12px;
}

.rmx__insight p[b-0qdw9dv7n1] {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.35;
}

@media (max-width: 1280px) {
    .rmx__kpis[b-0qdw9dv7n1] {
        grid-template-columns: repeat(4, 1fr);
    }

    .rmx__layout[b-0qdw9dv7n1] {
        grid-template-columns: 1fr;
    }

    .rmx__panel--wide[b-0qdw9dv7n1],
    .rmx__panel--insights[b-0qdw9dv7n1] {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 720px) {
    .rmx[b-0qdw9dv7n1] {
        padding: 10px;
    }

    .rmx__head[b-0qdw9dv7n1] {
        align-items: stretch;
        flex-direction: column;
    }

    .rmx__kpis[b-0qdw9dv7n1] {
        grid-template-columns: 1fr;
    }

    .rmx__pace[b-0qdw9dv7n1] {
        grid-template-columns: 1fr;
    }
}

/* ── Filter bar (Syncfusion version) ── */
.rmx__filterbar[b-0qdw9dv7n1] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
    padding: 12px 16px;
    margin-bottom: 12px;
}

.rmx__filter-field[b-0qdw9dv7n1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rmx__filter-field label[b-0qdw9dv7n1] {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.rmx__filter-actions[b-0qdw9dv7n1] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

/* ── Channel performance table ── */
.rmx__table--channel .rmx__th-group[b-0qdw9dv7n1] {
    text-align: center;
    background: #f0f4ff;
    font-size: 11px;
    border-bottom: 2px solid var(--line);
}

.rmx__table--channel thead tr:nth-child(2) th[b-0qdw9dv7n1] {
    font-size: 10px;
    color: var(--muted);
    background: #f8fafc;
}

.rmx__tr-total[b-0qdw9dv7n1] {
    background: #f0f4ff;
    font-weight: 700;
}

.rmx__empty-cell[b-0qdw9dv7n1] {
    text-align: center;
    color: var(--muted);
    padding: 24px !important;
}

/* ── Dual chart (replaces dual-donut) ── */
.rmx__dual-chart[b-0qdw9dv7n1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.rmx__chart-block[b-0qdw9dv7n1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rmx__sub-title[b-0qdw9dv7n1] {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ink);
    text-align: center;
}

@media (max-width: 900px) {
    .rmx__dual-chart[b-0qdw9dv7n1] {
        grid-template-columns: 1fr;
    }
}

/* ── Bottom KPI strip ── */
.rmx__bottom-strip[b-0qdw9dv7n1] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-top: 12px;
}

.rmx__strip-kpi[b-0qdw9dv7n1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(15,23,42,.04);
}

.rmx__strip-icon[b-0qdw9dv7n1] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #eff6ff;
    color: #2563eb;
    display: grid;
    place-items: center;
    font-size: 14px;
    flex-shrink: 0;
}

.rmx__strip-label[b-0qdw9dv7n1] {
    font-size: 10px;
    font-weight: 700;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.rmx__strip-value[b-0qdw9dv7n1] {
    font-size: 18px;
    font-weight: 800;
    color: var(--ink);
}

.rmx__strip-delta[b-0qdw9dv7n1] {
    font-size: 11px;
    font-weight: 700;
}

.rmx__strip-delta small[b-0qdw9dv7n1] {
    font-weight: 400;
    color: var(--muted);
    margin-left: 4px;
}

/* ── Insight redesign ── */
.rmx__insight--good .rmx__insight-icon[b-0qdw9dv7n1] { color: #059669; background: #ecfdf5; }
.rmx__insight--warn .rmx__insight-icon[b-0qdw9dv7n1] { color: #f97316; background: #fff7ed; }
.rmx__insight--bad  .rmx__insight-icon[b-0qdw9dv7n1] { color: #dc2626; background: #fef2f2; }
.rmx__insight--info .rmx__insight-icon[b-0qdw9dv7n1] { color: #2563eb; background: #eff6ff; }

.rmx__insight[b-0qdw9dv7n1] {
    display: grid;
    grid-template-columns: 32px 1fr auto;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    margin-bottom: 8px;
    align-items: start;
}

.rmx__insight-icon[b-0qdw9dv7n1] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: 13px;
}

.rmx__insight-badge[b-0qdw9dv7n1] {
    font-size: 10px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 999px;
    height: fit-content;
}

.rmx__insight-badge--good[b-0qdw9dv7n1] { background: #dcfce7; color: #059669; }
.rmx__insight-badge--warn[b-0qdw9dv7n1] { background: #ffedd5; color: #ea580c; }
.rmx__insight-badge--bad[b-0qdw9dv7n1]  { background: #fee2e2; color: #dc2626; }
.rmx__insight-badge--info[b-0qdw9dv7n1] { background: #dbeafe; color: #2563eb; }

.rmx__insights-more[b-0qdw9dv7n1] {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #2563eb;
    text-decoration: none;
    text-align: right;
}

/* ── Pace DL (below gauge chart) ── */
.rmx__pace-dl[b-0qdw9dv7n1] {
    margin: 8px 0 0;
    display: grid;
    gap: 6px;
    padding: 8px 12px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid var(--line);
}

.rmx__pace-dl div[b-0qdw9dv7n1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.rmx__pace-dl dt[b-0qdw9dv7n1] {
    color: var(--muted);
    font-weight: 500;
}

.rmx__pace-dl dd[b-0qdw9dv7n1] {
    margin: 0;
    font-weight: 800;
    font-size: 13px;
}

/* ── Quick links in insights panel ── */
.rmx__quick-links[b-0qdw9dv7n1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

.rmx__quick-link[b-0qdw9dv7n1] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 7px;
    font-size: 11px;
    font-weight: 700;
    color: #2563eb;
    text-decoration: none;
    transition: background .15s, border-color .15s;
}

.rmx__quick-link:hover[b-0qdw9dv7n1] {
    background: #eff6ff;
    border-color: #93c5fd;
}

@media (max-width: 1280px) {
    .rmx__bottom-strip[b-0qdw9dv7n1] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 720px) {
    .rmx__bottom-strip[b-0qdw9dv7n1] {
        grid-template-columns: repeat(2, 1fr);
    }
    .rmx__dual-donut[b-0qdw9dv7n1] {
        grid-template-columns: 1fr;
    }
}
/* /Presentation/Pages/Hospitality/RoomInventoryManagement.razor.rz.scp.css */
/* Room Inventory Management Styles */
.inventory-management-container[b-8fsrg8lzb3] {
    padding: 20px;
    background: #f8f9fa;
    min-height: calc(100vh - 100px);
}

.page-header[b-8fsrg8lzb3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.page-header h3[b-8fsrg8lzb3] {
    margin: 0;
    color: #2c3e50;
    font-size: 1.5em;
}

.page-header h3 i[b-8fsrg8lzb3] {
    margin-right: 10px;
    color: #3498db;
}

.header-actions[b-8fsrg8lzb3] {
    display: flex;
    gap: 10px;
}

.filters-section[b-8fsrg8lzb3] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.filter-row[b-8fsrg8lzb3] {
    display: flex;
    gap: 20px;
    align-items: flex-end;
}

.filter-item[b-8fsrg8lzb3] {
    flex: 1;
    min-width: 200px;
}

.filter-item label[b-8fsrg8lzb3] {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #555;
}

.loading-container[b-8fsrg8lzb3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.loading-container p[b-8fsrg8lzb3] {
    margin-top: 15px;
    color: #666;
    font-size: 1.1em;
}

.inventory-grid-section[b-8fsrg8lzb3] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.grid-toolbar[b-8fsrg8lzb3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e9ecef;
}

.toolbar-left[b-8fsrg8lzb3] {
    display: flex;
    gap: 15px;
}

.toolbar-right[b-8fsrg8lzb3] {
    display: flex;
    gap: 10px;
}

.info-badge[b-8fsrg8lzb3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.95em;
}

.info-badge i[b-8fsrg8lzb3] {
    font-size: 1.1em;
}

.action-buttons[b-8fsrg8lzb3] {
    display: flex;
    gap: 5px;
    justify-content: center;
}

.badge[b-8fsrg8lzb3] {
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.9em;
}

.badge-success[b-8fsrg8lzb3] {
    background: #28a745;
    color: white;
}

.badge-warning[b-8fsrg8lzb3] {
    background: #ffc107;
    color: #212529;
}

.badge-info[b-8fsrg8lzb3] {
    background: #17a2b8;
    color: white;
}

.badge-primary[b-8fsrg8lzb3] {
    background: #007bff;
    color: white;
}

.badge-danger[b-8fsrg8lzb3] {
    background: #dc3545;
    color: white;
}

.bulk-ooo-form[b-8fsrg8lzb3] {
    padding: 10px 0;
}

.bulk-ooo-form .form-group[b-8fsrg8lzb3] {
    margin-bottom: 20px;
}

.bulk-ooo-form label[b-8fsrg8lzb3] {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
}

.alert[b-8fsrg8lzb3] {
    padding: 12px 15px;
    border-radius: 6px;
    margin-top: 15px;
}

.alert-info[b-8fsrg8lzb3] {
    background: #d1ecf1;
    border: 1px solid #bee5eb;
    color: #0c5460;
}

.alert i[b-8fsrg8lzb3] {
    margin-right: 8px;
}

/* Responsive Design */
@media (max-width: 992px) {
    .filter-row[b-8fsrg8lzb3] {
        flex-direction: column;
    }

    .filter-item[b-8fsrg8lzb3] {
        width: 100%;
        min-width: unset;
    }

    .grid-toolbar[b-8fsrg8lzb3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .toolbar-left[b-8fsrg8lzb3],
    .toolbar-right[b-8fsrg8lzb3] {
        width: 100%;
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .page-header[b-8fsrg8lzb3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .header-actions[b-8fsrg8lzb3] {
        width: 100%;
        justify-content: flex-start;
    }

    .info-badge[b-8fsrg8lzb3] {
        font-size: 0.85em;
        padding: 6px 12px;
    }
}
/* /Presentation/Pages/Hospitality/SegmentAnalysis.razor.rz.scp.css */
/* ========================================
   SEGMENT ANALYSIS PAGE STYLES
   ======================================== */

.segment-analysis[b-tg1fjs0xhs] {
    padding: 1.5rem;
    background: var(--bs-gray-100);
    min-height: 100vh;
}

/* ========== HEADER ========== */
.page-header[b-tg1fjs0xhs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    border-radius: 12px;
    color: white;
}

.header-left[b-tg1fjs0xhs] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.btn-ghost[b-tg1fjs0xhs] {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-ghost:hover[b-tg1fjs0xhs] {
    background: rgba(255, 255, 255, 0.2);
}

.header-content h1[b-tg1fjs0xhs] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.header-content p[b-tg1fjs0xhs] {
    margin: 0;
    opacity: 0.8;
    font-size: 0.875rem;
}

.header-actions[b-tg1fjs0xhs] {
    display: flex;
    gap: 0.5rem;
}

/* ========== FILTERS ========== */
.filter-section[b-tg1fjs0xhs] {
    background: white;
    padding: 1.25rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

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

.filter-group[b-tg1fjs0xhs] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 180px;
}

.filter-group label[b-tg1fjs0xhs] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--bs-gray-700);
}

/* ========== CHARTS ========== */
.chart-card[b-tg1fjs0xhs] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
    height: 100%;
}

.chart-header[b-tg1fjs0xhs] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--bs-gray-200);
}

.chart-header h5[b-tg1fjs0xhs] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.chart-body[b-tg1fjs0xhs] {
    padding: 1rem;
}

/* ========== GRID ========== */
.grid-card[b-tg1fjs0xhs] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.grid-header[b-tg1fjs0xhs] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--bs-gray-200);
}

.grid-header h5[b-tg1fjs0xhs] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.grid-body[b-tg1fjs0xhs] {
    padding: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .col-lg-5[b-tg1fjs0xhs], .col-lg-7[b-tg1fjs0xhs] {
        margin-bottom: 1rem;
    }
}

@media (max-width: 768px) {
    .page-header[b-tg1fjs0xhs] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .filter-row[b-tg1fjs0xhs] {
        flex-direction: column;
    }
    
    .filter-group[b-tg1fjs0xhs] {
        width: 100%;
    }
}
/* /Presentation/Pages/Hospitality/VarianceReport.razor.rz.scp.css */
/* Variance Report Page Styles */
.variance-report[b-1fboqm21ny] { padding: 1.5rem; background: var(--bs-gray-100); min-height: 100vh; }

.page-header[b-1fboqm21ny] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 1rem 1.5rem; background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); border-radius: 12px; color: white; }
.header-left[b-1fboqm21ny] { display: flex; align-items: center; gap: 1rem; }
.btn-ghost[b-1fboqm21ny] { background: rgba(255,255,255,0.1); border: none; color: white; width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.btn-ghost:hover[b-1fboqm21ny] { background: rgba(255,255,255,0.2); }
.header-content h1[b-1fboqm21ny] { margin: 0; font-size: 1.5rem; font-weight: 600; }
.header-content p[b-1fboqm21ny] { margin: 0; opacity: 0.8; font-size: 0.875rem; }
.header-actions[b-1fboqm21ny] { display: flex; gap: 0.5rem; }

.filter-section[b-1fboqm21ny] { background: white; padding: 1.25rem; border-radius: 12px; margin-bottom: 1.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.filter-row[b-1fboqm21ny] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-end; }
.filter-group[b-1fboqm21ny] { display: flex; flex-direction: column; gap: 0.5rem; min-width: 180px; }
.filter-group label[b-1fboqm21ny] { font-size: 0.875rem; font-weight: 500; color: var(--bs-gray-700); }

.variance-summary[b-1fboqm21ny] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
.variance-card[b-1fboqm21ny] { background: white; padding: 1.25rem; border-radius: 12px; display: flex; align-items: center; gap: 1rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border-left: 4px solid; }
.variance-card.positive[b-1fboqm21ny] { border-left-color: #10b981; }
.variance-card.negative[b-1fboqm21ny] { border-left-color: #ef4444; }
.variance-icon[b-1fboqm21ny] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; }
.variance-card.positive .variance-icon[b-1fboqm21ny] { background: rgba(16, 185, 129, 0.1); color: #10b981; }
.variance-card.negative .variance-icon[b-1fboqm21ny] { background: rgba(239, 68, 68, 0.1); color: #ef4444; }
.variance-content[b-1fboqm21ny] { display: flex; flex-direction: column; }
.variance-label[b-1fboqm21ny] { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--bs-gray-600); }
.variance-value[b-1fboqm21ny] { font-size: 1.4rem; font-weight: 700; }
.variance-card.positive .variance-value[b-1fboqm21ny] { color: #10b981; }
.variance-card.negative .variance-value[b-1fboqm21ny] { color: #ef4444; }
.variance-pct[b-1fboqm21ny] { font-size: 0.85rem; font-weight: 500; }
.variance-card.positive .variance-pct[b-1fboqm21ny] { color: #10b981; }
.variance-card.negative .variance-pct[b-1fboqm21ny] { color: #ef4444; }

.charts-row[b-1fboqm21ny] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.chart-card[b-1fboqm21ny] { background: white; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.chart-header[b-1fboqm21ny] { padding: 1rem 1.25rem; border-bottom: 1px solid var(--bs-gray-200); }
.chart-header h5[b-1fboqm21ny] { margin: 0; font-size: 1rem; font-weight: 600; }
.chart-body[b-1fboqm21ny] { padding: 1rem; }

.grid-card[b-1fboqm21ny] { background: white; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.grid-header[b-1fboqm21ny] { padding: 1rem 1.25rem; border-bottom: 1px solid var(--bs-gray-200); }
.grid-header h5[b-1fboqm21ny] { margin: 0; font-size: 1rem; font-weight: 600; }
.grid-body[b-1fboqm21ny] { padding: 0; }

@media (max-width: 1200px) { .variance-summary[b-1fboqm21ny] { grid-template-columns: repeat(2, 1fr); } .charts-row[b-1fboqm21ny] { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .variance-summary[b-1fboqm21ny] { grid-template-columns: 1fr; } .page-header[b-1fboqm21ny] { flex-direction: column; gap: 1rem; } .filter-row[b-1fboqm21ny] { flex-direction: column; } }
/* /Presentation/Pages/Hospitality/WhatIfSimulator.razor.rz.scp.css */
/* ===== WHAT-IF SIMULATOR PAGE ===== */
.whatif-page[b-z2to0muu9h] {
    padding: 1rem;
    width: 100%;
    max-width: 100%;
}

.page-header[b-z2to0muu9h] {
    background: white;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.header-content[b-z2to0muu9h] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-icon[b-z2to0muu9h] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
}

.header-text h2[b-z2to0muu9h] {
    margin-bottom: 0.25rem;
    color: #2d3748;
}

/* ===== LAYOUT ===== */
.simulator-layout[b-z2to0muu9h] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 1.5rem;
}

/* ===== INPUT PANEL ===== */
.input-panel[b-z2to0muu9h] {
    position: sticky;
    top: 1rem;
    height: fit-content;
}

.panel-card[b-z2to0muu9h] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.panel-card h5[b-z2to0muu9h] {
    color: #2d3748;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.param-section[b-z2to0muu9h] {
    margin-bottom: 1.25rem;
}

.section-label[b-z2to0muu9h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    color: #4a5568;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.param-value[b-z2to0muu9h] {
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    background: #f1f5f9;
}

.param-value.positive[b-z2to0muu9h] {
    background: #dcfce7;
    color: #166534;
}

.param-value.negative[b-z2to0muu9h] {
    background: #fee2e2;
    color: #991b1b;
}

.form-range[b-z2to0muu9h] {
    width: 100%;
}

.range-labels[b-z2to0muu9h] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}

.quick-scenarios[b-z2to0muu9h] {
    margin-top: 1rem;
}

.scenario-buttons[b-z2to0muu9h] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.scenario-buttons .btn[b-z2to0muu9h] {
    flex: 1;
    min-width: 80px;
}

/* ===== RESULTS PANEL ===== */
.results-panel[b-z2to0muu9h] {
    min-width: 0;
}

/* ===== SUMMARY CARDS ===== */
.summary-cards[b-z2to0muu9h] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.summary-card[b-z2to0muu9h] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.summary-card .card-icon[b-z2to0muu9h] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.summary-card.revenue .card-icon[b-z2to0muu9h] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.summary-card.adr .card-icon[b-z2to0muu9h] {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    color: white;
}

.summary-card.occupancy .card-icon[b-z2to0muu9h] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
}

.summary-card.revpar .card-icon[b-z2to0muu9h] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: white;
}

.card-content[b-z2to0muu9h] {
    display: flex;
    flex-direction: column;
}

.card-label[b-z2to0muu9h] {
    font-size: 0.8rem;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.card-value[b-z2to0muu9h] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2d3748;
    line-height: 1.2;
}

.card-change[b-z2to0muu9h] {
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 0.25rem;
}

.card-change.positive[b-z2to0muu9h] {
    color: #16a34a;
}

.card-change.negative[b-z2to0muu9h] {
    color: #dc2626;
}

.card-change small[b-z2to0muu9h] {
    font-weight: 400;
    color: #94a3b8;
    margin-left: 0.25rem;
}

/* ===== NET REVENUE TABLE ===== */
.net-revenue-table[b-z2to0muu9h] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
}

.net-row[b-z2to0muu9h] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1.5fr 1.5fr 1.5fr;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e9ecef;
    align-items: center;
}

.net-row:last-child[b-z2to0muu9h] {
    border-bottom: none;
}

.net-row.header[b-z2to0muu9h] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-weight: 600;
    font-size: 0.85rem;
}

.net-row.total[b-z2to0muu9h] {
    background: #f8f9fa;
}

.channel-name[b-z2to0muu9h] {
    font-weight: 500;
}

.commission[b-z2to0muu9h] {
    color: #dc2626;
}

.net[b-z2to0muu9h] {
    font-weight: 600;
    color: #2d3748;
}

.net.good[b-z2to0muu9h] {
    color: #16a34a;
}

.net-summary[b-z2to0muu9h] {
    display: flex;
    justify-content: space-around;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
}

.summary-stat[b-z2to0muu9h] {
    text-align: center;
}

.summary-stat.highlight[b-z2to0muu9h] {
    background: white;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.stat-label[b-z2to0muu9h] {
    display: block;
    font-size: 0.8rem;
    color: #718096;
    margin-bottom: 0.25rem;
}

.stat-value[b-z2to0muu9h] {
    font-size: 1.25rem;
    font-weight: 700;
}

/* ===== SENSITIVITY TABLE ===== */
.sensitivity-table-wrapper[b-z2to0muu9h] {
    overflow-x: auto;
}

.sensitivity-table[b-z2to0muu9h] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.sensitivity-table th[b-z2to0muu9h],
.sensitivity-table td[b-z2to0muu9h] {
    padding: 0.6rem 0.5rem;
    text-align: center;
    border: 1px solid #e9ecef;
}

.sensitivity-table th[b-z2to0muu9h] {
    background: #f8f9fa;
    font-weight: 600;
    color: #4a5568;
}

.sensitivity-table .row-header[b-z2to0muu9h] {
    background: #f8f9fa;
    font-weight: 600;
    text-align: left;
    padding-left: 1rem;
}

.sensitivity-table td small[b-z2to0muu9h] {
    display: block;
    font-size: 0.7rem;
    color: #94a3b8;
}

.sensitivity-table td.very-positive[b-z2to0muu9h] {
    background: #dcfce7;
    color: #166534;
}

.sensitivity-table td.positive[b-z2to0muu9h] {
    background: #d1fae5;
    color: #047857;
}

.sensitivity-table td.neutral[b-z2to0muu9h] {
    background: #fef9c3;
    color: #854d0e;
}

.sensitivity-table td.slightly-negative[b-z2to0muu9h] {
    background: #fed7aa;
    color: #c2410c;
}

.sensitivity-table td.negative[b-z2to0muu9h] {
    background: #fee2e2;
    color: #991b1b;
}

.sensitivity-table td.current[b-z2to0muu9h] {
    border: 3px solid #667eea;
    font-weight: 700;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1200px) {
    .simulator-layout[b-z2to0muu9h] {
        grid-template-columns: 1fr;
    }
    
    .input-panel[b-z2to0muu9h] {
        position: static;
    }
    
    .summary-cards[b-z2to0muu9h] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .summary-cards[b-z2to0muu9h] {
        grid-template-columns: 1fr;
    }
    
    .net-row[b-z2to0muu9h] {
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }
    
    .net-row.header span:nth-child(n+3)[b-z2to0muu9h] {
        display: none;
    }
}
/* /Presentation/Pages/Permissions/Permissions.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   Permission Management — Professional Theme
   ═══════════════════════════════════════════════ */

.perm-page[b-e8j2eznvqa] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

/* ── Header ── */
.perm-header[b-e8j2eznvqa] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
}

.perm-title-row[b-e8j2eznvqa] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.perm-title-icon[b-e8j2eznvqa] {
    font-size: 28px;
    color: #6366f1;
}

.perm-title-row h3[b-e8j2eznvqa] {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
}

.perm-subtitle[b-e8j2eznvqa] {
    margin: 4px 0 0;
    font-size: 13px;
    color: #94a3b8;
}

.role-badge[b-e8j2eznvqa] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.role-superadmin[b-e8j2eznvqa] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.role-admin[b-e8j2eznvqa] {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

/* ── Loading ── */
.perm-loading[b-e8j2eznvqa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    color: #64748b;
}

.perm-loading p[b-e8j2eznvqa] {
    margin-top: 12px;
    font-size: 14px;
}

/* ── Stats Bar ── */
.perm-stats[b-e8j2eznvqa] {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.stat-card[b-e8j2eznvqa] {
    flex: 1;
    min-width: 120px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 20px;
    text-align: center;
    transition: box-shadow 0.2s;
}

.stat-card:hover[b-e8j2eznvqa] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.stat-value[b-e8j2eznvqa] {
    font-size: 28px;
    font-weight: 800;
    color: #1e293b;
    line-height: 1.2;
}

.stat-label[b-e8j2eznvqa] {
    font-size: 11px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

/* ── Toolbar ── */
.perm-toolbar[b-e8j2eznvqa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 12px;
}

.view-tabs[b-e8j2eznvqa] {
    display: flex;
    gap: 2px;
    background: #f1f5f9;
    border-radius: 10px;
    padding: 3px;
}

.view-tab[b-e8j2eznvqa] {
    border: none;
    background: transparent;
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.view-tab.active[b-e8j2eznvqa] {
    background: #fff;
    color: #1e293b;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    font-weight: 600;
}

.view-tab:hover:not(.active)[b-e8j2eznvqa] {
    color: #334155;
}

.perm-search[b-e8j2eznvqa] {
    min-width: 280px;
}

[b-e8j2eznvqa] .perm-search-input {
    border-radius: 10px !important;
}

/* ── Category Accordion View ── */
.perm-categories[b-e8j2eznvqa] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.perm-cat-card[b-e8j2eznvqa] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.perm-cat-card:hover[b-e8j2eznvqa] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.perm-cat-card.expanded[b-e8j2eznvqa] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    border-color: #cbd5e1;
}

.perm-cat-header[b-e8j2eznvqa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
}

.perm-cat-header:hover[b-e8j2eznvqa] {
    background: #fafbfc;
}

.cat-left[b-e8j2eznvqa] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cat-icon[b-e8j2eznvqa] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f4ff;
    color: #6366f1;
    border-radius: 10px;
    font-size: 16px;
}

.cat-name[b-e8j2eznvqa] {
    font-weight: 600;
    font-size: 15px;
    color: #1e293b;
}

.cat-count[b-e8j2eznvqa] {
    font-size: 12px;
    color: #94a3b8;
    background: #f1f5f9;
    padding: 2px 10px;
    border-radius: 12px;
}

.cat-right[b-e8j2eznvqa] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cat-active-badge[b-e8j2eznvqa] {
    font-size: 11px;
    color: #16a34a;
    background: #f0fdf4;
    padding: 3px 10px;
    border-radius: 10px;
    font-weight: 500;
}

.cat-arrow[b-e8j2eznvqa] {
    color: #94a3b8;
    font-size: 12px;
    transition: transform 0.2s;
}

.perm-cat-body[b-e8j2eznvqa] {
    padding: 0 20px 20px;
    border-top: 1px solid #f1f5f9;
}

/* Module Section */
.perm-module-section[b-e8j2eznvqa] {
    margin-top: 16px;
}

.module-header[b-e8j2eznvqa] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #e2e8f0;
}

.module-name[b-e8j2eznvqa] {
    font-weight: 600;
    font-size: 13px;
    color: #334155;
}

.module-count[b-e8j2eznvqa] {
    font-size: 11px;
    color: #94a3b8;
}

/* Action Chips */
.perm-actions-grid[b-e8j2eznvqa] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.perm-action-chip[b-e8j2eznvqa] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fafbfc;
    font-size: 12px;
    transition: all 0.15s;
    position: relative;
}

.perm-action-chip:hover[b-e8j2eznvqa] {
    border-color: #6366f1;
    background: #f0f4ff;
}

.perm-action-chip.inactive[b-e8j2eznvqa] {
    opacity: 0.5;
    background: #f8fafc;
}

.action-icon[b-e8j2eznvqa] {
    font-size: 11px;
    color: #6366f1;
    width: 14px;
    text-align: center;
}

.action-label[b-e8j2eznvqa] {
    font-weight: 500;
    color: #334155;
}

.perm-name-tag[b-e8j2eznvqa] {
    font-size: 10px;
    color: #94a3b8;
    font-family: 'JetBrains Mono', 'Cascadia Code', monospace;
    background: #f1f5f9;
    padding: 1px 6px;
    border-radius: 4px;
}

.chip-edit-btn[b-e8j2eznvqa] {
    display: none;
    border: none;
    background: none;
    color: #6366f1;
    padding: 2px 4px;
    cursor: pointer;
    font-size: 11px;
    border-radius: 4px;
}

.perm-action-chip:hover .chip-edit-btn[b-e8j2eznvqa] {
    display: inline-flex;
}

.chip-edit-btn:hover[b-e8j2eznvqa] {
    background: #e0e7ff;
}

/* ── Grid View ── */
.perm-grid-container[b-e8j2eznvqa] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
}

.cat-badge[b-e8j2eznvqa] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 6px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}

.action-tag[b-e8j2eznvqa] {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    color: #475569;
}

.perm-code[b-e8j2eznvqa] {
    font-size: 11px;
    background: #f1f5f9;
    padding: 2px 8px;
    border-radius: 4px;
    color: #6366f1;
    font-family: 'JetBrains Mono', 'Cascadia Code', monospace;
}

.status-dot[b-e8j2eznvqa] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
}

.status-dot.active[b-e8j2eznvqa] {
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
}

.status-dot.passive[b-e8j2eznvqa] {
    background: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}

.grid-actions[b-e8j2eznvqa] {
    display: flex;
    gap: 6px;
    justify-content: center;
}

.grid-action-btn[b-e8j2eznvqa] {
    border: none;
    background: #f1f5f9;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    font-size: 12px;
}

.grid-action-btn.edit[b-e8j2eznvqa] {
    color: #6366f1;
}

.grid-action-btn.edit:hover[b-e8j2eznvqa] {
    background: #e0e7ff;
    color: #4338ca;
}

.grid-action-btn.delete[b-e8j2eznvqa] {
    color: #ef4444;
}

.grid-action-btn.delete:hover[b-e8j2eznvqa] {
    background: #fee2e2;
    color: #dc2626;
}

/* ── Dialog ── */
[b-e8j2eznvqa] .perm-dialog .e-dlg-header-content {
    border-bottom: 1px solid #f1f5f9;
}

.dialog-header-row[b-e8j2eznvqa] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
}

.dialog-header-icon[b-e8j2eznvqa] {
    color: #6366f1;
    font-size: 18px;
}

.dialog-form[b-e8j2eznvqa] {
    padding: 4px 0;
}

.form-row-2col[b-e8j2eznvqa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.form-group[b-e8j2eznvqa] {
    margin-bottom: 16px;
}

.form-group label[b-e8j2eznvqa] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    margin-bottom: 6px;
}

.form-hint[b-e8j2eznvqa] {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 4px;
}

[b-e8j2eznvqa] .perm-code-input .e-textbox {
    font-family: 'JetBrains Mono', 'Cascadia Code', monospace !important;
    font-size: 13px;
    color: #6366f1 !important;
    background: #f8fafc !important;
}

.dialog-footer[b-e8j2eznvqa] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
    margin-top: 8px;
}

/* ── Delete Dialog ── */
.delete-confirm-body[b-e8j2eznvqa] {
    padding: 8px 0;
}

.delete-confirm-body p[b-e8j2eznvqa] {
    font-size: 14px;
    color: #1e293b;
    margin: 0 0 12px;
}

.delete-perm-info[b-e8j2eznvqa] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 13px;
    color: #475569;
}

.delete-perm-info div[b-e8j2eznvqa] {
    margin-bottom: 4px;
}

.delete-perm-info div:last-child[b-e8j2eznvqa] {
    margin-bottom: 0;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .perm-page[b-e8j2eznvqa] {
        padding: 16px;
    }

    .perm-stats[b-e8j2eznvqa] {
        flex-wrap: wrap;
    }

    .stat-card[b-e8j2eznvqa] {
        min-width: calc(50% - 8px);
        flex: unset;
    }

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

    .perm-search[b-e8j2eznvqa] {
        min-width: unset;
    }

    .form-row-2col[b-e8j2eznvqa] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .perm-actions-grid[b-e8j2eznvqa] {
        gap: 6px;
    }

    .perm-name-tag[b-e8j2eznvqa] {
        display: none;
    }

    .perm-header[b-e8j2eznvqa] {
        flex-direction: column;
    }
}
/* /Presentation/Pages/Report/Mobile/BudgetForecastMobileReport.razor.rz.scp.css */
/* Scoped styles handled by shared mobile-reports.css */
/* /Presentation/Pages/Report/Mobile/CashFlowMobileReport.razor.rz.scp.css */
/* Scoped styles handled by shared mobile-reports.css */
/* /Presentation/Pages/Report/Mobile/DailyCashFlowMobileReport.razor.rz.scp.css */
/* Scoped styles handled by shared mobile-reports.css */
/* /Presentation/Pages/Report/Mobile/DepartmentalMobileReport.razor.rz.scp.css */
/* Scoped styles handled by shared mobile-reports.css */
/* /Presentation/Pages/Report/Mobile/ExecutiveDashboard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   Executive Dashboard – Pro Mobile Design
   Glass-morphism, gradient KPIs, dark fintech aesthetic
   ═══════════════════════════════════════════════════════════════ */

/* ── Shell ── */
.mob-exec-shell[b-kedr6ea6m4] {
    padding-bottom: 88px;
    min-height: 100dvh;
}

/* ── Hero Header ── */
.mob-exec-hero[b-kedr6ea6m4] {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #1e40af 100%);
    border-radius: 0 0 20px 20px;
    padding: 20px 18px 16px;
    margin: 0 -12px 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(99,102,241,0.25);
}

.mob-exec-hero[b-kedr6ea6m4]::before {
    content: '';
    position: absolute;
    top: -40px; right: -40px;
    width: 160px; height: 160px;
    background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);
    pointer-events: none;
}

.mob-exec-hero-inner[b-kedr6ea6m4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 14px;
}

.mob-exec-hero-left[b-kedr6ea6m4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mob-exec-badge[b-kedr6ea6m4] {
    display: inline-block;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: rgba(199,210,254,0.85);
    text-transform: uppercase;
    background: rgba(255,255,255,0.1);
    padding: 2px 8px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.15);
    width: fit-content;
    margin-bottom: 4px;
}

.mob-exec-title[b-kedr6ea6m4] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.01em;
}

.mob-exec-sub[b-kedr6ea6m4] {
    font-size: 0.72rem;
    color: rgba(199,210,254,0.7);
}

.mob-exec-refresh[b-kedr6ea6m4] {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
    border-radius: 50%;
    width: 38px; height: 38px;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.85rem;
    transition: background 0.2s;
    flex-shrink: 0;
    cursor: pointer;
}

.mob-exec-refresh:hover[b-kedr6ea6m4] { background: rgba(255,255,255,0.22); }
.mob-exec-refresh:disabled[b-kedr6ea6m4] { opacity: 0.5; }

.mob-exec-refresh.spinning i[b-kedr6ea6m4],
.mob-exec-refresh i.fa-spin[b-kedr6ea6m4] { animation: mobSpin-b-kedr6ea6m4 1s linear infinite; }

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

/* ── Branch Filter ── */
.mob-exec-filter[b-kedr6ea6m4] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 10px;
    padding: 7px 12px;
}

.mob-exec-filter-icon[b-kedr6ea6m4] {
    color: rgba(199,210,254,0.75);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.mob-exec-select[b-kedr6ea6m4] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 500;
    -webkit-appearance: none;
    cursor: pointer;
}

.mob-exec-select option[b-kedr6ea6m4] {
    background: #1e1b4b;
    color: #fff;
}

/* ── Loading Spinner ── */
.mob-exec-spinner[b-kedr6ea6m4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 35vh;
    gap: 12px;
}

/* ── Section Labels ── */
.mob-exec-section-label[b-kedr6ea6m4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 10px;
    padding: 0 2px;
}

.mob-sec-dot[b-kedr6ea6m4] {
    width: 8px; height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.mob-sec-green[b-kedr6ea6m4]   { background: #22c55e; box-shadow: 0 0 6px #22c55e80; }
.mob-sec-blue[b-kedr6ea6m4]    { background: #3b82f6; box-shadow: 0 0 6px #3b82f680; }
.mob-sec-amber[b-kedr6ea6m4]   { background: #f59e0b; box-shadow: 0 0 6px #f59e0b80; }
.mob-sec-emerald[b-kedr6ea6m4] { background: #10b981; box-shadow: 0 0 6px #10b98180; }
.mob-sec-gray[b-kedr6ea6m4]    { background: #64748b; }

/* ── KPI Grid ── */
.mob-kpi-grid[b-kedr6ea6m4] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

/* ── KPI Card ── */
.mob-kpi[b-kedr6ea6m4] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: var(--bs-card-bg, #fff);
    border-radius: 14px;
    padding: 13px 11px;
    border: 1px solid var(--bs-border-color, #e2e8f0);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transition: transform 0.15s, box-shadow 0.15s;
    position: relative;
}

.mob-kpi:active[b-kedr6ea6m4] { transform: scale(0.97); }

/* Color left-border variants */
.mob-kpi-green[b-kedr6ea6m4]  { border-left: 3px solid #22c55e; }
.mob-kpi-green  .mob-kpi-icon[b-kedr6ea6m4] { background: rgba(34,197,94,0.1);  color: #16a34a; }
.mob-kpi-amber[b-kedr6ea6m4]  { border-left: 3px solid #f59e0b; }
.mob-kpi-amber  .mob-kpi-icon[b-kedr6ea6m4] { background: rgba(245,158,11,0.1); color: #d97706; }
.mob-kpi-sky[b-kedr6ea6m4]    { border-left: 3px solid #0ea5e9; }
.mob-kpi-sky    .mob-kpi-icon[b-kedr6ea6m4] { background: rgba(14,165,233,0.1); color: #0284c7; }
.mob-kpi-violet[b-kedr6ea6m4] { border-left: 3px solid #8b5cf6; }
.mob-kpi-violet .mob-kpi-icon[b-kedr6ea6m4] { background: rgba(139,92,246,0.1); color: #7c3aed; }
.mob-kpi-blue[b-kedr6ea6m4]   { border-left: 3px solid #3b82f6; }
.mob-kpi-blue   .mob-kpi-icon[b-kedr6ea6m4] { background: rgba(59,130,246,0.1); color: #2563eb; }
.mob-kpi-red[b-kedr6ea6m4]    { border-left: 3px solid #ef4444; }
.mob-kpi-red    .mob-kpi-icon[b-kedr6ea6m4] { background: rgba(239,68,68,0.1);  color: #dc2626; }
.mob-kpi-indigo[b-kedr6ea6m4] { border-left: 3px solid #6366f1; }
.mob-kpi-indigo .mob-kpi-icon[b-kedr6ea6m4] { background: rgba(99,102,241,0.1); color: #4f46e5; }

.mob-kpi-icon[b-kedr6ea6m4] {
    width: 34px; height: 34px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.82rem;
    flex-shrink: 0;
}

.mob-kpi-body[b-kedr6ea6m4] { flex: 1; min-width: 0; }

.mob-kpi-lbl[b-kedr6ea6m4] {
    font-size: 0.62rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mob-kpi-val[b-kedr6ea6m4] {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--bs-emphasis-color, #0f172a);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mob-kpi-sub[b-kedr6ea6m4] {
    font-size: 0.62rem;
    color: #94a3b8;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Variance badges */
.mob-badge-up[b-kedr6ea6m4] {
    display: inline-block;
    font-size: 0.58rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
    background: rgba(34,197,94,0.12);
    color: #16a34a;
    margin-top: 3px;
}

.mob-badge-down[b-kedr6ea6m4] {
    display: inline-block;
    font-size: 0.58rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
    background: rgba(239,68,68,0.12);
    color: #dc2626;
    margin-top: 3px;
}

/* ── Chart Card ── */
.mob-chart-card[b-kedr6ea6m4] {
    background: var(--bs-card-bg, #fff);
    border-radius: 16px;
    padding: 16px;
    border: 1px solid var(--bs-border-color, #e2e8f0);
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}

/* ── Alerts List ── */
.mob-alerts-list[b-kedr6ea6m4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mob-alert[b-kedr6ea6m4] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--bs-card-bg, #fff);
    border-radius: 12px;
    padding: 11px 12px;
    border: 1px solid var(--bs-border-color, #e2e8f0);
}

.mob-alert-critical[b-kedr6ea6m4] { border-left: 3px solid #ef4444; }
.mob-alert-critical .mob-alert-icon[b-kedr6ea6m4] { background: rgba(239,68,68,0.1);  color: #ef4444; }
.mob-alert-warning[b-kedr6ea6m4]  { border-left: 3px solid #f59e0b; }
.mob-alert-warning  .mob-alert-icon[b-kedr6ea6m4] { background: rgba(245,158,11,0.1); color: #f59e0b; }
.mob-alert-success[b-kedr6ea6m4]  { border-left: 3px solid #22c55e; }
.mob-alert-success  .mob-alert-icon[b-kedr6ea6m4] { background: rgba(34,197,94,0.1);  color: #22c55e; }
.mob-alert-info[b-kedr6ea6m4]     { border-left: 3px solid #3b82f6; }
.mob-alert-info     .mob-alert-icon[b-kedr6ea6m4] { background: rgba(59,130,246,0.1); color: #3b82f6; }

.mob-alert-icon[b-kedr6ea6m4] {
    width: 33px; height: 33px;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.mob-alert-body[b-kedr6ea6m4] { flex: 1; min-width: 0; }

.mob-alert-title[b-kedr6ea6m4] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--bs-emphasis-color, #0f172a);
}

.mob-alert-msg[b-kedr6ea6m4] {
    font-size: 0.7rem;
    color: #64748b;
    margin-top: 1px;
}

.mob-alert-action[b-kedr6ea6m4] {
    color: #94a3b8;
    font-size: 0.75rem;
    padding: 4px;
    flex-shrink: 0;
    text-decoration: none;
}

/* ── Quick Action Chips ── */
.mob-quick-actions[b-kedr6ea6m4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mob-qa-chip[b-kedr6ea6m4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--bs-card-bg, #fff);
    border: 1px solid var(--bs-border-color, #e2e8f0);
    border-radius: 20px;
    padding: 7px 14px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #4f46e5;
    text-decoration: none;
    transition: all 0.18s;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

.mob-qa-chip:hover[b-kedr6ea6m4] {
    background: #eef2ff;
    border-color: #818cf8;
    color: #4338ca;
    transform: translateY(-1px);
    text-decoration: none;
}

.mob-qa-chip-muted[b-kedr6ea6m4] { color: #64748b; }
.mob-qa-chip-muted:hover[b-kedr6ea6m4] { color: #475569; background: #f1f5f9; border-color: #94a3b8; }

/* ── Small phones ── */
@media (max-width: 380px) {
    .mob-kpi-val[b-kedr6ea6m4]   { font-size: 0.92rem; }
    .mob-exec-title[b-kedr6ea6m4] { font-size: 1.1rem; }
}
/* /Presentation/Pages/Report/Mobile/MobileBottomNav.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   Mobile Bottom Navigation Bar
   Professional fintech-grade bottom nav with iOS/MD feel
   ═══════════════════════════════════════════════════════ */

.mob-nav[b-l0f5dqs86i] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1100;

    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    gap: 0;

    background: rgba(15, 17, 26, 0.97);
    backdrop-filter: blur(20px) saturate(1.8);
    -webkit-backdrop-filter: blur(20px) saturate(1.8);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.35);

    padding: 6px 0 max(env(safe-area-inset-bottom), 8px) 0;
    height: auto;
    min-height: 60px;
}

/* ── Individual Tab Item ── */
.mob-nav-item[b-l0f5dqs86i] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px 2px 2px;
    min-width: 0;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.45);
    position: relative;
    transition: color 0.2s ease;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

.mob-nav-item:hover[b-l0f5dqs86i] {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
}

.mob-nav-item.active[b-l0f5dqs86i] {
    color: #6366f1;
}

/* ── Icon ── */
.mob-nav-icon[b-l0f5dqs86i] {
    font-size: 1.15rem;
    line-height: 1;
    margin-bottom: 3px;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.mob-nav-item.active .mob-nav-icon[b-l0f5dqs86i] {
    transform: translateY(-2px) scale(1.12);
    color: #818cf8;
}

/* ── Label ── */
.mob-nav-label[b-l0f5dqs86i] {
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 52px;
    text-align: center;
}

/* ── Active Indicator Pill ── */
.mob-nav-pip[b-l0f5dqs86i] {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 28px;
    height: 3px;
    background: linear-gradient(90deg, #6366f1, #818cf8);
    border-radius: 0 0 4px 4px;
}

/* ── Ripple on tap ── */
.mob-nav-item[b-l0f5dqs86i]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 8px;
    background: transparent;
    transition: background 0.15s;
}

.mob-nav-item:active[b-l0f5dqs86i]::after {
    background: rgba(99, 102, 241, 0.12);
}

/* ── Body padding so content isn't hidden behind nav ── */
:global(body.has-mob-nav)[b-l0f5dqs86i],
:global(.mobile-dashboard)[b-l0f5dqs86i] {
    padding-bottom: 72px !important;
}

/* ── Hide on large screens (desktop uses sidebar) ── */
@media (min-width: 1024px) {
    .mob-nav[b-l0f5dqs86i] {
        display: none;
    }
}

/* ── Safe area for notched phones ── */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .mob-nav[b-l0f5dqs86i] {
        padding-bottom: max(env(safe-area-inset-bottom), 6px);
    }
}
/* /Presentation/Pages/Report/Mobile/PLDashboard.razor.rz.scp.css */
.mobile-dashboard .kpi-card[b-8zo2tclp6p] {
    border-radius: .75rem;
    border: none;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
}

.mobile-dashboard .kpi-label[b-8zo2tclp6p] {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #6c757d;
    margin-bottom: .25rem;
}

.mobile-dashboard .kpi-value[b-8zo2tclp6p] {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}

.mobile-dashboard .kpi-sub[b-8zo2tclp6p] {
    font-size: .7rem;
    color: #6c757d;
}

.mobile-dashboard .kpi-badge[b-8zo2tclp6p] {
    display: inline-block;
    font-size: .65rem;
    font-weight: 600;
    padding: .15rem .5rem;
    border-radius: 1rem;
    margin-top: .25rem;
}

.mobile-dashboard .card[b-8zo2tclp6p] {
    border-radius: .75rem;
}

.mobile-dashboard .table[b-8zo2tclp6p] {
    font-size: .85rem;
}

@media (max-width: 576px) {
    .mobile-dashboard .kpi-value[b-8zo2tclp6p] {
        font-size: 1.1rem;
    }
}
/* /Presentation/Pages/Report/Mobile/ReportScheduleManagement.razor.rz.scp.css */
.report-manage-page .schedule-card[b-vuidzkea4s] {
    border-radius: 12px;
    border: 1px solid #e8ecf1;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.report-manage-page .schedule-card:hover[b-vuidzkea4s] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    border-color: #c5cdd8;
}

.report-manage-page .disabled-card[b-vuidzkea4s] {
    opacity: 0.55;
    background: #fafafa;
}

.report-manage-page .schedule-info[b-vuidzkea4s] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.report-manage-page .info-row[b-vuidzkea4s] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
}

.report-manage-page .info-row i[b-vuidzkea4s] {
    width: 16px;
    text-align: center;
    flex-shrink: 0;
}

.report-manage-page .status-bar[b-vuidzkea4s] {
    font-size: 0.8rem;
}

[b-vuidzkea4s] .schedule-dialog .e-dlg-content {
    padding: 0 16px;
}

[b-vuidzkea4s] .schedule-dialog .e-footer-content {
    padding: 12px 16px;
}
/* /Presentation/Pages/Report/Mobile/RevenueDashboard.razor.rz.scp.css */
.mobile-dashboard .kpi-card[b-cip0pioi78] {
    border-radius: .75rem;
    border: none;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    transition: transform .15s;
}

.mobile-dashboard .kpi-card:hover[b-cip0pioi78] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

.mobile-dashboard .kpi-label[b-cip0pioi78] {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #6c757d;
    margin-bottom: .25rem;
}

.mobile-dashboard .kpi-value[b-cip0pioi78] {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}

.mobile-dashboard .kpi-sub[b-cip0pioi78] {
    font-size: .7rem;
    color: #6c757d;
    margin-top: .15rem;
}

.mobile-dashboard .card[b-cip0pioi78] {
    border-radius: .75rem;
}

@media (max-width: 576px) {
    .mobile-dashboard .kpi-value[b-cip0pioi78] {
        font-size: 1.1rem;
    }
}
/* /Presentation/Pages/Report/Mobile/TreasuryDashboard.razor.rz.scp.css */
.mobile-dashboard .kpi-card[b-2tdoi2d3uo] {
    border-radius: .75rem;
    border: none;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
}

.mobile-dashboard .card[b-2tdoi2d3uo] {
    border-radius: .75rem;
}

.mobile-dashboard .table[b-2tdoi2d3uo] {
    font-size: .85rem;
}

@@media (max-width: 576px) {
    .mobile-dashboard .h4[b-2tdoi2d3uo] {
        font-size: 1.1rem;
    }
}
/* /Presentation/Pages/Report/Reports.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   DRM Budget – Reports Hub
   Theme-aware design (rpt-* prefix)
   ═══════════════════════════════════════════════════════════════ */

.rpt-shell[b-eoix831crf] {
    --bg: #f8fafc;
    --card: #ffffff;
    --card-hover: #f8fafc;
    --stroke: #e2e8f0;
    --stroke-hover: #cbd5e1;
    --muted: #64748b;
    --text: #334155;
    --headline: #0f172a;
    --accent: #7c3aed;
    --accent2: #06b6d4;
    --positive: #10b981;
    --negative: #f43f5e;
    --warn: #f59e0b;
    --radius: 16px;
    --radius-sm: 12px;
    --glow-opacity: 0.06;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    --hero-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    --overlay-subtle: rgba(0, 0, 0, 0.02);
    --overlay-light: rgba(0, 0, 0, 0.03);
    --spinner-track: rgba(0, 0, 0, 0.08);

    min-height: 100vh;
    background: var(--bg);
    color: var(--text);
    font-family: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
    padding: 24px clamp(16px, 4vw, 48px) 48px;
}

/* ── Dark mode overrides ── */
:root.dark-mode .rpt-shell[b-eoix831crf],
:global([data-bs-theme="dark"]) .rpt-shell[b-eoix831crf] {
    --bg: #0f172a;
    --card: rgba(255, 255, 255, 0.05);
    --card-hover: rgba(255, 255, 255, 0.08);
    --stroke: rgba(255, 255, 255, 0.10);
    --stroke-hover: rgba(255, 255, 255, 0.18);
    --muted: #94a3b8;
    --text: #cbd5e1;
    --headline: #f1f5f9;
    --glow-opacity: 0.14;
    --card-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    --hero-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.5);
    --overlay-subtle: rgba(255, 255, 255, 0.02);
    --overlay-light: rgba(255, 255, 255, 0.06);
    --spinner-track: rgba(255, 255, 255, 0.1);
    background:
        radial-gradient(ellipse 120% 80% at 15% 5%, rgba(124, 58, 237, 0.16) 0%, transparent 50%),
        radial-gradient(ellipse 100% 70% at 85% 15%, rgba(6, 182, 212, 0.12) 0%, transparent 40%),
        #0b1222;
}

/* ═══════════════ HERO ═══════════════ */
.rpt-hero[b-eoix831crf] {
    position: relative;
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    background: var(--card);
    overflow: hidden;
    box-shadow: var(--hero-shadow);
}

.rpt-hero-glow[b-eoix831crf] {
    position: absolute;
    top: -50%;
    left: -15%;
    width: 65%;
    height: 200%;
    background: radial-gradient(ellipse, rgba(124, 58, 237, var(--glow-opacity)) 0%, transparent 70%);
    pointer-events: none;
}

.rpt-hero-inner[b-eoix831crf] {
    position: relative;
    padding: 28px 32px;
}

.rpt-hero-brand[b-eoix831crf] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.rpt-hero-mark[b-eoix831crf] {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    border-radius: 16px;
    font-size: 22px;
    color: #fff;
    box-shadow: 0 8px 24px rgba(124, 58, 237, 0.25);
    flex-shrink: 0;
}

.rpt-eyebrow[b-eoix831crf] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--accent2);
}

.rpt-hero-title[b-eoix831crf] {
    margin: 4px 0 0;
    font-size: 26px;
    font-weight: 700;
    color: var(--headline);
    letter-spacing: -0.3px;
}

.rpt-hero-sub[b-eoix831crf] {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--muted);
}

/* ── Loading ── */
.rpt-loading[b-eoix831crf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
    gap: 12px;
    color: var(--muted);
}

.rpt-spinner[b-eoix831crf] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--spinner-track);
    border-top-color: var(--accent2);
    border-radius: 50%;
    animation: rpt-spin-b-eoix831crf 0.7s linear infinite;
}

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

/* ═══════════════ SECTIONS ═══════════════ */
.rpt-section[b-eoix831crf] {
    margin-top: 28px;
}

.rpt-section-head[b-eoix831crf] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.rpt-section-head h2[b-eoix831crf] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--headline);
    letter-spacing: -0.2px;
}

.rpt-section-accent[b-eoix831crf] {
    width: 4px;
    height: 22px;
    border-radius: 4px;
}

.rpt-acc-blue[b-eoix831crf] { background: linear-gradient(180deg, #3b82f6, #60a5fa); }
.rpt-acc-violet[b-eoix831crf] { background: linear-gradient(180deg, #7c3aed, #a78bfa); }
.rpt-acc-amber[b-eoix831crf] { background: linear-gradient(180deg, #f59e0b, #fbbf24); }

.rpt-section-badge[b-eoix831crf] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    background: rgba(59, 130, 246, 0.12);
    color: #60a5fa;
}

.rpt-badge-violet[b-eoix831crf] { background: rgba(124, 58, 237, 0.12); color: #a78bfa; }
.rpt-badge-amber[b-eoix831crf] { background: rgba(245, 158, 11, 0.12); color: #fbbf24; }

/* ═══════════════ REPORT CARDS ═══════════════ */
.rpt-grid[b-eoix831crf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 12px;
}

.rpt-card[b-eoix831crf] {
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    background: var(--card);
    overflow: hidden;
    cursor: pointer;
    box-shadow: var(--card-shadow);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.rpt-card:hover[b-eoix831crf] {
    transform: translateY(-3px);
    border-color: rgba(124, 58, 237, 0.4);
    box-shadow: 0 16px 40px -20px rgba(0, 0, 0, 0.5);
}

.rpt-card-stripe[b-eoix831crf] {
    height: 3px;
    width: 100%;
}

.rpt-stripe-blue[b-eoix831crf] { background: linear-gradient(90deg, #3b82f6, #60a5fa); }
.rpt-stripe-sky[b-eoix831crf] { background: linear-gradient(90deg, #0ea5e9, #38bdf8); }
.rpt-stripe-indigo[b-eoix831crf] { background: linear-gradient(90deg, #6366f1, #818cf8); }
.rpt-stripe-emerald[b-eoix831crf] { background: linear-gradient(90deg, #10b981, #34d399); }
.rpt-stripe-violet[b-eoix831crf] { background: linear-gradient(90deg, #7c3aed, #a78bfa); }
.rpt-stripe-amber[b-eoix831crf] { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.rpt-stripe-rose[b-eoix831crf] { background: linear-gradient(90deg, #f43f5e, #fb7185); }

.rpt-card-body[b-eoix831crf] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
}

.rpt-card-icon[b-eoix831crf] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 18px;
    flex-shrink: 0;
}

.rpt-ci-blue[b-eoix831crf] { background: rgba(59, 130, 246, 0.15); color: #60a5fa; }
.rpt-ci-sky[b-eoix831crf] { background: rgba(14, 165, 233, 0.15); color: #38bdf8; }
.rpt-ci-indigo[b-eoix831crf] { background: rgba(99, 102, 241, 0.15); color: #818cf8; }
.rpt-ci-emerald[b-eoix831crf] { background: rgba(16, 185, 129, 0.15); color: #34d399; }
.rpt-ci-violet[b-eoix831crf] { background: rgba(124, 58, 237, 0.15); color: #a78bfa; }
.rpt-ci-amber[b-eoix831crf] { background: rgba(245, 158, 11, 0.15); color: #fbbf24; }
.rpt-ci-rose[b-eoix831crf] { background: rgba(244, 63, 94, 0.15); color: #fb7185; }

.rpt-card-info[b-eoix831crf] {
    flex: 1;
    min-width: 0;
}

.rpt-card-info h3[b-eoix831crf] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--headline);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rpt-card-info p[b-eoix831crf] {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--muted);
    line-height: 1.4;
}

.rpt-card-arrow[b-eoix831crf] {
    color: var(--muted);
    font-size: 12px;
    flex-shrink: 0;
    transition: transform 0.2s, color 0.2s;
}

.rpt-card:hover .rpt-card-arrow[b-eoix831crf] {
    transform: translateX(3px);
    color: var(--headline);
}

/* ═══════════════ DASHBOARD CARDS ═══════════════ */
.rpt-grid-dash[b-eoix831crf] {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px;
}

.rpt-dash-card[b-eoix831crf] {
    position: relative;
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.rpt-dash-card:hover[b-eoix831crf] {
    transform: translateY(-4px);
    box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.5);
}

.rpt-dash-glow[b-eoix831crf] {
    position: absolute;
    inset: 0;
    opacity: 0.08;
    pointer-events: none;
    transition: opacity 0.3s;
}

.rpt-dash-card:hover .rpt-dash-glow[b-eoix831crf] { opacity: 0.14; }

.rpt-dash-exec[b-eoix831crf] { background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(99, 102, 241, 0.06)); }
.rpt-dash-exec:hover[b-eoix831crf] { border-color: rgba(59, 130, 246, 0.5); }
.rpt-dash-exec .rpt-dash-glow[b-eoix831crf] { background: radial-gradient(circle at 30% 40%, #3b82f6, transparent 70%); }
.rpt-dash-exec .rpt-dash-icon[b-eoix831crf] { background: rgba(59, 130, 246, 0.15); color: #60a5fa; }

.rpt-dash-rev[b-eoix831crf] { background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(6, 182, 212, 0.06)); }
.rpt-dash-rev:hover[b-eoix831crf] { border-color: rgba(16, 185, 129, 0.5); }
.rpt-dash-rev .rpt-dash-glow[b-eoix831crf] { background: radial-gradient(circle at 30% 40%, #10b981, transparent 70%); }
.rpt-dash-rev .rpt-dash-icon[b-eoix831crf] { background: rgba(16, 185, 129, 0.15); color: #34d399; }

.rpt-dash-trs[b-eoix831crf] { background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.06)); }
.rpt-dash-trs:hover[b-eoix831crf] { border-color: rgba(14, 165, 233, 0.5); }
.rpt-dash-trs .rpt-dash-glow[b-eoix831crf] { background: radial-gradient(circle at 30% 40%, #0ea5e9, transparent 70%); }
.rpt-dash-trs .rpt-dash-icon[b-eoix831crf] { background: rgba(14, 165, 233, 0.15); color: #38bdf8; }

.rpt-dash-pnl[b-eoix831crf] { background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(234, 88, 12, 0.06)); }
.rpt-dash-pnl:hover[b-eoix831crf] { border-color: rgba(245, 158, 11, 0.5); }
.rpt-dash-pnl .rpt-dash-glow[b-eoix831crf] { background: radial-gradient(circle at 30% 40%, #f59e0b, transparent 70%); }
.rpt-dash-pnl .rpt-dash-icon[b-eoix831crf] { background: rgba(245, 158, 11, 0.15); color: #fbbf24; }

.rpt-dash-body[b-eoix831crf] {
    position: relative;
    padding: 24px 22px;
}

.rpt-dash-icon[b-eoix831crf] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 18px;
    margin-bottom: 14px;
}

.rpt-dash-body h3[b-eoix831crf] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--headline);
}

.rpt-dash-body p[b-eoix831crf] {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--muted);
    line-height: 1.4;
}

.rpt-dash-tags[b-eoix831crf] {
    display: flex;
    gap: 6px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.rpt-dash-tags span[b-eoix831crf] {
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: var(--overlay-light);
    color: var(--text);
    border: 1px solid var(--stroke);
}

/* ═══════════════ EMPTY STATE ═══════════════ */
.rpt-empty[b-eoix831crf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    text-align: center;
    margin-top: 28px;
    border: 1px dashed var(--stroke);
    border-radius: var(--radius);
    background: var(--overlay-subtle);
}

.rpt-empty-icon[b-eoix831crf] {
    width: 64px;
    height: 64px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    background: rgba(245, 158, 11, 0.1);
    color: #fbbf24;
    font-size: 24px;
    margin-bottom: 16px;
}

.rpt-empty h3[b-eoix831crf] {
    margin: 0;
    font-size: 18px;
    color: var(--headline);
    font-weight: 600;
}

.rpt-empty p[b-eoix831crf] {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: 14px;
    max-width: 400px;
}

/* ═══════════════ RESPONSIVE ═══════════════ */
@media (max-width: 768px) {
    .rpt-shell[b-eoix831crf] { padding: 12px 12px 32px; }
    .rpt-hero-inner[b-eoix831crf] { padding: 20px 16px; }
    .rpt-hero-title[b-eoix831crf] { font-size: 20px; }
    .rpt-grid[b-eoix831crf] { grid-template-columns: 1fr; }
    .rpt-grid-dash[b-eoix831crf] { grid-template-columns: 1fr; }
}
/* /Presentation/Pages/Roles/Roles.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   DRM Budget – Role Management
   Premium dark-glass design (rl-* prefix)
   ═══════════════════════════════════════════════════════════════ */

.rl-shell[b-we85hucec1] {
    --bg: #0f172a;
    --card: rgba(255, 255, 255, 0.05);
    --card-hover: rgba(255, 255, 255, 0.08);
    --stroke: rgba(255, 255, 255, 0.10);
    --stroke-hover: rgba(255, 255, 255, 0.18);
    --muted: #94a3b8;
    --text: #cbd5e1;
    --headline: #f1f5f9;
    --accent: #6366f1;
    --accent2: #8b5cf6;
    --positive: #10b981;
    --negative: #f43f5e;
    --warn: #f59e0b;
    --info: #06b6d4;
    --radius: 16px;
    --radius-sm: 12px;
    --radius-xs: 8px;

    min-height: 100vh;
    background:
        radial-gradient(ellipse 120% 80% at 15% 5%, rgba(99, 102, 241, 0.14) 0%, transparent 50%),
        radial-gradient(ellipse 100% 70% at 85% 15%, rgba(139, 92, 246, 0.10) 0%, transparent 40%),
        #0b1222;
    color: var(--text);
    font-family: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
    padding: 24px clamp(16px, 4vw, 48px) 48px;
}

/* ═══════════════ HERO ═══════════════ */
.rl-hero[b-we85hucec1] {
    position: relative;
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
    overflow: hidden;
    box-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.5);
    margin-bottom: 24px;
}

.rl-hero-glow[b-we85hucec1] {
    position: absolute;
    top: -50%;
    left: -15%;
    width: 65%;
    height: 200%;
    background: radial-gradient(ellipse, rgba(99, 102, 241, 0.12) 0%, transparent 70%);
    pointer-events: none;
}

.rl-hero-inner[b-we85hucec1] {
    position: relative;
    padding: 28px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.rl-hero-brand[b-we85hucec1] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.rl-hero-mark[b-we85hucec1] {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    border-radius: 16px;
    font-size: 22px;
    color: #fff;
    box-shadow: 0 12px 32px rgba(99, 102, 241, 0.35);
    flex-shrink: 0;
}

.rl-eyebrow[b-we85hucec1] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--accent2);
}

.rl-hero-title[b-we85hucec1] {
    margin: 2px 0 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--headline);
    letter-spacing: -0.3px;
}

.rl-hero-sub[b-we85hucec1] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--muted);
}

.rl-hero-actions[b-we85hucec1] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.rl-btn[b-we85hucec1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: var(--radius-xs);
    font-size: 13px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
    text-decoration: none;
    white-space: nowrap;
}

.rl-btn-primary[b-we85hucec1] {
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    color: #fff;
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.3);
}

.rl-btn-primary:hover[b-we85hucec1] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.45);
}

.rl-btn-outline[b-we85hucec1] {
    background: transparent;
    color: var(--info);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.rl-btn-outline:hover[b-we85hucec1] {
    background: rgba(6, 182, 212, 0.1);
    border-color: rgba(6, 182, 212, 0.5);
}

.rl-btn-seed[b-we85hucec1] {
    background: transparent;
    color: var(--warn);
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.rl-btn-seed:hover[b-we85hucec1] {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.5);
}

.rl-btn:disabled[b-we85hucec1] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}

.rl-mode-badge[b-we85hucec1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.rl-mode-badge.super[b-we85hucec1] {
    background: rgba(244, 63, 94, 0.12);
    color: var(--negative);
    border: 1px solid rgba(244, 63, 94, 0.25);
}

.rl-mode-badge.admin[b-we85hucec1] {
    background: rgba(16, 185, 129, 0.12);
    color: var(--positive);
    border: 1px solid rgba(16, 185, 129, 0.25);
}

.rl-mode-badge.user[b-we85hucec1] {
    background: rgba(148, 163, 184, 0.12);
    color: var(--muted);
    border: 1px solid rgba(148, 163, 184, 0.25);
}

/* ═══════════════ STATS STRIP ═══════════════ */
.rl-stats[b-we85hucec1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 28px;
}

.rl-stat[b-we85hucec1] {
    border: 1px solid var(--stroke);
    border-radius: var(--radius-sm);
    background: var(--card);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: all 0.3s ease;
}

.rl-stat:hover[b-we85hucec1] {
    background: var(--card-hover);
    border-color: var(--stroke-hover);
    transform: translateY(-2px);
}

.rl-stat-icon[b-we85hucec1] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 18px;
    flex-shrink: 0;
}

.rl-stat-icon.total[b-we85hucec1] {
    background: rgba(99, 102, 241, 0.15);
    color: var(--accent);
}

.rl-stat-icon.active[b-we85hucec1] {
    background: rgba(16, 185, 129, 0.15);
    color: var(--positive);
}

.rl-stat-icon.inactive[b-we85hucec1] {
    background: rgba(244, 63, 94, 0.15);
    color: var(--negative);
}

.rl-stat-icon.perms[b-we85hucec1] {
    background: rgba(245, 158, 11, 0.15);
    color: var(--warn);
}

.rl-stat-value[b-we85hucec1] {
    font-size: 24px;
    font-weight: 800;
    color: var(--headline);
    line-height: 1;
}

.rl-stat-label[b-we85hucec1] {
    font-size: 12px;
    color: var(--muted);
    margin-top: 2px;
}

/* ═══════════════ ROLES GRID ═══════════════ */
.rl-cards[b-we85hucec1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 20px;
    margin-bottom: 32px;
}

.rl-card[b-we85hucec1] {
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    background: var(--card);
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
}

.rl-card:hover[b-we85hucec1] {
    background: var(--card-hover);
    border-color: var(--stroke-hover);
    transform: translateY(-3px);
    box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.4);
}

.rl-card-stripe[b-we85hucec1] {
    height: 3px;
    background: linear-gradient(90deg, var(--accent), var(--accent2));
}

.rl-card-body[b-we85hucec1] {
    padding: 22px 24px;
}

.rl-card-top[b-we85hucec1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 14px;
}

.rl-card-name[b-we85hucec1] {
    font-size: 17px;
    font-weight: 700;
    color: var(--headline);
    margin: 0 0 6px;
}

.rl-card-hotel[b-we85hucec1] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    background: rgba(6, 182, 212, 0.12);
    color: var(--info);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.rl-card-status[b-we85hucec1] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.rl-card-status.active[b-we85hucec1] {
    background: rgba(16, 185, 129, 0.12);
    color: var(--positive);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.rl-card-status.inactive[b-we85hucec1] {
    background: rgba(244, 63, 94, 0.12);
    color: var(--negative);
    border: 1px solid rgba(244, 63, 94, 0.2);
}

.rl-card-desc[b-we85hucec1] {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 16px;
    line-height: 1.5;
    min-height: 40px;
}

.rl-card-meta[b-we85hucec1] {
    display: flex;
    gap: 16px;
    padding: 14px 0;
    border-top: 1px solid var(--stroke);
    margin-bottom: 14px;
}

.rl-meta-item[b-we85hucec1] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--muted);
}

.rl-meta-item i[b-we85hucec1] {
    font-size: 13px;
    opacity: 0.7;
}

.rl-meta-item .val[b-we85hucec1] {
    color: var(--headline);
    font-weight: 600;
}

.rl-card-actions[b-we85hucec1] {
    display: flex;
    gap: 8px;
}

.rl-act-btn[b-we85hucec1] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: var(--radius-xs);
    font-size: 12px;
    font-weight: 600;
    border: 1px solid var(--stroke);
    background: transparent;
    color: var(--text);
    cursor: pointer;
    transition: all 0.2s ease;
}

.rl-act-btn:hover[b-we85hucec1] {
    transform: translateY(-1px);
}

.rl-act-btn.perm[b-we85hucec1] {
    color: var(--accent);
    border-color: rgba(99, 102, 241, 0.3);
}

.rl-act-btn.perm:hover[b-we85hucec1] {
    background: rgba(99, 102, 241, 0.15);
    border-color: rgba(99, 102, 241, 0.5);
}

.rl-act-btn.edit[b-we85hucec1] {
    color: var(--info);
    border-color: rgba(6, 182, 212, 0.3);
}

.rl-act-btn.edit:hover[b-we85hucec1] {
    background: rgba(6, 182, 212, 0.15);
    border-color: rgba(6, 182, 212, 0.5);
}

.rl-act-btn.del[b-we85hucec1] {
    color: var(--negative);
    border-color: rgba(244, 63, 94, 0.3);
}

.rl-act-btn.del:hover[b-we85hucec1] {
    background: rgba(244, 63, 94, 0.15);
    border-color: rgba(244, 63, 94, 0.5);
}

/* ═══════════════ EMPTY STATE ═══════════════ */
.rl-empty[b-we85hucec1] {
    text-align: center;
    padding: 80px 24px;
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    background: var(--card);
}

.rl-empty-icon[b-we85hucec1] {
    font-size: 48px;
    color: var(--muted);
    opacity: 0.4;
    margin-bottom: 16px;
}

.rl-empty h4[b-we85hucec1] {
    color: var(--headline);
    margin: 0 0 8px;
    font-weight: 700;
}

.rl-empty p[b-we85hucec1] {
    color: var(--muted);
    font-size: 14px;
    margin: 0;
}

/* ═══════════════ LOADING ═══════════════ */
.rl-loading[b-we85hucec1] {
    text-align: center;
    padding: 80px 24px;
}

.rl-spinner[b-we85hucec1] {
    width: 48px;
    height: 48px;
    border: 3px solid var(--stroke);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: rl-spin-b-we85hucec1 0.8s linear infinite;
    margin: 0 auto 16px;
}

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

/* ═══════════════════════════════════════════════════════════════
   PERMISSION DIALOG — Corporate SfTreeView (ptv-*)
   ═══════════════════════════════════════════════════════════════ */

[b-we85hucec1] .ptv-dialog.e-dialog {
    background: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
    overflow: hidden !important;
}

[b-we85hucec1] .ptv-dialog .e-dlg-header-content {
    background: #1e293b !important;
    border-bottom: none !important;
    padding: 0 !important;
}

[b-we85hucec1] .ptv-dialog .e-dlg-content {
    background: #fff !important;
    color: #212529 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

[b-we85hucec1] .ptv-dialog .e-btn.e-dlg-closeicon-btn { display: none !important; }

/* ── Header ── */
.ptv-header[b-we85hucec1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    gap: 12px;
}

.ptv-header-left[b-we85hucec1] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ptv-header-ico[b-we85hucec1] {
    font-size: 15px;
    color: #94a3b8;
}

.ptv-header-title[b-we85hucec1] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ptv-header-right[b-we85hucec1] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.ptv-header-stat[b-we85hucec1] {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 500;
}

.ptv-close[b-we85hucec1] {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: grid;
    place-items: center;
    font-size: 13px;
    transition: background 0.15s, color 0.15s;
}

.ptv-close:hover[b-we85hucec1] {
    background: rgba(255,255,255,0.1);
    color: #fff;
}

/* ── Body ── */
.ptv-body[b-we85hucec1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #212529;
}

/* ── Toolbar ── */
.ptv-toolbar[b-we85hucec1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
    flex-wrap: wrap;
}

.ptv-search[b-we85hucec1] {
    position: relative;
    flex: 1 1 220px;
    min-width: 180px;
}

.ptv-search-icon[b-we85hucec1] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #adb5bd;
    font-size: 12px;
    pointer-events: none;
}

.ptv-search-input[b-we85hucec1] {
    width: 100%;
    padding: 7px 30px 7px 34px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    background: #fff;
    color: #212529;
    font-size: 13px;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s;
}

.ptv-search-input[b-we85hucec1]::placeholder { color: #adb5bd; }
.ptv-search-input:focus[b-we85hucec1] { border-color: #86b7fe; }

.ptv-search-clear[b-we85hucec1] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #adb5bd;
    cursor: pointer;
    padding: 2px;
    display: flex;
    font-size: 12px;
}

.ptv-search-clear:hover[b-we85hucec1] { color: #dc3545; }

.ptv-toolbar-actions[b-we85hucec1] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.ptv-toolbar-sep[b-we85hucec1] {
    width: 1px;
    height: 20px;
    background: #dee2e6;
    margin: 0 4px;
}

.ptv-tbtn[b-we85hucec1] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #dee2e6;
    background: #fff;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    color: #495057;
    transition: background 0.15s, border-color 0.15s;
}

.ptv-tbtn:hover[b-we85hucec1] {
    background: #e9ecef;
    border-color: #ced4da;
}

.ptv-tbtn-select[b-we85hucec1] { color: #198754; border-color: #c3e6cb; }
.ptv-tbtn-select:hover[b-we85hucec1] { background: #d1e7dd; border-color: #a3cfbb; }

.ptv-tbtn-clear[b-we85hucec1] { color: #dc3545; border-color: #f1aeb5; }
.ptv-tbtn-clear:hover[b-we85hucec1] { background: #f8d7da; border-color: #f1aeb5; }

.ptv-tbtn-icon[b-we85hucec1] { padding: 6px 8px; }

/* ── Tree Wrapper ── */
.ptv-tree-wrap[b-we85hucec1] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 12px;
    background: #fff;
}

/* ── SfTreeView Overrides ── */
[b-we85hucec1] .ptv-sf-tree.e-treeview {
    background: transparent !important;
}

[b-we85hucec1] .ptv-sf-tree .e-list-item { padding: 0 !important; }

[b-we85hucec1] .ptv-sf-tree .e-text-content {
    padding: 5px 8px !important;
    border-radius: 4px;
}

[b-we85hucec1] .ptv-sf-tree .e-list-item:not(.e-active) .e-text-content:hover {
    background: #f8f9fa;
}

[b-we85hucec1] .ptv-sf-tree .e-fullrow { display: none !important; }

[b-we85hucec1] .ptv-sf-tree .e-list-icon {
    font-size: 13px !important;
    color: #6c757d !important;
    margin-right: 6px !important;
}

[b-we85hucec1] .ptv-sf-tree .e-list-text {
    font-size: 13px !important;
    color: #212529 !important;
    font-weight: 400 !important;
    width: 100% !important;
}

[b-we85hucec1] .ptv-sf-tree .e-list-item.e-level-1 > .e-text-content .e-list-text {
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #1e293b !important;
}

[b-we85hucec1] .ptv-sf-tree .e-list-item.e-level-1 > .e-text-content .e-list-icon {
    color: #495057 !important;
}

[b-we85hucec1] .ptv-sf-tree .e-list-item.e-level-1 > .e-text-content {
    padding: 8px 10px !important;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    margin-bottom: 2px;
}

[b-we85hucec1] .ptv-sf-tree .e-list-item.e-level-2 > .e-text-content {
    padding: 5px 10px !important;
    margin-left: 4px;
}

[b-we85hucec1] .ptv-sf-tree .e-checkbox-wrapper { margin-right: 6px !important; }

[b-we85hucec1] .ptv-sf-tree .e-checkbox-wrapper .e-frame {
    width: 18px !important;
    height: 18px !important;
    border-radius: 3px !important;
    border: 1px solid #ced4da !important;
    background: #fff !important;
}

[b-we85hucec1] .ptv-sf-tree .e-checkbox-wrapper .e-frame.e-check {
    background: #0d6efd !important;
    border-color: #0d6efd !important;
}

[b-we85hucec1] .ptv-sf-tree .e-checkbox-wrapper .e-frame.e-stop {
    background: #6c757d !important;
    border-color: #6c757d !important;
}

[b-we85hucec1] .ptv-sf-tree .e-checkbox-wrapper .e-frame .e-icons {
    color: #fff !important;
    font-size: 10px !important;
}

[b-we85hucec1] .ptv-sf-tree .e-icons.e-icon-expandable,
[b-we85hucec1] .ptv-sf-tree .e-icons.e-icon-collapsible {
    color: #6c757d !important;
    font-size: 11px !important;
}

[b-we85hucec1] .ptv-sf-tree .e-ul { border: none !important; }

/* ── Node Templates ── */
.ptv-cat-tmpl[b-we85hucec1] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.ptv-cat-label[b-we85hucec1] {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    flex: 1;
}

.ptv-cat-badge[b-we85hucec1] {
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    background: #e9ecef;
    color: #6c757d;
    font-variant-numeric: tabular-nums;
}

.ptv-cat-badge.full[b-we85hucec1] { background: #d1e7dd; color: #0f5132; }
.ptv-cat-badge.partial[b-we85hucec1] { background: #fff3cd; color: #664d03; }

.ptv-perm-tmpl[b-we85hucec1] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.ptv-perm-label[b-we85hucec1] {
    font-size: 13px;
    color: #212529;
}

.ptv-perm-code[b-we85hucec1] {
    font-size: 11px;
    color: #adb5bd;
    font-family: monospace;
    margin-left: auto;
}

/* ── Empty State ── */
.ptv-empty[b-we85hucec1] {
    text-align: center;
    padding: 60px 24px;
}

.ptv-empty-icon[b-we85hucec1] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #e9ecef;
    margin: 0 auto 12px;
    font-size: 20px;
    color: #6c757d;
}

.ptv-empty h4[b-we85hucec1] { color: #212529; margin: 0 0 4px; font-weight: 600; font-size: 15px; }
.ptv-empty p[b-we85hucec1] { color: #6c757d; margin: 0 0 12px; font-size: 13px; }

.ptv-loading-spinner[b-we85hucec1] {
    width: 32px;
    height: 32px;
    border: 2px solid #dee2e6;
    border-top-color: #0d6efd;
    border-radius: 50%;
    animation: ptv-spin-b-we85hucec1 0.7s linear infinite;
    margin: 0 auto 12px;
}

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

/* ── Footer ── */
.ptv-footer[b-we85hucec1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
    gap: 10px;
}

.ptv-footer-info[b-we85hucec1] {
    font-size: 12px;
    color: #6c757d;
}

.ptv-footer-actions[b-we85hucec1] {
    display: flex;
    gap: 8px;
}

.ptv-btn[b-we85hucec1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid transparent;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s;
}

.ptv-btn-ghost[b-we85hucec1] {
    background: #fff;
    color: #495057;
    border-color: #dee2e6;
}

.ptv-btn-ghost:hover[b-we85hucec1] {
    background: #e9ecef;
}

.ptv-btn-save[b-we85hucec1] {
    background: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}

.ptv-btn-save:hover[b-we85hucec1] {
    background: #0b5ed7;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .ptv-toolbar[b-we85hucec1] { flex-direction: column; align-items: stretch; }
    .ptv-footer[b-we85hucec1] { flex-direction: column; align-items: stretch; }
    .ptv-footer-actions[b-we85hucec1] { justify-content: flex-end; }
}

@media (max-width: 600px) {
    .ptv-perm-code[b-we85hucec1] { display: none; }
    .ptv-footer-actions[b-we85hucec1] { flex-direction: column; width: 100%; }
    .ptv-btn[b-we85hucec1] { width: 100%; justify-content: center; }
}

/* ═══════════════ DELETE CONFIRM DIALOG ═══════════════ */
.rl-delete-content[b-we85hucec1] {
    text-align: center;
    padding: 24px 16px 8px;
}

.rl-delete-icon[b-we85hucec1] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(244, 63, 94, 0.12);
    display: grid;
    place-items: center;
    margin: 0 auto 16px;
}

.rl-delete-icon i[b-we85hucec1] {
    font-size: 28px;
    color: var(--negative);
}

.rl-delete-content h5[b-we85hucec1] {
    margin: 0 0 8px;
    font-weight: 700;
    color: var(--headline);
    font-size: 18px;
}

.rl-delete-content p[b-we85hucec1] {
    color: var(--muted);
    font-size: 14px;
    margin: 0 0 4px;
}

.rl-delete-name[b-we85hucec1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 14px;
    border-radius: 8px;
    background: rgba(244, 63, 94, 0.08);
    border: 1px solid rgba(244, 63, 94, 0.2);
    color: var(--negative);
    font-weight: 600;
    font-size: 15px;
    margin: 12px 0;
}

.rl-delete-actions[b-we85hucec1] {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 20px;
}

/* ═══════════════ ROLE DIALOG (add/edit) ═══════════════ */
.rl-form-group[b-we85hucec1] {
    margin-bottom: 18px;
}

.rl-form-label[b-we85hucec1] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
    margin-bottom: 6px;
    letter-spacing: 0.3px;
}

/* ═══════════════ TOAST ═══════════════ */
.rl-toast-success[b-we85hucec1] {
    background: linear-gradient(135deg, #065f46, #064e3b) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: white !important;
}

.rl-toast-error[b-we85hucec1] {
    background: linear-gradient(135deg, #7f1d1d, #991b1b) !important;
    border: 1px solid rgba(244, 63, 94, 0.3) !important;
    color: white !important;
}

.rl-toast-info[b-we85hucec1] {
    background: linear-gradient(135deg, #164e63, #155e75) !important;
    border: 1px solid rgba(6, 182, 212, 0.3) !important;
    color: white !important;
}

.rl-toast-warning[b-we85hucec1] {
    background: linear-gradient(135deg, #78350f, #92400e) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    color: white !important;
}

/* ═══════════════ RESPONSIVE ═══════════════ */
@media (max-width: 1200px) {
    .rl-stats[b-we85hucec1] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .rl-cards[b-we85hucec1] {
        grid-template-columns: 1fr;
    }

    .rl-hero-inner[b-we85hucec1] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 600px) {
    .rl-stats[b-we85hucec1] {
        grid-template-columns: 1fr;
    }

    .rl-hero-actions[b-we85hucec1] {
        flex-direction: column;
        width: 100%;
    }

    .rl-btn[b-we85hucec1] {
        width: 100%;
        justify-content: center;
    }

    .rl-card-actions[b-we85hucec1] {
        flex-direction: column;
    }
}
/* /Presentation/Pages/Surveys/SurveyManagement.razor.rz.scp.css */
.sx-page[b-5rqg8v7xer]{padding:20px;color:#172033;background:#f6f8fb;min-height:100vh}.sx-hero[b-5rqg8v7xer]{background:linear-gradient(125deg,#073b4c,#0f766e 70%,#129e8d);color:#fff;border-radius:20px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 12px 30px rgba(7,59,76,.18)}.sx-kicker[b-5rqg8v7xer]{font-size:10px;letter-spacing:.16em;font-weight:800;opacity:.72}.sx-hero h1[b-5rqg8v7xer]{font-size:26px;margin:4px 0 6px}.sx-hero p[b-5rqg8v7xer]{margin:0;opacity:.8}.sx-hero-actions[b-5rqg8v7xer]{display:flex;gap:9px;flex:none}.sx-kpis[b-5rqg8v7xer]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.sx-kpis article[b-5rqg8v7xer]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:15px;display:flex;gap:13px;align-items:center}.sx-kpis i[b-5rqg8v7xer]{width:40px;height:40px;border-radius:11px;background:#e8f7f4;color:#0f766e;display:grid;place-items:center}.sx-kpis span[b-5rqg8v7xer]{display:block;font-size:11px;color:#64748b}.sx-kpis strong[b-5rqg8v7xer]{font-size:21px}.sx-tabs[b-5rqg8v7xer]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:6px;display:flex;gap:4px;overflow:auto;margin-bottom:16px}.sx-tabs button[b-5rqg8v7xer]{border:0;background:transparent;border-radius:9px;padding:10px 15px;color:#64748b;white-space:nowrap;font-weight:600;font-size:13px}.sx-tabs button i[b-5rqg8v7xer]{margin-right:7px}.sx-tabs button.active[b-5rqg8v7xer]{background:#0f766e;color:#fff}.sx-loading[b-5rqg8v7xer]{height:300px;display:flex;gap:12px;justify-content:center;align-items:center}.sx-panel-head[b-5rqg8v7xer]{display:flex;justify-content:space-between;align-items:center;margin:18px 2px}.sx-panel-head h2[b-5rqg8v7xer]{font-size:20px;margin:0}.sx-panel-head p[b-5rqg8v7xer]{font-size:12px;color:#64748b;margin:3px 0}.template-grid[b-5rqg8v7xer]{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.template-card[b-5rqg8v7xer]{background:#fff;border:1px solid #e1e7ef;border-radius:16px;padding:17px}.template-top[b-5rqg8v7xer]{display:flex;justify-content:space-between}.template-icon[b-5rqg8v7xer]{width:42px;height:42px;border-radius:12px;background:#e7f7f4;color:#0f766e;display:grid;place-items:center}.status-pill[b-5rqg8v7xer]{font-size:10px;font-weight:700;padding:5px 8px;border-radius:99px;background:#e2e8f0;color:#475569;height:max-content}.status-pill.active[b-5rqg8v7xer]{background:#dcfce7;color:#15803d}.status-pill.draft[b-5rqg8v7xer]{background:#fef3c7;color:#a16207}.status-pill.scheduled[b-5rqg8v7xer]{background:#dbeafe;color:#1d4ed8}.status-pill.paused[b-5rqg8v7xer]{background:#ffedd5;color:#c2410c}.status-pill.closed[b-5rqg8v7xer],.status-pill.archived[b-5rqg8v7xer]{background:#f1f5f9;color:#64748b}.category[b-5rqg8v7xer]{display:block;color:#0f766e;font-size:10px;font-weight:800;margin-top:14px}.template-card h3[b-5rqg8v7xer]{font-size:16px;margin:4px 0 15px}.template-stats[b-5rqg8v7xer]{display:flex;gap:12px;font-size:11px;color:#64748b;padding:11px 0;border-top:1px solid #edf1f5}.card-actions[b-5rqg8v7xer]{display:flex;gap:6px;flex-wrap:wrap}.sx-empty[b-5rqg8v7xer]{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:17px;padding:55px}.sx-empty>i[b-5rqg8v7xer]{font-size:40px;color:#94a3b8}.campaign-table-wrap[b-5rqg8v7xer]{background:#fff;border:1px solid #e2e8f0;border-radius:15px;overflow:auto}.campaign-table[b-5rqg8v7xer]{margin:0}.campaign-table th[b-5rqg8v7xer]{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;padding:12px}.campaign-table td[b-5rqg8v7xer]{vertical-align:middle;padding:13px;font-size:12px}.campaign-table td strong[b-5rqg8v7xer],.campaign-table td small[b-5rqg8v7xer]{display:block}.campaign-table td small[b-5rqg8v7xer]{color:#64748b}.participation[b-5rqg8v7xer]{display:grid;grid-template-columns:90px auto;gap:2px 8px;align-items:center}.participation>div[b-5rqg8v7xer]{height:6px;background:#e2e8f0;border-radius:9px;overflow:hidden}.participation>div span[b-5rqg8v7xer]{display:block;height:100%;background:#0f766e}.participation small[b-5rqg8v7xer]{grid-column:1/-1}.row-actions[b-5rqg8v7xer]{display:flex;gap:4px}.row-actions button[b-5rqg8v7xer]{width:30px;height:30px;border:1px solid #dbe2ea;border-radius:7px;background:#fff;color:#64748b}.row-actions button:hover[b-5rqg8v7xer],.row-actions .publish[b-5rqg8v7xer]{color:#0f766e;border-color:#0f766e}.report-tools[b-5rqg8v7xer]{display:flex;gap:7px}.report-tools select[b-5rqg8v7xer]{min-width:260px}.report-title[b-5rqg8v7xer]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.report-title h3[b-5rqg8v7xer]{font-size:18px}.report-title span[b-5rqg8v7xer]{font-size:11px;color:#64748b;background:#fff;padding:6px 9px;border-radius:8px}.report-kpis[b-5rqg8v7xer]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.report-kpis article[b-5rqg8v7xer]{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:14px}.report-kpis span[b-5rqg8v7xer]{display:block;font-size:10px;color:#64748b}.report-kpis strong[b-5rqg8v7xer]{font-size:22px}.privacy-block[b-5rqg8v7xer]{background:#fff8e6;border:1px solid #f5d98a;color:#805b0a;border-radius:15px;padding:30px;display:flex;gap:16px;align-items:center;margin-top:14px}.privacy-block>i[b-5rqg8v7xer]{font-size:30px}.analytics-grid[b-5rqg8v7xer]{display:grid;grid-template-columns:3fr 2fr;gap:12px;margin-top:12px}.analytics-card[b-5rqg8v7xer]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;max-height:460px;overflow:auto}.analytics-card h3[b-5rqg8v7xer]{font-size:15px;margin-bottom:14px}.theme-row[b-5rqg8v7xer]{display:grid;grid-template-columns:150px 1fr 45px;gap:10px;align-items:center;margin:11px 0}.theme-row strong[b-5rqg8v7xer],.theme-row small[b-5rqg8v7xer]{display:block;font-size:11px}.theme-row small[b-5rqg8v7xer]{color:#64748b}.score-bar[b-5rqg8v7xer]{height:8px;background:#e2e8f0;border-radius:10px}.score-bar span[b-5rqg8v7xer]{height:100%;background:linear-gradient(90deg,#14b8a6,#0f766e);display:block;border-radius:10px}.group-row[b-5rqg8v7xer]{display:grid;grid-template-columns:1fr auto 50px;gap:10px;padding:9px 0;border-bottom:1px solid #edf2f7;font-size:12px}.group-row small[b-5rqg8v7xer]{color:#64748b}.comments blockquote[b-5rqg8v7xer]{border-left:3px solid #5eead4;padding:9px 11px;background:#f8fafc;border-radius:0 9px 9px 0}.comments blockquote span[b-5rqg8v7xer]{font-size:9px;color:#0f766e;font-weight:800}.comments blockquote p[b-5rqg8v7xer]{font-size:12px;margin:4px 0}.comments blockquote small[b-5rqg8v7xer]{font-size:10px;color:#94a3b8}.action-board[b-5rqg8v7xer]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.action-board>section[b-5rqg8v7xer]{background:#edf1f5;border-radius:14px;padding:10px;min-height:250px}.action-board>section>header[b-5rqg8v7xer]{display:flex;justify-content:space-between;padding:5px 5px 12px;font-size:12px;font-weight:800}.action-board>section>header b[b-5rqg8v7xer]{background:#fff;padding:2px 7px;border-radius:99px}.action-board article[b-5rqg8v7xer]{background:#fff;border:1px solid #dde4ec;border-radius:12px;padding:13px;margin-bottom:8px;cursor:pointer}.action-board article:hover[b-5rqg8v7xer]{border-color:#0f766e}.action-card-top[b-5rqg8v7xer]{display:flex;justify-content:space-between}.priority[b-5rqg8v7xer]{font-size:9px;text-transform:uppercase;padding:3px 6px;border-radius:6px;background:#e2e8f0}.priority.high[b-5rqg8v7xer],.priority.critical[b-5rqg8v7xer]{background:#fee2e2;color:#b91c1c}.priority.low[b-5rqg8v7xer]{background:#dcfce7;color:#15803d}.action-board h3[b-5rqg8v7xer]{font-size:14px;margin:9px 0 5px}.action-board p[b-5rqg8v7xer],.action-board small[b-5rqg8v7xer]{font-size:11px;color:#64748b}.action-board footer[b-5rqg8v7xer]{border-top:1px solid #edf2f7;margin-top:10px;padding-top:9px;display:flex;justify-content:space-between;font-size:11px}.privacy-intro[b-5rqg8v7xer]{background:linear-gradient(135deg,#0f766e,#0b5563);color:#fff;padding:25px;border-radius:16px;display:flex;gap:16px;align-items:center}.privacy-intro>i[b-5rqg8v7xer]{font-size:38px}.privacy-intro h2[b-5rqg8v7xer]{font-size:20px;margin:0}.privacy-intro p[b-5rqg8v7xer]{font-size:12px;opacity:.8;margin:4px 0}.privacy-grid[b-5rqg8v7xer]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.privacy-grid article[b-5rqg8v7xer]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:17px}.privacy-grid article>span[b-5rqg8v7xer]{font-size:10px;color:#0f766e;font-weight:800}.privacy-grid h3[b-5rqg8v7xer]{font-size:15px;margin:7px 0}.privacy-grid p[b-5rqg8v7xer]{font-size:12px;color:#64748b;margin:0}.sx-modal-backdrop[b-5rqg8v7xer]{position:fixed;inset:0;background:rgba(15,23,42,.58);z-index:2000;display:grid;place-items:center;padding:20px}.sx-modal[b-5rqg8v7xer]{background:#fff;border-radius:17px;width:min(720px,96vw);max-height:94vh;display:flex;flex-direction:column;box-shadow:0 25px 70px rgba(0,0,0,.3)}.sx-modal.wide[b-5rqg8v7xer]{width:min(1040px,96vw)}.sx-modal>header[b-5rqg8v7xer]{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #e2e8f0}.sx-modal>header span[b-5rqg8v7xer]{font-size:9px;color:#0f766e;font-weight:800}.sx-modal>header h2[b-5rqg8v7xer]{font-size:18px;margin:3px 0}.sx-modal>header button[b-5rqg8v7xer],.builder-actions button[b-5rqg8v7xer],.option-editor button[b-5rqg8v7xer]{border:0;background:transparent;color:#64748b}.modal-body[b-5rqg8v7xer]{padding:18px 20px;overflow:auto}.sx-modal>footer[b-5rqg8v7xer]{padding:13px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:8px}.form-grid[b-5rqg8v7xer]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label>span[b-5rqg8v7xer],.form-grid legend[b-5rqg8v7xer]{display:block;font-size:10px;font-weight:700;color:#475569;margin-bottom:5px}.form-grid .full[b-5rqg8v7xer]{grid-column:1/-1}.thresholds[b-5rqg8v7xer]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.form-grid fieldset[b-5rqg8v7xer]{border:1px solid #e2e8f0;border-radius:11px;padding:11px}.scope-list[b-5rqg8v7xer]{display:flex;gap:7px;flex-wrap:wrap;max-height:120px;overflow:auto}.scope-list label[b-5rqg8v7xer],.check-label[b-5rqg8v7xer]{display:flex!important;gap:6px;align-items:center;background:#f8fafc;padding:6px 8px;border-radius:7px;font-size:11px!important}.scope-list input[b-5rqg8v7xer],.check-label input[b-5rqg8v7xer]{accent-color:#0f766e}.form-grid fieldset small[b-5rqg8v7xer]{font-size:9px;color:#94a3b8}.builder-head[b-5rqg8v7xer]{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px}.builder-head h3[b-5rqg8v7xer]{font-size:16px;margin:0}.builder-head p[b-5rqg8v7xer]{font-size:11px;color:#64748b;margin:2px 0}.question-builder[b-5rqg8v7xer]{display:grid;gap:9px}.question-builder article[b-5rqg8v7xer]{border:1px solid #dfe6ee;border-radius:12px;padding:11px;display:grid;grid-template-columns:28px 1fr auto;gap:9px;background:#fbfcfe}.drag-no[b-5rqg8v7xer]{width:26px;height:26px;border-radius:8px;background:#e6f5f2;color:#0f766e;display:grid;place-items:center;font-size:11px;font-weight:800}.question-input[b-5rqg8v7xer]{font-weight:600}.compact-grid[b-5rqg8v7xer]{display:grid;grid-template-columns:1fr 1fr auto auto;gap:7px;margin-top:7px}.builder-actions[b-5rqg8v7xer]{display:flex;flex-direction:column;gap:2px}.builder-actions button[b-5rqg8v7xer]{width:25px;height:25px}.builder-actions .delete[b-5rqg8v7xer],.option-editor button[b-5rqg8v7xer]{color:#dc2626}.option-editor[b-5rqg8v7xer]{margin-top:8px;background:#f1f5f9;border-radius:9px;padding:8px}.option-editor>div[b-5rqg8v7xer]{display:grid;grid-template-columns:1fr 90px 28px;gap:6px;margin-bottom:5px}.link-button[b-5rqg8v7xer]{color:#0f766e!important;font-size:11px}@media(max-width:1000px){.template-grid[b-5rqg8v7xer],.privacy-grid[b-5rqg8v7xer]{grid-template-columns:repeat(2,1fr)}.sx-kpis[b-5rqg8v7xer]{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sx-page[b-5rqg8v7xer]{padding:10px}.sx-hero[b-5rqg8v7xer]{align-items:flex-start;flex-direction:column}.sx-hero-actions[b-5rqg8v7xer]{width:100%;flex-wrap:wrap}.template-grid[b-5rqg8v7xer],.privacy-grid[b-5rqg8v7xer],.analytics-grid[b-5rqg8v7xer],.action-board[b-5rqg8v7xer],.report-kpis[b-5rqg8v7xer]{grid-template-columns:1fr}.sx-kpis[b-5rqg8v7xer]{grid-template-columns:1fr 1fr}.sx-panel-head[b-5rqg8v7xer]{align-items:flex-start;gap:10px}.report-tools[b-5rqg8v7xer]{flex-direction:column}.form-grid[b-5rqg8v7xer]{grid-template-columns:1fr}.form-grid .full[b-5rqg8v7xer]{grid-column:auto}.compact-grid[b-5rqg8v7xer]{grid-template-columns:1fr 1fr}.question-builder article[b-5rqg8v7xer]{grid-template-columns:28px 1fr}.builder-actions[b-5rqg8v7xer]{grid-column:2;flex-direction:row}.sx-modal-backdrop[b-5rqg8v7xer]{padding:4px}}
@media print{.sx-hero[b-5rqg8v7xer],.sx-kpis[b-5rqg8v7xer],.sx-tabs[b-5rqg8v7xer],.sx-panel-head[b-5rqg8v7xer],.sx-modal-backdrop[b-5rqg8v7xer]{display:none!important}.sx-page[b-5rqg8v7xer]{background:#fff;padding:0}.analytics-card[b-5rqg8v7xer]{max-height:none;overflow:visible}.analytics-grid[b-5rqg8v7xer]{break-inside:avoid}}

/* Executive survey analytics */
.report-kicker[b-5rqg8v7xer],.card-heading>div>span[b-5rqg8v7xer]{display:block;font-size:9px;font-weight:850;letter-spacing:.12em;color:#0f766e;margin-bottom:3px}.report-title>div>h3[b-5rqg8v7xer]{margin:0}.report-kpis.executive[b-5rqg8v7xer]{grid-template-columns:repeat(6,1fr)}.report-kpis.executive article[b-5rqg8v7xer]{position:relative;overflow:hidden;min-height:104px}.report-kpis.executive article[b-5rqg8v7xer]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#cbd5e1}.report-kpis.executive article.score[b-5rqg8v7xer]:before{background:#0f766e}.report-kpis.executive small[b-5rqg8v7xer]{display:block;color:#64748b;font-size:9px;margin-top:5px}.report-kpis.executive strong em[b-5rqg8v7xer]{font-size:11px;color:#94a3b8;font-style:normal;margin-left:2px}.report-kpis .trend-up[b-5rqg8v7xer]{color:#15803d!important}.report-kpis .trend-down[b-5rqg8v7xer]{color:#b91c1c!important}.report-kpis .trend-flat[b-5rqg8v7xer]{color:#64748b!important}.insight-strip[b-5rqg8v7xer]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.insight-strip article[b-5rqg8v7xer]{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:14px;display:flex;gap:11px;align-items:center}.insight-strip article>i[b-5rqg8v7xer]{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf5f4;color:#0f766e}.insight-strip article.positive>i[b-5rqg8v7xer]{background:#dcfce7;color:#15803d}.insight-strip article.opportunity>i[b-5rqg8v7xer]{background:#fff7ed;color:#c2410c}.insight-strip span[b-5rqg8v7xer],.insight-strip small[b-5rqg8v7xer]{display:block;font-size:9px;color:#64748b}.insight-strip strong[b-5rqg8v7xer]{display:block;font-size:14px;margin:2px 0}.analytics-grid.primary[b-5rqg8v7xer]{grid-template-columns:2fr 1fr}.card-heading[b-5rqg8v7xer]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.card-heading h3[b-5rqg8v7xer]{margin:0!important}.card-heading>small[b-5rqg8v7xer]{font-size:9px;color:#94a3b8}.legend[b-5rqg8v7xer]{font-size:9px;color:#64748b;display:flex;align-items:center;gap:4px}.legend i[b-5rqg8v7xer]{width:14px;height:5px;background:#0f766e;border-radius:4px}.legend b[b-5rqg8v7xer]{width:2px;height:10px;background:#f59e0b}.score-bar.benchmark[b-5rqg8v7xer]{position:relative;overflow:visible}.score-bar.benchmark>i[b-5rqg8v7xer]{position:absolute;width:2px;height:14px;background:#f59e0b;top:-3px}.score-bar span.excellent[b-5rqg8v7xer],.mini-bar i[b-5rqg8v7xer]{background:#0f766e}.score-bar span.good[b-5rqg8v7xer]{background:#22a98e}.score-bar span.watch[b-5rqg8v7xer]{background:#f59e0b}.score-bar span.risk[b-5rqg8v7xer]{background:#ef4444}.theme-row>b.excellent[b-5rqg8v7xer],.question-result b.excellent[b-5rqg8v7xer]{color:#0f766e}.theme-row>b.good[b-5rqg8v7xer],.question-result b.good[b-5rqg8v7xer]{color:#15803d}.theme-row>b.watch[b-5rqg8v7xer],.question-result b.watch[b-5rqg8v7xer]{color:#b45309}.theme-row>b.risk[b-5rqg8v7xer],.question-result b.risk[b-5rqg8v7xer]{color:#b91c1c}.funnel[b-5rqg8v7xer]{display:grid;gap:8px}.funnel>div[b-5rqg8v7xer]{height:38px;background:#f1f5f9;border-radius:8px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 10px}.funnel>div>span[b-5rqg8v7xer]{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ccfbf1,#99f6e4);border-right:2px solid #14b8a6}.funnel strong[b-5rqg8v7xer],.funnel small[b-5rqg8v7xer]{position:relative;z-index:1}.funnel small[b-5rqg8v7xer]{font-size:10px;color:#475569}.mini-title[b-5rqg8v7xer]{font-size:11px;margin:17px 0 8px}.distribution[b-5rqg8v7xer]{display:grid;gap:5px}.distribution>div[b-5rqg8v7xer]{display:grid;grid-template-columns:35px 1fr 42px;gap:7px;align-items:center;font-size:9px}.distribution>div>span i[b-5rqg8v7xer]{font-size:7px;color:#f59e0b}.distribution>div>div[b-5rqg8v7xer]{height:6px;background:#edf2f7;border-radius:8px}.distribution>div>div b[b-5rqg8v7xer]{display:block;height:100%;background:#0f766e;border-radius:8px}.distribution>div>strong[b-5rqg8v7xer]{text-align:right}.group-row.advanced[b-5rqg8v7xer]{grid-template-columns:minmax(110px,1fr) 65px minmax(70px,1fr) 42px;align-items:center}.mini-bar[b-5rqg8v7xer]{height:5px;background:#e2e8f0;border-radius:9px;overflow:hidden}.mini-bar i[b-5rqg8v7xer]{display:block;height:100%;border-radius:9px}.question-results[b-5rqg8v7xer]{max-height:none}.question-table-head[b-5rqg8v7xer],.question-result[b-5rqg8v7xer]{display:grid;grid-template-columns:minmax(320px,1fr) 70px 70px 55px;gap:10px;align-items:center}.question-table-head[b-5rqg8v7xer]{background:#f8fafc;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:800;color:#64748b}.question-result[b-5rqg8v7xer]{padding:10px 11px;border-bottom:1px solid #edf2f7;font-size:11px}.question-result strong[b-5rqg8v7xer],.question-result small[b-5rqg8v7xer]{display:block}.question-result small[b-5rqg8v7xer]{color:#0f766e;font-size:9px;margin-top:2px}.comment-count[b-5rqg8v7xer]{background:#e6f5f2;color:#0f766e;padding:4px 8px;border-radius:8px;font-size:10px}.action-summary[b-5rqg8v7xer]{max-height:460px}.action-ring[b-5rqg8v7xer]{--progress:0;width:126px;height:126px;border-radius:50%;margin:5px auto 15px;background:conic-gradient(#0f766e calc(var(--progress)*1%),#e2e8f0 0);display:grid;place-items:center}.action-ring[b-5rqg8v7xer]:before{content:"";width:96px;height:96px;border-radius:50%;background:#fff;grid-area:1/1}.action-ring>div[b-5rqg8v7xer]{grid-area:1/1;z-index:1;text-align:center}.action-ring strong[b-5rqg8v7xer],.action-ring span[b-5rqg8v7xer]{display:block}.action-ring strong[b-5rqg8v7xer]{font-size:22px}.action-ring span[b-5rqg8v7xer]{font-size:9px;color:#64748b}.action-stats[b-5rqg8v7xer]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:13px}.action-stats span[b-5rqg8v7xer]{background:#f8fafc;padding:7px;border-radius:8px;font-size:9px;color:#64748b}.action-stats b[b-5rqg8v7xer]{display:block;font-size:14px;color:#0f172a}.action-stats i[b-5rqg8v7xer]{width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:3px}.action-stats i.open[b-5rqg8v7xer]{background:#94a3b8}.action-stats i.progress[b-5rqg8v7xer]{background:#f59e0b}.action-stats i.done[b-5rqg8v7xer]{background:#0f766e}.compact-action[b-5rqg8v7xer]{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #edf2f7}.compact-action strong[b-5rqg8v7xer],.compact-action small[b-5rqg8v7xer]{display:block;font-size:10px}.compact-action small[b-5rqg8v7xer]{color:#64748b;margin-top:2px}
@media(max-width:1250px){.report-kpis.executive[b-5rqg8v7xer]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.insight-strip[b-5rqg8v7xer],.analytics-grid.primary[b-5rqg8v7xer]{grid-template-columns:1fr}.report-kpis.executive[b-5rqg8v7xer]{grid-template-columns:repeat(2,1fr)}.question-table-head[b-5rqg8v7xer],.question-result[b-5rqg8v7xer]{grid-template-columns:1fr 45px 50px}.question-table-head span:nth-child(2)[b-5rqg8v7xer],.question-result>span:first-of-type[b-5rqg8v7xer]{display:none}.group-row.advanced[b-5rqg8v7xer]{grid-template-columns:1fr 55px 38px}.group-row.advanced .mini-bar[b-5rqg8v7xer]{display:none}}
.scope-count[b-5rqg8v7xer]{display:inline-block!important;margin-left:6px;padding:2px 6px;border-radius:10px;background:#e6f5f2;color:#0f766e!important}.personnel-scope label[b-5rqg8v7xer]{align-items:flex-start}.personnel-scope label>span[b-5rqg8v7xer]{display:flex;flex-direction:column}.personnel-scope label small[b-5rqg8v7xer]{font-size:8px;color:#64748b}.audience-note[b-5rqg8v7xer]{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:9px;background:#eff8ff;border:1px solid #cfe6f8;color:#31536d;font-size:10px}.audience-note>i[b-5rqg8v7xer]{color:#1673ad;margin-top:2px}
/* /Presentation/Pages/Surveys/SurveyParticipation.razor.rz.scp.css */
.survey-shell[b-kq2jwas0c9]{max-width:1040px;margin:0 auto;padding:24px;color:#172033}.survey-state[b-kq2jwas0c9],.survey-complete[b-kq2jwas0c9]{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.survey-state[b-kq2jwas0c9]{flex-direction:row}.survey-complete[b-kq2jwas0c9]{background:#fff;border:1px solid #e5eaf0;border-radius:24px}.complete-icon[b-kq2jwas0c9]{width:76px;height:76px;border-radius:50%;background:#dcfce7;color:#15803d;display:grid;place-items:center;font-size:32px}.invalid .complete-icon[b-kq2jwas0c9]{background:#fee2e2;color:#b91c1c}.survey-hero[b-kq2jwas0c9],.list-hero[b-kq2jwas0c9]{background:linear-gradient(135deg,#0b5563,#0f766e);color:#fff;border-radius:22px;padding:28px;display:flex;gap:20px;align-items:flex-start;box-shadow:0 14px 35px rgba(15,118,110,.18);margin-bottom:20px}.hero-mark[b-kq2jwas0c9]{width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:25px}.eyebrow[b-kq2jwas0c9]{font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.78}.survey-hero h1[b-kq2jwas0c9],.list-hero h1[b-kq2jwas0c9]{font-size:28px;margin:4px 0 8px}.survey-hero p[b-kq2jwas0c9],.list-hero p[b-kq2jwas0c9]{opacity:.84;margin:0}.hero-meta[b-kq2jwas0c9]{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:13px}.hero-meta>span[b-kq2jwas0c9]{background:rgba(255,255,255,.12);padding:7px 10px;border-radius:99px}.privacy-note[b-kq2jwas0c9]{display:flex;gap:14px;padding:15px 17px;background:#effaf8;border:1px solid #c7ebe5;border-radius:14px;color:#155e5b;margin-bottom:18px}.privacy-note>i[b-kq2jwas0c9]{font-size:20px;margin-top:2px}.privacy-note span[b-kq2jwas0c9]{font-size:13px}.progress-wrap[b-kq2jwas0c9]{background:#fff;border:1px solid #e5eaf0;border-radius:14px;padding:14px 18px;margin-bottom:16px;position:sticky;top:8px;z-index:5}.progress-copy[b-kq2jwas0c9]{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.progress[b-kq2jwas0c9]{height:7px}.progress-bar[b-kq2jwas0c9]{background:#0f766e}.question-card[b-kq2jwas0c9]{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;margin-bottom:14px;transition:.2s}.question-card:focus-within[b-kq2jwas0c9]{border-color:#5fb8ae;box-shadow:0 0 0 3px rgba(15,118,110,.08)}.question-card.missing[b-kq2jwas0c9]{border-color:#ef4444;background:#fffafa}.question-head[b-kq2jwas0c9]{display:flex;gap:13px;margin-bottom:20px}.question-no[b-kq2jwas0c9]{width:30px;height:30px;flex:none;border-radius:9px;background:#e6f5f2;color:#0f766e;display:grid;place-items:center;font-weight:800}.question-card h3[b-kq2jwas0c9]{font-size:16px;margin:3px 0 7px}.question-card sup[b-kq2jwas0c9]{color:#dc2626}.theme[b-kq2jwas0c9]{font-size:11px;background:#f1f5f9;padding:3px 8px;border-radius:99px;color:#64748b}.scale-labels[b-kq2jwas0c9]{display:flex;justify-content:space-between;color:#64748b;font-size:11px;margin-bottom:8px}.scale-grid[b-kq2jwas0c9],.nps-grid[b-kq2jwas0c9]{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.nps-grid[b-kq2jwas0c9]{grid-template-columns:repeat(11,1fr)}.scale-button[b-kq2jwas0c9]{border:1px solid #d7dee7;background:#fff;border-radius:10px;min-height:44px;font-weight:700;color:#475569}.scale-button:hover[b-kq2jwas0c9],.scale-button.selected[b-kq2jwas0c9]{background:#0f766e;border-color:#0f766e;color:#fff}.choice-grid[b-kq2jwas0c9]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-grid.two[b-kq2jwas0c9]{max-width:420px}.choice[b-kq2jwas0c9]{border:1px solid #d7dee7;background:#fff;border-radius:11px;padding:12px 14px;text-align:left;color:#334155;display:flex;gap:10px;align-items:center}.choice:hover[b-kq2jwas0c9],.choice.selected[b-kq2jwas0c9]{border-color:#0f766e;background:#ecfdf8;color:#0f5f59}.choice.check[b-kq2jwas0c9]{cursor:pointer}.choice.check input[b-kq2jwas0c9]{accent-color:#0f766e}.radio-dot[b-kq2jwas0c9]{width:15px;height:15px;border:2px solid #94a3b8;border-radius:50%}.choice.selected .radio-dot[b-kq2jwas0c9]{border:5px solid #0f766e}.response-text[b-kq2jwas0c9],.comment-text[b-kq2jwas0c9]{border-color:#d7dee7}.submit-bar[b-kq2jwas0c9]{position:sticky;bottom:12px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid #dce4ec;border-radius:16px;padding:15px 18px;display:flex;justify-content:space-between;gap:15px;align-items:center;box-shadow:0 10px 30px rgba(15,23,42,.12)}.submit-bar span[b-kq2jwas0c9]{display:block;font-size:12px;color:#64748b}.list-hero[b-kq2jwas0c9]{justify-content:space-between;align-items:center}.list-hero>i[b-kq2jwas0c9]{font-size:52px;opacity:.18}.survey-list[b-kq2jwas0c9]{display:grid;gap:12px}.survey-list-card[b-kq2jwas0c9]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:17px;display:flex;gap:15px;align-items:center}.survey-list-card.done[b-kq2jwas0c9]{opacity:.72}.list-icon[b-kq2jwas0c9]{width:46px;height:46px;border-radius:13px;background:#e6f5f2;color:#0f766e;display:grid;place-items:center}.campaign-label[b-kq2jwas0c9],.survey-list-card h3[b-kq2jwas0c9]{display:block}.campaign-label[b-kq2jwas0c9]{font-size:11px;color:#0f766e;font-weight:800}.survey-list-card h3[b-kq2jwas0c9]{font-size:16px;margin:3px 0}.list-meta[b-kq2jwas0c9]{display:flex;gap:14px;font-size:12px;color:#64748b}.done-badge[b-kq2jwas0c9]{color:#15803d;background:#dcfce7;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:700}.empty-state[b-kq2jwas0c9]{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:60px 20px}.empty-state>i[b-kq2jwas0c9]{font-size:44px;color:#16a34a}.you-said[b-kq2jwas0c9]{margin-top:28px}.section-title[b-kq2jwas0c9]{display:flex;gap:12px;align-items:center;margin-bottom:14px}.section-title>i[b-kq2jwas0c9]{width:44px;height:44px;border-radius:12px;background:#fef3c7;color:#a16207;display:grid;place-items:center}.section-title h2[b-kq2jwas0c9]{font-size:20px;margin:0}.section-title p[b-kq2jwas0c9]{font-size:13px;color:#64748b;margin:2px 0}.action-grid[b-kq2jwas0c9]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-grid article[b-kq2jwas0c9]{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:16px}.action-grid article>span[b-kq2jwas0c9]{font-size:11px;color:#0f766e;font-weight:700}.action-grid h3[b-kq2jwas0c9]{font-size:15px;margin:7px 0}.action-grid p[b-kq2jwas0c9],.action-grid small[b-kq2jwas0c9]{font-size:12px;color:#64748b}@media(max-width:768px){.survey-shell[b-kq2jwas0c9]{padding:12px}.survey-hero[b-kq2jwas0c9]{padding:20px}.hero-mark[b-kq2jwas0c9]{display:none}.survey-hero h1[b-kq2jwas0c9]{font-size:22px}.question-card[b-kq2jwas0c9]{padding:17px}.nps-grid[b-kq2jwas0c9]{grid-template-columns:repeat(6,1fr)}.choice-grid[b-kq2jwas0c9]{grid-template-columns:1fr}.submit-bar[b-kq2jwas0c9]{position:static;align-items:stretch;flex-direction:column}.submit-bar .d-flex[b-kq2jwas0c9]{flex-direction:column}.survey-list-card[b-kq2jwas0c9]{align-items:flex-start;flex-wrap:wrap}.survey-list-card .btn[b-kq2jwas0c9]{width:100%}.action-grid[b-kq2jwas0c9]{grid-template-columns:1fr}}
/* /Presentation/Pages/SystemManagement/EmailSettingsPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   DRM Budget – Email Settings Page
   Theme-aware design (es-* prefix)
   ═══════════════════════════════════════════════════════════════ */

.es-shell[b-30y1lz6rng] {
    --bg: #f8fafc;
    --card: #ffffff;
    --card-hover: #f8fafc;
    --stroke: #e2e8f0;
    --stroke-hover: #cbd5e1;
    --muted: #64748b;
    --text: #334155;
    --headline: #0f172a;
    --accent: #6366f1;
    --accent2: #8b5cf6;
    --positive: #10b981;
    --negative: #f43f5e;
    --warn: #f59e0b;
    --info: #06b6d4;
    --radius: 16px;
    --radius-sm: 12px;
    --radius-xs: 8px;
    --glow-opacity: 0.06;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    --hero-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    --input-bg: #f8fafc;
    --toggle-active-bg: rgba(99, 102, 241, 0.10);
    --toggle-active-border: rgba(99, 102, 241, 0.35);
    --pass-toggle-hover-bg: rgba(0, 0, 0, 0.06);
    --overlay-subtle: rgba(0, 0, 0, 0.02);

    min-height: 100vh;
    background: var(--bg);
    color: var(--text);
    font-family: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
    padding: 24px clamp(16px, 4vw, 48px) 48px;
}

/* ── Dark mode overrides ── */
:root.dark-mode .es-shell[b-30y1lz6rng],
:global([data-bs-theme="dark"]) .es-shell[b-30y1lz6rng] {
    --bg: #0f172a;
    --card: rgba(255, 255, 255, 0.05);
    --card-hover: rgba(255, 255, 255, 0.08);
    --stroke: rgba(255, 255, 255, 0.10);
    --stroke-hover: rgba(255, 255, 255, 0.18);
    --muted: #94a3b8;
    --text: #cbd5e1;
    --headline: #f1f5f9;
    --glow-opacity: 0.14;
    --card-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    --hero-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.5);
    --input-bg: rgba(255, 255, 255, 0.04);
    --toggle-active-bg: rgba(99, 102, 241, 0.12);
    --toggle-active-border: rgba(99, 102, 241, 0.4);
    --pass-toggle-hover-bg: rgba(255, 255, 255, 0.08);
    --overlay-subtle: rgba(255, 255, 255, 0.02);
    background:
        radial-gradient(ellipse 120% 80% at 15% 5%, rgba(99, 102, 241, 0.14) 0%, transparent 50%),
        radial-gradient(ellipse 100% 70% at 85% 15%, rgba(139, 92, 246, 0.10) 0%, transparent 40%),
        #0b1222;
}

/* ═══════════════ LOADING ═══════════════ */
.es-loading[b-30y1lz6rng] {
    text-align: center;
    padding: 80px 24px;
}

.es-spinner[b-30y1lz6rng] {
    width: 48px;
    height: 48px;
    border: 3px solid var(--stroke);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: es-spin-b-30y1lz6rng 0.8s linear infinite;
    margin: 0 auto 16px;
}

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

.es-loading p[b-30y1lz6rng] {
    color: var(--muted);
}

/* ═══════════════ HERO ═══════════════ */
.es-hero[b-30y1lz6rng] {
    position: relative;
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    background: var(--card);
    overflow: hidden;
    box-shadow: var(--hero-shadow);
    margin-bottom: 28px;
}

.es-hero-glow[b-30y1lz6rng] {
    position: absolute;
    top: -50%;
    left: -15%;
    width: 65%;
    height: 200%;
    background: radial-gradient(ellipse, rgba(99, 102, 241, var(--glow-opacity)) 0%, transparent 70%);
    pointer-events: none;
}

.es-hero-inner[b-30y1lz6rng] {
    position: relative;
    padding: 28px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.es-hero-brand[b-30y1lz6rng] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.es-hero-mark[b-30y1lz6rng] {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    border-radius: 16px;
    font-size: 22px;
    color: #fff;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.25);
    flex-shrink: 0;
}

.es-eyebrow[b-30y1lz6rng] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--accent2);
}

.es-hero-title[b-30y1lz6rng] {
    margin: 2px 0 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--headline);
    letter-spacing: -0.3px;
}

.es-hero-sub[b-30y1lz6rng] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--muted);
}

.es-hero-actions[b-30y1lz6rng] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.es-unsaved-badge[b-30y1lz6rng] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(245, 158, 11, 0.12);
    color: var(--warn);
    border: 1px solid rgba(245, 158, 11, 0.3);
    animation: es-pulse-b-30y1lz6rng 2s ease-in-out infinite;
}

@keyframes es-pulse-b-30y1lz6rng {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

/* ═══════════════ CARDS GRID ═══════════════ */
.es-grid[b-30y1lz6rng] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 28px;
}

.es-card[b-30y1lz6rng] {
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    background: var(--card);
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: var(--card-shadow);
}

.es-card:hover[b-30y1lz6rng] {
    background: var(--card-hover);
    border-color: var(--stroke-hover);
}

.es-card-stripe[b-30y1lz6rng] {
    height: 3px;
    background: linear-gradient(90deg, var(--accent), var(--accent2));
}

.es-card-stripe.cred[b-30y1lz6rng] {
    background: linear-gradient(90deg, var(--warn), #d97706);
}

.es-card-stripe.sender[b-30y1lz6rng] {
    background: linear-gradient(90deg, var(--info), #0891b2);
}

.es-card-stripe.test[b-30y1lz6rng] {
    background: linear-gradient(90deg, var(--positive), #059669);
}

.es-card-header[b-30y1lz6rng] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px 0;
}

.es-card-icon[b-30y1lz6rng] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 18px;
    flex-shrink: 0;
}

.es-card-icon.server[b-30y1lz6rng] {
    background: rgba(99, 102, 241, 0.15);
    color: var(--accent);
}

.es-card-icon.cred[b-30y1lz6rng] {
    background: rgba(245, 158, 11, 0.15);
    color: var(--warn);
}

.es-card-icon.sender[b-30y1lz6rng] {
    background: rgba(6, 182, 212, 0.15);
    color: var(--info);
}

.es-card-icon.test[b-30y1lz6rng] {
    background: rgba(16, 185, 129, 0.15);
    color: var(--positive);
}

.es-card-title[b-30y1lz6rng] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--headline);
}

.es-card-sub[b-30y1lz6rng] {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--muted);
}

.es-card-body[b-30y1lz6rng] {
    padding: 20px 24px 24px;
}

/* ═══════════════ FIELDS ═══════════════ */
.es-field[b-30y1lz6rng] {
    margin-bottom: 18px;
}

.es-field:last-child[b-30y1lz6rng] {
    margin-bottom: 0;
}

.es-field-row[b-30y1lz6rng] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.es-label[b-30y1lz6rng] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    margin-bottom: 6px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.es-hint[b-30y1lz6rng] {
    display: block;
    font-size: 11px;
    color: var(--muted);
    margin-top: 4px;
    opacity: 0.8;
    line-height: 1.5;
}

/* Syncfusion TextBox override inside our scope */
[b-30y1lz6rng] .es-input .e-textbox,
[b-30y1lz6rng] .es-input input.e-input,
[b-30y1lz6rng] .es-input .e-input-group,
[b-30y1lz6rng] .es-input .e-control-wrapper {
    background: var(--input-bg) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: var(--radius-xs) !important;
    color: var(--headline) !important;
    font-size: 13px !important;
}

[b-30y1lz6rng] .es-input .e-input-group:hover,
[b-30y1lz6rng] .es-input .e-control-wrapper:hover {
    border-color: var(--stroke-hover) !important;
}

[b-30y1lz6rng] .es-input .e-input-group.e-input-focus,
[b-30y1lz6rng] .es-input .e-control-wrapper.e-input-focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12) !important;
}

[b-30y1lz6rng] .es-input input::placeholder {
    color: var(--muted) !important;
    opacity: 0.5 !important;
}

/* ── Password Field ── */
.es-password-wrap[b-30y1lz6rng] {
    position: relative;
}

.es-pass-toggle[b-30y1lz6rng] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--muted);
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 4px;
    z-index: 2;
    transition: all 0.2s ease;
}

.es-pass-toggle:hover[b-30y1lz6rng] {
    color: var(--headline);
    background: var(--pass-toggle-hover-bg);
}

/* ── Security Toggles ── */
.es-toggle-group[b-30y1lz6rng] {
    display: flex;
    gap: 8px;
}

.es-toggle[b-30y1lz6rng] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 12px;
    border-radius: var(--radius-xs);
    border: 1px solid var(--stroke);
    background: transparent;
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    text-align: center;
}

.es-toggle input[b-30y1lz6rng] {
    display: none;
}

.es-toggle:hover[b-30y1lz6rng] {
    border-color: var(--stroke-hover);
    color: var(--text);
}

.es-toggle.active[b-30y1lz6rng] {
    background: var(--toggle-active-bg);
    border-color: var(--toggle-active-border);
    color: var(--accent);
}

/* ── Status Toggle ── */
.es-status-toggle[b-30y1lz6rng] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-30y1lz6rng] .es-check-on .e-checkbox-wrapper .e-frame {
    background-color: var(--positive) !important;
    border-color: var(--positive) !important;
}

[b-30y1lz6rng] .es-check-off .e-checkbox-wrapper .e-frame {
    background-color: transparent !important;
    border-color: var(--stroke-hover) !important;
}

/* ═══════════════ BUTTONS ═══════════════ */
.es-btn[b-30y1lz6rng] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: var(--radius-xs);
    font-size: 13px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
    white-space: nowrap;
}

.es-btn:disabled[b-30y1lz6rng] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}

.es-btn-outline[b-30y1lz6rng] {
    background: transparent;
    color: var(--muted);
    border: 1px solid var(--stroke);
}

.es-btn-outline:hover[b-30y1lz6rng] {
    color: var(--headline);
    border-color: var(--stroke-hover);
    background: var(--overlay-subtle);
}

.es-btn-save[b-30y1lz6rng] {
    background: linear-gradient(135deg, var(--positive), #059669);
    color: #fff;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
}

.es-btn-save:hover[b-30y1lz6rng] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.45);
}

.es-btn-test[b-30y1lz6rng] {
    width: 100%;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    color: #fff;
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.3);
    justify-content: center;
    padding: 12px 20px;
}

.es-btn-test:hover[b-30y1lz6rng] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.45);
}

/* ═══════════════ TEST RESULT ═══════════════ */
.es-test-result[b-30y1lz6rng] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px;
    border-radius: var(--radius-sm);
    margin-top: 16px;
}

.es-test-result.success[b-30y1lz6rng] {
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.es-test-result.error[b-30y1lz6rng] {
    background: rgba(244, 63, 94, 0.08);
    border: 1px solid rgba(244, 63, 94, 0.3);
}

.es-test-icon[b-30y1lz6rng] {
    font-size: 22px;
    flex-shrink: 0;
    margin-top: 2px;
}

.es-test-result.success .es-test-icon[b-30y1lz6rng] {
    color: var(--positive);
}

.es-test-result.error .es-test-icon[b-30y1lz6rng] {
    color: var(--negative);
}

.es-test-detail strong[b-30y1lz6rng] {
    color: var(--headline);
    font-size: 14px;
}

.es-test-detail p[b-30y1lz6rng] {
    color: var(--text);
    font-size: 12px;
    margin: 4px 0 0;
    line-height: 1.5;
    word-break: break-word;
}

.es-test-duration[b-30y1lz6rng] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--muted);
    margin-top: 6px;
}

/* ═══════════════ FOOTER ═══════════════ */
.es-footer[b-30y1lz6rng] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border: 1px solid var(--stroke);
    border-radius: var(--radius-sm);
    background: var(--card);
    box-shadow: var(--card-shadow);
    flex-wrap: wrap;
    gap: 12px;
}

.es-footer-info[b-30y1lz6rng] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--muted);
}

.es-footer-info i[b-30y1lz6rng] {
    color: var(--info);
}

.es-footer-actions[b-30y1lz6rng] {
    display: flex;
    gap: 10px;
}

/* ═══════════════ TOAST ═══════════════ */
.es-toast-success[b-30y1lz6rng] {
    background: linear-gradient(135deg, #065f46, #064e3b) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: white !important;
}

.es-toast-error[b-30y1lz6rng] {
    background: linear-gradient(135deg, #7f1d1d, #991b1b) !important;
    border: 1px solid rgba(244, 63, 94, 0.3) !important;
    color: white !important;
}

.es-toast-info[b-30y1lz6rng] {
    background: linear-gradient(135deg, #164e63, #155e75) !important;
    border: 1px solid rgba(6, 182, 212, 0.3) !important;
    color: white !important;
}

.es-toast-warning[b-30y1lz6rng] {
    background: linear-gradient(135deg, #78350f, #92400e) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    color: white !important;
}

/* ═══════════════ RESPONSIVE ═══════════════ */
@media (max-width: 1100px) {
    .es-grid[b-30y1lz6rng] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .es-hero-inner[b-30y1lz6rng] {
        flex-direction: column;
        align-items: flex-start;
    }

    .es-field-row[b-30y1lz6rng] {
        grid-template-columns: 1fr;
    }

    .es-toggle-group[b-30y1lz6rng] {
        flex-direction: column;
    }

    .es-footer[b-30y1lz6rng] {
        flex-direction: column;
        align-items: stretch;
    }

    .es-footer-actions[b-30y1lz6rng] {
        justify-content: flex-end;
    }
}
/* /Presentation/Pages/SystemManagement/PushNotificationSettingsPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   DRM Budget – Push Notification Settings Page
   Theme-aware design (ps-* prefix)
   ═══════════════════════════════════════════════════════════════ */

.ps-shell[b-c61awhxwwo] {
    --bg: #f8fafc;
    --card: #ffffff;
    --card-hover: #f8fafc;
    --stroke: #e2e8f0;
    --stroke-hover: #cbd5e1;
    --muted: #64748b;
    --text: #334155;
    --headline: #0f172a;
    --accent: #6366f1;
    --accent2: #8b5cf6;
    --positive: #10b981;
    --negative: #f43f5e;
    --warn: #f59e0b;
    --info: #06b6d4;
    --radius: 16px;
    --radius-sm: 12px;
    --radius-xs: 8px;
    --glow-opacity: 0.06;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    --hero-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    --input-bg: #f8fafc;
    --toggle-active-bg: rgba(99, 102, 241, 0.10);
    --toggle-active-border: rgba(99, 102, 241, 0.35);
    --pass-toggle-hover-bg: rgba(0, 0, 0, 0.06);
    --overlay-subtle: rgba(0, 0, 0, 0.02);

    min-height: 100vh;
    background: var(--bg);
    color: var(--text);
    font-family: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
    padding: 24px clamp(16px, 4vw, 48px) 48px;
}

/* ── Dark mode ── */
:root.dark-mode .ps-shell[b-c61awhxwwo],
:global([data-bs-theme="dark"]) .ps-shell[b-c61awhxwwo] {
    --bg: #0f172a;
    --card: rgba(255, 255, 255, 0.05);
    --card-hover: rgba(255, 255, 255, 0.08);
    --stroke: rgba(255, 255, 255, 0.10);
    --stroke-hover: rgba(255, 255, 255, 0.18);
    --muted: #94a3b8;
    --text: #cbd5e1;
    --headline: #f1f5f9;
    --glow-opacity: 0.14;
    --card-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    --hero-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.5);
    --input-bg: rgba(255, 255, 255, 0.04);
    --toggle-active-bg: rgba(99, 102, 241, 0.12);
    --toggle-active-border: rgba(99, 102, 241, 0.4);
    --pass-toggle-hover-bg: rgba(255, 255, 255, 0.08);
    --overlay-subtle: rgba(255, 255, 255, 0.02);
    background:
        radial-gradient(ellipse 120% 80% at 15% 5%, rgba(99, 102, 241, 0.14) 0%, transparent 50%),
        radial-gradient(ellipse 100% 70% at 85% 15%, rgba(139, 92, 246, 0.10) 0%, transparent 40%),
        #0b1222;
}

/* ═══════ LOADING ═══════ */
.ps-loading[b-c61awhxwwo] { text-align: center; padding: 80px 24px; }
.ps-spinner[b-c61awhxwwo] {
    width: 48px; height: 48px;
    border: 3px solid var(--stroke);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: ps-spin-b-c61awhxwwo 0.8s linear infinite;
    margin: 0 auto 16px;
}
@keyframes ps-spin-b-c61awhxwwo { to { transform: rotate(360deg); } }
.ps-loading p[b-c61awhxwwo] { color: var(--muted); }

/* ═══════ HERO ═══════ */
.ps-hero[b-c61awhxwwo] {
    position: relative;
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    background: var(--card);
    overflow: hidden;
    box-shadow: var(--hero-shadow);
    margin-bottom: 28px;
}
.ps-hero-glow[b-c61awhxwwo] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(99,102,241,.08), rgba(139,92,246,.06), transparent 60%);
    pointer-events: none;
}
.ps-hero-inner[b-c61awhxwwo] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 32px;
    gap: 24px;
    flex-wrap: wrap;
}
.ps-hero-brand[b-c61awhxwwo] {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ps-hero-mark[b-c61awhxwwo] {
    width: 56px; height: 56px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}
.ps-eyebrow[b-c61awhxwwo] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: var(--accent);
    font-weight: 700;
    margin-bottom: 2px;
}
.ps-hero-title[b-c61awhxwwo] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--headline);
    margin: 0;
    letter-spacing: -0.02em;
}
.ps-hero-sub[b-c61awhxwwo] { color: var(--muted); font-size: 0.85rem; margin: 2px 0 0; }

.ps-hero-actions[b-c61awhxwwo] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ps-unsaved-badge[b-c61awhxwwo] {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(245, 158, 11, 0.12);
    color: var(--warn);
    border: 1px solid rgba(245, 158, 11, 0.25);
}
.ps-status-badge[b-c61awhxwwo] {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
}
.ps-status-badge.active[b-c61awhxwwo] {
    background: rgba(16, 185, 129, 0.12);
    color: var(--positive);
    border: 1px solid rgba(16, 185, 129, 0.25);
}
.ps-status-badge.inactive[b-c61awhxwwo] {
    background: rgba(244, 63, 94, 0.12);
    color: var(--negative);
    border: 1px solid rgba(244, 63, 94, 0.25);
}

/* ═══════ GRID ═══════ */
.ps-grid[b-c61awhxwwo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 24px;
    margin-bottom: 28px;
}

/* ═══════ CARD ═══════ */
.ps-card[b-c61awhxwwo] {
    position: relative;
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    background: var(--card);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.3s;
}
.ps-card:hover[b-c61awhxwwo] {
    border-color: var(--stroke-hover);
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.ps-card-full[b-c61awhxwwo] { grid-column: 1 / -1; }
.ps-card-stripe[b-c61awhxwwo] {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--accent), var(--accent2));
}
.ps-card-stripe.browser[b-c61awhxwwo] { background: linear-gradient(90deg, #06b6d4, #0ea5e9); }
.ps-card-stripe.test[b-c61awhxwwo] { background: linear-gradient(90deg, #f59e0b, #f97316); }
.ps-card-stripe.stats[b-c61awhxwwo] { background: linear-gradient(90deg, #10b981, #34d399); }
.ps-card-stripe.subs[b-c61awhxwwo] { background: linear-gradient(90deg, #8b5cf6, #a78bfa); }

.ps-card-header[b-c61awhxwwo] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px 0;
}
.ps-card-icon[b-c61awhxwwo] {
    width: 42px; height: 42px;
    border-radius: var(--radius-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}
.ps-card-icon.keys[b-c61awhxwwo] { background: rgba(99,102,241,.10); color: var(--accent); }
.ps-card-icon.browser[b-c61awhxwwo] { background: rgba(6,182,212,.10); color: var(--info); }
.ps-card-icon.test[b-c61awhxwwo] { background: rgba(245,158,11,.10); color: var(--warn); }
.ps-card-icon.stats[b-c61awhxwwo] { background: rgba(16,185,129,.10); color: var(--positive); }
.ps-card-icon.subs[b-c61awhxwwo] { background: rgba(139,92,246,.10); color: var(--accent2); }

.ps-card-title[b-c61awhxwwo] { font-size: 1rem; font-weight: 700; color: var(--headline); margin: 0; }
.ps-card-sub[b-c61awhxwwo] { font-size: 0.8rem; color: var(--muted); margin: 2px 0 0; }
.ps-card-body[b-c61awhxwwo] { padding: 20px 24px 24px; }

/* ═══════ FORM ═══════ */
.ps-field[b-c61awhxwwo] { margin-bottom: 18px; }
.ps-field-row[b-c61awhxwwo] { display: flex; gap: 16px; flex-wrap: wrap; }
.ps-field-row .ps-field[b-c61awhxwwo] { flex: 1; min-width: 200px; }
.ps-label[b-c61awhxwwo] {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--headline);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ps-hint[b-c61awhxwwo] {
    font-size: 0.72rem;
    color: var(--muted);
    margin-top: 4px;
    display: block;
    line-height: 1.5;
}
[b-c61awhxwwo] .ps-input { background: var(--input-bg) !important; border-radius: var(--radius-xs) !important; }

.ps-copy-wrap[b-c61awhxwwo], .ps-password-wrap[b-c61awhxwwo] { position: relative; display: flex; gap: 4px; }
.ps-copy-btn[b-c61awhxwwo], .ps-pass-toggle[b-c61awhxwwo] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: var(--muted);
    cursor: pointer;
    padding: 6px;
    border-radius: 6px;
    transition: background 0.15s;
    z-index: 1;
}
.ps-copy-btn:hover[b-c61awhxwwo], .ps-pass-toggle:hover[b-c61awhxwwo] {
    background: var(--pass-toggle-hover-bg);
    color: var(--accent);
}

.ps-status-toggle[b-c61awhxwwo] { margin-top: 6px; }
[b-c61awhxwwo] .ps-check-on .e-label { color: var(--positive) !important; font-weight: 600; }
[b-c61awhxwwo] .ps-check-off .e-label { color: var(--muted) !important; }

/* ═══════ BUTTONS ═══════ */
.ps-btn[b-c61awhxwwo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: var(--radius-xs);
    font-weight: 600;
    font-size: 0.85rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}
.ps-btn:disabled[b-c61awhxwwo] { opacity: 0.5; cursor: not-allowed; }
.ps-btn-sm[b-c61awhxwwo] { padding: 6px 14px; font-size: 0.78rem; }

.ps-btn-primary[b-c61awhxwwo] {
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    color: white;
    box-shadow: 0 2px 8px rgba(99,102,241,.25);
}
.ps-btn-primary:hover:not(:disabled)[b-c61awhxwwo] { box-shadow: 0 4px 16px rgba(99,102,241,.35); transform: translateY(-1px); }

.ps-btn-save[b-c61awhxwwo] {
    background: linear-gradient(135deg, var(--positive), #059669);
    color: white;
    box-shadow: 0 2px 8px rgba(16,185,129,.25);
}
.ps-btn-save:hover:not(:disabled)[b-c61awhxwwo] { box-shadow: 0 4px 16px rgba(16,185,129,.35); transform: translateY(-1px); }

.ps-btn-outline[b-c61awhxwwo] {
    background: transparent;
    color: var(--text);
    border: 1px solid var(--stroke);
}
.ps-btn-outline:hover:not(:disabled)[b-c61awhxwwo] { border-color: var(--accent); color: var(--accent); background: var(--toggle-active-bg); }

.ps-btn-test[b-c61awhxwwo] {
    background: linear-gradient(135deg, #f59e0b, #f97316);
    color: white;
    box-shadow: 0 2px 8px rgba(245,158,11,.25);
}
.ps-btn-test:hover:not(:disabled)[b-c61awhxwwo] { box-shadow: 0 4px 16px rgba(245,158,11,.35); transform: translateY(-1px); }

.ps-btn-generate[b-c61awhxwwo] {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
    color: white;
    box-shadow: 0 2px 8px rgba(139,92,246,.25);
}
.ps-btn-generate:hover:not(:disabled)[b-c61awhxwwo] { box-shadow: 0 4px 16px rgba(139,92,246,.35); transform: translateY(-1px); }

/* ═══════ BROWSER STATUS ═══════ */
.ps-browser-status[b-c61awhxwwo] { margin-bottom: 18px; }
.ps-status-box[b-c61awhxwwo] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 20px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--stroke);
}
.ps-status-box.success[b-c61awhxwwo] { background: rgba(16,185,129,.06); border-color: rgba(16,185,129,.2); }
.ps-status-box.success i[b-c61awhxwwo] { color: var(--positive); font-size: 1.3rem; margin-top: 2px; }
.ps-status-box.error[b-c61awhxwwo] { background: rgba(244,63,94,.06); border-color: rgba(244,63,94,.2); }
.ps-status-box.error i[b-c61awhxwwo] { color: var(--negative); font-size: 1.3rem; margin-top: 2px; }
.ps-status-box.info[b-c61awhxwwo] { background: rgba(6,182,212,.06); border-color: rgba(6,182,212,.2); }
.ps-status-box.info i[b-c61awhxwwo] { color: var(--info); font-size: 1.3rem; margin-top: 2px; }
.ps-status-box strong[b-c61awhxwwo] { display: block; margin-bottom: 2px; color: var(--headline); font-size: 0.9rem; }
.ps-status-box p[b-c61awhxwwo] { margin: 0; font-size: 0.8rem; color: var(--muted); }

.ps-browser-actions[b-c61awhxwwo] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* ═══════ TEST RESULT ═══════ */
.ps-test-result[b-c61awhxwwo] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 20px;
    border-radius: var(--radius-sm);
    margin-top: 16px;
    border: 1px solid;
}
.ps-test-result.success[b-c61awhxwwo] { background: rgba(16,185,129,.06); border-color: rgba(16,185,129,.2); }
.ps-test-result.error[b-c61awhxwwo] { background: rgba(244,63,94,.06); border-color: rgba(244,63,94,.2); }
.ps-test-icon[b-c61awhxwwo] { font-size: 1.4rem; }
.ps-test-result.success .ps-test-icon[b-c61awhxwwo] { color: var(--positive); }
.ps-test-result.error .ps-test-icon[b-c61awhxwwo] { color: var(--negative); }
.ps-test-detail strong[b-c61awhxwwo] { display: block; margin-bottom: 4px; color: var(--headline); }
.ps-test-detail p[b-c61awhxwwo] { margin: 0 0 6px; font-size: 0.82rem; color: var(--text); }
.ps-test-stats[b-c61awhxwwo] { font-size: 0.75rem; color: var(--muted); }

/* ═══════ STATS ═══════ */
.ps-stats-grid[b-c61awhxwwo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 16px;
}
.ps-stat-item[b-c61awhxwwo] {
    text-align: center;
    padding: 16px 12px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--stroke);
    background: var(--overlay-subtle);
}
.ps-stat-value[b-c61awhxwwo] {
    display: block;
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--headline);
    line-height: 1;
    margin-bottom: 6px;
}
.ps-stat-label[b-c61awhxwwo] {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ps-stat-item.active .ps-stat-value[b-c61awhxwwo] { color: var(--positive); }
.ps-stat-item.inactive .ps-stat-value[b-c61awhxwwo] { color: var(--negative); }
.ps-stat-item.users .ps-stat-value[b-c61awhxwwo] { color: var(--info); }

/* ═══════ TABLE BADGES ═══════ */
.ps-badge[b-c61awhxwwo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 600;
}
.ps-badge.active[b-c61awhxwwo] { background: rgba(16,185,129,.10); color: var(--positive); }
.ps-badge.inactive[b-c61awhxwwo] { background: rgba(244,63,94,.10); color: var(--negative); }

.ps-actions[b-c61awhxwwo] { display: flex; gap: 6px; justify-content: center; }
.ps-action-btn[b-c61awhxwwo] {
    width: 32px; height: 32px;
    border-radius: 8px;
    border: 1px solid var(--stroke);
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}
.ps-action-btn:disabled[b-c61awhxwwo] { opacity: 0.3; cursor: not-allowed; }
.ps-action-btn.test:hover:not(:disabled)[b-c61awhxwwo] { border-color: var(--warn); color: var(--warn); background: rgba(245,158,11,.08); }
.ps-action-btn.delete:hover[b-c61awhxwwo] { border-color: var(--negative); color: var(--negative); background: rgba(244,63,94,.08); }

/* ═══════ EMPTY ═══════ */
.ps-empty[b-c61awhxwwo] {
    text-align: center;
    padding: 48px 24px;
    color: var(--muted);
}
.ps-empty i[b-c61awhxwwo] {
    font-size: 2.5rem;
    opacity: 0.3;
    margin-bottom: 12px;
    display: block;
}
.ps-empty p[b-c61awhxwwo] { font-weight: 600; margin-bottom: 4px; }
.ps-empty span[b-c61awhxwwo] { font-size: 0.82rem; }

/* ═══════ FOOTER ═══════ */
.ps-footer[b-c61awhxwwo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 24px 0 0;
    border-top: 1px solid var(--stroke);
    margin-top: 8px;
}
.ps-footer-info[b-c61awhxwwo] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    color: var(--muted);
}
.ps-footer-actions[b-c61awhxwwo] { display: flex; gap: 10px; }

/* ═══════ TOAST ═══════ */
[b-c61awhxwwo] .ps-toast-success { background: linear-gradient(135deg, #10b981, #059669) !important; }
[b-c61awhxwwo] .ps-toast-error { background: linear-gradient(135deg, #f43f5e, #e11d48) !important; }
[b-c61awhxwwo] .ps-toast-warning { background: linear-gradient(135deg, #f59e0b, #d97706) !important; }
[b-c61awhxwwo] .ps-toast-info { background: linear-gradient(135deg, #06b6d4, #0891b2) !important; }

/* ═══════ RESPONSIVE ═══════ */
@media (max-width: 768px) {
    .ps-grid[b-c61awhxwwo] { grid-template-columns: 1fr; }
    .ps-hero-inner[b-c61awhxwwo] { flex-direction: column; align-items: flex-start; padding: 20px; }
    .ps-field-row[b-c61awhxwwo] { flex-direction: column; }
    .ps-footer[b-c61awhxwwo] { flex-direction: column; align-items: flex-start; }
    .ps-stats-grid[b-c61awhxwwo] { grid-template-columns: repeat(2, 1fr); }
}