/* Экран точки ППкафе · учёт. Размеры и цвета — из эталона Tochka.dc.html (390×844). */

body{font-size:15px;line-height:1.4;overflow-x:hidden}
a{color:var(--green-2)}a:hover{color:var(--green)}

.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}

.screen{width:100%;max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);padding:0 14px 28px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}

/* Шапка */
.head{padding:20px 4px 12px;display:flex;flex-direction:column;gap:3px}
.head__row{display:flex;align-items:center;gap:8px;min-width:0}
.logo{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--green-2);color:#ffffff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px}
.pick{position:relative;display:flex;align-items:center;flex:1;min-width:0}
.pick__select{appearance:none;-webkit-appearance:none;width:100%;min-height:44px;padding:0 26px 0 0;margin:0;border:0;background:transparent;color:var(--green);font-family:inherit;font-size:21px;font-weight:800;letter-spacing:-0.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.pick__select:focus-visible{outline:2px solid var(--green-2);outline-offset:2px;border-radius:8px}
.pick__chev{position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--green);pointer-events:none}
.head__sub{font-size:13px;color:var(--muted)}
.demo{color:var(--orange);font-weight:600}

/* Принять поставку */
.receipt{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:14px 16px;border:0;border-radius:16px;background:var(--green);color:#ffffff;font-family:inherit;text-align:left;cursor:pointer}
.receipt[hidden]{display:none}
.receipt:disabled{opacity:.7;cursor:default}
.receipt:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.receipt svg{flex-shrink:0}
.receipt__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.receipt__title{font-size:16px;font-weight:700}
.receipt__sub{font-size:12.5px;font-weight:400;opacity:.8}

/* На сборку: заказы, переданные логистом на эту точку (picking/ready) */
.assembly[hidden]{display:none}
.assembly .sect{padding-top:14px}
.assembly__list{display:flex;flex-direction:column;gap:6px}
.order{display:flex;flex-direction:column;gap:6px;padding:12px 14px 12px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:background-color .22s ease,border-color .22s ease}
.order--flash{background:var(--green-soft);border-color:var(--bar)}
.order__top{display:flex;align-items:baseline;gap:8px;min-width:0}
.order__num{font-weight:800;font-size:15px;color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.order__sum{margin-left:auto;font-weight:800;font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.order__meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);min-width:0;flex-wrap:wrap}
.order__who{overflow-wrap:anywhere}
.order__phone{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.order__items{font-size:13.5px;line-height:1.4;overflow-wrap:anywhere}
.order__items--dim{color:var(--muted)}
/* Плашки канала — те же классы и цвета, что на orders.html */
.pill{padding:3px 9px;border-radius:var(--r-chip);font-weight:600;font-size:12px;white-space:nowrap}
.pill-tg{background:var(--tg-soft);color:var(--tg)}
.pill-grey{background:var(--grey-soft);color:var(--ink-2)}
.st{padding:3px 9px;border-radius:var(--r-chip);font-weight:700;font-size:12px;white-space:nowrap}
.st-picking{background:var(--amber-soft);color:var(--amber)}
.st-ready{background:var(--green-soft);color:var(--green-2)}
.order__btn{margin-top:4px;min-height:44px;padding:12px 16px;border:0;border-radius:12px;background:var(--green);color:#ffffff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}
.order__btn--ready{background:var(--green-2)}
.order__btn:active:not(:disabled){filter:brightness(.92)}
.order__btn:disabled{opacity:.6;cursor:default}
.order__btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.order__err{font-size:12.5px;color:var(--orange-ink);background:var(--orange-soft);border-radius:10px;padding:8px 10px;overflow-wrap:anywhere}
.order__err[hidden]{display:none}

/* Заголовок секции */
.sect{padding:16px 4px 8px;display:flex;align-items:baseline;gap:8px}
.sect__title{font-weight:700;font-size:16px}
.sect__aside{margin-left:auto;font-size:12.5px;color:var(--muted);white-space:nowrap}

/* Остатки */
.stock{display:flex;flex-direction:column;gap:6px}
.card{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:background-color .22s ease}
.card--zero{background:var(--grey-soft)}
.card--flash{background:var(--green-soft)}
.card--zero.card--flash{background:var(--line-3)}
.card__num{font-size:24px;font-weight:800;min-width:30px;color:var(--green);letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.card--low .card__num{color:var(--orange)}
.card--zero .card__num{color:var(--muted-2)}
.card__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.card__name{font-weight:600;font-size:14.5px;overflow-wrap:anywhere}
.card--zero .card__name{color:var(--muted)}
.card__sub{font-size:12px;color:var(--muted)}
.card--low .card__sub{color:var(--orange);font-weight:600}
.card--zero .card__sub{color:var(--muted-2);font-weight:400}
.minus{width:44px;height:44px;flex-shrink:0;border:0;border-radius:12px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.minus:active:not(:disabled){background:var(--bar)}
.minus:focus-visible{outline:2px solid var(--green-2);outline-offset:2px}
/* Погашенная кнопка — цвета из эталона (в tokens.css их нет) */
.minus:disabled{background:#e3e5df;color:#b3b8b1;cursor:default}
.stock__empty{padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:14px}

/* Заявка на завтра */
.req{margin-top:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px}
.req__head{display:flex;align-items:baseline;gap:8px;padding:0 2px 6px}
.row{display:flex;align-items:center;gap:12px;padding:5px 2px}
.row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.row__name{font-weight:600;font-size:14px;overflow-wrap:anywhere}
.row__sub{font-size:12px;color:var(--muted)}
.step{display:flex;align-items:center;flex-shrink:0;background:var(--bg);border-radius:12px}
/* В эталоне 38×38; поднято до 44 по требованию «все кнопки ≥44px» */
.step__btn{width:44px;height:44px;border:0;background:transparent;color:var(--green);font-size:19px;font-family:inherit;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.step__btn:active{background:var(--line-2)}
.step__btn:focus-visible{outline:2px solid var(--green-2);outline-offset:-2px}
.step__btn:disabled{color:var(--ghost);cursor:default}
.step__val{width:34px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.send{margin-top:8px;min-height:44px;padding:14px;border:0;border-radius:22px;background:var(--green);color:#ffffff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}
.send:disabled{opacity:.6;cursor:default}
.send:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

/* Полоса ошибки и тост */
.errbar{position:fixed;left:0;right:0;top:0;z-index:20;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--orange-ink);color:#ffffff;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
/* Сверху, а не снизу: снизу он закрывал кнопку «Отправить на производство» */
.toast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top));transform:translateX(-50%);z-index:20;max-width:calc(100% - 28px);padding:12px 16px;border-radius:14px;background:var(--ink);color:#ffffff;font-size:14px;font-weight:600;box-shadow:0 6px 20px rgba(28,43,34,.25);text-align:center}
.toast--err{background:var(--orange-ink)}