/* ==================================================================
   P1 VENDOR HUB, Devices (Wave 2 W2-A, 2026-10-07, portal v1.90).
   The Devices section of the center sheet and the "Devices found and needed" card on the Centers tab.
   Light cards, hairline borders, plain colored status words, dark primary button, no red buttons, no side stripes, no emoji
   (rules/design.md). Every class starts with pzdv-. Rows are grids that fold to two columns at phone width: never sideways scroll.
   ================================================================== */
.pzdv-sheetbox{margin-top:18px;padding-top:14px;border-top:1px solid var(--pz-line);color:var(--pz-ink-2);font-size:14px;line-height:20px}
.pzdv-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;color:var(--pz-ink)}
.pzdv-h b{font-size:15px}
.pzdv-q{font-size:12.5px;color:var(--pz-ink-3)}
.pzdv-quiet{font-size:12.5px;color:var(--pz-ink-3);line-height:18px;margin:4px 0 0}
.pzdv-warn{color:var(--pz-due);font-size:13.5px;font-weight:600;margin:8px 0 0}
.pzdv-ok{color:var(--pz-good);font-size:13.5px;font-weight:600;margin:8px 0 0}
.pzdv-lead{color:var(--pz-ink);margin:0 0 12px}
.pzdv-sk{height:18px;width:100%}
.pzdv-skw{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.pzdv-skw .pzdv-sk:nth-child(2){width:70%}
.pzdv-skw .pzdv-sk:nth-child(3){width:85%}
.pzdv-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.pzdv-dev{border:1px solid var(--pz-line);border-radius:10px;padding:10px 12px;background:#fff}
.pzdv-dn{color:var(--pz-ink);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.pzdv-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;margin-top:6px}
.pzdv-lab{display:block;font-size:12px;font-weight:600;color:var(--pz-ink-2);margin:6px 0 3px}
.pzdv-i{width:100%;box-sizing:border-box;min-height:36px;padding:6px 10px;border:1px solid var(--pz-line-2);border-radius:var(--pz-radius-sm);background:#fff;color:var(--pz-ink);font:400 16px/22px var(--pz-font)}
.pzdv-i:focus{outline:none;border-color:var(--pz-ink);box-shadow:0 0 0 3px rgba(15,23,42,.08)}
.pzdv-i.wide{margin-bottom:2px}
.pzdv-ro{display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:6px;color:var(--pz-ink)}
.pzdv-ro i,.pzdv-n i{font-style:normal;color:var(--pz-ink-3);font-size:12px;margin-right:4px}
.pzdv-meta{margin-top:6px;font-size:12.5px;color:var(--pz-ink-3);line-height:18px}
.pzdv-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.pzdv-confirm{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:1px solid var(--pz-line-2);border-radius:10px;background:#fff;font-size:13.5px;color:var(--pz-ink)}
.pzdv-confirm>span{flex:1 1 260px}
.pzdv-more{margin-top:12px}
.pzdv-sec{margin-top:8px}
.pzdv-hist{margin-top:6px;display:flex;flex-direction:column;gap:8px}
.pzdv-hl{color:var(--pz-ink);font-size:13.5px;overflow-wrap:anywhere}
.pzdv-ph{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;align-items:center}
.pzdv-th{display:block;width:84px;height:84px;border-radius:8px;overflow:hidden;border:1px solid var(--pz-line);background:var(--pz-surface-2)}
.pzdv-th img{width:100%;height:100%;object-fit:cover;display:block}

/* the program card */
.pzdv-card .pzcard-h{justify-content:space-between;align-items:flex-start}
.pzdv-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}
.pzdv-filters>div{min-width:150px}
.pzdv-fc{padding-bottom:6px}
.pzdv-tot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px;margin-bottom:14px;color:var(--pz-ink);font-size:19px;line-height:26px;font-weight:600}
.pzdv-tot .pzdv-n{display:flex;flex-direction:column}
.pzdv-tot .pzdv-n i{font-size:12px;line-height:16px;font-weight:600}
.pzdv-grp{margin:14px 0 6px;color:var(--pz-ink)}
.pzdv-tbl{display:flex;flex-direction:column;border:1px solid var(--pz-line);border-radius:10px;overflow:hidden;background:#fff}
.pzdv-tr{display:grid;grid-template-columns:minmax(150px,1.3fr) repeat(4,minmax(0,.8fr));gap:6px 12px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--pz-line)}
.pzdv-tr:last-child{border-bottom:0}
.pzdv-tn{min-width:0;color:var(--pz-ink);overflow-wrap:anywhere}
.pzdv-tr .pzdv-n{display:flex;flex-direction:column;color:var(--pz-ink);font-weight:600;font-size:14px}
.pzdv-tr .pzdv-n i{font-size:11.5px;line-height:15px;font-weight:600}

@media (max-width:760px){
  .pzdv-in{grid-template-columns:1fr 1fr}
  .pzdv-tot{grid-template-columns:1fr 1fr}
  .pzdv-tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pzdv-tr .pzdv-tn{grid-column:1 / -1}
  .pzdv-filters>div{flex:1 1 140px}
}