/* ============================================================
   CARNET OS — shared theme  (Daylight ☀️ / Night 🌙)
   Loaded AFTER each app's own <style>. Switch by setting
   <html data-theme="daylight|night">. Pure CSS: no behaviour changes.

   Daylight = white/light surfaces, orange only as accent.
   Night    = carbon "cockpit" panels, sharp corners, uppercase tracked
              labels, white line icons, amber/orange glow.
   ============================================================ */

/* ---------- shared icon set (inline SVG sprite is injected by the shell) ---------- */
.ci{width:1em;height:1em;display:inline-block;vertical-align:-0.15em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- theme switch (topbar) — fully self-styled so the shell's generic button/.btn rules can't inflate it ---------- */
.theme-sw{display:inline-flex!important;align-items:center;padding:3px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);gap:2px;flex:none;height:32px;margin-right:4px}
.theme-sw button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;color:#cfd3da;font:700 12px/1 "Segoe UI",system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.theme-sw button.on{background:var(--brand);color:#fff;box-shadow:0 0 14px rgba(248,48,8,.45)}
.theme-sw .ci{width:15px;height:15px;flex:none}
.theme-sw button span{display:none} .theme-sw button{padding:0 8px} .theme-sw .ci{width:16px;height:16px}
@media(max-width:860px){ .theme-sw{height:30px} .theme-sw button{height:22px;padding:0 7px} }

