*{box-sizing:border-box} :root{--navy:#123451;--blue:#176b91;--pale:#eaf3f8;--line:#cbd7df;--ink:#1b2b36} body{margin:0;background:#edf1f4;color:var(--ink);font:15px/1.45 Arial,Helvetica,sans-serif;padding:24px}.sheet{max-width:1100px;margin:0 auto;background:#fff;padding:34px 40px;box-shadow:0 8px 32px #0b26351c;border-top:8px solid var(--navy)}.brand{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:18px}.logo{font-size:36px;font-weight:900;letter-spacing:-2px;color:var(--navy)}.logo span{font-size:12px;vertical-align:top}.brandtext{font-size:10px;letter-spacing:1.2px;color:#526979;font-weight:bold}.docflag{margin-left:auto;text-align:right;color:var(--blue);font-size:11px;letter-spacing:1px}.docflag b{font-size:16px}.heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;padding:25px 0 18px}.eyebrow{color:var(--blue);font-size:11px;letter-spacing:1.7px;font-weight:bold;margin:0 0 5px}h1{font-size:28px;line-height:1.15;margin:0;color:var(--navy)}.subtitle{margin:7px 0 0;font-size:17px;font-weight:bold;color:#526979}.meta{display:grid;gap:8px;min-width:210px}.meta label,.receiver label,.full{font-size:12px;color:#506371}.meta input,.receiver input,.full textarea{display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:6px;padding:8px;font:inherit;color:var(--ink);background:white}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.client>div{background:var(--pale);border-left:3px solid var(--blue);padding:12px 14px}.client span,.ref span{display:block;color:#5a7281;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.client strong{display:block;margin-top:4px;font-size:13px}.references,.items,.status{margin-top:23px}h2{font-size:15px;color:var(--navy);margin:0 0 10px}.refgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.ref{border:1px solid var(--line);border-radius:7px;padding:12px;display:flex;flex-direction:column;gap:4px}.ref strong{font-size:16px;color:var(--navy)}.ref small{font-size:12px;color:#5a7281}.ref b{margin-top:4px}.ref.total{background:var(--navy);color:#fff;border-color:var(--navy)}.ref.total span,.ref.total strong,.ref.total small{color:#fff}.instruction{font-size:12px;color:#637582;margin:-4px 0 10px}table{width:100%;border-collapse:collapse;font-size:12px}th{background:var(--navy);color:#fff;text-align:left;padding:10px 8px}td{border-bottom:1px solid var(--line);padding:10px 8px;vertical-align:top}td:first-child,th:first-child{text-align:center;width:68px}td:nth-child(2){white-space:nowrap;color:var(--navy)}td:nth-child(4){text-align:center;width:50px}td:nth-child(5){white-space:nowrap;color:#526979;font-size:11px}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:17px;height:17px;vertical-align:middle}.status{background:#f7fafc;border:1px solid var(--line);padding:16px;border-radius:8px;display:grid;gap:9px}.status label{font-size:13px}.full{display:block;margin-top:4px}.full textarea{resize:vertical}.signature{display:grid;grid-template-columns:1fr 1.25fr;gap:20px;margin-top:22px}.receiver{display:grid;align-content:start;gap:12px}.receiver h2{margin-bottom:0}.signbox{border:1px solid var(--line);border-radius:8px;padding:12px}.signhead{display:flex;justify-content:space-between;align-items:center}.signhead h2{margin:0}canvas{width:100%;height:130px;border:1px dashed #91a7b5;border-radius:5px;display:block;touch-action:none;background:linear-gradient(#fff,#fbfdfe)}.signbox small{font-size:11px;color:#607481}footer{margin-top:24px;border-top:1px solid var(--line);padding-top:12px;font-size:11px;color:#637582}.footerline{display:flex;justify-content:space-between;margin-top:12px;font-weight:bold}.actions{display:flex;align-items:center;gap:10px;margin-top:22px}button{border:0;background:var(--blue);color:white;border-radius:6px;padding:11px 16px;font-weight:bold;cursor:pointer}.secondary{background:#e6eef3;color:var(--navy)}#message{font-size:12px;color:#276749}@media(max-width:700px){body{padding:0}.sheet{padding:20px 15px;box-shadow:none}.heading{display:block}.meta{margin-top:15px;grid-template-columns:1fr 1fr}.grid2,.refgrid,.signature{grid-template-columns:1fr}.brandtext{display:none}h1{font-size:24px}table{font-size:10px}td,th{padding:7px 4px}td:nth-child(5){white-space:normal;font-size:9px}.actions{flex-wrap:wrap}.footerline{display:block}.footerline span{display:block;margin-top:4px}}@media print{@page{size:A4;margin:10mm}body{padding:0;background:white;font-size:11px}.sheet{max-width:none;padding:0;box-shadow:none;border-top:5px solid var(--navy)}.no-print{display:none!important}input,textarea{border:0!important;padding:2px!important}input[type=checkbox],input[type=radio]{print-color-adjust:exact}canvas{border:1px solid #999}.heading{padding:15px 0 12px}h1{font-size:22px}.references,.items,.status{margin-top:14px}.signature{margin-top:14px}footer{margin-top:14px}th{print-color-adjust:exact;-webkit-print-color-adjust:exact}.ref.total{print-color-adjust:exact;-webkit-print-color-adjust:exact}.client>div{print-color-adjust:exact;-webkit-print-color-adjust:exact}tr{break-inside:avoid}}