@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:400;font-display:swap;src:url(brand/josefin-sans-400.woff2) format('woff2');}
@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:700;font-display:swap;src:url(brand/josefin-sans-700.woff2) format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(brand/inter-400.woff2) format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(brand/inter-500.woff2) format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(brand/inter-600.woff2) format('woff2');}
:root{--sg-brand:#E70033;--sg-red-text:#C4002B;--sg-ink:#231F20;--sg-bg:#F7F7F7;--sg-border:#D9D9D9;--sg-muted:#636363;--sg-display:'Josefin Sans',sans-serif;--sg-body:'Inter','Segoe UI',system-ui,sans-serif;--accent:var(--sg-brand);--border:var(--sg-border);--foreground:var(--sg-ink);--background:#fff;--muted:#EFEFEF;--muted-foreground:#636363;--viz-series-1:var(--sg-brand);font-family:var(--sg-body);color:var(--sg-ink);background:var(--sg-bg)}body{font-family:var(--sg-body);color:var(--sg-ink)}h1,h2,h3{font-family:var(--sg-display)}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.25}h3{font-size:1.25rem;line-height:1.3;font-weight:400}button,input,select,textarea{font-family:var(--sg-body);color:var(--sg-ink)}button:hover{background:#EFEFEF}button.primary,button[aria-pressed=true]{background:var(--sg-brand);border-color:var(--sg-brand);color:#fff}a{color:var(--sg-red-text)}input[type=range]{accent-color:var(--sg-brand)}header{background:var(--sg-ink);padding:32px;gap:32px}header>div{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.brand-logo{width:180px;height:auto;box-sizing:content-box;padding:40px;margin:0}.header-copy p{color:#D9D9D9}.muted,.hint,.notes,footer,.text-small{color:var(--sg-muted);font-size:.875rem}.sidebar{padding:24px}.status,.selected-distance{background:#FDE8EC;border-color:var(--sg-brand)}.cam-marker{background:var(--sg-brand)}.cam-marker.selected{outline-color:var(--sg-ink)}.legend span:before{background:var(--sg-brand)}.drop-ready{outline-color:var(--sg-brand)}.camera-drag-ghost{background:var(--sg-ink)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--sg-brand);outline-offset:2px}.sidebar h2{font-size:1.25rem}.drawing text{font-family:var(--sg-body)}#lens-distance{background:#fff}#lens-panel{background:#fff;border-radius:10px}#lens-panel iframe{border-radius:10px}footer{border-top:1px solid var(--sg-border)}@media(max-width:650px){header{padding:16px;gap:16px}header>div{gap:12px}.brand-logo{width:150px;padding:34px}.tabs{flex-wrap:wrap}h1{font-size:1.6rem}}

.storage-panel{margin:24px 0;padding:24px;background:#fff;border:1px solid var(--sg-border);border-radius:10px}.storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.storage-panel h2{margin-top:0}.storage-panel input,.storage-panel select{width:100%}#storage-result p{margin:8px 0}#storage-result p:nth-child(2){font-weight:600;font-size:1.125rem}

.section-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.section-nav a{padding:.6rem .85rem;border:1px solid var(--sg-border);border-radius:6px;background:#fff;text-decoration:none;min-height:44px;display:flex;align-items:center}.camera-actions{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--sg-border)}#drag-camera{width:100%;text-align:left}.camera-actions h2{overflow-wrap:anywhere}.camera-actions .row button{flex:1;font-size:.875rem}.storage-panel,.report-settings{scroll-margin-top:20px}.report-settings summary{cursor:pointer;padding:12px 0;font-weight:600}.view-heading #fit-cameras{font-size:.875rem}.sidebar label{margin-bottom:12px}#editor-hint{padding:8px;background:var(--sg-bg)}@media(min-width:851px){.sidebar{max-height:850px;overflow-y:auto}.camera-actions{position:sticky;top:-24px;background:white;z-index:2;padding-top:12px}}@media(max-width:850px){.sidebar{order:1}.view{order:2}.sidebar .two{grid-template-columns:1fr 1fr}}

.cable-tools{background:white;border:1px solid var(--sg-border);border-radius:10px;padding:16px;margin-bottom:16px}.cable-tools h2{font-size:1.25rem;margin:0 0 12px}.cable-tools button{font-size:.875rem}.cable-tools .two{margin-top:14px}.recorder-marker{background:#231F20;color:white;border:2px solid white;border-radius:4px;text-align:center;font-weight:600;font-size:12px;line-height:24px;box-shadow:0 2px 4px #0004}.cable-bend{background:white;border:2px solid #231F20;border-radius:3px}#cable-summary p{font-size:.875rem;margin:6px 0}.cable-total{font-weight:600;border-top:1px solid var(--sg-border);padding-top:8px}#cable-heading{scroll-margin-top:16px}

.floor-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.floor-tools label{flex:1;min-width:180px;margin:0}.table-scroll{overflow-x:auto}.equipment-table{border-collapse:collapse;width:100%;min-width:680px;text-align:left;font-size:.875rem}.equipment-table th,.equipment-table td{padding:12px 8px;border-bottom:1px solid var(--sg-border);vertical-align:top}.equipment-table th{background:var(--sg-bg)}.equipment-table td:first-child{width:36%}.equipment-table input{min-width:90px}.equipment-table td:last-child{white-space:nowrap}.capacity-fail{border-left:3px solid var(--sg-brand);padding:8px;background:#FDE8EC}.capacity-missing{border-left:3px solid #a35b00;padding:8px;background:#fff5e4}.capacity-ok{padding:8px;border-left:3px solid #247746}#capacity-heading,#equipment-heading{scroll-margin-top:16px}#equipment-total{font-weight:600;font-size:1.125rem}

/* Navigation review: preserve logo clear space, expose project actions and map. */
.section-nav{position:sticky;top:0;z-index:500;background:var(--sg-bg);padding:8px 0;margin-bottom:14px}.section-nav a,.section-nav button{font-size:.875rem}.view-heading{flex-wrap:wrap}#camera-workspace{scroll-margin-top:100px}#cancel-placement{font-size:.875rem}.storage-panel,.report-settings,#cable-heading,#storage-heading,#capacity-heading,#equipment-heading{scroll-margin-top:100px}@media(max-width:650px){.section-nav{flex-wrap:nowrap;overflow:auto}.section-nav>*{white-space:nowrap;flex-shrink:0}.camera-actions{padding:12px 0}.sidebar{max-height:520px;overflow-y:auto}.camera-actions{position:sticky;top:0;z-index:2;background:white}}

.rotation-handle{display:grid;place-items:center;background:#fff;color:#e70033;border:2px solid #e70033;border-radius:50%;font-size:24px;cursor:grab;box-shadow:0 2px 6px #0003}.cam-marker small{position:absolute;background:#231f20;color:white;border-radius:3px;bottom:-6px;right:-4px;padding:1px 4px;font:12px Inter}.storage-panel{scroll-margin-top:80px}#model-info{font-size:14px}#seller-fields .two{max-width:600px}.capacity-fail{border-left:4px solid #e70033;padding-left:12px}

body[data-internal="false"] .equipment-table th:nth-child(n+4),body[data-internal="false"] .equipment-table td:nth-child(n+4),body[data-internal="false"] #equipment-total{display:none}

/* Prominent, consistent switch between planning tools. */
header a.planner-switch{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding:13px 18px;min-height:48px;background:#e70033;color:#fff;border:2px solid #fff;border-radius:8px;text-decoration:none;font:600 16px Inter,Arial,sans-serif;white-space:nowrap;box-shadow:0 2px 8px #0003}header a.planner-switch:hover{background:#bb0029}header a.planner-switch:focus-visible{outline:3px solid #fff;outline-offset:4px}header a.planner-switch span{display:inline;font-size:22px;color:inherit}@media(max-width:850px){header{flex-wrap:wrap}header a.planner-switch{width:100%}}

.shared-project{margin:0;padding:10px 22px;background:#fff;border-bottom:1px solid #ddd;color:#231f20;font:14px Inter,Arial,sans-serif}.shared-project summary{cursor:pointer;font-weight:600}.shared-project .project-fields{display:flex;gap:15px;flex-wrap:wrap}.shared-project label{flex:1;min-width:180px}.shared-project p{font-size:12px;max-width:900px}.shared-project #autosaveStatus{display:block;margin-top:6px;font-size:12px}.shared-project details{margin-bottom:6px}
body.wide-workspace #camera-workspace{grid-template-columns:minmax(0,1fr)}body.wide-workspace .sidebar,body.wide-workspace .cable-tools{display:none}body.wide-workspace #map{height:75dvh;min-height:480px}
/* Compact planning workspace: the drawing is the primary surface. */
header{padding:8px 16px;gap:12px;align-items:center;flex-wrap:wrap}header>div{gap:14px;flex-wrap:nowrap}.brand-logo{width:112px;padding:4px;margin:0}.header-copy h1{font-size:1.15rem;margin:0}.header-copy p{display:none}header .tabs{gap:5px}header .tabs button,header .planner-switch{font-size:.875rem;padding:7px 10px;min-height:36px}header>a:not(.planner-switch){font-size:.875rem}main{padding:10px 16px;max-width:none}.shared-project{margin:0;padding:6px 16px;font-size:.875rem}.shared-project>details,.shared-project>.project-review{padding:2px 0}.shared-project p{margin:6px 0}.project-menu{margin:0 0 6px;font-size:.875rem}.project-menu>summary,.drawing-actions>summary,.cable-tools>summary{cursor:pointer;font-weight:600;padding:8px 10px}.project-menu .section-nav{position:static;padding:6px 0;margin:0}.level-field{margin:6px 0}.toolbar{gap:8px;margin:6px 0}.toolbar label{margin:0}.toolbar input,.toolbar button,.toolbar select{min-height:36px;padding:7px 9px}.status{padding:6px 10px;margin:6px 0;font-size:.875rem}.workspace{gap:12px;grid-template-columns:280px minmax(0,1fr)}.sidebar{padding:12px;max-height:calc(100dvh - 230px);min-height:420px}.camera-actions{top:-12px;padding-top:6px;margin-bottom:8px}.camera-actions h2{margin:0 0 8px}#drag-help,#editor-hint{display:none}.camera-actions .row{gap:4px}.camera-actions .row button{padding:7px 5px;min-height:36px}#drag-camera{padding:10px;font-size:.875rem}.sidebar label{margin-bottom:8px}.sidebar input,.sidebar select{padding:7px 8px;min-height:36px}.view-heading{gap:6px;margin:0 0 6px}.view-heading input{max-width:260px;padding:7px 9px}.view-heading button{padding:7px 9px;min-height:36px;font-size:.875rem}.drawing-actions{padding:0;margin:0;border:0;border-bottom:1px solid var(--sg-border);border-radius:0}.drawing-actions[open]{padding-bottom:8px}.drawing-actions>p,.drawing-actions>details,.drawing-actions>#point-result{margin:8px 12px}.drawing-actions .privacy-tools{margin:8px;padding:8px}.cable-tools{margin:10px 0 0;padding:0}.cable-tools[open]{padding:0 12px 12px}.cable-tools h2{display:none}#map{height:calc(100dvh - 290px);min-height:430px}.map-footer{padding:7px 10px}.customer-view .drawing-actions{display:block!important}.customer-view .drawing-actions>summary{display:block}.customer-view .drawing-actions details{display:none!important}
@media(max-width:1100px){header>a:not(.planner-switch){display:none}.header-copy h1{font-size:1rem}.workspace{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:850px){header{padding:6px 10px;gap:7px}.brand-logo{width:90px;padding:3px}.header-copy{display:none}.workspace{grid-template-columns:minmax(175px,32%) minmax(0,1fr)}.sidebar{order:0;min-height:360px;max-height:65dvh;padding:8px}.view{order:1}.sidebar .two{grid-template-columns:1fr}.camera-actions .row{flex-wrap:wrap}.view-heading input{max-width:180px}main{padding:8px}#map{height:65dvh;min-height:380px}.shared-project{padding:4px 10px}.toolbar{flex-wrap:wrap}}
@media(max-width:540px){.workspace{grid-template-columns:1fr}.sidebar{max-height:210px;min-height:0}.camera-actions{position:static}.sidebar .two{grid-template-columns:1fr 1fr}.view-heading input{max-width:155px}header .tabs{flex:1}header .tabs button{padding:6px}#map{height:65dvh;min-height:380px}}