/* ==================================================================
   P1 VENDOR HUB, "Check a sample report" (portal v1.89, W1-D, 2026-10-07).
   Every class starts with pzsr-. Light surfaces, hairline borders, plain colored status words, a dark primary
   button, no side stripes, no gradients, no red buttons, no emoji (rules/design.md).
   ================================================================== */
.pzsr .pzsr-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pzsr .pzsr-st{min-width:0;flex:1;font-size:12.5px;line-height:18px}
.pzsr .pzsr-st .state{margin-right:6px}
.pzsr .pzsr-sub{margin-top:4px;font-size:12px;color:var(--pz-ink-3,#64748b);line-height:17px;overflow-wrap:anywhere}
.pzsr .quiet{white-space:normal}

.pzsr .pzsr-bad{font-size:12.5px;font-weight:700;color:var(--pz-due,#b45309)}

/* the upload form */
.pzsr .pzsr-form{margin-top:12px;padding:12px 14px;border:1px dashed var(--pz-line-2,#cbd5e1);border-radius:10px;background:var(--pz-surface-2,#f8fafc);display:grid;gap:10px}
.pzsr .pzsr-form.over{border-color:var(--pz-ink-3,#64748b);background:#fff}
.pzsr .pzsr-help{font-size:12.5px;color:var(--pz-ink-2,#334155);line-height:18px}
.pzsr .pzsr-hint{font-size:11.5px;color:var(--pz-ink-4,#94a3b8);overflow-wrap:anywhere}
.pzsr .pzsr-err{font-size:12.5px;color:var(--pz-due,#b45309);font-weight:600;line-height:18px;overflow-wrap:anywhere}
.pzsr .pzsr-err:empty{display:none}
.pzsr .pzsr-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pzsr .pzsr-prog{font-size:12px;color:var(--pz-ink-3,#64748b)}
.pzsr .formrow input[type=file]{padding:4px 0;border:0;background:transparent;font-size:13px;max-width:100%;min-width:0}

/* the result card */
.pzsr .pzsr-card{margin-top:12px;background:#fff;border:1px solid var(--pz-line,#e2e8f0);border-radius:12px;box-shadow:var(--pz-shadow,0 1px 3px rgba(15,23,42,.06));padding:14px 16px}
.pzsr .pzsr-card-h{padding-bottom:8px;border-bottom:1px solid var(--pz-line,#e2e8f0)}
.pzsr .pzsr-head{font:700 14px/20px var(--pz-font,'Oxygen',system-ui,sans-serif);color:var(--pz-ink,#0f172a);overflow-wrap:anywhere}
.pzsr .pzsr-meta{margin-top:4px;font-size:12px;color:var(--pz-ink-3,#64748b);overflow-wrap:anywhere}
.pzsr .pzsr-meta .pzlink{font-size:12px;margin-left:6px}
.pzsr .pzsr-grp{margin:14px 0 4px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--pz-ink-3,#64748b)}
.pzsr .pzsr-it{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:1px solid var(--pz-line,#e2e8f0)}
.pzsr .pzsr-it:last-of-type{border-bottom:0}
.pzsr .pzsr-it .pzring{margin-top:1px}
.pzsr .pzsr-itb{flex:1;min-width:0}
.pzsr .pzsr-itl{font-size:13px;font-weight:600;color:var(--pz-ink,#0f172a);overflow-wrap:anywhere}
.pzsr .pzsr-itd{font-size:12px;color:var(--pz-ink-3,#64748b);margin-top:1px;overflow-wrap:anywhere}
.pzsr .pzsr-w{font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}
.pzsr .pzsr-w.ok{color:var(--pz-good,#15803d)}
.pzsr .pzsr-w.warn{color:var(--pz-due,#b45309)}
.pzsr .pzsr-w.quiet{color:var(--pz-ink-3,#64748b);font-weight:600}

/* the email */
.pzsr .pzsr-mail{display:grid;gap:8px}
.pzsr .pzsr-mail textarea{min-height:200px;font-size:16px;line-height:1.45;resize:vertical;width:100%;box-sizing:border-box}
.pzsr .pzsr-mail input{font-size:16px;width:100%;box-sizing:border-box}
.pzsr .pzsr-sent{font-size:12.5px}
.pzsr .pzsr-det{margin-top:8px;font-size:12px;color:var(--pz-ink-3,#64748b)}
.pzsr .pzsr-det summary{cursor:pointer}
.pzsr .pzsr-body{margin-top:6px;padding:10px 12px;background:var(--pz-surface-2,#f8fafc);border:1px solid var(--pz-line,#e2e8f0);border-radius:8px;color:var(--pz-ink-2,#334155);line-height:1.5;overflow-wrap:anywhere}

/* earlier checks */
.pzsr .pzsr-hrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--pz-line,#e2e8f0)}
.pzsr .pzsr-hrow:last-child{border-bottom:0}
.pzsr .pzsr-hl{min-width:0;display:flex;flex-direction:column;gap:1px}
.pzsr .pzsr-hf{font-size:12.5px;font-weight:600;color:var(--pz-ink,#0f172a);overflow-wrap:anywhere}

/* the picker chip */
.pzsr-chip{display:inline-flex;align-items:center;gap:5px}
.pzsr-chip .quiet{white-space:nowrap}

@media (max-width:760px){
  .pzsr .pzsr-line{flex-direction:column;align-items:stretch}
  .pzsr .pzsr-line .pzbtn{align-self:flex-start}
  .pzsr .pzsr-actions .pzbtn{flex:1 1 auto}
  .pzsr .pzsr-it{gap:8px}
  .pzsr .pzsr-w{align-self:flex-start}
}