/* СверкаДок — облик в стиле AI LABA: графит и белый, Manrope, знак — Michroma. Статусы — зелёный/жёлтый/красный. */
@import url("vendor/manrope.css");
@import url("vendor/michroma.css");
:root{--tx:#1c1c1e;--mut:#6e6e73;--faint:#aeaeb2;--line:rgba(0,0,0,.08);--line2:rgba(0,0,0,.14);--fon:#f2f2f7;--karta:#fff;
      --akc:#1c1c1e;--akc-sv:rgba(0,0,0,.05);--knopka:#1c1c1e;--knopka-tx:#fff;
      --ok:#1e8e4e;--ok-sv:rgba(30,142,78,.1);--zh:#a86a00;--zh-sv:rgba(214,150,0,.12);--kr:#d1342b;--kr-sv:rgba(209,52,43,.08)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(900px 520px at 50% -12%,rgba(0,0,0,.035),transparent 65%),var(--fon);color:var(--tx);
     font:15px/1.55 "Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:100vh}
a{color:var(--tx)}
.shapka{position:sticky;top:0;z-index:5;display:flex;gap:24px;align-items:center;padding:12px 24px;background:rgba(255,255,255,.82);
        -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tx)}
.znakSvg{width:26px;height:26px}
.slovo{font-family:"Michroma",sans-serif;font-size:16px;letter-spacing:.08em;line-height:1}
.slovo span{margin-left:.42em;-webkit-text-stroke:1.1px currentColor}
.shapka nav{display:flex;gap:4px;flex-wrap:wrap}
.shapka nav a{text-decoration:none;color:var(--mut);font-weight:600;font-size:14px;padding:6px 12px;border-radius:999px}
.shapka nav a:hover{color:var(--tx);background:var(--akc-sv)}
.shapka nav a.tut{color:var(--tx);background:rgba(0,0,0,.07)}
main{max-width:1100px;margin:0 auto;padding:30px 18px 90px}
h1{font-size:32px;margin:0;font-weight:800;letter-spacing:-.01em}
h2{font-size:19px;margin:0;font-weight:750}
.pod{color:var(--mut);max-width:780px;margin:8px 0 20px}
.pod b{color:var(--tx)}
.blok{background:var(--karta);border:1px solid var(--line);border-radius:20px;padding:16px 18px;margin-bottom:14px}
.blok>label,.metka{font-weight:700;font-size:14px}
.tishe{color:var(--mut);font-weight:400}
.ryad{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
input,textarea,select{font:inherit;color:var(--tx);border:1px solid var(--line2);border-radius:12px;padding:9px 11px;background:#fff;width:100%}
input:focus,textarea:focus,select:focus{outline:3px solid rgba(0,0,0,.06);border-color:var(--tx)}
.kn{font:inherit;font-weight:700;border:0;border-radius:12px;padding:9px 16px;background:var(--knopka);color:var(--knopka-tx);cursor:pointer;white-space:nowrap}
.kn:hover{opacity:.88}
.kn.svet{background:var(--akc-sv);color:var(--tx)}
.kn.ok{background:var(--ok);color:#fff}
.zona{display:block;border:1.5px dashed var(--line2);border-radius:20px;background:var(--karta);padding:34px 20px;text-align:center;cursor:pointer;transition:.15s}
.zona:hover,.zona.nad{background:#fafafa;border-color:var(--tx)}
.zona b{display:block;font-size:18px}
.zona span{color:var(--mut);font-size:14px}
.zona.est{border-style:solid;border-color:var(--ok);background:var(--ok-sv)}
.karta{background:var(--karta);border:1px solid var(--line);border-radius:20px;padding:18px 20px;margin-top:16px}
.m{display:inline-block;font-size:12.5px;font-weight:650;padding:3px 10px;border-radius:999px}
.m.ok{background:var(--ok-sv);color:var(--ok)}.m.kr{background:var(--kr-sv);color:var(--kr)}.m.zh{background:var(--zh-sv);color:var(--zh)}.m.ser{background:var(--akc-sv);color:var(--mut)}
.zamech{background:var(--kr-sv);color:var(--kr);border-radius:12px;padding:8px 12px;margin:6px 0;font-size:14px}
.kop{font:inherit;font-size:13px;font-weight:700;border:1px solid var(--line2);background:#fff;border-radius:12px;padding:7px 12px;cursor:pointer;color:var(--tx);white-space:nowrap}
.kop:hover{border-color:var(--tx)}
.kop.est{background:var(--ok);border-color:var(--ok);color:#fff}
.oshibka{color:var(--kr)}
.zhdu{color:var(--mut);padding:10px 0}
.podskazka{margin-top:22px;background:var(--karta);border:1px solid var(--line);border-radius:20px;padding:12px 18px}
.podskazka summary{cursor:pointer;font-weight:700}
.tabl{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin-top:10px}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{padding:8px 10px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
th{background:#fafafa;border-top:0;color:var(--mut);font-weight:650;font-size:12.5px}
td.chislo,th.chislo{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.plitki{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:10px}
.plitka{display:block;text-decoration:none;background:var(--karta);border:1px solid var(--line);border-radius:22px;padding:22px;transition:.15s}
.plitka:hover{border-color:var(--tx);transform:translateY(-1px)}
.plitka b{display:block;font-size:18px;margin-bottom:4px}
.plitka span{color:var(--mut);font-size:14px}
.priv{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--mut);background:var(--karta);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
@media (max-width:700px){.shapka{flex-wrap:wrap;gap:10px;padding:10px 14px}h1{font-size:26px}}
@media print{.shapka,.ne-pechat{display:none!important}body{background:#fff}main{padding:0}}
/* карточки разбора (счёт, письмо) */
.verh{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.fayl{color:var(--mut);font-size:13px;overflow-wrap:anywhere}
.itog{font-size:22px;font-weight:800;white-space:nowrap}
.proverki{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.polya{display:grid;grid-template-columns:190px 1fr auto;gap:8px 10px;align-items:center;margin-top:8px}
.polya .nazv{color:var(--mut);font-size:14px}
.polya textarea{min-height:76px;resize:vertical}
.polya .pusto input,.polya .pusto textarea{border-color:rgba(209,52,43,.5);background:#fffafa}
.niz{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}
.zachto{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:14px;color:var(--mut)}
.zachto input{max-width:420px}
@media (max-width:700px){.polya{grid-template-columns:1fr auto}.polya .nazv{grid-column:1/-1;margin-top:6px}}
input[type=radio],input[type=checkbox]{accent-color:var(--tx);width:auto}

/* название СверкаДок */
.slovoRu{font-weight:800;font-size:18px;letter-spacing:-.01em;line-height:1}.slovoRu span{font-weight:500;color:var(--mut)}
/* сворачиваемые карточки, спрятанные товары, архив загруженного */
details.svern>summary{list-style:none;cursor:pointer}
details.svern>summary::-webkit-details-marker{display:none}
.strelka{display:inline-block;font-size:18px;color:var(--mut);margin-left:6px;transition:transform .15s}
details.svern:not([open]) .strelka{transform:rotate(-90deg)}
details.svern[open] .tolko-svern{display:none}
details.svern:not([open]){padding-bottom:14px}
.ryad-kn{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
details.tovary{margin-top:14px}
details.tovary>summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
details.tovary>summary::-webkit-details-marker{display:none}
details.tovary[open]>summary .kn{background:rgba(0,0,0,.09)}
details.arhiv{margin-top:22px;background:var(--karta);border:1px solid var(--line);border-radius:20px;padding:12px 18px}
details.arhiv>summary{cursor:pointer}
.nowrap{white-space:nowrap}
.malo{font-size:12.5px}
.otkryt-fayl{display:inline-block;margin-top:8px}
/* «Мы» — реквизиты своей организации одной строкой, копируются по клику */
#nashi:has(#nashiKarta:not([hidden])){padding:10px 14px}
.rekv-ryad{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
.rekv-my{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-right:2px}
.rekv{font:inherit;font-size:12.5px;line-height:1.3;border:1px solid transparent;background:transparent;border-radius:8px;padding:2px 6px;cursor:copy;color:var(--tx);text-align:left}
.rekv span{color:var(--mut);font-size:11.5px}
.rekv.org{font-weight:750}
.rekv:hover{border-color:var(--line2);background:#fafafa}
.rekv.est,.rekv.ok{background:var(--ok-sv);border-color:transparent;color:var(--ok)}
.rekv-izm{font:inherit;font-size:12px;border:0;background:none;color:var(--mut);text-decoration:underline;cursor:pointer;margin-left:auto}
.rekv-pod{font-size:11.5px;color:var(--faint);margin-top:4px}
#nashiVvod:not([hidden])+*{margin-top:8px}
.zachto{flex-wrap:wrap}
/* «Что нового» — окно обновлений */
.nov-ssylka{margin-left:auto;text-decoration:none;color:var(--mut);font-weight:600;font-size:13px;padding:6px 12px;border-radius:999px;position:relative;white-space:nowrap}
.nov-ssylka:hover{color:var(--tx);background:var(--akc-sv)}
.nov-ssylka.est-novoe::after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:#d1342b}
.nov-zanaves{position:fixed;inset:0;z-index:50;background:rgba(20,20,22,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;animation:novPoyav .18s ease}
.nov-okno{background:var(--karta);border-radius:24px;box-shadow:0 30px 80px -25px rgba(0,0,0,.45);width:100%;max-width:580px;max-height:min(86vh,760px);display:flex;flex-direction:column;overflow:hidden;animation:novVverh .22s ease}
.nov-shapka{display:flex;gap:12px;align-items:center;padding:20px 22px 12px}
.nov-znak{font-size:30px;line-height:1}
.nov-shapka h3{margin:0;font-size:20px;font-weight:800}
.nov-pod{color:var(--mut);font-size:13px;margin-top:2px}
.nov-telo{overflow:auto;padding:4px 22px 8px}
.nov-data{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:12px 0 6px}
.nov-vypusk{margin-bottom:14px}
.nov-zag{display:block;font-size:15.5px;margin-bottom:8px}
.nov-p{background:#fafafa;border:1px solid var(--line);border-radius:14px;padding:10px 13px;font-size:14px;line-height:1.45;margin-top:7px}
.nov-p b{display:block;font-weight:700;margin-bottom:2px}
.nov-niz{padding:12px 22px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}
@keyframes novPoyav{from{opacity:0}to{opacity:1}}
@keyframes novVverh{from{transform:translateY(12px);opacity:.6}to{transform:none;opacity:1}}
@media (max-width:700px){.nov-ssylka{margin-left:0}}