/* ═══ ETERNALOTP — a2-global.css ═══
   Site-wide chrome: custom scrollbar + dashboard timezone strip.
   Load LAST on every app page. */

/* ── custom scrollbar, site-wide (Father 2026-09-20): slim violet overlay thumb, no track — replaces the 09-17 hide-default order ── */

/* ── timezone clocks (dashboard topbar — right side, in line with the date line, above the topbar rule) ── */
.topbar__tz{ display:flex; align-items:baseline; gap:20px; margin-left:auto; }
.tz{ display:inline-flex; align-items:baseline; gap:7px; }
.tz__label{ font:600 9px "Outfit", system-ui, sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--text-faint); }
.tz__time{ font:600 12.5px "Geist Mono", monospace; font-variant-numeric:tabular-nums; color:var(--text-dim); }
/* ── no scrollbars, site-wide (Father 2026-09-20): hidden everywhere ── */
html, body{ scrollbar-width:none; -ms-overflow-style:none; }
html::-webkit-scrollbar, body::-webkit-scrollbar{ width:0; height:0; display:none; }
*, *::before, *::after{ scrollbar-width:none; -ms-overflow-style:none; }
*::-webkit-scrollbar{ width:0; height:0; display:none; }
*::-webkit-scrollbar-button{ display:none; height:0; width:0; }
*::-webkit-scrollbar-corner{ background:transparent; }
* ═══ ETERNALOTP — a2-global.css ═══
   Site-wide chrome: custom scrollbar + dashboard timezone strip.
   Load LAST on every app page. */

/* ── custom scrollbar, site-wide (Father 2026-09-20): slim violet overlay thumb, no track — replaces the 09-17 hide-default order ── */

/* ── timezone clocks (dashboard topbar — right side, in line with the date line, above the topbar rule) ── */
.topbar__tz{ display:flex; align-items:baseline; gap:20px; margin-left:auto; }
.tz{ display:inline-flex; align-items:baseline; gap:7px; }
.tz__label{ font:600 9px "Outfit", system-ui, sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--text-faint); }
.tz__time{ font:600 12.5px "Geist Mono", monospace; font-variant-numeric:tabular-nums; color:var(--text-dim); }
/* ── no scrollbars, site-wide (Father 2026-09-20): hidden everywhere ── */
html, body{ scrollbar-width:none; -ms-overflow-style:none; }
html::-webkit-scrollbar, body::-webkit-scrollbar{ width:0; height:0; display:none; }
*, *::before, *::after{ scrollbar-width:none; -ms-overflow-style:none; }
*::-webkit-scrollbar{ width:0; height:0; display:none; }
*::-webkit-scrollbar-button{ display:none; height:0; width:0; }
*::-webkit-scrollbar-corner{ background:transparent; }

/* ── Gemini spec 7: sidebar unification ── */
.rail{ display:flex; flex-direction:column; gap:2px; }
.rail__item{ display:flex; align-items:center; gap:10px; height:36px; min-height:36px; padding:0 12px; border-radius:8px; border-left:2px solid transparent;
  color:rgba(255,255,255,0.55); font:500 13px/1 var(--font-sans,"Outfit",system-ui,sans-serif); cursor:pointer; transition:all 0.15s ease; box-sizing:border-box; }
.rail__item svg{ width:16px; height:16px; opacity:0.7; }
.rail__item:hover{ background:rgba(255,255,255,0.04); color:rgba(255,255,255,0.9); }
.rail__item:hover svg{ opacity:1; }
.rail__item[aria-current="page"]{ background:rgba(168,85,247,0.10); border-left-color:#a855f7; color:#fff; box-shadow:none; }
.rail__item[aria-current="page"] svg{ opacity:1; }
.rail__item[aria-disabled="true"]{ color:rgba(255,255,255,0.25); cursor:not-allowed; pointer-events:auto; }
.rail__item[aria-disabled="true"]:hover{ background:transparent; color:rgba(255,255,255,0.35); }
.rail__item[aria-disabled="true"] svg{ opacity:0.45; }
.rail__lock{ margin-left:auto; font:600 10px/1 "Geist Mono",monospace; letter-spacing:0.05em; color:rgba(255,255,255,0.2); display:flex; align-items:center; gap:4px; }
.rail__item[aria-disabled="true"] .rail__lock::before{ content:none; }
.rail__group-label{ font:600 10px/1 "Geist Mono",monospace; letter-spacing:0.1em; text-transform:uppercase; color:rgba(255,255,255,0.28); padding:20px 12px 6px; }
.rail__item .txt{ flex:1; }