/* Earth-tone chrome ΓÇö gate + folder tabs. Trip-status blues stay on ops chips.
   Loaded last so it wins over Harbor slate and injected SSO gate styles. */

html body .nscc-auth-gate {
    color: #3f3426 !important;
}
/* .signin gates own their background now (assets/nscc-signin-backgrounds.css);
   this stays as the fallback for any gate instance that isn't using it. */
html body .nscc-auth-gate:not(.signin) {
    background: radial-gradient(circle at 50% 38%, #f7eedc 0%, #c9a66b 62%, #8a6d3b 100%) !important;
}
html body .nscc-auth-card {
    background: #faf6ee !important;
    border: 2px solid #3f3426 !important;
    box-shadow: 0 20px 40px rgba(63, 52, 38, 0.22) !important;
}
html body .nscc-auth-logo {
    filter: drop-shadow(0 0 12px rgba(74, 92, 50, 0.35)) !important;
}
html body .nscc-auth-title {
    background: linear-gradient(135deg, #3f3426, #4a5c32) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}
html body .nscc-auth-subtitle,
html body .nscc-auth-status,
html body .nscc-auth-ms-hint {
    color: #6e5843 !important;
}

/* Top brand bar rides the active rung's banner tokens (see shared-tokens.css) */
.nscc-chrome-brand-row {
    background: var(--banner-bg, var(--bg-card, #faf6ee)) !important;
    border-bottom: 2px solid #000000 !important;
    color: var(--banner-fg, 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(--banner-fg, var(--chrome-folder-ink, #3f3426)) !important;
}
.nscc-chrome-brand-sub {
    color: var(--banner-muted, var(--chrome-folder-label, #6e5843)) !important;
}

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