.casa-rooms{margin-top:20px}.casa-rooms label{margin:10px 0}.casa-rooms .row{margin-top:8px;gap:6px}.casa-rooms .row select{min-width:80px}#work-options{display:grid;gap:7px;margin:16px 0}#room-notes{margin-bottom:12px}#electric-list .row{justify-content:space-between;margin:10px 0;font-size:11px}#electric-list button{color:#8a5a00;font-size:11px}#layout-editor{padding:12px 0;border-bottom:1px solid #e4e4de}#layout-editor label{margin:10px 0}#link-list button{display:block;font-size:11px;text-align:left}#apartment-plan{position:absolute;inset:0;z-index:6;background:#f3f2ee}#apartment-plan svg{width:100%;height:100%;touch-action:none}#apartment-plan [data-room]{cursor:grab;outline:none}#apartment-plan [data-room]:focus rect{stroke:#393f34;stroke-width:.12}#apartment-tools{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);z-index:8;display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;width:95%}#apartment-tools small{width:100%;text-align:center;color:#686c65}#apartment-tools button{background:#fff}#extra-finishes{display:grid;gap:12px;margin-top:20px}#mount-control{display:flex;align-items:center;gap:10px;width:100%;border-top:1px solid #eee;padding-top:6px}#mount-control input{width:75px}#quote-rooms{display:grid;gap:8px;margin:12px 0}#quote-summary section{border-top:1px solid #ddd;padding-top:15px;margin-top:15px}#quote-summary p{margin:10px 0;font-size:13px}#quote-summary img{max-width:100%}#supply-list{display:grid;gap:8px;margin-top:12px}.view-switch{white-space:nowrap}#apartment-warnings{color:#8a5a00}#renovation h2{margin-bottom:12px}#kitchen-presets{margin-bottom:16px}#kitchen-presets .button{padding:10px}.photo-tools[hidden],#apartment-tools[hidden],#apartment-plan[hidden],#mount-control[hidden]{display:none!important}
@media(max-width:850px){.view-switch button{padding:7px 12px;font-size:11px}.view-switch{max-width:98%;top:74px}#apartment-tools{bottom:32px}.casa-rooms{margin-top:12px}#mount-control input{min-height:38px}#electric-list button,#link-list button{min-height:40px}}

#apartment-tools button{color:#30382f}#apartment-tools #open-current-room{background:#ffb020;color:#0a1019}

#camera-nav{position:absolute;right:18px;bottom:60px;z-index:5;background:#fffef8ed;border:1px solid #d9d8cf;border-radius:10px;padding:9px;box-shadow:0 6px 22px #0000000d;font-size:12px;width:158px}#camera-nav:not([open]){width:auto}#camera-nav summary{cursor:pointer;text-align:center;list-style:none}#camera-nav button{border:1px solid #e3e1d8;background:#fff;border-radius:5px;padding:7px;cursor:pointer}#camera-nav>button{width:100%;margin-top:8px}#camera-nav button[aria-pressed=true]{background:#303b30;color:white}#camera-nav button:disabled{opacity:.35}#camera-nav .camera-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}#camera-nav small{display:block;line-height:1.6;margin-top:8px;color:#72766d}#xray-legend{max-height:180px;overflow:auto;max-width:420px}#plumbing-settings{margin-top:12px}#plumbing-settings summary{cursor:pointer;margin-bottom:12px}

#plan-openings-dialog{width:min(520px,92vw);max-height:88dvh;overflow:auto;padding:24px;border:1px solid #dedbd1;border-radius:14px}#plan-openings-dialog::backdrop{background:#252b2560}.plan-openings-head{display:flex;justify-content:space-between;align-items:center;gap:10px}#plan-openings-dialog label{display:block;margin:12px 0}#plan-openings-dialog select,#plan-openings-dialog input{width:100%}#po-error{color:#a34329}#apartment-plan [data-plan-opening]{cursor:pointer}#apartment-plan [data-plan-opening]:focus{outline:none;filter:drop-shadow(0 0 .06px #d98b00)}#apartment-tools{flex-wrap:wrap;justify-content:center;max-width:95%}

#plan-advanced{margin:8px 0 14px;padding:10px;background:#f8f7f2;border-radius:8px}#plan-advanced summary{cursor:pointer;font-size:12px;color:#65695e}#plan-first-size{margin:14px 0;padding:14px;background:#edf2e7;border:1px solid #acbba1;border-radius:8px}#plan-first-size strong{display:block;margin-bottom:8px}#plan-first-confirm{width:100%;margin-top:10px}#plan-canvas[data-mode=room]{outline:2px solid #a8b59e;outline-offset:-2px}

.plan-trace-side{max-height:60dvh;overflow-y:auto;padding-right:6px}@media(max-width:700px){.plan-trace-side{max-height:none;overflow:visible}}

#plan-demo{width:100%;margin-top:8px}#scale-estimate-note{padding:10px;background:#fff6e4;color:#8a5a00;font-size:12px;line-height:1.5;margin:10px 0}

.simple-plan{display:block;width:100%;height:100%;touch-action:none}.simple-plan [data-item],.simple-plan [data-opening]{cursor:grab}.simple-plan [tabindex]:focus{outline:none;filter:drop-shadow(0 0 .03px #d98b00)}
#device-notice{position:absolute;bottom:29px;left:12px;right:12px;z-index:5;text-align:center;font-size:11px;padding:7px;background:#fffdf3ed;border-radius:6px;pointer-events:none}
.plan-only .photo-tools,.plan-only #camera-nav,.plan-only [data-view="xray"],.plan-only #apartment-3d-button{display:none!important}
.mobile-simple #import-plan,.mobile-simple #create-house,.mobile-simple .photo-tools,.mobile-simple [data-view="xray"],.mobile-simple #layout-editor,.mobile-simple #renovation,.mobile-simple #renovation+section{display:none!important}
.mobile-simple .mobile-tabs button{min-height:44px}.mobile-simple .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-simple .catalog-card img{height:110px}.mobile-simple .catalog-card{min-height:154px}.mobile-simple .room-shortcuts button{min-height:44px}.mobile-simple #selection-toolbar button,.mobile-simple .opening-row{min-height:44px}.mobile-simple .stage-top .stage-title{display:none}.mobile-simple .view-switch{top:62px}.mobile-simple #viewport{inset:112px 0 58px}.mobile-simple #device-notice{bottom:28px}.mobile-simple #camera-nav{bottom:62px}.mobile-simple input,.mobile-simple select{font-size:16px}.mobile-simple .house-actions{margin-bottom:12px}
@media(max-width:850px){.workspace{height:calc(100dvh - 181px);min-height:360px}.mobile-simple .brand{font-size:13px}.mobile-simple .topbar{padding:0 12px}.mobile-simple .header-actions{gap:0}.mobile-simple .topbar .divider{display:none}.mobile-simple .stage-bottom{font-size:9px}.mobile-simple #gesture-help{max-width:70%}.mobile-simple .bottom-bar .primary{font-size:11px;padding:12px}.mobile-simple .bottom-bar{padding:0 10px}}


/* Marchio del sito. I font sono gli stessi già serviti da /assets/fonts/:
   il percorso relativo regge sia in radice sia nella cartella della demo. */
@font-face{font-family:'Space Grotesk';src:url('../assets/fonts/spacegrotesk-var-latin.woff2') format('woff2-variations');font-weight:400 700;font-display:swap}
@font-face{font-family:'InterVar';src:url('../assets/fonts/inter-var-latin.woff2') format('woff2-variations');font-weight:300 700;font-display:swap}
.brand{gap:0;letter-spacing:0}
.br-logo{display:block;height:34px;width:auto;overflow:visible}
.br-logo-n{font-family:'Space Grotesk','Segoe UI',system-ui,sans-serif}
.br-logo-s{font-family:'InterVar','Segoe UI',Arial,sans-serif}
@media(max-width:850px){.br-logo{height:26px}}
@media(max-width:430px){.br-logo{height:21px}}

/* Ritorno al sito dal progettista a pagina intera. */
#torna-sito{margin-right:6px;white-space:nowrap;text-decoration:none}
#torna-sito[hidden]{display:none}
@media(max-width:850px){#torna-sito span{display:none}#torna-sito{padding:8px 11px;margin-right:2px}}

/* Progettista dentro il riquadro di /preventivo/: barra superiore compatta,
   perché il marchio è già nell'intestazione del sito. L'altezza dell'area di
   lavoro va ricalcolata di conseguenza: 56 di barra alta + 78 di barra bassa
   fanno 134, non più 163. */
.incorniciato .topbar{height:56px}
.incorniciato .brand,.incorniciato .project-name{display:none}
.incorniciato .header-actions{margin-left:auto}
.incorniciato .workspace{height:calc(100dvh - 134px)}
@media(max-width:850px){
  .incorniciato .topbar{height:48px}
  .incorniciato .workspace{height:calc(100dvh - 163px)}
}