/* MR PRO City 2.8.2 — structural mobile rebuild, scoped to the citizen app */
#mrpc-city-app.mrpc-native{--mrpc-ink:#102f58;--mrpc-blue:#087de4;background:linear-gradient(165deg,#e7f5ff 0%,#f3f9ff 45%,#e9f4fb 100%)!important;color:var(--mrpc-ink)!important;min-height:100dvh!important;overflow-x:clip!important}
#mrpc-city-app .mrpc-native-view{background:transparent!important;min-height:100dvh!important}
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"]{box-sizing:border-box!important;min-height:100dvh!important;padding:0 14px calc(150px + env(safe-area-inset-bottom,0px))!important;display:flex;flex-direction:column;gap:15px;background:transparent!important}
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"][hidden]{display:none!important}
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"] .mrpc262-header{position:relative!important;box-sizing:border-box!important;margin:0 -14px!important;width:calc(100% + 28px)!important;max-width:none!important;min-height:126px!important;padding:22px 18px 38px!important;border-radius:0 0 28px 28px!important;background:linear-gradient(128deg,#073365 0%,#07589a 70%,#058ac4 100%)!important;box-shadow:0 12px 24px #083a6533!important;overflow:hidden!important}
#mrpc-city-app .mrpc262-header:after{content:"";position:absolute;right:-42px;bottom:-90px;width:210px;height:210px;border-radius:50%;border:32px solid #ffffff12;pointer-events:none}
#mrpc-city-app .mrpc262-brand{position:relative;z-index:1;display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
#mrpc-city-app .mrpc262-seal{width:58px!important;height:58px!important;min-width:58px!important;border-radius:16px!important;overflow:hidden!important;background:white!important;display:grid!important;place-items:center!important;padding:4px!important;box-sizing:border-box!important}
#mrpc-city-app .mrpc262-seal img{width:100%!important;height:100%!important;object-fit:contain!important}
#mrpc-city-app .mrpc262-brand h1{font-size:clamp(17px,4.6vw,22px)!important;line-height:1.15!important;overflow-wrap:anywhere!important;margin:0 0 5px!important;color:#fff!important}
#mrpc-city-app .mrpc262-brand p{color:#d9f0ff!important;font-size:12px!important;margin:0!important}
#mrpc-city-app .mrpc281-date{position:absolute!important;left:18px;bottom:10px;display:inline-flex!important;align-items:center;max-width:calc(100% - 40px);padding:5px 10px!important;border-radius:20px!important;background:#ffffff23!important;color:#fff!important;font-size:11px!important}
#mrpc-city-app .mrpc262-bell{z-index:2!important;color:white!important}
#mrpc-city-app .mrpc-hello{box-sizing:border-box!important;margin:-24px 0 0!important;width:100%!important;max-width:none!important;position:relative!important;z-index:2!important;padding:19px 18px!important;border-radius:20px!important;background:linear-gradient(115deg,#fff 0%,#e3f3ff 100%)!important;border:1px solid #c9e7fc!important;box-shadow:0 8px 20px #06487b17!important}
#mrpc-city-app .mrpc-hello h2{font-size:22px!important;color:#0b3769!important;margin:0 0 6px!important}
#mrpc-city-app .mrpc-hello p{font-size:13px!important;line-height:1.55!important;color:#466684!important;margin:0!important}
#mrpc-city-app .mrpc262-tiles{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
#mrpc-city-app .mrpc262-tiles a{min-width:0!important;min-height:85px!important;box-sizing:border-box!important;padding:12px 3px!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:12px!important;line-height:1.25!important;box-shadow:0 5px 10px #1643681d!important}
#mrpc-city-app .mrpc262-tiles a span{font-size:25px!important;line-height:1!important}
#mrpc-city-app .mrpc271-roadworks,#mrpc-city-app .mrpc270-home-alerts,#mrpc-city-app .mrpc270-quick,#mrpc-city-app .mrpc270-latest,#mrpc-city-app .mrpc281-events{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important}
#mrpc-city-app .mrpc271-roadworks h2,#mrpc-city-app .mrpc270-quick h2,#mrpc-city-app .mrpc270-latest h2{font-size:18px!important;line-height:1.3!important;margin:0 0 10px!important;color:#123d70!important}
#mrpc-city-app .mrpc271-roadworks{padding:12px!important;border:1px solid #f8d6a3!important;border-radius:20px!important;background:linear-gradient(135deg,#fff1dc,#fff9f0)!important}
#mrpc-city-app .mrpc271-roadworks h2{color:#a65a0c!important}
#mrpc-city-app .mrpc274-roadwork{margin:0!important;background:#fff!important;border:1px solid #f5d6a9!important;border-radius:15px!important;padding:12px!important;box-shadow:0 3px 9px #7d470c0b!important}
#mrpc-city-app .mrpc270-quick[hidden],#mrpc-city-app .mrpc270-latest[hidden],#mrpc-city-app .mrpc270-home-alerts[hidden]{display:none!important}
#mrpc-city-app .mrpc270-quick{padding:14px!important;border-radius:20px!important;background:linear-gradient(135deg,#e2f8f7,#e5f3ff)!important;border:1px solid #c7e9ed!important}
#mrpc-city-app .mrpc270-quick-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:8px!important}
#mrpc-city-app .mrpc270-quick-link{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:13px 6px!important;text-align:center!important;border-radius:14px!important;background:#fff!important;border:1px solid #d5e8f6!important;box-shadow:0 4px 9px #123c6810!important}
#mrpc-city-app .mrpc270-quick-link small{display:none!important}
#mrpc-city-app .mrpc270-quick-icon{font-size:25px!important}
#mrpc-city-app .mrpc270-latest{padding:14px!important;border-radius:20px!important;background:linear-gradient(140deg,#e4f1ff,#f3f8ff)!important;border:1px solid #d1e6fa!important}
#mrpc-city-app .mrpc270-latest-list{display:grid!important;gap:10px!important}
#mrpc-city-app .mrpc270-news-card{box-sizing:border-box!important;background:white!important;border:1px solid #dceafa!important;border-radius:14px!important;padding:10px!important;min-width:0!important;box-shadow:0 3px 10px #1049780c!important}
#mrpc-city-app .mrpc270-news-card img{width:94px!important;height:76px!important;object-fit:cover!important;border-radius:10px!important}
#mrpc-city-app .mrpc281-events{padding:14px!important;border-radius:20px!important}
#mrpc-city-app .mrpc-bottom-nav{box-sizing:border-box!important;position:fixed!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;left:50%!important;transform:translateX(-50%)!important;width:calc(100% - 24px)!important;max-width:620px!important;padding:7px!important;border-radius:22px!important;background:linear-gradient(115deg,#052d57,#074a82)!important;box-shadow:0 10px 28px #092c5080!important;z-index:999!important}
#mrpc-city-app .mrpc-bottom-nav a{border-radius:15px!important;min-width:0!important}
#mrpc-city-app .mrpc-bottom-nav a.is-active{background:#087fe7!important}
#mrpc-city-app .mrpc-native-panel:not([data-screen="accueil"]){padding:18px 14px calc(145px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;min-height:100dvh!important;background:transparent!important}
@media(min-width:650px){#mrpc-city-app .mrpc-native-panel[data-screen="accueil"]{max-width:650px!important;margin:auto!important}#mrpc-city-app .mrpc262-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important}}