/* Velyx Management — Monde en direct et Opérations (variables et classes du socle uniquement). */

/* Ligne réglage : libellé + explication à gauche, interrupteur à droite. */
.wl-line { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.wl-line > div { display: grid; gap: 2px; min-width: 0; }
.wl-line small { font-size: 12px; }

/* Tuiles des groupes de zones météo. */
.wl-zones { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr)); gap: 8px; }
.wl-zone { background: var(--inv-plate); padding: 12px 14px; display: grid; gap: 10px; transition: background var(--v-slow, .2s) ease; }
.wl-zone.dark { background: var(--inv-panel); }
.wl-zone-head { display: flex; align-items: center; gap: 6px; min-width: 0; }
.wl-zone-head b { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wl-zone-weather { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; }
.wl-zone-weather svg { width: 18px; height: 18px; color: var(--accent); }
.wl-zone.dark .wl-zone-weather svg { color: var(--inv-ink-3); }
.wl-zone-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wl-zone-actions select { flex: 1; min-width: 120px; }
.wl-zone-actions .check { gap: 6px; font-size: 12px; color: var(--inv-ink-3); }