/* ===== Clastop v3 · Minimal-kit geometry (see /workspace/inspo/style_extract.md) on the broadcast gallery =====
   Surfaces/radii/soft-colour system/labels/switches/segmented chips/hero gradient cards are taken from the inspiration kit;
   broadcast semantics: PROGRAM = error family shifted to broadcast red, PREVIEW = success, REC/IFB = warning, accent = dk indigo→violet. */
.cl-v3{--m-bg-default:#0E1217;--m-bg-paper:#1C252E;--m-bg-neutral:#28323D;--m-text:#fff;--m-text-2:#919EAB;--m-text-3:#637381;--m-divider:rgba(145,158,171,.2);
 --pgm:#FF3B30;--pgm-ch:255 59 48;--pgm-l:#FFAC82;--pvw:#22C55E;--pvw-ch:34 197 94;--pvw-l:#77ED8B;--rec:#FFAB00;--rec-ch:255 171 0;--rec-l:#FFD666;--info:#00B8D9;--info-l:#61F3F3;
 --indigo:#6366F1;--violet:#A78BFA;--pink:#F9A8D4;--sky:#93C5FD;--mint:#86EFAC;
 --r-label:6px;--r-btn:8px;--r-card:16px;--r-dk:20px;--r-hero:28px;--soft:.16;--soft-h:.32;
 --sh-card:0 0 2px 0 rgba(0,0,0,.2),0 12px 24px -4px rgba(0,0,0,.12);--sh-drop:0 0 2px 0 rgba(0,0,0,.24),-20px 20px 40px -4px rgba(0,0,0,.24);--sh-z20:0 20px 40px -4px rgba(0,0,0,.16);
 --cl-pgm:var(--pgm);--cl-pvw:var(--pvw);--cl-rec:var(--rec);--cl-acc:var(--indigo);--cl-ai:var(--violet);
 --cl-bg:var(--m-bg-default);--cl-s1:var(--m-bg-paper);--cl-s2:rgba(145,158,171,.08);--cl-s3:var(--m-bg-neutral);--cl-line:var(--m-divider);--cl-tx:#fff;--cl-dim:var(--m-text-2);
 --glow-r:0 0 0 1px var(--pgm),0 26px 50px -24px var(--pgm);--glow-g:0 0 0 1px var(--pvw),0 26px 50px -24px var(--pvw);
 background:radial-gradient(900px 420px at 85% -12%,rgba(99,102,241,.16),transparent 60%),radial-gradient(700px 380px at -5% 105%,rgba(147,197,253,.08),transparent 60%),var(--m-bg-default);
 font-family:'Public Sans','Heebo',system-ui,sans-serif}
