.roma-shell{width:min(1440px,calc(100% - 28px));padding-bottom:28px}.roma-topbar{align-items:flex-start;margin-bottom:12px}.roma-topbar>div{text-align:right}.roma-topbar p{margin:4px 0 0;color:var(--muted-foreground);font-size:var(--font-size-small)}.roma-toolbar{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(360px,1.55fr) auto;align-items:end;gap:10px;margin-bottom:10px}.map-select-label{display:grid;gap:5px;color:var(--muted-foreground);font-size:var(--font-size-small)}.map-select-label .form-select{min-height:40px;color:var(--foreground);font-weight:var(--font-weight-medium)}.layer-switches{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px}.map-switch{display:flex;min-height:40px;align-items:center;gap:9px;padding:5px 10px;border:1px solid var(--input);border-radius:var(--radius-lg);background:var(--secondary);cursor:pointer}.map-switch:has(input:checked){border-color:color-mix(in srgb,var(--primary) 55%,var(--input));background:color-mix(in srgb,var(--primary) 8%,var(--secondary))}.map-switch:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--ring) 25%,transparent);outline-offset:2px}.map-switch input{width:17px;height:17px;margin:0;accent-color:var(--primary)}.map-switch span{display:grid;min-width:0;gap:1px}.map-switch strong{font-size:12px;font-weight:var(--font-weight-medium);line-height:1.15}.map-switch small{overflow:hidden;color:var(--muted-foreground);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.label-mode-switch{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:40px;align-items:center;gap:8px;padding:5px 7px 5px 10px;border:1px solid var(--input);border-radius:var(--radius-lg);background:var(--secondary)}.label-mode-switch>span{overflow:hidden;color:var(--foreground);font-size:12px;font-weight:var(--font-weight-medium);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.label-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;border:1px solid color-mix(in srgb,var(--input) 76%,transparent);border-radius:calc(var(--radius-lg) - 3px);background:color-mix(in srgb,var(--background) 34%,transparent)}.label-mode-options label{position:relative;min-width:0;cursor:pointer}.label-mode-options input{position:absolute;width:1px;height:1px;opacity:0}.label-mode-options span{display:block;overflow:hidden;min-height:24px;padding:6px;border-radius:calc(var(--radius-lg) - 6px);color:var(--muted-foreground);font-size:10px;font-weight:var(--font-weight-medium);line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.label-mode-options input:checked+span{color:var(--primary-foreground);background:var(--primary)}.label-mode-options input:focus-visible+span{outline:2px solid var(--ring);outline-offset:1px}.map-zoom-controls{display:flex;align-items:center;gap:4px}.map-zoom-controls button{min-width:38px;min-height:40px;padding:0 10px;border:1px solid var(--input);border-radius:var(--radius-lg);color:var(--foreground);background:var(--secondary);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer}.map-zoom-controls button:disabled{cursor:default;opacity:.45}.map-zoom-controls button:focus-visible{outline:3px solid color-mix(in srgb,var(--ring) 30%,transparent);outline-offset:2px}.map-zoom-controls output{min-width:72px;color:var(--muted-foreground);font-size:var(--font-size-small);text-align:center}.roma-map-shell{position:relative;height:min(72vh,760px);min-height:560px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-2xl);background:linear-gradient(color-mix(in srgb,var(--primary) 3%,transparent),color-mix(in srgb,var(--primary) 3%,transparent)),var(--card)}.map-selection{position:absolute;z-index:5;top:10px;left:10px;display:grid;max-width:min(420px,calc(100% - 20px));gap:2px;padding:8px 11px;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--popover-foreground);background:color-mix(in srgb,var(--popover) 94%,transparent);box-shadow:0 8px 24px #0000001a;pointer-events:none}.map-selection strong{overflow:hidden;font-size:15px;font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.map-selection span{overflow:hidden;color:var(--muted-foreground);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.map-tile-layer,.map-overview-canvas,#roma-map{position:absolute;inset:0;display:block;width:100%;height:100%}.map-tile-layer{z-index:1;overflow:hidden;pointer-events:none}.map-tile-viewport,.map-overview-canvas,.map-viewport{transform-origin:0 0;will-change:transform}.map-tile-viewport{position:absolute;inset:0}.map-background-tile{position:absolute;display:block;max-width:none;opacity:.62}.map-overview-canvas{z-index:2;pointer-events:none}.map-overview-canvas[hidden]{display:none}#roma-map{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none}#roma-map.is-panning,#roma-map.is-panning .map-zone,#roma-map.is-panning .municipality-hit-area{cursor:grabbing}.map-viewport{transform-box:view-box}.map-zone{--zone-hue: 210;fill:hsl(var(--zone-hue) 68% 55% / .3);stroke:none;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .12s ease}.map-zone-boundary-casing,.map-zone-boundaries,.map-zone-selection-casing,.map-zone-selection-outline{fill:none;vector-effect:non-scaling-stroke;pointer-events:none}.map-zone-boundary-casing{stroke:#080c12db;stroke-width:4}.map-zone-boundaries{stroke:#fff;stroke-width:1.75}.map-zone-selection-casing{stroke:#080c12e5;stroke-width:5}.map-zone-selection-outline{stroke:#fff;stroke-width:2.25}.map-zone:hover,.map-zone:focus-visible{fill:hsl(var(--zone-hue) 72% 54% / .54)}.map-zone:focus,.municipality-hit-area:focus,.old-zone-boundary:focus{outline:none}.map-zone:focus-visible{stroke:var(--ring);stroke-width:5}.map-zone.is-selected{fill:hsl(var(--zone-hue) 76% 50% / .66)}.map-zone.is-functional{fill:url(#functional-zone-hatch)}.map-zone.is-functional:hover,.map-zone.is-functional:focus-visible{fill:url(#functional-zone-hatch-highlighted)}.map-zone.is-functional.is-selected{fill:url(#functional-zone-hatch-selected)}.functional-pattern-background{fill:light-dark(rgb(54 154 86 / 28%),rgb(100 210 129 / 24%))}.functional-pattern-background.is-highlighted{fill:light-dark(rgb(48 164 82 / 48%),rgb(84 214 122 / 44%))}.functional-pattern-background.is-selected{fill:light-dark(rgb(42 173 82 / 70%),rgb(64 214 109 / 64%))}.functional-pattern-line{stroke:light-dark(rgb(25 104 49 / 58%),rgb(146 237 166 / 65%));stroke-width:2}.functional-pattern-line.is-highlighted{stroke:light-dark(rgb(20 96 44 / 72%),rgb(171 246 185 / 78%));stroke-width:2.2}.functional-pattern-line.is-selected{stroke:light-dark(rgb(10 75 31 / 88%),rgb(205 255 214 / 92%));stroke-width:2.5}.municipality-boundary{fill:none;stroke:color-mix(in srgb,var(--foreground) 58%,transparent);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.municipality-hit-area{--municipality-hue: 210;fill:transparent;stroke:transparent;stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .12s ease,stroke .12s ease}.municipality-hit-area:hover,.municipality-hit-area:focus-visible{fill:hsl(var(--municipality-hue) 72% 56% / .2);stroke:hsl(var(--municipality-hue) 78% 72% / .95);stroke-width:3}.old-zone-boundary{fill:none;stroke:var(--viz-series-2);stroke-width:1.8;stroke-dasharray:5 3;vector-effect:non-scaling-stroke;pointer-events:stroke}.old-zone-boundary:hover,.old-zone-boundary:focus-visible{stroke-width:3}.old-zone-boundary.is-selected{fill:color-mix(in srgb,var(--viz-series-2) 32%,transparent);stroke-width:4;stroke-dasharray:8 3}.municipality-label,.zone-label,.old-zone-label{fill:var(--foreground);stroke:light-dark(rgb(255 255 255 / 88%),rgb(8 12 18 / 96%));stroke-width:4px;paint-order:stroke;text-anchor:middle;vector-effect:non-scaling-stroke;pointer-events:none}.municipality-label tspan,.zone-label tspan,.old-zone-label tspan{vector-effect:non-scaling-stroke}.municipality-label{font-size:14px;font-weight:700}.zone-label{font-size:11px;font-weight:650}.zone-label-code{font-size:10.5px;font-weight:750;letter-spacing:.04em;stroke-width:4.5px}.old-zone-label{fill:light-dark(#8d3d09,#ffc18f);font-size:9px;font-style:italic;font-weight:650}.map-tooltip{position:absolute;z-index:9;max-width:min(280px,calc(100% - 16px));padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--popover-foreground);background:var(--popover);box-shadow:0 10px 30px #0000002e;font-size:12px;line-height:1.35;pointer-events:none}.map-tooltip strong,.map-tooltip span{display:block}.map-tooltip span{margin-top:2px;color:var(--muted-foreground);font-size:10px}.map-attribution{position:absolute;z-index:4;right:6px;bottom:5px;padding:2px 5px;border-radius:5px;color:var(--muted-foreground);background:color-mix(in srgb,var(--card) 90%,transparent);font-size:9px;text-decoration:none}.map-attribution[hidden]{display:none}.map-error{position:absolute;z-index:10;inset:50% auto auto 50%;max-width:calc(100% - 32px);padding:10px 12px;border-radius:var(--radius-lg);color:var(--destructive);background:var(--popover);transform:translate(-50%,-50%)}.map-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 2px 0}.map-legend span{display:inline-flex;align-items:center;gap:6px}.map-legend [hidden]{display:none}.map-legend i{display:inline-block;width:18px;height:10px;border-radius:3px}.legend-new{border:1px solid color-mix(in srgb,var(--foreground) 42%,transparent);background:#3e8cda66}.legend-old{border-top:2px dashed var(--viz-series-2)}.map-legend .legend-old{height:0;border-radius:0}.legend-functional{border:1px solid color-mix(in srgb,var(--viz-series-3) 65%,transparent);background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--viz-series-3) 34%,transparent) 0 3px,transparent 3px 6px)}.zone-index{margin-top:14px}.zone-index-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px 7px}.zone-index-heading h2,.zone-index-heading p{margin:0}.zone-index-heading h2{font-size:15px;font-weight:var(--font-weight-medium)}.zone-table-scroll{max-height:420px;overflow:auto;border-block:1px solid var(--border);scrollbar-gutter:stable}.zone-table{width:100%;border-collapse:collapse;table-layout:fixed}.zone-table th{position:sticky;z-index:2;top:0;padding:8px 9px;color:var(--foreground);background:var(--background);text-align:left}.zone-table th>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:var(--font-weight-medium)}.zone-table th small{display:block;margin-top:2px;color:var(--muted-foreground);font-size:10px;font-weight:400}.zone-table th i{display:inline-block;width:18px;height:10px;flex:0 0 auto;border-radius:3px}.zone-table th .legend-old{height:0;border-radius:0}.zone-table td{height:48px;padding:0;border-top:1px solid var(--border)}.zone-table th+th,.zone-table td+td{padding-left:8px}.zone-table-button{display:grid;width:100%;min-height:48px;align-content:center;gap:2px;padding:6px 9px;border:0;border-radius:0;color:var(--foreground);background:transparent;font:inherit;text-align:left;cursor:pointer}.zone-table-button:hover{background:var(--accent)}.zone-table-button:focus-visible{position:relative;z-index:1;outline:2px solid var(--ring);outline-offset:-2px}.zone-table-button[aria-pressed=true]{background:color-mix(in srgb,var(--viz-series-1) 22%,transparent);box-shadow:inset 3px 0 0 var(--viz-series-1)}.zone-table-button.is-old[aria-pressed=true]{background:color-mix(in srgb,var(--viz-series-2) 22%,transparent);box-shadow:inset 3px 0 0 var(--viz-series-2)}.zone-table-button strong,.zone-table-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-table-button strong{font-size:12px;font-weight:var(--font-weight-medium)}.zone-table-button small{color:var(--muted-foreground);font-size:10px}.zone-table-empty{display:grid;min-height:48px;align-content:center;padding:6px 9px;color:var(--muted-foreground);font-size:10px}.roma-source{margin:10px 2px 0;line-height:1.5}.roma-source a{color:var(--foreground)}@media(max-width:900px){.roma-toolbar{grid-template-columns:minmax(220px,1fr) auto}.layer-switches{grid-column:1 / -1;grid-row:2}.map-zoom-controls{grid-column:2;grid-row:1}.roma-map-shell{height:650px}}@media(max-width:560px){.roma-shell{width:min(100% - 16px,1440px);padding-top:14px}.roma-topbar{flex-direction:row}.roma-topbar>div{text-align:right}.roma-topbar p{display:none}.roma-toolbar{grid-template-columns:1fr}.map-select-label,.map-zoom-controls,.layer-switches{grid-column:1}.map-select-label{grid-row:1}.layer-switches{grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr))}.map-zoom-controls{grid-row:3;justify-content:flex-end}.map-select-label .form-select,.map-switch{font-size:16px}.map-switch{padding-inline:8px}.map-switch small{display:none}.label-mode-switch{grid-template-columns:1fr;align-content:center;gap:2px;padding:4px 5px}.label-mode-switch>span{text-align:center}.label-mode-options span{padding-inline:2px;font-size:9px}.zone-index-heading{display:grid;gap:2px}.zone-table-scroll{max-height:360px}.zone-table th,.zone-table-button,.zone-table-empty{padding-inline:6px}.zone-table th+th,.zone-table td+td{padding-left:4px}.zone-table-button strong,.zone-table-button small{white-space:normal}.roma-map-shell{height:570px;min-height:0;border-radius:16px}.map-selection{right:8px;left:8px;max-width:none}.map-attribution{font-size:8px}.map-legend .text-muted{flex-basis:100%}}@media(max-width:430px){.layer-switches{grid-template-columns:repeat(2,minmax(0,1fr))}.label-mode-switch{grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr);align-items:center;padding-inline:9px}.label-mode-switch>span{padding-right:4px;font-size:10px;text-align:left}.label-mode-options span{font-size:10px}}