@font-face{font-family:"Geologica";font-style:normal;font-weight:300 800;
  font-display:swap;src:url("/static/fonts/geologica-cyrillic.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Geologica";font-style:normal;font-weight:300 800;
  font-display:swap;src:url("/static/fonts/geologica-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,
  U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,
  U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geologica";font-style:normal;font-weight:300 800;
  font-display:swap;src:url("/static/fonts/geologica-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
  U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,
  U+FEFF,U+FFFD}

:root{
  --bg:#F4F5F2;
  --surface:#FFFFFF;
  --surface-2:#F1F3EF;
  --surface-3:#E6E9E3;
  --edge:rgba(22,26,24,.11);
  --edge-2:rgba(22,26,24,.22);
  --fg:#161A18;






  --fg-2:rgba(22,26,24,.70);
  --fg-3:rgba(22,26,24,.62);





  --accent:#171B19;
  --accent-2:#0E1210;


  --accent-text:#2E3630;
  --accent-ink:#F7F9F6;
  --accent-soft:#E9ECE6;

  --ok:#177A41;
  --bad:#C42A1B;
  --warn:#8A6206;


  --shadow:0 1px 2px rgba(22,26,24,.05),0 10px 28px rgba(22,26,24,.08);
  --shadow-lift:0 2px 6px rgba(22,26,24,.07),0 18px 46px rgba(22,26,24,.13);



  --lift-1:0 1px 1px rgba(22,26,24,.04),0 2px 6px rgba(22,26,24,.06);
  --lift-2:0 2px 4px rgba(22,26,24,.06),0 8px 18px rgba(22,26,24,.10);
  --hi:inset 0 1px 0 rgba(255,255,255,.75);
  --hi-on:inset 0 1px 0 rgba(255,255,255,.20);
  --press:inset 0 2px 5px rgba(9,14,11,.26);
  --ring:0 0 0 3px rgba(22,26,24,.26);
  --ease:cubic-bezier(.2,.7,.3,1);


  --r:18px; --r-2:12px; --r-3:8px;
  --sans:"Geologica",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  --num:"Geologica",system-ui,"Segoe UI",sans-serif;


  color-scheme:light;
  --cdek-ink:#177A41; --versta-ink:#2A5FE8;
  --rail:236px;
}













@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0D100F; --surface:#151917; --surface-2:#1C211E; --surface-3:#242A26;
    --edge:rgba(233,238,233,.11); --edge-2:rgba(233,238,233,.22);
    --fg:#E9EEE9; --fg-2:rgba(233,238,233,.70); --fg-3:rgba(233,238,233,.55);
    --accent:#EDF2ED; --accent-2:#DCE3DB; --accent-text:#E9EEE9;
    --accent-ink:#121614; --accent-soft:#232925;
    --ok:#3FC27C; --bad:#FF7360; --warn:#E8A34A;
    --shadow:0 1px 2px rgba(0,0,0,.45),0 12px 30px rgba(0,0,0,.40);
    --shadow-lift:0 2px 6px rgba(0,0,0,.5),0 18px 46px rgba(0,0,0,.5);
    --lift-1:0 1px 1px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.35);
    --lift-2:0 2px 4px rgba(0,0,0,.35),0 8px 18px rgba(0,0,0,.45);
    --hi:inset 0 1px 0 rgba(255,255,255,.06);
    --hi-on:inset 0 1px 0 rgba(0,0,0,.10);
    --press:inset 0 2px 5px rgba(0,0,0,.5);
    --ring:0 0 0 3px rgba(233,238,233,.30);
    color-scheme:dark;
    --cdek-ink:#2FBF74; --versta-ink:#6B8CFF;
  }
}
:root[data-theme="dark"]{
  --bg:#0D100F; --surface:#151917; --surface-2:#1C211E; --surface-3:#242A26;
  --edge:rgba(233,238,233,.11); --edge-2:rgba(233,238,233,.22);
  --fg:#E9EEE9; --fg-2:rgba(233,238,233,.70); --fg-3:rgba(233,238,233,.55);
  --accent:#EDF2ED; --accent-2:#DCE3DB; --accent-text:#E9EEE9;
  --accent-ink:#121614; --accent-soft:#232925;
  --ok:#3FC27C; --bad:#FF7360; --warn:#E8A34A;
  --shadow:0 1px 2px rgba(0,0,0,.45),0 12px 30px rgba(0,0,0,.40);
  --shadow-lift:0 2px 6px rgba(0,0,0,.5),0 18px 46px rgba(0,0,0,.5);
  --lift-1:0 1px 1px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.35);
  --lift-2:0 2px 4px rgba(0,0,0,.35),0 8px 18px rgba(0,0,0,.45);
  --hi:inset 0 1px 0 rgba(255,255,255,.06);
  --hi-on:inset 0 1px 0 rgba(0,0,0,.10);
  --press:inset 0 2px 5px rgba(0,0,0,.5);
  --ring:0 0 0 3px rgba(233,238,233,.30);
    color-scheme:dark;
    --cdek-ink:#2FBF74; --versta-ink:#6B8CFF;
}


@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .prov-cdek{--dot:#2FBF74;--rail:rgba(47,191,116,.32)}
  :root:not([data-theme="light"]) .prov-versta{--dot:#6B8CFF;--rail:rgba(107,140,255,.32)}
}
:root[data-theme="dark"] .prov-cdek{--dot:#2FBF74;--rail:rgba(47,191,116,.32)}
:root[data-theme="dark"] .prov-versta{--dot:#6B8CFF;--rail:rgba(107,140,255,.32)}
*,*::before,*::after{box-sizing:border-box}


[hidden]{display:none !important}


html{scrollbar-gutter:stable}
html,body{min-height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);
     -webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}


.go,.wide,.back,.rnd,button.count,.seg-b,.tab,.row{
  transition:background .16s var(--ease),border-color .16s var(--ease),
             box-shadow .16s var(--ease),transform .1s var(--ease),color .16s var(--ease)}
@media(prefers-reduced-motion:reduce){
  .go,.wide,.back,.rnd,button.count,.seg-b,.tab,.row{transition:none}



  .nom{transition:none}
}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:9px}
::-webkit-scrollbar-track{background:transparent}




html[data-tab]:not([data-tab="home"]) .top .hello{display:none}
@media(min-width:900px){html[data-tab]:not([data-tab="home"]) .top{margin-bottom:0}}








.daybar{display:flex;flex-wrap:wrap;background:var(--surface);border:1px solid var(--edge);
        border-radius:var(--r-2);box-shadow:var(--shadow);overflow:hidden}
.dbi{flex:1 1 0;min-width:132px;padding:12px 14px;border-right:1px solid var(--edge)}
.dbi:last-child{border-right:0}
.dbi-v{display:block;font-family:var(--num);font-size:23px;font-weight:700;
       letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}
.dbi span{display:block;font-size:11px;color:var(--fg-3);margin-top:5px}


.dbi.alarm{background:color-mix(in srgb,var(--bad) 9%,transparent);
           box-shadow:inset 3px 0 0 var(--bad)}
.dbi.alarm .dbi-v{color:var(--bad)}
@media(max-width:620px){
  .dbi{flex:1 1 44%;min-width:0;border-bottom:1px solid var(--edge)}
  .dbi:nth-child(2n){border-right:0}
  .dbi:last-child{flex:1 1 100%;border-bottom:0}
}


.shell{display:flex;min-height:100vh}

.rail{display:none}
.main{flex:1;min-width:0;padding:16px 14px calc(96px + env(safe-area-inset-bottom));
      max-width:100%}

@media(min-width:900px){



  .shell{flex-direction:column}
  .rail{display:flex;flex-direction:row;align-items:center;gap:6px;width:auto;
        flex:0 0 auto;padding:10px 24px;border-bottom:1px solid var(--edge);
        background:var(--surface);position:sticky;top:0;z-index:50}
  .main{padding:24px 26px 32px;max-width:1400px;width:100%;margin:0 auto}
  .tabbar{display:none}



  .top{margin-bottom:20px}
  .top .rnd,.top .ava{display:none}
  .hello h1{font-size:23px}
  .hello p{font-size:12.5px;margin-top:4px}
}


.top{display:flex;align-items:center;gap:12px;margin-bottom:16px}






.ava{width:42px;height:42px;border-radius:14px;flex:0 0 42px;display:grid;place-items:center;
     background:linear-gradient(155deg,var(--accent),var(--accent-2));
     color:var(--accent-ink);box-shadow:var(--hi-on),var(--lift-1)}
.ava svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;
         stroke-linecap:round;stroke-linejoin:round}




.top .ava{margin-right:auto}
.hello{flex:1;min-width:0}
.hello h1{margin:0;font-size:17px;font-weight:650;letter-spacing:-.02em;
          white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hello p{margin:2px 0 0;font-size:11.5px;color:var(--fg-3)}
.rnd{width:38px;height:38px;border-radius:999px;flex:0 0 38px;display:grid;place-items:center;
     background:var(--surface);border:1px solid var(--edge);cursor:pointer;box-shadow:var(--shadow)}
.rnd{box-shadow:var(--hi),var(--lift-1)}
.rnd:hover{background:var(--surface);border-color:var(--edge-2);
           box-shadow:var(--hi),var(--lift-2);transform:translateY(-1px)}
.rnd:active{transform:translateY(1px);box-shadow:none;background:var(--surface-2)}
.rnd:focus-visible{outline:none;box-shadow:var(--hi),var(--lift-1),var(--ring)}
.rnd:disabled{background:var(--surface-2);box-shadow:none;transform:none;cursor:default}
.rnd:disabled svg{stroke:var(--fg-3)}
.rnd svg{width:17px;height:17px;stroke:var(--fg-2);fill:none;stroke-width:2;
         stroke-linecap:round;stroke-linejoin:round}
@keyframes spin{to{transform:rotate(360deg)}}
.rnd.spin svg{animation:spin .8s linear infinite}




.tabbar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));
        z-index:40;display:flex;padding:6px;gap:4px;border-radius:999px;
        background:color-mix(in srgb,var(--surface) 92%,transparent);
        backdrop-filter:blur(20px) saturate(160%);
        -webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--edge);
        box-shadow:var(--shadow-lift)}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;
     border:0;background:transparent;border-radius:999px;cursor:pointer;color:var(--fg-3);
     transition:background .14s,color .14s}
.tab svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;
         stroke-linecap:round;stroke-linejoin:round}


.tab span{font-size:11px;font-weight:600;letter-spacing:.01em}
.tab[aria-selected="true"]{color:var(--accent-ink);background:var(--accent);
     box-shadow:var(--hi-on),var(--lift-1)}
.tab:active{transform:translateY(1px)}
.tab:focus-visible{outline:none;box-shadow:var(--ring)}


.rail .tab{flex:none;flex-direction:row;justify-content:center;gap:9px;padding:9px 15px;
           border-radius:var(--r-3);color:var(--fg-2)}
.rail .tab span{font-size:13px;font-weight:550}
.rail .tab:hover{background:var(--surface-2);color:var(--fg)}
.rail .tab[aria-selected="true"]{background:linear-gradient(155deg,var(--accent),var(--accent-2));
     color:var(--accent-ink);box-shadow:var(--lift-1)}

.rail-brand{display:flex;align-items:center;gap:10px;padding:0 6px;margin-right:10px}
.rail-brand .ava{width:34px;height:34px;flex-basis:34px;border-radius:11px}
.rail-brand .ava svg{width:20px;height:20px}






.rail-brand .brand-t{display:flex;flex-direction:column;gap:1px;line-height:1.05}
.rail-brand b{font-size:14.5px;font-weight:650;letter-spacing:-.01em}
.rail-brand i{font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.09em;
              text-transform:uppercase;color:var(--fg-3)}

.rail-foot{margin-left:auto;display:flex;align-items:center;gap:8px}


@media(min-width:900px){ .tabbar{display:none} }


