/* Print preview + printable Complaint Form (FO-AO-08) / Request Form (FO-AO-10)
   Paper: Letter / "short bond" 8.5 x 11 in. Layout follows the Excel forms. */

/* ---------- on-screen preview overlay ---------- */
#print-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(18,32,46,.78);flex-direction:column}
#print-overlay.open{display:flex}
.pv-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 16px;background:#12202E;color:#fff}
.pv-toolbar .pv-title{flex:1 1 280px;min-width:0}
.pv-toolbar h2{margin:0;font-size:16px;color:#fff}
.pv-toolbar .pv-sub{font-size:12px;opacity:.8;margin-top:2px}
.pv-toolbar label{display:flex;align-items:center;gap:6px;margin:0;color:#fff;font-size:12px}
.pv-toolbar select{width:auto;padding:6px 8px}
.pv-stage{flex:1;overflow:auto;padding:18px;display:flex;justify-content:center;align-items:flex-start}
.pv-box{flex:none;position:relative}
.pv-page{width:8.5in;height:11in;padding:.25in;box-sizing:border-box;background:#fff;box-shadow:0 6px 28px rgba(0,0,0,.45);transform-origin:0 0;overflow:hidden}
.pv-sheet{width:8in;height:10.5in;position:relative}
.pv-slot{position:relative;overflow:hidden;height:5.25in}
.pv-sheet.one .pv-slot{height:10.5in}
.pv-sheet.two .pv-slot:first-child{border-bottom:1.5px dashed #777}
.pv-sheet.two .pv-slot:last-child{padding-top:6px}
.pv-sheet.two .pv-slot:first-child .pf{margin-top:0}

/* ---------- the form ---------- */
.pf{transform-origin:0 0;width:8in;box-sizing:border-box;border:1.5px solid #000;background:#fff;color:#000;
  font:11px/1.25 Arial,Helvetica,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.pf-hdr{display:block;width:100%;height:auto;border-bottom:1.5px solid #000}
.pf-doc{display:flex;justify-content:space-between;gap:8px;padding:3px 8px;font-size:11px}
.pf-title{text-align:center;font-weight:700;font-size:17px;padding:0 0 2px}
.pf-ctl{text-align:right;font-style:italic;font-weight:700;padding:0 10px 3px;font-size:11.5px}
.pf-ctl span.pf-ctlv{font-style:normal;font-family:'IBM Plex Mono',Consolas,monospace;font-size:12px}
.pf-body{padding:2px 10px 6px}
.pf-row{display:flex;align-items:flex-end;gap:6px;margin-top:5px}
.pf-l{font-weight:700;white-space:nowrap}
.pf-v{flex:1 1 0;min-width:0;border-bottom:1px solid #000;min-height:14px;padding:0 3px;font-weight:600;overflow-wrap:anywhere}
.pf-v.f2{flex-grow:2}.pf-v.f3{flex-grow:3}.pf-v.f15{flex-grow:1.5}.pf-v.f07{flex-grow:.7}.pf-v.sm{flex-grow:.55}
.pf-v.wrap{white-space:normal}
.pf-ap{white-space:nowrap;font-weight:700;margin-right:4px}
.pf-ap b{display:inline-block;min-width:1.7em;text-align:center;font-weight:700}
.pf-ap b.sel{border:1.2px solid #000;border-radius:50%;padding:0 1px}
.pf-ap i{font-style:normal;font-weight:400}
.pf-nature{font-weight:700;font-size:12px;margin:8px 0 2px;border-top:1px solid #000;padding-top:4px}
.pf-cols{display:grid;gap:2px 12px;align-items:start}
.pf-cols.c3{grid-template-columns:1.25fr 1fr 1.25fr}
.pf-cols.c2{grid-template-columns:1.5fr 1fr}
.pf-grp{margin-bottom:3px}
.pf-gh{font-weight:700;margin:1px 0 1px}
.pf-items{display:grid;grid-template-columns:1fr;gap:1px 8px}
.pf-items.two{grid-template-columns:auto auto;justify-content:start}
.pf-cb{display:flex;align-items:flex-start;gap:5px;padding-left:2px}
.pf-box{flex:none;width:11px;height:11px;border:1.3px solid #000;border-radius:2px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.pf-box svg{width:10px;height:10px;display:block}
.pf-cb.on .pf-lbl{font-weight:700}
.pf-op{display:inline-block;min-width:130px;border-bottom:1px solid #000;font-weight:700;padding:0 3px}
.pf-travel{display:grid;grid-template-columns:1.6fr 1fr;gap:0 18px}
.pf-trl{display:flex;align-items:flex-end;gap:6px;margin-top:5px}
.pf-trl .pf-l.it{font-style:italic;font-weight:700}
.pf-time{display:inline-block;min-width:44px;text-align:center;border-bottom:1px solid #000;font-weight:600;min-height:14px}

/* ---------- printing ---------- */
@media print{
  html,body{background:#fff!important;margin:0!important;padding:0!important;min-height:0!important}
  body.print-open > *:not(#print-overlay){display:none!important}
  body.print-open{visibility:visible!important}
  #print-overlay{position:static!important;display:block!important;background:none!important;inset:auto!important}
  .pv-toolbar{display:none!important}
  .pv-stage{display:block!important;padding:0!important;overflow:visible!important}
  .pv-box{width:auto!important;height:auto!important}
  .pv-page{transform:none!important;box-shadow:none!important;padding:0!important;width:8in!important;height:10.45in!important;overflow:hidden!important}
  .pv-sheet{height:10.45in!important}
  .pv-sheet.two .pv-slot{height:5.2in!important}
  .pv-sheet.one .pv-slot{height:10.4in!important}
}