/* ── map.css overrides (layout conflicts) ──────────────── */
.slider { width: auto !important; }

/* ── Viz area ──────────────────────────────────────────── */
.viz-area { flex: 1; min-width: 0; display: flex; }
#worldmap { flex: 1 !important; min-width: 0; height: 100% !important; border: none; }
@media (min-width: 769px) { iframe { height: 100% !important; } }

/* ── Projection tier (de-emphasized) ──────────────────── */
.fg-secondary .cp-label { color: rgba(136,146,164,0.75); }
.fg-secondary select.ctrl-select { font-size: 12px; }

/* ── Time-bar separator ────────────────────────────────── */
.cp-sep { width: 1px; height: 22px; background: var(--border); flex-shrink: 0; }

/* ── Timelapse year inputs ─────────────────────────────── */
input[type="number"].tl-inp {
  width: 58px; flex-shrink: 0;
  background: var(--input-bg); border: 1px solid var(--border);
  border-radius: var(--radius); color: var(--text);
  padding: 4px 6px; font-size: 13px; text-align: center;
}
input[type="number"].tl-inp:focus { outline: none; border-color: var(--accent); }

/* ── Responsive ────────────────────────────────────────── */
@media (max-width: 900px) { .cp-sep { display: none; } }