/* Menu coerenti con l'area, compatti e utilizzabili anche da tastiera. */
.area select[hidden] { display: none !important; }
.area .select--custom {
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  width:100%; min-height:48px; padding:.8rem 1rem; margin:0 0 1rem;
  border:1px solid #bad5df; border-radius:12px; background:#fff; color:#134967;
  font:inherit; text-align:left; cursor:pointer;
}
.select--custom__label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.select--custom__chevron { width:.55rem; height:.55rem; flex:none; border-right:2px solid #087da8; border-bottom:2px solid #087da8; transform:rotate(45deg) translateY(-2px); }
.select--custom[aria-expanded="true"] { border-color:#087da8; box-shadow:0 0 0 3px #087da815; }
.select--custom[aria-expanded="true"] .select--custom__chevron { transform:rotate(225deg); }
.select--custom:focus-visible { outline:3px solid #087da8; outline-offset:3px; }
.select--custom:disabled { opacity:.6; cursor:default; }
.select-popover { position:fixed; z-index:2100; box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain; padding:.35rem; border:1px solid #bad5df; border-radius:14px; background:#fff; box-shadow:0 12px 35px #07334428; }
.select-popover[hidden] { display:none; }
.select-popover__option { display:flex; align-items:center; justify-content:space-between; gap:.7rem; width:100%; min-height:44px; padding:.65rem .8rem; border:0; border-radius:9px; background:transparent; color:#134967; font:inherit; text-align:left; line-height:1.35; cursor:pointer; }
.select-popover__option:hover, .select-popover__option[aria-selected="true"] { background:#e9f5fa; }
.select-popover__option[aria-selected="true"] { font-weight:700; }
.select-popover__option[aria-selected="true"]::after { content:'✓'; color:#087da8; }
.zone-dialog { width:min(35rem,calc(100% - 2rem)); max-height:85vh; padding:1.6rem; border:1px solid #bad5df; border-radius:20px; background:#fff; color:#134967; box-shadow:0 20px 60px #07334440; }
.zone-dialog::backdrop { background:#07334490; }
.zone-dialog h2 { margin:0 0 1rem; font-size:1.4rem; }
.zone-dialog ul { padding-left:1.2rem; }
.zone-dialog li { padding:.5rem 0; }
.zone-dialog label { display:flex; gap:.7rem; align-items:flex-start; margin:1.2rem 0; }
.zone-dialog input[type="checkbox"] { width:20px; height:20px; flex:none; margin:3px 0 0; accent-color:#087da8; }
.zone-dialog .riga-azioni { display:flex; gap:.7rem; flex-wrap:wrap; }
.zone-dialog button:disabled { opacity:.45; cursor:not-allowed; }

.select-popover__option.is-active { outline:2px solid #087da8; outline-offset:-2px; background:#e9f5fa; }