.coverage-comparison{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--style-surface)}
.centrality-filters{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:8px}.centrality-filters legend{font-size:12px;font-weight:650;padding:0 5px}.centrality-filters .form-row{margin:10px 0}.centrality-filters p{line-height:1.5;margin:8px 0}.centrality-filters input{min-width:0;width:100%}
.coverage-selector{display:flex;align-items:center;justify-content:space-between;gap:8px}.coverage-selector>span{font-size:10px;color:var(--muted);max-width:55px;line-height:1.3}.coverage-selector>span:last-child{text-align:right}
.coverage-points{display:flex;gap:5px;flex:1;justify-content:center}.coverage-point{font-size:11px;border:1px solid #b9c5bd;background:var(--efficiency-color,#fff);color:var(--efficiency-ink,#263a2e);padding:8px 5px;border-radius:6px;min-width:36px;min-height:36px}.coverage-point.active{font-weight:750;border-color:var(--efficiency-ink,#263a2e);box-shadow:0 0 0 2px var(--style-surface),0 0 0 3px var(--ink);text-decoration:underline;text-underline-offset:3px}.coverage-point:disabled{cursor:default}.coverage-point[data-tone="unavailable"]{color:#747474;border-style:dashed}.coverage-point:focus-visible,.coverage-marker-point:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.coverage-point[data-point="star"]{font-size:15px}.coverage-comparison:not(.compact) .coverage-selector{flex-wrap:wrap}.coverage-comparison:not(.compact) .coverage-points{order:3;flex-basis:100%}
.coverage-live{font-size:12px;margin:10px 0 0}.coverage-comparison details{margin-top:12px}.coverage-comparison summary,.coverage-options summary{font-size:12px;cursor:pointer}.coverage-options{padding:12px;border:1px solid var(--line);border-radius:8px}.coverage-options[open] summary{margin-bottom:15px}.coverage-options .field{margin:12px 0}.coverage-table-wrap{overflow:auto}.coverage-table{width:100%;font-size:11px;border-collapse:collapse;margin-top:12px}.coverage-table th,.coverage-table td{text-align:right;padding:7px 4px;border-bottom:1px solid var(--line)}.coverage-table th:first-child,.coverage-table td:first-child{text-align:left}
.coverage-comparison.compact{padding:7px 10px;margin:6px 0 0;background:transparent;border:0;display:flex;align-items:center;justify-content:center;gap:18px}.compact .coverage-selector{max-width:370px;flex:1}.compact .coverage-live{margin:0;font-size:11px;white-space:nowrap}.coverage-efficiency-live{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.4}.coverage-assessment{display:block;margin-top:3px;font-weight:650}.compact .coverage-efficiency-live{font-size:10px;margin-top:2px}.coverage-color-key{display:flex;flex-wrap:wrap;gap:7px 12px;font-size:10px;color:var(--muted);margin:13px 0 7px}.coverage-color-key span{display:inline-flex;align-items:center;gap:4px}.coverage-color-key i{width:11px;height:11px;border:1px solid #b9c5bd;border-radius:3px}.efficiency-green{background:#c3e2ca}.efficiency-red{background:#f2c4c1}.efficiency-white{background:#fff}.coverage-marker-filter{min-width:0;border:1px solid var(--line);border-radius:8px;padding:11px;margin:15px 0}.coverage-marker-filter legend{font-size:11px;padding:0 4px}.coverage-marker-points{display:flex;justify-content:space-between;gap:4px}.coverage-marker-point{min-height:36px;font-size:10px;flex:1;padding:5px 3px;border:1px dashed var(--line);border-radius:5px;background:var(--style-surface);color:var(--muted)}.coverage-marker-point.included{border-style:solid;color:var(--ink);background:var(--style-soft)}.coverage-marker-point:disabled{opacity:.45;cursor:default}.coverage-marker-filter p{margin:9px 0 0;line-height:1.5}
.alternative-role-mark{cursor:pointer}.alternative-role-mark circle{fill:var(--style-surface);stroke-width:1.4}.alternative-role-mark text{font-size:25px;font-weight:800;pointer-events:none}.alternative-level-1 circle{stroke:var(--role-n1)}.alternative-level-1 text{fill:var(--role-n1)}.alternative-level-2 circle{stroke:var(--role-n2)}.alternative-level-2 text{fill:var(--role-n2)}
.unreachable-node-outline{fill:none;stroke:#c44e36;stroke-width:3;stroke-dasharray:5 3;pointer-events:none}.unreachable-node-mark{pointer-events:none}.unreachable-node-mark circle{fill:#b94333;stroke:#fff;stroke-width:1.3}.unreachable-node-mark text{fill:#fff;font-size:17px;font-weight:800}.graph-node.is-unreachable .node-ring{stroke:#b94333;stroke-width:3}.coverage-unreachable-key{font-size:10px;margin:4px 0;color:var(--ink)}.coverage-unreachable-key>span{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#b94333;color:#fff;font-size:10px;font-weight:750}.compact .coverage-unreachable-key{display:inline;font-size:10px;margin-left:5px}.compact .coverage-live{display:inline}.coverage-star-note{padding:8px;border:1px solid var(--line);border-radius:6px}.coverage-color-key i{flex-shrink:0}.compact .coverage-selector{max-width:430px}
@media(max-width:650px){.coverage-comparison.compact{display:block;padding:3px 0}.compact .coverage-selector{margin:auto;max-width:360px}.compact .coverage-readout{text-align:center}.compact .coverage-live{margin-top:3px}.compact .coverage-point{min-height:32px;padding:5px}.coverage-comparison:not(.compact) .coverage-selector{flex-wrap:wrap}.coverage-comparison:not(.compact) .coverage-points{order:3;flex-basis:100%}}
@media(max-width:380px){.compact .coverage-selector{gap:5px}.compact .coverage-selector>span{max-width:37px;font-size:9px}.compact .coverage-points{gap:4px}.compact .coverage-point{min-width:32px;padding:5px 3px}}

/* La barra inferior de comparación solo se muestra con la pantalla en vertical. */
@media (orientation: landscape) {
  #map-footer .coverage-comparison.compact { display: none; }
}