/* Inbound Shipments, Advance Ship Notices, Product Catalog, Label Printer Activity (Nov 6 2026). Uses the colors of app.css (light + dark). */

.wh-sec{margin-top:16px}
.wh-ship{margin-bottom:16px}
.wh-ship .card-h h2 a{color:inherit}
.wh-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wh-src{font-size:12px;color:var(--faint);margin-top:2px}
.wh-acts{margin-top:14px}
.wh-tabs{margin-bottom:16px}
.wh-warn{color:var(--amber)}
.wh-info{background:var(--blue-soft);color:var(--ink);border-radius:10px;padding:12px 14px;margin-bottom:16px;font-size:14px}
.wh-info b{color:var(--blue)}

/* cartons expected vs received */
.wh-prog{margin-top:14px}
.wh-prog-n{margin:4px 0 6px}
.wh-prog-n b{font-size:22px;font-variant-numeric:tabular-nums}
.wh-track{height:10px;border-radius:6px;background:var(--gray-soft);overflow:hidden}
.wh-track span{display:block;height:100%;background:var(--brand);border-radius:6px}

/* empty states (same look as the Ops pages) */
.wh-empty{background:var(--panel);border:1px dashed var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--muted)}
.card .wh-empty{border:0;padding:8px 0}
.wh-empty b{color:var(--ink);font-size:15px}
.wh-empty p{margin:0;font-size:14px}
.wh-empty-ic{width:34px;height:34px;border-radius:999px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.wh-empty-ic.wait{background:var(--gray-soft);color:var(--muted)}

/* forms */
.wh-formgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px 16px}
.wh-formgrid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
.wh-formgrid label.wide{grid-column:1/-1}
.wh-formgrid .inp{width:100%;font-weight:400;min-height:42px}
.wh-form-card{border:2px solid var(--accent-line)}
textarea.wh-paste{min-height:130px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}

/* tables */
th.num,td.num{text-align:right}
.wh-total td{border-top:2px solid var(--line)}
.wh-asn .card-h{flex-wrap:wrap;gap:8px}
.wh-printonly,.wh-printhead{display:none}

/* Product Catalog */
.wh-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--gray-soft);display:block}
.wh-nophoto{display:flex;width:48px;height:48px;border-radius:8px;border:1px dashed var(--line);align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.1;color:var(--faint)}
.wh-stock{display:flex;gap:6px;align-items:center;white-space:nowrap;margin:2px 0}
.wh-links .btn.small{margin:2px 0}
.wh-cat td{vertical-align:middle}

/* New Product Setup */
.wh-link{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.wh-link:hover{color:var(--accent)}
.wh-steps{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:2px}
.wh-steps label{display:flex;gap:10px;align-items:flex-start;padding:8px 6px;border-radius:8px;cursor:pointer;min-height:40px}
.wh-steps label:hover{background:var(--gray-soft)}
.wh-steps input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--accent)}
.wh-steps .sub{font-size:13px;color:var(--muted)}

/* Label Printer Activity */
.wh-lgrid{align-items:start}
tr.wh-day{cursor:pointer}
tr.wh-day:hover td{background:var(--gray-soft)}
tr.wh-day.on td{background:var(--accent-soft)}
tr.wh-void td{color:var(--faint);text-decoration:line-through}
tr.wh-void td .pill{text-decoration:none}
.wh-labels{max-height:560px;overflow:auto}

/* "Print receiving check sheet": only the packing record is printed, with an empty "Counted" column */
@media print{
  body.wh-print .side,body.wh-print .top,body.wh-print .head,body.wh-print .wh-tabs,body.wh-print .tiles,body.wh-print .wh-noprint,body.wh-print .wh-empty,body.wh-print #toast{display:none!important}
  body.wh-print .main,body.wh-print .view{padding:0;margin:0}
  body.wh-print .card{border:0;padding:0}
  body.wh-print .wh-printonly{display:table-cell}
  body.wh-print .wh-printhead{display:block;margin-bottom:10px;font-size:14px}
  body.wh-print .wh-asn .card-h{display:none}
  body.wh-print td.wh-box{min-width:90px;border:1px solid #999}
  body.wh-print .tablebox{overflow:visible;border:0}
}