/* ШКАЛА СЛОЁВ (z-index) — новое окно/всплывашка берёт слой по этой шкале, а не «от балды»:
   1–10 липкие шапки таблиц · 20 верхняя панель · 30–45 меню и боковая панель · 60 выпадающие меню · 80–90 нижние панели ·
   100 окна (модальные) · 300 списки с поиском (они открываются и внутри окон) · 500 увеличение фото (поверх ВСЕГО, в т.ч. окон) · 600 уведомления */
/* Zaarak Lab — те же цвета, что crm-modern-skin.css zaarak, префикс m- */
:root{--m-bg:#EEF1F5;--m-surface:#fff;--m-surface-2:#F4F7FB;--m-ink:#0D2438;--m-ink-2:#4A5B70;--m-line:#E4E9F0;
--m-accent:#1E87F0;--m-accent-ink:#0B63BF;--m-accent-soft:rgba(30,135,240,.10);--m-bad:#E23D5B;--m-ok:#1A9E5C;--m-warn:#B7791F;
--m-field:#EAEFF6;--m-field-line:#CBD5E3;--m-shadow:0 1px 2px rgba(13,36,56,.06),0 10px 30px rgba(13,36,56,.07);--m-r:14px}
/* Шрифт Inter (OFL), лежит на нашем сервере: одинаково читается на любом устройстве */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/lab/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/lab/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/lab/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}
body{margin:0;background:var(--m-bg);color:var(--m-ink);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-weight:450}
input,select,textarea,button{font-family:inherit}
a{color:var(--m-accent-ink);text-decoration:none}
.m-lab-strip{background:#FFF4D6;color:#7A5300;text-align:center;font-size:13.5px;padding:5px 10px;border-bottom:1px solid #F0DCA0}
.m-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--m-surface);padding:10px 20px;border-bottom:1px solid var(--m-line);position:sticky;top:0;z-index:20}
.m-brand{font-weight:800;letter-spacing:.5px;color:var(--m-ink)}
.m-brand small{font-weight:600;color:var(--m-ink-2);margin-left:6px}
.m-nav{display:flex;gap:4px;flex-wrap:wrap}
.m-nav a{padding:7px 12px;border-radius:10px;color:var(--m-ink-2);font-weight:600}
.m-nav a.on,.m-nav a:hover{background:var(--m-accent-soft);color:var(--m-accent-ink)}
.m-top-r{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.m-wrap{max-width:1500px;margin:0 auto;padding:18px 20px 60px}
.m-card{background:var(--m-surface);border-radius:var(--m-r);box-shadow:var(--m-shadow);padding:18px}
.m-card+.m-card{margin-top:16px}
.m-h1{font-size:22px;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.m-h1 .m-count{font-size:14px;font-weight:600;color:var(--m-ink-2);background:var(--m-surface-2);padding:3px 9px;border-radius:20px}
.m-h2{font-size:16px;font-weight:800;margin:0 0 12px}
.m-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--m-line);background:var(--m-surface);color:var(--m-ink);padding:8px 14px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.m-btn:hover{border-color:#c9d3df}
.m-btn-p{background:var(--m-accent);border-color:var(--m-accent);color:#fff}
.m-btn-p:hover{background:var(--m-accent-ink)}
.m-btn-bad{color:var(--m-bad)}
.m-btn-sm{padding:5px 10px;font-size:14px}
.m-input,.m-select,textarea.m-input{width:100%;border:1px solid var(--m-line);border-radius:10px;padding:8px 11px;font:inherit;background:#fff;color:var(--m-ink)}
.m-input:focus,.m-select:focus{outline:2px solid var(--m-accent-soft);border-color:var(--m-accent)}
.m-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.m-tools .m-search{flex:1 1 280px;max-width:480px}
.m-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.m-chip{padding:5px 11px;border-radius:20px;background:var(--m-surface-2);color:var(--m-ink-2);font-weight:600;font-size:14px}
.m-chip.on{background:var(--m-accent);color:#fff}
.m-tablebox{overflow-x:auto}
.m-table{width:100%;border-collapse:collapse}
.m-table th{font-size:13px;text-transform:uppercase;letter-spacing:.3px;color:var(--m-ink-2);text-align:left;padding:9px 8px;border-bottom:1px solid var(--m-line);white-space:nowrap}
.m-table th a{color:inherit}
.m-table th a.on{color:var(--m-accent-ink)}
.m-table td{padding:8px;border-bottom:1px solid var(--m-line);vertical-align:middle}
.m-table tr.m-row{cursor:pointer}
.m-table tr.m-row:hover td{background:#FAFCFE}
.m-table .r{text-align:right}
.m-thumb{width:64px;height:52px;border-radius:8px;object-fit:cover;background:var(--m-surface-2);display:block}
.m-noimg{width:64px;height:52px;border-radius:8px;background:var(--m-surface-2);display:flex;align-items:center;justify-content:center;color:#b5c0cc;font-size:12px}
.m-inline{border:1px solid transparent;background:transparent;border-radius:8px;padding:5px 7px;font:inherit;color:inherit;width:100%}
.m-inline:hover{border-color:var(--m-line);background:#fff}
.m-inline:focus{border-color:var(--m-accent);background:#fff;outline:none}
.m-inline[readonly]{color:#8a94a3}
.m-inline.num{text-align:right;width:96px}
.m-inline.saved{background:#E8F7EF;border-color:#9FD9B9}
.m-inline.err{background:#FDEBEE;border-color:#F2A7B5}
.m-title-in{min-width:220px;resize:none;overflow:hidden;line-height:1.35}
.m-art{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;color:var(--m-ink-2)}
.m-src{display:block;font-size:12.5px;color:var(--m-ink-2);margin-top:2px}
.m-badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 7px;border-radius:12px;background:#FFF4D6;color:#7A5300;margin-left:6px}
.m-stock{display:flex;flex-direction:column;gap:2px;min-width:150px}
.m-stock-row{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.m-stock-row .n{color:var(--m-ink-2)}
.m-stock-row.own .n{color:var(--m-accent-ink);font-weight:700}
.m-stock-row.total{border-top:1px dashed var(--m-line);padding-top:2px;font-weight:700}
.plus{color:var(--m-ok)}.minus{color:var(--m-bad)}.null{color:#9aa6b4}
.m-muted{color:var(--m-ink-2);font-size:13.5px}
.m-pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;align-items:center}
.m-pager a,.m-pager span{padding:6px 11px;border-radius:9px;background:var(--m-surface-2);font-weight:600;color:var(--m-ink-2)}
.m-pager .on{background:var(--m-accent);color:#fff}
.m-flash{padding:11px 14px;border-radius:12px;margin-bottom:14px;font-weight:600}
.m-flash.ok{background:#E8F7EF;color:#14683F}
.m-flash.bad{background:#FDEBEE;color:#9B1C34}
.m-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.m-field label{display:block;font-size:13.5px;font-weight:700;color:var(--m-ink-2);margin-bottom:5px}
.m-field .m-hint{font-size:13px;color:var(--m-ink-2);margin-top:4px}
.m-cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.m-kv{display:grid;grid-template-columns:150px 1fr;gap:7px 12px}
.m-kv dt{color:var(--m-ink-2)}.m-kv dd{margin:0;font-weight:600}
.m-photos{display:flex;gap:10px;flex-wrap:wrap}
.m-photo{position:relative}
.m-photo img{width:140px;height:110px;object-fit:cover;border-radius:10px;display:block;background:var(--m-surface-2)}
.m-photo form{position:absolute;top:4px;right:4px}
.m-photo button{border:0;background:rgba(13,36,56,.65);color:#fff;border-radius:7px;width:24px;height:24px;cursor:pointer}
.m-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.m-sel-bar{display:none;gap:10px;align-items:center;background:var(--m-ink);color:#fff;padding:9px 14px;border-radius:12px;margin-bottom:12px}
.m-sel-bar.on{display:flex}
.m-login{max-width:360px;margin:12vh auto}
@media (max-width:900px){.m-cols{grid-template-columns:1fr}.m-wrap{padding:12px 10px 50px}.m-top{padding:8px 12px}.m-kv{grid-template-columns:120px 1fr}}
.m-h1 .m-btn{font-size:15px}
/* телефон: строка товара — карточкой */
@media (max-width:1180px){
  .m-tablebox .m-table thead{display:none}
  .m-table tr.m-row{display:grid;grid-template-columns:68px 1fr;column-gap:10px;padding:10px 0;border-bottom:1px solid var(--m-line)}
  .m-table tr.m-row td{border:0;padding:2px 0;grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left}
  .m-table tr.m-row td[data-label]::before{content:attr(data-label);color:var(--m-ink-2);font-size:13.5px}
  .m-table tr.m-row td.m-td-img{grid-column:1;grid-row:1 / span 4;align-items:flex-start}
  .m-table tr.m-row td.m-td-ck{display:none}
  .m-table tr.m-row td.m-td-title textarea{font-weight:700;min-width:0;padding-left:0}
  .m-table tr.m-row td.m-td-art{display:block}
  .m-table tr.m-row td.m-td-stock{align-items:flex-start}
  .m-table tr.m-row td.m-td-date{display:none}
  .m-stock{min-width:0;flex:1;max-width:220px}
  .m-tools .m-search{max-width:none}
  .m-h1 .m-btn{margin-left:0!important}
}
/* фильтры списка */
.m-filters{flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:14px}
.m-filters label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.m-in-sm{width:110px;padding:6px 8px}
@media (max-width:600px){.m-in-sm{width:96px}}
/* полоса выделения — как в основной CRM */
.m-sel-bar{flex-wrap:wrap;position:sticky;bottom:12px;z-index:5;box-shadow:0 8px 24px rgba(13,36,56,.25)}
.m-sel-n{color:#c8d1dc;font-weight:700;margin-right:auto}
.m-sb{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:9px 14px;font:inherit;font-weight:700;font-size:15px;color:#fff;cursor:pointer;text-decoration:none}
.m-sb-edit{background:#2b7de9}.m-sb-copy{background:#7c53c9}.m-sb-cat{background:#13968a}.m-sb-order{background:#1a7d3c}
.m-sb-label{background:#475569}.m-sb-del{background:#e74c3c}
.m-sb:hover{filter:brightness(1.08)}
.m-sb-cancel{border:0;background:none;color:#c8d1dc;font:inherit;font-weight:700;cursor:pointer;padding:9px 8px}
/* значки действий у строки */
.m-acts{display:grid;grid-template-columns:repeat(2,32px);gap:6px;justify-content:end}
.m-act{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--m-line);border-radius:9px;background:#fff;color:#2b7de9;text-decoration:none;font-size:15px;cursor:pointer}
.m-act:hover{border-color:#2b7de9}.m-act-label{color:#1a7d3c}.m-act-copy{color:#7c53c9}.m-act-cat{color:#13968a}
.m-dialog{border:0;border-radius:14px;padding:18px;max-width:420px;width:calc(100% - 32px)}
.m-dialog::backdrop{background:rgba(13,36,56,.45)}
@media (max-width:1180px){
  .m-table tr.m-row td.m-td-ck{display:flex;grid-column:1;grid-row:5;justify-content:flex-start}
  .m-table tr.m-row td.m-td-acts{justify-content:flex-start}
  .m-acts{grid-template-columns:repeat(4,32px);justify-content:start}
  .m-sb{padding:8px 10px;font-size:14px}
}
/* «Показать ещё» */
.m-more-wrap{text-align:center;margin:14px 0}
.m-more{min-width:220px}
/* увеличение фото */
img[data-full]{cursor:zoom-in}
.m-zoom{position:fixed;inset:0;z-index:500;background:rgba(13,20,30,.88);display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}
.m-zoom img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.4);background:#fff}
.m-zoom button{position:absolute;top:12px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:28px;cursor:pointer}
/* форма товара: блоками, а не одним белым полотном */
.m-form{max-width:1180px}
.m-form-cols{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
.m-sec{background:var(--m-surface);border-radius:var(--m-r);box-shadow:var(--m-shadow);padding:16px 18px;margin-bottom:16px;border-top:3px solid var(--m-accent)}
.m-sec-price{border-top-color:#1A9E5C}.m-sec-stock{border-top-color:#B7791F}
.m-sec-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;margin:0 0 12px}
.m-sec-i{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--m-accent-soft);color:var(--m-accent-ink);font-size:15px}
.m-sec-price .m-sec-i{background:rgba(26,158,92,.12);color:#1A7D3C}.m-sec-stock .m-sec-i{background:rgba(183,121,31,.14);color:#8A5A12}
.m-form .m-input,.m-form .m-select{background:var(--m-surface-2);border-color:transparent}
.m-form .m-input:focus,.m-form .m-select:focus{background:#fff;border-color:var(--m-accent)}
.m-form .m-input[readonly]{opacity:.7}
.m-input-lg{font-size:17px;font-weight:700}
.m-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
.m-grid-tight{gap:10px;margin-top:0}
.m-price-row{margin-bottom:10px}
.m-input-rub{position:relative}.m-input-rub .m-input{padding-right:30px;font-weight:700;font-size:16px}
.m-input-rub span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--m-ink-2)}
.m-markup{margin-top:4px;font-size:14px;color:var(--m-ink-2);background:var(--m-surface-2);border-radius:9px;padding:8px 10px}
.m-stock-in{display:grid;grid-template-columns:1fr auto 110px;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--m-line)}
.m-stock-in:first-of-type{border-top:0}
.m-stock-name{font-weight:700}
.m-stock-now{font-size:14px;font-weight:700;background:var(--m-surface-2);border-radius:20px;padding:3px 10px;white-space:nowrap}
.m-savebar{position:sticky;bottom:0;z-index:4;display:flex;gap:10px;align-items:center;background:rgba(238,241,245,.92);backdrop-filter:blur(6px);padding:12px 0;margin-top:4px}
.m-btn-ghost{background:none;border-color:transparent;color:var(--m-ink-2)}
@media (max-width:900px){.m-form-cols{grid-template-columns:1fr}}
@media (max-width:520px){.m-grid-2{grid-template-columns:1fr}.m-stock-in{grid-template-columns:1fr auto 96px}}
/* карточка: фото крупнее, загрузка — одной кнопкой */
.m-photo img{width:180px;height:150px;object-fit:contain;background:#fff;border:1px solid var(--m-line)}
.m-upload{position:relative;overflow:hidden;cursor:pointer}
.m-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.m-upload.busy{opacity:.6;pointer-events:none}
/* быстрые фильтры */
.m-chip b{font-weight:800;margin-left:4px;opacity:.75}
.m-chip-sep{font-size:13.5px;color:var(--m-ink-2);align-self:center;margin-left:8px}
.m-chip-warn{color:#B42318}.m-chip-fix{color:#8A5A12}
/* фото в карточке: главное и порядок */
.m-photo.main img{border:2px solid var(--m-accent)}
.m-photo-main{position:absolute;left:6px;top:6px;background:var(--m-accent);color:#fff;font-size:12px;font-weight:800;border-radius:6px;padding:2px 6px}
.m-photo-tools{position:absolute;right:4px;top:4px;display:flex;gap:4px}
.m-photo-tools form{position:static}
.m-photo-tools button{border:0;background:rgba(13,36,56,.65);color:#fff;border-radius:7px;width:24px;height:24px;cursor:pointer;font-size:15px;line-height:1}
.m-photo-tools button.bad{background:rgba(226,61,91,.85)}
.m-photo form{position:static}
/* «как продаётся» */
.m-sales-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.m-sales-grid div{background:var(--m-surface-2);border-radius:10px;padding:9px 10px}
.m-sales-grid span{display:block;font-size:13px;color:var(--m-ink-2)}
.m-sales-grid b{font-size:16px}
.m-sales-grid .warn{background:rgba(183,121,31,.14)}
@media (max-width:520px){.m-sales-grid{grid-template-columns:1fr 1fr}}
/* колонки карточки не распирает широкая таблица — она прокручивается внутри блока */
.m-cols > div{min-width:0}
.m-tablebox{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* список: главное фото крупнее, «N фото» — листать из списка */
.m-thumb-wrap{position:relative;display:inline-block}
.m-table .m-thumb{width:96px;height:96px;object-fit:contain;background:#fff;border:1px solid var(--m-line);border-radius:10px}
.m-thumb-n{position:absolute;right:4px;bottom:4px;background:rgba(13,36,56,.75);color:#fff;font-size:12px;font-weight:800;border-radius:7px;padding:1px 6px}
@media (max-width:1180px){.m-table tr.m-row{grid-template-columns:96px 1fr}.m-table .m-thumb{width:88px;height:88px}}
/* просмотр: маленькие фото растягиваем до видимого размера, стрелки и счётчик */
.m-zoom img{width:min(92vw,820px);height:min(86vh,820px);object-fit:contain;cursor:pointer}
.m-zoom .p,.m-zoom .n{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:34px;cursor:pointer}
.m-zoom .p{left:14px}.m-zoom .n{right:14px}
.m-zoom .x{position:absolute;top:12px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:28px;cursor:pointer}
.m-zoom .c{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#fff;font-weight:700;background:rgba(0,0,0,.35);padding:4px 12px;border-radius:20px}
.m-photo img{object-fit:contain}
.m-dialog-wide{max-width:760px}
/* список помещается без прокрутки вбок: короткие заголовки цен, узкие поля, дата под названием */
.m-wrap{max-width:1600px}
.m-th-price{white-space:normal;line-height:1.15}
.m-td-price .m-inline.num{width:84px;padding:5px 5px}
.m-td-title{min-width:200px}
.m-added{font-size:12.5px;color:var(--m-ink-2);padding:0 7px}
.m-td-art{max-width:150px}
.m-td-art .m-art{word-break:break-all}
.m-src{display:flex;gap:4px;align-items:flex-start;margin-top:6px;font-size:12px;line-height:1.25;color:#7a5410;background:#FFF4E0;border-radius:6px;padding:3px 6px;word-break:break-word;font-family:inherit}
.m-src span{flex:0 0 auto}
.m-perbox{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:12.5px;color:var(--m-ink-2);margin-bottom:4px}
.m-perbox .m-inline.num{width:52px;padding:2px 5px}
.m-td-stock{min-width:150px}

/* планшет: товары карточками в две колонки (таблица не помещается), телефон — в одну */
@media (min-width:701px) and (max-width:1180px){
  .m-tablebox .m-table tbody{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}
}
/* ===== панель выбранного: всплывает снизу, в стиле новой программы (а не тёмный блок из старой CRM) ===== */
.m-sel-bar{display:flex!important;position:fixed;left:50%;bottom:18px;transform:translate(-50%,140%);opacity:0;pointer-events:none;
  transition:transform .22s ease,opacity .22s ease;z-index:30;margin:0;width:max-content;max-width:calc(100vw - 24px);
  background:var(--m-surface);color:var(--m-ink);border:1px solid var(--m-line);border-radius:16px;padding:8px;gap:6px;align-items:center;
  box-shadow:0 12px 40px rgba(13,36,56,.18),0 2px 6px rgba(13,36,56,.06);flex-wrap:nowrap}
.m-sel-bar.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.m-sel-n{color:var(--m-ink-2);font-weight:600;margin:0 6px 0 4px;white-space:nowrap}
.m-sel-n b{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;border-radius:12px;background:var(--m-accent);color:#fff;font-size:14px;padding:0 7px;margin-right:4px}
.m-sb{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:10px;padding:8px 12px;font:inherit;font-weight:700;font-size:14.5px;
  color:var(--m-ink);background:var(--m-surface-2);cursor:pointer;text-decoration:none;white-space:nowrap;filter:none}
.m-sb:hover{background:var(--m-accent-soft);color:var(--m-accent-ink);filter:none}
.m-sb-main{background:var(--m-accent);color:#fff}.m-sb-main:hover{background:var(--m-accent-ink);color:#fff}
.m-sb-bad{color:var(--m-bad);background:rgba(226,61,91,.08)}.m-sb-bad:hover{background:rgba(226,61,91,.16);color:var(--m-bad)}
.m-sb-x{border:0;background:none;color:var(--m-ink-2);font-size:22px;line-height:1;width:34px;height:34px;border-radius:10px;cursor:pointer}
.m-sb-x:hover{background:var(--m-surface-2)}
body.m-has-sel .m-wrap{padding-bottom:110px}
@media (max-width:700px){
  .m-sel-bar{left:8px;right:8px;bottom:8px;width:auto;max-width:none;transform:translateY(140%);overflow-x:auto;-webkit-overflow-scrolling:touch}
  .m-sel-bar.on{transform:translateY(0)}
  .m-sb{padding:8px 10px;font-size:14px}
}
/* ===== шапка таблицы закреплена при прокрутке (под верхней панелью сайта) ===== */
@media (min-width:1181px){
  #list .m-tablebox{overflow:visible}
  #list .m-table thead th{position:sticky;top:var(--m-top-h,57px);z-index:6;background:var(--m-surface);box-shadow:0 1px 0 var(--m-line)}
}
/* ===== меню разделов CRM сверху (группами), вкладки раздела ===== */
.m-brand{font-weight:900;letter-spacing:.5px;color:var(--m-ink);text-decoration:none;font-size:17px}
.m-mainnav{display:flex;align-items:center;gap:4px}
.m-ng{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;font-weight:700;font-size:15px;color:var(--m-ink-2);text-decoration:none;cursor:pointer;list-style:none;user-select:none}
.m-ng::-webkit-details-marker{display:none}
.m-ng-d > summary::after{content:'▾';font-size:12px;opacity:.6}
.m-ng:hover,.m-ng-d[open] > .m-ng{background:var(--m-surface-2);color:var(--m-ink)}
.m-ng.on{background:var(--m-accent-soft);color:var(--m-accent-ink)}
.m-ng-d{position:relative}
.m-ng-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--m-surface);border:1px solid var(--m-line);border-radius:12px;box-shadow:0 12px 36px rgba(13,36,56,.14);padding:6px;z-index:40}
.m-ng-menu a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;color:var(--m-ink);text-decoration:none;font-weight:600}
.m-ng-menu a:hover{background:var(--m-surface-2)}
.m-ng-menu a.on{background:var(--m-accent-soft);color:var(--m-accent-ink)}
.m-ng-ext{margin-left:auto;font-size:13px;color:var(--m-ink-2);opacity:.7}
.m-ng-badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:10px;background:var(--m-bad);color:#fff;font-size:12px;font-weight:800;padding:0 6px}
.m-ng-menu .m-ng-badge{margin-left:auto}
.m-ng-menu .m-ng-badge + .m-ng-ext{margin-left:6px}
.m-burger{display:none;border:1px solid var(--m-line);background:var(--m-surface);border-radius:10px;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer}
.m-subnav{display:flex;gap:6px;flex-wrap:wrap;max-width:1600px;margin:14px auto 0;padding:0 20px}
.m-subnav a{padding:8px 14px;border-radius:10px;font-weight:700;font-size:15px;color:var(--m-ink-2);text-decoration:none;background:var(--m-surface);border:1px solid var(--m-line)}
.m-subnav a:hover{color:var(--m-ink)}
.m-subnav a.on{background:var(--m-ink);color:#fff;border-color:var(--m-ink)}
.m-wrap{padding-top:14px}
.m-mobnav{display:none}
@media (max-width:1100px){
  .m-burger{display:inline-flex}
  .m-mainnav{display:none}
  .m-mobnav{position:fixed;left:0;right:0;top:var(--m-top-h,57px);bottom:0;z-index:35;background:var(--m-surface);flex-direction:column;padding:6px 14px 30px;overflow:auto}
  body.m-nav-open .m-mobnav{display:flex}
  .m-mobnav-g{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--m-ink-2);margin:14px 4px 4px}
  .m-mobnav a{display:flex;align-items:center;gap:8px;padding:12px 10px;border-radius:10px;color:var(--m-ink);text-decoration:none;font-weight:700;font-size:16px}
  .m-mobnav a.on{background:var(--m-accent-soft);color:var(--m-accent-ink)}
  .m-mobnav .m-ng-badge{margin-left:auto}
  .m-user{display:none}
  .m-subnav{padding:0 10px;overflow-x:auto;flex-wrap:nowrap}
  .m-subnav a{white-space:nowrap}
}
/* ===== боковое меню разделов: полоска значков, раскрывается поверх, можно закрепить ===== */
:root{--m-rail:64px;--m-side-w:244px}
body{padding-left:var(--m-rail)}
body.m-side-pinned{padding-left:var(--m-side-w)}
.m-mainnav,.m-mobnav{display:none!important}
.m-side{position:fixed;left:0;top:0;bottom:0;z-index:45;width:var(--m-rail);background:var(--m-surface);border-right:1px solid var(--m-line);
  overflow-x:hidden;overflow-y:auto;padding:12px 10px 16px;transition:width .18s ease,box-shadow .18s ease;scrollbar-width:thin}
.m-side:hover,.m-side:focus-within,body.m-side-pinned .m-side{width:var(--m-side-w)}
.m-side:hover,.m-side:focus-within{box-shadow:12px 0 40px rgba(13,36,56,.12)}
body.m-side-pinned .m-side{box-shadow:none}
.m-side-g{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--m-ink-2);margin:12px 6px 4px;white-space:nowrap;height:14px;overflow:hidden;opacity:0;transition:opacity .15s}
.m-side-g:first-child{margin-top:2px}
.m-side:hover .m-side-g,.m-side:focus-within .m-side-g,body.m-side-pinned .m-side-g{opacity:1}
.m-side-a{position:relative;display:flex;align-items:center;gap:12px;height:42px;padding:0 11px;border-radius:11px;color:var(--m-ink-2);text-decoration:none;font-weight:700;font-size:15.5px;white-space:nowrap}
.m-side-a svg{flex:0 0 21px}
.m-side-a:hover{background:var(--m-surface-2);color:var(--m-ink)}
.m-side-a.on{background:var(--m-accent);color:#fff}
.m-side-t{opacity:0;transition:opacity .12s}
.m-side:hover .m-side-t,.m-side:focus-within .m-side-t,body.m-side-pinned .m-side-t{opacity:1}
.m-side-a .m-ng-badge{margin-left:auto}
.m-side:not(:hover):not(:focus-within) .m-side-a .m-ng-badge{position:absolute;left:28px;top:4px;min-width:16px;height:16px;font-size:11px;padding:0 4px}
body.m-side-pinned .m-side .m-side-a .m-ng-badge{position:static;margin-left:auto;min-width:20px;height:20px;font-size:12px}
.m-side-pin{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;margin-top:14px;border:0;background:none;color:var(--m-ink-2);font:inherit;font-size:13.5px;cursor:pointer;padding:6px 10px;border-radius:9px;white-space:nowrap}
.m-side-pin:hover{background:var(--m-surface-2)}
body.m-side-pinned .m-side-pin span:last-child{filter:grayscale(0)}
.m-side-pin span:last-child{filter:grayscale(1)}
.m-burger{display:none}
/* телефон/планшет: меню прячется и выезжает по ☰ поверх страницы */
@media (max-width:900px){
  body,body.m-side-pinned{padding-left:0}
  .m-side{width:280px!important;transform:translateX(-100%);transition:transform .2s ease;box-shadow:none}
  body.m-nav-open .m-side{transform:none;box-shadow:12px 0 40px rgba(13,36,56,.2)}
  body.m-nav-open::after{content:'';position:fixed;inset:0;background:rgba(13,36,56,.35);z-index:44}
  .m-side .m-side-g,.m-side .m-side-t{opacity:1}
  .m-side .m-side-a .m-ng-badge{position:static!important;margin-left:auto}
  .m-side-pin{display:none}
  .m-burger{display:inline-flex;border:1px solid var(--m-line);background:var(--m-surface);border-radius:10px;padding:7px 12px;font-size:18px;cursor:pointer}
}
/* средние экраны: таблица компактнее, чтобы вместе с полоской меню влезала без прокрутки вбок */
@media (min-width:1181px) and (max-width:1500px){
  .m-table .m-thumb{width:72px;height:72px}
  .m-td-price .m-inline.num{width:74px}
  .m-td-title{min-width:170px}
  .m-table td,.m-table th{padding-left:6px;padding-right:6px}
}
/* цены в строке — со знаком ₽ */
.m-rub-in{display:inline-flex;align-items:center;gap:2px}
.m-rub-in i{font-style:normal;color:var(--m-ink-2);font-size:13.5px}
.m-rub-in input[value=""] + i{opacity:.35}
/* панель выбранного — цветные мягкие кнопки со значками */
.m-sb{gap:7px;padding:9px 13px}
.m-sb svg{flex:0 0 auto}
.m-sb-main{background:linear-gradient(135deg,#2b7de9,#1e63c9);color:#fff;box-shadow:0 4px 14px rgba(43,125,233,.35)}
.m-sb-main:hover{background:linear-gradient(135deg,#1e6fd6,#1752ad);color:#fff}
.m-sb-violet{background:#F1ECFB;color:#6A3FC0}.m-sb-violet:hover{background:#E4DAF8;color:#5A2FB0}
.m-sb-teal{background:#E3F5F2;color:#0E7A6D}.m-sb-teal:hover{background:#CDEEE8;color:#0B6A5E}
.m-sb-green{background:#E6F6EC;color:#1A7D3C}.m-sb-green:hover{background:#D1EEDC;color:#156A32}
.m-sb-amber{background:#FFF3DF;color:#9A6406}.m-sb-amber:hover{background:#FFE7BF;color:#86560A}
.m-sb-bad{background:#FDECEF;color:#C8304D}.m-sb-bad:hover{background:#F9D6DD;color:#B02642}
.m-sel-bar{border:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);box-shadow:0 14px 44px rgba(13,36,56,.22),0 0 0 1px rgba(13,36,56,.06)}
/* ошибка — словами, прямо под полем; черновик */
.m-err{color:var(--m-bad);font-size:13.5px;font-weight:600;margin-top:5px}
.m-input.m-bad,.m-select.m-bad{border-color:var(--m-bad)!important;background:#FFF5F7!important}
.m-draft-note{background:#EAF3FF;color:var(--m-accent-ink);border-radius:10px;padding:9px 12px;margin:0 0 12px;font-size:14.5px;font-weight:600}
.m-draft-note button{border:0;background:none;color:var(--m-accent-ink);text-decoration:underline;font:inherit;cursor:pointer}
/* боковое меню — цветные значки разделов (каждый раздел своим цветом) */
.m-side-a{padding:0 8px;gap:11px}
.m-ico{flex:0 0 32px;width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--ic-bg);color:var(--ic)}
.m-side-a.on{background:var(--m-accent-soft);color:var(--m-accent-ink)}
.m-side-a.on .m-ico{background:var(--ic);color:#fff;box-shadow:0 4px 12px var(--ic-sh)}
.m-c-dashboard{--ic:#2b7de9;--ic-bg:#E8F1FD;--ic-sh:rgba(43,125,233,.35)}
.m-c-reports{--ic:#7c53c9;--ic-bg:#F1ECFB;--ic-sh:rgba(124,83,201,.35)}
.m-c-orders{--ic:#e8590c;--ic-bg:#FFF0E6;--ic-sh:rgba(232,89,12,.35)}
.m-c-clients{--ic:#0e7a6d;--ic-bg:#E3F5F2;--ic-sh:rgba(14,122,109,.35)}
.m-c-payments{--ic:#c8304d;--ic-bg:#FDECEF;--ic-sh:rgba(200,48,77,.35)}
.m-c-tovar{--ic:#1e63c9;--ic-bg:#E6EFFC;--ic-sh:rgba(30,99,201,.35)}
.m-c-sklad{--ic:#6b4f2a;--ic-bg:#F5EEE4;--ic-sh:rgba(107,79,42,.35)}
.m-c-postavki{--ic:#9a6406;--ic-bg:#FFF3DF;--ic-sh:rgba(154,100,6,.35)}
.m-c-move{--ic:#0b7285;--ic-bg:#E3F4F7;--ic-sh:rgba(11,114,133,.35)}
.m-c-inventory{--ic:#5c7c1a;--ic-bg:#EEF6E2;--ic-sh:rgba(92,124,26,.35)}
.m-c-cashbox{--ic:#1a7d3c;--ic-bg:#E6F6EC;--ic-sh:rgba(26,125,60,.35)}
.m-c-logists{--ic:#2856B8;--ic-bg:#E8EFFD;--ic-sh:rgba(40,86,184,.35)}
.m-c-users{--ic:#4c5fd5;--ic-bg:#ECEEFC;--ic-sh:rgba(76,95,213,.35)}
.m-c-settings{--ic:#5e7085;--ic-bg:#EEF1F5;--ic-sh:rgba(94,112,133,.35)}
.m-c-audit{--ic:#8a5a12;--ic-bg:#F8F0E2;--ic-sh:rgba(138,90,18,.35)}
.m-c-korzina{--ic:#9b2c2c;--ic-bg:#FBEAEA;--ic-sh:rgba(155,44,44,.35)}
.m-side:not(:hover):not(:focus-within) .m-side-a .m-ng-badge{left:26px;top:2px}

/* карточка товара: шапка, фото крупно, цены плитками */
.m-tv-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.m-tv-head-l{min-width:0;flex:1 1 420px}
.m-back{display:inline-block;font-size:14px;font-weight:600;margin-bottom:4px}
.m-tv-title{font-size:24px;line-height:1.2;margin:0 0 8px;font-weight:800;color:var(--m-ink);overflow-wrap:anywhere}
.m-tv-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.m-chip-code{background:var(--m-surface);border:1px solid var(--m-line);border-radius:8px;padding:4px 9px;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.m-chip-code i{font-style:normal;font-weight:600;color:var(--m-ink-2);margin-right:6px;font-size:13px}
.m-chip-cat{background:var(--m-accent-soft);color:var(--m-accent-ink);border-radius:8px;padding:4px 10px;font-weight:700;font-size:14px}
.m-tv-added{font-size:13.5px;margin-left:4px}
.m-tv-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.m-tv-acts form{margin:0}
.m-tv-main{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:22px;align-items:start}
.m-tv-gal{display:flex;flex-direction:column;gap:10px;min-width:0}
.m-tv-big{position:relative;aspect-ratio:1/1;border-radius:12px;background:#fff;border:1px solid var(--m-line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.m-tv-big img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.m-tv-nophoto{color:var(--m-ink-2);font-weight:600;background:var(--m-surface-2);border-style:dashed}
.m-tv-big .m-thumb-n{position:absolute;right:8px;bottom:8px;background:rgba(13,36,56,.7);color:#fff;font-size:13px;font-weight:700;border-radius:7px;padding:2px 8px}
.m-tv-strip{gap:8px}
.m-tv-strip .m-photo img{width:72px;height:72px}
.m-tv-strip .m-photo-tools{right:2px;top:2px;gap:2px}
.m-tv-strip .m-photo-tools button{width:20px;height:20px;font-size:13px;border-radius:5px}
.m-tv-info{min-width:0;display:flex;flex-direction:column;gap:16px}
.m-price-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.m-pt{border-radius:12px;padding:12px 14px;border-left:4px solid}
.m-pt span{display:block;font-size:13.5px;font-weight:600;color:var(--m-ink-2)}
.m-pt b{display:block;font-size:20px;font-weight:800;margin-top:2px;font-variant-numeric:tabular-nums;white-space:nowrap}
.m-pt small{display:block;font-size:13px;color:var(--m-ink-2);margin-top:2px}
.m-pt-grey{background:#F1F3F6;border-color:#8A97A8}
.m-pt-violet{background:#F3EEFD;border-color:#7C5CD6}
.m-pt-teal{background:#E8F7F4;border-color:#14A38B}
.m-pt-blue{background:#EAF3FE;border-color:var(--m-accent)}
.m-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.m-facts div{background:var(--m-surface-2);border-radius:10px;padding:9px 12px;min-width:0}
.m-facts dt{font-size:13px;color:var(--m-ink-2);font-weight:600}
.m-facts dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}
.m-tv-desc{white-space:pre-line;background:var(--m-surface-2);border-radius:10px;padding:10px 12px;font-size:15px}
@media (max-width:1180px){.m-tv-main{grid-template-columns:minmax(170px,240px) minmax(0,1fr);gap:16px}}
@media (max-width:640px){.m-tv-main{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.m-tv-title{font-size:20px}.m-pt b{font-size:17px}.m-tv-acts .m-btn{flex:1 1 auto;text-align:center}}
/* телефон: блоки карточки в порядке важности — фото/цены, остаток, продажи, поставки, история */
@media (max-width:900px){
  .m-tv-cols{display:flex;flex-direction:column;align-items:stretch;gap:16px}
  .m-tv-cols > div{display:contents}
  .m-tv-cols .m-card{margin:0}
  .m-o2{order:2}.m-o3{order:3}.m-o4{order:4}.m-o5{order:5}.m-o6{order:6}
}
/* история цен и движения: без шапки — строка компактной лентой, кнопка справа */
@media (max-width:1180px){
  .m-table.m-mini tr{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px;padding:9px 0;border-bottom:1px solid var(--m-line)}
  .m-table.m-mini td{border:0;padding:0;text-align:left}
  .m-table.m-mini td:first-child{flex-basis:100%;font-size:13.5px;color:var(--m-ink-2)}
  .m-table.m-mini td:last-child form{margin-left:auto}
  .m-table.m-mini td:has(form){margin-left:auto}
}
.m-tv-gal .m-upload{white-space:normal;max-width:100%;text-align:center;justify-content:center;flex-wrap:wrap}
/* правка цены и наценки прямо в плитке */
.m-pt-edit{display:flex;align-items:center;gap:4px;margin-top:4px}
.m-pt-edit input{width:100%;min-width:0;font-size:19px;font-weight:800;color:var(--m-ink);background:rgba(255,255,255,.75);border:1px solid transparent;border-radius:8px;padding:3px 8px;font-variant-numeric:tabular-nums;font-family:inherit}
.m-pt-edit input:hover{border-color:var(--m-line)}
.m-pt-edit input:focus{outline:0;background:#fff;border-color:var(--m-accent);box-shadow:0 0 0 3px var(--m-accent-soft)}
.m-pt-edit i{font-style:normal;font-weight:800;color:var(--m-ink-2)}
.m-pt-mk{display:flex;align-items:center;gap:3px;margin-top:6px;font-size:13.5px;font-weight:700;color:#1a7d3c}
.m-pt-mk input{width:58px;border:1px solid #cfe3d6;background:#fff;border-radius:7px;padding:3px 6px;font-weight:800;color:#166a33;text-align:right;font-family:inherit;font-size:14px}
.m-pt-mk input:focus{outline:0;border-color:#1a7d3c;box-shadow:0 0 0 3px rgba(26,125,60,.12)}
.m-pt input.saved{background:#e7f6ec;border-color:#1a7d3c}
.m-pt input.err{background:#fdecea;border-color:#c0392b}
.m-pt-mk{white-space:nowrap}.m-pt .m-pt-mkw{display:inline;margin-left:3px;font-size:inherit;color:inherit;font-weight:inherit}@media (max-width:520px){.m-pt .m-pt-mkw{display:none}}
/* шапка: процент с продаж вошедшего */
.m-bns{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 12px;border:1px solid #d6e9dc;background:#f4fbf6;border-radius:10px;white-space:nowrap}
.m-bns i{font-style:normal;font-weight:800;color:#1a7d3c;font-size:14px}
.m-bns span{display:inline-flex;align-items:baseline;gap:5px;line-height:1}
.m-bns small{font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--m-ink-2);font-weight:700}
.m-bns b{font-size:15px;font-weight:800;color:var(--m-ink);font-variant-numeric:tabular-nums}
.m-bns .m-bns-t b{color:#1a7d3c}
.m-bns .m-bns-sep{width:1px;height:16px;background:#d6e9dc}
@media (max-width:1180px){.m-bns small{display:none}}
@media (max-width:520px){.m-bns{gap:6px;padding:0 8px;height:34px}.m-bns b{font-size:14px}}

/* ===== «В пути» (поставки) ===== */
.m-btn-ok{background:#1a7d3c;border-color:#1a7d3c;color:#fff}.m-btn-ok:hover{background:#156a32}
.m-btn-warn{background:#FFF3DF;border-color:#F0D49C;color:#86560A}.m-btn-warn:hover{background:#FFE7BF}
.m-pt-amber{background:#FFF6E6;border-color:#E0A23A}.m-pt-red{background:#FDEDEF;border-color:#E23D5B}
.m-ps-tag{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;padding:2px 9px;border-radius:20px;background:var(--m-surface-2);color:var(--m-ink-2);border:1px solid transparent;white-space:nowrap;vertical-align:middle;font-family:inherit;line-height:1.5}
.m-ps-tag.blue{background:#EAF3FE;color:#0B63BF}.m-ps-tag.amber{background:#FFF4DF;color:#8A5A0A;border-color:#F1D9A8}
.m-ps-tag.green{background:#E6F6EC;color:#1A7D3C}.m-ps-tag.red{background:#FDECEF;color:#B02642;border-color:#F5C2CC}
button.m-ps-tag{cursor:pointer}button.m-ps-tag:hover{filter:brightness(.97)}
.m-ps-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.m-ps-head .m-h1{margin:0}
.m-ps-search{display:flex;gap:8px;align-items:center;flex:0 1 380px}
.m-ps-group{margin-bottom:16px;border-top:3px solid #7C5CD6}
.m-ps-sup{display:flex;gap:8px;align-items:baseline}
.m-ps-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 10px;border-radius:10px;border-bottom:1px solid var(--m-line);cursor:pointer}
.m-ps-row:last-child{border-bottom:0}
.m-ps-row:hover{background:#FAFCFE}
.m-ps-title{font-weight:700;color:var(--m-ink);overflow-wrap:anywhere}
.m-ps-meta{font-size:13.5px;margin-top:2px}
.m-ps-err{color:var(--m-bad);font-size:13.5px;margin-top:3px}
.m-ps-nums{display:flex;gap:16px}
.m-ps-nums span{display:flex;flex-direction:column;min-width:64px}
.m-ps-nums small{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--m-ink-2);font-weight:700}
.m-ps-nums b{font-size:16px;font-variant-numeric:tabular-nums}
.m-ps-nums .m-ps-bad b{color:var(--m-bad)}
.m-ps-bar{display:block;height:6px;border-radius:6px;background:var(--m-surface-2);overflow:hidden;margin-top:4px;min-width:80px}
.m-ps-bar i{display:block;height:100%;background:linear-gradient(90deg,#1a9e5c,#36c27a);border-radius:6px;transition:width .3s}
.m-ps-acts{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.m-ps-acts form{margin:0;display:flex;align-items:center;gap:6px}
.m-ps-del label{font-size:13px;white-space:nowrap;cursor:pointer}
.m-ps-proc{cursor:default;background:#F6FAFF}
.m-ps-prog{grid-column:2 / span 2;min-width:220px}.m-ps-ptxt{font-size:13px;margin-top:4px}
.m-ps-sup-row{display:flex;gap:10px;align-items:baseline;padding:9px 2px;border-bottom:1px solid var(--m-line)}
.m-ps-sup-row .m-muted{margin-left:auto;font-size:14px}
@media (max-width:760px){
  .m-ps-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .m-ps-nums{gap:12px}.m-ps-acts{justify-content:flex-start}
  .m-ps-prog{grid-column:auto}
}
/* приёмка */
.m-ps-showhead{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}
.m-ps-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}
.m-ps-sum .m-pt{padding:10px 14px}
.m-ps-match{margin-bottom:14px;border-top:3px solid #E0A23A}
.m-ps-match summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;list-style:none}
.m-ps-match summary::-webkit-details-marker{display:none}
.m-ps-match summary::before{content:'▸';color:#8A5A0A;transition:transform .15s}
.m-ps-match[open] summary::before{transform:rotate(90deg)}
.m-ps-simsum{display:inline-flex;gap:6px;flex-wrap:wrap}
.m-ps-mlist{margin-top:10px}
.m-ps-mrow{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:7px 0;border-top:1px solid #F3E7CF;font-size:15px}
.m-ps-mrow a{font-weight:700}
.m-ps-bar-top{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:12px;position:sticky;top:var(--m-top-h,0px);z-index:6}
.m-ps-sklad{display:flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}
.m-ps-sklad .m-select{width:auto;min-width:160px}
.m-ps-find{flex:1 1 260px;max-width:420px}
.m-ps-all{display:flex;gap:6px;align-items:center;cursor:pointer;color:var(--m-ink-2);font-weight:600;white-space:nowrap}
.m-ps-hint{flex-basis:100%;margin:0;font-size:13.5px;color:var(--m-ink-2)}
.m-ps-items{padding:6px 10px}
.m-ps-it{display:grid;grid-template-columns:26px 156px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--m-line)}
.m-ps-it:last-child{border-bottom:0}
.m-ps-it.done{opacity:.62}
.m-ps-ck input{width:18px;height:18px}
.m-ps-ph{display:flex;gap:6px}
.m-ps-ph figure{margin:0;text-align:center}
.m-ps-ph img,.m-ps-noph{width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid var(--m-line);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.m-ps-noph{cursor:default;border-style:dashed;color:#A9B4C2;font-size:11.5px;line-height:1.15;padding:4px;background:var(--m-surface-2)}
.m-ps-ph figcaption{font-size:11.5px;color:var(--m-ink-2);margin-top:2px}
.m-ps-info{min-width:0;display:flex;flex-direction:column;gap:6px}
.m-ps-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.m-ps-cost{font-size:13.5px}
.m-ps-name{font-weight:600}
.m-ps-bc{display:flex;gap:6px;max-width:300px}
.m-ps-bc .m-input{padding:6px 10px;font-size:14.5px}
.m-ps-q{display:flex;gap:8px;align-items:flex-end}
.m-ps-q label{display:flex;flex-direction:column;gap:3px;min-width:58px}
.m-ps-q small{font-size:12px;color:var(--m-ink-2);font-weight:700;white-space:nowrap}
.m-ps-q b{font-size:18px;line-height:36px;font-variant-numeric:tabular-nums}
.m-ps-q em{font-style:normal;font-size:12.5px;margin-top:-8px}
.m-ps-q .m-input{width:76px;text-align:center;padding:7px 6px;font-weight:700}
.m-ps-red{color:var(--m-bad)}
.m-ps-ok{color:#1a7d3c;font-weight:700}.m-ps-short{color:var(--m-bad);font-size:13.5px;font-weight:700;margin-left:8px}
.m-input.saved{border-color:#1a7d3c;background:#E7F6EC}.m-input.err{border-color:var(--m-bad);background:#FDECEA}
@media (max-width:1180px){
  .m-ps-it{grid-template-columns:26px 156px minmax(0,1fr)}
  .m-ps-q{grid-column:2 / -1;flex-wrap:wrap}
}
@media (max-width:640px){
  .m-ps-it{grid-template-columns:24px minmax(0,1fr);gap:8px 10px}
  .m-ps-ph,.m-ps-info,.m-ps-q{grid-column:2}
  .m-ps-ph img,.m-ps-noph{width:64px;height:64px}
  .m-ps-q label{min-width:0;flex:1 1 60px}.m-ps-q .m-input{width:100%}
  .m-ps-q .m-btn{flex:1 1 100%;justify-content:center}
  .m-ps-bar-top{position:static}
  .m-ps-sklad{flex-wrap:wrap;white-space:normal}
}
/* окно сравнения */
.m-cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.m-cmp-cap{font-size:13.5px;font-weight:700;color:var(--m-ink-2);margin-bottom:6px}
.m-cmp-img{aspect-ratio:1/1;border:1px solid var(--m-line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.m-cmp-img img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.m-cmp-img .m-ps-noph{width:100%;height:100%;border:0}
.m-cmp-t{font-weight:700;margin-top:8px}
.m-cmp-verdict{margin:14px 0 0;font-weight:700;padding:9px 12px;border-radius:10px;background:var(--m-surface-2)}
.m-cmp-verdict:empty{display:none}
.m-cmp-verdict.green{background:#E6F6EC;color:#1A7D3C}.m-cmp-verdict.amber{background:#FFF4DF;color:#8A5A0A}.m-cmp-verdict.red{background:#FDECEF;color:#B02642}
.m-cmp-acts{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}
@media (max-width:520px){.m-cmp-grid{gap:10px}.m-cmp-acts .m-btn{flex:1 1 100%;justify-content:center}}
/* ручная поставка */
.m-man-row{display:grid;grid-template-columns:26px 92px minmax(160px,2fr) repeat(auto-fit,minmax(90px,1fr));gap:8px 10px;align-items:end;padding:10px 0;border-bottom:1px solid var(--m-line)}
.m-man-row label.m-field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:var(--m-ink-2)}
.m-man-n{font-weight:800;color:var(--m-ink-2);align-self:center}
.m-man-ph{position:relative;display:flex;align-items:center;justify-content:center;height:40px;border:1px dashed #C9D3DF;border-radius:10px;cursor:pointer;font-size:14px;color:var(--m-ink-2);background:var(--m-surface-2)}
.m-man-ph i{font-style:normal;font-weight:700}
.m-man-ph.has{border-style:solid;border-color:#1a7d3c;background:#E7F6EC;color:#1a7d3c}
.m-man-ph input{position:absolute;inset:0;opacity:0;cursor:pointer}
.m-man-full{grid-column:1 / -1}
.js-add{margin-top:10px}
@media (max-width:760px){
  .m-man-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .m-man-n{grid-column:1;align-self:center}
  .m-man-ph{grid-column:2}
  .m-man-name{grid-column:1 / -1}
}
.m-th-sep{color:#C3CCD8;margin:0 4px}
@media (max-width:640px){.m-savebar .m-muted{display:none}}
@media (max-width:520px){
  .js-bar{flex-wrap:wrap;justify-content:center;width:calc(100vw - 24px)}
  .js-bar .m-sb{flex:1 1 auto;justify-content:center}
}
.m-ps-q .m-input + em{margin-top:2px;white-space:nowrap;font-size:12px}
/* загрузка каталога */
.m-imp{max-width:860px}
.m-imp-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:120px;border:2px dashed #C9D3DF;border-radius:14px;background:var(--m-surface-2);cursor:pointer;text-align:center;padding:16px}
.m-imp-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.m-imp-drop.over,.m-imp-drop:hover{border-color:var(--m-accent);background:var(--m-accent-soft)}
.m-imp-drop.has{border-style:solid;border-color:#1a7d3c;background:#E7F6EC}
.m-imp-drop b{overflow-wrap:anywhere}
.m-imp-force{display:flex;gap:8px;align-items:center;margin-top:10px;font-weight:700;color:var(--m-bad);cursor:pointer}
.m-imp-prog{margin-top:12px}.m-imp-prog .m-ps-bar{height:10px}.m-imp-prog .m-muted{display:block;margin-top:6px;font-size:14px}
.m-imp [hidden]{display:none!important}
/* строка приёмки: поля в одну линию, подпись «в коробке N шт» под полем не раздвигает строку */
.m-ps-q{align-items:flex-start;padding-bottom:16px}
.m-ps-q label{position:relative}
.m-ps-q .m-input + em{position:absolute;left:0;top:100%;margin-top:3px}
.m-ps-q .m-btn{margin-top:18px}

/* ===== «Загрузить накладную» (генератор каталога в CRM) ===== */
.m-ps-new{font-size:11px;font-weight:800;background:#1a7d3c;color:#fff;border-radius:6px;padding:1px 5px;margin-left:3px;vertical-align:middle}
.m-nk-params{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 12px;margin-top:12px}
.m-nk-params label.m-field{display:flex;flex-direction:column;gap:4px;font-size:13.5px;font-weight:700;color:var(--m-ink-2)}
.m-nk-dost{display:flex;gap:6px}.m-nk-dost .m-select{width:auto}
.m-nk-pbtn{grid-column:1 / -1;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.m-nk-params-card summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;list-style:none}
.m-nk-params-card summary::-webkit-details-marker{display:none}
.m-nk-params-card{margin-bottom:12px}
.m-nk-block{border-top:3px solid var(--m-bad);margin-bottom:12px}
.m-nk-bl{padding:8px 12px;background:#FDECEF;color:#9B1C34;border-radius:10px;margin-top:6px;font-weight:600}
.m-nk-warn{background:#FFF6E6;color:#7A5300}
.m-nk-skip{margin-bottom:12px}.m-nk-skip summary{cursor:pointer}
.m-nk-skrow{padding:5px 0;border-top:1px solid var(--m-line);font-size:14.5px}
.m-nk-flt{position:sticky;top:var(--m-top-h,0px);z-index:5;background:var(--m-bg);padding:8px 0;margin:0}
.m-nk-flt .m-chip{border:0;cursor:pointer;font:inherit;font-weight:600;font-size:14px}
.m-nk-rows{display:flex;flex-direction:column;gap:10px;padding-bottom:90px}
.m-nk-row{display:grid;grid-template-columns:150px minmax(0,1fr) 300px;gap:14px;background:var(--m-surface);border-radius:14px;padding:12px;box-shadow:var(--m-shadow);border-left:4px solid transparent}
.m-nk-row.bad{border-left-color:var(--m-bad)}.m-nk-row.wn{border-left-color:#E0A23A}.m-nk-row.skip{opacity:.5}
.m-nk-ph{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.m-nk-main{width:150px;height:150px;object-fit:contain;background:#fff;border:1px solid var(--m-line);border-radius:12px;cursor:zoom-in}
div.m-nk-main{display:flex;align-items:center;justify-content:center}
.m-nk-alt{display:flex;flex-wrap:wrap;gap:5px}
.m-nk-alt button{position:relative;padding:0;border:2px solid transparent;border-radius:9px;background:none;cursor:pointer}
.m-nk-alt button.on{border-color:var(--m-accent)}
.m-nk-alt img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:7px;display:block}
.m-nk-alt i{position:absolute;right:1px;bottom:1px;font-style:normal;font-size:10.5px;font-weight:800;background:rgba(13,36,56,.7);color:#fff;border-radius:4px;padding:0 3px}
.m-nk-ph small{font-size:12px}
.m-nk-info{min-width:0;display:flex;flex-direction:column;gap:7px}
.m-nk-art{width:150px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;padding:5px 8px}
.m-nk-src{font-size:13.5px}
.m-nk-match{display:flex;gap:10px;align-items:flex-start;background:#F4F7FB;border-radius:12px;padding:8px}
.m-nk-match img,.m-nk-match .m-ps-noph{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:9px;border:1px solid var(--m-line);flex:0 0 auto;cursor:zoom-in}
.m-nk-match a{font-weight:700}
.m-nk-dec{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.m-nk-dec .m-btn.on{background:var(--m-ink);color:#fff;border-color:var(--m-ink)}
.m-nk-num{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.m-nk-num label{display:flex;flex-direction:column;gap:3px}
.m-nk-num small{font-size:12px;font-weight:700;color:var(--m-ink-2)}
.m-nk-num .m-input{text-align:right;font-weight:700;padding:7px 8px}
.m-nk-num .m-nk-ed{background:#FFF6E6;border-color:#E0A23A}
.m-nk-calc{grid-column:1 / -1;display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--m-ink-2)}
.m-nk-calc b{font-size:19px;color:var(--m-ink);font-variant-numeric:tabular-nums}.m-nk-calc b i{font-style:normal;font-size:13px;color:var(--m-ink-2);font-weight:600}
.m-nk-acts{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;color:var(--m-ink-2)}
.m-nk-acts label{flex-direction:row;align-items:center;gap:5px;cursor:pointer}
.m-nk-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:30;display:flex;gap:12px;align-items:center;max-width:calc(100vw - 24px);width:max-content;
  background:rgba(255,255,255,.97);border-radius:16px;padding:9px 10px 9px 16px;box-shadow:0 14px 44px rgba(13,36,56,.22),0 0 0 1px rgba(13,36,56,.06);border-left:4px solid #E0A23A}
.m-nk-bar.ok{border-left-color:#1a7d3c}
.m-nk-bar-t{font-size:14.5px;max-width:640px}
.m-nk-bar .m-btn:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:1180px){.m-nk-row{grid-template-columns:120px minmax(0,1fr)}.m-nk-num{grid-column:1 / -1;grid-template-columns:1fr 1fr}.m-nk-main{width:120px;height:120px}}
@media (max-width:640px){
  .m-nk-row{grid-template-columns:1fr;gap:10px}
  .m-nk-ph{flex-direction:row;flex-wrap:wrap;align-items:flex-start}
  .m-nk-main{width:110px;height:110px}
  .m-nk-bar{flex-direction:column;align-items:stretch;width:calc(100vw - 24px)}
  .m-nk-bar .m-btn{justify-content:center}
}
/* накладная: «такое же фото уже у карточки…» */
.m-nk-look{background:#F4F7FB;border:1px dashed #C9D3DF;border-radius:12px;padding:8px 10px}
.m-nk-look-h{font-size:14px;font-weight:700;color:var(--m-ink-2);margin-bottom:6px}
.m-nk-look-c{display:flex;gap:10px;align-items:center;padding:5px 0;border-top:1px solid var(--m-line)}
.m-nk-look-c:first-of-type{border-top:0}
.m-nk-look-c img,.m-nk-look-c .m-ps-noph{width:72px;height:72px;cursor:zoom-in;object-fit:contain;background:#fff;border-radius:8px;border:1px solid var(--m-line);flex:0 0 auto}
.m-nk-look-c > div{flex:1;min-width:0;font-size:14.5px}.m-nk-look-c a{font-weight:700}
/* накладная: начатые разборы */
.m-nk-st{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:9px 10px;border-radius:10px;border:1px solid var(--m-line);margin-top:6px;color:var(--m-ink);text-decoration:none}
.m-nk-st:hover{border-color:var(--m-accent);background:var(--m-accent-soft)}
.m-nk-st b{overflow-wrap:anywhere}.m-nk-st .m-muted{font-size:13.5px}.m-nk-st .m-btn{margin-left:auto}
.m-nk-newart{margin-top:8px;padding:8px 10px;background:#FFF6E6;border:1px solid #F0D49C;border-radius:10px;font-size:14.5px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.m-nk-newart .m-input{width:190px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;padding:5px 8px}
/* ручная привязка строки накладной к карточке */
.m-nk-cmp{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:14px;color:var(--m-ink-2)}
.m-nk-cmp i{font-style:normal;font-weight:700;margin-left:4px;padding:0 6px;border-radius:6px;background:#EEF2F7}
.m-nk-cmp i.big{background:#FDE8E8;color:#B42318}.m-nk-cmp i.eq{background:#E7F6EC;color:#1E7B3C;font-weight:600}
.m-nk-findbtn{margin-top:6px}
.m-nk-mem{display:flex;gap:10px;align-items:center;margin-top:8px;padding:8px 10px;background:#EEF4FF;border:1px solid #C7D7F5;border-radius:10px;font-size:14.5px}
.m-nk-mem img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:8px;border:1px solid var(--m-line);flex:0 0 auto;cursor:zoom-in}
.m-nk-mem > div{flex:1;min-width:0}
@media (max-width:600px){.m-nk-mem{flex-wrap:wrap}}
.m-nk-avg{margin-top:2px;color:var(--m-ink)}
/* карточка: себестоимость по поставкам */
.m-tv-pst{padding:7px 0;border-bottom:1px solid var(--m-line);font-size:14.5px}
.m-tv-pst:last-child{border-bottom:0}
.m-tv-pst a{font-weight:700}
.m-tv-pst-c{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:2px}
/* окно «Какой это товар?» — каталог с фото */
.m-nk-pick{max-width:1000px;width:calc(100% - 32px);height:86vh;padding:0;flex-direction:column;overflow:hidden}
.m-nk-pick[open]{display:flex}
.m-nk-pick-h{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--m-line)}
.m-nk-pick-h img{width:52px;height:52px;object-fit:contain;border-radius:8px;border:1px solid var(--m-line);background:#fff}
.m-nk-pick-h > div{flex:1;min-width:0}.m-nk-pick-h .m-muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-nk-pick-x{border:0;background:#EEF2F7;border-radius:10px;width:38px;height:38px;font-size:22px;cursor:pointer}
.m-nk-pick-tools{display:flex;gap:8px;padding:10px 16px;background:#F4F7FB}
.m-nk-pick-tools .m-input{flex:1}.m-nk-pick-tools .m-select{max-width:230px}
.m-nk-pick-body{flex:1;overflow-y:auto;padding:4px 16px 16px}
.m-nk-pick-sec{font-weight:800;margin:12px 0 8px}
.m-nk-pick-msg{padding:24px 0;text-align:center}
.m-nk-pick-more{display:block;margin:14px auto 0}
.m-nk-pick-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--m-line)}
.m-nk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.m-nk-tile{display:flex;flex-direction:column;gap:3px;text-align:left;background:#fff;border:1px solid var(--m-line);border-radius:12px;padding:8px;cursor:pointer;font:inherit;color:inherit}
.m-nk-tile:hover{border-color:var(--m-accent,#2F6FED);box-shadow:0 2px 10px rgba(13,36,56,.08)}
.m-nk-tile img,.m-nk-tile .m-ps-noph{width:100%;aspect-ratio:1;object-fit:contain;background:#F7F9FC;border-radius:8px}
.m-nk-tile b{font-size:14.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-nk-tile small{color:var(--m-ink-2)}
.m-nk-tile:disabled{opacity:.5}
@media (max-width:600px){
  .m-nk-pick{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
  .m-nk-pick-tools{flex-direction:column}.m-nk-pick-tools .m-select{max-width:none}
  .m-nk-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .m-nk-pick-foot{flex-direction:column;align-items:stretch}.m-nk-pick-foot .m-muted{font-size:13.5px}
}
/* копия фото другой строки (наложена в файле) — бледная, с номером строки */
.m-nk-alt button.copy img{opacity:.45}
.m-nk-alt em{position:absolute;left:1px;top:1px;font-style:normal;font-size:10px;font-weight:800;background:#B42318;color:#fff;border-radius:4px;padding:0 3px;white-space:nowrap}
/* своё фото к строке накладной */
.m-nk-own{margin-top:6px;cursor:pointer;display:inline-flex}
.m-nk-own.busy{opacity:.6;pointer-events:none}
.m-nk-unown{position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-radius:50%;background:#B42318;color:#fff;font-size:14px;font-weight:800;line-height:20px;text-align:center;cursor:pointer;box-shadow:0 0 0 2px #fff}
/* длинные пометки строки накладной переносятся, а не растягивают страницу на телефоне */
.m-nk-row .m-ps-tags .m-ps-tag{white-space:normal;max-width:100%;overflow-wrap:anywhere}
/* расчёты с логистами */
/* список логистов: итог сверху, карточки логистов, прочие поставщики строкой */
.m-lg-tot{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-bottom:14px}   /* та же сетка, что у карточек — края совпадают */
.m-lg-tot .m-pt b{display:block}
.m-lg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}   /* карточки ряда одной высоты, кнопки по низу */
.m-lg-cards > .m-card{margin:0}   /* общее «.m-card+.m-card» сдвигало вторую карточку вниз */
.m-lg-card{border-left:4px solid #2856B8;display:flex;flex-direction:column;gap:8px}
.m-lg-card-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.m-lg-name{font-size:19px;font-weight:800;color:var(--m-ink);text-decoration:none}.m-lg-name:hover{color:#2856B8}
.m-lg-terms{font-size:13.5px;margin-top:-4px}
.m-lg-card-bal{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.m-lg-card-bal > div{border-radius:10px;padding:8px 10px;background:#F4F7FB}
.m-lg-card-bal small{display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;color:var(--m-ink-2)}
.m-lg-card-bal b{display:block;font-size:20px;line-height:1.25}
.m-lg-card-bal span{font-size:13.5px}
.m-lg-card-bal .owe{background:#FDECEC}.m-lg-card-bal .owe b,.m-lg-card-bal .owe span{color:#B42318}
.m-lg-card-bal .adv{background:#E7F6EC}.m-lg-card-bal .adv b,.m-lg-card-bal .adv span{color:#1E7B3C}
.m-lg-last{font-size:13.5px}
.m-lg-start{background:#FFF8EC;border:1px dashed #F0C98A;border-radius:10px;padding:9px 11px;font-size:14.5px;color:#6d4f17}
.m-lg-card-f{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.m-lg-others{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:14.5px}
.m-lg-others a{color:var(--m-ink-2)}
@media (max-width:600px){.m-lg-tot,.m-lg-cards{grid-template-columns:1fr}}
.m-lg-empty{color:var(--m-ink-2)}
.m-lg-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-bottom:12px}
.m-lg-short{border-left:4px solid #E0A63B;background:#FFF9EE;display:flex;flex-direction:column;gap:5px;font-size:15px}
.m-lg-form{border-left:4px solid #5B7FD6}
.m-lg-kinds{margin-bottom:6px}.m-lg-kinds .m-chip{cursor:pointer}
.m-lg-hint{font-size:14px;color:var(--m-ink-2);margin-bottom:10px}
.m-lg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;align-items:start}
.m-lg-grid .m-field{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600;color:var(--m-ink-2)}
.m-lg-grid .m-field[hidden]{display:none}
.m-lg-wide{grid-column:1/-1}
.m-lg-foot{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}
.m-lg-calc{font-weight:800;font-size:16px}
.m-lg-plus{color:#B42318}.m-lg-minus{color:#1E7B3C}
.m-lg-cancelled{display:block;color:#B42318;font-size:13.5px;font-style:normal}
/* выписка: компьютер — таблица, телефон — карточки */
.m-lg-sthead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.m-lg-st-h,.m-lg-st-r{display:grid;grid-template-columns:92px 190px minmax(0,1fr) 130px 150px 96px;gap:10px;align-items:start;padding:9px 4px;border-top:1px solid var(--m-line);font-size:15px}
.m-lg-st-h{position:sticky;top:0;background:#fff;border-top:0;font-size:13px;font-weight:700;color:var(--m-ink-2);text-transform:uppercase;letter-spacing:.02em;z-index:1}
.m-lg-st-r[hidden]{display:none}
.m-lg-st .r{text-align:right}
.m-lg-st-k .m-art{margin-left:4px}.m-lg-st-k small{color:var(--m-ink-2)}
.m-lg-st-i{color:#2b3442;min-width:0;overflow-wrap:anywhere}.m-lg-st-i small{display:block}
.m-lg-st-s{font-weight:800;white-space:nowrap}
.m-lg-st-a{white-space:nowrap;font-weight:700}.m-lg-st-a small{display:block;font-weight:500;color:var(--m-ink-2);font-size:13px}
.m-lg-st-r.off{opacity:.55}.m-lg-st-r.off .m-lg-st-s{text-decoration:line-through}
.m-lg-add{margin-bottom:12px}.m-lg-add > summary{list-style:none;display:inline-flex;cursor:pointer;margin-bottom:10px}
.m-lg-add > summary::-webkit-details-marker{display:none}.m-lg-add[open] > summary{opacity:.6}
@media (max-width:820px){
  .m-lg-st-h{display:none}
  .m-lg-st-r{grid-template-columns:1fr auto;grid-template-areas:"k s" "d a" "i x";gap:2px 10px;padding:10px 2px}
  .m-lg-st-k{grid-area:k}.m-lg-st-s{grid-area:s}.m-lg-st-d{grid-area:d;color:var(--m-ink-2);font-size:14px}.m-lg-st-a{grid-area:a}
  .m-lg-st-i{grid-area:i;font-size:14px}.m-lg-st-x{grid-area:x;align-self:end}.m-lg-st-x .m-btn{margin-top:4px}
  .m-lg-st-a{font-size:14px}.m-lg-st-a small{display:inline;margin-left:4px}
}
/* склады и магазины */
.m-sk-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}
.m-sk-head .m-h1,.m-sk-head .m-tv-title{margin:0}
.m-sk-acts{display:flex;gap:8px;flex-wrap:wrap}.m-sk-acts form{margin:0}
.m-sk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:14px}
.m-sk-grid > .m-card,.m-sk-grid > .m-pt{margin:0}   /* общее «.m-card+.m-card» не должно сдвигать соседей по сетке */
.m-sk-tot .m-pt b{display:block}
.m-sk-card{display:flex;flex-direction:column;gap:8px;border-left:4px solid #5B7FD6}
.m-sk-card.wh{border-left-color:#2856B8}.m-sk-card.shop{border-left-color:#1E9E5A}
.m-sk-card-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.m-sk-name{font-size:19px;font-weight:800;color:var(--m-ink);text-decoration:none}a.m-sk-name:hover{color:#2856B8}
.m-sk-note{font-size:14px}
.m-sk-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.m-sk-nums > div{background:#F4F7FB;border-radius:10px;padding:7px 10px}
.m-sk-nums small{display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;color:var(--m-ink-2)}
.m-sk-nums b{font-size:18px}.m-sk-nums b.minus{color:#B42318}.m-sk-sold{color:#1E5FD6}
.m-sk-meta{font-size:13.5px}
.m-sk-warn{align-self:flex-start;text-decoration:none}
.m-sk-card-f{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
/* страница точки: список товаров */
.m-sk-st .r{text-align:right}
.m-sk-h,.m-sk-r{display:grid;grid-template-columns:60px minmax(0,1fr) 150px 150px 130px;gap:10px;align-items:center;padding:8px 4px}
#skrows:not(.sum) .m-sk-r,.m-sk-st:has(#skrows:not(.sum)) .m-sk-h{grid-template-columns:60px minmax(0,1fr) 150px 150px}
.m-sk-h{position:sticky;top:var(--m-top-h,57px);z-index:6;background:var(--m-surface);box-shadow:0 1px 0 var(--m-line);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--m-ink-2)}
.m-sk-h a{color:inherit;text-decoration:none}.m-sk-h a:hover{color:var(--m-ink)}
.m-sk-r{border-top:1px solid var(--m-line);font-size:15px}
.m-sk-ph img,.m-sk-ph .m-ps-noph{width:52px;height:52px;object-fit:contain;background:#F7F9FC;border-radius:8px;display:block;font-size:10px;text-align:center;line-height:52px;font-style:normal}
.m-sk-t a{font-weight:700}.m-sk-t small{display:block}.m-sk-trash{color:#B42318;font-weight:700}
.m-sk-q b.minus{color:#B42318}.m-sk-q b.null{color:var(--m-ink-2)}
.m-sk-empty{padding:18px 4px}.m-sk-more{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}
@media (max-width:700px){
  .m-sk-grid{grid-template-columns:1fr}
  .m-sk-h{display:none}
  .m-sk-r,#skrows:not(.sum) .m-sk-r{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"ph t q" "ph l s";gap:2px 10px}
  .m-sk-ph{grid-area:ph}.m-sk-t{grid-area:t}.m-sk-q{grid-area:q}.m-sk-l{grid-area:l;font-size:13.5px}.m-sk-s{grid-area:s;font-size:14px}
}
/* журнал изменений */
.m-au-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;background:#F4F7FB;border-radius:12px;padding:12px;margin-bottom:10px}
.m-au-bar label{display:flex;flex-direction:column;gap:4px;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--m-ink-2);font-weight:700}
.m-au-bar label.grow{flex:1;min-width:180px}
.m-au-bar .m-select,.m-au-bar .m-input{height:38px;font-size:15px;text-transform:none;letter-spacing:0;font-weight:400;width:auto;min-width:130px}
.m-au-bar label.grow .m-input{width:100%}
.m-au-h,.m-au-r{display:grid;grid-template-columns:96px 150px 230px minmax(0,1fr);gap:12px;align-items:start;padding:9px 4px}
.m-au-h{position:sticky;top:var(--m-top-h,57px);z-index:6;background:var(--m-surface);box-shadow:0 1px 0 var(--m-line);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--m-ink-2)}
.m-au-r{border-top:1px solid var(--m-line);font-size:15px}
.m-au-when small,.m-au-who small,.m-au-what small{display:block;color:var(--m-ink-2);font-size:13px}
.m-au-b{display:inline-block;font-style:normal;font-size:12.5px;font-weight:800;border-radius:6px;padding:1px 7px;margin-right:4px;border:1px solid}
.m-au-b.ins{background:#E7F6EC;color:#1E7B3C;border-color:#9FD8BE}.m-au-b.upd{background:#E8F0FD;color:#1E5FD6;border-color:#B7CDF5}.m-au-b.del{background:#FDECEC;color:#B42318;border-color:#F3B7B1}
.m-au-what a{font-weight:700}
.m-au-c{margin-bottom:2px;overflow-wrap:anywhere}.m-au-f{color:var(--m-ink-2)}
.m-au-old{color:#B42318;text-decoration:line-through;text-decoration-thickness:1px}.m-au-arr{margin:0 5px;color:var(--m-ink-2)}.m-au-new{font-weight:700;color:#1E7B3C}
.m-au-new.hid{color:var(--m-ink-2);font-weight:400;font-style:italic}
.m-au-empty{padding:18px 4px}
@media (max-width:820px){
  .m-au-h{display:none}
  .m-au-r{grid-template-columns:1fr auto;grid-template-areas:"what when" "ch ch" "who who";gap:3px 10px;padding:11px 2px}
  .m-au-what{grid-area:what}.m-au-when{grid-area:when;text-align:right}.m-au-ch{grid-area:ch}.m-au-who{grid-area:who;font-size:14px;color:var(--m-ink-2)}
  .m-au-who small{display:inline;margin-left:6px}
  .m-au-bar label,.m-au-bar .m-select,.m-au-bar .m-input{width:100%}
  .m-au-bar label{flex:1 1 140px}
}
.m-au-lim{text-transform:none;letter-spacing:0;font-weight:400;font-size:12.5px;color:var(--m-ink-2)}
/* корзина */
.m-kz-r{display:grid;grid-template-columns:30px 52px minmax(0,1fr) 210px 150px 130px;gap:10px;align-items:center;padding:9px 4px;border-top:1px solid var(--m-line);font-size:15px}
.m-kz-r.nophoto{grid-template-columns:30px minmax(0,1fr) 210px 150px 130px}
.m-kz-ph img,.m-kz-ph .m-ps-noph{width:48px;height:48px;object-fit:contain;background:#F7F9FC;border-radius:8px;display:block;font-size:10px;text-align:center;line-height:48px;font-style:normal}
.m-kz-main b{display:block;overflow-wrap:anywhere}.m-kz-main small,.m-kz-info small,.m-kz-who small{display:block;color:var(--m-ink-2);font-size:13.5px}
.m-kz-info small.warn{color:#9a6406}.m-kz-info small.bad{color:#B42318}.m-kz-info a{font-size:13.5px}
.m-kz-who b{font-size:14px}.m-kz-a{text-align:right}
.m-kz-empty{padding:18px 4px}.m-kz-all{margin-left:auto;font-size:14px}
@media (max-width:760px){
  .m-kz-r{grid-template-columns:30px 48px minmax(0,1fr) auto;grid-template-areas:"c ph main main" ". info info info" ". who who a";gap:3px 10px;padding:11px 2px}
  .m-kz-r.nophoto{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"c main main" ". info info" ". who a"}
  .m-kz-c{grid-area:c}.m-kz-ph{grid-area:ph}.m-kz-main{grid-area:main}.m-kz-info{grid-area:info}.m-kz-who{grid-area:who}.m-kz-a{grid-area:a;align-self:end}
  .m-kz-info:empty{display:none}.m-kz-who small,.m-kz-who b{display:inline;margin-right:6px}
}
/* сотрудники */
.m-st-h,.m-st-r{display:grid;grid-template-columns:56px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) 190px;gap:12px;align-items:center;padding:11px 4px}
.m-st-r{border-top:1px solid var(--m-line);cursor:pointer}.m-st-r:hover{background:#F4F7FB}
.m-st-h{position:sticky;top:var(--m-top-h,57px);z-index:6;background:var(--m-surface);box-shadow:0 1px 0 var(--m-line);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--m-ink-2);padding-top:9px;padding-bottom:9px}
.m-st-r[hidden]{display:none}.m-st-r.off{opacity:.62}
.m-st-ava{position:relative;width:48px;height:48px;border-radius:50%;background:#E8EFFD;color:#2856B8;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;text-decoration:none;flex:0 0 auto}
.m-st-ava img{width:100%;height:100%;object-fit:cover;border-radius:50%}.m-st-ava i{font-style:normal}
.m-st-ava.big{width:72px;height:72px;font-size:28px}
.m-st-dot{position:absolute;right:0;bottom:0;width:13px;height:13px;border-radius:50%;background:#C7CFDB;box-shadow:0 0 0 2px #fff}.m-st-dot.on{background:#1E9E5A}
.m-st-name{font-size:16px;font-weight:800;color:var(--m-ink);text-decoration:none;margin-right:6px}.m-st-name:hover{color:#2856B8}
.m-st-contact{font-size:15px;overflow-wrap:anywhere}.m-st-contact a{font-size:13.5px;margin-left:4px}
.m-st-bonus{display:flex;gap:6px;flex-wrap:wrap}
.m-st-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.m-st-head{display:flex;gap:14px;align-items:center}.m-st-head .m-tv-title{margin:0}
.m-st-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;align-items:start}.m-st-cols > .m-card{margin:0}
.m-st-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.m-st-tiles .m-pt b{display:block}
.m-st-pay{display:flex;gap:10px;align-items:baseline;padding:5px 0;border-top:1px solid var(--m-line);font-size:15px}.m-st-pay:first-of-type{border-top:0}
.m-st-checks{display:flex;gap:8px 16px;flex-wrap:wrap}.m-st-check{display:inline-flex;gap:6px;align-items:center;font-size:15px}
.m-st-avaedit{display:flex;gap:10px;align-items:center}.m-st-avaedit img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.m-btn-warn{border-color:#E0A63B;color:#8a5a00}
@media (max-width:820px){
  .m-st-h{display:none}
  .m-st-r{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"ava main" "ava contact" "ava bonus" "acts acts";gap:3px 12px;padding:12px 2px}
  .m-st-ava{grid-area:ava;align-self:start}.m-st-main{grid-area:main}.m-st-contact{grid-area:contact}.m-st-bonus{grid-area:bonus}.m-st-acts{grid-area:acts;justify-content:flex-start;margin-top:6px}
  .m-st-bonus:empty{display:none}
}
/* роли и доступ */
.m-rl-roles{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.m-rl-role{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--m-line)}.m-rl-role:first-child{border-top:0}.m-rl-role form{margin-left:auto}
.m-rl-add{display:flex;gap:8px;max-width:520px}.m-rl-add .m-input{flex:1}
.m-rl-t{overflow-x:auto}
.m-rl-t{--n:5}
.m-rl-h,.m-rl-r{display:grid;grid-template-columns:minmax(150px,1.6fr) repeat(var(--n),minmax(72px,1fr));align-items:center;gap:6px;padding:8px 4px;min-width:calc(160px + var(--n) * 78px)}
.m-rl-h{box-shadow:0 1px 0 var(--m-line);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--m-ink-2)}
.m-rl-h .js-colall{cursor:pointer}.m-rl-h .js-colall:hover{color:var(--m-ink)}
.m-rl-h > span:first-child,.m-rl-r > .m-rl-n{position:sticky;left:0;z-index:2;background:var(--m-surface)}
.m-rl-g{font-weight:800;font-size:14px;color:#2856B8;padding:12px 4px 4px;border-top:1px solid var(--m-line);min-width:calc(160px + var(--n) * 78px)}
.m-rl-r{border-top:1px solid #EEF1F6}.m-rl-r:hover{background:#F7F9FC}
.m-rl-n{cursor:pointer}.m-rl-c{text-align:center}.m-rl-c input{width:19px;height:19px;cursor:pointer}.m-rl-c input[disabled]{opacity:.45;cursor:default}
.m-rl-bar{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}
.m-rl-bar .js-dirty{color:#9a6406;font-weight:700}
.m-rl-c input[data-partial]{accent-color:#C77A12}
.m-rl-c input.stale{outline:2px solid #E0A63B;outline-offset:1px;border-radius:3px}
@media (max-width:600px){
  /* на телефоне столбец «Админ» (там всегда всё отмечено) прячем — иначе матрица не помещается */
  .m-rl-c.adm{display:none}
  .m-rl-h,.m-rl-r{grid-template-columns:minmax(96px,1.3fr) repeat(var(--m),minmax(52px,1fr));min-width:calc(96px + var(--m) * 56px);gap:4px}
  .m-rl-g{min-width:calc(96px + var(--m) * 56px)}
  .m-rl-h .m-rl-c{font-size:11.5px;line-height:1.15;text-transform:none;letter-spacing:0;word-break:break-word}
}
.m-rl-legend{display:flex;flex-direction:column;gap:6px;margin:0 0 10px;font-size:14px;color:var(--m-ink-2)}
.m-rl-legend input{width:17px;height:17px;vertical-align:-3px;margin-right:6px}.m-rl-legend input[data-leg]{accent-color:#C77A12}
/* параметры и логи входов */
.m-set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.m-set-grid > .m-card{margin:0}
.m-set-more{float:right;font-size:14px;font-weight:600}
.m-set-links{display:flex;gap:8px;flex-wrap:wrap}
.m-set-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}.m-set-tiles .m-pt b{display:block}
.m-set-log{padding:5px 0;border-top:1px solid var(--m-line);font-size:14.5px}
.m-set-health dd{overflow-wrap:anywhere}
.m-lgn-h,.m-lgn-r{display:grid;grid-template-columns:110px 190px minmax(0,1fr) minmax(0,1.2fr) 110px;gap:10px;align-items:start;padding:8px 4px;font-size:15px}
.m-lgn-h{position:sticky;top:var(--m-top-h,57px);z-index:6;background:var(--m-surface);box-shadow:0 1px 0 var(--m-line);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--m-ink-2)}
.m-lgn-r{border-top:1px solid var(--m-line)}.m-lgn-r small{display:block;color:var(--m-ink-2);font-size:13px}
.m-lgn-r i{font-style:normal}.m-lgn-u b{overflow-wrap:anywhere}
.m-lgn-alert{background:#FFF1F0;border:1px solid #F3B7B1;border-left:4px solid #B42318;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:15px;display:flex;flex-direction:column;gap:3px}
@media (max-width:760px){
  .m-lgn-h{display:none}
  .m-lgn-r{grid-template-columns:1fr auto;grid-template-areas:"k t" "u u" "i v";gap:2px 10px;padding:10px 2px}
  .m-lgn-k{grid-area:k}.m-lgn-t{grid-area:t;text-align:right}.m-lgn-u{grid-area:u}.m-lgn-i{grid-area:i}.m-lgn-v{grid-area:v;text-align:right;align-self:end}
  .m-set-tiles{grid-template-columns:1fr}
}

/* ===== Расходы ===== */
.m-ex-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.m-ex-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px}
.m-chip-wd{background:#FFF6E6;color:#8A5A12}
.m-chip-wd.on{background:#B7791F;color:#fff}
.m-ex-empty{display:flex;flex-direction:column;gap:6px;align-items:center;padding:48px 16px;text-align:center}
.m-ex-card{padding:6px 14px 14px}
.m-ex-table th{position:sticky;top:57px;background:var(--m-surface);z-index:2}
.m-ex-date{white-space:nowrap;color:var(--m-ink-2)}
.m-ex-cat{display:inline-block;background:var(--m-surface-2);border-radius:20px;padding:3px 11px;font-size:13.5px;font-weight:700;color:var(--m-ink-2);white-space:nowrap}
.m-ex-cat.wd{background:#FFF6E6;color:#8A5A12}
.m-ex-com{color:var(--m-ink-2)}
.m-ex-sub{display:none;margin-top:2px;color:var(--m-ink-2);opacity:.8}
.m-ex-sum{text-align:right;font-weight:800;color:#B42318;font-variant-numeric:tabular-nums;white-space:nowrap}
.m-ex-del{border:0;background:none;color:#B8C2CF;font-size:15px;cursor:pointer;padding:4px 6px}
.m-ex-del:hover{color:#B42318}
@media (min-width:761px){.m-ex-c-d{width:96px}.m-ex-c-cat{width:190px}.m-ex-c-pt{width:140px}.m-ex-c-who{width:130px}.m-ex-c-s{width:130px}.m-ex-c-x{width:44px}}
@media (max-width:760px){.m-ex-c-pt,.m-ex-c-who,.m-ex-c-cat{display:none}.m-ex-sub{display:block}.m-ex-table td,.m-ex-table th{padding:8px 5px}.m-ex-card{padding:4px 8px 10px}.m-ex-sum{font-size:15px}}
#ex-form .m-field{display:block;margin-bottom:10px}

/* ===== Касса ===== */
.m-cb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.m-cb-links{display:flex;gap:8px;flex-wrap:wrap}
.m-cb-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.m-cb-daynav{display:flex;align-items:center;gap:6px}
.m-cb-daynav .m-input{width:auto;height:38px}
.m-cb-arr{width:36px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--m-surface);border:1px solid var(--m-line);color:var(--m-ink-2);font-size:20px;text-decoration:none}
.m-cb-arr:hover{border-color:var(--m-accent);color:var(--m-accent)}.m-cb-arr.off{opacity:.4;pointer-events:none}
.m-cb-plus{color:#1A7D3C;font-weight:800}.m-cb-minus{color:#B42318;font-weight:800}
.m-cb-msg{position:sticky;top:64px;z-index:15}
.m-cb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;margin-bottom:14px}
.m-cb-grid .m-card+.m-card{margin-top:0}
.m-cb-pt-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.m-cb-pt-t{font-weight:800;font-size:17px;color:var(--m-ink)}
.m-cb-pt-o{margin-left:auto;font-size:14px;font-weight:700}
.m-cb-badge{border-radius:20px;padding:2px 10px;font-size:13px;font-weight:700}
.m-cb-badge.lock{background:#EAF3FE;color:#1E5FB0}.m-cb-badge.open{background:#E8F7EF;color:#14683F}
.m-cb-cells{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.m-cb-cells div{background:var(--m-surface-2);border-radius:10px;padding:9px 11px;min-width:0}
.m-cb-cells span{display:block;font-size:13px;color:var(--m-ink-2);font-weight:600}
.m-cb-cells b{display:block;font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}
.m-cb-cells i{font-style:normal;font-size:12.5px;color:#1E5FB0}
.m-cb-cells .bal{background:#E8F7EF}
.m-cb-total{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.m-cb-total span{color:var(--m-ink-2)}
.m-cb-open{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.m-cb-ol{text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:800;color:var(--m-ink-2)}
.m-cb-open b{font-size:26px;font-variant-numeric:tabular-nums}
.m-cb-open .m-muted{margin-left:auto}
.m-cb-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;align-items:start}
.m-cb-cols .m-card+.m-card{margin-top:0}
.m-cb-col{padding:0;overflow:hidden}
.m-cb-colh{text-align:center;font-weight:800;letter-spacing:.05em;font-size:15px;padding:11px}
.m-cb-colh.in{background:#E8F7EF;color:#14683F}.m-cb-colh.out{background:#FDEBEE;color:#B42318}
.m-cb-sub{display:grid;grid-template-columns:1fr auto 30px;gap:8px;padding:7px 16px;border-bottom:1px solid var(--m-line);font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--m-ink-2)}
.m-cb-sub span:nth-child(2){text-align:right}
.m-cb-row{display:grid;grid-template-columns:1fr auto 30px;gap:8px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--m-line)}
.m-cb-what{min-width:0;overflow-wrap:anywhere}
.m-cb-what small{display:block}
.m-cb-tag{display:inline-block;background:#EAF3FE;color:#1E5FB0;border-radius:14px;padding:1px 9px;font-size:12px;font-weight:700;margin-left:6px}
.m-cb-guess{display:inline-block;color:var(--m-ink-2);font-size:13px;margin-left:8px;border-bottom:1px dotted #B6BFCC}
.m-cb-sum{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.m-cb-suminp{width:128px;text-align:right;padding:6px 9px;font-size:15px}
.m-cb-none{padding:18px 16px;color:#AAB4C2;font-size:14px;text-align:center}
.m-cb-add{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:var(--m-surface-2)}
.m-cb-add-main{display:grid;grid-template-columns:1fr 120px 42px;gap:8px}
.m-cb-add-sum{text-align:right;font-weight:700}
.m-cb-addbtn{color:#fff;font-size:20px;line-height:1;padding:0;border:0}
.m-cb-addbtn.in{background:#1A7D3C}.m-cb-addbtn.out{background:#B42318}
.m-cb-opt{min-height:32px;display:flex;align-items:center}
.m-cb-opt label{display:flex;align-items:center;gap:8px;width:100%;font-size:13.5px;font-weight:600;color:#A05A2C;background:#FFF6EE;border:1px solid #F0DCC2;border-radius:9px;padding:6px 10px;cursor:pointer}
.m-cb-itogo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px;font-weight:800}
.m-cb-itogo b{float:right;font-size:17px;font-variant-numeric:tabular-nums}
.m-cb-cardnote{padding:9px 14px;font-size:14px;color:#1E5FB0;background:#F4F8FF;border:1px solid #DBE7FB;border-radius:10px;margin-bottom:12px}
.m-cb-must{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#E8F7EF;margin:14px 0}
.m-cb-must .r{text-align:right}.m-cb-must .r span{display:block;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--m-ink-2)}
.m-cb-must .r b{font-size:26px;color:#14683F;font-variant-numeric:tabular-nums}
.m-cb-close.closed{background:#F4F8FF}
.m-cb-closeform{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}
.m-cb-closeform .m-field{margin:0}.m-cb-closeform .m-field .m-input{width:190px}
.m-cb-closeform .m-cb-cm{flex:1;min-width:200px}.m-cb-closeform .m-cb-cm .m-input{width:100%}
.m-cb-add .js-err:empty,.m-cb-closeform .js-err:empty{display:none}
@media (max-width:760px){.m-cb-cols,.m-cb-itogo{grid-template-columns:1fr}.m-cb-opt{min-height:0}.m-cb-open .m-muted{margin-left:0}.m-cb-add-main{grid-template-columns:1fr 96px 42px}.m-cb-suminp{width:104px}.m-cb-row{padding:9px 10px}.m-cb-must .r{text-align:left}}
.m-cb-addbtn{display:flex;align-items:center;justify-content:center}

/* ===== Перемещение ===== */
[hidden]{display:none!important}
.m-mv-doc{padding:0;overflow:hidden;margin-bottom:10px}.m-mv-doc+.m-mv-doc{margin-top:10px}
.m-mv-list{display:block}
.m-mv-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;cursor:pointer;list-style:none}
.m-mv-h::-webkit-details-marker{display:none}
.m-mv-h:hover{background:var(--m-surface-2)}
.m-mv-date{color:var(--m-ink-2);font-weight:600;font-size:14px;min-width:118px}
.m-mv-route{font-size:15px}
.m-mv-b{font-size:13px;font-weight:700;border-radius:20px;padding:2px 11px}
.m-mv-b.blue{color:#305496;background:#EEF3FB}.m-mv-b.green{color:#1A7D3C;background:#E7F6EC}
.m-mv-act{margin-left:auto;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.m-inline-f{display:inline;margin:0}
.m-mv-pos{border-top:1px solid var(--m-line)}
.m-mv-drafts{margin-bottom:14px;background:#FFF8EC}
.m-mv-draft{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #F0E2C4}
.m-mv-draft:first-of-type{border-top:0}
.m-mv-bar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.m-mv-bar .m-field,.m-mv-route-f .m-field{margin:0;min-width:220px}
.m-mv-route-f{margin:0}
.m-mv-arrow{font-size:22px;color:var(--m-ink-2);padding-bottom:6px}
.m-mv-scan{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.m-mv-scan .m-input{flex:1}
.m-mv-scan-st{font-weight:700;font-size:14.5px}.m-mv-scan-st.ok{color:#1A7D3C}.m-mv-scan-st.bad{color:#B42318}
.m-mv-link{background:#FFF8EC;margin:0 0 10px;display:flex;flex-direction:column;gap:8px}
.m-mv-find{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.m-mv-dd{position:relative;flex:1;min-width:240px}
.m-mv-dd-list{display:flex;flex-direction:column;border:1px solid var(--m-line);border-radius:10px;background:var(--m-surface);max-height:300px;overflow:auto}
.m-mv-dd .m-mv-dd-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;box-shadow:var(--m-shadow)}
.m-mv-dd-list:empty{display:none}
.m-mv-dd-i{display:flex;flex-direction:column;gap:2px;text-align:left;border:0;border-bottom:1px solid var(--m-line);background:none;padding:9px 12px;font:inherit;color:var(--m-ink);cursor:pointer}
.m-mv-dd-i:hover{background:var(--m-surface-2)}
.m-mv-dd-none{padding:10px 12px}
.m-mv-tbl-wrap{border:1px solid var(--m-line);border-radius:12px;overflow:hidden}
.m-mv-tbl{margin:0}
.m-mv-tbl th{background:var(--m-surface-2)}
.m-mv-c-ph{width:64px}.m-mv-c-x{width:40px;text-align:center}.m-mv-c-st{width:130px;text-align:center}.m-mv-c-q{width:260px;text-align:center}.m-mv-c-art{width:170px}
.m-mv-c-ph img{width:48px;height:48px;object-fit:cover;border-radius:8px;display:block}
.m-mv-noph{display:flex;width:48px;height:48px;border-radius:8px;background:var(--m-surface-2);align-items:center;justify-content:center;font-size:11px;color:var(--m-ink-2);text-align:center}
.m-mv-art-m{display:none;color:var(--m-ink-2)}
.m-mv-qty{display:flex;gap:6px;align-items:center;justify-content:center}
.m-mv-qty .m-input{width:84px;text-align:center;font-weight:700}
.m-mv-qty .m-mv-box{width:68px}
.m-mv-hint{font-size:13px;color:var(--m-ink-2);margin-top:3px;min-height:15px}.m-mv-hint.bad{color:#B42318;font-weight:600}
.m-mv-empty{padding:34px 16px;text-align:center;color:var(--m-ink-2)}
.m-mv-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px}
.m-mv-foot b{font-size:20px;font-variant-numeric:tabular-nums}
.m-mv-foot-b{display:flex;gap:10px;flex-wrap:wrap}
.m-disabled{opacity:.5}
.m-mv-cat-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:17px}
.m-mv-cat-tools{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.m-mv-cat-tools .m-input{flex:1;min-width:200px}.m-mv-cat-tools .m-select{width:auto;min-width:180px}
.m-mv-cat-body{max-height:56vh;overflow:auto;border:1px solid var(--m-line);border-radius:10px}
.m-mv-cat-i{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--m-line);cursor:pointer}
.m-mv-cat-i.off{opacity:.55;cursor:default}
.m-mv-cat-ph{width:40px;height:40px;flex:0 0 40px}.m-mv-cat-ph img{width:40px;height:40px;object-fit:cover;border-radius:6px}
.m-mv-cat-i .m-mv-cat-t{display:flex;flex-direction:column;flex:1;min-width:0;margin:0;gap:1px}
.m-mv-cat-f{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
@media (max-width:760px){
  .m-mv-row td.m-mv-c-art{display:none}.m-mv-art-m{display:block}
  .m-mv-scan{flex-wrap:wrap}.m-mv-scan .m-input{flex:1 1 100%;font-size:15px}
  .m-mv-tbl thead{display:none}
  .m-mv-tbl,.m-mv-tbl tbody{display:block}
  .m-mv-row{display:grid;grid-template-columns:56px 1fr 34px;gap:4px 10px;padding:10px;border-bottom:1px solid var(--m-line);align-items:center}
  .m-mv-row td{display:block;border:0;padding:0;width:auto!important}
  .m-mv-row td.m-mv-c-ph{display:block;grid-row:1/3}.m-mv-row .m-mv-c-x{grid-column:3;grid-row:1}
  .m-mv-row .m-mv-c-st{text-align:left;grid-column:2/4;font-size:14px}
  .m-mv-row .m-mv-c-q{grid-column:1/4;text-align:left}
  .m-mv-qty{justify-content:flex-start}
  .m-mv-act{margin-left:0}.m-mv-date{min-width:0}
}

/* ===== Инвентаризация ===== */
.m-iv-bar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}
.m-iv-bar .m-field{margin:0;min-width:200px}.m-iv-grow{flex:1;min-width:240px!important}
.m-iv-chk{display:flex;align-items:center;gap:7px;font-weight:600;padding-bottom:9px}
.m-iv-card{padding:6px 14px 14px}
.m-iv-tbl th{position:sticky;top:57px;background:var(--m-surface);z-index:2}
.m-iv-c-ph{width:64px}.m-iv-c-ph img{width:48px;height:48px;object-fit:cover;border-radius:8px;display:block}
.m-iv-c-cur{width:150px;text-align:center}.m-iv-c-f{width:330px}.m-iv-c-art{width:170px}
.m-iv-name{font-weight:600}.m-iv-art-m{display:none;color:var(--m-ink-2);font-weight:400}
.m-iv-tbl .m-mv-qty{justify-content:flex-start}.m-iv-tbl .m-mv-qty .m-input{width:110px}.m-iv-tbl .m-mv-qty .m-mv-box{width:76px}
.m-iv-mark{width:20px;text-align:center;font-weight:800}
.m-iv-mark.saving::before{content:'…';color:var(--m-ink-2)}.m-iv-mark.ok::before{content:'✓';color:#1A7D3C}.m-iv-mark.err::before{content:'!';color:#B42318}
.m-iv-msg{font-size:12.5px;color:var(--m-ink-2);min-height:15px;margin-top:2px}.m-iv-msg.bad{color:#B42318;font-weight:600}
.m-iv-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.m-loading{opacity:.55;transition:opacity .15s}
.m-iv-url{display:flex;gap:8px}.m-iv-url .m-input{flex:1;min-width:0;font-size:13px}
.m-iv-acc{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.m-iv-acc label{display:flex;gap:8px;align-items:center}
@media (max-width:760px){
  .m-iv-tbl thead{display:none}.m-iv-tbl,.m-iv-tbl tbody{display:block}
  .m-iv-row{display:grid;grid-template-columns:56px 1fr;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--m-line)}
  .m-iv-row td{display:block;border:0;padding:0;width:auto!important}
  .m-iv-row td.m-iv-c-art{display:none}.m-iv-art-m{display:block}
  .m-iv-row td.m-iv-c-ph{grid-row:1/4}
  .m-iv-row td.m-iv-c-cur{text-align:left;font-size:13px}
  .m-iv-row td.m-iv-c-f{grid-column:2}
  .m-iv-tbl .m-mv-qty .m-input{width:100px}
}

/* ===== Клиенты ===== */
.m-cl-card{padding:6px 14px 14px}
.m-cl-tbl th{position:sticky;top:57px;background:var(--m-surface);z-index:2}
.m-cl-tbl th a{color:inherit;white-space:nowrap}.m-cl-tbl th a.on{color:var(--m-accent-ink)}
.m-cl-tbl th.r,.m-cl-tbl td.r{text-align:right}
.m-cl-name a{font-weight:700;color:var(--m-ink)}.m-cl-sub{display:none;color:var(--m-ink-2)}
.m-cl-ic{display:flex;gap:10px;margin-top:3px;font-size:12.5px}
.m-cl-acts{text-align:right;white-space:nowrap}
.m-cl-c-id{width:56px}.m-cl-c-d{width:140px}
.m-cl-hero{display:flex;align-items:center;gap:14px}
.m-cl-ava{width:52px;height:52px;border-radius:50%;background:var(--m-accent-soft);color:var(--m-accent-ink);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}
.m-cl-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.m-cl-info span{display:block;font-size:12.5px;color:var(--m-ink-2);font-weight:600;margin-bottom:2px}
.m-cl-info b{font-weight:700;overflow-wrap:anywhere}
.m-cl-line{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--m-line);color:var(--m-ink);flex-wrap:wrap}
.m-cl-line:first-of-type{border-top:0}
a.m-cl-line:hover{background:var(--m-surface-2)}
.m-cl-l-t{flex:1;min-width:160px;font-weight:600}
.m-cl-form{max-width:720px}.m-cl-form .m-field{display:block;margin-bottom:12px}
@media (max-width:760px){
  .m-cl-tbl thead{display:none}.m-cl-tbl,.m-cl-tbl tbody{display:block}
  .m-cl-row{display:block!important;position:relative;padding:10px 0;border-bottom:1px solid var(--m-line)}
  .m-cl-row td{display:block!important;border:0;padding:0;width:auto!important}
  .m-cl-row td.m-cl-c-id,.m-cl-row td.m-cl-c-d,.m-cl-row td.m-cl-c-mail,.m-cl-row td.m-cl-c-addr,.m-cl-row td.m-cl-c-note,.m-cl-row td.m-cl-c-ph{display:none!important}
  .m-cl-sub{display:block!important}
  .m-cl-row td.m-cl-debt{position:absolute;right:0;top:10px;text-align:right}
  .m-cl-row td.m-cl-name{padding-right:90px}
  .m-cl-row td.m-cl-acts{text-align:left;margin-top:6px}
}

/* ===== Долги ===== */
.m-db-total{min-width:230px}
.m-db-tbl th{position:sticky;top:57px;background:var(--m-surface);z-index:2}.m-db-tbl th.r,.m-db-tbl td.r{text-align:right}
.m-db-row{cursor:pointer}.m-db-row:hover td{background:var(--m-surface-2)}
.m-db-recform{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.m-db-recform .m-field{margin:0}
.m-db-rec,.m-db-old{margin-bottom:14px}.m-db-old summary{cursor:pointer;padding:2px 0}
.m-db-old .m-db-recform{margin:10px 0 12px}
@media (max-width:760px){
  .m-db-tbl thead{display:none}.m-db-tbl,.m-db-tbl tbody{display:block}
  .m-db-row{display:block!important;padding:10px 0;border-bottom:1px solid var(--m-line)}
  .m-db-row td{display:block!important;border:0;padding:0;width:auto!important;text-align:left!important}
  .m-db-row td.m-db-c-ph{display:none!important}.m-db-row td.r{margin:4px 0}
  .m-db-row .m-cl-sub{display:block!important}
  .m-db-total{min-width:0;width:100%}
}

/* возврат в список «как было»: пока страница не встала на прежнее место — не показываем её сверху (иначе видно прыжок); без надписи — шапка и меню на месте, содержимое появляется уже где надо */
html.m-restoring .m-wrap{visibility:hidden}

/* ===== Переключатель темы ===== */
.m-theme{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--m-line);border-radius:10px;background:var(--m-surface);color:var(--m-ink-2);cursor:pointer;padding:0}
.m-theme:hover{border-color:var(--m-accent);color:var(--m-accent-ink)}
.m-theme .m-th-sun{display:none}
html[data-theme=dark] .m-theme .m-th-sun{display:block}
html[data-theme=dark] .m-theme .m-th-moon{display:none}
.m-theme-fixed{position:fixed;top:44px;right:14px;z-index:30}
html[data-theme=dark] img.m-photo,html[data-theme=dark] .m-photo img{filter:brightness(.92)}
html[data-theme=dark] .m-subnav a.on{background:var(--m-accent);border-color:var(--m-accent);color:#fff}
html[data-theme=dark] .m-sel-bar{color:var(--m-ink)}

/* Заказы */
.m-or-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 12px}
.m-or-tab,.m-or-chip{display:inline-flex;align-items:center;padding:7px 14px;border-radius:20px;border:1px solid var(--m-line);background:var(--m-surface);color:var(--m-ink);font-weight:700;font-size:14px}
.m-or-chip{font-weight:600;padding:5px 12px;font-size:13.5px}
.m-or-tab.on,.m-or-chip.on{background:var(--m-accent-soft);border-color:var(--m-accent);color:var(--m-accent-ink)}
.m-or-sep{width:1px;height:22px;background:var(--m-line);margin:0 4px}
.m-or-filter{flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;padding-top:12px;border-top:1px solid var(--m-line)}
.m-or-filter[hidden]{display:none}.m-or-filter .m-field{min-width:0}.m-or-filter label[hidden]{display:none}
.m-or-fgo{display:flex;align-items:flex-end}
.m-or-who{display:block;font-size:12px}
.m-or-c-id{width:60px}.m-or-c-d{width:128px}
.m-or-sum b{font-variant-numeric:tabular-nums}
.m-or-note{font-size:12px;color:var(--m-ink-2);font-weight:600}.m-or-note.debt{color:#B42318}
.m-or-sub{font-weight:500}
.m-or-st{white-space:normal}.m-or-st .m-ps-tag{margin-top:4px}
.m-or-edit .m-field{display:block;margin:0}
/* данные заказа: клиент и точка — главное, шире; остальное — второй рядом; комментарий — во всю ширину */
.m-or-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px 16px}
.m-or-c8{grid-column:span 8}.m-or-c4{grid-column:span 4}.m-or-c3{grid-column:span 3}.m-or-c12{grid-column:span 12}
@media (max-width:1100px){.m-or-c8,.m-or-c4{grid-column:span 12}.m-or-c3{grid-column:span 6}}
@media (max-width:560px){.m-or-c3{grid-column:span 12}}
.m-or-err{display:block;color:#B42318;font-weight:600;font-size:12.5px;margin-top:3px}.m-or-err[hidden]{display:none}
.m-or-saved{font-size:13px;font-weight:700;color:#1A7D3C;margin-left:8px}.m-or-saved[hidden]{display:none}
.m-or-newcli{display:inline-block;margin-top:4px;font-size:13px;font-weight:600}
.m-or-sug{margin-top:6px;border:1px solid var(--m-line);border-radius:10px;background:var(--m-surface);max-height:320px;overflow:auto}
.m-or-sug[hidden]{display:none}
.m-or-sug-i{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--m-line);padding:9px 12px;cursor:pointer;color:var(--m-ink);font:inherit}
.m-or-sug-i:last-child{border-bottom:0}.m-or-sug-i:hover{background:var(--m-surface-2)}
.m-or-in{width:96px;text-align:right}.m-or-in.bad{border-color:#B42318}
.m-or-in-name{width:100%;font-weight:700;text-align:left}.m-or-in-total{width:150px;font-size:18px;font-weight:800}
.m-or-x{width:44px}
.m-or-pay .m-flash{margin:0 0 10px}
.m-or-payrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}
.m-or-part{margin-top:14px;padding:12px;border:1px solid var(--m-line);border-radius:12px;background:var(--m-surface-2)}
.m-or-part .m-or-in{width:150px}
.m-or-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
.m-or-modal-box{background:var(--m-surface);border-radius:14px;padding:18px;width:min(640px,100%);max-height:90vh;overflow:auto;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.m-or-modal-box .m-table th,.m-or-modal-box .m-table td{padding:6px 5px}.m-or-modal-box .m-or-in{width:70px}.m-or-modal-box{overflow-x:auto}
.m-or-modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}
/* список с поиском (combo.js) */
.m-combo{position:relative;display:block}
.m-combo-sel{display:none!important}
.m-combo-inp{width:100%;padding-right:34px;cursor:text;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238A94A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.m-combo-list{position:fixed;z-index:300;overflow:auto;background:var(--m-surface);border:1px solid var(--m-line);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.2)}
.m-combo-i{display:flex;flex-direction:column;gap:1px;padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--m-line);color:var(--m-ink)}
.m-combo-i:last-child{border-bottom:0}.m-combo-i small{color:var(--m-ink-2);font-size:12.5px}
.m-combo-i.on{background:var(--m-surface-2)}.m-combo-i.sel>span{font-weight:700}
.m-combo-empty{padding:10px 12px;color:var(--m-ink-2);font-size:13px}
.m-or-edit select.m-input{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238A94A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
/* выпадающие меню в шапке заказа (details) */
.m-menu{position:relative;display:inline-block}
.m-menu>summary{list-style:none;cursor:pointer;user-select:none}.m-menu>summary::-webkit-details-marker{display:none}
.m-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:230px;background:var(--m-surface);border:1px solid var(--m-line);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.18);padding:6px;display:flex;flex-direction:column}
.m-menu-list a,.m-menu-list button{text-align:left;padding:10px 12px;border-radius:8px;background:none;border:0;color:var(--m-ink);font:inherit;cursor:pointer;display:block}
.m-menu-list a:hover,.m-menu-list button:hover{background:var(--m-surface-2)}
@media (max-width:700px){.m-menu-list{position:fixed;left:12px;right:12px;top:auto;bottom:12px;min-width:0}}
.m-or-lblrow{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;min-height:20px;line-height:20px}
.m-or-newcli-b{font:inherit;font-size:13px;font-weight:700;color:var(--m-accent-ink);background:none;border:0;padding:0;cursor:pointer}
.m-or-newcli-b:hover{text-decoration:underline}
.m-or-add{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-bottom:12px}
.m-or-add .m-or-add-q{flex:1 1 280px;min-width:0}.m-or-addbtns{display:flex;gap:8px;flex-wrap:wrap}
.m-or-add .m-or-err,.m-or-add .m-or-sug{flex-basis:100%}
.m-or-findrow{display:flex;align-items:center;gap:12px;margin:0 0 10px}.m-or-findrow .m-input{max-width:340px}
.m-or-irow[hidden]{display:none!important}
.m-or-box{width:64px!important;margin-right:6px;background:var(--m-accent-soft)}.m-or-perbox{font-size:11.5px;margin-top:2px}
.m-or-modal-box.wide{width:min(1000px,100%)}
.m-or-cat-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.m-or-cat-bar .m-input:first-child{flex:1 1 260px}.m-or-cat-bar select{max-width:240px}
.m-or-cat-body{max-height:52vh;overflow:auto;border:1px solid var(--m-line);border-radius:10px}.m-or-cat-body.m-loading{opacity:.55}
.m-or-cat-t th{position:sticky;top:0;background:var(--m-surface);z-index:1}.m-or-cat-t td{vertical-align:middle}.m-or-cat-t .m-or-in{width:70px}
.m-or-cat-img{width:60px}.m-or-cat-img img{width:48px;height:48px;object-fit:cover;border-radius:8px;display:block}
.m-or-cat-t td.r{white-space:nowrap}.m-or-cat-nm{overflow-wrap:anywhere}.m-or-cat-total{white-space:nowrap;font-weight:700}
.m-or-cap{font-size:12.5px;margin-top:3px;white-space:nowrap;text-align:right;min-height:1.2em}.m-or-box,.m-or-itbl .m-or-in{vertical-align:middle}
/* окно каталога: колонки зафиксированы — когда в строке появляется «Итого», таблица не растёт и ничего не уезжает */
.m-or-cat-t{table-layout:fixed;width:100%}
.m-or-cat-t th:nth-child(1){width:38px}.m-or-cat-t th:nth-child(2){width:108px}.m-or-cat-t th:nth-child(4){width:100px}.m-or-cat-t th:nth-child(5){width:118px}.m-or-cat-t th:nth-child(6){width:92px}.m-or-cat-t th:nth-child(7){width:92px}.m-or-cat-t th:nth-child(8){width:124px}
.m-or-cat-t td,.m-or-cat-t th{overflow-wrap:anywhere}.m-or-cat-t .m-or-cat-total{text-align:right}
.m-or-cat-t .m-or-in{width:100%;max-width:76px}
.m-or-st-ok{color:#1A7D3C;font-weight:700}.m-or-st-no{color:var(--m-ink-2)}
.m-or-nt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.m-or-nt .m-field{display:block}.m-or-nt .m-field.wide{grid-column:1 / -1}.m-or-nt .m-input.bad{border-color:#B42318}
@media (max-width:900px){
  .m-or-cat-t{table-layout:auto}
  .m-or-cat-t thead{display:none}.m-or-cat-t,.m-or-cat-t tbody{display:block}
  .m-or-nt{grid-template-columns:1fr}
  .m-or-cat-r{display:grid!important;grid-template-columns:28px 76px 1fr;gap:2px 10px;padding:10px 8px;border-bottom:1px solid var(--m-line)}
  .m-or-cat-r td{display:block!important;border:0;padding:0;text-align:left!important}
  .m-or-cat-r td:nth-child(1){grid-row:span 4}.m-or-cat-r td:nth-child(2){grid-row:span 4}.m-or-cat-r td:nth-child(n+3){grid-column:3}
  .m-or-cat-t .m-or-in{width:90px}
}
.m-or-c-ck{width:34px}.m-or-ck,#or-all{width:18px;height:18px;cursor:pointer}
.m-or-stsel{min-width:170px;max-width:230px;padding:6px 8px}.m-or-stsel.paid{border-color:#1A7D3C}
.m-or-bulk{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;background:var(--m-surface);border:1px solid var(--m-line);border-radius:14px;padding:10px 14px;box-shadow:0 8px 30px rgba(0,0,0,.25)}
.m-or-bulk[hidden]{display:none}
@media (max-width:560px){.m-or-bulk{left:10px;right:10px;bottom:10px;transform:none;padding:8px 10px;gap:8px}.m-or-bulk .m-btn{padding:8px 10px;font-size:13px}}
.m-or-sum b{white-space:nowrap}
@media (max-width:760px){
  .m-or-row td.m-or-c-ck{display:block!important;position:absolute;left:0;top:12px;width:auto}
  .m-or-row td.m-cl-name{padding-left:30px!important}
  .m-or-row td.m-or-st{margin-top:6px}.m-or-stsel{width:100%;max-width:none}
}
.m-or-clp-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.m-or-warn{margin-top:8px;padding:8px 12px;border-radius:10px;background:#FFF4DF;color:#8A5A0A;border:1px solid #F1D9A8;font-weight:600;font-size:13.5px}
.m-or-recent{margin-top:12px}.m-or-rec{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--m-line)}.m-or-rec:first-of-type{border-top:0}.m-or-rec b{margin-left:auto}
.m-or-hist summary{cursor:pointer;font-weight:700}.m-or-ev{display:grid;grid-template-columns:140px 1fr auto;gap:10px;padding:7px 0;border-top:1px solid var(--m-line);font-size:13.5px}.m-or-ev:first-of-type{margin-top:10px}
.m-or-flash td{animation:m-or-fl 1.8s ease-out}@keyframes m-or-fl{0%,30%{background:rgba(255,205,60,.32)}100%{background:transparent}}
.m-or-err.ok{color:#1A7D3C}
.m-or-quick{margin-top:-4px}.m-or-sumbar{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline;padding:2px 4px 10px;font-size:14px}.m-or-sumbar b{font-variant-numeric:tabular-nums}
.m-or-sticky{display:none}
@media (max-width:760px){
  .m-or-ev{grid-template-columns:1fr}.m-or-ev span:last-child{order:-1}
  .m-or-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--m-surface);border-top:1px solid var(--m-line);box-shadow:0 -4px 18px rgba(0,0,0,.12)}
  .m-or-sticky b{font-size:18px}
  #or-page{padding-bottom:78px}
}
.m-dh-range{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin-left:8px;max-width:100%}.m-dh-range .m-input{width:150px;height:34px;flex:1 1 130px;min-width:0}
.m-dh-alerts{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}.m-dh-alerts .m-ps-tag{white-space:normal;text-decoration:none}
.m-dh-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:14px}.m-dh-kpis .m-card{margin:0}
.m-dh-k span:first-child{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--m-ink-2);font-weight:700}.m-dh-k>b{display:block;font-size:26px;margin:6px 0 2px;font-variant-numeric:tabular-nums}
.m-dh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.m-dh-grid>.m-card{margin:0}.m-dh-wide{grid-column:1 / -1}
.m-dh-today{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:10px}.m-dh-today>div{min-width:0}.m-dh-k,.m-dh-grid>.m-card{min-width:0}.m-dh-today span{display:block;font-size:12.5px;color:var(--m-ink-2);font-weight:600}.m-dh-today b{font-size:22px}
.m-dh-tbl th.r,.m-dh-tbl td.r{text-align:right}
.m-dh-chart{width:100%;height:210px;display:block}.m-dh-chart .b{fill:var(--m-accent)}.m-dh-chart .pl{stroke:var(--m-ink-2);stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.m-dh-chart .t{fill:var(--m-ink-2);font-size:12px}
.m-dh-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--m-line)}.m-dh-row:first-of-type{border-top:0}.m-dh-row a{overflow-wrap:anywhere;font-weight:600}.m-dh-row b{text-align:right;white-space:nowrap}
.m-dh-bar{display:grid;grid-template-columns:130px 1fr auto auto;gap:10px;align-items:center;padding:8px 0}.m-dh-bar i{display:block;height:10px;border-radius:99px;background:linear-gradient(90deg,var(--m-accent) var(--w),var(--m-surface-2) var(--w));border:1px solid var(--m-line)}.m-dh-bar b{text-align:right;white-space:nowrap}
@media (max-width:900px){.m-dh-grid{grid-template-columns:1fr}.m-dh-bar{grid-template-columns:90px 1fr auto}.m-dh-bar small{display:none}.m-dh-range{margin-left:0}}
/* карточка заказа: слева данные и товары, справа клиент, итоги и оплата; между блоками везде один отступ */
.m-or-layout{display:block}
.m-or-main,.m-or-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.m-or-main>.m-card,.m-or-side>.m-card,.m-or-side>.m-or-money,.m-or-main>.m-flash{margin:0}
.m-or-side>.m-or-money{margin:0}
.m-or-main,.m-or-side{margin-bottom:14px}
@media (min-width:1380px){
  .m-or-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
  .m-or-main,.m-or-side{margin-bottom:0}
  .m-or-side .m-or-money{grid-template-columns:1fr 1fr}
  .m-or-side .m-or-money .m-card{padding:12px 14px}.m-or-side .m-or-money b{font-size:19px}
  .m-or-side .m-or-payrow .m-btn{flex:1 1 auto}
}

/* компактнее: «Прошлые заказы» и таблица позиций в левой колонке */
.m-or-rec{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:2px 10px;align-items:center}
.m-or-rec b{margin-left:0;grid-column:2}.m-or-rec .m-btn{grid-column:3}.m-or-rec>span.m-muted{grid-column:1;grid-row:2;font-size:12.5px}.m-or-rec>a{grid-column:1;grid-row:1;font-weight:700}
.m-or-rec b{grid-row:1 / span 2}.m-or-rec .m-btn{grid-row:1 / span 2}
.m-or-itbl td{padding:8px 6px}.m-or-itbl td[data-l="Кол-во"]{white-space:nowrap}
.m-or-itbl .m-or-in{width:84px}.m-or-itbl .m-or-box{width:56px!important;margin-right:4px}
.m-or-itbl .m-or-in-name{min-width:190px}.m-or-stk{font-size:12px;margin-top:2px}
.m-menu-list hr{border:0;border-top:1px solid var(--m-line);margin:4px 2px}
.m-or-cat-img{width:104px}.m-or-cat-img img{width:92px;height:92px;object-fit:cover;border-radius:10px;cursor:zoom-in}
.m-or-cat-body{height:62vh;min-height:300px}.m-or-cat-wait{padding:18px}   /* высота окна постоянная с первого кадра: пока список грузится, окно не «вырастает» и не перескакивает */
@media (max-width:900px){.m-or-cat-img img{width:68px;height:68px}}
.m-or-sumline{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:baseline;padding:10px 14px}.m-or-sumline b{font-size:16px;font-variant-numeric:tabular-nums}
.m-or-lbl{display:block;font-size:12.5px;color:var(--m-ink-2);font-weight:600;margin-bottom:4px}
.m-or-money{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:14px}
.m-or-money .m-card{margin:0}.m-or-money span{display:block;font-size:12.5px;color:var(--m-ink-2);font-weight:600;margin-bottom:2px}.m-or-money b{font-size:22px;font-variant-numeric:tabular-nums}
.m-or-itbl th.r,.m-or-itbl td.r{text-align:right}
.m-or-ph{width:72px}.m-or-ph img{width:64px;height:64px;object-fit:cover;border-radius:8px;display:block;background:var(--m-surface-2);cursor:zoom-in}
.m-or-name{overflow-wrap:anywhere}
.m-or-lack{color:#B42318;font-weight:800}
.m-or-total{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--m-line)}
.m-or-total b{font-size:18px;font-variant-numeric:tabular-nums}
@media (min-width:761px) and (max-width:1180px){
  .m-table tr.m-or-row{display:table-row!important;padding:0;border:0}
  .m-table tr.m-or-row td{display:table-cell!important;grid-column:auto;justify-content:normal;padding:8px!important;border-bottom:1px solid var(--m-line)!important;text-align:left}
  .m-table tr.m-or-row td.r{text-align:right}
}
@media (max-width:1100px){.m-or-c-sk,.m-or-c-note,.m-table tr.m-or-row td.m-or-c-sk,.m-table tr.m-or-row td.m-or-c-note{display:none!important}}
@media (max-width:900px){.m-or-c-p,.m-or-c-cl,.m-table tr.m-or-row td.m-or-c-p,.m-table tr.m-or-row td.m-or-c-cl{display:none!important}.m-or-c-stk{display:none}}
@media (max-width:760px){
  .m-or-sep{display:none}
  .m-or-tbl .m-or-c-id,.m-or-tbl .m-or-c-d,.m-or-tbl .m-or-c-p,.m-or-tbl .m-or-c-cl,.m-or-tbl .m-or-c-sk,.m-or-tbl .m-or-c-note{display:none!important}
  .m-or-row td.m-or-sum{position:absolute;right:0;top:10px;text-align:right}
  .m-or-row td.m-cl-name{padding-right:96px!important}
  .m-or-row td.m-cl-acts{display:none!important}
  .m-or-row td.m-or-st{margin-top:6px}
  .m-or-itbl thead{display:none}.m-or-itbl,.m-or-itbl tbody{display:block}
  .m-or-irow{display:grid!important;grid-template-columns:56px 1fr;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--m-line)}
  .m-or-irow td{display:block!important;border:0;padding:0}
  .m-or-irow td:not(.m-or-ph){grid-column:2}
  .m-or-irow td.m-or-ph{grid-column:1;grid-row:1 / span 6}
  .m-or-info{grid-template-columns:1fr 1fr}
  .m-or-in{width:110px}.m-or-in-total{width:130px}
  .m-or-money{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.m-or-money .m-card{padding:10px}.m-or-money b{font-size:16px}.m-or-money span{font-size:11.5px}
  .m-or-money .m-muted{font-size:11.5px}
  .m-or-irow td.r{text-align:left}
  .m-or-irow td[data-l]::before{content:attr(data-l) ": ";color:var(--m-ink-2);font-size:12.5px;font-weight:600}
}

/* НЕ «СПЛОШНОЕ БЕЛОЕ» (правило forms-ux-rules): блоки с цветной полоской сверху, поля ввода на сером фоне — белеют при вводе. Пока только экраны заказов. */
#or-page .m-card,.m-or-modal-box{border-top:3px solid var(--acc,#D3DBE8)}
#or-edit{--acc:#1E87F0}.m-or-clp{--acc:#7A5AF0}.m-or-items{--acc:#12A66B}.m-or-pay{--acc:#E8912A}.m-or-sumline{--acc:#C9D3E2}.m-or-hist{--acc:#B8C2D2}
.m-or-modal-box{--acc:#1E87F0}
#or-page .m-input,.m-or-modal .m-input,#or-bar .m-input,#or-page select.m-input{background:var(--m-field);border-color:var(--m-field-line)}
#or-page .m-input:focus,.m-or-modal .m-input:focus,#or-bar .m-input:focus{background:#fff;border-color:var(--m-accent)}
#or-page .m-input::placeholder,.m-or-modal .m-input::placeholder{color:#74839A}
#or-page .m-or-part{background:var(--m-field);border-color:var(--m-field-line)}
#or-page .m-or-part .m-input{background:#fff}
#or-page .m-card>.m-h2:first-child{display:flex;align-items:center;gap:8px}
#or-page #or-edit>.m-h2::before{content:"✎";color:#1E87F0}#or-page .m-or-items>.m-h2::before{content:"▦";color:#12A66B}#or-page .m-or-pay>.m-h2::before{content:"₽";color:#E8912A;font-weight:800}

/* тёмная тема для полей заказов (кладём ДО сгенерированного блока: скрипт tools/gen-dark.py всё после него стирает) */
html[data-theme=dark]{--m-field:#2B2B30;--m-field-line:#45454C}
html[data-theme=dark] #or-page .m-input:focus,html[data-theme=dark] .m-or-modal .m-input:focus,html[data-theme=dark] #or-bar .m-input:focus,html[data-theme=dark] #or-page .m-or-part .m-input{background:#1C1C1E}

/* кнопки добавления товара в заказе — цветные, не белые */
#or-page .m-btn-cat{background:rgba(30,135,240,.13);border-color:#1E87F0;color:#0B63BF;font-weight:700}#or-page .m-btn-cat:hover{background:rgba(30,135,240,.22)}
#or-page .m-btn-new{background:rgba(18,166,107,.14);border-color:#12A66B;color:#0A6B45;font-weight:700}#or-page .m-btn-new:hover{background:rgba(18,166,107,.24)}
#or-page #or-snd{background:rgba(232,145,42,.18);border-color:#E8912A}#or-page #or-snd:hover{background:rgba(232,145,42,.3)}
html[data-theme=dark] #or-page .m-btn-cat{color:#9CC4EE}html[data-theme=dark] #or-page .m-btn-new{color:#8FD6B4}

.m-or-send{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.m-or-send-lbl{font-size:12px;margin-right:2px}
.m-or-edit-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.m-or-edit-sum{margin:-4px 0 0;font-size:14px;color:var(--m-muted);cursor:pointer;overflow-wrap:anywhere}
.m-or-edit-sum[hidden],#or-edit-body[hidden]{display:none}

.m-or-gate{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px;padding:10px 12px;border-radius:10px;background:var(--m-warn-bg,#FFF4D6);border:1px solid var(--m-warn-line,#E8C873);color:var(--m-warn-ink,#6B4A00);font-size:14px;font-weight:600}
.m-or-gate[hidden]{display:none}
.m-or-add.gated{opacity:.5;filter:grayscale(.6);pointer-events:none}
html[data-theme=dark] .m-or-gate{background:#3A3220;border-color:#6B5A2E;color:#F0D9A0}

.m-or-topbtns{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}.m-or-topbtns .m-inline-f{margin:0}

/* DARK-GENERATED-START (tools/gen-dark.py — не править руками) */
html[data-theme=dark]{--m-bg:#121212;--m-surface:#1C1C1E;--m-surface-2:#26262A;--m-ink:#F2F2F2;--m-ink-2:#B8B8BE;--m-line:#343438;--m-accent:#3B6FA6;--m-ok:#5C9E7C;--m-bad:#B9586A;--m-warn:#B08A4A;--m-accent-ink:#93B1D6;--m-accent-soft:rgba(110,150,200,.15);--m-shadow:0 1px 2px rgba(0,0,0,.5),0 10px 30px rgba(0,0,0,.4);color-scheme:dark}
html[data-theme=dark] .m-lab-strip{background:#353022;color:#D3BE92;border-bottom:1px solid #564F39}
html[data-theme=dark] .m-btn:hover{border-color:#394656}
html[data-theme=dark] .m-input,html[data-theme=dark] .m-select,html[data-theme=dark] textarea.m-input{background:#1C1C1E}
html[data-theme=dark] .m-table tr.m-row:hover td{background:#1C1C1E}
html[data-theme=dark] .m-inline:hover{background:#1C1C1E}
html[data-theme=dark] .m-inline:focus{background:#1C1C1E}
html[data-theme=dark] .m-inline[readonly]{color:#B8B8BE}
html[data-theme=dark] .m-inline.saved{background:#22352B;border-color:#395646}
html[data-theme=dark] .m-inline.err{background:#352225;border-color:#56393E}
html[data-theme=dark] .m-badge{background:#353022;color:#D3BE92}
html[data-theme=dark] .m-flash.ok{background:#22352B;color:#92D3B3}
html[data-theme=dark] .m-flash.bad{background:#352225;color:#D3929F}
html[data-theme=dark] .m-sb-edit{background:#41618B}
html[data-theme=dark] .m-sb-copy{background:#5B418B}
html[data-theme=dark] .m-sb-cat{background:#36736D}
html[data-theme=dark] .m-sb-order{background:#306743}
html[data-theme=dark] .m-sb-del{background:#8B4841}
html[data-theme=dark] .m-act{background:#1C1C1E;color:#92AED3}
html[data-theme=dark] .m-act:hover{border-color:#547AAB}
html[data-theme=dark] .m-act-label{color:#92D3A8}
html[data-theme=dark] .m-act-copy{color:#A992D3}
html[data-theme=dark] .m-act-cat{color:#92D3CD}
html[data-theme=dark] .m-zoom img{background:#1C1C1E}
html[data-theme=dark] .m-zoom button{background:rgba(28,28,30,.15)}
html[data-theme=dark] .m-sec-price{border-top-color:#408261}
html[data-theme=dark] .m-sec-stock{border-top-color:#8F7247}
html[data-theme=dark] .m-sec-price .m-sec-i{color:#92D3A8}
html[data-theme=dark] .m-sec-stock .m-sec-i{color:#D3B992}
html[data-theme=dark] .m-form .m-input:focus,html[data-theme=dark] .m-form .m-select:focus{background:#1C1C1E}
html[data-theme=dark] .m-savebar{background:rgba(28,28,30,.92)}
html[data-theme=dark] .m-photo img{background:#1C1C1E}
html[data-theme=dark] .m-chip-warn{color:#D39792}
html[data-theme=dark] .m-chip-fix{color:#D3B992}
html[data-theme=dark] .m-table .m-thumb{background:#1C1C1E}
html[data-theme=dark] .m-zoom .p,html[data-theme=dark] .m-zoom .n{background:rgba(28,28,30,.16)}
html[data-theme=dark] .m-zoom .x{background:rgba(28,28,30,.15)}
html[data-theme=dark] .m-src{color:#D3BC92;background:#352E22}
html[data-theme=dark] .m-sb-main{background:linear-gradient(135deg,#41618B,#415F8B)}
html[data-theme=dark] .m-sb-main:hover{background:linear-gradient(135deg,#41628B,#3F5A85)}
html[data-theme=dark] .m-sb-violet{background:#282235;color:#A892D3}
html[data-theme=dark] .m-sb-violet:hover{background:#282235;color:#A892D3}
html[data-theme=dark] .m-sb-teal{background:#223532;color:#92D3CB}
html[data-theme=dark] .m-sb-teal:hover{background:#223531;color:#92D3CB}
html[data-theme=dark] .m-sb-green{background:#223529;color:#92D3A8}
html[data-theme=dark] .m-sb-green:hover{background:#223529;color:#92D3A8}
html[data-theme=dark] .m-sb-amber{background:#352E22;color:#D3BB92}
html[data-theme=dark] .m-sb-amber:hover{background:#352E22;color:#D3BA92}
html[data-theme=dark] .m-sb-bad{background:#352225;color:#D3929F}
html[data-theme=dark] .m-sb-bad:hover{background:#352226;color:#D3929F}
html[data-theme=dark] .m-sel-bar{background:rgba(28,28,30,.96)}
html[data-theme=dark] .m-input.m-bad,html[data-theme=dark] .m-select.m-bad{background:#352226!important}
html[data-theme=dark] .m-draft-note{background:#222A35}
html[data-theme=dark] .m-c-dashboard{--ic:#6F8FB8;--ic-bg:#222A35}
html[data-theme=dark] .m-c-reports{--ic:#896FB8;--ic-bg:#282235}
html[data-theme=dark] .m-c-orders{--ic:#B8896F;--ic-bg:#352922}
html[data-theme=dark] .m-c-clients{--ic:#6FB8B0;--ic-bg:#223532}
html[data-theme=dark] .m-c-payments{--ic:#B86F7D;--ic-bg:#352225}
html[data-theme=dark] .m-c-tovar{--ic:#6F8DB8;--ic-bg:#222A35}
html[data-theme=dark] .m-c-sklad{--ic:#B8996F;--ic-bg:#352D22}
html[data-theme=dark] .m-c-postavki{--ic:#B89E6F;--ic-bg:#352E22}
html[data-theme=dark] .m-c-move{--ic:#6FADB8;--ic-bg:#223235}
html[data-theme=dark] .m-c-inventory{--ic:#A1B86F;--ic-bg:#2D3522}
html[data-theme=dark] .m-c-cashbox{--ic:#6FB888;--ic-bg:#223529}
html[data-theme=dark] .m-c-logists{--ic:#6F87B8;--ic-bg:#222835}
html[data-theme=dark] .m-c-users{--ic:#6F7AB8;--ic-bg:#222435}
html[data-theme=dark] .m-c-settings{--ic:#6F91B8;--ic-bg:#26262A}
html[data-theme=dark] .m-c-audit{--ic:#B89B6F;--ic-bg:#352E22}
html[data-theme=dark] .m-c-korzina{--ic:#B86F6F;--ic-bg:#352222}
html[data-theme=dark] .m-tv-big{background:#1C1C1E}
html[data-theme=dark] .m-pt-grey{background:#26262A}
html[data-theme=dark] .m-pt-violet{background:#282235;border-color:#6B54AB}
html[data-theme=dark] .m-pt-teal{background:#223531;border-color:#408277}
html[data-theme=dark] .m-pt-blue{background:#222A35}
html[data-theme=dark] .m-pt-edit input{background:rgba(28,28,30,.75)}
html[data-theme=dark] .m-pt-edit input:focus{background:#1C1C1E}
html[data-theme=dark] .m-pt-mk{color:#92D3A8}
html[data-theme=dark] .m-pt-mk input{border:1px solid #395643;background:#1C1C1E;color:#92D3A9}
html[data-theme=dark] .m-pt-mk input:focus{border-color:#408257}
html[data-theme=dark] .m-pt input.saved{background:#223528;border-color:#408257}
html[data-theme=dark] .m-pt input.err{background:#352422;border-color:#9D554E}
html[data-theme=dark] .m-bns{border:1px solid #395642;background:#26262A}
html[data-theme=dark] .m-bns i{color:#92D3A8}
html[data-theme=dark] .m-bns .m-bns-t b{color:#92D3A8}
html[data-theme=dark] .m-bns .m-bns-sep{background:#223528}
html[data-theme=dark] .m-btn-ok{background:#306743;border-color:#408257}
html[data-theme=dark] .m-btn-ok:hover{background:#295638}
html[data-theme=dark] .m-btn-warn{background:#352E22;border-color:#564C39;color:#D3BA92}
html[data-theme=dark] .m-btn-warn:hover{background:#352E22}
html[data-theme=dark] .m-pt-amber{background:#352E22;border-color:#AB8A54}
html[data-theme=dark] .m-pt-red{background:#352224;border-color:#AB5464}
html[data-theme=dark] .m-ps-tag.blue{background:#222A35;color:#92B2D3}
html[data-theme=dark] .m-ps-tag.amber{background:#352E22;color:#D3BB92;border-color:#564C39}
html[data-theme=dark] .m-ps-tag.green{background:#223529;color:#92D3A8}
html[data-theme=dark] .m-ps-tag.red{background:#352225;color:#D3929F;border-color:#56393F}
html[data-theme=dark] .m-ps-group{border-top:3px solid #6B54AB}
html[data-theme=dark] .m-ps-row:hover{background:#1C1C1E}
html[data-theme=dark] .m-ps-bar i{background:linear-gradient(90deg,#3B7D5C,#418B65)}
html[data-theme=dark] .m-ps-proc{background:#222A35}
html[data-theme=dark] .m-ps-match{border-top:3px solid #AB8A54}
html[data-theme=dark] .m-ps-match summary::before{color:#D3BB92}
html[data-theme=dark] .m-ps-mrow{border-top:1px solid #564C39}
html[data-theme=dark] .m-ps-ph img,html[data-theme=dark] .m-ps-noph{background:#1C1C1E}
html[data-theme=dark] .m-ps-ok{color:#92D3A8}
html[data-theme=dark] .m-input.saved{border-color:#408257;background:#223528}
html[data-theme=dark] .m-input.err{background:#352422}
html[data-theme=dark] .m-cmp-img{background:#1C1C1E}
html[data-theme=dark] .m-cmp-verdict.green{background:#223529;color:#92D3A8}
html[data-theme=dark] .m-cmp-verdict.amber{background:#352E22;color:#D3BB92}
html[data-theme=dark] .m-cmp-verdict.red{background:#352225;color:#D3929F}
html[data-theme=dark] .m-man-ph{border:1px dashed #394656}
html[data-theme=dark] .m-man-ph.has{border-color:#408257;background:#223528;color:#92D3A8}
html[data-theme=dark] .m-imp-drop{border:2px dashed #394656}
html[data-theme=dark] .m-imp-drop.has{border-color:#408257;background:#223528}
html[data-theme=dark] .m-ps-new{background:#306743}
html[data-theme=dark] .m-nk-bl{background:#352225;color:#D3929F}
html[data-theme=dark] .m-nk-warn{background:#352E22;color:#D3BE92}
html[data-theme=dark] .m-nk-row.wn{border-left-color:#AB8A54}
html[data-theme=dark] .m-nk-main{background:#1C1C1E}
html[data-theme=dark] .m-nk-alt img{background:#1C1C1E}
html[data-theme=dark] .m-nk-match{background:#26262A}
html[data-theme=dark] .m-nk-match img,html[data-theme=dark] .m-nk-match .m-ps-noph{background:#1C1C1E}
html[data-theme=dark] .m-nk-num .m-nk-ed{background:#352E22;border-color:#AB8A54}
html[data-theme=dark] .m-nk-bar{background:rgba(28,28,30,.97);border-left:4px solid #AB8A54}
html[data-theme=dark] .m-nk-bar.ok{border-left-color:#408257}
html[data-theme=dark] .m-nk-look{background:#26262A;border:1px dashed #394656}
html[data-theme=dark] .m-nk-look-c img,html[data-theme=dark] .m-nk-look-c .m-ps-noph{background:#1C1C1E}
html[data-theme=dark] .m-nk-newart{background:#352E22;border:1px solid #564C39}
html[data-theme=dark] .m-nk-cmp i{background:#222A35}
html[data-theme=dark] .m-nk-cmp i.big{background:#352222;color:#D39792}
html[data-theme=dark] .m-nk-cmp i.eq{background:#223528;color:#92D3A7}
html[data-theme=dark] .m-nk-mem{background:#222935;border:1px solid #394356}
html[data-theme=dark] .m-nk-mem img{background:#1C1C1E}
html[data-theme=dark] .m-nk-pick-h img{background:#1C1C1E}
html[data-theme=dark] .m-nk-pick-x{background:#222A35}
html[data-theme=dark] .m-nk-pick-tools{background:#26262A}
html[data-theme=dark] .m-nk-tile{background:#1C1C1E}
html[data-theme=dark] .m-nk-tile:hover{border-color:var(--m-accent,#5471AB)}
html[data-theme=dark] .m-nk-tile img,html[data-theme=dark] .m-nk-tile .m-ps-noph{background:#26262A}
html[data-theme=dark] .m-nk-alt em{background:#8B4641}
html[data-theme=dark] .m-nk-unown{background:#8B4641}
html[data-theme=dark] .m-lg-card{border-left:4px solid #4A6296}
html[data-theme=dark] .m-lg-name:hover{color:#92A7D3}
html[data-theme=dark] .m-lg-card-bal > div{background:#26262A}
html[data-theme=dark] .m-lg-card-bal .owe{background:#352222}
html[data-theme=dark] .m-lg-card-bal .owe b,html[data-theme=dark] .m-lg-card-bal .owe span{color:#D39792}
html[data-theme=dark] .m-lg-card-bal .adv{background:#223528}
html[data-theme=dark] .m-lg-card-bal .adv b,html[data-theme=dark] .m-lg-card-bal .adv span{color:#92D3A7}
html[data-theme=dark] .m-lg-start{background:#352E22;border:1px dashed #564B39;color:#D3BC92}
html[data-theme=dark] .m-lg-short{border-left:4px solid #AB8C54;background:#352E22}
html[data-theme=dark] .m-lg-form{border-left:4px solid #546EAB}
html[data-theme=dark] .m-lg-plus{color:#D39792}
html[data-theme=dark] .m-lg-minus{color:#92D3A7}
html[data-theme=dark] .m-lg-cancelled{color:#D39792}
html[data-theme=dark] .m-lg-st-h{background:#1C1C1E}
html[data-theme=dark] .m-lg-st-i{color:#F2F2F2}
html[data-theme=dark] .m-sk-card{border-left:4px solid #546EAB}
html[data-theme=dark] .m-sk-card.wh{border-left-color:#4A6296}
html[data-theme=dark] .m-sk-card.shop{border-left-color:#40825F}
html[data-theme=dark] a.m-sk-name:hover{color:#92A7D3}
html[data-theme=dark] .m-sk-nums > div{background:#26262A}
html[data-theme=dark] .m-sk-nums b.minus{color:#D39792}
html[data-theme=dark] .m-sk-sold{color:#92A9D3}
html[data-theme=dark] .m-sk-ph img,html[data-theme=dark] .m-sk-ph .m-ps-noph{background:#26262A}
html[data-theme=dark] .m-sk-trash{color:#D39792}
html[data-theme=dark] .m-sk-q b.minus{color:#D39792}
html[data-theme=dark] .m-au-bar{background:#26262A}
html[data-theme=dark] .m-au-b.ins{background:#223528;color:#92D3A7;border-color:#395649}
html[data-theme=dark] .m-au-b.upd{background:#222935;color:#92A9D3;border-color:#394356}
html[data-theme=dark] .m-au-b.del{background:#352222;color:#D39792;border-color:#563C39}
html[data-theme=dark] .m-au-old{color:#D39792}
html[data-theme=dark] .m-au-new{color:#92D3A7}
html[data-theme=dark] .m-kz-ph img,html[data-theme=dark] .m-kz-ph .m-ps-noph{background:#26262A}
html[data-theme=dark] .m-kz-info small.warn{color:#D3BB92}
html[data-theme=dark] .m-kz-info small.bad{color:#D39792}
html[data-theme=dark] .m-st-r:hover{background:#26262A}
html[data-theme=dark] .m-st-ava{background:#222835;color:#92A7D3}
html[data-theme=dark] .m-st-dot{background:#222935}
html[data-theme=dark] .m-st-dot.on{background:#3C805C}
html[data-theme=dark] .m-st-name:hover{color:#92A7D3}
html[data-theme=dark] .m-btn-warn{border-color:#AB8C54;color:#D3BC92}
html[data-theme=dark] .m-rl-g{color:#92A7D3}
html[data-theme=dark] .m-rl-r{border-top:1px solid #394456}
html[data-theme=dark] .m-rl-r:hover{background:#26262A}
html[data-theme=dark] .m-rl-bar .js-dirty{color:#D3BB92}
html[data-theme=dark] .m-rl-c input.stale{outline:2px solid #AB8C54}
html[data-theme=dark] .m-lgn-alert{background:#352322;border:1px solid #563C39;border-left:4px solid #894843}
html[data-theme=dark] .m-chip-wd{background:#352E22;color:#D3B992}
html[data-theme=dark] .m-chip-wd.on{background:#8B6D41}
html[data-theme=dark] .m-ex-cat.wd{background:#352E22;color:#D3B992}
html[data-theme=dark] .m-ex-sum{color:#D39792}
html[data-theme=dark] .m-ex-del:hover{color:#D39792}
html[data-theme=dark] .m-cb-plus{color:#92D3A8}
html[data-theme=dark] .m-cb-minus{color:#D39792}
html[data-theme=dark] .m-cb-badge.lock{background:#222A35;color:#92AFD3}
html[data-theme=dark] .m-cb-badge.open{background:#22352B;color:#92D3B3}
html[data-theme=dark] .m-cb-cells i{color:#92AFD3}
html[data-theme=dark] .m-cb-cells .bal{background:#22352B}
html[data-theme=dark] .m-cb-colh.in{background:#22352B;color:#92D3B3}
html[data-theme=dark] .m-cb-colh.out{background:#352225;color:#D39792}
html[data-theme=dark] .m-cb-tag{background:#222A35;color:#92AFD3}
html[data-theme=dark] .m-cb-guess{border-bottom:1px dotted #394556}
html[data-theme=dark] .m-cb-addbtn.in{background:#306743}
html[data-theme=dark] .m-cb-addbtn.out{background:#8B4641}
html[data-theme=dark] .m-cb-opt label{color:#D3AC92;background:#352B22;border:1px solid #564939}
html[data-theme=dark] .m-cb-cardnote{color:#92AFD3;background:#222935;border:1px solid #394456}
html[data-theme=dark] .m-cb-must{background:#22352B}
html[data-theme=dark] .m-cb-must .r b{color:#92D3B3}
html[data-theme=dark] .m-cb-close.closed{background:#222935}
html[data-theme=dark] .m-mv-b.blue{color:#92A9D3;background:#222935}
html[data-theme=dark] .m-mv-b.green{color:#92D3A8;background:#223528}
html[data-theme=dark] .m-mv-drafts{background:#352E22}
html[data-theme=dark] .m-mv-draft{border-top:1px solid #564D39}
html[data-theme=dark] .m-mv-scan-st.ok{color:#92D3A8}
html[data-theme=dark] .m-mv-scan-st.bad{color:#D39792}
html[data-theme=dark] .m-mv-link{background:#352E22}
html[data-theme=dark] .m-mv-hint.bad{color:#D39792}
html[data-theme=dark] .m-iv-mark.ok::before{color:#92D3A8}
html[data-theme=dark] .m-iv-mark.err::before{color:#D39792}
html[data-theme=dark] .m-iv-msg.bad{color:#D39792}
html[data-theme=dark] .m-or-note.debt{color:#D39792}
html[data-theme=dark] .m-or-err{color:#D39792}
html[data-theme=dark] .m-or-saved{color:#92D3A8}
html[data-theme=dark] .m-or-in.bad{border-color:#894843}
html[data-theme=dark] .m-or-st-ok{color:#92D3A8}
html[data-theme=dark] .m-or-nt .m-input.bad{border-color:#894843}
html[data-theme=dark] .m-or-stsel.paid{border-color:#408257}
html[data-theme=dark] .m-or-warn{background:#352E22;color:#D3BB92;border:1px solid #564C39}
html[data-theme=dark] .m-or-err.ok{color:#92D3A8}
html[data-theme=dark] .m-or-lack{color:#D39792}
html[data-theme=dark] #or-page .m-card,html[data-theme=dark] .m-or-modal-box{border-top:3px solid var(--acc,#394456)}
html[data-theme=dark] #or-page .m-input:focus,html[data-theme=dark] .m-or-modal .m-input:focus,html[data-theme=dark] #or-bar .m-input:focus{background:#1C1C1E}
html[data-theme=dark] #or-page .m-input::placeholder,html[data-theme=dark] .m-or-modal .m-input::placeholder{color:#A6B0BF}
html[data-theme=dark] #or-page .m-or-part .m-input{background:#1C1C1E}
html[data-theme=dark] #or-page #or-edit>.m-h2::before{color:#92B2D3}
html[data-theme=dark] #or-page .m-or-items>.m-h2::before{color:#92D3B9}
html[data-theme=dark] #or-page .m-or-pay>.m-h2::before{color:#D3B592}
html[data-theme=dark] #or-page .m-btn-cat{border-color:#547FAB;color:#92B2D3}
html[data-theme=dark] #or-page .m-btn-new{border-color:#408268;color:#92D3B9}
html[data-theme=dark] #or-page #or-snd{border-color:#AB8354}
html[data-theme=dark] .m-or-gate{background:var(--m-warn-bg,#353022);border:1px solid var(--m-warn-line,#AB9354);color:var(--m-warn-ink,#D3BF92)}
/* DARK-GENERATED-END */