html[dir=rtl] .cl-v3,html[lang=he] .cl-v3{font-family:'Heebo','Public Sans',system-ui,sans-serif}
.cl-v3 :is(.cl-wm,.cl-kv,.cl-hw,.cl-key b,.cl-onairbox,.cl-umd,.cl-tile .umd,.cl-livetag,.cl-bug,.cl-l3-n,.cl-l3-t){font-family:'Public Sans','Heebo',sans-serif}
.cl-v3 .mono,.cl-v3 .cl-mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.cl-v3 h2{font:700 1.375rem/1.4 'Public Sans','Heebo';letter-spacing:-.01em}html[dir=rtl] .cl-v3 h2{font-family:'Heebo','Public Sans'}
/* ---- header (72px, blur 8px, searchbox+kbd, avatar w/ badge dot) ---- */
.cl-v3 .cl-top{height:72px;background:color-mix(in srgb,var(--m-bg-default) 80%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px dashed var(--m-divider);box-shadow:none;gap:14px}
.cl-v3 .cl-body{height:calc(100vh - 72px)}
.cl-searchbox{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:40px;padding-inline:12px;border-radius:var(--r-btn);color:var(--m-text-2)}
.cl-searchbox:hover{background:rgba(145,158,171,.08)}
.cl-searchbox kbd{font:700 12px/1 'Public Sans';background:var(--m-bg-neutral);border-radius:6px;padding:3px 6px;color:var(--m-text-3);opacity:1}
.cl-avatar{position:relative;width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;font:600 .875rem 'Public Sans';background:rgb(99 102 241/var(--soft));color:#C7C8FF;border:2px solid var(--m-bg-paper);box-shadow:0 0 0 2px rgb(99 102 241/.4)}
.cl-bdot{position:absolute;top:0;inset-inline-end:0;width:10px;height:10px;border-radius:50%;background:var(--pgm);border:2px solid var(--m-bg-default)}
.cl-langseg{position:relative;display:inline-flex;padding:3px;border-radius:999px;background:rgba(145,158,171,.12);direction:ltr}
.cl-langseg button{all:unset;cursor:pointer;position:relative;z-index:1;width:40px;height:28px;display:grid;place-items:center;font:700 12.5px 'Public Sans','Heebo';color:var(--m-text-2);transition:color .15s}
.cl-langseg button[data-l=he]{font-family:'Heebo'}
.cl-langseg button.on{color:#fff}
.cl-langseg i{position:absolute;top:3px;bottom:3px;left:3px;width:40px;border-radius:999px;background:linear-gradient(135deg,var(--indigo),var(--violet));box-shadow:0 8px 16px -6px var(--indigo);transition:transform .25s cubic-bezier(.2,.9,.3,1)}
.cl-langseg[data-l=en] i{transform:translateX(40px)}
.cl-v3 .cl-onairbox{border-radius:var(--r-btn);background:linear-gradient(160deg,#FF5A4F,#C4140B);box-shadow:inset 0 1px rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.12),0 0 24px rgb(var(--pgm-ch)/.7),0 26px 50px -24px var(--pgm);letter-spacing:.16em}
.cl-v3 .cl-onairbox::after{display:none}
.cl-v3 .cl-dest{height:28px;border-radius:var(--r-label);background:rgba(145,158,171,.12);border:0;font-weight:700}
.cl-v3 .cl-dest i{background:var(--pvw);box-shadow:none;animation:dkblink 1.6s ease-in-out infinite}
.cl-v3 .cl-dest.warn{background:rgb(var(--rec-ch)/var(--soft));color:var(--rec-l)}.cl-v3 .cl-dest.warn i{background:var(--rec)}
@keyframes dkblink{0%,to{opacity:1}50%{opacity:.25}}
.cl-v3 .cl-rec{background:rgb(var(--rec-ch)/var(--soft));color:var(--rec-l);height:28px;padding-inline:8px;border-radius:var(--r-label)}
.cl-v3 .cl-aib{border-radius:var(--r-btn)!important;background:rgb(167 139 250/var(--soft))!important;border:0!important;box-shadow:none!important;color:#C9B8FF!important;height:36px}
.cl-v3 .cl-tcs small{color:var(--m-text-2);font-weight:600}
/* ---- mini nav (88px, dashed divider, soft active) ---- */
.cl-v3 .cl-nav{width:88px;background:var(--m-bg-default);border-inline-end:1px dashed var(--m-divider);padding:16px 8px;gap:4px}
.cl-v3 .cl-nav button{border-radius:var(--r-btn);min-height:56px;font:600 10px 'Public Sans','Heebo';color:var(--m-text-2)}
.cl-v3 .cl-nav button:hover{background:rgba(145,158,171,.08);color:#fff}
.cl-v3 .cl-nav button.on{background:rgb(99 102 241/.12);color:#C7C8FF;box-shadow:none}
.cl-v3 .cl-nav button.on svg{color:var(--violet);filter:none}
.cl-v3 .cl-main{padding:20px 24px}
/* ---- cards (16px, shadow-card, no border) ---- */
.cl-v3 :is(.cl-glass,.cl-card,.cl-pc,.cl-strip,.cl-seg,.cl-tl,.cl-ai,.cl-kcard){background:var(--m-bg-paper);border:0!important;box-shadow:var(--sh-card);backdrop-filter:none;border-radius:var(--r-card)}
.cl-v3 .cl-ai{border-radius:0;background:var(--m-bg-default);border-inline-start:1px dashed var(--m-divider)!important;box-shadow:none}
.cl-v3 .cl-gh{font:700 11px 'Public Sans';letter-spacing:.04em;color:var(--m-text-2);text-transform:uppercase}
/* ---- KPI row (dk grid: hero first cell) ---- */
.cl-kpis{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr 1.05fr;gap:20px;margin-bottom:20px;direction:ltr}
[dir=rtl] .cl-kpis{direction:rtl}
.cl-kcard{position:relative;padding:18px 20px;border-radius:var(--r-dk)!important;display:flex;flex-direction:column;gap:6px;overflow:hidden;animation:cardin .5s cubic-bezier(.2,.9,.3,1) both}
.cl-kcard:nth-child(2){animation-delay:.05s}.cl-kcard:nth-child(3){animation-delay:.1s}.cl-kcard:nth-child(4){animation-delay:.15s}.cl-kcard:nth-child(5){animation-delay:.2s}
@keyframes cardin{from{opacity:0;transform:translateY(10px)}}
.cl-khead{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 .875rem 'Public Sans','Heebo';color:#fff}
.cl-kv{font:700 1.9rem/1.1 'Public Sans'!important;letter-spacing:-.02em;color:#fff;direction:ltr;text-align:start}
.cl-kv small{font-size:.9rem;font-weight:500;color:var(--m-text-2);letter-spacing:0}
.cl-krow{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--m-text-2)}
.cl-delta{display:inline-flex;align-items:center;gap:4px;font:650 .75rem 'Public Sans';padding:2px 8px;border-radius:999px;direction:ltr}
.cl-delta.up{color:var(--pvw-l);background:rgb(var(--pvw-ch)/.14)}.cl-delta.down{color:var(--pvw-l);background:rgb(var(--pvw-ch)/.14)}
.cl-live{display:inline-flex;align-items:center;gap:5px;height:24px;padding-inline:6px;border-radius:var(--r-label);font:700 .72rem 'Public Sans';letter-spacing:.04em;background:rgb(var(--pgm-ch)/var(--soft));color:var(--pgm-l);text-transform:uppercase}
.cl-live i{position:relative;width:7px;height:7px;border-radius:50%;background:currentColor;animation:dkblink 1.6s ease-in-out infinite}
.cl-label{display:inline-flex;align-items:center;height:24px;padding-inline:6px;border-radius:var(--r-label);font:700 .75rem 'Public Sans','Heebo'}
.cl-label.ok{background:rgb(var(--pvw-ch)/var(--soft));color:var(--pvw-l)}
.cl-prog{height:8px;border-radius:4px;background:rgba(145,158,171,.16);overflow:hidden;margin-top:auto}
.cl-prog span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--indigo),var(--violet));transition:width .6s}
.cl-prog.warn span{background:linear-gradient(90deg,var(--rec),var(--pgm))}.cl-prog.info span{background:linear-gradient(90deg,var(--info),var(--sky))}
/* hero gradient card — exact dk recipe */
.cl-hero{border-radius:var(--r-hero)!important;background:radial-gradient(120% 60% at 50% 115%,color-mix(in srgb,var(--sky) 70%,transparent),transparent 70%),linear-gradient(160deg,var(--indigo),color-mix(in srgb,var(--violet) 80%,var(--indigo)) 60%,color-mix(in srgb,var(--pink) 55%,var(--violet)))!important;
 box-shadow:inset 0 1px color-mix(in srgb,#fff 35%,transparent),inset 0 0 0 1px color-mix(in srgb,#fff 12%,transparent),0 26px 50px -24px var(--indigo)!important}
.cl-hero .cl-kv{font-weight:300!important;font-size:2.6rem!important;letter-spacing:-.04em}
.cl-hero .cl-live,.cl-hero .cl-delta{background:color-mix(in srgb,#fff 22%,transparent);color:#fff}
.cl-hero .cl-krow small,.cl-kfoot{color:color-mix(in srgb,#fff 78%,transparent);font-size:11px}
.cl-kfoot{position:absolute;bottom:14px;inset-inline-end:20px}
.cl-kspark{position:absolute;inset-inline:0;bottom:0;width:100%;height:46px;opacity:.5}
.cl-kspark path{fill:rgba(255,255,255,.25);stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
.cl-gaugecard{align-items:center}
.cl-gaugecard .cl-khead{width:100%}
.cl-gauge{width:150px;margin-top:-2px}
.cl-gauge .gt{fill:none;stroke:rgba(145,158,171,.2);stroke-width:10;stroke-linecap:round}
.cl-gauge .gv{fill:none;stroke:url(#gGr);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .8s}
.cl-gauge .gn{stroke:#fff;stroke-width:2.5;stroke-linecap:round;transition:transform .8s cubic-bezier(.3,1.4,.5,1);transform-origin:60px 62px}
.cl-gauge .gc{fill:#fff}
.cl-gread{display:flex;flex-direction:column;align-items:center;margin-top:-6px}.cl-gread b{font:700 22px 'Public Sans';color:var(--pvw-l)}.cl-gread small{font-size:11px;color:var(--m-text-2)}
/* ---- wall: hero-style monitor cards ---- */
.cl-v3 .cl-wall{background:var(--m-bg-paper);border:0;border-radius:var(--r-hero);padding:14px;box-shadow:var(--sh-card);background-image:linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 4px)}
.cl-v3 .cl-bez{border-radius:var(--r-card);padding:4px;background:var(--m-bg-default);border:0}
.cl-v3 .cl-scr16{border-radius:12px}
.cl-v3 .cl-bez.cl-pg{box-shadow:inset 0 1px rgba(255,255,255,.15),0 0 0 2px var(--pgm),0 26px 50px -20px var(--pgm),0 0 30px rgb(var(--pgm-ch)/.35)}
@keyframes cl-pgpulse{50%{box-shadow:inset 0 1px rgba(255,255,255,.15),0 0 0 2px var(--pgm),0 26px 60px -18px var(--pgm),0 0 44px rgb(var(--pgm-ch)/.5)}}
.cl-v3 .cl-bez.cl-pv{box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 2px var(--pvw),0 26px 50px -24px var(--pvw)}
.cl-v3 .cl-umd{height:30px;margin-top:4px;border-radius:10px;padding-inline:8px;font-size:12px;background:var(--m-bg-paper)}
.cl-v3 .cl-umd .lamp{display:none}
.cl-v3 .cl-umd b{display:inline-flex;align-items:center;gap:5px;height:22px;padding-inline:7px;border-radius:var(--r-label);font-size:11px;letter-spacing:.06em}
.cl-v3 .cl-umd.pv,.cl-v3 .cl-umd.pg{background:var(--m-bg-paper)}
.cl-v3 .cl-umd.pv b{background:rgb(var(--pvw-ch)/var(--soft));color:var(--pvw-l)}
.cl-v3 .cl-umd.pg b{background:rgb(var(--pgm-ch)/var(--soft));color:var(--pgm-l)}
.cl-v3 .cl-umd.pg b::before,.cl-v3 .cl-umd.pv b::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:dkblink 1.6s infinite}
.cl-v3 .cl-feed{border-radius:var(--r-label);height:22px;display:inline-flex;align-items:center;font:700 10px 'Public Sans';background:rgb(var(--rec-ch)/var(--soft));color:var(--rec-l)}
.cl-v3 .cl-feed.clean{background:rgb(99 102 241/var(--soft));color:#C7C8FF}
.cl-v3 .cl-scopes .cl-glass,.cl-v3 .cl-pvscopes .cl-glass{background:var(--m-bg-default);box-shadow:none;border-radius:var(--r-card)}
.cl-v3 .cl-nextup span{color:var(--pvw-l)}
/* wall bar: segmented chips + switch */
.cl-v3 .cl-wallbar{font:600 13px 'Public Sans','Heebo'}
.cl-v3 .cl-seg2{background:transparent;border:0;padding:0;gap:4px}
.cl-v3 .cl-seg2 button{font:600 13px 'Public Sans';letter-spacing:0;height:32px;padding:0 12px;display:inline-flex;align-items:center;border-radius:var(--r-btn);color:var(--m-text-2)}
.cl-v3 .cl-seg2 button.on,.cl-v3 .cl-seg2 button[data-f=clean].on{background:rgb(99 102 241/var(--soft));color:#C7C8FF}
.cl-v3 .cl-chip{display:inline-flex;align-items:center;gap:8px;font:600 13px 'Public Sans','Heebo';border:0;color:#fff;padding:0}
.cl-v3 .cl-chip::before{content:"";width:38px;height:22px;border-radius:11px;background:rgba(145,158,171,.48);transition:background .15s;flex:none}
.cl-v3 .cl-chip::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;margin-inline-start:3px;transition:transform .15s}
.cl-v3 .cl-chip{position:relative}.cl-v3 .cl-chip.on{color:#fff}.cl-v3 .cl-chip.on::before{background:var(--indigo)}
.cl-v3 .cl-chip.on::after{transform:translateX(16px)}[dir=rtl] .cl-v3 .cl-chip.on::after{transform:translateX(-16px)}
/* tiles */
.cl-v3 .cl-tile{border-radius:12px;padding:3px;background:var(--m-bg-default);box-shadow:none}
.cl-v3 .cl-tile .scr{border-radius:9px}
.cl-v3 .cl-tile .umd{height:20px;border-radius:6px;background:transparent;font:600 10px 'Public Sans','Heebo';color:var(--m-text-2)}
.cl-v3 .cl-tile .umd .lamp{width:7px;height:7px;border-radius:50%}
.cl-v3 .cl-tile.pv{box-shadow:0 0 0 2px var(--pvw),0 14px 28px -14px var(--pvw)}.cl-v3 .cl-tile.pv .umd{background:rgb(var(--pvw-ch)/var(--soft));color:var(--pvw-l)}
.cl-v3 .cl-tile.pg{box-shadow:0 0 0 2px var(--pgm),0 14px 28px -12px var(--pgm)}.cl-v3 .cl-tile.pg .umd{background:rgb(var(--pgm-ch)/var(--soft));color:var(--pgm-l)}
.cl-v3 .cl-tile .srt{border-radius:4px;background:rgb(0 184 217/.3);color:var(--info-l)}
/* ---- switcher: soft geometric keys ---- */
.cl-v3 .cl-panel{background:var(--m-bg-paper);border:0;border-radius:var(--r-hero);box-shadow:var(--sh-card);padding:18px}
.cl-v3 .cl-bus label{font:700 11px 'Public Sans';color:var(--m-text-3)}
.cl-v3 .cl-key{height:40px;border-radius:10px;background:rgba(145,158,171,.08);box-shadow:inset 0 0 0 1px rgba(145,158,171,.12);color:var(--m-text-2)}
.cl-v3 .cl-key:hover{background:rgba(145,158,171,.16)}
.cl-v3 .cl-key b{font:700 12.5px 'Public Sans'}.cl-v3 .cl-key small{font:600 8.5px 'Public Sans','Heebo'}
.cl-v3 .cl-key.pgk.lit{background:linear-gradient(160deg,#FF6A5F,var(--pgm) 55%,#C4140B);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.35),0 12px 24px -8px var(--pgm),0 0 18px rgb(var(--pgm-ch)/.5)}
.cl-v3 .cl-key.pvk.lit{background:linear-gradient(160deg,#5BE49B,var(--pvw) 60%,#118D57);color:#04220f;box-shadow:inset 0 1px rgba(255,255,255,.35),0 12px 24px -8px var(--pvw)}
.cl-v3 .cl-key.kk.lit{background:linear-gradient(160deg,#FFD666,var(--rec) 60%,#B76E00);color:#2a1800;box-shadow:inset 0 1px rgba(255,255,255,.4),0 12px 24px -8px var(--rec)}
.cl-v3 .cl-tsel button{border-radius:var(--r-btn)!important;height:32px!important;font:700 11px 'Public Sans'!important;background:rgba(145,158,171,.08)!important;box-shadow:none!important;color:var(--m-text-2)!important}
.cl-v3 .cl-tsel button.on{background:linear-gradient(135deg,var(--indigo),var(--violet))!important;color:#fff!important;box-shadow:0 8px 16px -6px var(--indigo)!important}
.cl-v3 .cl-rate{border-radius:var(--r-card);background:var(--m-bg-default);border:0}.cl-v3 .cl-rate b{color:#C7C8FF;text-shadow:none}
.cl-v3 .cl-hw{border-radius:var(--r-card);font:800 18px 'Public Sans'}
.cl-v3 .cl-hw.cl-cut,.cl-v3 .cl-hw.cl-auto,.cl-v3 .cl-hw.cl-ftb{background:var(--m-bg-neutral);box-shadow:inset 0 1px rgba(255,255,255,.08),var(--sh-card)}
.cl-v3 .cl-hw.cl-cut:hover,.cl-v3 .cl-hw.cl-cut.hit{background:linear-gradient(160deg,#FF6A5F,var(--pgm) 55%,#C4140B);box-shadow:inset 0 1px rgba(255,255,255,.35),0 26px 50px -20px var(--pgm),0 0 30px rgb(var(--pgm-ch)/.5)}
.cl-v3 .cl-hw.cl-auto:hover,.cl-v3 .cl-hw.cl-auto.run{background:linear-gradient(160deg,#FFD666,var(--rec) 60%,#B76E00);color:#2a1800;box-shadow:0 26px 50px -20px var(--rec)}
.cl-v3 .cl-tbarwrap{background:var(--m-bg-default);border:0;border-radius:var(--r-card)}
.cl-v3 .cl-tbar-in::-webkit-slider-runnable-track{background:linear-gradient(0deg,var(--violet),var(--indigo) 50%,rgba(145,158,171,.2))}
/* ---- phones / cards / buttons ---- */
.cl-v3 .cl-pc{border-radius:var(--r-dk);border-top:0!important;padding:18px}
.cl-v3 .cl-pc.pg{box-shadow:inset 0 0 0 2px var(--pgm),0 26px 50px -28px var(--pgm)}.cl-v3 .cl-pc.pv{box-shadow:inset 0 0 0 2px var(--pvw),0 26px 50px -28px var(--pvw)}
.cl-v3 .cl-tally{height:24px;display:inline-flex;align-items:center;border-radius:var(--r-label);padding-inline:6px;font:700 .72rem 'Public Sans';background:rgba(145,158,171,.16);color:var(--m-text-2);box-shadow:none!important}
.cl-v3 .pg .cl-tally{background:rgb(var(--pgm-ch)/var(--soft));color:var(--pgm-l)}.cl-v3 .pv .cl-tally{background:rgb(var(--pvw-ch)/var(--soft));color:var(--pvw-l)}
.cl-v3 .cl-meter{height:8px;border-radius:4px;background:rgba(145,158,171,.16)}
.cl-v3 .cl-btn{height:36px;padding:0 12px;border-radius:var(--r-btn);border:1px solid rgba(145,158,171,.32);background:transparent;font:700 .8125rem 'Public Sans','Heebo';color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.cl-v3 .cl-btn:hover{background:rgba(145,158,171,.08);border-color:#fff}
.cl-v3 .cl-btn.cl-acc{background:#fff;color:var(--m-bg-paper);border-color:#fff;box-shadow:none}.cl-v3 .cl-btn.cl-acc:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.24)}
.cl-v3 .cl-btn.cl-red{background:var(--pgm);border-color:var(--pgm);box-shadow:none}.cl-v3 .cl-btn.cl-red:hover{background:#C4140B;box-shadow:0 8px 16px 0 rgb(var(--pgm-ch)/.24)}
.cl-v3 .cl-btn.cl-pvb{background:rgb(var(--pvw-ch)/var(--soft));border-color:transparent;color:var(--pvw-l)}
.cl-v3 .cl-btn.cl-amberb{background:rgb(var(--rec-ch)/var(--soft));border-color:transparent;color:var(--rec-l)}
.cl-v3 .cl-btn.act{background:rgb(var(--rec-ch)/var(--soft));border-color:transparent;color:var(--rec-l)}
.cl-v3 .cl-sug{background:var(--m-bg-paper);border:0;border-radius:var(--r-card);box-shadow:var(--sh-card);position:relative;overflow:hidden}
.cl-v3 .cl-sug::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:linear-gradient(180deg,var(--indigo),var(--violet))}
.cl-v3 .cl-sug .cl-conf{height:6px;border-radius:3px}.cl-v3 .cl-sug .cl-conf i{background:linear-gradient(90deg,var(--indigo),var(--violet))}
/* rundown = row-card table */
.cl-v3 .cl-seg{background:transparent;box-shadow:none;overflow:visible}
.cl-v3 .cl-seg-h{background:transparent;padding:6px 4px;font:700 .8125rem 'Public Sans','Heebo';color:var(--m-text-2);text-transform:uppercase;letter-spacing:.04em}
.cl-v3 .cl-part{margin-bottom:10px;border:1px solid rgba(145,158,171,.16)!important;border-radius:var(--r-card);background:var(--m-bg-paper);transition:box-shadow .15s,background .15s}
.cl-v3 .cl-part:hover{box-shadow:var(--sh-z20)}
.cl-v3 .cl-part.cur{background:linear-gradient(90deg,rgb(var(--pgm-ch)/.14),var(--m-bg-paper) 60%);border-color:rgb(var(--pgm-ch)/.5)!important;box-shadow:0 20px 40px -24px var(--pgm)}
.cl-v3 .cl-part.nxt{background:linear-gradient(90deg,rgb(var(--pvw-ch)/.12),var(--m-bg-paper) 60%);border-color:rgb(var(--pvw-ch)/.45)!important}
[dir=rtl] .cl-v3 .cl-part.cur{background:linear-gradient(270deg,rgb(var(--pgm-ch)/.14),var(--m-bg-paper) 60%)}[dir=rtl] .cl-v3 .cl-part.nxt{background:linear-gradient(270deg,rgb(var(--pvw-ch)/.12),var(--m-bg-paper) 60%)}
.cl-v3 .cl-part-hd{border:0!important;background:transparent!important;margin:0}
.cl-v3 .cl-piece{border-radius:var(--r-label);height:22px;display:inline-flex;align-items:center;font:700 11px 'Public Sans','Heebo'}
.cl-v3 .cl-piece.graphic{background:rgb(0 184 217/.16);color:var(--info-l)}.cl-v3 .cl-piece.ifb_cue{background:rgb(var(--rec-ch)/.16);color:var(--rec-l)}.cl-v3 .cl-piece.ad_break{background:rgb(var(--pgm-ch)/.16);color:var(--pgm-l)}.cl-v3 .cl-piece.device_command{background:rgb(var(--pvw-ch)/.16);color:var(--pvw-l)}.cl-v3 .cl-piece.camera{background:rgb(167 139 250/.16);color:#C9B8FF}
.cl-v3 .cl-rdstat b{font-family:'Public Sans'}
/* audio */
.cl-v3 .cl-strip{border-radius:var(--r-card);padding:14px 8px}
.cl-v3 .cl-strip.master{background:radial-gradient(120% 60% at 50% 115%,rgba(147,197,253,.35),transparent 70%),linear-gradient(160deg,#3b3fb8,#5b4fc4 60%,#8a5fb0)!important;box-shadow:inset 0 1px rgba(255,255,255,.3),0 26px 50px -24px var(--indigo)!important}
.cl-v3 .cl-vu2{border-radius:3px;background:var(--m-bg-default)}
.cl-v3 .cl-mute.on{background:var(--pgm);border-color:var(--pgm)}
.cl-v3 .cl-afv.on{background:rgb(99 102 241/var(--soft));border-color:transparent;color:#C7C8FF}
.cl-v3 .cl-matrix table{background:var(--m-bg-paper);border-radius:var(--r-card);box-shadow:var(--sh-card);border-collapse:separate;border-spacing:0;overflow:hidden}
.cl-v3 .cl-matrix th,.cl-v3 .cl-matrix td{border:0;border-bottom:1px dashed var(--m-divider)}
.cl-v3 .cl-matrix th{background:var(--m-bg-neutral);color:var(--m-text-2);font-weight:600}
.cl-v3 .cl-x{border-radius:6px;background:rgba(145,158,171,.12)}.cl-v3 .cl-x.on{background:var(--pvw);box-shadow:0 6px 12px -4px var(--pvw)}
/* graphics form */
.cl-v3 .cl-form input{height:48px;border-radius:var(--r-btn);background:transparent;border:1px solid rgba(145,158,171,.32);font:500 14px 'Public Sans','Heebo';color:#fff;padding-inline:14px}
.cl-v3 .cl-form input:focus{outline:0;border:2px solid #fff}
.cl-v3 .cl-q div{border-radius:var(--r-btn);background:rgba(145,158,171,.08)}
.cl-v3 .cl-json{border-radius:0 0 12px 12px;background:#0B0F14}
/* phone */
.cl-v3 .cl-device.land{border-radius:var(--r-hero);box-shadow:0 0 0 6px #0d0d0d,0 40px 80px -30px #000,0 26px 60px -30px var(--indigo)}
.cl-v3 .cl-ptally{border-radius:var(--r-label)}
.cl-v3 .cl-pmsg{border-radius:var(--r-card);background:linear-gradient(160deg,#FFD666,var(--rec))}
.cl-v3 .cl-pnotes{border-radius:var(--r-dk)}
/* misc */
.cl-v3 .cl-ad-cd b,.cl-v3 .cl-adcd b{color:var(--rec-l)}
.cl-v3 .cl-toast{border-radius:var(--r-card);background:var(--m-bg-paper);box-shadow:var(--sh-drop);border:0}
.cl-v3 .cl-splash{background:radial-gradient(circle at 50% 110%,rgba(147,197,253,.25),transparent 55%),linear-gradient(160deg,#141a3a,#0E1217 60%)}
.cl-v3 .cl-top{gap:10px;padding-inline:14px}
.cl-v3 .cl-dest .mono,.cl-v3 .cl-dest .cl-mono,.cl-v3 .cl-show small{display:none}
.cl-v3 .cl-dests{gap:4px}.cl-v3 .cl-dest{padding-inline:8px}
.cl-v3 .cl-searchbox{padding-inline:8px}
.cl-v3 .cl-wallbar{flex-wrap:nowrap;white-space:nowrap}
@media (max-width:1600px){.cl-v3 .cl-kh,.cl-v3 .cl-wallbar>.cl-dim{display:none}}
.cl-v3 .cl-strip :is(.db,.mono,small){direction:ltr;unicode-bidi:isolate}