/* ════════════════════════════════════════════════════════════════════════════
   ATLAS V6 — Track-2 LEFT NAVIGATION RAIL polish   (css/v6-t2-nav.css)
   Dated 2026-06-29 · author: design-engineer (rail surface only)
   ────────────────────────────────────────────────────────────────────────────
   Surface: the dark 286px command rail (.sidebar#rail) — brand lockup, org
   switcher, group headings, nav items, and the bottom context/identity/clock
   footer. EXTENDS (never rewrites) css/v6-nav.css + the launch-morning block in
   css/v6-enterprise.css. Additive, visual-only. No index.html / JS edits.

   Loads AFTER every v6-* + bundle sheet and IMMEDIATELY BEFORE css/v6-lock.css,
   so single/low specificity wins over the base v6 rules. `!important` is used
   ONLY where a base rule already shipped `!important` (bundle-base / jarvis /
   v6-enterprise / v7-tools) OR to out-rank the chrome lock in v6-lock.css — each
   such case is flagged inline. ID selectors are used for the foot zone (clock /
   identity) because the base sizing there is `!important`; an id (1,0,0) +
   `!important` beats every class-level `!important` deterministically.

   Locked system (atlas-dashboard.md / fleet brief): ONE theme — dark rail over a
   cream surface; ONE accent, gold --gold #c18a25 (a slightly lifted #d7a13a is
   the established on-dark gold for icons/letterforms). Zero cyan/neon. No theme
   toggle. Type floor ≥11px. Width stays 286px; the dark gradient rail is kept.
   Routing classes/ids (.rail-item · .v6-nav-item · data-dept · #nav-notif-count)
   and every voice id are untouched. Nothing here adds rail height — the bottom
   stack is tightened — so the 1920×1080 no-scroll frame is preserved and the
   .sidebar-nav scroll region is left intact.
   ════════════════════════════════════════════════════════════════════════════ */


/* ── 1. BRAND LOCKUP ─────────────────────────────────────────────────────────
   DEFECT: the mark gradient was teal→blue→gold (linear-gradient(145deg,#0e8d84,
   #284f94,#d6a340)) which fought the single-gold system; v6-lock then flattened
   it to a solid gold tile. Recompose as a refined "gold-on-dark" monogram seal —
   a deep graphite tile with a gold letterform + a thin gold hairline. This reads
   premium, anchors on --gold, and (being dark, not solid gold) does NOT compete
   with the gold "Ask Atlas" CTA or the gold switcher tile. Keeps the 46px lockup.
   v6-lock targets `#sb-icon:not(.has-brand-logo)` (spec 1,1,0 !important) and
   loads after us → we must exceed it: `.v6-brand #sb-icon` = 1,2,0 !important.
   `:not(.has-brand-logo)` is preserved so a real tenant logo image still wins. */
.v6-brand #sb-icon:not(.has-brand-logo) {
  background: linear-gradient(155deg, #28323e 0%, #161d26 100%) !important;
  border: 1px solid rgba(193, 138, 37, .42) !important;
  border-radius: 10px !important;
  color: #e3b65f !important;                       /* gold glyph */
  font: 800 19px/1 var(--font-display, "Aptos Display", Inter, system-ui) !important;
  letter-spacing: .01em !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    inset 0 0 0 1px rgba(255, 255, 255, .02),
    0 6px 16px rgba(0, 0, 0, .30) !important;       /* kills the V5 cyan glow */
}

/* Wordmark + subtitle hierarchy: dominant tracked "ATLAS" over a small tracked
   org eyebrow (data-bound — never hardcoded). */
.v6-brand-text h1 {
  font-size: 20px;
  font-weight: 750;
  letter-spacing: .15em;
  color: #f4f7fb;
  line-height: 1.05;
}
#sb-org {
  display: block;
  margin-top: 3px;
  font-size: 11px;                                  /* ≥11px floor */
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #93a1b1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.v6-brand { margin-bottom: 16px; align-items: center; }


/* ── 2. ORG / WORKSPACE SWITCHER ─────────────────────────────────────────────
   DEFECT: read as a loud block (the baseline solid-gold pill; the live v7-tools
   container is already a calm dark wash but the gold tile + caret needed
   refinement). Make it a quiet, premium switcher: softer surface, a warm hover +
   focus affordance (the "selected/interactive" cue), a refined gold monogram
   tile with an inner highlight, and a small muted caret. v7-tools styles the
   container with `!important` (loads before us) → match its `.org-switcher.v7-ws`
   spec (0,2,0) + `!important`; the tile/name/caret are NOT `!important` there, so
   plain later rules win. */
