/* layers-drawer.css — the Layers drawer at the foot of the side panel, and the globe button that opens it when the
   panel is closed (layers-drawer.js; MapLegend + SidebarDrawer cards). Layout only: the drawer, the segmented
   control, the range and the button come from the bundle. Tokens only. */
.ld-drawer { margin: 0 var(--sp-3) var(--sp-3); flex-shrink: 0; }
.ld-drawer .sidebar-drawer-body { padding: var(--sp-2) var(--sp-3) var(--sp-3); gap: var(--sp-3); }   /* closed by default: base.css hides the body until .open */
.ld-drawer.open .sidebar-drawer-body { display: grid; }
.ld-card h4 + ul, .ld-card h4 + .ld-row { margin-top: var(--sp-1); }
.ld-card ul + h4, .ld-card .ld-row + .ld-fresh, .ld-card .ld-fresh + h4 { margin-top: var(--sp-3); }
.ld-fresh { display: flex; align-items: center; gap: var(--sp-2); font: var(--text-caption); color: var(--muted-foreground); }
.ld-fresh:empty { display: none; }
.ld-row { display: flex; align-items: center; gap: var(--sp-3); }
.ld-dim { display: flex; align-items: center; gap: var(--sp-2); flex: 1; min-width: 0; font: var(--text-caption); color: var(--muted-foreground); }
.ld-dim .op-range { flex: 1; min-width: 0; }
/* bottom-left of the map, clear of the nav rail (48px is the rail's width in base.css, not a spacing) */
.ld-button { position: absolute; bottom: var(--sp-4); left: calc(48px + var(--sp-4)); z-index: var(--z-map-controls); }
.ld-button[hidden] { display: none; }