/* Tokens derive from the selected application theme; this dock owns no palette. */
.sphere-right-dock{--srd-edge:color-mix(in srgb,var(--bd,#778) 78%,transparent);--srd-surface:color-mix(in srgb,var(--pn,#18202c) 92%,transparent);--srd-hover:color-mix(in srgb,var(--ac,#8bd4ef) 12%,transparent);display:flex;flex-direction:column;flex:1 1 auto;width:auto;min-width:0;max-width:none;min-height:0;box-sizing:border-box;overflow:hidden;color:var(--tx,#edf4fa);background:var(--srd-surface);border-left:1px solid var(--srd-edge);font:12px/1.4 var(--ui-font,system-ui,sans-serif)}
.srd-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 7px;border-bottom:1px solid var(--srd-edge)}.srd-title{margin:0;font:700 12px var(--title-font,var(--ui-font,system-ui,sans-serif));letter-spacing:.07em}.srd-tabs{display:flex;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--srd-edge)}.srd-tab{flex:1 1 auto;min-width:0;text-align:center}.srd-tab[aria-selected=true]{background:var(--srd-hover);border-color:var(--ac);color:var(--tx);font-weight:750}.srd-collapse:focus-visible,.srd-display-reset:focus-visible{outline:2px solid var(--a2,var(--ac));outline-offset:2px}.srd-panels{flex:1 1 auto;min-height:0;overflow:auto;padding:10px}.srd-panel:focus-visible{outline:2px solid var(--a2,var(--ac));outline-offset:-2px}.sphere-right-dock.is-collapsed{min-width:auto;width:auto;flex:none}.sphere-right-dock.is-collapsed .srd-tabs,.sphere-right-dock.is-collapsed .srd-panels,.sphere-right-dock.is-collapsed .srd-title{display:none}.srd-display-settings{display:grid;gap:10px}.srd-display-group{padding:9px;border:1px solid var(--srd-edge);border-radius:11px;background:color-mix(in srgb,var(--pn) 82%,transparent)}.srd-display-group h3{margin:0;font-size:11px;font-weight:750;letter-spacing:.04em}.srd-display-help,.srd-display-unavailable{margin:3px 0 8px;color:var(--td,#aab5c0);font-size:var(--fs-caption)}.srd-display-control{display:grid;grid-template-columns:minmax(86px,1fr) minmax(80px,1.5fr) auto;align-items:center;gap:7px;margin-top:6px}.srd-display-label{font-size:11px}.srd-display-control input[type=range]{min-width:0;accent-color:var(--ac)}.srd-display-control input[type=checkbox],.srd-display-control select,.srd-display-reset{justify-self:start;accent-color:var(--ac)}.srd-display-value{min-width:3.5em;text-align:right;color:var(--td);font-variant-numeric:tabular-nums}@media (max-width:760px){.sphere-right-dock{position:fixed;z-index:7000;top:0;right:0;bottom:0;max-width:calc(100vw - 34px);box-shadow:-10px 0 28px color-mix(in srgb,#000 35%,transparent)}}@media (prefers-reduced-transparency:reduce){.sphere-right-dock{--srd-surface:var(--pn)}}

/* The dock fills the right panel below its header strip (owner decision 2026-09-27: all four tabs visible, no clipping). */
#sphere-workspace-right-dock:not([hidden]){display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0}
/* Groups appended by SphereRightDock#group — legacy controls rehosted into their new section. */
.srd-group{margin-top:10px;padding:9px;border:1px solid var(--srd-edge);border-radius:11px;background:color-mix(in srgb,var(--pn) 82%,transparent)}.srd-group-title{margin:0 0 6px;font-size:11px;font-weight:750;letter-spacing:.04em}.srd-group[hidden]{display:none}
.srd-group-body #angles-bar,.srd-group-body #speculum-panel{border-bottom:0!important;background:transparent}
/* Legacy sphere panel rehosted inside a section: natural height, the dock panel scrolls instead. */
.srd-legacy-slot>#sphere-panel{flex:none!important;min-height:auto!important;overflow:visible!important}
.srd-legacy-slot #sphere-tab-content{flex:none!important;min-height:auto!important;overflow:visible!important;max-height:none!important}
.srd-legacy-slot .sph-companion-controls{display:none!important}
.srd-legacy-slot #sphere-tab-bar[data-single]{display:none!important}

/* Direction systems (Lab Systems strip rehosted at the top of Directions). */
.srd-group-systems{margin-top:0;margin-bottom:10px}
.srd-group-systems .dlab-preset-strip{display:flex!important;flex-wrap:wrap;gap:4px;overflow:visible!important;max-width:none!important}
.srd-group-systems .dlab-systems-label{display:none}
.srd-group-systems .srd-group-body:has(>.dlab-preset-strip[hidden])::after{content:'Turn the Direction Lab on to choose a direction system.';font-size:11px;color:var(--td,#aab5c0)}