/* Clean day kit: Black & gold light (primary), Ivory. HAND-WRITTEN (this is the design; edit freely).
   Settings > Look & sounds > Day style. look.js puts data-day-style and data-day-kit="clean" on <html>.
   How it works: design/tools/make_day_css.py maps every color in the Night sheets to a --dl-* token once
   (the "Clean day kit" section at the end of daystyles.css). A style is just the token block below.
   --dl-* tokens are "r,g,b" triples so Night's alphas keep their meaning: rgba(var(--dl-acc),.5).
   Rules of the kit: neutral surfaces (no tinted mud), hierarchy from 3 surface steps + soft layered shadows,
   hairline borders, ink text, deep gold used sparingly, no dark discs and no neon glow on light. */

/* ============ Ivory: warm-neutral off-white, ink text, deep gold ============ */
html[data-theme-active="day"][data-day-style="ivory"]{
  /* surfaces: page < card < raised (never pure white over large areas) */
  --dl-s0:244,243,239; --dl-s1:251,250,248; --dl-s2:252,252,250; --dl-s3:254,253,252;
  --dl-ink:31,29,25; --dl-shadow:58,48,32;
  --dl-acc:139,103,38; --dl-tint:176,138,66; --dl-glow:176,138,66;
  --dl-hot:178,58,38; --dl-amber:150,98,10; --dl-ok:46,125,70; --dl-info:24,110,122; --dl-chart:72,150,160;
  --dl-sigfc:150,90,20; --dl-sigcv:80,120,24; --dl-sigtx:160,80,30; --dl-sigev:170,55,55;
  --dl-goldfill:#C9A25E; --dl-goldhi:#E7CF9F;
  --dl-tintk:.55; --dl-glowk:.16; --dl-linek:.55; --dl-shadek:.22; --dl-shadowk:.22; --dl-hlk:.9;

  --bg0:#F4F3EF; --bg1:#F7F6F2; --bg2:rgba(251,250,248,.94); --bg3:rgba(252,252,250,.96); --bg4:#FBFAF8;
  --line1:rgba(31,29,25,.07); --line2:rgba(31,29,25,.11); --line3:rgba(31,29,25,.2);
  --fill1:rgba(31,29,25,.035); --fill2:rgba(31,29,25,.055); --fill3:rgba(31,29,25,.085);
  --gb:linear-gradient(180deg,rgba(31,29,25,.075),rgba(31,29,25,.06));
  --gbh:linear-gradient(180deg,rgba(139,103,38,.32),rgba(139,103,38,.16));
  --hi:inset 0 1px 0 rgba(255,255,255,.75);
  --text1:#1E1F22; --text2:#4E5056; --text3:#62646B;
  --accent:#8B6726; --accent2:#7A5C26; --accent-ink:#1B160D; --accent-soft:rgba(176,138,66,.12);
  --accent-glow:0 0 0 3px rgba(176,138,66,.24);
  --glow:0 0 0 1px rgba(139,103,38,.16);
  --gold:#8A5A06; --gold-soft:rgba(176,120,20,.12); --amber:#8A5A06; --amber-soft:rgba(176,120,20,.12);
  --hot:#AE3A26; --hot-soft:rgba(178,58,38,.09); --danger:#AE3A26; --danger-soft:rgba(178,58,38,.09);
  --sand:#6A655B; --info:#16656F; --cy:#16656F; --cy-soft:rgba(24,110,122,.09); --info-soft:rgba(24,110,122,.09);
  --ok:#276B3C; --ok-soft:rgba(46,125,70,.1);
  --sig-fc:#8A5212; --sig-cv:#4A6E12; --sig-tx:#94481A; --sig-pr:#16656F; --sig-ev:#9E3434;
  --sh1:0 1px 2px rgba(58,48,32,.06);
  --sh2:0 1px 2px rgba(58,48,32,.05),0 6px 20px -10px rgba(58,48,32,.16);
  --sh3:0 1px 3px rgba(58,48,32,.05),0 18px 40px -22px rgba(58,48,32,.24);
  --glass:rgba(247,246,242,.86);
  --btn-a:#D9B777; --btn-b:#C29A55; --btn-edge:rgba(120,88,30,.42); --btn-ink:#1E180C;
  /* hero ring + charts */
  --ring-a:#A67D35; --ring-b:#5E8F96; --ring-track:rgba(31,29,25,.07); --ring-core:#FFFFFF; --ring-core-o:.0; --ring-core-mid:.0;
  --ring-flare:#C9A25E; --ring-flare-o:.35; --ring-shadow-a:none; --ring-shadow-p:none; --ring-w1:2;
  --chart-a:#3F8C96; --kf-hot:178,58,38; --kf-ok:46,125,70;
  color-scheme:light;
}

