/* The 3D station is a continuous inspection space. The map, register and
   engineering workflow retain their native controls and independent layouts. */
#view-map[data-mode="3d"] { --bay-console:310px; --bay-rail:232px; }
#view-map[data-mode="3d"] .pf-mapbox { inset:0 0 38px; height:auto; background:#101213; }
#view-map[data-mode="3d"] .pf-mapbox::after { background:radial-gradient(ellipse at 50% 48%,transparent 32%,#080a0b50 100%),linear-gradient(#080a0b66,transparent 26%,transparent 82%,#080a0b55); }
#view-map[data-mode="3d"] .studio-scene { background:#101213; }
#view-map .studio-command { background:radial-gradient(ellipse at 28% -65%,#55585a52,transparent 67%),linear-gradient(180deg,#303335f7,#222527f7); border-top:1px solid #e0e3e416; border-bottom:1px solid #050607c9; box-shadow:inset 0 -1px #d5d9dc09,0 5px 12px #0007,0 18px 34px #0005; backdrop-filter:blur(18px); }
#view-map .studio-brand-button { justify-content:center; gap:10px; background:linear-gradient(120deg,#dadcde06,transparent 75%); }
#view-map .studio-brand-button .studio-wordmark { display:block; font:650 24px/1 var(--sans); letter-spacing:-1px; background:linear-gradient(180deg,#f3f4f4,#b9bec1); background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 1px 1px #0009); }
#view-map .studio-menu-chevron { display:block; margin:0; color:#9cacb8; font-size:11px; }
#view-map .studio-scope-picker select { background:linear-gradient(180deg,#181b1dc9,#202325e6); border-color:#afb7bc20; box-shadow:inset 0 1px 3px #0005,0 1px #ffffff08; }
#view-map .studio-workspace-button { background:linear-gradient(180deg,#ffffff07,transparent); border-color:#bacbd41f; }
#view-map :is(.studio-command,.studio-view-toolbar,.studio-camera-tools,.studio-scene) { user-select:none; -webkit-user-select:none; }
#view-map[data-mode="3d"] :is(.studio-command,.studio-view-toolbar,.studio-tree,.pf-side,.studio-camera-tools) :is(button,input,select,summary):focus { box-shadow:none; }
#view-map[data-mode="3d"] :is(.studio-command,.studio-view-toolbar,.studio-tree,.pf-side,.studio-camera-tools) :is(button,input,select,summary):focus:not(:focus-visible) { outline:none; }
#view-map[data-mode="3d"] :is(.studio-command,.studio-view-toolbar,.studio-tree,.pf-side,.studio-camera-tools) :is(button,input,select,summary):focus-visible { outline:1px solid #a0cce3; outline-offset:2px; box-shadow:none; }
#view-map[data-mode="3d"] .studio-view-toolbar { top:calc(var(--studio-command-h,68px) + 14px); }
#view-map[data-mode="3d"] .studio-hero-bar { background:linear-gradient(165deg,#35393bf5,#25282af7 80%); border-color:#bcc3c624; border-radius:5px; padding:4px; box-shadow:inset 0 1px #e0e4e50c,0 3px 6px #0007,0 12px 28px #0006; backdrop-filter:blur(16px); }
#view-map[data-mode="3d"] .studio-hero-bar button[aria-selected="true"] { color:var(--pra-selected-fg); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); }
#view-map[data-mode="3d"] .pf-mapbox>.studio-scene-title { position:absolute; display:block; inset:143px var(--bay-safe-right,350px) auto var(--bay-safe-left,280px); width:auto; height:auto; text-align:left; }
#view-map[data-mode="3d"] .studio-scene-title small { color:#8296a5; font:500 9px var(--sans); letter-spacing:.16em; }
#view-map[data-mode="3d"] .studio-scene-title strong { font-size:26px; letter-spacing:-.03em; margin-top:8px; font-weight:480; color:#dce5ec; }
#view-map:not([data-mode="3d"]) .pf-mapbox>.studio-scene-title { display:none; }
#view-map[data-mode="3d"] .studio-tree { inset:calc(var(--studio-command-h,68px) + 78px) auto 59px 18px; width:var(--bay-rail); height:auto; max-height:none; padding:0 12px; border:1px solid #bdc4c720; border-radius:4px; background:#242729f7; box-shadow:0 3px 6px #0008,0 18px 40px #0008; }
#view-map[data-mode="3d"] .studio-tree-heading { margin:0 -12px 8px; padding:14px 12px; min-height:44px; background:#35393b; color:#d5dee5; font-size:10px; letter-spacing:.08em; }
#view-map[data-mode="3d"] .studio-tree-body { padding-bottom:12px; }
#view-map[data-mode="3d"] .studio-tree-heading,
#view-map[data-mode="3d"] .pf-side>.studio-inspector-heading { background:linear-gradient(155deg,#3b3f41,#303436 85%); box-shadow:inset 0 1px #e1e4e50e,0 3px 8px #0003; }
#view-map[data-mode="3d"] .studio-tree-node { min-height:31px; }
#view-map[data-mode="3d"] .studio-tree summary { padding-block:10px; }
#view-map[data-mode="3d"] .studio-tree-node[aria-current="true"] { background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); color:var(--pra-selected-fg); }
#view-map[data-mode="3d"] .pf-side { inset:calc(var(--studio-command-h,68px) + 78px) 18px 59px auto; width:var(--bay-console); height:auto; max-height:none; border:1px solid #bdc4c720; border-radius:4px; background:#242729fa; box-shadow:0 3px 6px #0008,0 18px 40px #0008; }
/* Only the inspector's inner content scrolls. Focus and tooltips must not
   scroll the entire console and crop its fixed header after a study return. */
