@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@500;700&family=Onest:wght@400;500;600&family=JetBrains+Mono:wght@400;600&display=swap");
.tsr{
  --bg:#F1F4F2; --surface:#FFFFFF; --ink:#14201A; --muted:#5B6A62; --line:#D6DDD9;
  --accent:#1F55C8; --accent-soft:#E3EAFB;
  --good:#17784A; --good-soft:#E1F2E8; --warn:#A86400; --warn-soft:#FBEFD9; --bad:#B0281F; --bad-soft:#FBE4E1;
  --track:#E4E9E6;
  --f-display:"Unbounded","Onest",system-ui,sans-serif;
  --f-body:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  color-scheme:light;
}

.tsr[data-theme="dark"]{
  --bg:#0E1412; --surface:#151D1A; --ink:#E5ECE8; --muted:#93A39B; --line:#2A3631;
  --accent:#86A8FF; --accent-soft:#1B2847;
  --good:#52C68D; --good-soft:#123324; --warn:#E6A640; --warn-soft:#382811; --bad:#F2776C; --bad-soft:#3A1916;
  --track:#24302B; color-scheme:dark;}
.tsr, .tsr *{box-sizing:border-box}
.tsr{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--f-body)}
.tsr .wrap{max-width:1160px;margin:0 auto;padding-block:28px 64px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  display:flex;flex-direction:column;gap:28px}
.tsr a{color:var(--accent)}
.tsr a:focus-visible,.tsr button:focus-visible,.tsr select:focus-visible,.tsr input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tsr h1,.tsr h2{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.2}
.tsr h1{font-size:clamp(24px,4vw,36px);font-weight:700}
.tsr h2{font-size:20px;font-weight:700}
.tsr p{margin:0}
.tsr .eyebrow{font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tsr .lede{max-width:70ch;color:var(--muted)}
.tsr header{display:flex;flex-direction:column;gap:12px}
.tsr .strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.tsr .strip>div{padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.tsr .strip>div+div{border-left:1px solid var(--line)}
.tsr .strip b{font:600 22px/1.1 var(--f-mono);font-variant-numeric:tabular-nums}
.tsr .strip span{font-size:13px;color:var(--muted)}
@media (max-width:720px){.tsr .strip{grid-template-columns:repeat(2,minmax(0,1fr))}
.tsr .strip>div:nth-child(3){border-left:0}
.tsr .strip>div:nth-child(n+3){border-top:1px solid var(--line)}}
.tsr .filters{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}
.tsr .seg{display:flex;flex-wrap:wrap;gap:6px}
.tsr .seg button{font:500 13px/1 var(--f-body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:8px 12px;cursor:pointer}
.tsr .seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.tsr .seg button small{font-family:var(--f-mono);opacity:.7;margin-left:4px}
.tsr .channels{padding-bottom:12px;border-bottom:1px solid var(--line)}
.tsr .channels button{font-weight:600}
.tsr .row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:end}
.tsr .row label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);min-width:0}
.tsr select,.tsr input{font:500 14px var(--f-body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 10px;max-width:100%}
.tsr input[type=search]{width:220px}
.tsr input[type=number]{width:120px}
.tsr .check{flex-direction:row!important;align-items:center;gap:8px!important;font-size:13px!important;color:var(--ink)!important}
.tsr .legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--muted)}
.tsr .legend i{display:inline-block;vertical-align:middle;margin-right:6px}
.tsr .k-band{width:22px;height:8px;border-radius:2px;background:var(--good-soft);border:1px solid var(--good)}
.tsr .k-cur{width:3px;height:14px;background:var(--ink)}
.tsr .k-ceil{width:0;height:14px;border-left:2px dashed var(--warn)}
.tsr .k-mkt{width:3px;height:14px;background:var(--accent)}
.tsr .count{font-size:13px;color:var(--muted)}
.tsr .lots{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.tsr .lot{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.5fr) 160px;gap:8px 22px;padding:18px 20px;align-items:start}
.tsr .lot+.lot{border-top:1px solid var(--line)}
.tsr .name{display:flex;flex-direction:column;gap:6px;min-width:0}
.tsr .name h3{margin:0;font:600 16px/1.3 var(--f-body)}
.tsr .meta{font-size:13px;color:var(--muted)}
.tsr .chips{display:flex;flex-wrap:wrap;gap:5px}
.tsr .chip{font:600 10.5px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;padding:5px 7px;border-radius:4px;background:var(--track);color:var(--muted)}
.tsr .chip.A{background:var(--good-soft);color:var(--good)}
.tsr .chip.B{background:var(--accent-soft);color:var(--accent)}
.tsr .chip.wait,.tsr .chip.C{background:var(--warn-soft);color:var(--warn)}
.tsr .chip.risk,.tsr .chip.bad{background:var(--bad-soft);color:var(--bad)}
.tsr .chip.new{background:var(--ink);color:var(--bg)}
.tsr details{font-size:13px;color:var(--muted)}
.tsr details summary{cursor:pointer;color:var(--accent);width:fit-content}
.tsr details p{margin-top:6px;max-width:70ch}
.tsr .ruler{display:flex;flex-direction:column;gap:8px;min-width:0}
.tsr .bar{position:relative;height:30px}
.tsr .bar .tr{position:absolute;left:0;right:0;top:11px;height:8px;border-radius:4px;background:var(--track)}
.tsr .bar .band{position:absolute;top:11px;height:8px;background:var(--good-soft);border:1px solid var(--good);border-radius:3px}
.tsr .bar .m{position:absolute;top:4px;height:22px;width:3px;margin-left:-1.5px;border-radius:1px}
.tsr .bar .m.cur{background:var(--ink)}
.tsr .bar .m.mkt{background:var(--accent)}
.tsr .bar .m.ceil{width:0;margin-left:-1px;border-left:2px dashed var(--warn);background:none}
.tsr .figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:12px;color:var(--muted)}
.tsr .figs b{display:block;font:600 13.5px/1.3 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink)}
.tsr .figs .mk b,.tsr .figs .mk a{color:var(--accent)}
.tsr .figs .ce b{color:var(--warn)}
.tsr .side{display:flex;flex-direction:column;gap:6px;align-items:flex-end;text-align:right}
.tsr .gap{font:600 18px/1.1 var(--f-mono);font-variant-numeric:tabular-nums}
.tsr .gap.pos{color:var(--good)}
.tsr .gap.neg{color:var(--bad)}
.tsr .side small{font-size:12px;color:var(--muted)}
.tsr .side a{font:500 13px var(--f-mono)}
.tsr .nomkt{font-size:13px;color:var(--muted);padding-top:6px}
@media (max-width:860px){.tsr .lot{grid-template-columns:minmax(0,1fr)}
.tsr .side{align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap;gap:4px 14px;align-items:baseline}}
.tsr .more{align-self:center;font:600 14px var(--f-body);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:10px 20px;cursor:pointer}
.tsr .empty{padding:28px 20px;color:var(--muted)}
.tsr footer{border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px;max-width:90ch}
.tsr{border-radius:16px}
.tsr .wrap{max-width:none}

.tsr .chip.drop{background:#FBE4E1;color:#B0281F}
.tsr .tsr-admin-only{position:relative}
.tsr .tsr-admin-only::after{content:"админ";position:absolute;top:-2px;right:0;font:600 9px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}

.tsr .star{align-self:flex-end;font-size:22px;line-height:1;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;transition:transform .15s,color .15s,border-color .15s}
.tsr .star:hover{color:var(--warn);border-color:var(--warn);transform:scale(1.06)}
.tsr .star[aria-pressed="true"]{color:#E6A640;border-color:#E6A640;background:#FBEFD9}
@media (max-width:860px){.tsr .star{align-self:flex-start}}
.tsr-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#12201A;color:#E5ECE8;padding:10px 16px;border-radius:999px;font:500 14px "Onest",system-ui,sans-serif;z-index:9999;box-shadow:0 6px 24px rgba(0,0,0,.2)}