.panel-parameter-bubbles {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.panel-parameter-bubbles button {
  background: #fff;
  border: 1px solid #cbd8d4;
  border-radius: 999px;
  color: #41534e;
  cursor: pointer;
  font: 650 12px Inter, "Segoe UI", sans-serif;
  min-height: 32px;
  padding: 6px 10px;
}

.panel-parameter-bubbles button:hover,
.panel-parameter-bubbles button:focus-visible,
.panel-parameter-bubbles button.active {
  background: #e6f3ef;
  border-color: #087b68;
  color: #075e52;
  outline: none;
}

.panel-parameter-bubbles button.active {
  background: #087b68;
  color: #fff;
}

#panel-chart { margin-top: 4px; }
.matrix-map-nav { width:260px;max-width:calc(100% - 28px);max-height:calc(100% - 95px);overflow:auto; }
.matrix-map-nav details { border-bottom:1px solid #e0e8e4; }
.matrix-map-nav details:last-child { border-bottom:0; }
.matrix-map-nav summary { display:flex;align-items:center;gap:9px;padding:12px 8px;cursor:pointer;font-size:14px;font-weight:650;list-style:none; }
.matrix-map-nav summary::-webkit-details-marker { display:none; }
.matrix-chevron{font-size:19px;transition:transform .2s ease}
.matrix-map-nav details[open] .matrix-chevron{transform:rotate(180deg)}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;line-height:1}
.status-text{display:inline-flex;align-items:center;gap:5px}.status-text .material-symbols-outlined,.chart-insight .material-symbols-outlined{font-size:18px}
#custom-period-toggle .material-symbols-outlined{font-size:18px;vertical-align:middle}
#geometry-detail>button{display:inline-flex;align-items:center;gap:7px}
.matrix-map-nav details[open]>summary::after { transform:rotate(180deg); }
.matrix-map-nav summary>i { width:8px;height:8px;border-radius:50%;flex:none; }
.matrix-map-nav summary>span { flex:1; }
.matrix-map-nav summary>small { font-size:11px;font-weight:500;color:#637970; }
.matrix-layer-list { padding:0 6px 8px; }
.matrix-layer-list>p { font-size:12px;color:#65796f;padding:8px; }
.matrix-layer-row { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 3px;font-size:12px;line-height:1.4;cursor:pointer; }
.matrix-layer-row>span { min-width:0;overflow-wrap:anywhere; }
.matrix-layer-row small { display:block;font-size:10px;color:#65796f; }
.matrix-layer-row input { appearance:none;width:30px;height:18px;flex:none;background:#c8d4cf;border-radius:12px;position:relative;cursor:pointer;transition:background .15s; }
.matrix-layer-row input::after { content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:white;transition:transform .15s; }
.matrix-layer-row input:checked { background:#21846e; }
.matrix-layer-row input:checked::after { transform:translateX(12px); }
.matrix-layer-row input:focus-visible { outline:2px solid #172f28;outline-offset:3px; }
footer .developer-credit { display:flex;flex-direction:row;align-items:center;gap:14px; }
footer .developer-credit>img { width:95px;height:auto;max-height:55px;object-fit:contain; }
#mappa:fullscreen,#mappa.map-fullscreen-fallback { background:#f4f8f6;padding:16px;width:100vw;height:100dvh;display:flex;flex-direction:column;box-sizing:border-box;margin:0; }
#mappa.map-fullscreen-fallback { position:fixed;inset:0;z-index:9999; }
#mappa:fullscreen>.section-heading,#mappa.map-fullscreen-fallback>.section-heading { flex:0 0 auto;margin:0 0 12px; }
#mappa:fullscreen>.map-dashboard,#mappa.map-fullscreen-fallback>.map-dashboard { flex:1;min-height:0;height:auto; }
#mappa:fullscreen .map-wrap,#mappa.map-fullscreen-fallback .map-wrap { height:100%;min-height:0; }
#mappa:fullscreen #territory-map,#mappa.map-fullscreen-fallback #territory-map { height:100%!important;max-height:none;min-height:0; }
#map-detail-panel.geometry-mode > :not(#geometry-detail){display:none!important}
#geometry-detail{display:none;padding:24px;overflow-wrap:anywhere}
#map-detail-panel.geometry-mode #geometry-detail{display:block}
#geometry-detail h3{font-size:24px;margin:20px 0}
#geometry-detail p{padding:12px 0;border-bottom:1px solid #e1e9e6;line-height:1.5}
#geometry-detail a{display:block;margin:16px 0;color:#227e70}
.matrix-group-toggle{appearance:none;width:30px;height:18px;flex:none;background:#cbd5d1;border-radius:20px;position:relative;cursor:pointer}
.matrix-group-toggle:before{content:'';position:absolute;width:12px;height:12px;left:3px;top:3px;background:white;border-radius:50%}
.matrix-group-toggle:checked{background:#277e6d}
.matrix-group-toggle:checked:before{left:15px}
.matrix-group-toggle:indeterminate{background:#8baba2}
.matrix-group-toggle:indeterminate:before{left:9px}