.panel{background:var(--surface);border:1px solid var(--edge);border-radius:var(--r);
       padding:16px;box-shadow:var(--shadow)}
.panel + .panel{margin-top:13px}
.p-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
        margin-bottom:12px}
.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
         color:var(--fg-3)}
.p-title{font-size:19px;font-weight:650;margin:5px 0 0;letter-spacing:-.02em;
         display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.p-sub{font-size:12px;color:var(--fg-2);margin:6px 0 0;line-height:1.55}
.p-ic{width:20px;height:20px;flex:0 0 20px;stroke:var(--fg-3);fill:none;stroke-width:1.8;
      stroke-linecap:round;stroke-linejoin:round}
.count{font-size:11px;font-weight:650;padding:0 12px;height:30px;border-radius:999px;
       display:inline-flex;align-items:center;
       background:var(--surface-3);border:1px solid var(--edge);color:var(--fg-2);
       white-space:nowrap}
button.count{cursor:pointer;background:var(--surface);box-shadow:var(--hi),var(--lift-1)}
button.count[aria-pressed="true"]{background:var(--accent);border-color:var(--accent-2);
                                  color:var(--accent-ink);box-shadow:var(--hi-on),var(--lift-1)}
button.count:hover:not([aria-pressed="true"]){border-color:var(--edge-2);color:var(--fg);
                                  box-shadow:var(--hi),var(--lift-2);transform:translateY(-1px)}
button.count:active{transform:translateY(1px);box-shadow:none}
button.count:focus-visible{outline:none;box-shadow:var(--hi),var(--lift-1),var(--ring)}
.count.live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
                    background:var(--accent);margin-right:6px;vertical-align:1px}








@media(max-width:700px){
  #filters .count{flex:1 1 calc(33.333% - 4px);justify-content:center;padding:0 8px}
}








.map-layers .count{height:auto;min-height:32px;padding:6px 11px;
                   white-space:normal;text-align:center;line-height:1.25}








.chips.wrap-long .count{height:auto;min-height:30px;padding:6px 11px;
                                 white-space:normal;text-align:left;
                                 line-height:1.25;max-width:100%;
                                 overflow-wrap:anywhere}



.tile.alarm .tile-v{color:var(--bad)}


.rows{display:flex;flex-direction:column;gap:8px;margin-top:11px}
.row{display:flex;gap:12px;align-items:center;background:var(--surface-2);
     border:1px solid transparent;border-radius:14px;padding:10px 12px;width:100%;
     text-align:left;cursor:pointer;transition:background .14s,border-color .14s}
.row:hover{border-color:var(--edge-2);background:var(--surface);box-shadow:var(--lift-1)}
button.row:active{transform:translateY(1px);box-shadow:none;background:var(--surface-3)}
button.row:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}
button.row:disabled{cursor:default;opacity:.72}
button.row:disabled:hover{border-color:transparent;background:var(--surface-2);box-shadow:none}






.due{flex:0 0 auto;width:96px;margin-right:4px;text-align:right;font-size:11px;line-height:1.3;
     color:var(--fg-3);font-variant-numeric:tabular-nums}
.due b{display:block;font-size:12.5px;font-weight:700;letter-spacing:-.015em;color:var(--fg-2)}
.due.hot b{color:var(--bad)}
.due.soon b{color:var(--warn)}



.row-prov{font-weight:600}
.row-prov.c{color:var(--cdek-ink)}
.row-prov.v{color:var(--versta-ink)}


.due i{font-style:normal;display:block}



@media(max-width:560px){
  .due{width:52px;margin-right:0}
  .due b{font-size:12px}
  .due i{display:none}
  .row-rl{display:none}
  .row-n{font-size:13.5px}


  .chip{width:30px;height:30px;flex:0 0 30px;border-radius:10px}
  .chip svg{width:15px;height:15px}
  .row{gap:8px;padding:9px 9px}
  .row-r{font-size:12.5px}


  .hello h1{font-size:17px;white-space:normal;line-height:1.2}
  .hello p{font-size:11.5px}
  .ava{width:36px;height:36px;flex:0 0 36px;border-radius:12px}
  .ava svg{width:19px;height:19px}





  .top{flex-wrap:wrap;gap:8px}
  .top .hello{order:1;flex:1 1 100%}
}



@media(max-width:400px){
  .row-n{font-size:13px}
  .row-s{font-size:11px}


  .row-prob{font-size:11px}


  .top .rnd{width:34px;height:34px;flex-basis:34px}
}

.chip{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;
      background:var(--surface-3)}
.chip svg{width:18px;height:18px;fill:none;stroke-width:1.9;stroke-linecap:round;
          stroke-linejoin:round;stroke:var(--fg-2)}
.chip.accent{background:var(--accent-soft)} .chip.accent svg{stroke:var(--accent-text)}
.chip.ok{background:rgba(31,157,85,.13)} .chip.ok svg{stroke:var(--ok)}
.chip.bad{background:rgba(220,59,43,.13)} .chip.bad svg{stroke:var(--bad)}
.chip.mut svg{stroke:var(--fg-3)}
.tick{width:3px;align-self:stretch;border-radius:2px;background:var(--fg-3);flex:0 0 3px}
.tick.b{background:var(--bad)} .tick.g{background:var(--accent)} .tick.w{background:var(--warn)}
.row-m{flex:1;min-width:0}

.row-n{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;
       text-overflow:ellipsis}
.row-s{display:block;font-size:11.5px;color:var(--fg-3);margin-top:3px;white-space:nowrap;
       overflow:hidden;text-overflow:ellipsis}





.row-prob{display:block;font-size:11.5px;color:var(--bad);margin-top:2px;white-space:nowrap;
          overflow:hidden;text-overflow:ellipsis}
.row-r{font-family:var(--num);font-size:12.5px;font-weight:600;color:var(--fg);flex:0 0 auto;
       font-variant-numeric:tabular-nums;white-space:nowrap}




.row-a{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.row-rl{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
        color:var(--fg-3);white-space:nowrap}
.row .chev{width:14px;height:14px;flex:0 0 14px;stroke:var(--fg-3);fill:none;stroke-width:2;
           stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}



.row.flat{cursor:default}
.row.flat:hover{border-color:transparent;background:var(--surface-2);box-shadow:none}


.chip-ini{font-size:13px;font-weight:700;color:var(--fg-2);letter-spacing:.01em}


.bdg{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;
     font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
     background:var(--surface-3);color:var(--fg-2);white-space:nowrap}
.bdg.adm{background:var(--accent-soft);color:var(--accent-text)}
.bdg.off{background:rgba(220,59,43,.12);color:var(--bad)}








.team-a{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;
        gap:7px;min-width:197px}
.team-a .btn-line{min-width:152px;text-align:center}


.rnd-gap{width:38px;flex:0 0 38px}
@media(max-width:620px){
  .row.team{flex-wrap:wrap}
  .team-a{width:100%;min-width:0;justify-content:flex-end;margin-top:2px}
  .team-a .btn-line{min-width:0}
}


.log-day{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
         color:var(--fg-3);margin:16px 0 -3px 2px}
.log-day:first-child{margin-top:6px}


.log-t{font-family:var(--num);font-size:12px;font-weight:600;color:var(--fg-3);
       flex:0 0 auto;font-variant-numeric:tabular-nums}



.chev-gap{width:14px;flex:0 0 14px}
.row.open .chev{transform:rotate(90deg)}


.sub{background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--r-2);
     padding:13px;margin-top:11px}
.sub-k{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
       color:var(--fg-3);margin-top:14px}




.sub>.sub-k:first-child{margin-top:0}
.sub-v{font-family:var(--num);font-size:20px;font-weight:650;margin-top:6px;
       font-variant-numeric:tabular-nums}
.sub-s{font-size:12px;color:var(--fg-2);margin-top:5px;line-height:1.55}

























.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
@media(max-width:520px){.tiles{grid-template-columns:1fr}}
@media(min-width:900px){.tiles{grid-template-columns:repeat(4,1fr)}}






.tile{background:var(--surface-2);border:1px solid var(--edge);border-radius:16px;
      padding:14px 15px;min-width:0;display:flex;flex-direction:column}






.tile.tile-lead{grid-column:1 / -1}





@media(min-width:900px){.tiles .tile.tile-lead{grid-column:span var(--lead-span,4)}}
.tile-k{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
        color:var(--fg-3)}



@media(min-width:521px){.tile:not(.tile-lead) .tile-k{min-height:2.4em}}
.tile-v{font-family:var(--num);font-size:27px;font-weight:700;letter-spacing:-.035em;
        margin-top:9px;line-height:1;font-variant-numeric:tabular-nums}
.tile.tile-lead .tile-v{font-size:34px}
.tile-v.g{color:var(--ok)} .tile-v.w{color:var(--warn)} .tile-v.b{color:var(--bad)}




.tile-s{font-size:11px;color:var(--fg-2);margin-top:auto;padding-top:7px;line-height:1.4}







.tile-meter{position:relative;height:6px;border-radius:4px;background:var(--surface-3);
            margin-top:10px}
.tile-meter i{display:block;height:100%;border-radius:4px;background:var(--fg-3)}
.tile-meter i.g{background:var(--ok)} .tile-meter i.w{background:var(--warn)}
.tile-meter i.b{background:var(--bad)}
.tile-meter.tgt::after{content:"";position:absolute;top:-3px;bottom:-3px;left:var(--target);
                       width:2px;border-radius:1px;background:var(--fg);opacity:.55}




.delta{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 5px;margin-top:7px;
       font-size:11.5px;font-weight:650;font-family:var(--num);color:var(--fg-2);font-variant-numeric:tabular-nums}
.delta em{font-style:normal;color:var(--fg-3)}


.delta b{font-weight:650;white-space:nowrap}
.delta span{font-family:var(--sans);font-weight:500;color:var(--fg-3)}