/* ============ Black & gold light (primary): light page, white cards, Night black + gold sidebar and Today hero ============ */
html[data-theme-active="day"][data-day-style="gold"]{
  --dl-s0:246,245,242; --dl-s1:255,255,255; --dl-s2:255,255,255; --dl-s3:255,255,255;
  --dl-ink:24,22,19; --dl-shadow:40,32,20;
  --dl-acc:140,108,40; --dl-tint:176,140,62; --dl-glow:176,140,62;
  --dl-hot:184,56,40; --dl-amber:176,108,12; --dl-ok:46,125,72; --dl-info:22,112,124; --dl-chart:56,140,150;
  --dl-sigfc:160,96,20; --dl-sigcv:84,122,24; --dl-sigtx:170,82,30; --dl-sigev:176,56,72;
  --dl-goldfill:#C9A465; --dl-goldhi:#EBDDBF;
  --dl-tintk:.5; --dl-glowk:.1; --dl-linek:.55; --dl-shadek:.16; --dl-shadowk:.18; --dl-hlk:.8;

  --bg0:#F6F5F2; --bg1:#F9F8F6; --bg2:rgba(255,255,255,.97); --bg3:#FFFFFF; --bg4:#FFFFFF;
  --line1:#EEECE7; --line2:#E7E4DE; --line3:#D6D2CA;
  --fill1:rgba(24,22,19,.035); --fill2:rgba(24,22,19,.055); --fill3:rgba(24,22,19,.08);
  --gb:linear-gradient(#E7E4DE,#E7E4DE); --gbh:linear-gradient(#D9C49A,#D9C49A);
  --hi:inset 0 0 0 0 transparent;
  --text1:#16150F; --text2:#4D4B46; --text3:#636059;
  --accent:#86672A; --accent2:#7A5E24; --accent-ink:#16130D; --accent-soft:rgba(176,140,62,.11);
  --accent-glow:0 0 0 3px rgba(176,140,62,.25);
  --glow:0 0 0 1px rgba(140,108,40,.16);
  --gold:#8F5F05; --gold-soft:rgba(190,130,20,.12); --amber:#94580A; --amber-soft:rgba(200,120,10,.11);
  --hot:#B2341F; --hot-soft:rgba(184,56,40,.08); --danger:#B2341F; --danger-soft:rgba(184,56,40,.08);
  --sand:#636059; --info:#13646E; --cy:#13646E; --cy-soft:rgba(22,112,124,.09); --info-soft:rgba(22,112,124,.09);
  --ok:#256B3C; --ok-soft:rgba(46,125,72,.1);
  --sig-fc:#8F5410; --sig-cv:#4A6E12; --sig-tx:#9A4719; --sig-pr:#13646E; --sig-ev:#A13245;
  --sh1:0 1px 2px rgba(40,32,20,.05);
  --sh2:0 1px 2px rgba(40,32,20,.04),0 4px 14px -4px rgba(40,32,20,.07);
  --sh3:0 2px 4px rgba(40,32,20,.04),0 16px 36px -14px rgba(40,32,20,.16);
  --glass:rgba(255,255,255,.92);
  --btn-a:#E2C690; --btn-b:#C9A25C; --btn-edge:rgba(120,90,30,.45); --btn-ink:#16130D;
  --ring-a:#A47D33; --ring-b:#7E8C8E; --ring-track:rgba(24,22,19,.07); --ring-core:#FFFFFF; --ring-core-o:0; --ring-core-mid:0;
  --ring-flare:#D9C08A; --ring-flare-o:.4; --ring-shadow-a:none; --ring-shadow-p:none; --ring-w1:2;
  --chart-a:#3A8C96; --kf-hot:184,56,40; --kf-ok:46,125,72;
  --thumb-bg:linear-gradient(135deg,#F3EBDA,#E9DDC2);
  --blk-a:#17171B; --blk-b:#0B0B0D; --goldpill:linear-gradient(180deg,#E6CB94,#CFA862);
  color-scheme:light;
}
html[data-theme-active="day"][data-day-style="ivory"]{--thumb-bg:linear-gradient(135deg,#F1EADB,#E6DBC4)}

/* ============ shared rules for the clean kit ============ */
html[data-day-kit="clean"][data-theme-active="day"] body{background:var(--bg0)}
html[data-day-kit="clean"][data-theme-active="day"] .vignette,
html[data-day-kit="clean"][data-theme-active="day"] #bgfx,
html[data-day-kit="clean"][data-theme-active="day"] #cursorlight,
html[data-day-kit="clean"][data-theme-active="day"] canvas.bloom{display:none}
html[data-day-kit="clean"][data-theme-active="day"] img{mix-blend-mode:normal}
html[data-day-kit="clean"][data-theme-active="day"] ::selection{background:rgba(var(--dl-tint),.24)}
html[data-day-kit="clean"][data-theme-active="day"] *{text-shadow:none!important}

/* primary buttons: rich gold, ink label, crisp edge, small lift */
html[data-day-kit="clean"][data-theme-active="day"] .btn-primary,
html[data-day-kit="clean"][data-theme-active="day"] .btn-hero,
html[data-day-kit="clean"][data-theme-active="day"] .td-tabs a.on{background:linear-gradient(180deg,var(--btn-a),var(--btn-b));color:var(--btn-ink);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 1px var(--btn-edge),0 1px 2px rgba(var(--dl-shadow),.12),0 6px 14px -8px rgba(var(--dl-shadow),.35)}
html[data-day-kit="clean"][data-theme-active="day"] .btn-primary:hover,
html[data-day-kit="clean"][data-theme-active="day"] .btn-hero:hover{filter:brightness(1.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 1px var(--btn-edge),0 2px 4px rgba(var(--dl-shadow),.12),0 10px 20px -10px rgba(var(--dl-shadow),.4)}

/* hero ring: fine ink/gold strokes on a clean face, no dark disc, no bloom */
html[data-day-kit="clean"][data-theme-active="day"] .reactor .hub{fill:rgb(var(--dl-s3));stroke:rgba(var(--dl-ink),.10);stroke-opacity:1;filter:drop-shadow(0 1px 1px rgba(var(--dl-shadow),.10)) drop-shadow(0 6px 14px rgba(var(--dl-shadow),.10))}
html[data-day-kit="clean"][data-theme-active="day"] .reactor .tk{stroke:rgba(var(--dl-ink),.22)}
html[data-day-kit="clean"][data-theme-active="day"] .reactor .tk2{stroke:rgba(var(--dl-ink),.55);opacity:1}
html[data-day-kit="clean"][data-theme-active="day"] .reactor .lbl b{color:var(--text1)}
html[data-day-kit="clean"][data-theme-active="day"] .reactor .lbl b.hot{color:var(--hot)}
html[data-day-kit="clean"][data-theme-active="day"] .reactor.hot .r1 circle,
html[data-day-kit="clean"][data-theme-active="day"] .reactor.hot .r3 circle{stroke:var(--hot)}
html[data-day-kit="clean"][data-theme-active="day"] .ring .prog.glow{filter:none}

/* clean shapes: no HUD corner cuts or corner glints on cards */
html[data-day-kit="clean"][data-theme-active="day"] .card::before,
html[data-day-kit="clean"][data-theme-active="day"] .card::after{display:none}
html[data-day-kit="clean"][data-theme-active="day"] :is(.card,.focus,.kpi,.col,.pcard,.lcard,.step,.group,.bcard){clip-path:none}

/* menus and popovers that Classic paints by hand */
html[data-day-kit="clean"][data-theme-active="day"] select option{background:var(--bg4);color:var(--text1)}
html[data-day-kit="clean"][data-theme-active="day"] .hppop.on,
html[data-day-kit="clean"][data-theme-active="day"] .lpres,
html[data-day-kit="clean"][data-theme-active="day"] .td-tip{background:var(--bg4);color:var(--text1);box-shadow:var(--sh3),0 0 0 1px var(--line2)}
html[data-day-kit="clean"][data-theme-active="day"] .hppop .drg .d.s,
html[data-day-kit="clean"][data-theme-active="day"] .hpslot.on,
html[data-day-kit="clean"][data-theme-active="day"] .hpap button.on{color:var(--btn-ink)}
html[data-day-kit="clean"][data-theme-active="day"] .hchip.on{background:var(--accent-soft);border-color:rgba(var(--dl-acc),.55)}
html[data-day-kit="clean"][data-theme-active="day"] .hstat,
html[data-day-kit="clean"][data-theme-active="day"] .herodrill{background:var(--fill1)}
html[data-day-kit="clean"][data-theme-active="day"] .dcard .mt{background:var(--fill1)}
html[data-day-kit="clean"][data-theme-active="day"] .ptrcard.on{box-shadow:0 0 0 1px rgba(var(--dl-acc),.5),var(--sh2)}
html[data-day-kit="clean"][data-theme-active="day"] .txholo{background:linear-gradient(90deg,transparent,var(--accent) 10%,var(--dl-goldfill) 50%,var(--accent) 90%,transparent);box-shadow:none}
html[data-day-kit="clean"][data-theme-active="day"] .txiris{box-shadow:0 0 0 1px rgba(var(--dl-acc),.3)}
html[data-day-kit="clean"][data-theme-active="day"] .drpanel{background:var(--bg4)!important;box-shadow:var(--sh3)}
html[data-day-kit="clean"][data-theme-active="day"] .badge{color:#fff}
html[data-day-kit="clean"][data-theme-active="day"] .card h3,
html[data-day-kit="clean"][data-theme-active="day"] .sec,
html[data-day-kit="clean"][data-theme-active="day"] .sysline{color:var(--accent);opacity:1}

/* dial HUD (top-bar dialer) */
html[data-day-kit="clean"][data-theme-active="day"] .dh-pop,
html[data-day-kit="clean"][data-theme-active="day"] .dh-card{background:var(--bg4);box-shadow:var(--sh3),0 0 0 1px var(--line2)}
html[data-day-kit="clean"][data-theme-active="day"] .dial-btn,
html[data-day-kit="clean"][data-theme-active="day"] .livepill{background:var(--fill1)}
html[data-day-kit="clean"][data-theme-active="day"] .livepill.live{background:var(--ok-soft)}
html[data-day-kit="clean"][data-theme-active="day"] .lp-b{background:var(--fill2)}
html[data-day-kit="clean"][data-theme-active="day"] .dh-key,
html[data-day-kit="clean"][data-theme-active="day"] .dh-pop input,
html[data-day-kit="clean"][data-theme-active="day"] .dh-pop select,
html[data-day-kit="clean"][data-theme-active="day"] .dh-res,
html[data-day-kit="clean"][data-theme-active="day"] .dh-no,
html[data-day-kit="clean"][data-theme-active="day"] .dh-of input{background:rgb(var(--dl-s3))}

/* maps: a clean light basemap, not sepia */
html[data-day-kit="clean"][data-theme-active="day"] .leaflet-tile-pane{filter:saturate(.55) contrast(.96) brightness(1.02)}
html[data-day-kit="clean"][data-theme-active="day"] .leaflet-control-attribution{background:rgba(var(--dl-s3),.9);color:var(--text2)}
html[data-day-kit="clean"][data-theme-active="day"] .leaflet-control-attribution a{color:var(--accent)}
html[data-day-kit="clean"][data-theme-active="day"] .td-map,
html[data-day-kit="clean"][data-theme-active="day"] .map{background:var(--bg1)}


/* ============ Black & gold light: the black surfaces (sidebar, Today hero) ============ */
/* Night's tokens re-declared on each black surface, so every rule inside it renders exactly as Night does. */
html[data-theme-active="day"][data-day-style="gold"] .rail,
html[data-theme-active="day"][data-day-style="gold"] .focus{
  --dl-s0:11,11,13; --dl-s1:20,20,23; --dl-s2:24,24,27; --dl-s3:34,34,39;
  --dl-ink:243,241,236; --dl-shadow:0,0,0; --dl-acc:212,180,131; --dl-tint:212,180,131; --dl-glow:212,180,131;
  --dl-tintk:.8; --dl-glowk:.35; --dl-linek:1; --dl-shadek:1; --dl-shadowk:1; --dl-hlk:1.4;
  --dl-hot:224,112,95; --dl-amber:230,180,90; --dl-ok:143,201,154; --dl-info:127,200,210;
  --line1:rgba(212,180,131,.1); --line2:rgba(212,180,131,.16); --line3:rgba(212,180,131,.3);
  --fill1:rgba(243,241,236,.05); --fill2:rgba(243,241,236,.08); --fill3:rgba(243,241,236,.12);
  --text1:#F3F1EC; --text2:#B9B5AC; --text3:#9C988F; --accent:#D4B483; --accent-soft:rgba(212,180,131,.12);
  --gold:#E6B45A; --amber:#E6B45A; --hot:#EE8A78; --danger:#EE8A78; --ok:#8FC99A; --info:#7FC8D2; --sand:#B9B1A0;
  --ring-a:#D4B483; --ring-b:#8E8A82; --ring-track:rgba(212,180,131,.14); --ring-flare:#F0DDB8; --ring-flare-o:.55;
  --btn-a:#E6CB94; --btn-b:#CFA862; --btn-edge:rgba(212,180,131,.5); --btn-ink:#16130D;
  --kf-hot:224,112,95;
  color:var(--text1);
  color-scheme:dark;
}
/* sidebar */
html[data-theme-active="day"][data-day-style="gold"] .rail{background:linear-gradient(180deg,var(--blk-a),var(--blk-b));border-right:0;box-shadow:1px 0 0 rgba(0,0,0,.25);backdrop-filter:none}
html[data-theme-active="day"][data-day-style="gold"] .nav a{color:#CFCBC2;clip-path:none;border-radius:10px}
html[data-theme-active="day"][data-day-style="gold"] .nav a svg{opacity:.85}
html[data-theme-active="day"][data-day-style="gold"] .nav a:hover{background:rgba(243,241,236,.06);color:#F3F1EC}
html[data-theme-active="day"][data-day-style="gold"] .nav a.on{background:var(--goldpill);color:#16130D;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 16px -8px rgba(212,180,131,.55)}
html[data-theme-active="day"][data-day-style="gold"] .nav a.on::before{display:none}
html[data-theme-active="day"][data-day-style="gold"] .nav a.on svg{color:#16130D;filter:none;opacity:1}
html[data-theme-active="day"][data-day-style="gold"] .nav a.on .badge{background:#16130D;color:#F0DDB8}
html[data-theme-active="day"][data-day-style="gold"] .navlbl{color:#8E8A82}
html[data-theme-active="day"][data-day-style="gold"] .brand .mark{background:rgba(212,180,131,.12);border-color:rgba(212,180,131,.35);box-shadow:none}
html[data-theme-active="day"][data-day-style="gold"] .brand .mark svg{stroke:#D4B483}
html[data-theme-active="day"][data-day-style="gold"] .logo .n{color:#F3F1EC}
html[data-theme-active="day"][data-day-style="gold"] .logo .re{color:#D4B483}
/* top bar: white with a hairline */
html[data-theme-active="day"][data-day-style="gold"] .top{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line2)}
/* type: heavy near-black headings */
html[data-theme-active="day"][data-day-style="gold"] .headline{color:var(--text2);font-weight:500}
html[data-theme-active="day"][data-day-style="gold"] .headline b{color:var(--text1);font-weight:800}
/* cards: white, 14px, light border, very soft shadow */
html[data-theme-active="day"][data-day-style="gold"] :is(.card,.kpi,.three .b,.step,.lcard,.dcard .side,.cal .d,.group,.bcard,.runway,.risk,.nextbar,.split,.hud-stat){background:#FFFFFF;border:1px solid var(--line2);border-radius:14px;clip-path:none;box-shadow:var(--sh2)}
html[data-theme-active="day"][data-day-style="gold"] .col{background:#EFEDE8;border:1px solid var(--line1);border-radius:14px;clip-path:none;box-shadow:none}
html[data-theme-active="day"][data-day-style="gold"] .pcard{background:#FFFFFF;border:1px solid var(--line2);border-radius:12px;box-shadow:0 1px 2px rgba(40,32,20,.05)}
html[data-theme-active="day"][data-day-style="gold"] .pcard:hover{box-shadow:0 2px 4px rgba(40,32,20,.05),0 10px 22px -12px rgba(40,32,20,.2)}
html[data-theme-active="day"][data-day-style="gold"] :is(.kpi,.hud-stat) :is(b,.v){color:var(--text1);font-weight:800}
/* hero: the Today ring sits in a black card */
html[data-theme-active="day"][data-day-style="gold"] .focus{background:radial-gradient(420px 300px at 38% 50%,rgba(212,180,131,.12),transparent 70%),linear-gradient(135deg,#1C1C21,#0B0B0D);border:0;border-radius:16px;clip-path:none;box-shadow:0 2px 4px rgba(20,16,10,.08),0 24px 48px -22px rgba(20,16,10,.55)}
html[data-theme-active="day"][data-day-style="gold"] .focus::before{display:none}
html[data-theme-active="day"][data-day-style="gold"] .focus .reactor .hub{fill:rgba(243,241,236,.04);stroke:rgba(212,180,131,.3);filter:none}
html[data-theme-active="day"][data-day-style="gold"] .focus .reactor .tk{stroke:rgba(212,180,131,.3)}
html[data-theme-active="day"][data-day-style="gold"] .focus .reactor .tk2{stroke:rgba(212,180,131,.75)}
html[data-theme-active="day"][data-day-style="gold"] .focus .btn{background:transparent;color:#F3F1EC;border:1px solid rgba(243,241,236,.4);box-shadow:none;clip-path:none;border-radius:999px}
html[data-theme-active="day"][data-day-style="gold"] .focus .btn:hover{background:rgba(243,241,236,.08)}
html[data-theme-active="day"][data-day-style="gold"] .focus .btn-primary,html[data-theme-active="day"][data-day-style="gold"] .focus .btn-hero{background:var(--goldpill);color:#16130D;border-color:transparent;font-weight:700}
html[data-theme-active="day"][data-day-style="gold"] .focus .chip{border-radius:999px}
html[data-theme-active="day"][data-day-style="gold"] .focus .hstat,html[data-theme-active="day"][data-day-style="gold"] .focus .herodrill{background:rgba(243,241,236,.05);border:1px solid rgba(212,180,131,.16);border-radius:12px}
/* buttons: gold pill primary, soft pills elsewhere */
html[data-theme-active="day"][data-day-style="gold"] .btn-primary,html[data-theme-active="day"][data-day-style="gold"] .btn-hero{border-radius:999px;clip-path:none}
html[data-theme-active="day"][data-day-style="gold"] .btn:not(.btn-primary):not(.btn-hero):not(.ghost){border-radius:999px;clip-path:none}
html[data-theme-active="day"][data-day-style="gold"] .hchip{border-radius:999px;background:#fff;border-color:var(--line2)}
html[data-theme-active="day"][data-day-style="gold"] .hchip.on{background:#F6EEDC;border-color:#D9C49A;color:var(--accent)}

/* ============ shared clean-kit controls (both styles) ============ */
html[data-day-kit="clean"][data-theme-active="day"] .card::before,
html[data-day-kit="clean"][data-theme-active="day"] .card::after{display:none!important}
html[data-day-kit="clean"][data-theme-active="day"] :is(.input,input[type=text],input[type=search],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=url],textarea,select){background-color:rgb(var(--dl-s3));border:1px solid var(--line3);border-radius:10px;clip-path:none;box-shadow:0 1px 2px rgba(var(--dl-shadow),.04)}
html[data-day-kit="clean"][data-theme-active="day"] :is(input,textarea,select):focus{border-color:rgba(var(--dl-acc),.7);box-shadow:0 0 0 3px rgba(var(--dl-tint),.18)}
html[data-day-kit="clean"][data-theme-active="day"] input[type=checkbox],
html[data-day-kit="clean"][data-theme-active="day"] input[type=radio]{background:rgb(var(--dl-s3));border-color:var(--line3)}
html[data-day-kit="clean"][data-theme-active="day"] th{background:rgb(var(--dl-s0))!important;color:var(--text3)}
html[data-day-kit="clean"][data-theme-active="day"] .lockon i,
html[data-day-kit="clean"][data-theme-active="day"] .hotframe i{border-color:rgba(var(--dl-acc),.6);filter:none}
html[data-day-kit="clean"][data-theme-active="day"] .thumb svg{color:var(--accent)}
html[data-day-kit="clean"][data-theme-active="day"] select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23736F66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>")}

/* segmented countdown (Today hero): DAYS / HR / MIN / SEC tiles */
html[data-day-kit="clean"][data-theme-active="day"] .hseg{display:grid;gap:6px;margin:14px 0 4px}
html[data-day-kit="clean"][data-theme-active="day"] .hseg .hsl{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
html[data-day-kit="clean"][data-theme-active="day"] .hseg .hst{display:flex;gap:8px}
html[data-day-kit="clean"][data-theme-active="day"] .hseg .hst span{display:grid;justify-items:center;gap:3px;min-width:58px;padding:9px 8px 7px;border-radius:12px;background:var(--fill1);border:1px solid var(--line2)}
html[data-day-kit="clean"][data-theme-active="day"] .hseg .hst b{font-family:var(--sans);font-size:24px;font-weight:800;line-height:1;color:var(--text1);letter-spacing:-.01em}
html[data-day-kit="clean"][data-theme-active="day"] .hseg .hst i{font-style:normal;font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--text3)}
/* the empty-state icon becomes a soft tinted tile */
html[data-day-kit="clean"][data-theme-active="day"] .empty>svg{width:46px;height:46px;padding:11px;border-radius:13px;background:var(--gold-soft);color:var(--gold);filter:none}
/* hero side stats: big bold numbers */
html[data-day-kit="clean"][data-theme-active="day"] .focus .readout .v{font-family:var(--sans);font-size:30px;font-weight:800;letter-spacing:-.02em}
html[data-day-kit="clean"][data-theme-active="day"] select{background-repeat:no-repeat;background-position:right 10px center}
html[data-day-kit="clean"][data-theme-active="day"] .hud-stat{position:relative;overflow:hidden}
html[data-day-kit="clean"][data-theme-active="day"] .hud-stat::before{display:none}
/* scrims behind panels, palette and modals: a soft ink veil, never a white haze */
html[data-day-kit="clean"][data-theme-active="day"] :is(.nc-bg,.pal-bg,.qc-bg,.rp-scrim){background:rgba(var(--dl-ink),.28)}

/* ============ Ivory specifics ============ */
html[data-theme-active="day"][data-day-style="ivory"] .focus{background:radial-gradient(420px 300px at 38% 50%,rgba(176,138,66,.06),transparent 70%),linear-gradient(180deg,#FDFCFA,#FAF9F6);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--sh3)}
html[data-theme-active="day"][data-day-style="ivory"] .focus::before{display:none}
html[data-theme-active="day"][data-day-style="ivory"] .rail{background:#EFEEE9;border-right:1px solid var(--line2)}
html[data-theme-active="day"][data-day-style="ivory"] .nav a.on{background:#FBFAF8;box-shadow:0 1px 2px rgba(58,48,32,.08),0 0 0 1px var(--line1)}
html[data-theme-active="day"][data-day-style="ivory"] .top{background:rgba(246,245,241,.9)}
html[data-theme-active="day"][data-day-style="ivory"] :is(.card,.kpi,.hud-stat,.lcard,.bcard,.nextbar){background:#FBFAF8;border:1px solid var(--line2);border-radius:14px;box-shadow:var(--sh2)}
html[data-theme-active="day"][data-day-style="ivory"] .col{background:#EEEDE8;border:1px solid var(--line1);border-radius:14px;box-shadow:none}
html[data-theme-active="day"][data-day-style="ivory"] .pcard{background:#FDFCFA;border:1px solid var(--line2);border-radius:12px;box-shadow:0 1px 2px rgba(58,48,32,.06)}
html[data-theme-active="day"][data-day-style="ivory"] .headline b{font-weight:800}

/* ============ stat cards: tinted icon tile, gray label, big bold number (reference style) ============ */
html[data-day-kit="clean"][data-theme-active="day"] .sic{position:static;width:36px;height:36px;border-radius:10px;margin-bottom:10px;background:var(--sic-bg);color:var(--sic-fg)}
html[data-day-kit="clean"][data-theme-active="day"] .sic svg{width:18px;height:18px}
html[data-day-kit="clean"][data-theme-active="day"] .sic-gold{--sic-bg:#F6EEDC;--sic-fg:#8C6A24}
html[data-day-kit="clean"][data-theme-active="day"] .sic-amber{--sic-bg:#FCEFD9;--sic-fg:#A35C07}
html[data-day-kit="clean"][data-theme-active="day"] .sic-green{--sic-bg:#E5F3E8;--sic-fg:#26703F}
html[data-day-kit="clean"][data-theme-active="day"] .sic-teal{--sic-bg:#E0F1F2;--sic-fg:#14656F}
html[data-day-kit="clean"][data-theme-active="day"] .sic-rose{--sic-bg:#FBE6E3;--sic-fg:#B2341F}
html[data-day-kit="clean"][data-theme-active="day"] .kpi{display:flex;flex-direction:column;align-items:flex-start;padding:16px 18px}
html[data-day-kit="clean"][data-theme-active="day"] .kpi::before{display:none}
html[data-day-kit="clean"][data-theme-active="day"] .kpi .l{order:1;margin:0 0 6px;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text2);opacity:1}
html[data-day-kit="clean"][data-theme-active="day"] .kpi .v{order:2;font-family:var(--sans);font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--text1)}
html[data-day-kit="clean"][data-theme-active="day"] .kpi .d{order:3}
html[data-day-kit="clean"][data-theme-active="day"] .hud-stat{padding:16px 18px;gap:4px;justify-items:start}
html[data-day-kit="clean"][data-theme-active="day"] .hud-stat .l{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text2)}
html[data-day-kit="clean"][data-theme-active="day"] .hud-stat .v{font-family:var(--sans);font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--text1)}
html[data-day-kit="clean"][data-theme-active="day"] .hud-stat.on{border-color:rgba(var(--dl-acc),.55);box-shadow:0 0 0 3px var(--accent-soft),var(--sh2)}
/* hero side stats: tile beside label + number */
html[data-day-kit="clean"][data-theme-active="day"] .focus button.readout{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:10px 12px}
html[data-day-kit="clean"][data-theme-active="day"] .focus button.readout::before{display:none}
html[data-day-kit="clean"][data-theme-active="day"] .focus .readout .sic{display:inline-grid;grid-row:span 2;margin:0}
html[data-day-kit="clean"][data-theme-active="day"] .focus .readout .l{font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none;color:var(--text2)}
/* black hero: tiles in low-alpha tints of the Night status colors */
html[data-theme-active="day"][data-day-style="gold"] .focus .sic{background:rgba(var(--sic),.14);color:rgb(var(--sic))}
/* the deadline tiles replace the ring caption in the light styles */
html[data-day-kit="clean"][data-theme-active="day"] .focus:has(.hseg) #focusclk{display:none}
/* combo menu (components/combo.js) */
html[data-day-kit="clean"][data-theme-active="day"] .cmbx-menu{background:#FFFFFF;border:1px solid var(--line2);border-radius:12px;box-shadow:var(--sh3)}
html[data-day-kit="clean"][data-theme-active="day"] .cmbx-item{color:var(--text1)}
html[data-day-kit="clean"][data-theme-active="day"] .cmbx-item.hl,html[data-day-kit="clean"][data-theme-active="day"] .cmbx-item:hover{background:var(--accent-soft);color:var(--text1)}
html[data-day-kit="clean"][data-theme-active="day"] .cmbx-item b{color:var(--accent)}
html[data-day-kit="clean"][data-theme-active="day"] .cmbx-caret{border-color:var(--text3)}
html[data-day-kit="clean"][data-theme-active="day"] .cmbx-item.hl .cmbx-dot{box-shadow:none}
html[data-day-kit="clean"][data-theme-active="day"] .focus div.readout{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:10px 12px}
html[data-day-kit="clean"][data-theme-active="day"] .focus div.readout::before{display:none}
html[data-day-kit="clean"][data-theme-active="day"] .hud-stat .v{font-size:26px;white-space:nowrap}