
#map-active-filters{display:none}
body.monteur-mode.mobile-ui #map-active-filters:not([hidden]){display:flex;flex-wrap:nowrap;gap:var(--sp-1);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;max-width:100%;padding:var(--sp-1) 0 0;margin:0}
#map-active-filters .sd-active-chip{flex:none;min-height:max(var(--tap),44px);max-width:100%;font-size:var(--t-neben);font-weight:400;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill)}
#map-active-filters .map-filter-chip-text{font:inherit;line-height:1.4;color:inherit;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#map-active-filters .sd-active-chip{display:inline-flex;align-items:center}
body.monteur-mode.mobile-ui .map-direktsuche:has(#map-active-filters:not([hidden]))>.mt-cb-clear{top:calc(var(--map-search-h,44px) / 2)}

.karte-umkreis-pin{color:var(--gh-accent);pointer-events:none}
.karte-umkreis-pin > .wp-i{display:block;width:28px;height:28px}

.karte-zeichen{display:block;width:var(--ico-lg);height:var(--ico-lg);flex:0 0 auto}
.karte-legende-block+.karte-legende-block{margin-top:var(--sp-2)}
.karte-legende-liste{display:flex;flex-direction:column;gap:calc(2px * var(--wp-dichte));margin:0;padding:0;list-style:none}
.karte-legende-zeile{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--ico-lg);font-size:var(--fs-sm);color:var(--gh-text)}
.karte-legende-lead{display:inline-block;flex:0 0 auto;width:10px;height:10px;margin:0 calc(5px * var(--wp-dichte));border-radius:1px;background:var(--fach-einsatz-reparatur)}
.karte-legende-nr{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:18px;height:18px;margin:0 1px;
border-radius:var(--r-circle);background:var(--gh-accent-emphasis);font-size:var(--fs-xs);font-weight:700;line-height:1}
.karte-legende-zeile>.map-depot-label{flex:0 0 auto;padding:0 var(--sp-1);border-width:1px}
.map-depot-symbol{display:flex;align-items:center;justify-content:center;background:var(--gh-card);border-radius:var(--r-sm)}
.map-depot-symbol .wp-i{width:16px;height:16px}


.karte-marke{display:inline-block;flex:0 0 auto;width:12px;height:12px;border-radius:2px;background:var(--art)}
:root:not([data-theme="light"]) .karte-marke{box-shadow:0 0 0 1px color-mix(in srgb,var(--gh-text) 55%,transparent)}


body:not(.map-touch-ui) #map-filter-panel.is-open{column-count:2;column-gap:var(--sp-5);
width:min(640px,calc(var(--teil-b, 100vw) - 24px));max-width:none;padding-top:0}
body:not(.map-touch-ui) #map-filter-panel > .mt-menu-section{break-inside:avoid}
body:not(.map-touch-ui) #map-filter-panel > :is(.wp-kopf,.map-filter-fuss){column-span:all}
body.map-touch-ui #map-filter-panel > :is(.wp-kopf,.map-filter-fuss){display:none}
.map-filter-fuss{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);padding-top:var(--sp-2);
border-top:1px solid var(--gh-border-subtle);font-size:var(--fs-sm);color:var(--gh-muted)}

:is(#map-stats,#map-filter-treffer) > .wp-treffer{flex-wrap:nowrap;padding:0;white-space:nowrap}
:is(#map-stats,#map-filter-treffer) .wp-treffer-zuruecksetzen{min-height:0}

.mt-cb-etiketten{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-1)}
#map-legende[hidden]{display:none}




.karte-knopfleiste{--karte-knopf:var(--feld-h);display:flex;flex-direction:column;gap:var(--rand-haar);
overflow:hidden;margin:0;border:1px solid var(--gh-border);border-radius:var(--r-xl);background:var(--gh-border-subtle);
box-shadow:var(--shadow-md)}
body:is(.map-touch-ui, .monteur-mode.mobile-ui) .karte-knopfleiste{--karte-knopf:max(var(--tap), 44px)}
.karte-knopfleiste .wp-icon-btn.wp-icon-btn{--symbolknopf:var(--karte-knopf);
position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;
width:var(--karte-knopf);height:var(--karte-knopf);min-width:0;min-height:0;margin:0;padding:0;
border:0;border-radius:0;box-shadow:none;line-height:1}
.karte-knopfleiste .wp-icon-btn:not(.is-on, [aria-pressed="true"]){background:var(--gh-panel)}
@media (hover:hover) and (pointer:fine){
.karte-knopfleiste .wp-icon-btn:not(.is-on, [aria-pressed="true"], :disabled):hover{background:var(--gh-hover)}
}



#map-kopfkarte{display:none}
body.map-touch-ui #map-kopfkarte:has(> :not(:empty)){position:absolute;left:var(--sp-2);top:var(--sp-2);z-index:1001;
display:flex;flex-direction:column;width:min(440px, calc(100% - 2 * var(--sp-2)));box-sizing:border-box;
border:1px solid var(--gh-border);border-radius:var(--r-xl);background:var(--gh-panel);box-shadow:var(--shadow-md)}
#map-kopfkarte > :not(:empty) ~ :not(:empty){border-top:var(--rand-haar) solid var(--gh-border-subtle)}
.map-kopfzeile{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2)}
.map-kopfzeile:empty{display:none}
.map-kopfzeile > .map-direktsuche{position:relative;flex:1 1 auto;min-width:0;margin:0}

.map-kopfzeile > .map-direktsuche > #map-search{min-width:0}
#map-kopfkarte > .map-empty-banner{padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3)}
#map-kopfkarte > .map-empty-banner > .wp-leer > .wp-btn{min-height:max(var(--tap), 44px)}


#map-hinweise{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-1) 0 var(--sp-3);color:var(--gh-muted)}
#map-hinweise:empty{display:none}

#map-statusplatz{min-width:0;flex-direction:column;align-items:stretch;gap:var(--sp-1)}
#map-statusplatz:empty{display:none}
#map-hinweise > #map-statusplatz{display:flex;flex:1 1 auto;padding:var(--sp-1) 0}
#map-statusplatz .map-route-label{margin:0;padding:0;box-shadow:none;background:transparent;border:0}
#map-statusplatz .wp-statuszeile{padding:0;min-height:0;font-size:var(--t-neben);line-height:1.3}

.map-filter-fuss:has(#map-filter-treffer:empty) > [aria-hidden="true"]{display:none}

#map-ctrl > .karte-knopfleiste.ist-gedeckt{visibility:hidden}



#map-band, body.map-touch-ui #map-kopfkarte:has(> :not(:empty)), .karte-knopfleiste,
#map-filter-panel, #map-overlay .wp-objektwahl-liste, #map-cal-panel, #map-auswahlleiste,
#wp-action-pop[data-wp-menue="karte-stopp"], #wp-info-blatt[data-quelle="karte-legende"]{border-color:var(--feld-rand)}



.map-fokus-chip{display:block;line-height:24px;box-shadow:var(--shadow-md);
width:max-content;max-width:min(260px, calc(100vw - 2 * var(--sp-4)));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#map-legende-inhalt, .wp-info-inhalt:has(> .karte-legende-block){display:flex;flex-direction:column}
body.map-routen-an .karte-legende-block.ist-routen{order:-1;margin:0 0 var(--sp-2)}