.tile-lead-b{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tile-lead-m{min-width:0;flex:1 1 auto}



.tile-trend{margin:0;flex:0 1 auto;display:flex;flex-direction:column;
            align-items:flex-end;gap:3px}
.tile-trend figcaption{font-size:10px;color:var(--fg-3);white-space:nowrap}



@media(max-width:560px){
  .tile-lead-b{flex-direction:column;align-items:flex-start;gap:9px}
  .tile-trend{align-items:flex-start}
}



.sline{display:block;width:160px;max-width:100%;height:38px;flex:0 1 auto;overflow:visible}
.sline .ar{fill:var(--accent-soft);stroke:none}
.sline .ln{fill:none;stroke:var(--accent);stroke-width:2;
           stroke-linecap:round;stroke-linejoin:round}
.sline .pt{fill:var(--accent)}



.st-sec{font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:var(--fg);
        margin:20px 0 4px}





.pshare{display:flex;gap:2px;height:10px;border-radius:5px;margin-top:10px;
        background:var(--surface-3);overflow:hidden}
.pshare i{display:block;height:100%;background:var(--dot);min-width:2px}
.prow{display:flex;align-items:center;gap:8px;padding:9px 0;
      border-bottom:1px solid var(--edge)}
.prow:last-child{border-bottom:0}
.pdot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--dot)}
.pname{font-size:13px;font-weight:650;flex:0 0 auto}
.pmeta{font-size:11px;color:var(--fg-3);flex:1 1 auto;min-width:0;
       white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pval{font-family:var(--num);font-size:13px;font-weight:650;flex:0 0 auto;font-variant-numeric:tabular-nums}
.pshr{font-family:var(--num);font-size:11px;color:var(--fg-3);flex:0 0 auto;
      min-width:32px;text-align:right;font-variant-numeric:tabular-nums}


@media(max-width:520px){
  .prow{flex-wrap:wrap}
  .pmeta{flex:1 1 100%;order:5;margin-left:17px;margin-top:2px}
}


.dir{display:block;width:100%;text-align:left;background:var(--surface-2);
     border:1px solid transparent;border-radius:14px;padding:11px 14px;margin-top:8px;cursor:pointer}
.dir:hover{border-color:var(--edge-2);background:var(--surface)}
.dir:active{transform:translateY(1px)}
.dir-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.dir-n{font-size:13px;font-weight:600;letter-spacing:-.01em}
.dir-r{font-family:var(--num);font-size:13px;font-weight:650;flex:0 0 auto;font-variant-numeric:tabular-nums}
.dir-sub{font-size:11px;color:var(--fg-3);margin-top:2px}
.dir-bar{height:6px;border-radius:3px;background:var(--surface-3);margin-top:8px;overflow:hidden}
.dir-bar i{display:block;height:100%;border-radius:3px;background:var(--accent)}
.spark{display:block;margin-top:7px;color:var(--fg-3);opacity:.85}







.tblw{overflow-x:auto;margin-top:8px;-webkit-overflow-scrolling:touch;
      border:1px solid var(--edge);border-radius:14px;background:var(--surface-2)}
.tbl{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}
.tbl th{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
        color:var(--fg-3);text-align:right;padding:8px 11px;
        border-bottom:1px solid var(--edge-2);background:var(--surface-3)}
.tbl th:first-child,.tbl td:first-child{text-align:left;white-space:normal}
.tbl td{padding:9px 11px;border-bottom:1px solid var(--edge);text-align:right;
        font-family:var(--num);font-variant-numeric:tabular-nums}

.tbl tbody tr:nth-child(odd) td{background:var(--surface)}
.tbl td:first-child{font-family:inherit;font-weight:600}
.tbl tr:last-child td{border-bottom:0}
.tbl td.g{color:var(--ok)} .tbl td.w{color:var(--warn)} .tbl td.b{color:var(--bad)}
.tbl tr.clk{cursor:pointer}
.tbl tr.clk:hover td{background:var(--surface-2)}
.tbl tr.sel td{background:var(--accent-soft)}






.tbl.raw td{text-align:left;max-width:320px;overflow:hidden;
  text-overflow:ellipsis}
.tbl.raw td.num{text-align:right;font-family:var(--num);
  font-variant-numeric:tabular-nums}


.tbl.raw th{text-align:left}
.tbl.raw th.num{text-align:right}





.tbl.raw td:first-child{font-weight:400;color:var(--fg-2);font-family:var(--num);
  font-variant-numeric:tabular-nums}




.rp-name{overflow-wrap:anywhere}







.pv-top{display:flex;align-items:center;justify-content:space-between;gap:8px;
  flex-wrap:wrap}
.pv-top .btn-ghost,.pv-top .btn-line{margin:0}
.pv{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}



.pv-setup{display:contents}
.pv-setup-h,.pv-setup-f,.pv-brief{display:none}
@media(min-width:900px){
  .pv{grid-template-columns:236px minmax(0,1fr);align-items:start}
  .pv-side{grid-column:1;grid-row:1 / span 2}
  .pv-zwrap,.pv-main{grid-column:2}
  .pv-main{grid-row:2}


  .pv-side{position:sticky;top:12px;max-height:calc(100vh - 24px);
    display:flex;flex-direction:column}
  .pv-side .pv-flist{overflow-y:auto;min-height:0}
}
.pv-side{border:1px solid var(--edge);border-radius:var(--r-2);
  background:var(--surface-2);padding:10px;min-width:0}
.pv-side-h{display:flex;align-items:baseline;justify-content:space-between;
  gap:4px 8px;flex-wrap:wrap}
.pv-side-h .fld{margin:0}
.pv-hint{margin:0;font-size:11px;color:var(--fg-3)}
.pv-fq{margin-top:8px;min-height:36px;padding:7px 11px}
.pv-flist{display:flex;flex-direction:column;gap:4px;margin-top:8px}


@media(max-width:899px){
  .pv-flist{flex-direction:row;flex-wrap:wrap;max-height:216px;overflow-y:auto}
  .pv-f{max-width:100%}
}
.pv-f{display:flex;align-items:center;gap:6px;min-width:0;padding:4px 4px 4px 5px;
  border-radius:9px;background:var(--surface);border:1px solid var(--edge);
  cursor:grab;user-select:none;-webkit-user-select:none;
  box-shadow:var(--hi),var(--lift-1)}
.pv-f:hover{border-color:var(--edge-2)}


.pv-f.used{box-shadow:inset 3px 0 0 var(--accent),var(--lift-1)}
.pv-f-n{flex:1;min-width:0;font-size:12.5px;font-weight:600;line-height:1.25;
  overflow-wrap:anywhere}
.pv-f-n small{display:block;font-size:10.5px;font-weight:500;color:var(--fg-3)}
.pv-grip{width:14px;height:14px;flex:0 0 14px;stroke:var(--fg-3);fill:none;
  stroke-linecap:round}
.pv-k{width:15px;height:15px;flex:0 0 15px;stroke:var(--fg-2);fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pv-add,.pv-x{width:28px;height:28px;flex:0 0 28px;border-radius:8px;
  display:grid;place-items:center;cursor:pointer;color:var(--fg-2);padding:0}
.pv-add{border:1px solid var(--edge);background:var(--surface-2)}
.pv-add svg,.pv-x svg{width:14px;height:14px;stroke:currentColor;fill:none;
  stroke-width:2.2;stroke-linecap:round}
.pv-add:hover{background:var(--accent);border-color:var(--accent-2);
  color:var(--accent-ink)}
.pv-x{border:0;background:none;color:var(--fg-3)}
.pv-x:hover{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}
.pv-add:focus-visible,.pv-x:focus-visible,.pv-pill-b:focus-visible,
.pv-th:focus-visible,.pv-mi:focus-visible{outline:none;box-shadow:var(--ring)}








@media(max-width:760px){
  .pv-brief{display:block;margin-top:12px}
  .pv-brief .go{margin-top:8px}
  .pv-brief-b{display:flex;align-items:center;gap:10px;width:100%;text-align:left;
    padding:10px 12px;border-radius:var(--r-2);border:1px solid var(--edge);
    background:var(--surface-2);color:var(--fg);font:inherit;cursor:pointer}
  .pv-brief-b:focus-visible{outline:none;box-shadow:var(--ring)}
  .pv-brief-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;
    font-size:12.5px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
  .pv-brief-t i{font-style:normal;font-weight:500;color:var(--fg-2)}
  .pv-brief-e{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;
    font-size:12px;font-weight:650;color:var(--fg-2)}
  .pv-brief-e svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;
    stroke-linecap:round;stroke-linejoin:round}
  .pv{margin-top:8px}
  .pv-setup{display:none}
  body.pv-setup-open .pv-setup{display:flex;flex-direction:column;gap:12px;
    position:fixed;inset:0;z-index:55;overflow-y:auto;background:var(--bg);
    padding:0 16px;animation:mdl-in .18s var(--ease)}
  body.pv-setup-open .pv-setup-h{display:flex;align-items:center;justify-content:space-between;
    gap:10px;position:sticky;top:0;z-index:2;padding:12px 0 10px;
    background:var(--bg);border-bottom:1px solid var(--edge);font-size:15px}
  body.pv-setup-open .pv-setup-f{display:block;position:sticky;bottom:0;z-index:2;
    margin-top:auto;padding:10px 0 14px;background:var(--bg);
    border-top:1px solid var(--edge)}
  .pv-setup-f .go{margin:0}

  body.pv-setup-open .pv-flist{max-height:none}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  body.pv-setup-open .pv-setup{animation:none}
}


.pv-zones{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media(min-width:620px){.pv-zones{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.pv-z{border:1px solid var(--edge);border-radius:var(--r-2);
  background:var(--surface);padding:9px 10px 10px;min-width:0}
.pv-z-h{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;color:var(--fg-3)}
.pv-z-h svg{width:14px;height:14px;flex:0 0 14px;stroke:currentColor;fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pv-z-h b{font-size:10px;font-weight:700;letter-spacing:0;padding:1px 7px;
  border-radius:999px;background:var(--surface-3);color:var(--fg-2)}
.pv-z-h small{margin-left:auto;font-size:10.5px;font-weight:500;
  text-transform:none;letter-spacing:0}


.pv-drop{min-height:44px;margin-top:7px;display:flex;flex-direction:column;gap:5px;
  border:1.5px dashed var(--edge-2);border-radius:10px;padding:4px;
  transition:background 180ms var(--ease),border-color 180ms var(--ease)}
.pv-drop:has(.pv-pill){border-color:transparent;padding:0}
.pv-empty{font-size:11.5px;color:var(--fg-3);padding:9px 6px;text-align:center;
  line-height:1.35}
.pv-pill~.pv-empty{display:none}

body.pv-dragging .pv-drop{border-color:var(--accent);border-style:dashed;
  background:var(--accent-soft);padding:4px}
@media(prefers-reduced-motion:reduce){.pv-drop{transition:none}}
.pv-pill{display:flex;align-items:center;gap:2px;min-width:0;cursor:grab;
  background:var(--surface-2);border:1px solid var(--edge);border-radius:9px;
  padding:2px 2px 2px 6px}
.pv-pill.off{border-style:dashed}
.pv-pill.off .pv-pill-b span{color:var(--fg-2);font-weight:500}
.pv-pill-b{flex:1;min-width:0;display:flex;align-items:center;gap:6px;
  background:none;border:0;padding:6px 4px;border-radius:7px;cursor:pointer;
  color:var(--fg);font:inherit;font-size:12.5px;font-weight:600;text-align:left}
.pv-pill-b span{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.25}
.pv-pill-b:hover{background:var(--surface-3)}
.pv-chev{width:13px;height:13px;flex:0 0 13px;stroke:var(--fg-3);fill:none;
  stroke-width:2;transform:rotate(90deg)}

.pv-drop .pv-f{box-shadow:none;border-style:dashed}
.pv-ghost{opacity:.4}
.pv-chosen{box-shadow:var(--lift-2)}
.pv-note{margin-top:8px;overflow-wrap:anywhere}
.pv-note:empty{display:none}


.pv-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.pv-sel{display:inline-flex;align-items:center;gap:6px;font-size:11px;
  font-weight:650;color:var(--fg-2)}
.pv-sel .inp{width:auto;min-height:30px;padding:4px 10px;font-size:12px}
.pv-sp{flex:1 1 0}
.pv-bar .btn-ghost{margin:0}


.pv-start{margin-top:12px;border:1.5px dashed var(--edge-2);
  border-radius:var(--r-2);padding:18px 16px;text-align:center}
.pv-start b{font-size:14px;overflow-wrap:anywhere}
.pv-start .chips{justify-content:center}
.pv-start .count{height:auto;min-height:30px;padding:6px 11px;white-space:normal;
  max-width:100%;overflow-wrap:anywhere}
.pv-loading{display:flex;align-items:center;gap:5px;margin-top:14px}
.pv-loading>span{width:7px;height:7px;border-radius:50%;background:var(--fg-3);
  animation:pv-dot 1s var(--ease) infinite}
.pv-loading>span:nth-child(2){animation-delay:.15s}
.pv-loading>span:nth-child(3){animation-delay:.3s}
.pv-loading .p-sub{margin:0 0 0 6px}
@keyframes pv-dot{0%,100%{opacity:.25}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.pv-loading>span{animation:none}}
.pv-warn{margin-top:10px;padding:7px 11px;border-left:3px solid var(--warn);
  border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--warn) 8%,var(--surface))}
.pv-warn p{margin:0;font-size:12px;line-height:1.5;color:var(--fg-2);
  overflow-wrap:anywhere}
.pv-warn p+p{margin-top:4px}
#re-preview .p-sub{overflow-wrap:anywhere}




.pv-tw{max-height:min(64vh,640px);overflow:auto;margin-top:12px}
.pv-tbl thead th{position:sticky;top:0;z-index:2;height:34px;vertical-align:bottom}
.pv-tbl.pv-x2 thead tr+tr th{top:34px}
.pv-tbl tfoot td{position:sticky;bottom:0;z-index:2;background:var(--surface-3);
  font-weight:700;border-top:1px solid var(--edge-2);border-bottom:0}
.pv-tbl .pv-stick{position:sticky;left:0;z-index:1}
.pv-tbl thead .pv-stick,.pv-tbl tfoot .pv-stick{z-index:3}
.pv-tbl tbody td.pv-stick{background:var(--surface-2)}
.pv-tbl tbody tr:nth-child(odd) td.pv-stick{background:var(--surface)}
.pv-tbl th.pv-key,.pv-tbl td.pv-key{text-align:left}
.pv-tbl td.pv-key{font-family:inherit;white-space:normal;min-width:110px;
  max-width:280px;overflow-wrap:anywhere}
.pv-tbl td.pv-key:not(.pv-stick){font-weight:500}
.pv-tbl .pv-nil{color:var(--fg-3)}
.pv-tbl .pv-n{color:var(--fg-3)}
.pv-tbl .pv-tot{font-weight:650}
.pv-tbl th.pv-grp{text-align:center;border-left:1px solid var(--edge)}
.pv-tbl th.pv-pk{text-transform:none;letter-spacing:0;font-size:11px;color:var(--fg-2)}
.pv-tbl th.pv-sub{font-size:9.5px}


.pv-th{background:none;border:0;padding:0;margin:0;cursor:pointer;color:inherit;
  font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;
  display:inline-flex;align-items:center;gap:4px;border-radius:4px;max-width:100%}
.pv-th:hover{color:var(--fg)}
.pv-ar{font-style:normal;color:var(--fg)}






.pv-db{display:inline-block;vertical-align:middle;width:56px;height:6px;
  margin-right:8px;border-radius:3px;background:var(--surface-3);overflow:hidden}
.pv-db i{display:block;height:100%;border-radius:3px;background:var(--accent)}
@media(max-width:560px){.pv-db{width:28px;margin-right:6px}}
.pv-tbl tbody tr:nth-child(n) td.pv-heat{background-image:linear-gradient(
  color-mix(in srgb,var(--accent) var(--h,0%),transparent),
  color-mix(in srgb,var(--accent) var(--h,0%),transparent))}
.pv-sum{margin-top:8px}
.pv-out{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.pv-out .go{width:auto;margin:0}
.pv-out .btn-line{margin:0}
.pv-out .p-sub{flex:1 0 100%;margin:0}
.pv-out .p-sub:empty{display:none}
.pv-save{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;
  margin-top:10px;align-items:center}
.pv-save .btn-line,.pv-save .btn-ghost{margin:0}
@media(max-width:560px){.pv-save{grid-template-columns:minmax(0,1fr)}}


.pv-dlg{width:min(480px,100%)}
.pv-dlg-b{overflow-y:auto;margin-top:12px;min-height:0}
.pv-dlg-f{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;
  border-top:1px solid var(--edge)}
.pv-dlg-f .btn-ghost{margin:0}
.pv-dlg-f .go{width:auto;margin:0;min-height:40px;padding:9px 22px}
.pv-dlg-f .go::after{display:none}
.pv-dlg .chips .count{height:auto;min-height:30px;padding:6px 11px}
.pv-menu{display:grid;gap:6px}
.pv-mi{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;
  border-radius:10px;border:1px solid var(--edge);background:var(--surface);
  color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.pv-mi svg{width:18px;height:18px;flex:0 0 18px;stroke:var(--fg-2);fill:none;
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pv-mi b{display:block;font-size:13px}
.pv-mi small{display:block;font-size:11.5px;color:var(--fg-3);margin-top:2px}
.pv-mi:hover:not(:disabled){border-color:var(--edge-2);background:var(--surface-2)}
.pv-mi:disabled{opacity:.5;cursor:default}



.pv-mi.danger b{color:var(--bad)}
.pv-mi.danger svg{stroke:var(--bad)}






.subbar.re-modebar{margin-top:10px}
.re-modebar .btn-ghost{margin:0}
@media(max-width:620px){
  .subbar.re-modebar{justify-content:space-between}
  .re-modebar .seg-toggle.sm{flex:0 1 auto}
  .re-modebar .seg-toggle.sm .seg-opt{padding:7px 10px}
  .re-modebar .btn-ghost{flex:0 0 auto;padding:8px 6px}
}
.re-undo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;
  padding:7px 8px 7px 12px;border-radius:10px;background:var(--surface-2);
  border:1px solid var(--edge);font-size:12.5px;color:var(--fg-2)}
.re-undo .btn-line{margin:0 0 0 auto;padding:6px 12px}
#re-undo:empty{display:none}
.re-per{margin-top:10px;color:var(--fg)}
.re-dhint{margin-top:8px}





.ra{margin-top:12px;border:1px solid var(--edge);border-radius:var(--r-2);
  background:var(--surface)}
.ra-step{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;
  padding:10px 12px;align-items:start}
.ra-step+.ra-step{border-top:1px solid var(--edge)}
.ra-k{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--fg-2);padding-top:10px}
.ra-v{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ra-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;max-width:100%}


.inp.ra-sel{width:auto;max-width:100%;min-height:36px;padding:6px 10px;font-size:13px}
.ra-w{font-size:12.5px;color:var(--fg-2)}
.ra-x.rnd{width:30px;height:30px;flex:0 0 30px;box-shadow:none}
.ra-x.rnd svg{width:14px;height:14px}
.ra-adds{display:flex;gap:4px;flex-wrap:wrap}

.ra-add{background:transparent;border:1px dashed var(--edge-2);color:var(--fg-2);
  font:inherit;font-size:12px;font-weight:600;padding:6px 11px;border-radius:999px;
  cursor:pointer}
.ra-add:hover{color:var(--fg);border-color:var(--fg-3)}
.ra-add:focus-visible,.ra-cond:focus-visible,.ra-q:focus-visible,.ra-link:focus-visible{
  outline:none;box-shadow:var(--ring)}

.ra-cond{background:var(--surface-2);border:1px solid var(--edge);color:var(--fg);
  font:inherit;font-size:12.5px;padding:7px 11px;border-radius:10px;cursor:pointer;
  text-align:left;max-width:100%;overflow-wrap:anywhere}
.ra-cond:hover{border-color:var(--edge-2)}
.ra-cond.off{color:var(--fg-2);border-style:dashed}
.ra-inline{margin:0}
.ra-hint{margin:0;max-width:62ch;overflow-wrap:anywhere}
.ra-none{margin:0;padding-top:8px}
.ra-link{background:none;border:0;padding:0;font:inherit;color:var(--fg);
  text-decoration:underline;cursor:pointer}
.ra-range{width:min(100%,340px)}
.ra-out{margin-top:4px}
.ra-start{margin-top:12px;border:1.5px dashed var(--edge-2);border-radius:var(--r-2);
  padding:16px}
.ra-start b{font-size:14px}
.ra-qs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;
  margin-top:12px}
.ra-q{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;
  padding:10px 12px;border-radius:10px;border:1px solid var(--edge);background:var(--surface);
  color:var(--fg);font:inherit;cursor:pointer;min-width:0}
.ra-q b{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.ra-q small{font-size:11.5px;color:var(--fg-2);overflow-wrap:anywhere}
.ra-q:hover{border-color:var(--edge-2);background:var(--surface-2)}
@media(max-width:560px){


  .ra-step{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px}
  .ra-k{padding-top:0}
  .ra-qs{grid-template-columns:minmax(0,1fr)}
}


.rp-sheets{display:grid;gap:8px;margin-top:8px}
.rp-sh{border:1px solid var(--edge);border-radius:10px;padding:10px 12px;
  background:var(--surface);min-width:0}
.rp-sh.on{border-color:var(--edge-2)}
.rp-sh.off{opacity:.6}
.rp-sh-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;cursor:pointer}
.rp-sh-h input{align-self:center}
.rp-sh-h .p-sub{margin:0}
.rp-sh-t{margin-top:8px;max-height:140px}
.rp-book-f{display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-top:10px;flex-wrap:wrap}
.rp-book-f .go{width:auto;margin:0}
.rp-book-f .btn-ghost{margin:0}
.rv-hint{margin-top:4px;font-size:11.5px;overflow-wrap:anywhere}
.pv-vtools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
.pv-vtools .btn-ghost{margin:0}
.pv-vtools .p-sub{margin:0 0 0 auto}
.pv-vals{display:flex;flex-direction:column;max-height:min(44vh,360px);
  overflow-y:auto;margin-top:6px;border:1px solid var(--edge);border-radius:10px}
.pv-v{display:flex;align-items:center;gap:10px;padding:8px 11px;cursor:pointer;
  border-bottom:1px solid var(--edge);font-size:12.5px}
.pv-v:last-child{border-bottom:0}
.pv-v:hover{background:var(--surface-2)}
.pv-v input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:var(--accent)}
.pv-v-n{flex:1;min-width:0;overflow-wrap:anywhere}
.pv-v-c{flex:0 0 auto;font-size:11.5px;color:var(--fg-3);font-family:var(--num);
  font-variant-numeric:tabular-nums}
.pv-v.gone .pv-v-c{color:var(--warn)}
.re-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}


.re-stale{opacity:.55;transition:opacity 180ms var(--ease)}


.rs-head{display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:8px 12px;margin-top:16px}
.rs-head .fld{margin:0;min-width:0}
.rs-all{flex:0 0 auto}


.fun{margin-top:8px}
.fun-r{display:flex;align-items:baseline;gap:10px;margin-top:7px}
.fun-n{font-size:12px;color:var(--fg-2);flex:0 0 128px}
.fun-b{flex:1;height:8px;border-radius:4px;background:var(--surface-3);overflow:hidden}
.fun-b i{display:block;height:100%;border-radius:4px;background:var(--accent)}
.fun-v{font-family:var(--num);font-size:13px;font-weight:650;flex:0 0 auto;font-variant-numeric:tabular-nums}
.fun-d{font-size:11px;color:var(--warn);margin-top:6px}









.mapw{position:relative;margin-top:9px;border:1px solid var(--edge);border-radius:14px;
      background:var(--surface-2);overflow:hidden;touch-action:pan-y}



.mapw.gl{height:min(64vh,540px);touch-action:auto}
@media(max-width:620px){.mapw.gl{height:min(52vh,380px)}}
.mapw.gl .mapboxgl-ctrl-group{border-radius:10px;box-shadow:var(--lift-1)}
.mapw.gl .mapboxgl-ctrl-logo{opacity:.55}

.map-pop .mapboxgl-popup-content{background:var(--surface);color:var(--fg);border-radius:11px;padding:8px 11px;
      box-shadow:var(--shadow);font-family:var(--sans);border:1px solid var(--edge)}
.map-pop .mapboxgl-popup-content b{display:block;font-size:12.5px;color:var(--fg)}
.map-pop .mapboxgl-popup-content span{font-family:var(--num);font-size:12px;color:var(--fg-2);font-variant-numeric:tabular-nums}
.map-pop .mapboxgl-popup-tip{border-top-color:var(--surface)}
.mapw svg{display:block;width:100%;height:auto;cursor:grab}
.mapw.dragging svg{cursor:grabbing}


.map-zoom{position:absolute;right:9px;top:9px;display:flex;flex-direction:column;gap:5px;z-index:2}
.map-zoom button{width:30px;height:30px;border-radius:9px;border:1px solid var(--edge);
                 background:var(--surface);color:var(--fg);font-size:15px;line-height:1;
                 cursor:pointer;box-shadow:var(--lift-1);padding:0}
.map-zoom button:hover{background:var(--surface-2)}
.map-zoom button:focus-visible{outline:none;box-shadow:var(--ring)}





.map-modes{position:absolute;left:9px;top:9px;z-index:2;display:flex;gap:2px;
           padding:2px;border-radius:10px;border:1px solid var(--edge);
           background:var(--surface);box-shadow:var(--lift-1);max-width:calc(100% - 60px)}
.map-modes button{border:0;background:transparent;color:var(--fg-2);cursor:pointer;
           font-family:var(--sans);font-size:11px;font-weight:650;line-height:1;
           padding:7px 10px;border-radius:8px;white-space:nowrap;
           transition:background .14s,color .14s}
.map-modes button:hover{background:var(--surface-2);color:var(--fg)}
.map-modes button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.map-modes button:focus-visible{outline:none;box-shadow:var(--ring)}


@media(max-width:620px){
  .map-modes{left:7px;top:7px;gap:1px;padding:2px}
  .map-modes button{font-size:10px;padding:6px 7px}
}



.map-r,.map-c,.map-l{vector-effect:non-scaling-stroke}
.map-r{fill:var(--surface-3);stroke:var(--surface);stroke-width:.6;
       transition:fill .18s var(--ease),opacity .18s var(--ease);cursor:pointer}
.map-r:hover{fill:var(--edge)}
.map-r.sel{fill:var(--accent-soft);stroke:var(--accent);stroke-width:.9}
.mapw.filtered .map-r:not(.sel){opacity:.45}
.map-c{stroke:var(--surface);stroke-width:1;cursor:pointer;transition:opacity .18s var(--ease)}
.mapw.filtered .map-c:not(.sel){opacity:.28}








.map-l{font-size:calc(var(--map-lbl, 9) * 1px);fill:var(--fg);font-family:var(--sans);
       pointer-events:none;paint-order:stroke;stroke:var(--surface-2);
       stroke-width:2.6px;stroke-linejoin:round}


@media(max-width:620px){.map-l{display:none}}
.map-tip{position:absolute;pointer-events:none;background:var(--fg);color:var(--bg);
         font-size:11px;line-height:1.35;padding:6px 9px;border-radius:9px;
         transform:translate(-50%,-120%);white-space:nowrap;opacity:0;
         transition:opacity .12s var(--ease);z-index:3}
.map-tip.on{opacity:.96}
.map-lg{display:flex;align-items:center;gap:9px;margin-top:8px;font-size:11px;color:var(--fg-3)}
.map-lg i{flex:1;height:8px;border-radius:4px;
          background:linear-gradient(90deg,#1F9D55,#E8A33A,#C42A1B)}















.map-head{margin-top:9px;border:1px solid var(--edge);border-radius:14px;
          background:var(--surface);box-shadow:var(--lift-1);overflow:hidden}
.map-head-r{padding:10px 12px}
.map-head-r + .map-head-r{border-top:1px solid var(--edge);background:var(--surface-2)}
.map-lb{font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
        color:var(--fg-3);margin-bottom:7px}



.map-layers{display:flex;flex-wrap:wrap;gap:6px}
.map-layers .count{max-width:100%}




.map-kpi{display:flex;flex-wrap:wrap;gap:10px 0}
.map-kpi div{flex:0 0 auto;min-width:0;padding-right:18px}
.map-kpi div + div{padding-left:18px;border-left:1px solid var(--edge)}
.map-kpi b{font-family:var(--num);font-size:21px;font-weight:700;display:block;
           line-height:1.1;color:var(--fg);font-variant-numeric:tabular-nums}
.map-kpi span{font-size:10.5px;color:var(--fg-3)}
.map-head-n{margin-top:9px}








.map-split{display:flex;align-items:stretch;margin-top:9px}
.map-split .mapw{flex:1 1 auto;min-width:0;margin-top:0}







.nom{flex:0 0 0;min-width:0;height:0;overflow:hidden;opacity:0;
     border:1px solid transparent;border-radius:14px;background:var(--surface-2);
     transition:flex-basis .42s var(--ease),margin-left .42s var(--ease),
                opacity .26s var(--ease)}



.map-split.open .nom{flex:0 0 320px;opacity:1;margin-left:10px;border-color:var(--edge);
                     height:min(64vh,540px)}


.nom-in{width:320px;height:100%;display:flex;flex-direction:column;padding:12px 13px}
.nom-h{display:flex;align-items:flex-start;gap:9px}
.nom-t{flex:1;min-width:0;font-size:13px;font-weight:650;line-height:1.3;
       word-break:break-word}
.nom-s{display:block;font-size:11px;font-weight:500;color:var(--fg-3);margin-top:2px}
.nom-x{flex:0 0 auto;width:26px;height:26px;border-radius:8px;border:1px solid var(--edge);
       background:var(--surface);color:var(--fg-2);font-size:15px;line-height:1;cursor:pointer;
       padding:0;transition:background .16s var(--ease)}
.nom-x:hover{background:var(--surface-2);color:var(--fg)}
.nom-x:focus-visible{outline:none;box-shadow:var(--ring)}


.nom-m{display:flex;gap:10px;margin-top:10px;padding-bottom:10px;
       border-bottom:1px solid var(--edge)}
.nom-m>div{flex:1 1 0;min-width:0}
.nom-m b{display:block;font-family:var(--num);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.nom-m span{font-size:10.5px;color:var(--fg-3)}

.nom-l{flex:1;overflow-y:auto;margin-top:8px;display:flex;flex-direction:column;gap:7px}
.nom-i{display:block}
.nom-r{display:flex;align-items:baseline;gap:8px}
.nom-a{flex:1;min-width:0;font-size:12px;line-height:1.35;overflow:hidden;
       display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nom-q{flex:0 0 auto;font-family:var(--num);font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums}
.nom-b{display:block;height:5px;border-radius:3px;background:var(--surface-3);
       overflow:hidden;margin-top:4px}
.nom-b i{display:block;height:100%;border-radius:3px}

.nom-ad{display:block;width:100%;text-align:left;border:0;background:transparent;
        padding:6px 7px;margin:0 -7px;border-radius:9px;cursor:pointer}
.nom-ad:hover{background:var(--surface-3)}
.nom-ad:focus-visible{outline:none;box-shadow:var(--ring)}
.nom-c{display:block;font-size:10.5px;color:var(--fg-3);margin-top:3px}

.nom-sw{margin-top:10px}
.nom-sw .seg-opt{font-size:11.5px;padding:6px 8px;min-width:0;white-space:nowrap;
                 overflow:hidden;text-overflow:ellipsis}
.nom-up{margin-top:9px;width:100%}
.nom-more{margin-top:4px;width:100%}
.nom-e{margin-top:9px;font-size:11.5px;color:var(--fg-3)}


.nom-ad .nom-r::after{content:"›";flex:0 0 auto;color:var(--fg-3);font-size:15px;
                      line-height:1;margin-left:2px}
.nom-ad:hover .nom-r::after{color:var(--accent)}






.mdl{position:fixed;inset:0;z-index:60;display:flex;align-items:center;
     justify-content:center;padding:16px;background:rgba(12,17,28,.46)}
.mdl-box{width:min(900px,100%);max-height:min(86vh,780px);display:flex;flex-direction:column;
         background:var(--surface);border:1px solid var(--edge);border-radius:16px;
         box-shadow:var(--shadow);padding:14px 15px;animation:mdl-in .18s var(--ease)}
@keyframes mdl-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mdl-h{display:flex;align-items:flex-start;gap:10px}
.mdl-t{flex:1;min-width:0;font-size:14px;font-weight:700;line-height:1.3}
.mdl-t span{display:block;font-size:11.5px;font-weight:500;color:var(--fg-3);margin-top:3px}
.mdl-q{margin-top:11px}

.mdl-l{flex:1;overflow-y:auto;margin-top:11px;display:grid;gap:9px 22px;
       grid-template-columns:1fr;align-content:start}
@media(min-width:620px){.mdl-l{grid-template-columns:1fr 1fr}}
@media(min-width:940px){.mdl-l{grid-template-columns:1fr 1fr 1fr}}
@media(prefers-reduced-motion:reduce){.mdl-box{animation:none}}
body.no-scroll{overflow:hidden}





.btn-line{background:var(--surface);border:1px solid var(--edge);color:var(--fg-2);
          font-size:12.5px;font-weight:600;cursor:pointer;padding:9px 12px;
          border-radius:10px;transition:background .14s,border-color .14s,color .14s}
.btn-line:hover{background:var(--surface-2);border-color:var(--edge-2);color:var(--fg)}
.btn-line:focus-visible{outline:none;box-shadow:var(--ring)}



.btn-line.danger{border-color:rgba(196,42,27,.30);background:color-mix(in srgb,var(--bad) 9%,var(--surface));color:var(--bad)}
.btn-line.danger:hover{background:color-mix(in srgb,var(--bad) 16%,var(--surface));border-color:rgba(196,42,27,.5);color:var(--bad)}
.btn-line.danger:focus-visible{box-shadow:0 0 0 3px rgba(196,42,27,.22)}






.dz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    padding:20px 14px;margin-top:10px;border:1.5px dashed var(--edge-2);border-radius:12px;
    background:var(--surface);text-align:center;cursor:pointer;
    transition:border-color .14s,background .14s}
.dz:hover{border-color:var(--accent);background:var(--surface-2)}


.dz.over{border-color:var(--accent);background:var(--accent-soft)}
.dz.has{border-style:solid;border-color:var(--accent)}





.dz-i{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.dz:focus-within{border-color:var(--accent);box-shadow:var(--ring)}
.dz-t{font-size:13px;font-weight:650;color:var(--fg);overflow-wrap:anywhere}
.dz-s{font-size:12px;color:var(--fg-2)}
.dz+.go{margin-top:9px}





.tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tools .btn-line{flex:1 1 190px;min-width:0}


details.dzone{margin-top:14px;border-top:1px solid var(--edge);padding-top:10px}
details.dzone>summary{font-size:12px;font-weight:600;color:var(--fg-2);cursor:pointer;
    list-style:none;padding:2px 0}
details.dzone>summary::-webkit-details-marker{display:none}
details.dzone>summary::before{content:"▸ ";color:var(--fg-3,var(--fg-2))}
details.dzone[open]>summary::before{content:"▾ "}
details.dzone>summary:hover{color:var(--fg)}
details.dzone .btn-line.danger{margin-top:10px}
@media(max-width:860px){
  .map-split{flex-direction:column}


  .nom{flex:0 0 auto;height:auto;max-height:0;margin-left:0;
       transition:max-height .4s var(--ease),margin-top .4s var(--ease),
                  opacity .26s var(--ease)}
  .map-split.open .nom{flex:0 0 auto;height:auto;max-height:56vh;
                       margin-left:0;margin-top:9px}
  .nom-in{width:auto;max-height:56vh}
}




.fo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:9px}
@media(min-width:700px){.fo-grid{grid-template-columns:repeat(4,1fr)}}
.fo-c{display:block;text-align:left;padding:11px 12px;border-radius:14px;cursor:pointer;
      background:var(--surface-2);border:1px solid var(--edge);
      transition:border-color .16s var(--ease),background .16s var(--ease)}
.fo-c:hover{border-color:var(--edge-2);background:var(--surface)}
.fo-c[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent)}
.fo-k{display:block;font-size:10.5px;font-weight:700;letter-spacing:.07em;
      text-transform:uppercase;color:var(--fg-3)}
.fo-v{display:block;font-family:var(--num);font-size:22px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}
.fo-b{display:block;height:5px;border-radius:3px;background:var(--surface-3);
      overflow:hidden;margin-top:7px}
.fo-b i{display:block;height:100%;border-radius:3px;background:var(--accent)}
.fo-s{display:block;font-size:11px;color:var(--fg-3);margin-top:5px}






.bars{margin-top:8px;display:flex;flex-direction:column;gap:1px}
@media(min-width:900px){.bars{display:grid;grid-template-columns:1fr 1fr;
                              column-gap:18px}}
.bar{display:flex;align-items:center;gap:11px;min-height:34px;line-height:1.25;
     padding:6px 10px;border:0;border-radius:10px;background:transparent;
     cursor:pointer;text-align:left;width:100%}
.bar:hover{background:var(--surface-2)}
.bar-n{flex:0 0 36%;font-size:13px;font-weight:600;white-space:nowrap;
       overflow:hidden;text-overflow:ellipsis}
.bar-t{flex:1;height:8px;border-radius:4px;background:var(--surface-3);overflow:hidden}
.bar-t i{display:block;height:100%;border-radius:4px}
.bar-v{flex:0 0 52px;font-family:var(--num);font-size:13px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}
.bar-x{flex:0 0 42px;font-size:10.5px;font-weight:700;letter-spacing:.05em;
       color:var(--fg-3);text-align:right}
@media(max-width:520px){.bar{gap:9px}.bar-n{flex:0 0 40%}.bar-x{display:none}}


.mini-b{display:inline-block;width:44px;height:6px;border-radius:3px;
        background:var(--surface-3);overflow:hidden;vertical-align:middle;margin-right:6px}
.mini-b i{display:block;height:100%;background:var(--accent);border-radius:3px}


.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.duo-c{background:var(--surface-2);border:1px solid var(--edge);border-radius:14px;padding:12px 14px}
.duo-k{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--fg-3)}
.duo-v{font-family:var(--num);font-size:20px;font-weight:700;margin-top:5px;font-variant-numeric:tabular-nums}
.duo-s{font-size:11px;color:var(--fg-3);margin-top:4px}


.inp{width:100%;min-height:42px;padding:11px 13px;border-radius:var(--r-3);
     background:var(--surface);border:1px solid var(--edge);color:var(--fg);font-size:13px;
     box-shadow:inset 0 1px 2px rgba(16,24,40,.05);
     transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}
.inp:hover{border-color:var(--edge-2)}










textarea.inp{font:inherit;font-size:13px;line-height:1.5;resize:none;overflow:hidden;
             display:block}













.note-txt{font-size:12.5px;color:var(--fg);margin-top:7px;line-height:1.55;
          white-space:pre-line;overflow-wrap:anywhere}
.note-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.inp:focus{outline:none;border-color:var(--accent);background:var(--surface);
           box-shadow:inset 0 1px 2px rgba(16,24,40,.05),var(--ring)}
.inp::placeholder{color:var(--fg-3)}
.fld{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
     color:var(--fg-3);margin-bottom:5px;display:block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}














.gcols{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}
.gcols>div{min-width:0}
.gcols .fld{white-space:normal;overflow-wrap:anywhere}
@media(max-width:560px){.gcols{grid-template-columns:1fr}}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}









.grid-cargo{display:grid;grid-template-columns:minmax(110px,.8fr) 2fr;gap:9px;margin-top:9px}
@media(max-width:620px){.grid-cargo{grid-template-columns:1fr}}
.inp[type=number]{-moz-appearance:textfield;appearance:textfield}
.inp[type=number]::-webkit-outer-spin-button,
.inp[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}




.unit{position:relative}
.unit .inp{padding-right:38px}
.unit>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);
           font-size:12px;font-weight:600;color:var(--fg-3);pointer-events:none}





