/* Caleb's War — frontend widget kit (panels, buttons, sliders, toggles,
   segmented controls, dropdowns, tabs, modal, toast, tooltip, tables). */

/* ---------------------------------------------------------------- panels --- */
.cw-panel {
  position: relative; background: var(--cn-panel);
  border: 1px solid var(--cn-line);
  box-shadow: 0 calc(18 * var(--px)) calc(48 * var(--px)) rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(calc(6 * var(--px))) saturate(1.1); -webkit-backdrop-filter: blur(calc(6 * var(--px))) saturate(1.1);
}
/* Corner brackets: the "military console" look without images. */
.cw-panel::before {
  content: ""; position: absolute; inset: -1px; pointer-events: none;
  --c: var(--cn-amber-dim); --l: calc(14 * var(--px)); --t: calc(2 * var(--px));
  background:
    linear-gradient(var(--c), var(--c)) top left / var(--l) var(--t) no-repeat,
    linear-gradient(var(--c), var(--c)) top left / var(--t) var(--l) no-repeat,
    linear-gradient(var(--c), var(--c)) top right / var(--l) var(--t) no-repeat,
    linear-gradient(var(--c), var(--c)) top right / var(--t) var(--l) no-repeat,
    linear-gradient(var(--c), var(--c)) bottom left / var(--l) var(--t) no-repeat,
    linear-gradient(var(--c), var(--c)) bottom left / var(--t) var(--l) no-repeat,
    linear-gradient(var(--c), var(--c)) bottom right / var(--l) var(--t) no-repeat,
    linear-gradient(var(--c), var(--c)) bottom right / var(--t) var(--l) no-repeat;
}
.cw-panel-head {
  display: flex; align-items: center; gap: calc(10 * var(--px));
  height: calc(34 * var(--px)); padding: 0 calc(14 * var(--px));
  border-bottom: 1px solid var(--cn-line);
  background: linear-gradient(90deg, rgba(255, 178, 63, 0.10), rgba(255, 178, 63, 0) 70%);
  font: 600 calc(15 * var(--px)) / 1 var(--f-cond); letter-spacing: 0.16em; text-transform: uppercase; color: var(--cn-amber);
}
.cw-panel-head .cw-dim { margin-left: auto; letter-spacing: 0.08em; }
.cw-panel-body { padding: calc(14 * var(--px)); }

.cw-dim { color: var(--cn-dim); }
.cw-faint { color: var(--cn-faint); }
.cw-amber { color: var(--cn-amber); }
.cw-green { color: var(--cn-green); }
.cw-red { color: var(--cn-red); }
.cw-mono { font-family: var(--f-mono); }
.cw-cond { font-family: var(--f-cond); }
.cw-caret { display: inline-block; margin-left: 2px; color: var(--cn-amber); animation: cw-blink 1s steps(1) infinite; }
@keyframes cw-blink { 50% { opacity: 0; } }

