.dispo-view-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;border-bottom:1px solid #dfe7ed;background:#f5f8fb}
.dispo-view-controls[hidden],#dispoRoomCanvas[hidden],#dispo3DHost[hidden],#dispoMoveFurniture[hidden]{display:none!important}
.dispo-view-toggle{display:inline-flex;background:#e4ecf2;border-radius:9px;padding:3px;gap:3px}
.dispo-view-toggle button,.dispo-furniture-toggle{border:0;border-radius:7px;min-height:38px;padding:7px 15px;background:transparent;color:#31556e;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.dispo-view-toggle button[aria-pressed=true]{background:white;color:#0065a1;box-shadow:0 1px 5px #173b521f}
.dispo-furniture-toggle{border:1px solid #cfdae4;background:white;font-family:inherit}
.dispo-furniture-toggle[aria-pressed=true]{background:#e0f1ff;border-color:#7abbdf;color:#005b91}
.dispo-view-hint{font-size:12px;color:#627783;margin-left:auto}
#dispo3DHost{position:relative;width:100%;height:min(76vh,900px);min-height:540px;background:#e6e9ec}
#dispo3DFrame{border:0;display:block;width:100%;height:100%;background:#edf0f2}
.dispo-moving .seat-group{cursor:grab!important}.dispo-moving .seat-group:active{cursor:grabbing!important}
#dispoSVG{touch-action:none}.dispo-view-controls button:focus-visible{outline:3px solid #6cb6e1;outline-offset:2px}
@media(max-width:760px){#dispo3DHost{height:72vh;min-height:460px}.dispo-view-controls{padding:10px;gap:7px}.dispo-view-hint{width:100%;margin-left:0}.dispo-view-toggle button,.dispo-furniture-toggle{min-height:44px}}

/* Inherit the existing GEPRO workspace theme instead of a separate palette. */
.dispo-view-controls { background:var(--ui-surface,var(--bg-white)); border-color:var(--ui-border,var(--border)); }
.dispo-view-toggle { background:var(--ui-soft,var(--primary-light)); }
.dispo-view-toggle button,.dispo-furniture-toggle { color:var(--ui-text,var(--text-dark)); border-radius:9px; }
.dispo-view-toggle button[aria-pressed=true] { background:var(--primary); color:#fff; box-shadow:none; }
.dispo-furniture-toggle { background:var(--ui-surface,var(--bg-white)); border-color:var(--ui-border,var(--border)); }
.dispo-furniture-toggle[aria-pressed=true] { background:var(--ui-soft,var(--primary-light)); border-color:var(--primary); color:var(--ui-blue,var(--primary-dark)); }
.dispo-view-hint { color:var(--ui-muted,var(--text-light)); }
#dispo3DHost,#dispo3DFrame { background:var(--ui-soft,var(--bg-light)); }
#dispoRoomCanvas { background:var(--ui-soft,#f1f6fa); border-color:var(--ui-border,#dce5eb); }
#dispo3DHost { scroll-margin-block:72px; }
.dispo-view-controls button:focus-visible { outline-color:var(--ui-blue,var(--primary)); }

/* The full-screen workshop keeps both plans and their toolbar in the same DOM. */
.dispo-fullscreen-toggle { margin-left:auto; border-color:var(--primary,#0178ce); color:var(--ui-blue,#015a9a); white-space:nowrap; }
.dispo-fullscreen-hint { font-size:11px; color:var(--ui-muted,#546777); }
#dispoFullscreenHint[hidden],#dispoViewHint[hidden],#dispoView3D[hidden] { display:none!important; }
body.dispo-fullscreen-open { overflow:hidden; }
#dispoRoomWorkshop.dispo-expanded { position:fixed; inset:0; z-index:12000; box-sizing:border-box; width:100vw; height:100vh; height:100dvh; min-width:0; min-height:0; max-width:none; max-height:none; margin:0; padding:8px; border:0; border-radius:0; background:var(--ui-surface,#fff); box-shadow:none; overflow:hidden; }
#dispoRoomWorkshop:fullscreen::backdrop { background:var(--ui-surface,#fff); }
#dispoRoomWorkshop.dispo-expanded .dispo-room-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; margin-bottom:4px; flex-shrink:0; }
#dispoRoomWorkshop.dispo-expanded .dispo-view-controls { flex-shrink:0; padding:6px 8px; gap:7px; }
#dispoRoomWorkshop.dispo-expanded .dispo-view-hint { display:none; }
#dispoRoomWorkshop.dispo-expanded #dispo3DHost { flex:1 1 0; height:0; min-height:0; width:100%; }
#dispoRoomWorkshop.dispo-expanded #dispoRoomCanvas { flex:1 1 0; min-height:0; width:100%; overflow:hidden; }
#dispoRoomWorkshop.dispo-expanded #dispoSVG { display:block; width:100%; height:100%; min-width:0; max-width:none; }
#dispoRoomWorkshop.dispo-expanded .dispo-room-canvas::after { display:none; }
#dispoRoomWorkshop.dispo-expanded .dispo-room-legend { padding:5px 0 0; font-size:11px; }
@media(max-width:560px) {
  #dispoRoomWorkshop.dispo-expanded { padding:4px; }
  #dispoRoomWorkshop.dispo-expanded .dispo-room-header { display:none; }
  #dispoRoomWorkshop.dispo-expanded .dispo-view-controls { gap:4px; padding:4px; }
  #dispoRoomWorkshop.dispo-expanded .dispo-view-controls button { padding:6px 9px; min-height:40px; font-size:12px; }
  #dispoRoomWorkshop.dispo-expanded .dispo-fullscreen-hint { display:none; }
  #dispoRoomWorkshop.dispo-expanded #dispoMoveFurniture { font-size:11px; }
}