.dims{display:flex;align-items:center;gap:6px}
.dims .inp{flex:1 1 0;min-width:0;text-align:center;padding-left:6px;padding-right:6px;
           margin-top:0}
.dims>span{font-size:12px;font-weight:600;color:var(--fg-3);flex:0 0 auto}
.dims-u{padding-left:2px}
@media(min-width:900px){.grid4{grid-template-columns:repeat(4,1fr)}}













.btn-add{display:inline-flex;align-items:center;justify-content:center;gap:7px;
         padding:10px 18px;border:1.5px dashed var(--accent);border-radius:999px;
         background:var(--accent-soft);color:var(--accent-text);
         font-size:13px;font-weight:650;cursor:pointer;
         transition:background .16s,transform .1s}
.btn-add:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface));transform:translateY(-1px)}
.btn-add:active{transform:translateY(1px)}
.btn-add:focus-visible{outline:none;box-shadow:var(--ring)}
.btn-add svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.4;
             stroke-linecap:round;stroke-linejoin:round}

.pkg-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px}

.btn-ghost{background:transparent;border:0;color:var(--fg-3);font-size:12.5px;
           font-weight:600;cursor:pointer;padding:9px 12px;border-radius:8px;
           transition:background .14s,color .14s}
.btn-ghost:hover{color:var(--fg);background:var(--surface-2)}
.btn-ghost:focus-visible{outline:none;box-shadow:var(--ring)}


