*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#182331;font-family:Arial,sans-serif;font-size:14px}.top{height:82px;background:white;border-bottom:1px solid #e1e5e9;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:10px;color:#7b8592;letter-spacing:3px;margin-top:6px}.mark{display:grid;place-items:center;background:#e43d37;color:white;border-radius:11px;width:40px;height:43px;font-size:27px}.local{color:#53685a;font-size:12px}main{max-width:1400px;padding:38px 40px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#bd4943}h1{font-size:32px;letter-spacing:-1px;margin:10px 0}p{color:#6b7684;line-height:1.6}h2{font-size:17px;margin:0}.workspace{display:grid;grid-template-columns:minmax(440px,1.2fr) minmax(400px,1fr);gap:30px}article{background:white;border:1px solid #e1e5e9;border-radius:13px;padding:24px;margin-bottom:18px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-title>span{font-size:11px;color:#a65c57;background:#fff0ee;padding:8px;border-radius:7px}.section-title button{margin-left:auto}.upload{border:1px dashed #d9a19d;background:#fffafa;border-radius:9px;padding:24px;display:flex;align-items:center;flex-direction:column;gap:10px;cursor:pointer}.upload strong{color:#cb3932}.upload span{font-size:12px;color:#85909b}.upload input{margin-top:5px;max-width:100%;font-size:12px}#status{font-size:12px}details{margin:17px 0}summary{cursor:pointer;color:#626d7b;font-size:12px}textarea{width:100%;margin:12px 0;resize:vertical}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:17px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#505d6d}input,select,textarea{font:inherit;color:#263343;padding:10px;border:1px solid #dce1e6;border-radius:6px;background:white;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #f2b6b1;outline-offset:1px}button{cursor:pointer;font:inherit;font-weight:600;border-radius:6px;padding:10px 14px;border:0}.secondary{background:white;border:1px solid #dce1e6;color:#475566}.primary{background:#dc3d35;color:white}.text-button{color:#b4423b;background:transparent;padding:6px;font-size:12px}.hint{font-size:12px;margin-top:0}.item{padding:17px;background:#f8f9fb;border:1px solid #e5e8ed;border-radius:8px;margin-top:12px}.item-head{display:flex;justify-content:space-between;align-items:center}.item .grid{gap:12px}.check{display:flex;flex-direction:row;align-items:center;line-height:1.5;margin-bottom:14px}.actions{display:flex;gap:8px;flex-wrap:wrap}.restore{margin-top:18px;font-size:11px;flex-direction:row;align-items:center}.restore input{padding:3px;max-width:220px}aside{background:#e9edf1;border-radius:13px;padding:24px;align-self:start;position:sticky;top:20px}.preview-head{display:flex;justify-content:space-between;align-items:center}.preview-head h2{margin-top:8px}.badge{font-size:11px;border:1px solid #ccd4dc;border-radius:20px;padding:7px 10px}.preview-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:18px 0;font-size:12px}.preview-note{text-align:center;font-size:11px}#preview{display:flex;justify-content:center;overflow:auto;padding:4px}.label{width:100mm;height:150mm;background:white;border:0.6mm solid black;color:black;padding:5mm;font-family:Arial,sans-serif;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.label-top{display:flex;gap:2mm;align-items:center}.logo{position:relative;overflow:hidden;width:22mm;height:20mm;flex-shrink:0}.logo img{position:absolute;width:128mm;max-width:none;left:-8mm;top:-7mm}.company{flex:1;text-align:right}.job{display:flex;justify-content:flex-end;align-items:center;gap:2mm;font-size:2.8mm;margin-bottom:3mm}.job b{border:0.4mm solid black;min-width:22mm;min-height:7mm;padding:1mm;overflow-wrap:anywhere}.company small{font-size:2.5mm}.company h3{font-size:4.1mm;color:#ee3436;margin:1mm 0;line-height:1.2}.address{font-size:2.6mm;line-height:1.5;margin:4mm 0 2mm}.contacts{font-size:2.5mm;font-weight:bold;line-height:1.7}.meta{font-size:2.6mm;line-height:1.5;margin:3mm 0;overflow-wrap:anywhere}.label table{border-collapse:collapse;width:100%;table-layout:fixed;flex:1}.label th,.label td{border:0.4mm solid black;text-align:left;padding:2mm;font-size:3mm;overflow-wrap:anywhere;line-height:1.25}.label th{width:50%;font-size:2.9mm}.label .hydro th{text-align:center;font-size:2.7mm}.label .hydro-values td{text-align:center;height:12mm}.label footer{font-size:3mm;text-align:center;color:#ee3436;line-height:1.5;margin-top:4mm;font-weight:bold}#printArea{display:none}@media(max-width:1000px){.workspace{grid-template-columns:1fr}aside{position:static}.heading{gap:20px}main{padding:25px 16px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.heading{display:block}.heading button{margin-top:12px}article,aside{padding:14px}h1{font-size:27px}#preview{justify-content:flex-start}.local{display:none}}@page{size:100mm 150mm;margin:0}@media print{html,body{margin:0;padding:0;background:white}body>header,body>main{display:none!important}#printArea{display:block}.label{margin:0;break-after:page;page-break-after:always}.label:last-child{break-after:auto;page-break-after:auto}}

