/* MR PRO City 2.6.2: isolated app home components */
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"] .mrpc262-header{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex-direction:row!important;gap:12px!important;width:100%!important;max-width:100%!important;
 box-sizing:border-box!important;padding:18px 16px 12px!important;margin:0!important;
 background:#fff!important;background-image:none!important;min-height:82px!important;
 border:0!important;box-shadow:none!important;overflow:hidden!important;
}
#mrpc-city-app .mrpc262-brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:1 1 auto!important}
#mrpc-city-app .mrpc262-seal{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 52px!important;width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;min-width:52px!important;min-height:52px!important;overflow:hidden!important;border:1px solid #e5edf5!important;border-radius:11px!important;padding:3px!important;box-sizing:border-box!important;background:white!important}
#mrpc-city-app .mrpc262-seal img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;position:static!important;margin:0!important}
#mrpc-city-app .mrpc262-brand>div:last-child{min-width:0!important;flex:1 1 auto!important}
#mrpc-city-app .mrpc262-brand h1{font-size:clamp(15px,4vw,22px)!important;line-height:1.15!important;overflow-wrap:anywhere!important;color:#102b50!important;margin:0!important;padding:0!important;text-shadow:none!important}
#mrpc-city-app .mrpc262-brand p{font-size:11px!important;line-height:1.4!important;color:#657b94!important;margin:5px 0 0!important}
#mrpc-city-app .mrpc262-bell{display:block!important;position:relative!important;flex:0 0 32px!important;font-size:26px!important;color:#076ae8!important;text-decoration:none!important}
#mrpc-city-app .mrpc262-bell span{position:absolute;right:1px;top:0;color:#f03d55;font-size:12px}
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"] .mrpc262-tiles{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:9px!important;width:calc(100% - 36px)!important;max-width:1044px!important;
 box-sizing:border-box!important;padding:0!important;margin:0 auto 28px!important;
 align-items:stretch!important;justify-items:stretch!important;
}
#mrpc-city-app .mrpc262-tiles>a{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 gap:7px!important;width:100%!important;min-width:0!important;max-width:none!important;
 min-height:88px!important;margin:0!important;padding:12px 4px!important;
 border-radius:13px!important;text-align:center!important;color:#fff!important;text-decoration:none!important;
 font-size:12px!important;font-weight:750!important;line-height:1.25!important;box-sizing:border-box!important;
}
#mrpc-city-app .mrpc262-tiles>a>span{font-size:25px!important;line-height:1!important}
#mrpc-city-app .mrpc262-tiles .tile-blue{background:linear-gradient(135deg,#167aff,#0ba7f2)!important}
#mrpc-city-app .mrpc262-tiles .tile-red{background:linear-gradient(135deg,#ff686c,#f54852)!important}
#mrpc-city-app .mrpc262-tiles .tile-green{background:linear-gradient(135deg,#10bf87,#00a973)!important}
#mrpc-city-app .mrpc262-tiles .tile-orange{background:linear-gradient(135deg,#ffae22,#fa8800)!important}
#mrpc-city-app .mrpc262-tiles .tile-purple{background:linear-gradient(135deg,#9671ff,#7248e9)!important}
#mrpc-city-app .mrpc262-tiles .tile-cyan{background:linear-gradient(135deg,#16c9cf,#04a7c4)!important}
@media(min-width:850px){#mrpc-city-app .mrpc262-tiles{grid-template-columns:repeat(6,minmax(0,1fr))!important}}

/* 2.7.0 — compact smart home widgets */
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"] .mrpc270-home-alerts,
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"] .mrpc270-quick,
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"] .mrpc270-latest{
 width:calc(100% - 36px)!important;max-width:1044px!important;margin:22px auto!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important
}
#mrpc-city-app .mrpc270-home-alerts[hidden],#mrpc-city-app .mrpc270-latest[hidden]{display:none!important}
#mrpc-city-app .mrpc270-home-alerts h2,#mrpc-city-app .mrpc270-quick h2,#mrpc-city-app .mrpc270-latest h2{
 color:#0e2c51!important;font-size:19px!important;margin:0 0 12px!important;line-height:1.25!important
}
#mrpc-city-app .mrpc270-alert-card{border:1px solid #ffc5c9!important;border-left:4px solid #f33b4b!important;border-radius:14px!important;background:#fff0f1!important;padding:15px!important;margin-bottom:10px!important;color:#84212b!important}
#mrpc-city-app .mrpc270-alert-card strong,#mrpc-city-app .mrpc270-alert-card b{display:block;margin-bottom:5px}
#mrpc-city-app .mrpc270-quick-list,#mrpc-city-app .mrpc270-latest-list{display:grid;gap:10px}
#mrpc-city-app .mrpc270-quick-link{display:flex;align-items:center;gap:12px;border:1px solid #e6edf5;background:#fff!important;border-radius:14px;padding:13px!important;text-decoration:none!important;color:#153455!important;box-shadow:0 4px 14px #173f6910}
#mrpc-city-app .mrpc270-quick-link>span:nth-child(2){flex:1}
#mrpc-city-app .mrpc270-quick-link strong,#mrpc-city-app .mrpc270-quick-link small{display:block}
#mrpc-city-app .mrpc270-quick-link small{color:#73869e;font-size:12px;margin-top:3px}
#mrpc-city-app .mrpc270-quick-icon{font-size:24px;color:#0875e8;width:36px;text-align:center}
#mrpc-city-app .mrpc270-empty{color:#8190a4;font-size:13px;background:#f5f8fc;padding:13px;border-radius:12px}
#mrpc-city-app .mrpc270-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
#mrpc-city-app .mrpc270-title-row a{font-size:13px;color:#0875e8;text-decoration:none;font-weight:700}
#mrpc-city-app .mrpc270-news-card{display:grid!important;grid-template-columns:96px minmax(0,1fr);column-gap:12px;align-items:start;overflow:hidden;background:#fff;border:1px solid #e5edf5;border-radius:14px;padding:12px;box-shadow:0 4px 14px #173f6910}
#mrpc-city-app .mrpc270-news-card>img,#mrpc-city-app .mrpc270-news-card .mrpc-news-image{grid-row:1/5;width:96px!important;height:88px!important;object-fit:cover;border-radius:9px;overflow:hidden}
#mrpc-city-app .mrpc270-news-card .mrpc-news-image img{width:100%!important;height:100%!important;object-fit:cover}
#mrpc-city-app .mrpc270-news-card h3{font-size:14px!important;margin:3px 0!important;color:#12375f}
#mrpc-city-app .mrpc270-news-card p{font-size:12px!important;line-height:1.4!important;margin:3px 0!important}
#mrpc-city-app .mrpc270-news-card small{font-size:11px!important}
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"]{padding-bottom:115px!important}