/* ---------- shared line icons in nav / bottom bar / app grid ---------- */
.nav-item .ic .ci{width:18px;height:18px;color:var(--brand)}
.nav-item .ic-img{width:18px;height:18px;object-fit:cover;border-radius:4px}
.bb-ic .ci{width:22px;height:22px;display:block}
.bb-qr .ci{width:24px;height:24px;display:block;stroke-width:2}
.app-ic .glyph.has-svg{display:flex;align-items:center;justify-content:center}
.app-ic .glyph .gi{width:42px;height:42px;stroke-width:1.6}
/* app tiles — Daylight: soft white tile, orange icon */
html[data-theme="daylight"] .app-ic .glyph.has-svg{background:linear-gradient(145deg,#fff,#ffe9df);border:1px solid rgba(42,26,20,.08);color:var(--brand)}
/* app tiles — Night: cut-corner carbon tile, thin amber glowing icon */
html[data-theme="night"] .app-ic .glyph.has-svg{color:#ffb020}
html[data-theme="night"] .app-ic .glyph .gi{stroke-width:1.3;filter:drop-shadow(0 0 7px rgba(255,176,32,.55))}
html[data-theme="night"] .nav-item .ic .ci{color:#fff}
html[data-theme="night"] .nav-item.active .ic .ci{color:var(--brand)}
html[data-theme="night"] .bb-ic .ci{color:#8f949d}html[data-theme="night"] .bb-item.active .bb-ic .ci{color:#fff}

/* ============================================================
   DAYLIGHT
   ============================================================ */
html[data-theme="daylight"]{
  --bg:#f6f4f2; --panel:#ffffff; --panel-2:#f3f1ef; --line:rgba(42,26,20,.09);
  --ink:#1f1612; --ink-dim:#6f655f; --chip:#f3efec;
  --shadow:0 8px 24px rgba(120,40,10,.08);
}
html[data-theme="daylight"] body{background:
  radial-gradient(900px 420px at 50% -120px, rgba(248,48,8,.18), transparent 65%),
  linear-gradient(180deg,#fff1ea 0%,#f7f4f2 320px,#f4f2f0 100%) fixed}
html[data-theme="daylight"] .main{background:transparent}
html[data-theme="daylight"] .card,html[data-theme="daylight"] .tile,html[data-theme="daylight"] .tool-tile,html[data-theme="daylight"] .tf-card,html[data-theme="daylight"] .brc{
  background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-color:var(--line);border-radius:18px}
html[data-theme="daylight"] .side{background:rgba(255,255,255,.65);backdrop-filter:blur(10px)}
html[data-theme="daylight"] .nav-item.active{background:#fff2ec;border-color:rgba(248,48,8,.25);color:var(--brand)}
html[data-theme="daylight"] .home-search input{background:#fff;border-radius:16px}
html[data-theme="daylight"] .app-ic .glyph{border-radius:18px;box-shadow:0 6px 18px rgba(120,40,10,.10)}
html[data-theme="daylight"] .botbar{background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border-top-color:var(--line)}
html[data-theme="daylight"] .credit-strip,html[data-theme="daylight"] .duty-bar{border-radius:18px}

/* ============================================================
   NIGHT  (cockpit panels + neon-glass typography)
   ============================================================ */
html[data-theme="night"]{
  --bg:#050506; --panel:#141518; --panel-2:#1c1d21; --line:#2a2c31;
  --ink:#f2f2f2; --ink-dim:#a9adb6; --chip:#1f2126; --black:#0b0c0e;
  --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px rgba(0,0,0,.6);
  --radius:6px;
  color-scheme:dark;
}
html[data-theme="night"] body{background:
  radial-gradient(600px 300px at 0% 40%, rgba(248,48,8,.16), transparent 60%),
  radial-gradient(600px 300px at 100% 40%, rgba(255,170,0,.08), transparent 60%),
  #050506 fixed;color:var(--ink)}
html[data-theme="night"] .topbar{background:#0b0c0e;border-bottom-color:#1f2024}
html[data-theme="night"] .side{background:#0b0c0e;border-right-color:#1f2024}
html[data-theme="night"] .nav-group{color:#6b7079;letter-spacing:.16em;text-transform:uppercase;font-size:10px}
html[data-theme="night"] .nav-item{color:#c9cdd4;text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;border-radius:4px}
html[data-theme="night"] .nav-item .ic:not(:has(.ci)){filter:grayscale(1) brightness(2)}
html[data-theme="night"] .nav-item:hover{background:#15161a;color:#fff}
html[data-theme="night"] .nav-item.active{background:#1c1d21;border:none;border-left:3px solid var(--brand);border-radius:0;color:#fff;box-shadow:none}
html[data-theme="night"] .main{color:var(--ink)}
html[data-theme="night"] .page-head h2,html[data-theme="night"] h2,html[data-theme="night"] h3{color:var(--ink);letter-spacing:.04em}
html[data-theme="night"] .page-head p,html[data-theme="night"] .crumb{color:var(--ink-dim)}
/* panels: carbon, square corners */
html[data-theme="night"] .card,html[data-theme="night"] .tile,html[data-theme="night"] .tool-tile,html[data-theme="night"] .tf-card,html[data-theme="night"] .brc,
html[data-theme="night"] .notice,html[data-theme="night"] .doc-row,html[data-theme="night"] .home-sr,html[data-theme="night"] .gm-wrap,html[data-theme="night"] .modal-card,html[data-theme="night"] .gen-card{
  background:linear-gradient(180deg,#17181c,#0f1012);border:1px solid #26282d;border-radius:6px;box-shadow:var(--shadow);color:var(--ink)}
html[data-theme="night"] .card .ch{border-bottom-color:#26282d}
html[data-theme="night"] .ch h3,html[data-theme="night"] .sectlabel,html[data-theme="night"] .nav-group,html[data-theme="night"] .doc-cat-h,html[data-theme="night"] .cs-label,html[data-theme="night"] .duty-t1,html[data-theme="night"] .tf-name,html[data-theme="night"] .app-ic>span{
  text-transform:uppercase;letter-spacing:.1em}
html[data-theme="night"] .app-ic>span{font-size:10.5px;color:#d7dae0}
html[data-theme="night"] .cs-val,html[data-theme="night"] .stat-v{font-weight:300}
/* inputs / buttons */
html[data-theme="night"] input,html[data-theme="night"] select,html[data-theme="night"] textarea{background:#101114;border-color:#2a2c31;color:var(--ink);border-radius:4px}
html[data-theme="night"] input::placeholder{color:#6b7079}
html[data-theme="night"] .btn{border-radius:4px;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
html[data-theme="night"] .btn.ghost{background:#141518;border-color:#3a3d44;color:#f2f2f2}
html[data-theme="night"] .btn.ghost:hover{border-color:var(--brand)}
html[data-theme="night"] .rbtn,html[data-theme="night"] .gchip,html[data-theme="night"] .dpick-chip,html[data-theme="night"] .sup-tab,html[data-theme="night"] .um-tab,html[data-theme="night"] .chip-acc,html[data-theme="night"] .tag{
  background:#141518;border-color:#2a2c31;color:#c9cdd4;border-radius:4px}
html[data-theme="night"] .gchip.on,html[data-theme="night"] .dpick-chip.on,html[data-theme="night"] .sup-tab.on,html[data-theme="night"] .um-tab.on{background:rgba(248,48,8,.18);border-color:var(--brand);color:#fff}
/* home pieces */
html[data-theme="night"] .home-search input{background:#101114;border-color:rgba(248,48,8,.5);box-shadow:0 0 0 1px rgba(248,48,8,.15),0 0 30px rgba(248,48,8,.10);border-radius:4px;color:#fff}
html[data-theme="night"] .credit-strip,html[data-theme="night"] .duty-bar,html[data-theme="night"] .banner{border-radius:6px;background:linear-gradient(180deg,#17181c,#0f1012);border:1px solid #26282d}
html[data-theme="night"] .app-ic .glyph{border-radius:0;clip-path:polygon(0 12%,12% 0,100% 0,100% 88%,88% 100%,0 100%);background:linear-gradient(180deg,#1f2126,#121316);border:1px solid #3a3d44;box-shadow:inset 0 0 18px rgba(255,176,32,.08)}
html[data-theme="night"] .app-ic .glyph:not(.has-logo){filter:drop-shadow(0 0 6px rgba(255,176,32,.45))}
html[data-theme="night"] .app-ic:hover .glyph{border-color:var(--brand)}
html[data-theme="night"] .tool-tile,html[data-theme="night"] .tf-card{color:var(--ink)}
html[data-theme="night"] .tool-tile:hover,html[data-theme="night"] .tf-card:hover,html[data-theme="night"] .tile:hover{border-color:var(--brand)}
html[data-theme="night"] .botbar{background:rgba(11,12,14,.92);backdrop-filter:blur(14px);border-top-color:#1f2024;box-shadow:0 -10px 30px rgba(0,0,0,.5)}
html[data-theme="night"] .bb-item{color:#8f949d}
html[data-theme="night"] .bb-item.active{color:#fff}
html[data-theme="night"] .bb-center{border-color:#0b0c0e}
/* tables, rows, misc light leftovers */
html[data-theme="night"] table,html[data-theme="night"] th,html[data-theme="night"] td{color:var(--ink);border-color:#26282d}
html[data-theme="night"] th{color:#8f949d;text-transform:uppercase;letter-spacing:.1em;font-size:10.5px}
html[data-theme="night"] tr:hover td{background:#15161a}
html[data-theme="night"] .doc-meta,html[data-theme="night"] .prof-role,html[data-theme="night"] .tf-desc,html[data-theme="night"] small{color:var(--ink-dim)}
html[data-theme="night"] #notifPanel,html[data-theme="night"] .toast{background:#141518;color:var(--ink);border-color:#2a2c31}
html[data-theme="night"] .modal,html[data-theme="night"] .gen{background:rgba(0,0,0,.7)}
html[data-theme="night"] .avatar-lg,html[data-theme="night"] .tq-ic,html[data-theme="night"] .tf-ic,html[data-theme="night"] .tile .ti{background:#1c1d21;border-color:#2a2c31}
html[data-theme="night"] .pill.pending{background:rgba(245,158,11,.15)}
html[data-theme="night"] [style*="background:#fff"],html[data-theme="night"] [style*="background:#ffffff"],html[data-theme="night"] [style*="background:white"]{background:#141518!important;color:var(--ink)}
html[data-theme="night"] [style*="background:var(--panel-2)"]{color:var(--ink)}
html[data-theme="night"] .cd-grid td.gap,html[data-theme="night"] .cd-br.gap{background:rgba(255,176,32,.08)}
html[data-theme="night"] .cd-grid td.c:hover{background:#15161a}
html[data-theme="night"] .cd-panel{background:#101114;border-color:#2a2c31}
html[data-theme="night"] .theme-sw{background:#141518;border-color:#2a2c31}
html[data-theme="night"] .sw-slide{background:#3a3d44}

/* ---------- home strip icons ---------- */
.cs-ic .ci{width:22px;height:22px;color:#fff}
.hs-ic .ci{width:20px;height:20px;color:var(--ink-dim)}
.hs-ic{display:inline-flex;align-items:center}
.duty-cal .ci{width:15px;height:15px;color:var(--brand);stroke-width:2}
.duty-ib .ci{width:17px;height:17px}
.duty-ico .ci{width:13px;height:13px;color:#F7C1C1}
.duty-exp .ci{width:14px;height:14px;color:var(--brand);vertical-align:-2px}
html[data-theme="night"] .cs-ic{background:#1c1d21;border:1px solid #3a3d44}
html[data-theme="night"] .cs-ic .ci{color:#ffb020;filter:drop-shadow(0 0 6px rgba(255,176,32,.5))}
html[data-theme="night"] .hs-ic .ci{color:var(--brand)}
html[data-theme="daylight"] .cs-ic .ci{color:#fff}

/* ---------- home greeting ---------- */
.home-greet{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 16px}
.home-greet h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em}
.home-greet p{margin:3px 0 0;font-size:13px;color:var(--ink-dim)}
.hg-acts{display:flex;gap:8px;flex:none}
.hg-ib{position:relative;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;color:var(--ink);cursor:pointer;font-weight:800;font-size:13px;padding:0;overflow:hidden}
.hg-ib .ci{width:19px;height:19px}
.hg-av img{width:100%;height:100%;object-fit:cover}
.hg-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--brand);color:#fff;font-size:10px;font-weight:800;line-height:17px;text-align:center}
html[data-theme="daylight"] .hg-ib{background:rgba(255,255,255,.85);box-shadow:0 4px 14px rgba(120,40,10,.08)}
html[data-theme="night"] .home-greet h1{text-transform:none;letter-spacing:0}
html[data-theme="night"] .hg-ib{background:#141518;border-color:#2a2c31;border-radius:6px}
html[data-theme="night"] .hg-ib .ci{color:#fff}
@media(max-width:860px){ .home-greet h1{font-size:19px} .hg-ib{width:36px;height:36px} }

/* ============================================================
   DUTY BAR v2 — power slider + gauge pods + console keys (Ken's V1 pick, 2026-10-01)
   ============================================================ */
.duty-ps{position:relative;width:150px;height:44px;flex:none;cursor:pointer;border-radius:8px;background:#101114;border:1px solid #2a2c31;overflow:hidden;transition:.25s}
.duty-ps.busy{opacity:.6;pointer-events:none}
.duty-ps .seg{position:absolute;inset:6px;display:grid;grid-template-columns:repeat(10,1fr);gap:3px}
.duty-ps .seg span{border-radius:2px;background:#1c1d21}
.duty-ps .knob{position:absolute;top:4px;left:4px;width:52px;height:34px;border-radius:6px;background:linear-gradient(180deg,#3a3d44,#1c1d21);border:1px solid #4a4e57;display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:.12em;color:#c9cdd4;transition:left .3s cubic-bezier(.2,.9,.3,1.2),background .3s;z-index:2}
.duty-ps .knob::after{content:"OFF"}
.duty-ps.on{border-color:#19d3a2;box-shadow:0 0 22px rgba(25,211,162,.4);animation:dutyBreathe 2.4s ease-in-out infinite}
@keyframes dutyBreathe{50%{box-shadow:0 0 34px rgba(25,211,162,.65)}}
.duty-ps.on .seg span{background:color-mix(in srgb,#ffb020 calc(100% - var(--i)*11%),#19d3a2);box-shadow:0 0 6px rgba(25,211,162,.6);animation:dutyFill .5s both;animation-delay:calc(var(--i)*40ms)}
.duty-ps.on .knob{left:94px;background:linear-gradient(180deg,#2ee6b6,#13b58a);border-color:#5ff0c8;color:#fff}.duty-ps.on .knob::after{content:"ON"}
@keyframes dutyFill{from{opacity:.2;transform:scaleY(.3)}to{opacity:1;transform:none}}
html[data-theme="daylight"] .duty-ps{background:#2a2c31;border-color:#3a3d44}
/* gauge pods */
.duty-pod{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:10px;border:1px solid #2a2c31;background:#101114;font-size:12px;font-weight:700;cursor:pointer;color:#f2f2f2;white-space:nowrap}
.duty-pod:hover,.duty-pod.act{border-color:#F83008}
.duty-pod .ring{width:28px;height:28px;border-radius:50%;background:conic-gradient(#19d3a2 var(--p),#2a2c31 0);display:grid;place-items:center;flex:none}
.duty-pod .ring i{width:20px;height:20px;border-radius:50%;background:#101114;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800}
.duty-pod.empty{border-color:rgba(255,59,59,.5);color:#ff6b6b}
.duty-pod.empty .ring{background:#ff3b3b;animation:dutyBlink 1.4s infinite}
@keyframes dutyBlink{50%{opacity:.45}}
html[data-theme="daylight"] .duty-pod{background:#1c1d21}
/* console keys */
.duty-key{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid #3a3d44;background:linear-gradient(180deg,#1f2126,#121316);display:inline-grid;place-items:center;color:#ffb020;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 10px rgba(0,0,0,.4);padding:0;flex:none}
.duty-key .ci{width:19px;height:19px}
.duty-key.ww{width:auto;padding:0 14px;gap:8px;display:inline-flex;align-items:center;font-weight:800;font-size:12px;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,#ff6a3d,#F83008);border-color:#ff8a5c;box-shadow:0 0 18px rgba(248,48,8,.45);white-space:nowrap}
.duty-key.ww .ci{width:16px;height:16px;stroke-width:2}
.duty-key .b{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#fff;color:#F83008;font-size:10px;font-weight:800;display:none;place-items:center;border:2px solid #F83008;line-height:1}
html[data-theme="night"] .duty-key.ww{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border-radius:0}
html[data-theme="night"] .duty-key{border-radius:4px}
@media(max-width:640px){
  .duty-row{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"ps txt ww hist" "pods pods pods pods";align-items:center;gap:10px 8px;padding:12px}
  .duty-ps{grid-area:ps;width:116px;height:40px} .duty-ps .knob{width:44px;height:30px} .duty-ps.on .knob{left:68px}
  .duty-txt{grid-area:txt;min-width:0;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;gap:1px}
  .duty-txt .duty-t1{font-size:12px;white-space:nowrap} .duty-txt .duty-t2{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .duty-key.ww{grid-area:ww;width:40px;padding:0;justify-content:center} .duty-key.ww .t{display:none} .duty-key.ww .ci{width:18px;height:18px}
  .duty-key:not(.ww){grid-area:hist}
  .duty-pills{grid-area:pods;width:100%;order:0;display:flex;gap:8px;flex-wrap:wrap}
  .duty-pod{padding:4px 10px 4px 5px} .duty-pod .ring{width:26px;height:26px}.duty-pod .ring i{width:18px;height:18px;font-size:9px}
  #dutyLive{grid-area:hist;justify-self:end;align-self:start;margin:0}
  .duty-txt #pick{display:none!important}
}

/* ============================================================
   SIDEBAR hover — Scanline (Ken's pick C)
   ============================================================ */
.nav-item{position:relative;overflow:hidden;transition:color .18s,background .18s,padding-left .2s}
.nav-item::before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-45%;background:linear-gradient(90deg,transparent,rgba(248,48,8,.18),transparent);transform:skewX(-20deg);opacity:0;pointer-events:none}
html[data-theme="night"] .nav-item::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}
.nav-item:hover::before{opacity:1;animation:navSweep .6s ease-out}
@keyframes navSweep{to{left:110%}}
.nav-item::after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--brand);transform:scaleY(0);transition:transform .2s;box-shadow:0 0 8px var(--brand);pointer-events:none}
.nav-item:hover::after{transform:scaleY(1)}
.nav-item:not(.active):hover{padding-left:16px}
.nav-item .ic .ci{transition:color .18s,filter .18s}
html[data-theme="night"] .nav-item:hover .ic .ci{color:#ffb020;filter:drop-shadow(0 0 5px rgba(255,176,32,.7))}
html[data-theme="daylight"] .nav-item:hover .ic .ci{color:var(--brand)}
.nav-item .ic,.nav-item>*{position:relative;z-index:1}

/* ---------- duty row actions: WhatsApp / Call / Force-off as console keys ---------- */
.duty-wa,.duty-exp .duty-ib{width:38px;height:38px;border-radius:10px;display:inline-grid;place-items:center;flex:none;text-decoration:none;cursor:pointer;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 10px rgba(0,0,0,.35);transition:transform .12s,box-shadow .12s}
.duty-wa:hover,.duty-exp .duty-ib:hover{transform:translateY(-1px)}
.duty-wa{background:linear-gradient(180deg,#34e07a,#1fb85c);border-color:#5ff39a;color:#fff}
.duty-wa.duty-call{background:linear-gradient(180deg,#4d8dff,#2b6ff0);border-color:#7fb0ff;color:#fff}
.duty-exp .duty-ib{background:linear-gradient(180deg,#1f2126,#121316);border-color:#3a3d44;color:#ff6b6b}
.duty-exp .duty-ib .ci{width:17px;height:17px;stroke-width:2;filter:drop-shadow(0 0 5px rgba(255,59,59,.6))}
.duty-exp .duty-ib:hover{border-color:#ff3b3b;box-shadow:0 0 14px rgba(255,59,59,.45)}
html[data-theme="night"] .duty-wa,html[data-theme="night"] .duty-exp .duty-ib{border-radius:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
html[data-theme="night"] .duty-wa{box-shadow:0 0 12px rgba(52,224,122,.35)}
html[data-theme="night"] .duty-wa.duty-call{box-shadow:0 0 12px rgba(77,141,255,.35)}
@media(max-width:640px){ .duty-wa,.duty-exp .duty-ib{width:34px;height:34px} }

/* ---------- duty slider OFF: idle shimmer + faint amber standby glow (invites the tap) ---------- */
.duty-ps:not(.on){box-shadow:0 0 0 1px rgba(255,176,32,.08),0 0 14px rgba(255,176,32,.10);animation:dutyIdle 3s ease-in-out infinite}
@keyframes dutyIdle{50%{box-shadow:0 0 0 1px rgba(255,176,32,.18),0 0 22px rgba(255,176,32,.22)}}
.duty-ps:not(.on)::after{content:"";position:absolute;top:0;bottom:0;width:38%;left:-45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-20deg);animation:dutyShine 3.6s ease-in-out infinite;pointer-events:none;z-index:3}
@keyframes dutyShine{0%,55%{left:-45%}85%,100%{left:110%}}
.duty-ps:not(.on) .seg span:first-child{background:#2a2420;box-shadow:inset 0 0 6px rgba(255,176,32,.35);animation:dutyPip 1.6s ease-in-out infinite}
@keyframes dutyPip{50%{background:#5a3d14;box-shadow:inset 0 0 8px rgba(255,176,32,.7),0 0 6px rgba(255,176,32,.5)}}
.duty-ps:not(.on) .knob{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 6px rgba(0,0,0,.5)}
.duty-ps:not(.on):hover{box-shadow:0 0 0 1px rgba(255,176,32,.35),0 0 24px rgba(255,176,32,.3)}
@media(prefers-reduced-motion:reduce){ .duty-ps:not(.on),.duty-ps:not(.on)::after,.duty-ps:not(.on) .seg span:first-child{animation:none} }

@media(max-width:380px){ .app-ic .glyph .gi{width:38px;height:38px} }

/* search results: module line icon */
.gs-ic{width:20px;height:20px;vertical-align:middle;margin-right:2px;color:var(--brand)}
html[data-theme="night"] .gs-ic{color:#ffb020}