.seg-toggle{display:flex;gap:4px;padding:4px;margin-top:7px;
            background:var(--surface-2);border:1px solid var(--edge);border-radius:999px}
.seg-opt{flex:1;padding:10px 14px;border:0;border-radius:999px;background:transparent;
         color:var(--fg-2);font-size:13px;font-weight:600;cursor:pointer;
         transition:background .14s,color .14s,box-shadow .14s}
.seg-opt:hover:not([aria-pressed="true"]){color:var(--fg)}
.seg-opt[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);
         box-shadow:var(--hi-on),var(--lift-1)}
.seg-opt:active{transform:translateY(1px)}
.seg-opt:focus-visible{outline:none;box-shadow:var(--ring)}













.subbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
         gap:8px;margin-top:9px}



.subbar-g{display:flex;align-items:center;gap:8px;min-width:0}
.subbar-g .fld{margin:0 0 0 2px;white-space:nowrap}



.seg-toggle.sm{margin-top:0;flex:0 1 auto;min-width:0}
.seg-toggle.sm .seg-opt{flex:0 1 auto;padding:7px 12px;font-size:12px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:620px){


  .subbar{justify-content:flex-start}



  .subbar-g{flex:1 1 100%;flex-direction:column;align-items:stretch;gap:4px}
  .subbar-g .seg-toggle.sm{flex:1 1 auto}
  .subbar-g .seg-toggle.sm .seg-opt{flex:1 1 auto}
  .seg-toggle.sm{flex:1 1 100%}
}






















