:root{--brand:#123E84;--brand-hover:#0D3170;--brand-ink:#FFFFFF;--link:#174DA1;--gold:#FEBE10;--blue-soft:#E8EEF8;
--bg:#F3F5F7;--surface:#FFFFFF;--surface-2:#F5F7F8;--line:#DDE3E7;--line-2:#EAEEF1;--control:#7D8B94;--ink:#071A2F;--text:#0E1A22;--text-2:#3A4A54;--muted:#5E6E78;
--ok:#0E7A4D;--ok-soft:#E3F5EC;--warn:#9A5B00;--warn-soft:#FFF1D6;--bad:#C0322B;--bad-soft:#FDE8E7;--info:#174DA1;--info-soft:#E8EEF8;
--actas-bg:#FEBE10;--actas-ink:#071A2F;--r-sm:3px;--r-md:6px;--r-lg:8px;--shadow-1:0 1px 2px rgba(7,26,47,.06),0 1px 1px rgba(7,26,47,.04);
--shadow-2:0 8px 24px rgba(7,26,47,.14);--wide:1200px;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--brand:#7FA6F5;--brand-hover:#99B8F8;--brand-ink:#071A2F;--link:#8DB0F7;--blue-soft:#17294A;
--bg:#0A1420;--surface:#101C2A;--surface-2:#16243A;--line:#22324A;--line-2:#1A2A3E;--control:#6A7C90;--ink:#F1F5F9;--text:#E6ECF2;--text-2:#C2CDD6;--muted:#93A3B0;
--ok:#4CC38A;--ok-soft:#10291F;--warn:#F0B44C;--warn-soft:#2E2210;--bad:#FF7A70;--bad-soft:#341616;--info:#8DB0F7;--info-soft:#17294A;
--shadow-1:0 1px 2px rgba(0,0,0,.4);--shadow-2:0 8px 24px rgba(0,0,0,.5);color-scheme:dark}}
*{box-sizing:border-box}html{font-size:16px;scroll-padding-top:72px}
body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text-2);background:var(--bg);line-height:1.5;-webkit-text-size-adjust:100%}
a{color:var(--link)}:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:2px}
h1{font-size:26px;line-height:1.25;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.01em}
h2{font-size:17px;line-height:1.3;font-weight:650;color:var(--ink);margin:0 0 12px}h3{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 8px}p{margin:0 0 12px}
.skip{position:absolute;left:8px;top:-60px;z-index:20;background:var(--surface);color:var(--link);padding:10px 14px;border:2px solid var(--link);border-radius:var(--r-sm);font-weight:600}.skip:focus{top:8px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* top bar */
header.pg{background:var(--surface);color:var(--ink);border-bottom:3px solid var(--gold);box-shadow:var(--shadow-1);position:relative;z-index:6}
.pg-in{max-width:var(--wide);margin:0 auto;display:flex;align-items:center;gap:24px;min-height:64px;padding:0 24px}
.brand{display:flex;align-items:center;gap:12px;flex:none;text-decoration:none}.brand img{display:block;width:140px;height:28px}
.brand .tag{font-size:12px;font-weight:600;color:var(--muted);padding-left:12px;border-left:1px solid var(--line);white-space:nowrap}
nav.areas{display:flex;align-items:stretch;align-self:stretch;gap:4px}
nav.areas a{display:flex;align-items:center;padding:0 12px;color:var(--text-2);font-weight:600;font-size:15px;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-3px}
nav.areas a:hover{color:var(--link)}nav.areas a[aria-current]{color:var(--link);border-bottom-color:var(--link)}nav.areas .ico{display:none}
.who{margin-left:auto;display:flex;align-items:center;gap:16px}
.desk{text-align:right;font-size:12px;line-height:1.25;color:var(--muted);text-decoration:none;white-space:nowrap}.desk b{display:block;color:var(--ink);font-size:14px}
.site{display:flex;flex-direction:column;line-height:1.2;text-align:right;max-width:240px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}
.site b{color:var(--ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site span{font-size:12px;color:var(--muted)}a.site{text-decoration:none}a.site:hover{border-color:var(--link)}
details.menu{position:relative}details.menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:44px;border-radius:999px}
details.menu>summary::-webkit-details-marker{display:none}
.initials{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--brand);color:var(--brand-ink);font-weight:700;font-size:14px}
details.menu>summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-3px)}
.menu-body{position:absolute;right:0;top:calc(100% + 8px);width:280px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:8px;z-index:30}
.menu-body .me{padding:8px 10px 10px;border-bottom:1px solid var(--line-2);margin-bottom:6px}.menu-body .me b{display:block;color:var(--ink)}.menu-body .me span{font-size:13px;color:var(--muted);word-break:break-all}
.menu-body a,.menu-body button{display:flex;width:100%;align-items:center;min-height:44px;padding:0 10px;border:0;border-radius:var(--r-sm);background:none;color:var(--text);font:inherit;font-size:15px;font-weight:500;text-align:left;text-decoration:none;cursor:pointer;justify-content:flex-start}
.menu-body a:hover,.menu-body button:hover{background:var(--surface-2);border:0}.menu-body form{margin:0}.menu-body .hint{font-size:12px;color:var(--muted);padding:0 10px 6px}
.menu-body hr{border:0;border-top:1px solid var(--line-2);margin:6px 0}
/* act-as bar */
.banner{background:var(--actas-bg);color:var(--actas-ink);padding:8px 24px;font-size:14px;font-weight:600;display:flex;gap:12px;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:8}.banner form{display:inline}
.banner a{color:var(--actas-ink);font-weight:700}.banner :focus-visible{outline-color:var(--actas-ink)}
.banner button{min-height:32px;padding:0 12px;background:#FFFFFF;color:#071A2F;border-color:var(--actas-ink)}.banner button:hover{background:#F5F7F8;border-color:var(--actas-ink)}
/* page */
main{max-width:var(--wide);margin:0 auto;padding:28px 24px 40px}main.narrow{max-width:520px;padding-top:56px}
.ph{margin:0 0 24px}.ph-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.ph h1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ph .meta{margin:6px 0 0;color:var(--muted);font-size:14px}
.ph-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.ph-actions form{display:inline}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 8px;font-size:14px;color:var(--muted)}
.crumbs li+li::before{content:"\203A";margin-right:6px;color:var(--muted)}.crumbs a{font-weight:600;text-decoration:none}.crumbs a:hover{text-decoration:underline}
.blocked{font-size:13px;color:var(--muted);margin:8px 0 0;max-width:420px;text-align:right}
.grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr);margin:0 0 24px}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c12{grid-column:span 12}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:20px;min-width:0}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}.card-h h2{margin:0}
.card .big{font-size:32px;line-height:1.15;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;margin:0 0 4px;letter-spacing:-.01em}
.card .sub{font-size:14px;color:var(--text-2);margin:0 0 4px}.card .fresh{font-size:12px;color:var(--muted);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line-2);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.card .fresh a{font-weight:600;text-decoration:none}.card .fresh a:hover{text-decoration:underline}
.bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--surface-2);margin:12px 0 8px}.bar span{display:block;height:100%}.bar .due{background:var(--brand)}.bar .over{background:var(--bad)}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-2);margin:0}.legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px;background:var(--brand)}.legend .l-over::before{background:var(--bad)}
.w0{width:0%}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin:16px 0 0}
.tile{background:var(--surface);padding:12px 14px}.tile span{display:block;font-size:12px;font-weight:600;color:var(--muted)}.tile b{display:block;font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:2px}
.tile.over{background:var(--bad-soft)}.tile.over span,.tile.over b{color:var(--bad)}
ul.attn{list-style:none;padding:0;margin:0}ul.attn li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line-2)}ul.attn li:first-child{border-top:0;padding-top:0}
ul.attn .dot{flex:none;width:10px;height:10px;border-radius:999px;margin-top:6px;background:var(--info)}ul.attn .bad .dot{background:var(--bad)}ul.attn .warn .dot{background:var(--warn)}
ul.attn b{color:var(--ink)}ul.attn p{margin:0;font-size:14px}ul.attn .go{margin-left:auto;white-space:nowrap;font-weight:600;font-size:14px;text-decoration:none}
.quiet-state{color:var(--muted);font-size:14px;margin:0}.space{margin-top:28px}h2 .note{font-weight:500;margin-left:6px}
ul.shortcuts{list-style:none;padding:0;margin:0;display:grid;gap:8px}ul.shortcuts a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);font-weight:600;text-decoration:none;background:var(--surface)}
ul.shortcuts a::after{content:"\203A";color:var(--muted);font-size:20px}ul.shortcuts a:hover{border-color:var(--link);color:var(--link)}
/* home cards (guide section 10) */
.card.home{display:flex;flex-direction:column;padding:0}.card.home .card-h{padding:16px 20px 0}.card.home .card-b{padding:8px 20px 4px;flex:1}
.card-h h2{display:flex;align-items:center;gap:8px}.card-h .ico{color:var(--muted)}.card .big small{font-size:14px;font-weight:500;color:var(--muted);margin-left:6px}.card .sub.small{font-size:13px;color:var(--muted);margin-top:8px}
.card-f{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line-2);padding:8px 12px 8px 20px;margin-top:12px;font-size:12px;color:var(--muted)}
.card.clip{padding:0;overflow:hidden}.card-h.pad{padding:16px 20px;margin:0;border-bottom:1px solid var(--line-2)}.card-hr{display:flex;align-items:center;gap:12px}.fresh-t{font-size:12px;color:var(--muted)}
.scroll.flat{border:0;border-radius:0;box-shadow:none}
a.button.quiet.ghost{border-color:transparent;background:transparent;color:var(--link);font-weight:600}a.button.quiet.ghost:hover{background:var(--blue-soft);border-color:transparent}
.alert .ico{flex:none}.alert>span{flex:1}.alert .button{color:var(--ink)}
.tiles.three{grid-template-columns:repeat(3,1fr);margin:0}.tile b.soon{font-size:14px;font-weight:600;color:var(--muted)}
/* status pills: the word always, the dot only decoration */
.status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--surface-2);color:var(--text-2);border:1px solid var(--line);vertical-align:middle;letter-spacing:0}
.status::before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}
.status.on{background:var(--ok-soft);color:var(--ok);border-color:transparent}.status.off{background:var(--warn-soft);color:var(--warn);border-color:transparent}.status.bad{background:var(--bad-soft);color:var(--bad);border-color:transparent}.status.info{background:var(--info-soft);color:var(--info);border-color:transparent}
h1 .status{height:28px;font-size:13px}
/* buttons */
a.button,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border-radius:var(--r-sm);border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);font:inherit;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;white-space:nowrap}
a.button:hover,button:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
button.quiet,a.button.quiet{background:var(--surface);color:var(--ink);border-color:var(--control);font-weight:500}button.quiet:hover,a.button.quiet:hover{background:var(--surface-2);border-color:var(--control)}
button:disabled,.button.off{opacity:.5;cursor:not-allowed}span.button.off{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:var(--r-sm);border:1px solid var(--control);color:var(--ink);font-weight:600;font-size:15px;white-space:nowrap}
span.button.off.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
button.small,a.button.small{min-height:32px;padding:0 10px;font-size:13px}button.link{background:none;border:0;color:var(--link);padding:0;min-height:0;font-weight:600;text-decoration:underline}
/* forms */
label{display:block;font-weight:600;font-size:14px;color:var(--ink);margin:14px 0 6px}label.check{font-weight:400;display:flex;gap:8px;align-items:center;color:var(--text-2)}
input[type=email],input[type=text],input[type=search],input[type=date]{display:block;width:100%;max-width:420px;min-height:44px;padding:8px 12px;font:inherit;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--control);border-radius:var(--r-sm)}
input.code{font-size:1.4rem;letter-spacing:.3em;max-width:12em}input.short{max-width:200px}
select{min-height:40px;font:inherit;padding:4px 8px;color:var(--text);background:var(--surface);border:1px solid var(--control);border-radius:var(--r-sm)}
.hint{font-size:13px;color:var(--muted);margin:-2px 0 6px}
.actions{margin-top:20px;display:flex;gap:8px;flex-wrap:wrap}.actions form{display:inline}.note{color:var(--muted);font-size:13px}.error{color:var(--bad);font-weight:600}
.errbox{border:2px solid var(--bad);border-radius:var(--r-md);background:var(--bad-soft);color:var(--bad);padding:12px 16px;font-weight:600;margin:0 0 16px}
.flash{background:var(--ok-soft);color:var(--ok);border-radius:var(--r-md);padding:10px 14px;margin:0 0 16px;font-weight:600}
.alert{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:var(--r-md);padding:12px 16px;margin:0 0 20px;font-size:14px;border:1px solid transparent}
.alert.bad{background:var(--bad-soft);color:var(--bad)}.alert.warn{background:var(--warn-soft);color:var(--warn)}.alert.info{background:var(--info-soft);color:var(--info)}.alert b{font-weight:700}
.alert a{font-weight:700;color:inherit;white-space:nowrap}
.sample{background:var(--warn-soft);color:var(--warn);border-radius:var(--r-md);padding:10px 16px;margin:0 0 20px;font-size:14px}.sample strong{color:var(--warn)}
svg.qr{display:block;width:220px;height:220px;margin:12px 0;border:1px solid var(--line);background:#fff}code.key{display:inline-block;font-family:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;font-size:1.05rem;letter-spacing:.08em;word-break:break-all;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 8px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:24px;margin:16px 0}
.form-card{max-width:560px}
/* filters */
nav.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 16px}
nav.tabs a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;color:var(--text-2);font-weight:600;font-size:14px;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}
nav.tabs a[aria-current]{color:var(--link);border-bottom-color:var(--link)}nav.tabs a:hover{color:var(--link)}nav.tabs .n{font-size:12px;background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:0 7px;line-height:20px}
nav.tabs a.over .n{background:var(--bad-soft);color:var(--bad)}
form.filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:0 0 16px}form.filters label{margin:0 0 6px;font-size:13px}form.filters input{min-height:40px}
form.filters .clear{align-self:center;font-size:14px;font-weight:600;margin-top:20px}
.count{font-size:13px;color:var(--muted);margin:8px 0 0}
/* tables */
table{border-collapse:collapse;width:100%;background:var(--surface)}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-2);vertical-align:middle}
th{font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-2);text-transform:none;white-space:nowrap}td{color:var(--text);font-size:15px}
tbody tr:hover td{background:var(--surface-2)}tr.over td{background:var(--bad-soft)}tr.over td:first-child{box-shadow:inset 3px 0 0 var(--bad)}tr.over .status.bad{background:var(--surface);border-color:var(--bad)}
td.num,th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}td.date{white-space:nowrap}td .sub{display:block;font-size:13px;color:var(--muted)}td.act{text-align:right;white-space:nowrap}
td a{font-weight:600;text-decoration:none}td a:hover{text-decoration:underline}
.scroll{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1)}.scroll table{margin:0}.scroll tr:last-child td{border-bottom:0}
table.totals{width:auto;margin:16px 0 0 auto;background:transparent}table.totals th,table.totals td{background:transparent;border:0;padding:4px 0 4px 32px;font-size:15px;color:var(--text-2)}table.totals tr.strong th,table.totals tr.strong td{color:var(--ink);font-weight:700;font-size:17px;border-top:1px solid var(--line);padding-top:10px}
dl.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}dl.facts dt{font-size:12px;font-weight:600;color:var(--muted)}dl.facts dd{margin:2px 0 0;font-size:18px;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums}dl.facts dd.bad{color:var(--bad)}
ol.track{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;margin:0}ol.track li{position:relative;padding:28px 12px 0 0;font-size:14px;color:var(--muted)}
ol.track li::before{content:"";position:absolute;top:6px;left:0;width:14px;height:14px;border-radius:999px;border:2px solid var(--control);background:var(--surface)}ol.track li::after{content:"";position:absolute;top:13px;left:18px;right:4px;height:2px;background:var(--line)}ol.track li:last-child::after{display:none}
ol.track li.done{color:var(--text)}ol.track li.done::before{background:var(--ok);border-color:var(--ok)}ol.track li.done::after{background:var(--ok)}ol.track b{display:block;color:var(--ink)}
details.menu.row{display:inline-block}details.menu.row>summary{border-radius:var(--r-sm);min-height:32px;border:1px solid var(--control);padding:0 10px;font-size:13px;font-weight:500;color:var(--ink);background:var(--surface)}details.menu.row>summary:hover{background:var(--surface-2)}details.menu.row>summary::after{width:6px;height:6px;margin-left:4px}details.menu.row .menu-body{text-align:left}
form.role{padding:4px 10px 10px;border-bottom:1px solid var(--line-2);margin-bottom:6px}form.role label{margin:0 0 4px;font-size:13px}form.role select{width:100%;margin-bottom:8px}form.role button{width:100%;justify-content:center}
/* footer */
footer{border-top:1px solid var(--line);background:var(--surface);margin-top:24px}.foot-in{max-width:var(--wide);margin:0 auto;padding:24px 24px 28px}
.contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 16px}.contacts div{font-size:13px;color:var(--muted)}.contacts b{display:block;color:var(--ink);font-size:14px}.contacts a{font-weight:700;font-size:15px;text-decoration:none}
.legal{font-size:12px;color:var(--muted);margin:0}.legal a{color:var(--muted)}
/* signed-out pages */
.signin{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);border:1px solid var(--line);margin:8px auto 0;max-width:1040px;min-height:520px}
.signin-brand{background:#123E84;color:#FFFFFF;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.signin-brand .big{font-size:28px;line-height:1.25;font-weight:700;margin:0 0 16px;color:#FFFFFF}.signin-brand p{color:#DCE6F5}.signin-brand ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.signin-brand li{display:flex;gap:10px;align-items:center;font-weight:600;color:#FFFFFF}.signin-brand li svg{color:#FEBE10;flex:none}.signin-brand .foot{font-size:14px;margin:0}.signin-brand a{color:#FFFFFF;font-weight:700}
.signin-brand :focus-visible{outline-color:#FEBE10}
.signin-form{background:var(--surface);padding:48px;display:flex;flex-direction:column;justify-content:center}.signin-form input{max-width:none}.signin-form .actions button{width:100%;min-height:46px}.signin-form .actions{margin-bottom:16px}
@media (max-width:860px){.signin{grid-template-columns:1fr;min-height:0}.signin-brand{padding:28px 24px}.signin-brand .big{font-size:22px}.signin-form{padding:28px 24px}.signin-brand ul{display:none}}
.auth-wrap{max-width:480px;margin:24px auto 0}.auth-wrap.wide{max-width:640px}.auth .panel{box-shadow:none;border:0;padding:0;margin:12px 0}.auth .panel h2{margin-top:20px}form.cancel{margin-top:16px;text-align:center}
.auth{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:32px}.auth h1{margin-bottom:12px}.auth input{max-width:none}.auth .actions button{width:100%}.auth .actions{margin-bottom:16px}
@media (max-width:1180px){.desk{display:none}}
@media (max-width:1024px){.pg-in{gap:12px;padding:0 16px}nav.areas a{padding:0 8px;font-size:14px}.brand .tag{display:none}.c4,.c5,.c6,.c7,.c8{grid-column:span 12}.ph-row{flex-direction:column}.blocked{text-align:left}main{padding:24px 16px 32px}}
@media (max-width:760px){
html{scroll-padding-top:120px;scroll-padding-bottom:72px}body{padding-bottom:64px}h1{font-size:22px}
.pg-in{min-height:56px}.brand img{width:120px;height:24px}.site{display:none}
nav.areas{position:fixed;left:0;right:0;bottom:0;z-index:9;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -2px 8px rgba(7,26,47,.08);gap:0;justify-content:space-around;padding:0 4px env(safe-area-inset-bottom)}
nav.areas a{flex:1;flex-direction:column;justify-content:center;min-height:60px;padding:4px 2px;font-size:12px;border-bottom:0;border-top:3px solid transparent;margin:0;text-align:center}nav.areas a[aria-current]{border-top-color:var(--link)}nav.areas .ico{display:block;margin-bottom:2px}
.banner{padding:8px 16px}.tiles{grid-template-columns:repeat(2,1fr)}.tile:first-child{grid-column:span 2}dl.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.contacts{grid-template-columns:1fr;gap:12px}
.card{padding:16px}.card .big{font-size:28px}ul.attn li{flex-wrap:wrap}ul.attn li>div{flex:1 1 0}ul.attn .go{margin-left:22px;flex-basis:100%}
table.list thead{display:none}table.list,table.list tbody,table.list tr,table.list td{display:block;width:100%}
table.list tr{padding:12px 14px;border-bottom:1px solid var(--line-2);display:grid;grid-template-columns:1fr auto;gap:2px 12px}table.list td{padding:0;border:0;font-size:14px;text-align:left;background:transparent}
table.list td.lead{font-weight:600;font-size:15px}table.list td.num{text-align:right}table.list td.hide-s{display:none}table.list td.act{grid-column:span 2;text-align:left}tr.over td:first-child{box-shadow:none}table.list tr.over{box-shadow:inset 3px 0 0 var(--bad)}
form.filters input{max-width:none}form.filters>div{flex:1 1 140px}main.narrow{padding-top:24px}.auth{padding:24px}
button.small,.banner button,select,.menu-body button,a.button.small{min-height:44px;min-width:44px}a.button,button,span.button.off{min-height:48px}
.ph-actions{width:100%}.ph-actions>*{flex:1 1 auto}}