/* Scoped to the optional flat-elevation map; existing dashboard styles stay intact. */
.elevation-panel{position:absolute;z-index:420;left:16px;bottom:60px;width:302px;max-width:calc(100% - 32px);border:1px solid #dce4ea;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 3px 16px #10243b1a;color:#183044;font-size:11px}
.elevation-panel[hidden]{display:none}
.elevation-panel summary{padding:10px 12px;cursor:pointer;font-weight:600;min-height:38px;box-sizing:border-box}
.elevation-panel summary:focus-visible,.elevation-opacity input:focus-visible{outline:3px solid #315efb;outline-offset:2px}
.elevation-body{padding:0 12px 10px}
.elevation-scale{display:flex;width:100%;gap:1px;margin:2px 0 8px}
.elevation-stop{flex:1;min-width:0;text-align:center;font-size:10px}
.elevation-stop i{display:block;height:12px;background:var(--elevation-color);margin-bottom:3px}
.elevation-stop:first-child i{border-radius:3px 0 0 3px}.elevation-stop:last-child i{border-radius:0 3px 3px 0}
.elevation-opacity{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.elevation-opacity input{min-width:0;flex:1;accent-color:#315efb;min-height:28px;margin:0}
.elevation-opacity output{min-width:29px;text-align:right;font-variant-numeric:tabular-nums}
.elevation-readout{display:block;font-weight:600;line-height:1.5}.elevation-position{display:block;font-size:10px;color:#607184;font-variant-numeric:tabular-nums}
.elevation-note{font-size:10px;line-height:1.5;color:#576574;margin:6px 0 2px}.elevation-source{font-size:9px;color:#607184}
.map-area[data-mode=elevation] .map-message{bottom:auto;top:70px;max-width:calc(100% - 28px)}
.map-mode-toggle button[data-mode=elevation]{white-space:nowrap;padding-inline:10px}
@media(max-width:640px){
  .map-mode-toggle button[data-mode=elevation]{font-size:11px;padding-inline:8px}
  .elevation-panel{left:10px;bottom:57px;width:278px;max-width:calc(100% - 20px)}
  .elevation-panel summary{padding:8px 10px}.elevation-body{padding:0 10px 8px}
  .map-top{flex-wrap:wrap;align-items:flex-start}.map-switches{flex-shrink:0}
  .map-area[data-mode=elevation] .map-message{top:110px}
}