/* MR PRO City 2.8.1 — layout reconstruction. Scoped to the citizen application. */
#mrpc-city-app{--mrpc-ink:#092e59;--mrpc-blue:#086dd5;background:linear-gradient(165deg,#d9f1ff 0%,#f0f8ff 40%,#e7f3ff 100%)!important;color:var(--mrpc-ink)!important;min-height:100dvh}
#mrpc-city-app .mrpc-native-view{background:transparent!important}
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"]{background:transparent!important;padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))!important}
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"] .mrpc262-header{position:relative!important;display:flex!important;flex-wrap:wrap!important;align-content:center!important;background:linear-gradient(125deg,#063465 0%,var(--city,#0b64aa) 95%)!important;border-radius:0 0 24px 24px!important;padding:25px 18px 24px!important;min-height:130px!important;box-shadow:0 12px 25px #06406b30!important;overflow:hidden!important}
#mrpc-city-app .mrpc262-header:before{content:"";position:absolute;right:-35px;bottom:-72px;width:200px;height:200px;border-radius:50%;border:28px solid #ffffff12;pointer-events:none}
#mrpc-city-app .mrpc262-brand{z-index:1}
#mrpc-city-app .mrpc262-brand h1{color:#fff!important;font-size:clamp(17px,4.3vw,23px)!important}
#mrpc-city-app .mrpc262-brand p{color:#d9edff!important;font-size:12px!important}
#mrpc-city-app .mrpc262-seal{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;max-width:58px!important;max-height:58px!important;background:white!important;border:2px solid #ffffffc7!important;border-radius:15px!important}
#mrpc-city-app .mrpc281-date{z-index:1;display:block;width:100%;margin:13px 0 0 3px;color:#fff;background:#ffffff26;border:1px solid #ffffff30;border-radius:24px;padding:7px 12px;font-size:12px;font-weight:650;max-width:max-content}
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"] .mrpc-hello{background:linear-gradient(112deg,#e0f0ff,#f3fcff)!important;border:1px solid #b8dfff!important;box-shadow:0 8px 24px #0c65a21b!important;border-radius:20px!important;margin:16px 14px!important;padding:20px!important}
#mrpc-city-app .mrpc-hello h2{font-size:24px!important;line-height:1.2!important}
#mrpc-city-app .mrpc262-tiles{gap:8px!important;width:calc(100% - 28px)!important;margin-bottom:15px!important}
#mrpc-city-app .mrpc262-tiles>a{min-height:82px!important;border-radius:15px!important;box-shadow:0 7px 14px #194e7922!important;font-size:12px!important}
#mrpc-city-app .mrpc262-tiles>a>span{font-size:28px!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{width:calc(100% - 28px)!important;max-width:1044px!important;margin:15px auto!important;box-sizing:border-box!important}
#mrpc-city-app .mrpc271-roadworks{padding:12px!important;background:linear-gradient(145deg,#ffedcf,#fff7e8)!important;border:1px solid #f8cb87!important;border-radius:18px!important}
#mrpc-city-app .mrpc271-roadworks h2{font-size:17px!important;margin:0 0 9px!important;color:#a64e06!important}
#mrpc-city-app .mrpc271-roadworks .mrpc274-roadwork{background:#fffaf4!important;border:1px solid #f6d5a6!important;border-radius:14px!important;box-shadow:none!important;margin:0!important}
#mrpc-city-app .mrpc270-quick{background:linear-gradient(120deg,#dcf9fb,#e8f7ff)!important;border:1px solid #c6edf5!important;border-radius:18px!important;padding:13px!important}
#mrpc-city-app .mrpc270-quick[hidden]{display:none!important}
#mrpc-city-app .mrpc270-quick-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(115px,1fr))!important;gap:9px!important}
#mrpc-city-app .mrpc270-quick-link{display:flex!important;flex-direction:column!important;text-align:center!important;justify-content:center!important;background:linear-gradient(140deg,#e2f1ff,#fff)!important;border:1px solid #c4e2fa!important;padding:12px 8px!important;min-height:90px!important}
#mrpc-city-app .mrpc270-quick-link:nth-child(2){background:linear-gradient(140deg,#e0f9ed,#fff)!important}
#mrpc-city-app .mrpc270-quick-link:nth-child(3){background:linear-gradient(140deg,#efe8ff,#fff)!important}
#mrpc-city-app .mrpc270-quick-link>span:last-child{display:none!important}
#mrpc-city-app .mrpc270-quick-icon{font-size:26px!important}
#mrpc-city-app .mrpc270-latest{background:linear-gradient(160deg,#edf7ff,#e2f0ff)!important;border-radius:18px!important;padding:13px!important;border:1px solid #d4eafa!important}
#mrpc-city-app .mrpc270-latest-list{gap:9px!important}
#mrpc-city-app .mrpc270-news-card{border-radius:15px!important;background:#fff!important;padding:10px!important;box-shadow:0 4px 15px #0c4f7b12!important}
#mrpc-city-app .mrpc270-news-card img{object-fit:cover!important}
#mrpc-city-app .mrpc281-events{background:linear-gradient(140deg,#fff0f5,#f5f0ff)!important;border-radius:18px!important;border:1px solid #f2dce9!important;padding:13px!important}
#mrpc-city-app .mrpc281-events h2{font-size:18px!important;color:#a52263!important;margin:0 0 12px!important}
#mrpc-city-app .mrpc281-event-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}
#mrpc-city-app .mrpc281-event-card{background:#fff!important;border:1px solid #eeddea!important;border-radius:14px!important;overflow:hidden!important;padding:10px!important;min-width:0!important;box-shadow:0 4px 12px #6c276d10!important}
#mrpc-city-app .mrpc281-event-card img{max-width:100%!important;height:100px!important;object-fit:cover!important;border-radius:10px!important}
#mrpc-city-app .mrpc-bottom-nav{position:fixed!important;bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;left:50%!important;transform:translateX(-50%)!important;width:calc(100% - 24px)!important;max-width:650px!important;border-radius:21px!important;padding:7px!important;box-sizing:border-box!important;background:linear-gradient(110deg,#042e59,#064e83)!important;box-shadow:0 10px 30px #001f3c55!important;z-index:999!important}
#mrpc-city-app .mrpc-bottom-nav a{border-radius:14px!important}
#mrpc-city-app .mrpc-bottom-nav a.is-active{background:#087eec!important}
#mrpc-city-app .mrpc-native-panel:not([data-screen="accueil"]){padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))!important}
@media(min-width:850px){#mrpc-city-app .mrpc262-tiles{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:480px){#mrpc-city-app .mrpc262-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important}#mrpc-city-app .mrpc281-event-list{grid-template-columns:repeat(2,minmax(0,1fr))}}