@media(max-width:620px){
  .seg-opt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #adm-sec,#adm-view{gap:2px;padding:3px}













  #adm-sec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  #adm-sec .seg-opt{flex:1 1 auto;padding:9px 6px;font-size:12px}
  #adm-view{flex:1 1 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #adm-view .seg-opt{flex:1 1 auto;padding:9px 6px;font-size:12px}


  #adm-sec,#adm-view{border-radius:16px}
}


.rnd.danger:hover{background:rgba(196,42,27,.12);border-color:transparent}
.rnd.danger:hover svg{stroke:var(--bad)}

.pkg-row{display:flex;align-items:center;gap:10px;margin-top:8px;padding:9px 12px;
         background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--r-3)}
.pkg-row .pkg-n{font-family:var(--num);font-size:12px;font-weight:700;color:var(--fg-3);
                flex:0 0 auto;font-variant-numeric:tabular-nums}
.pkg-row .pkg-d{flex:1;min-width:0;font-size:13px;font-weight:550;
                white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkg-row .pkg-x{flex:0 0 auto;width:28px;height:28px;border-radius:8px;border:0;cursor:pointer;
                background:transparent;color:var(--fg-3);display:grid;place-items:center}
.pkg-row .pkg-x:hover{background:rgba(220,59,43,.12);color:var(--bad)}
.pkg-row .pkg-x svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;
                    stroke-linecap:round;stroke-linejoin:round}
.go{position:relative;width:100%;margin-top:13px;min-height:48px;padding:13px 48px;
    border-radius:999px;
    display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;
    background:var(--accent);border:1px solid var(--accent-2);
    color:var(--accent-ink);font-size:13.5px;font-weight:600;letter-spacing:-.01em;
    box-shadow:var(--hi-on),var(--lift-1)}



.go::after{content:"";position:absolute;right:8px;top:50%;width:32px;height:32px;
    border-radius:50%;background-color:color-mix(in srgb,var(--accent-ink) 18%,transparent);
    background-image:none}
.go::after{content:"";-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h13'/><path d='m12 5 7 7-7 7'/></svg>");
    mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h13'/><path d='m12 5 7 7-7 7'/></svg>");
    background-repeat:no-repeat;background-position:center;background-size:15px;
    transform:translateY(-50%);
    transition:background-color .16s var(--ease),transform .16s var(--ease)}
.go:hover{background:var(--accent-2);box-shadow:var(--hi-on),var(--lift-2);transform:translateY(-1px)}
.go:hover::after{background-color:color-mix(in srgb,var(--accent-ink) 30%,transparent);
    transform:translateY(-50%) translateX(3px)}
.go:active::after{background-color:color-mix(in srgb,var(--accent-ink) 22%,transparent);transform:translateY(-50%)}


.go:disabled::after,.go.busy::after{display:none}
.go:active{background:var(--accent-2);transform:translateY(1px);box-shadow:var(--press)}
.go:focus-visible{outline:none;box-shadow:var(--hi-on),var(--lift-1),var(--ring)}


.go:disabled{background:var(--surface-3);border-color:var(--edge);color:var(--fg-3);
             box-shadow:none;transform:none;cursor:default}


.go.busy{background:var(--accent-2);color:var(--accent-ink);pointer-events:none;
         box-shadow:var(--hi-on),var(--lift-1)}
.go.busy::before{content:"";width:15px;height:15px;border-radius:50%;flex:0 0 15px;
         border:2px solid color-mix(in srgb,currentColor 34%,transparent);border-top-color:currentColor;
         animation:spin .7s linear infinite}
@media(prefers-reduced-motion:reduce){.go.busy::before{animation-duration:2.4s}}



.wide{display:flex;flex-direction:column;align-items:center;justify-content:center;
      text-align:center;gap:0;background:var(--surface);
      border:1px solid var(--edge);border-radius:var(--r-2);padding:14px 10px;width:100%;
      cursor:pointer;box-shadow:var(--hi),var(--lift-1)}
.wide:hover{border-color:var(--edge-2);box-shadow:var(--hi),var(--lift-2);
            transform:translateY(-1px)}
.wide:active{transform:translateY(1px);background:var(--surface-2);box-shadow:none}
.wide:focus-visible{outline:none;box-shadow:var(--hi),var(--lift-1),var(--ring)}
.wide:disabled{background:var(--surface-2);box-shadow:none;transform:none;
               color:var(--fg-3);cursor:default}
.wide-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
         background:var(--surface-3);margin-bottom:8px}
.wide-ic svg{width:19px;height:19px;stroke:var(--fg-2);fill:none;stroke-width:1.9;
             stroke-linecap:round;stroke-linejoin:round}


.wide.busy{pointer-events:none}
.wide.busy .wide-ic svg{opacity:0}
.wide.busy .wide-ic::after{content:"";position:absolute;width:18px;height:18px;
   border-radius:50%;border:2px solid var(--edge-2);border-top-color:var(--accent);
   animation:spin .7s linear infinite}
.wide-b{min-width:0}
.wide-t{display:block;font-size:12.5px;font-weight:650}
.wide-s{display:block;font-size:10.5px;color:var(--fg-3);margin-top:2px;line-height:1.35}
.wide.danger{border-color:rgba(196,42,27,.30);background:color-mix(in srgb,var(--bad) 9%,var(--surface))}
.wide.danger .wide-t{color:var(--bad)}
.wide.danger .wide-ic{background:rgba(196,42,27,.12)}
.wide.danger .wide-ic svg{stroke:var(--bad)}
.wide.danger:hover{background:color-mix(in srgb,var(--bad) 16%,var(--surface));border-color:rgba(196,42,27,.5)}
.wide.danger:focus-visible{box-shadow:var(--hi),var(--lift-1),0 0 0 3px rgba(196,42,27,.22)}