.org-switcher.v7-ws {
  margin: 8px 2px 4px !important;
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  transition: background .15s ease, border-color .15s ease;
}
.org-switcher.v7-ws:hover {
  background: rgba(255, 255, 255, .07) !important;
  border-color: rgba(193, 138, 37, .5) !important;
}
.org-switcher.v7-ws:focus-visible {
  outline: 2px solid var(--gold, #c18a25);
  outline-offset: 2px;
}
.org-switcher.v7-ws .v7-ws-tile {
  background: linear-gradient(150deg, #d9a945 0%, #b9831c 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28);   /* refined sheen, not flat */
  color: #1b1205;
}
.org-switcher.v7-ws .v7-ws-name {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .015em;
  color: #e7eef6;
}
.org-switcher.v7-ws .v7-ws-arrow {
  font-size: 9px;
  color: #8e9bab;
  transition: transform .18s ease, color .15s ease;
}
.org-switcher.v7-ws:hover .v7-ws-arrow { color: #b9c8d4; }


/* ── 3. GROUP HEADINGS (FAVORITES / COMMAND / REVENUE / PLATFORM) ─────────────
   DEFECT: rhythm/tracking drift between groups. Lock one consistent eyebrow
   treatment + even spacing above every group. (v6-enterprise set these to 12px;
   we keep ≥11px and unify tracking/colour/margins.) The FAVORITES gold-star tint
   from v7-tools is intentionally left in place as the single accent — the
   geometry below applies to it equally, so all four read on the same grid. */
.sidebar-nav .v6-nav-heading {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: #8e9bab;
  margin: 2px 6px 7px;
}
.v6-nav-group { margin: 0 0 15px; }


/* ── 4. NAV ITEMS — calm rest, crisp active ──────────────────────────────────
   DEFECT: every row shouted (label weight 750, full-white #edf4fb), and hover
   carried a gold inset bar identical to the active cue, so the active item never
   read crisp. Fix: calm the REST state (lighter weight + a softer light), make
   HOVER a clean neutral wash with NO gold bar, and reserve a crisp gold left bar
   + a fading gold wash for ACTIVE only. v6-enterprise (loads before us) sets the
   hover/active with `!important` at 0,3,0 / 0,4,0 — matched below with equal
   spec + `!important` (later load wins). Icon colours from v6-enterprise (rest
   #9fb0bf · hover #edf4fb · active #d7a13a) are already correct and left as-is.
   Hover changes background/box-shadow only (no size/border/padding shift). */
.sidebar-nav .v6-nav-item {
  min-height: 36px;                                 /* calm premium row (34–42) */
  transition: background .15s ease, box-shadow .15s ease, color .15s ease;
}
.sidebar-nav .v6-nav-item .v6-nav-label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .005em;
  color: #c4ced9;                                   /* calmer than full white */
}
.sidebar-nav .v6-nav-item:hover .v6-nav-label { color: #eef4fb; }

/* HOVER — neutral wash, no gold (gold is the active-only signal). */
.sidebar-nav .v6-nav-item:hover {
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: none !important;                      /* drops v6-enterprise gold inset */
}

/* ACTIVE — crisp 3px gold rule + a fading gold wash; warm near-white label.
   `[data-theme]` prefix matches v6-enterprise's 0,4,0 branch so this wins. */
[data-theme] .sidebar-nav .v6-nav-item.active,
.sidebar-nav .v6-nav-item.active {
  background: linear-gradient(90deg, rgba(193, 138, 37, .16) 0%, rgba(193, 138, 37, .02) 70%) !important;
  box-shadow: inset 3px 0 0 #c18a25 !important;
}
.sidebar-nav .v6-nav-item.active .v6-nav-label {
  color: #fbf3e3 !important;
  font-weight: 650;
}


/* ── 5. CONTEXT CARD (.v6-side-card) ─────────────────────────────────────────
   DEFECT: read as a slightly loud raised tile. Recede it into a calm tenant-
   context chip — softer surface, a single hairline, tightened type. Org name is
   data-bound (multi-tenant safe); we only style it. */
.v6-side-card {
  margin: 0 0 8px;
  padding: 11px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .08);
}
.v6-side-card strong {
  font-size: 13px;
  font-weight: 600;
  color: #e9eef4;
  margin-bottom: 4px;
}
.v6-side-card span {
  font-size: 12px;
  line-height: 1.5;
  color: #93a1b1;
}


/* ── 6. BOTTOM FOOTER — identity chip · status · clock ───────────────────────
   DEFECT: micro-typography (name 10px, role 8px, pill 7px), a cyan-tinted avatar
   + cyan pill border (the stale --accent-rgb), a glowing status dot, and an
   OVERSIZED loud gold clock (28px) dominating the rail base. Rebuild the stack as
   a calm, legible, premium footer: legible identity, a quiet gold-system avatar,
   a calm status line, and a SECONDARY (small, muted-gold) clock. Foot-zone base
   sizing is `!important`, so ID selectors (1,0,0) + `!important` are used to win
   cleanly over every class-level `!important` (incl. v6-lock's clock colour). */

/* Calm hairline above the footer (was a cyan line from bundle-layout). */
[data-theme] .sidebar-foot {
  border-top: 1px solid rgba(255, 255, 255, .07) !important;
  padding: 8px 8px 8px;
}

/* Identity chip + hover/focus. */
#identity-chip {
  border-radius: 9px;
  padding: 6px 8px !important;                       /* matches bundle-base !important */
  transition: background .15s ease;
}
#identity-chip:hover { background: rgba(255, 255, 255, .05); }
#identity-chip:focus-visible { outline: 2px solid var(--gold, #c18a25); outline-offset: 2px; }

/* Avatar — recast off the stale cyan onto the gold system (graphite tile, gold
   ring, gold initial). `:not(.has-photo)` so a real headshot still wins. */
#ic-avatar:not(.has-photo) {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: linear-gradient(150deg, #28323e 0%, #171e27 100%) !important;
  border: 1px solid rgba(193, 138, 37, .45) !important;
  color: #e3b65f !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;                       /* drops V5 cyan glow */
}

