/* Earth-tone application chrome and folder tabs. Trip-status blues stay on ops chips.
   The OAuth gate owns its current neutral white/slate theme in nscc-sso.js. */

/* Top brand bar matches the cream strip beside the ticker */
.nscc-chrome-brand-row {
    background: var(--bg-card, #faf6ee) !important;
    border-bottom: 2px solid #000000 !important;
    color: var(--chrome-folder-ink, #3f3426) !important;
}
.nscc-chrome-brand-name,
.nscc-chrome-brand-row .user-name,
.nscc-chrome-brand-row .user-role,
.nscc-chrome-brand-row .header-sign-out-link,
#nscc-header-sign-out {
    position: relative;
    z-index: 4;
    pointer-events: auto !important;
    cursor: pointer;
}
.nscc-chrome-brand-row .nscc-header-clock,
.nscc-chrome-brand-row .nscc-header-clock-sub {
    color: var(--chrome-folder-ink, #3f3426) !important;
}
.nscc-chrome-brand-sub {
    color: var(--chrome-folder-label, #6e5843) !important;
}

#nscc-chrome-folder-tabs .sage-erp-tab-btn,
#nscc-chrome-folder-tabs .sub-nav-btn,
.nscc-tab-groups .sage-erp-tab-btn,
.nscc-tab-groups .sub-nav-btn,
#live-ops-header .sage-erp-tab-btn,
#planner-header .sage-erp-tab-btn,
#support-header .sage-erp-tab-btn {
    background: linear-gradient(180deg, var(--chrome-folder, #f0e0c4) 0%, var(--chrome-folder-deep, #c9a66b) 100%) !important;
    color: var(--chrome-folder-ink, #3f3426) !important;
}
#nscc-chrome-folder-tabs .sage-erp-tab-btn:hover,
#nscc-chrome-folder-tabs .sub-nav-btn:hover,
.nscc-tab-groups .sage-erp-tab-btn:hover,
.nscc-tab-groups .sub-nav-btn:hover,
#live-ops-header .sage-erp-tab-btn:hover,
#planner-header .sage-erp-tab-btn:hover {
    background: linear-gradient(180deg, #f7eedc 0%, #e0c48a 100%) !important;
    color: var(--chrome-folder-ink, #3f3426) !important;
}
#nscc-chrome-folder-tabs .sage-erp-tab-btn.active,
#nscc-chrome-folder-tabs .sage-erp-tab-btn[aria-selected="true"],
#nscc-chrome-folder-tabs .sub-nav-btn.active,
#nscc-chrome-folder-tabs .sub-nav-btn[aria-selected="true"],
.nscc-tab-groups .sage-erp-tab-btn.active,
.nscc-tab-groups .sage-erp-tab-btn[aria-selected="true"],
.nscc-tab-groups .sub-nav-btn.active,
#live-ops-header .sage-erp-tab-btn.active,
#planner-header .sage-erp-tab-btn.active {
    background: var(--chrome-folder-active, #4a5c32) !important;
    color: #f7f1e4 !important;
}