/* ==================================================================
   P1 VENDOR HUB, Installs (Wave 2 W2-C, portal v1.90). Styles for precision-installs.js.
   Everything is under .pzin so nothing else on the page changes. Light cards, hairline borders, quiet status words,
   dark primary buttons, no red buttons, no side stripes. 400px safe: tables use the portal's "resp" stacking, inputs are 16px.
   ================================================================== */
.pzin{--pzin-ink:var(--pz-ink,#0f172a);--pzin-ink2:var(--pz-ink-2,#334155);--pzin-ink3:var(--pz-ink-3,#64748b);--pzin-ink4:var(--pz-ink-4,#94a3b8);
  --pzin-line:var(--pz-line,#e2e8f0);--pzin-line2:var(--pz-line-2,#cbd5e1);--pzin-good:#15803d;--pzin-amber:#b45309;--pzin-info:#1d4ed8}
.pzin-sum{margin-top:14px;font-size:14px;color:var(--pzin-ink2)}
.pzin-q{color:var(--pzin-ink3);font-size:12px;line-height:1.45}
.pzin-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:10px}
.pzin-tile{background:var(--surface,#fff);border:1px solid var(--pzin-line);border-radius:12px;padding:12px 14px;box-shadow:var(--pz-shadow,0 1px 3px rgba(15,23,42,.06));min-width:0}
.pzin-tile .k{font-size:12px;color:var(--pzin-ink3);font-weight:600}
.pzin-tile .v{font-size:22px;font-weight:700;line-height:1.2;color:var(--pzin-ink);margin-top:2px}
.pzin-tile .s{font-size:12px;color:var(--pzin-ink3);margin-top:2px;overflow-wrap:anywhere}
.pzin-tile .s.warn{color:var(--pzin-amber)}
.pzin-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--pzin-ink2);font-weight:600;white-space:normal}
.pzin-st i{width:7px;height:7px;border-radius:50%;background:var(--pzin-ink4);flex-shrink:0;display:inline-block}
.pzin-st.ok{color:var(--pzin-good)} .pzin-st.ok i{background:#16a34a}
.pzin-st.info{color:var(--pzin-info)} .pzin-st.info i{background:#2a78d6}
.pzin-st.warn{color:var(--pzin-amber)} .pzin-st.warn i{background:#d97706}
.pzin-st.none{color:var(--pzin-ink3)} .pzin-st.none i{background:transparent;box-shadow:inset 0 0 0 1px var(--pzin-line2)}
.pzin-set{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--pzin-ink2)}
.pzin-set input[type=number]{width:84px;font-size:16px;padding:6px 8px;border:1px solid var(--pzin-line2);border-radius:8px}
.pzin-warn{margin-top:8px;font-size:13px;color:var(--pzin-amber);font-weight:600}
.pzin-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.pzin-actions input[type=text]{flex:1 1 200px;min-width:0;font-size:16px;padding:6px 8px;border:1px solid var(--pzin-line2);border-radius:8px}
.pzin-plan{margin-top:10px;padding:10px 12px;border:1px solid var(--pzin-line);border-radius:10px;background:#f8fafc;font-size:13px;color:var(--pzin-ink2);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pzin-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pzin-filters select,.pzin-filters input{font-size:16px;padding:6px 8px;border:1px solid var(--pzin-line2);border-radius:8px;max-width:100%;background:#fff}
.pzin-filters input[type=search]{flex:1 1 180px;min-width:0}
.pzin-link{background:none;border:0;padding:0;color:var(--pz-info,#1d4ed8);font:600 13px/1.3 var(--font);cursor:pointer;text-align:left}
.pzin-link:hover{text-decoration:underline;text-underline-offset:3px}
.pzin-row.on td{background:#f8fafc}
.pzin-pager{display:flex;gap:10px;align-items:center;margin-top:10px}
.pzin-detail h4{margin:0 0 4px;font:700 15px/1.3 var(--font);color:var(--pzin-ink)}
.pzin-dh{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.pzin-cnt{width:84px;font-size:16px;padding:6px 8px;border:1px solid var(--pzin-line2);border-radius:8px;text-align:right}
.pzin-ul{margin:6px 0 0;padding-left:18px;font-size:13px;color:var(--pzin-ink2)}
.pzin-ul li{margin:2px 0}
@media (min-width:761px){
  .pzin table.g td[data-l="What"]{white-space:normal;max-width:300px;line-height:1.35;padding-top:6px;padding-bottom:6px}
  .pzin table.g td[data-l="Center"]{white-space:normal;max-width:220px}
  .pzin table.g td[data-l="Details"]{white-space:normal;max-width:200px}
}
@media (max-width:760px){
  .pzin-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pzin-cnt{width:100%;text-align:left}
}
