:root{--canopy:#06313d;--canopy-2:#0b4453;--canopy-3:#125a6d;--paper:#eef2f3;--paper-2:#e3e9ea;--paper-3:#d6dee0;--ink:#152226;--ink-soft:#57666a;--line:#c3cdcf;--moss:#008fad;--moss-dark:#004655;--moss-light:#dceef2;--st-compliant:#00b050;--st-partial:#ffd966;--st-action:#f4b183;--st-noncompliant:red;--st-na:#a6a6a6;--st-none:#cfcbb9;--rate-excellent:#00b050;--rate-good:#8fc966;--rate-moderate:#ffd966;--rate-poor:#f4b183;--rate-critical:red;--radius:10px;--shadow:0 1px 2px #1e281e14, 0 4px 14px #1e281e0f;--shell-max-width:720px}@media (width>=900px){:root{--shell-max-width:1040px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Century Gothic,CenturyGothic,AppleGothic,Futura,Segoe UI,sans-serif}.display{text-transform:uppercase;letter-spacing:.03em;font-family:inherit}#shell{max-width:var(--shell-max-width);background:var(--paper);flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative}#topbar{background:var(--moss);color:var(--paper);z-index:20;border-bottom:3px solid var(--moss-dark);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex;position:sticky;top:0}#topbar .brand{align-items:center;gap:10px;display:flex}#topbar .brand-text .t1{letter-spacing:.06em;font-size:14px;font-weight:600;line-height:1.1}#topbar .brand-text .t2{color:#b9c4b9;letter-spacing:.04em;font-size:10px}#topbar .brand-text .t2.topbar-back-link{cursor:pointer;text-decoration:none;display:inline-block}#topbar .brand-text .t2.topbar-back-link:hover{text-decoration:underline}#topbar .brand-text .t1{text-overflow:ellipsis;white-space:nowrap;max-width:58vw;overflow:hidden}#topbar-actions{align-items:center;gap:8px;display:flex}#role-badge{color:#cfe3e8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:5px 9px;font-size:10px}.sync-badge{-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10.5px;display:flex}.sync-badge .dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff0f}.sync-badge .dot.synced{background:#5bd98a}.sync-badge .dot.pending{background:#f4b183}#logo-img{object-fit:contain;flex:none;width:auto;max-width:120px;height:22px;display:block}.modal-backdrop{z-index:80;background:#0614198c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--paper);width:100%;max-width:var(--shell-max-width);border-radius:16px 16px 0 0;max-height:88vh;padding:18px 18px 26px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-head h2{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:16px}.modal-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.role-option{border:1.5px solid var(--line);cursor:pointer;border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.role-option.active{border-color:var(--moss);background:var(--moss-light)}.role-option .rt{font-size:13px;font-weight:700}.role-option .rd{color:var(--ink-soft);margin-top:2px;font-size:11.5px;line-height:1.4}.subsection-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:18px 0 8px;font-size:11.5px}.readonly-note{color:var(--ink-soft);background:var(--paper-2);border-radius:7px;margin-bottom:10px;padding:8px 10px;font-size:11px}.letterhead{align-items:center;gap:12px;margin-bottom:14px;display:flex}.letterhead .lh-text{letter-spacing:.04em;color:var(--canopy);text-transform:uppercase;font-size:13px}.letterhead .lh-sub{color:var(--ink-soft);text-transform:none;letter-spacing:0;margin-top:1px;font-size:10.5px}.info-grid{grid-template-columns:1fr 1fr;gap:10px 14px;font-size:12px;display:grid}.info-grid .k{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:10.5px}.info-grid .v{font-weight:600}.table-scroll{margin-top:6px;overflow-x:auto}.dist-table{border-collapse:collapse;width:100%;min-width:420px;font-size:12px}.dist-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);border-bottom:1px solid var(--line);white-space:nowrap;padding:5px 8px;font-size:10.5px}.dist-table td{border-bottom:1px dashed var(--line);padding:6px 8px}.map-light .leaflet-tile-pane{filter:grayscale()brightness(1.15)contrast(.9)}.filter-bar{gap:8px;margin-bottom:12px;display:flex}.filter-bar input[type=text]{flex:1}.filter-bar select{flex:none;width:150px}#main{flex:1;padding:16px 16px 90px;overflow-y:auto}#bottomnav{width:100%;max-width:var(--shell-max-width);z-index:20;background:var(--moss);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ffffff26;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}#bottomnav a{color:#ffffffd9;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;margin:4px 3px;padding:7px 4px 8px;font-family:inherit;font-size:10.5px;font-weight:500;text-decoration:none;transition:background-color .15s;display:flex}#bottomnav a:visited{color:#ffffffd9}#bottomnav a svg{flex:none;width:20px;height:20px}#bottomnav a.active{color:#fff;background:#ffffff38;font-weight:700}#bottomnav a.disabled{opacity:.4;pointer-events:none}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;margin:0 0 10px;font-size:13px;display:flex}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:12px;padding:14px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:11px 16px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.btn-primary{background:var(--moss);color:#fff}.btn-primary:hover{background:var(--moss-dark)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{color:var(--moss-dark);border:1.5px solid var(--moss);background:0 0}.btn-block{width:100%}.btn-sm{border-radius:7px;padding:7px 11px;font-size:12px}.btn-danger-ghost{color:#b23a2e;background:0 0;border:1.5px solid #e2b4ac}label.field-label{color:var(--ink-soft);letter-spacing:.02em;margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}input.field,select.field,textarea.field{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:7px;padding:9px 10px;font-family:inherit;font-size:14px}input.field:focus,select.field:focus,textarea.field:focus{outline:2px solid var(--moss);outline-offset:0;border-color:var(--moss)}.field-row{margin-bottom:12px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.badge{color:#20261c;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.kpi{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:12px 14px}.kpi .num{font-size:26px;font-weight:600;line-height:1}.kpi .lab{color:var(--ink-soft);letter-spacing:.02em;margin-top:4px;font-size:10.5px}.empty-state{text-align:center;color:var(--ink-soft);padding:40px 18px}.empty-state h3{text-transform:uppercase;color:var(--ink);margin:0 0 6px;font-size:15px}.empty-state p{margin:0 0 16px;font-size:13px;line-height:1.5}.gauge-wrap{background:var(--canopy-2);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px 16px 8px;position:relative;overflow:hidden}.gauge-title{color:#b9c4b9;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:11.5px}.gauge-sub{color:#8b978a;margin-bottom:6px;font-size:11px}.gauge-readout{text-align:center;margin-top:-6px}.gauge-readout .pct{color:#fff;font-size:34px;font-weight:600}.gauge-readout .rating{margin-top:2px;font-size:12px;font-weight:600}.bar-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.bar-row .lbl{width:160px;color:var(--ink-soft);flex:none;font-size:11px;line-height:1.25}.bar-track{background:var(--paper-3);border-radius:5px;flex:1;height:9px;overflow:hidden}.bar-fill{border-radius:5px;height:100%}.bar-val{text-align:right;flex:none;width:38px;font-size:11px}.trend-row{align-items:flex-end;gap:6px;height:70px;margin-bottom:6px;display:flex}.trend-bar{border-radius:4px 4px 2px 2px;flex:1;min-height:4px}.trend-labels{gap:6px;margin-bottom:14px;display:flex}.trend-labels span{text-align:center;color:var(--ink-soft);flex:1;font-size:9px}.top-issue-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;padding:8px 0;font-size:12.5px;display:flex}.top-issue-row:last-child{border-bottom:none}.top-issue-row .cnt{font-weight:700}.emp-section{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:10px;overflow:hidden}.emp-section-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 13px;display:flex}.emp-section-head .idx{color:var(--moss-dark);flex:none;width:22px;font-size:15px}.emp-section-head .titles{flex:1;min-width:0}.emp-section-head .name{font-size:13.5px;font-weight:700;line-height:1.25}.emp-section-head .meta{color:var(--ink-soft);margin-top:2px;font-size:10.5px}.emp-section-head .chev{flex:none;width:16px;height:16px;transition:transform .15s}.emp-section-head .chev.open{transform:rotate(180deg)}.emp-section-score{border-radius:6px;flex:none;padding:3px 8px;font-size:12px;font-weight:700}.emp-section-body{border-top:1px solid var(--line);padding:4px 13px 10px}.emp-item{border-bottom:1px dashed var(--line);padding:12px 0}.emp-item:last-child{border-bottom:none}.emp-item .ref{color:var(--moss-dark);background:var(--moss-light);border-radius:4px;margin-bottom:5px;padding:2px 6px;font-size:10.5px;display:inline-block}.emp-item .issue{margin-bottom:3px;font-size:13.5px;font-weight:700}.emp-item .req{color:var(--ink-soft);margin-bottom:9px;font-size:12px;line-height:1.4}.prior-finding{background:var(--paper-2);color:var(--ink-soft);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px;padding:5px 8px;font-size:11px;display:flex}.prior-finding .btn{padding:4px 9px;font-size:10.5px}.prior-finding.recurring{color:#b23a2e;background:#fcebe8;font-weight:600}.status-select{font-weight:700}.status-select option{color:#000;background:#fff;font-weight:600}.comment-box{margin-top:8px}.comment-box textarea{resize:vertical;min-height:52px;font-size:13px}.corrective-box{background:#fff6e4;border:1px solid #eedbab;border-radius:8px;margin-top:10px;padding:10px 12px}.corrective-box .field-row{margin-bottom:8px}.corrective-box .field-row:last-child{margin-bottom:0}.corrective-box textarea{resize:vertical;min-height:44px;font-size:13px}.photo-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;display:flex}.photo-thumb{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:60px;height:60px;position:relative}.photo-thumb-wrap{position:relative}.photo-thumb-wrap.pending:after{content:"⏳";font-size:12px;position:absolute;bottom:-4px;left:-4px}.photo-remove{color:#fff;cursor:pointer;background:#b23a2e;border:none;border-radius:50%;width:18px;height:18px;font-size:11px;line-height:1;position:absolute;top:-6px;right:-6px}.add-photo-row{flex-wrap:wrap;gap:8px;display:flex}.add-photo-btn{border:1.5px dashed var(--line);min-width:140px;color:var(--ink-soft);cursor:pointer;background:var(--paper);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:11.5px;display:flex}.add-photo-btn input{display:none}.report-row{cursor:pointer;align-items:center;gap:12px;padding:13px 14px;display:flex}.report-row+.report-row{border-top:1px solid var(--line)}.report-row .info{flex:1;min-width:0}.report-row .proj{font-size:13.5px;font-weight:700}.report-row .sub{color:var(--ink-soft);margin-top:2px;font-size:11px}.report-row .score-chip{border-radius:8px;flex:none;padding:5px 10px;font-size:15px;font-weight:600}.detail-header{background:var(--canopy);color:#fff;border-radius:var(--radius);margin-bottom:14px;padding:16px}.detail-header .proj{letter-spacing:.02em;font-size:16px}.detail-header .row{color:#b9c4b9;margin-top:5px;font-size:11.5px;line-height:1.5}.detail-header-site-input{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;width:auto;min-width:180px;padding:3px 6px;font-size:11.5px}.detail-header-site-input:focus{border-color:#fff;outline:none}.toast{background:var(--canopy);color:#fff;z-index:50;opacity:0;pointer-events:none;border-radius:20px;align-items:center;gap:7px;padding:9px 16px;font-size:12.5px;transition:opacity .2s;display:flex;position:fixed;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000040}.toast.show{opacity:1}.pill-toggle{background:var(--paper-3);border-radius:8px;margin-bottom:14px;padding:3px;display:flex}.pill-toggle button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px;font-size:11.5px;font-weight:600}.pill-toggle button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001f}.section-item-row{border-bottom:1px dashed var(--line);align-items:flex-start;gap:8px;padding:8px 0;display:flex}.section-item-row:last-child{border-bottom:none}.icon-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:16px}.icon-btn.danger{color:#b23a2e}.subhead-btnrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.locked-tab-msg{text-align:center;color:var(--ink-soft);padding:24px;font-size:12.5px}@media print{body{background:#fff}#shell{max-width:100%}#topbar,#bottomnav,.no-print{display:none!important}#main{padding:0;overflow:visible}.card,.emp-section{box-shadow:none;break-inside:avoid}}