/* Name + role — lifted to a legible, executive scale. */
#ic-name {
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: .01em !important;
  color: #f1f5fa !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ic-org {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  color: #9aa7b5 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ADMIN ACCESS pill — quiet gold-tint outline chip (was 7px, cyan-bordered). */
#identity-chip .sb-user-pill {
  font-size: 11px !important;                        /* ≥11px floor */
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  padding: 2px 8px !important;
  border-radius: 999px;
  color: rgba(216, 182, 95, .92);
  background: rgba(193, 138, 37, .10);
  border: 1px solid rgba(193, 138, 37, .40);
  white-space: nowrap;
}

/* System status — calm green, no glow; drop the noisy diagnostic meta line. */
#sb-h-dot {
  width: 7px !important;
  height: 7px !important;
  background: var(--good, #2e8b57) !important;
  box-shadow: none !important;                       /* was a green glow */
}
#sb-h-val {
  font-size: 11px !important;
  letter-spacing: .14em !important;
  color: #5cb98a !important;                         /* lifted good-green, legible on dark */
}
#sb-h-meta { display: none !important; }             /* "n8n · atlas · live" — tertiary noise */

/* Clock — demoted to a SECONDARY, muted-gold footer timestamp.
   Time 28px→15px; seconds dropped for calm; AM/PM + weekday small + muted. */
#clock-time {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  color: rgba(193, 138, 37, .82) !important;         /* muted --gold (beats v6-lock gold) */
  text-shadow: none !important;
}
#clock-ampm {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: rgba(193, 138, 37, .58) !important;
}
#clock-sec { display: none !important; }             /* drop ticking seconds — calmer */
#clock-date-dow {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
  color: #8e9bab !important;
}
#clock-date-day {
  font-size: 11px !important;
  color: #8e9bab !important;
}
.sb-clock { padding: 5px 2px 2px; }


/* ── 7. REDUCED MOTION ───────────────────────────────────────────────────────
   Gate the transitions this sheet introduces. */
@media (prefers-reduced-motion: reduce) {
  .sidebar-nav .v6-nav-item,
  .org-switcher.v7-ws,
  .org-switcher.v7-ws .v7-ws-arrow,
  #identity-chip { transition: none !important; }
}