@import '_content/AuralizeBlazor/AuralizeBlazor.tf5u2o3oxg.bundle.scp.css';
@import '_content/Nextended.Blazor/Nextended.Blazor.tkxqvq0zjw.bundle.scp.css';

/* /Components/AdminTab.razor.rz.scp.css */
/* Admin Layout */
.admin-layout-container[b-hy59oopo2n] {
    display: flex;
    height: calc(100vh - 120px);
    gap: 1rem;
    padding: 1rem;
}

.admin-sidebar[b-hy59oopo2n] {
    width: 240px;
    flex-shrink: 0;
}

.sidebar-paper[b-hy59oopo2n] {
    padding: 1rem;
    height: 100%;
    background: linear-gradient(180deg, #f5f7fa 0%, #eef1f5 100%);
    border: 1px solid #e0e4e8;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
}

.sidebar-header[b-hy59oopo2n] {
    color: #1e3a5f;
    font-weight: 700;
    margin-bottom: 0.75rem;
    font-size: 1.05rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ========================================
   MUDNAVMENU BASE STYLING
   ======================================== */

.admin-nav-menu[b-hy59oopo2n] {
    background: transparent !important;
    border: none !important;
    flex: 1;
    overflow-y: auto;
    padding-right: 0.5rem;
}

/* Base nav link styling */
[b-hy59oopo2n] .admin-nav-menu .mud-nav-link {
    padding: 0.5rem 0.75rem !important;
    margin: 0.2rem 0 !important;
    border-radius: 6px !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: #424242 !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
}

    [b-hy59oopo2n] .admin-nav-menu .mud-nav-link:hover {
        background-color: rgba(33, 150, 243, 0.08) !important;
        color: #2196F3 !important;
        border-left: 4px solid #2196F3 !important;
    }

    [b-hy59oopo2n] .admin-nav-menu .mud-nav-link.active {
        background-color: rgba(33, 150, 243, 0.12) !important;
        color: #1565c0 !important;
        border-left: 4px solid #1565c0 !important;
        font-weight: 700 !important;
    }

/* MudNavGroup base styling */
[b-hy59oopo2n] .admin-nav-menu .mud-nav-group {
    padding: 0.25rem 0 !important;
}

[b-hy59oopo2n] .admin-nav-menu .mud-nav-group-header {
    padding: 0.75rem 1rem !important;
    margin: 0.5rem 0 0.25rem 0 !important;
    color: #666 !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.25s ease !important;
}

    [b-hy59oopo2n] .admin-nav-menu .mud-nav-group-header:hover {
        color: #2196F3 !important;
        background-color: rgba(33, 150, 243, 0.04) !important;
    }

    [b-hy59oopo2n] .admin-nav-menu .mud-nav-group-header.mud-nav-group-expanded {
        color: #2196F3 !important;
    }

/* Ensure chevron/expand icon is always visible for nested nav groups */
[b-hy59oopo2n] .admin-nav-menu .mud-nav-group .mud-nav-group .mud-nav-group-header .mud-nav-link-expand-icon {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Make sure the expand icon shows for all nav groups */
[b-hy59oopo2n] .admin-nav-menu .mud-nav-link-expand-icon {
    display: flex !important;
    visibility: visible !important;
}

/* ========================================
   MENU INDENTATION HIERARCHY
   
   Structure:
   Tables (Level 0 - 1rem default)
   └── Nassau (Level 1 - 1.5rem)
       ├── Assessment (Level 2 - 3rem)
       ├── Sales (Level 2 - 3rem)
       └── Adjustments (Level 2 - 3rem)
           ├── Inventory (Level 3 - 4.5rem)
           └── Time (Level 3 - 4.5rem)
   └── Suffolk (Level 1 - 1.5rem)
   ======================================== */

/* Level 1: Nassau, Suffolk group headers */
[b-hy59oopo2n] .admin-nav-menu .mud-nav-group .mud-nav-group > .mud-nav-group-header {
    padding-left: 1.5rem !important;
}

/* Level 2: Assessment, Sales nav links under Nassau/Suffolk */
[b-hy59oopo2n] .admin-nav-menu .mud-nav-group .mud-nav-group > .mud-navmenu > .mud-nav-item > .mud-nav-link {
    padding-left: 3rem !important;
}

/* Level 2: Adjustments group header */
[b-hy59oopo2n] .admin-nav-menu .mud-nav-group .mud-nav-group .mud-nav-group > .mud-nav-group-header {
    padding-left: 3rem !important;
}

/* Level 3: Inventory, Time nav links under Adjustments */
[b-hy59oopo2n] .admin-nav-menu .mud-nav-group .mud-nav-group .mud-nav-group > .mud-navmenu > .mud-nav-item > .mud-nav-link {
    padding-left: 4.5rem !important;
}

/* Hover state adjustments for indented items */
[b-hy59oopo2n] .admin-nav-menu .mud-nav-group .mud-nav-group > .mud-navmenu > .mud-nav-item > .mud-nav-link:hover {
    padding-left: calc(3rem - 4px) !important;
}

[b-hy59oopo2n] .admin-nav-menu .mud-nav-group .mud-nav-group .mud-nav-group > .mud-navmenu > .mud-nav-item > .mud-nav-link:hover {
    padding-left: calc(4.5rem - 4px) !important;
}

/* ========================================
   ICON STYLING
   ======================================== */

[b-hy59oopo2n] .admin-nav-menu .mud-icon {
    margin-right: 0.75rem !important;
    font-size: 1.2rem !important;
    transition: color 0.25s ease !important;
}

/* Users - Blue (Manage Users, Approve Users) */
[b-hy59oopo2n] .admin-nav-menu > :nth-child(1) .mud-icon,
[b-hy59oopo2n] .admin-nav-menu > :nth-child(2) .mud-icon {
    color: #2196F3 !important;
}

/* Tables and all nested items - Orange */
[b-hy59oopo2n] .admin-nav-menu > :nth-child(3) .mud-icon {
    color: #FF9800 !important;
}

/* Settings - Purple */
[b-hy59oopo2n] .admin-nav-menu > :nth-child(4) .mud-icon {
    color: #9C27B0 !important;
}

/* Reports - Green */
[b-hy59oopo2n] .admin-nav-menu > :nth-child(5) .mud-icon {
    color: #4CAF50 !important;
}

/* Audit - Red */
[b-hy59oopo2n] .admin-nav-menu > :nth-child(6) .mud-icon {
    color: #F44336 !important;
}

/* ========================================
   CONTENT AREA
   ======================================== */

.admin-content-area[b-hy59oopo2n] {
    flex: 1;
    overflow-y: auto;
}

.content-paper[b-hy59oopo2n] {
    padding: 2rem;
    height: 100%;
}

.content-header[b-hy59oopo2n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e9ecef;
}

.text-muted[b-hy59oopo2n] {
    color: #6c757d;
    font-style: italic;
}

/* ========================================
   STATISTICS BAR
   ======================================== */

.statistics-bar[b-hy59oopo2n] {
    margin-top: 1.5rem;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 2rem;
}

.statistics-title[b-hy59oopo2n] {
    min-width: 100px;
    color: #2c3e50;
    margin: 0;
}

.statistics-items[b-hy59oopo2n] {
    display: flex;
    gap: 3rem;
    flex: 1;
    justify-content: flex-start;
}

.stat-item[b-hy59oopo2n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 100px;
}

    .stat-item[b-hy59oopo2n]  .mud-typography-caption {
        font-size: 0.75rem;
        font-weight: 500;
        margin-bottom: 0.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-item[b-hy59oopo2n]  .mud-typography-h6 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #2c3e50;
    }

/* ========================================
   ANIMATIONS
   ======================================== */

/* Pulse animation for online status */
@keyframes pulse-b-hy59oopo2n {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}
/* /Components/AssessmentStatsBar.razor.rz.scp.css */
/* AssessmentStatsBar.razor.css - Styles matching original CMATab stats bar */

/* --- Assessment Stats Bar (compact sample style) --- */
.assessment-stats-bar[b-d6fsz0zy49] { 
    background: #eee; 
    border-top: 2px solid #8B4513; 
    border-bottom: 2px solid #8B4513; 
    padding: 2px 0 2px 0; 
    margin: 2px 0 2px 0; 
    font-family: Arial, sans-serif; 
    display: flex; 
    flex-direction: row; 
    align-items: flex-start; 
}

[b-d6fsz0zy49] .stats-row-container {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-wrap: nowrap;
}

[b-d6fsz0zy49] .stats-pairs { 
    display: flex; 
    flex-direction: row; 
    flex-wrap: nowrap; 
    gap: 4px; 
    padding: 2px 8px 4px 8px; 
    align-items: center; 
}

/* AV Override toggle container */
[b-d6fsz0zy49] .av-override-toggle-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px 8px;
    background: linear-gradient(135deg, #fff3cd 0%, #ffe4b5 100%);
    border: 2px solid #FFA500;
    border-radius: 6px;
    margin-right: 4px;
    flex-shrink: 0;
}

[b-d6fsz0zy49] .override-label {
    font-size: 9px;
    font-weight: bold;
    color: #CC5500;
    text-transform: uppercase;
    margin-bottom: 2px;
}

[b-d6fsz0zy49] .av-override-toggle {
    --kendo-switch-on-bg-color: #27ae60;
    --kendo-switch-off-bg-color: #e74c3c;
}

/* AV Override highlight style - light orange background */
[b-d6fsz0zy49] .av-override-highlight {
    background: #FFE4B5 !important;
    border: 2px solid #FFA500 !important;
    border-radius: 4px;
    position: relative;
    animation: pulse-override-b-d6fsz0zy49 2s ease-in-out infinite;
}

[b-d6fsz0zy49] .av-override-highlight .stat-value {
    background: #ff8c00 !important;
    color: #fff !important;
}

[b-d6fsz0zy49] .override-indicator {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #FFA500;
    border-radius: 50%;
    padding: 4px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[b-d6fsz0zy49] .override-indicator svg {
    width: 16px;
    height: 16px;
    color: white;
}

@keyframes pulse-override-b-d6fsz0zy49 {
    0%, 100% { background: #FFE4B5; }
    50% { background: #FFDAB9; }
}

/* Editable AV field styling when override is enabled */
[b-d6fsz0zy49] .av-editable {
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-d6fsz0zy49] .av-editable:hover {
    box-shadow: 0 0 8px rgba(255, 140, 0, 0.6);
    transform: scale(1.02);
}

[b-d6fsz0zy49] .editable-value {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

[b-d6fsz0zy49] .editable-value:hover {
    background: #ffa500 !important;
}

[b-d6fsz0zy49] .edit-hint {
    font-size: 12px;
    opacity: 0.7;
    margin-left: 4px;
    display: inline-flex;
    align-items: center;
}

[b-d6fsz0zy49] .edit-hint svg {
    width: 12px;
    height: 12px;
    color: #666;
}

[b-d6fsz0zy49] .manual-av-edit-container {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Native input styling for manual AV entry */
[b-d6fsz0zy49] .manual-av-input {
    width: 100px !important;
    height: 28px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    border: 2px solid #FFA500;
    border-radius: 4px;
    background: #fff;
    color: #333;
    outline: none;
    box-shadow: 0 0 4px rgba(255, 165, 0, 0.4);
}

[b-d6fsz0zy49] .manual-av-input:focus {
    border-color: #ff8c00;
    box-shadow: 0 0 8px rgba(255, 140, 0, 0.6);
}

/* Hide spin buttons on number input */
[b-d6fsz0zy49] .manual-av-input::-webkit-outer-spin-button,
[b-d6fsz0zy49] .manual-av-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

[b-d6fsz0zy49] .manual-av-input[type=number] {
    -moz-appearance: textfield;
}

[b-d6fsz0zy49] .av-edit-btn {
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    padding: 2px;
}

[b-d6fsz0zy49] .av-edit-btn svg {
    width: 14px;
    height: 14px;
    color: white;
    fill: white;
}

[b-d6fsz0zy49] .av-save-btn {
    background: #27ae60;
    color: white;
}

[b-d6fsz0zy49] .av-save-btn:hover {
    background: #219a52;
    transform: scale(1.1);
}

[b-d6fsz0zy49] .av-cancel-btn {
    background: #e74c3c;
    color: white;
}

[b-d6fsz0zy49] .av-cancel-btn:hover {
    background: #c0392b;
    transform: scale(1.1);
}

/* Stat pair - vertical label + value */
[b-d6fsz0zy49] .stat-pair { 
    display: flex; 
    flex-direction: column; 
    gap: 2px; 
    flex-shrink: 0; 
}

[b-d6fsz0zy49] .stat-label { 
    font-size: 14px; 
    font-weight: 700; 
    color: #643A36; 
    border-radius: 50px 0 0 50px; 
    padding: 4px 10px; 
    white-space: nowrap; 
    display: flex; 
    align-items: center; 
}

[b-d6fsz0zy49] .stat-value { 
    background: #bbb; 
    min-width: 80px !important; 
    max-width: 80px !important;
    padding: 2px 10px 2px 10px; 
    font-weight: 700; 
    font-size: 14px; 
    color: #111; 
    text-align: right; 
    border: 1px solid #444; 
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4); 
    border-radius: 0 50px 50px 0;
}

/* Wider stat-pair for large numbers like ASS M/V */
[b-d6fsz0zy49] .stat-pair-wide {
    min-width: 160px;
    flex-basis: 30%;
    max-width: 260px;
}

[b-d6fsz0zy49] .stat-pair-wide .stat-value {
    min-width: 130px !important;
    max-width: 160px !important;
}

/* 4th stat pair (ASS M/V) gets orange background */
[b-d6fsz0zy49] .stat-pair:nth-child(4) .stat-value { 
    background: #ff8c00 !important; 
    color: #fff !important;
}

/* Comments panel - aligned to the right with reduced width for new items */
[b-d6fsz0zy49] .comments-container { 
    flex: 0 0 auto; 
    display: flex; 
    flex-direction: column; 
    gap: 2px; 
    padding: 2px 12px 2px 15px; 
    border-left: 1px solid #8B4513; 
    margin-left: auto; 
    align-items: flex-end; 
    justify-content: center;
    width: 680px;
    min-width: 680px;
}

[b-d6fsz0zy49] .comment-group { 
    display: flex; 
    flex-direction: row; 
    gap: 3px; 
    align-items: center; 
    flex: 0 0 auto;
    width: 100%;
}

[b-d6fsz0zy49] .comment-group label { 
    font-size: 12px; 
    font-weight: 600; 
    color: #643A36; 
    margin: 0; 
    white-space: nowrap;
    min-width: 70px;
}

/* Comment text fields - shorter height for stacked layout */
[b-d6fsz0zy49] .comment-text { 
    height: 24px; 
    flex: 1;
}

/* Force left alignment for Telerik TextBox in comments */
[b-d6fsz0zy49] .comment-text .k-input-inner,
[b-d6fsz0zy49] .comment-text input,
[b-d6fsz0zy49] .comment-text .k-input,
[b-d6fsz0zy49] .comment-text .k-textbox,
[b-d6fsz0zy49] .comment-text input[type="text"] {
    text-align: left !important;
    text-align: start !important;
    padding-left: 8px !important;
    padding-right: 24px !important; /* Leave space for clear button */
    vertical-align: top !important;
}

/* Override any Telerik default centering */
[b-d6fsz0zy49] .comment-input-wrapper .k-input-inner,
[b-d6fsz0zy49] .comment-input-wrapper input,
[b-d6fsz0zy49] .comment-input-wrapper .k-input,
[b-d6fsz0zy49] .comment-input-wrapper .k-textbox {
    text-align: left !important;
    text-align: start !important;
    padding-left: 8px !important;
    vertical-align: top !important;
}

/* Wrapper for comment input with clear button */
[b-d6fsz0zy49] .comment-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 450px;
    max-width: 600px;
}

/* Clear button for comment fields - smaller for compact layout */
[b-d6fsz0zy49] .comment-clear-btn-small {
    position: absolute;
    right: 4px;
    background: #ff6b6b;
    color: #fff;
    border: 1px solid #ff5252;
    border-radius: 3px;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 12px;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    z-index: 10;
}

[b-d6fsz0zy49] .comment-clear-btn-small:hover:not(:disabled) {
    background: #ff0000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    transform: scale(1.1);
}

[b-d6fsz0zy49] .comment-clear-btn-small:active:not(:disabled) {
    transform: scale(0.95);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

[b-d6fsz0zy49] .comment-clear-btn-small:disabled {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.5;
    transform: none;
}

/* Responsive adjustments */
@media (max-width: 1200px) { 
    [b-d6fsz0zy49] .stat-label { font-size: 12px; } 
    [b-d6fsz0zy49] .stat-value { min-width: 70px !important; max-width: 70px !important; font-size: 12px; } 
}

@media (max-width: 1600px) { 
    [b-d6fsz0zy49] .stats-pairs { flex-wrap: nowrap; } 
}

@media (max-width: 1100px) { 
    .assessment-stats-bar[b-d6fsz0zy49] { flex-direction: column; } 
    [b-d6fsz0zy49] .comments-container { 
        border-left: 0; 
        border-top: 1px solid #8B4513; 
        margin-left: 0; 
        padding-left: 8px; 
        flex-direction: column; 
    } 
}

@media (max-width: 900px) { 
    [b-d6fsz0zy49] .stats-pairs { flex-wrap: wrap; } 
}

/* Re-run CMA Confirmation Dialog Styles */
[b-d6fsz0zy49] .rerun-dialog-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}

[b-d6fsz0zy49] .rerun-dialog-content > div:first-child {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

[b-d6fsz0zy49] .dialog-icon {
    color: #3498db;
    flex-shrink: 0;
}

[b-d6fsz0zy49] .dialog-icon svg {
    width: 48px;
    height: 48px;
}

[b-d6fsz0zy49] .dialog-message {
    flex: 1;
}

[b-d6fsz0zy49] .dialog-message p {
    margin: 0 0 8px 0;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}

[b-d6fsz0zy49] .dialog-message p:last-child {
    margin-bottom: 0;
}

[b-d6fsz0zy49] .dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 0 0 0;
    border-top: 1px solid #e0e0e0;
    margin-top: 8px;
}
/* /Components/CMATab.razor.rz.scp.css */
/* Main Container */
.cma-container[b-6ysmtl13z1] {
    padding: 5px;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Grid Container */
.grid-container[b-6ysmtl13z1] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    padding: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 2px;
    margin-top: 2px;
    overflow-x: auto;
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    min-height: auto;
}

/* === CONSISTENT GRID HEADER STYLING (Copied from AlgorithmTab) === */
.glossy-blue-header th[b-6ysmtl13z1] {
    background: linear-gradient(to bottom, #6bb7f3, #1e73be);
    color: white;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 30px 30px 0 0;
    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.5);
    padding: 10px;
    text-align: left !important;
    vertical-align: middle;
    margin-right: 10px;
}
.glossy-blue-header th:first-child[b-6ysmtl13z1] { margin-left: 5px; }

/* Header container background */
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header { background-color: #f5f5f5; }

/* Ensure header link/text stays white */
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header th,
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header th .k-link { color: white; text-align: left !important; }

/* Content area background */
[b-6ysmtl13z1] .glossy-blue-header .k-grid-content { background-color: #ffffff; }

/* Cell styling */
[b-6ysmtl13z1] .glossy-blue-header td,
[b-6ysmtl13z1] .glossy-blue-header .k-grid-content td { padding: 1px 4px 1px 6px !important; border: 1px solid #e0e0e0; text-align: left !important; line-height: 1.2 !important; font-weight: 600 !important; }

/* Generic alignment enforcement */
[b-6ysmtl13z1] .k-grid th,
[b-6ysmtl13z1] .k-grid td,
[b-6ysmtl13z1] .k-grid-header th,
[b-6ysmtl13z1] .k-grid-content td,
[b-6ysmtl13z1] table.k-grid-table th,
[b-6ysmtl13z1] table.k-grid-table td { text-align: left !important; }

/* Zebra striping */
[b-6ysmtl13z1] .glossy-blue-header tr:nth-child(even) { background-color: #f9f9f9; }

/* Scrollbar */
[b-6ysmtl13z1] .glossy-blue-header .k-grid-content::-webkit-scrollbar { width: 10px; }
[b-6ysmtl13z1] .glossy-blue-header .k-grid-content::-webkit-scrollbar-thumb { background-color: #c1c1c1; border-radius: 5px; }
[b-6ysmtl13z1] .glossy-blue-header .k-grid-content::-webkit-scrollbar-track { background-color: #f1f1f1; }

/* Hide toolbar if rendered */
[b-6ysmtl13z1] .glossy-blue-header .k-grid-toolbar { display: none; border-top: none; margin-top: -1px; }

/* Column title and link alignment */
[b-6ysmtl13z1] .glossy-blue-header .k-header .k-link { text-align: left !important; justify-content: flex-start !important; }
[b-6ysmtl13z1] .glossy-blue-header .k-column-title { text-align: left !important; display: inline-block !important; width: 100% !important; }

/* === END CONSISTENT GRID HEADER STYLING === */

/* Auto-save Status */
.auto-save-status[b-6ysmtl13z1] { position: fixed; top: 20px; right: 20px; padding: 10px 20px; border-radius: 6px; color: white; font-weight: 500; font-size: 14px; z-index: 1000; animation: slideInRight-b-6ysmtl13z1 0.3s ease-out; }
.auto-save-status.success[b-6ysmtl13z1] { background: linear-gradient(145deg, #4caf50 0%, #388e3c 100%); }
.auto-save-status.error[b-6ysmtl13z1] { background: linear-gradient(145deg, #f44336 0%, #d32f2f 100%); }
.auto-save-status.saving[b-6ysmtl13z1] { background: linear-gradient(145deg, #ff9800 0%, #f57c00 100%);}

/* Loading Overlay */
.loading-overlay[b-6ysmtl13z1] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; }
.loading-spinner[b-6ysmtl13z1] { width: 50px; height: 50px; border: 4px solid #f3f3f3; border-top: 4px solid #667eea; border-radius: 50%; animation: spin-b-6ysmtl13z1 1s linear infinite; }

/* Animations */
@keyframes slideInRight-b-6ysmtl13z1 { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes spin-b-6ysmtl13z1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Utility Classes */
.text-center[b-6ysmtl13z1] { text-align: center; }
.font-weight-bold[b-6ysmtl13z1] { font-weight: bold; }
.text-primary[b-6ysmtl13z1] { color: #667eea; }
.text-success[b-6ysmtl13z1] { color: #4caf50; }
.text-danger[b-6ysmtl13z1] { color: #f44336; }
.text-warning[b-6ysmtl13z1] { color: #ff9800; }
.mb-2[b-6ysmtl13z1] { margin-bottom: 0.5rem; }
.mb-3[b-6ysmtl13z1] { margin-bottom: 1rem; }
.p-2[b-6ysmtl13z1] { padding: 0.5rem; }
.p-3[b-6ysmtl13z1] { padding: 1rem; }

/* Tax Assessment Analysis Section */
.assessment-analysis-section[b-6ysmtl13z1] { background: rgba(255, 255, 255, 0.95); border-radius: 8px; padding: 15px; margin-bottom: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-left: 4px solid #8B4513; }
.assessment-grid[b-6ysmtl13z1] { display: flex; flex-direction: column; gap: 10px; max-width: 700px; margin: 0; }
.assessment-row[b-6ysmtl13z1] { display: grid; grid-template-columns: repeat(2, minmax(250px, 320px)); gap: 15px; justify-content: flex-start; }
.assessment-row.single-item[b-6ysmtl13z1] { grid-template-columns: minmax(250px, 320px); justify-content: flex-start; }
.assessment-item[b-6ysmtl13z1] { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; border-radius: 6px; border: 2px solid #8B4513; background: linear-gradient(145deg, #f8f9fa 0%, #e9ecef 100%); transition: all 0.2s ease; min-width: 250px; max-width: 320px; }
.assessment-item:hover[b-6ysmtl13z1] { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.assessment-item label[b-6ysmtl13z1] { font-size: 11px; font-weight: 700; color: #8B4513; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; margin-right: 10px; flex-shrink: 0; }
.assessment-value[b-6ysmtl13z1] { font-size: 14px; font-weight: bold; color: #333; text-align: right; min-width: 80px; flex-shrink: 0; }
.assessment-item.current[b-6ysmtl13z1] { background: linear-gradient(145deg, #f0f0f0 0%, #e0e0e0 100%); border-color: #8B4513; }
.assessment-item.requested[b-6ysmtl13z1] { background: linear-gradient(145deg, #e8f5e8 0%, #d4f4d4 100%); border-color: #8B4513; }
.assessment-item.market[b-6ysmtl13z1] { background: linear-gradient(145deg, #e3f2fd 0%, #bbdefb 100%); border-color: #8B4513; }
.assessment-item.claimed[b-6ysmtl13z1] { background: linear-gradient(145deg, #f3e5f5 0%, #e1bee7 100%); border-color: #8B4513; }
.assessment-item.reduction[b-6ysmtl13z1] { background: linear-gradient(145deg, #fff3e0 0%, #ffe0b2 100%); border-color: #8B4513; }
.assessment-item.current label[b-6ysmtl13z1],
.assessment-item.requested label[b-6ysmtl13z1],
.assessment-item.market label[b-6ysmtl13z1],
.assessment-item.claimed label[b-6ysmtl13z1],
.assessment-item.reduction label[b-6ysmtl13z1] { color: #8B4513; }

/* Additional Fields Grid */
.additional-fields[b-6ysmtl13z1] { margin-bottom: 2px; background: rgba(255, 255, 255, 0.95); border-radius: 8px; padding: 15px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
.reduced-height[b-6ysmtl13z1] { max-height: 300px; }
.field-group[b-6ysmtl13z1] { display: flex; flex-direction: column; gap: 8px; }
.field-group label[b-6ysmtl13z1] { font-size: 12px; font-weight: 600; color: #333; text-transform: uppercase; margin-bottom: 3px; }
.input-field[b-6ysmtl13z1] { height: 38px !important; font-size: 13px !important; padding: 5px !important; }
.input-field.comment[b-6ysmtl13z1] { min-height: 38px !important; }
.input-field.assmv[b-6ysmtl13z1] { background: linear-gradient(145deg, #e3f2fd 0%, #bbdefb 100%); font-weight: bold; }
.input-field.tagged-field[b-6ysmtl13z1] { background: linear-gradient(145deg, #f3e5f5 0%, #e1bee7 100%); font-weight: bold; text-align: center; }

/* Carousel Container */
.carousel-container[b-6ysmtl13z1] { 
    display: flex; 
    background: rgba(255, 255, 255, 0.95); 
    border-radius: 12px; 
    padding: 6px; 
    margin-bottom: 2px; 
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 
    backdrop-filter: blur(10px); 
    border: 1px solid rgba(255, 255, 255, 0.2); 
    overflow: hidden;
    align-items: flex-start;
    gap: 0;  /* ✅ CHANGED: Remove gap to align flush with subject card */
}
.subject-stationary[b-6ysmtl13z1] { 
    flex-shrink: 0; 
    width: 280px;
    position: relative; 
    z-index: 5;
    background: rgba(255, 255, 255, 0.95);
}
.scroll-container[b-6ysmtl13z1] { 
    flex: 1;
    overflow: hidden;  /* ✅ CRITICAL: Clip cards outside viewport */
    position: relative; 
    z-index: 1;
    min-width: 0;
    display: flex;
    padding-left: 43px;  /* Additional separation between subject and comparable cards */
    /* ✅ NEW: Snap scrolling behavior to align with card boundaries */
    scroll-snap-type: x mandatory;
}
.comparables-container[b-6ysmtl13z1] { 
    display: flex; 
    gap: 6px; 
    will-change: transform; 
    position: relative; 
    z-index: 10;
    width: fit-content;
    min-width: 0;
    /* ✅ UPDATED: Smooth snap transitions to card boundaries */
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    /* ✅ NEW: Ensure cards stay locked to grid */
    backface-visibility: hidden;
}

/* ✅ NEW: Jump navigation animation - flash effect when jumping to beginning/end */
.comparables-container.jump-animating[b-6ysmtl13z1] {
    animation: carousel-jump-flash-b-6ysmtl13z1 0.6s ease-out;
}

@keyframes carousel-jump-flash-b-6ysmtl13z1 {
    0% {
        background: transparent;
        box-shadow: none;
    }
    20% {
        background: rgba(102, 126, 234, 0.3);
        box-shadow: 0 0 30px rgba(102, 126, 234, 0.6), inset 0 0 20px rgba(102, 126, 234, 0.2);
    }
    40% {
        background: rgba(255, 215, 0, 0.4);
        box-shadow: 0 0 40px rgba(255, 215, 0, 0.7), inset 0 0 25px rgba(255, 215, 0, 0.3);
    }
    60% {
        background: rgba(102, 126, 234, 0.2);
        box-shadow: 0 0 20px rgba(102, 126, 234, 0.4);
    }
    100% {
        background: transparent;
        box-shadow: none;
    }
}

/* ✅ NEW: Scroll container flash for visibility */
.scroll-container.jump-highlight[b-6ysmtl13z1] {
    animation: scroll-container-highlight-b-6ysmtl13z1 0.6s ease-out;
}

@keyframes scroll-container-highlight-b-6ysmtl13z1 {
    0% {
        border: 2px solid transparent;
    }
    30% {
        border: 3px solid #667eea;
        box-shadow: 0 0 20px rgba(102, 126, 234, 0.5);
    }
    60% {
        border: 3px solid #ffd700;
        box-shadow: 0 0 25px rgba(255, 215, 0, 0.6);
    }
    100% {
        border: 2px solid transparent;
        box-shadow: none;
    }
}

.comparable-card[b-6ysmtl13z1] { 
    flex-shrink: 0;
    width: 280px;
    position: relative;
    z-index: 10;
    /* ✅ NEW: Support snap-to-border alignment */
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

/* === CAROUSEL CONTROLS - ENHANCED FOR MOBILE === */
.carousel-controls[b-6ysmtl13z1] { 
    display: flex; 
    align-items: center; 
    justify-content: flex-start;
    gap: 12px;  /* ✅ INCREASED: More spacing between elements */
    margin-bottom: 2px; 
    margin-top: 2px;
    padding: 3px 6px; 
    background: linear-gradient(135deg, #f0f4f8 0%, #e6ecf0 100%);
    border-radius: 8px; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 2px solid #667eea;
    flex-wrap: nowrap;
}

.carousel-controls-header[b-6ysmtl13z1] {
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 2px solid #667eea;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.subject-selector[b-6ysmtl13z1] { 
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    min-width: 0;
}

.subject-selector label[b-6ysmtl13z1] {
    font-size: 8px;
    font-weight: bold;
    color: #333;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
}

.subject-dropdown[b-6ysmtl13z1] { 
    height: 26px !important; 
    font-size: 10px !important; 
    width: 320px !important;
    padding: 2px !important;
}

.tagged-field-container[b-6ysmtl13z1] { 
    display: flex; 
    flex-direction: row;
    align-items: center; 
    gap: 3px; 
    flex: 0 0 auto;
}

.tagged-field-container label[b-6ysmtl13z1] { 
    font-size: 8px; 
    font-weight: 600; 
    color: #333; 
    text-transform: uppercase; 
    white-space: nowrap;
    margin: 0;
    line-height: 1;
}

.tagged-carousel-field[b-6ysmtl13z1] { 
    height: 24px !important; 
    font-size: 10px !important; 
    font-weight: bold !important; 
    text-align: center !important; 
    background: linear-gradient(145deg, #fff3e0 0%, #ffe0b2 100%) !important; 
    border: 2px solid #ff9800 !important;
    width: 40px !important;
    padding: 1px !important;
}

/* Force bold text on the numeric textbox input inside */
:deep(.tagged-carousel-field input)[b-6ysmtl13z1] {
    font-weight: 900 !important;
    font-size: 10px !important;
}

:deep(.tagged-carousel-field .k-input)[b-6ysmtl13z1] {
    font-weight: 900 !important;
    font-size: 10px !important;
}

:deep(.tagged-carousel-field .k-numeric-wrap input)[b-6ysmtl13z1] {
    font-weight: 900 !important;
    font-size: 10px !important;
}

/* Show indicator - emphasized for mobile */
.showing-indicator[b-6ysmtl13z1] { 
    font-size: 10px; 
    font-weight: 600;
    color: #667eea; 
    white-space: nowrap; 
    flex: 0 0 auto;
    padding: 2px 4px;
    background: rgba(102, 126, 234, 0.1);
    border-radius: 3px;
    border: 1px solid #667eea;
    line-height: 1;
}

/* Carousel navigation buttons */
.carousel-nav-button[b-6ysmtl13z1] { 
    background: linear-gradient(145deg, #667eea 0%, #764ba2 100%); 
    border: none;
    color: white; 
    width: 44px; 
    height: 44px; 
    border-radius: 50%; 
    cursor: pointer; 
    font-size: 24px; 
    font-weight: bold; 
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    padding: 0;
    position: relative;
    min-width: 44px;
    min-height: 44px;
    outline: none;
    font-family: Arial, sans-serif;
}

/* Left arrow button */
.carousel-nav-button.carousel-nav-prev[b-6ysmtl13z1]::before {
    content: "‹";
    font-size: 38px;
    line-height: 1;
    display: block;
    margin-left: -3px;
    font-weight: 900;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Right arrow button */
.carousel-nav-button.carousel-nav-next[b-6ysmtl13z1]::before {
    content: "›";
    font-size: 38px;
    line-height: 1;
    display: block;
    margin-right: -3px;
    font-weight: 900;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.carousel-nav-button:hover:not(:disabled)[b-6ysmtl13z1] { 
    transform: scale(1.15) translateY(-2px); 
    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5), 
                inset 0 1px 0 rgba(255, 255, 255, 0.3),
                0 -2px 0 rgba(102, 126, 234, 0.3);
    background: linear-gradient(145deg, #764ba2 0%, #667eea 100%);
}

.carousel-nav-button:active:not(:disabled)[b-6ysmtl13z1] {
    transform: scale(1.1) translateY(0px);
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.4), 
                inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.carousel-nav-button:disabled[b-6ysmtl13z1] { 
    background: linear-gradient(145deg, #e0e0e0 0%, #d0d0d0 100%);
    cursor: not-allowed; 
    transform: none; 
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    opacity: 0.6;
}

/* Slider and pagination container - with buttons on sides */
.carousel-nav-buttons[b-6ysmtl13z1] { 
    display: flex; 
    align-items: center; 
    gap: 12px;
    padding: 0;
    background: transparent;
    border-radius: 0;
    height: auto;
}

/* --- Assessment Stats Bar (compact sample style) --- */
.assessment-stats-bar[b-6ysmtl13z1] { 
    background:#eee; 
    border-top:2px solid #8B4513; 
    border-bottom:2px solid #8B4513; 
    padding:2px 0 2px 0; 
    margin:2px 0 2px 0; 
    font-family:Arial, sans-serif; 
    display:flex; 
    flex-direction:row; 
    align-items:flex-start; 
}
.assessment-stats-row[b-6ysmtl13z1] { display:flex; align-items:flex-start; gap:14px; padding:0 4px; }
.assessment-stats-row + .assessment-stats-row[b-6ysmtl13z1] { margin-top:4px; }
.assessment-stats-bar .stat-label[b-6ysmtl13z1] { font-size:14px; font-weight:700; color:#643A36; border-radius:50px 0 0 50px; padding:4px 10px; white-space:nowrap; display:flex; align-items:center; }
.assessment-stats-bar .stat-value[b-6ysmtl13z1] { 
    background:#bbb; 
    min-width:80px !important; 
    max-width:80px !important;
    padding:2px 10px 2px 10px; 
    font-weight:700; 
    font-size:14px; 
    color:#111; 
    text-align:right; 
    border:1px solid #444; 
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4); 
    border-radius:0 50px 50px 0;
}
.assessment-stats-bar .stat-spacer[b-6ysmtl13z1] { flex:1 1 auto; }
@media (max-width:1200px){ .assessment-stats-bar .stat-label[b-6ysmtl13z1] { font-size:12px; } .assessment-stats-bar .stat-value[b-6ysmtl13z1] { min-width:70px !important; max-width:70px !important; font-size:12px; } }
@media (max-width:900px){ .assessment-stats-row[b-6ysmtl13z1] { flex-wrap:wrap; } .assessment-stats-bar .stat-spacer[b-6ysmtl13z1] { display:none; } }
 
/* --- Enhanced layout for vertical stat pairs + comments --- */
.assessment-stats-bar[b-6ysmtl13z1] { display:flex; flex-direction:row; align-items:flex-start; }
.assessment-stats-bar .stats-pairs[b-6ysmtl13z1] { display:flex; flex-direction:row; flex-wrap:nowrap; gap:4px; padding:2px 8px 4px 8px; align-items:center; }
.assessment-stats-bar .stat-pair[b-6ysmtl13z1] { display:flex; flex-direction:column; gap:2px; flex-shrink:0; }
.stat-pair.stat-pair-wide[b-6ysmtl13z1] {
    min-width: 160px;
    flex-basis: 30%;
    max-width: 260px;
}
.assessment-stats-bar .stat-pair .stat-label[b-6ysmtl13z1] { padding:0; }
.assessment-stats-bar .stat-pair .stat-value[b-6ysmtl13z1] { min-width:80px; }
.assessment-stats-bar .stat-pair:nth-child(4) .stat-value[b-6ysmtl13z1] { background: #ff8c00 !important; }
.assessment-stats-bar .comments-panel[b-6ysmtl13z1] { flex:1 1 auto; display:flex; flex-direction:row; gap:8px; padding:2px 12px 2px 25px; border-left:1px solid #8B4513; margin-left:18px; align-items:center; }
.assessment-stats-bar .comments-panel .comment-group[b-6ysmtl13z1] { display:flex; flex-direction:row; gap:3px; align-items:center; flex: 0.5; }
.assessment-stats-bar .comments-panel .comment-group label[b-6ysmtl13z1] { font-size:12px; font-weight:600; color:#643A36; margin:0; white-space:nowrap; }
.assessment-stats-bar .comments-panel .comment-text[b-6ysmtl13z1] { height:34px; flex: 0.5; }
@media (max-width:1600px){ .assessment-stats-bar .stats-pairs[b-6ysmtl13z1] { flex-wrap:nowrap; } }
@media (max-width:1100px){ .assessment-stats-bar[b-6ysmtl13z1] { flex-direction:column; } .assessment-stats-bar .comments-panel[b-6ysmtl13z1] { border-left:0; border-top:1px solid #8B4513; margin-left:0; padding-left:8px; flex-direction:column; } }
/* --- End enhanced layout --- */

/* === FIX: Apply glossy header inside isolated CSS using ::deep so Telerik internal markup is styled === */
:deep(.glossy-blue-header .k-grid-header .k-header)[b-6ysmtl13z1],
:deep(.glossy-blue-header .k-grid-header th)[b-6ysmtl13z1],
:deep(.glossy-blue-header .k-table-th)[b-6ysmtl13z1],
:deep(.glossy-blue-header th)[b-6ysmtl13z1] {
    background: linear-gradient(to bottom, #6bb7f3, #1e73be) !important;
    color: #fff !important;
    font-weight: bold !important;
    border: 1px solid #ccc !important;
    box-shadow: inset 0 1px 3px rgba(255,255,255,0.5) !important;
    padding: 4px 8px !important;
    text-align: left !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* Round first/last header cell */
:deep(.glossy-blue-header .k-grid-header th:first-child)[b-6ysmtl13z1],
:deep(.glossy-blue-header .k-table-th:first-child)[b-6ysmtl13z1] { border-top-left-radius:30px !important; }
:deep(.glossy-blue-header .k-grid-header th:last-child)[b-6ysmtl13z1],
:deep(.glossy-blue-header .k-table-th:last-child)[b-6ysmtl13z1] { border-top-right-radius:30px !important; }

/* Force header link text white */
:deep(.glossy-blue-header .k-grid-header th .k-link)[b-6ysmtl13z1],
:deep(.glossy-blue-header .k-grid-header th .k-column-title)[b-6ysmtl13z1] { color:#fff !important; justify-content:flex-start !important; }

/* Cells */
:deep(.glossy-blue-header .k-grid-content td)[b-6ysmtl13z1],
:deep(.glossy-blue-header td)[b-6ysmtl13z1] {
    padding:2px 8px 2px 12px !important;
    border:1px solid #e0e0e0 !important;
    text-align:left !important;
}

/* Alignment catch-all */
:deep(.glossy-blue-header .k-grid-header th)[b-6ysmtl13z1],
:deep(.glossy-blue-header .k-grid-content td)[b-6ysmtl13z1],
:deep(.glossy-blue-header .k-table-th)[b-6ysmtl13z1],
:deep(.glossy-blue-header .k-table-td)[b-6ysmtl13z1] { text-align:left !important; }

/* Striping */
:deep(.glossy-blue-header .k-grid-content tr:nth-child(even))[b-6ysmtl13z1] { background:#f9f9f9; }

/* Scrollbar */
:deep(.glossy-blue-header .k-grid-content::-webkit-scrollbar)[b-6ysmtl13z1] { width:10px; }
:deep(.glossy-blue-header .k-grid-content::-webkit-scrollbar-thumb)[b-6ysmtl13z1] { background:#c1c1c1; border-radius:5px; }
:deep(.glossy-blue-header .k-grid-content::-webkit-scrollbar-track)[b-6ysmtl13z1] { background:#f1f1f1; }

/* Hide toolbar */
:deep(.glossy-blue-header .k-grid-toolbar)[b-6ysmtl13z1] { display:none !important; }

/* END FIX */

/* === FINAL HIGH-SPECIFICITY HEADER OVERRIDES (appended) === */
/* Ensure BOTH CSS isolation piercing (::deep) and normal selectors (in case style gets moved global) */
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header .k-table-th,
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header th.k-table-th,
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header th.k-header,
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header .k-header,
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header .k-table-thead .k-table-row .k-table-th,
.glossy-blue-header .k-grid-header .k-table-th[b-6ysmtl13z1],
.glossy-blue-header .k-grid-header th.k-table-th[b-6ysmtl13z1],
.glossy-blue-header .k-grid-header th.k-header[b-6ysmtl13z1],
.glossy-blue-header .k-grid-header .k-header[b-6ysmtl13z1] {
    background: linear-gradient(to bottom, #6bb7f3, #1e73be) !important;
    color: #fff !important;
    font-weight: bold !important;
    border: 1px solid #ccc !important;
    box-shadow: inset 0 1px 3px rgba(255,255,255,0.5) !important;
    padding: 4px 8px !important;
    text-align: left !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* Header text / links */
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header .k-table-th .k-link,
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header .k-header .k-link,
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header .k-table-th .k-column-title,
.glossy-blue-header .k-grid-header .k-table-th .k-link[b-6ysmtl13z1],
.glossy-blue-header .k-grid-header .k-header .k-link[b-6ysmtl13z1] {
    color:#fff !important;
    justify-content:flex-start !important;
}

/* Corner rounding */
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header .k-table-th:first-child,
.glossy-blue-header .k-grid-header .k-table-th:first-child[b-6ysmtl13z1] { border-top-left-radius:30px !important; }
[b-6ysmtl13z1] .glossy-blue-header .k-grid-header .k-table-th:last-child,
.glossy-blue-header .k-grid-header .k-table-th:last-child[b-6ysmtl13z1] { border-top-right-radius:30px !important; }





/* === LOAD SAVED CMA DROPDOWN STYLING === */
.dropdown-label[b-6ysmtl13z1] {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;
    margin-bottom: 0 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.saved-cma-dropdown[b-6ysmtl13z1] {
    border: 2px solid #0072a8 !important;
    border-radius: 4px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    height: 42px !important;
    width: 650px !important;
    padding: 8px !important;
}

.loading-text[b-6ysmtl13z1] {
    font-size: 12px !important;
    color: #666 !important;
    font-style: italic !important;
    margin-left: 3px !important;
}

















/* /Components/Search/SearchResultsGrid.razor.rz.scp.css */
.grid-wrapper[b-mbzmw6e0go] {
    width: 100%;
    max-width: none;
    margin: 0;
    text-align: left;
}

.grid-container[b-mbzmw6e0go] {
    border-left: 4px solid #00BFFF;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    margin-top: 10px;
    height: auto;
    max-height: calc(100vh - 200px); /* Adjust this value based on header/footer size */
    overflow-y: auto; /* Add scroll if content exceeds max-height */
}

/* TELERIK GRID STYLING - Based on Telerik best practices */
/* Target the grid with custom class */
.glossy-blue-header[b-mbzmw6e0go] {
    font-size: 11px;
}

/* Grid header styling */
.glossy-blue-header .k-grid-header[b-mbzmw6e0go] {
    background: linear-gradient(to bottom, #6bb7f3, #1e73be) !important;
}

.glossy-blue-header .k-grid-header-table[b-mbzmw6e0go] {
    background: linear-gradient(to bottom, #6bb7f3, #1e73be) !important;
}

/* Header cells - Apply blue gradient to TH elements */
.glossy-blue-header .k-table-th[b-mbzmw6e0go] {
    background: linear-gradient(to bottom, #6bb7f3, #1e73be) !important;
    color: white !important;
    font-weight: bold !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding: 2px 6px !important;
    text-align: left !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    height: auto !important;
}

/* Header cells - also target k-header class used by Telerik */
.glossy-blue-header .k-header[b-mbzmw6e0go] {
    background: linear-gradient(to bottom, #6bb7f3, #1e73be) !important;
    color: white !important;
    font-weight: bold !important;
}

/* Round the first cell */
.glossy-blue-header .k-table-th:first-child[b-mbzmw6e0go] {
    border-top-left-radius: 20px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* Round the last cell */
.glossy-blue-header .k-table-th:last-child[b-mbzmw6e0go] {
    border-top-right-radius: 20px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* Ensure text in header is white */
.glossy-blue-header .k-table-th .k-link[b-mbzmw6e0go],
.glossy-blue-header .k-table-th .k-column-title[b-mbzmw6e0go],
.glossy-blue-header .k-header .k-link[b-mbzmw6e0go],
.glossy-blue-header .k-header .k-column-title[b-mbzmw6e0go] {
    color: white !important;
    text-align: left !important;
}

/* Data cells */
.glossy-blue-header .k-table-td[b-mbzmw6e0go] {
    padding: 0px !important;
    text-align: left !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 4px !important;
    vertical-align: middle !important;
    display: table-cell !important;
}

/* Row height */
.glossy-blue-header .k-table-row[b-mbzmw6e0go] {
    height: 4px !important;
    overflow: hidden !important;
    line-height: 4px !important;
}

/* Alternating row colors */
.glossy-blue-header .k-grid-content tbody tr:nth-child(even)[b-mbzmw6e0go] {
    background: #f9f9f9 !important;
}

/* View Details Button Container */
.view-details-container[b-mbzmw6e0go] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    gap: 10px;
    width: 100%;
}

.view-details-container.d-none[b-mbzmw6e0go] {
    display: none;
}

.view-details-button[b-mbzmw6e0go] {
    background-color: #28a745 !important;
    color: white !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

.view-details-button:hover:not(:disabled)[b-mbzmw6e0go] {
    background-color: #218838 !important;
}

.view-details-button:disabled[b-mbzmw6e0go] {
    opacity: 0.6 !important;
}

.d-none[b-mbzmw6e0go] {
    display: none !important;
}
/* /Components/SubjectCard.razor.rz.scp.css */
/* SubjectCard Component Styles */

/* ========== Editable Adjustment Input Styles ========== */

/* Base adjustment input styling */
.adj-input[b-5sqtui35ad] {
    height: 22px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-align: right !important;
    border-radius: 3px !important;
    transition: all 0.2s ease !important;
}

/* Style the inner input of the NumericTextBox */
[b-5sqtui35ad] .adj-input .k-input-inner,
[b-5sqtui35ad] .adj-input input {
    text-align: right !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 2px 4px !important;
}

/* Positive values - green */
[b-5sqtui35ad] .adj-input.positive .k-input-inner,
[b-5sqtui35ad] .adj-input.positive input {
    color: #28a745 !important;
}

/* Negative values - red */
[b-5sqtui35ad] .adj-input.negative .k-input-inner,
[b-5sqtui35ad] .adj-input.negative input {
    color: #dc3545 !important;
}

/* Manual override indicator - orange/yellow background */
.adj-overridden[b-5sqtui35ad] {
    position: relative;
}

[b-5sqtui35ad] .adj-input-overridden {
    background: linear-gradient(135deg, #fff3cd 0%, #ffe4b5 100%) !important;
    border: 2px solid #FFA500 !important;
}

[b-5sqtui35ad] .adj-input-overridden .k-input-inner,
[b-5sqtui35ad] .adj-input-overridden input {
    background: transparent !important;
    font-weight: 700 !important;
}

/* Override indicator badge */
.adj-overridden[b-5sqtui35ad]::after {
    content: "?";
    position: absolute;
    top: -4px;
    right: -4px;
    background: #FFA500;
    color: white;
    font-size: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Hover state for adjustment inputs */
[b-5sqtui35ad] .adj-input:hover {
    border-color: #667eea !important;
    box-shadow: 0 0 4px rgba(102, 126, 234, 0.3) !important;
}

/* Focus state for adjustment inputs */
[b-5sqtui35ad] .adj-input:focus-within {
    border-color: #667eea !important;
    box-shadow: 0 0 6px rgba(102, 126, 234, 0.5) !important;
    outline: none !important;
}

/* Disabled state */
[b-5sqtui35ad] .adj-input:disabled {
    background-color: #f5f5f5 !important;
    cursor: not-allowed !important;
}

/* Adjustment value container */
.adjustment-value[b-5sqtui35ad] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 70px;
    padding: 0 2px;
}

/* Total row adjustment styling */
.adjustment-value.total[b-5sqtui35ad] {
    font-weight: 700;
    font-size: 12px;
}

.adjustment-value.total span[b-5sqtui35ad] {
    color: #333;
}

/* Animation for value changes */
@keyframes value-changed-b-5sqtui35ad {
    0% { background-color: #fff3cd; }
    100% { background-color: transparent; }
}

.value-just-changed[b-5sqtui35ad] {
    animation: value-changed-b-5sqtui35ad 0.5s ease-out;
}

/* ========== Cancel Override Button Styles ========== */

/* Make adjustment-value container position relative and allow overflow for absolute button positioning */
.adjustment-value[b-5sqtui35ad] {
    position: relative;
    overflow: visible !important;
}

/* When overridden, allow extra space for the cancel button */
.adjustment-value.adj-overridden[b-5sqtui35ad] {
    overflow: visible !important;
}

/* Cancel override button - positioned at top-right corner outside the input */
.cancel-override-btn[b-5sqtui35ad] {
    position: absolute;
    right: -6px;
    top: -6px;
    background: #dc3545;
    color: #fff;
    border: 1px solid #c82333;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    transition: all 0.2s ease;
    z-index: 100;
}

.cancel-override-btn:hover[b-5sqtui35ad] {
    background: #c82333;
    transform: scale(1.2);
    box-shadow: 0 2px 6px rgba(220, 53, 69, 0.5);
}

.cancel-override-btn:active[b-5sqtui35ad] {
    transform: scale(0.95);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* ========== Property Field Override Styles ========== */

/* Editable field wrapper - allows positioning of cancel button */
.editable-field-wrapper[b-5sqtui35ad] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: visible;
}

/* Field wrapper when overridden */
.field-wrapper.field-overridden[b-5sqtui35ad] {
    position: relative;
    overflow: visible !important;
}

/* Input styling when overridden - orange/yellow background */
[b-5sqtui35ad] .input-overridden,
[b-5sqtui35ad] .input-overridden.k-textbox,
[b-5sqtui35ad] .input-overridden .k-input-inner {
    background: linear-gradient(135deg, #fff3cd 0%, #ffe4b5 100%) !important;
    border: 2px solid #FFA500 !important;
}

/* Cancel field override button - positioned at right side */
.cancel-field-override-btn[b-5sqtui35ad] {
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    background: #dc3545;
    color: #fff;
    border: 1px solid #c82333;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    transition: all 0.2s ease;
    z-index: 100;
}

.cancel-field-override-btn:hover[b-5sqtui35ad] {
    background: #c82333;
    transform: translateY(-50%) scale(1.2);
    box-shadow: 0 2px 6px rgba(220, 53, 69, 0.5);
}

.cancel-field-override-btn:active[b-5sqtui35ad] {
    transform: translateY(-50%) scale(0.95);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Animation for field value changes */
@keyframes field-changed-b-5sqtui35ad {
    0% { background-color: #fff3cd; }
    50% { background-color: #ffe4b5; }
    100% { background-color: transparent; }
}

.field-just-changed[b-5sqtui35ad] {
    animation: field-changed-b-5sqtui35ad 0.5s ease-out;
}

/* Editable field hover indicator */
.editable-field-wrapper:hover[b-5sqtui35ad]::before {
    content: "";
    position: absolute;
    left: -2px;
    top: -1px;
    right: -2px;
    bottom: -1px;
    border: 1px dashed #667eea;
    border-radius: 3px;
    pointer-events: none;
    opacity: 0.5;
}

/* /Components/Tabs.razor.rz.scp.css */
/* This file is intentionally empty - CSS is now in Tabs.razor inline <style> block */
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-tcgbcr4yzh] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-tcgbcr4yzh] {
    flex: 1;
}

/*.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}*/

.top-row[b-tcgbcr4yzh] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-tcgbcr4yzh]  a, .top-row[b-tcgbcr4yzh]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-tcgbcr4yzh]  a:hover, .top-row[b-tcgbcr4yzh]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-tcgbcr4yzh]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-tcgbcr4yzh] {
        justify-content: space-between;
    }

    .top-row[b-tcgbcr4yzh]  a, .top-row[b-tcgbcr4yzh]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-tcgbcr4yzh] {
        flex-direction: row;
    }

    .sidebar[b-tcgbcr4yzh] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-tcgbcr4yzh] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-tcgbcr4yzh]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-tcgbcr4yzh], article[b-tcgbcr4yzh] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-zoavis6rh3] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

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

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

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

    .nav-item[b-zoavis6rh3]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

/* ========== System Errors Log Card ========== */
[b-zoavis6rh3] .system-errors-section {
    margin-top: 96px;
    padding: 0 10px;
    cursor: pointer;
}

[b-zoavis6rh3] .system-errors-card {
    border-radius: 8px;
    border: 2px solid rgba(255, 23, 68, 0.55);
    background: linear-gradient(180deg, rgba(255, 23, 68, 0.18) 0%, rgba(255, 23, 68, 0.10) 100%);
    overflow: hidden;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 23, 68, 0.15);
}

[b-zoavis6rh3] .system-errors-card:hover {
    border-color: rgba(255, 23, 68, 0.8);
    box-shadow: 0 4px 14px rgba(255, 23, 68, 0.25);
    transform: translateY(-1px);
}

[b-zoavis6rh3] .system-errors-card.no-errors {
    border-color: rgba(76, 175, 80, 0.50);
    background: linear-gradient(180deg, rgba(76, 175, 80, 0.16) 0%, rgba(76, 175, 80, 0.08) 100%);
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.12);
}

[b-zoavis6rh3] .system-errors-card.no-errors:hover {
    border-color: rgba(76, 175, 80, 0.75);
    box-shadow: 0 4px 14px rgba(76, 175, 80, 0.20);
}

/* Header row inside the card */
[b-zoavis6rh3] .system-errors-header {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.07);
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

[b-zoavis6rh3] .system-errors-header-icon {
    color: #666 !important;
    font-size: 1rem !important;
}

[b-zoavis6rh3] .system-errors-title {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #555;
    flex: 1;
}

/* Body row � error count */
[b-zoavis6rh3] .system-errors-body {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
}

[b-zoavis6rh3] .system-errors-count {
    font-size: 1.25rem;
    font-weight: 800;
    color: #ff1744;
    line-height: 1;
}

[b-zoavis6rh3] .system-errors-count.no-errors {
    color: #4caf50;
}

[b-zoavis6rh3] .system-errors-label {
    font-size: 0.82rem;
    font-weight: 500;
    color: #ff1744;
    opacity: 0.85;
    text-decoration: underline;
    text-decoration-color: rgba(255, 23, 68, 0.4);
    text-underline-offset: 3px;
}

[b-zoavis6rh3] .system-errors-label.no-errors {
    color: #4caf50;
    text-decoration-color: rgba(76, 175, 80, 0.4);
}

[b-zoavis6rh3] .system-errors-card:hover .system-errors-label {
    text-decoration-color: currentColor;
}

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

    .collapse[b-zoavis6rh3] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-zoavis6rh3] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}