/* Supplier panel (supplier.js). Reuses the storefront tokens and the quotation table styles (quotes.css is not loaded here, so the table rules are repeated). */
.sp-head h2{margin:0 0 4px}.sp-tabs .chip{border:1px solid var(--es-line);background:var(--es-bg);cursor:pointer;font:inherit}.sp-tabs .chip.active{background:var(--es-ink,#222);color:var(--es-bg);border-color:transparent}
.sp-big{font-size:32px;font-weight:700;margin:4px 0}.sp-list{list-style:none;padding:0;margin:8px 0}.sp-list li{padding:10px 0;border-bottom:1px solid var(--es-line)}
.sp-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.sp-row input{font:inherit;padding:10px;border:1px solid var(--es-line);border-radius:8px;min-width:0;flex:1 1 160px;background:var(--es-bg)}
.sp-row input[type=number]{flex:0 0 80px}.sp-file{cursor:pointer}.sp-code{max-width:520px}
.q-table-wrap{overflow-x:auto;margin:8px 0}.q-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}.q-table th,.q-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--es-line);vertical-align:top}
.q-table th{font-size:12px;color:var(--es-muted);font-weight:600}.q-table input,.q-table select{font:inherit;width:110px;max-width:100%;padding:8px;border:1px solid var(--es-line);border-radius:8px;background:var(--es-bg)}.q-table input[type=number]{width:80px}
@media(max-width:700px){.sp-row input{flex-basis:100%}}
/* Supplier application (stage 5) */
.ap-cats label.chip{cursor:pointer;gap:6px}
.ap-cats .ap-top{font-weight:600}
.ap-wh{border-top:1px solid var(--es-line);padding-top:10px;margin-top:10px}