.calc-urg{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.calc-urg-s{font-size:11.5px;color:var(--fg-3);max-width:44ch;line-height:1.45}
.calc-go{display:flex;align-items:center;justify-content:space-between;gap:16px;
         margin-top:18px;padding-top:14px;border-top:1px solid var(--edge);flex-wrap:wrap}
.calc-note{font-size:11.5px;color:var(--fg-3);max-width:46ch;line-height:1.45}
.calc-go .go{width:auto;flex:0 0 auto;margin:0;padding-right:46px}
@media(max-width:620px){


  .calc-go{flex-direction:column;align-items:stretch}
  .calc-go .go{width:100%}
}


.team-foot{display:flex;margin-top:12px}



.count .f-n{font-style:normal;margin-left:6px;color:var(--fg-3);font-variant-numeric:tabular-nums}
.count .f-n:not(:empty)::before{content:"· "}
.count[aria-pressed="true"] .f-n{color:color-mix(in srgb,var(--accent-ink) 70%,transparent)}



#new-calc{flex:0 0 auto;white-space:nowrap}
html[data-tab]:not([data-tab="home"]) #new-calc{display:none}




.find-b{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r-3);
        border:1px solid var(--edge);background:var(--surface-2);color:var(--fg-3);
        font-size:12.5px;font-family:inherit;cursor:pointer;white-space:nowrap}
.find-b:hover{border-color:var(--edge-2);color:var(--fg-2)}
.find-b svg{fill:none;stroke:currentColor;stroke-width:2;flex:0 0 auto}
.find-b b{font-family:var(--num);font-size:10.5px;font-weight:600;color:var(--fg-3);
          border:1px solid var(--edge);border-radius:5px;padding:1px 5px;margin-left:2px}
@media(max-width:1100px){.find-b b{display:none}}



.list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
           flex-wrap:wrap;margin-bottom:11px}
.list-head .chips{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:720px){
  .list-head{gap:9px}


  .list-head .p-title{width:100%;font-size:17px}
  .list-head .count{font-size:11px;padding:2px 8px}
}




.chart{margin-top:10px}


.chart svg{width:100%;height:auto;display:block;overflow:visible;max-height:232px}
.chart .gr{stroke:var(--edge);stroke-width:1;stroke-dasharray:3 4}
.chart .tk{font-family:var(--num);font-size:9.5px;fill:var(--fg-3);
           font-variant-numeric:tabular-nums}
.chart .ln{fill:none;stroke:var(--fg);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.chart .ar{fill:var(--fg);opacity:.08;stroke:none}
.chart .pt{fill:var(--fg);stroke:var(--surface);stroke-width:2.5}
.chart .vl{font-family:var(--num);font-size:11.5px;font-weight:700;fill:var(--fg);
           font-variant-numeric:tabular-nums}









.card-cols{display:grid;gap:14px;margin-top:12px}
.card-main,.card-side{min-width:0}
@media(min-width:1000px){
  .card-cols{grid-template-columns:1.32fr 1fr;align-items:start}
}




.wide.pri{background:var(--accent);border-color:transparent;color:var(--accent-ink)}
.wide.pri .wide-t{color:var(--accent-ink)}
.wide.pri .wide-s{color:color-mix(in srgb,var(--accent-ink) 78%,transparent)}
.wide.pri .wide-ic{background:color-mix(in srgb,var(--accent-ink) 16%,transparent)}
.wide.pri .wide-ic svg{stroke:var(--accent-ink)}
.wide.pri:hover{background:var(--accent-2);border-color:transparent}
.wide.success{border-color:color-mix(in srgb,var(--ok) 34%,transparent);
              background:color-mix(in srgb,var(--ok) 9%,var(--surface))}
.wide.success .wide-t{color:var(--ok)}
.wide.success .wide-ic{background:rgba(23,122,65,.14)}
.wide.success .wide-ic svg{stroke:var(--ok)}
.wide.success:hover{background:color-mix(in srgb,var(--ok) 16%,var(--surface));
                    border-color:color-mix(in srgb,var(--ok) 50%,transparent)}
.wide.success:focus-visible{box-shadow:var(--hi),var(--lift-1),0 0 0 3px rgba(23,122,65,.22)}
.wide-ic{position:relative}
.chev{width:15px;height:15px;flex:0 0 15px;stroke:var(--fg-3);fill:none;stroke-width:2;
      stroke-linecap:round;stroke-linejoin:round}


.sug-w{position:relative}
.sug{position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:5px;max-height:210px;
      overflow-y:auto;background:var(--surface);border:1px solid var(--edge-2);
      border-radius:var(--r-3);box-shadow:0 18px 44px rgba(20,30,15,.16)}
.sug button{display:block;width:100%;text-align:left;padding:10px 12px;font-size:12.5px;
            background:transparent;border:0;color:var(--fg);cursor:pointer}
.sug button:hover,.sug button.on{background:var(--accent);color:var(--accent-ink)}
.sug .reg{color:var(--fg-3);font-size:11px;margin-left:6px}
.sug button.on .reg,.sug button:hover .reg{color:color-mix(in srgb,var(--accent-ink) 78%,transparent)}



.seg{display:flex;margin-top:8px;background:var(--surface-2);border:1px solid var(--edge);
     border-radius:999px;padding:4px;gap:4px;flex-wrap:wrap}
.seg-b{flex:1 1 110px;min-height:34px;display:inline-flex;align-items:center;
       justify-content:center;padding:0 12px;font-size:11.5px;cursor:pointer;border:0;
       background:transparent;color:var(--fg-2);border-radius:999px}
.seg-b[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);font-weight:600;
                            box-shadow:var(--hi-on),var(--lift-1)}
.seg-b:hover:not([aria-pressed="true"]){color:var(--fg);background:var(--surface)}
.seg-b:active{transform:translateY(1px)}
.seg-b:focus-visible{outline:none;box-shadow:var(--ring)}



.prov{margin-top:15px}
.prov-cdek{--dot:#1E9E57;--rail:rgba(30,158,87,.30)}
.prov-versta{--dot:#2A5FE8;--rail:rgba(42,95,232,.30)}
.prov-other{--dot:var(--fg-3);--rail:var(--edge-2)}
.prov-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;
        letter-spacing:-.01em;color:var(--fg)}
.prov-h .count{margin-left:2px}
.prov-dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px;background:var(--dot)}
.prov-rows{margin-top:8px;padding-left:11px;border-left:2px solid var(--rail)}








.reco{position:relative;background:var(--surface-2);color:var(--fg);
      border:1px solid var(--edge-2);border-radius:var(--r-2);padding:15px 16px;
      margin-top:13px;overflow:hidden}
.reco::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--fg)}
.reco-k{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
        color:var(--fg-3)}


.reco-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;
          flex-wrap:wrap;margin:8px 0 0}
.reco-m{min-width:0}
.reco-n{font-size:15px;font-weight:700;letter-spacing:-.02em}
.reco-p{font-family:var(--num);font-size:30px;font-weight:700;letter-spacing:-.04em;
        line-height:1;font-variant-numeric:tabular-nums}
.reco-d{font-size:11.5px;color:var(--fg-3);margin-top:3px}

.reco-go{margin-top:13px}
.reco-w{font-size:12px;line-height:1.55;margin-top:11px;padding-top:10px;
        border-top:1px solid var(--edge);color:var(--fg-2)}
.reco-w b{font-family:var(--num);font-weight:700;color:var(--fg);
          font-variant-numeric:tabular-nums}









.msg{background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--r-3);
     padding:11px 12px;margin-top:8px}
.msg-m{font-size:11px;color:var(--fg-3);font-family:var(--num);font-variant-numeric:tabular-nums}
.msg-t{font-size:12.5px;margin-top:6px;line-height:1.55;white-space:pre-line;
       word-break:break-word}
.msg-in{border-left:3px solid var(--accent)}


.msg-r{margin-left:14px;margin-top:9px;background:var(--surface);
       border-left:3px solid var(--accent)}
.msg-s{font-size:11px;color:var(--fg-3);margin-top:8px}


.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}
.pg{width:36px;height:32px;border-radius:10px;cursor:pointer;font-size:15px;
    background:var(--surface-2);border:1px solid var(--edge);color:var(--fg)}
.pg:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.pg:disabled{opacity:.3;cursor:default}
.pg-n{font-size:11px;color:var(--fg-2);font-family:var(--num);white-space:nowrap;font-variant-numeric:tabular-nums}



.kv{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:10px 0 0;
    align-items:baseline}
.kv dt{font-size:11.5px;color:var(--fg-3);white-space:nowrap}
.kv dd{margin:0;font-size:13px;font-weight:550;text-align:right;
       font-variant-numeric:tabular-nums;word-break:break-word}


.kv dd.b{color:var(--bad)} .kv dd.g{color:var(--ok)}

.sel{appearance:none;-webkit-appearance:none;padding:9px 34px 9px 13px;border-radius:999px;
     background:var(--surface-2);border:1px solid var(--edge);color:var(--fg);
     font-size:12px;font-weight:550;cursor:pointer;max-width:100%;
     background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
     background-repeat:no-repeat;background-position:right 11px center;background-size:14px}
.sel{background-color:var(--surface);box-shadow:var(--hi),var(--lift-1);min-height:38px}
.sel:hover{border-color:var(--edge-2);box-shadow:var(--hi),var(--lift-2)}
.sel:focus-visible{border-color:var(--accent);outline:none;
                   box-shadow:var(--hi),var(--lift-1),var(--ring)}


@keyframes shimmer{0%{background-position:-360px 0}100%{background-position:360px 0}}
.skel{height:58px;border-radius:14px;margin-bottom:8px;
      background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 42%,var(--surface-2) 84%);
      background-size:360px 100%;animation:shimmer 1.1s linear infinite}


.back{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px 0 11px;
      border-radius:999px;background:var(--surface);border:1px solid var(--edge);
      color:var(--fg-2);font-size:12px;font-weight:600;cursor:pointer;
      box-shadow:var(--hi),var(--lift-1)}
.back:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);
            color:var(--accent-text);box-shadow:var(--hi),var(--lift-2);transform:translateY(-1px)}
.back:active{transform:translateY(1px);box-shadow:none}
.back:focus-visible{outline:none;box-shadow:var(--hi),var(--lift-1),var(--ring)}
.back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;
          stroke-linecap:round;stroke-linejoin:round}
.card-h{margin-top:12px}
.card-t{font-size:19px;font-weight:650;letter-spacing:-.02em}


