/* The shared site chrome and proven photo/signature panels retain their own styles. */
.inspection{margin:0;background:#f5f6f0;color:#263b30;font:16px/1.55 Arial,Helvetica,sans-serif}.inspection *{box-sizing:border-box}.inspection [hidden]{display:none!important}.inspection main.shell{width:min(1180px,calc(100% - 64px));max-width:none;margin:0 auto;padding:0 0 48px}.inspection .crumb{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:22px 0;font-size:14px}.inspection .hero{padding:12px 0 20px;background:none;border:0;box-shadow:none}.inspection .hero h1{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:8px 0 14px}.inspection .eyebrow{font-size:12px;letter-spacing:.12em;color:#60755d;font-weight:700}.inspection .intro{max-width:700px;margin:0;font-size:18px}.inspection button,.inspection summary{cursor:pointer}.inspection button{width:auto;min-height:44px;border-radius:9px;padding:10px 17px;background:#28543f;border:1px solid #28543f;color:#fff;font:600 16px/1.3 Arial}.inspection button.secondary,.inspection button.quiet{background:#fff;color:#28543f;border:1px solid #c5d3c0}.inspection button.quiet{border-color:transparent}.inspection button:disabled{cursor:default;opacity:.45}.inspection button:focus-visible,.inspection summary:focus-visible,.inspection [data-edit]:focus-visible{outline:3px solid #a76c24;outline-offset:3px}.inspection input,.inspection textarea,.inspection select{font:16px/1.4 Arial;width:100%;min-height:46px;border:1px solid #b7c6b3;border-radius:8px;padding:10px;background:#fff;color:#233e2c}.inspection textarea{resize:vertical}.inspection label{font-size:16px;display:block;margin-bottom:5px}.inspection .small{font-size:14px;color:#657263}.inspection-controls,.inspection-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inspection-controls{justify-content:space-between;margin:0 0 12px}.phase-switch{display:flex;gap:4px;background:#e9eee4;border-radius:12px;padding:4px}.phase-switch button{background:transparent;color:#31513a;border-color:transparent}.phase-switch button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #243d2418;border-color:#b5c5ae}.inspection-toolbar{position:relative;padding:12px;background:#e9eee4;border-radius:12px}.inspection-toolbar details{margin:0;border:0;background:transparent;position:relative}.inspection-toolbar summary{padding:10px 14px;min-height:44px;background:#fff;border:1px solid #c5d3c0;border-radius:9px;font-weight:600}.options-body{position:absolute;z-index:5;top:54px;left:0;width:360px;max-width:calc(100vw - 44px);padding:18px;border:1px solid #bfcdb8;background:#fff;border-radius:12px;box-shadow:0 10px 30px #223e2430}.option-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.option-buttons button{font-size:14px;background:#f4f6ef;color:#28543f;border:1px solid #d5dfcf}.option-buttons button.danger{color:#92382c}.options-body select{max-width:180px}.inspection #save-status{font-size:13px;color:#647760;margin-left:auto}.inspection #feedback:empty,.inspection #phase-help:empty{display:none}.inspection #feedback{color:#365b3e}.inspection #restore-banner{padding:14px;background:#fff6df;border-radius:10px;margin:12px 0}
.inspection #document-workspace{padding:0;border:0;background:transparent;box-shadow:none;margin:18px 0 0}.inspection #document-viewport{padding:0;border:0;background:transparent;overflow:hidden;position:relative}.inspection #reading-copy{width:100%;max-width:none;margin:0;padding:32px 40px;border:1px solid #d8dfd2;background:#fff;border-radius:12px;color:#22372c;font-size:17px;line-height:1.55}.inspection #paper-space{margin:0 auto;position:relative}.inspection #print-copy{display:block;width:816px;position:relative;transform-origin:top left;margin:0;padding:0;font:16px/1.45 Arial;color:#20352a;box-shadow:none}.inspection #print-copy[data-paper=a4]{width:794px}.inspection .document-page{position:relative;display:block;width:816px;height:1056px;padding:42px 44px;background:#fff;overflow:hidden;box-shadow:0 2px 10px #253f2018;margin:0 0 18px;break-after:page}.inspection #print-copy[data-paper=a4] .document-page{width:794px;height:1123px}.inspection .paper-content{height:928px;overflow:hidden}.inspection #print-copy[data-paper=a4] .paper-content{height:995px}.inspection .page-footer{position:absolute;left:44px;right:44px;bottom:28px;border-top:1px solid #d8dfd2;padding-top:8px;font-size:11px;color:#687565}.inspection [data-edit]{cursor:pointer;border-radius:4px;transition:background .15s}.inspection [data-edit]:hover{background:#f4f8f0;outline:1px dashed #77926a}.inspection .report-heading{margin-bottom:16px;border-bottom:2px solid #2f5840;padding-bottom:15px}.inspection .report-heading h2{font-size:27px;line-height:1.2;margin:3px 0 12px}.inspection .report-heading p{margin:3px 0;overflow-wrap:anywhere}.inspection .report-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#60755d}.inspection .report-people{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 18px}.inspection .report-field strong{display:block;color:#62705f;font-size:13px}.inspection .report-field div{overflow-wrap:anywhere}.inspection .areas-line{display:flex;gap:15px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #d4dfce;margin:0 0 10px}.inspection .areas-line span{font-size:13px;color:#647760}.inspection .room-title{margin:18px 0 0;padding:8px 10px;background:#edf2e8;font-size:18px;line-height:1.3}.inspection .condition-row{display:flex;align-items:flex-start;gap:16px;padding:9px 10px;border-bottom:1px solid #e4eadf;break-inside:avoid;overflow-wrap:anywhere}.inspection .item-label{flex:0 0 27%;font-size:14px;line-height:1.5}.inspection .condition-cell{flex:1;min-width:0;font-size:14px;line-height:1.5}.inspection .condition-cell p{margin:4px 0 0;white-space:pre-wrap}.inspection .cell-label{display:block;font-size:11px;color:#65745f}.inspection .state-unchecked,.inspection .state-na{color:#717b6b;font-weight:400}.inspection .state-issue{color:#91452c}.inspection .state-good{color:#31543c}.inspection .baseline-note{font-size:13px;margin:0 0 14px}.inspection .photo-prompt{padding:10px;margin:8px 0 14px;border:1px dashed #b9cbb1;color:#4f6c45;text-align:center;font-size:14px}.inspection .print-photo{position:relative;width:100%;margin:16px 0;padding:0;break-inside:avoid}.inspection .print-photo img{width:100%;height:300px;object-fit:contain;object-position:left center;display:block}.inspection .print-photo figcaption{font-size:13px;font-weight:600;padding:0 0 8px}.inspection .signature-record{margin:20px 0 0;border-top:1px solid #ccd6c6;padding:12px 0 0;break-inside:avoid}.inspection .signature-record h3{font-size:16px;margin:0 0 8px}.inspection .print-signature{height:94px;min-height:94px;display:flex;align-items:center;max-width:none;position:relative;margin:0;padding:0}.inspection .print-signature img{width:360px;max-width:100%;height:94px;object-fit:contain;object-position:left center}.inspection .print-signature .typed-print{font:italic 36px Georgia,serif;overflow-wrap:anywhere;line-height:1.15;max-width:100%}.inspection .typed-print[data-style=script]{font-family:'Segoe Script','Brush Script MT',cursive}.inspection .typed-print[data-style=simple]{font-family:Arial;font-style:normal}.inspection .signer-line{font-size:13px;margin:5px 0}.inspection .remarks{margin:14px 0;white-space:pre-wrap;overflow-wrap:anywhere}.inspection .remarks h3{font-size:16px;margin:0 0 5px}.inspection .remarks p{margin:0;font-size:14px}.inspection .inspection-export{padding:18px 20px;background:#e8eee1;border:1px solid #cfdbc7;border-radius:12px;margin-top:12px}.inspection .inspection-export p{margin:0 0 10px}.inspection .export-buttons{display:flex;gap:10px;margin:10px 0}.inspection #page-count{font-size:13px;color:#617358}
.inspection dialog{position:fixed;margin:auto;inset:0;transform:none;max-height:calc(100dvh - 28px);overflow-y:auto;border:1px solid #b8c8b0;border-radius:16px;padding:22px;width:min(660px,calc(100% - 24px));box-shadow:0 20px 70px #192b2850;background:#fff;color:#253d2c}.inspection dialog::backdrop{background:#172a255e}.inspection dialog .dialog-top{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 0 18px}.inspection .dialog-top h2{font-size:25px;line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.inspection .dialog-actions{display:flex;gap:8px;flex-shrink:0}.inspection .close-button{width:44px;height:44px;min-width:44px;padding:0;border:1px solid #c5d3c0;border-radius:50%;font-size:26px;background:#fff;color:#31543b}.inspection .editor-input{margin:0 0 16px}.inspection .editor-end{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid #dae3d2}.inspection .editor-end #previous{margin-right:auto}.inspection .area-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end;padding:10px 0;border-bottom:1px solid #dfe5da}.inspection .area-row .editor-input{margin:0}.inspection .area-row label{font-size:12px}.inspection .area-add{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.inspection .area-add select{flex-basis:100%}.inspection .custom-area button,.inspection .custom-item button{margin:8px 0 0}.inspection .item-editor{padding:16px 0;border-bottom:1px solid #dce4d5}.inspection .item-editor h3{font-size:18px;margin:0 0 12px}.inspection .condition-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.inspection .condition-choices button{padding:9px 5px;font-size:14px;font-weight:400}.inspection .condition-choices button[aria-pressed=true]{background:#28543f;color:#fff;border-color:#28543f}.inspection .custom-item{margin-top:22px}.inspection .room-photo-button{margin-top:22px;width:100%}.inspection #signature-dialog .signature-mode input{min-height:0}.inspection #signature-dialog .signature-styles button{padding:10px 6px}.inspection #signature-dialog .signature-top-actions{gap:8px}.inspection #signature-dialog #close-signature{width:44px;min-width:44px;padding:10px}.inspection #signature-dialog .signature-details{gap:15px}.inspection #signature-dialog .signature-finish{display:flex;gap:10px;justify-content:space-between}.inspection #signature-dialog #pen-width{width:100%;min-width:0}.inspection #signature-dialog #signature-canvas{width:100%}.inspection #photos-dialog .photo-source-actions{gap:8px}.inspection #photos-dialog .simple-photo-picker p{font-size:14px}.inspection #photos-dialog #photo-list img{object-fit:contain}.inspection #photos-dialog #photo-list{margin:0}.inspection #signature-dialog #typed-signature{font-size:20px}
.inspection-guide{margin:48px auto 0;max-width:1000px;padding-top:25px;border-top:1px solid #d0daca}.inspection-guide h2{font-size:28px;line-height:1.25}.inspection-guide h3{font-size:21px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.guide-grid article{padding:22px;border:1px solid #dbe3d4;border-radius:12px;background:#fff}.guide-grid h3{margin-top:0}.inspection-guide details{background:#fff;padding:15px 18px;margin:10px 0;border:1px solid #d5dfcf;border-radius:10px}.inspection-guide summary{font-weight:600}.inspection-guide p{line-height:1.65}.inspection .related{padding:18px;background:#e9eee4;border-radius:12px}
@media(max-width:760px){.inspection main.shell{width:calc(100% - 36px)}.inspection .crumb{font-size:12px;gap:5px;margin:16px 0}.inspection .hero{padding:4px 0 20px}.inspection .intro{font-size:16px}.inspection #reading-copy{padding:22px 18px;font-size:16px}.inspection .guide-grid{grid-template-columns:1fr}.inspection .report-people{gap:14px}.inspection .report-heading h2{font-size:24px}.inspection #reading-copy .condition-row{display:block;padding:12px 0}.inspection #reading-copy .item-label{display:block;font-size:16px;margin-bottom:6px}.inspection #reading-copy .condition-cell{font-size:16px;padding:4px 0}.inspection #reading-copy .cell-label{font-size:12px}.inspection #reading-copy .print-photo img{height:auto;max-height:360px}.inspection #reading-copy .remarks p{font-size:16px}.inspection .inspection-export{padding:16px}.inspection .export-buttons button{flex:1;padding:12px 8px}.inspection #save-status{width:100%;margin:0}.inspection #save-status:empty{display:none}.inspection .options-body{left:auto;right:0}.inspection .inspection-guide{margin-top:36px}.inspection dialog{padding:18px}.inspection .condition-choices{grid-template-columns:repeat(2,1fr)}.inspection .condition-choices button{font-size:16px}.inspection .area-row{grid-template-columns:minmax(0,1fr) auto}.inspection .area-row .editor-input{grid-column:1/-1}.inspection .area-row button{font-size:14px}.inspection .signature-toolbar{flex-wrap:wrap;gap:12px}.inspection .pen-control{width:180px}.inspection #signature-dialog .signature-styles{gap:5px}.inspection #signature-dialog .signature-styles button{font-size:13px}.inspection #signature-dialog .style-sample{font-size:17px}.inspection .dialog-top h2{font-size:23px}.inspection .editor-end button{font-size:14px;padding:10px}.inspection .inspection-controls #areas-button{font-size:14px;padding:10px}.inspection .phase-switch button{font-size:14px;padding:10px}}
@media(max-width:360px){.inspection main.shell{width:calc(100% - 24px)}.inspection #reading-copy{padding:18px 13px}.inspection .signature-toolbar .pen-control{width:100%}.inspection .inspection-toolbar{padding:8px;gap:6px}.inspection .inspection-toolbar>button,.inspection .inspection-toolbar summary{font-size:14px;padding:10px}.inspection .dialog-top{flex-wrap:wrap}.inspection #signature-dialog>.dialog-top{flex-wrap:nowrap}.inspection #signature-dialog>.dialog-top h2{font-size:18px}}
@media print{.inspection{background:#fff}.inspection body{margin:0}.inspection main.shell,.inspection #document-workspace,.inspection #document-viewport,.inspection #paper-space,.inspection #print-copy{width:auto!important;margin:0!important;padding:0!important;overflow:visible!important;display:block!important;transform:none!important;height:auto!important}.inspection main>*:not(#document-workspace),.inspection #repair-site-header,.inspection #repair-site-footer,.inspection .skip,.inspection dialog,.inspection #reading-copy{display:none!important}.inspection .document-page{box-shadow:none;margin:0;break-after:page}.inspection .document-page:last-child{break-after:auto}.inspection [data-edit]{background:initial;outline:0!important}.inspection .ui-only{visibility:hidden!important}.inspection .room-title{background:#edf2e8!important;print-color-adjust:exact}}
.inspection #document-workspace[data-view=reading] #paper-space{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}.inspection #document-workspace[data-view=pdf] #paper-space{position:relative;visibility:visible}@media print{.inspection #document-workspace[data-view=reading] #paper-space{position:relative!important;visibility:visible!important;pointer-events:auto!important}}
.inspection .skip{position:absolute;left:12px;top:-80px;padding:12px;background:white;z-index:30}.inspection .skip:focus{top:12px}.inspection a{color:#28543f;text-underline-offset:3px}.inspection .hero h1{font-family:Georgia,serif;font-weight:500}.inspection .panel-dialog>.media-panel{border:0;padding:0}.inspection #signature-status,.inspection #photo-status{font-size:14px;color:#536b4d}.inspection .media-panel input[type=file][hidden]{display:none!important}@media(max-width:360px){.inspection .inspection-controls #areas-button{font-size:13px;padding:10px 8px}.inspection .phase-switch button{padding:10px 8px}.inspection .hero h1{font-size:28px}}
.inspection #print-copy .ui-only{height:0;min-height:0;padding:0;border:0;margin:0;overflow:hidden;visibility:hidden}.inspection .print-signature.unsigned{height:28px;min-height:28px}.inspection .print-signature.unsigned p{margin:0}.inspection #print-copy .report-heading h2{font-size:27px}.inspection #print-copy .signature-record h3{margin:0 0 8px}
.inspection #reading-copy .print-signature:has(.typed-print){height:auto;min-height:94px}
/* Screen-only guidance leaves the recorded content and PDF layout unchanged. */
.inspection .room-tools{position:sticky;top:calc(var(--inspection-header-height,84px) + 8px);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;margin-bottom:10px;border:1px solid #c5d3c0;border-radius:12px;background:#fff;box-shadow:0 3px 12px #253f2012}.inspection .room-tools #room-count{color:#556b4e;font-size:14px;white-space:nowrap}.inspection .room-tools button{padding:10px 14px;font-size:15px}.inspection .room-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspection .room-picker button{min-height:52px;padding:12px 8px;font-size:16px}.inspection .room-picker button:first-child,.inspection .room-picker button:nth-child(2){background:#edf2e8;border-color:#9bb38e}
@media(max-width:360px){.inspection .room-tools{padding:8px;gap:8px}.inspection .room-tools button{font-size:14px;padding:10px}.inspection .room-picker{gap:8px}.inspection .room-picker button{font-size:15px}}
@media(max-height:480px){.inspection .room-tools{position:static}}
@media print{.inspection .room-tools{display:none!important}}
.inspection #reading-copy .empty-field{color:#526d50;display:inline-block;border-bottom:1px dashed #9aae91;padding:3px 0;min-height:32px}
.inspection #reading-copy .areas-line{align-items:center;flex-wrap:wrap;gap:4px 14px}.inspection #reading-copy .area-invitation{margin-left:auto;color:#315b40}
.inspection #reading-copy .room-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px 8px 0 0;margin-top:26px;font-size:19px}
.inspection .room-progress{font:400 13px/1.4 Arial;white-space:nowrap;color:#5b7054}
.inspection .room-guidance{background:#f5f7f1;border:1px solid #e4eadc;border-top:0;padding:10px 14px;margin:0 0 4px;color:#556b4e}
.inspection .room-guidance p{font-size:14px;line-height:1.5;margin:0}.inspection .room-guidance p+p{margin-top:7px}.inspection .example-note strong{font-weight:600}.inspection .example-note{color:#6d725e}
.inspection .photo-placeholders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 24px}
.inspection .photo-slot{border:1px dashed #9cad91;background:#f7f8f2;border-radius:9px;min-height:130px;padding:15px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#44613c}
.inspection .photo-slot strong{font-size:15px}.inspection .photo-hint{font-size:12px;line-height:1.4;color:#69765e}.inspection .photo-slot:focus-visible{outline:3px solid #28543f;outline-offset:3px}
.inspection .camera-outline{position:relative;display:block;width:30px;height:22px;border:1.7px solid #6c8761;border-radius:4px;margin:3px 0}.inspection .camera-outline:before{content:'';position:absolute;top:-6px;left:7px;width:12px;height:5px;border:1.7px solid #6c8761;border-bottom:0;border-radius:3px 3px 0 0;background:#f7f8f2}.inspection .camera-outline:after{content:'';position:absolute;left:9px;top:5px;width:8px;height:8px;border:1.7px solid #6c8761;border-radius:50%}
.inspection .signature-invitation{display:inline-block;padding:5px 0;color:#42673b;font-size:14px}.inspection .editor-guidance{padding:12px 14px;margin:0 0 12px;border-radius:8px;background:#f0f4eb;color:#4b6543;font-size:15px}.inspection .note-example{font-size:13px;color:#69765e;margin:-7px 0 12px}
@media(max-width:760px){.inspection #reading-copy .condition-row{display:flex;gap:12px;padding:11px 4px}.inspection #reading-copy .item-label{flex:0 0 45%;font-size:15px;margin:0;overflow-wrap:anywhere}.inspection #reading-copy .condition-cell{font-size:15px;padding:0}.inspection #reading-copy .condition-row:has(.cell-label){display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.inspection #reading-copy .condition-row:has(.cell-label) .item-label{grid-column:1/-1}.inspection #reading-copy .room-title{font-size:18px;padding:11px 10px;gap:8px}.inspection .room-progress{font-size:12px}.inspection .room-guidance{padding:10px}.inspection .room-guidance p{font-size:14px}.inspection .photo-placeholders{gap:7px;margin:12px 0 22px}.inspection .photo-slot{min-height:112px;padding:12px 5px;gap:8px}.inspection .photo-slot strong{font-size:13px}.inspection .photo-hint{display:none}.inspection #reading-copy .area-invitation{margin-left:0;width:100%;font-size:13px}.inspection #reading-copy .report-people{grid-template-columns:1fr;gap:12px}}
@media(max-width:360px){.inspection .photo-slot strong{font-size:12px}.inspection .photo-slot{min-height:102px}.inspection .room-progress{font-size:11px}}
.inspection .room-name{flex:1;min-width:0;overflow-wrap:anywhere}.inspection .room-action{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.inspection .room-action-label{font:600 13px/1.35 Arial;color:#315b40;text-decoration:underline;text-underline-offset:3px}.inspection .room-action .room-progress{font-size:12px}
.inspection .room-heading{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:5px;align-items:center;margin-top:26px}.inspection #reading-copy .room-heading .room-title{margin:0}.inspection .room-heading .remove-area{width:44px;padding:0;font-size:24px;color:#6d7768;background:transparent;border-color:transparent}.inspection .room-heading .remove-area:hover{background:#f4e9e5;color:#8b422f}.inspection #reading-copy .room-title{scroll-margin-top:110px}.inspection .add-room-row{display:flex;justify-content:flex-end;margin:2px 0 20px}.inspection .add-room-row button{background:#fff;color:#28543f;border:1px dashed #a7b79e}.inspection .add-more-areas{border:1px dashed #a7b79e;background:#f5f7f0;border-radius:10px;margin:24px 0;padding:18px}.inspection .add-more-areas h3{font-size:18px;margin:0}.inspection .add-more-areas p{font-size:14px;color:#61765a;margin:5px 0 14px}.inspection .area-quick-add{display:flex;flex-wrap:wrap;gap:8px}.inspection .area-quick-add button{font-size:14px}.inspection #area-limit-note:empty{display:none}@media(max-width:760px){.inspection .room-heading{grid-template-columns:minmax(0,1fr) 44px;gap:2px}.inspection .room-heading .remove-area{width:44px}.inspection .room-action-label{font-size:12px}.inspection .room-action .room-progress{font-size:11px}.inspection .add-room-row button{width:100%;font-size:15px}.inspection .add-more-areas{padding:14px}.inspection .area-quick-add button{flex:1 1 45%;padding:10px 8px}}

.inspection #reading-copy [data-edit]{scroll-margin-top:calc(var(--inspection-header-height,0px) + var(--inspection-room-tools-height,62px) + 24px)}

/* Distinct section frames and repeated labels remain useful without color. */
.inspection [data-tone=slate]{--area-accent:#596979;--area-tint:#f1f4f7;--area-line:#cbd4dc}
.inspection [data-tone=blue]{--area-accent:#38678f;--area-tint:#eef5fc;--area-line:#bfd2e4}
.inspection [data-tone=violet]{--area-accent:#67538f;--area-tint:#f3effa;--area-line:#d0c5e3}
.inspection [data-tone=rose]{--area-accent:#8a536a;--area-tint:#fcf0f5;--area-line:#e1c4d1}
.inspection [data-tone=amber]{--area-accent:#856222;--area-tint:#fcf5e7;--area-line:#e1cea7}
.inspection [data-tone=teal]{--area-accent:#2e746e;--area-tint:#edf8f6;--area-line:#b8d9d4}
.inspection [data-tone=green]{--area-accent:#557440;--area-tint:#f2f7eb;--area-line:#cbd9b9}
.inspection [data-party=tenant]{--party-accent:#38678f;--party-tint:#eef5fc;--party-line:#bfd2e4}
.inspection [data-party=landlord]{--party-accent:#356c4b;--party-tint:#f0f7ed;--party-line:#bed4b6}
.inspection .report-field[data-party],.inspection .signature-record[data-party],.inspection .remarks[data-party]{border:1px solid var(--party-line);border-left:4px solid var(--party-accent);border-radius:8px;background:var(--party-tint);padding:12px 14px;print-color-adjust:exact}
.inspection .report-field[data-party] strong{color:var(--party-accent);font-size:14px;margin-bottom:4px}.inspection .signature-record[data-party] h3,.inspection .remarks[data-party] h3{color:var(--party-accent)}
.inspection .room-title[data-tone]{display:flex;align-items:center;gap:10px;border:1px solid var(--area-line);border-left:4px solid var(--area-accent);background:var(--area-tint)!important;color:#243b36;print-color-adjust:exact}
.inspection .room-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:28px;height:28px;padding:0 5px;background:#fff;border:1px solid var(--area-line);border-radius:7px;color:var(--area-accent);font:700 17px/1 Arial}
.inspection #print-copy .condition-row[data-tone]{border-left:4px solid var(--area-line)}.inspection .print-photo[data-tone] figcaption{border-left:4px solid var(--area-accent);background:var(--area-tint);padding:7px 10px;margin-bottom:8px;color:#263b30;print-color-adjust:exact}
.inspection #reading-copy .room-section{margin:24px 0;border:1px solid var(--area-line);border-left:4px solid var(--area-accent);border-radius:12px;background:#fff;overflow:clip}
.inspection #reading-copy .room-section .room-heading{margin:0;gap:0;background:var(--area-tint)}.inspection #reading-copy .room-section .room-title{border:0;border-radius:0;font-weight:700;margin:0}.inspection #reading-copy .room-section>.room-title{padding:12px 14px}
.inspection #reading-copy .room-section .room-action-label,.inspection #reading-copy .room-section .room-number{color:var(--area-accent)}
.inspection #reading-copy .room-section .room-guidance{border:0;border-top:1px solid var(--area-line);background:var(--area-tint);padding:10px 14px;margin:0 0 4px}
.inspection #reading-copy .room-section .condition-row{margin:0 10px;border-bottom:1px solid #e0e6df;padding:10px 4px}
.inspection #reading-copy .room-section .photo-placeholders{margin:16px 12px}.inspection #reading-copy .room-section .photo-slot{background:var(--area-tint);border-color:var(--area-line);color:var(--area-accent)}
.inspection #reading-copy .room-section .camera-outline,.inspection #reading-copy .room-section .camera-outline:before,.inspection #reading-copy .room-section .camera-outline:after{border-color:var(--area-accent)}.inspection #reading-copy .room-section .camera-outline:before{background:var(--area-tint)}
.inspection #reading-copy .room-section .print-photo{width:calc(100% - 24px);margin:16px 12px}
.inspection dialog[data-tone]>.dialog-top{border-left:4px solid var(--area-accent);background:var(--area-tint);padding:12px;border-radius:8px}.inspection dialog[data-party]>.dialog-top{border-left:4px solid var(--party-accent);background:var(--party-tint);padding:12px;border-radius:8px}
.inspection #signature-dialog #pen-value{font-size:13px;font-weight:400;margin-left:6px;color:#586958}.inspection .pen-ends{display:flex;justify-content:space-between;padding-right:42px;color:#627060;font-size:12px;margin-top:-5px}
@media(max-width:760px){.inspection #reading-copy .room-section{margin:20px 0}.inspection #reading-copy .room-section .room-title{padding:12px 8px;gap:7px}.inspection .room-number{min-width:25px;height:28px;font-size:16px}.inspection #reading-copy .room-section .room-guidance{padding:10px}.inspection #reading-copy .room-section .photo-placeholders{margin:14px 8px;gap:6px}.inspection .report-field[data-party],.inspection .signature-record[data-party],.inspection .remarks[data-party]{padding:12px}.inspection dialog[data-tone]>.dialog-top,.inspection dialog[data-party]>.dialog-top{padding:10px}}
@media(max-width:360px){.inspection #reading-copy .room-section .room-title{flex-wrap:wrap}.inspection #reading-copy .room-section .room-title .room-action{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-left:32px}.inspection #reading-copy .room-section .photo-slot strong{font-size:11px}}

/* Keep report headings compact so the signer blocks retain usable page space. */
.inspection #print-copy .room-title[data-tone]{padding:6px 10px}.inspection #print-copy .room-number{min-width:22px;height:22px;border-radius:5px;font-size:14px}.inspection #print-copy .report-field[data-party]{padding:10px 12px}

.inspection .report-field[data-party]>strong,.inspection .signature-record[data-party]>h3,.inspection .remarks[data-party]>h3{display:table;max-width:100%;padding:0 8px;border-radius:4px;background:var(--party-accent);color:#fff;font-weight:700;print-color-adjust:exact}

/* Visible property and signer details, shared with the printable report. */
.inspection .report-heading{margin-bottom:12px;padding-bottom:10px}.inspection .report-heading h2{margin-bottom:0}
.inspection .report-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 18px;margin:0 0 14px}
.inspection .report-details [data-basic-field=address]{grid-column:1/-1}
.inspection .report-details .report-field{padding:5px 0;min-width:0}
.inspection .report-details .report-field strong{font-size:13px;color:#425747}
.inspection .report-details .report-field div{min-height:26px;border-bottom:1px solid #cbd6c5;padding:3px 0 5px;line-height:1.4}
.inspection #reading-copy .report-details .report-field{padding:6px 8px;min-height:66px}
.inspection #reading-copy .report-details .report-field strong{font-size:14px}
.inspection #reading-copy [data-basic-field] .empty-field{color:#52694f}
.inspection #reading-copy .report-people .report-field div{border-bottom:1px solid var(--party-line);padding:8px 0 5px;min-height:35px}
@media(max-width:480px){.inspection #reading-copy .report-details{gap:8px 12px}.inspection #reading-copy .report-details .report-field{padding:5px 0}.inspection #reading-copy .report-details [data-basic-field=unit] strong{font-size:13px}}

.inspection #print-copy .report-details{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.2fr);gap:16px;margin-bottom:12px}.inspection #print-copy .report-details [data-basic-field=address]{grid-column:auto}

/* Keep the reset action visible without expanding the options menu. */
.inspection .inspection-toolbar #clear-all{order:2;margin-left:auto;min-height:44px;padding:10px 8px;background:#fff;color:#874633;border:1px solid #cfb7ad;font-size:14px;white-space:nowrap}
.inspection #save-status:empty{display:none}.inspection .inspection-toolbar #save-status{order:1}
@media(max-width:760px){.inspection .inspection-toolbar{gap:8px;padding:10px}.inspection .inspection-toolbar #save-status,.inspection .inspection-toolbar #undo-clear{order:3}.inspection .inspection-toolbar #save-draft,.inspection .inspection-toolbar summary{padding:10px;font-size:14px}}
@media(max-width:360px){.inspection .inspection-toolbar{gap:6px;padding:8px}.inspection .options-prefix{display:none}.inspection .options-label{text-transform:capitalize}}

/* Decorative line icons retain full text labels and room numbers. */
.inspection .report-icon{display:inline-block;vertical-align:middle;flex:0 0 auto;width:20px;height:20px;color:var(--area-accent,#53695b)}
.inspection .item-label>.report-icon{width:16px;height:16px;margin-right:7px;vertical-align:-3px}.inspection #print-copy .item-label>.report-icon{width:14px;height:14px;margin-right:5px;vertical-align:-2px}
.inspection #print-copy .room-title>.report-icon{width:18px;height:18px}
@media(max-width:360px){.inspection #reading-copy .room-section .room-title{gap:6px}.inspection #reading-copy .room-section .room-title .room-action{padding-left:0}}

/* Screen layout refinements leave the printable document unchanged. */
@media screen{
 .inspection #reading-copy .start-label{display:table;font-size:13px;font-weight:700;color:#31543b;background:#e9f0e2;border-radius:6px;padding:4px 9px;margin:0 0 10px}
 .inspection #reading-copy .start-hint{font-size:14px;color:#52694f;line-height:1.45;margin:8px 0 0}
 .inspection dialog{max-width:calc(100vw - 24px)}
 .inspection #confirm-dialog{width:min(440px,calc(100% - 24px))}
 .inspection #confirm-dialog h2{font-size:23px;line-height:1.3;margin:0 0 14px;overflow-wrap:anywhere}
 .inspection #confirm-dialog .buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
 .inspection #confirm-dialog .buttons button{min-width:0;width:100%;min-height:48px;padding:12px 8px;overflow-wrap:anywhere}
 .inspection #reading-copy .report-details [data-basic-field=address]{padding:12px 14px;border:1px solid #a9bda0;border-left:4px solid #557440;border-radius:8px;background:#f2f7eb}
 .inspection #reading-copy .report-details [data-basic-field=address] strong{font-size:16px;color:#365332}
 .inspection #reading-copy .report-details [data-basic-field=address]>div{display:block;font-size:18px;font-weight:600;color:#314f30;border-color:#a9bda0}
}
@media screen and (max-width:760px){
 .inspection .crumb{justify-content:flex-start;text-align:left}
 .inspection #reading-copy .room-section .condition-row{gap:5px 8px}
 .inspection #reading-copy .condition-row:not(:has(.cell-label)){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
 .inspection #reading-copy .condition-row .item-label{display:flex;align-items:flex-start;gap:6px;min-width:0;line-height:1.5}
 .inspection #reading-copy .item-label>.report-icon{width:15px;height:15px;margin:4px 0 0}
 .inspection #reading-copy .item-label>span{min-width:0;overflow-wrap:anywhere}
 .inspection #reading-copy .condition-row:not(:has(.cell-label)) .condition-cell{display:contents}
 .inspection #reading-copy .condition-row:not(:has(.cell-label)) .condition-cell>b{grid-column:2;justify-self:end;max-width:88px;padding-top:2px;font-size:13px;line-height:1.5;text-align:right}
 .inspection #reading-copy .condition-row:not(:has(.cell-label)) .condition-cell>p{grid-column:1/-1;margin:0 0 3px 21px;font-size:14px;line-height:1.5}
 .inspection #reading-copy .condition-row:has(.cell-label) .condition-cell{padding:6px 8px;border-radius:6px;background:#f4f6f2;font-size:14px}
 .inspection .dialog-top{flex-wrap:wrap;row-gap:10px}
 .inspection .dialog-top h2{flex:1 1 100px}
 .inspection .dialog-actions{margin-left:auto}
 .inspection .editor-end{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .inspection .editor-end #previous{margin:0}
 .inspection .editor-end #next{grid-column:1/-1}
 .inspection .editor-end button{min-width:0;width:100%;overflow-wrap:anywhere}
}
@media screen and (max-width:360px){
 .inspection #signature-dialog .signature-details{flex-direction:column;align-items:stretch;gap:6px}
 .inspection #signature-dialog #signature-identity{margin:0}
 .inspection #signature-dialog .signature-date-field{flex:none}
 .inspection #reading-copy .room-section .condition-row{margin-left:8px;margin-right:8px;column-gap:6px}
 .inspection #reading-copy .condition-row .item-label{font-size:14px}
 .inspection #reading-copy .condition-row:not(:has(.cell-label)) .condition-cell>b{max-width:72px;font-size:12px}
}

/* Give signing the main space; supporting actions remain compact and reachable. */
@media screen{
 .inspection #reading-copy .start-label{display:block;width:100%;font-size:22px;line-height:1.3;padding:10px;text-align:center;margin:0 0 14px}
 .inspection #reading-copy .start-label span{display:inline-block;font-size:24px;margin-left:4px}
 .inspection #signature-dialog{padding:16px}
 .inspection #signature-dialog>.dialog-top{padding:8px 10px;margin-bottom:12px;gap:8px}
 .inspection #signature-dialog>.dialog-top h2{font-size:20px;line-height:1.25}
 .inspection #signature-dialog #confirm-signature-top{font-size:14px;padding:10px 12px}
 .inspection #signature-dialog #signature-panel{margin-top:0}
 .inspection #signature-dialog .signature-mode{margin-bottom:12px;padding:3px;gap:4px}
 .inspection #signature-dialog .signature-mode label{min-height:44px;font-size:14px;padding:8px 6px}
 .inspection #signature-dialog #signature-canvas{aspect-ratio:9/5;border-radius:10px}
 .inspection #signature-dialog .signature-toolbar{display:grid;grid-template-columns:auto minmax(0,210px);gap:12px;align-items:center;margin-top:8px}
 .inspection #signature-dialog .signature-drawing-actions{gap:4px}
 .inspection #signature-dialog .signature-drawing-actions button{padding:8px;font-size:14px}
 .inspection #signature-dialog .pen-control{width:auto;min-width:0;margin:0}
 .inspection #signature-dialog .pen-control label{font-size:12px}
 .inspection #signature-dialog #pen-value{font-size:11px;margin-left:3px}
 .inspection #signature-dialog .pen-slider{gap:6px}
 .inspection #signature-dialog .pen-slider svg{width:24px}
 .inspection #signature-dialog .pen-ends{display:none}
 .inspection #signature-dialog .signature-details{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:center;margin-top:8px;padding-top:8px}
 .inspection #signature-dialog #signature-identity{font-size:14px;line-height:1.4;margin:0}
 .inspection #signature-dialog .signature-date-field{min-width:0}
 .inspection #signature-dialog .signature-date-field label{font-size:12px;margin-bottom:2px}
 .inspection #signature-dialog .signature-date-field input{font-size:16px;padding:8px;min-height:44px}
 .inspection #signature-dialog #signature-status{font-size:13px;line-height:1.4;margin:8px 0}
 .inspection #signature-dialog .signature-finish{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
 .inspection #signature-dialog #confirm-signature{min-height:44px;font-size:15px;padding:10px}
 .inspection #signature-dialog #remove-signature{width:auto;min-height:44px;font-size:13px;padding:8px;white-space:normal}
 .inspection #signature-dialog .signature-styles{gap:6px;margin:8px 0 0}
 .inspection #signature-dialog .signature-styles button{min-height:44px;padding:8px 4px;font-size:15px;font-weight:400;gap:0;background:#fff;color:#28543f;border:1px solid #c5d3c0;white-space:nowrap}
 .inspection #signature-dialog .signature-styles button[aria-pressed=true]{padding:7px 3px;border:2px solid #28543f;background:#edf4e7;color:#203e2d}
 .inspection #signature-dialog [data-signature-style=classic]{font-family:Georgia,serif;font-style:italic}
 .inspection #signature-dialog .signature-styles button[data-signature-style=script]{font-family:'Segoe Script','Brush Script MT',cursive;font-size:13px}
 .inspection #signature-dialog [data-signature-style=simple]{font-family:Arial,sans-serif}
 .inspection #signature-dialog #typed-signature{min-height:64px;line-height:1.4;padding:12px;color:#123b56}
 .inspection #signature-dialog #typed-area>label{font-size:14px}
}
@media screen and (max-width:360px){
 .inspection #signature-dialog{padding:12px}
 .inspection #signature-dialog>.dialog-top{padding:8px;gap:6px}
 .inspection #signature-dialog>.dialog-top h2{font-size:18px}
 .inspection #signature-dialog .signature-top-actions{gap:6px}
 .inspection #signature-dialog .signature-toolbar{gap:8px;grid-template-columns:auto minmax(0,1fr)}
 .inspection #signature-dialog .signature-drawing-actions button{font-size:13px;padding:8px 6px}
 .inspection #signature-dialog .signature-details{grid-template-columns:minmax(0,1fr) 138px;gap:8px}
 .inspection #signature-dialog .signature-styles button[data-signature-style=script]{font-size:12px}
}

/* Keep the initial stage choice next to the instruction in both reading views. */
@media screen{
 .inspection .inspection-start{margin:20px 0 8px;padding:16px;border:1px solid #cddbc5;border-radius:14px;background:#edf3e7;text-align:center}
 .inspection .inspection-start .start-label{margin:0 0 12px;font:700 24px/1.3 Arial,Helvetica,sans-serif;color:#234b3c}
 .inspection .inspection-start .start-label span{display:inline-block;font-size:28px;vertical-align:middle;margin-left:4px}
 .inspection .inspection-start .inspection-controls{justify-content:center;margin:0;gap:12px}
 .inspection .inspection-start .phase-switch{width:min(100%,360px);padding:4px;gap:6px;background:#dde8d6}
 .inspection .inspection-start .phase-switch button{flex:1;min-width:0;min-height:48px;font-size:16px;padding:10px 16px}
 .inspection .inspection-start .phase-switch button[aria-pressed=true]{color:#fff;background:#28543f;border-color:#28543f;box-shadow:none}
}
@media print{.inspection-start{display:none!important}}

/* Room checklist cards: visible notes and distinct, roomy condition choices. */
@media screen{
 .inspection #edit-body .item-editor{--item-bg:#f3f5f7;--item-line:#8092a0;background:var(--item-bg);border:1px solid #d9e0e2;border-left:4px solid var(--item-line);border-radius:12px;padding:16px;margin:14px 0;min-width:0}
 .inspection #edit-body .item-editor[data-surface=floor]{--item-bg:#fff7e9;--item-line:#b2833e}
 .inspection #edit-body .item-editor[data-surface=wall]{--item-bg:#edf5fc;--item-line:#658fb1}
 .inspection #edit-body .item-editor[data-surface=door]{--item-bg:#f4effa;--item-line:#9475ad}
 .inspection #edit-body .item-editor[data-surface=light]{--item-bg:#fffbe7;--item-line:#a58e32}
 .inspection #edit-body .item-editor[data-surface=cabinet]{--item-bg:#edf5e9;--item-line:#7d9869}
 .inspection #edit-body .item-editor[data-surface=water]{--item-bg:#eaf7f4;--item-line:#5d9b8e}
 .inspection #edit-body .item-editor[data-surface=laundry]{--item-bg:#fcf0f2;--item-line:#b57e8b}
 .inspection #edit-body .item-editor h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;line-height:1.4;font-size:18px;color:#253e32;overflow-wrap:anywhere}
 .inspection #edit-body .item-editor h3 .report-icon{width:22px;height:22px;flex:0 0 22px;color:var(--item-line)}
 .inspection #edit-body .condition-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px;min-width:0}
 .inspection #edit-body .condition-choices button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;width:100%;min-height:48px;white-space:normal;overflow-wrap:anywhere;padding:9px 7px;font:600 14px/1.35 Arial,Helvetica,sans-serif;color:#36513f;background:#fff;border:1px solid #b9c9b2;box-shadow:none}
 .inspection #edit-body .condition-choices button::before{content:'';display:block;width:14px;flex:0 0 14px;line-height:1}
 .inspection #edit-body .condition-choices button[aria-pressed=true]{background:#28543f;color:#fff;border-color:#28543f}
 .inspection #edit-body .condition-choices button[aria-pressed=true]::before{content:'\2713'}
 .inspection #edit-body .condition-choices button[data-condition=issue][aria-pressed=true]{background:#8b4b21;border-color:#8b4b21;color:#fff}
 .inspection #edit-body .item-note .editor-input{margin:0}
 .inspection #edit-body .item-note label{font-size:14px;font-weight:600;margin:0 0 6px}
 .inspection #edit-body .item-note textarea{min-height:76px;line-height:1.5;padding:10px;font-size:16px;background:#fff}
 .inspection #edit-body .item-note .note-example{font-size:13px;line-height:1.4;color:#52664f;margin:7px 0 0}
}
@media screen and (max-width:760px){
 .inspection #edit-body .item-editor{padding:12px;margin:12px 0}
 .inspection #edit-body .condition-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .inspection #edit-body .condition-choices button{min-height:48px;font-size:14px;padding:9px 6px}
}

@media screen{
 .inspection #edit-body .item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 10px}
 .inspection #edit-body .item-heading h3{flex:1;min-width:0;margin:6px 0 0}
 .inspection #edit-body .item-remove{flex:0 0 auto;width:auto;min-height:44px;font-size:13px;padding:8px;color:#874633;background:#fff;border:1px solid #d9c4b8;border-radius:8px}
 .inspection #edit-body .item-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:10px 12px;background:#edf5e8;border:1px solid #bfd1b3;border-radius:9px;font-size:14px;line-height:1.4}
 .inspection #edit-body .undo-item{min-height:44px;font-size:14px;padding:8px 12px}
 .inspection #edit-body .empty-checklist{padding:16px;background:#f3f6ef;border-radius:10px;line-height:1.5}
}