/* Proprynex V12.9.2 — composition compacte et cartes d'abonnement premium.
 * La disposition dense n'est appliquée qu'au bureau large: l'affichage mobile reste déroulant.
 */
:root{--px1292-border:#d8e9df}
/* La même navigation de tous les écrans, avec un repère visuel de version premium. */
@media(min-width:801px){
 body .shell>aside{background:linear-gradient(165deg,#111f2c,#162a3b 67%,#101d29)!important}
 body .px1258-group .nav.active{background:linear-gradient(105deg,#3a96e6,#1c578b 90%)!important}
}
/* V12.9.4 : règles de miniaturisation de V12.9.2 retirées. */
/* Une présentation cohérente des métriques aussi hors des grands écrans */
#main .px1291-metric{position:relative;overflow:hidden;padding-right:76px!important}
#main .px1291-metric:before{content:'';position:absolute;right:14px;top:calc(50% - 22px);width:44px;height:44px;background:#e4f7e9;border-radius:15px}
#main .px1291-metric:after{content:'▥';position:absolute;right:25px;top:calc(50% - 16px);font-weight:900;font-size:28px;color:#1a5384}
#main .px1291-metric:nth-child(2):after{content:'%'}
#main .px1291-metric:nth-child(3):after{content:'✓'}
/* Offre : icônes SVG injectées exclusivement sur les cartes déjà existantes. */
#main .px12-plans{gap:14px!important}
#main .px12-plan{position:relative;overflow:hidden;border:1px solid var(--px1292-border)!important;border-radius:18px!important;padding:20px!important;background:linear-gradient(155deg,#fff 60%,#eefbf3)!important;box-shadow:0 9px 23px rgba(23,43,60,.07)!important;min-width:0}
#main .px12-plan:after{content:'';position:absolute;pointer-events:none;right:-28px;top:-40px;width:130px;height:130px;border:1px solid rgba(25,79,126,.10);border-radius:50%}
#main .px12-plan h2{display:flex!important;align-items:center;gap:12px!important;min-height:50px;font-size:22px!important;margin-bottom:13px!important}
#main .px1292-planicon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#e4fae9,#ceddf1);color:#16456e;flex:none}
#main .px1292-planicon svg{width:26px;height:26px}
#main .px12-plan[data-px1292-plan="pro"]{border:2px solid #4081bb!important;background:linear-gradient(150deg,#fff 48%,#e5fae8)!important}
#main .px12-plan[data-px1292-plan="business"] .px1292-planicon{background:#e3f7e5;color:#154066}
#main .px12-plan .px12-price{font-size:31px!important;font-weight:900!important;color:#154168!important;letter-spacing:-.6px}
#main .px12-plan p{font-size:13px!important;color:#56606d!important}
#main .px12-plan>button{border-radius:12px!important;min-height:44px!important}
#main .px1292-planlabel{display:inline-flex;align-items:center;background:#e7f9ec;color:#184974;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:800;margin-left:auto}
@media(max-width:800px){#main .px12-plan{padding:16px!important}#main .px12-plan h2{font-size:18px!important}#main .px1292-planicon{width:40px;height:40px}#main .px1292-planicon svg{width:22px;height:22px}}
@media(max-width:670px){#main .px1291-metric{padding-right:65px!important}}