/* Кабинет компании ии-туризм.рф · v0 · визуальный язык «Объём» · агент кабинета, 09.11.2026
   Один акцент (коралл) для действий; цвета статусов только в точках и бейджах; карточки белые с мягкой глубиной; сетка 8 pt. */
@import url("/static/fonts/fonts.css");
:root{--ink:#13202A;--ink2:#44525C;--muted:#5F6C75;--coral:#C9402F;--coral-h:#B33626;--sea:#2E6577;--ok:#276B4D;--ok-soft:#E2F1EA;--warn:#8F5300;--warn-soft:#FFF3DC;--no:#A8352A;--no-soft:#FBEAE7;
 --bg:#E9EDF0;--surface:#fff;--sunk:#EFF2F4;--line:#E2E7EA;--line2:#CBD4D9;--control:#7A8791;
 --display:"Manrope",system-ui,sans-serif;--text:"Onest",system-ui,sans-serif;--r:20px;--rc:11px;--side:240px;--pad:24px;
 --t1:160ms;--t2:260ms;--t3:480ms;--ease:cubic-bezier(.2,0,0,1);
 --card-bg:linear-gradient(180deg,#FFFFFF,#FAFBFC);--card-border:1px solid rgba(255,255,255,.9);
 --shadow:0 1px 1px rgba(19,32,42,.03),0 2px 6px rgba(19,32,42,.04),0 16px 40px -16px rgba(19,32,42,.22),inset 0 1px 0 #fff;
 --shadow-h:0 1px 1px rgba(19,32,42,.03),0 4px 10px rgba(19,32,42,.05),0 28px 56px -18px rgba(19,32,42,.3),inset 0 1px 0 #fff}
*{box-sizing:border-box} html,body{margin:0;min-height:100%} body{background:var(--bg);color:var(--ink);font:400 14px/1.5 var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} button{font:inherit;color:inherit;cursor:pointer} h1,h2,h3{margin:0;font-family:var(--display);letter-spacing:-.015em;line-height:1.15} p,ul,ol,dl{margin:0} ul,ol{padding:0;list-style:none}
.cap{font:600 11px/1.3 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)} .muted{color:var(--muted)} .ink2{color:var(--ink2)} .s12{font-size:12px} .s13{font-size:13px} .num{font-variant-numeric:tabular-nums lining-nums}
.link{color:var(--sea);border-bottom:1px solid transparent;transition:border-color var(--t1)} .link:hover{border-color:currentColor}
svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none} svg.i.s{width:16px;height:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* каркас */
.app{display:grid;grid-template-columns:calc(var(--side) + 12px) minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;margin:12px 0 12px 12px;height:calc(100vh - 24px);display:flex;flex-direction:column;padding:18px 12px 12px;background:var(--surface);border-radius:22px;box-shadow:0 1px 2px rgba(19,32,42,.04),0 12px 32px -12px rgba(19,32,42,.18)}
.side .brand{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;margin-bottom:18px} .side .brand img{height:22px;display:block} .side .brand .x{display:none}
.scrim{display:none} .burger,.mlogo,.mtitle{display:none}
.nav{display:grid;gap:2px;position:relative} .nav a{position:relative;display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:var(--rc);color:var(--ink2);font-size:14px;font-weight:500;transition:background var(--t1),color var(--t1)} .nav a svg{color:var(--control)} .nav a:hover{background:var(--sunk);color:var(--ink)} .nav a.on{background:var(--sunk);color:var(--ink);font-weight:600} .nav a.on svg{color:var(--ink)}
.nav a.on::before{content:"";position:absolute;left:-12px;top:8px;width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--coral)}
.nav .c{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--sunk);color:var(--ink2);font:600 11px/20px var(--text);text-align:center} .nav a.on .c{background:var(--surface)} .nav .c.act{background:var(--coral);color:#fff}
.nav .grp{padding:16px 10px 6px}
.side .foot{margin-top:auto} .side .org{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--rc);font-size:13px;line-height:1.3} .side .org:hover{background:var(--sunk)} .side .org i{width:30px;height:30px;border-radius:8px;background:var(--ink);color:var(--surface);display:grid;place-items:center;font:700 11px var(--display);font-style:normal;flex:none} .side .org small{display:block;color:var(--muted);font-size:11.5px} .side .org .out{margin-left:auto;color:var(--control)}
.main{min-width:0;display:flex;flex-direction:column}
.hdr{position:sticky;top:0;z-index:5;min-height:64px;display:flex;align-items:center;gap:12px;padding:16px 32px 8px;background:var(--bg);border-bottom:1px solid rgba(19,32,42,.06)}
.hdr .ttl h1{font-size:20px;font-weight:700} .hdr .ttl .cap{display:none} .hdr .sp{flex:1}
.hdr .fresh{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px} .hdr .fresh i{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.ib{width:36px;height:36px;border:1px solid var(--line);border-radius:var(--rc);background:#fff;color:var(--ink2);display:grid;place-items:center;position:relative;box-shadow:0 1px 2px rgba(19,32,42,.06)} .ib:hover{background:var(--sunk)} .ib .dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 2px #fff}
.wavebox{position:relative} .wave{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 12px;border:1px solid var(--line2);border-radius:var(--rc);background:#fff;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 1px 2px rgba(19,32,42,.06)} .wave small{font-weight:400;color:var(--muted)} .wave svg{color:var(--control)}
.pop{display:none;position:absolute;right:0;top:40px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(19,32,42,.16);padding:6px;width:260px} .pop.open{display:grid;gap:2px} .pop a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--rc);font-size:13px} .pop a.on,.pop a:hover{background:var(--sunk)} .pop a small{margin-left:auto;color:var(--muted);font-size:12px}
.pg{padding:8px 32px 56px;display:grid;gap:16px;align-content:start}
.intro{font-size:15px;color:var(--ink2);max-width:80ch}
.pgfoot{margin-top:auto;padding:16px 32px 24px;font-size:12px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line)}
.flash{padding:12px 16px;border-radius:12px;background:var(--ok-soft);color:var(--ok);font-size:13.5px} .flash.warn{background:var(--warn-soft);color:var(--warn)} .flash.no{background:var(--no-soft);color:var(--no)}

