/* Map controls use the Account palette; routes and user-selected colors are preserved. */
html body:not([data-hud-media="true"]):not(.map-hud-view):has(#map-workspace),html body:not([data-hud-media="true"]):not(.map-hud-view):has(.map-workspace){--surface:#0b141d;--line:#2b3e4f;--muted:#a6b8c9;--control:#111f2c;color:#f4f7fc}
html body:not([data-hud-media="true"]):not(.map-hud-view) :is(.map-header,.drawing-dock,.context-bar,.locate,.zoom-group,.map-name-dropdown,.map-foot,.my-maps,.panel-toggle,.floating-panel){background:#0b141d!important;border-color:#2b3e4f!important;color:#f4f7fc}
html body:not([data-hud-media="true"]):not(.map-hud-view) :is(.map-header,.drawing-dock,.context-bar,.locate,.zoom-group,.floating-panel,.map-name-dropdown) :is(button,select,input,summary){background-color:#111f2c;color:#e8f1fa;border-color:#31485b}
html body:not([data-hud-media="true"]):not(.map-hud-view) :is(.map-header,.drawing-dock,.context-bar,.floating-panel) :is(button[aria-pressed=true],.primary){background-color:#003a9c;border-color:#3279d6;color:#fff}
html body:not([data-hud-media="true"]):not(.map-hud-view) .swatch{background:var(--swatch)!important}

/* Layer control: no extra colored tile or backing around the button. */
html body.viewing .drawing-dock{background:transparent!important;border:0;box-shadow:none;backdrop-filter:none;padding:0}
html body .drawing-dock #layers-toggle:not([aria-expanded=true]){background:transparent;border-color:transparent;box-shadow:none}
html body .drawing-dock #layers-toggle:hover{background:#ffffff14}