:root { --wh-blue:var(--neon); --wh-lime:var(--neon); --wh-panel:var(--surface); --wh-border:var(--line); --wh-muted:var(--muted); }
.wh-page { width:100%; max-width:1500px; box-sizing:border-box; margin:0 auto; padding:30px clamp(18px,3vw,44px) 80px; }
.wh-kicker { color:var(--wh-lime); font:800 11px/1.2 var(--mono,ui-monospace,monospace); letter-spacing:.16em; }

/* Compact member catalog */
.wh-catalog-head { margin:2px 2px 16px; }
.wh-catalog-head h1,.wh-gate h1 { margin:7px 0 6px; font-size:clamp(34px,4.3vw,48px); line-height:1; letter-spacing:-.045em; }
.wh-catalog-head p,.wh-gate>p { max-width:690px; margin:0; color:var(--wh-muted); line-height:1.55; }
.wh-catalog-head p { font-size:14px; }

/* Catalog controls and cards */
.wh-tools { position:sticky; top:66px; z-index:4; display:grid; grid-template-columns:minmax(240px,1fr) auto minmax(150px,auto) minmax(188px,auto); grid-template-areas:"search stock sort bag" "chips chips chips chips"; gap:9px 10px; align-items:end; margin:0 0 12px; padding:11px; border:1px solid var(--wh-border); border-radius:14px; background:rgba(10,11,12,.94); box-shadow:0 12px 32px rgba(0,0,0,.2); backdrop-filter:blur(14px); }
.wh-search { grid-area:search; min-width:0; color:var(--muted); font-size:10px; }
.wh-search span,.wh-sort-control>span { display:block; margin:0 0 5px 3px; color:var(--muted); font-size:10px; }
.wh-search input,.wh-sort-control select { width:100%; box-sizing:border-box; height:42px; padding:0 12px; border:1px solid #303641; border-radius:9px; outline:0; background:#15181e; color:var(--text); font:inherit; }
.wh-search input:focus,.wh-sort-control select:focus { border-color:var(--neon); box-shadow:0 0 0 3px var(--neon-faint); }
.wh-chips { grid-area:chips; display:flex; gap:7px; min-width:0; overflow:auto; scrollbar-width:none; }
.wh-chips::-webkit-scrollbar { display:none; }
.wh-chips button { flex:none; border:1px solid #303641; border-radius:99px; padding:8px 13px; color:#aeb6c1; background:#15181e; font-size:12px; cursor:pointer; white-space:nowrap; }
.wh-chips button.active { border-color:var(--wh-blue); color:var(--neon-ink); background:var(--wh-blue); }
.wh-stock-filter { grid-area:stock; display:flex; align-items:center; gap:8px; min-height:42px; padding:0 11px; border:1px solid #303641; border-radius:9px; color:#c4cbd5; background:#15181e; font-size:12px; font-weight:700; white-space:nowrap; cursor:pointer; }
.wh-stock-filter input { width:17px; height:17px; margin:0; accent-color:var(--wh-blue); }
.wh-sort-control { grid-area:sort; min-width:150px; }
.wh-cart-button { grid-area:bag; display:flex; align-items:center; justify-content:space-between; gap:9px; width:100%; min-height:42px; border:0; border-radius:9px; padding:7px 8px 7px 12px; color:var(--neon-ink); background:var(--wh-blue); font-size:12px; font-weight:850; cursor:pointer; transition:transform .18s var(--ease),box-shadow .18s var(--ease); }
.wh-cart-button strong { display:inline-flex; align-items:center; min-height:27px; padding:0 8px; border-radius:99px; color:#fff; background:rgba(4,15,20,.84); font-size:10px; white-space:nowrap; }
@media(hover:hover){.wh-cart-button:hover{transform:translateY(-1px);box-shadow:var(--neon-glow-soft)}}
.wh-status { margin:17px 2px; color:var(--muted-2); font-size:12px; }
.wh-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:13px; }
.wh-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--card-line); border-radius:13px; background:linear-gradient(180deg,var(--surface) 0%,#0d0f11 100%); transition:.18s transform,.18s border-color,.18s box-shadow; }
@media(hover:hover){.wh-card:hover{transform:translateY(-2px);border-color:var(--card-line-hover);box-shadow:var(--lift)}}
.wh-card.is-sold-out { opacity:.7; }
.wh-card.is-sold-out:hover { transform:none; box-shadow:none; }
.wh-image { position:relative; display:grid; place-items:center; aspect-ratio:1/1; overflow:hidden; background:#e9e7e3; color:#222; font-weight:800; }
.wh-image img { display:block; width:100%; height:100%; object-fit:contain; }
.wh-stock { position:absolute; left:10px; bottom:10px; padding:6px 9px; border-radius:99px; color:#fff; background:rgba(8,10,13,.78); font-size:10px; backdrop-filter:blur(8px); }
.wh-card-body { display:flex; flex:1; flex-direction:column; min-width:0; padding:14px; }
.wh-card-meta { display:flex; justify-content:space-between; gap:8px; min-width:0; color:#788496; font:700 10px/1.3 var(--mono,ui-monospace,monospace); text-transform:uppercase; }
.wh-card-meta span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wh-card h3 { display:-webkit-box; min-height:2.4em; margin:9px 0 5px; overflow:hidden; font-size:16px; line-height:1.2; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.wh-card-body>p { display:-webkit-box; min-height:1.45em; margin:0 0 10px; overflow:hidden; color:var(--muted); font-size:12px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.wh-card-buy { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; margin-top:auto; padding-top:10px; }
.wh-card-buy strong { color:var(--text); font-size:18px; }
.wh-card-buy select { grid-column:1/2; min-width:0; padding:9px; border:1px solid #303641; border-radius:9px; background:#171b21; color:#fff; }
.wh-card-buy button { grid-column:2; grid-row:1/3; align-self:stretch; min-width:90px; border:0; border-radius:9px; background:var(--wh-blue); color:var(--neon-ink); font-size:11px; font-weight:850; cursor:pointer; }
.wh-card-buy button:disabled,.wh-card-buy select:disabled { cursor:not-allowed; opacity:.55; }
.wh-card-buy button:disabled { color:#939ba6; background:#2b3037; }

/* Member order history */
.wh-orders { margin-top:58px; padding-top:24px; border-top:1px solid var(--wh-border); }
.wh-section-title h2 { margin:7px 0 20px; font-size:27px; }
.wh-order-list { display:grid; gap:9px; }
.wh-order-list article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 24px; padding:16px; border:1px solid var(--wh-border); border-radius:13px; background:var(--wh-panel); }
.wh-order-list article>div { display:flex; min-width:0; gap:12px; align-items:center; }
.wh-order-list article>div:nth-child(2) { justify-content:flex-end; }
.wh-order-list span,.wh-order-list p { color:var(--muted); font-size:12px; }
.wh-order-list p { grid-column:1/-1; margin:0; }
.wh-order-status { padding:5px 8px; border-radius:99px; background:#252c38; text-transform:capitalize; white-space:nowrap; }
.wh-order-status[data-status="payment_due"] { color:#f1c978; background:rgba(224,169,74,.14); }
.wh-order-status[data-status="paid"],.wh-order-status[data-status="processing"] { color:var(--neon); background:var(--neon-faint); }
.wh-order-status[data-status="payment_review"] { color:#ffd987; background:rgba(245,180,64,.12); }
.wh-order-status[data-status="shipped"],.wh-order-status[data-status="completed"] { color:#81dda3; background:rgba(74,222,128,.12); }
.wh-order-status[data-status="cancelled"] { color:#df8989; background:rgba(224,90,90,.12); }
.wh-order-list .wh-order-progress { color:#b3bbc5; }

/* Only the two warehouse exceptions that buyers need stay below the catalog. */
.wh-order-guidance { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:28px; padding:13px 15px; border:1px solid var(--wh-border); border-radius:12px; background:rgba(255,255,255,.015); }
.wh-order-guidance p { margin:0; color:var(--muted); font-size:11px; line-height:1.5; }
.wh-order-guidance strong { color:#cbd3de; }
.wh-quote-status { margin:-4px 0 16px; color:var(--muted); font-size:12px; line-height:1.45; }

/* Sign-in gate */
.wh-gate { max-width:760px; margin:8vh auto; padding:clamp(30px,5vw,50px); border:1px solid var(--card-line); border-radius:24px; background:radial-gradient(circle at 50% 0%,var(--neon-faint),transparent 38%),var(--wh-panel); text-align:center; }
.wh-gate-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:24px; }
.wh-gate-actions .btn { width:auto; min-width:170px; margin:0; }
.wh-gate-note { max-width:580px!important; margin:20px auto 0!important; padding-top:18px; border-top:1px solid var(--line); color:var(--muted-2)!important; font-size:12px; line-height:1.5!important; }

/* Request dialog */
.wh-dialog { width:min(720px,calc(100% - 24px)); max-height:92dvh; padding:0; overflow:hidden; border:1px solid #343b48; border-radius:20px; color:var(--text); background:#101318; }
.wh-dialog::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(5px); }
.wh-dialog-card { position:relative; box-sizing:border-box; max-height:92dvh; padding:28px; overflow:auto; }
.wh-dialog-card h2 { margin:7px 0 20px; padding-right:32px; font-size:28px; }
.wh-dialog-close { position:absolute; top:16px; right:16px; display:grid; place-items:center; width:36px; height:36px; border:1px solid transparent; border-radius:9px; color:#adb6c3; background:transparent; font-size:25px; cursor:pointer; }
.wh-dialog-close:hover { border-color:var(--line); background:rgba(255,255,255,.04); }
.wh-cart-lines { display:grid; gap:8px; }
.wh-cart-line { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px; border:1px solid var(--wh-border); border-radius:11px; }
.wh-cart-line div { display:grid; min-width:0; gap:3px; }
.wh-cart-line div:last-child { grid-template-columns:auto auto; align-items:center; }
.wh-cart-line strong,.wh-cart-line span { overflow:hidden; text-overflow:ellipsis; }
.wh-cart-line span { color:#8993a3; font-size:12px; }
.wh-cart-line input { width:62px; box-sizing:border-box; padding:8px; border:1px solid #333a46; border-radius:8px; color:white; background:#171b21; }
.wh-cart-line button { border:0; color:#ff7e88; background:transparent; font-size:20px; cursor:pointer; }
.wh-cart-total { display:grid; gap:7px; padding:18px 4px; font-size:14px; }
.wh-cart-total>div { display:flex; justify-content:space-between; gap:16px; }
.wh-cart-total>div:last-child { margin-top:3px; padding-top:10px; border-top:1px solid var(--wh-border); font-size:18px; }
.wh-cart-total strong { color:var(--wh-lime); }
.wh-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.wh-form-grid label { display:grid; gap:6px; color:#a4adba; font-size:12px; }
.wh-form-grid .wide { grid-column:1/-1; }
.wh-form-grid input,.wh-form-grid textarea { width:100%; box-sizing:border-box; padding:12px; border:1px solid #333a46; border-radius:10px; color:white; background:#171b21; font:inherit; }
.wh-order-note { display:grid; gap:6px; margin-top:6px; color:#a4adba; font-size:12px; }.wh-order-note span { color:#778292; font-size:10px; text-transform:uppercase; }.wh-order-note textarea { width:100%; box-sizing:border-box; padding:12px; border:1px solid #333a46; border-radius:10px; color:white; background:#171b21; font:inherit; }
.wh-fulfillment-box,.wh-direct-address { display:grid; gap:12px; margin:16px 0; padding:16px; border:1px solid #305064; border-radius:13px; background:linear-gradient(145deg,#101921,#11161c); }
.wh-fulfillment-box h3,.wh-direct-address h3 { margin:0; font-size:15px; }
.wh-fulfillment-box>div:first-child p,.wh-direct-address>div:first-child p { margin:5px 0 0; color:#8f9baa; font-size:12px; line-height:1.45; }
.wh-fulfillment-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.wh-fulfillment-options label { display:flex; align-items:flex-start; gap:9px; padding:13px; border:1px solid #364356; border-radius:11px; color:#dfe6ee; background:#0c1218; cursor:pointer; }
.wh-fulfillment-options label:has(input:checked) { border-color:var(--wh-blue); box-shadow:0 0 0 2px rgba(67,203,255,.12); }
.wh-fulfillment-options input { width:17px; height:17px; margin-top:2px; accent-color:var(--wh-blue); }
.wh-fulfillment-options span { display:grid; gap:4px; }.wh-fulfillment-options small { color:#8d99a8; line-height:1.35; }
.wh-address-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.wh-address-grid label { display:grid; gap:6px; color:#cdd6e1; font-size:11px; }.wh-address-grid label.wide { grid-column:1/-1; }
.wh-address-grid label span { color:#778395; }.wh-address-grid input { width:100%; box-sizing:border-box; padding:11px; border:1px solid #3c4757; border-radius:9px; color:#fff; background:#0c1117; font:inherit; }
.wh-address-grid input:focus { border-color:var(--wh-blue); outline:0; box-shadow:0 0 0 3px rgba(67,203,255,.1); }
.wh-payment-box { display:grid; gap:12px; margin:18px 0; padding:16px; border:1px solid #305064; border-radius:13px; background:linear-gradient(145deg,#111c24,#12171d); }
.wh-payment-box h3 { margin:0; font-size:15px; }
.wh-payment-box>div:first-child p { margin:5px 0 0; color:#8f9baa; font-size:12px; line-height:1.5; }
.wh-payment-select,.wh-proof-file { display:grid; gap:6px; color:#dce3eb; font-size:12px; }
.wh-payment-select select { width:100%; box-sizing:border-box; padding:12px; border:1px solid #3c4a5d; border-radius:10px; color:white; background:#0e1319; font:inherit; }
.wh-payment-select select:focus { border-color:var(--neon); outline:0; box-shadow:0 0 0 3px var(--neon-faint); }
.wh-payment-details { display:grid; grid-template-columns:42px minmax(0,1fr); gap:11px; align-items:center; padding:12px; border:1px solid #344457; border-radius:11px; background:#0d1218; }
.wh-payment-details img { width:42px; height:42px; object-fit:contain; border-radius:9px; background:#fff; }
.wh-payment-details div { display:grid; gap:4px; min-width:0; }
.wh-payment-details p { margin:0; color:#aeb8c5; font-size:12px; line-height:1.45; white-space:pre-line; overflow-wrap:anywhere; }
.wh-proof-file { padding:12px; border:1px dashed #4b6078; border-radius:10px; }
.wh-proof-file input { width:100%; color:#aab4c2; }
.wh-proof-file small { color:#7d8999; font-size:10px; }
.wha-label-address { color:#8e99a8!important; font-size:12px; }
.wh-label-upload { margin:18px 0; padding:16px; border:1px solid #303949; border-radius:13px; background:#141922; }.wh-label-upload h3 { margin:0; font-size:15px; }.wh-label-upload h3 span { margin-left:5px; color:#7e8999; font-size:10px; font-weight:600; text-transform:uppercase; }.wh-label-upload p { margin:5px 0 13px; color:#8590a0; font-size:12px; }
.wh-label-warning { margin:10px 0 13px; padding:11px 12px; border:1px solid #735d33; border-radius:10px; background:#241d12; }.wh-label-warning strong { color:#ffd982; font-size:12px; text-transform:uppercase; letter-spacing:.05em; }.wh-label-warning p { margin:4px 0 0; color:#d4c39e; line-height:1.45; }
.wh-label-modes { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-bottom:12px; }.wh-label-modes label { display:flex; align-items:center; gap:8px; padding:11px; border:1px solid #353f50; border-radius:10px; color:#cbd2dc; background:#0f1319; font-size:12px; cursor:pointer; }.wh-label-modes input { width:17px; height:17px; accent-color:var(--wh-blue); }
.wh-label-file { display:grid; gap:6px; padding:11px; border:1px dashed #46536a; border-radius:10px; color:#dce2ea; font-size:12px; }.wh-label-file input { width:100%; color:#aab4c2; }.wh-label-file small { color:#778395; font-size:10px; }.wh-separate-labels { display:grid; gap:8px; }
.wh-label-file-control,.wh-label-read label { display:grid; gap:6px; }
.wh-label-read { display:grid; gap:6px; margin-top:4px; padding-top:9px; border-top:1px solid #303b4b; }
.wh-label-read small { line-height:1.4; }.wh-label-read small.is-error { color:#ff8f9a; }
.wh-label-read input { box-sizing:border-box; width:100%; padding:10px; border:1px solid #3c4757; border-radius:8px; color:#fff; background:#0b1117; font:inherit; }
.wha-label-links { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin-top:12px; }.wha-label-links strong { margin-right:4px; color:#c9d1dc; font-size:11px; }.wha-label-links a { padding:7px 9px; border:1px solid #3c4a61; border-radius:8px; color:#bcd0ff; background:#192235; font-size:11px; }.wha-no-label { color:#7d8796!important; }
.wh-error { color:#ff8991; }
.wh-fine,.wh-empty { color:var(--muted-2); font-size:12px; line-height:1.5; }

@media(max-width:900px){.wh-tools{grid-template-columns:minmax(0,1fr) minmax(188px,auto);grid-template-areas:"search bag" "chips chips" "stock sort"}.wh-stock-filter{justify-self:start}.wh-sort-control{justify-self:end;width:min(250px,100%)}}
@media(max-width:700px){.wh-page{padding:16px 12px 96px}.wh-catalog-head{margin-bottom:14px}.wh-catalog-head h1,.wh-gate h1{font-size:clamp(34px,11vw,46px)}.wh-tools{position:static;grid-template-columns:1fr 1fr;grid-template-areas:"search search" "chips chips" "stock sort";align-items:end;background:#0a0b0c;backdrop-filter:none}.wh-chips{width:100%}.wh-stock-filter{justify-self:stretch}.wh-sort-control{width:100%}.wh-tools .wh-cart-button{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;width:auto;min-width:190px;box-shadow:0 12px 35px rgba(0,0,0,.58),var(--neon-glow-soft)}.wh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wh-card-body{padding:11px}.wh-card h3{font-size:14px}.wh-card-buy button{min-width:82px}.wh-form-grid{grid-template-columns:1fr}.wh-form-grid .wide{grid-column:auto}.wh-order-list article{grid-template-columns:1fr}.wh-order-list article>div:nth-child(2){justify-content:space-between}.wh-gate{margin:5vh auto;padding:28px 20px}.wh-gate-actions{flex-direction:column}.wh-gate-actions .btn{width:100%}.wh-dialog-card{padding:22px 17px}.wh-label-modes,.wh-fulfillment-options{grid-template-columns:1fr}.wh-address-grid{grid-template-columns:1fr}.wh-address-grid label.wide{grid-column:auto}}
/* The installed app adds its own bottom navigation. Keep the warehouse bag
   immediately above it instead of letting that navigation cover the button. */
@media(max-width:700px){
  body.is-standalone.has-mobile-tabs .wh-tools .wh-cart-button,
  body.is-standalone.pwa-tabs-pending .wh-tools .wh-cart-button{
    bottom:calc(4.25rem + 1rem + env(safe-area-inset-bottom));
  }
}
@media(max-width:480px){.wh-tools{grid-template-columns:1fr;grid-template-areas:"search" "chips" "stock" "sort"}.wh-card-buy button{min-width:72px;font-size:10px}.wh-cart-line{align-items:stretch;flex-direction:column}.wh-cart-line div:last-child{justify-content:flex-end}}
@media(max-width:350px){.wh-grid{grid-template-columns:1fr}}

/* Warehouse administration */
.wha-shell { width:min(1280px,calc(100% - 28px)); margin:0 auto; padding:34px 0 80px; }
.wha-login { width:min(420px,calc(100% - 32px)); margin:14vh auto; padding:30px; border:1px solid var(--wh-border); border-radius:20px; background:var(--wh-panel); }
.wha-login h1 { margin:8px 0 24px; }.wha-login label { display:grid; gap:7px; color:#9da7b5; font-size:13px; }.wha-login input { padding:13px; border:1px solid #343b47; border-radius:10px; color:white; background:#171b21; }
.wha-head { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; padding:25px 0; }.wha-head>div { display:grid; gap:5px; }.wha-head a:first-child { color:#8390a2; font-size:13px; }.wha-head h1 { margin:3px 0; font-size:42px; letter-spacing:-.04em; }.wha-head p,.wha-title p { margin:0; color:#8490a0; }
.wha-tabs { display:flex; gap:6px; margin:12px 0 20px; padding:6px; border:1px solid var(--wh-border); border-radius:13px; background:#101318; }.wha-tabs button { flex:1; padding:12px; border:0; border-radius:9px; color:#929cab; background:transparent; font-weight:750; cursor:pointer; }.wha-tabs button.active { color:white; background:#283247; }.wha-tabs span { margin-left:5px; color:var(--wh-lime); }
.wha-panel { padding:26px; border:1px solid var(--wh-border); border-radius:20px; background:#0f1216; }.wha-title { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:22px; }.wha-title h2 { margin:6px 0; font-size:28px; }.wha-title input { width:min(320px,100%); padding:11px; border:1px solid #353c48; border-radius:10px; color:white; background:#171b21; }.wha-product-tools { display:flex; align-items:center; justify-content:flex-end; gap:9px; }.wha-product-tools .btn { min-width:170px; white-space:nowrap; }.wha-save-all-status { margin:-8px 0 18px; }.wha-save-all-status.wha-bulk-success { color:var(--wh-lime); }
.wha-drop { display:grid; place-items:center; min-height:190px; padding:24px; border:1px dashed #465165; border-radius:16px; background:#14181e; text-align:center; cursor:pointer; }.wha-drop input { margin-bottom:14px; }.wha-drop strong { font-size:20px; }.wha-drop span { max-width:640px; margin-top:8px; color:#8994a4; font-size:13px; }.wha-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:14px; }
.wha-preview { margin-top:18px; padding:18px; border:1px solid #405170; border-radius:13px; background:#172033; }.wha-sync-status { margin:0 0 18px; border-color:#405d48; background:linear-gradient(135deg,#14251a,#121a17); }.wha-sync-status strong { color:var(--wh-lime); }.wha-preview strong { font-size:19px; }.wha-preview div { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }.wha-preview div span,.wha-preview em { padding:6px 9px; border-radius:99px; background:#273753; color:#dbe6ff; font-size:12px; }.wha-preview p { color:#a4afbd; }.wha-preview em { color:#07120e; background:var(--wh-lime); font-style:normal; font-weight:800; }
.wha-history { margin-top:32px; }.wha-history h3 { font-size:15px; }.wha-history article { display:flex; justify-content:space-between; gap:18px; padding:13px 0; border-top:1px solid var(--wh-border); color:#8f99a8; font-size:12px; }.wha-history article>div:first-child { display:grid; gap:3px; }.wha-history strong { color:#e9edf3; }
.wha-bulk { margin-bottom:18px; padding:16px; border:1px solid #35425a; border-radius:14px; background:linear-gradient(135deg,#151c29,#11151b); }
.wha-bulk-head { display:flex; justify-content:space-between; gap:18px; align-items:start; margin-bottom:13px; }.wha-bulk-head>div { display:grid; gap:4px; }.wha-bulk-head span { color:#8792a2; font-size:12px; }.wha-bulk-head b { padding:6px 9px; border-radius:99px; color:var(--wh-lime); background:#273143; font-size:11px; white-space:nowrap; }
.wha-bulk-select { display:flex; justify-content:space-between; gap:14px; align-items:center; margin:0 0 12px; padding:10px 12px; border:1px solid #303a4d; border-radius:10px; background:#0e131b; }.wha-bulk-select label { display:flex; align-items:center; gap:8px; color:#e9edf4; font-size:12px; font-weight:750; cursor:pointer; }.wha-bulk-select input,.wha-product-select input,.wha-publish input { width:18px; height:18px; accent-color:var(--wh-blue); cursor:pointer; }.wha-bulk-select>span { color:#7f8a9b; font-size:11px; }
.wha-bulk-fields { display:grid; grid-template-columns:1fr 1fr 150px minmax(180px,auto) auto; gap:9px; align-items:end; }.wha-bulk-fields label { display:grid; gap:5px; color:#919cab; font-size:10px; }.wha-bulk-fields select,.wha-bulk-fields input { box-sizing:border-box; width:100%; padding:10px; border:1px solid #374052; border-radius:9px; color:white; background:#0e1218; }.wha-bulk-money { display:flex; align-items:center; border:1px solid #374052; border-radius:9px; background:#0e1218; }.wha-bulk-money span { padding-left:9px; color:var(--wh-lime); }.wha-bulk-money input { border:0; }.wha-bulk-publish { display:flex!important; grid-auto-flow:column; justify-content:start; align-items:center; gap:7px!important; min-height:40px; }.wha-bulk-publish input { width:auto; }.wha-bulk-success { color:var(--wh-lime); }
.wha-product-list { display:grid; gap:8px; }.wha-product { display:grid; grid-template-columns:28px 64px minmax(250px,1fr) 130px 90px 76px; gap:12px; align-items:center; padding:10px; border:1px solid var(--wh-border); border-radius:13px; background:#13171c; }.wha-product.is-out-of-stock { opacity:.5; filter:grayscale(.9); border-color:#20252c; background:#0d1014; }.wha-product.is-out-of-stock:hover,.wha-product.is-out-of-stock:focus-within { opacity:.68; }.wha-stock-zero { padding:2px 6px; border:1px solid #5c626b; border-radius:999px; color:#d0d3d8; font-weight:850; letter-spacing:.06em; }.wha-product.is-out-of-stock .wha-publish { color:#7d838c; }.wha-product.is-out-of-stock .wha-publish input:disabled { cursor:not-allowed; }.wha-product.is-dirty { border-color:#6686bd; box-shadow:inset 3px 0 0 var(--wh-lime); }.wha-product.is-dirty>[data-save] { color:var(--wh-lime); border-color:#566b43; }.wha-product-select { display:grid; place-items:center; cursor:pointer; }.wha-thumb { display:grid; place-items:center; width:64px; aspect-ratio:1; overflow:hidden; border-radius:9px; color:#737e8e; background:#e8e6e1; font-size:9px; }.wha-thumb img { width:100%; height:100%; object-fit:contain; }.wha-product-main { min-width:0; }.wha-source { display:flex; gap:8px; color:#788495; font-size:10px; }.wha-source code { overflow:hidden; text-overflow:ellipsis; }.wha-name,.wha-mini-fields input,.wha-price input { box-sizing:border-box; width:100%; border:1px solid transparent; border-radius:7px; color:white; background:transparent; }.wha-name { margin:4px 0; padding:5px; font-size:14px; font-weight:750; }.wha-mini-fields { display:flex; gap:5px; }.wha-mini-fields input { padding:4px 5px; color:#9aa5b4; font-size:11px; }.wha-name:focus,.wha-mini-fields input:focus,.wha-price input:focus { border-color:#43516a; background:#0d1014; outline:0; }.wha-price { display:grid; gap:5px; color:#8692a3; font-size:10px; }.wha-price div { display:flex; align-items:center; border:1px solid #353c48; border-radius:9px; background:#0d1014; }.wha-price b { padding-left:9px; color:var(--wh-lime); }.wha-price input { padding:9px 7px; }.wha-publish { display:flex; align-items:center; gap:7px; color:#aab3bf; font-size:12px; }.wha-product>[data-row-error] { grid-column:3/-1; margin:0; }
.wha-order-list { display:grid; gap:12px; }.wha-order-list article { padding:18px; border:1px solid var(--wh-border); border-radius:13px; background:#13171c; }.wha-order-head { display:flex; justify-content:space-between; }.wha-order-head div { display:grid; gap:3px; }.wha-order-head span,.wha-order-list p,.wha-order-list address { color:#8e99a8; font-size:12px; font-style:normal; }.wha-order-fields { display:grid; grid-template-columns:160px 1fr 1fr auto auto; gap:8px; margin-top:15px; }.wha-order-fields select,.wha-order-fields input { min-width:0; padding:10px; border:1px solid #353c48; border-radius:9px; color:white; background:#0e1115; }
@media(max-width:850px){.wha-product-tools{width:100%;align-items:stretch;flex-direction:column}.wha-product-tools input,.wha-product-tools .btn{width:100%;max-width:none}.wha-bulk-head,.wha-bulk-select{align-items:flex-start;flex-direction:column}.wha-bulk-fields{grid-template-columns:1fr}.wha-head,.wha-title{align-items:stretch;flex-direction:column}.wha-product{grid-template-columns:28px 54px 1fr}.wha-thumb{width:54px}.wha-price,.wha-publish,.wha-product>[data-save]{grid-column:3}.wha-order-fields{grid-template-columns:1fr}.wha-history article{flex-direction:column}.wha-actions{flex-direction:column}.wha-tabs{overflow:auto}.wha-tabs button{min-width:115px}}

/* Admin order removal stays visually separate from the fulfillment update. */
.wha-order-fields .wha-delete-order { border-color:#713b43; color:#ffabb5; background:#24171a; }
.wha-order-fields .wha-delete-order:hover { border-color:#ad515e; color:#ffd5da; background:#351d22; }
.wha-delete-help { margin:8px 0 0!important; color:#6f7885!important; font-size:11px!important; }
.wha-order-contact { display:flex; flex-wrap:wrap; gap:7px 12px; align-items:center; margin:12px 0; padding:10px 12px; border:1px solid #303a49; border-radius:10px; background:#0e1217; }
.wha-order-contact strong { color:#dce4ef; font-size:11px; }
.wha-order-contact span { color:#aab5c5; font-size:12px; overflow-wrap:anywhere; }
.wha-payment-review { display:grid; gap:4px; margin:12px 0; padding:11px 12px; border:1px solid rgba(245,180,64,.42); border-radius:10px; background:rgba(245,180,64,.08); }
.wha-payment-review strong { color:#ffd987; font-size:12px; }
.wha-payment-review span { color:#c9b98f; font-size:11px; line-height:1.5; }
.wha-payment-proof { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; margin:12px 0; padding:10px 12px; border:1px solid #31506a; border-radius:10px; background:#101a23; }
.wha-payment-proof strong { color:#dce4ef; font-size:11px; }
.wha-payment-proof span { color:var(--neon); font-size:12px; font-weight:800; }
.wha-payment-proof em { color:#7d8796; font-size:11px; font-style:normal; }
.wha-payment-proof .btn { margin-left:auto; }

/* Warehouse administration — daily operations dashboard */
.wha-shell {
  --wha-bg:#090a0d;
  --wha-panel:#101319;
  --wha-panel-raised:#151922;
  --wha-panel-soft:#0d1015;
  --wha-line:#292e39;
  --wha-line-strong:#3d4658;
  --wha-copy:#f3f5f8;
  --wha-muted:#939dad;
  --wha-muted-2:#6f7989;
  --wha-accent:var(--neon);
  --wha-accent-faint:var(--neon-faint);
  --wha-good:#79dda5;
  --wha-warn:#f4c675;
  --wha-danger:#ff8f9b;
  width:min(1400px,calc(100% - 40px));
  min-height:100dvh;
  margin:0 auto;
  padding:28px 0 88px;
  color:var(--wha-copy);
  color-scheme:dark;
}

.wha-shell::before {
  position:fixed;
  z-index:-1;
  inset:0;
  background:
    radial-gradient(circle at 14% -8%,rgba(183,148,246,.09),transparent 34rem),
    radial-gradient(circle at 92% 18%,rgba(111,205,236,.04),transparent 30rem),
    linear-gradient(180deg,#0b0c0f 0%,#08090b 100%);
  content:"";
  pointer-events:none;
}

.wha-shell > [data-admin] {
  width:100%;
}

.wha-shell :is(input,select,button) {
  font:inherit;
}

.wha-shell :is(input,select):focus-visible,
.wha-drop:focus-within,
.wha-tabs button:focus-visible,
.wha-product-select:focus-within {
  border-color:var(--wha-accent);
  outline:0;
  box-shadow:0 0 0 3px var(--wha-accent-faint);
}

.wha-login {
  position:relative;
  width:min(430px,100%);
  margin:clamp(64px,14vh,150px) auto 0;
  padding:34px;
  overflow:hidden;
  border:1px solid var(--wha-line);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(183,148,246,.08),transparent 42%),
    var(--wha-panel);
  box-shadow:0 24px 80px rgba(0,0,0,.45);
}

.wha-login::before {
  position:absolute;
  top:0;
  right:24px;
  left:24px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--wha-accent),transparent);
  content:"";
  opacity:.8;
}

.wha-login h1 {
  margin:8px 0 26px;
  font-size:clamp(31px,6vw,40px);
  line-height:1;
  letter-spacing:-.045em;
}

.wha-login label {
  display:grid;
  gap:8px;
  color:#b6bfcb;
  font-size:12px;
  font-weight:650;
}

.wha-login input {
  width:100%;
  padding:13px 14px;
  border:1px solid var(--wha-line-strong);
  border-radius:10px;
  color:var(--wha-copy);
  background:#0b0d11;
}

.wha-login .btn {
  margin-top:18px;
}

.wha-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
  padding:24px 4px 25px;
}

.wha-head > div {
  display:grid;
  max-width:820px;
  gap:5px;
}

.wha-head a:first-child {
  width:max-content;
  margin-bottom:14px;
  color:#9ca6b5;
  font-size:12px;
  font-weight:650;
  text-decoration:none;
  transition:color .18s ease;
}

.wha-head a:first-child:hover {
  color:var(--wha-copy);
}

.wha-head h1 {
  margin:4px 0;
  font-size:clamp(38px,5vw,54px);
  line-height:1;
  letter-spacing:-.055em;
}

.wha-head p,
.wha-title p {
  margin:0;
  color:var(--wha-muted);
  font-size:13px;
  line-height:1.6;
}

.wha-head > .btn {
  flex:none;
  margin-bottom:3px;
}

.wha-tabs {
  position:sticky;
  z-index:12;
  top:10px;
  display:flex;
  gap:5px;
  margin:0 0 14px;
  padding:5px;
  border:1px solid rgba(62,69,83,.82);
  border-radius:14px;
  background:rgba(13,15,20,.9);
  box-shadow:0 12px 36px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
}

.wha-tabs button {
  position:relative;
  flex:1;
  min-height:44px;
  padding:10px 16px;
  border:1px solid transparent;
  border-radius:10px;
  color:#8e98a8;
  background:transparent;
  font-size:13px;
  font-weight:750;
  cursor:pointer;
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}

.wha-tabs button:hover {
  color:#dce1e8;
  background:rgba(255,255,255,.035);
}

.wha-tabs button.active {
  border-color:rgba(183,148,246,.24);
  color:#fff;
  background:linear-gradient(180deg,rgba(183,148,246,.19),rgba(183,148,246,.09));
  box-shadow:inset 0 1px rgba(255,255,255,.05);
}

.wha-tabs button.active::after {
  position:absolute;
  right:24%;
  bottom:-6px;
  left:24%;
  height:2px;
  border-radius:999px;
  background:var(--wha-accent);
  box-shadow:0 0 12px var(--wha-accent);
  content:"";
}

.wha-tabs span {
  display:inline-grid;
  min-width:22px;
  min-height:19px;
  place-items:center;
  margin-left:6px;
  padding:1px 6px;
  border-radius:999px;
  color:#d9c9fc;
  background:rgba(183,148,246,.13);
  font-size:10px;
}

.wha-tabs [data-tab="fulfillment"] {
  min-width:180px;
}

.wha-tabs [data-tab="owner-batch"] {
  min-width:145px;
}

.wha-preview[data-summary] {
  display:grid;
  grid-template-columns:minmax(175px,.75fr) minmax(0,2.25fr);
  gap:18px;
  align-items:center;
  margin:0 0 16px;
  padding:15px 18px;
  border:1px solid var(--wha-line);
  border-radius:15px;
  background:linear-gradient(135deg,#121620,#0e1116 65%);
  box-shadow:0 10px 32px rgba(0,0,0,.13);
}

.wha-preview[data-summary] > strong {
  color:#c7ced8;
  font-size:12px;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.wha-preview[data-summary] > div {
  display:grid;
  grid-template-columns:repeat(5,minmax(100px,1fr));
  gap:7px;
  margin:0;
}

.wha-preview[data-summary] > div > span {
  display:flex;
  min-width:0;
  align-items:baseline;
  gap:6px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:9px;
  color:var(--wha-muted);
  background:rgba(255,255,255,.025);
  font-size:10px;
  white-space:nowrap;
}

.wha-preview[data-summary] > div > span > strong {
  color:var(--wha-copy);
  font-size:18px;
  font-variant-numeric:tabular-nums;
}

.wha-panel {
  padding:clamp(20px,2.4vw,32px);
  overflow:hidden;
  border:1px solid var(--wha-line);
  border-radius:20px;
  background:
    linear-gradient(155deg,rgba(255,255,255,.018),transparent 35%),
    var(--wha-panel-soft);
  box-shadow:0 22px 70px rgba(0,0,0,.19);
}

.wha-title {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:22px;
}

.wha-title > div:first-child {
  max-width:820px;
}

.wha-title h2 {
  margin:6px 0 5px;
  font-size:clamp(24px,3vw,31px);
  line-height:1.12;
  letter-spacing:-.035em;
}

.wha-product-tools {
  display:flex;
  flex:none;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

.wha-product-tools .btn {
  width:auto;
  min-width:178px;
  white-space:nowrap;
}

.wha-save-all-status {
  margin:-8px 0 18px;
  padding:10px 12px;
  border:1px solid rgba(255,143,155,.24);
  border-radius:9px;
  background:rgba(255,143,155,.06);
  font-size:12px;
}

.wha-save-all-status.wha-bulk-success,
.wha-bulk-success {
  color:var(--wha-good);
}

.wha-upload {
  display:grid;
  gap:10px;
}

.wha-drop {
  position:relative;
  display:grid;
  min-height:220px;
  place-items:center;
  align-content:center;
  padding:30px;
  overflow:hidden;
  border:1px dashed #50596c;
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 10%,rgba(183,148,246,.1),transparent 54%),
    var(--wha-panel-raised);
  text-align:center;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

.wha-drop::before {
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  margin-bottom:14px;
  border:1px solid rgba(183,148,246,.32);
  border-radius:14px;
  color:#d9c8fb;
  background:rgba(183,148,246,.1);
  content:"↑";
  font-size:25px;
  line-height:1;
}

.wha-drop:hover,
.wha-drop:focus-within {
  border-color:rgba(183,148,246,.72);
  background:
    radial-gradient(circle at 50% 10%,rgba(183,148,246,.14),transparent 58%),
    #171b24;
}

.wha-drop input {
  max-width:100%;
  margin:0 0 14px;
  color:var(--wha-muted);
  font-size:11px;
}

.wha-drop input::file-selector-button {
  margin-right:10px;
  padding:8px 11px;
  border:1px solid var(--wha-line-strong);
  border-radius:8px;
  color:#e6eaf0;
  background:#10131a;
  font:inherit;
  font-size:11px;
  font-weight:650;
  line-height:1;
  cursor:pointer;
}

.wha-drop strong {
  color:#f6f7f9;
  font-size:20px;
  letter-spacing:-.02em;
}

.wha-drop span {
  max-width:690px;
  margin-top:8px;
  color:var(--wha-muted);
  font-size:12px;
  line-height:1.6;
}

.wha-actions {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:9px;
  margin-top:14px;
}

.wha-shell .wha-actions .btn {
  width:auto;
}

.wha-preview:not([data-summary]) {
  margin-top:18px;
  padding:17px 18px;
  border:1px solid #414a5e;
  border-radius:13px;
  background:linear-gradient(135deg,#171d2a,#11151d);
}

.wha-preview:not([data-summary]) > strong {
  color:#f1f4f8;
  font-size:16px;
}

.wha-preview:not([data-summary]) > div {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:11px 0;
}

.wha-preview:not([data-summary]) > div span,
.wha-preview:not([data-summary]) em {
  padding:6px 9px;
  border:1px solid rgba(183,148,246,.14);
  border-radius:999px;
  color:#d8def0;
  background:rgba(183,148,246,.1);
  font-size:11px;
  font-style:normal;
}

.wha-preview:not([data-summary]) p {
  margin:8px 0 0;
  color:#a9b1bd;
  font-size:12px;
}

.wha-preview:not([data-summary]) em {
  border-color:transparent;
  color:#082017;
  background:var(--wha-good);
  font-weight:800;
}

.wha-sync-status {
  margin:0 0 18px!important;
  border-color:rgba(121,221,165,.26)!important;
  background:linear-gradient(135deg,rgba(121,221,165,.1),#101714)!important;
}

.wha-sync-status strong {
  color:var(--wha-good)!important;
}

.wha-history {
  margin-top:30px;
}

.wha-history h3 {
  margin:0 0 8px;
  color:#c5ccd6;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wha-history article {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 3px;
  border-top:1px solid var(--wha-line);
  color:var(--wha-muted);
  font-size:11px;
}

.wha-history article > div:first-child {
  display:grid;
  min-width:0;
  gap:2px;
}

.wha-history article > div:last-child {
  text-align:right;
}

.wha-history strong {
  overflow:hidden;
  color:#e8ebef;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.wha-danger-zone {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:34px;
  padding:18px;
  border:1px solid rgba(255,108,122,.29);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,92,108,.08),rgba(255,92,108,.025));
}

.wha-danger-zone > div:first-child {
  max-width:780px;
}

.wha-danger-zone > div:last-child {
  display:grid;
  flex:none;
  gap:9px;
  justify-items:end;
}

.wha-danger-zone h3 {
  margin:5px 0 4px;
  color:#fff0f2;
  font-size:17px;
}

.wha-danger-zone p {
  margin:0;
  color:#b4959a;
  font-size:11px;
  line-height:1.55;
}

.wha-danger-zone [data-active-reservation-count] {
  color:#d0adb1;
  font-size:10px;
  font-weight:650;
}

.wha-danger-zone .wha-delete-order {
  border-color:rgba(255,108,122,.4);
  color:#ffc2c8;
  background:rgba(80,24,31,.28);
}

.wha-bulk {
  margin-bottom:14px;
  padding:15px;
  border:1px solid var(--wha-line);
  border-radius:14px;
  background:linear-gradient(135deg,#131823,#0e1117);
}

.wha-bulk[data-selection-bar] {
  position:sticky;
  z-index:8;
  top:76px;
  border-color:rgba(183,148,246,.38);
  background:rgba(20,17,29,.94);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
  backdrop-filter:blur(16px);
}

.wha-bulk-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:13px;
}

.wha-bulk-head > div {
  display:grid;
  gap:3px;
}

.wha-bulk-head strong {
  color:#e5e9ef;
  font-size:13px;
}

.wha-bulk-head span {
  color:var(--wha-muted);
  font-size:11px;
}

.wha-bulk-fields {
  display:grid;
  grid-template-columns:minmax(220px,1.45fr) repeat(4,minmax(135px,.8fr));
  gap:9px;
  align-items:end;
}

.wha-bulk-fields label {
  display:grid;
  min-width:0;
  gap:5px;
  color:#929cab;
  font-size:10px;
  font-weight:650;
}

.wha-bulk-fields :is(select,input) {
  width:100%;
  min-width:0;
  height:40px;
  padding:0 10px;
  border:1px solid #343b49;
  border-radius:9px;
  color:#eef0f4;
  background:#0b0e13;
}

.wha-bulk-select {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:12px 0 0;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  background:rgba(0,0,0,.16);
}

.wha-bulk-select label {
  display:flex;
  align-items:center;
  gap:9px;
  color:#e3e7ed;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}

.wha-bulk-select input,
.wha-product-select input,
.wha-publish input {
  width:18px;
  height:18px;
  margin:0;
  accent-color:var(--wha-accent);
  cursor:pointer;
}

.wha-bulk-select b {
  padding:5px 8px;
  border-radius:999px;
  color:#d7c5fa;
  background:rgba(183,148,246,.1);
  font-size:10px;
  white-space:nowrap;
}

.wha-bulk .wha-actions {
  justify-content:flex-start;
  margin-top:0;
}

.wha-bulk .wha-actions .btn {
  min-height:36px;
  padding:8px 11px;
  border-color:#343b49;
  color:#cdd3dc;
  background:rgba(255,255,255,.018);
  font-size:11px;
}

.wha-bulk [data-bulk-error] {
  margin:12px 0 0;
}

.wha-product-list {
  display:grid;
  gap:8px;
}

.wha-product-list > .wh-empty {
  margin:0;
  padding:54px 18px;
  border:1px dashed var(--wha-line);
  border-radius:14px;
  background:rgba(255,255,255,.015);
  text-align:center;
}

.wha-product {
  display:grid;
  grid-template-columns:26px 72px minmax(260px,1fr) 142px 135px 80px;
  grid-template-areas:
    "select thumb main price publish save"
    ". . error error error error";
  gap:10px 12px;
  align-items:center;
  padding:11px;
  border:1px solid var(--wha-line);
  border-radius:13px;
  background:var(--wha-panel-raised);
  box-shadow:inset 0 1px rgba(255,255,255,.018);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.wha-product:hover,
.wha-product:focus-within {
  border-color:#3b4352;
  background:#171b24;
}

.wha-product.is-dirty {
  border-color:rgba(183,148,246,.58);
  background:linear-gradient(90deg,rgba(183,148,246,.075),#171b22 26%);
  box-shadow:inset 3px 0 var(--wha-accent),0 0 0 1px rgba(183,148,246,.04);
}

.wha-product.is-dirty > [data-save] {
  border-color:rgba(183,148,246,.45);
  color:#e2d4ff;
  background:rgba(183,148,246,.09);
}

.wha-product.is-out-of-stock,
.wha-product.is-out-of-stock:hover,
.wha-product.is-out-of-stock:focus-within {
  border-color:#242832;
  background:#0e1116;
  filter:none;
  opacity:1;
}

.wha-product.is-out-of-stock .wha-thumb,
.wha-product.is-out-of-stock .wha-source,
.wha-product.is-out-of-stock .wha-variants {
  filter:grayscale(.75);
  opacity:.62;
}

.wha-product-select {
  grid-area:select;
  display:grid;
  width:26px;
  height:34px;
  place-items:center;
  border:1px solid transparent;
  border-radius:8px;
  cursor:pointer;
}

.wha-thumb {
  grid-area:thumb;
  display:grid;
  width:72px;
  aspect-ratio:1;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  color:#697381;
  background:#e7e5e0;
  font-size:8px;
  font-weight:800;
  letter-spacing:.05em;
}

.wha-thumb img {
  width:100%;
  height:100%;
  object-fit:contain;
}

.wha-product-main {
  grid-area:main;
  min-width:0;
}

.wha-source {
  display:flex;
  min-width:0;
  flex-wrap:wrap;
  gap:5px 8px;
  align-items:center;
  color:#7d8796;
  font:650 9px/1.25 var(--mono,ui-monospace,monospace);
  letter-spacing:.035em;
  text-transform:uppercase;
}

.wha-source code {
  max-width:190px;
  overflow:hidden;
  color:#9ba4b0;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.wha-stock-zero {
  padding:3px 6px;
  border:1px solid rgba(255,143,155,.25);
  border-radius:999px;
  color:#d99aa1;
  background:rgba(255,143,155,.06);
  font-size:8px;
  font-weight:850;
  letter-spacing:.06em;
}

.wha-name,
.wha-mini-fields input,
.wha-price input {
  width:100%;
  border:1px solid transparent;
  border-radius:7px;
  color:var(--wha-copy);
  background:transparent;
}

.wha-name {
  margin:4px 0 2px;
  padding:4px 5px;
  font-size:14px;
  font-weight:750;
}

.wha-mini-fields {
  display:flex;
  gap:4px;
}

.wha-mini-fields input {
  min-width:0;
  padding:3px 5px;
  color:#9ca6b4;
  font-size:10px;
}

.wha-in-house {
  display:flex;
  align-items:center;
  gap:9px;
  margin:8px 5px 0;
  padding:8px 10px;
  border:1px solid #303b48;
  border-radius:9px;
  color:#b7c2cf;
  background:#0b1016;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease;
}

.wha-in-house input {
  flex:none;
  width:18px;
  height:18px;
  margin:0;
  accent-color:var(--wh-lime);
}

.wha-in-house span {
  display:grid;
  min-width:0;
  gap:2px;
}

.wha-in-house b {
  color:#dce4ec;
  font-size:10px;
}

.wha-in-house small {
  color:#778696;
  font-size:9px;
}

.wha-in-house.is-enabled {
  border-color:rgba(80,220,169,.42);
  background:rgba(80,220,169,.07);
}

.wha-in-house.is-enabled b,
.wha-in-house.is-enabled small {
  color:#95e9c8;
}

.wha-name:hover,
.wha-mini-fields input:hover {
  background:rgba(255,255,255,.025);
}

.wha-name:focus,
.wha-mini-fields input:focus,
.wha-price input:focus {
  border-color:#475167;
  outline:0;
  background:#0a0d12;
  box-shadow:0 0 0 2px rgba(183,148,246,.1);
}

.wha-variants {
  display:flex;
  min-height:18px;
  flex-wrap:wrap;
  gap:4px;
  margin:6px 5px 0;
}

.wha-variant-pill {
  padding:3px 6px;
  border:1px solid rgba(121,221,165,.16);
  border-radius:999px;
  color:#9fd7b6;
  background:rgba(121,221,165,.055);
  font-size:8px;
  font-weight:700;
  line-height:1.2;
}

.wha-variant-pill.is-empty {
  border-color:rgba(255,255,255,.065);
  color:#727b88;
  background:rgba(255,255,255,.02);
}

.wha-price {
  grid-area:price;
  display:grid;
  gap:5px;
  color:#8b95a4;
  font-size:9px;
  font-weight:650;
}

.wha-price > div {
  display:flex;
  align-items:center;
  border:1px solid #353d4b;
  border-radius:9px;
  background:#0a0d12;
}

.wha-price b {
  padding-left:10px;
  color:#cbb4f7;
  font-size:12px;
  font-weight:750;
}

.wha-price input {
  min-width:0;
  padding:9px 7px;
  font-variant-numeric:tabular-nums;
}

.wha-publish {
  grid-area:publish;
  display:flex;
  min-width:0;
  align-items:center;
  gap:7px;
  color:#adb5c1;
  font-size:10px;
  line-height:1.25;
}

.wha-publish span {
  overflow:hidden;
  text-overflow:ellipsis;
}

.wha-product.is-out-of-stock .wha-publish {
  color:#737b87;
}

.wha-product.is-out-of-stock .wha-publish input:disabled {
  cursor:not-allowed;
}

.wha-product > [data-save] {
  grid-area:save;
  min-width:76px;
}

.wha-product > [data-row-error] {
  grid-area:error;
  margin:0;
  padding:7px 9px;
  border-radius:7px;
  background:rgba(255,143,155,.07);
  font-size:11px;
}

.wha-order-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.wha-order-list > .wh-empty {
  grid-column:1/-1;
  margin:0;
  padding:50px 18px;
  border:1px dashed var(--wha-line);
  border-radius:14px;
  text-align:center;
}

.wha-order-list article {
  min-width:0;
  padding:18px;
  border:1px solid var(--wha-line);
  border-radius:14px;
  background:linear-gradient(150deg,#151922,#101319);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}

.wha-order-head {
  display:grid;
  grid-template-columns:30px minmax(0,1fr) max-content;
  align-items:flex-start;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.wha-order-head > div {
  display:grid;
  min-width:0;
  gap:2px;
}

.wha-order-head > strong:last-child {
  min-width:max-content;
  color:#d8c6fb;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}

.wha-order-summary > strong,
.wha-order-items-summary {
  min-width:0;
  overflow-wrap:anywhere;
}

.wha-order-head span,
.wha-order-list article > p,
.wha-order-list address {
  color:#929caa;
  font-size:11px;
  font-style:normal;
  line-height:1.55;
}

.wha-order-list article > p {
  margin:12px 0;
}

.wha-order-list address {
  margin:12px 0;
  padding-left:11px;
  border-left:2px solid rgba(183,148,246,.3);
}

.wha-order-contact,
.wha-payment-proof {
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  align-items:center;
  margin:10px 0;
  padding:10px 11px;
  border:1px solid #2d3441;
  border-radius:9px;
  background:#0c1015;
}

.wha-order-contact strong,
.wha-payment-proof strong,
.wha-label-links strong {
  color:#dce1e8;
  font-size:10px;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.wha-order-contact span {
  max-width:100%;
  color:#a9b2bf;
  font-size:11px;
  overflow-wrap:anywhere;
}

.wha-payment-review {
  display:grid;
  gap:4px;
  margin:11px 0;
  padding:11px 12px;
  border:1px solid rgba(244,198,117,.37);
  border-radius:9px;
  background:rgba(244,198,117,.075);
}

.wha-payment-review strong {
  color:#f7d99e;
  font-size:11px;
}

.wha-payment-review span {
  color:#c6b48f;
  font-size:10px;
  line-height:1.5;
}

.wha-payment-proof {
  border-color:rgba(111,205,236,.2);
  background:rgba(111,205,236,.035);
}

.wha-payment-proof span {
  color:#9bdcf2;
  font-size:11px;
  font-weight:800;
}

.wha-payment-proof em {
  color:#7b8491;
  font-size:10px;
  font-style:normal;
}

.wha-payment-proof .btn {
  width:auto;
  margin-left:auto;
}

.wha-label-address,
.wha-no-label {
  color:#7f8997!important;
  font-size:11px!important;
}

.wha-label-links {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  margin:11px 0;
}

.wha-label-links a {
  padding:6px 8px;
  border:1px solid #38445a;
  border-radius:7px;
  color:#bbd3ff;
  background:#141c2a;
  font-size:10px;
  text-decoration:none;
}

.wha-label-links a:hover {
  border-color:#526685;
  color:#e4edff;
}

.wha-order-fields {
  display:grid;
  grid-template-columns:135px minmax(100px,.65fr) minmax(145px,1fr) auto auto;
  gap:7px;
  margin-top:14px;
}

.wha-order-fields :is(select,input) {
  width:100%;
  min-width:0;
  height:38px;
  padding:0 9px;
  border:1px solid #353c49;
  border-radius:8px;
  color:#eef1f5;
  background:#090c10;
  font-size:11px;
}

.wha-order-fields .btn {
  width:auto;
  min-height:38px;
  padding:8px 10px;
  font-size:10px;
}

.wha-order-fields .wha-delete-order {
  border-color:rgba(255,108,122,.3);
  color:#f5aab2;
  background:rgba(84,25,33,.22);
}

.wha-order-fields .wha-delete-order:hover {
  border-color:rgba(255,108,122,.58);
  color:#ffd4d8;
  background:rgba(100,27,37,.35);
}

.wha-delete-help {
  margin:8px 0 0!important;
  color:#747e8d!important;
  font-size:10px!important;
}

.wha-order-list [data-order-row-error] {
  margin:10px 0 0;
  padding:8px 9px;
  border-radius:8px;
  background:rgba(255,143,155,.065);
  font-size:10px;
}

@media(max-width:1180px) {
  .wha-preview[data-summary] {
    grid-template-columns:1fr;
    gap:10px;
  }

  .wha-preview[data-summary] > div {
    grid-template-columns:repeat(5,minmax(0,1fr));
  }

  .wha-bulk-fields {
    grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(140px,.8fr));
  }

  .wha-product {
    grid-template-columns:26px 64px minmax(230px,1fr) 132px 118px 76px;
  }

  .wha-thumb {
    width:64px;
  }

  .wha-order-list {
    grid-template-columns:1fr;
  }
}

@media(max-width:900px) {
  .wha-shell {
    width:min(calc(100% - 28px),1400px);
    padding-top:18px;
  }

  .wha-head,
  .wha-title {
    align-items:stretch;
    flex-direction:column;
  }

  .wha-head {
    gap:20px;
  }

  .wha-head > .btn,
  .wha-product-tools,
  .wha-product-tools .btn {
    width:100%;
  }

  .wha-product-tools {
    align-items:stretch;
    flex-direction:column;
  }

  .wha-preview[data-summary] > div {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .wha-product {
    grid-template-columns:26px 60px minmax(0,1fr) 136px;
    grid-template-areas:
      "select thumb main main"
      ". . price publish"
      ". . save save"
      ". . error error";
    align-items:start;
  }

  .wha-thumb {
    width:60px;
  }

  .wha-price,
  .wha-publish,
  .wha-product > [data-save] {
    grid-column:auto;
  }

  .wha-publish {
    min-height:38px;
  }

  .wha-product > [data-save] {
    justify-self:end;
    width:auto;
  }

  .wha-danger-zone {
    align-items:flex-start;
    flex-direction:column;
  }

  .wha-danger-zone > div:last-child {
    width:100%;
    justify-items:start;
  }
}

@media(max-width:680px) {
  .wha-shell {
    width:calc(100% - 20px);
    padding:10px 0 calc(60px + env(safe-area-inset-bottom));
  }

  .wha-login {
    margin-top:10vh;
    padding:26px 20px;
  }

  .wha-head {
    padding:18px 2px 20px;
  }

  .wha-head h1 {
    font-size:39px;
  }

  .wha-head p,
  .wha-title p {
    font-size:12px;
  }

  .wha-tabs {
    top:6px;
    gap:3px;
    overflow:auto;
    scrollbar-width:none;
  }

  .wha-tabs::-webkit-scrollbar {
    display:none;
  }

  .wha-tabs button {
    flex:none;
    min-width:116px;
    min-height:42px;
    padding:9px 12px;
  }

  .wha-preview[data-summary] {
    padding:13px;
  }

  .wha-preview[data-summary] > div {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .wha-preview[data-summary] > div > span {
    display:grid;
    gap:1px;
    white-space:normal;
  }

  .wha-panel {
    padding:17px;
    border-radius:16px;
  }

  .wha-title {
    gap:16px;
    margin-bottom:18px;
  }

  .wha-drop {
    min-height:200px;
    padding:22px 15px;
  }

  .wha-drop strong {
    font-size:17px;
  }

  .wha-actions {
    flex-direction:row;
    justify-content:stretch;
  }

  .wha-shell .wha-actions .btn {
    flex:1 1 145px;
    width:auto;
  }

  .wha-history article,
  .wha-bulk-head,
  .wha-bulk-select {
    align-items:flex-start;
    flex-direction:column;
  }

  .wha-history article > div:last-child {
    text-align:left;
  }

  .wha-bulk-fields {
    grid-template-columns:1fr;
  }

  .wha-bulk[data-selection-bar] {
    top:62px;
  }

  .wha-bulk .wha-actions .btn {
    flex:1 1 calc(50% - 5px);
  }

  .wha-product {
    grid-template-columns:26px 54px minmax(0,1fr);
    grid-template-areas:
      "select thumb main"
      "price price price"
      "publish publish publish"
      "save save save"
      "error error error";
    gap:10px;
    padding:12px;
  }

  .wha-thumb {
    width:54px;
  }

  .wha-source {
    gap:4px 6px;
  }

  .wha-source code {
    max-width:120px;
  }

  .wha-mini-fields {
    flex-direction:column;
  }

  .wha-price {
    margin-top:3px;
  }

  .wha-product > [data-save] {
    width:100%;
  }

  .wha-order-list article {
    padding:15px;
  }

  .wha-order-fields {
    grid-template-columns:1fr 1fr;
  }

  .wha-order-fields :is(select,input) {
    grid-column:1/-1;
  }

  .wha-order-fields .btn {
    width:100%;
  }

  .wha-payment-proof .btn {
    width:100%;
    margin:3px 0 0;
  }

  .wha-danger-zone {
    padding:15px;
  }

  .wha-danger-zone .btn {
    width:100%;
  }
}

@media(max-width:390px) {
  .wha-preview[data-summary] > div {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .wha-shell .wha-actions .btn {
    flex-basis:100%;
  }

  .wha-shell .wha-bulk .wha-actions .btn {
    flex-basis:calc(50% - 5px);
  }

  .wha-product {
    grid-template-columns:24px 48px minmax(0,1fr);
  }

  .wha-thumb {
    width:48px;
  }

  .wha-order-fields {
    grid-template-columns:1fr;
  }
}

/* Keep the generated checkbox label accessible without letting it enter the
   product-card layout when the global app shell does not provide .sr-only. */
.wha-product-select .sr-only {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  margin:-1px!important;
}

/* Product rows become self-contained editing cards on phones. */
@media(max-width:680px) {
  .wha-shell .wha-panel[data-panel="products"] {
    padding:14px;
  }

  .wha-shell .wha-product-list {
    width:100%;
    min-width:0;
  }

  .wha-shell .wha-product {
    position:relative;
    width:100%;
    min-width:0;
    max-width:100%;
    grid-template-columns:68px minmax(0,1fr);
    grid-template-areas:
      "thumb main"
      "price price"
      "publish publish"
      "save save"
      "error error";
    gap:10px;
    align-items:start;
    padding:10px;
    overflow:hidden;
  }

  .wha-shell .wha-product-select {
    position:absolute;
    z-index:2;
    top:15px;
    left:15px;
    display:grid;
    width:30px;
    height:30px;
    place-items:center;
    border:1px solid rgba(255,255,255,.2);
    border-radius:8px;
    background:rgba(8,10,14,.82);
    box-shadow:0 4px 12px rgba(0,0,0,.3);
  }

  .wha-shell .wha-product-select input {
    width:18px;
    height:18px;
  }

  .wha-shell .wha-thumb {
    grid-area:thumb;
    width:68px;
    min-width:68px;
    height:68px;
  }

  .wha-shell .wha-product-main {
    grid-area:main;
    width:100%;
    min-width:0;
  }

  .wha-shell .wha-source {
    width:100%;
    min-width:0;
    gap:4px 6px;
  }

  .wha-shell .wha-source code {
    max-width:100%;
    min-width:0;
  }

  .wha-shell .wha-name {
    display:block;
    width:100%;
    min-width:0;
    min-height:38px;
    margin:5px 0;
    padding:8px 9px;
    border-color:#333b49;
    background:#0a0d12;
    font-size:13px;
  }

  .wha-shell .wha-mini-fields {
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    min-width:0;
    gap:6px;
  }

  .wha-shell .wha-mini-fields input {
    width:100%;
    min-width:0;
    min-height:36px;
    padding:7px 9px;
    border-color:#303744;
    background:#0c0f14;
    font-size:11px;
  }

  .wha-shell .wha-variants {
    width:100%;
    min-width:0;
    margin:8px 0 0;
  }

  .wha-shell .wha-price {
    grid-area:price;
    grid-column:1/-1;
    width:100%;
    min-width:0;
    margin:2px 0 0;
    font-size:10px;
  }

  .wha-shell .wha-price > div {
    width:100%;
    min-height:44px;
  }

  .wha-shell .wha-price input {
    min-width:0;
    min-height:42px;
    padding:10px 8px;
    font-size:14px;
  }

  .wha-shell .wha-publish {
    grid-area:publish;
    grid-column:1/-1;
    width:100%;
    min-width:0;
    min-height:44px;
    padding:10px 11px;
    border:1px solid #303744;
    border-radius:9px;
    background:#0c0f14;
    font-size:11px;
  }

  .wha-shell .wha-publish input {
    flex:none;
    width:20px;
    height:20px;
  }

  .wha-shell .wha-publish span {
    white-space:normal;
  }

  .wha-shell .wha-product > [data-save] {
    grid-area:save;
    grid-column:1/-1;
    justify-self:stretch;
    width:100%;
    min-width:0;
    min-height:44px;
  }

  .wha-shell .wha-product > [data-row-error] {
    grid-area:error;
    grid-column:1/-1;
    width:100%;
    min-width:0;
  }
}

.wha-order-list article.is-selected { border-color:var(--wh-blue); box-shadow:0 0 0 2px rgba(67,203,255,.1); }
.wha-order-head { align-items:flex-start; }
.wha-order-select { position:relative; display:grid; place-items:center; flex:none; width:30px; height:30px; margin:0; border:1px solid #384454; border-radius:8px; background:#0b1016; }
.wha-order-select input { width:17px; height:17px; margin:0; accent-color:var(--wh-blue); }
.wha-order-head>div { flex:1; }
.wha-order-tags { display:flex; flex-wrap:wrap; gap:6px; }
.wha-order-tags span { padding:5px 8px; border:1px solid #304052; border-radius:999px; color:#a9cde0; background:#0b131a; font-size:10px; }
.wha-order-bulk-actions select { min-height:38px; padding:8px 10px; border:1px solid #3a4555; border-radius:8px; color:#fff; background:#0c1117; }
.wha-owner-upload { display:grid; gap:14px; margin-bottom:16px; padding:16px; border:1px solid #344557; border-radius:14px; background:#10161d; }
.wha-owner-batch { display:grid; gap:14px; }
.wha-owner-batch>article { display:grid; gap:13px; padding:16px; border:1px solid #333d4b; border-radius:14px; background:#0d1117; }
.wha-owner-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wha-owner-head>div { display:grid; gap:3px; min-width:0; }.wha-owner-head span { overflow:hidden; color:#8995a4; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.wha-owner-read { margin:0; color:#75d9ff; font-size:11px; }.wha-owner-read.is-error { color:#ff8f9a; }
.wha-owner-fields { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.wha-owner-fields .wide { grid-column:1/-1; }
.wha-owner-fields label { display:grid; gap:5px; color:#aeb8c6; font-size:11px; }.wha-owner-fields label span { color:#6f7b8b; }
.wha-owner-fields input,.wha-owner-items select,.wha-owner-items input { box-sizing:border-box; width:100%; min-width:0; min-height:40px; padding:9px 10px; border:1px solid #354152; border-radius:8px; color:#fff; background:#080d12; font:inherit; }
.wha-owner-items { display:grid; gap:8px; }.wha-owner-items>strong { font-size:12px; }
.wha-owner-items>[data-owner-item] { display:grid; grid-template-columns:minmax(145px,1.1fr) minmax(180px,1.6fr) minmax(140px,1.2fr) 72px auto; gap:7px; }
.wha-owner-item-mode { display:grid; grid-column:1/-1; grid-template-columns:max-content minmax(180px,260px); align-items:center; gap:9px; color:#8f9dac; font-size:10px; font-weight:800; }
.wha-owner-item-mode select { min-height:34px; padding:6px 9px; }
.wha-owner-items>[data-owner-item].is-manual { grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) 72px minmax(120px,.75fr) auto; padding:10px; border:1px solid #344b5c; border-radius:10px; background:rgba(31,120,157,.06); }
.wha-owner-manual-cost { display:grid; grid-template-columns:auto 12px 1fr; align-items:center; min-height:40px; padding:0 7px; border:1px solid #354152; border-radius:8px; color:#93a2b2; background:#080d12; font-size:9px; }
.wha-owner-manual-cost input { min-height:36px!important; padding:6px 4px!important; border:0!important; background:transparent!important; }
.wha-owner-manual-cost b { color:var(--wh-lime); }
.wha-owner-item-actions { display:flex; gap:6px; }
.wha-owner-item-actions .btn { flex:1; white-space:nowrap; }
.wha-owner-item-preview { display:flex; grid-column:1/-1; align-items:center; gap:9px; min-width:0; padding:7px 9px; border:1px solid #283542; border-radius:9px; background:#0a1117; }
.wha-owner-item-preview>span:last-child { display:grid; gap:2px; min-width:0; }
.wha-owner-item-preview strong,.wha-owner-item-preview small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wha-owner-item-preview strong { color:#edf7fc; font-size:11px; }
.wha-owner-item-preview small { color:#7f92a1; font-size:10px; }
.wha-owner-item-thumb { display:grid; flex:none; place-items:center; width:36px; height:36px; overflow:hidden; border:1px solid #344353; border-radius:7px; color:#667787; background:#060b0f; font-size:7px; }
.wha-owner-item-thumb img { width:100%; height:100%; object-fit:cover; }
.wha-owner-item-preview.is-manual { border-color:#36586d; }
.wha-owner-add-actions { display:flex; flex-wrap:wrap; gap:7px; }
.wha-owner-cost-prompt { display:grid; grid-column:1/-1; grid-template-columns:minmax(180px,1fr) 105px auto; align-items:center; gap:8px; padding:9px; border:1px solid rgba(229,173,88,.48); border-radius:9px; background:rgba(229,173,88,.08); }
.wha-owner-cost-prompt>span { display:grid; gap:2px; min-width:0; }
.wha-owner-cost-prompt>span strong { color:#ffd88d; font-size:11px; }
.wha-owner-cost-prompt>span small { color:#b99f74; font-size:9px; }
.wha-owner-cost-prompt label { display:flex; align-items:center; min-height:38px; border:1px solid #70552d; border-radius:8px; background:#0b0c0c; }
.wha-owner-cost-prompt label b { padding-left:8px; color:var(--wh-lime); font-size:11px; }
.wha-owner-cost-prompt input { min-height:36px; padding:7px 6px; border:0; background:transparent; }
.wha-owner-cost-prompt>[data-owner-inline-cost-error] { grid-column:1/-1; margin:0; }
[data-owner-bulk-cost]:empty { display:none; }

@media(max-width:700px) {
  .wha-order-filter-fields,.wha-owner-fields { grid-template-columns:1fr; }
  .wha-owner-fields .wide { grid-column:auto; }
  .wha-owner-items>[data-owner-item] { grid-template-columns:1fr 1fr; }
  .wha-owner-items>[data-owner-item].is-manual { grid-template-columns:1fr 1fr; }
  .wha-owner-items>[data-owner-item]>[data-owner-product-search],.wha-owner-items>[data-owner-item]>[data-owner-product],.wha-owner-item-actions,.wha-owner-item-preview,.wha-owner-item-mode { grid-column:1/-1; }
  .wha-owner-item-mode { grid-template-columns:1fr; }
  .wha-owner-cost-prompt { grid-template-columns:1fr auto; }
  .wha-owner-cost-prompt>span { grid-column:1/-1; }
  .wh-address-grid input,.wh-label-read input,.wha-owner-fields input,.wha-owner-items select,.wha-owner-items input,.wha-owner-cost-prompt input { font-size:16px; }
}

/* Private warehouse cost editor */
.wha-variant-costs {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
  gap:6px;
  width:100%;
  min-width:0;
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid #29313d;
}
.wha-variant-cost-head {
  display:flex;
  grid-column:1/-1;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:#aeb9c8;
  font-size:10px;
}
.wha-variant-cost-head span {
  color:#6f7d8d;
  text-align:right;
}
.wha-variant-cost {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  padding:7px 8px;
  border:1px solid #303a48;
  border-radius:9px;
  background:#0b1016;
}
.wha-variant-cost.is-empty {
  opacity:.62;
}
.wha-product-cost {
  grid-column:1/-1;
}
.wha-product-cost.is-missing {
  border-color:#8b642d;
  background:#171109;
}
.wha-cost-required {
  grid-column:1/-1;
  margin:0;
  color:#e5ad58;
  font-size:9px;
}
.wha-variant-cost > span {
  display:grid;
  min-width:0;
  gap:2px;
}
.wha-variant-cost > span b {
  overflow:hidden;
  color:#d9e1eb;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wha-variant-cost small {
  color:#778496;
  font-size:9px;
}
.wha-variant-cost > div {
  display:flex;
  align-items:center;
  width:88px;
  min-width:88px;
  border:1px solid #394657;
  border-radius:7px;
  background:#080c11;
}
.wha-variant-cost > div > b {
  padding-left:7px;
  color:var(--wh-lime);
  font-size:10px;
}
.wha-variant-cost input {
  width:100%;
  min-width:0;
  padding:6px 5px;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
  font:inherit;
  font-size:11px;
}
.wha-variant-cost input::placeholder {
  color:#697585;
}

/* Personal owner orders use private inventory costs; no client-entered total. */
.wha-owner-fields select {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:40px;
  padding:9px 10px;
  border:1px solid #354152;
  border-radius:8px;
  color:#fff;
  background:#080d12;
  font:inherit;
}
.wha-owner-calculated {
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 12px;
  align-items:center;
  padding:12px 13px;
  border:1px solid rgba(80,220,169,.35);
  border-radius:11px;
  background:rgba(45,169,124,.08);
}
.wha-owner-calculated > span {
  color:#9eabbb;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.wha-owner-calculated > strong {
  grid-row:1/3;
  grid-column:2;
  color:var(--wh-lime);
  font-size:20px;
}
.wha-owner-calculated > small {
  color:#7f8c9c;
  font-size:10px;
}
.wha-owner-calculated.is-missing {
  border-color:rgba(245,180,64,.42);
  background:rgba(245,180,64,.08);
}
.wha-owner-calculated.is-missing > strong {
  color:#ffd987;
}
.wha-owner-bulk {
  display:grid;
  gap:11px;
  margin:0 0 16px;
  padding:14px;
  border:1px solid #38627a;
  border-radius:13px;
  background:linear-gradient(145deg,#101b23,#0d141a);
}
.wha-owner-bulk-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.wha-owner-bulk-head > div {
  display:grid;
  gap:3px;
}
.wha-owner-bulk-head > div strong {
  font-size:12px;
}
.wha-owner-bulk-head > div span {
  color:#8190a0;
  font-size:10px;
}
.wha-owner-bulk-head > label {
  display:flex;
  align-items:center;
  gap:7px;
  color:#c7d4df;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.wha-owner-bulk-head input,
.wha-owner-select input {
  width:18px;
  height:18px;
  accent-color:var(--wh-blue);
}
.wha-owner-bulk-fields {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:8px;
  align-items:end;
}
.wha-owner-bulk-fields label {
  display:grid;
  gap:5px;
  color:#8e9cac;
  font-size:9px;
}
.wha-owner-bulk-fields :is(select,input) {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:40px;
  padding:8px 9px;
  border:1px solid #35495a;
  border-radius:8px;
  color:#fff;
  background:#080e13;
}
.wha-owner-bulk [data-owner-bulk-status] {
  min-height:14px;
  margin:0;
}
.wha-owner-batch > article.is-selected {
  border-color:#4599bb;
  box-shadow:0 0 0 2px rgba(67,203,255,.08);
}
.wha-owner-select {
  display:grid;
  flex:none;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #374655;
  border-radius:8px;
  background:#0a1016;
  cursor:pointer;
}
.wha-owner-select .sr-only {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  margin:-1px!important;
}

/* The generated label remains available to screen readers without spilling
   its order number into the compact order and fulfillment card headers. */
.wha-order-select .sr-only {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  margin:-1px!important;
}
.wha-owner-head > div {
  flex:1;
}

.wha-admin-label-upload {
  display:grid;
  grid-template-columns:minmax(210px,1fr) minmax(150px,.8fr) minmax(210px,1fr) auto;
  gap:8px;
  align-items:end;
  padding:11px;
  border:1px solid #32607a;
  border-radius:10px;
  background:rgba(32,126,166,.09);
}
.wha-admin-label-upload > div {
  display:grid;
  gap:3px;
  align-self:center;
}
.wha-admin-label-upload > div strong {
  color:#dce8f0;
  font-size:11px;
}
.wha-admin-label-upload > div span {
  color:#7f94a4;
  font-size:9px;
  line-height:1.4;
}
.wha-admin-label-upload > input,
.wha-admin-label-file {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:38px;
  border:1px solid #365064;
  border-radius:8px;
  color:#dce7ef;
  background:#091117;
  font-size:10px;
}
.wha-admin-label-upload > input {
  padding:8px 9px;
}
.wha-admin-label-file {
  display:flex;
  align-items:center;
  padding:8px 9px;
  cursor:pointer;
}
.wha-admin-label-file input {
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.wha-admin-label-file span {
  overflow:hidden;
  color:#74d5ff;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wha-admin-label-upload [data-admin-label-error] {
  grid-column:1/-1;
  margin:0;
}
.wha-label-name-tools {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  padding:9px 10px;
  border:1px solid #2f3b49;
  border-radius:9px;
  background:#0c1117;
}
.wha-label-name-tools > strong {
  margin-right:3px;
  color:#8594a4;
  font-size:9px;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.wha-label-name-tools > span {
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px 5px 4px 8px;
  border:1px solid #334453;
  border-radius:999px;
  color:#c4d0dc;
  font-size:10px;
}
.wha-label-name-tools .btn {
  min-height:27px;
  padding:4px 7px;
  border-radius:999px;
  font-size:9px;
}
.wha-label-lock {
  margin:0;
  color:#788594;
  font-size:9px;
}

/* Warehouse fulfillment queue */
.wha-fulfillment-overview {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-bottom:16px;
}
.wha-fulfillment-overview > span {
  display:grid;
  gap:2px;
  padding:13px;
  border:1px solid #2e3c4c;
  border-radius:11px;
  background:linear-gradient(145deg,#111922,#0c1117);
}
.wha-fulfillment-overview strong {
  color:#f4f8fc;
  font-size:22px;
}
.wha-fulfillment-overview small {
  color:#8290a1;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.wha-fulfillment-filters {
  display:grid;
  grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(145px,1fr));
  gap:9px;
  margin-bottom:12px;
}
.wha-fulfillment-filters label {
  display:grid;
  gap:5px;
  color:#919cab;
  font-size:10px;
}
.wha-fulfillment-filters :is(input,select) {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:40px;
  padding:9px 10px;
  border:1px solid #374052;
  border-radius:9px;
  color:#fff;
  background:#0e1218;
}
.wha-fulfillment-selection {
  position:sticky;
  z-index:5;
  top:74px;
  border-color:#3d718a;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.wha-fulfillment-result {
  display:grid;
  gap:7px;
  margin:0 0 16px;
  padding:13px 15px;
  border:1px solid rgba(80,220,169,.38);
  border-radius:11px;
  background:rgba(45,169,124,.09);
  color:#bfeeda;
  font-size:11px;
}
.wha-fulfillment-result.is-error {
  border-color:rgba(255,103,119,.42);
  background:rgba(255,83,103,.08);
  color:#ffb8c0;
}
.wha-fulfillment-result :is(p,ul) {
  margin:0;
}
.wha-fulfillment-list {
  display:grid;
  gap:12px;
}
.wha-fulfillment-list > .wh-empty {
  padding:32px 18px;
  border:1px dashed #334050;
  border-radius:13px;
  text-align:center;
}
.wha-fulfillment-card {
  display:grid;
  gap:12px;
  padding:17px;
  border:1px solid #303b49;
  border-left:3px solid #4d5a68;
  border-radius:14px;
  background:linear-gradient(145deg,#12171d,#0d1116);
}
.wha-fulfillment-card.is-selected {
  border-color:var(--wh-blue);
  box-shadow:0 0 0 2px rgba(67,203,255,.1);
}
.wha-fulfillment-card.is-ready {
  border-left-color:var(--wh-lime);
}
.wha-fulfillment-card.is-failed,
.wha-fulfillment-card.is-unknown {
  border-left-color:#ff6f7d;
}
.wha-fulfillment-card.is-queued,
.wha-fulfillment-card.is-sending {
  border-left-color:#55cfff;
}
.wha-fulfillment-card.is-sent,
.wha-fulfillment-card.is-completed {
  border-left-color:#59758b;
}
.wha-fulfillment-card > header {
  display:grid;
  grid-template-columns:30px minmax(0,1fr) max-content;
  align-items:flex-start;
  gap:8px;
}
.wha-fulfillment-card > header > div {
  display:grid;
  flex:1;
  min-width:0;
  gap:3px;
}
.wha-fulfillment-card > header > div > strong {
  font-size:15px;
  overflow-wrap:anywhere;
}
.wha-fulfillment-card > header > div > span {
  color:#798697;
  font-size:10px;
}
.wha-fulfillment-state {
  padding:6px 9px;
  border:1px solid #3a495a;
  border-radius:999px;
  color:#b9c6d5;
  background:#101821;
  font-size:10px;
  white-space:nowrap;
}
.is-ready .wha-fulfillment-state {
  border-color:rgba(80,220,169,.4);
  color:#8ee8c4;
}
.is-failed .wha-fulfillment-state,
.is-unknown .wha-fulfillment-state {
  border-color:rgba(255,103,119,.45);
  color:#ffadb7;
}
.wha-fulfillment-destination {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.wha-fulfillment-destination > span {
  display:grid;
  gap:3px;
  min-width:0;
  padding:9px 10px;
  border:1px solid #293541;
  border-radius:9px;
  color:#b5c0ce;
  background:#0a0f14;
  font-size:11px;
  overflow-wrap:anywhere;
}
.wha-fulfillment-destination b,
.wha-audit-grid b {
  color:#6f7e90;
  font-size:9px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.wha-fulfillment-items {
  display:grid;
  gap:5px;
  margin:0;
  padding:0;
  list-style:none;
}
.wha-fulfillment-items li,
.wha-snapshot li {
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#d4dce6;
  font-size:11px;
}
.wha-fulfillment-items li > strong,
.wha-snapshot li > strong {
  min-width:0;
  overflow-wrap:anywhere;
}
.wha-fulfillment-items span,
.wha-snapshot li span {
  color:#7fdcb9;
  white-space:nowrap;
}
.wha-fulfillment-warning,
.wha-fulfillment-error {
  margin:0;
  padding:10px 11px;
  border:1px solid rgba(245,180,64,.4);
  border-radius:9px;
  color:#dfc887;
  background:rgba(245,180,64,.07);
  font-size:11px;
  line-height:1.45;
}
.wha-fulfillment-error {
  display:grid;
  gap:3px;
  border-color:rgba(255,103,119,.42);
  color:#ffb2bb;
  background:rgba(255,83,103,.07);
}
.wha-fulfillment-labels {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  padding:9px 10px;
  border:1px solid #2a3d4e;
  border-radius:9px;
  background:#0b1219;
}
.wha-fulfillment-labels strong {
  color:#d8e1eb;
  font-size:10px;
}
.wha-fulfillment-labels a {
  padding:5px 7px;
  border:1px solid #34526b;
  border-radius:7px;
  color:#7ed8ff;
  font-size:10px;
}
.wha-fulfillment-audit {
  border:1px solid #2a3541;
  border-radius:10px;
  background:#0b0f14;
}
.wha-fulfillment-audit summary {
  padding:10px 11px;
  color:#a9b6c5;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.wha-fulfillment-audit > :not(summary) {
  margin-right:11px;
  margin-left:11px;
}
.wha-fulfillment-audit > :last-child {
  margin-bottom:11px;
}
.wha-audit-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  padding-top:3px;
  border-top:1px solid #242e38;
}
.wha-audit-grid > span {
  display:grid;
  gap:3px;
  min-width:0;
  padding:8px;
  border-radius:7px;
  color:#aeb9c6;
  background:#111820;
  font-size:10px;
  overflow-wrap:anywhere;
}
.wha-snapshot {
  display:grid;
  gap:5px;
  margin-top:9px;
  padding:10px;
  border:1px solid #263746;
  border-radius:8px;
  color:#9cabb9;
  background:#0c141b;
  font-size:10px;
}
.wha-snapshot > strong {
  color:#dce5ed;
}
.wha-snapshot ol {
  display:grid;
  gap:4px;
  margin:5px 0 0;
  padding:7px 0 0;
  border-top:1px solid #26333f;
  list-style:none;
}
.wha-fulfillment-card-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.wha-fulfillment-daily {
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:8px;
  padding:10px;
  border:1px solid #304758;
  border-radius:10px;
  background:rgba(35,126,163,.08);
}
.wha-fulfillment-daily label {
  display:grid;
  flex:1 1 210px;
  gap:4px;
  color:#8192a2;
  font-size:9px;
  font-weight:800;
}
.wha-fulfillment-daily select {
  box-sizing:border-box;
  width:100%;
  min-height:38px;
  padding:7px 9px;
  border:1px solid #385165;
  border-radius:8px;
  color:#fff;
  background:#080e13;
}
.wha-fulfillment-card-actions .wha-resend {
  border-color:#78545b;
  color:#ffb3bd;
}

@media(max-width:980px) {
  .wha-owner-bulk-fields {
    grid-template-columns:1fr 1fr;
  }
  .wha-fulfillment-filters {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .wha-fulfillment-filters label:first-child,
  .wha-fulfillment-filters label:last-child {
    grid-column:1/-1;
  }
  .wha-audit-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px) {
  .wha-variant-costs {
    grid-template-columns:1fr;
  }
  .wha-variant-cost-head {
    align-items:flex-start;
    flex-direction:column;
  }
  .wha-variant-cost-head span {
    text-align:left;
  }
  .wha-owner-fields select,
  .wha-owner-bulk-fields :is(select,input),
  .wha-admin-label-upload > input,
  .wha-fulfillment-filters :is(input,select) {
    font-size:16px;
  }
  .wha-owner-calculated {
    grid-template-columns:1fr;
  }
  .wha-owner-bulk-head {
    align-items:flex-start;
    flex-direction:column;
  }
  .wha-owner-bulk-fields {
    grid-template-columns:1fr;
  }
  .wha-owner-bulk-fields .btn {
    width:100%;
  }
  .wha-owner-calculated > strong {
    grid-row:auto;
    grid-column:auto;
  }
  .wha-fulfillment-overview {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .wha-admin-label-upload {
    grid-template-columns:1fr;
  }
  .wha-admin-label-upload > div,
  .wha-admin-label-upload [data-admin-label-error] {
    grid-column:auto;
  }
  .wha-admin-label-upload .btn {
    width:100%;
  }
  .wha-fulfillment-overview > span:last-child {
    grid-column:1/-1;
  }
  .wha-fulfillment-filters {
    grid-template-columns:1fr;
  }
  .wha-fulfillment-filters label:first-child,
  .wha-fulfillment-filters label:last-child {
    grid-column:auto;
  }
  .wha-fulfillment-selection {
    top:62px;
  }
  .wha-fulfillment-card {
    padding:13px;
  }
  .wha-order-head {
    grid-template-columns:30px minmax(0,1fr);
  }
  .wha-order-total {
    grid-column:2;
    justify-self:start;
    min-width:0;
    font-size:15px!important;
  }
  .wha-fulfillment-card > header {
    grid-template-columns:30px minmax(0,1fr);
  }
  .wha-fulfillment-state {
    grid-column:2;
    justify-self:start;
    margin-left:0;
  }
  .wha-fulfillment-destination,
  .wha-audit-grid {
    grid-template-columns:1fr;
  }
  .wha-fulfillment-items li,
  .wha-snapshot li {
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
  .wha-fulfillment-items span,
  .wha-snapshot li span {
    white-space:normal;
  }
  .wha-fulfillment-card-actions .btn {
    flex:1 1 100%;
    width:100%;
  }
  .wha-fulfillment-daily :is(select,.btn) {
    width:100%;
    font-size:16px;
  }
  .wha-fulfillment-daily .btn {
    flex:1 1 100%;
  }
}

@media(prefers-reduced-motion:reduce) {
  .wha-shell *,
  .wha-shell *::before,
  .wha-shell *::after {
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}

/* Daily admin usability: keep the common path compact and disclose advanced tools on demand. */
.wha-admin-return {
  position:fixed;
  z-index:40;
  right:max(16px,env(safe-area-inset-right));
  bottom:max(16px,env(safe-area-inset-bottom));
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(111,205,236,.48);
  border-radius:999px;
  color:#eefaff;
  background:rgba(10,17,23,.94);
  box-shadow:0 12px 34px rgba(0,0,0,.48),0 0 20px rgba(70,196,241,.1);
  font-size:12px;
  text-decoration:none;
  backdrop-filter:blur(16px);
}
.wha-admin-return:hover {
  border-color:#78d9fb;
  background:#111d26;
}
.wha-admin-return span {
  color:#72d8fb;
  font-size:19px;
  line-height:1;
}
.wha-preview[data-summary] {
  padding:9px 13px;
}
.wha-preview[data-summary] > div > span {
  padding:5px 8px;
}
.wha-preview[data-summary] > div > span > strong {
  font-size:16px;
}
.wha-panel {
  padding:clamp(18px,2vw,25px);
}
.wha-title {
  margin-bottom:16px;
}
.wha-drop {
  min-height:150px;
  padding:20px;
}
.wha-drop::before {
  width:38px;
  height:38px;
  margin-bottom:8px;
  border-radius:11px;
  font-size:20px;
}
.wha-drop input {
  margin-bottom:9px;
}
.wha-drop strong {
  font-size:17px;
}
.wha-drop span {
  margin-top:5px;
  font-size:11px;
  line-height:1.45;
}
.wha-bulk > .wha-bulk-fields,
.wha-order-filter-fields,
.wha-fulfillment-filters:not(.wha-secondary-filter-fields) {
  grid-template-columns:minmax(240px,1.6fr) repeat(2,minmax(150px,.75fr));
}
.wha-order-filter-fields,
.wha-fulfillment-filters:not(.wha-secondary-filter-fields) {
  grid-template-columns:minmax(240px,1.6fr) minmax(160px,.75fr);
}
.wha-more-filters,
.wha-more-actions,
.wha-order-tools,
.wha-fulfillment-more {
  margin-top:10px;
  border:1px solid #2b3441;
  border-radius:10px;
  background:rgba(4,7,10,.23);
}
.wha-more-filters > summary,
.wha-more-actions > summary,
.wha-order-tools > summary,
.wha-fulfillment-more > summary {
  padding:9px 11px;
  color:#9faab8;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
  user-select:none;
}
.wha-more-filters[open] > summary,
.wha-more-actions[open] > summary,
.wha-order-tools[open] > summary,
.wha-fulfillment-more[open] > summary {
  border-bottom:1px solid #2b3441;
  color:#e0e6ed;
}
.wha-secondary-filter-fields {
  grid-template-columns:repeat(2,minmax(160px,1fr));
  margin:0!important;
  padding:11px;
}
.wha-primary-bulk-actions {
  margin-top:0!important;
}
.wha-more-actions > .wha-actions {
  padding:10px;
}
.wha-order-tools > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.wha-order-tools > summary small {
  color:#707d8d;
  font-size:9px;
  font-weight:600;
}
.wha-order-tools-body,
.wha-fulfillment-more-body {
  padding:2px 11px 11px;
}
.wha-order-status-tag {
  border-color:rgba(111,205,236,.31)!important;
  color:#9fdff5!important;
}
.wha-send-destination {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
  padding:11px 13px;
  border:1px solid rgba(111,205,236,.3);
  border-radius:12px;
  background:rgba(39,136,173,.075);
}
.wha-send-destination > div {
  display:grid;
  gap:2px;
}
.wha-send-destination strong {
  color:#e6f7fd;
  font-size:12px;
}
.wha-send-destination div span {
  color:#7f94a3;
  font-size:10px;
}
.wha-send-destination label {
  flex:0 1 430px;
}
.wha-send-destination select {
  box-sizing:border-box;
  width:100%;
  min-height:40px;
  padding:8px 10px;
  border:1px solid #3c6579;
  border-radius:9px;
  color:#f2fbff;
  background:#091117;
}
.wha-fulfillment-overview {
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-bottom:12px;
}
.wha-fulfillment-overview > span {
  padding:9px 11px;
}
.wha-fulfillment-overview strong {
  font-size:18px;
}
.wha-fulfillment-card {
  gap:9px;
  padding:14px;
}
.wha-fulfillment-more {
  margin-top:2px;
}
.wha-fulfillment-more-body {
  display:grid;
  gap:9px;
  padding-top:9px;
}

.wha-order-cost {
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;
  margin-top:14px;padding:14px;border:1px solid #344553;border-radius:9px;background:#101920;
}
.wha-order-cost > label { display:grid;gap:7px;flex:1 1 190px;font-size:12px;color:#dce7ef; }
.wha-order-cost-input { display:flex;align-items:center;gap:8px;padding:0 10px;background:#090d11;border:1px solid #43505c;border-radius:6px; }
.wha-order-cost-input input { min-width:0;width:100%;min-height:40px;border:0;background:transparent;color:#f1f6fa;font-size:16px; }
.wha-order-cost > small { flex-basis:100%;font-size:11px;line-height:1.5;color:#a4b2bf; }
.wha-order-cost [role=status] { font-size:11px;color:#a9d4df; }
.wha-order-cost [role=status]:empty { display:none; }
.wha-order-tracking { display:grid;gap:8px;margin-top:12px; }
.wha-tracking-row { display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid #303e49;border-radius:8px;background:#0e151b; }
.wha-tracking-row > span { display:grid;gap:5px;flex:1 1 160px;min-width:0; }
.wha-tracking-row small,.wha-tracking-note { color:#a1b1be;font-size:11px;line-height:1.5; }
.wha-tracking-row code { color:#e7f3fa;font-size:13px;overflow-wrap:anywhere;user-select:all; }
.wha-tracking-note:empty { display:none; }
.wha-order-tracking > button { justify-self:start; }
.wha-order-fields.wha-order-fields-label { grid-template-columns:minmax(135px,1fr) auto auto; }
.wha-queue-toolbar { display:flex;align-items:end;justify-content:space-between;gap:18px;margin:20px 0;flex-wrap:wrap; }
.wha-queue-group { margin:12px 0 0;padding-bottom:9px;border-bottom:1px solid #344653;font-size:13px;font-weight:600;color:#a8c6d5; }
.wha-queue-toolbar > label,.wha-import-filters > label { display:grid;gap:8px;font-size:12px;color:#adbac5; }
.wha-queue-toolbar select,.wha-import-filters :is(select,input) { min-height:42px;border:1px solid #3b4955;background:#10161d;color:#f0f6fa;border-radius:8px;padding:8px 12px;font-size:14px; }
.wha-queue-views { display:flex;gap:8px; }
.wha-queue-views [aria-pressed=true] { color:#d3f6ff;background:#15303e;border-color:#599caf; }
.wha-queue-pagination { display:flex;justify-content:center;align-items:center;gap:18px;margin-top:20px;font-size:12px;color:#a7b8c5; }
.wha-import-dialog { width:min(760px,calc(100% - 24px));max-height:90dvh; }
.wha-import-dialog .wh-dialog-card { width:auto;max-width:none; }
.wha-import-filters { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0; }
.wha-import-filters :is(select,input) { width:100%;min-width:0; }
.wha-import-order-list { max-height:45dvh;overflow:auto;display:grid;gap:8px;padding:5px 2px; }
.wha-import-order { display:flex;align-items:flex-start;gap:12px;border:1px solid #35424d;padding:14px;border-radius:8px;background:#10171e; }
.wha-import-order > input { flex:0 0 auto;width:17px;height:17px;margin-top:3px;accent-color:#75d3e5; }
.wha-import-order > span { display:grid;gap:6px;min-width:0; }
.wha-import-order strong { color:#e4edf3;font-size:13px;overflow-wrap:anywhere; }
.wha-import-order small { color:#9eadba;line-height:1.5;font-size:12px; }
@media(max-width:700px) {
  .wha-order-fields.wha-order-fields-label { grid-template-columns:1fr; }
  .wha-order-cost .btn,.wha-tracking-row .btn { min-height:40px; }
  .wha-queue-toolbar > label { width:100%; }
  .wha-import-filters { grid-template-columns:1fr; }
}

@media(max-width:700px) {
  .wha-admin-return {
    right:max(10px,env(safe-area-inset-right));
    bottom:max(10px,env(safe-area-inset-bottom));
    width:44px;
    min-height:44px;
    justify-content:center;
    padding:0;
  }
  .wha-admin-return strong {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
  }
  .wha-preview[data-summary] > div {
    display:flex;
    overflow-x:auto;
  }
  .wha-preview[data-summary] > div > span {
    flex:0 0 auto;
  }
  .wha-secondary-filter-fields,
  .wha-bulk > .wha-bulk-fields,
  .wha-order-filter-fields,
  .wha-fulfillment-filters:not(.wha-secondary-filter-fields) {
    grid-template-columns:1fr;
  }
  .wha-order-tools > summary {
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
  .wha-send-destination {
    align-items:stretch;
    flex-direction:column;
  }
  .wha-send-destination label {
    flex:auto;
  }
  .wha-send-destination select {
    font-size:16px;
  }
  .wha-fulfillment-overview {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .wha-fulfillment-overview > span:last-child {
    grid-column:auto;
  }
}