/* бенто и карточки */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;grid-template-areas:"vis vis vis vis vis vis vis reg reg reg reg reg" "site site site site site page page page page serv serv serv"}
.b{min-width:0;padding:var(--pad);border-radius:var(--r);background:var(--card-bg);border:var(--card-border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;transition:transform var(--t2) var(--ease),box-shadow var(--t2)} .b.hov:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
.b-vis{grid-area:vis} .b-reg{grid-area:reg} .b-site{grid-area:site} .b-page{grid-area:page} .b-serv{grid-area:serv} .b.wide{grid-column:1 / -1}
.b.dark{--card-bg:linear-gradient(160deg,#17242E,#0F1920);--ink:#F4F7F8;--ink2:#D5DEE3;--muted:#A3B1BA;--sunk:rgba(255,255,255,.08);--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.26);--card-border:1px solid rgba(255,255,255,.08);color:var(--ink);box-shadow:0 24px 48px -20px rgba(19,32,42,.55),inset 0 1px 0 rgba(255,255,255,.08)} .b.dark .link{color:#BFE0E8} .b.dark .range .pt{border-color:#17242E}
.bh{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.big{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-family:var(--display)} .big b{font-size:72px;font-weight:800;letter-spacing:-.04em;line-height:.95} .big .of{font:400 15px/1.3 var(--text);color:var(--muted)} .big.sm b{font-size:44px}
.lead{font-size:14.5px;color:var(--ink2);max-width:60ch} .lead b{color:var(--ink)}
.b .foot{font-size:12px;color:var(--muted);line-height:1.45;margin-top:auto}
.act{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .g21{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}

/* элементы */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--rc);font:600 13px/1 var(--text);white-space:nowrap;transition:background var(--t1),border-color var(--t1),transform var(--t1),box-shadow var(--t1);text-decoration:none} .btn:active{transform:translateY(1px)}
.btn.p{background:var(--coral);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 -2px 0 rgba(0,0,0,.14) inset,0 6px 14px -6px rgba(201,64,47,.6)} .btn.p:hover{background:var(--coral-h)}
.btn.s{background:#fff;border-color:var(--line2);color:var(--ink);box-shadow:0 1px 0 #fff inset,0 -1.5px 0 rgba(19,32,42,.08) inset,0 2px 6px -2px rgba(19,32,42,.15)} .btn.s:hover{border-color:var(--control)}
.btn.t{background:transparent;color:var(--sea);padding:0 6px} .btn.d{background:transparent;color:var(--no);padding:0 6px} .btn.sm{height:30px;padding:0 10px;font-size:12.5px} .btn.big{height:48px;padding:0 22px;font-size:15px;border-radius:12px} .btn[disabled],.btn.dis{opacity:.45;pointer-events:none}
.badge{display:inline-flex;align-items:center;gap:0;height:auto;padding:0;border-radius:0;font-size:12.5px;font-weight:600;background:transparent;color:var(--ink2);white-space:nowrap} .badge i{display:none} .badge.ok{color:var(--ok)} .badge.warn{color:var(--warn)} .badge.no{color:var(--no)} .badge.live i{animation:pulse 1.6s ease-in-out infinite}
.st{display:inline-flex;align-items:center;gap:8px} .st::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--control);flex:none} .st.ok::before{background:var(--ok)} .st.no::before{background:var(--no)} .st.part::before{background:var(--warn)}
.seg{position:relative;display:inline-flex;padding:3px;border-radius:var(--rc);background:var(--sunk);isolation:isolate;max-width:100%;overflow-x:auto;scrollbar-width:none} .seg::-webkit-scrollbar{display:none} .seg button{position:relative;z-index:1;height:28px;padding:0 12px;border:0;border-radius:7px;background:transparent;font:500 12.5px/28px var(--text);color:var(--ink2);white-space:nowrap} .seg .on{color:var(--ink);font-weight:600;background:#fff;box-shadow:0 1px 2px rgba(19,32,42,.12)}
.range{position:relative;height:28px} .range .trk{position:absolute;left:0;right:0;top:12px;height:4px;border-radius:2px;background:var(--sunk)} .range .band{position:absolute;top:10px;height:8px;border-radius:4px;background:var(--line2);left:var(--a);width:var(--w);transform-origin:left;transition:transform var(--t3) var(--ease)} .range .pt{position:absolute;top:7px;width:14px;height:14px;border-radius:50%;background:var(--coral);border:2px solid #fff;box-shadow:0 0 0 1px var(--coral);left:calc(var(--x) - 7px)} .range .tk{position:absolute;top:22px;font:500 10.5px/1 var(--text);color:var(--muted);transform:translateX(-50%);white-space:nowrap} .range .tk:first-of-type{transform:none} .range .tk:last-of-type{transform:translateX(-100%)}
.chips{display:flex;gap:8px;flex-wrap:wrap} .chip{display:inline-flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:var(--rc);background:var(--sunk);font-size:12.5px;color:var(--ink2);box-shadow:inset 0 1px 2px rgba(19,32,42,.06)} .b.dark .chip{box-shadow:none} .chip b{color:var(--ink);font-weight:700} .chip small{font-size:11px;color:var(--muted)}
.bars{display:grid;gap:9px} .bar{display:grid;grid-template-columns:minmax(110px,180px) minmax(0,1fr) 72px;align-items:center;gap:12px;font-size:13px} .bar .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bar .trk{height:6px;border-radius:3px;background:var(--sunk);overflow:hidden} .bar .trk i{display:block;height:100%;border-radius:3px;background:var(--ink2);width:var(--w);transform-origin:left;transition:transform var(--t3) var(--ease)} .b.dark .bar .trk i{background:#fff} .bar .v{text-align:right;color:var(--muted)} .bar .v b{color:var(--ink)}
.grow .bar .trk i,.grow .range .band{transform:scaleX(0)} .grow.in .bar .trk i,.grow.in .range .band{transform:scaleX(1)}
.regno b{display:block;font:800 26px/1.1 var(--display);letter-spacing:-.02em} .regno span{display:block;font-size:13px;color:var(--muted);margin-top:3px}
.marks{display:grid;gap:7px;font-size:13.5px} .marks li{display:flex;align-items:center;gap:9px;color:var(--ink)} .marks li::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--ok-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B4D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat;flex:none} .marks li.off{color:var(--muted)} .marks li.off::before{background:var(--sunk) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A8791' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E") center/10px no-repeat} .marks li.bad::before{background:var(--no-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8352A' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/10px no-repeat}
.fin{display:flex;align-items:center;gap:14px;font-size:13.5px} .fin small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.ring{position:relative;width:64px;height:64px;flex:none} .ring svg{width:64px;height:64px;transform:rotate(-90deg);filter:drop-shadow(0 2px 4px rgba(201,64,47,.25))} .ring circle{fill:none;stroke:var(--sunk);stroke-width:3} .ring .val{stroke:var(--coral);stroke-dasharray:97.4;stroke-dashoffset:calc(97.4 - 97.4 * var(--p) / 100);stroke-linecap:round;transition:stroke-dashoffset var(--t3) var(--ease)} .ring.ok .val{stroke:var(--ok)} .ring b{position:absolute;inset:0;display:grid;place-items:center;font:800 18px var(--display)}
.segs{display:flex;gap:4px;height:10px} .segs i{flex:1;border-radius:4px;background:var(--line)} .segs i.ok{background:var(--ink2)} .segs i.no{background:var(--coral)}
.checks{display:grid;gap:8px;font-size:13px} .checks li{display:grid;grid-template-columns:8px minmax(0,1fr);gap:2px 10px;align-items:start} .checks li::before{content:"";grid-row:1;width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--control)} .checks li.no::before{background:var(--coral)} .checks li.ok::before{background:var(--ok)} .checks li b,.checks li small{grid-column:2} .checks b{display:block;font-weight:600} .checks small{display:block;color:var(--muted);font-size:12px}
.todo4{display:grid;gap:8px;font-size:13.5px} .todo4 li{display:flex;align-items:center;gap:10px} .todo4 li i{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--line2);flex:none} .todo4 li.done i{background:var(--ink);border-color:var(--ink)} .todo4 small{color:var(--muted);font-size:12px;margin-left:auto}
.preview{display:grid;gap:8px} .pv{padding:14px;border-radius:var(--rc);background:var(--sunk);display:grid;gap:4px;box-shadow:inset 0 1px 2px rgba(19,32,42,.06)} .pv b{font-size:14px} .pv span{font-size:12px;color:var(--muted)} .pv em{font-size:12.5px;color:var(--control);font-style:normal;margin-top:6px} .pv p{font-size:13px;color:var(--ink2);margin-top:6px}
.rows{display:grid} .row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px} .row:first-child{padding-top:0} .row:last-child{border:0;padding-bottom:0} .row .pr{width:8px;height:8px;border-radius:50%;background:var(--control)} .row .pr.hi{background:var(--coral)} .row .pr.ok{background:var(--ok)} .row .tt b{display:block;font-weight:600} .row .tt small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.serv{display:grid} .serv li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t a" "s a";gap:0 12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center;font-size:13.5px} .serv li:first-child{padding-top:0} .serv li:last-child{border:0} .serv b{grid-area:t;font-weight:600} .serv small{grid-area:s;color:var(--muted);font-size:12px} .serv svg{grid-area:a;color:var(--control)} .serv li:hover svg{color:var(--coral)}
.inc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .inc .it{padding:16px;border-radius:14px;background:var(--sunk);display:grid;gap:6px;align-content:start} .inc .it b{font-size:14.5px} .inc .it small{font-size:12.5px;color:var(--muted);line-height:1.45} .inc .it .stt{font-size:12px;color:var(--ink2);font-weight:600;margin-top:6px;padding-top:8px;border-top:1px solid rgba(19,32,42,.08)}
.pay{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .pc{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:0 1px 1px rgba(19,32,42,.03),0 8px 20px -14px rgba(19,32,42,.2)} .pc b{font-size:14.5px;line-height:1.3} .pc p{font-size:12.5px;color:var(--ink2);line-height:1.5} .pc .meta{font-size:11.5px;color:var(--muted);margin-top:auto;padding-top:6px} .pc .btn{align-self:flex-start}
table.tbl{width:100%;border-collapse:collapse;font-size:13px} .tbl th{text-align:left;font:600 11px/1.3 var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 12px 10px 0;border-bottom:1px solid var(--line)} .tbl td{padding:10px 12px 10px 0;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.4} .tbl tr:last-child td{border:0} .tbl td.n,.tbl th.n{text-align:right;padding-right:0;white-space:nowrap} .tbl td small{display:block;color:var(--muted);font-size:12px} .tbl tbody tr:hover td{background:rgba(19,32,42,.025)}
.kv{display:grid;grid-template-columns:minmax(90px,38%) minmax(0,1fr);gap:8px 16px;font-size:13.5px} .kv dt{color:var(--muted)} .kv dd{margin:0;overflow-wrap:anywhere}
.tlv{display:grid} .tlv .n{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;position:relative;padding-bottom:18px} .tlv .n:last-child{padding-bottom:0} .tlv .n::before{content:"";position:absolute;left:10px;top:26px;bottom:-2px;width:2px;background:var(--line)} .tlv .n:last-child::before{display:none} .tlv .n i{display:block;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--line2);position:relative;margin-top:-1px} .tlv .n.done i{background:var(--ink);border-color:var(--ink)} .tlv .n.done i::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff} .tlv .n.next i{border-color:var(--coral)} .tlv .n.next i::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--coral)} .tlv .n>div{min-width:0} .tlv .n b{display:block;font-size:13.5px;line-height:1.35} .tlv .n small{display:block;color:var(--muted);font-size:12px;margin-top:2px;line-height:1.4}
.quote{padding:14px 16px;border-left:3px solid var(--line2);background:var(--sunk);border-radius:0 12px 12px 0;font-size:13.5px;line-height:1.5} .quote small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.empty{display:grid;justify-items:center;text-align:center;padding:28px 16px;gap:6px} .empty i{width:48px;height:48px;border-radius:50%;background:var(--sunk);display:grid;place-items:center;color:var(--control);margin-bottom:6px} .empty b{font-size:14px} .empty p{font-size:13px;color:var(--muted);max-width:360px}
.toast{position:fixed;left:50%;bottom:24px;z-index:50;transform:translate(-50%,16px);opacity:0;pointer-events:none;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--ink);color:#fff;font-size:13px;box-shadow:0 12px 32px rgba(0,0,0,.25);transition:opacity var(--t2),transform var(--t2) var(--ease)} .toast.show{opacity:1;transform:translate(-50%,0)} .toast svg{color:#7BC9A1}

