/* Stable SVG icons and visible labels for all model display switches. */
.dashboard-mode .bottom-bar{gap:20px}
.dashboard-mode .toolbar-left,.dashboard-mode .toolbar-right{overflow:visible;min-height:42px;max-height:none;gap:12px}
.dashboard-mode .display-toggles{display:flex;align-items:center;gap:8px;min-width:0}
.dashboard-mode .display-toggles .tool-button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:auto;min-width:116px;height:36px;padding:0 11px;
  border:1px solid #51718c6b;border-radius:8px;background:#152b3de6;
  color:#8299ad;font-family:inherit;font-size:11px;line-height:1;white-space:nowrap;
  transition:color .18s,border-color .18s,background-color .18s;
}
.dashboard-mode .display-toggles .tool-button>svg{display:block;flex:0 0 18px;width:18px;height:18px;overflow:visible;vertical-align:initial}
.dashboard-mode .display-toggles .tool-button>span{display:block;margin:0;font-size:11px;line-height:1;letter-spacing:0;white-space:nowrap}
.dashboard-mode .display-toggles .tool-button.active{
  color:#c8f7fa;border-color:#63d7dc70;background:linear-gradient(145deg,#193d4f,#172e42);
  box-shadow:inset 0 1px 0 #b6f8ff0d;
}
.dashboard-mode .display-toggles .tool-button:hover{border-color:#8ee7ef;color:#ecffff;background:#1c4053}
.dashboard-mode .tool-indicator{display:block;position:relative;flex:0 0 18px;width:18px;height:10px;border-radius:10px;background:#415568;box-shadow:inset 0 1px 2px #06152355;transition:background-color .18s}
.dashboard-mode .tool-indicator:after{content:"";position:absolute;top:2px;left:2px;width:6px;height:6px;border-radius:50%;background:#a0b3c1;transition:transform .18s,background-color .18s}
.dashboard-mode .tool-button.active .tool-indicator{background:#33b5b7}
.dashboard-mode .tool-button.active .tool-indicator:after{transform:translateX(8px);background:#eaffff;box-shadow:0 0 3px #d3ffff45}
.dashboard-mode .height-control{margin-left:8px;gap:8px}
.dashboard-mode .height-control input{width:78px}
.dashboard-mode .height-control output{min-width:43px;font-size:10px}
@media(max-width:1100px){
  .dashboard-mode .toolbar-left{gap:7px}
  .dashboard-mode .display-toggles{gap:6px}
  .dashboard-mode .display-toggles .tool-button{min-width:106px;padding:0 8px;gap:6px}
  .dashboard-mode .height-control>span{display:none}
}
@media(max-width:1360px){
  .dashboard-mode{--footer-h:110px}
  .dashboard-mode .bottom-bar{height:var(--footer-h);grid-template-rows:36px 42px;gap:8px 10px;padding:11px 16px;align-content:center;overflow:visible}
  .dashboard-mode .toolbar-left{display:contents}
  .dashboard-mode .display-toggles{grid-column:1/-1;grid-row:1;justify-self:center;width:min(440px,100%);gap:8px}
  .dashboard-mode .display-toggles .tool-button{flex:1 1 0;min-width:0;width:auto;padding:0 8px;gap:7px;height:36px}
  .dashboard-mode .display-toggles .tool-button>span{font-size:11px}
  .dashboard-mode .height-control{grid-column:1;grid-row:2;justify-self:start;margin:0;display:flex;gap:6px}
  .dashboard-mode .height-control input{width:64px;margin:0}
  .dashboard-mode #reset-view.home-button{grid-column:2;grid-row:2}
  .dashboard-mode .toolbar-right{grid-column:3;grid-row:2;justify-self:end;min-height:0;gap:8px}
  .dashboard-mode:not(.scene-only):not(.embed) #app{padding-bottom:calc(var(--footer-h) + 16px)}
  .dashboard-mode.scene-only .selection-status{bottom:calc(var(--footer-h) + 12px)}
  .dashboard-mode.scene-only .model-hint{bottom:calc(var(--footer-h) + 50px)}
}
@media(max-width:760px){
  .dashboard-mode{--compact-map-height:min(330px,max(220px,calc(100dvh - 340px)))}
  .dashboard-mode:not(.scene-only):not(.embed) #stage{height:var(--compact-map-height)}
  .dashboard-mode:not(.scene-only) .model-hint{top:calc(221px + var(--compact-map-height) - 58px)}
  .dashboard-mode:not(.scene-only) .selection-status{top:calc(221px + var(--compact-map-height) - 32px)}
}
@media(max-width:399px){
  .dashboard-mode .bottom-bar{padding-left:12px;padding-right:12px;column-gap:6px}
  .dashboard-mode .display-toggles{gap:5px}
  .dashboard-mode .display-toggles .tool-button{padding:0 6px;gap:5px}
  .dashboard-mode .display-toggles .tool-button>span{font-size:10px}
  .dashboard-mode .display-toggles .tool-button>svg{width:16px;height:16px;flex-basis:16px}
  .dashboard-mode .tool-indicator{flex-basis:16px;width:16px}
  .dashboard-mode .tool-button.active .tool-indicator:after{transform:translateX(6px)}
  .dashboard-mode .height-control input{width:42px}
  .dashboard-mode .height-control output{min-width:38px;font-size:9px}
  .dashboard-mode .toolbar-right{gap:6px}
}
@media(prefers-reduced-motion:reduce){.dashboard-mode .display-toggles *{transition:none}}