:root{
    --bg:#0d0e12; --surf:#1a1c22; --ink:#e7e8ee; --muted:#a0a4ae; --muted2:#8b8e97;
    --acc:#ff7a45; --acc-2:#e0461f; --live:#ff6b6b; --ok:#6ee0a8; --focus:#ffd9c2;
    --rise:-7px -7px 16px rgba(255,255,255,.028), 8px 8px 20px rgba(0,0,0,.6);
    --rise-sm:-4px -4px 9px rgba(255,255,255,.022), 5px 5px 12px rgba(0,0,0,.55);
    --press:inset 4px 4px 9px rgba(0,0,0,.6), inset -4px -4px 9px rgba(255,255,255,.03);
    --inset:inset 5px 5px 12px rgba(0,0,0,.55), inset -5px -5px 12px rgba(255,255,255,.025);
    --line:rgba(255,255,255,.05); --sb-thumb:#3a3d47; --rail:230px; color-scheme:dark; font-size:15px;
  }
  :root[data-theme="light"]{
    --bg:#e7e9ef; --surf:#edeff4; --ink:#1d2027; --muted:#565a64; --muted2:#5e636e;
    --acc:#bd3d0a; --acc-2:#9e3408; --live:#c62a2a; --ok:#0f7536; --focus:#bd3d0a;
    --rise:-7px -7px 16px rgba(255,255,255,.9), 8px 8px 20px rgba(0,0,0,.12);
    --rise-sm:-4px -4px 9px rgba(255,255,255,.85), 5px 5px 12px rgba(0,0,0,.10);
    --press:inset 4px 4px 9px rgba(0,0,0,.13), inset -4px -4px 9px rgba(255,255,255,.9);
    --inset:inset 5px 5px 12px rgba(0,0,0,.10), inset -5px -5px 12px rgba(255,255,255,.85);
    --line:rgba(0,0,0,.09); --sb-thumb:#c4c8d2; color-scheme:light;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scrollbar-gutter:stable}
  *{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}
  ::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:10px;border:3px solid transparent;background-clip:content-box}
  body{background:var(--bg);color:var(--ink);font-family:"Montserrat",system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}
  .mi{font-family:"Material Symbols Rounded";line-height:1;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-variation-settings:'FILL' 1,'wght' 400,'opsz' 24}
  .mi.o{font-variation-settings:'FILL' 0,'wght' 400,'opsz' 24}
  h1{font-family:"Poppins";font-weight:500;font-size:24px}
  h3{font-family:"Poppins";font-weight:500;font-size:17px;margin-bottom:4px}
  .mono{font-family:"JetBrains Mono"}

  /* layout */
  .top{position:fixed;top:0;left:0;right:0;height:64px;z-index:30;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--bg)}
  .top .logo{display:flex;align-items:center;gap:10px;font-family:"Poppins";font-weight:500;letter-spacing:.14em;font-size:17px}
  .top .logo .dot{width:11px;height:11px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px var(--acc)}
  .top .tag{font-family:"JetBrains Mono";font-size:9px;color:var(--muted2);letter-spacing:.1em;border:1px solid var(--line);border-radius:6px;padding:3px 7px}
  .top .sp{flex:1}
  .seg2{display:inline-flex;gap:5px;background:var(--surf);box-shadow:var(--inset);border-radius:12px;padding:4px}
  .seg2 button{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted);font-weight:600;font-size:12.5px;padding:8px 13px;border-radius:9px;cursor:pointer}
  .seg2 button.on{color:var(--acc);box-shadow:var(--rise-sm)}.seg2 .mi{font-size:17px}
  .who{display:flex;align-items:center;gap:9px;background:var(--surf);box-shadow:var(--rise-sm);border-radius:12px;padding:6px 12px 6px 6px}
  .who .av{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ff9a6b,var(--acc-2));color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Poppins";font-weight:500;font-size:13px}
  .who .nm{font-size:12.5px;font-weight:500}.who .rl{font-size:10px;color:var(--muted2);font-family:"JetBrains Mono"}

  .rail{position:fixed;top:64px;left:0;bottom:0;width:var(--rail);padding:14px 12px;display:flex;flex-direction:column;gap:4px;overflow:auto}
  .ham{display:none;background:var(--surf);box-shadow:var(--rise-sm);border:none;color:var(--ink);width:42px;height:42px;border-radius:6px;cursor:pointer;align-items:center;justify-content:center}
  .ham .mi{font-size:22px}
  .railback{position:fixed;inset:64px 0 0 0;background:rgba(0,0,0,.5);z-index:25;display:none}.railback.on{display:block}
  .rail button{display:flex;align-items:center;gap:11px;background:none;border:none;color:var(--muted);font-weight:600;font-size:14px;padding:11px 13px;border-radius:12px;cursor:pointer;text-align:left;width:100%}
  .rail button:hover{color:var(--ink)}
  .rail button.on{color:var(--acc);box-shadow:var(--press)}
  .rail .ct{margin-left:auto;font-family:"JetBrains Mono";font-size:11px;color:var(--muted2)}
  .rail .grp{font-family:"JetBrains Mono";font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);padding:14px 13px 6px}
  .rail button.subnav{padding-left:30px;font-size:13px;font-weight:500}
  .rail button.subnav .mi{font-size:18px}
  .rail a.rail-live{display:flex;align-items:center;gap:11px;color:var(--acc);font-weight:600;font-size:13px;padding:10px 13px;border-radius:12px;text-decoration:none;margin-bottom:6px}
  .rail a.rail-live:hover{box-shadow:var(--press)} .rail a.rail-live .mi{font-size:19px}
  .pastebox{min-height:160px;max-height:340px;overflow:auto;border-radius:12px;padding:12px 14px;background:var(--surf);box-shadow:var(--inset);font-size:13.5px;line-height:1.55;color:var(--ink)}
  .pastebox:empty:before{content:attr(data-ph);color:var(--muted2)}
  .card.previewfull{position:fixed;inset:14px;z-index:80;max-width:none;margin:0;overflow:auto}
  .guidelink{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;color:var(--muted);font-weight:600;font-size:13px;padding:10px 11px;border-radius:10px;cursor:pointer}
  .guidelink:hover{color:var(--ink)} .guidelink.on{color:var(--acc);box-shadow:var(--press)} .guidelink .mi{font-size:18px}
  .permgrp{margin-bottom:14px}
  .permgrp-h{font-family:"JetBrains Mono";font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);margin-bottom:7px}
  .permgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
  .permopt{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:11px;background:var(--surf);box-shadow:var(--inset);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;user-select:none}
  .permopt input{accent-color:var(--acc);width:16px;height:16px;flex-shrink:0}
  .permopt:hover{color:var(--ink)} .permopt:has(input:checked){box-shadow:var(--press);color:var(--acc)}
  /* when used inside a .fld (e.g. station editor directories) beat `.fld label{display:block}` */
  .fld label.permopt{display:flex;align-items:center;margin-bottom:0;font-size:13px}

  .main{margin-left:var(--rail);padding:84px 28px 60px;max-width:1100px}
  .main.wide{max-width:none}
  .head{margin-bottom:18px}.head .sub{color:var(--muted);font-size:13.5px;margin-top:3px}

  .card{background:var(--surf);box-shadow:var(--rise);border-radius:18px;padding:18px 20px;margin-bottom:14px}
  .card.sm{box-shadow:var(--rise-sm);border-radius:14px}
  .grid3{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .segrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}   /* station filter segments */
  @media(max-width:900px){
    .grid3{grid-template-columns:repeat(2,1fr)}
    .segrid{grid-template-columns:repeat(3,1fr)}
    .main{padding:84px 16px 60px;margin-left:0}
    .ham{display:flex}
    .rail{transform:translateX(-110%);transition:transform .22s;z-index:28;background:var(--bg);box-shadow:8px 0 30px rgba(0,0,0,.4);width:248px}
    .rail.open{transform:none}
    .who .nm,.who .rl{display:none}.who{padding:6px}
    .seg2 button span:not(.mi){display:none}.seg2 button{padding:8px 10px}
    .top .tag{display:none}
  }
  @media(max-width:600px){
    .grid3{grid-template-columns:1fr}
    .segrid{grid-template-columns:repeat(2,1fr)}
    /* dense list rows: keep thumbnail + name on line 1 (never per-word breaks),
       drop the action buttons to their own full-width line below */
    .row{flex-wrap:wrap;gap:8px 12px}
    .row>.grow{min-width:60%}
    .row>.btnrow{flex:0 1 100%;justify-content:flex-end;margin-top:2px}
    /* search/filter toolbars: each control full-width, nothing clipped off-screen */
    .filters{width:100%}
    .filters .searchin{flex:1 1 100%;min-width:0}
    .filters .sortsel{flex:1 1 auto}
    .card{padding:14px 15px}
    .head h1{font-size:22px}
    .modal{width:calc(100vw - 24px);max-width:none;left:12px;right:12px;transform:none}
  }
  .stat .k{color:var(--muted);font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}
  .stat .v{font-family:"Poppins";font-weight:500;font-size:30px;margin-top:8px}
  .stat .d{font-size:11px;color:var(--muted2);margin-top:2px;font-family:"JetBrains Mono"}

  .row{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line)}
  .row:first-child{border-top:none}
  .disc{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:var(--surf);box-shadow:var(--rise-sm);display:flex;align-items:center;justify-content:center;font-family:"Poppins";font-weight:500;font-size:13px;color:#fff}
  .disc i{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ff9a6b,var(--acc-2));display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px}
  .grow{flex:1;min-width:0}
  .nm{font-weight:500;font-size:14px}
  .meta{color:var(--muted);font-size:12px;margin-top:2px}

  .pill{font-family:"JetBrains Mono";font-size:10px;letter-spacing:.05em;text-transform:uppercase;border-radius:7px;padding:4px 8px;box-shadow:var(--rise-sm);white-space:nowrap}
  .pill.ok{color:var(--ok)} .pill.live{color:var(--live)} .pill.amber{color:var(--acc)} .pill.mut{color:var(--muted2)}
  .dot{width:9px;height:9px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:6px}
  .dot.ok{background:var(--ok);box-shadow:0 0 7px var(--ok)} .dot.off{background:var(--live)} .dot.unk{background:var(--muted2)}

  .btn{display:inline-flex;align-items:center;gap:7px;background:var(--surf);box-shadow:var(--rise-sm);border:none;color:var(--ink);font-weight:500;font-size:12.5px;border-radius:11px;padding:9px 13px;cursor:pointer;white-space:nowrap;flex-shrink:0}
  .btn:active{box-shadow:var(--press)}.btn .mi{font-size:17px}
  .btn.acc{color:var(--acc)} .btn.dgr{color:var(--live)} .btn.ok{color:var(--ok)}
  .btn.ghost{box-shadow:none;border:1px solid var(--line);color:var(--muted)}
  .btnrow{display:flex;gap:8px;flex-wrap:wrap}

  /* confidence bar */
  .conf{display:flex;align-items:center;gap:9px;margin:9px 0}
  .conf .track{flex:1;height:8px;border-radius:6px;box-shadow:var(--inset);overflow:hidden;max-width:220px}
  .conf .fill{height:100%;border-radius:6px;background:var(--acc)}
  .conf .pc{font-family:"JetBrains Mono";font-size:12px;color:var(--muted)}
  .verdict{font-family:"JetBrains Mono";font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:7px;box-shadow:var(--rise-sm)}
  .verdict.approve{color:var(--ok)}.verdict.reject{color:var(--live)}.verdict.review{color:var(--acc)}
  .flags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
  .flag{font-family:"JetBrains Mono";font-size:10px;color:var(--live);box-shadow:var(--rise-sm);border-radius:7px;padding:4px 8px}
  .reasons{color:var(--muted);font-size:12.5px;margin-top:8px;line-height:1.5}
  .reasons b{color:var(--ink)}

  /* table */
  table{width:100%;border-collapse:collapse;font-size:13px}
  th{text-align:left;color:var(--muted2);font-family:"JetBrains Mono";font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:8px 10px}
  td{padding:11px 10px;border-top:1px solid var(--line)}
  .tline{display:flex;align-items:center;gap:10px}

  /* advert preview (matches the public .adslot) */
  .adslot{background:var(--surf);box-shadow:var(--rise);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;border:1px dashed rgba(255,122,69,.28)}
  .adslot .adtop{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .adslot .adlabel{font-family:"JetBrains Mono";font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);flex-shrink:0}
  .adslot .adbody{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .adslot .adtag{font-family:"JetBrains Mono";font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);box-shadow:var(--rise-sm);border-radius:7px;padding:5px 9px}
  .adslot .adtxt{flex:1;min-width:160px}.adslot .adtitle{font-weight:500;font-size:15px}.adslot .addesc{color:var(--muted);font-size:12.5px;margin-top:2px}
  .adslot .adcta{display:inline-flex;align-items:center;gap:6px;box-shadow:var(--rise-sm);border:none;color:var(--acc);font-weight:500;font-size:12.5px;border-radius:12px;padding:10px 14px;background:var(--surf);cursor:pointer}
  .adslot .addisc{font-size:10.5px;color:var(--muted2);line-height:1.4}.adslot .adbrand{color:var(--muted)}

  .switch{width:42px;height:24px;border-radius:14px;box-shadow:var(--inset);position:relative;cursor:pointer;flex-shrink:0}
  .switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--muted2);transition:.18s}
  .switch.on{box-shadow:var(--inset)}.switch.on i{left:21px;background:var(--acc)}

  .note{background:var(--surf);box-shadow:var(--inset);border-radius:14px;padding:14px 16px;color:var(--muted);font-size:13px;line-height:1.55}
  .note b{color:var(--ink)}.note .mi{color:var(--acc);font-size:18px;vertical-align:-3px;margin-right:5px}
  .steps{display:flex;flex-direction:column;gap:10px;margin-top:6px}
  .step{display:flex;gap:12px;align-items:flex-start}
  .step .n{width:24px;height:24px;border-radius:50%;flex-shrink:0;box-shadow:var(--rise-sm);display:flex;align-items:center;justify-content:center;font-family:"JetBrains Mono";font-size:11px;color:var(--acc)}
  .step .t{font-size:13px;color:var(--muted);line-height:1.5}.step .t b{color:var(--ink)}

  .sysrow{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.sysrow:first-child{border-top:none}
  .sysrow .ic{width:38px;height:38px;border-radius:11px;box-shadow:var(--rise-sm);display:flex;align-items:center;justify-content:center;color:var(--acc)}
  .kvs{font-family:"JetBrains Mono";font-size:11px;color:var(--muted2)}

  /* modal */
  .back{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:80;opacity:0;pointer-events:none;transition:.18s}.back.on{opacity:1;pointer-events:auto}
  .modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-48%);z-index:85;width:min(680px,94vw);max-height:90vh;overflow:auto;background:var(--surf);box-shadow:var(--rise);border-radius:22px;padding:24px;opacity:0;pointer-events:none;transition:.18s}.modal.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
  /* lock the page behind any open modal (the modal scrolls internally) */
  body:has(.modal.on){overflow:hidden}

  /* styled confirm dialog (replaces window.confirm) */
  .cfm-back{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:.16s}
  .cfm-back.on{opacity:1;pointer-events:auto}
  .cfm{width:min(420px,94vw);background:var(--surf);border:1px solid var(--line);border-radius:18px;box-shadow:var(--rise);padding:22px 22px 18px;transform:translateY(8px);transition:.16s}
  .cfm-back.on .cfm{transform:none}
  .cfm h3{margin:0 0 8px;font-size:18px;color:var(--ink)}
  .cfm p{margin:0 0 16px;color:var(--muted);font-size:13.5px;line-height:1.55}
  .cfm p b{color:var(--ink)}
  .cfm-acts{display:flex;gap:10px;justify-content:flex-end}
  .fld{margin:11px 0}.fld label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px;font-weight:600}
  .fld input,.fld select,.fld textarea{width:100%;background:var(--surf);box-shadow:var(--inset);border:none;outline:none;color:var(--ink);border-radius:10px;padding:11px 13px;font-size:13.5px;font-family:inherit}
  .fld textarea{resize:vertical;min-height:60px}
  .pwwrap{position:relative}
  .fld .pwwrap input{padding-right:44px}
  .pweye{position:absolute;top:0;right:0;height:100%;width:44px;display:flex;align-items:center;justify-content:center;background:none;box-shadow:none;border:none;color:var(--muted2);cursor:pointer;border-radius:0 10px 10px 0}
  .pweye:hover{color:var(--ink)} .pweye .mi{font-size:19px}
  .mx{position:absolute;top:16px;right:16px;background:var(--surf);box-shadow:var(--rise-sm);border:none;color:var(--muted);width:36px;height:36px;border-radius:11px;cursor:pointer}

  /* blog post editor */
  .herothumb{width:88px;height:62px;border-radius:10px;flex-shrink:0;background-color:#0d0e12;background-size:cover;background-position:center;box-shadow:var(--inset);display:flex;align-items:center;justify-content:center}
  .mdbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
  .mdbar button{background:var(--surf);box-shadow:var(--rise-sm);border:none;color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
  .mdbar button:active{box-shadow:var(--press)}
  .mdbar button i{font-style:italic} .mdbar button b{font-weight:800}
  textarea.mdbody{width:100%;background:var(--surf);box-shadow:var(--inset);border:none;outline:none;color:var(--ink);border-radius:12px;padding:14px;font-size:14px;line-height:1.6;font-family:"JetBrains Mono",monospace;min-height:340px;resize:vertical}
  .prose{color:var(--ink);font-size:14px;line-height:1.65}
  .prose h2{font-family:"Poppins",sans-serif;font-weight:600;font-size:19px;margin:18px 0 6px}
  .prose h3{font-family:"Poppins",sans-serif;font-weight:600;font-size:16px;margin:14px 0 4px}
  .prose p{margin:12px 0;color:var(--muted)} .prose a{color:var(--acc)} .prose strong{color:var(--ink)}
  .prose ul,.prose ol{padding-left:20px;margin:12px 0;color:var(--muted)} .prose li{margin:5px 0}
  .prose blockquote{border-left:3px solid var(--acc);padding-left:14px;margin:16px 0;color:var(--muted);font-style:italic}
  .prose code{font-family:"JetBrains Mono",monospace;background:var(--surf);padding:2px 6px;border-radius:6px;font-size:.88em}

  .toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:10px;align-items:center}
  .toast{background:#f4f4f0;color:#16171b;box-shadow:0 14px 38px rgba(0,0,0,.4);border-radius:13px;padding:12px 16px;font-size:13px;font-weight:600;display:flex;gap:10px;align-items:center;animation:tin .2s}
  .toast .mi{color:#c8431a}
  @keyframes tin{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
  @keyframes jspin{to{transform:rotate(360deg)}}
  .jobbar{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(16px);z-index:95;display:none;align-items:center;gap:12px;background:var(--surf);box-shadow:var(--rise);border-radius:14px;padding:13px 16px;font-size:13px;font-weight:600;color:var(--ink);max-width:92vw;opacity:0;transition:opacity .2s,transform .2s}
  .jobbar.on{display:flex;opacity:1;transform:translateX(-50%) translateY(0)}
  .jobbar .jobspin{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--acc);border-radius:50%;animation:jspin .8s linear infinite;flex-shrink:0}
  .jobbar .jobmsg{line-height:1.4}
  .jobbar .jobx{background:none;border:none;color:var(--muted2);cursor:pointer;display:inline-flex;padding:3px;margin-left:2px;border-radius:8px}
  .jobbar .jobx:hover{color:var(--ink);background:var(--press)}
  .seg-inline{display:inline-flex;gap:5px;background:var(--surf);box-shadow:var(--inset);border-radius:11px;padding:4px}
  .seg-inline button{background:none;border:none;color:var(--muted);font-size:12px;font-weight:600;padding:7px 12px;border-radius:8px;cursor:pointer}
  .seg-inline button.on{color:var(--acc);box-shadow:var(--rise-sm)}
  .sortsel{background:var(--surf);box-shadow:var(--rise-sm);border:none;outline:none;color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:600;border-radius:10px;padding:8px 11px;cursor:pointer}
  .dirsel{background:var(--surf);box-shadow:var(--rise-sm);border:none;outline:none;color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:600;border-radius:10px;padding:8px 12px;cursor:pointer;max-width:170px}
  .sortbar{display:flex;align-items:center;gap:8px;color:var(--muted2);font-size:11px;font-family:"JetBrains Mono"}
  .chipbtn{background:var(--surf);box-shadow:var(--rise-sm);border:none;color:var(--ink);border-radius:9px;padding:7px 13px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:color .12s}
  .chipbtn:hover{color:var(--acc)} .chipbtn:active{box-shadow:var(--inset)} .chipbtn.on{color:var(--acc);box-shadow:var(--inset)}
  .delta{font-weight:700;font-size:11px} .delta.up{color:var(--ok)} .delta.down{color:var(--live)} .delta.flat{color:var(--muted2)}
  .funnel{display:flex;flex-direction:column;gap:9px;margin-top:4px}
  .fnl{display:flex;align-items:center;gap:12px}
  .fnl-bar{height:32px;border-radius:9px;background:linear-gradient(90deg,var(--acc-2),var(--acc));display:flex;align-items:center;gap:6px;padding:0 13px;color:#fff;font-weight:600;font-size:12.5px;white-space:nowrap;box-shadow:var(--rise-sm);transition:width .6s cubic-bezier(.2,.8,.2,1)}
  .fnl-v{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
  .fnl-c{color:var(--acc);font-weight:600;margin-left:4px}
  .heatmap{display:grid;grid-template-columns:36px repeat(24,1fr);gap:2px;margin-top:6px}
  .heatmap .hm-c{aspect-ratio:1;border-radius:2px;min-height:13px;background:rgba(255,255,255,.04)}
  .heatmap .hm-day{font-size:10px;color:var(--muted2);display:flex;align-items:center}
  .heatmap .hm-h{font-size:9px;color:var(--muted2);text-align:center}
  .searchin{background:var(--surf);box-shadow:var(--inset);border:none;outline:none;color:var(--ink);border-radius:10px;padding:9px 12px;font-size:13px;font-family:inherit;min-width:150px}
  .filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .statlink{cursor:pointer;border:none;text-align:left;width:100%;transition:transform .14s,box-shadow .14s}
  .statlink:hover{transform:translateY(-2px)} .statlink:active{box-shadow:var(--press)}
  .segbtn{cursor:pointer;border:none;text-align:left;transition:box-shadow .15s}
  .segbtn.on{box-shadow:var(--press)} .segbtn.on .k{color:var(--acc)}
  input[type=checkbox]{accent-color:var(--acc);width:17px;height:17px;cursor:pointer;flex-shrink:0}
  .gatewrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:5}
  .deletedwrap summary{cursor:pointer;font-family:"Poppins";font-weight:500;font-size:15px;color:var(--muted);display:flex;align-items:center;gap:8px;list-style:none}
  .deletedwrap summary::-webkit-details-marker{display:none}
  .deletedwrap summary .mi{color:var(--muted2)}
  .kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line);font-size:13px;align-items:center}
  .kv:first-of-type{border-top:none} .kv>span:first-child{color:var(--muted);flex-shrink:0}
  .msg{padding:10px 12px;margin:8px 0;border-radius:12px;box-shadow:var(--rise-sm)}
  .msg.ai{border-left:3px solid var(--ok)} .msg.admin{border-left:3px solid var(--acc)}

  /* ---- analytics charts ---- */
  .anrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  @media(max-width:760px){.anrow{grid-template-columns:1fr}}
  .anempty{color:var(--muted2);font-size:13px;padding:18px 2px}
  .livekpi .v{display:flex;align-items:center;gap:9px}
  .livekpi .ld{width:11px;height:11px;border-radius:50%;background:var(--ok);box-shadow:0 0 9px var(--ok);animation:anpulse 2s infinite}
  @keyframes anpulse{0%,100%{opacity:1}50%{opacity:.35}}
  /* daily bar chart */
  .barchart{display:flex;align-items:stretch;gap:7px;height:172px;margin-top:12px}
  .barchart .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
  .barchart .bv{font-family:"JetBrains Mono";font-size:10px;color:var(--muted)}
  .barchart .bwrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}
  .barchart .bar{width:64%;max-width:30px;min-height:3px;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,var(--acc),var(--acc-2));box-shadow:var(--rise-sm)}
  .barchart .bl{font-family:"JetBrains Mono";font-size:9px;color:var(--muted2);white-space:nowrap}
  /* horizontal bars */
  .hbars{display:flex;flex-direction:column;gap:12px;margin-top:12px}
  .hbar{display:grid;grid-template-columns:minmax(80px,150px) 1fr 44px;gap:11px;align-items:center}
  .hbar .hl{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hbar .ht{height:11px;border-radius:7px;box-shadow:var(--inset);overflow:hidden}
  .hbar .hf{height:100%;border-radius:7px;background:linear-gradient(90deg,var(--acc-2),var(--acc));min-width:3px}
  .hbar .hv{font-family:"JetBrains Mono";font-size:12px;color:var(--muted);text-align:right}
  /* donut */
  .donutwrap{display:flex;align-items:center;gap:22px;margin-top:14px;flex-wrap:wrap}
  .donut{width:128px;height:128px;border-radius:50%;position:relative;flex-shrink:0;box-shadow:var(--rise-sm)}
  .donut::after{content:"";position:absolute;inset:19px;border-radius:50%;background:var(--surf);box-shadow:var(--press)}
  .donut .dc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}
  .donut .dc b{font-family:"Poppins";font-weight:500;font-size:24px}
  .donut .dc span{font-family:"JetBrains Mono";font-size:10px;color:var(--muted2);letter-spacing:.06em}
  .legend{display:flex;flex-direction:column;gap:9px}
  .legend .lg{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}
  .legend .lsw{width:13px;height:13px;border-radius:4px;flex-shrink:0}
  /* stat lists */
  .statlist{display:flex;flex-direction:column;margin-top:6px}
  .slrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
  .slrow:first-child{border-top:none}
  .slrow .sll{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .slrow .slv{font-size:13px;color:var(--acc);flex-shrink:0}
  .msg .mh{display:flex;align-items:center;gap:6px;font-size:11px;font-family:"JetBrains Mono"}