/* Shared public/CRM theme tokens; no fixed light-mode control colors. */
.room-preview-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.room-projection-switch, .room-preview-camera { display: flex; flex-wrap: wrap; gap: .25rem; }
.room-projection-switch { padding: .25rem; border-radius: .75rem; background: var(--ud-tint, oklch(var(--b2))); }
.room-preview-toolbar button { min-height: 44px; min-width: 44px; padding: .5rem .75rem; border-radius: .5rem; font-size: .875rem; font-weight: 600; color: inherit; }
.room-projection-switch button[aria-pressed="true"] { background: var(--ud-ink, oklch(var(--bc))); color: var(--ud-surface, oklch(var(--b1))); box-shadow: 0 1px 3px #0002; }
.room-preview-toolbar button:focus-visible, .room-preview-viewport canvas:focus-visible { outline: 3px solid currentColor; outline-offset: -3px; }
.room-preview-camera button { background: var(--ud-tint, oklch(var(--b2))); }
.room-preview-status { margin: .375rem 0 .5rem; font-size: .8rem; line-height: 1.5; }
.room-preview-details { margin-bottom: .5rem; font-size: .8rem; line-height: 1.5; }
.room-preview-details summary { cursor: pointer; padding: .25rem 0; font-weight: 600; }
.room-preview-details p { margin: .375rem 0; }
.room-preview-details ul { max-height: 8rem; overflow: auto; padding-left: 1.25rem; list-style: disc; }
.room-preview-viewport { position: absolute; inset: 0; z-index: 3; background: var(--ud-tint, oklch(var(--b2))); }
.room-preview-viewport canvas { display: block; width: 100%; height: 100%; touch-action: none; }
.room-preview-camera[hidden], .room-preview-details[hidden], .room-preview-viewport[hidden],
.room-plan-concealed,
[data-room-projection="3d"] .ud-canvas-caption,
[data-room-projection="3d"] .ud-empty,
[data-room-projection="3d"] .ud-view-toggle,
[data-room-projection="3d"] .ud-canvas-tools,
[data-room-projection="3d"] .ud-selection,
[data-room-projection="3d"] .rp-view-toggle,
[data-room-projection="3d"] .rp-selection-toolbar { display: none !important; }