/* 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:#5E7085;--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-shadow:0 1px 2px rgba(13,36,56,.06),0 10px 30px rgba(13,36,56,.07);--m-r:14px}
*{box-sizing:border-box}
body{margin:0;background:var(--m-bg);color:var(--m-ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--m-accent-ink);text-decoration:none}
.m-lab-strip{background:#FFF4D6;color:#7A5300;text-align:center;font-size:12.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:13px;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:13px}
.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:13px}
.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:12px;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:11px}
.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:12.5px;color:var(--m-ink-2)}
.m-src{display:block;font-size:11.5px;color:var(--m-ink-2);margin-top:2px}
.m-badge{display:inline-block;font-size:11px;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:12.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:12.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:12.5px;font-weight:700;color:var(--m-ink-2);margin-bottom:5px}
.m-field .m-hint{font-size:12px;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:14px}
/* телефон: строка товара — карточкой */
@media (max-width:700px){
  .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:12.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}
}