:root{color-scheme:light;--navy:#111C2E;--teal:#11858A;--gold:#C3A16A;--ivory:#F7F7F3;--muted:#64748B;--line:#dce5e7;--white:#fff;--red:#a43e38;font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:#ebf0ef}body{margin:0;color:var(--navy);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91c8c7;outline-offset:2px}a{color:var(--teal)}
.mobile-shell{max-width:780px;min-height:100vh;margin:0 auto;background:#f7f9f8;box-shadow:0 10px 90px rgba(17,28,46,.12)}
.mobile-header{background:var(--navy);color:var(--ivory);padding:24px 22px 21px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:3px solid var(--teal)}
.brand-company{display:flex;gap:9px;align-items:center;min-width:0}.brand-company strong{font-size:15px;letter-spacing:3px;display:block;line-height:1.2}.brand-company small{font-size:9px;letter-spacing:.2px;color:#c8d2d4;display:block;margin-top:3px}
.app-label{text-align:right;border-left:1px solid #526473;padding-left:15px}.app-label b{font-size:13px;letter-spacing:1.4px;display:block}.app-label span{font-size:9px;letter-spacing:1px;color:var(--gold);white-space:nowrap}
main{padding:0 18px 28px}.demo-ribbon{display:flex;align-items:center;gap:8px;padding:13px 4px;color:#587178;font-size:10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.demo-ribbon b{font-size:9px;letter-spacing:1.4px;color:#a27c3a}.demo-ribbon>span:last-child{margin-left:auto}.demo-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}
.kicker{margin:0 0 7px;color:var(--teal);letter-spacing:1.4px;text-transform:uppercase;font-weight:800;font-size:10px}.page-title{margin:0;font-size:27px;line-height:1.15;letter-spacing:-.65px}.intro{color:#5e7480;line-height:1.6;margin:10px 0 22px;font-size:13px}.space-top{padding-top:24px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:15px 11px}.stat span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.stat b{font-size:24px;line-height:1.6}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:24px 0 12px}.section-head h2{margin:0;font-size:16px}.section-head small{color:var(--muted)}
.task-card{padding:19px;background:white;border:1px solid var(--line);border-radius:15px;margin-bottom:10px;box-shadow:0 3px 14px rgba(16,36,49,.025)}.task-card h3{margin:9px 0 7px;line-height:1.35;font-size:16px}.task-card p{margin:5px 0;color:#657985;font-size:12px;line-height:1.5}.task-card .task-location{font-weight:650;color:#314b58}.task-card button{width:100%;margin-top:13px}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:50px;padding:6px 10px;background:#e5f3f1;color:#14696d;font-size:10px;font-weight:750}.pill.bad{background:#fcebe7;color:#9d453b}.pill.muted{background:#e9edef;color:#637481}
.back-link{border:0;background:none;padding:18px 0 8px;font-weight:750;font-size:12px;color:var(--teal)}.task-summary{background:var(--navy);color:#fff;border-radius:17px;padding:20px;margin-top:8px}.task-summary .kicker{color:var(--gold)}.task-summary h1{margin:8px 0;font-size:20px;line-height:1.35}.task-summary p{font-size:12px;color:#ccdbdc;line-height:1.55}.task-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.task-meta span{display:inline-block;background:#24394b;padding:8px 10px;border-radius:8px;font-size:11px}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#e8eeef;border-radius:13px;padding:4px;margin:16px 0}.segmented button{border:0;border-radius:10px;background:transparent;color:#55707b;font-weight:800;padding:11px 7px;font-size:12px}.segmented button.active{background:white;color:var(--navy);box-shadow:0 2px 10px #0001}
.progress-head{display:flex;justify-content:space-between;color:#657985;font-size:11px;margin:16px 0 8px}.progress-head b{color:var(--navy)}.progress-track{height:7px;background:#dce6e5;border-radius:20px;overflow:hidden}.progress-fill{height:100%;background:var(--teal);border-radius:20px;transition:width .18s ease}
.step-card{background:#fff;border:1px solid var(--line);border-radius:15px;margin:11px 0;padding:17px 17px 14px}.step-card.finding{border-left:3px solid var(--red)}.step-top{display:flex;gap:12px;align-items:flex-start}.step-num{display:flex;align-items:center;justify-content:center;flex:0 0 29px;height:29px;border-radius:9px;background:#f5eee2;color:#977844;font-size:11px;font-weight:800}.step-top h3{font-size:13px;line-height:1.45;margin:2px 0 6px}.step-top .pill{margin-left:auto;white-space:nowrap}.step-card p{color:#607581;font-size:12px;line-height:1.65}.step-card details{margin:13px 0 5px;border-top:1px solid var(--line);padding-top:11px}.step-card summary{cursor:pointer;font-size:11px;color:var(--teal);font-weight:800}.step-card details p{margin:9px 0}.observed{background:#f5f7f6;padding:11px 12px;border-radius:9px}.alert{background:#fff4ed;border:1px solid #f0d5cb;border-radius:10px;padding:12px;margin:14px 0;color:#97483e;line-height:1.55;font-size:12px}
.evidence-list{display:grid;gap:5px;margin:10px 0}.evidence{background:#eef6f5;border-radius:9px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.evidence small{word-break:break-word;color:#41656b;line-height:1.45}.evidence button{flex-shrink:0}
.primary,.ghost,.outline{border-radius:10px;padding:12px 15px;font-weight:800;font-size:12px;border:1px solid transparent;min-height:43px}.primary{background:var(--teal);color:white}.primary:hover{background:#0c6e73}.ghost{background:#eef2f2;color:#344e5c}.outline{border-color:#c5dad9;background:white;color:var(--teal)}.block{width:100%}.compact{padding:8px 12px;min-height:33px}.action-bar{background:white;border:1px solid var(--line);border-radius:14px;padding:16px;margin:20px 0}.action-bar p{color:var(--muted);font-size:12px;line-height:1.5}
.review-panel,.empty-card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:15px}.review-panel h2,.empty-card h2{margin:0 0 10px;font-size:16px}.review-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-panel dl div{border-bottom:1px solid var(--line);padding-bottom:10px}.review-panel dt{color:var(--muted);font-size:10px}.review-panel dd{margin:4px 0;font-size:13px;font-weight:750}.review-panel ol{padding-left:18px}.review-panel li{font-size:12px;line-height:1.65;padding:10px 0;border-bottom:1px solid var(--line)}.review-panel li p{margin:5px 0;color:#637881}.review-panel small{font-size:10px;color:var(--muted)}
.mobile-footer{padding:21px 18px 40px;text-align:center;font-size:10px;color:#69808a;border-top:1px solid var(--line)}.mobile-footer span{display:block;margin:6px 0;font-size:10px;font-weight:800;letter-spacing:1px;color:#a58a58}.mobile-footer a{display:inline-block;padding:9px;font-weight:750}
dialog{border:0;border-radius:17px;padding:0;width:min(620px,calc(100% - 18px));max-height:calc(100dvh - 20px);box-shadow:0 18px 70px #0004}dialog::backdrop{background:rgba(17,28,46,.64)}#qualityEditorForm{display:flex;flex-direction:column;max-height:calc(100dvh - 20px)}.dialog-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:22px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:18px;margin:0}.dialog-head button{border:0;background:#eff3f3;border-radius:10px;width:38px;height:38px;font-size:19px}.dialog-actions{padding:14px;display:flex;gap:9px;background:#fff;border-top:1px solid var(--line)}.dialog-actions button{flex:1}#qualityEditorFields{padding:17px 20px 26px;overflow:auto}.form-field{margin-bottom:15px}.form-field label{font-weight:800;font-size:11px;color:#314b57;display:block;margin-bottom:7px}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;padding:12px;border:1px solid #cbd8db;border-radius:9px;background:white;color:#182c38;min-height:43px}.form-field textarea{min-height:86px;resize:vertical}.form-field .hint{font-weight:400;color:#788890;display:block;font-size:10px;line-height:1.5;margin-top:6px}.form-guide{background:#ebf5f4;border-radius:10px;padding:13px;margin:0 0 16px;font-size:12px;color:#345c64;line-height:1.6}.form-guide p{margin:5px 0}.gps-row{display:flex;gap:9px}.gps-row .form-field{flex:1;min-width:0}
#mobileToast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,35px);background:#183741;color:#fff;border-radius:12px;padding:12px 18px;font-size:12px;box-shadow:0 10px 30px #0004;max-width:calc(100% - 30px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:5}#mobileToast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:660px){main{padding-left:34px;padding-right:34px}.mobile-header{padding-left:34px;padding-right:34px}.stats{gap:14px}}
@media(max-width:370px){.brand-company strong{font-size:12px}.brand-company small{font-size:8px}.app-label{padding-left:9px}.app-label span{font-size:8px}.step-top{gap:7px}.step-top .pill{font-size:9px;padding:5px 7px}.stats{gap:5px}.stat{padding:10px 8px}}
@media print{.mobile-header,.demo-ribbon,.mobile-footer,.segmented,.back-link,.action-bar,.step-card button{display:none!important}main{padding:5px}.mobile-shell{box-shadow:none;max-width:none}}