/* =====================================================================
   «Обзор», «Обязательства», «Настройки» — новый вид (октябрь 2026).
   Всё внутри .ovx, чтобы не задеть остальные страницы.
   ===================================================================== */
.ovx{container-type:inline-size;container-name:ovx;min-width:0;
  --ink:#1C1C1E; --ink-2:#3A3A44; --mut:#595969; --mut-2:#7A7A8E;
  --plum:#1D1C4C; --plum-2:#292771; --rose:#4F4CA8;
  --card:#FFFFFF; --wash:#F3F3F6; --wash-2:#EAEAEF;
  --line:#E5E5EB; --line-2:#D6D6DC;
  --bar:#B9B7D9; --cost:#D9D8EF;
  --red:#C2413A; --red-w:#FBECEB; --red-bd:#EFC4C1;
  --amber:#8A5A10; --amber-ic:#C98A2E; --amber-w:#FDF5E7; --amber-bd:#F0D9A8;
  --green:#2E7D52; --green-w:#EDF6F0; --green-bd:#C6E3D0;
  --sh:0 1px 1px rgba(29,28,76,.03),0 18px 36px -28px rgba(29,28,76,.38);
  --f-ui:'Inter','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-num:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-family:var(--f-ui);color:var(--ink);font-size:14px;line-height:1.45}
.ovx *{box-sizing:border-box}
.ovx button{box-shadow:none;font-family:inherit;min-height:0}
.ovx button:focus-visible,.ovx a:focus-visible,.ovx select:focus-visible,.ovx input:focus-visible{outline:2px solid var(--plum-2);outline-offset:2px}
.ovx .num{font-family:var(--f-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.ovx a.lnk,.ovx a.btn2{cursor:pointer;text-decoration-line:underline}
.ovx a.btn2{text-decoration:none;display:inline-flex;align-items:center}
.ovx .stepper button{padding:0}
.ovx .card{-webkit-backdrop-filter:none;backdrop-filter:none}
.ovx table.pt{background:none;border:0;border-radius:0;box-shadow:none;border-collapse:collapse;overflow:visible}
.ovx .pt th{background:none}
.ovx .pt tbody tr:hover td{background:rgba(103,99,201,.04)}
.ovx .pt tbody tr.tot:hover td{background:none}
.ovx .empty{padding:40px 0;color:var(--mut);text-align:center}
.ovx .seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--wash-2)}
.ovx .seg button{border:0;background:transparent;border-radius:9px;padding:7px 13px;font-size:13.5px;color:var(--mut);white-space:nowrap}
.ovx .seg button:hover{color:var(--ink)}
.ovx .seg button.on{background:#fff;color:var(--plum);font-weight:600;box-shadow:0 6px 14px -8px rgba(29,28,76,.5)}
.ovx .dz{display:flex;flex-direction:column;gap:14px}
.ovx .card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 22px;box-shadow:var(--sh);min-width:0}
.ovx .card-h{display:flex;align-items:flex-start;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;margin-bottom:14px}
.ovx .card-h h2{margin:0;font-size:15.5px;font-weight:600;letter-spacing:-.005em;text-wrap:balance}
.ovx .card-h p{margin:3px 0 0;font-size:12.5px;color:var(--mut);max-width:62ch}
.ovx .lnk{font-size:13px;color:var(--plum-2);white-space:nowrap;text-decoration:underline;text-decoration-color:rgba(41,39,113,.3);text-underline-offset:3px}
.ovx .mut{color:var(--mut)}
.ovx .up-good{color:var(--green)}
.ovx .up-bad{color:var(--red)}
.ovx .flat{color:var(--mut)}
.ovx .pos{color:var(--green)}
.ovx .neg{color:var(--red)}
.ovx .ctl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.ovx .stepper{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--line-2);border-radius:13px;padding:3px}
.ovx .stepper button{width:38px;height:38px;border:0;background:transparent;border-radius:10px;font-size:20px;line-height:1;color:var(--plum)}
.ovx .stepper button:hover{background:var(--wash)}
.ovx .stepper button:disabled{opacity:.25;cursor:default;background:transparent}
.ovx .stepper b{font-weight:600;font-size:15px;min-width:150px;text-align:center;white-space:nowrap;padding:0 4px}
.ovx .cmp{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut)}
.ovx .cmp select{border:1px solid var(--line-2);background:#fff;border-radius:11px;padding:8px 30px 8px 11px;font-size:13.5px;color:var(--ink);
  appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);
  background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.ovx .fresh{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mut);background:rgba(255,255,255,.7);
  border:1px solid var(--line);border-radius:999px;padding:6px 12px;white-space:nowrap}
.ovx .fresh i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(46,125,82,.15)}
.ovx .ctl-cap{margin:-4px 0 0;font-size:12.5px;color:var(--mut)}
.ovx .cmpbox{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ovx .sw{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line-2);background:#fff;border-radius:12px;padding:8px 12px 8px 9px;font-size:13.5px;color:var(--ink-2)}
.ovx .sw i{position:relative;width:34px;height:20px;border-radius:999px;background:var(--line-2);flex:none;transition:background .2s}
.ovx .sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(24,24,28,.3);transition:transform .2s}
.ovx .sw[aria-checked="true"] i{background:var(--plum-2)}
.ovx .sw[aria-checked="true"] i::after{transform:translateX(14px)}
@media (prefers-reduced-motion:reduce){
.ovx .sw i,.ovx .sw i::after{transition:none}
}
.ovx .hero{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:start;padding:20px 24px;
  background:var(--t-bg);border-color:var(--t-bd)}
.ovx .hero.t-bad{--t-bg:var(--red-w);--t-bd:var(--red-bd);--t-ic:var(--red);--t-l:var(--red)}
.ovx .hero.t-warn{--t-bg:var(--amber-w);--t-bd:var(--amber-bd);--t-ic:var(--amber-ic);--t-l:var(--amber)}
.ovx .hero.t-good{--t-bg:var(--green-w);--t-bd:var(--green-bd);--t-ic:var(--green);--t-l:var(--green)}
.ovx .hero.t-mut{--t-bg:#fff;--t-bd:var(--line);--t-ic:var(--mut-2);--t-l:var(--mut)}
.ovx .hero-ic{width:44px;height:44px;border-radius:50%;background:var(--t-ic);display:flex;align-items:center;justify-content:center}
.ovx .hero-ic svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ovx .hero-l{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t-l);margin-bottom:6px}
.ovx .hero-main{margin:0;font-size:clamp(19px,2.6cqi,26px);line-height:1.3;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
.ovx .hero-sub{margin:8px 0 0;font-size:15px;line-height:1.55;color:#454551;max-width:70ch}
.ovx .hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ovx .pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.75);
  border:1px solid rgba(29,28,76,.1);color:var(--ink-2);white-space:nowrap}
