/* --- Фильтры: 4 поля --- */
.warehouse-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.warehouse-filters input{min-width:0;padding:11px 12px;border:1px solid var(--border,#334155);border-radius:12px;background:var(--surface2,#17212b);color:inherit;font:inherit}
.warehouse-filters input:focus{outline:none;border-color:var(--accent2,#80d5c4)}

/* --- Ячейки блоками --- */
.warehouse-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;margin-top:6px}
.warehouse-cell{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border,#334155);border-radius:16px;background:var(--surface2,#17212b);overflow-wrap:anywhere}
.warehouse-cell-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.warehouse-cell-no{font:800 18px var(--font-display,inherit);color:var(--text,#edf2f7)}
.warehouse-cell-total{font-weight:700;color:var(--accent2,#80d5c4);white-space:nowrap}
.warehouse-cell-sub{font-size:13px;color:var(--text2,#93a1b5);line-height:1.5}
.warehouse-cell-sub strong{color:var(--text,#edf2f7)}
.warehouse-cell-matches{font-size:12px;color:var(--text2,#93a1b5);line-height:1.6;padding:8px 10px;border-radius:10px;background:var(--surface,#0f1620)}
.warehouse-cell-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}
.warehouse-cell-actions button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;border:1px solid var(--border,#334155);border-radius:12px;background:var(--surface,#0f1620);color:var(--text,#edf2f7);font:inherit;font-size:13px;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.warehouse-cell-actions button:hover:not(:disabled){border-color:var(--accent2,#80d5c4);background:var(--surface2,#17212b);transform:translateY(-1px)}
.warehouse-cell-actions button:disabled{opacity:.45;cursor:default}
.warehouse-cell-actions button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.warehouse-cell-actions button b{flex:0 0 auto;min-width:22px;text-align:center;padding:2px 7px;border-radius:999px;background:var(--grad-brand-soft,rgba(128,213,196,.14));color:var(--accent2,#80d5c4);font-weight:700;font-size:12px}
.warehouse-cell-actions button b.warehouse-id-qr{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px}
.warehouse-cell-actions button b.warehouse-id-qr svg{display:block}

/* --- Пагинация --- */
.warehouse-pagination{display:flex;justify-content:center;gap:16px;align-items:center;margin:22px 0 4px}
.warehouse-pagination button{padding:9px 18px;border:1px solid var(--border,#334155);border-radius:11px;background:var(--surface2,#17212b);color:var(--text,#edf2f7);font:inherit;cursor:pointer}
.warehouse-pagination button:disabled{opacity:.45;cursor:default}
.warehouse-empty{padding:34px 10px;text-align:center;color:var(--text2,#93a1b5)}

/* --- Модальное окно (общий каркас; используется и удостоверением — не менять поведение) --- */
.warehouse-overlay{position:fixed;inset:0;background:#0009;z-index:15000;display:grid;place-items:center;padding:18px}
.warehouse-dialog{width:min(680px,100%);max-height:88vh;overflow:auto;border-radius:20px;background:var(--surface2,#17212b);color:var(--text,#edf2f7);box-shadow:0 20px 80px #0006;padding:22px}
.warehouse-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.warehouse-dialog header h2{margin:0;font-size:20px}
.warehouse-dialog header button{border:0;background:transparent;color:var(--text2,#93a1b5);cursor:pointer;font:inherit;font-size:30px;line-height:1;padding:0 4px}
.warehouse-dialog a{color:var(--accent2,#80d5c4)}
.warehouse-dialog p{overflow-wrap:anywhere}
.warehouse-dialog canvas{max-width:100%;width:248px;height:auto;background:white;border-radius:12px;padding:10px}
.warehouse-certificate{text-align:center}

/* --- Шапка модалки с данными клиента --- */
.warehouse-dialog-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:14px 0 6px;font-size:13px;color:var(--text2,#93a1b5)}
.warehouse-dialog-meta button{border:0;background:transparent;color:var(--accent2,#80d5c4);cursor:pointer;font:inherit;padding:0}
.warehouse-dialog-tag{margin-left:auto;padding:4px 11px;border-radius:999px;background:var(--surface,#0f1620);color:var(--text,#edf2f7);font-weight:600}

/* --- Карточки товаров в модалке --- */
.warehouse-items article{display:flow-root;border:1px solid var(--border,#334155);border-radius:14px;padding:14px;margin:12px 0;background:var(--surface,#0f1620)}
.warehouse-items strong button{border:0;background:transparent;color:var(--text,#edf2f7);cursor:pointer;font:inherit;font-weight:700;font-size:15px;padding:0;text-align:left}
.warehouse-items p{margin:6px 0;font-size:13px;line-height:1.5;color:var(--text2,#93a1b5)}
.warehouse-item-price{color:var(--text,#edf2f7)!important;font-weight:600}
.warehouse-shk{border:0;background:transparent;color:var(--accent2,#80d5c4);cursor:pointer;font:inherit;font-family:monospace;padding:0}
.warehouse-item-status{display:inline-block;padding:3px 9px;border-radius:8px;background:var(--grad-brand-soft,rgba(128,213,196,.14));color:var(--accent2,#80d5c4);font-size:12px}
.warehouse-qr-btn{margin-top:8px;padding:8px 13px;border:1px solid var(--border,#334155);border-radius:10px;background:var(--surface2,#17212b);color:var(--text,#edf2f7);font:inherit;font-size:13px;cursor:pointer}
.warehouse-photo{float:left;width:80px;height:105px;object-fit:contain;margin:0 14px 10px 0;border-radius:8px;background:#fff}

.warehouse-screen header>.wb-lost-btn{margin-top:12px}

@media(max-width:640px){
 .warehouse-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .warehouse-dialog{padding:16px}
}
@media(max-width:380px){
 .warehouse-cell-actions{grid-template-columns:minmax(0,1fr)}
}

/* QR клиента: отдельное оформление, в стиле карточек ячеек. */
.warehouse-dialog.warehouse-client-qr{box-sizing:border-box;width:min(440px,100%);padding:24px;border:1px solid var(--border,#334155);background:var(--surface2,#17212b)}
.warehouse-client-qr header{position:relative;justify-content:center;min-height:30px;padding:0 34px}
.warehouse-client-qr header h2{text-align:center;font-weight:800;font-family:var(--font-display,inherit)}
.warehouse-client-qr header [data-close]{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--text2,#93a1b5)}
.warehouse-client-qr .warehouse-dialog-body{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:18px;text-align:center;font-size:14px;line-height:1.6}
.warehouse-client-qr p{margin:0}
.warehouse-client-qr-meta{color:var(--text2,#93a1b5)}
.warehouse-client-qr .warehouse-certificate{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:min(280px,100%);padding:16px;background:#fff;border-radius:16px}
.warehouse-client-qr .warehouse-certificate canvas{display:block;width:248px;max-width:100%;height:auto;padding:0;border-radius:0}
.warehouse-client-qr-info{box-sizing:border-box;width:100%;padding:14px 16px;border:1px solid var(--border,#334155);border-radius:14px;background:var(--surface,#0f1620)}
.warehouse-client-qr-code{color:var(--text,#edf2f7);font-size:16px}
.warehouse-client-qr-code strong{color:var(--accent2,#80d5c4);font-size:22px;font-weight:800;letter-spacing:1.5px}
.warehouse-client-qr-date{margin-top:4px!important;color:var(--text2,#93a1b5);font-size:13px}
@media(max-width:480px){.warehouse-dialog.warehouse-client-qr{padding:20px}.warehouse-client-qr .warehouse-dialog-body{gap:16px}}