/* /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-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/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-h4-hint[b-8akj5t961p] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--wf-ink-muted);
    text-transform: none;
    letter-spacing: normal;
    margin-left: 0.3rem;
}

/* Sayfa üstünden alta: aksiyon bölümleri (1-2) → izleme/geçmiş → rehber checklist.
   Bölümler arasında görsel hiyerarşi olmadan hepsi aynı ağırlıkta görünüyor,
   kullanıcının "sırada ne var" sorusuna cevap vermesi zorlaşıyordu. */
.wf-section-divider[b-8akj5t961p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1.5rem 0 0.5rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--wf-ink-muted);
}

.wf-section-divider i[b-8akj5t961p] { color: var(--wf-accent, #0f766e); }

.wf-section-divider[b-8akj5t961p]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--wf-border);
}

.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;
}

/* ── Departman Onay Panosu ── */
.wf-dept-grid-wrap[b-8akj5t961p] { overflow-x: auto; }

.wf-dept-approval[b-8akj5t961p] { width: 100%; border-collapse: collapse; font-size: .78rem; }

.wf-dept-approval th[b-8akj5t961p] {
    background: #f8fafc;
    color: #475569;
    text-align: left;
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: .4rem .5rem;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
}

.wf-dept-approval td[b-8akj5t961p] { padding: .4rem .5rem; border-bottom: 1px solid #f1f5f9; color: #1e293b; vertical-align: middle; }
.wf-dept-approval td.wf-dept-name[b-8akj5t961p] { font-weight: 700; }
.wf-dept-approval td.wf-dept-note[b-8akj5t961p] { color: #64748b; max-width: 240px; }
.wf-dept-approval tr.pending td[b-8akj5t961p] { background: #fffbeb; }
.wf-dept-approval tr.returned td[b-8akj5t961p] { background: #fef2f2; }
.wf-dept-approval tr.approved td[b-8akj5t961p] { background: #f0fdf4; }

.wf-dept-chip[b-8akj5t961p] {
    display: inline-block;
    font-size: .68rem;
    font-weight: 800;
    padding: .12rem .45rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
}

.wf-dept-chip.pending[b-8akj5t961p] { background: #fef3c7; color: #92400e; }
.wf-dept-chip.approved[b-8akj5t961p] { background: #dcfce7; color: #166534; }
.wf-dept-chip.returned[b-8akj5t961p] { background: #fee2e2; color: #991b1b; }

.wf-overdue[b-8akj5t961p] { color: #dc2626; font-weight: 800; }

.wf-dept-actions[b-8akj5t961p] { display: flex; gap: .25rem; flex-wrap: wrap; }
.wf-btn-sm[b-8akj5t961p] { font-size: .68rem; padding: .18rem .45rem; }
.wf-btn-danger[b-8akj5t961p] { background: #fee2e2; border-color: #fecaca; color: #b91c1c; }

.wf-dept-comment[b-8akj5t961p] { margin-top: .55rem; display: grid; gap: .2rem; }
.wf-dept-comment label[b-8akj5t961p] { font-size: .68rem; font-weight: 800; text-transform: uppercase; color: #64748b; }
.wf-dept-comment input[b-8akj5t961p] {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: .3rem .5rem;
    font-size: .78rem;
    width: 100%;
}

.wf-dept-message[b-8akj5t961p] { margin-top: .4rem; font-size: .76rem; color: #1d4ed8; font-weight: 600; }
.wf-muted[b-8akj5t961p] { color: #94a3b8; font-size: .76rem; }
/* /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__value-cell[b-uz65yw3wuz] { display: flex; align-items: center; gap: 5px; }
.dws__input--num[b-uz65yw3wuz] { width: 82px; text-align: right; font-variant-numeric: tabular-nums; }
.dws__unit[b-uz65yw3wuz] { min-width: 35px; color: var(--dws-text-muted); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.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;
    display: grid;
    grid-template-columns: minmax(220px, 1.15fr) repeat(5, minmax(120px, 1fr));
    gap: 10px;
}

.dws__status-card[b-uz65yw3wuz],
.dws__status-item[b-uz65yw3wuz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
    border: 1px solid var(--dws-border);
    border-radius: 10px;
    background: var(--dws-surface);
}

.dws__status-card[b-uz65yw3wuz] {
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
    border-left: 3px solid #2563eb;
    min-height: 92px;
}

.dws__status-card strong[b-uz65yw3wuz] {
    margin-top: 4px;
    color: var(--dws-text);
    font-size: 13px;
    font-weight: 700;
}

.dws__status-card p[b-uz65yw3wuz] {
    margin: 4px 0 0;
    color: var(--dws-text-muted);
    font-size: 11px;
    line-height: 1.45;
}

.dws__status-item[b-uz65yw3wuz] {
    min-height: 92px;
}

/* ── Sürücü kitaplığı: "hangi sürücüm var, ne hesaplıyor, ne zaman çalıştı" ── */
.dws__library[b-uz65yw3wuz] { margin: 14px 20px 0; }

.dws__library-head[b-uz65yw3wuz] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 10px; }
.dws__library-head h3[b-uz65yw3wuz] { margin: 0; font-size: 0.92rem; font-weight: 800; color: var(--dws-text); display: flex; align-items: center; gap: 8px; }
.dws__library-head p[b-uz65yw3wuz] { margin: 3px 0 0; font-size: 0.76rem; color: var(--dws-text-muted); max-width: 72ch; }

.dws__library-count[b-uz65yw3wuz] {
    font-size: 0.72rem;
    font-weight: 800;
    padding: 1px 7px;
    border-radius: 999px;
    background: var(--dws-surface-alt);
    border: 1px solid var(--dws-border);
    color: var(--dws-text-soft);
}

.dws__library-empty[b-uz65yw3wuz] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border: 1px dashed var(--dws-border-strong);
    border-radius: 8px;
    background: var(--dws-surface-alt);
}
.dws__library-empty i[b-uz65yw3wuz] { font-size: 1.1rem; color: var(--dws-text-muted); margin-top: 2px; }
.dws__library-empty strong[b-uz65yw3wuz] { display: block; font-size: 0.84rem; color: var(--dws-text); }
.dws__library-empty span[b-uz65yw3wuz] { display: block; margin-top: 3px; font-size: 0.78rem; color: var(--dws-text-muted); }

.dws__library-grid[b-uz65yw3wuz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 10px;
}

.dws__dcard[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    border: 1px solid var(--dws-border);
    border-left: 3px solid #2563eb;
    border-radius: 8px;
    background: var(--dws-surface);
    padding: 11px 13px;
}
.dws__dcard--off[b-uz65yw3wuz] { border-left-color: var(--dws-border-strong); opacity: .68; }

.dws__dcard-head[b-uz65yw3wuz] { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.dws__dcard-name[b-uz65yw3wuz] { flex: 1; min-width: 0; font-size: 0.84rem; font-weight: 800; color: var(--dws-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dws__dcard-tag[b-uz65yw3wuz] { font-size: 0.66rem; font-weight: 800; padding: 1px 6px; border-radius: 4px; white-space: nowrap; }
.dws__dcard-tag--auto[b-uz65yw3wuz] { background: #eff6ff; color: #1d4ed8; }
.dws__dcard-tag--off[b-uz65yw3wuz] { background: var(--dws-surface-alt); color: var(--dws-text-muted); }

.dws__dcard-rule[b-uz65yw3wuz] { margin: 0; font-size: 0.8rem; font-weight: 700; color: var(--dws-text-soft); }

.dws__dcard-target[b-uz65yw3wuz] { display: flex; align-items: center; gap: 6px; font-size: 0.76rem; color: var(--dws-text-muted); min-width: 0; }
.dws__dcard-target > span[b-uz65yw3wuz] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dws__dcard-target i[b-uz65yw3wuz] { color: #94a3b8; font-size: 0.68rem; }
.dws__dcard-target code[b-uz65yw3wuz] { font-size: 0.68rem; padding: 0 4px; border-radius: 3px; background: var(--dws-surface-alt); color: var(--dws-text-soft); }

.dws__dcard-foot[b-uz65yw3wuz] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 6px; border-top: 1px solid var(--dws-border); }
.dws__dcard-run[b-uz65yw3wuz] { font-size: 0.72rem; color: var(--dws-text-muted); }
.dws__dcard-run em[b-uz65yw3wuz] { font-style: normal; }
.dws__dcard-run--never[b-uz65yw3wuz] { color: #b45309; }

.dws__dcard-goto[b-uz65yw3wuz] {
    border: none;
    background: none;
    padding: 0;
    font-size: 0.72rem;
    font-weight: 700;
    color: #2563eb;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}
.dws__dcard-goto:hover[b-uz65yw3wuz] { text-decoration: underline; }
.dws__dcard-goto i[b-uz65yw3wuz] { font-size: 0.6rem; }

/* ── Bölüm sekmeleri: Eşleştirme / Yürütme Geçmişi / İçgörüler ───────────── */
.dws__tabs[b-uz65yw3wuz] {
    display: flex;
    gap: 2px;
    margin: 14px 20px 0;
    border-bottom: 1px solid var(--dws-border);
}

.dws__tab[b-uz65yw3wuz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid transparent;
    border-bottom: none;
    background: none;
    padding: 9px 16px;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--dws-text-muted);
    border-radius: 7px 7px 0 0;
    cursor: pointer;
    margin-bottom: -1px;
}

.dws__tab:hover[b-uz65yw3wuz] { color: var(--dws-text-soft); background: var(--dws-surface-alt); }

.dws__tab--active[b-uz65yw3wuz] {
    color: var(--dws-text);
    background: var(--dws-surface);
    border-color: var(--dws-border);
    border-bottom: 1px solid var(--dws-surface);
}

.dws__tab i[b-uz65yw3wuz] { font-size: 0.8rem; }

.dws__tab-badge[b-uz65yw3wuz] {
    font-style: normal;
    font-size: 0.68rem;
    font-weight: 800;
    min-width: 18px;
    text-align: center;
    padding: 1px 5px;
    border-radius: 999px;
    background: #fef3c7;
    color: #92400e;
}

.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; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Corporate V5 — three-pane driver management console
   ═══════════════════════════════════════════════════════════════════════════ */
.dws__status-strip[b-uz65yw3wuz] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 20px;
    background: var(--dws-bg);
}

.dws__status-item[b-uz65yw3wuz] {
    min-height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--dws-border);
    border-radius: 8px;
    background: var(--dws-surface);
}

.dws__status-item > div[b-uz65yw3wuz] { min-width: 0; }

.dws__status-kpi-icon[b-uz65yw3wuz] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #2563eb;
    background: #eaf2ff;
    font-size: 13px;
}

.dws__status-item--success .dws__status-kpi-icon[b-uz65yw3wuz] { color: #16845d; background: #e8f8f1; }
.dws__status-item--manual .dws__status-kpi-icon[b-uz65yw3wuz] { color: #c56c1a; background: #fff3e8; }
.dws__status-item--danger .dws__status-kpi-icon[b-uz65yw3wuz] { color: #c83a49; background: #ffebed; }
.dws__status-item--time .dws__status-kpi-icon[b-uz65yw3wuz] { color: #7952cc; background: #f2edff; }
.dws__status-item--approval .dws__status-kpi-icon[b-uz65yw3wuz] { color: #16845d; background: #e8f8f1; }

.dws__status-item strong[b-uz65yw3wuz] {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    color: var(--dws-text);
}

.dws__status-item small[b-uz65yw3wuz] {
    display: block;
    max-width: 150px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dws__mapping[b-uz65yw3wuz] {
    grid-template-columns: 216px minmax(560px, 1fr) 300px;
    column-gap: 10px;
    padding-top: 10px;
}

.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: 2; }

.dws__dept-selector[b-uz65yw3wuz] {
    grid-column: 1;
    grid-row: 1 / span 30;
    max-height: calc(100vh - 292px);
}

.dws__detail-panel[b-uz65yw3wuz] {
    grid-column: 3;
    grid-row: 1 / span 30;
    position: sticky;
    top: 10px;
    min-width: 0;
    min-height: 520px;
    max-height: calc(100vh - 292px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--dws-border);
    border-radius: 8px;
    background: var(--dws-surface);
}

.dws__detail-header[b-uz65yw3wuz] {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--dws-border);
}

.dws__detail-header > div[b-uz65yw3wuz] { min-width: 0; }
.dws__detail-kicker[b-uz65yw3wuz] { display: block; color: var(--dws-text-muted); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.dws__detail-header strong[b-uz65yw3wuz] { display: block; margin-top: 3px; overflow: hidden; color: var(--dws-text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }

.dws__detail-close[b-uz65yw3wuz] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border: 0;
    border-radius: 5px;
    color: var(--dws-text-muted);
    background: transparent;
    cursor: pointer;
}

.dws__detail-close:hover[b-uz65yw3wuz] { color: var(--dws-text); background: var(--dws-surface-alt); }

.dws__detail-empty[b-uz65yw3wuz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
}

.dws__detail-empty > span[b-uz65yw3wuz] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--dws-text-muted);
    background: var(--dws-surface-alt);
}

.dws__detail-empty strong[b-uz65yw3wuz] { margin-top: 12px; color: var(--dws-text-soft); font-size: 12px; }
.dws__detail-empty p[b-uz65yw3wuz] { margin: 5px 0 0; color: var(--dws-text-muted); font-size: 10.5px; line-height: 1.45; }

.dws__detail-summary[b-uz65yw3wuz] { padding: 12px; border-bottom: 1px solid var(--dws-border); }
.dws__detail-title-row[b-uz65yw3wuz] { display: flex; align-items: center; gap: 7px; }
.dws__detail-code[b-uz65yw3wuz] { color: var(--dws-text-muted); font-family: Consolas, monospace; font-size: 9.5px; }
.dws__detail-summary h4[b-uz65yw3wuz] { margin: 7px 0 0; color: var(--dws-text); font-size: 13px; font-weight: 750; }
.dws__detail-summary p[b-uz65yw3wuz] { margin: 4px 0 0; color: var(--dws-text-muted); font-size: 10.5px; line-height: 1.4; }

.dws__detail-tabs[b-uz65yw3wuz] {
    display: flex;
    gap: 15px;
    padding: 0 12px;
    border-bottom: 1px solid var(--dws-border);
}

.dws__detail-tabs span[b-uz65yw3wuz] {
    padding: 9px 0 7px;
    border-bottom: 2px solid transparent;
    color: var(--dws-text-muted);
    font-size: 9.5px;
    font-weight: 650;
}

.dws__detail-tabs span.is-active[b-uz65yw3wuz] { border-color: var(--dws-brand); color: var(--dws-brand-strong); }

.dws__detail-list[b-uz65yw3wuz] {
    margin: 0;
    padding: 9px 12px;
    overflow-y: auto;
}

.dws__detail-list > div[b-uz65yw3wuz] {
    display: grid;
    grid-template-columns: 95px minmax(0, 1fr);
    gap: 8px;
    padding: 5px 0;
}

.dws__detail-list dt[b-uz65yw3wuz] { color: var(--dws-text-muted); font-size: 9.5px; font-weight: 550; }
.dws__detail-list dd[b-uz65yw3wuz] { margin: 0; overflow-wrap: anywhere; color: var(--dws-text-soft); font-size: 10px; font-weight: 650; }

.dws__detail-section[b-uz65yw3wuz] { padding: 10px 12px; border-top: 1px solid var(--dws-border); }
.dws__detail-section h5[b-uz65yw3wuz] { margin: 0; color: var(--dws-text-soft); font-size: 10px; font-weight: 750; }
.dws__detail-section p[b-uz65yw3wuz] { margin: 5px 0 0; color: var(--dws-text-muted); font-size: 10px; line-height: 1.45; }

.dws__detail-actions[b-uz65yw3wuz] {
    margin-top: auto;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    padding: 10px 12px;
    border-top: 1px solid var(--dws-border);
    background: var(--dws-surface-alt);
}

.dws__row-btn--detail.is-active[b-uz65yw3wuz] {
    border-color: #8fb6ea;
    color: var(--dws-brand-strong);
    background: var(--dws-brand-soft);
}

@media (max-width: 1500px) {
    .dws__status-strip[b-uz65yw3wuz] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .dws__mapping[b-uz65yw3wuz] { grid-template-columns: 190px minmax(520px, 1fr) 270px; }
}

@media (max-width: 1220px) {
    .dws__mapping[b-uz65yw3wuz] { grid-template-columns: 210px minmax(0, 1fr); }
    .dws__detail-panel[b-uz65yw3wuz] {
        grid-column: 1 / -1;
        grid-row: auto;
        position: static;
        min-height: 0;
        max-height: none;
        margin-top: 10px;
    }
    .dws__detail-list[b-uz65yw3wuz] { display: grid; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
    .dws__status-strip[b-uz65yw3wuz] { grid-template-columns: 1fr 1fr; }
    .dws__status-item[b-uz65yw3wuz] { border: 1px solid var(--dws-border); padding: 9px; }
    .dws__mapping[b-uz65yw3wuz] { grid-template-columns: 1fr; }
    .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],
    .dws__detail-panel[b-uz65yw3wuz] { grid-column: 1; }
    .dws__detail-list[b-uz65yw3wuz] { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Corporate V4 — task-first driver workspace
   Mapping is the primary surface; library and analytics live in their tabs.
   ═══════════════════════════════════════════════════════════════════════════ */
.dws__header-bar[b-uz65yw3wuz] {
    min-height: 58px;
    padding: 10px 20px;
    border-bottom: 1px solid var(--dws-border);
    background: var(--dws-surface);
}

.dws__header-kicker[b-uz65yw3wuz] { display: none; }

.dws__header-title-row[b-uz65yw3wuz] { gap: 8px; }

.dws__scenario-label[b-uz65yw3wuz] {
    font-size: 14px;
    font-weight: 750;
}

.dws__scope-badge[b-uz65yw3wuz] {
    border: 0;
    background: var(--dws-surface-alt);
    color: var(--dws-text-muted);
    font-weight: 600;
}

.dws__status-strip[b-uz65yw3wuz] {
    grid-template-columns: minmax(280px, 1.7fr) repeat(3, minmax(130px, .7fr));
    gap: 0;
    margin: 0;
    padding: 12px 20px;
    border-bottom: 1px solid var(--dws-border);
    background: var(--dws-surface-alt);
}

.dws__status-overview[b-uz65yw3wuz],
.dws__status-item[b-uz65yw3wuz] {
    min-height: 62px;
    border: 0;
    border-right: 1px solid var(--dws-border);
    border-radius: 0;
    background: transparent;
    padding: 6px 18px;
}

.dws__status-overview[b-uz65yw3wuz] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-left: 0;
}

.dws__status-overview strong[b-uz65yw3wuz],
.dws__status-overview small[b-uz65yw3wuz] { display: block; }

.dws__status-overview strong[b-uz65yw3wuz] {
    margin-top: 3px;
    color: var(--dws-text);
    font-size: 13px;
    font-weight: 750;
}

.dws__status-overview small[b-uz65yw3wuz] {
    margin-top: 3px;
    color: var(--dws-text-muted);
    font-size: 10.5px;
}

.dws__status-icon[b-uz65yw3wuz] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--dws-brand-soft);
    color: var(--dws-brand-strong);
}

.dws__status-strip > :last-child[b-uz65yw3wuz] { border-right: 0; }

.dws__status-item[b-uz65yw3wuz] {
    min-width: 0;
    min-height: 62px;
}

.dws__status-item strong[b-uz65yw3wuz] { font-size: 15px; }

.dws__tabs[b-uz65yw3wuz] {
    margin: 0;
    padding: 0 20px;
    gap: 22px;
    background: var(--dws-surface);
}

.dws__tab[b-uz65yw3wuz] {
    min-height: 44px;
    margin: 0;
    padding: 10px 1px 8px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font-size: 12px;
    font-weight: 650;
}

.dws__tab:hover[b-uz65yw3wuz] { background: transparent; }

.dws__tab--active[b-uz65yw3wuz] {
    color: var(--dws-brand-strong);
    background: transparent;
    border-color: var(--dws-brand);
}

.dws__tab-badge[b-uz65yw3wuz] {
    min-width: 19px;
    padding: 1px 5px;
    background: var(--dws-surface-alt);
    color: var(--dws-text-muted);
}

.dws__tab--active .dws__tab-badge[b-uz65yw3wuz] {
    background: var(--dws-brand-soft);
    color: var(--dws-brand-strong);
}

.dws__mapping[b-uz65yw3wuz] {
    grid-template-columns: 216px minmax(0, 1fr);
    column-gap: 12px;
    padding: 12px 20px 84px;
}

.dws__dept-selector[b-uz65yw3wuz] {
    top: 12px;
    max-height: calc(100vh - 230px);
    padding: 8px 7px;
    border-radius: 7px;
}

.dws__dept-label[b-uz65yw3wuz] { padding: 5px 8px 9px; }

.dws__mapping-toolbar[b-uz65yw3wuz] {
    padding: 8px 10px;
    gap: 8px;
    border-radius: 7px;
}

.dws__toolbar-row-top[b-uz65yw3wuz] { min-height: 34px; }

.dws__toolbar-row-bottom[b-uz65yw3wuz] {
    min-height: 31px;
    padding-top: 7px;
    border-top: 1px solid var(--dws-border);
}

.dws__toolbar-hint[b-uz65yw3wuz] { margin-left: auto; }

.dws__grid-wrapper[b-uz65yw3wuz] {
    height: calc(100vh - 300px);
    min-height: 520px;
    border-radius: 7px;
}

/* The library is a quiet management list instead of a competing card wall. */
.dws__library[b-uz65yw3wuz] {
    margin: 0;
    padding: 18px 20px 90px;
    background: var(--dws-bg);
}

.dws__library-head[b-uz65yw3wuz] {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--dws-border);
}

.dws__library-grid[b-uz65yw3wuz] {
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--dws-border);
    border-radius: 8px;
    background: var(--dws-surface);
}

.dws__dcard[b-uz65yw3wuz] {
    display: grid;
    grid-template-columns: minmax(210px, 1.1fr) minmax(210px, 1fr) minmax(230px, 1.25fr);
    align-items: center;
    gap: 14px;
    min-height: 68px;
    padding: 10px 14px;
    border: 0;
    border-bottom: 1px solid var(--dws-border);
    border-left: 3px solid transparent;
    border-radius: 0;
}

.dws__dcard:last-child[b-uz65yw3wuz] { border-bottom: 0; }
.dws__dcard:hover[b-uz65yw3wuz] { background: var(--dws-surface-alt); }
.dws__dcard--off[b-uz65yw3wuz] { border-left-color: var(--dws-border-strong); }
.dws__dcard-head[b-uz65yw3wuz] { min-width: 0; }
.dws__dcard-rule[b-uz65yw3wuz] { min-width: 0; }
.dws__dcard-target[b-uz65yw3wuz] { min-width: 0; }
.dws__dcard-foot[b-uz65yw3wuz] {
    grid-column: 3;
    padding-top: 4px;
    border-top: 0;
}

@media (max-width: 1280px) {
    .dws__status-strip[b-uz65yw3wuz] {
        grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(110px, .7fr));
    }

    .dws__status-item[b-uz65yw3wuz] { min-width: 0; }
    .dws__grid-wrapper[b-uz65yw3wuz] { height: calc(100vh - 320px); }
}

@media (max-width: 1100px) {
    .dws__status-strip[b-uz65yw3wuz] { grid-template-columns: 1fr 1fr 1fr; }
    .dws__status-overview[b-uz65yw3wuz] { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid var(--dws-border); }
    .dws__mapping[b-uz65yw3wuz] { grid-template-columns: 1fr; }
    .dws__dept-selector[b-uz65yw3wuz] { position: static; max-height: none; }
    .dws__dept-pills[b-uz65yw3wuz] { display: flex; overflow-x: auto; }
    .dws__dept-pill[b-uz65yw3wuz] { flex: 0 0 auto; }
    .dws__dcard[b-uz65yw3wuz] { grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr); }
    .dws__dcard-foot[b-uz65yw3wuz] { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .dws__header-bar[b-uz65yw3wuz] { padding-inline: 12px; }
    .dws__status-strip[b-uz65yw3wuz] { grid-template-columns: 1fr; padding-inline: 12px; }
    .dws__status-overview[b-uz65yw3wuz],
    .dws__status-item[b-uz65yw3wuz] { border-right: 0; border-bottom: 1px solid var(--dws-border); padding-inline: 0; }
    .dws__status-strip > :last-child[b-uz65yw3wuz] { border-bottom: 0; }
    .dws__tabs[b-uz65yw3wuz] { padding-inline: 12px; gap: 16px; overflow-x: auto; }
    .dws__tab[b-uz65yw3wuz] { flex: 0 0 auto; }
    .dws__mapping[b-uz65yw3wuz],
    .dws__library[b-uz65yw3wuz] { padding-inline: 12px; }
    .dws__dcard[b-uz65yw3wuz] { grid-template-columns: 1fr; gap: 6px; }
    .dws__dcard-foot[b-uz65yw3wuz] { grid-column: 1; }
}

/* V5 final cascade: keep the reference layout authoritative over legacy blocks. */
.dws__status-strip[b-uz65yw3wuz] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 10px 20px;
}

.dws__status-item[b-uz65yw3wuz] {
    min-width: 0;
    min-height: 70px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--dws-border);
    border-radius: 8px;
    background: var(--dws-surface);
}

.dws__mapping[b-uz65yw3wuz] { grid-template-columns: 216px minmax(560px, 1fr) 300px; }
.dws__dept-selector[b-uz65yw3wuz] { grid-column: 1; grid-row: 1 / span 30; position: sticky; }
.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: 2; }
.dws__detail-panel[b-uz65yw3wuz] { grid-column: 3; grid-row: 1 / span 30; }

@media (max-width: 1500px) {
    .dws__status-strip[b-uz65yw3wuz] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .dws__mapping[b-uz65yw3wuz] { grid-template-columns: 190px minmax(520px, 1fr) 270px; }
}

@media (max-width: 1220px) {
    .dws__mapping[b-uz65yw3wuz] { grid-template-columns: 210px minmax(0, 1fr); }
    .dws__dept-selector[b-uz65yw3wuz] { grid-column: 1; grid-row: 1 / span 30; }
    .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: 2; }
    .dws__detail-panel[b-uz65yw3wuz] { grid-column: 1 / -1; grid-row: auto; }
}

@media (max-width: 760px) {
    .dws__status-strip[b-uz65yw3wuz] { grid-template-columns: 1fr 1fr; }
    .dws__status-item[b-uz65yw3wuz] { padding: 9px; border: 1px solid var(--dws-border); }
    .dws__mapping[b-uz65yw3wuz] { grid-template-columns: 1fr; }
    .dws__dept-selector[b-uz65yw3wuz],
    .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],
    .dws__detail-panel[b-uz65yw3wuz] { grid-column: 1; grid-row: auto; }
}

/* /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/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/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/DrmValidationSummary.razor.rz.scp.css */
.drm-validation-summary[b-m339n8pmg1] {
    border: 1px solid #f0c2c2;
    border-left: 3px solid #d64545;
    background: #fdf5f5;
    border-radius: 4px;
    padding: 10px 12px;
    margin-bottom: 12px;
    font-size: 0.85rem;
    color: #7a2020;
}

.dvs-head[b-m339n8pmg1] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    margin-bottom: 6px;
}

.dvs-head i[b-m339n8pmg1] {
    font-size: 0.9rem;
}

.dvs-list[b-m339n8pmg1] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dvs-list li[b-m339n8pmg1] {
    padding: 2px 0;
    display: flex;
    gap: 6px;
    align-items: baseline;
}

.dvs-field[b-m339n8pmg1] {
    font-weight: 600;
    white-space: nowrap;
}

.dvs-field[b-m339n8pmg1]::after {
    content: ":";
}
/* /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:has(.modal.show)[b-gc6ktbwei5] {
    overflow-x: visible;
}

.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/FinancialPlanning/LongRangePlanning.razor.rz.scp.css */
/* Uzun Vadeli Planlama — kurumsal FP&A rapor dili.
   İlkeler (finans dashboard standartları):
   · Sınırlı palet, dekoratif gradient yok — renk yalnız ANLAM taşır.
   · Tüm rakamlar tabular-nums + sağa hizalı; basamaklar dikeyde birebir hizalanır.
   · Tek tipografik ölçek; başlık/veri ayrımı ağırlıkla değil boyutla yapılır.
   · Beyaz alan tasarımın parçası; kutu içine kutu istiflenmez.                */

.lrp-shell[b-hxa54quays] { padding: .15rem 0 1.5rem; color: #1e293b; }

/* ── Sayfa başlığı ─────────────────────────────────────────────────────────
   Önceki sürüm üç duraklı bir gradient bloktu; uygulamanın geri kalanıyla
   uyumsuzdu ve sunum ekranında dekoratif duruyordu. Düz, koyu kurumsal bir
   bant kullanılır: başlık okunur, aksiyonlar sağda hizalı.                  */
.lrp-hero[b-hxa54quays] {
    display: flex; align-items: center; justify-content: space-between;
    gap: 1.5rem; padding: 1.1rem 1.35rem;
    border: 1px solid #17324a; border-radius: 10px;
    background: #0f2740; color: #fff;
}
.lrp-eyebrow[b-hxa54quays] {
    display: block; margin-bottom: .3rem;
    color: #7dd3c8; font-size: .66rem; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase;
}
.lrp-hero h1[b-hxa54quays] { margin: 0; font-size: 1.4rem; font-weight: 600; letter-spacing: -.01em; }
.lrp-hero p[b-hxa54quays] { margin: .3rem 0 0; max-width: 62ch; color: #b6c9d8; font-size: .78rem; line-height: 1.45; }
.lrp-hero-actions[b-hxa54quays] { display: flex; align-items: center; gap: .5rem; flex-shrink: 0; }

/* ── Butonlar ──────────────────────────────────────────────────────────────
   Tek yükseklik, tek yazı ölçüsü, net birincil/ikincil ayrımı. Önceki sürümde
   iki buton farklı genişlik ve dolgudaydı, ikisi de aynı tonda vurguluydu.   */
.lrp-btn[b-hxa54quays] {
    display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
    height: 34px; padding: 0 .85rem; white-space: nowrap;
    border: 1px solid transparent; border-radius: 6px;
    background: #14b8a6; color: #04231f;
    font-size: .74rem; font-weight: 600; line-height: 1; cursor: pointer;
    transition: background .12s ease, border-color .12s ease;
}
.lrp-btn:hover:not(:disabled)[b-hxa54quays] { background: #0d9488; color: #fff; }
.lrp-btn.ghost[b-hxa54quays] { border-color: rgba(255,255,255,.28); background: transparent; color: #dbeafe; }
.lrp-btn.ghost:hover:not(:disabled)[b-hxa54quays] { border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.08); color: #fff; }
.lrp-btn:disabled[b-hxa54quays] { opacity: .5; cursor: default; }
.lrp-btn:focus-visible[b-hxa54quays] { outline: 2px solid #7dd3c8; outline-offset: 2px; }

/* ── Durum blokları ────────────────────────────────────────────────────── */
.lrp-state[b-hxa54quays] {
    display: grid; justify-items: center; gap: .45rem;
    margin-top: .75rem; padding: 4.5rem 1rem;
    border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; text-align: center;
}
.lrp-state i[b-hxa54quays] { font-size: 1.75rem; color: #94a3b8; }
.lrp-state strong[b-hxa54quays] { font-size: .95rem; font-weight: 600; }
.lrp-state span[b-hxa54quays] { max-width: 62ch; color: #64748b; font-size: .78rem; line-height: 1.5; }

/* ── Bağlam çubuğu ─────────────────────────────────────────────────────── */
.lrp-context[b-hxa54quays] {
    display: grid; grid-template-columns: minmax(0,2.2fr) minmax(0,1.6fr) repeat(4, minmax(0,1fr));
    gap: 1px; margin-top: .6rem; overflow: hidden;
    border: 1px solid #e2e8f0; border-radius: 8px; background: #e2e8f0;
}
.lrp-context > div[b-hxa54quays], .lrp-context > label[b-hxa54quays] {
    display: flex; min-width: 0; flex-direction: column; justify-content: center;
    gap: .25rem; padding: .6rem .75rem; background: #fff;
}
.lrp-context span[b-hxa54quays] {
    color: #64748b; font-size: .6rem; font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase;
}
.lrp-context strong[b-hxa54quays] {
    overflow: hidden; color: #0f172a; font-size: .78rem; font-weight: 600;
    text-overflow: ellipsis; white-space: nowrap;
}
.lrp-context select[b-hxa54quays] {
    width: 100%; min-width: 0; height: 30px; padding: 0 .4rem;
    border: 1px solid #cbd5e1; border-radius: 5px;
    background: #fff; color: #0f172a; font-size: .75rem; font-weight: 500;
}
.lrp-context select:focus-visible[b-hxa54quays] { outline: 2px solid #0d9488; outline-offset: 1px; }
.lrp-context .status[b-hxa54quays] { display: flex; align-items: center; gap: .35rem; color: #0f766e; }
.lrp-context .status i[b-hxa54quays] { font-size: .4rem; }

/* ── Varyant seçici ────────────────────────────────────────────────────── */
.lrp-variant-bar[b-hxa54quays] {
    display: flex; align-items: center; gap: .35rem;
    margin: .6rem 0; padding: .4rem .55rem;
    border: 1px solid #e2e8f0; border-radius: 8px; background: #fff;
}
.lrp-variant-bar > span[b-hxa54quays] {
    margin-right: .35rem; color: #64748b; font-size: .63rem;
    font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
}
.lrp-variant-bar button[b-hxa54quays] {
    display: inline-flex; align-items: center; gap: .35rem;
    height: 28px; padding: 0 .7rem; white-space: nowrap;
    border: 1px solid #d8e0ea; border-radius: 5px;
    background: #fff; color: #475569; font-size: .72rem; font-weight: 500; cursor: pointer;
}
.lrp-variant-bar button:hover[b-hxa54quays] { border-color: #94a3b8; color: #0f172a; }
.lrp-variant-bar button.active[b-hxa54quays] {
    border-color: #0d9488; background: #f0fdfa; color: #0f766e; font-weight: 600;
}

/* ── Sekmeler ──────────────────────────────────────────────────────────────
   Gerçek bir sekme şeridi: alt çizgi göstergesi, tek satır etiket. Önceki
   sürümde kutu butonlara dönüşüp iki satıra kırılıyorlardı.                 */
.lrp-tabs[b-hxa54quays] {
    display: flex; gap: .1rem; overflow-x: auto;
    margin-bottom: .7rem; border-bottom: 1px solid #e2e8f0;
}
.lrp-tabs button[b-hxa54quays] {
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .55rem .85rem; white-space: nowrap;
    border: 0; border-bottom: 2px solid transparent; background: transparent;
    color: #64748b; font-size: .76rem; font-weight: 500; cursor: pointer;
}
.lrp-tabs button i[b-hxa54quays] { font-size: .78rem; opacity: .8; }
.lrp-tabs button:hover[b-hxa54quays] { color: #0f172a; }
.lrp-tabs button.active[b-hxa54quays] { border-bottom-color: #0d9488; color: #0f766e; font-weight: 600; }
.lrp-tabs button:focus-visible[b-hxa54quays] { outline: 2px solid #0d9488; outline-offset: -2px; }

/* ── KPI şeridi ────────────────────────────────────────────────────────── */
.lrp-kpis[b-hxa54quays] {
    display: grid; grid-template-columns: repeat(6, minmax(0,1fr));
    gap: .5rem; margin-bottom: .7rem;
}
.lrp-kpi[b-hxa54quays] {
    display: flex; min-width: 0; align-items: flex-start; gap: .6rem;
    padding: .75rem; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff;
}
.lrp-kpi > i[b-hxa54quays] {
    display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px;
    border-radius: 6px; background: #eff6ff; color: #2563eb; font-size: .8rem;
}
.lrp-kpi > div[b-hxa54quays] { min-width: 0; }
.lrp-kpi span[b-hxa54quays], .lrp-kpi strong[b-hxa54quays], .lrp-kpi small[b-hxa54quays] { display: block; }
.lrp-kpi span[b-hxa54quays] {
    overflow: hidden; color: #64748b; font-size: .61rem; font-weight: 600;
    letter-spacing: .03em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap;
}
.lrp-kpi strong[b-hxa54quays] {
    margin: .2rem 0 .15rem; color: #0f172a; font-size: 1.05rem; font-weight: 600;
    font-variant-numeric: tabular-nums; letter-spacing: -.01em;
}
.lrp-kpi small[b-hxa54quays] {
    overflow: hidden; color: #94a3b8; font-size: .61rem;
    text-overflow: ellipsis; white-space: nowrap;
}
.lrp-kpi.teal > i[b-hxa54quays] { background: #f0fdfa; color: #0f766e; }
.lrp-kpi.green > i[b-hxa54quays] { background: #f0fdf4; color: #15803d; }
.lrp-kpi.navy > i[b-hxa54quays] { background: #eef2ff; color: #3730a3; }
.lrp-kpi.amber > i[b-hxa54quays] { background: #fffbeb; color: #b45309; }
.lrp-kpi.purple > i[b-hxa54quays] { background: #faf5ff; color: #7e22ce; }

/* ── Paneller ──────────────────────────────────────────────────────────── */
.lrp-grid[b-hxa54quays] { display: grid; gap: .6rem; }
.lrp-grid.two[b-hxa54quays] { grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); }
.lrp-panel[b-hxa54quays] {
    min-width: 0; margin-bottom: .6rem; padding: .85rem;
    border: 1px solid #e2e8f0; border-radius: 8px; background: #fff;
}
.lrp-panel > header[b-hxa54quays] {
    display: flex; align-items: center; justify-content: space-between; gap: .8rem;
    margin-bottom: .7rem; padding-bottom: .5rem; border-bottom: 1px solid #eef2f7;
}
.lrp-panel > header > div[b-hxa54quays] { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.lrp-panel > header i[b-hxa54quays] { color: #0d9488; font-size: .85rem; }
.lrp-panel h2[b-hxa54quays] { margin: 0; font-size: .84rem; font-weight: 600; letter-spacing: -.005em; }
.lrp-panel > header > span[b-hxa54quays] { flex-shrink: 0; color: #94a3b8; font-size: .64rem; }

/* ── Operasyonel ufuk ──────────────────────────────────────────────────── */
.lrp-operating-compare[b-hxa54quays] { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }
.lrp-operating-compare article[b-hxa54quays] {
    position: relative; padding: .55rem .6rem;
    border: 1px solid #eef2f7; border-radius: 6px; background: #f8fafc;
}
.lrp-operating-compare span[b-hxa54quays] { display: block; color: #64748b; font-size: .61rem; font-weight: 600; }
.lrp-operating-compare div[b-hxa54quays] {
    display: flex; align-items: baseline; gap: .35rem; margin-top: .3rem;
    font-size: .74rem; font-variant-numeric: tabular-nums;
}
.lrp-operating-compare div b[b-hxa54quays] { color: #94a3b8; font-weight: 500; }
.lrp-operating-compare div strong[b-hxa54quays] { color: #0f172a; font-weight: 600; }
.lrp-operating-compare div i[b-hxa54quays] { color: #cbd5e1; font-size: .55rem; }
.lrp-operating-compare em[b-hxa54quays] {
    position: absolute; right: .55rem; top: .5rem;
    font-size: .62rem; font-style: normal; font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* Anlam renkleri — yalnız durum bildirir, dekoratif kullanılmaz. */
.good[b-hxa54quays] { color: #15803d !important; }
.bad[b-hxa54quays] { color: #b91c1c !important; }
.neutral[b-hxa54quays] { color: #94a3b8 !important; }

/* ── Driver zinciri ────────────────────────────────────────────────────── */
.lrp-flow[b-hxa54quays] { display: flex; align-items: stretch; gap: .45rem; overflow-x: auto; padding-bottom: .2rem; }
.lrp-flow > div[b-hxa54quays] {
    display: flex; min-width: 128px; flex: 1; flex-direction: column; justify-content: center;
    padding: .6rem; border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; text-align: center;
}
.lrp-flow > div i[b-hxa54quays] { display: block; margin-bottom: .3rem; color: #0d9488; font-size: .8rem; }
.lrp-flow span[b-hxa54quays], .lrp-flow b[b-hxa54quays] { display: block; }
.lrp-flow span[b-hxa54quays] { color: #64748b; font-size: .6rem; }
.lrp-flow b[b-hxa54quays] { margin-top: .15rem; font-size: .8rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.lrp-flow > em[b-hxa54quays] { align-self: center; color: #cbd5e1; font-size: .9rem; font-style: normal; }
.lrp-formulas[b-hxa54quays] { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; margin-top: .6rem; }
.lrp-formulas code[b-hxa54quays] {
    padding: .5rem .6rem; border: 1px solid #e2e8f0; border-radius: 6px;
    background: #f8fafc; color: #475569; font-size: .65rem; line-height: 1.4;
}

/* ── Matris tabloları ──────────────────────────────────────────────────────
   Finansal tablo standardı: rakamlar sağa hizalı ve tabular-nums, böylece
   basamaklar dikeyde hizalanır ve yıllar arası karşılaştırma gözle yapılır.
   Metin sütunları sola hizalı kalır.                                        */
.lrp-table-wrap[b-hxa54quays] { overflow-x: auto; }
.lrp-matrix[b-hxa54quays] {
    width: 100%; min-width: 900px;
    border-collapse: separate; border-spacing: 0;
    font-size: .72rem; font-variant-numeric: tabular-nums;
}
.lrp-matrix th[b-hxa54quays] {
    position: sticky; top: 0; z-index: 1;
    padding: .5rem .6rem; border-bottom: 1px solid #cbd5e1;
    background: #f8fafc; color: #475569;
    font-size: .66rem; font-weight: 600; text-align: right; white-space: nowrap;
}
.lrp-matrix td[b-hxa54quays] {
    padding: .48rem .6rem; border-bottom: 1px solid #f1f5f9;
    text-align: right; white-space: nowrap;
}
.lrp-matrix th:first-child[b-hxa54quays], .lrp-matrix td:first-child[b-hxa54quays],
.lrp-matrix th:nth-child(2)[b-hxa54quays], .lrp-matrix td:nth-child(2)[b-hxa54quays] { text-align: left; }
.lrp-matrix tbody tr:hover td[b-hxa54quays] { background: #f8fafc; }
.lrp-matrix td:first-child b[b-hxa54quays] { display: block; font-weight: 600; }
.lrp-matrix td:first-child small[b-hxa54quays] { display: block; margin-top: .1rem; color: #94a3b8; font-size: .58rem; }
.source-badge[b-hxa54quays] {
    display: inline-flex; padding: .16rem .4rem; border-radius: 3px;
    background: #f1f5f9; color: #475569; font-size: .58rem; font-weight: 600;
}
.lrp-matrix.pl .total td[b-hxa54quays], .lrp-matrix.pl .subtotal td[b-hxa54quays] {
    border-top: 1px solid #cbd5e1; background: #f8fafc; font-weight: 600;
}
.lrp-matrix.pl .expense td:not(:first-child):not(:nth-child(2))[b-hxa54quays] { color: #b91c1c; }
.lrp-matrix.pl .percentage td[b-hxa54quays] {
    background: #fcfdfe; color: #64748b; font-size: .68rem; font-style: italic;
}
.lrp-matrix.pl .capex td[b-hxa54quays] { background: #fffdf5; color: #92400e; }
.lrp-matrix.compare .variant-upside td[b-hxa54quays] { background: #f6fdf9; }
.lrp-matrix.compare .variant-downside td[b-hxa54quays] { background: #fffaf5; }

/* ── Not / dipnot ──────────────────────────────────────────────────────── */
.lrp-note[b-hxa54quays] {
    display: flex; align-items: flex-start; gap: .4rem;
    margin: .6rem 0 0; padding: .5rem .6rem;
    border-left: 2px solid #cbd5e1; background: #f8fafc;
    color: #64748b; font-size: .64rem; line-height: 1.5;
}
.lrp-note i[b-hxa54quays] { margin-top: .12rem; color: #94a3b8; }

/* ── Yatırım olayları ──────────────────────────────────────────────────── */
.lrp-events[b-hxa54quays] { display: flex; flex-direction: column; gap: .45rem; }
.lrp-events article[b-hxa54quays] {
    display: grid; grid-template-columns: 48px minmax(0,1fr) auto;
    align-items: center; gap: .7rem;
    padding: .6rem; border: 1px solid #eef2f7; border-radius: 6px;
}
.lrp-events article.major[b-hxa54quays] { border-color: #fcd34d; background: #fffdf5; }
.lrp-events .year[b-hxa54quays] {
    display: grid; place-items: center; height: 34px; border-radius: 5px;
    background: #f1f5f9; color: #475569; font-size: .72rem; font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.lrp-events strong[b-hxa54quays], .lrp-events span[b-hxa54quays] { display: block; }
.lrp-events strong[b-hxa54quays] { font-size: .72rem; font-weight: 600; }
.lrp-events span[b-hxa54quays] { margin-top: .12rem; color: #64748b; font-size: .62rem; line-height: 1.4; }
.lrp-events > b[b-hxa54quays], .lrp-events article > b[b-hxa54quays] {
    font-size: .78rem; font-weight: 600; font-variant-numeric: tabular-nums;
}

/* ── Duyarlılık ────────────────────────────────────────────────────────── */
.lrp-sensitivity[b-hxa54quays] {
    width: 100%; border-collapse: collapse;
    font-size: .74rem; font-variant-numeric: tabular-nums;
}
.lrp-sensitivity th[b-hxa54quays], .lrp-sensitivity td[b-hxa54quays] {
    padding: .5rem .6rem; border-bottom: 1px solid #eef2f7; text-align: right;
}
.lrp-sensitivity th[b-hxa54quays] { color: #475569; font-size: .66rem; font-weight: 600; }
.lrp-sensitivity th:first-child[b-hxa54quays], .lrp-sensitivity td:first-child[b-hxa54quays] { text-align: left; }
.lrp-sensitivity .base-row td[b-hxa54quays] { background: #f8fafc; font-weight: 600; }

/* ── Doğrulama & kaynak listeleri ──────────────────────────────────────── */
.lrp-validations[b-hxa54quays], .lrp-sources[b-hxa54quays] { display: flex; flex-direction: column; gap: .4rem; }
.lrp-validations article[b-hxa54quays], .lrp-sources article[b-hxa54quays] {
    display: flex; align-items: center; gap: .55rem;
    padding: .55rem; border: 1px solid #eef2f7; border-radius: 6px;
}
.lrp-validations article > i[b-hxa54quays], .lrp-sources article > i[b-hxa54quays] {
    display: grid; place-items: center; width: 26px; height: 26px; flex: 0 0 26px;
    border-radius: 5px; background: #f1f5f9; color: #64748b; font-size: .72rem;
}
.lrp-validations article.error > i[b-hxa54quays] { background: #fef2f2; color: #dc2626; }
.lrp-validations article.warning > i[b-hxa54quays] { background: #fffbeb; color: #d97706; }
.lrp-validations article.success > i[b-hxa54quays] { background: #f0fdf4; color: #16a34a; }
.lrp-validations article > div[b-hxa54quays], .lrp-sources article > div[b-hxa54quays] { min-width: 0; flex: 1; }
.lrp-validations strong[b-hxa54quays], .lrp-validations span[b-hxa54quays],
.lrp-sources strong[b-hxa54quays], .lrp-sources span[b-hxa54quays] { display: block; }
.lrp-validations strong[b-hxa54quays], .lrp-sources strong[b-hxa54quays] { font-size: .68rem; font-weight: 600; }
.lrp-validations span[b-hxa54quays], .lrp-sources span[b-hxa54quays] { margin-top: .1rem; color: #64748b; font-size: .62rem; line-height: 1.4; }
.lrp-validations article > b[b-hxa54quays] { flex-shrink: 0; color: #94a3b8; font-size: .6rem; font-weight: 500; }
.lrp-sources article > b[b-hxa54quays] { flex-shrink: 0; font-size: .64rem; font-weight: 600; }
.lrp-sources article > small[b-hxa54quays] { width: 92px; flex-shrink: 0; color: #94a3b8; font-size: .58rem; text-align: right; }

/* ── Duyarlı davranış ──────────────────────────────────────────────────── */
@media (max-width: 1400px) {
    .lrp-kpis[b-hxa54quays] { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .lrp-context[b-hxa54quays] { grid-template-columns: minmax(0,2fr) minmax(0,1.5fr) repeat(2, minmax(0,1fr)); }
}
@media (max-width: 1024px) {
    .lrp-grid.two[b-hxa54quays] { grid-template-columns: 1fr; }
    .lrp-context[b-hxa54quays] { grid-template-columns: 1fr 1fr; }
    .lrp-formulas[b-hxa54quays] { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .lrp-hero[b-hxa54quays] { align-items: flex-start; flex-direction: column; gap: .8rem; }
    .lrp-context[b-hxa54quays], .lrp-kpis[b-hxa54quays], .lrp-operating-compare[b-hxa54quays] { grid-template-columns: 1fr; }
    .lrp-flow[b-hxa54quays] { flex-direction: column; }
    .lrp-flow > em[b-hxa54quays] { display: none; }
}
/* /Presentation/Pages/FinancialPlanning/ScenarioManagementComparison.razor.rz.scp.css */
.scm-shell[b-vrb29170id]{min-height:100vh;padding:18px 22px 40px;background:#f3f6fa;color:#172235}.scm-hero[b-vrb29170id]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border:1px solid #17324a;border-radius:10px;background:#0f2740;color:#fff}.scm-hero span[b-vrb29170id],.scm-select-panel header span[b-vrb29170id],.scm-matrix-card header span[b-vrb29170id],.scm-publish-card>span[b-vrb29170id],.scm-history-card>span[b-vrb29170id]{font-size:10px;font-weight:900;letter-spacing:.14em;color:#73dfd0}.scm-hero h1[b-vrb29170id]{margin:4px 0 6px;font-size:22px;font-weight:600;letter-spacing:-.01em}.scm-hero p[b-vrb29170id]{max-width:850px;margin:0;color:#d3e2eb;font-size:12px}.scm-actions[b-vrb29170id]{display:flex;align-items:center;gap:8px}.scm-actions button[b-vrb29170id],.scm-publish-card button[b-vrb29170id]{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:1px solid transparent;border-radius:6px;padding:0 14px;white-space:nowrap;background:#14b8a6;color:#04231f;font-size:12px;font-weight:600;line-height:1;cursor:pointer}.scm-actions button:hover[b-vrb29170id],.scm-publish-card button:hover[b-vrb29170id]{background:#0d9488;color:#fff}.scm-actions button:focus-visible[b-vrb29170id],.scm-publish-card button:focus-visible[b-vrb29170id]{outline:2px solid #7dd3c8;outline-offset:2px}.scm-actions .ghost[b-vrb29170id]{border-color:rgba(255,255,255,.28);background:transparent;color:#dbeafe}.scm-actions .ghost:hover[b-vrb29170id]{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.08);color:#fff}.scm-message[b-vrb29170id]{display:flex;gap:8px;align-items:center;margin:12px 0;padding:10px 13px;border-radius:8px;font-size:11px;font-weight:750}.scm-message.success[b-vrb29170id]{background:#e8f7f1;color:#08765d}.scm-message.error[b-vrb29170id]{background:#fff0f1;color:#b42335}.scm-state[b-vrb29170id]{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #dce5ed;border-radius:13px;margin-top:14px;color:#6d7b8c}.scm-state i[b-vrb29170id]{font-size:30px;color:#1c7b88}.scm-context[b-vrb29170id]{display:grid;grid-template-columns:2fr 1.6fr repeat(5,1fr);gap:8px;margin:12px 0}.scm-context>div[b-vrb29170id],.scm-context>label[b-vrb29170id]{min-width:0;padding:10px 12px;background:#fff;border:1px solid #dce5ed;border-radius:9px;display:flex;flex-direction:column;gap:3px}.scm-context span[b-vrb29170id]{font-size:8px;font-weight:900;color:#718096;text-transform:uppercase}.scm-context strong[b-vrb29170id]{font-size:12px}.scm-context select[b-vrb29170id]{height:30px;border:0;background:#f4f7fa;font-size:11px;font-weight:750}.scm-select-panel[b-vrb29170id],.scm-matrix-card[b-vrb29170id],.scm-publish-card[b-vrb29170id],.scm-history-card[b-vrb29170id]{background:#fff;border:1px solid #dce5ed;border-radius:12px;box-shadow:0 3px 13px #19324708}.scm-select-panel[b-vrb29170id]{padding:14px}.scm-select-panel>header[b-vrb29170id],.scm-matrix-card>header[b-vrb29170id]{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.scm-select-panel h2[b-vrb29170id],.scm-matrix-card h2[b-vrb29170id],.scm-publish-card h2[b-vrb29170id],.scm-history-card h2[b-vrb29170id]{font-size:15px;margin:2px 0}.scm-select-panel header small[b-vrb29170id],.scm-matrix-card header small[b-vrb29170id]{font-size:9px;color:#748296}.scm-candidates[b-vrb29170id]{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:9px}.scm-candidates article[b-vrb29170id]{padding:11px;border:1px solid #e0e7ef;border-radius:9px;background:#fafbfd}.scm-candidates article.selected[b-vrb29170id]{border-color:#3784bd;background:#f6fbff;box-shadow:0 0 0 1px #3784bd}.scm-candidates article.official[b-vrb29170id]{border-left:4px solid #0e9980}.candidate-head[b-vrb29170id]{display:flex;gap:8px;align-items:center}.candidate-head>div[b-vrb29170id]{display:flex;flex-direction:column;min-width:0}.candidate-head strong[b-vrb29170id]{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-head small[b-vrb29170id],.candidate-foot[b-vrb29170id],.candidate-stats span[b-vrb29170id]{font-size:8px;color:#728195}.official-pill[b-vrb29170id]{margin-left:auto;padding:3px 6px;border-radius:10px;background:#e6f6f1;color:#08765d!important;font-size:7px!important;font-weight:900}.candidate-stats[b-vrb29170id]{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:9px 0}.candidate-stats span[b-vrb29170id]{display:flex;flex-direction:column;padding:5px;background:#fff;border-radius:5px}.candidate-stats b[b-vrb29170id]{font-size:12px;font-weight:600;color:#26384b;font-variant-numeric:tabular-nums}.candidate-foot[b-vrb29170id]{display:flex;justify-content:space-between;gap:8px;align-items:center}.fresh[b-vrb29170id]{color:#16816d}.fresh.stale[b-vrb29170id]{color:#b56d09}.scm-tabs[b-vrb29170id]{display:flex;gap:2px;margin:12px 0;overflow-x:auto;border-bottom:1px solid #dce5ed}.scm-tabs button[b-vrb29170id]{display:inline-flex;align-items:center;gap:6px;border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 14px;white-space:nowrap;color:#667589;font-size:12px;font-weight:500;cursor:pointer}.scm-tabs button:hover[b-vrb29170id]{color:#16283c}.scm-tabs button.active[b-vrb29170id]{border-bottom-color:#0d9488;color:#0f766e;font-weight:600}.scm-kpi-grid[b-vrb29170id]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.scm-kpi-grid>article[b-vrb29170id]{background:#fff;border:1px solid #dce5ed;border-radius:11px;padding:14px}.scm-kpi-grid>article.baseline[b-vrb29170id]{border-top:4px solid #167b85}.scm-kpi-grid header[b-vrb29170id]{display:flex;justify-content:space-between}.scm-kpi-grid header span[b-vrb29170id]{font-size:8px;color:#168071;font-weight:900}.scm-kpi-grid h3[b-vrb29170id]{font-size:13px;margin:2px 0}.scm-kpi-grid header b[b-vrb29170id]{font-size:13px;color:#177c70}.approval-track[b-vrb29170id]{height:4px;background:#edf1f5;border-radius:5px;margin:7px 0 10px;overflow:hidden}.approval-track i[b-vrb29170id]{display:block;height:100%;background:#1b9a80}.scm-kpi-grid dl[b-vrb29170id]{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.scm-kpi-grid dl>div[b-vrb29170id]{padding:7px;background:#f7f9fb;border-radius:6px}.scm-kpi-grid dt[b-vrb29170id]{font-size:7px;text-transform:uppercase;color:#778698;font-weight:850}.scm-kpi-grid dd[b-vrb29170id]{margin:2px 0 0;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.scm-kpi-grid dd small[b-vrb29170id]{display:block;color:#8490a0;font-size:7px}.scm-matrix-card[b-vrb29170id]{margin-top:11px;padding:14px}.scm-table-wrap[b-vrb29170id]{overflow:auto;max-height:640px}.scm-table-wrap table[b-vrb29170id]{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;font-variant-numeric:tabular-nums}.scm-table-wrap th[b-vrb29170id],.scm-table-wrap td[b-vrb29170id]{padding:8px 9px;border-bottom:1px solid #e9eef3;text-align:right;vertical-align:top}.scm-table-wrap th:first-child[b-vrb29170id],.scm-table-wrap td:first-child[b-vrb29170id]{text-align:left;position:sticky;left:0;background:inherit;min-width:230px}.scm-table-wrap thead th[b-vrb29170id]{position:sticky;top:0;background:#edf3f7;color:#536477;font-size:8px;text-transform:uppercase;z-index:2}.scm-table-wrap td strong[b-vrb29170id],.scm-table-wrap td em[b-vrb29170id],.scm-table-wrap td small[b-vrb29170id]{display:block}.scm-table-wrap td em[b-vrb29170id]{font-style:normal;font-size:8px;margin-top:2px}.scm-table-wrap td small[b-vrb29170id]{color:#7c8998;font-size:7px;margin-top:2px}.scm-table-wrap tr.total td[b-vrb29170id]{background:#edf5f7;font-weight:800}.scm-bridge-grid[b-vrb29170id]{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:9px}.scm-bridge-grid article[b-vrb29170id]{padding:12px;border:1px solid #dfe7ee;border-radius:9px;background:#f8fafc}.scm-bridge-grid h3[b-vrb29170id]{margin:0 0 8px;font-size:11px}.scm-bridge-grid dl[b-vrb29170id]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}.scm-bridge-grid dl>div[b-vrb29170id]{padding:7px;border-radius:6px;background:#fff}.scm-bridge-grid dt[b-vrb29170id]{font-size:7px;color:#718096;text-transform:uppercase}.scm-bridge-grid dd[b-vrb29170id]{margin:2px 0 0;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.good[b-vrb29170id]{color:#087b5e!important}.bad[b-vrb29170id]{color:#c23a48!important}.neutral[b-vrb29170id]{color:#718096!important}.scm-governance[b-vrb29170id]{display:grid;grid-template-columns:1fr 1fr;gap:11px}.scm-publish-card[b-vrb29170id],.scm-history-card[b-vrb29170id]{padding:17px}.scm-publish-card p[b-vrb29170id]{font-size:10px;color:#68788b}.scm-publish-card label[b-vrb29170id]{display:flex;flex-direction:column;gap:4px;margin:9px 0}.scm-publish-card label>span[b-vrb29170id]{font-size:9px;font-weight:850;color:#58687c}.scm-publish-card label b[b-vrb29170id]{color:#c53043}.scm-publish-card select[b-vrb29170id],.scm-publish-card input[b-vrb29170id],.scm-publish-card textarea[b-vrb29170id]{border:1px solid #ccd7e2;border-radius:7px;padding:8px;font-size:10px}.scm-publish-card label small[b-vrb29170id]{font-size:8px;color:#7a8796}.scm-publish-card button[b-vrb29170id]{margin-top:7px;background:#0f766e;color:#fff}.scm-history-card article[b-vrb29170id]{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid #e8edf2}.scm-history-card article>i[b-vrb29170id]{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e7f6f1;color:#08775d}.scm-history-card article strong[b-vrb29170id]{font-size:10px}.scm-history-card article p[b-vrb29170id]{margin:3px 0;font-size:9px;color:#596a7d}.scm-history-card article small[b-vrb29170id],.empty-history[b-vrb29170id]{font-size:8px;color:#7a8796}.empty-history[b-vrb29170id]{padding:35px;text-align:center}@media(max-width:1200px){.scm-context[b-vrb29170id]{grid-template-columns:2fr repeat(3,1fr)}.scm-candidates[b-vrb29170id],.scm-kpi-grid[b-vrb29170id]{grid-template-columns:1fr 1fr}.scm-bridge-grid[b-vrb29170id]{grid-template-columns:1fr 1fr}}@media(max-width:720px){.scm-shell[b-vrb29170id]{padding:8px}.scm-hero[b-vrb29170id]{flex-direction:column}.scm-context[b-vrb29170id],.scm-candidates[b-vrb29170id],.scm-kpi-grid[b-vrb29170id],.scm-governance[b-vrb29170id],.scm-bridge-grid[b-vrb29170id]{grid-template-columns:1fr}.scm-tabs[b-vrb29170id]{overflow:auto}.scm-tabs button[b-vrb29170id]{white-space:nowrap}}
/* /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-actions[b-gjzlqd1gnk] { display:flex; gap:.5rem; flex-wrap:wrap; }
.eactual-post[b-gjzlqd1gnk] { border:1px solid #0e7490; border-radius:9px; padding:.6rem .9rem; color:#0e7490; background:#fff; font-weight:700; cursor:pointer; white-space:nowrap; }
.eactual-post: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],.eactual-post[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/Messages/Messages.razor.rz.scp.css */
.message-center[b-njqq5hu30b] {
    --mc-bg: #f4f6f8;
    --mc-surface: #ffffff;
    --mc-surface-soft: #f8fafc;
    --mc-border: #dfe5ec;
    --mc-border-strong: #cbd5e1;
    --mc-text: #182230;
    --mc-text-soft: #475467;
    --mc-muted: #667085;
    --mc-brand: #1769e0;
    --mc-brand-strong: #1458bd;
    --mc-brand-soft: #edf4ff;
    --mc-danger: #c9374b;
    min-height: calc(100vh - 126px);
    padding: 18px 20px 24px;
    color: var(--mc-text);
    background: var(--mc-bg);
}

.message-center *[b-njqq5hu30b],
.message-center *[b-njqq5hu30b]::before,
.message-center *[b-njqq5hu30b]::after { box-sizing: border-box; }

.message-center button[b-njqq5hu30b],
.message-center input[b-njqq5hu30b] { font: inherit; }

.message-center__header[b-njqq5hu30b] {
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.message-center__heading[b-njqq5hu30b] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.message-center__heading-icon[b-njqq5hu30b] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--mc-brand);
    background: var(--mc-brand-soft);
    font-size: 16px;
}

.message-center__heading h1[b-njqq5hu30b] {
    margin: 0;
    color: var(--mc-text);
    font-size: 19px;
    font-weight: 750;
    letter-spacing: -.015em;
}

.message-center__heading p[b-njqq5hu30b] {
    margin: 3px 0 0;
    color: var(--mc-muted);
    font-size: 12px;
}

.message-center__header-actions[b-njqq5hu30b],
.message-center__reader-actions[b-njqq5hu30b] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.message-center__button[b-njqq5hu30b],
.message-center__icon-button[b-njqq5hu30b] {
    border: 1px solid var(--mc-border-strong);
    border-radius: 7px;
    background: var(--mc-surface);
    color: var(--mc-text-soft);
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.message-center__button[b-njqq5hu30b] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 650;
}

.message-center__button:hover[b-njqq5hu30b] { border-color: #9baabd; background: var(--mc-surface-soft); }

.message-center__button--primary[b-njqq5hu30b] {
    border-color: var(--mc-brand);
    background: var(--mc-brand);
    color: #fff;
}

.message-center__button--primary:hover[b-njqq5hu30b] {
    border-color: var(--mc-brand-strong);
    background: var(--mc-brand-strong);
}

.message-center__icon-button[b-njqq5hu30b] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.message-center__icon-button--danger:hover[b-njqq5hu30b] {
    border-color: #efc4cb;
    background: #fff5f6;
    color: var(--mc-danger);
}

.message-center__workspace[b-njqq5hu30b] {
    min-height: 640px;
    height: calc(100vh - 225px);
    display: grid;
    grid-template-columns: minmax(330px, 390px) minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--mc-border);
    border-radius: 10px;
    background: var(--mc-surface);
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.message-center__inbox[b-njqq5hu30b] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--mc-border);
    background: var(--mc-surface);
}

.message-center__inbox-header[b-njqq5hu30b] {
    padding: 15px 14px 11px;
    border-bottom: 1px solid var(--mc-border);
}

.message-center__inbox-title[b-njqq5hu30b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 11px;
}

.message-center__eyebrow[b-njqq5hu30b] {
    display: block;
    margin-bottom: 2px;
    color: var(--mc-muted);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.message-center__inbox-title strong[b-njqq5hu30b] {
    display: block;
    color: var(--mc-text);
    font-size: 14px;
    font-weight: 750;
}

.message-center__total[b-njqq5hu30b] {
    min-width: 26px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border-radius: 12px;
    color: var(--mc-brand-strong);
    background: var(--mc-brand-soft);
    font-size: 11px;
    font-weight: 750;
}

.message-center__search[b-njqq5hu30b] { position: relative; }

.message-center__search > i[b-njqq5hu30b] {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 11px;
    transform: translateY(-50%);
    color: #98a2b3;
    font-size: 11px;
    pointer-events: none;
}

.message-center__search[b-njqq5hu30b]  .e-input-group {
    min-height: 34px;
    padding-left: 28px !important;
    border: 1px solid var(--mc-border-strong) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

.message-center__search[b-njqq5hu30b]  .e-input-group.e-input-focus {
    border-color: var(--mc-brand) !important;
    box-shadow: 0 0 0 2px rgba(23, 105, 224, .1) !important;
}

.message-center__search[b-njqq5hu30b]  input {
    color: var(--mc-text) !important;
    font-size: 11.5px !important;
}

.message-center__filters[b-njqq5hu30b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    margin-top: 9px;
}

.message-center__filter[b-njqq5hu30b] {
    min-width: 0;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 7px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--mc-muted);
    background: transparent;
    cursor: pointer;
    font-size: 10.5px;
    font-weight: 650;
}

.message-center__filter:hover[b-njqq5hu30b] { background: var(--mc-surface-soft); color: var(--mc-text-soft); }

.message-center__filter.is-active[b-njqq5hu30b] {
    border-color: #d9e7fb;
    color: var(--mc-brand-strong);
    background: var(--mc-brand-soft);
}

.message-center__filter em[b-njqq5hu30b] {
    font-style: normal;
    font-size: 9.5px;
}

.message-center__selection-bar[b-njqq5hu30b] {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 14px;
    border-bottom: 1px solid #f1d8dc;
    color: #8f2535;
    background: #fff8f8;
    font-size: 11px;
}

.message-center__selection-bar button[b-njqq5hu30b] {
    border: 0;
    color: var(--mc-danger);
    background: transparent;
    cursor: pointer;
    font-weight: 700;
}

.message-center__list[b-njqq5hu30b] {
    min-height: 0;
    flex: 1;
    overflow-y: auto;
}

.message-center__item[b-njqq5hu30b] {
    position: relative;
    min-height: 86px;
    display: grid;
    grid-template-columns: 17px 38px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid #edf1f5;
    background: var(--mc-surface);
    cursor: pointer;
    transition: background-color .15s ease;
}

.message-center__item:hover[b-njqq5hu30b] { background: var(--mc-surface-soft); }

.message-center__item.is-selected[b-njqq5hu30b] {
    background: var(--mc-brand-soft);
    box-shadow: inset 3px 0 0 var(--mc-brand);
}

.message-center__item.is-unread:not(.is-selected)[b-njqq5hu30b] { background: #fbfdff; }

.message-center__select[b-njqq5hu30b] { padding-top: 8px; }

.message-center__select input[b-njqq5hu30b] {
    width: 14px;
    height: 14px;
    accent-color: var(--mc-brand);
    cursor: pointer;
}

.message-center__avatar[b-njqq5hu30b] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #23405e;
    background: #e8eef5;
    font-size: 11px;
    font-weight: 750;
}

.message-center__item.is-unread .message-center__avatar[b-njqq5hu30b] {
    color: var(--mc-brand-strong);
    background: #dceafe;
}

.message-center__item-body[b-njqq5hu30b] { min-width: 0; }

.message-center__item-topline[b-njqq5hu30b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.message-center__item-topline strong[b-njqq5hu30b] {
    overflow: hidden;
    color: var(--mc-text-soft);
    font-size: 11.5px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-center__item.is-unread .message-center__item-topline strong[b-njqq5hu30b] { color: var(--mc-text); font-weight: 750; }

.message-center__item-topline time[b-njqq5hu30b] {
    flex: 0 0 auto;
    color: #98a2b3;
    font-size: 9.5px;
}

.message-center__subject[b-njqq5hu30b] {
    margin-top: 3px;
    overflow: hidden;
    color: var(--mc-text);
    font-size: 12px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-center__item p[b-njqq5hu30b] {
    margin: 3px 0 0;
    overflow: hidden;
    color: var(--mc-muted);
    font-size: 10.5px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-center__unread-dot[b-njqq5hu30b] {
    position: absolute;
    top: 18px;
    right: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mc-brand);
}

.message-center__list-empty[b-njqq5hu30b],
.message-center__reader-empty[b-njqq5hu30b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.message-center__list-empty[b-njqq5hu30b] {
    min-height: 260px;
    padding: 30px 20px;
}

.message-center__list-empty > span[b-njqq5hu30b],
.message-center__reader-empty-icon[b-njqq5hu30b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7b8a9e;
    background: #edf1f5;
}

.message-center__list-empty > span[b-njqq5hu30b] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    font-size: 14px;
}

.message-center__list-empty strong[b-njqq5hu30b] { margin-top: 12px; font-size: 12px; }
.message-center__list-empty p[b-njqq5hu30b] { margin: 5px 0 0; color: var(--mc-muted); font-size: 10.5px; }

.message-center__reader[b-njqq5hu30b] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: var(--mc-surface);
}

.message-center__reader-header[b-njqq5hu30b] {
    min-height: 82px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 22px 15px;
    border-bottom: 1px solid var(--mc-border);
}

.message-center__reader-title[b-njqq5hu30b] { min-width: 0; }

.message-center__reader-title h2[b-njqq5hu30b] {
    margin: 3px 0 0;
    overflow-wrap: anywhere;
    color: var(--mc-text);
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -.01em;
}

.message-center__sender[b-njqq5hu30b] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 15px 22px;
    border-bottom: 1px solid #edf1f5;
}

.message-center__avatar--large[b-njqq5hu30b] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
}

.message-center__sender > div:nth-child(2)[b-njqq5hu30b] { min-width: 0; }

.message-center__sender strong[b-njqq5hu30b],
.message-center__sender span[b-njqq5hu30b] { display: block; }

.message-center__sender strong[b-njqq5hu30b] { color: var(--mc-text); font-size: 12px; font-weight: 700; }
.message-center__sender span[b-njqq5hu30b] { margin-top: 2px; color: var(--mc-muted); font-size: 10.5px; }

.message-center__sender .message-center__read-state[b-njqq5hu30b] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 0 auto;
    color: #3d6e61;
    font-size: 10px;
}

.message-center__content[b-njqq5hu30b] {
    max-width: 880px;
    width: 100%;
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    padding: 28px 34px;
    color: #2f3b4a;
    font-size: 13px;
    line-height: 1.75;
}

.message-center__reader-footer[b-njqq5hu30b] {
    display: flex;
    align-items: center;
    padding: 13px 22px;
    border-top: 1px solid var(--mc-border);
    background: var(--mc-surface-soft);
}

.message-center__reader-empty[b-njqq5hu30b] {
    flex: 1;
    min-height: 430px;
    padding: 40px;
}

.message-center__reader-empty-icon[b-njqq5hu30b] {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    font-size: 20px;
}

.message-center__reader-empty h2[b-njqq5hu30b] {
    margin: 16px 0 0;
    color: var(--mc-text-soft);
    font-size: 15px;
    font-weight: 700;
}

.message-center__reader-empty p[b-njqq5hu30b] {
    max-width: 360px;
    margin: 6px 0 16px;
    color: var(--mc-muted);
    font-size: 11.5px;
}

[b-njqq5hu30b] .message-form .e-textbox { min-height: 100px; }
[b-njqq5hu30b] .incoming-message-content { padding: 10px 0; }

@media (max-width: 1050px) {
    .message-center__workspace[b-njqq5hu30b] { grid-template-columns: minmax(310px, 355px) minmax(0, 1fr); }
    .message-center__content[b-njqq5hu30b] { padding-inline: 24px; }
}

@media (max-width: 780px) {
    .message-center[b-njqq5hu30b] { min-height: auto; padding: 12px; }
    .message-center__header[b-njqq5hu30b] { align-items: flex-start; }
    .message-center__heading p[b-njqq5hu30b] { display: none; }
    .message-center__button--quiet span[b-njqq5hu30b] { display: none; }
    .message-center__workspace[b-njqq5hu30b] {
        height: auto;
        min-height: 0;
        grid-template-columns: 1fr;
        overflow: visible;
    }
    .message-center__inbox[b-njqq5hu30b] { max-height: 520px; border-right: 0; border-bottom: 1px solid var(--mc-border); }
    .message-center__list[b-njqq5hu30b] { min-height: 260px; }
    .message-center__reader[b-njqq5hu30b] { min-height: 440px; }
    .message-center__reader-header[b-njqq5hu30b] { padding-inline: 16px; }
    .message-center__sender[b-njqq5hu30b] { padding-inline: 16px; }
    .message-center__content[b-njqq5hu30b] { padding: 22px 18px; }
}

@media (max-width: 480px) {
    .message-center__heading-icon[b-njqq5hu30b] { display: none; }
    .message-center__header-actions[b-njqq5hu30b] { gap: 5px; }
    .message-center__button[b-njqq5hu30b] { padding-inline: 9px; }
    .message-center__filters[b-njqq5hu30b] { grid-template-columns: 1fr; }
    .message-center__filter[b-njqq5hu30b] { justify-content: flex-start; padding-inline: 10px; }
    .message-center__filter em[b-njqq5hu30b] { margin-left: auto; }
    .message-center__reader-header[b-njqq5hu30b] { flex-direction: column; }
    .message-center__reader-actions[b-njqq5hu30b] { width: 100%; }
}
/* /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/Personnel/ExecutiveWorkforceCommandCenter.razor.rz.scp.css */
.ewc-page[b-4gsan4cgit] {
    padding: 1.2rem;
    color: #172033;
}

.ewc-hero[b-4gsan4cgit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    color: #fff;
    background: linear-gradient(125deg, #152f4a, #285f68 62%, #39796f);
    border-radius: 18px;
    box-shadow: 0 16px 38px rgba(15, 40, 62, .18);
}

.ewc-hero small[b-4gsan4cgit],
.ewc-quality header small[b-4gsan4cgit] {
    display: block;
    color: #86ead8;
    font-weight: 800;
    letter-spacing: .12em;
}

.ewc-hero h1[b-4gsan4cgit] {
    margin: .2rem 0 .35rem;
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    font-weight: 800;
}

.ewc-hero p[b-4gsan4cgit] {
    max-width: 780px;
    margin: 0;
    color: rgba(255, 255, 255, .82);
}

.ewc-scope-badge[b-4gsan4cgit] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    white-space: nowrap;
    color: #d7fff6;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
}

.ewc-filter-shell[b-4gsan4cgit] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr)) auto;
    align-items: end;
    gap: .75rem;
    padding: 1rem;
    margin-top: 1rem;
    background: #fff;
    border: 1px solid #dce4ec;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15, 40, 62, .06);
}

.ewc-filter-shell label > span[b-4gsan4cgit] {
    display: block;
    margin-bottom: .3rem;
    color: #526174;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ewc-state[b-4gsan4cgit] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 260px;
}

.ewc-kpis[b-4gsan4cgit] {
    display: grid;
    gap: .8rem;
    margin-top: 1rem;
}

.ewc-grid[b-4gsan4cgit] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(300px, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.ewc-grid-primary[b-4gsan4cgit] {
    grid-template-columns: minmax(0, 2fr) minmax(320px, .9fr);
}

.ewc-risk-list[b-4gsan4cgit] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.ewc-risk-item[b-4gsan4cgit] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .72rem;
    background: #f7f9fc;
    border-left: 4px solid #94a3b8;
    border-radius: 10px;
}

.ewc-risk-item.bad[b-4gsan4cgit] { border-left-color: #dc2626; }
.ewc-risk-item.warn[b-4gsan4cgit] { border-left-color: #d97706; }
.ewc-risk-item > i[b-4gsan4cgit] { color: #64748b; font-size: 1.05rem; }
.ewc-risk-item.bad > i[b-4gsan4cgit] { color: #dc2626; }
.ewc-risk-item.warn > i[b-4gsan4cgit] { color: #d97706; }
.ewc-risk-item div[b-4gsan4cgit] { display: grid; gap: .18rem; }
.ewc-risk-item strong[b-4gsan4cgit] { font-size: .84rem; }
.ewc-risk-item span[b-4gsan4cgit] { color: #64748b; font-size: .74rem; line-height: 1.35; }

.ewc-approval-summary[b-4gsan4cgit] {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.ewc-approval-summary > strong[b-4gsan4cgit] {
    min-width: 2.2rem;
    color: #1e3a8a;
    font-size: 2rem;
    line-height: 1;
}

.ewc-approval-summary div[b-4gsan4cgit] {
    display: grid;
    gap: .22rem;
    font-weight: 700;
}

.ewc-quality[b-4gsan4cgit] {
    margin-top: 1rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce4ec;
    border-radius: 14px;
}

.ewc-quality > header[b-4gsan4cgit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    color: #fff;
    background: #183448;
}

.ewc-quality h2[b-4gsan4cgit] {
    margin: .15rem 0 0;
    font-size: 1rem;
}

.ewc-quality-count[b-4gsan4cgit] {
    padding: .35rem .6rem;
    background: rgba(255, 255, 255, .12);
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 700;
}

.ewc-quality-list[b-4gsan4cgit] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    padding: 1rem;
}

.ewc-quality-list article[b-4gsan4cgit] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .65rem;
    padding: .75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.ewc-quality-list article.is-error[b-4gsan4cgit] { border-color: #fecaca; background: #fff7f7; }
.ewc-quality-list article.is-warning[b-4gsan4cgit] { border-color: #fde68a; background: #fffdf3; }
.ewc-quality-list article.is-info[b-4gsan4cgit] { border-color: #bfdbfe; background: #f6faff; }
.ewc-quality-list article > i[b-4gsan4cgit] { margin-top: .1rem; color: #64748b; }
.ewc-quality-list article.is-error > i[b-4gsan4cgit] { color: #dc2626; }
.ewc-quality-list article.is-warning > i[b-4gsan4cgit] { color: #d97706; }
.ewc-quality-list article.is-info > i[b-4gsan4cgit] { color: #2563eb; }
.ewc-quality-list article div[b-4gsan4cgit] { display: grid; gap: .16rem; }
.ewc-quality-list strong[b-4gsan4cgit] { font-size: .76rem; letter-spacing: .03em; }
.ewc-quality-list span[b-4gsan4cgit] { color: #475569; font-size: .78rem; }
.ewc-quality-list small[b-4gsan4cgit] { color: #94a3b8; font-size: .68rem; }
.ewc-quality-empty[b-4gsan4cgit] { padding: 1rem; color: #047857; font-weight: 700; }
.ewc-quality-empty i[b-4gsan4cgit] { margin-right: .4rem; }

@media (max-width: 1100px) {
    .ewc-filter-shell[b-4gsan4cgit] { grid-template-columns: repeat(2, minmax(160px, 1fr)); }
    .ewc-grid[b-4gsan4cgit],
    .ewc-grid-primary[b-4gsan4cgit] { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .ewc-page[b-4gsan4cgit] { padding: .7rem; }
    .ewc-hero[b-4gsan4cgit] { align-items: flex-start; padding: 1.1rem; }
    .ewc-filter-shell[b-4gsan4cgit] { grid-template-columns: 1fr; }
    .ewc-quality-list[b-4gsan4cgit] { grid-template-columns: 1fr; }
    .ewc-risk-item[b-4gsan4cgit] { grid-template-columns: auto minmax(0, 1fr); }
    .ewc-risk-item a[b-4gsan4cgit] { grid-column: 2; justify-self: start; }
}
/* /Presentation/Pages/Personnel/PersonnelReportCenter.razor.rz.scp.css */
.prc-page[b-ul7xd51qtp] {
    --prc-navy: #102a43;
    --prc-teal: #0f766e;
    --prc-teal-dark: #115e59;
    --prc-slate: #52657a;
    min-height: 100%;
    padding: 1rem 1rem 3rem;
    background: #f4f7fb;
    color: #102a43;
}

.prc-hero[b-ul7xd51qtp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    padding: 1.55rem 1.65rem;
    border-radius: 18px;
    background: linear-gradient(125deg, #102a43 0%, #155e75 58%, #0f766e 100%);
    color: #fff;
    box-shadow: 0 18px 38px -27px #0f172a;
}

.prc-hero-copy[b-ul7xd51qtp] { max-width: 880px; }
.prc-eyebrow[b-ul7xd51qtp] { display: inline-flex; align-items: center; gap: .45rem; color: #99f6e4; font-size: .68rem; font-weight: 800; letter-spacing: .105em; }
.prc-hero h1[b-ul7xd51qtp] { margin: .38rem 0 .25rem; font-size: clamp(1.45rem, 2vw, 1.85rem); font-weight: 800; }
.prc-hero p[b-ul7xd51qtp] { margin: 0; color: #dcecf3; font-size: .86rem; line-height: 1.6; }
.prc-hero-actions[b-ul7xd51qtp] { flex: 0 0 auto; }
.prc-legacy-link[b-ul7xd51qtp] { display: flex; align-items: center; gap: .65rem; min-width: 235px; padding: .72rem .8rem; border: 1px solid #ffffff42; border-radius: 11px; background: #ffffff17; color: #fff; text-decoration: none; transition: .15s ease; }
.prc-legacy-link:hover[b-ul7xd51qtp] { background: #ffffff27; transform: translateY(-1px); color: #fff; }
.prc-legacy-link > i[b-ul7xd51qtp] { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 9px; background: #fff; color: var(--prc-teal); }
.prc-legacy-link span[b-ul7xd51qtp] { display: flex; flex-direction: column; }
.prc-legacy-link strong[b-ul7xd51qtp] { font-size: .76rem; }
.prc-legacy-link small[b-ul7xd51qtp] { margin-top: .1rem; color: #dbeafe; font-size: .61rem; }

.prc-assurance[b-ul7xd51qtp] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin: .8rem 0; }
.prc-assurance > div[b-ul7xd51qtp] { display: flex; flex-direction: column; padding: .85rem 1rem; border: 1px solid #dde6ef; border-radius: 11px; background: #fff; box-shadow: 0 5px 18px -17px #102a43; }
.prc-assurance strong[b-ul7xd51qtp] { color: var(--prc-teal); font-size: 1.12rem; line-height: 1.2; }
.prc-assurance span[b-ul7xd51qtp] { margin-top: .16rem; color: #64748b; font-size: .68rem; }

.prc-controls[b-ul7xd51qtp] { display: grid; grid-template-columns: minmax(260px, 1.7fr) minmax(180px, .75fr) minmax(180px, .75fr) auto; align-items: end; gap: .7rem; padding: .85rem; border: 1px solid #dde6ef; border-radius: 12px; background: #fff; }
.prc-field[b-ul7xd51qtp] { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.prc-field > span:first-child[b-ul7xd51qtp] { color: #52657a; font-size: .63rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.prc-field input[b-ul7xd51qtp], .prc-field select[b-ul7xd51qtp] { width: 100%; height: 38px; padding: .5rem .65rem; border: 1px solid #d7e0e9; border-radius: 8px; outline: 0; background: #fff; color: #1e293b; font-size: .75rem; }
.prc-field input:focus[b-ul7xd51qtp], .prc-field select:focus[b-ul7xd51qtp] { border-color: #14b8a6; box-shadow: 0 0 0 3px #14b8a619; }
.prc-input-wrap[b-ul7xd51qtp] { position: relative; display: block; }
.prc-input-wrap i[b-ul7xd51qtp] { position: absolute; top: 12px; left: .72rem; color: #94a3b8; font-size: .76rem; }
.prc-input-wrap input[b-ul7xd51qtp] { padding-left: 2.05rem; }
.prc-reset[b-ul7xd51qtp] { height: 38px; padding: 0 .8rem; border: 1px solid #cdd8e4; border-radius: 8px; background: #f8fafc; color: #475569; font-size: .7rem; font-weight: 750; white-space: nowrap; }
.prc-reset:disabled[b-ul7xd51qtp] { opacity: .45; }

.prc-result-bar[b-ul7xd51qtp] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin: .75rem 0 1.05rem; }
.prc-result-bar > div:first-child strong[b-ul7xd51qtp] { color: var(--prc-teal); font-size: .88rem; }
.prc-result-bar > div:first-child span[b-ul7xd51qtp] { color: #64748b; font-size: .7rem; }
.prc-availability-tabs[b-ul7xd51qtp] { display: flex; gap: .3rem; padding: .23rem; border: 1px solid #dde6ef; border-radius: 22px; background: #fff; }
.prc-availability-tabs button[b-ul7xd51qtp] { display: flex; align-items: center; gap: .35rem; padding: .35rem .65rem; border: 0; border-radius: 18px; background: transparent; color: #52657a; font-size: .67rem; font-weight: 750; }
.prc-availability-tabs button span[b-ul7xd51qtp] { display: inline-grid; place-items: center; min-width: 19px; height: 19px; padding: 0 .25rem; border-radius: 10px; background: #e8eef5; font-size: .57rem; }
.prc-availability-tabs button.active[b-ul7xd51qtp] { background: var(--prc-teal); color: #fff; }
.prc-availability-tabs button.active span[b-ul7xd51qtp] { background: #ffffff2d; }

.prc-family[b-ul7xd51qtp] { margin: 0 0 1.55rem; }
.prc-family-head[b-ul7xd51qtp] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin: 0 0 .6rem; }
.prc-family-title[b-ul7xd51qtp] { display: flex; align-items: center; gap: .6rem; }
.prc-family-title > span[b-ul7xd51qtp] { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 9px; background: #dff7f3; color: var(--prc-teal); }
.prc-family-title h2[b-ul7xd51qtp] { margin: 0; font-size: .84rem; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; }
.prc-family-title p[b-ul7xd51qtp] { margin: .12rem 0 0; color: #64748b; font-size: .67rem; }
.prc-family-head > strong[b-ul7xd51qtp] { flex: 0 0 auto; padding: .25rem .5rem; border: 1px solid #d7e0e9; border-radius: 13px; background: #fff; color: #64748b; font-size: .6rem; }

.prc-grid[b-ul7xd51qtp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: .72rem; }
.prc-card[b-ul7xd51qtp] { display: flex; flex-direction: column; min-width: 0; padding: .92rem; border: 1px solid #dce5ee; border-radius: 13px; background: #fff; box-shadow: 0 7px 20px -21px #102a43; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.prc-card.is-available:hover[b-ul7xd51qtp] { transform: translateY(-1px); border-color: #5eead4; box-shadow: 0 13px 27px -23px #0f766e; }
.prc-card.is-planned[b-ul7xd51qtp] { border-style: dashed; background: #fbfcfe; }
.prc-card.is-locked[b-ul7xd51qtp] { border-color: #d8dee7; background: #fafbfc; }
.prc-card.is-locked:hover[b-ul7xd51qtp] { transform: none; border-color: #cbd5e1; box-shadow: none; }
.prc-card-top[b-ul7xd51qtp] { display: flex; align-items: center; gap: .45rem; }
.prc-card-icon[b-ul7xd51qtp] { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: #e6f7f4; color: var(--prc-teal); }
.is-planned .prc-card-icon[b-ul7xd51qtp] { background: #edf1f5; color: #64748b; }
.is-locked .prc-card-icon[b-ul7xd51qtp] { background: #eef1f5; color: #64748b; }
.prc-order[b-ul7xd51qtp] { margin-left: .08rem; color: #94a3b8; font-size: .61rem; font-weight: 800; }
.prc-status[b-ul7xd51qtp] { margin-left: auto; padding: .22rem .43rem; border-radius: 12px; background: #dcfce7; color: #167249; font-size: .59rem; font-weight: 800; }
.is-planned .prc-status[b-ul7xd51qtp] { background: #fff2cc; color: #8a5b05; }
.is-locked .prc-status[b-ul7xd51qtp] { background: #e9edf3; color: #566578; }
.prc-card h3[b-ul7xd51qtp] { margin: .7rem 0 .22rem; color: #162f46; font-size: .87rem; font-weight: 820; }
.prc-question[b-ul7xd51qtp] { min-height: 2.1rem; margin: 0 0 .62rem; color: #607286; font-size: .71rem; line-height: 1.48; }
.prc-meta[b-ul7xd51qtp] { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; margin: 0 0 .62rem; padding: .55rem .6rem; border-radius: 8px; background: #f7f9fc; }
.prc-meta div[b-ul7xd51qtp] { min-width: 0; }
.prc-meta dt[b-ul7xd51qtp] { color: #7b8999; font-size: .56rem; font-weight: 700; text-transform: uppercase; }
.prc-meta dd[b-ul7xd51qtp] { overflow: hidden; margin: .1rem 0 0; color: #30465b; font-size: .65rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.prc-kpis[b-ul7xd51qtp], .prc-tags[b-ul7xd51qtp] { display: flex; flex-wrap: wrap; gap: .28rem; }
.prc-kpis span[b-ul7xd51qtp] { padding: .22rem .38rem; border-radius: 5px; background: #ecfdf5; color: #126b5d; font-size: .57rem; font-weight: 700; }
.prc-kpis .prc-more[b-ul7xd51qtp] { background: #e2e8f0; color: #475569; }
.prc-tags[b-ul7xd51qtp] { min-height: 1.2rem; margin-top: .42rem; }
.prc-tags span[b-ul7xd51qtp] { color: #718096; font-size: .56rem; }
.prc-saved-view[b-ul7xd51qtp] { display: flex; align-items: center; gap: .4rem; margin-top: .6rem; padding-top: .5rem; border-top: 1px solid #eef2f6; }
.prc-saved-view span[b-ul7xd51qtp] { color: #7b8999; font-size: .56rem; font-weight: 800; text-transform: uppercase; }
.prc-saved-view code[b-ul7xd51qtp] { overflow: hidden; padding: .12rem .28rem; border-radius: 4px; background: #eef5f8; color: #285166; font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }
.prc-card-footer[b-ul7xd51qtp] { display: flex; justify-content: space-between; align-items: center; gap: .7rem; margin-top: auto; padding-top: .68rem; }
.prc-card-footer > span[b-ul7xd51qtp] { color: #738396; font-size: .59rem; }
.prc-card-footer a[b-ul7xd51qtp] { display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .58rem; border-radius: 7px; background: var(--prc-teal); color: #fff; font-size: .63rem; font-weight: 800; text-decoration: none; }
.prc-card-footer a:hover[b-ul7xd51qtp] { background: var(--prc-teal-dark); color: #fff; }
.prc-plan-note[b-ul7xd51qtp] { display: flex; align-items: flex-start; gap: .46rem; margin-top: auto; padding-top: .68rem; color: #6b7280; }
.prc-plan-note > i[b-ul7xd51qtp] { margin-top: .1rem; color: #d29217; }
.prc-plan-note span[b-ul7xd51qtp] { display: flex; flex-direction: column; font-size: .58rem; line-height: 1.42; }
.prc-plan-note strong[b-ul7xd51qtp] { margin-bottom: .08rem; color: #885d0d; font-size: .59rem; }
.prc-permission-note[b-ul7xd51qtp] { display: flex; align-items: flex-start; gap: .46rem; margin-top: auto; padding-top: .68rem; color: #64748b; }
.prc-permission-note > i[b-ul7xd51qtp] { margin-top: .1rem; color: #64748b; }
.prc-permission-note span[b-ul7xd51qtp] { display: flex; flex-direction: column; font-size: .58rem; line-height: 1.42; }
.prc-permission-note strong[b-ul7xd51qtp] { margin-bottom: .08rem; color: #475569; font-size: .59rem; }

.prc-empty[b-ul7xd51qtp] { display: flex; flex-direction: column; align-items: center; padding: 3.8rem 1rem; color: #64748b; text-align: center; }
.prc-empty > i[b-ul7xd51qtp] { font-size: 2rem; color: #9aa8b8; }
.prc-empty h2[b-ul7xd51qtp] { margin: .65rem 0 .25rem; color: #30465b; font-size: 1rem; }
.prc-empty p[b-ul7xd51qtp] { margin: 0 0 .8rem; font-size: .72rem; }
.prc-empty button[b-ul7xd51qtp] { padding: .45rem .7rem; border: 0; border-radius: 7px; background: var(--prc-teal); color: #fff; font-size: .68rem; font-weight: 800; }

@media (max-width: 1100px) {
    .prc-controls[b-ul7xd51qtp] { grid-template-columns: 1fr 1fr 1fr; }
    .prc-search[b-ul7xd51qtp] { grid-column: 1 / -1; }
    .prc-reset[b-ul7xd51qtp] { justify-self: end; }
}

@media (max-width: 820px) {
    .prc-hero[b-ul7xd51qtp] { align-items: stretch; flex-direction: column; }
    .prc-legacy-link[b-ul7xd51qtp] { min-width: 0; }
    .prc-assurance[b-ul7xd51qtp] { grid-template-columns: repeat(2, 1fr); }
    .prc-controls[b-ul7xd51qtp] { grid-template-columns: 1fr 1fr; }
    .prc-search[b-ul7xd51qtp] { grid-column: 1 / -1; }
    .prc-result-bar[b-ul7xd51qtp] { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 560px) {
    .prc-page[b-ul7xd51qtp] { padding: .55rem .55rem 2rem; }
    .prc-hero[b-ul7xd51qtp] { padding: 1.1rem; border-radius: 14px; }
    .prc-assurance[b-ul7xd51qtp], .prc-controls[b-ul7xd51qtp], .prc-grid[b-ul7xd51qtp] { grid-template-columns: 1fr; }
    .prc-search[b-ul7xd51qtp] { grid-column: auto; }
    .prc-reset[b-ul7xd51qtp] { justify-self: stretch; width: 100%; }
    .prc-family-head[b-ul7xd51qtp] { align-items: flex-start; }
    .prc-family-title p[b-ul7xd51qtp] { display: none; }
    .prc-grid[b-ul7xd51qtp] { gap: .58rem; }
    .prc-meta[b-ul7xd51qtp] { grid-template-columns: 1fr; }
    .prc-question[b-ul7xd51qtp] { min-height: 0; }
    .prc-availability-tabs[b-ul7xd51qtp] { width: 100%; }
    .prc-availability-tabs button[b-ul7xd51qtp] { flex: 1; justify-content: center; }
}
/* /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/Setup/SetupConsole.razor.rz.scp.css */
/* Kurulum Konsolu — sade, kurumsal, gradyansız.
   Rakamlar tabular-nums ile hizalanır; renk yalnız DURUM taşır, süs için kullanılmaz. */

.stp-page[b-o1utskwl0b] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 16px 48px;
    color: #1f2933;
}

/* ── Başlık ─────────────────────────────────────────────────────────────── */

.stp-header[b-o1utskwl0b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    flex-wrap: wrap;
    padding-bottom: 14px;
    border-bottom: 1px solid #d8dee5;
    margin-bottom: 20px;
}

.stp-header h1[b-o1utskwl0b] {
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 4px;
    letter-spacing: -0.01em;
}

.stp-header p[b-o1utskwl0b] {
    margin: 0;
    font-size: 13px;
    color: #5b6875;
    max-width: 62ch;
    line-height: 1.5;
}

.stp-header-actions[b-o1utskwl0b] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.stp-year[b-o1utskwl0b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 11px;
    color: #5b6875;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.stp-year input[b-o1utskwl0b] {
    height: 34px;
    width: 96px;
    padding: 0 10px;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    border: 1px solid #c3ccd5;
    border-radius: 4px;
    background: #fff;
    color: inherit;
}

/* ── Butonlar: tek yükseklik, gradyan yok, görünür odak ──────────────────── */

.stp-btn[b-o1utskwl0b] {
    height: 34px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 500;
    font-family: inherit;
    color: #1f2933;
    background: #fff;
    border: 1px solid #c3ccd5;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
}

.stp-btn:hover:not(:disabled)[b-o1utskwl0b] {
    background: #f1f4f7;
    border-color: #9aa7b4;
}

.stp-btn:focus-visible[b-o1utskwl0b] {
    outline: 2px solid #1a73c7;
    outline-offset: 2px;
}

.stp-btn:disabled[b-o1utskwl0b] {
    opacity: 0.45;
    cursor: not-allowed;
}

.stp-btn-primary[b-o1utskwl0b] {
    color: #fff;
    background: #1a73c7;
    border-color: #1a73c7;
}

.stp-btn-primary:hover:not(:disabled)[b-o1utskwl0b] {
    background: #155ea6;
    border-color: #155ea6;
}

/* ── Özet şeridi ────────────────────────────────────────────────────────── */

.stp-summary[b-o1utskwl0b] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: #d8dee5;
    border: 1px solid #d8dee5;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 24px;
}

.stp-summary-cell[b-o1utskwl0b] {
    background: #fff;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stp-summary-value[b-o1utskwl0b] {
    font-size: 22px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.stp-summary-label[b-o1utskwl0b] {
    font-size: 11px;
    color: #5b6875;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Gruplar ve adımlar ─────────────────────────────────────────────────── */

.stp-group[b-o1utskwl0b] {
    margin-bottom: 28px;
}

.stp-group h2[b-o1utskwl0b] {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #5b6875;
    margin: 0 0 10px;
}

.stp-steps[b-o1utskwl0b] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: #d8dee5;
    border: 1px solid #d8dee5;
    border-radius: 4px;
    overflow: hidden;
}

.stp-step[b-o1utskwl0b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 14px 16px;
    background: #fff;
}

.stp-step.is-running[b-o1utskwl0b] {
    background: #f7fafd;
}

.stp-step-main[b-o1utskwl0b] {
    min-width: 0;
    flex: 1;
}

.stp-step-title[b-o1utskwl0b] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
}

.stp-step-title strong[b-o1utskwl0b] {
    font-size: 14px;
    font-weight: 600;
}

.stp-step-desc[b-o1utskwl0b] {
    margin: 0 0 6px;
    font-size: 12px;
    color: #5b6875;
    line-height: 1.5;
}

.stp-step-summary[b-o1utskwl0b] {
    margin: 0;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    color: #1f2933;
}

.stp-step-actions[b-o1utskwl0b] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* ── Durum çipi: renk yalnız anlam taşır ────────────────────────────────── */

.stp-chip[b-o1utskwl0b] {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 3px;
    border: 1px solid transparent;
    white-space: nowrap;
}

.stp-chip.is-ready[b-o1utskwl0b] {
    color: #1b5e3f;
    background: #e6f4ec;
    border-color: #b9dfc9;
}

.stp-chip.is-partial[b-o1utskwl0b] {
    color: #7a5410;
    background: #fdf3e0;
    border-color: #ecd5a6;
}

.stp-chip.is-problem[b-o1utskwl0b] {
    color: #8c2020;
    background: #fbeaea;
    border-color: #eebcbc;
}

.stp-chip.is-missing[b-o1utskwl0b] {
    color: #5b6875;
    background: #f1f4f7;
    border-color: #d8dee5;
}

/* ── Ölçümler ───────────────────────────────────────────────────────────── */

.stp-metrics[b-o1utskwl0b] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 8px;
}

.stp-metric[b-o1utskwl0b] {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.stp-metric-value[b-o1utskwl0b] {
    font-size: 13px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.stp-metric-name[b-o1utskwl0b] {
    font-size: 11px;
    color: #5b6875;
}

/* ── Sorunlar ve kilit gerekçesi ────────────────────────────────────────── */

.stp-issues[b-o1utskwl0b] {
    margin: 8px 0 0;
    padding-left: 18px;
    font-size: 12px;
    color: #8c2020;
    line-height: 1.55;
}

.stp-blocked[b-o1utskwl0b] {
    margin: 8px 0 0;
    font-size: 12px;
    color: #7a5410;
}

/* ── Günlük ─────────────────────────────────────────────────────────────── */

.stp-log[b-o1utskwl0b] {
    margin-top: 12px;
    border: 1px solid #d8dee5;
    border-radius: 4px;
    background: #fff;
    padding: 14px 16px;
}

.stp-log h2[b-o1utskwl0b] {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #5b6875;
    margin: 0 0 8px;
}

.stp-log ol[b-o1utskwl0b] {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 260px;
    overflow-y: auto;
    font-size: 12px;
}

.stp-log li[b-o1utskwl0b] {
    display: flex;
    gap: 10px;
    padding: 3px 0;
    border-bottom: 1px solid #f1f4f7;
    line-height: 1.5;
}

.stp-log li.is-error[b-o1utskwl0b] {
    color: #8c2020;
}

.stp-log-time[b-o1utskwl0b] {
    font-variant-numeric: tabular-nums;
    color: #8894a1;
    flex-shrink: 0;
}

.stp-empty[b-o1utskwl0b] {
    padding: 40px 0;
    text-align: center;
    font-size: 13px;
    color: #5b6875;
}

@media (max-width: 720px) {
    .stp-summary[b-o1utskwl0b] { grid-template-columns: repeat(2, 1fr); }
    .stp-step[b-o1utskwl0b] { flex-direction: column; }
    .stp-step-actions[b-o1utskwl0b] { width: 100%; }
}
/* /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}.row-actions .danger[b-5rqg8v7xer]{color:#dc2626}.row-actions .danger:hover[b-5rqg8v7xer]{color:#dc2626;border-color:#dc2626;background:#fef2f2}.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); }
}