/* Shared clinical palette. Light examination surfaces, graphite controls, turquoise accents. */
:root,html[data-theme="light"],html[data-theme="dark"]{
 --navy:#171e22;--navy-deep:#0f1619;--sky:#83d8ce;--sky-pale:#e7f4f1;
 --bg:#fff;--bg2:#fff;--surface:#fff;--surface2:#edf5f3;--surface3:#e0f0ec;
 --ink:#243738;--muted:#617271;--faint:#617271;--line:#ccdcd8;--line2:#94b4ac;
 --accent:#26766e;--glass:#fffffffa;--panel:#fff;color-scheme:light;
}
html body,html[data-page="library"] body,html[data-theme="dark"][data-page="library"] body{background:#fff;color:var(--ink)}
:where(button,a,input,select,summary):focus-visible{outline-color:#40a69b!important}
input[type="range"],input[type="checkbox"],input[type="radio"]{accent-color:#26766e}
.homeBrand,.knowledgeBrand,.homeHeader a,.homeFooter a{color:var(--navy)}
.homeButton,.homeIntro .homeButton,.homeHeader .homeButton{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)}
.homeProtocolGroups>article,.homeProtocolGroups>article:nth-child(2),.homeNerveCatalog article,.homeNerveCatalog article:last-child,
.planCard,.homeDetails,.scienceBlack,.knowledgeBlack{background:var(--navy)!important;color:#fff;border-color:var(--navy);border-radius:12px}
.homeProtocolGroups .homeTestRows button,.homeProtocolGroups .homeTestRows button span,.homeNerveCatalog p,.planCard p,.planCard ul,.homeDetails p,.scienceBlack p,.knowledgeBlack .knowledgeSmall{color:#d1e8e2!important}
.homeProtocolGroups .homeTestRows button{border-color:#3c5555}.homeProtocolGroups h3,.homeNerveCatalog h3,.planCard h3,.homeDetails h2{color:#fff}
.homeProtocolGroups .homeTestRows button:hover{background:#2d4a4b}.homeDetails .homeButton{background:var(--sky)!important;color:var(--navy-deep)!important;border-color:var(--sky)}
.planCard.isSelected{border-color:var(--sky);box-shadow:inset 0 0 0 2px var(--sky)}
.planCard button,.planCard.isSelected button{background:var(--sky-pale);color:var(--navy);border:1px solid var(--sky);border-radius:6px;padding:10px 15px}
.showcaseCard{border-color:var(--line);background:#fff}.showcaseCardHead{background:var(--navy);color:#fff;border-color:var(--navy)}
.showcaseCardHead span{color:#c6e7df}.showcaseCardHead b{color:#fff}.showcaseTag{background:var(--navy)!important;color:#fff!important}
.showcaseCardFoot button,.showcaseCompressionCopy button{background:var(--navy);color:#fff}.showcaseCompression{background:var(--sky-pale)}
.showcaseCompressionCopy>span,.showcaseCompressionCopy small,.showcaseNote{color:var(--muted)}
.scienceBox,.knowledgeCard{border:1px solid var(--line);border-radius:12px}.scienceBox thead{background:var(--navy);color:#fff}
.knowledgeIntro{background:var(--sky-pale);color:var(--navy);border-radius:12px}.knowledgeBlack{--ink:#fff;--muted:#c6e7df;--line:#3c5555}
.knowledgeAction,.knowledgeTabs button[aria-pressed="true"]{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}
.knowledgeBlack .knowledgeAction,.knowledgeBlack .knowledgeTabs button[aria-pressed="true"]{background:var(--sky)!important;color:var(--navy-deep)!important;border-color:var(--sky)!important}
.knowledgeCard select option{background:#fff;color:var(--navy)}.knowledgeBlack input[type="range"]{accent-color:var(--sky)}
html[data-page="atlas"] #inspector{background:var(--navy)!important;color:#fff;--muted:#c6e7df;--faint:#c0ded5;--line:#3c5555;--line2:#83aaa0}
html[data-page="atlas"] #inspector #tab-motion h2,html[data-page="atlas"] #inspector #tab-motion label,html[data-page="atlas"] #inspector #tab-motion output,
html[data-page="atlas"] #inspector .jointGroup h3,html[data-page="atlas"] #inspector .jointGroup summary{color:#fff!important}
html[data-page="atlas"] #inspector #tab-motion .muted,html[data-page="atlas"] #inspector .romIntro{color:#c6e7df!important}
html[data-page="atlas"] #inspector input[type="range"]{accent-color:var(--sky)}
html[data-page="atlas"] #inspector .actionBtn{background:#e7f4f1;color:var(--navy);border-color:#83bdb0}
html[data-page="atlas"] #focusedStageControls #quickTestPanel{background:var(--navy)!important;border:1px solid var(--navy);border-radius:10px!important;color:#fff!important}
html[data-page="atlas"] #focusedStageControls #quickTestPanel label{color:#d1e8e2!important}
html[data-page="atlas"] #focusedStageControls #quickTestPanel select{background:#fff!important;color:var(--navy)!important;border-color:#a9cec5}
#focusedStageControls #inspectorTension{background:#fff;border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:10px}
html[data-page="atlas"] #viewport>#motionDock{background:var(--navy)!important;color:#fff;border:1px solid var(--navy)}
#motionDock .dockLabel,#motionDock label,#motionDock output,#motionDock .muted{color:#d1e8e2!important}
#motionDock input[type="range"]{accent-color:var(--sky)}#motionDock button{background:#e7f4f1;color:var(--navy);border-color:#a9cec5}
#atlasModeBar button.on,.atlasBtnDark,.atlasSeg button[aria-pressed="true"],.atlasLangBar button.on,#atlasPanelsBtn[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.atlasWorkspace{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 10px 32px #171e2212}
.atlasWsHead,.compressionHead{background:var(--navy);color:#fff;border-color:var(--navy)}
.atlasWsKicker,.atlasWsHead .atlasFine{color:#c6e7df}.atlasWsHead .atlasBtn{background:#e7f4f1;color:var(--navy);border-color:#a9cec5}
.atlasCard,.atlasSheet,.tecCharts figure,.camView{border-color:var(--line);background:#fff;color:var(--ink)}
.atlasCard{border-top:3px solid var(--navy)}.tecLive article,.tecLive article+article{background:var(--navy);color:#fff;border-color:var(--navy)}
.tecLive dt{color:#c6e7df}.tecLive dd{color:#fff}.atlasPill{background:var(--sky-pale);color:var(--navy);border-color:var(--line)}
.atlasToolbar,.ecoTop{color:var(--ink)}.atlasSeg,.atlasBtn{border-color:var(--line2)}
.compressionHead button{color:#fff}.compressionImageActions button,.compressionImageActions a{border-color:var(--line2);color:var(--navy)}
/* The two imaging panes share the same enlarged examination area. */
.atlasWorkspace-ecografia .atlasWsBody{padding:16px 18px}
.ecoWorkbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 216px;gap:16px}
.ecoAnatomyPane,.ecoScanPane{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.ecoAnatomyPane .ecoPaneHead,.ecoScanPane .ecoPaneHead{padding:10px 12px;margin:0;min-height:58px;background:var(--navy);color:#fff;flex-wrap:wrap}
.ecoPaneHead .atlasSeg{border-color:#8bbdb2}.ecoPaneHead .atlasSeg button{background:#fff;color:var(--navy)}
.ecoPaneHead .atlasSeg button[aria-pressed="true"]{background:var(--sky);color:var(--navy-deep)}
.ecoAnatomyPane .ecoRegion,.ecoScanPane .ecoImageWrap{height:clamp(340px,52vh,620px);border:0;border-radius:0}
.ecoScanPane #ecoImage{width:min(100%,clamp(340px,52vh,620px));max-height:100%;object-fit:contain}
.ecoScanPane .ecoCaption{padding:9px 12px;margin:0;max-height:none;color:var(--muted);background:#fff}
.ecoProbeTag{background:#e7f4f1f2;color:var(--navy);border:1px solid var(--line);border-radius:4px}
.ecoConsole{background:var(--navy);color:#fff;border-radius:10px;padding:0 14px 14px}
.ecoConsole .ecoPaneHead{min-height:58px}.ecoConsole .ecoParameter output,.ecoConsole h3{color:#fff}
.ecoConsole .ecoLiveNotice,.ecoConsole .ecoHint,.ecoConsole .ecoReviewed>span,.ecoConsole .ecoTextButton{color:#c6e7df}
.ecoConsole input[type="range"]{accent-color:var(--sky)}.ecoConsole .atlasBtnDark{background:var(--sky);color:var(--navy-deep);border-color:var(--sky)}
.ecoConsole .ecoReviewed button{background:#fff;color:var(--navy);border-color:#a9cec5}
.ecoOptions,.ecoDocumentation{border-color:var(--line)}
@media(max-width:1100px){.ecoWorkbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 190px;gap:12px}.ecoAnatomyPane .ecoPaneHead,.ecoScanPane .ecoPaneHead{min-height:86px}}
@media(max-width:900px){.ecoWorkbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ecoConsole{grid-column:1/-1}.ecoConsole #ecoParameters{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ecoConsole #ecoExport{width:auto}.ecoAnatomyPane .ecoRegion,.ecoScanPane .ecoImageWrap{height:380px}.ecoScanPane #ecoImage{width:min(100%,380px)}}
@media(max-width:600px){.atlasWorkspace-ecografia .atlasWsBody{padding:12px}.ecoWorkbench{grid-template-columns:minmax(0,1fr);gap:16px}.ecoAnatomyPane .ecoPaneHead,.ecoScanPane .ecoPaneHead{min-height:58px}.ecoAnatomyPane .ecoRegion,.ecoScanPane .ecoImageWrap{height:clamp(300px,88vw,420px)}.ecoScanPane #ecoImage{width:min(100%,420px)}.ecoConsole #ecoParameters{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-page="atlas"] #inspector #focusedRomIntro{color:#c6e7df}
html[data-page="atlas"] #inspector #tab-motion .sliderRow input[type="range"]{accent-color:var(--sky)!important}
html[data-page="atlas"] #inspector #tab-motion .jointGroup{border-bottom-color:#3c5555!important}
html[data-page="atlas"] #focusedStageControls #quickTestPanel{padding:10px 12px!important}
html[data-page="atlas"] #viewport>#viewToolbar{top:118px!important}
html[data-page="atlas"] #viewport>#motionDock #playBtn{background:var(--sky)!important;color:var(--navy-deep)!important}
html[data-page="atlas"] #viewport>#motionDock #timeline{accent-color:var(--sky)!important}
html[data-page="atlas"] #viewport>#motionDock #motionName,html[data-page="atlas"] #viewport>#motionDock #motionPhase{color:#fff}
@media(max-width:600px){html[data-page="atlas"] #focusedStageControls #quickTestPanel{padding:6px!important}}
.homeProtocolGroups>article{padding:24px}
.homeDetails{padding:36px;margin-bottom:48px}
@media(max-width:600px){.homeProtocolGroups>article{padding:20px}.homeDetails{padding:24px}}