.card-s{font-size:12px;color:var(--fg-3);margin-top:4px;font-family:var(--num);
        display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.copy{border:1px solid var(--edge);background:var(--surface);border-radius:8px;
      padding:3px 9px;font-size:10.5px;font-family:var(--sans);font-weight:600;
      color:var(--fg-2);cursor:pointer;line-height:1.6}
.copy:hover{border-color:var(--edge-2);color:var(--fg)}
.copy:focus-visible{outline:none;box-shadow:var(--ring)}














.stat{display:flex;flex-direction:column;align-items:flex-start;gap:7px;
      margin-top:11px;padding:12px 13px;
      border:1px solid var(--edge);border-radius:16px;background:var(--surface-2)}
.stat-b{flex:0 0 auto;font-size:10.5px;font-weight:700;letter-spacing:.05em;
        text-transform:uppercase;padding:5px 10px;border-radius:999px;
        background:var(--surface-3);color:var(--fg-2);white-space:nowrap}
.stat.accent .stat-b{background:var(--accent-soft);color:var(--accent-text)}
.stat.ok .stat-b{background:rgba(23,122,65,.13);color:var(--ok)}


.stat.bad{border-color:color-mix(in srgb,var(--bad) 34%,transparent);background:color-mix(in srgb,var(--bad) 9%,var(--surface))}
.stat.bad .stat-b{background:rgba(196,42,27,.14);color:var(--bad)}
.stat-m{width:100%;min-width:0}
.stat-t{font-size:13.5px;font-weight:600;letter-spacing:-.01em}
.stat-s{font-size:11.5px;color:var(--fg-3);margin-top:4px;line-height:1.45;
        word-break:break-word}



.ev-day{font-size:11px;font-weight:650;color:var(--fg-3);margin:12px 0 5px}
.ev-now .row-n{font-weight:700}
.ev-now .tick{background:var(--accent)}

.ev-tag{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
        color:var(--accent-text);white-space:nowrap;flex:0 0 auto;align-self:center}


















.danger-zone{margin-top:18px;padding-top:14px;border-top:1px solid var(--edge)}
.dact{display:flex;align-items:center;gap:11px;width:100%;text-align:left;
      margin-top:8px;padding:11px 12px;border-radius:14px;
      border:1px solid var(--edge);background:var(--surface);cursor:pointer;
      transition:background .14s,border-color .14s,transform .12s}
.dact:hover{border-color:var(--edge-2);background:var(--surface-2)}
.dact:active{transform:translateY(1px)}
.dact:focus-visible{outline:none;box-shadow:var(--ring)}
.dact:disabled{opacity:.6;cursor:default;transform:none}



.dact.busy{pointer-events:none}
.dact.busy .dact-ic{position:relative}
.dact.busy .dact-ic svg{opacity:0}
.dact.busy .dact-ic::after{content:"";position:absolute;width:16px;height:16px;
   border-radius:50%;border:2px solid var(--edge-2);border-top-color:var(--bad);
   animation:spin .7s linear infinite}
.dact-ic{flex:0 0 auto;width:32px;height:32px;border-radius:10px;
         display:grid;place-items:center;background:var(--surface-3)}
.dact-ic svg{width:17px;height:17px;stroke:var(--fg-2);fill:none;stroke-width:1.9;
             stroke-linecap:round;stroke-linejoin:round}
.dact-b{min-width:0}
.dact-t{display:block;font-size:12.5px;font-weight:650}
.dact-s{display:block;font-size:11px;color:var(--fg-3);margin-top:2px;line-height:1.4}
.dact.danger{border-color:rgba(196,42,27,.30);background:color-mix(in srgb,var(--bad) 9%,var(--surface))}
.dact.danger:hover{background:color-mix(in srgb,var(--bad) 16%,var(--surface));border-color:rgba(196,42,27,.5)}
.dact.danger .dact-t{color:var(--bad)}
.dact.danger .dact-ic{background:rgba(196,42,27,.12)}
.dact.danger .dact-ic svg{stroke:var(--bad)}
.dact.danger:focus-visible{box-shadow:0 0 0 3px rgba(196,42,27,.22)}

.deal{border:1px solid var(--edge);border-radius:var(--r);padding:12px 13px;
      background:var(--surface-2);margin-top:11px}
.deal-t{font-size:13.5px;font-weight:600}
.deal-p{font-family:var(--num);font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:3px;font-variant-numeric:tabular-nums}
.deal-s{font-size:12px;color:var(--fg-2);margin-top:3px}
.deal-v{font-size:12px;margin-top:7px;font-weight:550}
.deal-v.ok{color:var(--ok)} .deal-v.warn{color:var(--warn)}
.grp{margin-top:17px;padding-top:14px;border-top:1px solid var(--edge)}
.grp-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}


.grp-k{font-size:13px;font-weight:650;letter-spacing:-.01em;color:var(--fg)}
.grp-sub{font-size:12px;color:var(--fg-2);margin-top:2px}


.f2{display:grid;gap:9px;grid-template-columns:1fr}
@media (min-width:700px){.f2{grid-template-columns:1fr 1fr}}
.grp-e{font-size:12px;color:var(--accent-text);background:none;border:0;cursor:pointer;
       padding:0;font-weight:550}
.pick{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}


.pick-g{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.pick-g>.fld{margin:0;flex:0 0 62px}
.pick-g>.pick{margin-top:0;flex:1 1 auto}
@media(max-width:620px){.pick-g>.fld{flex:1 1 100%;margin-bottom:-4px}}


.chk{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:12.5px;
     color:var(--fg-2);cursor:pointer}
.chk input{width:16px;height:16px;accent-color:var(--accent);flex:0 0 auto}


.add-f{margin-top:9px}
.pvz{max-height:230px;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:8px}
.done{text-align:center;padding:6px 0 2px}
.done-i{font-size:34px;line-height:1}
.done-t{font-size:17px;font-weight:650;margin-top:7px}
.fold{margin-top:11px}
.fold summary{font-size:11.5px;color:var(--fg-2);cursor:pointer;list-style:none;
              padding:9px 12px;background:var(--surface-2);border:1px solid var(--edge);
              border-radius:var(--r-3)}
.fold summary::-webkit-details-marker{display:none}




.fold>summary::before{content:"▸ ";color:var(--fg-3)}
.fold[open]>summary::before{content:"▾ "}










#gate{position:fixed;inset:0;max-width:none;margin:0;display:flex;align-items:center;
      justify-content:center;padding:20px;background:var(--bg);overflow:auto;z-index:100}
.wall{position:relative;max-width:392px;width:100%;padding:28px 26px;text-align:center;
      background:var(--surface);border:1px solid var(--edge);border-radius:var(--r);
      box-shadow:var(--shadow)}
.wall-m{width:46px;height:46px;border-radius:15px;margin:0 auto 14px;display:grid;
        place-items:center;background:var(--accent);color:var(--accent-ink)}
.wall-m svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;
            stroke-linecap:round;stroke-linejoin:round}
.wall-t{margin:0;font-size:26px;line-height:1.1;font-weight:800;letter-spacing:-.035em;
        color:var(--fg)}
.wall-lead{font-size:13px;color:var(--fg-2);line-height:1.5;margin:8px 0 0}
.wall-b{margin-top:18px;width:100%;padding:12px 16px;border-radius:var(--r-2);cursor:pointer;
        font-size:14px;font-weight:700;font-family:inherit;background:var(--accent);
        border:1px solid transparent;color:var(--accent-ink)}
.wall-b:hover{background:var(--accent-2)}
.wall-b:focus-visible{outline:none;box-shadow:var(--ring)}


.wall-step{margin-top:14px;padding:13px;border-radius:var(--r-2);background:var(--surface-2);
           border:1px solid var(--edge);text-align:left}
.wall-s{font-size:12px;color:var(--fg-3);line-height:1.5;margin:0}
.wall-step .wall-s + .wall-s{margin-top:9px}
.wall-l{display:inline-block;margin-top:9px;font-size:11.5px;color:var(--accent-text);
        text-decoration:none;border-bottom:1px dashed var(--edge-2)}


.wall-warn{margin:14px 0 0;padding:11px 13px;border-radius:var(--r-2);text-align:left;
           font-size:11.5px;line-height:1.45;color:var(--fg-2);
           background:color-mix(in srgb,var(--warn) 12%,transparent);
           box-shadow:inset 3px 0 0 var(--warn)}
.cmd{display:flex;gap:8px;align-items:center;margin-top:9px;padding:8px 9px;
     background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-3)}
.cmd code{flex:1;min-width:0;font-family:var(--num);font-size:12px;color:var(--fg);
          overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;
          font-variant-numeric:tabular-nums}
.cmd-c{flex:0 0 auto;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:11px;
       font-family:inherit;background:var(--accent);border:0;color:var(--accent-ink)}
.cmd-c:hover{filter:brightness(1.12)}




.check{margin-top:9px;padding:11px 12px;border-radius:var(--r-3);font-family:var(--num);
       font-size:28px;font-weight:700;letter-spacing:.2em;text-indent:.2em;
       text-align:center;color:var(--fg);background:var(--surface);
       border:1px solid var(--edge-2);font-variant-numeric:tabular-nums}






.cfm-box{width:min(420px,100%);padding:16px 16px 14px}



.cfm-txt{margin-top:8px;white-space:pre-line;min-height:0;overflow-y:auto}
.cfm-act{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.cfm-act .btn-ghost{width:100%}




.cwait{margin-top:10px;display:grid;gap:7px}
.cwait-r{display:flex;align-items:baseline;gap:9px;font-size:12.5px;color:var(--fg-2)}
.cwait-r::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dot,var(--fg-3));
                 flex:0 0 auto;align-self:center}
.cwait-n{font-weight:600;color:var(--fg)}



.cwait-r.wait::before,.cwait-r.off::before{opacity:.35}
.cwait-note{margin:2px 0 0;font-size:12px;color:var(--fg-2)}


.cc-sel{padding:4px 8px;font-size:13px;width:auto;max-width:100%;min-width:0}


.cc-list{display:grid;gap:2px;margin-top:10px}
.cc-r{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--edge)}
.cc-n{flex:1;min-width:0;font-size:13.5px;overflow-wrap:anywhere}
.cc-a{display:flex;gap:4px;flex:0 0 auto}
@media (max-width:560px){ .cc-r{flex-wrap:wrap} .cc-a{width:100%;justify-content:flex-end} }

.empty{padding:22px 18px;border:1px dashed var(--edge-2);border-radius:14px;text-align:center}
.empty-t{font-size:15px;font-weight:650}
.empty-s{margin:6px auto 0;max-width:460px;font-size:13px;line-height:1.45;color:var(--fg-2)}
.empty-a{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.empty-a .go.sm{width:auto;margin:0;padding:10px 18px;font-size:13.5px}


.hint{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:4px;
      border-radius:50%;border:1px solid var(--edge-2);background:transparent;
      color:var(--fg-2);font-weight:600;font-size:10px;line-height:1;cursor:pointer;
      vertical-align:1px;padding:0}
.hint[aria-expanded="true"]{background:var(--surface-3);color:var(--fg)}
.tile-hint{font-size:12px;line-height:1.4;color:var(--fg-2);margin:4px 0 2px;text-transform:none;
           letter-spacing:0;font-weight:400}

.tile-note{margin:6px 2px 0;font-size:12px;color:var(--fg-2)}




.acts-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px;margin-top:7px}
.acts-more .wide{min-height:0;padding-top:9px;padding-bottom:9px}


@media (min-width:621px){ .card-acts{flex-wrap:nowrap!important} }
.wide.more{flex:0 0 120px!important;width:120px;min-width:0!important}
.wide.more[aria-expanded="true"]{background:var(--surface-2)}



.acts-side{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0 4px}
.acts-side .wide{flex:1 1 180px;margin:0!important;min-width:0!important;flex-direction:row;
                 justify-content:flex-start;gap:10px;padding:9px 12px;text-align:left}
.acts-side .wide-ic{width:30px;height:30px;flex:0 0 30px;margin:0}
.acts-side .wide-b{display:grid;gap:1px}



.su-list{display:grid;gap:0;margin-top:10px;border-top:1px solid var(--edge)}
.su-r{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--edge)}
.su-m{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;
      font-size:12px;font-weight:700;background:var(--surface-2);color:var(--fg-2)}
.su-ok .su-m{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.su-warn .su-m{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--fg)}
.su-fail .su-m{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}
.su-b{flex:1;min-width:0;display:grid;gap:1px}
.su-t{font-size:13.5px;font-weight:600}
.su-d{font-size:12.5px;color:var(--fg-2);overflow-wrap:anywhere}
.su-k{flex:0 0 auto;font-size:11px;color:var(--fg-2);padding-top:3px}
.su-chat{margin-top:8px;font-size:13px;overflow-wrap:anywhere}
.su-topics{margin:4px 0 0;padding-left:18px;color:var(--fg-2)}
.su-env{margin:8px 0;padding:10px 12px;border-radius:10px;background:var(--surface-2);
        font-size:12.5px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}


#dt-setup code,.su-env{font-family:inherit;font-variant-numeric:tabular-nums}
@media (max-width:560px){ .su-k{display:none} }


.cwait-f{display:flex;align-items:baseline;gap:6px;font-size:12px;color:var(--fg-2)}
.cwait-t{font-family:var(--num);font-variant-numeric:tabular-nums;color:var(--fg-2)}

.cwait-b{height:2px;border-radius:2px;background:var(--surface-3);overflow:hidden}
.cwait-b i{display:block;height:100%;width:38%;border-radius:2px;background:var(--accent);
           animation:cwait-run 1.5s var(--ease) infinite}
@keyframes cwait-run{0%{transform:translateX(-100%)}100%{transform:translateX(320%)}}
@media (prefers-reduced-motion:reduce){
  .cwait-b i{animation:none;width:100%;opacity:.5}
}