/* 2.7.1 — roadworks alert, sourced from MR PRO Web */
#mrpc-city-app .mrpc-native-panel[data-screen="accueil"] .mrpc271-roadworks{width:calc(100% - 36px)!important;max-width:1044px!important;margin:20px auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#mrpc-city-app .mrpc271-roadworks h2{font-size:19px!important;line-height:1.3!important;color:#9b4c00!important;margin:0 0 12px!important}
#mrpc-city-app .mrpc271-roadwork{display:flex;align-items:flex-start;gap:12px;padding:14px!important;margin-bottom:10px;border:1px solid #ffd5a0!important;border-left:5px solid #f39319!important;border-radius:14px!important;background:#fff8ee!important;color:#633c13!important;box-shadow:0 3px 10px #734a1910}
#mrpc-city-app .mrpc271-roadwork-icon{font-size:28px;line-height:1.2;flex:0 0 33px}
#mrpc-city-app .mrpc271-roadwork-content{flex:1;min-width:0}
#mrpc-city-app .mrpc271-roadwork strong{display:block;font-size:15px;line-height:1.4;color:#8b4704}
#mrpc-city-app .mrpc271-roadwork p{font-size:13px;line-height:1.5;margin:7px 0;color:#65451e}
#mrpc-city-app .mrpc271-roadwork small{display:block;margin-top:6px;font-size:12px;color:#875521}

#mrpc-city-app .mrpc271-roadwork .mrpc273-detail{display:inline-block;margin-top:10px;font-size:12px;font-weight:750;color:#935000!important;text-decoration:none!important}

/* v2.7.4 : compact municipal roadwork cards, mobile-first */
#mrpc-city-app .mrpc271-roadworks .mrpc274-roadwork{display:block!important;padding:13px 14px!important;border-left:4px solid #ed9019!important;background:#fff9f0!important;}
#mrpc-city-app .mrpc274-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:9px}
#mrpc-city-app .mrpc274-status{display:inline-block;border-radius:999px;background:#fff0d9;color:#99510b;padding:4px 9px;font-size:11px;font-weight:800}
#mrpc-city-app .mrpc274-dates{color:#88603b;font-size:11px;line-height:1.35}
#mrpc-city-app .mrpc274-heading{display:block;font-size:14px!important;line-height:1.4!important;margin:0 0 8px!important;color:#77400d!important}
#mrpc-city-app .mrpc274-location{font-size:12px;line-height:1.45;color:#754d24;margin-bottom:5px}
#mrpc-city-app .mrpc274-traffic{font-size:12px!important;line-height:1.4!important;margin:4px 0 0!important;color:#754d24!important}
#mrpc-city-app .mrpc274-roadwork .mrpc273-detail{display:block!important;text-align:right;margin-top:10px!important;font-size:12px!important;font-weight:800!important}