:root{
    --sm-green:#07583d;
    --sm-green-2:#0b805c;
    --sm-ink:#14221c;
    --sm-muted:#6d7a73;
    --sm-line:#dce7e2;
    --sm-bg:#f4f7f5;
    --sm-white:#fff;
    --sm-red:#c82722;
    --sm-blue:#176fc1;
    --sm-gold:#d39d12;
    --sm-dark:#36413c;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--sm-bg);color:var(--sm-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}

/* compact header */
.scanmit-app-header{
    position:sticky!important;top:0!important;z-index:4000!important;
    height:58px!important;min-height:58px!important;margin:0!important;padding:0!important;
    background:var(--sm-green)!important;border:0!important;border-radius:0!important;box-shadow:0 2px 10px rgba(8,52,39,.08)!important;
}
.scanmit-app-header-inner{
    width:min(760px,100%)!important;height:58px!important;min-height:58px!important;margin:0 auto!important;padding:0 12px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
}
.scanmit-app-brand{display:flex!important;align-items:center!important;gap:9px!important;color:#fff!important;text-decoration:none!important}
.scanmit-app-brand-mark{width:33px!important;height:33px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#fff!important;color:var(--sm-green)!important;font-size:11px!important;font-weight:950!important}
.scanmit-app-brand strong{display:block!important;color:#fff!important;font-size:15px!important;line-height:1!important;font-weight:900!important}
.scanmit-app-brand small{display:block!important;margin-top:3px!important;color:rgba(255,255,255,.7)!important;font-size:7px!important;line-height:1!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.scanmit-app-page-title{display:none!important}

/* only map + feed are visible */
.scanmit-live-head,.scanmit-live-stats,.map-toolbar,.scanmit-primary-actions,.scanmit-secondary-actions,.scanmit-support-emergency,.scanmit-membership-strip,#scanmitFuelToggle,footer{display:none!important}
#helpPanel,#helperPanel{display:none!important}
#reportPanel{display:none!important}
#reportPanel.open{
    display:block!important;position:fixed!important;z-index:7000!important;left:50%!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;
    width:min(620px,calc(100% - 18px))!important;max-height:70vh!important;overflow:auto!important;margin:0!important;padding:16px!important;
    border:1px solid var(--sm-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 50px rgba(16,48,38,.22)!important;
}

main{width:min(760px,100%)!important;margin:0 auto!important;padding:8px 8px 22px!important}
.map-card.scanmit-map-hero{
    width:100%!important;margin:0!important;padding:0!important;border:1px solid var(--sm-line)!important;border-radius:17px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 6px 20px rgba(14,54,41,.05)!important;
}
.scanmit-map-tools{display:flex!important;align-items:center!important;gap:8px!important;padding:8px!important;background:#fff!important;border-bottom:1px solid #e5ebe8!important}
.scanmit-map-search{flex:1 1 auto!important;min-height:42px!important;padding:0 11px!important;display:flex!important;align-items:center!important;gap:8px!important;border:1px solid #dce5e1!important;border-radius:11px!important;background:#f8faf9!important}
.scanmit-map-search svg{width:18px!important;height:18px!important;stroke:#728078!important;fill:none!important;stroke-width:1.8!important}
.scanmit-map-search input{width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:var(--sm-ink)!important;font:inherit!important;font-size:13px!important}
.scanmit-map-round-button{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid #dce5e1!important;border-radius:11px!important;background:#fff!important;color:var(--sm-green)!important;box-shadow:none!important}
.scanmit-map-round-button svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
#liveMap{height:58vh!important;min-height:430px!important;max-height:720px!important;width:100%!important;border-radius:0!important}

/* layer buttons directly below map */
#scanmitMapFilterbar{
    width:100%!important;margin:0!important;padding:7px 5px 8px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;
    border-top:1px solid #e3e9e6!important;background:#fff!important;
}
#scanmitMapFilterbar .scanmit-map-filter{
    min-width:0!important;min-height:62px!important;margin:0!important;padding:7px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#65736c!important;font:inherit!important;font-size:7.7px!important;font-weight:850!important;line-height:1.05!important;box-shadow:none!important;cursor:pointer!important;
}
#scanmitMapFilterbar .scanmit-map-filter.active{border-color:#bdd8cc!important;background:#eef6f2!important;color:var(--sm-green)!important}
.scanmit-filter-icon{width:31px!important;height:31px!important;display:grid!important;place-items:center!important;border-radius:9px!important;color:#fff!important}
.scanmit-filter-icon svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.scanmit-filter-report{background:var(--sm-red)!important}.scanmit-filter-helper{background:var(--sm-blue)!important}.scanmit-filter-fuel{background:var(--sm-green-2)!important}.scanmit-filter-parking{background:var(--sm-blue)!important}.scanmit-filter-garage{background:var(--sm-dark)!important}

/* feed */
.feed-card{margin:12px 0 0!important;padding:14px!important;border:1px solid var(--sm-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 5px 16px rgba(14,54,41,.04)!important}
.feed-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
.feed-head .eyebrow{display:none!important}.feed-head h2{margin:0!important;font-size:20px!important;line-height:1.1!important;font-weight:900!important;color:var(--sm-ink)!important}
#refreshButton{width:36px!important;height:36px!important;overflow:hidden!important;text-indent:-9999px!important;position:relative!important;border:1px solid var(--sm-line)!important;border-radius:10px!important;background:#fff!important}
#refreshButton:after{content:"↻"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;text-indent:0!important;color:var(--sm-green)!important;font-size:18px!important}
.report-list{display:grid!important;gap:8px!important}.empty{padding:18px!important;border:1px solid #e6ebe8!important;border-radius:12px!important;background:#f8faf9!important;color:#76827c!important;font-size:12px!important;text-align:center!important}
.report-item{min-height:64px!important;margin:0!important;padding:10px 11px!important;display:grid!important;grid-template-columns:38px 1fr auto!important;align-items:center!important;gap:10px!important;border:1px solid #e2e8e5!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
.report-code{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:var(--sm-red)!important;color:#fff!important;font-size:9px!important;font-weight:950!important}
.report-item strong{display:block!important;color:var(--sm-ink)!important;font-size:12.5px!important;font-weight:900!important}.report-item small{display:block!important;margin-top:3px!important;color:#75817b!important;font-size:9.5px!important;line-height:1.3!important}
.report-item>button{min-width:36px!important;height:36px!important;padding:0 8px!important;border:1px solid var(--sm-line)!important;border-radius:10px!important;background:#f8faf9!important;color:var(--sm-green)!important;font-size:0!important}
.report-item>button:after{content:"⌖"!important;font-size:17px!important}

/* leaflet map markers */
.scanmit-leaflet-icon{background:transparent!important;border:0!important}
.scanmit-marker{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:3px solid #fff!important;border-radius:50%!important;color:#fff!important;box-shadow:0 5px 14px rgba(0,0,0,.2)!important}
.scanmit-marker svg{width:19px!important;height:19px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.scanmit-marker-report{background:var(--sm-red)!important;font-size:9px!important;font-weight:950!important}.scanmit-marker-helper{background:var(--sm-blue)!important}.scanmit-marker-fuel{background:var(--sm-green-2)!important}.scanmit-marker-parking{background:var(--sm-blue)!important}.scanmit-marker-garage{background:var(--sm-dark)!important}
.leaflet-popup-content-wrapper{border-radius:14px!important}.leaflet-popup-content{font-family:inherit!important;font-size:12px!important}.popup-title{color:var(--sm-ink)!important;font-weight:900!important}.popup-meta{color:#6f7b75!important}

/* six item bottom navigation */
.scanmit-bottom-nav{display:none!important}
.scanmit-live-bottom-nav{
    position:fixed!important;z-index:8000!important;left:0!important;right:0!important;bottom:0!important;height:calc(74px + env(safe-area-inset-bottom))!important;padding:0 3px env(safe-area-inset-bottom)!important;
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:center!important;background:rgba(255,255,255,.985)!important;border-top:1px solid #dfe6e2!important;box-shadow:0 -5px 20px rgba(20,55,44,.07)!important;backdrop-filter:blur(12px)!important;
}
.scanmit-live-nav-item{min-width:0!important;height:74px!important;margin:0!important;padding:7px 1px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:0!important;background:transparent!important;color:#69766f!important;text-decoration:none!important;font:inherit!important;font-size:7.8px!important;font-weight:800!important;line-height:1.05!important;text-align:center!important;box-shadow:none!important}
.scanmit-live-nav-item svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.scanmit-live-nav-item.active{color:var(--sm-green)!important}
.scanmit-live-nav-report{position:relative!important}.scanmit-live-report-icon{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;margin-top:-14px!important;border:4px solid #fff!important;border-radius:50%!important;background:#e7ad13!important;color:#fff!important;font-size:26px!important;font-weight:400!important;line-height:1!important;box-shadow:0 5px 14px rgba(160,117,5,.22)!important}

@media(max-width:520px){
    main{padding-left:4px!important;padding-right:4px!important}
    #liveMap{height:56vh!important;min-height:420px!important}
    #scanmitMapFilterbar{gap:3px!important;padding-left:3px!important;padding-right:3px!important}
    #scanmitMapFilterbar .scanmit-map-filter{font-size:7px!important;min-height:58px!important}
    .scanmit-filter-icon{width:28px!important;height:28px!important}.scanmit-filter-icon svg{width:17px!important;height:17px!important}
    .scanmit-live-nav-item{font-size:7px!important}.scanmit-live-nav-item svg{width:19px!important;height:19px!important}
}

/* =====================================
   MELDEN BOTTOM SHEET
   ===================================== */

#reportPanel{
    display:none !important;
}

#reportPanel.open{
    display:block !important;

    position:fixed !important;

    left:50% !important;
    bottom:
        calc(
            76px +
            env(safe-area-inset-bottom)
        ) !important;

    z-index:100000 !important;

    width:
        min(
            620px,
            calc(100% - 14px)
        ) !important;

    max-height:72vh !important;

    margin:0 !important;
    padding:16px !important;

    transform:
        translateX(-50%) !important;

    overflow:auto !important;

    border:
        1px solid #dce7e2 !important;

    border-radius:
        20px 20px 16px 16px !important;

    background:#ffffff !important;

    box-shadow:
        0 18px 55px
        rgba(15,45,35,.24)
        !important;
}

#reportPanel h2{
    margin:0 0 12px !important;

    color:#14221c !important;

    font-size:20px !important;
    font-weight:900 !important;
}


/* Meldungskategorien */

#reportPanel .category-grid{
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))
        !important;

    gap:8px !important;
}

#reportPanel [data-category]{
    min-height:54px !important;

    padding:10px 12px !important;

    border:
        1px solid #dbe5e0 !important;

    border-radius:12px !important;

    background:#f8faf9 !important;

    color:#14221c !important;

    font-size:11px !important;
    font-weight:850 !important;
}

#reportPanel [data-category]:active{
    background:#eef6f2 !important;

    border-color:#07583d !important;
}

@media(max-width:480px){

    #reportPanel{
        max-height:76vh !important;
    }

    #reportPanel .category-grid{
        grid-template-columns:1fr !important;
    }

}

/* ===== CAR ENGEL ===== */

.scanmit-marker-helper{
    width:38px !important;
    height:38px !important;

    display:grid !important;
    place-items:center !important;

    border:
        3px solid #ffffff !important;

    border-radius:50% !important;

    background:#176fc1 !important;
    color:#ffffff !important;

    font-size:9px !important;
    font-weight:950 !important;

    box-shadow:
        0 5px 14px
        rgba(0,0,0,.20)
        !important;
}

/* LIVE bleibt bewusst minimal */

#helpPanel,
#helperPanel,
#openHelpButton,
#openHelperButton{
    display:none !important;
}