/* MR PRO City 2.8.5: final mobile layout. Loaded last to neutralize earlier competing versions. */
#mrpc-city-app.mrpc-native .mrpc-native-panel[data-screen="accueil"]{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;min-height:100dvh!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0 11px 115px!important;background:linear-gradient(180deg,#d3edff 0%,#e9f6ff 58%,#f3f9ff 100%)!important}
#mrpc-city-app.mrpc-native .mrpc-native-panel[data-screen="accueil"]>*{flex-shrink:0!important}
#mrpc-city-app.mrpc-native .mrpc-native-panel[data-screen="accueil"] .mrpc262-header{position:relative!important;display:block!important;box-sizing:border-box!important;width:calc(100% + 22px)!important;max-width:none!important;min-height:205px!important;margin:0 -11px!important;padding:26px 16px 42px!important;border-radius:0 0 24px 24px!important;background-color:#075a9b!important;background-image:linear-gradient(180deg,rgba(0,35,81,.63),rgba(0,58,110,.12) 60%,rgba(0,45,91,.7)),var(--mrpc-cover)!important;background-size:cover!important;background-position:center center!important;box-shadow:0 7px 22px #00345a30!important;overflow:hidden!important}
#mrpc-city-app.mrpc-native .mrpc-native-panel[data-screen="accueil"] .mrpc262-header:before,#mrpc-city-app.mrpc-native .mrpc-native-panel[data-screen="accueil"] .mrpc262-header:after{display:none!important}
#mrpc-city-app.mrpc-native .mrpc262-header .mrpc262-brand{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;gap:12px!important}
#mrpc-city-app.mrpc-native .mrpc262-header .mrpc262-seal{width:67px!important;height:67px!important;min-width:67px!important;max-width:67px!important;max-height:67px!important;border-radius:13px!important;overflow:hidden!important;background:#fff!important}
#mrpc-city-app.mrpc-native .mrpc262-header .mrpc262-seal img{width:100%!important;height:100%!important;object-fit:contain!important}
#mrpc-city-app.mrpc-native .mrpc262-header .mrpc262-brand h1{font-size:21px!important;line-height:1.13!important;color:white!important;text-shadow:0 2px 8px #001b40a8!important}
#mrpc-city-app.mrpc-native .mrpc262-header .mrpc262-brand p{color:#fff!important;font-size:12px!important}
#mrpc-city-app.mrpc-native .mrpc262-header .mrpc281-date{position:absolute!important;left:13px!important;bottom:13px!important;right:auto!important;width:max-content!important;max-width:calc(100% - 26px)!important;padding:6px 11px!important;border-radius:25px!important;background:#063665bd!important;color:white!important}
#mrpc-city-app.mrpc-native .mrpc-native-panel[data-screen="accueil"] .mrpc-hello{position:relative!important;z-index:2!important;box-sizing:border-box!important;width:100%!important;min-height:95px!important;margin:-25px 0 1px!important;padding:15px 18px!important;border-radius:17px!important;background:linear-gradient(115deg,#fff 10%,#eaf8ff 100%)!important;border:1px solid #c5e5fa!important;box-shadow:0 6px 18px #094c7a1b!important;overflow:hidden!important}
#mrpc-city-app.mrpc-native .mrpc-hello h2{font-size:23px!important;margin:0 0 6px!important}
#mrpc-city-app.mrpc-native .mrpc-hello p{font-size:12px!important;line-height:1.5!important;max-width:74%!important;margin:0!important}
#mrpc-city-app.mrpc-native .mrpc283-landscape{position:absolute!important;right:0!important;bottom:0!important;width:108px!important;height:72px!important;background:url('municipal-landscape.svg') center / cover no-repeat!important;font-size:0!important;opacity:1!important}
#mrpc-city-app.mrpc-native .mrpc262-tiles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:3px 0 2px!important;width:100%!important}
#mrpc-city-app.mrpc-native .mrpc262-tiles>a{min-width:0!important;min-height:83px!important;border-radius:13px!important;font-size:12px!important;gap:5px!important;box-shadow:0 4px 9px #002e521d!important}
#mrpc-city-app.mrpc-native .mrpc262-tiles>a span{font-size:27px!important}
#mrpc-city-app.mrpc-native .mrpc271-roadworks{box-sizing:border-box!important;margin:6px 0 2px!important;padding:11px!important;background:linear-gradient(115deg,#fff0d5,#fff9ed)!important;border:1px solid #ffd392!important;border-radius:16px!important}
#mrpc-city-app.mrpc-native .mrpc271-roadworks .mrpc284-section-title h2{font-size:17px!important;color:#ad4c0b!important}
#mrpc-city-app.mrpc-native .mrpc274-roadwork{background:#fff!important;padding:12px!important;border-radius:12px!important}
#mrpc-city-app.mrpc-native .mrpc270-quick{box-sizing:border-box!important;margin:5px 0 2px!important;padding:13px 10px!important;background:linear-gradient(120deg,#d6f8fb,#e9f3ff)!important;border-radius:17px!important}
#mrpc-city-app.mrpc-native .mrpc270-quick-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
#mrpc-city-app.mrpc-native .mrpc270-quick-link{min-width:0!important;min-height:86px!important;border-radius:13px!important}
#mrpc-city-app.mrpc-native .mrpc270-latest{margin:6px 0 2px!important;padding:12px!important;background:#e3f1ff!important;border-radius:17px!important}
#mrpc-city-app.mrpc-native .mrpc281-events{margin:6px 0 2px!important;padding:12px!important;background:#fff0f6!important;border-radius:17px!important}
#mrpc-city-app.mrpc-native .mrpc-bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100%,650px)!important;max-width:650px!important;box-sizing:border-box!important;z-index:10000!important;background:linear-gradient(110deg,#032c5b,#064d87)!important;border-radius:18px 18px 0 0!important;padding:7px 7px calc(7px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -4px 16px #001d3a28!important}
#mrpc-city-app.mrpc-native .mrpc-native-view{height:auto!important;max-height:none!important;min-height:100dvh!important;overflow:visible!important}
@media(max-width:420px){#mrpc-city-app.mrpc-native .mrpc-native-panel[data-screen="accueil"] .mrpc262-header{min-height:190px!important}#mrpc-city-app.mrpc-native .mrpc262-header .mrpc262-brand h1{font-size:18px!important}#mrpc-city-app.mrpc-native .mrpc270-quick-link strong{font-size:10px!important}}