/* Bulk order grid — [gta_bulk_form] (gta-bulk-order.php). Same palette as the
 * spreadsheet preview: navy #0e2a47, orange #e8731c. */
#gta-bulk-grid, .gta-bulk-public { --bg-navy:#0e2a47; --bg-orange:#e8731c; --bg-line:#dbe4ee; --bg-muted:#5c6f82; margin:8px 0 28px; }

.bg-btn { display:inline-block; border:none; cursor:pointer; border-radius:6px; background:var(--bg-orange);
  color:#fff !important; font-weight:700; font-size:14px; padding:11px 22px; text-decoration:none; line-height:1.2; }
.bg-btn:hover { filter:brightness(.94); }
.bg-btn[disabled] { opacity:.45; cursor:default; }
.bg-btn.bg-ghost { background:#fff; color:var(--bg-navy) !important; border:1px solid #b8c7d6; }
.bg-hint { color:var(--bg-muted); font-size:12.5px; }
.bg-vh { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

/* top: scan box + CSV */
#gta-bulk-grid .bg-top { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:16px 24px; align-items:start;
  background:#f4f7fb; border:1px solid var(--bg-line); border-radius:10px; padding:16px 18px; margin-bottom:14px; }
#gta-bulk-grid .bg-scan label { display:block; font-weight:700; color:var(--bg-navy); margin-bottom:6px; }
#gta-bulk-grid .bg-scan input { width:100%; padding:11px 12px; border:2px solid var(--bg-navy); border-radius:6px; font-size:15px; }
#gta-bulk-grid .bg-scan input:focus { outline:none; box-shadow:0 0 0 3px rgba(232,115,28,.25); }
#gta-bulk-grid .bg-scan .bg-hint, #gta-bulk-grid .bg-tools .bg-hint { display:block; margin-top:6px; }
#gta-bulk-grid .bg-tools { padding-top:26px; }
@media (max-width:760px){ #gta-bulk-grid .bg-top { grid-template-columns:1fr; } #gta-bulk-grid .bg-tools { padding-top:0; } }

/* messages */
#gta-bulk-grid .bg-msg { border-radius:8px; padding:12px 16px; margin:10px 0; font-weight:600; white-space:pre-line; }
#gta-bulk-grid .bg-msg.ok { background:#e5f4e8; color:#1e7a34; }
#gta-bulk-grid .bg-msg.bad { background:#fbe0dd; color:#b3261e; }
#gta-bulk-grid .bg-msg.warn { background:#fff0cf; color:#8a6100; }

/* table */
#gta-bulk-grid .bg-scroll { overflow-x:auto; }
#gta-bulk-grid .bg-table { width:100%; min-width:720px; border-collapse:collapse; background:#fff; font-size:14px; margin:0; }
#gta-bulk-grid .bg-table th { background:var(--bg-navy); color:#fff; text-align:left; padding:9px 10px; font-size:12px; font-weight:700; }
#gta-bulk-grid .bg-table td { border-bottom:1px solid #e4ebf2; padding:6px 8px; vertical-align:middle; }
#gta-bulk-grid .bg-table tr:nth-child(even) td { background:#fafcfe; }
#gta-bulk-grid .bg-table tr.bg-oos td { background:#fdf1f0; }
#gta-bulk-grid .bg-table tr.bg-flash td { background:#fff3e6; transition:background .6s; }
#gta-bulk-grid .bg-c-del { width:36px; } #gta-bulk-grid .bg-c-qty { width:150px; }
#gta-bulk-grid .bg-c-price { width:120px; } #gta-bulk-grid .bg-c-sub { width:130px; }
#gta-bulk-grid td.bg-num { text-align:right; white-space:nowrap; }
#gta-bulk-grid .bg-del { border:none; background:transparent; color:#b3261e; font-size:18px; line-height:1; cursor:pointer; padding:4px 6px; }
#gta-bulk-grid .bg-del:hover { background:#fbe0dd; border-radius:4px; }

/* product cell: search input + picked product + dropdown */
#gta-bulk-grid .bg-prod { position:relative; }
#gta-bulk-grid .bg-search { width:100%; padding:8px 10px; border:1px solid #b8c7d6; border-radius:5px; font-size:14px; }
#gta-bulk-grid .bg-search:focus { outline:none; border-color:var(--bg-navy); box-shadow:0 0 0 2px rgba(14,42,71,.15); }
#gta-bulk-grid .bg-picked { display:flex; align-items:center; gap:10px; }
#gta-bulk-grid .bg-picked .bg-name { font-weight:600; color:var(--bg-navy); }
#gta-bulk-grid .bg-picked .bg-name a { color:inherit; text-decoration:none; } #gta-bulk-grid .bg-picked .bg-name a:hover { text-decoration:underline; }
#gta-bulk-grid .bg-picked .bg-meta { font-size:12px; color:var(--bg-muted); }
#gta-bulk-grid .bg-tag { display:inline-block; border-radius:20px; padding:2px 9px; font-size:11px; font-weight:700; white-space:nowrap; }
#gta-bulk-grid .bg-tag.ok { background:#e5f4e8; color:#1e7a34; } #gta-bulk-grid .bg-tag.bad { background:#fbe0dd; color:#b3261e; }
#gta-bulk-grid .bg-change { margin-left:auto; border:none; background:transparent; color:var(--bg-muted); font-size:12px; cursor:pointer; text-decoration:underline; }
#gta-bulk-grid .bg-dd { position:absolute; left:0; right:0; top:100%; z-index:40; background:#fff; border:1px solid #b8c7d6; border-radius:6px;
  box-shadow:0 10px 24px rgba(14,42,71,.18); max-height:340px; overflow-y:auto; }
#gta-bulk-grid .bg-dd-item { display:grid; grid-template-columns:1fr auto; gap:2px 12px; padding:8px 12px; cursor:pointer; border-bottom:1px solid #eef3f8; }
#gta-bulk-grid .bg-dd-item:last-child { border-bottom:none; }
#gta-bulk-grid .bg-dd-item:hover, #gta-bulk-grid .bg-dd-item.on { background:#eef3f8; }
#gta-bulk-grid .bg-dd-item .bg-dd-name { grid-column:1; grid-row:1; font-weight:600; color:var(--bg-navy); }
#gta-bulk-grid .bg-dd-item .bg-dd-name b { background:#fff0cf; }
#gta-bulk-grid .bg-dd-item .bg-dd-meta { grid-column:1; grid-row:2; font-size:12px; color:var(--bg-muted); }
#gta-bulk-grid .bg-dd-item .bg-dd-price { grid-column:2; grid-row:1 / span 2; align-self:center; text-align:right; font-weight:700; color:var(--bg-navy); white-space:nowrap; }
#gta-bulk-grid .bg-dd-item.oos .bg-dd-price { color:#b3261e; }
#gta-bulk-grid .bg-dd-empty { padding:10px 12px; color:var(--bg-muted); font-size:13px; }

/* quantity */
#gta-bulk-grid .bg-qtywrap { display:inline-flex; align-items:stretch; border:1px solid #b8c7d6; border-radius:5px; overflow:hidden; }
#gta-bulk-grid .bg-qtywrap button { border:none; background:#f4f7fb; color:var(--bg-navy); width:30px; font-size:16px; cursor:pointer; }
#gta-bulk-grid .bg-qtywrap button:hover { background:#e4ebf2; }
#gta-bulk-grid .bg-qty { width:62px; border:none; border-left:1px solid #dbe4ee; border-right:1px solid #dbe4ee; text-align:center; padding:7px 4px; font-size:14px; -moz-appearance:textfield; }
#gta-bulk-grid .bg-qty::-webkit-outer-spin-button, #gta-bulk-grid .bg-qty::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

/* footer */
#gta-bulk-grid .bg-addrow { margin:10px 0 14px; }
#gta-bulk-grid .bg-foot { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;
  border-top:2px solid var(--bg-navy); padding-top:14px; }
#gta-bulk-grid .bg-totals { display:flex; gap:22px; flex-wrap:wrap; align-items:baseline; font-size:15px; color:var(--bg-navy); }
#gta-bulk-grid .bg-totals strong { font-size:18px; }
#gta-bulk-grid .bg-actions { display:flex; gap:10px; flex-wrap:wrap; }
#gta-bulk-grid .bg-fine { color:var(--bg-muted); font-size:12.5px; margin-top:10px; }

/* the signed-out page */
.gta-bulk-public h2 { color:var(--bg-navy); }
.gta-bulk-public h3 { color:var(--bg-navy); margin-top:28px; }
.gta-bulk-public h4 { color:var(--bg-orange); margin:20px 0 6px; }
.gta-bulk-public .gta-bulk-doors { display:flex; gap:10px; flex-wrap:wrap; margin:14px 0 6px; }

/* Phones (Val, 2026-10-01): the 720px table put Quantity, price and subtotal off
   the right edge. Up to 760px each row is two lines — the product, then
   quantity · price · subtotal — and nothing scrolls sideways. */
@media (max-width:760px){
  #gta-bulk-grid .bg-table { min-width:0; display:block; }
  #gta-bulk-grid .bg-table thead { display:none; }
  #gta-bulk-grid .bg-table tbody { display:block; }
  #gta-bulk-grid .bg-table tr { display:grid; grid-template-columns:34px minmax(0,1fr) auto auto; align-items:center; border-bottom:1px solid #e4ebf2; padding:4px 0; }
  #gta-bulk-grid .bg-table tr:nth-child(even) { background:#fafcfe; }
  #gta-bulk-grid .bg-table tr.bg-oos { background:#fdf1f0; }
  #gta-bulk-grid .bg-table td { border-bottom:none; background:transparent !important; padding:4px 6px; width:auto; }
  #gta-bulk-grid .bg-table td.bg-c-del { grid-column:1; grid-row:1; }
  #gta-bulk-grid .bg-table td.bg-c-prod { grid-column:2 / -1; grid-row:1; }
  #gta-bulk-grid .bg-table td.bg-c-qty { grid-column:2; grid-row:2; }
  #gta-bulk-grid .bg-table td.bg-c-price { grid-column:3; grid-row:2; }
  #gta-bulk-grid .bg-table td.bg-c-sub { grid-column:4; grid-row:2; font-weight:700; }
  #gta-bulk-grid .bg-table td:empty { display:none; }
  #gta-bulk-grid .bg-picked { flex-wrap:wrap; }
}