/* формы */
.f{display:grid;gap:16px} .f label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ink2)} .f label small{font-weight:400;color:var(--muted)}
.inp,textarea.inp,select.inp{height:44px;border:1px solid var(--line2);border-radius:11px;padding:0 14px;font:500 15px/1.3 var(--text);background:#fff;box-shadow:inset 0 1px 2px rgba(19,32,42,.05);color:var(--ink);width:100%} textarea.inp{height:auto;min-height:120px;padding:12px 14px;resize:vertical} .inp.code{font:600 18px/1 var(--text);letter-spacing:.06em;text-transform:uppercase}
.inp:focus{outline:0;border-color:var(--sea);box-shadow:0 0 0 4px rgba(46,101,119,.14)} .inp.err{border-color:var(--no);box-shadow:0 0 0 4px rgba(168,53,42,.12)} .err-t{font-size:12.5px;color:var(--no);font-weight:500}
.chk{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:13px;color:var(--ink2);font-weight:400;align-items:start} .chk input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink)}
.cnt{font-size:11.5px;color:var(--muted);text-align:right} .cnt.over{color:var(--no)}
.auth{min-height:100vh;display:flex;flex-direction:column} .auth .sh{display:flex;align-items:center;gap:16px;padding:14px 32px;background:#fff;box-shadow:0 1px 2px rgba(19,32,42,.04)} .auth .sh img{height:24px} .auth .sh .sp{flex:1} .auth .sh a{font-size:13.5px;color:var(--ink2)}
.auth .wrap{max-width:1080px;margin:0 auto;padding:40px 24px 64px;width:100%} .auth .hero{max-width:64ch;margin-bottom:28px} .auth .hero h1{font-size:34px;font-weight:800;letter-spacing:-.03em;margin:0 0 10px} .auth .hero p{font-size:16px;color:var(--ink2);line-height:1.5}
.auth .grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start} .auth .card{background:var(--card-bg);border:var(--card-border);border-radius:20px;padding:26px;box-shadow:var(--shadow)} .auth .sidecol .card+.card{margin-top:14px}
.steps{display:grid;gap:14px} .steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;font-size:14px;color:var(--ink2);line-height:1.5} .steps li i{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 12px var(--display);font-style:normal} .steps b{color:var(--ink)}
.stepper{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);flex-wrap:wrap;margin-bottom:18px} .stepper span{display:inline-flex;align-items:center;gap:6px} .stepper span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line2)} .stepper span.done::before{background:var(--ok)} .stepper span.on{color:var(--ink);font-weight:600} .stepper span.on::before{background:var(--coral)} .stepper em{font-style:normal;color:var(--line2)}
.cand{display:grid;gap:10px} .cand label{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;font-weight:400} .cand label:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)} .cand input{width:18px;height:18px;margin-top:2px;accent-color:var(--ink)} .cand b{display:block;font-size:14.5px} .cand small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;line-height:1.45}
.ok-mark{width:52px;height:52px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center}
.demo.ro{margin-bottom:14px} .inp:disabled,.fs:disabled .inp{background:#f1f4f6;color:var(--muted);cursor:default} .fs:disabled .chk{opacity:.6}
.demo{padding:14px 16px;border-radius:12px;background:var(--warn-soft);color:var(--warn);font-size:13.5px;line-height:1.5}

/* панель оператора */
.op .tbl td{vertical-align:middle} .op .filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .op .kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} .op .kpi .k{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line)} .op .kpi .k b{display:block;font:800 26px/1 var(--display)} .op .kpi .k span{font-size:12px;color:var(--muted)}

