/* All workspaces share one location for each action: view in the panel heading,
   structure and the scroll/inspection switch immediately above the canvas. */
.atlas-panel-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;flex:0 1 auto}
.atlas-panel-actions button{min-height:34px;padding:5px 9px;font:600 12px/1.4 'Segoe UI',Arial,sans-serif;border:1px solid #b5c6d3;border-radius:2px;background:#fff;color:#234f70;white-space:nowrap}
.atlas-panel-actions button[aria-pressed=true]{background:#e7f1fb;border-color:#3a78ae;color:#174f7e}
.atlas-model-note{margin:0;padding:8px 12px;border-top:1px solid #c5d0d9;background:#f5f8fa;color:#526879;font:12px/1.5 'Segoe UI',Arial,sans-serif}
.atlas-model-detail-label{position:absolute;bottom:10px;left:12px;max-width:calc(100% - 24px);padding:4px 8px;background:#fffef3e8;border:1px solid #c3ae7d;color:#394a52;font:600 12px/1.4 'Segoe UI',Arial,sans-serif;pointer-events:none}
.atlas-model-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;padding:8px 12px;background:#f5f8fa;border-bottom:1px solid #c5d0d9;color:#405a6c;font:12px/1.4 'Segoe UI',Arial,sans-serif}
.atlas-model-toolbar .atlas-model-explode{display:flex;align-items:center;gap:8px;flex:1;min-width:0;width:auto;min-height:34px;white-space:nowrap;font:inherit;color:inherit;margin:0}
.atlas-model-toolbar .atlas-model-explode input{width:95px;min-width:60px;max-width:140px;flex:1;margin:0;accent-color:#9b702b;cursor:pointer}
.atlas-model-toolbar button{flex:none;min-height:34px;padding:5px 9px;font:600 12px/1.4 'Segoe UI',Arial,sans-serif;border:1px solid #b5c6d3;border-radius:2px;background:#fff;color:#234f70}
.atlas-model-toolbar button[aria-pressed=true]{background:#0865cf;border-color:#0865cf;color:#fff}
.atlas-model-navigation{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border-bottom:1px solid #c5d0d9;background:#f6f8fa;color:#496375;font:600 12px/1.4 'Segoe UI',Arial,sans-serif}
.atlas-model-navigation button{flex:none;min-height:44px;padding:8px 13px;border:1px solid #b5c6d3;border-radius:2px;background:#fff;color:#234f70;font:600 13px/1.4 'Segoe UI',Arial,sans-serif;white-space:nowrap}
.atlas-model-navigation button[aria-pressed=true]{background:#e7f1fb;border-color:#3a78ae;color:#174f7e}
.component-toolbar.atlas-component-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;border-top:1px solid #c5d0d9;background:#f5f8fa}
.atlas-component-controls>.component-heading{display:none}
.atlas-component-controls select,.atlas-component-controls [data-model-picker]{flex:1 1 150px;min-width:0;width:auto;min-height:36px;font:400 13px/1.4 'Segoe UI',Arial,sans-serif;padding:7px 9px;border:1px solid #b8c7d3;border-radius:2px;background:#fff;color:#15394e}
@media(max-width:800px),(pointer:coarse){
 .atlas-model-toolbar{gap:7px;padding:7px 10px}
 .atlas-model-toolbar button,.atlas-model-toolbar .atlas-model-explode,.atlas-panel-actions button{min-height:44px}
 .atlas-model-toolbar .atlas-model-explode input{max-width:110px}
 .component-toolbar.atlas-component-controls{padding:8px 10px}
 .atlas-component-controls select,.atlas-component-controls [data-model-picker],.atlas-component-controls .atlas-model-toggle{min-height:44px}
}
@media print{.atlas-model-toolbar,.atlas-model-navigation{display:none!important}}

.atlas-model-navigation-hint,#model-tip.atlas-model-navigation-hint{position:static;display:block;flex:none;margin:0;padding:8px 14px;font-size:11px;line-height:1.55;color:#537082;background:#f2f6f8;border-radius:0;border-bottom:1px solid #d2dfe5;pointer-events:none}
@media(max-width:800px){.atlas-model-navigation-hint,#model-tip.atlas-model-navigation-hint{font-size:11px;padding:7px 11px}}
/* The mode switch and its hint must not squeeze the camera's model viewport. */
#workbench .mechanism-preview:has(#camera-model:not([hidden])){height:auto}
#workbench .visual-stage:has(#camera-model:not([hidden])){flex:none;height:clamp(300px,45svh,460px)}