/* Author: Antony M.N - IT Precision
   Copyright (c) 2026 Pegasus. All rights reserved. */
/* GeoSentinelClient page styles on top of the Commons theme (loaded by js/cli-theme.js). Theme tokens only. */

/* ---------- Layer legend (flood map, exposure maps) ---------- */
.cli-swatch { display: inline-block; width: 14px; height: 14px; border-radius: 3px; margin-right: 8px; vertical-align: -2px;
  border: 1px solid rgba(255, 255, 255, 0.25); }
.cli-swatch.line { height: 4px; border-radius: 2px; vertical-align: 3px; border: 0; }
.cli-swatch.dashed { background: transparent !important; border: 2px dashed currentColor; }
.cli-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 6px 0 0 22px; font-size: 12.5px; color: var(--muted); }

/* ---------- Collapsible side panels (flood map) ---------- */
.cli-collapsible .panel-header { cursor: pointer; user-select: none; }
.cli-collapsible .panel-header .cli-caret { margin-left: auto; font-size: 11px; color: var(--muted); transition: transform 0.15s; }
.cli-collapsible.closed .panel-header .cli-caret { transform: rotate(-90deg); }
.cli-collapsible.closed .panel-body { display: none; }