/* AS/RS, miniload and rack selection share the existing Soft UI tokens.
   The parameter form and result panels remain independent scroll regions. */
.rk-rack-motion-dialog[open]{display:flex;flex-direction:column;height:100dvh;max-height:100dvh}
.rk-rack-motion-dialog .rk-cfg-top{flex:0 0 auto;padding:14px 22px}
.rk-rack-motion-dialog .rk-config-modebar{display:none}
.rk-rack-motion-dialog .rk-cfg-body{flex:1;min-height:0;height:auto;grid-template-columns:minmax(290px,338px) minmax(0,1fr);padding:14px 22px 18px;gap:20px}
.rk-rack-motion-dialog .rk-cfg-out{min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:10px}
.rk-rack-motion-dialog .rk-cfg-params{min-height:0;scrollbar-gutter:stable;padding-right:4px}
.rk-rack-motion-dialog .rk-cfg-params fieldset{box-shadow:none;background:transparent;padding:12px 6px}
.rk-rack-motion-dialog .rk-cfg-kpi{gap:8px}
.rk-rack-motion-dialog .rk-cfg-tile{padding:9px 11px;border-radius:13px}
.rk-rack-motion-dialog .rk-cfg-tile b{font-size:18px;font-variant-numeric:tabular-nums}
.rk-rack-motion-dialog .rk-cfg-tile.is-wide{background:transparent;box-shadow:none;padding:2px 0}
.rk-rack-motion-dialog .rk-cfg-tile.is-wide b{font-size:15px}
.rk-rack-motion-dialog .rk-cfg-tabs{gap:6px}
.rk-rack-motion-dialog .rk-cfg-tab{padding:10px 12px;font-size:13px;min-height:40px}
.rk-rack-motion-dialog .rk-cfg-panels{min-height:0;scrollbar-gutter:stable}
.rk-rack-motion-dialog .rk-cfg-panel[hidden]{display:none!important}
.rk-rack-motion-dialog #cfgPanel3d{display:grid;grid-template-rows:minmax(240px,1fr) auto auto auto auto;gap:8px;min-height:390px}
.rk-rack-motion-dialog #cfg3dHost{height:100%;min-height:240px;border-radius:20px}
.rk-rack-motion-dialog .rk-cfg-3dbar{margin:0;gap:6px}
.rk-rack-motion-dialog .rk-cfg-legend{margin:0;gap:5px 12px;font-size:11px}
.rk-rack-motion-dialog #cfgPanel3d>.rk-cfg-hint{margin:0;font-size:11px}
.rk-rack-motion-dialog .rk-cfg-actions{margin:0;gap:7px;padding-top:2px}
.rk-rack-motion-dialog .rk-cfg-actions .rk-button{min-height:38px;padding:9px 12px;font-size:12px}
.rk-rack-motion-dialog .rk-cfg-status{margin:0;font-size:12px}
.rk-rack-motion-dialog .rk-cfg-status:empty{display:none}
.rk-rack-motion-dialog .rk-cfg-tz{resize:none;min-height:280px;height:100%;box-sizing:border-box}
.rk-rack-motion-dialog :is(button,input,select,textarea):focus-visible{outline:2px solid var(--rk-accent,#f58220);outline-offset:3px}
.rk-rack-motion-dialog button:disabled{cursor:default;opacity:.48}
.rk-rack-motion-dialog :is(.rk-cfg-params,.rk-cfg-panels){scrollbar-width:thin;scrollbar-color:#9d9d9d transparent}
@media(max-width:1100px) and (min-width:761px){
 .rk-rack-motion-dialog .rk-cfg-body{grid-template-columns:290px minmax(0,1fr);padding:12px 16px;gap:14px;overflow:hidden}
 .rk-rack-motion-dialog .rk-cfg-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}
 .rk-rack-motion-dialog .rk-cfg-params{overflow:auto}
}
@media(max-width:760px){
 .rk-rack-motion-dialog .rk-config-modebar{display:flex;gap:8px;padding:0 12px 10px;flex:0 0 auto}
 .rk-rack-motion-dialog .rk-config-modebar button{flex:1;min-height:40px}
 .rk-rack-motion-dialog .rk-config-modebar button[aria-pressed="true"]{background:var(--soft-selected-surface,#f3ddc9);color:var(--soft-ink,#292b2f)}
 .rk-rack-motion-dialog[data-config-mode="parameters"] .rk-cfg-out{display:none}
 .rk-rack-motion-dialog[data-config-mode="scene"] .rk-config-groups{display:none}
 .rk-rack-motion-dialog .rk-cfg-top{padding:12px 14px;gap:10px}
 .rk-rack-motion-dialog .rk-cfg-top h2{font-size:20px}
 .rk-rack-motion-dialog .rk-cfg-top p{font-size:12px;line-height:1.4}
 .rk-rack-motion-dialog .rk-cfg-body{display:block;overflow:auto;padding:12px 12px 20px;height:auto}
 .rk-rack-motion-dialog .rk-cfg-params{overflow:visible;max-height:none}
 .rk-rack-motion-dialog .rk-cfg-out{display:flex;flex-direction:column;overflow:visible;margin-top:0}
 .rk-rack-motion-dialog .rk-cfg-tabs{order:0}
 .rk-rack-motion-dialog .rk-cfg-panels{order:1}
 .rk-rack-motion-dialog .rk-cfg-kpi{order:2}
 .rk-rack-motion-dialog .rk-cfg-actions{order:3}
 .rk-rack-motion-dialog .rk-cfg-status{order:4}
 .rk-rack-motion-dialog .rk-cfg-panels{overflow:visible;min-height:0}
 .rk-rack-motion-dialog #cfgPanel3d{display:block;height:auto;min-height:0}
 .rk-rack-motion-dialog #cfg3dHost{height:clamp(240px,38dvh,360px);min-height:240px}
 .rk-rack-motion-dialog #cfgMotionControls{margin-top:10px}
 .rk-rack-motion-dialog .rk-cfg-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}
 .rk-rack-motion-dialog .rk-cfg-tile{padding:8px}
 .rk-rack-motion-dialog .rk-cfg-tile b{font-size:16px}
 .rk-rack-motion-dialog .rk-cfg-tabs{gap:5px}
 .rk-rack-motion-dialog .rk-cfg-tab{flex:1 1 120px;padding:9px 8px}
 .rk-rack-motion-dialog .rk-cfg-3dbar{margin-top:10px}
 .rk-rack-motion-dialog .rk-cfg-legend{margin-top:9px}
 .rk-rack-motion-dialog #cfgPanel3d>.rk-cfg-hint{margin-top:8px}
 .rk-rack-motion-dialog .rk-cfg-actions .rk-button{flex:1 1 130px;min-height:42px}
 .rk-rack-motion-dialog .rk-cfg-tz{height:420px}
}
@media(prefers-reduced-motion:reduce){.rk-rack-motion-dialog *{scroll-behavior:auto!important}}