/* --------------------------------------------------------------- buttons --- */
.cw-btn {
  --h: calc(40 * var(--px));
  position: relative; display: inline-flex; align-items: center; gap: calc(10 * var(--px));
  min-height: var(--h); padding: 0 calc(20 * var(--px)) 0 calc(18 * var(--px));
  border: 0; color: var(--cn-text); background: var(--cn-btn);
  clip-path: polygon(0 0, calc(100% - 10 * var(--px)) 0, 100% calc(10 * var(--px)), 100% 100%, 0 100%);
  font: 600 calc(17 * var(--px)) / 1 var(--f-cond); letter-spacing: 0.12em; text-transform: uppercase;
  transition: background 40ms linear, color 40ms linear;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.cw-btn::before { /* amber left bar: 1 px → 6 px on hover (bible §2.2) */
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: var(--cn-amber);
  transition: width 90ms var(--ease-out), box-shadow 90ms linear;
}
.cw-btn::after { /* faint top sheen */
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 45%);
}
.cw-btn:hover, .cw-btn:focus-visible { background: var(--cn-btn-hi); color: #fff; }
.cw-btn:hover::before, .cw-btn:focus-visible::before { width: calc(6 * var(--px)); box-shadow: 0 0 calc(14 * var(--px)) var(--cn-amber); }
.cw-btn:focus-visible { outline: none; }
.cw-btn:active { transform: translateY(calc(1 * var(--px))); }
.cw-btn.is-disabled { color: var(--cn-faint); background: #0d1115; cursor: not-allowed; }
.cw-btn.is-disabled::before { background: var(--cn-faint); width: 1px; box-shadow: none; }
.cw-btn-text { display: flex; flex-direction: column; align-items: flex-start; gap: calc(4 * var(--px)); }
.cw-btn-label { padding-top: calc(2 * var(--px)); white-space: nowrap; }
.cw-btn-sub { font: 400 calc(13 * var(--px)) / 1.1 var(--f-ui); letter-spacing: 0.01em; text-transform: none; color: var(--cn-dim); }
.cw-btn:hover .cw-btn-sub { color: var(--cn-text-2); }
.cw-btn-icon { display: inline-flex; color: var(--cn-amber); }
.cw-btn-icon svg { width: calc(16 * var(--px)); height: calc(16 * var(--px)); }

.cw-btn-primary { background: linear-gradient(180deg, #3a2a0e, #241a08); color: var(--cn-amber-2); }
.cw-btn-primary::before { width: calc(3 * var(--px)); }
.cw-btn-primary:hover, .cw-btn-primary:focus-visible { background: linear-gradient(180deg, #4d3812, #30220a); color: #fff3dc; }
.cw-btn-primary.is-glow { animation: cw-glowpulse 1.2s ease-in-out infinite; }
@keyframes cw-glowpulse { 50% { box-shadow: inset 0 0 calc(18 * var(--px)) rgba(255, 178, 63, 0.35); } }
.cw-btn-danger::before { background: var(--cn-red); }
.cw-btn-danger:hover::before { box-shadow: 0 0 calc(14 * var(--px)) var(--cn-red); }
.cw-btn-ghost { background: transparent; box-shadow: none; }
.cw-btn-small { --h: calc(30 * var(--px)); font-size: calc(14 * var(--px)); padding: 0 calc(12 * var(--px)); }
.cw-btn-big { --h: calc(52 * var(--px)); font-size: calc(21 * var(--px)); padding: 0 calc(30 * var(--px)); }
.cw-btn-icononly { padding: 0 calc(10 * var(--px)); }

/* Main-menu buttons: 360 × 48 with a sub-line (bible §2.2/§2.3). */
.cw-menu-btn { --h: calc(56 * var(--px)); width: calc(360 * var(--px)); padding-left: calc(22 * var(--px));
  font-size: calc(22 * var(--px)); letter-spacing: 0.12em;
  clip-path: polygon(0 0, calc(100% - 12 * var(--px)) 0, 100% calc(12 * var(--px)), 100% 100%, 0 100%); }
.cw-menu-btn .cw-btn-sub { font-size: calc(13 * var(--px)); }
.cw-menu-btn:hover { background: linear-gradient(90deg, #1f2a33, var(--cn-btn-hi) 60%); }

/* Screen header back button. */
.cw-back { display: inline-flex; align-items: center; gap: calc(6 * var(--px)); }

/* ---------------------------------------------------------------- slider --- */
.cw-slider { display: flex; align-items: center; gap: calc(12 * var(--px)); min-width: 0; }
.cw-range { -webkit-appearance: none; appearance: none; flex: 1; min-width: calc(120 * var(--px)); height: calc(22 * var(--px)); background: transparent; margin: 0; --fill: 50%; }
.cw-range::-webkit-slider-runnable-track {
  height: calc(6 * var(--px)); border: 1px solid var(--cn-line-hi);
  background: linear-gradient(90deg, var(--cn-amber) 0 var(--fill), #0b0f13 var(--fill) 100%);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6);
}
.cw-range::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none; width: calc(12 * var(--px)); height: calc(22 * var(--px)); margin-top: calc(-9 * var(--px));
  background: linear-gradient(180deg, #e7edf2, #8c98a3); border: 1px solid #0b0f13;
  box-shadow: 0 0 0 1px rgba(255, 178, 63, 0), 0 2px 4px rgba(0, 0, 0, 0.6); cursor: pointer;
}
.cw-range:hover::-webkit-slider-thumb, .cw-range:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 1px var(--cn-amber), 0 0 calc(10 * var(--px)) var(--cn-amber); }
.cw-range:focus-visible { outline: none; }
.cw-range-val { min-width: calc(64 * var(--px)); text-align: right; font: 500 calc(14 * var(--px)) var(--f-mono); color: var(--cn-amber); white-space: nowrap; }

/* ---------------------------------------------------------------- toggle --- */
.cw-toggle { display: inline-flex; align-items: center; gap: calc(10 * var(--px)); background: none; border: 0; padding: calc(2 * var(--px)) 0; }
.cw-toggle-track { position: relative; width: calc(44 * var(--px)); height: calc(20 * var(--px)); background: #0b0f13; border: 1px solid var(--cn-line-hi); transition: background 120ms; }
.cw-toggle-knob { position: absolute; top: calc(2 * var(--px)); left: calc(2 * var(--px)); width: calc(18 * var(--px)); height: calc(14 * var(--px));
  background: linear-gradient(180deg, #aeb8c2, #5d6873); transition: transform 140ms var(--ease-out), background 140ms; }
.cw-toggle[aria-checked="true"] .cw-toggle-track { background: rgba(255, 178, 63, 0.22); border-color: var(--cn-amber); }
.cw-toggle[aria-checked="true"] .cw-toggle-knob { transform: translateX(calc(20 * var(--px))); background: linear-gradient(180deg, #ffe0a3, var(--cn-amber)); box-shadow: 0 0 calc(8 * var(--px)) var(--cn-amber); }
.cw-toggle-text { font: 600 calc(13 * var(--px)) var(--f-mono); color: var(--cn-dim); min-width: calc(30 * var(--px)); text-align: left; }
.cw-toggle[aria-checked="true"] .cw-toggle-text { color: var(--cn-amber); }

/* ------------------------------------------------------------- segmented --- */
.cw-seg { display: inline-flex; border: 1px solid var(--cn-line-hi); background: #0b0f13; }
.cw-seg-btn { border: 0; background: transparent; padding: calc(8 * var(--px)) calc(14 * var(--px)) calc(6 * var(--px));
  font: 600 calc(15 * var(--px)) / 1 var(--f-cond); letter-spacing: 0.12em; text-transform: uppercase; color: var(--cn-dim);
  border-right: 1px solid var(--cn-line); transition: background 60ms, color 60ms; }
.cw-seg-btn:last-child { border-right: 0; }
.cw-seg-btn:hover { color: var(--cn-text); background: var(--cn-btn-hi); }
.cw-seg-btn.is-on { color: #10151a; background: var(--seg, var(--cn-amber)); box-shadow: 0 0 calc(12 * var(--px)) color-mix(in srgb, var(--seg, var(--cn-amber)) 45%, transparent); }

/* -------------------------------------------------------------- dropdown --- */
.cw-dd { display: inline-flex; align-items: center; gap: calc(8 * var(--px)); min-width: 0; height: calc(32 * var(--px));
  padding: 0 calc(8 * var(--px)) 0 calc(10 * var(--px)); background: #0c1116; border: 1px solid var(--cn-line-hi); color: var(--cn-text);
  font: 500 calc(14 * var(--px)) var(--f-ui); text-align: left; }
.cw-dd:hover, .cw-dd[aria-expanded="true"] { border-color: var(--cn-amber); background: #111820; }
.cw-dd-face { flex: 1; min-width: 0; display: flex; align-items: center; gap: calc(8 * var(--px)); overflow: hidden; }
.cw-dd-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cw-dd-chev { width: calc(8 * var(--px)); height: calc(8 * var(--px)); border-right: 2px solid var(--cn-amber); border-bottom: 2px solid var(--cn-amber); transform: translateY(calc(-2 * var(--px))) rotate(45deg); flex: none; }
.cw-dd-face svg, .cw-dd-opt svg { flex: none; }
.cw-dd-pop { position: fixed; z-index: 160; overflow: auto; background: #0b1014; border: 1px solid var(--cn-amber-dim);
  box-shadow: 0 calc(14 * var(--px)) calc(40 * var(--px)) rgba(0, 0, 0, 0.7); padding: calc(4 * var(--px)) 0; animation: cw-pop 90ms var(--ease-out); }
@keyframes cw-pop { from { opacity: 0; transform: translateY(calc(-4 * var(--px))); } }
.cw-dd-group { padding: calc(8 * var(--px)) calc(12 * var(--px)) calc(4 * var(--px)); font: 600 calc(12 * var(--px)) var(--f-cond); letter-spacing: 0.18em; color: var(--cn-amber); text-transform: uppercase; }
.cw-dd-opt { display: flex; align-items: center; gap: calc(10 * var(--px)); padding: calc(7 * var(--px)) calc(14 * var(--px)); font-size: calc(14 * var(--px)); cursor: pointer; white-space: nowrap; }
.cw-dd-opt.is-hi { background: var(--cn-btn-hi); color: #fff; }
.cw-dd-opt.is-sel { color: var(--cn-amber); }
.cw-dd-opt.is-disabled { color: var(--cn-faint); cursor: not-allowed; }
.cw-dd-hint { margin-left: auto; padding-left: calc(18 * var(--px)); color: var(--cn-faint); font-size: calc(12 * var(--px)); }
.cw-flag { display: block; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); }

/* ------------------------------------------------------------------ tabs --- */
.cw-tabs { display: flex; gap: calc(2 * var(--px)); border-bottom: 1px solid var(--cn-line); }
.cw-tab { position: relative; border: 0; background: transparent; padding: calc(12 * var(--px)) calc(20 * var(--px)) calc(10 * var(--px));
  font: 600 calc(17 * var(--px)) / 1 var(--f-cond); letter-spacing: 0.14em; color: var(--cn-dim); text-transform: uppercase; }
.cw-tab:hover { color: var(--cn-text); background: rgba(255, 255, 255, 0.03); }
.cw-tab.is-on { color: var(--cn-amber); }
.cw-tab:focus-visible { outline: none; background: rgba(255, 178, 63, 0.08); color: var(--cn-amber-2); }
.cw-tab.is-on::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: calc(3 * var(--px)); background: var(--cn-amber); box-shadow: 0 0 calc(10 * var(--px)) var(--cn-amber); }

/* ------------------------------------------------------------ form rows --- */
.cw-rows { display: flex; flex-direction: column; }
.cw-row { display: grid; grid-template-columns: minmax(calc(180 * var(--px)), 38%) 1fr; align-items: center; gap: calc(16 * var(--px));
  min-height: calc(46 * var(--px)); padding: calc(6 * var(--px)) calc(4 * var(--px)); border-bottom: 1px solid rgba(38, 49, 58, 0.6); }
.cw-row-label { font: 600 calc(16 * var(--px)) / 1.1 var(--f-cond); letter-spacing: 0.08em; text-transform: uppercase; color: var(--cn-text-2); }
.cw-row-label small { display: block; margin-top: calc(3 * var(--px)); font: 400 calc(12 * var(--px)) / 1.3 var(--f-ui); letter-spacing: 0; text-transform: none; color: var(--cn-faint); }
.cw-row-ctl { display: flex; align-items: center; gap: calc(10 * var(--px)); min-width: 0; }
.cw-section-title { margin: calc(18 * var(--px)) 0 calc(6 * var(--px)); font: 600 calc(13 * var(--px)) var(--f-cond); letter-spacing: 0.22em; color: var(--cn-amber); text-transform: uppercase; }
.cw-input { height: calc(32 * var(--px)); background: #0c1116; border: 1px solid var(--cn-line-hi); padding: 0 calc(10 * var(--px)); font: 500 calc(14 * var(--px)) var(--f-mono); color: var(--cn-text); user-select: text; -webkit-user-select: text; }
.cw-input:focus { border-color: var(--cn-amber); }

/* ----------------------------------------------------------------- table --- */
.cw-table { width: 100%; border-collapse: collapse; font-size: calc(14 * var(--px)); }
.cw-table th { text-align: left; padding: calc(8 * var(--px)) calc(10 * var(--px)); font: 600 calc(12 * var(--px)) var(--f-cond); letter-spacing: 0.18em; color: var(--cn-amber); text-transform: uppercase; border-bottom: 1px solid var(--cn-line-hi); white-space: nowrap; }
.cw-table td { padding: calc(8 * var(--px)) calc(10 * var(--px)); border-bottom: 1px solid rgba(38, 49, 58, 0.7); white-space: nowrap; }
.cw-table td.num, .cw-table th.num { text-align: right; font-family: var(--f-mono); }

/* ------------------------------------------------------------------ chips --- */
.cw-chip { display: inline-flex; align-items: center; gap: calc(6 * var(--px)); height: calc(26 * var(--px)); padding: 0 calc(10 * var(--px));
  border: 1px solid var(--cn-line-hi); background: #0c1116; font: 600 calc(13 * var(--px)) / 1 var(--f-cond); letter-spacing: 0.1em; color: var(--cn-dim); text-transform: uppercase; }
button.cw-chip:hover { color: var(--cn-text); border-color: var(--cn-amber-dim); }
.cw-chip.is-on { color: #10151a; background: var(--cn-amber); border-color: var(--cn-amber); }
.cw-swatch { display: inline-block; width: calc(14 * var(--px)); height: calc(14 * var(--px)); background: var(--c, #888); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.12); flex: none; }
.cw-dd-face .cw-swatch, .cw-dd-opt .cw-swatch { width: calc(16 * var(--px)); height: calc(16 * var(--px)); }

/* ----------------------------------------------------------------- modal --- */
.cw-modal-scrim { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(2, 4, 6, 0.0); transition: background 160ms ease; }
.cw-modal-scrim.is-open { background: rgba(2, 4, 6, 0.66); }
.cw-modal { min-width: calc(440 * var(--px)); max-width: min(92vw, calc(640 * var(--px))); padding: calc(24 * var(--px)) calc(28 * var(--px)) calc(22 * var(--px));
  background: #0b1014; border: 1px solid var(--cn-amber-dim); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8), 0 calc(30 * var(--px)) calc(80 * var(--px)) rgba(0, 0, 0, 0.8), 0 0 calc(40 * var(--px)) rgba(255, 178, 63, 0.08);
  transform: scale(0.96); opacity: 0; transition: transform 160ms var(--ease-out), opacity 160ms; }
.cw-modal-scrim.is-open .cw-modal { transform: none; opacity: 1; }
.cw-modal-title { font: 700 calc(26 * var(--px)) / 1.1 var(--f-din); letter-spacing: 0.06em; color: var(--cn-amber); text-transform: uppercase; }
.cw-modal-body { margin-top: calc(12 * var(--px)); color: var(--cn-text-2); font-size: calc(15 * var(--px)); line-height: 1.5; }
.cw-modal-btns { display: flex; justify-content: flex-end; gap: calc(10 * var(--px)); margin-top: calc(22 * var(--px)); }

/* ----------------------------------------------------------------- toast --- */
.cw-toast { max-width: calc(460 * var(--px)); padding: calc(10 * var(--px)) calc(16 * var(--px)); background: #0b1014; border: 1px solid var(--cn-line-hi);
  border-left: calc(3 * var(--px)) solid var(--cn-amber); font-size: calc(14 * var(--px)); color: var(--cn-text);
  box-shadow: 0 calc(10 * var(--px)) calc(30 * var(--px)) rgba(0, 0, 0, 0.6); opacity: 0; transform: translateY(calc(8 * var(--px))); transition: opacity 200ms, transform 200ms var(--ease-out); }
.cw-toast.is-in { opacity: 1; transform: none; }
.cw-toast-ok { border-left-color: var(--cn-green); }
.cw-toast-warn { border-left-color: #f2c230; }
.cw-toast-bad { border-left-color: var(--cn-red); }

/* ---------------------------------------------------------------- tooltip --- */
.cw-tip { position: fixed; left: 0; top: 0; z-index: 300; max-width: calc(340 * var(--px)); padding: calc(7 * var(--px)) calc(10 * var(--px));
  background: #0b1014; border: 1px solid var(--cn-amber-dim); color: var(--cn-text); font: 400 calc(13 * var(--px)) / 1.4 var(--f-ui);
  box-shadow: 0 calc(8 * var(--px)) calc(24 * var(--px)) rgba(0, 0, 0, 0.7); pointer-events: none; opacity: 0; transition: opacity 90ms; }
.cw-tip.is-on { opacity: 1; }

/* Subtitle bar (announcer lines). */
.cw-sub { padding: calc(8 * var(--px)) calc(18 * var(--px)); background: rgba(3, 6, 8, 0.78); border: 1px solid rgba(255, 255, 255, 0.06);
  font: 500 calc(18 * var(--px)) / 1.35 var(--f-ui); color: #eef2f5; text-align: center; opacity: 0; transform: translateY(calc(6 * var(--px)));
  transition: opacity 200ms, transform 200ms var(--ease-out); text-shadow: 0 1px 2px #000; }
.cw-sub.is-in { opacity: 1; transform: none; }
.cw-sub b { color: var(--sub, var(--accent)); font-weight: 700; letter-spacing: 0.06em; margin-right: calc(6 * var(--px)); }

/* ---------------------------------------------------- screen header/footer --- */
.cw-header { position: absolute; left: 0; right: 0; top: 0; height: calc(72 * var(--px)); display: flex; align-items: center; gap: calc(20 * var(--px));
  padding: 0 calc(36 * var(--px)); background: linear-gradient(180deg, rgba(5, 8, 10, 0.92), rgba(5, 8, 10, 0.55)); border-bottom: 1px solid var(--cn-line); z-index: 5; }
.cw-header-title { font: 700 calc(30 * var(--px)) / 1 var(--f-din); letter-spacing: 0.1em; color: var(--cn-text); text-transform: uppercase; padding-top: calc(4 * var(--px)); }
.cw-header-title .cw-amber { margin-right: calc(10 * var(--px)); }
.cw-header-sub { font: 500 calc(13 * var(--px)) var(--f-mono); color: var(--cn-dim); letter-spacing: 0.08em; }
.cw-header-right { margin-left: auto; display: flex; align-items: center; gap: calc(14 * var(--px)); }
.cw-footer { position: absolute; left: 0; right: 0; bottom: 0; height: calc(72 * var(--px)); display: flex; align-items: center; gap: calc(12 * var(--px));
  padding: 0 calc(36 * var(--px)); background: linear-gradient(0deg, rgba(5, 8, 10, 0.95), rgba(5, 8, 10, 0.6)); border-top: 1px solid var(--cn-line); z-index: 5; }
.cw-footer .cw-spacer { flex: 1; }
.cw-footer-msg { font: 500 calc(13 * var(--px)) var(--f-mono); color: #f2c230; letter-spacing: 0.04em; }
.cw-footer-msg.is-ok { color: var(--cn-green); }

/* Status strip (bible §2.2): 24 px at the very bottom of menu screens. */
.cw-status { position: absolute; left: 0; right: 0; bottom: 0; height: calc(24 * var(--px)); display: flex; align-items: center; gap: calc(10 * var(--px));
  padding: 0 calc(18 * var(--px)); background: rgba(3, 5, 7, 0.9); border-top: 1px solid var(--cn-line);
  font: 500 calc(11.5 * var(--px)) var(--f-mono); letter-spacing: 0.14em; color: var(--cn-faint); text-transform: uppercase; z-index: 6; white-space: nowrap; overflow: hidden; }
.cw-status .led { width: calc(6 * var(--px)); height: calc(6 * var(--px)); border-radius: 50%; background: var(--cn-green); box-shadow: 0 0 calc(6 * var(--px)) var(--cn-green); animation: cw-blink 2s steps(1) infinite; }
.cw-status .sep { color: var(--cn-line-hi); }
.cw-status .hi { color: var(--cn-dim); }