:root{
    --bg:#1A1F1F;
    --side:rgba(212,212,211,.035);
    --card:rgba(212,212,211,.045);
    --card2:rgba(212,212,211,.08);
    --hair:rgba(212,212,211,.13);
    --hair2:rgba(212,212,211,.2);
    --txt:#D4D4D3; --lab:#CCCBBC; --mute:rgba(212,212,211,.55); --faint:rgba(212,212,211,.36);
  }
  html,body{ height:100%; }
  body{ font-size:14px; line-height:20px; background:var(--bg); color:var(--txt); overflow-x:hidden; }
  .ic{ display:block; flex:none; }
  .num{ font-variant-numeric:tabular-nums; }
  .app{ display:grid; grid-template-columns:232px minmax(0,1fr); min-height:100vh; }



  
  .side{ background:var(--side); border-right:1px solid var(--hair); }
  .side-in{ position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:0 12px 12px; }
  .brand{ height:56px; display:flex; align-items:center; padding:0 8px; }
  .brand .wm{ display:block; height:15px; width:auto; }
  .switch{ display:flex; align-items:center; gap:10px; height:44px; padding:0 10px 0 8px; margin:4px 0 16px;
    border:1px solid var(--hair2); border-radius:6px; background:var(--card); cursor:pointer; }
  .switch .sq{ flex:none; width:24px; height:24px; border-radius:4px; background:#CCCBBC; color:#1A1F1F;
    font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; display:grid; place-items:center; }
  .switch .st{ flex:1; min-width:0; display:flex; flex-direction:column; }
  .switch .st b{ font-family:var(--fut); font-weight:500; font-size:13.5px; line-height:17px; color:#FFFFFF; white-space:nowrap; }
  .switch .st span{ font-family:var(--fmono); font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); }
  .switch .ic{ color:var(--mute); }
  .navk{ font-family:var(--fmono); font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); padding:0 10px 8px; }
  .nav{ display:flex; flex-direction:column; gap:2px; }
  .nav a{ position:relative; display:flex; align-items:center; gap:10px; height:34px; padding:0 10px; border-radius:6px;
    color:var(--lab); text-decoration:none; font-size:14px; }
  .nav a .ic{ color:var(--mute); }
  .nav a.on{ background:var(--card2); color:#FFFFFF; }
  .nav a.on .ic{ color:#FFFFFF; }
  .nav a .lbl{ white-space:nowrap; }
  .nav a .badge{ margin-left:auto; font-family:var(--fmono); font-size:10px; line-height:16px; letter-spacing:-.02em;
    min-width:18px; height:18px; padding:1px 5px 0; border-radius:4px; background:#D4D4D3; color:#1A1F1F; text-align:center; }
  .side .foot{ margin-top:auto; border-top:1px solid var(--hair); padding-top:12px; }

  
  .main{ min-width:0; }
  .top{ height:56px; display:flex; align-items:center; gap:16px; padding:0 32px; border-bottom:1px solid var(--hair); position:sticky; top:0; background:var(--bg); z-index:5; }
  .search{ flex:0 1 380px; min-width:0; height:34px; display:flex; align-items:center; gap:8px; padding:0 8px 0 11px;
    border:1px solid var(--hair2); border-radius:6px; background:var(--card); color:var(--mute); font-size:13.5px; }
  .search .sph{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .search .kbd{ margin-left:auto; flex:none; font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; color:var(--mute);
    border:1px solid var(--hair2); border-radius:4px; padding:3px 5px 2px; }
  .top .sp{ flex:1; }
  .tag{ display:inline-flex; align-items:center; height:20px; padding:1px 6px 0; border:1px solid var(--hair2); border-radius:4px;
    font-family:var(--fmono); font-size:10px; line-height:1; letter-spacing:-.02em; text-transform:uppercase; color:var(--lab); white-space:nowrap; }
  .iconbtn{ flex:none; position:relative; width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--hair2); border-radius:6px; color:var(--lab); }
  .iconbtn .dot{ position:absolute; top:7px; right:8px; width:6px; height:6px; border-radius:50%; background:#FFFFFF; box-shadow:0 0 0 2px var(--bg); }
  .me{ display:flex; align-items:center; gap:10px; padding-left:4px; }
  .me .av{ width:32px; height:32px; }
  .me .who{ display:flex; flex-direction:column; white-space:nowrap; }
  .me .who b{ font-weight:500; font-size:13.5px; line-height:16px; color:var(--txt); }
  .me .who span{ font-size:12px; line-height:15px; color:var(--mute); }
  .me .ic{ color:var(--mute); }

  
  .page{ padding:24px 32px 48px; container:page / inline-size; }
  .ph{ display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
  .ph h1{ margin:0; font-family:var(--disp); font-weight:500; font-size:26px; line-height:30px; letter-spacing:0; color:#FFFFFF; }
  .ph .date{ margin-top:4px; font-size:13.5px; color:var(--mute); }
  .ctrls{ display:flex; align-items:center; gap:8px; }
  .ph .ctrls{ flex-wrap:wrap; }
  .ctl{ height:34px; display:flex; align-items:center; gap:8px; padding:0 10px; border:1px solid var(--hair2); border-radius:6px;
    background:var(--card); font-size:13.5px; color:var(--txt); white-space:nowrap; }
  .ctl .ic{ color:var(--mute); }
  .seg3{ display:flex; height:34px; border:1px solid var(--hair2); border-radius:6px; overflow:hidden; }
  .seg3 span{ display:flex; align-items:center; padding:1px 11px 0; font-family:var(--fmono); font-size:10.5px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); border-left:1px solid var(--hair2); white-space:nowrap; }
  .seg3 span:first-child{ border-left:none; }
  .seg3 span.on{ background:var(--card2); color:#FFFFFF; }
  .toggle{ display:flex; align-items:center; gap:9px; height:34px; padding:0 12px 0 10px; border:1px solid var(--hair2); border-radius:6px; font-size:13.5px; color:var(--lab); white-space:nowrap; }
  .sw-t{ width:28px; height:16px; border-radius:8px; border:1px solid rgba(212,212,211,.4); position:relative; }
  .sw-t::after{ content:""; position:absolute; top:2px; left:2px; width:10px; height:10px; border-radius:50%; background:rgba(212,212,211,.55); }



  
  .kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:16px; }
  .kpi{ min-width:0; background:var(--card); border:1px solid var(--hair); border-radius:8px; padding:16px 20px 16px; display:flex; flex-direction:column; }
  .kpi .kh{ display:flex; align-items:center; justify-content:space-between; gap:8px; height:16px; }
  .kpi .kl{ font-family:var(--fmono); font-size:11px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--lab); white-space:nowrap; }
  .kpi .kh .ic{ color:var(--faint); }
  .kpi .kv{ margin-top:12px; font-family:var(--disp); font-weight:500; font-size:34px; line-height:36px; color:#FFFFFF; font-variant-numeric:tabular-nums; }
  .kpi .kc{ margin-top:6px; font-size:13px; line-height:18px; color:var(--mute); white-space:nowrap; }
  .kpi .kc.kc2{ margin-top:1px; }
  .kpi .kc b{ color:var(--txt); font-weight:500; font-variant-numeric:tabular-nums; }
  .kpi .kchart{ margin-top:auto; padding-top:16px; }
  .mini{ height:8px; display:flex; gap:2px; }
  .mini .seg{ height:8px; border-radius:2px; background:#D4D4D3; min-width:4px; }
  .mini .seg.hatch{ background:repeating-linear-gradient(135deg, rgba(212,212,211,.55) 0 1.2px, transparent 1.2px 3.5px); box-shadow:inset 0 0 0 1px rgba(212,212,211,.35); }
  .mini .seg.faded{ background:rgba(212,212,211,.3); }
  .mini.div{ align-items:center; gap:0; }
  .mini.div .dl, .mini.div .dr{ display:flex; }
  .mini.div .dl{ justify-content:flex-end; padding-right:2px; }
  .mini.div .dr{ padding-left:2px; }
  .mini.div .seg{ width:100%; }
  .mini.div .zero{ width:1px; height:14px; background:#FFFFFF; }
  .mini.bullet{ position:relative; display:block; background:rgba(212,212,211,.1); border-radius:2px; }
  .bfill{ position:absolute; left:0; top:0; bottom:0; background:#D4D4D3; border-radius:2px 0 0 2px; }
  .btick{ position:absolute; top:-3px; bottom:-3px; width:1.5px; margin-left:-1.5px; background:#FFFFFF; }
  .mini.cells{ gap:3px; }
  .mini.cells i{ flex:1; height:8px; border-radius:1.5px; box-shadow:inset 0 0 0 1px rgba(212,212,211,.3); }
  .mini.cells i.on{ background:#D4D4D3; box-shadow:none; }
  .mini-k{ display:flex; justify-content:space-between; gap:8px; margin-top:7px; font-family:var(--fmono); font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); white-space:nowrap; }
  .mini-k .mk-r{ display:flex; gap:10px; }
  .mini-k .mk-r span{ display:flex; align-items:center; gap:5px; }
  .mk-hatch, .mk-faded{ display:block; width:8px; height:8px; border-radius:1.5px; }
  .mk-hatch{ background:repeating-linear-gradient(135deg, rgba(212,212,211,.55) 0 1.2px, transparent 1.2px 3.5px); box-shadow:inset 0 0 0 1px rgba(212,212,211,.35); }
  .mk-faded{ background:rgba(212,212,211,.3); }

  
  .panel2{ min-width:0; background:var(--card); border:1px solid var(--hair); border-radius:8px; }
  .pnh{ display:flex; align-items:center; justify-content:space-between; gap:8px 16px; padding:14px 20px 0; min-height:48px; flex-wrap:wrap; }
  .pnt{ display:flex; align-items:center; gap:10px; min-width:0; }
  .pnt h3{ margin:0; font-family:var(--fut); font-weight:500; font-size:15px; line-height:20px; color:var(--txt); white-space:nowrap; }
  .pnt .per{ font-size:13px; color:var(--mute); white-space:nowrap; }
  .legend{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 18px; font-size:12.5px; color:var(--lab); }
  .legend span{ display:flex; align-items:center; gap:7px; white-space:nowrap; }
  .lg-line{ width:16px; height:2px; background:#D4D4D3; border-radius:1px; }
  .lg-target{ width:16px; height:0; border-top:1.25px solid #CCCBBC; }
  .lg-dash{ width:16px; height:0; border-top:2px dashed #D4D4D3; }
  .lg-hatch{ width:12px; height:12px; border-radius:2px; background:repeating-linear-gradient(135deg, rgba(212,212,211,.45) 0 1.2px, transparent 1.2px 3.5px); }
  .lg-bar{ width:10px; height:10px; border-radius:2px; background:rgba(212,212,211,.5); }
  .lg-usual{ width:16px; height:0; border-top:1.5px dashed #FFFFFF; }
  .pnb{ padding:12px 20px 16px; position:relative; }
  .more{ width:28px; height:28px; display:grid; place-items:center; border-radius:6px; color:var(--mute); border:1px solid transparent; }
  .chart-host{ position:relative; width:100%; }
  .chart-host svg{ display:block; width:100%; }
  .rev-b{ padding:10px 20px 14px; }
  .att-b{ padding:12px 20px 10px; }
  .att-l{ padding:0 20px 16px; gap:6px 16px; }

  
  svg text{ font-family:var(--fmono); letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
  .grid{ stroke:rgba(212,212,211,.09); stroke-width:1; }
  .base{ stroke:rgba(212,212,211,.3); stroke-width:1; }
  .tick{ stroke:rgba(212,212,211,.3); stroke-width:1; }
  .mtick{ stroke:rgba(212,212,211,.2); stroke-width:1; }
  .ylab, .xlab{ font-size:10.5px; fill:rgba(212,212,211,.5); }
  .xlab.strongx{ fill:#D4D4D3; }
  .area{ fill:rgba(212,212,211,.07); }
  .actual{ fill:none; stroke:#D4D4D3; stroke-width:2; stroke-linejoin:round; stroke-linecap:round; }
  .target{ stroke:#CCCBBC; stroke-width:1.25; stroke-opacity:.75; }
  .proj{ fill:none; stroke:#D4D4D3; stroke-width:2; stroke-dasharray:5 4; stroke-linecap:round; stroke-linejoin:round; }
  .cross{ stroke:rgba(212,212,211,.35); stroke-width:1; stroke-dasharray:2 3; }
  .today{ fill:#FFFFFF; }
  .endm{ fill:#D4D4D3; stroke:#1A1F1F; stroke-width:2; }
  .endt{ fill:#1A1F1F; stroke:#CCCBBC; stroke-width:1.5; }
  .chip{ fill:#FFFFFF; }
  .chipt{ font-size:10.5px; fill:#1A1F1F; }
  .endlab{ font-size:11px; }
  .endlab .ev{ fill:#FFFFFF; }
  .endlab .ev.dimv{ fill:#CCCBBC; }
  .endlab .ek{ fill:rgba(212,212,211,.5); text-transform:uppercase; font-size:10px; }
  .dbar{ fill:rgba(212,212,211,.42); }
  .dbar.now{ fill:#D4D4D3; }
  .dbar.proj-d{ fill:none; stroke:rgba(212,212,211,.6); stroke-width:1; stroke-dasharray:2 2; }
  .bandlab{ font-size:10px; fill:rgba(212,212,211,.5); text-transform:uppercase; }
  .bar{ fill:rgba(212,212,211,.42); }
  .bar-edge{ fill:none; stroke:rgba(212,212,211,.7); stroke-width:1; }
  .barv{ font-size:10.5px; fill:rgba(212,212,211,.6); }
  .usual{ stroke:#FFFFFF; stroke-width:1.5; stroke-dasharray:4 3; stroke-opacity:.9; }

  
  .tip{ position:absolute; background:#1A1F1F; border:1px solid rgba(212,212,211,.3); border-radius:6px; padding:10px 12px 10px;
    box-shadow:0 8px 24px rgba(26,31,31,.9), 0 1px 0 rgba(26,31,31,.9); pointer-events:none; }
  .tip-k{ font-family:var(--fmono); font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); }
  .tip-v{ margin-top:5px; font-family:var(--disp); font-weight:500; font-size:18px; line-height:22px; color:#FFFFFF; font-variant-numeric:tabular-nums; white-space:nowrap; }
  .tip-rows{ margin-top:8px; padding-top:8px; border-top:1px solid var(--hair); display:flex; flex-direction:column; gap:5px; }
  .tip .tr{ display:flex; align-items:center; gap:8px; font-size:12.5px; line-height:16px; color:var(--lab); white-space:nowrap; }
  .tip .tr .n{ margin-left:auto; padding-left:12px; font-family:var(--fmono); font-size:11px; letter-spacing:-.02em; color:var(--txt); }
  .sw{ flex:none; width:12px; }
  .sw-line{ border-top:1.25px solid #CCCBBC; }

  
  .two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:16px 0; }
  .two > .panel2{ display:flex; flex-direction:column; }
  .stats{ display:flex; flex-wrap:wrap; gap:4px 20px; }
  .stat{ display:flex; align-items:baseline; gap:6px; white-space:nowrap; }
  .stat .sv{ font-family:var(--disp); font-weight:500; font-size:15px; color:#FFFFFF; font-variant-numeric:tabular-nums; }
  .stat .l{ font-size:12.5px; color:var(--mute); }
  .att-b{ flex:1; }

  
  .fun{ flex:1; display:flex; flex-direction:column; padding:18px 20px 16px; }
  .fsteps{ flex:1; display:flex; flex-direction:column; justify-content:center; }
  .frow{ display:flex; align-items:center; height:40px; }
  .flab{ width:150px; flex:none; font-size:13.5px; color:var(--txt); white-space:nowrap; }
  .ftrack{ position:relative; flex:1; min-width:0; height:32px; }
  .fghost{ position:absolute; left:0; top:0; bottom:0; border-radius:3px; background:repeating-linear-gradient(135deg, rgba(212,212,211,.13) 0 1.2px, transparent 1.2px 4px); }
  .fbar{ position:absolute; left:0; top:0; bottom:0; border-radius:3px; }
  .f0{ background:rgba(212,212,211,.3); }
  .f1{ background:rgba(212,212,211,.46); }
  .f4{ background:#FFFFFF; }
  .fn{ width:52px; flex:none; text-align:right; font-family:var(--disp); font-weight:500; font-size:16px; color:#FFFFFF; font-variant-numeric:tabular-nums; }
  .fconv{ height:32px; display:flex; align-items:center; padding-left:150px; }
  .fconv-l{ display:flex; align-items:center; gap:5px; font-family:var(--fmono); font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--lab); }
  .fconv-l .ic{ color:var(--faint); }
  .ffoot{ display:flex; justify-content:space-between; margin-top:14px; padding-top:12px; border-top:1px solid var(--hair); font-size:12.5px; color:var(--mute); }
  .ffoot a{ color:var(--lab); text-decoration:none; display:flex; align-items:center; gap:6px; }



  
  .th{ display:flex; align-items:center; gap:4px; min-width:0; font-family:var(--fmono); font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); white-space:nowrap; }
  .th .ic{ color:var(--faint); }
  .th.r, .td.r{ justify-content:flex-end; text-align:right; }
  .gname{ font-family:var(--fmono); font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--lab); }
  .td{ min-width:0; display:flex; align-items:center; }
  .person{ gap:12px; }
  .av{ flex:none; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:rgba(212,212,211,.12);
    font-family:var(--fmono); font-size:10.5px; letter-spacing:-.02em; color:var(--txt); }
  .av.hot{ background:#D4D4D3; color:#1A1F1F; }
  .pn{ display:flex; flex-direction:column; min-width:0; }
  .nm{ font-weight:500; font-size:14px; line-height:18px; color:var(--txt); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .sub{ font-size:12.5px; line-height:16px; color:var(--mute); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .why{ font-size:13.5px; color:var(--lab); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
  .tday{ font-family:var(--fmono); font-size:10.5px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); white-space:nowrap; }
  .det{ font-family:var(--fmono); font-size:11.5px; letter-spacing:-.02em; color:var(--txt); white-space:nowrap; font-variant-numeric:tabular-nums; }
  .act{ justify-content:flex-end; }
  .btn-s{ display:inline-flex; align-items:center; gap:6px; height:28px; padding:1px 10px 0; border:1px solid var(--hair2); border-radius:4px;
    background:transparent; color:var(--txt); font-family:var(--fmono); font-size:10.5px; letter-spacing:-.02em; text-transform:uppercase; cursor:pointer; white-space:nowrap; }
  .btn-s .ic{ color:var(--mute); }
  .btn-s.solid{ background:#FFFFFF; color:#1A1F1F; border-color:#FFFFFF; }
  .btn-s.solid .ic{ color:#1A1F1F; }
  .tfoot{ display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:10px 20px; font-size:12.5px; color:var(--mute); }
  .key{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 14px; }
  .key span{ display:flex; align-items:center; gap:6px; white-space:nowrap; }
  .key i{ width:6px; height:12px; border-radius:1px; display:block; }
  .k-f{ background:#D4D4D3; } .k-h{ background:rgba(212,212,211,.36); } .k-o{ box-shadow:inset 0 0 0 1px rgba(212,212,211,.55); }
  .k-0{ height:1.5px !important; margin-top:10px; background:rgba(212,212,211,.28); }
  .k-so{ background:repeating-linear-gradient(135deg, rgba(212,212,211,.5) 0 1.2px, transparent 1.2px 3.2px); box-shadow:inset 0 0 0 1px rgba(212,212,211,.7); }
  .k-slot{ box-shadow:inset 0 0 0 1px rgba(212,212,211,.28); }
  .ctl-s{ height:28px; display:flex; align-items:center; gap:6px; padding:0 8px 0 10px; border:1px solid var(--hair2); border-radius:6px; font-size:12.5px; color:var(--lab); white-space:nowrap; }
  .ctl-s .ic{ color:var(--mute); }



  
  .studio{ margin-top:32px; padding:0; border:none; }
  .sh{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:14px; }
  .sh h2{ margin:0; font-family:var(--disp); font-weight:500; font-size:22px; line-height:26px; text-transform:none; letter-spacing:0; color:#FFFFFF; }
  .shs{ margin-top:3px; font-size:13.5px; line-height:18px; color:var(--mute); }

  .tiles{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
  .tile{ position:relative; min-width:0; display:flex; flex-direction:column; padding:14px 14px 16px;
    background:var(--card); border:1px solid var(--hair); border-radius:8px; color:var(--txt); text-decoration:none; cursor:pointer; }
  .tile:hover{ background:rgba(212,212,211,.065); border-color:var(--hair2); }
  .tile .tt{ display:flex; align-items:center; gap:7px; min-height:20px; }
  .tile .tt .ic{ color:var(--mute); }
  .tile .tn{ flex:1; min-width:0; font-weight:500; font-size:13.5px; line-height:18px; color:var(--lab); white-space:nowrap; }
  .tile .tcr{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:14px; }
  .tile .tc{ font-family:var(--disp); font-weight:500; font-size:34px; line-height:36px; color:#FFFFFF; }
  .tile .tl{ margin-top:6px; font-size:13px; line-height:18px; color:var(--mute); text-wrap:balance; }
  .tile .tl b{ color:var(--txt); font-weight:500; }
  .tile.on{ background:var(--card2); border-color:rgba(255,255,255,.75); }
  .tile.on .tn{ color:#FFFFFF; }
  .tile.on .tt .ic{ color:#FFFFFF; }
  .tile.on .tl{ color:var(--lab); }
  .tile.on .tl b{ color:#FFFFFF; }
  .tile .caret{ position:absolute; left:50%; bottom:-10px; margin-left:-8px; display:none; }
  .tile.on .caret{ display:block; }
  .tseg{ display:flex; height:20px; border:1px solid var(--hair2); border-radius:4px; overflow:hidden; flex:none; }
  .tseg span{ display:flex; align-items:center; padding:1px 5px 0; font-family:var(--fmono); font-size:9.5px; line-height:1; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); border-left:1px solid var(--hair2); }
  .tseg span:first-child{ border-left:none; }
  .tseg span.on{ background:var(--card2); color:var(--txt); }

  
  .detail{ margin-top:16px; background:var(--card); border:1px solid var(--hair); border-radius:8px; container:det / inline-size; }
  .detail[hidden]{ display:none; }
  .dh{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; min-height:60px; padding:12px 20px; }
  .dh .pnt h3{ font-size:15px; }
  .dh .per{ font-size:13px; color:var(--mute); margin-left:2px; }
  .dh .ctrls{ gap:12px; }
  .open{ display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--lab); text-decoration:none; white-space:nowrap; padding-left:4px; }
  .open .ic{ color:var(--mute); }
  .seg3.sm{ height:28px; }
  .seg3.sm span{ padding:1px 10px 0; font-size:10px; }
  .seg3.tsw a{ display:flex; align-items:center; gap:6px; padding:1px 10px 0; font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); text-decoration:none; border-left:1px solid var(--hair2); white-space:nowrap; }
  .seg3.tsw a:first-child{ border-left:none; }
  .seg3.tsw a b{ font-weight:400; color:var(--faint); }
  .seg3.tsw a.on{ background:var(--card2); color:#FFFFFF; }
  .seg3.tsw a.on b{ color:var(--txt); }

  .dhd, .dr{ display:grid; align-items:center; column-gap:20px; padding:0 20px; }
  .dhd{ height:36px; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); background:rgba(212,212,211,.025); }
  .dr{ border-bottom:1px solid var(--hair); }
  .dr:last-child{ border-bottom:none; }
  .dr.hover{ background:rgba(212,212,211,.055); }
  .sub-plan{ display:none; }

  .dt-drop .dhd, .dt-drop .dr{ grid-template-columns:minmax(170px,1.1fr) minmax(110px,.8fr) minmax(300px,440px) minmax(110px,.9fr) minmax(130px,1fr) 104px; }
  .dt-drop .dr{ height:92px; }
  .dt-leads .dhd, .dt-leads .dr{ grid-template-columns:minmax(180px,1.2fr) minmax(170px,1.1fr) minmax(100px,.8fr) minmax(200px,1.6fr) 104px; }
  .dt-trials .dhd, .dt-trials .dr{ grid-template-columns:minmax(160px,1.1fr) minmax(240px,1.3fr) 64px minmax(180px,1.2fr) minmax(140px,1.4fr) 104px; }
  .dt-pay .dhd, .dt-pay .dr{ grid-template-columns:minmax(170px,1.2fr) 90px minmax(90px,.7fr) minmax(200px,1.8fr) 150px 104px; }
  .dt-ms .dhd, .dt-ms .dr{ grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) minmax(120px,1fr) minmax(0,1.4fr) 148px; }
  .dt-new .dhd, .dt-new .dr{ grid-template-columns:minmax(170px,1.2fr) minmax(96px,.7fr) minmax(100px,.8fr) 150px minmax(90px,.7fr) minmax(170px,1.3fr) 104px; }
  .dt-exp .dhd, .dt-exp .dr{ grid-template-columns:minmax(170px,1.2fr) minmax(120px,.9fr) 64px minmax(150px,1fr) minmax(160px,1.6fr) 104px; }
  .dt-exp .dr{ height:60px; }
  .dt-leads .dr, .dt-trials .dr, .dt-pay .dr, .dt-ms .dr{ height:56px; }
  .dt-new .dr{ height:68px; }
  .td.person .nm{ font-size:14.5px; }
  .two-l{ flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; }
  .v1{ font-size:13.5px; line-height:18px; color:var(--txt); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .v1.vt{ font-family:var(--disp); font-weight:500; font-size:16px; color:#FFFFFF; }
  .never{ font-size:13.5px; line-height:18px; font-weight:500; color:#FFFFFF; white-space:nowrap; }
  .td.chart{ position:relative; display:block; }
  .wkh{ justify-content:space-between; }
  .wkh > span:first-child{ overflow:hidden; text-overflow:ellipsis; }
  .wkh-r{ display:flex; align-items:center; gap:6px; padding-right:4px; color:var(--faint); flex:none; }
  .lg-u{ width:14px; height:0; border-top:1.5px dashed #FFFFFF; opacity:.8; display:block; }

  
  .wkc{ width:100%; height:72px; }
  .bar1{ fill:rgba(212,212,211,.62); }
  .wk, .fw{ display:block; overflow:visible; }
  .wgrid{ stroke:rgba(212,212,211,.06); stroke-width:1; }
  .wbase{ stroke:rgba(212,212,211,.3); stroke-width:1; }
  .wf{ fill:#D4D4D3; }
  .wh{ fill:rgba(212,212,211,.36); }
  .wu{ fill:none; stroke:rgba(212,212,211,.6); stroke-width:1; }
  .wz{ fill:rgba(212,212,211,.3); }
  .wusual{ stroke:#FFFFFF; stroke-width:1.5; stroke-dasharray:4 3; stroke-opacity:.85; }
  .wul{ font-size:11px; fill:#FFFFFF; }
  .wv{ font-size:10.5px; fill:#FFFFFF; }
  .wv.lo{ fill:rgba(212,212,211,.5); }
  .fwcur{ fill:none; stroke:rgba(212,212,211,.75); stroke-width:1; }
  .fwslot{ fill:none; stroke:rgba(212,212,211,.22); stroke-width:1; stroke-dasharray:2 2; }
  .fwv{ font-size:10px; fill:rgba(212,212,211,.6); }
  .fwv.now{ fill:#FFFFFF; }
  .fwv.off{ fill:rgba(212,212,211,.28); }

  
  .st{ font-size:13.5px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .st-hi{ color:#FFFFFF; font-weight:500; }
  .st-mid{ color:var(--lab); }
  .st-lo{ color:var(--mute); }
  .t14{ display:flex; gap:3px; flex:none; }
  .t14 i{ width:8px; height:16px; border-radius:1.5px; box-shadow:inset 0 0 0 1px rgba(212,212,211,.25); }
  .t14 i.on{ background:rgba(212,212,211,.45); box-shadow:none; }
  .t14 i.now{ background:rgba(212,212,211,.45); box-shadow:none; }
  .trk{ gap:12px; }
  .amt{ font-family:var(--disp); font-weight:500; font-size:16px; color:#FFFFFF; }
  .attw{ gap:10px; }
  .att{ display:flex; gap:3px; }
  .att i{ width:16px; height:8px; border-radius:1.5px; box-shadow:inset 0 0 0 1px rgba(212,212,211,.3); }
  .att i.on{ background:#D4D4D3; box-shadow:none; }
  .ms{ display:flex; align-items:center; gap:7px; font-size:13.5px; color:var(--txt); white-space:nowrap; }
  .ms .ic{ color:var(--lab); }
  .detail .tfoot{ border-top:1px solid var(--hair); }



  button{ font:inherit; color:inherit; }
  .switch, .me, .iconbtn{ background:transparent; font:inherit; cursor:pointer; }
  .switch{ background:var(--card); width:100%; text-align:left; color:inherit; }
  .me{ border:1px solid transparent; border-radius:6px; padding:3px 6px 3px 4px; color:inherit; }
  .me:hover, .me.open{ background:var(--card); border-color:var(--hair); }
  .iconbtn:hover, .iconbtn.open{ background:var(--card2); }
  .iconbtn.sm{ width:30px; height:30px; }
  .brand{ text-decoration:none; }
  .search{ cursor:text; }
  .search input{ flex:1; min-width:0; height:100%; padding:0; border:0; outline:0; background:transparent;
    font-family:var(--fut); font-size:13.5px; color:var(--txt); }
  .search input::placeholder{ color:var(--mute); opacity:1; }
  .search:focus-within{ border-color:rgba(212,212,211,.45); }
  .seg3 span, .seg3 a{ cursor:pointer; user-select:none; }
  .seg3 span:not(.on):hover, .seg3 a:not(.on):hover{ background:rgba(212,212,211,.05); color:var(--txt); }
  .ctl, .toggle, .ctl-s, .more, .kh .ic, .open{ cursor:pointer; user-select:none; }
  .ctl:hover, .ctl.open, .ctl-s:hover, .ctl-s.open, .toggle:hover{ background:var(--card2); }
  .more:hover, .more.open{ background:var(--card2); color:var(--txt); }
  .kh .ic:hover{ color:var(--txt); }
  .btn-s:hover{ background:var(--card2); }
  .btn-s.solid:hover{ background:#D4D4D3; border-color:#D4D4D3; }
  .toggle, .ctl-s, .more{ background:transparent; font-family:var(--fut); }
  .ctl{ font-family:var(--fut); }
  .sw-cmp{ border-top:2px dotted rgba(212,212,211,.55); }
  .toggle.on{ color:#FFFFFF; }
  .toggle.on .sw-t{ background:#D4D4D3; border-color:#D4D4D3; }
  .toggle.on .sw-t::after{ left:14px; background:#1A1F1F; }
  .inp{ width:100%; height:36px; padding:0 11px; border:1px solid var(--hair2); border-radius:6px; background:var(--card);
    font-family:var(--fut); font-size:13.5px; color:var(--txt); outline:0; }
  .inp:focus{ border-color:rgba(212,212,211,.5); background:var(--card2); }
  .inp::placeholder{ color:var(--faint); opacity:1; }
  textarea.inp{ height:auto; padding:10px 11px; line-height:20px; resize:vertical; }
  .fsel{ height:34px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 10px 0 11px;
    border:1px solid var(--hair2); border-radius:6px; background:var(--card); font-size:13.5px; color:var(--txt); cursor:pointer; white-space:nowrap; text-align:left; }
  .fsel .sv{ overflow:hidden; text-overflow:ellipsis; }
  .fsel .ic{ color:var(--mute); }
  .fsel:hover, .fsel.open{ background:var(--card2); }


  .menu{ position:fixed; z-index:60; min-width:180px; max-width:360px; padding:4px; background:#1A1F1F;
    border:1px solid rgba(212,212,211,.26); border-radius:6px; box-shadow:0 12px 32px rgba(26,31,31,.9); }
  .menu .m-h{ padding:8px 10px 6px; font-family:var(--fmono); font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); }
  .menu .m-div{ height:1px; margin:4px 0; background:var(--hair); }
  .menu .m-text{ padding:8px 10px; font-size:13px; line-height:18px; color:var(--lab); }
  .menu.pop{ max-width:280px; }
  .mi{ width:100%; display:flex; align-items:center; gap:9px; min-height:32px; padding:6px 10px; border:0; border-radius:4px;
    background:transparent; text-align:left; font-size:13.5px; line-height:18px; color:var(--txt); cursor:pointer; }
  .mi:hover, .mi.act{ background:var(--card2); }
  .mi .ic{ color:var(--mute); }
  .mi .ml{ flex:1; min-width:0; display:flex; flex-direction:column; }
  .mi .ml > span:first-child{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .mi .ms2{ font-size:12px; line-height:16px; color:var(--mute); }
  .mi.on{ color:#FFFFFF; }
  .mi.on > .ic:last-child{ color:#FFFFFF; }
  .sres .mi .av{ width:26px; height:26px; font-size:9.5px; }


  .scrim{ position:fixed; inset:0; z-index:40; background:rgba(26,31,31,.62); opacity:0; transition:opacity .18s ease; }
  .scrim.on{ opacity:1; }
  .drawer{ position:fixed; top:8px; right:8px; bottom:8px; z-index:41; width:min(460px, 100vw); display:flex; flex-direction:column;
    background:#1A1F1F; border:1px solid rgba(212,212,211,.22); border-radius:8px; box-shadow:0 16px 48px rgba(26,31,31,.9);
    transform:translateX(24px); opacity:0; transition:transform .18s ease, opacity .18s ease; }
  .drawer.on{ transform:none; opacity:1; }
  .dw-h{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 20px 16px; border-bottom:1px solid var(--hair); }
  .dw-h h3{ margin:4px 0 0; font-family:var(--disp); font-weight:500; font-size:20px; line-height:24px; color:#FFFFFF; }
  .dw-k{ font-family:var(--fmono); font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); }
  .dw-b{ flex:1; overflow:auto; padding:18px 20px; display:flex; flex-direction:column; gap:16px; }
  .dw-b > *{ flex-shrink:0; }
  .dw-f{ display:flex; justify-content:flex-end; gap:8px; padding:14px 20px; border-top:1px solid var(--hair); }
  .dw-f .btn-s{ height:32px; padding:1px 14px 0; }
  .fld{ display:flex; flex-direction:column; gap:7px; }
  .fld[hidden]{ display:none; }
  .fld > .seg3{ align-self:flex-start; }
  .fl{ font-family:var(--fmono); font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); }
  .to{ display:flex; align-items:center; gap:12px; padding:9px 12px; border:1px solid var(--hair); border-radius:6px; background:var(--card); }
  .to .pn{ flex:1; }
  .cc{ font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); text-align:right; }
  .toast{ position:fixed; left:50%; bottom:24px; z-index:80; display:flex; align-items:center; gap:8px; padding:10px 14px 10px 12px;
    background:#FFFFFF; color:#1A1F1F; border-radius:6px; font-size:13.5px; line-height:18px; box-shadow:0 8px 24px rgba(26,31,31,.5);
    transform:translate(-50%, 12px); opacity:0; pointer-events:none; transition:transform .18s ease, opacity .18s ease; }
  .toast.on{ transform:translate(-50%, 0); opacity:1; }


  .kpi .kd{ margin-top:4px; font-family:var(--fmono); font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--lab); white-space:nowrap; }
  .kpi .kd[hidden]{ display:none; }
  .cmp{ fill:none; stroke:rgba(212,212,211,.34); stroke-width:1.5; stroke-dasharray:1 3; stroke-linecap:round; }
  .lg-cmp{ width:16px; height:0; border-top:2px dotted rgba(212,212,211,.5); }
  .legend .lg-c[hidden], .legend [data-lg][hidden]{ display:none; }
  .legend span span{ display:inline; }
  .chart-host .hit{ fill:transparent; cursor:crosshair; }
  .dh .per b{ font-weight:400; color:var(--txt); }
  .empty-row{ padding:22px 20px; font-size:13.5px; color:var(--mute); }
  .dr.link{ cursor:pointer; }
  .dr.link:hover{ background:rgba(212,212,211,.04); }


  .ph .sub-t{ margin-top:4px; font-size:13.5px; color:var(--mute); }
  .ph-actions{ display:flex; gap:8px; }
  .ph-actions .btn-s{ height:34px; padding:1px 12px 0; }
  .vtabs{ display:flex; gap:4px; margin-bottom:16px; }
  .vtabs a{ display:flex; align-items:center; gap:8px; height:32px; padding:0 12px; border-radius:6px; font-size:14px; color:var(--lab); text-decoration:none; }
  .vtabs a:hover{ background:var(--card); }
  .vtabs a.on{ background:var(--card2); color:#FFFFFF; }
  .mbar{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:14px 20px; }
  .ftabs{ display:flex; flex-wrap:wrap; gap:4px; }
  .ftabs button{ display:flex; align-items:center; gap:7px; height:30px; padding:1px 10px 0; border:1px solid transparent; border-radius:6px;
    background:transparent; font-size:13.5px; color:var(--lab); cursor:pointer; }
  .ftabs button:hover{ background:var(--card); }
  .ftabs button.on{ background:var(--card2); border-color:var(--hair2); color:#FFFFFF; }
  .ftabs .n{ font-family:var(--fmono); font-size:10.5px; letter-spacing:-.02em; color:var(--faint); }
  .ftabs button.on .n{ color:var(--txt); }
  .mbar-r{ display:flex; align-items:center; gap:8px; }
  .msearch{ width:240px; height:30px; display:flex; align-items:center; gap:8px; padding:0 10px; border:1px solid var(--hair2); border-radius:6px; background:var(--card); color:var(--mute); }
  .msearch input{ flex:1; min-width:0; border:0; outline:0; background:transparent; font-family:var(--fut); font-size:13px; color:var(--txt); }
  .msearch input::placeholder{ color:var(--faint); opacity:1; }
  .fchip{ display:inline-flex; align-items:center; gap:6px; height:26px; padding:1px 6px 0 9px; border:1px solid var(--hair2); border-radius:4px;
    background:var(--card2); font-size:12.5px; color:var(--txt); cursor:pointer; }
  .fchip .ic{ color:var(--mute); }
  .dt-mem .dhd, .dt-mem .dr{ grid-template-columns:minmax(190px,1.3fr) minmax(110px,.8fr) minmax(260px,380px) minmax(110px,.8fr) minmax(130px,1fr) 104px; }
  .dt-mem .dr{ height:84px; }
  .mem-t{ margin-left:8px; }
  .nobars{ font-size:13px; color:var(--mute); }
  .pager{ display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:8px 20px; border-top:1px solid var(--hair); font-size:12.5px; color:var(--mute); }
  .pager .pg{ display:flex; gap:6px; }
  .pager .btn-s[disabled]{ opacity:.35; cursor:default; }
  @container det (max-width:1059px){
    .dt-mem .dhd, .dt-mem .dr{ grid-template-columns:minmax(170px,1.3fr) minmax(240px,340px) minmax(100px,.8fr) minmax(120px,1fr) 104px; }
    .dt-mem .c-plan{ display:none !important; }
    .dt-mem .sub .sub-plan{ display:inline; }
  }

  
  .drawer.profile .dw-h{ align-items:center; }
  .pf-id{ display:flex; align-items:center; gap:14px; }
  .pf-id .av{ width:44px; height:44px; font-size:13px; }
  .pf-sub{ margin-top:2px; font-size:13px; color:var(--mute); }
  .pf-acts{ display:flex; gap:8px; }
  .pf-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--hair); border:1px solid var(--hair); border-radius:6px; overflow:hidden; }
  .pf-stats > div{ background:#1A1F1F; padding:12px 14px; }
  .pf-stats .pv{ margin-top:6px; font-family:var(--disp); font-weight:500; font-size:20px; line-height:24px; color:#FFFFFF; }
  .pf-stats .pv small{ font-family:var(--fut); font-weight:400; font-size:12.5px; color:var(--mute); margin-left:4px; }
  .pf-sec{ display:flex; flex-direction:column; gap:10px; }
  .pf-sec h4{ margin:0; font-family:var(--fmono); font-weight:400; font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); }
  .pf-chart{ padding:14px 14px 8px; border:1px solid var(--hair); border-radius:6px; background:var(--card); }
  .facts{ display:grid; grid-template-columns:132px minmax(0,1fr); border:1px solid var(--hair); border-radius:6px; overflow:hidden; }
  .facts > span{ padding:9px 12px; border-top:1px solid var(--hair); font-size:13.5px; line-height:18px; }
  .facts > span:nth-child(-n+2){ border-top:0; }
  .facts > span:nth-child(odd){ color:var(--mute); background:rgba(212,212,211,.025); }
  .tags{ display:flex; flex-wrap:wrap; gap:6px; }
  .tln{ display:flex; flex-direction:column; }
  .tl-i{ display:grid; grid-template-columns:18px minmax(0,1fr); gap:10px; padding:9px 0; border-top:1px solid var(--hair); }
  .tl-i:first-child{ border-top:0; }
  .tl-i .ic{ margin-top:2px; color:var(--mute); }
  .tl-t{ font-size:13.5px; line-height:19px; color:var(--txt); }
  .tl-w{ margin-top:2px; font-family:var(--fmono); font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); }
  .note-box{ display:flex; flex-direction:column; gap:8px; }
  .note-box[hidden]{ display:none; }
  .note-box .row{ display:flex; justify-content:flex-end; gap:8px; }

  
  .dt-lists .dhd, .dt-lists .dr{ grid-template-columns:minmax(220px,2fr) 110px 100px minmax(160px,1.4fr) minmax(120px,1fr) 44px; }
  .dt-lists .dr{ height:56px; }
  .kind{ display:inline-flex; align-items:center; height:20px; padding:1px 6px 0; border-radius:4px; font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; text-transform:uppercase; }
  .kind.dyn{ background:#D4D4D3; color:#1A1F1F; }
  .kind.sta{ border:1px solid var(--hair2); color:var(--lab); }
  .cnum{ font-family:var(--disp); font-weight:500; font-size:16px; color:#FFFFFF; }
  .builder{ margin-top:16px; background:var(--card); border:1px solid var(--hair); border-radius:8px; }
  .builder[hidden]{ display:none; }
  .b-body{ display:flex; flex-direction:column; gap:16px; padding:4px 20px 20px; }
  .b-top{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:end; }
  .conds{ display:flex; flex-direction:column; gap:8px; }
  .cond{ display:grid; grid-template-columns:44px minmax(180px,1.2fr) minmax(130px,.8fr) minmax(140px,1fr) 34px; gap:8px; align-items:center; }
  .cond .w{ font-family:var(--fmono); font-size:10.5px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); text-align:right; }
  .cond .inp{ height:34px; }
  .cond .rm{ width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--hair2); border-radius:6px; background:transparent; color:var(--mute); cursor:pointer; }
  .cond .rm:hover{ background:var(--card2); color:var(--txt); }
  .addc{ align-self:flex-start; margin-left:52px; }
  .b-foot{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 20px; border-top:1px solid var(--hair); }
  .matches{ display:flex; align-items:baseline; gap:8px; font-size:13.5px; color:var(--lab); }
  .matches b{ font-family:var(--disp); font-weight:500; font-size:22px; color:#FFFFFF; font-variant-numeric:tabular-nums; }
  .b-foot .btn-s{ height:32px; padding:1px 14px 0; }


  .building{ display:flex; align-items:center; gap:10px; padding:20px; background:var(--card); border:1px solid var(--hair); border-radius:8px; font-size:14px; color:var(--mute); }


  
  
  @container page (max-width:1109px){
    .tiles{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    .tile .caret, .tile.on .caret{ display:none; }
  }
  @container page (max-width:620px){
    .tiles{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @container page (max-width:860px){
    .kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .two{ grid-template-columns:minmax(0,1fr); }
  }

  
  @container det (max-width:1059px){
    .dhd, .dr{ column-gap:16px; }
    .c-plan{ display:none !important; }
    .sub-plan{ display:block; }
    .dt-drop .dhd, .dt-drop .dr{ grid-template-columns:minmax(160px,1.1fr) minmax(280px,420px) minmax(100px,.9fr) minmax(120px,1fr) 104px; }
    .dt-new .dhd, .dt-new .dr{ grid-template-columns:minmax(160px,1.2fr) minmax(96px,.8fr) 150px minmax(84px,.7fr) minmax(150px,1.3fr) 104px; }
    .dt-trials .dhd, .dt-trials .dr{ grid-template-columns:minmax(150px,1.1fr) minmax(158px,1.1fr) 56px minmax(170px,1.2fr) minmax(110px,1.3fr) 104px; }
    .dt-trials .trk{ flex-direction:column; align-items:flex-start; gap:4px; }
    .dt-trials .dr{ height:64px; }
    .dt-pay .dhd, .dt-pay .dr{ grid-template-columns:minmax(160px,1.2fr) 80px minmax(80px,.7fr) minmax(180px,1.8fr) 132px 104px; }
    .wkh-r{ display:none; }
  }

  
  @media (max-width:1199px){
    .app{ grid-template-columns:64px minmax(0,1fr); }
    .side-in{ padding:0 12px 12px; align-items:center; }
    .brand{ padding:0; justify-content:center; }
    .brand .wm{ height:11px; }
    .switch{ width:40px; height:40px; padding:0; justify-content:center; margin:4px 0 16px; }
    .switch .st, .switch > .ic{ display:none; }
    .navk{ display:none; }
    .nav{ align-items:center; }
    .nav a{ width:40px; height:36px; padding:0; justify-content:center; }
    .nav a .lbl{ display:none; }
    .nav a .badge{ position:absolute; top:2px; right:0; min-width:15px; height:15px; padding:1px 3px 0; font-size:9px; line-height:13px; }
    .side .foot{ width:40px; }
    .top{ padding:0 24px; }
    .page{ padding:24px 24px 48px; }
  }



  .app[data-page="conversations"] .page{ padding-bottom:24px; }
  .app[data-page="conversations"] .ph{ margin-bottom:16px; }

  
  .cv-phone{ gap:10px; padding:0 10px 0 11px; }
  .cv-phone .cv-pnum{ font-family:var(--fmono); font-size:11.5px; letter-spacing:-.02em; color:var(--txt); font-variant-numeric:tabular-nums; }
  .cv-phone .cv-psep{ width:1px; height:14px; background:var(--hair2); }
  .cv-phone .cv-pst{ font-size:13px; color:var(--lab); }
  .cv-phone.cover .cv-pst{ color:#FFFFFF; }
  .cv-phone .cv-cov{ display:inline-flex; align-items:center; height:18px; padding:1px 5px 0; border-radius:3px; background:#FFFFFF; color:#1A1F1F;
    font-family:var(--fmono); font-size:9.5px; letter-spacing:-.02em; text-transform:uppercase; }

  
  .cv{ display:grid; grid-template-columns:304px minmax(0,1fr) 288px; gap:1px; height:calc(100vh - 170px); min-height:540px;
    background:var(--hair); border:1px solid var(--hair); border-radius:8px; overflow:hidden; }
  .cv-col{ min-width:0; min-height:0; display:flex; flex-direction:column; background:#1A1F1F; }
  .cv-list, .cv-side{ background-image:linear-gradient(rgba(212,212,211,.03), rgba(212,212,211,.03)); }
  .cv-hd{ flex:none; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:0 16px; border-bottom:1px solid var(--hair); }
  .cv-hd h2{ margin:0; font-family:var(--fut); font-weight:500; font-size:15px; line-height:20px; letter-spacing:0; text-transform:none; color:var(--txt); }
  .cv-hd .cv-hn{ font-family:var(--fmono); font-size:10.5px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); white-space:nowrap; }

  
  .cv-tools{ flex:none; display:flex; flex-direction:column; gap:10px; padding:12px 12px 10px; border-bottom:1px solid var(--hair); }
  .cv-search{ display:flex; align-items:center; gap:8px; height:32px; padding:0 10px; border:1px solid var(--hair2); border-radius:6px; background:var(--card); color:var(--mute); cursor:text; }
  .cv-search:focus-within{ border-color:rgba(212,212,211,.45); }
  .cv-search input{ flex:1; min-width:0; border:0; outline:0; background:transparent; font-family:var(--fut); font-size:13px; color:var(--txt); }
  .cv-search input::placeholder{ color:var(--faint); opacity:1; }
  .cv-search .cv-clr{ display:grid; place-items:center; width:20px; height:20px; border:0; border-radius:4px; background:transparent; color:var(--mute); cursor:pointer; }
  .cv-search .cv-clr[hidden]{ display:none; }
  .cv-search .cv-clr:hover{ background:var(--card2); color:var(--txt); }
  .cv-filt{ display:flex; gap:4px; }
  .cv-filt button{ display:flex; align-items:center; gap:6px; height:26px; padding:1px 8px 0; border:1px solid transparent; border-radius:4px;
    background:transparent; font-size:13px; color:var(--lab); cursor:pointer; white-space:nowrap; }
  .cv-filt button:hover{ background:var(--card); }
  .cv-filt button.on{ background:var(--card2); border-color:var(--hair2); color:#FFFFFF; }
  .cv-filt .n{ font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; color:var(--faint); }
  .cv-filt button.on .n{ color:var(--txt); }
  .cv-rows{ flex:1; min-height:0; overflow:auto; padding:6px; display:flex; flex-direction:column; gap:2px; }
  .cv-row{ width:100%; display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px; align-items:start; padding:10px 10px 11px; border:1px solid transparent;
    border-radius:6px; background:transparent; text-align:left; cursor:pointer; }
  .cv-row:hover{ background:rgba(212,212,211,.05); }
  .cv-row.on{ background:var(--card2); border-color:var(--hair2); }
  .cv-row .av{ margin-top:1px; }
  .cv-rb{ min-width:0; display:flex; flex-direction:column; gap:3px; }
  .cv-r1, .cv-r2{ display:flex; align-items:center; gap:8px; min-width:0; }
  .cv-nm{ min-width:0; font-size:14px; line-height:18px; color:var(--txt); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .cv-row.un .cv-nm{ font-weight:500; color:#FFFFFF; }
  .cv-ctx{ flex:none; font-family:var(--fmono); font-size:9.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); white-space:nowrap; }
  .cv-tm{ flex:none; margin-left:auto; font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); white-space:nowrap; font-variant-numeric:tabular-nums; }
  .cv-row.un .cv-tm{ color:#FFFFFF; }
  .cv-r2 .ic{ color:var(--faint); }
  .cv-pv{ flex:1; min-width:0; font-size:13px; line-height:17px; color:var(--mute); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .cv-row.un .cv-pv{ color:var(--txt); }
  .cv-dot{ flex:none; width:8px; height:8px; border-radius:50%; background:#FFFFFF; }
  .cv-none{ padding:28px 16px; font-size:13.5px; line-height:19px; color:var(--mute); text-align:center; }

  
  .cv-who{ display:flex; align-items:center; gap:12px; min-width:0; }
  .cv-who .pn{ min-width:0; }
  .cv-who .nm{ font-size:15px; line-height:19px; }
  .cv-hacts{ display:flex; gap:8px; flex:none; }
  .cv-msgs{ flex:1; min-height:0; overflow:auto; padding:8px 24px 20px; display:flex; flex-direction:column; }
  .cv-day{ align-self:center; margin:16px 0 10px; font-family:var(--fmono); font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); }
  .cv-m{ max-width:min(76%, 520px); display:flex; flex-direction:column; gap:5px; margin-top:8px; }
  .cv-m.in{ align-self:flex-start; }
  .cv-m.out{ align-self:flex-end; align-items:flex-end; }
  .cv-bub{ padding:10px 13px 11px; border-radius:8px; font-size:14px; line-height:20px; white-space:pre-wrap; overflow-wrap:anywhere; }
  .cv-m.in .cv-bub{ border:1px solid var(--hair2); color:var(--txt); background:transparent; }
  .cv-m.out .cv-bub{ border:1px solid rgba(212,212,211,.16); background:rgba(212,212,211,.13); color:#FFFFFF; }
  .cv-subj{ display:block; margin-bottom:4px; font-weight:500; color:#FFFFFF; }
  .cv-m.in .cv-subj{ color:var(--txt); }
  .cv-meta{ display:flex; align-items:center; gap:6px; font-family:var(--fmono); font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); white-space:nowrap; }
  .cv-meta .ic{ color:var(--faint); }
  .cv-empty{ margin:auto; max-width:300px; text-align:center; font-size:13.5px; line-height:19px; color:var(--mute); }
  .cv-empty b{ display:block; margin-bottom:4px; font-weight:500; color:var(--txt); }

  
  .cv-comp{ flex:none; padding:0 16px 16px; }
  .cv-box{ border:1px solid var(--hair2); border-radius:8px; background:var(--card); }
  .cv-box:focus-within{ border-color:rgba(212,212,211,.4); }
  .cv-ct{ display:flex; align-items:center; gap:10px; padding:8px 8px 0 8px; }
  .cv-ct .seg3{ height:28px; }
  .cv-ct .seg3 span{ gap:6px; padding:1px 9px 0; }
  .cv-to{ min-width:0; font-size:12.5px; color:var(--mute); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .cv-to b{ font-weight:400; color:var(--lab); }
  .cv-ct .cv-tpl{ margin-left:auto; }
  .cv-subjin{ display:block; width:calc(100% - 16px); margin:8px 8px 0; height:32px; padding:0 10px; border:1px solid var(--hair); border-radius:6px; background:transparent;
    font-family:var(--fut); font-size:13.5px; color:var(--txt); outline:0; }
  .cv-subjin:focus{ border-color:rgba(212,212,211,.4); }
  .cv-subjin[hidden]{ display:none; }
  .cv-ta{ display:block; width:100%; min-height:76px; max-height:220px; padding:10px 12px 6px; border:0; outline:0; resize:none; background:transparent;
    font-family:var(--fut); font-size:14px; line-height:20px; color:var(--txt); }
  .cv-ta::placeholder{ color:var(--faint); opacity:1; }
  .cv-cf{ display:flex; align-items:center; gap:12px; padding:0 8px 8px 12px; }
  .cv-cc{ font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .cv-cf .cv-send{ margin-left:auto; height:30px; padding:1px 12px 0; }
  .cv-kb{ font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); white-space:nowrap; }

  
  .cv-side .cv-hd{ justify-content:flex-start; }
  .cv-sb{ flex:1; min-height:0; overflow:auto; padding:16px; display:flex; flex-direction:column; gap:18px; }
  .cv-pid{ display:flex; align-items:center; gap:12px; }
  .cv-pid .av{ width:40px; height:40px; font-size:12px; }
  .cv-pid .cv-pn{ font-family:var(--disp); font-weight:500; font-size:18px; line-height:22px; color:#FFFFFF; }
  .cv-pid .sub{ white-space:normal; }
  .cv-sec{ display:flex; flex-direction:column; gap:8px; }
  .cv-sec h4{ margin:0; font-family:var(--fmono); font-weight:400; font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); }
  .cv-sec .wkc{ height:72px; }
  .cv-trk{ font-size:13.5px; line-height:19px; color:var(--txt); }
  .cv-trk span{ display:block; font-size:12.5px; color:var(--mute); }
  .cv-kv{ display:flex; flex-direction:column; border:1px solid var(--hair); border-radius:6px; overflow:hidden; }
  .cv-kv > div{ display:flex; flex-direction:column; gap:3px; padding:8px 11px 9px; }
  .cv-kv > div + div{ border-top:1px solid var(--hair); }
  .cv-kv .cv-k{ font-family:var(--fmono); font-size:9.5px; line-height:11px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); }
  .cv-kv .cv-v{ font-size:13.5px; line-height:18px; color:var(--txt); overflow-wrap:anywhere; }
  .cv-open{ justify-content:center; width:100%; height:32px; text-decoration:none; }

  
  .drawer.cv-ph .dw-b{ gap:20px; }
  .cv-num{ display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--hair); border-radius:6px; background:var(--card); }
  .cv-num .ic{ color:var(--lab); }
  .cv-num .cv-nb{ flex:1; min-width:0; }
  .cv-num .cv-nv{ font-family:var(--disp); font-weight:500; font-size:20px; line-height:24px; color:#FFFFFF; font-variant-numeric:tabular-nums; }
  .cv-pick{ width:100%; display:flex; align-items:center; gap:12px; padding:9px 10px 9px 12px; border:1px solid var(--hair2); border-radius:6px;
    background:var(--card); text-align:left; cursor:pointer; }
  .cv-pick:hover, .cv-pick.open{ background:var(--card2); }
  
  .cv-pick.open{ padding:9px 10px 9px 12px; font-size:14px; color:var(--txt); }
  .app[data-page="conversations"] .btn-s.open{ font-size:10.5px; color:var(--txt); background:var(--card2); }
  .cv-ct .cv-tpl.open{ padding-left:10px; }
  .app[data-page="conversations"] .btn-s.solid.open{ color:#1A1F1F; background:#D4D4D3; }
  .cv-pick .pn{ flex:1; }
  .cv-pick > .ic{ color:var(--mute); }
  .cv-cover{ display:flex; flex-direction:column; gap:16px; padding:16px; border:1px solid var(--hair); border-radius:8px; }
  .cv-cover.on{ background:var(--card); border-color:var(--hair2); }
  .cv-ch{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
  .cv-ch h4{ margin:0; font-family:var(--fut); font-weight:500; font-size:15px; line-height:20px; color:var(--txt); }
  .cv-ch p{ margin:2px 0 0; font-size:13px; line-height:18px; color:var(--mute); }
  .cv-ch .toggle{ flex:none; background:transparent; }
  .cv-dates{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .cv-dates .fsel{ width:100%; }
  .cv-note{ display:flex; gap:10px; padding:11px 12px; border-radius:6px; background:rgba(212,212,211,.07); font-size:13.5px; line-height:19px; color:var(--txt); }
  .cv-note .ic{ margin-top:2px; color:var(--lab); }
  .cv-note.dim{ background:transparent; border:1px solid var(--hair); color:var(--mute); }
  .cv-note.dim .ic{ color:var(--faint); }
  .cv-saved{ margin-right:auto; align-self:center; font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); }

  
  @container page (max-width:1080px){
    .cv{ grid-template-columns:272px minmax(0,1fr) 248px; }
    .cv-kb{ display:none; }
    .cv-ct .seg3 .ic{ display:none; }
  }
  @container page (max-width:860px){
    .cv{ grid-template-columns:260px minmax(0,1fr); }
    .cv-side{ display:none; }
  }
  @container page (max-width:600px){
    .cv{ grid-template-columns:minmax(0,1fr); grid-template-rows:260px minmax(0,1fr); height:auto; min-height:0; }
    .cv-thread{ min-height:560px; }
    .cv-phone .cv-psep, .cv-phone .cv-pst{ display:none; }
  }


  
  .au-filter span b{ margin-left:5px; font-weight:400; color:var(--faint); }
  .au-filter span.on b{ color:var(--txt); }
  .au-sec{ margin-bottom:16px; container:ausec / inline-size; }
  .au-sec .pnh{ padding-bottom:12px; }
  .au-cnt{ font-family:var(--fmono); font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); white-space:nowrap; }
  .au-hd, .au-row{ display:grid; grid-template-columns:44px minmax(240px,2fr) minmax(170px,1.3fr) 156px minmax(150px,1fr) 16px; column-gap:20px; align-items:center; padding:0 20px; }
  .au-hd{ height:36px; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); background:rgba(212,212,211,.025); }
  .au-row{ min-height:70px; padding-top:13px; padding-bottom:13px; border-bottom:1px solid var(--hair); cursor:pointer; outline:0; }
  .au-row:last-child{ border-bottom:0; border-radius:0 0 8px 8px; }
  .au-row:hover{ background:rgba(212,212,211,.04); }
  .au-row:focus-visible{ box-shadow:inset 0 0 0 1px rgba(212,212,211,.5); }
  .au-c{ min-width:0; display:flex; flex-direction:column; justify-content:center; }
  .au-name .nm{ font-size:14.5px; white-space:normal; }
  .au-what{ margin-top:2px; font-size:13px; line-height:18px; color:var(--mute); }
  .au-when-in{ display:none; margin-top:5px; font-size:12.5px; line-height:16px; color:var(--lab); }
  .au-when-in b{ font-weight:400; color:var(--faint); }
  .au-row .au-when{ font-size:13.5px; line-height:18px; color:var(--lab); }
  .au-chs{ display:flex; flex-wrap:wrap; gap:4px 12px; }
  .au-ch{ display:inline-flex; align-items:center; gap:5px; font-family:var(--fmono); font-size:10.5px; line-height:14px; letter-spacing:-.02em; text-transform:uppercase; color:var(--txt); white-space:nowrap; }
  .au-ch .ic{ color:var(--mute); }
  .au-sends .sub{ margin-top:4px; }
  .au-stat .sub{ margin-top:1px; }
  .au-offv{ color:var(--mute); }
  .au-go{ align-items:flex-end; color:var(--faint); }
  .au-row:hover .au-go{ color:var(--txt); }
  .au-row.off .nm{ color:var(--lab); }
  .au-row.off .au-chs, .au-row.off .au-when{ opacity:.6; }

  
  .au-sw{ display:inline-flex; align-items:center; gap:9px; padding:6px 0; border:0; background:transparent; cursor:pointer; align-self:flex-start; }
  .au-sw .sw-t::after{ transition:left .15s ease; }
  .au-sw.on .sw-t{ background:#D4D4D3; border-color:#D4D4D3; }
  .au-sw.on .sw-t::after{ left:14px; background:#1A1F1F; }
  .au-sw:hover .sw-t{ border-color:rgba(212,212,211,.7); }
  .au-sw:focus-visible{ outline:1px solid rgba(212,212,211,.6); outline-offset:3px; border-radius:4px; }
  .ph-actions .au-sw{ height:34px; padding:0 12px 0 10px; border:1px solid var(--hair2); border-radius:6px; }
  .ph-actions .au-sw:hover{ background:var(--card2); }
  .au-swl{ font-size:13.5px; color:var(--lab); min-width:20px; }
  .au-sw.on .au-swl{ color:#FFFFFF; }

  
  .au-crumb{ display:inline-flex; align-items:center; gap:6px; margin-bottom:10px; font-family:var(--fmono); font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); text-decoration:none; }
  .au-crumb:hover{ color:var(--txt); }
  .au-build{ display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:16px; align-items:start; }
  .au-flowp .pnh{ padding-bottom:13px; border-bottom:1px solid var(--hair); }
  .au-flow{ display:flex; flex-direction:column; align-items:center; padding:28px 24px 36px; }
  .au-offbar{ width:min(100%,400px); display:flex; align-items:center; gap:8px; margin-bottom:16px; padding:9px 12px; border:1px solid var(--hair2); border-radius:6px; font-size:13px; line-height:18px; color:var(--lab); }
  .au-offbar .ic{ color:var(--mute); }

  
  .au-node{ position:relative; width:min(100%,400px); display:flex; flex-direction:column; gap:3px; padding:12px 14px 13px; text-align:left;
    background:rgba(212,212,211,.05); border:1px solid var(--hair2); border-radius:8px; font:inherit; color:inherit; cursor:pointer; flex:none; }
  .au-node:hover{ background:rgba(212,212,211,.085); }
  .au-node.sel{ background:var(--card2); border-color:rgba(255,255,255,.75); }
  .au-node:focus-visible, .au-wait:focus-visible{ outline:1px solid rgba(212,212,211,.6); outline-offset:2px; }
  .au-nh{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:16px; }
  .au-nk{ display:flex; align-items:center; gap:7px; font-family:var(--fmono); font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--lab); }
  .au-nk .ic{ color:var(--txt); }
  .au-at{ font-family:var(--fmono); font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); white-space:nowrap; }
  .au-edit{ display:none; align-items:center; gap:5px; font-family:var(--fmono); font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--txt);
    position:absolute; top:13px; right:14px; }
  .au-node:hover .au-at, .au-node.sel .au-at{ visibility:hidden; }
  .au-node:hover .au-edit, .au-node.sel .au-edit{ display:flex; }
  .au-nt{ margin-top:5px; font-weight:500; font-size:14px; line-height:18px; color:#FFFFFF; }
  .au-subj{ font-size:12.5px; line-height:17px; color:var(--lab); }
  .au-subj > span:first-child{ margin-right:3px; font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); }
  .au-prev{ font-size:13px; line-height:18px; color:var(--mute); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .au-tok{ padding:0 2px; border-radius:3px; background:rgba(212,212,211,.07); color:var(--txt); }
  .au-trig{ background:#D4D4D3; border-color:#D4D4D3; cursor:default; }
  .au-trig:hover{ background:#D4D4D3; }
  .au-trig .au-nk, .au-trig .au-nk .ic, .au-trig .au-nt{ color:#1A1F1F; }
  .au-tiers{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
  .au-trig .tag{ color:#1A1F1F; border-color:rgba(26,31,31,.3); }
  .au-task .au-nk .ic{ color:var(--lab); }
  .au-check, .au-split{ width:min(100%,320px); background:transparent; border:1px dashed rgba(212,212,211,.36); }
  .au-check:hover, .au-split:hover{ background:rgba(212,212,211,.04); }
  .au-check.sel, .au-split.sel{ border-style:solid; }
  .au-check .au-nt, .au-split .au-nt{ font-size:13.5px; color:var(--txt); }
  .au-out{ display:flex; align-items:baseline; gap:8px; margin-top:2px; font-size:12.5px; line-height:17px; color:var(--lab); }
  .au-out:first-of-type{ margin-top:6px; }
  .au-yn{ width:24px; flex:none; font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); }

  
  .au-line{ display:block; flex:none; width:1px; height:18px; background:rgba(212,212,211,.3); }
  .au-wait{ display:inline-flex; align-items:center; gap:6px; flex:none; height:26px; padding:1px 9px 0; border:1px solid var(--hair2); border-radius:4px; background:transparent;
    font-family:var(--fmono); font-size:10.5px; letter-spacing:-.02em; text-transform:uppercase; color:var(--lab); cursor:pointer; white-space:nowrap; }
  .au-wait .ic{ color:var(--mute); }
  .au-wait:hover{ background:var(--card2); color:var(--txt); }
  .au-wait.sel{ background:var(--card2); border-color:rgba(255,255,255,.75); color:#FFFFFF; }
  .au-end{ display:inline-flex; align-items:center; gap:6px; flex:none; height:24px; padding:1px 8px 0; border-radius:4px; background:rgba(212,212,211,.1);
    font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); }
  .au-end .ic{ color:var(--faint); }

  
  .au-lanes{ position:relative; display:grid; grid-template-columns:repeat(var(--n),minmax(0,1fr)); gap:20px; width:100%; max-width:840px; }
  .au-lanes::before{ content:""; position:absolute; top:0; height:1px; background:rgba(212,212,211,.3);
    left:calc((100% - (var(--n) - 1) * 20px) / var(--n) / 2); right:calc((100% - (var(--n) - 1) * 20px) / var(--n) / 2); }
  .au-lane{ min-width:0; display:flex; flex-direction:column; align-items:center; }
  .au-lab{ display:inline-flex; align-items:center; flex:none; max-width:100%; height:24px; padding:1px 8px 0; border:1px solid rgba(212,212,211,.36); border-radius:4px; background:var(--card2);
    font-family:var(--fmono); font-size:10.5px; letter-spacing:-.02em; text-transform:uppercase; color:#FFFFFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

  
  .au-side{ position:sticky; top:72px; max-height:calc(100vh - 88px); overflow:auto; }
  .au-side-in{ display:flex; flex-direction:column; }
  .au-blk{ padding:16px 20px; border-top:1px solid var(--hair); }
  .au-blk:first-child{ border-top:0; }
  .au-blk h4{ margin:0 0 10px; display:flex; align-items:baseline; justify-content:space-between; gap:8px; font-family:var(--fmono); font-weight:400; font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); }
  .au-blk h4 b{ font-weight:400; color:var(--txt); }
  .au-ppl{ display:flex; flex-direction:column; margin:0 -8px; }
  .au-p{ display:flex; align-items:center; gap:10px; padding:6px 8px; border-radius:6px; color:inherit; text-decoration:none; }
  .au-p:hover{ background:var(--card2); }
  .au-p .pn{ flex:1; }
  .au-p .av{ width:28px; height:28px; font-size:10px; }
  .au-p > .ic{ color:var(--faint); }
  .au-more{ margin-top:8px; padding-left:0; }
  .au-none{ margin:0; font-size:13.5px; line-height:18px; color:var(--mute); }
  .au-p1{ margin:0; display:flex; align-items:center; gap:10px; font-size:13.5px; line-height:18px; color:var(--txt); }
  .au-p1 > .ic{ color:var(--mute); }
  .au-p1 .av{ width:26px; height:26px; font-size:9.5px; }
  .au-big{ align-items:baseline; }
  .au-big b{ font-family:var(--disp); font-weight:500; font-size:22px; line-height:26px; color:#FFFFFF; font-variant-numeric:tabular-nums; }
  .au-big span{ font-size:13px; color:var(--mute); }
  .au-stops{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; }
  .au-stops li{ display:flex; gap:10px; font-size:13.5px; line-height:18px; color:var(--txt); }
  .au-stops .ic{ margin-top:1px; color:var(--mute); }
  .au-note{ margin:10px 0 0; font-size:12.5px; line-height:17px; color:var(--faint); }
  .au-edh{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:16px 20px 14px; border-bottom:1px solid var(--hair); }
  .au-edh h3{ margin:4px 0 0; font-family:var(--disp); font-weight:500; font-size:18px; line-height:22px; color:#FFFFFF; }
  .au-edb{ display:flex; flex-direction:column; gap:14px; padding:16px 20px 18px; }
  .au-edb .au-note{ margin:0; }
  .au-edf{ display:flex; justify-content:flex-end; gap:8px; padding:14px 20px; border-top:1px solid var(--hair); }
  .au-edf .btn-s{ height:32px; padding:1px 14px 0; }
  .au-ins{ display:flex; flex-wrap:wrap; gap:6px; }
  .au-ro{ padding:9px 12px; border:1px solid var(--hair); border-radius:6px; background:rgba(212,212,211,.025); font-size:13.5px; line-height:20px; color:var(--txt); }
  .au-ro b{ font-weight:500; }
  .au-full{ align-self:flex-start; padding-left:0; border:0; background:transparent; }
  .au-rule{ align-self:flex-start; }

  
  @container ausec (max-width:980px){
    .au-hd, .au-row{ grid-template-columns:40px minmax(0,2fr) 120px minmax(140px,1fr) 14px; column-gap:16px; }
    .au-hd .au-when, .au-row .au-when{ display:none; }
    .au-when-in{ display:block; }
  }
  @container page (max-width:1060px){
    .au-build{ grid-template-columns:minmax(0,1fr) 320px; }
  }
  @container page (max-width:760px){
    .au-build{ grid-template-columns:minmax(0,1fr); }
    .au-side{ position:static; max-height:none; }
  }


  
  .pass{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-width:0; }
  .pass-t{ font-family:var(--fmono); font-size:10.5px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--mute); white-space:nowrap; }
  .pcells{ display:flex; gap:2px; }
  .pc{ flex:none; width:14px; height:14px; display:grid; place-items:center; border-radius:2px; font-style:normal;
    font-family:var(--fmono); font-size:9px; line-height:1; letter-spacing:-.02em; color:#1A1F1F;
    box-shadow:inset 0 0 0 1px rgba(212,212,211,.3); }
  .pc.hit{ background:rgba(212,212,211,.62); box-shadow:none; }
  .pc.now{ box-shadow:inset 0 0 0 1.5px #D4D4D3; }
  .pc.now.hit{ box-shadow:inset 0 0 0 1.5px #FFFFFF; }
  .pc.fut{ box-shadow:inset 0 0 0 1px rgba(212,212,211,.12); }
  .pkey{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; font-size:12px; line-height:16px; color:var(--mute); }
  .pkey > span{ display:flex; align-items:center; gap:5px; white-space:nowrap; }
  .pager-l{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 20px; }
  .pf-pass{ display:flex; flex-direction:column; gap:12px; padding:14px; }
  .cv-sec .pass{ margin-bottom:8px; }
  .cv-sec .pkey{ margin-top:8px; }
  .dt-trials .dhd, .dt-trials .dr{ grid-template-columns:minmax(160px,1.1fr) minmax(236px,1.2fr) 64px minmax(170px,1.2fr) minmax(130px,1.4fr) 104px; }
  .dt-trials .dr{ height:64px; }
  .dt-trials .trk{ display:block; }
  @container det (max-width:1059px){
    .dt-trials .dhd, .dt-trials .dr{ grid-template-columns:minmax(140px,1.1fr) 226px 52px minmax(140px,1.2fr) minmax(90px,1.3fr) 104px; }
  }

  
  .kpi .kc + .kd{ margin-top:6px; }
  .sw-rev{ border-top:2px solid #D4D4D3; }

  
  .menu.dpop{ max-width:none; padding:0; overflow:hidden; }
  .dpop .m-text{ padding:0; }
  .dp{ display:flex; }
  .dp-q{ width:188px; flex:none; padding:6px; display:flex; flex-direction:column; gap:2px; background:rgba(212,212,211,.035); }
  .dp-cal{ width:292px; padding:12px 14px 14px; }
  .dp-h{ display:flex; align-items:center; justify-content:space-between; height:30px; font-size:13.5px; font-weight:500; color:#FFFFFF; }
  .dp-nav{ width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--hair2); border-radius:6px; background:transparent; color:var(--lab); cursor:pointer; }
  .dp-nav:hover{ background:var(--card2); }
  .dp-nav[disabled]{ opacity:.3; cursor:default; }
  .dp-g{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:2px; margin-top:8px; }
  .dp-w{ height:24px; display:grid; place-items:center; font-family:var(--fmono); font-size:10px; letter-spacing:-.02em; color:var(--faint); }
  .dp-d{ height:32px; padding:0; border:0; border-radius:4px; background:transparent; font-size:13px; color:var(--txt); cursor:pointer; font-variant-numeric:tabular-nums; }
  .dp-d:hover{ background:var(--card2); }
  .dp-d.in{ background:rgba(212,212,211,.1); }
  .dp-d.end{ background:#D4D4D3; color:#1A1F1F; }
  .dp-d.today{ box-shadow:inset 0 0 0 1px rgba(212,212,211,.55); }
  .dp-d.off{ color:rgba(212,212,211,.2); cursor:default; background:transparent; }
  .dp-f{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid var(--hair); }
  .dp-sel{ font-size:12.5px; line-height:16px; color:var(--lab); }
  .dp-f .ctrls{ gap:6px; }
  .dp-f .btn-s[disabled]{ opacity:.35; cursor:default; }


  .notes{ display:flex; flex-direction:column; gap:10px; }
  .nt-add textarea.inp{ min-height:60px; resize:vertical; }
  .nt-row{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; }
  .nt-hint{ font-size:12px; line-height:16px; color:var(--faint); }
  .nt-row .btn-s{ height:30px; padding:1px 14px 0; }
  .nt-list{ display:flex; flex-direction:column; gap:6px; }
  .nt-i{ padding:10px 12px; border:1px solid var(--hair); border-radius:6px; background:var(--card); }
  .nt-t{ font-size:13.5px; line-height:19px; color:var(--txt); white-space:pre-wrap; overflow-wrap:anywhere; }
  .nt-m{ margin-top:5px; font-family:var(--fmono); font-size:10px; line-height:12px; letter-spacing:-.02em; text-transform:uppercase; color:var(--faint); }
  .nt-empty{ font-size:13px; color:var(--mute); }
  .pf-stats .pv small{ white-space:nowrap; }
  .cv-sb > *{ flex-shrink:0; }   


  .top-brand, .mline, .mchev, .cv-back{ display:none; }
  .kpi .kc, .kpi .kd, .kpi .kl{ white-space:normal; overflow-wrap:anywhere; }
  .kpi .kh{ height:auto; min-height:16px; align-items:flex-start; }
  .rev-ends{ display:flex; flex-wrap:wrap; gap:6px 18px; padding:8px 0 0 44px; font-size:12.5px; line-height:16px; color:var(--lab); }
  .rev-ends span{ display:flex; align-items:center; gap:7px; white-space:nowrap; }
  .rev-ends b{ font-weight:500; color:var(--txt); font-variant-numeric:tabular-nums; }

  @container page (max-width:480px){
    .kpis{ grid-template-columns:minmax(0,1fr); }
  }
  @container page (max-width:620px){
    .pnt{ flex-wrap:wrap; row-gap:2px; min-width:0; }
    .pnt .per, .dh .per{ white-space:normal; margin-left:0; }
    .tile .tn{ white-space:normal; }
    .tile .tc{ font-size:30px; line-height:32px; }
    .b-top{ grid-template-columns:minmax(0,1fr); }
    .cond{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px; }
    .cond .w{ display:none; }
    .cond [data-part="2"]{ grid-column:1 / 3; }
    .cond .rm{ grid-column:3; grid-row:1; }
    .addc{ margin-left:0; }
    .b-foot{ flex-wrap:wrap; }
    .fun .flab{ width:112px; white-space:normal; line-height:17px; }
    .fconv{ padding-left:112px; }
  }

  
  @container det (max-width:700px){
    .dt .dhd{ display:none; }
    .dt .dr{ display:flex; align-items:center; height:auto !important; min-height:64px; padding:10px 16px; }
    .dt .dr > .td:not(.person){ display:none !important; }
    .dt .dr .td.person{ flex:1; min-width:0; }
    .dt .dr .pn{ flex:1; min-width:0; }
    .dt .mline{ display:block; white-space:normal; overflow:visible; text-overflow:clip; }
    .dt .mchev{ display:grid; place-items:center; flex:none; margin-left:auto; color:var(--mute); }
    .dt .sub-plan, .dt-mem .dr .pn > .sub:not(.mline){ display:none !important; }
    .dh, .mbar{ padding:12px 16px; }
    .tfoot, .pager{ padding:10px 16px; }
    .mbar-r, .msearch{ width:100%; }
  }

  
  @container page (max-width:600px){
    .cv{ display:block; height:auto; min-height:0; background:transparent; border:0; border-radius:0; overflow:visible; }
    .cv > .cv-col{ border:1px solid var(--hair); border-radius:8px; overflow:hidden; }
    .cv > .cv-thread, .cv > .cv-side{ display:none; }
    .cv-rows{ overflow:visible; }
    .cv.thread-open > .cv-list{ display:none; }
    .cv.thread-open > .cv-thread{ display:flex; position:fixed; left:0; right:0; top:56px; bottom:64px; z-index:20; min-height:0; border:0; border-radius:0; }
    .cv-back{ display:grid; place-items:center; flex:none; width:32px; height:32px; margin-left:-8px; border:0; border-radius:6px; background:transparent; color:inherit; cursor:pointer; }
    .cv-msgs{ padding:8px 14px 16px; }
    .cv-m{ max-width:86%; }
    .cv-cc{ white-space:normal; overflow:visible; line-height:14px; }
  }

  @media (max-width:767px){
    .app{ grid-template-columns:minmax(0,1fr); }
    .side{ position:fixed; left:0; right:0; bottom:0; z-index:30; border-right:0; border-top:1px solid var(--hair); background-color:#1A1F1F; }
    .side-in{ position:static; height:auto; flex-direction:row; align-items:stretch; padding:6px 8px 8px; }
    .side .brand, .side .switch, .side .navk, .side .foot{ display:none !important; }
    .side .nav{ flex:1; flex-direction:row; justify-content:space-around; align-items:stretch; gap:4px; }
    .side .nav a{ position:relative; flex:1; width:auto; height:48px; flex-direction:column; justify-content:center; gap:3px; padding:4px; }
    .side .nav a .lbl{ display:block !important; font-size:11px; line-height:13px; }
    .side .nav a .badge{ position:absolute; top:3px; left:calc(50% + 5px); right:auto; min-width:15px; height:15px; margin:0; padding:1px 3px 0; font-size:9px; line-height:13px; }
    .main{ padding-bottom:66px; }
    .top{ padding:0 16px; gap:10px; }
    .top-brand{ display:flex; align-items:center; flex:none; margin-right:auto; }
    .top-brand .wm{ display:block; height:13px; width:auto; }
    .top-brand{ color:#FFFFFF; }
    .top-brand .wm path, .top-brand .wm polygon{ fill:currentColor; }
    html[data-theme] .top-brand{ color:#1A1F1F; }   
    .top .sp{ display:none; }
    .search{ flex:0 0 34px; width:34px; padding:0; justify-content:center; gap:0; }
    .search input{ flex:0 0 0; width:0; }
    .search .kbd{ display:none; }
    .search:focus-within{ flex:1 1 auto; width:auto; padding:0 8px 0 11px; justify-content:flex-start; gap:8px; }
    .search:focus-within input{ flex:1; width:auto; }
    .top:has(.search:focus-within) .tag, .top:has(.search:focus-within) .iconbtn,
    .top:has(.search:focus-within) .me, .top:has(.search:focus-within) .top-brand{ display:none; }
    .me{ padding:3px; }
    .me .who, .me > .ic{ display:none; }
    .page{ padding:18px 16px 28px; }
    .ph .ctrls, .ph .ph-actions{ width:100%; }
    .ph .seg3{ width:100%; }
    .ph .seg3 span{ flex:1; justify-content:center; padding:1px 6px 0; font-size:10px; }
  }
  @media (max-width:600px){
    .drawer{ top:0; right:0; bottom:0; left:0; width:100vw !important; border:0; border-radius:0; }
    .pf-stats .pv{ font-size:17px; line-height:22px; }
    .facts{ grid-template-columns:112px minmax(0,1fr); }
    .menu.dpop{ max-width:calc(100vw - 16px); }
    .dp{ flex-direction:column; }
    .dp-q{ width:auto; flex-direction:row; }
    .dp-q .mi{ flex:1; min-width:0; }
    .dp-q .mi .ms2{ display:none; }
    .dp-cal{ width:auto; }
    .toast{ max-width:calc(100vw - 32px); }
  }

  
  @media (max-width:767px){
    .seg3 span, .seg3 a, .seg3.sm span, .seg3 a b, .btn-s, .tag, .th, .tday, .det, .kd, .kl, .mini-k, .fl, .dw-k, .m-h,
    .tip-k, .fconv-l, .ftabs .n, .cv-filt .n, .cv-day, .cv-meta, .cv-meta span, .cv-cc, .cv-kb, .cv-ctx, .cv-hn, .cv-tm, .cv-cov,
    .dp-w, .pass-t, .pf-sec h4, .cv-sec h4, .nt-m, .tl-w, .kind, .gname, .cc, .pkey, .tfoot, .nav a .lbl{ font-size:11px; }
    .av{ font-size:11px; }
    .ph .seg3 span, .seg3.tsw a, .cv-hd .cv-hn{ font-size:11px; }
    .side .nav a .badge{ min-width:16px; height:16px; font-size:11px; line-height:15px; padding:1px 3px 0; }
    .pc{ width:16px; height:16px; font-size:11px; }
    svg text, svg .xlab, svg .ylab, svg .chipt, svg .barv, svg .fwv, svg .wv, svg .wul, .endlab, .endlab .ek, .endlab .ev{ font-size:11px; }
  }