.ovx .prog{width:120px;height:5px;border-radius:3px;background:rgba(29,28,76,.1);overflow:hidden}
.ovx .prog i{display:block;height:100%;background:var(--t-ic);border-radius:3px}
.ovx .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ovx .tile{padding:16px 18px 12px;display:flex;flex-direction:column;gap:4px;position:relative}
.ovx .tile.alert{border-color:var(--red-bd);background:linear-gradient(180deg,#FFF8F7,#fff 60%)}
.ovx .t-top{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;margin-bottom:4px;min-width:0}
.ovx .t-ic{width:30px;height:30px;border-radius:10px;background:var(--wash-2);display:flex;align-items:center;justify-content:center;flex:none}
.ovx .t-ic svg{width:16px;height:16px;stroke:var(--plum-2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ovx .tile.alert .t-ic{background:var(--red-w)}
.ovx .tile.alert .t-ic svg{stroke:var(--red)}
.ovx .t-l{font-size:13px;font-weight:500;color:var(--ink-2)}
.ovx .t-chip{margin-left:auto;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--wash-2);color:var(--mut);white-space:nowrap}
.ovx .tile.alert .t-chip{background:var(--red);color:#fff}
.ovx .t-v{font-family:var(--f-num);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(20px,2.7cqi,28px);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.ovx .tile.alert .t-v{color:var(--red)}
.ovx .t-d{font-size:12.5px}
.ovx .t-d b{font-weight:600}
.ovx .t-2{font-size:12.5px;color:var(--mut);min-height:18px}
.ovx .t-2 .num{color:var(--ink-2)}
.ovx .spark{margin-top:auto;padding-top:6px;min-width:0}
.ovx .spark svg{display:block;width:100%;height:38px}
.ovx .spark-c{display:flex;justify-content:space-between;font-size:10.5px;color:var(--mut-2);margin-top:1px}
.ovx .grid{display:grid;gap:14px;grid-template-columns:minmax(0,1.72fr) minmax(0,1fr);
  grid-template-areas:"chart cash" "fall attn" "prod ads"}
.ovx .a-chart{grid-area:chart}
.ovx .a-cash{grid-area:cash}
.ovx .a-fall{grid-area:fall}
.ovx .a-attn{grid-area:attn}
.ovx .a-prod{grid-area:prod}
.ovx .a-ads{grid-area:ads}
.ovx .legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--mut)}
.ovx .legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.ovx .chart-w{position:relative}
.ovx .chart-w svg{display:block;width:100%}
.ovx .chart-w text{font-family:var(--f-num);font-size:10.5px;fill:var(--mut-2)}
.ovx .chart-w text.pl{font-family:var(--f-ui);font-size:11.5px;fill:var(--mut);font-weight:500}
.ovx .tip{position:absolute;pointer-events:none;z-index:5;min-width:184px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;
  box-shadow:0 18px 36px -16px rgba(24,24,28,.35);font-size:12.5px}
.ovx .tip h4{margin:0 0 6px;font-size:12.5px;font-weight:600}
.ovx .tip div{display:flex;justify-content:space-between;gap:14px;padding:1px 0}
.ovx .tip div span{color:var(--mut)}
.ovx .chart-f{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:12.5px;color:var(--mut)}
.ovx .chart-f b{font-weight:600;color:var(--ink)}
.ovx .cash-v{font-family:var(--f-num);font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;margin:2px 0 4px}
.ovx .cash-l{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column}
.ovx .cash-l li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}
.ovx .cash-l li span{color:var(--ink-2)}
.ovx .cash-l li small{display:block;color:var(--mut);font-size:12px}
.ovx .cash-l li.tot{font-weight:600}
.ovx .cash-l li.tot span{color:var(--ink)}
.ovx .note{font-size:12.5px;color:var(--mut);margin:12px 0 0;line-height:1.5}
.ovx .ph{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--wash);font-size:12.5px;color:var(--mut)}
.ovx .wf{display:flex;flex-direction:column}
.ovx .wf-r{display:grid;grid-template-columns:minmax(118px,1.1fr) minmax(0,1.6fr) 64px 96px 60px;gap:12px;align-items:center;padding:6px 0;font-size:13.5px}
.ovx .wf-r.sub{font-weight:600;border-top:1px solid var(--line);padding-top:9px;margin-top:3px}
.ovx .wf-h + .wf-r.sub{border-top:0;margin-top:0;padding-top:6px}
.ovx .wf-l small{display:block;font-weight:400;font-size:11.5px;color:var(--mut)}
.ovx .wf-t{position:relative;height:16px;border-radius:4px;background:linear-gradient(90deg,var(--wash) 0,var(--wash) 100%)}
.ovx .wf-t i{position:absolute;top:0;bottom:0;border-radius:4px;background:var(--cost)}
.ovx .wf-r.sub .wf-t i{background:var(--plum-2)}
.ovx .wf-r.sub.neg-r .wf-t i{background:var(--red)}
.ovx .wf-t u{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--mut-2)}
.ovx .wf-p,.ovx .wf-v,.ovx .wf-c{text-align:right}
.ovx .wf-v{color:var(--mut);font-size:12.5px}
.ovx .wf-c{color:var(--mut-2);font-size:12px}
.ovx .wf.nocmp .wf-r{grid-template-columns:minmax(118px,1.1fr) minmax(0,1.6fr) 64px 96px}
.ovx .wf-h{font-size:11.5px;color:var(--mut-2);font-weight:500;padding-bottom:2px}
.ovx .wf-h span{text-align:right}
.ovx .at{display:flex;flex-direction:column;gap:10px}
.ovx .at-i{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:12px 14px;border-radius:14px;background:var(--wash);border:1px solid transparent}
.ovx .at-i.red{background:var(--red-w);border-color:var(--red-bd)}
.ovx .at-i.amber{background:var(--amber-w);border-color:var(--amber-bd)}
.ovx .at-ic{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mut-2)}
.ovx .at-i.red .at-ic{background:var(--red)}
.ovx .at-i.amber .at-ic{background:var(--amber-ic)}
.ovx .at-ic svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ovx .at-t{font-weight:600;font-size:14px;line-height:1.35}
.ovx .at-s{font-size:13px;color:#4A4A56;margin-top:3px;line-height:1.5}
.ovx .at-a{margin-top:6px}
.ovx .ok{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;background:var(--green-w);color:var(--green);font-weight:500}
.ovx .pt-w{overflow-x:auto}
.ovx .pt th:first-child,.ovx .pt td:first-child{padding-left:0}
.ovx .pt th:last-child,.ovx .pt td:last-child{padding-right:0}
.ovx table.pt{width:100%;border-collapse:collapse;font-size:13.5px}
.ovx .pt th{font-size:11.5px;font-weight:500;color:var(--mut);text-align:right;padding:0 8px 8px;white-space:nowrap;border-bottom:1px solid var(--line)}
.ovx .pt th:first-child{text-align:left}
.ovx .pt th button{border:0;background:none;padding:2px 0;color:inherit;font-size:inherit}
.ovx .pt th button.on{color:var(--plum);font-weight:600}
.ovx .pt th button.on::after{content:" ↓"}
.ovx .pt th button.on.asc::after{content:" ↑"}
.ovx .pt td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}
.ovx .pt td:first-child{text-align:left;min-width:150px}
.ovx .pt tr:last-child td{border-bottom:0}
.ovx .pt tr.tot td{font-weight:600;border-top:1px solid var(--line-2);border-bottom:0}
.ovx .pt .nm{font-weight:500;line-height:1.3}
.ovx .pt .nm small{display:block;font-weight:400;color:var(--mut);font-size:11.5px;margin-top:2px}
.ovx .pt .nm small.xs{display:none}
.ovx .pt td small{display:block;color:var(--mut);font-size:11.5px;font-weight:400}
.ovx .hot{color:var(--red);font-weight:600}
.ovx .pt-f{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.ovx .btn2{border:1px solid var(--line-2);background:#fff;border-radius:11px;padding:7px 13px;font-size:13px;color:var(--plum)}
.ovx .btn2:hover{background:var(--wash)}
.ovx details.fold>summary{list-style:none;cursor:pointer}
.ovx details.fold>summary::-webkit-details-marker{display:none}
.ovx details.fold>summary .chev{display:none}
.ovx .ch{display:flex;flex-direction:column}
.ovx .ch-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:11px 0;border-top:1px solid var(--line)}
.ovx .ch-r:first-child{border-top:0;padding-top:2px}
.ovx .ch-n{font-weight:500;font-size:14px}
.ovx .ch-n small{display:block;font-weight:400;font-size:12px;color:var(--mut)}
.ovx .ch-v{text-align:right;font-weight:600}
.ovx .ch-v small{display:block;font-weight:400;font-size:12px}
.ovx .ch-b{grid-column:1/-1;height:7px;border-radius:4px;background:var(--wash-2);overflow:hidden}
.ovx .ch-b i{display:block;height:100%;border-radius:4px;background:var(--rose)}
.ovx .ch-t{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line-2);font-weight:600}
@keyframes rise{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.ovx .swap .t-v,.ovx .swap .hero-main,.ovx .swap .cash-v{animation:rise .32s ease-out}
@media (prefers-reduced-motion:reduce){
.ovx .swap .t-v,.ovx .swap .hero-main,.ovx .swap .cash-v{animation:none}
}
@container ovx (max-width:860px){
.ovx .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.ovx .t-v{font-size:clamp(22px,4.2cqi,28px)}
}
@container ovx (max-width:900px){
.ovx .grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"chart chart" "cash attn" "fall fall" "prod prod" "ads ads"}
}
@container ovx (max-width:640px){
.ovx .dz{gap:12px}
.ovx .card{padding:16px;border-radius:18px}
.ovx .grid{gap:12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"chart" "attn" "cash" "fall" "prod" "ads"}
.ovx .tiles{gap:10px}
.ovx .tile{padding:13px 13px 10px}
.ovx .t-top{gap:7px}
.ovx .t-ic{width:26px;height:26px;border-radius:8px}
.ovx .t-l{font-size:12.5px}
.ovx .t-chip{display:none}
.ovx .t-v{font-size:clamp(17px,5.4cqi,22px)}
.ovx .t-d,.ovx .t-2{font-size:11.5px}
.ovx .t-2{white-space:normal}
.ovx .spark svg{height:30px}
.ovx .hero{grid-template-columns:36px minmax(0,1fr);padding:16px;gap:12px}
.ovx .hero-ic{width:36px;height:36px}
.ovx .hero-ic svg{width:18px;height:18px}
.ovx .hero-side{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.ovx .hero-main{font-size:19px}
.ovx .hero-sub{font-size:14px}
.ovx .stepper{flex:1 1 100%;justify-content:space-between}
.ovx .stepper b{min-width:0}
.ovx .ctl .seg{flex:1 1 100%}
.ovx .ctl .seg button{flex:1}
.ovx .cmpbox{flex:1 1 100%}
.ovx .cmp{flex:1 1 auto}
.ovx .cmp select{flex:1;min-width:0}
.ovx .fresh{margin-left:0}
.ovx .wf-r,.ovx .wf.nocmp .wf-r{grid-template-columns:minmax(96px,1fr) minmax(0,1.1fr) 56px;gap:8px}
.ovx .wf-v,.ovx .wf-c,.ovx .wf-h .h-v,.ovx .wf-h .h-c{display:none}
.ovx .pt .md{display:none}
.ovx .pt .nm small.xs{display:block}
.ovx .pt .nm small.md{display:none}
.ovx .pt td:first-child{min-width:120px}
.ovx details.fold>summary .chev{display:inline-block;transition:transform .2s}
.ovx details.fold[open]>summary .chev{transform:rotate(180deg)}
.ovx .cash-v{font-size:26px}
}
.ovx .mv{display:flex;flex-direction:column;gap:14px}
.ovx .mv-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--wash);color:var(--mut);font-size:13.5px}
.ovx .mv-note svg{width:18px;height:18px;flex:none;stroke:var(--mut);fill:none;stroke-width:1.8;margin-top:1px}
.ovx .mv ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-2)}
.ovx .mv .shared{font-size:12.5px;color:var(--mut)}
.ovx .found{padding:12px 14px;border-radius:12px;border:1px dashed var(--rose);background:#F9F9FB;font-size:14px}
.ovx .ob-hero .hero-main{font-size:clamp(19px,2.6cqi,26px)}
.ovx [hidden]{display:none!important}
.ovx .tl{position:relative;height:100px;margin:6px 8px 0}
.ovx .tl-line{position:absolute;left:0;right:0;top:44px;height:4px;border-radius:2px;background:var(--wash-2)}
.ovx .tl-m{position:absolute;top:40px;width:1px;height:12px;background:var(--line-2)}
.ovx .tl-m span{position:absolute;top:40px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--mut-2);white-space:nowrap}
.ovx .tl-p{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}
.ovx .tl-p b{font-size:12px;white-space:nowrap;background:#fff;border:1px solid var(--line-2);border-radius:8px;padding:2px 7px}
.ovx .tl-p i{width:14px;height:14px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line-2);margin-top:15px}
.ovx .tl-p.below{top:39px;flex-direction:column-reverse}
.ovx .tl-p.below i{margin-top:0}
.ovx .tl-p.now{transform:none;align-items:flex-start}
.ovx .tl-p.red i{background:var(--red)}
.ovx .tl-p.amber i{background:var(--amber-ic)}
.ovx .tl-p.now i{background:var(--plum-2)}
.ovx .tl-p.now b{background:var(--plum-2);color:#fff;border-color:var(--plum-2)}
.ovx .ob{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ovx .ob-c{display:flex;flex-direction:column;gap:6px}
.ovx .ob-top{display:flex;align-items:center;gap:10px}
.ovx .ob-top .t-ic{background:var(--wash-2)}
.ovx .ob-n{font-weight:600;font-size:15px}
.ovx .ob-w{font-size:12.5px;color:var(--mut)}
.ovx .ob-v{font-family:var(--f-num);font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;margin-top:4px}
.ovx .ob-d{font-size:13px;color:var(--ink-2)}
.ovx .ob-d b{font-weight:600}
.ovx .ob-bar{height:7px;border-radius:4px;background:var(--wash-2);overflow:hidden;margin-top:4px}
.ovx .ob-bar i{display:block;height:100%;background:var(--plum-2)}
.ovx .ob-f{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ovx .chipx{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.ovx .chipx.red{background:var(--red-w);color:var(--red)}
.ovx .chipx.amber{background:var(--amber-w);color:var(--amber)}
.ovx .chipx.mut{background:var(--wash-2);color:var(--mut)}
.ovx .ob-tot{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
.ovx .ob-tot div{font-size:14px;color:var(--ink-2)}
.ovx .ob-tot b{font-family:var(--f-num);font-size:20px}
.ovx .set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ovx .set-r{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:6px 16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.ovx .set-r:first-of-type{border-top:0;padding-top:2px}
.ovx .set-r label{font-weight:500;font-size:14px}
.ovx .set-r small{grid-column:1;font-size:12.5px;color:var(--mut);line-height:1.45}
.ovx .set-r .inp{grid-row:1/span 2;grid-column:2;display:flex;align-items:center;border:1px solid var(--line-2);border-radius:11px;background:#fff;padding:0 10px;height:40px}
.ovx .set-r .inp:focus-within{border-color:var(--rose);box-shadow:0 0 0 3px rgba(79,76,168,.15)}
.ovx .set-r input{border:0;outline:0;width:100%;font:inherit;font-family:var(--f-num);font-size:14px;text-align:right;background:transparent;color:var(--ink);min-width:0}
.ovx .set-r .u{color:var(--mut);font-size:13px;padding-left:6px;white-space:nowrap}
.ovx .set-f{display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap}
.ovx .btn1{border:0;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#39368E,#1D1C4C);box-shadow:0 10px 20px -12px rgba(29,28,76,.75)}
@container ovx (max-width:700px){
.ovx .ob,.ovx .set{grid-template-columns:minmax(0,1fr)}
}
@container ovx (max-width:480px){
.ovx .set-r{grid-template-columns:minmax(0,1fr) 120px}
.ovx .ob-v{font-size:22px}
.ovx .tl-p b{font-size:11px}
}
.ovx .mnav a{position:relative}
.ovx .mdot{position:absolute;top:6px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:var(--red);border:2px solid #fff}
.ovx .sh-bg{position:fixed;inset:0;background:rgba(24,24,28,.22);z-index:54}
.ovx .sheet{position:fixed;left:0;right:0;bottom:0;z-index:55;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -30px 60px -30px rgba(24,24,28,.5);
  padding:8px max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));max-height:75vh;overflow-y:auto;animation:shup .22s ease-out}
.ovx .sheet.framed{left:50%;right:auto;width:390px;max-width:100%;transform:translateX(-50%);animation:none}
@keyframes shup{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){
.ovx .sheet{animation:none}
}
.ovx .sh-grip{width:40px;height:5px;border-radius:3px;background:var(--line-2);margin:4px auto 10px}
.ovx .sh-list{display:flex;flex-direction:column}
.ovx .sh-list a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 4px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;cursor:pointer}
.ovx .sh-list a:first-child{border-top:0}
.ovx .sh-list a.on .sh-n{color:var(--plum);font-weight:600}
.ovx .sh-ic{width:38px;height:38px;border-radius:12px;background:var(--wash-2);display:flex;align-items:center;justify-content:center}
.ovx .sh-ic svg{width:19px;height:19px;stroke:var(--plum-2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ovx .sh-n{font-size:15px;font-weight:500}
.ovx .sh-s{display:block;font-size:12px;color:var(--mut);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ovx .sh-list .bdg{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
.ovx .sh-list .dot{width:8px;height:8px;border-radius:50%;background:var(--red)}
.ovx .osearch{display:flex;gap:8px;margin-bottom:14px}
.ovx .osearch .tb-search{flex:1;width:auto;display:flex}

/* ===== «Реклама › Каналы и ДРР» ===== */
.ovx .ads-grid{grid-template-columns:minmax(0,1.72fr) minmax(0,1fr);grid-template-areas:"chart todo" "prod prod" "fun meta"}
.ovx .a-todo{grid-area:todo}
.ovx .a-prod{grid-area:prod}
.ovx .a-fun{grid-area:fun}
.ovx .a-meta{grid-area:meta}
.ovx .chsum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.ovx .chsum div{display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--wash)}
.ovx .chsum i{width:10px;height:10px;border-radius:3px;grid-row:1/span 3;align-self:start;margin-top:4px}
.ovx .chsum span{font-size:12.5px;color:var(--mut)}
.ovx .chsum b{font-size:15px;font-weight:600}
.ovx .chsum small{font-size:11.5px;color:var(--mut)}
.ovx .tip .sw2{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:0}
.ovx .tip .tsum{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
.ovx .chart-w text.ceil{fill:#C2413A;font-family:var(--f-ui);font-size:10.5px}
.ovx .chipx.green{background:var(--green-w);color:var(--green)}
.ovx .ads-t td,.ovx .ads-t th{white-space:nowrap;padding-left:6px;padding-right:6px}
.ovx .ads-t td:first-child{min-width:128px}
.ovx .ads-t td:first-child{white-space:normal}
.ovx .ads-t td small{display:block;color:var(--mut);font-size:11.5px}
.ovx .pcards{display:none}
.ovx .pc{border:1px solid var(--line);border-radius:14px;padding:12px}
.ovx .pc-h{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:10px}
.ovx .pc-h b{font-size:14px;font-weight:600;line-height:1.3}
.ovx .pc-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}
.ovx .pc-g span{display:flex;flex-direction:column;gap:1px;font-size:11.5px;color:var(--mut);min-width:0}
.ovx .pc-g b{font-size:13.5px;color:var(--ink);font-weight:600}
.ovx .fn{display:flex;flex-direction:column}
.ovx .fn-s{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:baseline;padding:10px 14px;border-radius:12px;background:var(--wash)}
.ovx .fn-s span{font-size:13.5px;color:var(--ink-2)}
.ovx .fn-s b{font-size:18px;font-weight:600;letter-spacing:-.01em;text-align:right}
.ovx .fn-s small{grid-column:1/-1;font-size:12px;color:var(--mut)}
.ovx .fn-a{display:flex;gap:10px;align-items:baseline;padding:5px 14px;font-size:12.5px;color:var(--mut)}
.ovx .fn-a b{color:var(--plum-2);font-weight:600}
.ovx .fn-a b::before{content:"↓ "}
.ovx .fn-a small{font-size:11.5px;color:var(--mut-2)}
.ovx .mg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ovx .mg div{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:var(--wash);min-width:0}
.ovx .mg span{font-size:12.5px;color:var(--mut)}
.ovx .mg b{font-size:18px;font-weight:600;letter-spacing:-.01em}
.ovx .mg small{font-size:11.5px;color:var(--mut)}
@container ovx (max-width:900px){
.ovx .ads-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"todo todo" "chart chart" "prod prod" "fun meta"}
}
@container ovx (max-width:640px){
.ovx .ads-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"todo" "chart" "prod" "fun" "meta"}
.ovx .chsum{grid-template-columns:minmax(0,1fr)}
.ovx .a-prod .pt-w{display:none}
.ovx .pcards{display:flex;flex-direction:column;gap:10px}
.ovx .mg b{font-size:16px}
}

/* ===== «Продажи › Товары» (октябрь 2026) ===== */
.ovx .pr-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"chart todo" "prod prod" "det det"}
.ovx .a-todo{grid-area:todo}.ovx .a-prod{grid-area:prod}.ovx .a-det{grid-area:det}
.ovx .legend .lg-t{width:3px;height:14px;border-radius:2px;background:#1D1C4C;opacity:.55;vertical-align:-3px}
.ovx .chart-w text.nm{font-family:var(--f-ui);font-size:12.5px;fill:var(--ink-2)}
.ovx .chart-w text.v{font-family:var(--f-num);font-size:11.5px;fill:var(--ink-2);font-weight:500}
.ovx .chart-w text.v.n{fill:var(--red)}
.ovx #barW .hit{cursor:pointer}
.ovx .bridge{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.ovx .bridge div{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:12px;background:var(--wash);min-width:0}
.ovx .bridge span{font-size:12px;color:var(--mut)}
.ovx .bridge b{font-size:14.5px;font-weight:600}
.ovx .bridge small{font-size:11px;color:var(--mut)}
.ovx .bridge .tot{background:var(--wash-2)}
.ovx .at-i[data-pick]{cursor:pointer}
.ovx .at-i[data-pick]:hover{filter:brightness(.985)}
.ovx .pr-t td,.ovx .pr-t th{white-space:nowrap;padding-left:6px;padding-right:6px}
.ovx .pr-t th{white-space:normal;vertical-align:bottom;line-height:1.25}
.ovx .pr-t th button{text-align:right}
.ovx .pr-t th:first-child,.ovx .pr-t td:first-child{padding-left:10px}
.ovx .pr-t td:first-child{white-space:normal;min-width:150px}
.ovx .pr-t td small{display:block;color:var(--mut);font-size:11.5px}
.ovx .pr-t td small.neg{color:var(--red)}
.ovx .pr-t tbody tr[data-pick]{cursor:pointer}
.ovx .pr-t tbody tr[data-pick]:hover td{background:#F9F9FA}
.ovx .pr-t tbody tr.sel td{background:var(--wash-2)}
.ovx .pr-t tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--plum-2)}
.ovx .pr-t tbody tr:focus-visible{outline:2px solid var(--plum-2);outline-offset:-2px}
.ovx .pc[data-pick]{cursor:pointer}
.ovx .pc.sel{border-color:var(--plum-2);box-shadow:inset 0 0 0 1px var(--plum-2)}
/* one product */
.ovx .a-det{scroll-margin-top:12px}
.ovx .a-det .card-h h2{font-size:17px}
.ovx .pd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.ovx .pd h3{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--ink-2)}
.ovx .pd h3.h3s{margin-top:20px}
.ovx .u{display:flex;flex-direction:column}
.ovx .u-r{display:grid;grid-template-columns:minmax(118px,1fr) minmax(0,1.2fr) 96px 40px;gap:10px;align-items:center;padding:6px 0;font-size:13.5px}
.ovx .u-l small{display:block;font-size:11.5px;color:var(--mut)}
.ovx .u-b{height:14px;border-radius:4px;background:var(--wash)}
.ovx .u-b i{display:block;height:100%;border-radius:4px}
.ovx .u-v{text-align:right}
.ovx .u-p{text-align:right;font-size:12px;color:var(--mut-2)}
.ovx .u-r.pr{font-weight:600}
.ovx .u-r.tot{font-weight:600;border-top:1px solid var(--line);margin-top:4px;padding-top:9px}
.ovx .u-r.tot.good .u-v{color:var(--green)} .ovx .u-r.tot.bad .u-v{color:var(--red)}
.ovx .sim{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--wash);display:flex;flex-direction:column;gap:10px}
.ovx .sim-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px 14px;flex-wrap:wrap}
.ovx .sim-h>div{flex:1 1 220px;min-width:0}
.ovx .sim-h b{display:block;font-size:14px;font-weight:600}
.ovx .sim-p{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--mut);flex:0 1 230px;min-width:0}
.ovx .sim-p select{width:100%;border:1px solid var(--line-2);background:#fff;border-radius:11px;padding:9px 30px 9px 11px;font-size:13.5px;color:var(--ink);font-weight:500;
  appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);
  background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px;background-repeat:no-repeat;text-overflow:ellipsis}
.ovx .sim-h span{font-size:12px;color:var(--mut)}
.ovx .sim-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ovx .sim-row{row-gap:3px}
.ovx .sim-row label{flex:1 1 100%;font-size:12px;color:var(--mut)}
.ovx .sim-in{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line-2);border-radius:11px;padding:0 12px;height:40px}
.ovx .sim-in:focus-within{border-color:var(--rose);box-shadow:0 0 0 3px rgba(79,76,168,.15)}
.ovx .sim-in input{border:0;outline:0;width:100px;font:inherit;font-family:var(--f-num);font-size:15px;font-weight:600;background:transparent;color:var(--ink)}
.ovx .sim-in i{font-style:normal;color:var(--mut)}
.ovx .sim-b{display:flex;gap:8px;margin-left:auto}
.ovx .sim .btn1{padding:9px 14px;font-size:13px;border-radius:11px}
.ovx .sim .btn2{padding:9px 13px}
.ovx .sim-r{margin:0;font-size:13.5px;line-height:1.5}
.ovx .sim-k{margin:-4px 0 0;font-size:12px;color:var(--mut)}
.ovx .sim .btn2:disabled{opacity:.45;cursor:default;background:#fff}
.ovx .sim-be{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ovx .sim-be span{display:flex;flex-direction:column;gap:1px;padding:9px 12px;border-radius:12px;background:#fff;font-size:12px;color:var(--mut);min-width:0}
.ovx .sim-be b{font-size:15px;font-weight:600;color:var(--ink)}
.ovx .sim-be small{font-size:11px}
.ovx .pd-b .cash-l{margin-top:0}
.ovx .pd-b .cash-l li:first-child{border-top:0}
.ovx .pd-b .cash-l li b{text-align:right}
.ovx details.bt{margin-top:10px}
.ovx details.bt>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--plum-2);font-weight:500;padding:6px 0}
.ovx details.bt>summary::-webkit-details-marker{display:none}
.ovx details.bt>summary .chev{transition:transform .2s}
.ovx details.bt[open]>summary .chev{transform:rotate(180deg)}
.ovx .bt-t{font-size:12.5px}
.ovx .bt-t td,.ovx .bt-t th{white-space:nowrap;padding:7px 5px}
@media (prefers-reduced-motion:reduce){
.ovx details.bt>summary .chev{transition:none}
}
@container ovx (max-width:900px){

  .ovx .pr-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"chart" "todo" "prod" "det"}

}
@container ovx (max-width:760px){

  .ovx .pd{grid-template-columns:minmax(0,1fr);gap:18px}

}
@container ovx (max-width:640px){

  .ovx .bridge{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ovx .a-prod .pt-w{display:none}
  .ovx .pcards{display:flex;flex-direction:column;gap:10px}
  .ovx .u-r{grid-template-columns:minmax(96px,1fr) minmax(0,.9fr) 86px;gap:8px}
  .ovx .u-p{display:none}
  .ovx .sim{padding:12px}
  .ovx .sim-row label{flex:1 1 100%}
  .ovx .sim-p{flex:1 1 100%}
  .ovx .sim-in{flex:1 1 100%}
  .ovx .sim-in input{width:100%}
  .ovx .sim-b{margin-left:0;flex:1 1 100%}
  .ovx .sim-b button{flex:1}
  .ovx .a-det .card-h h2{font-size:16px}

}

.ovx .sim-p .dd-btn{width:100%;padding:9px 9px 9px 11px;font-weight:500}

/* ===== «Продажи › Заказы» (октябрь 2026) ===== */
.ovx .or-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"chart todo" "prod prod"}
.ovx .a-todo{grid-area:todo}.ovx .a-prod{grid-area:prod}
.ovx .bridge{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.ovx .bridge.b5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ovx .bridge div{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:12px;background:var(--wash);min-width:0}
.ovx .bridge span{font-size:12px;color:var(--mut)}
.ovx .bridge b{font-size:14.5px;font-weight:600}
.ovx .bridge small{font-size:11px;color:var(--mut)}
.ovx .bridge .tot{background:var(--wash-2)}
.ovx .at-i[data-filter]{cursor:pointer}
.ovx .at-i[data-filter]:hover{filter:brightness(.985)}
.ovx .lnk2{border:0;background:none;padding:6px 0 0;font-size:12.5px;color:var(--plum-2);text-decoration:underline;text-decoration-color:rgba(41,39,113,.35);text-underline-offset:3px;cursor:pointer;font-weight:500}
.ovx .oid{border:0;background:none;padding:0;font:inherit;font-family:var(--f-num);font-variant-numeric:tabular-nums;color:var(--plum-2);text-decoration:underline;text-decoration-color:rgba(41,39,113,.35);text-underline-offset:3px;cursor:pointer}
.ovx .osrch{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:0 12px;height:40px;width:220px;max-width:100%;cursor:text}
.ovx .osrch:focus-within{border-color:var(--rose);box-shadow:0 0 0 3px rgba(79,76,168,.15)}
.ovx .osrch svg{width:17px;height:17px;flex:none;stroke:var(--mut);fill:none;stroke-width:2;stroke-linecap:round}
.ovx .osrch input{border:0;outline:0;background:transparent;width:100%;min-width:0;font:inherit;font-size:14px;color:var(--ink);font-family:var(--f-num)}
.ovx .fchips{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 12px}
.ovx .fchips button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:6px 11px;font-size:13px;color:var(--ink-2)}
.ovx .fchips button b{font-size:12px;font-weight:600;color:var(--mut)}
.ovx .fchips button:hover{border-color:var(--mut-2)}
.ovx .fchips button.on{background:var(--plum-2);border-color:var(--plum-2);color:#fff}
.ovx .fchips button.on b{color:#DCDBF2}
.ovx .else{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12.5px;color:var(--mut);margin:-4px 0 12px}
.ovx .or-t td,.ovx .or-t th{white-space:nowrap;padding-left:6px;padding-right:6px}
.ovx .or-t th{white-space:normal;vertical-align:bottom;line-height:1.25}
.ovx .or-t th button{text-align:right}
.ovx .or-t th:first-child,.ovx .or-t td:first-child{padding-left:10px;text-align:left}
.ovx .or-t th:nth-child(2),.ovx .or-t td:nth-child(2),.ovx .or-t th:nth-child(3),.ovx .or-t td:nth-child(3){text-align:left}
.ovx .or-t td.pn{white-space:normal;min-width:120px;max-width:200px;color:var(--ink-2)}
.ovx .or-t td small{display:block;color:var(--mut);font-size:11.5px}
.ovx .or-t tbody tr[data-open]{cursor:pointer}
.ovx .or-t tbody tr[data-open]:hover td{background:#F9F9FA}
.ovx .or-t tbody tr.sel td{background:var(--wash-2)}
.ovx .or-t tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--plum-2)}
.ovx .or-t tbody tr:focus-visible{outline:2px solid var(--plum-2);outline-offset:-2px}
.ovx .or-t tr.tot td:first-child{text-align:left}
.ovx .ocards{display:none}
.ovx .oc{border:1px solid var(--line);border-radius:14px;padding:12px;cursor:pointer}
.ovx .oc.sel{border-color:var(--plum-2);box-shadow:inset 0 0 0 1px var(--plum-2)}
.ovx .oc-h{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:10px}
.ovx .oc-h span{display:flex;flex-direction:column;gap:2px;min-width:0}
.ovx .oc-h b{font-size:14px;font-weight:600}
.ovx .oc-h small{font-size:12px;color:var(--mut)}
.ovx .oc-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ovx .oc-g span{display:flex;flex-direction:column;gap:1px;font-size:11.5px;color:var(--mut);min-width:0}
.ovx .oc-g b{font-size:13.5px;color:var(--ink);font-weight:600}
.ovx .more-r{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12.5px}
/* one order: side panel */
.ovx .op-bg{position:fixed;inset:0;z-index:69;background:rgba(24,24,28,.2)}
.ovx .op{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(420px,100%);background:#fff;box-shadow:-30px 0 60px -30px rgba(24,24,28,.5);
  border-radius:22px 0 0 22px;padding:calc(18px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) 20px;
  overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;outline:none;font-family:var(--f-ui);color:var(--ink);animation:opIn .2s ease-out}
@keyframes opIn{from{transform:translateX(24px);opacity:.6}to{transform:none;opacity:1}}
.ovx .op.sheet{top:auto;left:0;width:auto;max-height:88vh;border-radius:24px 24px 0 0;padding:8px max(16px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  box-shadow:0 -30px 60px -30px rgba(24,24,28,.5);animation:opUp .22s ease-out}
@keyframes opUp{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
.ovx .op-grip{display:none;width:40px;height:5px;border-radius:3px;background:var(--line-2);margin:2px auto 0;flex:none}
.ovx .op.sheet .op-grip{display:block}
.ovx .op-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ovx .op-h h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}
.ovx .op-h p{margin:3px 0 0;font-size:13px;color:var(--mut)}
.ovx .op-x{width:36px;height:36px;flex:none;border-radius:10px;border:1px solid var(--line-2);background:#fff;color:var(--mut);font-size:14px;padding:0}
.ovx .op-x:hover{background:var(--wash)}
.ovx .op-items{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:var(--wash)}
.ovx .op-items div{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.ovx .op .chipx{align-self:flex-start}
.ovx .op .cash-l{margin:0}
.ovx .op .cash-l li:first-child{border-top:0}
.ovx .op .cash-l li.tot.neg b{color:var(--red)}
.ovx .op .cash-l li.tot.pos b{color:var(--green)}
.ovx .cform{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:var(--wash)}
.ovx .cform>b{font-size:14px;font-weight:600}
.ovx .cf-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ovx .cf-g label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mut);min-width:0}
.ovx .cf-g label:first-child{grid-column:1/-1}
.ovx .cf-g input{border:1px solid var(--line-2);border-radius:11px;background:#fff;height:40px;padding:0 11px;font:inherit;font-family:var(--f-num);font-size:14px;color:var(--ink);min-width:0;width:100%}
.ovx .cf-g input:focus{outline:0;border-color:var(--rose);box-shadow:0 0 0 3px rgba(79,76,168,.15)}
.ovx .cf-g .dd-btn{width:100%;min-height:40px}
.ovx .cform .btn1{align-self:flex-start;padding:10px 18px;font-size:13.5px}
@media (prefers-reduced-motion:reduce){
.ovx .op,.ovx .op.sheet{animation:none}
}
@container ovx (max-width:900px){

  .ovx .or-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"chart" "todo" "prod"}
  .ovx .bridge.b5{grid-template-columns:repeat(3,minmax(0,1fr))}

}
@container ovx (max-width:640px){

  .ovx .bridge.b5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ovx .bridge.b5 .tot{grid-column:1/-1}
  .ovx .a-prod .pt-w{display:none}
  .ovx .ocards{display:flex;flex-direction:column;gap:10px}
  .ovx .osrch{width:100%}
  .ovx .a-prod .card-h>div{flex:1 1 100%}

}
.ovx .op-note{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);padding:12px 14px;border-radius:12px;background:var(--amber-w);border:1px solid var(--amber-bd)}
.ovx .op-cl{display:flex;flex-direction:column;gap:2px}
.ovx .op-cl>b{font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:4px}
.ovx .op-ci{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}
.ovx .op-ci small{display:block;font-size:12px;color:var(--mut)}
.ovx .op-del{border:1px solid var(--line-2);background:#fff;border-radius:9px;padding:5px 10px;font-size:12px;color:var(--mut)}
.ovx .op-del:hover{color:var(--red);border-color:var(--red-bd)}
.ovx .op-del.arm{background:var(--red);border-color:var(--red);color:#fff}


/* ===== «Ввод за день» (октябрь 2026) ===== */
.ovx .strip{display:grid;grid-template-columns:repeat(14,minmax(64px,1fr));gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}
.ovx .strip::-webkit-scrollbar{display:none}
.ovx .dy{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:8px 4px 7px;min-width:0;cursor:pointer;color:var(--ink)}
.ovx .dy small{font-size:11px;color:var(--mut)}
.ovx .dy b{font-size:13.5px;font-weight:600;white-space:nowrap}
.ovx .dy span{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--mut);white-space:nowrap}
.ovx .dy span i{width:7px;height:7px;border-radius:50%;background:var(--mut-2);flex:none}
.ovx .dy.g span i{background:var(--green)} .ovx .dy.a span i{background:var(--amber-ic)} .ovx .dy.n span i{background:var(--red)} .ovx .dy.t span i{background:#fff;box-shadow:inset 0 0 0 1.5px var(--plum-2)}
.ovx .dy.a{background:var(--amber-w);border-color:var(--amber-bd)} .ovx .dy.n{background:var(--red-w);border-color:var(--red-bd)}
.ovx .dy:hover{border-color:var(--mut-2)}
.ovx .dy.on{border-color:var(--plum-2);box-shadow:0 0 0 2px var(--plum-2) inset;background:#fff}
.ovx .in-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"files day";align-items:start}
.ovx .a-files{grid-area:files}.ovx .a-day{grid-area:day}
.ovx .fls{display:flex;flex-direction:column}
.ovx .fl{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}
.ovx .fl:first-child{border-top:0;padding-top:2px}
.ovx .fl-ic{width:34px;height:34px;border-radius:11px;background:var(--wash-2);display:flex;align-items:center;justify-content:center}
.ovx .fl.bad .fl-ic{background:var(--amber-w)}
.ovx .fl-ic svg{width:17px;height:17px;stroke:var(--plum-2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ovx .fl.bad .fl-ic svg{stroke:var(--amber-ic)}
.ovx .fl-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ovx .fl-t b{font-size:14px;font-weight:600}
.ovx .fl-s{font-size:12.5px;color:var(--mut);margin-top:2px;line-height:1.45}
.ovx .warn-t{color:var(--amber);font-weight:600}
.ovx .fl-c{display:grid;grid-template-columns:repeat(14,1fr);gap:3px;margin-top:8px;max-width:300px}
.ovx .fl-c i,.ovx .lg2 i{display:block;height:10px;border-radius:3px}
.ovx .cy{background:#7FB596} .ovx .cn{background:#E9B14F} .ovx .cf{background:#fff;box-shadow:inset 0 0 0 1.5px var(--line-2)}
.ovx .fl-l{font-size:11.5px;color:var(--mut-2);margin-top:6px;overflow-wrap:anywhere}
.ovx .fl-b{white-space:nowrap}
.ovx .drop{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;margin-top:10px;padding:16px 14px;border:1.5px dashed var(--line-2);border-radius:14px;background:var(--wash);cursor:pointer}
.ovx .drop:hover{border-color:var(--rose)}
.ovx .drop svg{width:22px;height:22px;stroke:var(--plum-2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ovx .drop b{font-size:13px;font-weight:600}
.ovx .drop small{font-size:12px;color:var(--mut);max-width:44ch}
.ovx .btn2.sm{padding:5px 10px;font-size:12.5px;border-radius:10px}
.ovx .fl .btn2.sm{margin-top:8px}
.ovx .lg2{display:flex;gap:14px;margin-top:12px;font-size:12px;color:var(--mut)}
.ovx .lg2 span{display:flex;align-items:center;gap:6px}
.ovx .lg2 i{width:16px}
.ovx .dnav{display:flex;gap:4px}
.ovx .dnav button{width:36px;height:36px;border:1px solid var(--line-2);background:#fff;border-radius:10px;font-size:18px;color:var(--plum);padding:0}
.ovx .dnav button:disabled{opacity:.3;cursor:default}
.ovx .it{border-top:1px solid var(--line)}
.ovx .it-h{display:grid;grid-template-columns:8px 30px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:0;background:none;padding:13px 0;text-align:left;cursor:pointer;color:var(--ink)}
.ovx .it-h .dot{width:8px;height:8px;border-radius:50%}
.ovx .dot.green{background:var(--green)} .ovx .dot.amber{background:var(--amber-ic)} .ovx .dot.mut{background:var(--mut-2)}
.ovx .it-ic{width:30px;height:30px;border-radius:10px;background:var(--wash-2);display:flex;align-items:center;justify-content:center}
.ovx .it-ic svg{width:16px;height:16px;stroke:var(--plum-2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ovx .it-t{display:flex;flex-direction:column;min-width:0}
.ovx .it-t b{font-size:14px;font-weight:600}
.ovx .it-t small{font-size:12.5px;color:var(--mut)}
.ovx .it-go{font-size:13px;color:var(--plum-2);font-weight:500}
.ovx .it-b{display:flex;flex-direction:column;gap:12px;padding:0 0 16px 48px}
.ovx .it-n{margin:0;font-size:12.5px;color:var(--mut);line-height:1.5}
.ovx .it-a{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ovx .it-a .btn1{padding:9px 16px;font-size:13.5px;border-radius:11px}
.ovx .lnk3{border:0;background:none;padding:6px 4px;font-size:13px;color:var(--plum-2);cursor:pointer}
.ovx .cr{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ovx .cr-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-top:1px solid var(--line);font-size:13px}
.ovx .cr-r:first-child{border-top:0}
.ovx .cr-r.ok{background:var(--green-w)}
.ovx .cr-id{font-weight:600}
.ovx .cr-p{color:var(--ink-2);min-width:0}
.ovx .cr-v{font-size:12.5px;color:var(--green);font-weight:500}
.ovx .cr-in{display:flex;gap:6px;align-items:center}
.ovx .cr-in input{width:96px;height:34px;border:1px solid var(--line-2);border-radius:9px;padding:0 9px;font:inherit;font-family:var(--f-num);font-size:13.5px;background:#fff}
.ovx .ex-l{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px}
.ovx .ex-l li{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid var(--line);font-size:13px}
.ovx .ex-l li:first-child{border-top:0}
.ovx .ex-l small{display:block;color:var(--mut);font-size:12px}
.ovx .ex-f{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,.7fr);gap:8px}
.ovx .ex-f label,.ovx .ln-f label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mut);min-width:0}
.ovx .ex-f input,.ovx .ln-f input{height:40px;border:1px solid var(--line-2);border-radius:11px;padding:0 11px;font:inherit;font-size:14px;color:var(--ink);background:#fff;min-width:0;width:100%}
.ovx .ex-f input:focus,.ovx .ln-f input:focus,.ovx .cr-in input:focus{outline:0;border-color:var(--rose);box-shadow:0 0 0 3px rgba(79,76,168,.15)}
.ovx .ex-f .dd-btn{width:100%;min-height:40px}
.ovx .chk{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ink-2)}
.ovx .chk input{width:16px;height:16px;accent-color:var(--plum-2)}
.ovx .ln-ch{display:flex;flex-wrap:wrap;gap:6px}
.ovx .ln-ch button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid var(--line-2);background:#fff;border-radius:12px;padding:8px 12px;text-align:left;cursor:pointer;color:var(--ink)}
.ovx .ln-ch button b{font-size:13px;font-weight:600}
.ovx .ln-ch button small{font-size:11.5px;color:var(--mut)}
.ovx .ln-ch button.on{border-color:var(--plum-2);box-shadow:inset 0 0 0 1px var(--plum-2);background:var(--wash)}
.ovx .ln-f{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.ovx .ln-f label{flex:0 1 220px}
.ovx .ln-f .btn2{height:40px}
.ovx .day-f{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--amber-w);color:var(--amber);margin-top:4px}
.ovx .day-f svg{width:16px;height:16px;flex:none;stroke:var(--amber-ic);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
@container ovx (max-width:1000px){

  .ovx .in-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"day" "files"}

}
@container ovx (max-width:640px){

  .ovx .strip{grid-template-columns:repeat(14,64px)}
  .ovx .it-b{padding-left:0}
  .ovx .ex-f{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ovx .ex-f label:nth-child(2){grid-column:1/-1;order:3}
  .ovx .cr-r{grid-template-columns:minmax(0,1fr) auto}
  .ovx .cr-p{grid-column:1/-1;grid-row:2}
  .ovx .fl{grid-template-columns:34px minmax(0,1fr)}
  .ovx .fl-b{grid-column:2;justify-self:start}

}
.ovx .in-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"day files"}
.ovx .in-grid.ph{grid-template-columns:minmax(0,1fr);grid-template-areas:"day"}
.ovx .lnk4{color:var(--plum-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ovx .mman{margin-top:4px;font-size:13px}
.ovx .mman>summary{cursor:pointer;color:var(--plum-2);font-weight:500;padding:6px 0}
.ovx .mman .ln-f{margin-top:6px}
.ovx .in-embed{margin-top:10px}
.ovx .ex-l li{align-items:center}
.ovx .ex-l li .op-del{margin-left:8px}
.ovx .cr-in .dd-btn{min-height:34px;padding:5px 8px 5px 10px;font-size:12.5px}

@container ovx (max-width:1000px){
.ovx .in-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"day" "files"}
}
/* ===== «Склад › Остатки» ===== */
.ovx .st-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"chart todo" "prod prod" "det det";align-items:start}
.ovx .st-grid .a-chart{grid-area:chart}.ovx .st-grid .a-todo{grid-area:todo}.ovx .st-grid .a-prod{grid-area:prod}.ovx .st-grid .a-det{grid-area:det}
.ovx .tile.warn{border-color:var(--amber-bd);background:linear-gradient(180deg,#FFFBF3,#fff 60%)}
.ovx .tile.warn .t-ic{background:var(--amber-w)}
.ovx .tile.warn .t-ic svg{stroke:var(--amber-ic)}
.ovx .tile.warn .t-v{color:var(--amber)}
.ovx .t-bar{height:6px;border-radius:3px;background:var(--wash-2);overflow:hidden;margin-top:6px}
.ovx .t-bar i{display:block;height:100%;background:var(--amber-ic);border-radius:3px}
.ovx .legend .lg-s,.ovx .legend .lg-tr{display:inline-block;width:14px;height:10px;border-radius:3px;background:var(--plum-2);opacity:.82;vertical-align:-1px}
.ovx .legend .lg-tr{background:rgba(41,39,113,.18);opacity:1;box-shadow:inset 0 0 0 1px rgba(41,39,113,.45)}
.ovx .chart-w text.ax{font-family:var(--f-ui);font-size:11px;fill:var(--mut)}
.ovx .chart-w text.lab{font-family:var(--f-ui);font-size:11px;fill:var(--amber);font-weight:500}
.ovx #cvW .hit{cursor:pointer}
.ovx .st-br{margin-top:14px}
.ovx .at .btn2.sm{margin-top:8px;padding:5px 11px;font-size:12.5px;border-radius:10px;background:#fff}
.ovx .at-i.info{background:var(--wash);border-color:var(--line)}
.ovx .at-i.info .at-ic{background:var(--plum-2)}
.ovx .at-t .num{font-weight:600}
.ovx .ok.sm{margin-top:10px;padding:10px 12px;font-size:13px;gap:9px}
.ovx .st-t small.tr-up{color:var(--green)} .ovx .st-t small.tr-dn{color:var(--amber)} .ovx .st-t small.tr-st{color:var(--red);font-weight:500} .ovx .st-t small.tr-f{color:var(--mut)}
.ovx .st-t td small.neg,.ovx .st-t td .neg{color:var(--red)}
.ovx #pjN{margin-top:8px}
@container ovx (max-width:900px){

  .ovx .st-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"chart" "todo" "prod" "det"}

}
.ovx .pd h3 small{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:11.5px;font-weight:400;color:var(--mut)}
.ovx .pd h3 small .lg-d{display:inline-block;width:16px;border-top:2px dashed var(--amber-ic)}
.ovx .st-lg{margin-top:6px}
.ovx .st-lg .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:2px}
.ovx .st-lg .dot.green{background:#2E7D52}.ovx .st-lg .dot.amber{background:#C98A2E}.ovx .st-lg .dot.red{background:#C2413A}.ovx .st-lg .dot.mut{background:#7A7A8E}
.ovx .tile.good .t-v{color:var(--green)}
.ovx .tile.good .t-ic{background:var(--green-w)}
.ovx .tile.good .t-ic svg{stroke:var(--green)}
.ovx .t-split{height:6px;border-radius:3px;background:#BBBAE6;overflow:hidden;margin-top:6px}
.ovx .t-split i{display:block;height:100%;background:var(--plum-2)}
.ovx .pc-g.pc-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ovx .st-t td small.tr-f{color:var(--mut-2)}
/* ===== «Деньги › Движение денег» ===== */
.ovx .cf-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"ah todo" "due due" "wf m" "tab tab";align-items:start}
.ovx .cf-grid .a-due{grid-area:due;min-width:0}
.ovx .due-g{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:center}
.ovx .due-tl{min-width:0}
@container ovx (min-width:900px){.ovx .cf-grid .due-g{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px}}
.ovx .cf-grid .a-wf{grid-area:wf}.ovx .cf-grid .a-todo{grid-area:todo}.ovx .cf-grid .a-m{grid-area:m}.ovx .cf-grid .a-ah{grid-area:ah}.ovx .cf-grid .a-tab{grid-area:tab}
.ovx .cwf{display:flex;flex-direction:column}
.ovx .cwf-r{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,1.3fr) 112px;gap:12px;align-items:center;padding:6px 0;font-size:13.5px}
.ovx .cwf-r.fin{font-weight:600;border-top:1px solid var(--line);margin-top:4px;padding-top:10px}
.ovx .cwf-l small{display:block;font-size:11.5px;color:var(--mut);font-weight:400}
.ovx .cwf-t{position:relative;height:16px;border-radius:4px;background:var(--wash)}
.ovx .cwf-t i{position:absolute;top:0;bottom:0;border-radius:4px}
.ovx .cwf-t i.in{background:#2E7D52;opacity:.8}
.ovx .cwf-t i.out{background:#5653AD}
.ovx .cwf-t i.buy{background:#A4A2DC}
.ovx .cwf-t i.rc{background:#7A7A8E;opacity:.6}
.ovx .cwf-t i.tot{background:var(--plum-2)}
.ovx .cwf-t i.tot.neg{background:var(--red)}
.ovx .cwf-t u{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--mut-2)}
.ovx .cwf-r b{text-align:right;font-weight:600}
.ovx .cwf-r:not(.fin) b{font-weight:500}
.ovx .ah{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ovx .ah li{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}
.ovx .ah li:first-child{border-top:0}
.ovx .ah-d{font-size:12px;color:var(--mut)}
.ovx .ah li.soon .ah-d{color:var(--ink-2);font-weight:600}
.ovx .ah li.late .ah-d{color:var(--red)}
.ovx .ah-t small,.ovx .ah li b small{display:block;font-size:11.5px;color:var(--mut);font-weight:400}
.ovx .ah li b{text-align:right;font-weight:600}
.ovx .ah li:not(.soon){opacity:.78}
.ovx .cf-sc{overflow-x:auto;margin-top:8px}
.ovx .cf-t{font-size:12.5px;min-width:900px}
.ovx .cf-t th,.ovx .cf-t td{white-space:nowrap;padding:6px 8px;text-align:right}
.ovx .cf-t th:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:1}
.ovx .cf-t tr.sub td,.ovx .cf-t tr.sub th,.ovx .cf-t tr.bal td,.ovx .cf-t tr.bal th{font-weight:600}
.ovx .cf-t td.neg{color:var(--red)}
.ovx .cf-more{margin-top:0}
@container ovx (max-width:900px){

  .ovx .cf-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"todo" "due" "ah" "wf" "m" "tab"}

}
@container ovx (max-width:640px){

  .ovx .cwf-r{grid-template-columns:minmax(100px,1fr) minmax(0,.8fr) 96px;gap:8px;font-size:13px}
  .ovx .ah li{grid-template-columns:70px minmax(0,1fr) auto;gap:8px}

}
.ovx .ah.n30 li{grid-template-columns:minmax(0,1fr) auto;opacity:1}
.ovx .ah.n30 li.tot{font-weight:600;background:var(--wash);border-radius:10px;padding:9px 10px;border-top:0;margin:4px 0}
.ovx .ah.n30 li.tot b{font-weight:600}
.ovx .ah.n30 li b{font-weight:500}
.ovx .ah-h{margin:16px 0 4px;font-size:13px;font-weight:600;color:var(--ink-2)}
/* ===== «Деньги › Юани у Lily» ===== */
.ovx .ly-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"sp ck" "tr ln" "or or";align-items:start}
.ovx .ly-grid .a-sp{grid-area:sp}.ovx .ly-grid .a-ck{grid-area:ck}.ovx .ly-grid .a-tr{grid-area:tr}.ovx .ly-grid .a-ln{grid-area:ln}.ovx .ly-grid .a-or{grid-area:or}
.ovx .ly-bars{display:flex;flex-direction:column}
.ovx .ly-b{display:grid;grid-template-columns:minmax(140px,1.1fr) minmax(0,1.2fr) 96px;gap:12px;align-items:center;padding:7px 0;font-size:13.5px}
.ovx .ly-l small{display:block;font-size:11.5px;color:var(--mut)}
.ovx .ly-t{font-size:13px}
.ovx .ly-t td,.ovx .ly-t th{white-space:nowrap;padding:7px 6px;text-align:right}
.ovx .ly-t td:first-child,.ovx .ly-t th:first-child{text-align:left}
.ovx .ly-t td small{display:block;color:var(--mut);font-size:11.5px}
.ovx .ly-t tr.flag td{background:var(--amber-w)}
.ovx .ly-t .ph{display:none}
.ovx .ly-b .ly-t{position:relative;height:14px;border-radius:4px;background:var(--wash)}
.ovx .ly-b .ly-t i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:#5653AD}
.ovx .ly-b b{text-align:right;font-weight:600}
.ovx .ly-h{margin:16px 0 6px;font-size:13px;font-weight:600;color:var(--ink-2)}
.ovx .ly-cmp{margin-top:0}
.ovx .ly-cmp li:first-child{border-top:0}
.ovx .ly-cmp li b{text-align:right;white-space:nowrap}
.ovx .a-ln .btn1{margin-top:12px;padding:10px 16px;font-size:13.5px}
.ovx .ly-ord{margin-top:0}
@container ovx (max-width:900px){

  .ovx .ly-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"ck" "sp" "ln" "tr" "or"}

}
@container ovx (max-width:640px){

  .ovx .ly-b{grid-template-columns:minmax(110px,1fr) minmax(0,.7fr) 84px;gap:8px;font-size:13px}
  .ovx .ly-t .md,.ovx .ly-t .sm{display:none}
  .ovx .ly-t .ph{display:inline}
  .ovx .ly-ord .ly-t td:nth-child(2){white-space:normal}
  .ovx .ly-t{font-size:12px}
  .ovx .ly-t td,.ovx .ly-t th{padding:6px 3px}
  .ovx .ly-t td small.num{display:none}

}
/* ===== «Отчёты › Прибыли и убытки» ===== */
.ovx .pl-r{display:flex;flex-direction:column;gap:16px}
.ovx .pl-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.ovx .pl-k .card-h{margin-bottom:6px}
.ovx .pl-k h2{display:flex;align-items:center;gap:8px}
.ovx .pl-ic{width:26px;height:26px;border-radius:8px;background:var(--wash-2);display:inline-flex;align-items:center;justify-content:center;flex:none}
.ovx .pl-ic svg{width:15px;height:15px;stroke:var(--plum-2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ovx .pl-k-v{font-family:var(--f-num);font-size:26px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:2px 0 4px}
.ovx .pl-k-v.neg{color:var(--red)}
.ovx .pl-k-s{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2);max-width:62ch}
.ovx .pl-k-s .num{white-space:nowrap}
.ovx .pl-be{margin:12px 0 2px}
.ovx .pl-be-t{position:relative;display:block;height:10px;border-radius:5px;background:var(--wash-2)}
.ovx .pl-be-t i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:#C98A2E}
.ovx .pl-be-t i.pl-ok{background:var(--green)}
.ovx .pl-be-t u{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--ink);border-radius:1px}
.ovx .pl-be-l{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:11.5px;color:var(--mut)}
.ovx .pl-cum{margin-top:10px}
.ovx .pl-cum svg{display:block;width:100%;height:auto}
.ovx .pl-cum text{font-family:var(--f-ui);font-size:10.5px;fill:var(--mut)}
.ovx .pl-rh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:12px}
.ovx .pl-rh h2{margin:0;font-size:15.5px;font-weight:600}
.ovx .pl-rh p{margin:3px 0 0;font-size:12.5px;color:var(--mut)}
.ovx .pl-ctl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ovx .pl-ctl .btn2{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.ovx .pl-ctl .btn2 svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ovx .pl-sc{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ovx .pl-t2{border-collapse:collapse;font-size:13px;font-family:var(--f-num);font-variant-numeric:tabular-nums;min-width:100%}
.ovx .pl-t2{border:0;background:transparent;overflow:visible}
.ovx .pl-t2 th,.ovx .pl-t2 td{font-size:13px;vertical-align:middle}
.ovx .pl-t2 thead th{background:#fff}
.ovx .pl-t2 th,.ovx .pl-t2 td{white-space:nowrap;padding:7px 10px;text-align:right;border-bottom:1px solid var(--line)}
.ovx .pl-t2 thead th{font-family:var(--f-ui);font-size:12px;font-weight:500;color:var(--mut);vertical-align:bottom;border-bottom:1px solid var(--line-2)}
.ovx .pl-t2 thead th small{display:block;font-size:10.5px;font-weight:400}
.ovx .pl-t2 thead th.pl-run{color:var(--plum-2)}
.ovx .pl-t2 tbody th{font-family:var(--f-ui);text-align:left;font-weight:400;color:var(--ink-2);position:sticky;left:0;background:#fff;z-index:1;min-width:190px;box-shadow:1px 0 0 var(--line)}
.ovx .pl-t2 thead th:first-child{position:sticky;left:0;background:#fff;z-index:2}
.ovx .pl-t2 th.pl-tt,.ovx .pl-t2 td:last-child{background:var(--wash);font-weight:600}
.ovx .pl-t2 tr.pl-top td,.ovx .pl-t2 tr.pl-top th{font-weight:600;color:var(--ink)}
.ovx .pl-t2 tr.pl-qty th,.ovx .pl-t2 tr.pl-qty td{font-size:12px;color:var(--mut)}
.ovx .pl-t2 tr.pl-qty th{padding-left:22px}
.ovx .pl-t2 tr.pl-sub th,.ovx .pl-t2 tr.pl-sub td{font-weight:600;color:var(--ink);background:#F9F9FA}
.ovx .pl-t2 tr.pl-sub th{background:#F9F9FA}
.ovx .pl-t2 tr.pl-tot th,.ovx .pl-t2 tr.pl-tot td{font-weight:700;color:var(--ink);border-top:2px solid var(--line-2)}
.ovx .pl-t2 tr.pl-cum th,.ovx .pl-t2 tr.pl-cum td{font-size:12px;color:var(--mut)}
.ovx .pl-t2 tr.pl-cat th{padding-left:28px;font-size:12.5px;color:var(--mut)}
.ovx .pl-t2 tr.pl-cat td{font-size:12.5px;color:var(--mut)}
.ovx .pl-t2 td.neg{color:var(--red)}
.ovx .pl-tg{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--plum-2);font-weight:500}
.ovx .pl-tg:focus-visible{outline:2px solid var(--plum-2);outline-offset:2px;border-radius:4px}
.ovx .pl-tg .chev{display:inline-block;transition:transform .2s;font-size:11px;font-style:normal}
.ovx .pl-tg[aria-expanded="true"] .chev{transform:rotate(90deg)}
.ovx .pl-foot{margin:12px 0 0;font-size:12px;color:var(--mut);line-height:1.5}
@media (prefers-reduced-motion:reduce){
.ovx .pl-tg .chev{transition:none}
}
@container ovx (max-width:900px){

  .ovx .pl-cards{grid-template-columns:minmax(0,1fr)}

}
@container ovx (max-width:640px){

  .ovx .pl-k-v{font-size:23px}
  .ovx .pl-ctl{width:100%}
  .ovx .pl-ctl .seg{flex:1 1 auto}
  .ovx .pl-ctl .seg button{flex:1}
  .ovx .pl-t2{font-size:12.5px}
  .ovx .pl-t2 th,.ovx .pl-t2 td{padding:7px 8px}
  .ovx .pl-t2 tbody th{min-width:0;max-width:138px;white-space:normal;line-height:1.3}
  .ovx .pl-t2 tr.pl-qty th{padding-left:14px}
  .ovx .pl-t2 tr.pl-cat th{padding-left:16px}

}
/* ===== «Отчёты › Баланс» ===== */
.ovx .bl-r{display:flex;flex-direction:column;gap:16px}
.ovx .bl-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"bal imp" "bal wf" "m m";align-items:start}
.ovx .bl-grid .bl-a-bal{grid-area:bal}.ovx .bl-grid .bl-a-imp{grid-area:imp}.ovx .bl-grid .bl-a-wf{grid-area:wf}.ovx .bl-grid .bl-a-m{grid-area:m}
.ovx .bl-chk{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}
.ovx .bl-chk svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ovx .bl-chk.ok{background:var(--green-w);color:var(--green);border:1px solid var(--green-bd)}
.ovx .bl-chk.bad{background:var(--red-w);color:var(--red);border:1px solid var(--red-bd)}
.ovx .bl-side+.bl-side{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.ovx .bl-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:13.5px;font-weight:600;color:var(--ink)}
.ovx .bl-h b{font-weight:600}
.ovx .bl-bar{display:flex;height:22px;border-radius:7px;overflow:hidden;background:var(--wash);gap:2px}
.ovx .bl-bar i{display:block;height:100%;min-width:3px}
.ovx .bl-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column}
.ovx .bl-list li{display:grid;grid-template-columns:12px minmax(0,1fr) auto 42px;gap:10px;align-items:baseline;padding:7px 0;font-size:13.5px;border-top:1px solid var(--line)}
.ovx .bl-list li:first-child{border-top:0}
.ovx .bl-dot{width:10px;height:10px;border-radius:3px;align-self:center}
.ovx .bl-l small{display:block;font-size:12px;color:var(--mut);line-height:1.4;margin-top:1px}
.ovx .bl-l small.bl-go{margin-top:2px}
.ovx .bl-list b{font-weight:500;text-align:right;white-space:nowrap}
.ovx .bl-list b.neg{color:var(--red)}
.ovx .bl-sh{font-size:12px;color:var(--mut);text-align:right}
.ovx .bl-list li.bl-eq{font-weight:600}
.ovx .bl-list li.bl-eq b{font-weight:700;color:var(--green)}
.ovx .bl-zero{margin:6px 0 0;font-size:12px;color:var(--mut)}
.ovx .bl-lnk{color:var(--plum-2);text-decoration:none;font-weight:500;cursor:pointer}
.ovx .bl-lnk:hover{text-decoration:underline}
.ovx .bl-at-l{margin-top:6px;font-size:12.5px}
.ovx .at-i.green{background:var(--green-w);border-color:var(--green-bd)}
.ovx .at-i.green .at-ic{background:var(--green)}
.ovx .at-i .at-t .num,.ovx .at-i .at-s .num{white-space:nowrap}
.ovx .bl-a-wf .cwf-r{grid-template-columns:minmax(140px,1.4fr) minmax(0,.7fr) 108px}
.ovx .bl-a-wf .cwf-t i.in{background:#2E7D52;opacity:.75}
.ovx .bl-a-wf .cwf-t i.bl-ok{background:#2E7D52}
.ovx .bl-a-wf .cwf-r b.neg{color:var(--red)}
@container ovx (max-width:900px){

  .ovx .bl-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"imp" "bal" "wf" "m"}

}
@container ovx (max-width:640px){

  .ovx .bl-list li{grid-template-columns:10px minmax(0,1fr) auto;gap:8px;font-size:13px}
  .ovx .bl-sh{display:none}
  .ovx .bl-a-wf .cwf-r{grid-template-columns:minmax(0,1fr) 96px;gap:8px}
  .ovx .bl-a-wf .cwf-t{display:none}
  .ovx .bl-chk{font-size:12px;padding:5px 9px}

}
/* ===== «Отчёты › Сверка с банком» ===== */
.ovx .rc-r{display:flex;flex-direction:column;gap:16px}
.ovx .rc-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"chk since" "hist dep";align-items:start}
.ovx .rc-grid .rc-a-chk{grid-area:chk}.ovx .rc-grid .rc-a-since{grid-area:since}.ovx .rc-grid .rc-a-hist{grid-area:hist}.ovx .rc-grid .rc-a-dep{grid-area:dep}
.ovx .rc-form{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);gap:10px}
.ovx .rc-f{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--mut);min-width:0}
.ovx .rc-f input{font:inherit;font-family:var(--f-num);font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:11px;padding:10px 12px;width:100%;box-sizing:border-box;min-width:0}
.ovx .rc-f input:focus{outline:2px solid var(--plum-2);outline-offset:0;border-color:transparent}
.ovx .rc-date input{font-family:var(--f-ui);font-size:14px}
.ovx .rc-note{margin-top:12px}
.ovx .rc-note input{font-family:var(--f-ui);font-size:14px}
.ovx .rc-exp{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--wash)}
.ovx .rc-exp-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;font-weight:600;color:var(--ink)}
.ovx .rc-exp-h b{font-size:17px;font-weight:600}
.ovx .rc-exp-r{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;color:var(--ink-2);margin-top:6px}
.ovx .rc-exp-r small{display:block;font-size:11.5px;color:var(--mut)}
.ovx .rc-exp-r .num{white-space:nowrap}
.ovx .rc-res{margin-top:12px}
.ovx .rc-wait{margin:0;font-size:13px;color:var(--mut)}
.ovx .rc-acts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.ovx .rc-acts .btn1:disabled{opacity:.45;cursor:not-allowed}
.ovx .rc-hint{font-size:12px;color:var(--mut)}
.ovx .rc-lnk{color:var(--plum-2);font-weight:500;cursor:pointer;text-decoration:none}
.ovx .rc-lnk:hover{text-decoration:underline}
.ovx .at-i.green{background:var(--green-w);border-color:var(--green-bd)}
.ovx .at-i.green .at-ic{background:var(--green)}
.ovx .at-i .at-s .num{white-space:nowrap}
.ovx .rc-mv{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--ink-2);padding:6px 0}
.ovx .rc-mv b{font-weight:600;color:var(--ink)}
.ovx .rc-mv-t{border-top:1px solid var(--line-2);margin-top:4px;padding-top:10px;font-weight:600;color:var(--ink)}
.ovx .rc-lines{list-style:none;margin:2px 0;padding:0}
.ovx .rc-lines li{display:grid;grid-template-columns:minmax(0,1fr) 70px 112px;gap:10px;align-items:center;padding:6px 0;font-size:13px;border-top:1px solid var(--line)}
.ovx .rc-bar{height:8px;border-radius:4px;background:var(--wash);position:relative;overflow:hidden}
.ovx .rc-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px}
.ovx .rc-bar i.in{background:#2E7D52;opacity:.75}
.ovx .rc-bar i.out{background:#5653AD}
.ovx .rc-lines b{font-weight:500;text-align:right;white-space:nowrap}
.ovx .rc-lines b.neg,.ovx .rc-dl b.neg{color:var(--ink)}
.ovx .rc-dl{list-style:none;margin:8px 0 0;padding:0}
.ovx .rc-dl li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;border-top:1px solid var(--line)}
.ovx .rc-dl li:first-child{border-top:0}
.ovx .rc-dl li b{font-weight:500;margin-left:auto;white-space:nowrap}
.ovx .rc-del{all:unset;cursor:pointer;font-size:12px;color:var(--mut);padding:2px 4px;border-radius:6px}
.ovx .rc-del:hover{color:var(--red)}
.ovx .rc-del:focus-visible{outline:2px solid var(--plum-2)}
.ovx .rc-hist{list-style:none;margin:0;padding:0}
.ovx .rc-hist li{display:grid;grid-template-columns:110px auto minmax(0,1fr);gap:4px 10px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:13px}
.ovx .rc-hist li:first-child{border-top:0}
.ovx .rc-hd{color:var(--ink-2)}
.ovx .rc-hb{text-align:right}
.ovx .rc-hb b{font-weight:500}
.ovx .rc-hb small{display:block;font-size:11.5px;color:var(--mut)}
.ovx .rc-hn{grid-column:1/-1;font-size:11.5px;color:var(--mut);line-height:1.4}
.ovx .rc-chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;justify-self:start}
.ovx .rc-chip.ok{background:var(--green-w);color:var(--green)}
.ovx .rc-chip.warn{background:var(--amber-w);color:var(--amber)}
.ovx .rc-chip.bad{background:var(--red-w);color:var(--red)}
.ovx .rc-chip.mut{background:var(--wash-2);color:var(--mut)}
.ovx .rc-dep-t{margin:0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.ovx .rc-file{cursor:pointer;display:inline-flex;align-items:center}
.ovx .rc-depf{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;margin-top:10px}
.ovx .rc-drop{border:1.5px dashed var(--line-2);border-radius:14px;padding:14px 16px;background:#FBFBFB}
.ovx .rc-drop.over{border-color:var(--plum-2);background:var(--wash)}
.ovx .rc-drop p{margin:0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.ovx .rc-drop .rc-acts{margin-top:10px}
.ovx .rc-drop .rc-priv{margin-top:8px;font-size:11.5px;color:var(--mut)}
.ovx .rc-file svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-right:6px;vertical-align:-3px}
.ovx .rc-tl{all:unset;cursor:pointer;color:var(--plum-2);font-weight:500;font-size:13px}
.ovx .rc-tl:hover{text-decoration:underline}
.ovx .rc-tl:focus-visible{outline:2px solid var(--plum-2);border-radius:4px}
.ovx .rc-err{margin-top:12px;font-size:12.5px}
.ovx .rc-files{list-style:none;margin:12px 0 0;padding:0}
.ovx .rc-fr{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.ovx .rc-fr:first-child{border-top:0}
.ovx .rc-fr b{font-weight:600;color:var(--ink)}
.ovx .rc-fr small{display:block;font-size:11.5px;color:var(--mut);margin-top:1px}
.ovx .rc-fr.off b{color:var(--mut);font-weight:500}
.ovx .rc-fi{width:24px;height:24px;flex:none;border-radius:50%;background:var(--wash-2);display:flex;align-items:center;justify-content:center}
.ovx .rc-fi svg{width:14px;height:14px;display:block;flex:none;min-width:14px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ovx .rc-fi.ok{background:var(--green)}
.ovx .rc-fi.bad{background:var(--red)}
.ovx .rc-fb{font-weight:600;white-space:nowrap}
.ovx .rc-day{margin:12px 0 0;font-size:13px;color:var(--ink-2)}
.ovx .rc-v{margin-top:12px}
.ovx .rc-h3{margin:16px 0 4px;font-size:13px;font-weight:600;color:var(--ink)}
.ovx .rc-ads{list-style:none;margin:0;padding:0}
.ovx .rc-ads li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px}
.ovx .rc-ads li:first-child{border-top:0}
.ovx .rc-ads .rc-as{color:var(--ink-2)}
.ovx .rc-ads li.warn .rc-as{color:var(--amber)}
.ovx .rc-ads li.bad .rc-as{color:var(--red)}
.ovx .rc-ads li.mut .rc-as,.ovx .rc-ads li.mut b{color:var(--mut)}
.ovx .rc-ads b{font-weight:500;white-space:nowrap}
.ovx .rc-exp+.rc-exp{margin-top:8px}
.ovx .rc-exp-r.bad{color:var(--red)}
.ovx .rc-demo{margin:14px 0 0;padding:10px 12px;border-radius:12px;background:var(--amber-w);border:1px solid var(--amber-bd);font-size:12.5px;color:var(--amber)}
.ovx .rc-man{margin-top:16px;border-top:1px solid var(--line);padding-top:6px}
.ovx .rc-man .rc-form{margin-top:8px}
@container ovx (max-width:900px){

  .ovx .rc-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"chk" "since" "dep" "hist"}

}
@container ovx (max-width:640px){

  .ovx .rc-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ovx .rc-date{grid-column:1/-1}
  .ovx .rc-depf{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ovx .rc-depf .btn2{grid-column:1/-1}
  .ovx .rc-lines li{grid-template-columns:minmax(0,1fr) 104px}
  .ovx .rc-bar{display:none}
  .ovx .rc-hist li{grid-template-columns:auto minmax(0,1fr)}
  .ovx .rc-hb{grid-column:1/-1;text-align:left}
  .ovx .rc-ads li{grid-template-columns:minmax(0,1fr) auto}
  .ovx .rc-ads .rc-as{grid-column:1/-1;grid-row:2}

}