/* ==================================================================
   P1 VENDOR HUB, equipment quotes and client approvals (Wave 2 W2-B, portal v1.90).
   Styles for precision-quotes.js. Everything is under .pzqn (the KinderCare Quotes tab). Light cards, hairline borders,
   plain status words, dark primary buttons, no red buttons, no side stripes, no emoji (rules/design.md).
   400px safe: tables use the portal's "resp" stacking, rows wrap, inputs are 16px.
   ================================================================== */
.pzqn{--pzq-ink:var(--pz-ink,#0f172a);--pzq-ink2:var(--pz-ink-2,#334155);--pzq-ink3:var(--pz-ink-3,#64748b);--pzq-ink4:var(--pz-ink-4,#94a3b8);
  --pzq-line:var(--pz-line,#e2e8f0);--pzq-line2:var(--pz-line-2,#cbd5e1);--pzq-good:#15803d;--pzq-amber:#b45309;--pzq-crit:#b91c1c;--pzq-info:#1d4ed8}
.pzq-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.pzq-top .seg{max-width:100%;overflow:auto}
.pzq-q{color:var(--pzq-ink3);font-size:12px;line-height:1.45}
.pzq-sub{margin-top:2px;font-size:13px;color:var(--pzq-ink3)}
.pzq-amber{color:var(--pzq-amber);font-weight:600;display:block}
.pzq-wrapc{white-space:normal !important;overflow-wrap:anywhere}
.pzq-link{background:none;border:0;padding:0;color:var(--pz-info,#1d4ed8);font:600 13px/1.3 var(--font);cursor:pointer;text-align:left}
.pzq-link:hover{text-decoration:underline;text-underline-offset:3px}
.pzq-k{font-size:12.5px;font-weight:700;color:var(--pzq-ink)}
.pzq-lab,.pzq-lab2{display:block;font-size:12px;color:var(--pzq-ink3);margin:8px 0 4px}
.pzq-lab2{flex:1 1 200px;margin:0}
.pzq-lab2 .pzq-in{margin-top:4px}

.pzq-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--pzq-ink2);font-weight:600;white-space:normal}
.pzq-st i{width:7px;height:7px;border-radius:50%;background:var(--pzq-ink4);flex-shrink:0;display:inline-block}
.pzq-st.ok{color:var(--pzq-good)} .pzq-st.ok i{background:#16a34a}
.pzq-st.info{color:var(--pzq-info)} .pzq-st.info i{background:#2a78d6}
.pzq-st.warn{color:var(--pzq-amber)} .pzq-st.warn i{background:#d97706}
.pzq-st.crit{color:var(--pzq-crit)} .pzq-st.crit i{background:#dc2626}
.pzq-st.none{color:var(--pzq-ink3)} .pzq-st.none i{background:transparent;box-shadow:inset 0 0 0 1px var(--pzq-line2)}

.pzq-band{margin-top:14px;padding:10px 12px;border:1px solid #fcd9a8;border-radius:10px;background:#fffaf0;color:var(--pzq-amber);font-size:13px;line-height:1.45}
.pzq-err{margin-top:8px;color:var(--pzq-crit);font-size:13px;font-weight:600}
.pzq-sum{font-size:13.5px;color:var(--pzq-ink);margin:10px 0}
.pzq-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;align-items:center}

.pzq-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:14px}
.pzq-tile{background:var(--surface,#fff);border:1px solid var(--pzq-line);border-radius:12px;padding:12px 14px;box-shadow:var(--pz-shadow,0 1px 3px rgba(15,23,42,.06));min-width:0}
.pzq-tile .k{font-size:12px;color:var(--pzq-ink3);font-weight:600}
.pzq-tile .v{font-size:22px;font-weight:700;line-height:1.2;color:var(--pzq-ink);margin-top:2px}
.pzq-tile .s{font-size:12px;color:var(--pzq-ink3);margin-top:2px;overflow-wrap:anywhere}
.pzq-tile .s.warn{color:var(--pzq-amber)} .pzq-tile .s.ok{color:var(--pzq-good)} .pzq-tile .s.info{color:var(--pzq-info)}

.pzq-in{width:100%;max-width:100%;font:16px/1.3 var(--font);padding:8px 10px;border:1px solid var(--pzq-line2);border-radius:8px;background:#fff;color:var(--pzq-ink)}
.pzq-narrow{width:96px;text-align:right}
.pzq-st2{width:56px;text-transform:uppercase}
.pzq-stp{display:inline-flex;align-items:center;gap:4px;margin:2px 8px 2px 0;white-space:nowrap}
.pzq-sel{font:600 13px/1.3 var(--font);padding:5px 8px;border:1px solid var(--pzq-line2);border-radius:8px;background:#fff;color:var(--pzq-ink)}
.pzq-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.pzq-filters > *{flex:1 1 200px;min-width:0}
.pzq-chips{display:flex;gap:8px;flex-wrap:wrap}
.pzq-chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--pzq-line2);background:#fff;color:var(--pzq-ink2);font:600 12.5px/1 var(--font);cursor:pointer}
.pzq-chip:hover{background:var(--pz-hover,#f1f5f9)}
.pzq-chip.on{background:var(--pzq-ink);border-color:var(--pzq-ink);color:#fff}
.pzq-chk2{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--pzq-ink2)}
.pzq-chk2 input{width:auto}

.pzq-row{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--pzq-line)}
.pzq-row:first-of-type{border-top:0}
.pzq-chk{padding-top:2px}
.pzq-rb{flex:1 1 auto;min-width:0}
.pzq-rh{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start;margin-bottom:6px}
.pzq-why{margin:4px 0 8px;font-size:13px;font-weight:600;color:var(--pzq-amber)}
.pzq-gone td{text-decoration:line-through;color:var(--pzq-ink4)}
.pzq-inl{display:flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}
.pzq-inl .pzq-in{width:120px}

.pzq-det{border:1px solid var(--pzq-line);border-radius:10px;margin-top:8px;padding:0 12px;background:#fff}
.pzq-det > summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 0;list-style:none}
.pzq-det > summary::-webkit-details-marker{display:none}
.pzq-det[open] > summary{border-bottom:1px solid var(--pzq-line);margin-bottom:8px}
.pzq-det > :last-child{margin-bottom:12px}
.pzq-hist{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--pzq-ink2)}
.pzq-hist li{margin:3px 0}

.pzq-edit{margin:10px 0;padding:12px;border:1px solid var(--pzq-line2);border-radius:10px;background:var(--pz-surface-2,#f8fafc)}
.pzq-erow{display:grid;grid-template-columns:minmax(120px,1.4fr) 84px 100px minmax(120px,1.6fr) auto;gap:8px;align-items:center;margin-top:8px}
.pzq-extra{grid-template-columns:minmax(120px,1.4fr) 84px 100px minmax(120px,1.6fr)}
.pzq-dec{margin-top:14px;padding:12px;border:1px solid var(--pzq-line2);border-radius:10px;background:var(--pz-surface-2,#f8fafc)}
.pzq-wd{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pzq-wd .pzq-lab{flex:1 0 100%;margin:0}
.pzq-wd .pzq-in{flex:1 1 200px;width:auto}

@media (max-width:640px){
  .pzq-erow,.pzq-extra{grid-template-columns:1fr 1fr}
  .pzq-erow > span,.pzq-erow > input[data-f="reason"],.pzq-extra > input[data-x="label"],.pzq-extra > input[data-x="reason"]{grid-column:1/-1}
  .pzq-narrow{width:100%;text-align:left}
  .pzq-stp{display:flex;flex-wrap:wrap;white-space:normal;margin:4px 0}
  .pzq-stp .pzq-narrow{width:120px;text-align:right}
  .pzq-stp .pzq-st2{width:56px}
  .pzq-row{flex-direction:column;gap:6px}
}

/* vendor cards on the overview */
.pzq-vc{padding:14px 0;border-top:1px solid var(--pzq-line)}
.pzq-vc:first-child{border-top:0;padding-top:0}
.pzq-kvs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px 16px;margin:6px 0}
.pzq-kv{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--pzq-ink3)}
.pzq-kv b{color:var(--pzq-ink);font-weight:700}

/* lines of one quote: stacked blocks, never a wide table */
.pzq-lines{margin:6px 0}
.pzq-ln{padding:8px 0;border-top:1px solid var(--pzq-line)}
.pzq-ln:first-child{border-top:0}
.pzq-lnh{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline;font-size:13.5px;color:var(--pzq-ink)}
.pzq-ln.pzq-gone b{text-decoration:line-through;color:var(--pzq-ink4)}
.pzq-amber{display:block}

.pzq-filters{align-items:flex-start}
.pzq-stage{min-width:170px;white-space:normal}