/* Дополнения к стилям прототипа: вход, фото, печать чека, админка */
/* базовый сброс (в прототипе он был в служебном блоке стилей) */
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;font-size:14px}
img{max-width:100%}
[hidden]{display:none!important}
.ph{width:38px;height:38px;border-radius:9px;object-fit:cover;flex:none;background:var(--surface2);display:block}
.pcard .ph{width:100%;height:96px;border-radius:8px;object-fit:contain;background:#fff}
.pc-top.photo{display:block;position:relative}
.pc-top.photo .stk{position:absolute;top:6px;right:6px}
.login-wrap{min-height:calc(100vh - 60px);display:grid;place-items:center;padding:24px 0}
.login{width:min(420px,100%);padding:24px;display:grid;gap:14px}
.login h1{font-size:22px;font-weight:700}
.login .logo{width:44px;height:44px;border-radius:11px;background:var(--nav);color:var(--brand);display:grid;place-items:center}
.err{color:var(--bad);font-weight:600;font-size:13px;min-height:18px}
.who{display:inline-flex;align-items:center;gap:6px;color:var(--nav-ink);font-size:13px}
.top-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;color:var(--nav-ink);font-weight:600;font-size:13px}
.top-btn:hover{background:rgba(255,255,255,.08);color:#fff}
.tabsbar{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 14px}
.tabsbar button{padding:8px 14px;border-radius:9px;font-weight:600;color:var(--ink2);background:var(--surface);border:1px solid var(--line)}
.tabsbar button.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.consent{background:var(--surface2);border-radius:10px;padding:12px;font-size:13px;line-height:1.5;display:grid;gap:8px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:600}
.check input{margin-top:3px;width:18px;height:18px;flex:none}
.drop{border:2px dashed var(--line2);border-radius:12px;padding:18px;display:grid;gap:8px;justify-items:start}
.drop input[type=file]{max-width:100%}
.res{font-family:var(--f-mono);font-size:12.5px;background:var(--surface2);border-radius:8px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere}
.qline{display:grid;grid-template-columns:minmax(0,1fr) 84px 104px 36px;gap:8px;align-items:center}
@media (max-width:520px){.qline{grid-template-columns:minmax(0,1fr) 70px 88px 32px}}
.choice{display:grid;gap:8px}
.choice button{display:flex;gap:10px;align-items:center;text-align:left;padding:10px;border:1px solid var(--line);border-radius:10px}
.choice button:hover{border-color:var(--brand)}
.video{width:100%;max-height:50vh;border-radius:10px;background:#000}
/* карточка товара: фото и категория */
.ph-edit{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.ph-edit .ph,.ph-edit .mono{width:64px;height:64px;border-radius:12px}
.ph-edit label.btn{cursor:pointer}
.ph-edit small{flex-basis:100%;font-size:12px}
.cat-sel{flex:0 1 220px;width:auto;background:var(--surface)}
/* приход: принять / пропустить, свёрнутый список пропущенных */
.ord-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
details>summary.sec-h{cursor:pointer;list-style:none}
details>summary.sec-h::-webkit-details-marker{display:none}
details>small.pad{display:block;padding:0 14px 8px}
@media (max-width:520px){.cat-sel{flex:1 1 100%}}
.bar-row{display:grid;grid-template-columns:150px minmax(0,1fr) 92px;gap:6px 12px;align-items:center;padding:6px 14px}
.bar-row .n{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar-row .tr{display:grid;gap:3px}
.bar-row .b{height:9px;border-radius:2px;min-width:2px}
.bar-row .b.in{background:var(--line2)}
.bar-row .b.out{background:var(--brand)}
.bar-row .tv{text-align:right;font-size:12px;color:var(--ink2);font-variant-numeric:tabular-nums}
@media (max-width:520px){.bar-row{grid-template-columns:96px minmax(0,1fr) 74px}}
/* печать чека: только чек */
@media print{
  body{background:#fff !important;padding:0 !important}
  body>*:not(#modal){display:none !important}
  #modal{position:static !important;background:none !important;display:block !important}
  .modal{box-shadow:none !important;width:auto !important;max-height:none !important}
  .mhead,.mfoot,.no-print{display:none !important}
  .recv{border:0 !important;background:#fff !important;color:#000 !important;font-size:12px}
}