/* ── map.css ── */

#map {
    position: fixed;
    inset: 0;
    z-index: 0;
}

/* Mapbox GL overrides */
.mapboxgl-ctrl-top-right {
    top: calc(var(--topbar-h) + 8px) !important;
}
.mapboxgl-ctrl-group {
    border: 1px solid var(--border) !important;
    box-shadow: var(--shadow-sm) !important;
    border-radius: var(--r-md) !important;
    overflow: hidden;
}
.mapboxgl-ctrl-group button {
    width: 30px !important; height: 30px !important;
    background-color: var(--surface) !important;
}
.mapboxgl-ctrl-group button:hover { background-color: var(--surface-2) !important; }
.mapboxgl-ctrl-attrib { font-size: 10px !important; opacity: 0.65; }
.mapboxgl-canvas { outline: none; }

/* Coordinate bar — bottom left */
#coord-bar {
    position: fixed;
    bottom: calc(var(--timebar-h) + 8px);
    left: 12px;
    z-index: 1000;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-sm);
    padding: 4px 10px;
    font-size: 11px;
    font-family: 'Courier New', monospace;
    color: var(--text-2);
    box-shadow: var(--shadow-sm);
    pointer-events: none;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: bottom 0.25s ease;
}
#coord-bar.no-timebar { bottom: 8px; }
#coord-bar svg { color: var(--accent); opacity: 0.7; flex-shrink: 0; }

/* Ruler bar — bottom right, always on top of everything */
#ruler-bar {
    position: fixed;
    bottom: calc(var(--timebar-h) + 8px);
    right: 12px;
    z-index: 1000;
    background: var(--accent);
    color: #fff;
    border-radius: var(--r-sm);
    padding: 5px 12px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: var(--shadow-md);
    transition: bottom 0.25s ease;
}
#ruler-bar.no-timebar { bottom: 8px; }
#ruler-clear {
    background: rgba(255,255,255,0.18);
    color: #fff;
    border-radius: 3px;
    padding: 1px 6px;
    font-size: 11px;
    margin-left: 2px;
    transition: background 0.15s;
}
#ruler-clear:hover { background: rgba(255,255,255,0.32); }