:root{--c-bg:#f1f5f9;--c-surface:#fff;--c-soft:#f8fafc;--c-border:#cbd5e1;--c-border-soft:#e2e8f0;--c-text:#0f172a;--c-text-secondary:#475569;--c-text-muted:#64748b;--c-text-faint:#94a3b8;--c-accent:#0369a1;--c-accent-hover:#075985;--c-accent-soft:#e0f2fe;--c-ok:#15803d;--c-ok-soft:#dcfce7;--c-danger:#b91c1c;--c-danger-dark:#7f1d1d;--c-danger-soft:#fee2e2;--c-warn:#b45309;--c-warn-soft:#fef3c7;--c-sync-bg:#fefce8;--c-sync-border:#eab308;--c-sync-text:#92400e;--radius:6px;--radius-sm:4px;--shadow-card:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}.app-shell{max-width:1400px;margin:0 auto;padding:16px}@media (width<=640px){.app-shell{padding:8px}}.app-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.app-header__brand{align-items:baseline;gap:10px;min-width:0;display:flex}.app-header__logo{background:var(--c-accent);color:#fff;border-radius:7px;flex:none;justify-content:center;align-self:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:800;display:inline-flex}.app-header__title{color:var(--c-text);white-space:nowrap;font-size:17px;font-weight:700}.app-header__subtitle{color:var(--c-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (width<=640px){.app-header__brand{overflow:hidden}.app-header__title{text-overflow:ellipsis;font-size:14px;overflow:hidden}.app-header__subtitle{display:none}}.tabs{border-bottom:2px solid var(--c-border-soft);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}@media (width<=768px){.tabs{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}}.tab{color:var(--c-text-secondary);border-radius:var(--radius) var(--radius) 0 0;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:background .12s,color .12s}.tab:hover{background:var(--c-accent-soft);color:var(--c-accent)}.tab--active,.tab--active:hover{background:var(--c-accent);color:#fff;border-bottom-color:var(--c-accent)}.building-banner{background:var(--c-surface);border:1px solid var(--c-border-soft);border-left:3px solid var(--c-sync-border);border-radius:var(--radius);color:var(--c-text-secondary);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:center;gap:4px 14px;margin-bottom:12px;padding:7px 12px;font-size:12px;display:flex}.building-banner b{color:var(--c-text)}.building-banner__title{color:var(--c-text);font-weight:600}.field{margin-bottom:6px}.field__label{color:var(--c-text-secondary);margin-bottom:2px;font-size:13px;display:block}input[type=number],input[type=text],select{width:100%;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:5px 8px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px #0369a126}input[readonly]{background:var(--c-soft);color:var(--c-text-secondary)}input[type=checkbox]{accent-color:var(--c-accent);vertical-align:-2px;width:14px;height:14px}.field__hint{color:var(--c-text-muted);margin-top:2px;font-size:11px}.field__error{color:var(--c-danger);margin-top:3px;font-size:12px}.check{color:var(--c-text-secondary);margin-bottom:6px;font-size:13px}.check input{margin-right:6px}.synced-field{background:var(--c-surface);border:1px solid var(--c-border-soft);border-left:3px solid var(--c-sync-border);border-radius:var(--radius-sm);margin-bottom:6px;padding:4px 6px 4px 8px}.synced-field__badge{color:var(--c-sync-text);margin-right:4px}.btn{color:var(--c-text-secondary);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);cursor:pointer;padding:7px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-block}.btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.btn--primary:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover);color:#fff}.btn--danger{color:#991b1b;background:#fff1f2;border-color:#fecaca}.btn--danger:hover{border-color:var(--c-danger);color:var(--c-danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card)}fieldset{background:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);min-width:0;margin:0;padding:12px}legend{color:var(--c-text);padding:0 6px;font-size:15px;font-weight:600}.collapsible{background:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card)}.collapsible__header{background:var(--c-soft);border-radius:var(--radius) var(--radius) 0 0;cursor:pointer;color:var(--c-text);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;display:flex}.collapsible--closed .collapsible__header{border-radius:var(--radius)}.collapsible--open .collapsible__header{border-bottom:1px solid var(--c-border-soft)}.collapsible__title{align-items:center;gap:6px;min-width:0;display:flex}.collapsible__chevron{color:var(--c-text-secondary);font-size:10px;transition:transform .15s;display:inline-block}.collapsible--open .collapsible__chevron{transform:rotate(90deg)}.collapsible__right{color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;overflow:hidden}.collapsible__body{padding:12px}.table-wrap{border:1px solid var(--c-border-soft);border-radius:var(--radius);background:var(--c-surface);max-height:80vh;overflow:auto}.table{border-collapse:collapse;background:var(--c-surface);width:100%;font-size:13px}.table th{z-index:2;text-align:left;color:var(--c-text-secondary);background:var(--c-soft);border-bottom:2px solid var(--c-border-soft);white-space:nowrap;padding:6px 10px;font-weight:600;position:sticky;top:0}.table td{border-bottom:1px solid var(--c-border-soft);padding:5px 10px}.table tbody tr:hover{background:var(--c-soft)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table tfoot td,.table .total-row td{background:var(--c-soft);font-weight:600}.table .row-accepted td{background:var(--c-ok-soft)}.table .row-accepted:hover td{background:#c9f3d6}.table .row-over td{background:var(--c-danger-soft)}.badge{vertical-align:1px;white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.badge--ok{background:var(--c-ok);color:#fff}.stat__label{color:var(--c-text-muted);font-size:11px}.stat__value{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.grid{gap:8px;display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--5{grid-template-columns:repeat(5,1fr)}.grid--6{grid-template-columns:repeat(6,1fr)}@media (width<=1024px){.grid--4,.grid--5,.grid--6{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid--3,.grid--4,.grid--5,.grid--6{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid--2,.grid--3,.grid--4,.grid--5,.grid--6{grid-template-columns:1fr}}.note{border-radius:var(--radius);padding:8px 12px;font-size:13px}.note--info{background:var(--c-accent-soft);color:#0c4a6e;border:1px solid #bae6fd}.note--ok{background:var(--c-ok-soft);color:#166534;border:1px solid #bbf7d0}.note--warn{background:var(--c-warn-soft);color:var(--c-warn);border:1px solid #fde68a}.note--danger{background:var(--c-danger-soft);color:var(--c-danger);border:1px solid #fecaca}.text-muted{color:var(--c-text-muted)}.text-ok{color:var(--c-ok)}.text-danger{color:var(--c-danger)}.text-warn{color:var(--c-warn)}.text-small{font-size:12px}.page-title{color:var(--c-text);letter-spacing:-.015em;margin:0 0 4px;font-size:20px;font-weight:700}.section-title{color:var(--c-text);letter-spacing:-.01em;margin:0 0 8px;font-size:16px;font-weight:650}.cladding-layout,.cladding-results,.cladding-metrics{margin-top:12px}.cladding-metric{flex-direction:column;justify-content:center;gap:3px;min-height:92px;padding:12px;display:flex}.cladding-metric--total{border-left:3px solid var(--c-accent)}.cladding-geometry-note{margin-bottom:8px}.cladding-table{max-height:none}.cladding-note{margin-top:12px}.projects-menu{position:relative}.projects-menu__panel{z-index:30;flex-direction:column;gap:8px;width:min(360px,90vw);padding:12px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.projects-menu__row{gap:6px;display:flex}.projects-menu__row input[type=text]{flex:1}.projects-menu__list{border-top:1px solid var(--c-border-soft);max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.projects-menu__item{border-bottom:1px solid var(--c-border-soft);align-items:center;gap:6px;display:flex}.projects-menu__load{text-align:left;cursor:pointer;color:var(--c-accent);background:0 0;border:none;flex:1;padding:7px 6px;font-family:inherit;font-size:13px}.projects-menu__load:hover{background:var(--c-accent-soft)}.projects-menu__delete{padding:2px 8px;font-size:12px}.tab{align-items:center;gap:7px;display:inline-flex}.tab svg{opacity:.75;display:block}.tab--active svg{opacity:1}.sketch-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px 32px;display:flex}.sketch-row svg{flex:320px;min-width:260px;height:auto}:root[data-theme=dark]{--c-bg:#0b1220;--c-surface:#16202f;--c-soft:#1c2940;--c-border:#3a4a66;--c-border-soft:#283853;--c-text:#e6edf6;--c-text-secondary:#b7c3d6;--c-text-muted:#8696ad;--c-text-faint:#5d6e87;--c-accent:#2e96cf;--c-accent-hover:#4fb1e3;--c-accent-soft:#11324a;--c-ok:#4ade80;--c-ok-soft:#12301e;--c-danger:#f87171;--c-danger-soft:#3a181b;--c-warn:#fbbf24;--c-warn-soft:#33270f;--c-sync-bg:#1c2940;--c-sync-text:#d4a72c;--shadow-card:0 1px 3px #0006}[data-theme=dark] .note--info{color:#9bd7f5;background:#0d2a3d;border-color:#155a82}[data-theme=dark] .note--ok{background:var(--c-ok-soft);color:#86efac;border-color:#1e5e38}[data-theme=dark] .note--warn{background:var(--c-warn-soft);color:#fcd34d;border-color:#6b5310}[data-theme=dark] .note--danger{background:var(--c-danger-soft);color:#fca5a5;border-color:#7a2e2e}[data-theme=dark] .table .row-accepted td{background:var(--c-ok-soft)}[data-theme=dark] .table .row-accepted:hover td{background:#17402a}[data-theme=dark] .table .row-over td{background:var(--c-danger-soft)}[data-theme=dark] .btn--danger{color:#fca5a5;background:#3a181b;border-color:#7a2e2e}[data-theme=dark] .building-banner,[data-theme=dark] .synced-field{border-left-color:#8a6d1a}[data-theme=dark] input[type=number]:focus,[data-theme=dark] input[type=text]:focus,[data-theme=dark] select:focus{box-shadow:0 0 0 3px #2e96cf40}.print-only{display:none}@media print{body{background:#fff}.tabs,.btn,.no-print{display:none!important}.print-only{display:block}.collapsible,.card{box-shadow:none;border-color:#999}.table th,.table td{border:1px solid #bbb}.table th{position:static}.table-wrap{border:none;max-height:none;overflow:visible}.app-header,.projects-menu{display:none}}