
:root{--bg:#0e1420;--panel:#1a2637;--b:#33445a;--gold:#e8b95b;--ink:#f7f7fa;--muted:#b8c3d0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px system-ui,Arial}header{background:#131e2c;border-bottom:2px solid var(--gold);padding:12px max(12px,calc((100vw - 1050px)/2));display:flex;align-items:center;gap:14px}header img{height:64px;width:90px;object-fit:contain;background:#fff;border-radius:5px}h1{font-size:20px;margin:0}header small{color:var(--muted)}main{max-width:1050px;margin:auto;padding:16px 12px 60px}.panel{background:var(--panel);border:1px solid var(--b);border-radius:12px;padding:18px;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wide{grid-column:1/-1}label{display:block;color:#d9dfeb;font-size:13px}label input,label select,label textarea{margin-top:5px}input,textarea,select{background:#0d1624;color:var(--ink);border:1px solid #506075;border-radius:7px;padding:11px;width:100%;font:inherit}textarea{min-height:84px}button{border:0;border-radius:7px;padding:11px 14px;background:var(--gold);font:600 14px system-ui;cursor:pointer;color:#151515}button.alt{background:#2c3c51;color:#fff;border:1px solid var(--b)}button.warn{background:#713b37;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.hidden{display:none!important}h2{margin:3px 0 12px;font-size:20px}h3{margin:20px 0 10px;color:var(--gold);font-size:15px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--b);padding:11px 6px}th{font-size:12px;color:var(--muted)}tr.selectable{cursor:pointer}tr.selectable:hover{background:#2b3950}.tag{padding:4px 8px;border-radius:12px;background:#34445b;font-size:12px}.alert{padding:12px;border:1px solid #a37f42;background:#44351e;border-radius:9px}.sig{height:180px;width:100%;background:white;border-radius:8px;touch-action:none}.photo{width:120px;height:105px;object-fit:cover;border-radius:7px;margin:5px}.report{background:white;color:#111;padding:16px;font:12px Arial}.report h2{font-size:22px}.report table td,.report table th{border:1px solid #ccc;padding:6px}.report .signature{height:90px;max-width:300px;object-fit:contain}.report .photo{width:auto;max-width:160px;max-height:120px}.onlyprint{display:none}.note{font-size:12px;color:var(--muted)}.report p{white-space:pre-wrap}@media(max-width:650px){.grid{grid-template-columns:1fr}.wide{grid-column:1}header h1{font-size:16px}.panel{padding:12px}th,td{font-size:12px}}@media print{@page{size:letter;margin:11mm}header,main{display:none!important}.onlyprint{display:block!important}.report{padding:0}.report section{break-inside:avoid}}



@media print{
 @page{size:letter;margin:0.35in}
 body{background:white!important;color:#111!important}header,main{display:none!important}#printArea{display:block!important;padding:0!important;margin:0!important}
 .customerform{font:11px Arial,sans-serif!important;color:#111!important;background:#fff;break-inside:avoid}
 .printheader{display:flex;align-items:center;background:#15191d!important;color:white!important;padding:13px;gap:14px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .printlogo{width:72px;height:72px;object-fit:contain}.printbrand{flex:1}.printbrand strong{display:block;font-size:19px}.printbrand small{display:block;font-size:9px;margin-top:8px;line-height:1.5}
 .printnumber{background:#dba82e!important;color:#111!important;padding:9px;font-weight:bold;white-space:nowrap;-webkit-print-color-adjust:exact;print-color-adjust:exact}.printnumber b{background:#fff;padding:6px;font-size:14px}
 .printbody{padding:14px}.printgrid{display:grid;gap:14px;margin:10px 0}.printgrid.two{grid-template-columns:1fr 1fr}.printgrid.three{grid-template-columns:repeat(3,1fr)}
 .printfield{margin:12px 0 13px}.printfield small{display:block;color:#425063;font-weight:bold;font-size:9px;text-transform:uppercase}.printfield div{padding:7px 4px 5px;min-height:23px;border-bottom:1px solid #d4d9dd;white-space:pre-wrap;overflow-wrap:anywhere}
 .printbar{font-weight:bold;font-size:12px;background:#15191d!important;color:white!important;padding:7px 10px;margin:13px 0 8px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .printchecks{line-height:1.9;margin:8px 0}.printnotes{white-space:pre-wrap;min-height:55px;border-bottom:1px solid #d4d9dd;overflow-wrap:anywhere;padding:7px 4px}.sigbox{height:70px;border-bottom:1px solid #ddd}.sigbox img{height:65px;max-width:230px;object-fit:contain}.printfoot{font-size:9px;color:#555;border-bottom:8px solid #dba82e;padding:10px}
}

.staffrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #ddd}.staffrow .row{flex-wrap:wrap}.staffrow button{font-size:.83rem;padding:8px 10px}@media(max-width:650px){.staffrow{display:block}.staffrow .row{margin-top:8px}}
