/* Reposition the existing workspace; palette and content stay in their theme. */
.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}
.app-sidebar{background:color-mix(in srgb,var(--surface) 76%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.sidebar-backdrop{background:transparent;border-radius:0;cursor:default}
.sidebar-backdrop::before{content:'';position:absolute;inset:0 0 0 auto;width:calc(var(--sidebar-width) + 88px);pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(to right,transparent,#000 88px);-webkit-mask-image:linear-gradient(to right,transparent,#000 88px)}
.workspace-fit-budget{display:none}
.viewer-heading{display:contents}
.plot-region{border:0;border-radius:12px;background:transparent;box-shadow:0 0 18px rgb(222 213 162 / 49.960784%),0 0 44px rgb(222 213 162 / 35.686275%);overflow:hidden}
.plot-region>.plot-scroll{border-radius:8px;scrollbar-width:none}
.plot-region>.plot-scroll::-webkit-scrollbar{display:none}
.plot-scroll{cursor:default}
.plot-scroll.pan-enabled{cursor:grab}
.plot-scroll.is-panning{cursor:grabbing}
.plot-scroll.measuring{cursor:crosshair}
.record-panel-morph-shell{position:absolute;pointer-events:none;border:1px solid var(--line);border-radius:12px;background:var(--surface);z-index:7}

@media(min-width:761px){
 .app-shell,.app-shell.sidebar-collapsed{--sidebar-width:360px}
 .workspace-layout .record-panel:not([hidden]){animation:none}
 .workspace-layout,.workspace-layout.panel-open{--action-width:112px;--workspace-gap:16px;--content-width:clamp(260px,28vw,380px);position:relative;grid-template-columns:var(--action-width) minmax(0,1fr) var(--action-width);grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px var(--workspace-gap)}
 .workspace-layout.panel-description{grid-template-columns:var(--content-width) minmax(0,1fr) 0}
 .workspace-layout.panel-test{grid-template-columns:0 minmax(0,1fr) var(--content-width)}
 .workspace-fit-budget{display:block;position:absolute;left:calc(var(--action-width) + var(--workspace-gap));right:calc(var(--action-width) + var(--workspace-gap));top:0;bottom:0;visibility:hidden;pointer-events:none}
 .ecg-viewer,.record-workspace,.record-actions{display:contents}
 .viewer-heading{display:flex;grid-column:1/-1;grid-row:1;flex-direction:column;align-items:center;gap:6px;padding:0 56px 6px;min-width:0}
 .viewer-title{flex-basis:auto;text-align:center;margin:0;font-size:24px}
 .viewer-chips{justify-content:center}
 .plot-region{grid-column:2;grid-row:2}
 .measurement-bar{grid-column:1/-1;grid-row:3;border-bottom:0;padding:0}
 .measurement-result{justify-content:center}
 .viewer-toolbar{grid-column:1/-1;grid-row:4;justify-content:center;gap:8px;z-index:6;padding-top:2px}
 .playback-quick{flex-basis:auto;order:0;gap:8px 12px}
 .playback-quick .playback-options{margin-left:0}
 .record-action{grid-row:2;align-self:center;min-height:72px;font-size:13px;border-radius:12px}
 .record-action[data-record-action=description]{grid-column:1}
 .record-action[data-record-action=test]{grid-column:3}
 .workspace-layout.panel-open .record-actions{display:none}
 .workspace-layout .record-panel,.workspace-layout.panel-open:has(#quiz) .record-panel{grid-row:2;position:relative;inset:auto;width:auto;height:100%;min-height:0;margin:0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:auto;overscroll-behavior:contain}
 .panel-description .record-panel{grid-column:1}
 .panel-test .record-panel{grid-column:3}
 .record-panel:has(#quiz) .record-panel-head{right:8px;top:8px}
 .record-panel:has(#quiz)>.record-panel-body{height:auto;min-height:100%}
 .workspace-layout .sheet{border-radius:8px}
 .viewer-toolbar .button,.viewer-toolbar .select-trigger,.viewer-toolbar .window-presets button,.viewer-settings>summary,.lead-picker>summary{border-radius:10px}
 .viewer-settings>summary,.lead-picker>summary{padding:10px 12px}
 .settings-panel,.lead-picker-panel{top:auto;bottom:calc(100% + 8px);max-height:min(420px,calc(100dvh - 140px))}
 .viewer-toolbar .select-options{top:auto;bottom:calc(100% + 6px)}
 .ecg-viewer.expanded{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;z-index:18}
 .expanded .viewer-heading,.expanded .plot-region,.expanded .measurement-bar,.expanded .viewer-toolbar{grid-column:1}
 .expanded .viewer-toolbar>.screen-toggle{display:flex}
 .expanded .viewer-toolbar>.viewer-settings{order:0}
}
@media(min-width:761px) and (max-width:1050px){
 .workspace-layout,.workspace-layout.panel-open{--action-width:84px;--workspace-gap:12px}
 .viewer-toolbar{gap:6px}
 .viewer-toolbar .button,.viewer-toolbar .select-trigger,.viewer-settings>summary,.lead-picker>summary{padding:8px 10px;font-size:12px;min-height:40px}
 .playback-quick{gap:6px}
 .window-control>span,.playback-speed>span{display:none}
}
@media(max-width:760px){
 .plot-region{border-radius:10px;box-shadow:0 0 16px rgb(222 213 162 / 41.54902%),0 0 36px rgb(222 213 162 / 29.823529%)}
 .viewer-heading{display:flex;flex-direction:column;grid-row:1;gap:4px;min-width:0}
 .viewer-title{flex-basis:auto}
 .viewer-toolbar{grid-row:2}
 .viewer-toolbar>.screen-toggle{top:auto;bottom:calc(100% + 14px)}
 .expanded .viewer-heading{display:none}
 .expanded .viewer-toolbar{grid-row:1}
 .workspace-layout.panel-open:has(#quiz) .record-actions{display:none}
}