:root{font-family:Inter,Arial,sans-serif;color:#243348;background:#f4f6f9;font-synthesis:none;--navy:rgb(9,21,89);--green:#26ad72;--line:#e0e5ed}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;font-size:12px}button{cursor:pointer;background:#fff;color:#26374d;border:1px solid #d6deea;border-radius:6px;padding:9px 12px;white-space:nowrap}button:hover{background:#edf1f7}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--navy);color:#fff;border-color:var(--navy)}button.primary:hover{background:#15266e}input,select{border:1px solid #d6deea;border-radius:6px;background:#fff;color:#26374d;padding:9px 10px;min-width:0}input:focus,select:focus,button:focus-visible{outline:2px solid #416ccc;outline-offset:2px}input:disabled,select:disabled{opacity:.5}.topbar{min-height:60px;padding:12px 22px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{display:flex;gap:10px;align-items:center}.brand img{width:30px;height:30px;object-fit:contain}.brand h1{font-size:17px;margin:0;font-weight:650;letter-spacing:-.25px}.sync{display:flex;gap:14px;align-items:center}.sync span{font-size:11px;color:#758197}main{padding:16px 20px 20px;max-width:2400px;margin:auto}.dashboard{display:grid;grid-template-columns:255px minmax(260px,1fr) minmax(370px,1.35fr);gap:12px;align-items:stretch;margin-bottom:14px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#718096;font-weight:650}.overall-body{display:flex;gap:15px;align-items:center;margin:18px 0 12px}.pie{width:92px;height:92px;flex:0 0 92px;border-radius:50%;background:conic-gradient(var(--green) 0%,#e7ebf0 0);display:grid;place-items:center;position:relative}.pie:before{content:"";position:absolute;inset:15px;background:#fff;border-radius:50%}.pie span{position:relative;font-size:18px;font-weight:750;color:var(--navy)}.count{display:block;font-size:20px;color:var(--navy);white-space:nowrap}.count-total{font-size:14px;color:#7d8799;font-weight:500}.muted{display:block;font-size:11px;color:#7d8799;margin-top:5px}.overall small{display:block;color:#8a94a6;margin-top:10px;font-size:10px}.caption{font-size:11px;color:#748196;line-height:1.45;margin:7px 0 0}.zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-top:16px}.zone-name{font-size:12px;font-weight:600;margin-bottom:7px;overflow-wrap:anywhere}.zone-numbers{font-size:17px;font-weight:700;color:var(--navy)}.zone-numbers small{font-size:11px;color:#7d8799;font-weight:400}.zone-track{height:4px;background:#e7ebf0;border-radius:4px;margin-top:8px;overflow:hidden}.zone-track span{display:block;height:100%;background:var(--green)}.controls{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.search-row{display:flex;gap:6px}.search-row input{flex:1;width:100%}.date-row{display:flex;gap:8px;align-items:center;margin-top:14px}.date-row>label{font-size:11px;white-space:nowrap}.date-row select{max-width:130px}.date-row input{flex:1;max-width:160px}.timeline-heading{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-top:15px}.timeline-heading output{color:var(--navy);font-weight:600}#timeline{display:block;width:100%;padding:0;margin:10px 0 4px;accent-color:var(--navy);cursor:pointer}.timeline-ends{display:flex;justify-content:space-between;font-size:9px;color:#8a94a6}.message{padding:10px 14px;background:#fff9e8;border:1px solid #eee1b9;color:#8c702b;border-radius:8px;font-size:11px;margin-bottom:12px;line-height:1.5}.message.error{background:#fff0ef;color:#b23e37;border-color:#eed1ce}.model-panel{position:relative;border:1px solid var(--line);border-radius:10px;background:#eef2f3;min-height:490px;height:calc(100vh - 335px);overflow:hidden}#viewer{position:absolute;inset:0}.viewer-top{position:absolute;top:14px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none;font-size:12px;font-weight:600;color:#637184}.viewer-top div{display:flex;gap:7px;pointer-events:auto}.viewer-top button{font-size:11px;background:#ffffffed}.viewer-bottom{position:absolute;bottom:14px;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;pointer-events:none}.legend{background:#fffffff0;border:1px solid #e6e9ef;border-radius:7px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:15px;color:#657388;font-size:10px}.legend>span{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;flex-shrink:0}.green{background:var(--green)}.grey{background:#8b9298}.amber{background:#dcaa51}.blue{background:#1683ed}.viewer-hint{color:#8995a6;font-size:10px}.loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#eef2f3f5;z-index:4;text-align:center;padding:24px}.loading strong{font-size:17px;margin-top:18px}.loading p{font-size:12px;color:#768297;max-width:430px;line-height:1.6}.spinner{width:32px;height:32px;border:3px solid #dce2ec;border-top-color:var(--navy);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.selection-card{position:absolute;top:64px;right:18px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px;z-index:3;width:280px;max-width:calc(100% - 36px);max-height:calc(100% - 126px);overflow:auto;box-shadow:0 6px 28px #273c5212}.selection-card>strong{display:block;font-size:14px;color:var(--navy)}.sheet-fields{margin:14px 0}.sheet-fields dt{font-size:10px;color:#8390a2;margin-top:12px}.sheet-fields dd{margin:4px 0 0;font-size:12px;color:#34445a;white-space:pre-wrap;overflow-wrap:anywhere}.selection-card p{font-size:12px;color:#8390a2}.selection-card button{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1600px){.dashboard{grid-template-columns:285px minmax(430px,1fr) minmax(500px,1.4fr)}.zone-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px}}@media(max-width:1050px){.dashboard{grid-template-columns:255px 1fr}.controls{grid-column:1/-1}.model-panel{height:65vh}.viewer-hint{display:none}}@media(max-width:600px){main{padding:10px}.topbar{padding:10px 12px;align-items:flex-start}.brand h1{font-size:14px;max-width:190px}.brand img{width:26px;height:26px}.sync span{display:none}.dashboard{grid-template-columns:1fr}.controls{grid-column:auto}.overall-body{margin-top:12px}.date-row{flex-wrap:wrap}.date-row input{max-width:none}.model-panel{min-height:480px}.viewer-bottom{left:10px;right:10px}.legend{gap:9px;padding:8px;font-size:9px}.viewer-top{left:12px;right:12px}.viewer-top>span{display:none}}
.panel-editor{margin-top:14px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.panel-editor>strong{display:block;font-size:12px;margin-bottom:12px}.panel-editor label{display:block;font-size:11px;margin-top:10px;color:#52647b}.panel-editor input,.panel-editor select{display:block;width:100%;margin-top:6px}.selection-card .editor-note,.selection-card .editor-feedback{font-size:11px;line-height:1.5;color:#52647b}.panel-editor button{width:100%;margin-top:4px}.selection-card .editor-feedback:empty{display:none}
.editor-login{display:block;margin:10px 0;color:var(--navy);font-size:12px;font-weight:600;text-align:center;padding:10px;border:1px solid var(--line);border-radius:6px;text-decoration:none}.editor-login:hover{background:#edf1f7}
button.primary:hover{background:var(--navy);filter:brightness(1.15)}

.viewer-controls{position:absolute;top:56px;left:18px;right:18px;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;border:0;padding:8px 10px;margin:0;background:#fffffff0;border-radius:7px;width:fit-content;max-width:calc(100% - 36px)}.viewer-controls label{display:flex;align-items:center;gap:6px;font-size:11px}.viewer-controls select,.viewer-controls button{font-size:11px;padding:6px}.viewer-controls>span{font-size:11px;color:#637184}.zone-button{text-align:left;border:1px solid transparent;padding:7px;white-space:normal;min-width:0}.zone-button[aria-pressed="true"]{border-color:var(--navy);background:#eef1fa}.selection-card{top:150px;max-height:calc(100% - 212px)}@media(max-width:600px){.viewer-controls{left:10px;right:10px;gap:6px}.viewer-controls>span{max-width:135px;overflow-wrap:anywhere}.selection-card{top:190px;max-height:calc(100% - 252px)}}

.quality-report{background:white;border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:12px}.quality-report summary{font-weight:600;cursor:pointer;font-size:13px}.quality-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.quality-table{overflow:auto;max-height:360px}.quality-table table{width:100%;border-collapse:collapse;font-size:12px}.quality-table th,.quality-table td{text-align:left;vertical-align:top;padding:9px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;max-width:320px}.quality-table th{position:sticky;top:0;background:white}.quality-table button{font-size:11px}.quality-report>button{margin-top:10px}

/* Compact summaries reserve the remaining viewport height for the model. */
.topbar{min-height:48px;padding:8px 16px}.brand h1{font-size:16px}.sync{gap:10px}main{padding:10px 12px;display:flex;flex-direction:column;height:calc(100dvh - 49px);max-width:none;gap:8px}.dashboard{flex-shrink:0;margin:0;gap:8px;grid-template-columns:220px minmax(230px,1fr) minmax(420px,1.35fr)}.card,.controls{padding:12px}.overall-body{margin:10px 0 5px;gap:10px}.pie{width:64px;height:64px;flex-basis:64px}.pie:before{inset:10px}.pie span{font-size:15px}.count{font-size:18px}.overall small{margin-top:5px}.caption{font-size:10px}.zone-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px}.zone-name{margin-bottom:4px;font-size:11px}.zone-numbers{font-size:15px}.zone-numbers small{display:block;font-size:10px}.zone-button{padding:5px}.date-row{margin-top:8px}.timeline-heading{margin-top:8px}.controls #search-feedback:empty{display:none}.search-row input{padding:7px 9px}.controls button{padding:7px 9px}#timeline{margin-top:7px}.timeline-ends{font-size:8px}#date-note{margin-top:4px}.model-panel{flex:1;min-height:320px;height:auto}.message{flex-shrink:0;margin:0;padding:6px 10px}.scope-section{flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.scope-heading{display:flex;gap:12px;align-items:center;margin-bottom:7px}.scope-heading .caption{margin:0}.scope-cards{display:flex;gap:8px;overflow:auto;max-height:132px;padding-bottom:3px}.scope-card{flex:1 0 220px;min-width:220px;max-width:440px;border:1px solid var(--line);border-radius:7px;padding:8px 10px}.scope-card>strong{display:block;font-size:11px;overflow-wrap:anywhere}.scope-quantity{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-top:6px;color:var(--navy)}.scope-quantity b{color:var(--green);font-size:13px}.scope-card small{display:block;font-size:9px;color:#748196;margin-top:4px}.scope-card .scope-warning{color:#a96b16}.scope-card .zone-track{margin-top:5px}.selection-card{top:98px;max-height:calc(100% - 160px)}.project-menu{position:relative;font-size:12px}.project-menu summary{cursor:pointer;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--navy);font-weight:600;white-space:nowrap}.project-menu nav{position:absolute;right:0;top:38px;z-index:12;width:190px;background:#fff;border:1px solid var(--line);padding:6px;border-radius:8px;box-shadow:0 6px 20px #24334820;display:grid;gap:3px}.project-menu nav a,.project-menu nav button{padding:9px;text-decoration:none;text-align:left;color:var(--ink,#243348);font-size:12px;border:0;border-radius:4px;background:#fff}.project-menu nav a:hover,.project-menu nav button:hover{background:#edf1f7}#quality-dialog{width:min(1100px,94vw);max-height:85dvh;border:1px solid var(--line);border-radius:10px;padding:14px;color:#243348}#quality-dialog::backdrop{background:#14223d66}#quality-dialog>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quality-report{margin:0}.viewer-top{top:10px}.viewer-bottom{bottom:10px}.legend{padding:7px 9px}.viewer-controls{top:48px}.timeline-ends{margin-bottom:0}@media(max-width:1100px){main{height:auto;min-height:calc(100dvh - 49px)}.dashboard{grid-template-columns:220px 1fr}.controls{grid-column:1/-1}.model-panel{flex:none;height:65dvh;min-height:420px}.zone-grid{margin-top:12px}.scope-cards{max-height:132px}}@media(max-width:600px){.topbar{flex-wrap:wrap;gap:7px}.brand h1{max-width:none}.sync{width:100%;justify-content:flex-end}.brand img{width:24px;height:24px}.dashboard{grid-template-columns:1fr}.controls{grid-column:auto}.overall-body{margin-top:7px}.scope-card{flex-basis:200px;min-width:200px}.zone-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.selection-card{top:98px;max-height:calc(100% - 162px)}main{padding:8px}.project-menu nav{right:auto;left:0}}

.scope-open{margin-top:6px;padding:4px 8px;font-size:10px}.selection-card>label{display:block;font-size:11px;margin-top:12px}.selection-card>label select{display:block;width:100%;margin-top:6px}
/* Project layout: summaries above a scope sidebar and the 3D workspace. */
.topbar{min-height:64px;padding:12px 18px}.brand h1{font-size:17px}
main{height:calc(100dvh - 64px);padding:20px 18px 16px;gap:18px;min-height:620px}
.dashboard{grid-template-columns:minmax(240px,21.3fr) minmax(0,30.2fr) minmax(0,46.3fr);gap:18px;min-height:186px}
.card,.controls{padding:16px}.overall-body{margin:18px 0 10px;gap:16px}
.pie{width:90px;height:90px;flex-basis:90px}.pie:before{inset:14px}.pie span{font-size:18px}
.count{font-size:20px}.overall small{margin-top:8px}.caption{font-size:10px}
.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:12px}
.zone-button{padding:5px}.zone-numbers{font-size:16px}.zone-numbers small{display:inline}
.workspace{display:grid;grid-template-columns:minmax(240px,21.3fr) minmax(0,77.7fr);gap:18px;flex:1;min-height:0}
.scope-section{min-height:0;padding:16px;display:flex;flex-direction:column;overflow:hidden}
.scope-heading{flex-shrink:0;margin-bottom:14px}.scope-cards{display:flex;flex-direction:column;gap:12px;overflow:auto;max-height:none;min-height:0;padding:0 2px 2px 0}
.scope-card{flex:none;width:100%;min-width:0;max-width:none;padding:14px 12px}.scope-card>strong{font-size:13px}
.scope-quantity{flex-wrap:wrap;gap:6px 10px;font-size:14px;margin-top:12px;align-items:baseline}.scope-quantity b{font-size:14px}
.scope-card small{font-size:10px;line-height:1.5;margin-top:8px}.scope-card .zone-track{height:5px;margin-top:10px}
.model-panel{min-width:0;min-height:0;height:auto}.selection-card{top:58px;max-height:calc(100% - 116px);width:300px}
.element-measurements{display:grid;grid-template-columns:auto 1fr;gap:8px;margin:14px 0;padding:12px;background:#f4f6f9;border-radius:6px;font-size:12px}
.element-measurements dt{color:#637184}.element-measurements dd{margin:0;text-align:right;font-weight:650;color:var(--navy)}
.viewer-controls:not([hidden])~.selection-card{top:104px;max-height:calc(100% - 162px)}
@media(max-width:1100px){
 main{height:auto;min-height:calc(100dvh - 64px);padding:12px;gap:12px}
 .dashboard{grid-template-columns:240px minmax(0,1fr);gap:12px;min-height:0}.controls{grid-column:1/-1}
 .workspace{grid-template-columns:240px minmax(0,1fr);gap:12px;flex:none;height:65dvh;min-height:460px}
 .model-panel{height:auto;min-height:0}.scope-section{padding:12px}.viewer-hint{display:none}
}
@media(max-width:700px){
 .topbar{min-height:64px;flex-wrap:wrap;gap:6px;padding:10px 12px}.brand h1{font-size:14px}.sync{width:100%;justify-content:flex-end;gap:8px}
 .dashboard{grid-template-columns:1fr 1fr;gap:8px}.overall-body{gap:8px;margin-top:12px}.pie{width:58px;height:58px;flex-basis:58px}.pie:before{inset:9px}.pie span{font-size:13px}.count{font-size:16px}.count-total{font-size:11px}
 .card,.controls{padding:10px}.eyebrow{font-size:9px}.zone-grid{gap:3px;margin-top:8px}.zone-numbers small{display:block}.zone-name{font-size:10px}.zone-button{padding:3px}
 .workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,65dvh);height:auto;min-height:0}
 .scope-section{max-height:220px}.scope-heading{margin-bottom:8px}.scope-cards{flex-direction:row;overflow:auto}.scope-card{flex:0 0 230px;padding:10px}.scope-quantity{font-size:12px;margin-top:8px}
 .selection-card{top:58px;right:10px;max-height:calc(100% - 116px)}.viewer-bottom{left:10px;right:10px}.legend{gap:8px;font-size:9px}.viewer-top{left:10px;right:10px}
}
/* Scope isolation and cardinal camera shortcuts. */
.scope-card{text-align:left;white-space:normal;background:#fff;color:inherit;cursor:pointer}
.scope-card:hover{background:#f5f7fc;border-color:#aab6cd}.scope-card[aria-pressed="true"]{background:#eef1fa;border-color:var(--navy);box-shadow:inset 3px 0 var(--navy)}
.viewer-top .viewer-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px}.viewer-top .direction-buttons{display:flex;gap:0;border:1px solid #d6deea;border-radius:6px;overflow:hidden;pointer-events:auto}
.direction-buttons button{border:0;border-radius:0;border-right:1px solid #d6deea;padding:8px 10px}.direction-buttons button:last-child{border-right:0}
#isolation-status{max-width:260px;color:#8c702b;line-height:1.4}
@media(max-width:700px){
 .viewer-top .viewer-actions{display:grid;grid-template-columns:1fr auto;width:100%;gap:6px}
 .viewer-actions #clear-selection{grid-column:1;grid-row:1;justify-self:start}.viewer-actions #reset{grid-column:2;grid-row:1}
 .viewer-top .direction-buttons{grid-column:1/-1;grid-row:2;justify-self:end}
 .selection-card{top:96px;max-height:calc(100% - 154px)}.viewer-controls{top:88px}
 .viewer-controls:not([hidden])~.selection-card{top:170px;max-height:calc(100% - 228px)}
}
/* Public visibility controls do not change project data. */
button.overall{text-align:left;white-space:normal;color:inherit;cursor:pointer}
button.overall:hover{background:#f8fafc;border-color:#aab6cd}button.overall[aria-pressed="true"]{border-color:var(--green);box-shadow:inset 0 3px var(--green)}
button.overall:disabled{opacity:1;cursor:default}
.cladding-appearance{display:grid;grid-template-columns:1fr auto;gap:8px;flex-shrink:0;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:#637184}
.cladding-appearance output{color:var(--navy);font-weight:600}.cladding-appearance input{grid-column:1/-1;width:100%;padding:0;margin:0;accent-color:var(--navy);cursor:pointer}
.scope-cards{margin-bottom:14px}
.mobile-item-link{display:inline-block;margin-top:9px;font-size:11px;color:var(--navy)}
@media(max-width:700px){.cladding-appearance{padding-top:10px}.scope-section{max-height:270px}.scope-cards{margin-bottom:10px;flex-shrink:0}}

/* Phone layout follows the project sketch; desktop rules stay unchanged. */
@media(max-width:700px){
 .topbar{height:48px;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:18px 20px;gap:2px;padding:4px 10px;align-items:center}
 .brand{min-width:0;gap:6px}.brand img{width:18px;height:18px}.brand h1{font-size:12px;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .sync{width:100%;min-width:0;gap:7px;justify-content:flex-end}.sync #sync-time{display:none}.sync #editor-identity{display:block;margin-right:auto;font-size:9px}
 .sync .editor-login,.sync #refresh,.project-menu summary{font-size:10px;line-height:14px;padding:2px 7px;margin:0}
 .project-menu nav{top:25px;right:0;left:auto}
 main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"overall zones" "scopes scopes" "controls controls" "viewer viewer";grid-template-rows:144px 145px auto minmax(298px,1fr);height:auto;min-height:max(796px,calc(100dvh - 48px));padding:10px;gap:10px;align-items:stretch}
 .dashboard,.workspace{display:contents}
 .overall{grid-area:overall}.zones{grid-area:zones}.scope-section{grid-area:scopes}.controls{grid-area:controls}.model-panel{grid-area:viewer}
 main:has(>.message:not([hidden])){grid-template-areas:"overall zones" "scopes scopes" "controls controls" "message message" "viewer viewer";grid-template-rows:144px 145px auto auto minmax(298px,1fr)}
 .message{grid-area:message;min-width:0;overflow-wrap:anywhere}
 .card,.controls,.scope-section{min-width:0;padding:9px;border-radius:10px}.eyebrow{font-size:9px;letter-spacing:.7px}
 button.overall{display:flex;flex-direction:column;align-items:stretch}.overall-body{flex:1;gap:6px;margin:7px 0 5px}.overall-body>div:last-child{min-width:0}
 .pie{width:clamp(40px,13.3vw,52px);height:clamp(40px,13.3vw,52px);flex-basis:clamp(40px,13.3vw,52px)}.pie:before{inset:8px}.pie span{font-size:12px}
 .count{font-size:14px}.count-total{font-size:10px}.overall .muted{font-size:9px;margin-top:3px}.overall small{font-size:8px;line-height:1.25;margin-top:5px}.overall .caption{font-size:9px;line-height:1.3;margin:0}
 .zones{display:flex;flex-direction:column}.zone-grid{flex:1;min-height:0;overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 6px;margin-top:6px}
 .zone-button{padding:3px;align-self:stretch}.zone-name{font-size:10px;margin-bottom:2px}.zone-numbers{font-size:13px}.zone-numbers small{display:block;font-size:8px}.zone-track{height:3px;margin-top:4px}
 .scope-section{max-height:none}.scope-heading{margin-bottom:6px}.scope-cards{flex:1;flex-direction:row;gap:8px;min-height:0;max-height:none;overflow:auto;margin-bottom:6px;padding:0 0 2px}
 .scope-card{flex:0 0 calc((100% - 8px)/2);min-width:0;width:auto;padding:6px 8px}.scope-card>strong{font-size:11px}.scope-quantity{font-size:11px;gap:3px 6px;margin-top:5px}.scope-quantity b{font-size:11px}.scope-card small{font-size:9px;line-height:1.25;margin-top:4px}.scope-card .zone-track{height:3px;margin-top:5px}
 .cladding-appearance{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding-top:6px;margin-top:0;font-size:9px}
 .cladding-appearance label{grid-column:1;grid-row:1}.cladding-appearance input{grid-column:2;grid-row:1;min-width:0}.cladding-appearance output{grid-column:3;grid-row:1}
 .controls{min-height:159px}.search-row{gap:5px}.search-row input{font-size:11px;padding:6px;min-height:28px}.controls button{font-size:10px;padding:5px 7px;min-height:28px}
 .controls .caption{font-size:9px;line-height:1.25}.controls #search-feedback{margin-top:4px}.date-row{flex-wrap:nowrap;gap:6px;margin-top:5px}.date-row>label{font-size:9px}.date-row select,.date-row input{font-size:11px;padding:4px;min-height:28px;min-width:0}.date-row select{flex:1;max-width:110px}.date-row input{width:0;flex:1;max-width:140px}
 .timeline-heading{font-size:10px;margin-top:5px}.timeline-heading output{text-align:right}#timeline{margin:3px 0 1px}.timeline-ends{font-size:8px}#date-note{margin-top:2px}
 .model-panel{height:auto;min-height:298px}.viewer-top{top:9px;left:9px;right:9px}.viewer-top>span{display:none}
 .viewer-top .viewer-actions{display:flex;flex-wrap:wrap;width:100%;gap:5px;justify-content:space-between}.viewer-top button{font-size:10px;padding:6px}.viewer-top .direction-buttons{display:flex;gap:0}.direction-buttons button{padding:6px}
 .viewer-controls{top:46px;left:9px;right:9px;max-width:calc(100% - 18px);max-height:62px;overflow:auto;gap:5px;padding:5px}.viewer-controls button,.viewer-controls>span{font-size:9px}.viewer-controls button{padding:5px}
 .selection-card{top:48px;right:9px;width:300px;max-width:calc(100% - 18px);max-height:calc(100% - 90px);padding:12px}.viewer-controls:not([hidden])~.selection-card{top:116px;max-height:calc(100% - 158px)}
 .viewer-bottom{left:9px;right:9px;bottom:9px}.legend{font-size:8px;gap:6px;padding:6px}.legend>span{gap:4px}.dot{width:6px;height:6px}.viewer-hint{display:none}
}
@media(max-width:360px){
 .viewer-top .viewer-actions{display:grid;grid-template-columns:1fr auto;gap:5px}.viewer-top .direction-buttons{grid-column:1/-1;grid-row:2;justify-self:end}
 .viewer-controls{top:80px}.selection-card{top:82px;max-height:calc(100% - 124px)}.viewer-controls:not([hidden])~.selection-card{top:150px;max-height:calc(100% - 192px)}
 .date-row>label:not(.sr-only){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

:root{--navy:#091559;--green:#26ad72}