/* ═════════════════════════════════════════════════════════════════
   eras.css — step 3 of the redesign: the interface ages with your bank
   html[data-era] is set by eras.js. 1995 is the default look (shell.css
   + apps.css, nothing to override). The three modern eras share one
   flat structure (html.modern) and differ by tokens:
     2005  Executive Suite — XP-era blue & beige, glossy, rounded
     2015  Platform        — flat white, data-first, one blue accent
     2025  Sejr            — dark cockpit, soft radii, periwinkle accent
   ═════════════════════════════════════════════════════════════════ */

/* ── tokens ── */
html[data-era="2005"]{
  --f-ui:Tahoma,Verdana,'Segoe UI',sans-serif; --f-num:'Trebuchet MS',Tahoma,sans-serif; --f-brand:'Trebuchet MS',Tahoma,sans-serif;
  --c-desk:#3a6ea5; --c-chrome:#ece9d8; --c-chrome-dk:#aca899; --c-edge:#7f9db9; --c-paper:#ffffff;
  --c-ink:#10223a; --c-ink-2:#4a5a70; --c-track:#dfe6f0;
  --c-navy:#1f4fa8; --c-navy-2:#2c62c4; --c-gold:#f0a33a;
  --c-ok:#1f7a2c; --c-warn:#a05a00; --c-bad:#b3261e;
  --desk-bg:linear-gradient(180deg,#5a8ed0 0%,#3a6ea5 55%,#2d5a8c 100%);
  --bd:#7f9db9; --bd-soft:#d4dbe6; --r-card:7px; --r-btn:4px;
  --shadow-card:0 2px 6px rgba(0,20,60,.25); --shadow-soft:0 1px 2px rgba(0,20,60,.12);
  --bar-bg:linear-gradient(180deg,#3a74d4 0%,#1f4fa8 55%,#1a4494 100%); --bar-fg:#ffffff; --bar-rule:3px solid #f0a33a;
  --chip-bg:rgba(255,255,255,.18);
  --head-bg:linear-gradient(180deg,#eef3fb,#d7e4f5); --zebra:#f6f8fc; --hover:#e3ecf9;
  --btn-bg:linear-gradient(180deg,#ffffff,#ece9d8); --btn-fg:#10223a; --btn-bd:#7f9db9;
  --pri-bg:linear-gradient(180deg,#3a74d4,#1f4fa8); --pri-fg:#ffffff; --pri-bd:#163a7c;
  --rail-on-bg:linear-gradient(180deg,#3a74d4,#1f4fa8); --rail-on-fg:#fff;
  --tab-bg:rgba(255,255,255,.22); --task-bg:linear-gradient(180deg,#3a74d4 0%,#245ab8 50%,#1f4fa8 100%); --task-fg:#fff;
  --scroll:#9fb3cf;
}
html[data-era="2015"]{
  --f-ui:'Source Sans 3','Segoe UI',Helvetica,Arial,sans-serif; --f-num:'Source Sans 3','Segoe UI',Arial,sans-serif; --f-brand:'Source Sans 3','Segoe UI',sans-serif;
  --c-desk:#eef1f4; --c-chrome:#f5f7f9; --c-chrome-dk:#c9d1d9; --c-edge:#c3cad2; --c-paper:#ffffff;
  --c-ink:#1b2733; --c-ink-2:#556371; --c-track:#e3e7eb;
  --c-navy:#0063b1; --c-navy-2:#1a7ad0; --c-gold:#f2b705;
  --c-ok:#2e7d32; --c-warn:#b25f00; --c-bad:#c0392b;
  --desk-bg:#eef1f4;
  --bd:#d5dbe1; --bd-soft:#e8ecf0; --r-card:3px; --r-btn:2px;
  --shadow-card:none; --shadow-soft:none;
  --bar-bg:#ffffff; --bar-fg:#1b2733; --bar-rule:1px solid #d5dbe1;
  --chip-bg:#eef1f4;
  --head-bg:#ffffff; --zebra:#fafbfc; --hover:#eef5fc;
  --btn-bg:#ffffff; --btn-fg:#0063b1; --btn-bd:#0063b1;
  --pri-bg:#0063b1; --pri-fg:#ffffff; --pri-bd:#0063b1;
  --rail-on-bg:#e6f0fa; --rail-on-fg:#0063b1;
  --tab-bg:transparent; --task-bg:#ffffff; --task-fg:#1b2733;
  --scroll:#c3cad2;
}
html[data-era="2025"]{
  color-scheme:dark;
  --f-ui:'DM Sans','Segoe UI',system-ui,sans-serif; --f-num:'Space Grotesk','DM Sans',sans-serif; --f-brand:'Space Grotesk','DM Sans',sans-serif;
  --c-desk:#0b0d11; --c-chrome:#12151b; --c-chrome-dk:#2a2f39; --c-edge:#2a2f39; --c-paper:#171a21;
  --c-ink:#e7e9ee; --c-ink-2:#a3a9b6; --c-track:#262b35;
  --c-navy:#7c9cff; --c-navy-2:#9bb3ff; --c-gold:#ffb46b;
  --c-ok:#5fd38a; --c-warn:#ffb46b; --c-bad:#ff6b6b;
  --desk-bg:radial-gradient(1200px 700px at 70% -10%,#1a2033 0%,#0b0d11 60%);
  --bd:#262b35; --bd-soft:#20242d; --r-card:14px; --r-btn:10px;
  --shadow-card:0 8px 30px rgba(0,0,0,.35); --shadow-soft:none;
  --bar-bg:#0f1115; --bar-fg:#e7e9ee; --bar-rule:1px solid #262b35;
  --chip-bg:#1f2430;
  --head-bg:#171a21; --zebra:#1a1d25; --hover:#1f2533;
  --btn-bg:transparent; --btn-fg:#e7e9ee; --btn-bd:#3a4150;
  --pri-bg:#7c9cff; --pri-fg:#0b0d11; --pri-bd:#7c9cff;
  --rail-on-bg:#1f2640; --rail-on-fg:#c9d6ff;
  --tab-bg:transparent; --task-bg:#0f1115; --task-fg:#e7e9ee;
  --scroll:#2f3542;
  /* the old Win95 variables some rules still read */
  --face:#12151b; --face-dk:#2a2f39; --face-lt:#2a2f39; --shadow:#000;
}
html[data-era="2005"], html[data-era="2015"]{ --face:var(--c-chrome); --face-dk:var(--c-chrome-dk); --face-lt:#fff; --shadow:var(--c-edge); }
html.modern{ --pos:var(--c-ok); --neg:var(--c-bad); --warn:var(--c-warn); --sel:var(--c-navy); --title-a:var(--c-navy); --title-b:var(--c-navy-2); }

/* ══════════ shared modern structure ══════════ */
html.modern body{ background:var(--c-desk); }
html.modern #desktop{ background:var(--desk-bg); font-family:var(--f-ui); }
html.modern #crt{ display:none; }                                      /* scanlines belong to 1995 */
html.modern .v-val, html.modern .kpi-box .v, html.modern table.grid td.r, html.modern #tb-date,
html.modern .dc-due, html.modern .ws-badge{ font-variant-numeric:tabular-nums; }

/* frames */
html.modern #hud, html.modern #rail, html.modern #stage, html.modern #inbox{
  border:1px solid var(--bd); border-radius:var(--r-card); box-shadow:var(--shadow-card); background:var(--c-chrome); overflow:hidden; }
html.modern #hud{ margin:10px 10px 0; }
html.modern #shell{ gap:10px; padding:10px 10px 44px; }

/* bars: HUD top, stage head, inbox head */
html.modern .hud-top, html.modern #stage-head, html.modern .pane-head{ background:var(--bar-bg); color:var(--bar-fg); border-bottom:var(--bar-rule); }
html.modern .hud-brand{ color:var(--bar-fg); font:700 16px var(--f-brand); letter-spacing:0; }
html.modern .hud-brand span{ color:inherit; opacity:.7; font:500 12px var(--f-ui); }
html.modern .hud-brand:hover{ background:var(--chip-bg); }
html.modern .era-mark{ width:14px; height:14px; border-radius:4px; background:var(--c-navy); display:inline-block; }
html[data-era="2005"] .era-mark{ background:linear-gradient(135deg,#f25022 0 48%,#7fba00 0 100%); border:1px solid #fff; }
html[data-era="2025"] .era-mark{ border-radius:50%; background:conic-gradient(#7c9cff,#b58cff,#5fd38a,#7c9cff); }
html.modern #hud-who{ color:var(--bar-fg); }
html.modern .hud-chip{ border-radius:var(--r-btn); background:var(--chip-bg); color:var(--bar-fg); }
html.modern .storm-mid{ background:#fff1c2; color:#6b3f00; }
html.modern .storm-hi{ background:var(--c-bad); color:#fff; }
html.modern .hud-chip.decide.has{ background:var(--c-gold); color:#1a1a1a; }
html.modern .hud-chip.goal.ready{ background:var(--c-ok); color:#fff; }
html.modern .hud-clock{ border:1px solid var(--bd); border-radius:var(--r-btn); background:var(--c-paper); color:var(--c-ink); padding:2px; }
html.modern .hud-clock #tb-date{ font-family:var(--f-num); }

/* buttons everywhere (spd, .btn, window buttons) */
html.modern .spd, html.modern .btn, html.modern .tb-btn{
  border:1px solid var(--btn-bd); border-radius:var(--r-btn); background:var(--btn-bg); color:var(--btn-fg);
  box-shadow:none; text-shadow:none; font-family:var(--f-ui); }
html.modern .btn:hover:not(:disabled), html.modern .spd:hover, html.modern .tb-btn:hover{ filter:brightness(.96); background:var(--btn-bg); }
html[data-era="2025"] .btn:hover:not(:disabled), html[data-era="2025"] .spd:hover{ background:#1f2430; filter:none; }
html.modern .btn:active:not(:disabled){ border:1px solid var(--btn-bd); padding:3px 12px; transform:translateY(1px); }
html.modern .winbody .btn:active:not(:disabled){ padding:4px 13px; }
html.modern .winbody .btn.tiny:active:not(:disabled){ padding:2px 9px; }
html.modern .winbody .btn.step2:active:not(:disabled){ padding:4px 12px; }
html.modern .dc-go:active:not(:disabled){ padding:5px 16px; }
html.modern .btn:disabled{ opacity:.5; color:var(--btn-fg); text-shadow:none; }
html.modern .btn.primary, html.modern .winbody .btn.primary, html.modern .victory-box .btn.primary{
  background:var(--pri-bg); color:var(--pri-fg); border:1px solid var(--pri-bd); box-shadow:none; }
html.modern .winbody .btn.primary:disabled{ background:var(--c-track); color:var(--c-ink-2); border-color:var(--bd); opacity:1; }
html.modern .btn.danger, html.modern .winbody .btn.danger{ color:var(--c-bad); border-color:var(--c-bad); }
html.modern .spd.active{ background:var(--c-navy); color:var(--pri-fg); border-color:var(--c-navy); }
html.modern .spd{ height:26px; }

/* vitals, cards, KPI boxes */
html.modern .vital, html.modern .dcard, html.modern .winbody .kpi-box{
  border:1px solid var(--bd); border-radius:var(--r-card); background:var(--c-paper); box-shadow:var(--shadow-soft); }
html.modern .vital:hover{ outline:2px solid var(--c-navy); outline-offset:-1px; }
html.modern .v-bar, html.modern .dc-bar{ border-radius:99px; overflow:hidden; }
html.modern .v-bar i, html.modern .dc-bar i{ border-radius:99px; }
html.modern .dcard.urgent{ box-shadow:inset 3px 0 0 var(--c-bad); }
html.modern .face{ border-radius:calc(var(--r-card) - 3px); overflow:hidden; border-color:var(--bd); }
html.modern .face b{ border-radius:3px; background:var(--c-paper); color:var(--c-ink); border-color:var(--bd); }

/* workspace rail */
html.modern .rail-head{ font:600 11px var(--f-ui); letter-spacing:.08em; color:var(--c-ink-2); }
html.modern .ws-btn{ border:1px solid transparent; border-radius:var(--r-btn); background:transparent; color:var(--c-ink); font-family:var(--f-ui); }
html.modern .ws-btn:hover{ background:var(--hover); }
html.modern .ws-btn.on{ background:var(--rail-on-bg); color:var(--rail-on-fg); border-color:transparent; }
html.modern .ws-btn.locked{ color:var(--c-ink-2); opacity:.6; }
html.modern .ws-dot{ border-radius:50%; }
html.modern .ws-badge{ border-radius:99px; }

/* stage tabs */
html.modern #stage-head{ padding-top:5px; }
html.modern .st-tab{ background:var(--tab-bg); border:0; border-radius:var(--r-btn) var(--r-btn) 0 0; color:var(--bar-fg); opacity:.78; font-family:var(--f-ui); margin-top:3px; }
html.modern .st-tab:hover{ opacity:1; background:var(--chip-bg); }
html.modern .st-tab.on{ opacity:1; background:var(--c-chrome); color:var(--c-ink); margin-top:0; }
html[data-era="2015"] .st-tab{ border-radius:0; margin-top:0; padding-bottom:9px; }
html[data-era="2015"] .st-tab.on{ background:transparent; color:var(--c-navy); box-shadow:inset 0 -3px 0 var(--c-navy); }
html.modern #stage-pop{ background:var(--chip-bg); color:var(--bar-fg); border-color:transparent; }

/* app surface */
html.modern .winbody, html.modern .pane .winbody{ background:var(--c-chrome); color:var(--c-ink); }
html.modern .statusbar{ background:var(--c-chrome); border-top:1px solid var(--bd); }
html.modern .statusbar .cell{ border:0; background:transparent; color:var(--c-ink-2); font-family:var(--f-ui); }
html.modern .small, html.modern .winbody .small{ color:var(--c-ink-2); }

html.modern .winbody .fieldset{ border:1px solid var(--bd); border-radius:var(--r-card); box-shadow:var(--shadow-soft); background:var(--c-paper); overflow:hidden; }
html.modern .winbody .fieldset > .legend{ background:var(--head-bg); border-bottom:1px solid var(--bd-soft); border-left:0; color:var(--c-ink); font-family:var(--f-ui); }
html.modern .winbody .fieldset[style*="border-color"] > .legend{ border-left:4px solid; border-left-color:inherit; }
html[data-era="2015"] .winbody .fieldset > .legend{ font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--c-ink-2); }
html[data-era="2025"] .winbody .fieldset > .legend{ font-size:14px; border-bottom:0; padding-top:10px; padding-bottom:2px; }

html.modern .winbody .kpi-box .k{ color:var(--c-ink-2); }
html[data-era="2005"] .winbody .kpi-box .k, html[data-era="2025"] .winbody .kpi-box .k{ text-transform:none; letter-spacing:0; font-size:12px; }
html[data-era="2025"] .winbody .kpi-box .v, html[data-era="2025"] .v-val{ font-weight:600; }

html.modern .winbody table.grid{ border:1px solid var(--bd); border-radius:var(--r-card); background:var(--c-paper); border-collapse:separate; border-spacing:0; overflow:hidden; }
html.modern .winbody table.grid th{ background:var(--head-bg); border-bottom:1px solid var(--bd); color:var(--c-ink-2); font-family:var(--f-ui); }
html.modern .winbody table.grid td{ border-bottom:1px solid var(--bd-soft); }
html.modern .winbody table.grid tbody tr:nth-child(even) td{ background:var(--zebra); }
html.modern .winbody table.grid tr:hover td{ background:var(--hover); }
html.modern .winbody table.grid tr.total td{ background:var(--head-bg); border-top:2px solid var(--c-ink-2); }

html.modern .winbody input[type=number], html.modern .winbody input[type=text], html.modern .winbody select, html.modern .winbody textarea{
  border:1px solid var(--bd); border-radius:var(--r-btn); background:var(--c-paper); color:var(--c-ink); }
html.modern .winbody .meter{ border-radius:99px; overflow:hidden; box-shadow:none; }
html.modern .winbody .meter .fill{ border-radius:99px; }
html.modern .winbody .tag{ border-radius:var(--r-btn); }

html.modern .winbody .mail-list, html.modern .winbody .mail-body, html.modern .winbody .org-tree, html.modern .winbody .help-doc, html.modern .sunken{
  border:1px solid var(--bd); border-radius:var(--r-card); background:var(--c-paper); color:var(--c-ink); box-shadow:none; }
html.modern .winbody .mail-row{ background:var(--c-paper); border-bottom:1px solid var(--bd-soft); }
html.modern .winbody .mail-row:hover:not(.sel){ background:var(--hover); }
html.modern .winbody .mail-row.sel{ background:var(--c-navy); color:var(--pri-fg); }
html.modern .winbody .mail-body .hdr{ border-color:var(--bd-soft); }
html.modern .winbody .help-doc h2{ border-color:var(--c-navy); }
html.modern .winbody .org-node{ border:1px solid var(--bd); border-radius:var(--r-btn); background:var(--c-chrome); color:var(--c-ink); box-shadow:none; }
html.modern .winbody .org-node .s{ color:var(--c-ink-2); }
html.modern .winbody .org-bar{ background:var(--bd); }
html.modern .chart-canvas{ border:1px solid var(--bd); border-radius:var(--r-card); }

/* CoreBank terminal: each era's idea of "the ledger screen" */
html[data-era="2005"] .winbody .term{ background:#0c1a33; color:#cfe3ff; text-shadow:none; border-radius:var(--r-card); font-family:'Lucida Console',Consolas,monospace; }
html[data-era="2005"] .term .dim{ color:#7f9db9; } html[data-era="2005"] .term .hi{ color:#ffffff; }
html[data-era="2005"] .term .red{ color:#ff8a80; } html[data-era="2005"] .term .yel{ color:#ffd27f; }
html[data-era="2015"] .winbody .term{ background:#ffffff; color:#1b2733; text-shadow:none; border:1px solid var(--bd); border-radius:var(--r-card); font-family:Consolas,'Source Code Pro',monospace; }
html[data-era="2015"] .term .dim{ color:#8795a3; } html[data-era="2015"] .term .hi{ color:#0063b1; font-weight:600; }
html[data-era="2015"] .term .red{ color:#c0392b; } html[data-era="2015"] .term .yel{ color:#b25f00; }
html[data-era="2025"] .winbody .term{ background:#0e1016; color:#c9d1e0; text-shadow:none; border:1px solid var(--bd); border-radius:var(--r-card); }
html[data-era="2025"] .term .dim{ color:#6b7385; } html[data-era="2025"] .term .hi{ color:#9bb3ff; }
html[data-era="2025"] .term .red{ color:#ff6b6b; } html[data-era="2025"] .term .yel{ color:#ffb46b; }

/* floating windows & dialogs */
html.modern .window, html.modern .victory-box, html.modern #startmenu, html.modern .decide-box{
  border:1px solid var(--bd); border-radius:var(--r-card); background:var(--c-chrome); color:var(--c-ink); overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.35); }
html.modern .titlebar, html.modern .window.focused .titlebar{ background:var(--bar-bg) !important; color:var(--bar-fg); border-bottom:var(--bar-rule); font-family:var(--f-ui); padding:6px 8px 6px 12px; }
html.modern .window:not(.focused) .titlebar{ filter:saturate(.3); opacity:.92; }
html.modern .crisis-bar{ background:var(--c-bad) !important; color:#fff; }
html.modern .victory-box .content{ font-family:var(--f-ui); color:var(--c-ink); }
html.modern .tb-btn{ width:24px; height:22px; }
html.modern .dx-body{ border:1px solid var(--bd); border-radius:var(--r-btn); background:var(--c-paper); color:var(--c-ink); }
html.modern .crisis-stats > div, html.modern .crisis-log, html.modern .ar-verdict{ background:var(--c-paper); border-color:var(--bd); color:var(--c-ink); border-radius:var(--r-btn); }
html.modern .toast{ border:1px solid var(--bd); border-radius:var(--r-card); background:var(--c-paper); color:var(--c-ink); box-shadow:var(--shadow-card); }
html.modern .victory-overlay{ background:rgba(8,12,20,.5); }

/* taskbar & start menu */
html.modern #taskbar{ background:var(--task-bg); color:var(--task-fg); border:0; border-top:1px solid var(--bd); box-shadow:none; }
html.modern #tb-ticker{ color:var(--task-fg); font-family:var(--f-num); font-weight:600; opacity:.85; }
html.modern .tray-box{ border:1px solid var(--bd) !important; border-radius:var(--r-btn); background:var(--c-paper); color:var(--c-ink); }
html.modern .tb-sep{ border-color:var(--bd); opacity:.5; }
html.modern .start-btn{ font-weight:700; }
html[data-era="2005"] .start-btn{ background:linear-gradient(180deg,#5eb65e 0%,#3c9a3c 50%,#2f8a2f 100%); color:#fff; border-color:#1f6a1f;
  border-radius:0 12px 12px 0; font-style:italic; font-size:15px; padding:2px 18px 2px 10px; text-shadow:1px 1px 1px rgba(0,0,0,.4); }
html[data-era="2005"] .start-btn:hover{ filter:brightness(1.08); background:linear-gradient(180deg,#5eb65e 0%,#3c9a3c 50%,#2f8a2f 100%); }
html[data-era="2005"] .xp-orb{ width:14px; height:14px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#fff 0 15%,#7fba00 16% 100%); display:inline-block; }
html.modern #taskbar #acct-bar .ab-email{ color:var(--c-ink-2); }
html[data-era="2005"] #tb-ticker, html[data-era="2005"] #taskbar #acct-bar .ab-email{ color:#fff; }
html.modern .tb-task{ border-radius:var(--r-btn); }
html.modern .tb-task.active{ background:var(--c-navy); color:var(--pri-fg); border:1px solid var(--c-navy); }
html.modern .sm-side{ background:var(--bar-bg); color:var(--bar-fg); font-family:var(--f-brand); }
html.modern .sm-side span{ color:inherit; opacity:.7; }
html.modern .sm-item{ border-radius:var(--r-btn); font-family:var(--f-ui); }
html.modern .sm-item:hover{ background:var(--c-navy); color:var(--pri-fg); }
html.modern .sm-head{ color:var(--c-ink-2); border-color:var(--bd); font-family:var(--f-ui); }
html.modern .sm-divider{ border-color:var(--bd); }

/* scrollbars */
html.modern ::-webkit-scrollbar{ width:10px; height:10px; }
html.modern ::-webkit-scrollbar-track{ background:transparent; }
html.modern ::-webkit-scrollbar-thumb{ background:var(--scroll); border:2px solid transparent; background-clip:padding-box; border-radius:99px; }
html.modern ::-webkit-scrollbar-button{ display:none; }
html.modern *{ scrollbar-color:var(--scroll) transparent; }

/* phones */
html.modern.mobile #tabbar{ background:var(--task-bg); border-top:1px solid var(--bd); box-shadow:none; }
html.modern.mobile .tab{ color:var(--task-fg); opacity:.75; font-family:var(--f-ui); }
html.modern.mobile .tab.on{ opacity:1; color:var(--c-navy); background:transparent; box-shadow:inset 0 3px 0 var(--c-navy); }
html[data-era="2005"].mobile .tab.on{ color:#fff; background:rgba(255,255,255,.15); box-shadow:inset 0 3px 0 #f0a33a; }
html.modern.mobile #hud{ margin:0; border-radius:0; border-width:0 0 1px; }
html.modern.mobile #shell{ padding:0; }
html.modern.mobile #stage, html.modern.mobile #inbox{ border-radius:0; border:0; }

/* ══════════ 2025: dark-mode repairs for the few light-only spots ══════════ */
html[data-era="2025"] .winbody [style*="background:#fff"]:not(svg){ background:var(--c-paper) !important; color:var(--c-ink); }
html[data-era="2025"] .winbody tr[style*="#fdf3cf"] td{ background:#3a2a12 !important; }
html[data-era="2025"] .winbody tr[style*="#d9e4f6"] td{ background:#1f2640 !important; }
html[data-era="2025"] .winbody [style*="border:1px solid #999"]{ border-color:var(--bd) !important; }
html[data-era="2025"] .winbody [style*="color:#666"]{ color:var(--c-ink-2) !important; }
html[data-era="2025"] .winbody .tag{ background:#1f2430; border-color:#3a4150; color:#c9d1e0; }
html[data-era="2025"] .winbody .tag.g{ background:rgba(95,211,138,.14); border-color:rgba(95,211,138,.4); color:#8ee0a8; }
html[data-era="2025"] .winbody .tag.r{ background:rgba(255,107,107,.14); border-color:rgba(255,107,107,.4); color:#ff9b9b; }
html[data-era="2025"] .winbody .tag.y{ background:rgba(255,180,107,.14); border-color:rgba(255,180,107,.4); color:#ffc98f; }
html[data-era="2025"] .winbody .tag.b{ background:rgba(124,156,255,.14); border-color:rgba(124,156,255,.4); color:#b5c6ff; }
html[data-era="2025"] .chart-canvas, html[data-era="2025"] .winbody svg[style*="background:#fff"]{ filter:invert(.9) hue-rotate(180deg); }
html[data-era="2025"] .help-doc code{ background:#262b35; color:#e7e9ee; }
html[data-era="2025"] .cu-up{ animation-name:cuUpD; } html[data-era="2025"] .cu-down{ animation-name:cuDownD; }
@keyframes cuUpD{ 0%,35%{ background:rgba(95,211,138,.3); color:#b9f5cc; } 100%{ background:transparent; } }
@keyframes cuDownD{ 0%,35%{ background:rgba(255,107,107,.3); color:#ffc2c2; } 100%{ background:transparent; } }
html[data-era="2025"] .inbox-empty b{ color:var(--c-ink); }
html[data-era="2025"] input[type=checkbox], html[data-era="2025"] input[type=radio]{ accent-color:#7c9cff; }

html.modern .winbody [style*="Courier New"]{ font-family:var(--f-num) !important; }
html[data-era="2025"] .dc-kind{ color:#9bb3ff !important; }
html[data-era="2025"] .dc-kind[data-k="CREDIT"]{ color:#5fd38a !important; }
html[data-era="2025"] .dc-kind[data-k="DILEMMA"]{ color:#ffb46b !important; }
html[data-era="2025"] .dc-kind[data-k^="BOARD"]{ color:#c3a6ff !important; }
html[data-era="2025"] .dc-kind[data-k="DEAL"]{ color:#e6c36a !important; }
html[data-era="2025"] .dc-kind[data-k="RIVAL"]{ color:#ff8080 !important; }
html[data-era="2025"] .dc-kind[data-k="PEOPLE"]{ color:#7fb6ff !important; }

/* the install dialog */
.era-box{ width:470px; max-width:94vw; text-align:center; }
.era-setup-title{ font:700 17px var(--f-ui); margin-bottom:6px; }
.era-hello{ font-size:14px; line-height:1.55; margin:0; }