dialog{border:1px solid #dce1e6;border-radius:12px;padding:24px;max-width:440px}dialog::backdrop{background:#18233166}dialog button{margin:8px 8px 0 0}

.label td{text-align:center;font-weight:700}

.format-comparison{max-width:none;width:100vw;height:100vh;max-height:none;margin:0;border:0;border-radius:0;padding:24px;background:#edf0f3;color:#182331;overflow:auto}
.comparison-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.comparison-top h1{font-size:28px}.comparison-top p{margin:8px 0}.comparison-toolbar{display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:white;padding:14px 18px;border-radius:10px;margin-top:14px}.comparison-toolbar>span{color:#687482;font-size:12px}.comparison-toolbar .check{margin:0}.comparison-toolbar label:first-child{min-width:230px}.comparison-choice{font-size:13px;font-weight:bold;color:#344355;margin:15px 0}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(388px,1fr));gap:16px;align-items:start}.format-card{background:#fff;border:2px solid transparent;border-radius:12px;padding:12px;min-width:0}.format-card.chosen{border-color:#cf3b33;background:#fff8f6}.format-caption{padding:3px 6px 12px}.format-caption p{margin:6px 0;font-size:13px}.format-caption small{color:#6c7784;font-size:11px}.format-card>button{display:block;width:100%;margin:14px 0 0}.format-sheet{display:flex;justify-content:center;overflow:hidden}.format-sheet .label{padding:4mm;border-width:.5mm}.format-sheet .company h3,.format-sheet .label footer{color:#000}.format-sheet .logo img{filter:grayscale(1) contrast(1.7)}.format-sheet .address{font-size:2.9mm;line-height:1.3;margin:3mm 0 2mm}.format-sheet .contacts{font-size:2.9mm;line-height:1.4}.format-sheet .meta{font-size:3mm;line-height:1.35;margin:2.5mm 0}.format-sheet .company small{font-size:2.7mm}.format-sheet .label footer{font-size:3.4mm;line-height:1.3;margin-top:3mm}.format-sheet .label th{font-size:3.2mm;width:46%;padding:1.6mm}.format-sheet .label td{font-size:4mm;padding:1.6mm;font-weight:700;text-align:center}.format-sheet .label .hydro th{font-size:3mm}.format-sheet .label .hydro-values td{font-size:3.7mm;height:11mm}.large-data .label td{font-size:5.6mm;line-height:1.15}.large-data .label tr:last-child td{font-size:4.2mm}.large-data .label .hydro-values td{font-size:3.9mm}.large-data .address{font-size:2.7mm}.large-data .meta{font-size:2.9mm}.high-contrast .label{border-width:.8mm}.high-contrast .label td,.high-contrast .label th{border-width:.6mm}.high-contrast .label td{font-size:4.8mm}.high-contrast .label th{font-size:3.4mm}.high-contrast .address,.high-contrast .meta{font-weight:700}.high-contrast .label .hydro-values td{font-size:3.9mm}.high-contrast .label .hydro th{font-size:3mm}
@media(max-width:800px){.comparison-top{align-items:start}.comparison-grid{grid-template-columns:1fr}.format-comparison{padding:12px}.format-sheet{overflow:auto;justify-content:center}}
@media print{.format-comparison{display:none!important}}

@media(min-width:650px){.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.format-card{padding:9px}.format-caption h2{font-size:16px}.format-card>button{font-size:12px}}

/* Approved Balanced format: shared by live preview and printing. */
:is(#preview,#printArea,.print-proof) .label{padding:4mm;border-width:.5mm}:is(#preview,#printArea,.print-proof) .company h3,:is(#preview,#printArea,.print-proof) .label footer{color:#000}:is(#preview,#printArea,.print-proof) .logo img{filter:grayscale(1) contrast(1.7)}:is(#preview,#printArea,.print-proof) .address{font-size:2.9mm;line-height:1.3;margin:3mm 0 2mm}:is(#preview,#printArea,.print-proof) .contacts{font-size:2.9mm;line-height:1.4}:is(#preview,#printArea,.print-proof) .meta{font-size:3mm;line-height:1.35;margin:2.5mm 0}:is(#preview,#printArea,.print-proof) .company small{font-size:2.7mm}:is(#preview,#printArea,.print-proof) .label footer{font-size:3.4mm;line-height:1.3;margin-top:3mm}:is(#preview,#printArea,.print-proof) .label th{font-size:3.2mm;width:46%;padding:1.6mm}:is(#preview,#printArea,.print-proof) .label td{font-size:4mm;padding:1.6mm;font-weight:700;text-align:center}:is(#preview,#printArea,.print-proof) .label .hydro th{font-size:3mm}:is(#preview,#printArea,.print-proof) .label .hydro-values td{font-size:3.7mm;height:11mm}
body.print-proof{margin:0;padding:0;background:white;width:max-content}body.print-proof>.label{zoom:2.1145833333333333;margin:0}

.qr-block{display:flex;align-items:center;gap:3mm;margin-top:2mm;flex-shrink:0;height:24mm}.qr-block img,.qr-pending{width:24mm;height:24mm;flex-shrink:0;image-rendering:pixelated}.qr-pending{border:1px dashed #888;display:grid;place-content:center;text-align:center;font-size:2.5mm}.qr-block>div:last-child{font-size:2.6mm;line-height:1.4}.qr-block span,.qr-block strong{display:block}.qr-block strong{font-size:2.4mm;word-spacing:1mm}.qr-label .meta{overflow-wrap:anywhere}:is(#preview,#printArea,.print-proof) .qr-label .address{margin:1.5mm 0 1mm;font-size:2.7mm}:is(#preview,#printArea,.print-proof) .qr-label .meta{margin:1.5mm 0;font-size:2.7mm}:is(#preview,#printArea,.print-proof) .qr-label footer{margin-top:1.5mm;font-size:2.9mm}:is(#preview,#printArea,.print-proof) .qr-label .hydro-values td{height:7mm}:is(#preview,#printArea,.print-proof) .qr-label th,:is(#preview,#printArea,.print-proof) .qr-label td{padding:1mm}.qr-label .job{margin-bottom:1.5mm}.record-result{padding:14px 0;border-bottom:1px solid #ddd}.record-result p{margin:6px 0;font-size:12px}.record-result button{font-size:11px;margin:5px}.asset-input{margin-top:14px}.asset-input textarea{font-size:11px}.staff-dialog{width:min(440px,95vw)}.staff-dialog label{margin-top:14px}.online-records #recordQuery{flex:1;min-width:180px}
.reference-final .ref-head{display:grid;grid-template-columns:minmax(0,1fr) 33mm;gap:2mm;min-height:49mm;align-items:start;flex-shrink:0}
.reference-final .logo{width:22mm;height:18mm;margin-bottom:1mm}
.reference-final .ref-tagline{font-size:2.5mm;line-height:1.3;margin:1mm 0}
.reference-final .ref-company{font-size:3.8mm;font-weight:900;line-height:1.1;margin:1mm 0 3mm}
.reference-final .ref-address{font-size:2.6mm;line-height:1.35;margin:2mm 0}
.reference-final .ref-contact{font-size:2.6mm;line-height:1.4;font-weight:bold}
.reference-final .ref-job{font-size:2.6mm;display:flex;align-items:center;gap:1mm;margin:1mm 0 3mm;white-space:nowrap}
.reference-final .ref-job b{border:.3mm solid black;padding:1.1mm;flex:1;text-align:center;white-space:normal;overflow-wrap:anywhere}
.reference-final .ref-qr{display:block;width:32mm;height:32mm;margin:auto;image-rendering:pixelated}
.reference-final .ref-pending{border:1px dashed #888;text-align:center;display:grid;place-content:center;font-size:2.5mm}
.reference-final .ref-scan{text-align:center;font-size:2mm;line-height:1.3;font-weight:bold}
.reference-final .ref-id{font-size:2.1mm;text-align:center;border-top:.3mm solid black;padding-top:1.4mm;margin:2mm 0;overflow-wrap:anywhere;flex-shrink:0}
.reference-final .ref-invoice{font-size:2.6mm;line-height:1.35;margin:0 0 2mm;overflow-wrap:anywhere;flex-shrink:0}
:is(#preview,#printArea,.online-proof) .reference-final{padding:4mm;border:.45mm solid black}
:is(#preview,#printArea,.online-proof) .reference-final th,:is(#preview,#printArea,.online-proof) .reference-final td{border:.35mm solid black;padding:1.2mm;line-height:1.2}
:is(#preview,#printArea,.online-proof) .reference-final th{font-size:3mm;width:48%}
:is(#preview,#printArea,.online-proof) .reference-final td{font-size:4mm;text-align:center;font-weight:800}
:is(#preview,#printArea,.online-proof) .reference-final .hydro th{font-size:2.8mm;text-align:center}
:is(#preview,#printArea,.online-proof) .reference-final .hydro-values td{font-size:3.5mm;height:auto}
:is(#preview,#printArea,.online-proof) .reference-final footer{font-size:2.9mm;font-weight:bold;line-height:1.35;margin-top:0;padding-top:3mm;color:black;flex-shrink:0}
.online-proof{margin:0;background:white;width:max-content}.online-proof>.label{zoom:2.1145833333333333;margin:0}.online-proof .logo img{filter:grayscale(1) contrast(1.7)}