/* движение */
@keyframes pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}} @keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.stagger>*{opacity:0} .stagger.in>*{animation:up var(--t3) var(--ease) forwards} .stagger.in>*:nth-child(2){animation-delay:50ms} .stagger.in>*:nth-child(3){animation-delay:100ms} .stagger.in>*:nth-child(4){animation-delay:150ms} .stagger.in>*:nth-child(5){animation-delay:200ms} .stagger.in>*:nth-child(6){animation-delay:250ms}
[data-shot="1"] .stagger>*,.nojs .stagger>*{opacity:1;animation:none} [data-shot="1"] .grow .bar .trk i,[data-shot="1"] .grow .range .band,.nojs .grow .bar .trk i,.nojs .grow .range .band{transform:none}
[data-shot="1"] .app{min-height:0} [data-shot="1"] .hdr{position:static}
@media (min-width:1024px){[data-shot="1"] .side{height:auto;position:static}} [data-shot="1"] .pgfoot{margin-top:0} [data-shot="1"] .auth{min-height:0}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important} .stagger>*{opacity:1} .grow .bar .trk i,.grow .range .band{transform:none}}
.tabbar{display:none}

/* телефон и узкие экраны */
@media (max-width:1279px){.pay{grid-template-columns:repeat(3,minmax(0,1fr))} .op .kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1023px){
  .app{grid-template-columns:minmax(0,1fr)} .side{display:none}
  .hdr{padding:8px 16px;min-height:56px} .hdr .fresh,.hdr .wave small{display:none} .hdr .ttl h1{font-size:18px}
  .pg{padding:12px 16px 96px;gap:12px} .pgfoot{padding:16px 16px 104px}
  .bento,.g2,.g21,.inc,.pay{grid-template-columns:minmax(0,1fr)} .bento{grid-template-areas:"reg" "page" "vis" "site" "serv";gap:12px} .b{--pad:18px}
  .big b{font-size:60px} .intro{font-size:14px}
  .bar{grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"t v" "k k"} .bar .t{grid-area:t} .bar .v{grid-area:v} .bar .trk{grid-area:k}
  .row{grid-template-columns:auto minmax(0,1fr)} .row .btn,.row .badge,.row>form{grid-column:2;justify-self:start}
  .tbl.m2 th:nth-child(2),.tbl.m2 td:nth-child(2){display:none}
  .auth .grid{grid-template-columns:minmax(0,1fr)} .auth .wrap{padding:24px 16px 48px} .auth .hero h1{font-size:26px} .auth .sh{padding:12px 16px} .auth .card{padding:20px}
  .op .kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tabbar{position:fixed;left:0;right:0;bottom:0;z-index:6;display:grid;grid-template-columns:repeat(5,1fr);height:64px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:0 -8px 24px -12px rgba(19,32,42,.25)}
  .tabbar a{display:grid;justify-items:center;align-content:center;gap:3px;font:500 10.5px/1 var(--text);color:var(--muted);position:relative} .tabbar a.on{color:var(--ink);font-weight:600} .tabbar a.on svg{color:var(--coral)} .tabbar a .c{position:absolute;top:2px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--coral);color:#fff;font:600 10px/16px var(--text);text-align:center}
  .toast{bottom:84px}
}
/* форма черновика страницы */
.fs{border:0;padding:0;margin:0;display:grid;gap:12px} .fs legend{margin-bottom:4px} .fs legend small{text-transform:none;letter-spacing:0;font-weight:400;color:var(--muted)}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .nums label{display:grid;gap:6px;font-size:12.5px;color:var(--ink2);font-weight:600} .nums label small{font-weight:400;color:var(--muted)}
.chip-chk{padding:8px 12px;border-radius:var(--rc);background:var(--sunk);grid-template-columns:16px auto;align-items:center}
@media (max-width:1023px){.nums{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== телефон: шапка с логотипом и выезжающее меню, как в приложении ===== */
@media (max-width:1023px){
  .hdr{display:flex;align-items:center;gap:10px;padding:0 12px 0 8px;min-height:60px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
  .hdr .ttl{display:none} .burger{display:grid;border:0;box-shadow:none;background:transparent;width:40px;height:40px} .mlogo{display:flex;align-items:center;margin-right:auto} .mlogo img{height:20px;display:block} .hdr .sp{display:none}
  .mtitle{display:block;padding:14px 0 2px} .mtitle .cap{display:block;margin-bottom:2px} .mtitle h1{font-size:24px;font-weight:800;letter-spacing:-.02em}
  .side{display:flex;position:fixed;left:0;top:0;bottom:0;z-index:40;width:min(300px,86vw);height:100%;margin:0;border-radius:0 24px 24px 0;transform:translateX(-104%);transition:transform var(--t2) var(--ease);box-shadow:0 24px 60px -20px rgba(19,32,42,.45);padding:14px 12px calc(14px + env(safe-area-inset-bottom))}
  .menu-open .side{transform:none} .side .brand{height:44px;margin-bottom:12px} .side .brand .x{display:grid;border:0;box-shadow:none;background:transparent}
  .nav a{height:44px;font-size:15px} .nav a svg{width:20px;height:20px}
  .scrim{display:block;position:fixed;inset:0;z-index:39;background:rgba(19,32,42,.28);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--t2)} .menu-open .scrim{opacity:1;pointer-events:auto}
  .menu-open{overflow:hidden}
  /* нижняя панель: только в варианте data-nav="tabs" */
  .tabbar{display:none} [data-nav="tabs"] .tabbar{display:grid}
  .pg{padding-bottom:40px} [data-nav="tabs"] .pg{padding-bottom:96px} .pgfoot{padding-bottom:28px} [data-nav="tabs"] .pgfoot{padding-bottom:104px}
}

/* ===== сводка на телефоне: несколько показателей на первом экране ===== */
.msum{display:none}
@media (max-width:1023px){
  .msum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ms{position:relative;display:flex;flex-direction:column;gap:3px;min-height:104px;padding:12px 14px;border-radius:16px;background:var(--card-bg);border:var(--card-border);box-shadow:var(--shadow);color:var(--ink);min-width:0}
  .ms .cap{font-size:10.5px} .ms b{font:800 26px/1.05 var(--display);letter-spacing:-.03em;margin-top:2px} .ms b em{font:600 14px var(--text);color:var(--muted);font-style:normal} .ms b.ok{color:var(--ok);font-size:20px} .ms b.warn{color:var(--warn);font-size:20px}
  .ms small{font-size:11.5px;color:var(--muted);line-height:1.3;margin-top:auto;overflow-wrap:anywhere}
  .ms .spark,.ms .prog{display:block;height:4px;border-radius:2px;background:var(--sunk);margin-top:6px;overflow:hidden} .ms .spark em,.ms .prog em{display:block;height:100%;width:var(--w);border-radius:2px;background:var(--coral)} .ms .prog em{background:var(--ink2)}
  .ms .segs{display:flex;gap:3px;height:4px;margin-top:6px} .ms .segs u{flex:1;border-radius:2px;background:var(--line)} .ms .segs u.ok{background:var(--ink2)} .ms .segs u.no{background:var(--coral)}
  .ms-vis{--card-bg:linear-gradient(160deg,#17242E,#0F1920);--ink:#F4F7F8;--muted:#A3B1BA;--sunk:rgba(255,255,255,.1);--card-border:1px solid rgba(255,255,255,.08);color:#F4F7F8} .ms-vis .cap{color:#A3B1BA}
  /* вариант tiles: 4 плитки в ряд 2×2 компактнее, вариант stack: сводка одной тёмной полосой */
  [data-mobile="tiles"] .ms{min-height:92px;padding:10px 12px} [data-mobile="tiles"] .ms b{font-size:22px}
  [data-mobile="stack"] .msum{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)} [data-mobile="stack"] .ms{border-radius:0;border:0;box-shadow:none;min-height:88px;padding:10px 8px;--card-bg:#fff} [data-mobile="stack"] .ms b{font-size:20px;overflow-wrap:anywhere} [data-mobile="stack"] .ms b.ok,[data-mobile="stack"] .ms b.warn,[data-mobile="stack"] .ms-page b{font-size:14px;line-height:1.2;margin-top:6px} [data-mobile="stack"] .ms small{font-size:10.5px} [data-mobile="stack"] .ms-vis{--card-bg:linear-gradient(160deg,#17242E,#0F1920)} [data-mobile="stack"] .ms .spark,[data-mobile="stack"] .ms .prog,[data-mobile="stack"] .ms .segs{display:none}
  /* на телефоне ниже сводки большой блок видимости сворачивается до числа + полос, остальное по порядку */
  [data-mobile] .intro{display:none} [data-mobile] .b-vis .lead,[data-mobile] .b-vis .range,[data-mobile] .b-vis .chips{display:none} [data-mobile] .b-vis .big b{font-size:44px}
  [data-mobile="grid"] .b-vis:not(:has(.kr-top)):not(:has(.act)){display:none}
}
/* отметка-предупреждение в карточке реестра (правка ядра 09.11): исключённые компании с таким же названием */
.marks li.warn{color:var(--warn);align-items:flex-start;line-height:1.4} .marks li.warn::before{background:var(--warn-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238F5300' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E") center/10px no-repeat;flex:none;margin-top:2px}
/* ===== v1: уведомления ===== */
.feed{display:grid} .feed-day{padding:10px 0 6px} .feed-day:first-child{padding-top:0}
.nt{display:grid;grid-template-columns:36px minmax(0,1fr) 16px;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink)} .nt:last-child{border:0}
.nt-i{width:36px;height:36px;border-radius:10px;background:var(--sunk);display:grid;place-items:center;color:var(--ink2);font-style:normal} .nt.new .nt-i{background:var(--coral-soft, #FCEFEC);color:var(--coral)}
.nt-t b{display:block;font-size:14px;line-height:1.3} .nt-t small{display:block;color:var(--ink2);font-size:12.5px;line-height:1.45;margin-top:2px} .nt-m{display:block;color:var(--muted);font-size:11.5px;margin-top:4px} .nt-a{color:var(--control);margin-top:10px} .nt:hover .nt-a{color:var(--coral)}
.nt.new .nt-t b::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-left:8px;vertical-align:middle}
.chk.sw{align-items:start} .chk.sw small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:2px;line-height:1.4} .chk.sw b{font-weight:600;color:var(--ink)} .warn-t{color:var(--warn);font-style:normal}
/* ===== v1: было / стало ===== */
.cmp{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:end} .cmp-c b,.cmp-d b{display:block;font:800 40px/1 var(--display);letter-spacing:-.03em;margin:6px 0 2px} .cmp-d b em{font:600 14px var(--text);font-style:normal;margin-left:6px;color:var(--muted)} .cmp small{color:var(--muted);font-size:12.5px} .cmp-d{text-align:center;padding:0 12px;border-left:1px solid var(--line);border-right:1px solid var(--line)} .cmp.small .cmp-c b,.cmp.small .cmp-d b{font-size:28px}
.bar2{display:grid;grid-template-columns:minmax(110px,180px) minmax(0,1fr) 120px;align-items:center;gap:12px;font-size:13px} .bar2 .trk{position:relative;height:10px;border-radius:5px;background:var(--sunk);overflow:hidden} .bar2 .trk i{position:absolute;left:0;top:0;height:100%;border-radius:5px;background:var(--ink2);width:var(--w)} .b.dark .bar2 .trk i{background:#fff} .bar2 .trk i.p{background:var(--line2);height:100%} .b.dark .bar2 .trk i.p{background:rgba(255,255,255,.35)} .bar2 .v{text-align:right;color:var(--muted)} .bar2 .v b{color:var(--ink)}
.tbl tr.chg td{background:var(--warn-soft)}
@media (max-width:1023px){.cmp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .cmp-d{grid-column:1 / -1;border:0;border-top:1px solid var(--line);padding-top:10px;text-align:left} .bar2{grid-template-columns:minmax(0,1fr) 110px;grid-template-areas:"t v" "k k"} .bar2 .t{grid-area:t} .bar2 .v{grid-area:v} .bar2 .trk{grid-area:k} .nt{grid-template-columns:32px minmax(0,1fr) 16px}}
/* кнопка меню и мобильный логотип только на телефоне (перекрывает .ib) */
@media (min-width:1024px){.hdr .burger,.hdr .mlogo,.mtitle{display:none}}
/* закрытый ящик невидим и недоступен (тень не вылезает из-за края, фокус не попадает внутрь) */
@media (max-width:1023px){.side{visibility:hidden;transition:transform var(--t2) var(--ease),visibility 0s linear var(--t2)} .menu-open .side{visibility:visible;transition:transform var(--t2) var(--ease)}}

.pgnote{font-size:12.5px;color:var(--muted);line-height:1.5;max-width:90ch;padding:0 4px}
/* ===== v1: мои заявки ===== */
.rq-list{display:grid} .rq{padding:14px 0;border-bottom:1px solid var(--line);display:grid;gap:10px} .rq:first-child{padding-top:0} .rq:last-child{border:0}
.rq-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .rq-h b{display:block;font-size:14.5px} .rq-h small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.rq-steps{display:flex;gap:0;align-items:center;font-size:12px;color:var(--muted)} .rq-steps li{display:flex;align-items:center;gap:6px} .rq-steps li+li::before{content:"";width:28px;height:2px;background:var(--line);margin:0 8px} .rq-steps li i{width:10px;height:10px;border-radius:50%;background:var(--line2)} .rq-steps li.done i{background:var(--ink)} .rq-steps li.on i{background:var(--coral);box-shadow:0 0 0 3px var(--coral-soft,#FCEFEC)} .rq-steps li.on span{color:var(--ink);font-weight:600} .rq-steps li.done span{color:var(--ink2)}
.rq-note{padding:12px 14px;border-radius:12px;background:var(--sunk)} .rq-note p{font-size:13.5px;margin-top:4px;line-height:1.5}
@media (max-width:1023px){.rq-steps li+li::before{width:14px;margin:0 5px}}

.wd summary{list-style:none;cursor:pointer;display:inline-flex} .wd summary::-webkit-details-marker{display:none} .wd[open] summary{opacity:.6}

/* панель оператора с телефона (дежурный): карточки вместо таблицы, полоса показателей, решение под большим пальцем, поля 16px без масштабирования Safari */
@media (max-width:1023px){.inp{font-size:16px}}
@media (max-width:700px){
 .op .kpi{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;margin:0 -4px;scrollbar-width:none} .op .kpi::-webkit-scrollbar{display:none} .op .kpi .k{flex:0 0 150px;scroll-snap-align:start}
 .op .filters{display:grid;grid-template-columns:1fr auto;gap:8px;width:100%} .op .filters .inp{width:100%!important} .op .filters select.inp{grid-column:1/-1}
 .op .tbl.cards thead{display:none} .op .tbl.cards tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;padding:12px 0;border-bottom:1px solid var(--line)} .op .tbl.cards tr:last-child{border:0}
 .op .tbl.cards td{display:block;padding:0;border:0} .op .tbl.cards td:first-child{grid-column:1/-1} .op .tbl.cards td[data-l]::before{content:attr(data-l) ": ";color:var(--muted)}
 .op .tbl.cards td.n{grid-column:1/-1;margin-top:6px} .op .tbl.cards td.n .btn{height:44px;width:100%} .op .tbl.cards td.n .btn.t{justify-content:flex-start;padding:0}
 .op .decide:has(form){position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);box-shadow:0 -6px 24px rgba(19,32,42,.12)} .op .decide:has(form) form{flex:1} .op .decide:has(form) .btn{width:100%;height:44px} .op .decide:has(form) .badge{display:none}
 .op .pg:has(.decide form){padding-bottom:84px!important}
 .op .draft-act{position:sticky;bottom:0;background:rgba(255,255,255,.96);padding:10px 0 12px;margin:0 -2px;display:flex;gap:10px} .op .draft-act .btn{flex:1;height:44px;white-space:normal}
 .op .tbl th,.op .tbl td{padding-right:8px}
 .op .btn{min-height:44px} .op .filters .inp{height:44px!important} .op .inp{font-size:16px!important}
}

/* каналы видимости: на телефоне список вместо вкладок; «как искали» серой строкой; блок «скоро» */
.chsel{display:none;width:auto;height:36px;padding:0 10px;font-size:13px} .how{margin-top:6px} .fs.soon{padding:12px 14px;border:1px dashed var(--line2);border-radius:12px;background:var(--sunk)} .fs.soon legend{padding:0 6px}
@media (max-width:700px){.chsel{display:block} [data-panes] .seg.ch{display:none}}
.todo4 li.soon{color:var(--muted)} .todo4 li.soon i{border-style:dashed}
[hidden]{display:none!important}

/* путь к публикации: линия шагов на обзоре */
.path{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:14px 20px;margin-bottom:14px}
.path .ph{display:grid;gap:6px;min-width:150px} .path .ph b{font:800 22px/1 var(--display);color:var(--ink)} .path .pbar{display:block;height:6px;border-radius:3px;background:var(--sunk);overflow:hidden} .path .pbar em{display:block;height:100%;width:var(--w);background:var(--ok);border-radius:3px;transition:width .6s var(--ease)}
.pst{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:st}
.pst li{position:relative;display:flex;align-items:center;gap:10px;padding:0 12px 0 0;font-size:13.5px;color:var(--muted)}
.pst li i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line2);background:#fff;display:grid;place-items:center;font:600 11px/1 var(--text);color:var(--muted)} .pst li i::before{counter-increment:st;content:counter(st)}
.pst li.done{color:var(--ink2)} .pst li.done i{background:var(--ok);border-color:var(--ok);color:#fff} .pst li.done i::before{content:counter(st)}
.pst li.cur{color:var(--ink);font-weight:600} .pst li.cur i{border-color:var(--coral);color:var(--coral);border-width:2px}
.pst li span{display:grid;line-height:1.25} .pst li small{font-weight:400;color:var(--muted);font-size:12px}
.pst li:not(:last-child)::after{content:"";flex:1;height:1.5px;background:var(--line);margin:0 0 0 2px;min-width:12px} .pst li.done:not(:last-child)::after{background:var(--ok)}
.path.all{padding:10px 20px} .path.all .pst{display:none}
@media (max-width:1023px){.path{grid-template-columns:1fr;gap:12px;padding:14px 16px} .pst{grid-template-columns:1fr;gap:8px} .pst li{padding:0} .pst li::after{display:none} .path .btn{width:100%;height:44px}}
/* обзор в один экран на компьютере: без услуг две строки, видимость и реестр сверху, страница и сайт снизу */
@media (min-width:1024px){
 .bento.noserv{grid-template-areas:"vis vis vis vis vis vis vis reg reg reg reg reg" "page page page page page page page site site site site site"}
 .bento.noserv.v2{grid-template-areas:"reg reg reg reg reg page page page page page page page" "vis vis vis vis vis vis vis site site site site site"}
 .bento.noserv .b{min-height:0;overflow:hidden}
}
@media (min-width:1024px) and (min-height:700px){.bento.noserv{grid-template-rows:minmax(0,1fr) minmax(0,1fr);height:calc(100vh - 236px);min-height:480px} .bento.noserv .b{overflow:auto}}
@media (min-width:1024px){.bento.noserv .b-reg .fin .ring{width:40px;height:40px;font-size:13px} .bento.noserv .b-reg .fin{gap:12px} .bento.noserv .b-reg .marks li{padding:4px 0}}

/* счётчики в боковом меню не показываем: действия видны в самой плитке */
.nav a .c{display:none}
/* снимок: два числа рядом */
.snrow{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-end}
/* варианты линии шагов: b — полоса и текущий шаг, c — список-чеклист */
.path.v-b .pst li:not(.cur){display:none} .path.v-b .pst{grid-template-columns:1fr} .path.v-b .pst li i{display:none} .path.v-b .pst li.cur{font-size:15px}
.path.v-c{grid-template-columns:1fr;gap:10px} .path.v-c .ph{grid-template-columns:auto 1fr;align-items:center;gap:12px} .path.v-c .ph .pbar{grid-column:1/-1} .path.v-c .pst{grid-template-columns:repeat(2,1fr);gap:8px 20px} .path.v-c .pst li::after{display:none} .path.v-c .btn{justify-self:start}
@media (min-width:1024px){.bento.noserv .b-vis.dark .snrow .big b{font-size:44px}}
.dark .btn.s{background:#fff;color:#13202A;border-color:#fff}

.todo4.two{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
@media (max-width:1023px){.bento{display:none} .mtitle h1{font-size:24px}}
/* обзор: запись реестра не больше трёх фактов, остальное в разделе; подпись линии в одну строку */
@media (min-width:1024px){.bento.noserv .b-reg .marks li:nth-child(n+4){display:none} .path .ph b{font-size:18px;white-space:nowrap}}
/* 1336×757 и 1745×877: ни одной срезанной строки, без внутренней прокрутки */
@media (min-width:1024px){
 .bento.noserv .b{overflow:hidden;padding:16px 20px;gap:10px}
 .bento.noserv .b-reg .marks li:nth-child(n+4){display:none} .bento.noserv .b-reg .big{margin:0} .bento.noserv .b-reg .marks li{padding:3px 0}
 .bento.noserv .b-site .segs{display:none}
 .bento.noserv .b-vis .lead{font-size:14px;line-height:1.4}
 .path{padding:12px 20px;margin-bottom:12px} .path .ph{gap:4px}
}
@media (min-width:1024px) and (min-height:700px){.bento.noserv{height:calc(100vh - 212px)}}
@media (min-width:1024px) and (max-height:800px){.side{padding:12px 12px 10px} .nav a{height:32px;font-size:13.5px} .side .cap{margin-top:8px} .side .foot{padding-top:6px}}
@media (min-width:1024px) and (max-height:800px){.side .foot .org small{display:none} .side .logo{margin-bottom:6px} .nav{gap:2px}}

/* 0.4: отчёт формата 1.2, номер заявки, пилот */
.vsec{margin-bottom:14px}
.kr-top{display:grid;gap:6px}
.kr-h{font:800 26px/1.15 var(--display);letter-spacing:-.02em;margin:0;max-width:26ch;text-wrap:balance}
.kr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-radius:14px;overflow:hidden}
.kr .k{background:var(--sunk);padding:14px 16px;display:grid;gap:6px;align-content:start}
.b.dark .kr .k{background:#1B2A35}
.kr .k b{font:700 15px/1.3 var(--text)}
.kr .k.w b{color:var(--coral)}
.b.dark .kr .k.w b{color:#FF9C8A}
.kr .ps{margin:0;font-size:13px;line-height:1.4;color:var(--ink2)}
.kr .ud{font-size:12px;line-height:1.35;color:var(--muted)}
.todo{border-left:3px solid var(--coral);padding:2px 0 2px 14px;display:grid;gap:4px}
.todo p{margin:0;font-size:14.5px;line-height:1.45;max-width:78ch}
.dv{color:var(--coral);font-weight:600;font-size:12px}
.dv.u{color:var(--warn)}
small.dv{font-weight:400}
.sv{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--line);border-radius:14px;overflow:hidden}
.sv .r{background:var(--surface);padding:14px 16px;display:grid;gap:8px;align-content:start}
.sv dl{margin:0;display:grid;grid-template-columns:76px minmax(0,1fr);gap:4px 10px;font-size:13px;line-height:1.4}
.sv dt{color:var(--muted)}.sv dd{margin:0;overflow-wrap:anywhere}
.tbl.rk b.z{color:var(--coral)}
.tbl .brk{overflow-wrap:anywhere}
.vnote{margin:10px 0 0;max-width:90ch}
.src{margin-top:4px}
.blok{margin:0;padding:14px 16px;border-radius:12px;background:var(--sunk);font:14px/1.5 var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
.blok.code{font:12px/1.45 ui-monospace,Menlo,monospace;max-height:220px;overflow:auto;margin:10px 0}
.bl-d summary{cursor:pointer;font-size:13px;color:var(--sea);margin-top:10px}
.wait{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-bottom:14px}
.reqb{display:grid;gap:10px;align-content:start}
.reqb.in{padding:18px 20px;border-radius:16px;background:var(--sunk)}
.reqno{font:800 64px/1 var(--display);letter-spacing:.04em}
.rr{display:flex;align-items:center;gap:8px;margin:0;color:var(--ok);font-weight:600;font-size:14.5px}
.rr .i,.pl-ok .i{width:18px;height:18px;flex:none}
.pilot{margin-top:14px;gap:12px}
.pl2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-size:14px}
.pl2 ul{margin:6px 0 0;padding-left:18px;color:var(--ink2);line-height:1.5}
.pl-f{display:flex;gap:10px;flex-wrap:wrap}.pl-f .inp{flex:1 1 260px}
.pl-ok{display:flex;align-items:center;gap:8px;margin:0;color:var(--ok);font-weight:600}
.bento.noserv .b-vis .kr-h{font-size:20px}
.bento.noserv .b-vis .kr-top .lead{display:none}
.bento.noserv .b-vis .kr .k{padding:10px 12px;gap:4px}
.bento.noserv .b-vis .kr .k b{font-size:13px}
@media (max-width:1279px){.kr{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1023px){.kr-h{font-size:22px}.kr .ps,.kr .ud{display:none}.kr .k{padding:12px}.kr .k b{font-size:14px}.wait{grid-template-columns:minmax(0,1fr)}.reqno{font-size:56px}.pl2{font-size:13.5px;gap:12px}.pl-f .btn{width:100%}.sv dl{grid-template-columns:64px minmax(0,1fr)}}
.bars.wide .bar{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}.bars.wide .bar .t{white-space:normal;overflow:visible;line-height:1.3}
.kr-l{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;font-size:13px;color:var(--muted)}
.kr-l span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:8px;vertical-align:middle;opacity:.7}
.kr-l .w{color:#FF9C8A}
@media (max-width:1023px){.bars.wide .bar{grid-template-columns:minmax(0,1fr) auto}.bars.wide .bar .trk{grid-column:1/-1;order:3}}
.b.dark .btn.t{color:#BFE0E8}
.tbl.rk td.n,.tbl.rk th.n{padding-left:14px}
.pl2 ul{padding-left:0;list-style:none}
.rr::before,.pl-ok::before{content:"";flex:none;width:6px;height:11px;margin:0 6px 3px 4px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
/* 0.4.1: тексты юриста, состояния отчёта, контракт ядра */
.pl-h{margin:0;font-size:15px;line-height:1.4}
.pl2 p{margin:0;color:var(--ink2);line-height:1.5}
.pl-s{margin:0;font-size:12.5px;line-height:1.45;color:var(--muted);max-width:92ch}
.pilot .act{margin:0}
small.rr{display:flex;margin-top:4px;font-size:13px}
@media (max-width:1023px){.pl2{grid-template-columns:minmax(0,1fr)}}
.ok-mark.ck::before{content:"";width:9px;height:17px;margin-top:-4px;border:solid currentColor;border-width:0 3px 3px 0;transform:rotate(45deg)}

/* 0.4.2: линия шагов на ширинах 1024–1299: подпись не наезжает на шаги, прокрутки вбок нет */
@media (min-width:1024px){.path{grid-template-columns:max-content minmax(0,1fr) auto} .pst li{min-width:0} .main,.app>main{min-width:0}}
@media (min-width:1024px) and (max-width:1299px){.path{grid-template-columns:minmax(0,1fr) auto;row-gap:12px} .path .ph{justify-self:start} .path .pst{grid-column:1/-1;grid-row:2}}