.demo-ribbon{display:flex;justify-content:center;align-items:center;gap:14px;background:#dcecff;color:#153b6c;padding:9px 16px;font-size:12px;line-height:1.4;border-bottom:1px solid #b8d7ff}.demo-ribbon strong{font-size:10px;letter-spacing:1.5px}.header .navs a{color:#e0edff;text-decoration:none;font-size:12px;font-weight:750;padding:10px}.header .navs button{font-size:12px}.demo-hero{background:linear-gradient(120deg,#092347,#1b487c);color:#fff;border-radius:20px;padding:40px;margin-bottom:32px}.demo-hero .eyebrow,.report-hero .eyebrow{color:#9dceff}.demo-hero h1{font-size:42px;max-width:760px;line-height:1.12;margin:12px 0 16px}.demo-hero p{max-width:660px;color:#d9e9fe;font-size:17px}.demo-hero .actions{margin-top:23px}.btn.accent{color:#fff;background:#2268d1;border-color:#2268d1}.demo-hero .btn.accent{background:#fff;color:#123661;border-color:#fff}.btn.demo-outline{background:transparent;color:#fff;border-color:#80a3ce}.demo-steps{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px;color:#dceafd;font-size:12px}.demo-steps b{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid #7296c2;border-radius:50%;margin-right:7px}.demo-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:14px}.demo-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-template{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.demo-template p{flex:1}.demo-number{font-size:12px;letter-spacing:1px;color:#4c729b;font-weight:800}.demo-template h3{font-size:20px}.demo-footer{margin:32px 0 0;border-top:1px solid #d8e5f7;padding-top:22px;font-size:12px;line-height:1.75;color:#617894}.demo-footer a{color:#214f88}.demo-guide{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;border:1px solid #b9d1ef;border-radius:12px;background:#eaf3ff;padding:13px 16px;font-size:13px}.demo-guide .btn{flex:none}.demo-contact{display:inline-block;margin-top:24px;font-weight:800}.banner .eyebrow{color:#b5d9ff}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.report-list td{max-width:460px;overflow-wrap:anywhere}.choice{min-height:44px}.upload:focus-within{outline:3px solid #2268d1;outline-offset:3px}.upload input{display:block;position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #68a2f3;outline-offset:3px}.header .navs a:focus-visible{outline-color:#fff}.receipt .actions{margin-top:20px}.demo-footer br{display:block}
@media(max-width:800px){.demo-template-grid{grid-template-columns:1fr}.demo-template{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:15px}.demo-template .demo-number,.demo-template h3,.demo-template p{grid-column:1}.demo-template .btn{grid-column:2;grid-row:1/4}.demo-hero{padding:28px}.demo-hero h1{font-size:34px}.demo-guide{align-items:flex-start;flex-direction:column}.demo-section-title{display:block}}
@media(max-width:600px){.demo-ribbon{display:block;text-align:center;font-size:10px;padding:6px 10px}.demo-ribbon strong{margin-right:8px}.demo-hero{padding:25px 20px;border-radius:15px;margin-bottom:23px}.demo-hero h1{font-size:30px;line-height:1.14}.demo-hero p{font-size:15px}.demo-steps{display:grid;gap:11px;margin-top:24px}.demo-template{display:flex;gap:6px}.demo-template .btn{width:100%}.demo-guide{padding:12px}.demo-guide .btn{width:100%}.demo-hero .actions{align-items:stretch;flex-direction:column}.header .navs a{flex:none;white-space:nowrap}.receipt{padding:25px 18px;margin:20px auto}.receipt .actions{flex-direction:column;align-items:stretch}.report-list{font-size:12px}.demo-footer{font-size:11px}.sticky .actions .btn{min-height:44px}.demo-section-title .eyebrow{font-size:10px}}
@media print{.demo-ribbon,.header,.actions,.btn,.demo-footer,#toast{display:none!important}body:before{content:'DEMO / SAMPLE ONLY — NOT PROFESSIONALLY REVIEWED';display:block;color:#a02132;font-weight:bold;padding:15px}.wrap{padding:0}.reportcard{border:0}.report-list{font-size:10px}}

/* Empty destinations retained for the replacement inspection/report samples. */
.inspection-empty-sample{box-sizing:border-box;width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #cfdeed;border-radius:16px;background:#fff;color:#17365d;overflow:auto}
.inspection-empty-sample::backdrop{background:rgba(4,18,38,.65)}
.inspection-empty-toolbar{padding:0 20px 16px;border-bottom:1px solid #cfdeed}
.inspection-empty-toolbar h2{margin:15px 0 0;font-size:22px;line-height:1.3}
.inspection-empty-content{min-height:240px}
body:has(.inspection-empty-sample[open]){overflow:hidden}
@media(max-width:600px){.inspection-empty-sample{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.inspection-empty-toolbar{padding:0 12px 12px}.inspection-empty-toolbar h2{font-size:19px}}

/* Workplace checklist controls remain visible but are unavailable in the public demo. */
.demo-section-title .workplace-heading{font-size:16px;line-height:1.4;letter-spacing:1.6px;margin:0;font-weight:900}
.checklist-locked{position:relative;display:inline-flex;max-width:100%;cursor:not-allowed}
.checklist-locked .checklist-start-disabled{pointer-events:none;opacity:.62;cursor:not-allowed}
.checklist-lock-tooltip{position:absolute;z-index:40;bottom:calc(100% + 10px);left:0;width:max-content;max-width:min(260px,calc(100vw - 64px));padding:10px 12px;border-radius:8px;background:#092347;color:#fff;font-size:12px;line-height:1.5;font-weight:600;box-shadow:0 4px 14px #09234733;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s ease}
.checklist-lock-tooltip::after{content:"";position:absolute;top:100%;left:18px;border:6px solid transparent;border-top-color:#092347}
.checklist-locked:hover .checklist-lock-tooltip,.checklist-locked:focus .checklist-lock-tooltip,.checklist-locked:focus-within .checklist-lock-tooltip{visibility:visible;opacity:1}
.checklist-locked:focus-visible{outline:3px solid #68a2f3;outline-offset:4px;border-radius:10px}
@media(max-width:600px){.demo-section-title .workplace-heading{font-size:15px}.checklist-locked{width:100%}.checklist-locked .checklist-start-disabled{width:100%}}