#view-map[data-mode="3d"] .pf-side { overflow:clip; }
#view-map[data-mode="3d"] .pf-side>.studio-inspector-heading { position:static; min-height:100px; padding:14px 16px 0; display:grid; grid-template-columns:1fr 24px 24px; gap:8px; background:linear-gradient(155deg,#3b3f41,#303436 85%); }
#view-map[data-mode="3d"] .studio-selection-meta { grid-column:1; min-width:0; max-width:none; }
#view-map[data-mode="3d"] .studio-selection-meta strong { font-size:22px; }
#view-map[data-mode="3d"] .studio-selection-meta small { color:#b1bec8; font-size:10px; margin-top:6px; white-space:normal; }
#view-map[data-mode="3d"] .studio-inspector-heading>.studio-dismiss { grid-column:2; grid-row:1; align-self:start; }
#view-map[data-mode="3d"] .studio-details-toggle { grid-column:3; grid-row:1; align-self:start; width:24px; min-width:24px; height:28px; min-height:28px; padding:4px; border:0; }
#view-map[data-mode="3d"] .studio-details-toggle::after { display:none; }
#view-map[data-mode="3d"] .studio-inspector-tabs { grid-column:1/-1; grid-row:2; width:100%; gap:0; margin:0; justify-content:space-between; }
#view-map[data-mode="3d"] .studio-inspector-tabs button { flex:1; min-width:0; border-radius:0; padding:12px 4px; font-size:11px; background:transparent; }
#view-map[data-mode="3d"] .studio-inspector-tabs button[aria-selected="true"] { color:var(--pra-selected-fg); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); }
#view-map[data-mode="3d"] .studio-inspector-footer { position:absolute; inset:auto 0 0; padding:12px 16px; background:#2d3032; border-top:1px solid #c4cbce13; box-shadow:0 -5px 15px #0003; z-index:2; }
#view-map[data-mode="3d"] .studio-inspector-footer .studio-study-button { display:flex; width:100%; align-items:center; justify-content:space-between; background:#a0cce3; color:#1a2b35; min-height:36px; border-radius:3px; }
#view-map[data-mode="3d"] .studio-inspector-footer .studio-study-button::before { display:none; }
#view-map[data-mode="3d"] .pf-side>.studio-inspector-scroll { display:block; padding:18px 18px 78px; min-height:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#66747e transparent; }
#view-map[data-mode="3d"] .studio-summary-content { display:block; }
#view-map[data-mode="3d"] .studio-risk-value>span { color:#a8b8c5; font-size:11px; }
#view-map[data-mode="3d"] .studio-risk-value strong { display:inline-block; font-size:38px; margin-top:8px; color:#e4edf3; letter-spacing:-1.4px; }
#view-map[data-mode="3d"] .studio-risk-value small { color:#8fa3b1; font-size:10px; }
#view-map[data-mode="3d"] .studio-risk-value p { display:none; }
#view-map[data-mode="3d"] .studio-insight-facts { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:12px 0; margin-top:12px; border-block:1px solid #a5bdcc1c; }
#view-map[data-mode="3d"] .studio-insight-facts>div { padding:0; border:0; }
#view-map[data-mode="3d"] .studio-insight-facts span { font-size:10px; line-height:1.5; }
#view-map[data-mode="3d"] .studio-insight-facts strong { font-size:18px; margin-top:6px; }
#view-map[data-mode="3d"] .studio-cost-explanation { margin-top:16px; padding:0; border:0; }
#view-map[data-mode="3d"] .studio-cost-explanation>summary { font-size:10px; color:#9bb5c5; }
#view-map[data-mode="3d"] .studio-cost-equation { margin:14px 0; gap:8px; }
#view-map[data-mode="3d"] .studio-cost-equation strong { font-size:17px; }
#view-map[data-mode="3d"] .studio-cost-equation span { font-size:9px; }
#view-map[data-mode="3d"] .studio-dock { padding:14px 0 0; margin-top:14px; border:0; border-top:1px solid #a5bdcc1c; }
#view-map[data-mode="3d"] .studio-peer-section .studio-panel-head { display:block; }
#view-map[data-mode="3d"] .studio-peer-unit { display:block; margin-top:5px; }
#view-map[data-mode="3d"] .studio-peer-summary { margin-top:12px; }
#view-map[data-mode="3d"] .studio-peer-comparison .studio-peer-row { min-height:30px; grid-template-columns:28px minmax(0,1fr) 54px; gap:12px; padding-inline:0; }
#view-map[data-mode="3d"] .studio-peer-axis { margin-left:40px; margin-right:66px; }
#view-map[data-mode="3d"] .studio-chart-note { line-height:1.6; color:#8197a6; }
#view-map[data-mode="3d"] .studio-connections-content { display:block; }
#view-map[data-mode="3d"] .pf-side[data-studio-panel="summary"] .studio-connections-content,
#view-map[data-mode="3d"] .pf-side[data-studio-panel="connections"] .studio-summary-content,
#view-map[data-mode="3d"] .pf-side[data-studio-panel="properties"] .studio-summary-content,
#view-map[data-mode="3d"] .pf-side[data-studio-panel="properties"] .studio-connections-content { display:none; }
#view-map[data-mode="3d"] .studio-connection-note { margin:10px 0 20px; }
#view-map[data-mode="3d"] .studio-neighbor-hub { margin-bottom:16px; }
#view-map[data-mode="3d"] .studio-neighbor-list { flex-direction:column; }
#view-map[data-mode="3d"] .studio-asset-properties>#pf-asset-detail { float:none; width:100%; padding:0; }
#view-map[data-mode="3d"] .studio-asset-properties>.studio-station-details { margin:0; }
#view-map[data-mode="3d"] .studio-start-steps { grid-template-columns:1fr; gap:20px; margin-top:24px; }
#view-map[data-mode="3d"].studio-hide-insights .pf-side { height:66px; bottom:auto; }
#view-map[data-mode="3d"].studio-hide-insights .pf-side>.studio-inspector-heading { min-height:64px; padding:12px 16px; }
#view-map[data-mode="3d"].studio-hide-insights .studio-inspector-tabs,
#view-map[data-mode="3d"].studio-hide-insights .studio-inspector-footer { display:none; }
#view-map[data-mode="3d"] .studio-camera-tools { left:calc((100% + var(--bay-safe-left,24px) - var(--bay-safe-right,24px))/2); bottom:50px; background:linear-gradient(155deg,#333739f7,#25282afa); border-color:#bbc3c624; border-radius:4px; box-shadow:inset 0 1px #e0e4e50b,0 3px 5px #0008,0 12px 28px #0008; }
#view-map[data-mode="3d"] .studio-camera-tools .studio-orbit-button,
#view-map[data-mode="3d"] .studio-camera-tools .studio-pan-button { display:flex; align-items:center; justify-content:center; gap:7px; width:auto; padding:0 10px; min-height:36px; color:#aabecb; font-size:10px; }
#view-map[data-mode="3d"] .studio-camera-tools .studio-orbit-button { margin-right:2px; }
#view-map[data-mode="3d"] .studio-scene-caption { bottom:19px; left:var(--bay-safe-left,24px); right:var(--bay-safe-right,24px); font-size:9px; color:#738b9d; justify-content:center; }
#view-map[data-mode="3d"] .studio-scene-key { display:none; }
#view-map[data-mode="3d"] .studio-orientation { right:calc(var(--bay-console) + 42px); bottom:109px; opacity:.5; }
#view-map[data-mode="3d"].studio-hide-insights .studio-orientation { right:36px; }
#view-map[data-mode="3d"] .studio-callout { display:flex; align-items:center; gap:16px; width:auto; min-width:112px; padding:8px 11px; border:1px solid #83b4cf50; border-left:2px solid #86cfff; border-radius:3px; background:linear-gradient(150deg,#333b40f7,#232b30fa); box-shadow:0 3px 6px #0008,0 10px 24px #0007; }
#view-map[data-mode="3d"] .studio-callout[hidden] { display:none; }
#view-map[data-mode="3d"] .studio-callout strong { font-size:14px; }
#view-map[data-mode="3d"] .studio-callout-head { padding:0; background:transparent; border:0; }
#view-map[data-mode="3d"] .studio-callout-head>button { display:none; }
#view-map[data-mode="3d"] .studio-callout dl { display:none; }
#view-map[data-mode="3d"] .studio-callout-type { font-size:9px; margin:4px 0 8px; }
#view-map[data-mode="3d"] .studio-callout>button { font-size:10px; padding:0; border:0; width:auto; margin-left:auto; }
#view-map[data-mode="3d"] .studio-connectors { opacity:.6; }
#view-map[data-mode="3d"] .studio-scene-label { color:#bacbd7; background:#191c1fd9; border:1px solid #b9c2c820; border-radius:2px; padding:4px 7px; font-size:9px; }
#view-map[data-mode="3d"] .studio-scene-label.is-hovered { color:#d9effb; border-color:#8bc9e780; background:#29414ff0; }
#view-map[data-mode="3d"] .studio-study-button[aria-busy="true"] { cursor:progress; }
#view-map[data-mode="3d"] .studio-study-button[aria-busy="true"] .studio-icon { opacity:.45; }
body.studio-map-active .site-loading { bottom:52px; border-radius:4px; background:#26343ff5; color:#d7e8f3; border-color:#90adc436; font:500 12px var(--sans); }
#view-map[data-mode="3d"] .studio-bottom-rail { background:#1c1f21; border-top-color:#bfc7cb1c; box-shadow:0 -4px 18px #0006; }
@media(min-width:1600px) {
  #view-map[data-mode="3d"] { --bay-console:330px; --bay-rail:250px; }
}
/* Short desktop windows keep the complete comparison visible. The material and
   hierarchy are the same as the large review view, with less unused spacing. */
@media(min-width:1001px) and (max-height:800px) {
  #view-map[data-mode="3d"] .pf-side>.studio-inspector-heading { min-height:84px; padding:10px 14px 0; gap:6px; }
  #view-map[data-mode="3d"] .studio-selection-meta strong { font-size:19px; line-height:1.1; }
  #view-map[data-mode="3d"] .studio-selection-meta small { font-size:9px; margin-top:4px; }
  #view-map[data-mode="3d"] .studio-inspector-tabs button { padding:9px 4px; font-size:10px; }
  #view-map[data-mode="3d"] .pf-side>.studio-inspector-scroll { padding:12px 16px 72px; }
  #view-map[data-mode="3d"] .studio-risk-value strong { font-size:32px; line-height:1.1; margin-top:6px; }
  #view-map[data-mode="3d"] .studio-insight-facts { margin-top:10px; padding:8px 0; }
  #view-map[data-mode="3d"] .studio-insight-facts strong { font-size:16px; margin-top:4px; }
  #view-map[data-mode="3d"] .studio-cost-explanation { margin-top:10px; }
  #view-map[data-mode="3d"] .studio-dock { margin-top:10px; padding-top:10px; }
  #view-map[data-mode="3d"] .studio-peer-section .studio-panel-head { display:flex; gap:8px; margin-bottom:4px; }
  #view-map[data-mode="3d"] .studio-peer-section .studio-panel-head h3 { font-size:11px; }
  #view-map[data-mode="3d"] .studio-peer-unit { margin:0; font-size:9px; }
  #view-map[data-mode="3d"] .studio-peer-summary { margin:6px 0 3px; }
  #view-map[data-mode="3d"] .studio-peer-comparison .studio-peer-row { min-height:22px; }
  #view-map[data-mode="3d"] .studio-peer-plot { height:22px; }
  #view-map[data-mode="3d"] .studio-peer-axis { margin-top:2px; }
  #view-map[data-mode="3d"] .studio-chart-note { margin-top:5px; line-height:1.4; }
}
@media(max-width:1000px) {
  #view-map[data-mode="3d"] .studio-tree { inset:calc(var(--studio-command-h,68px) + 78px) auto 100px 14px; width:260px; z-index:650; }
  #view-map[data-mode="3d"] .pf-side { inset:auto 14px 55px; width:auto; height:min(42vh,340px); }
  #view-map[data-mode="3d"] .pf-side>.studio-inspector-heading { min-height:80px; padding-top:10px; }
  #view-map[data-mode="3d"] .studio-selection-meta strong { font-size:18px; }
  #view-map[data-mode="3d"] .studio-inspector-footer { inset:10px 90px auto auto; width:auto; padding:0; border:0; background:transparent; }
  #view-map[data-mode="3d"] .studio-inspector-footer .studio-study-button { width:auto; min-height:30px; padding:6px 10px; font-size:10px; }
  #view-map[data-mode="3d"] .pf-side>.studio-inspector-scroll { padding-bottom:20px; }
  #view-map[data-mode="3d"] .pf-mapbox>.studio-scene-title { inset:142px 24px auto; }
  #view-map[data-mode="3d"] .studio-scene-title strong { font-size:22px; }
  #view-map[data-mode="3d"] .studio-camera-tools { bottom:var(--bay-tools-bottom,95px); }
  #view-map[data-mode="3d"] .studio-scene-caption { display:none; }
  #view-map[data-mode="3d"] .studio-orientation { display:none; }
  #view-map[data-mode="3d"].studio-hide-insights .pf-side { top:auto; bottom:55px; }
}
@media(max-width:600px) {
  #view-map .studio-brand-button { width:48px; padding:0; gap:0; }
  #view-map .studio-brand-button .studio-wordmark { font-size:19px; letter-spacing:-.7px; }
  #view-map .studio-menu-chevron { display:none; }
  #view-map[data-mode="3d"] .pf-mapbox>.studio-scene-title { display:none; }
  #view-map[data-mode="3d"] .studio-scene-title strong { font-size:19px; }
  #view-map[data-mode="3d"] .studio-tree { top:calc(var(--studio-command-h,72px) + 116px); bottom:100px; }
  #view-map[data-mode="3d"] .studio-inspector-footer { right:85px; }
  #view-map[data-mode="3d"] .studio-camera-tools { bottom:var(--bay-tools-bottom,95px); }
  #view-map[data-mode="3d"] .studio-inspector-footer .studio-study-button { padding:5px 8px; }
  #view-map[data-mode="3d"] .studio-selection-meta { max-width:calc(100% - 100px); }
  #view-map[data-mode="3d"] .studio-selection-meta small { display:none; }
  #view-map[data-mode="3d"] .studio-callout { display:none; }
  #view-map[data-mode="3d"] .studio-connectors { display:none; }
  #view-map[data-mode="3d"] .studio-camera-tools .studio-orbit-button,
  #view-map[data-mode="3d"] .studio-camera-tools .studio-pan-button { padding-inline:7px; }
}