.accountBadge,.adminBadge,.statusPill{display:inline-flex;align-items:center;width:max-content;border-radius:999px;font-size:11px;font-weight:800;padding:5px 9px}.accountBadge{background:#12334b;color:#64caff;margin-left:8px}.subscriptionCard{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.subscriptionState{display:flex;flex-direction:column;gap:6px}.subscriptionState strong{font-size:20px}.subscriptionState p{margin:0;color:#aebec8}.statusPill.ok{background:#0c493b;color:#61ecc7}.statusPill.wait{background:#4a3712;color:#ffd166}.statusPill.bad{background:#4a1d2a;color:#ff7994}.eventAmount{font-size:12px}.eventAmount.ok{color:#61ecc7}.eventAmount.wait{color:#ffd166}.eventAmount.bad{color:#ff7994}.locked{filter:saturate(.55);opacity:.78}.commercialPanel{width:min(860px,96vw)!important}.planList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.planCard{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #263d4d;border-radius:18px;background:#0a1923}.planCard h3{margin:5px 0;font-size:19px}.planCard strong{font-size:24px;color:#7fd9ff}.planCard p{color:#9eb0bb;line-height:1.5;flex:1}.planMonths{font-size:11px;font-weight:800;color:#c17cff}.planActions{display:flex;flex-direction:column;gap:8px}.planActions button{padding:10px}.planActions button:disabled{opacity:.45;cursor:not-allowed}.planActions .manualBtn{background:#132d3c;border:1px solid #2a5165}.paymentNote{padding:13px;border:1px solid #29404e;border-radius:12px;background:#0b1820;color:#aebec8;line-height:1.5}.commercialForm{width:min(520px,96vw)!important}.commercialForm .muted,.muted{color:#9db0bb}.payDestination{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid #28516a;border-radius:12px;background:#0a1d28;margin:12px 0}.payDestination span{font-size:11px;color:#8db4c8}.payDestination strong{font-size:18px;color:#5dd8ff}.payDestination small{color:#91a6b3}.errorText{color:#ff6b86}.adminAside{background:#06111a}.adminWorkspace{padding-top:22px}.adminTop{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.adminTop h1{margin:7px 0 4px;font-size:30px}.adminTop p{margin:0;color:#94a9b6}.adminBadge{background:#4b175d;color:#ef8cff}.adminStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0}.adminStats>div{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid #1f3746;border-radius:17px;background:linear-gradient(145deg,#0c202c,#091720)}.adminStats small{color:#8fa3b1;font-weight:800;letter-spacing:.7px}.adminStats strong{font-size:30px}.adminStats em{font-style:normal;color:#50d5b3;font-size:12px}.adminSection{border:1px solid #1d3441;border-radius:18px;background:#091720;margin:16px 0;overflow:hidden}.sectionHead{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #1d3441}.sectionHead h2{margin:0 0 3px}.sectionHead small{color:#8fa3b1}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #182d39;vertical-align:middle}th{font-size:11px;color:#8fa3b1;letter-spacing:.5px}td{color:#d8e5eb}td small{display:block;color:#8297a4;margin-top:4px}.rowActions{white-space:nowrap}.rowActions button{padding:7px 9px;border-radius:8px;margin:2px;font-size:11px}.approveBtn{background:#087c61}.dangerMini{background:#4a1d2a!important;color:#ff7994!important}.rowActions .greenBtn{display:inline-block;width:auto;margin:2px;padding:7px 9px}.adminSection tbody tr:hover{background:#0d202b}@media(max-width:900px){.planList{grid-template-columns:1fr}.adminStats{grid-template-columns:1fr 1fr}.adminTop{flex-direction:column}.accountBadge{display:none}}@media(max-width:520px){.adminStats{grid-template-columns:1fr}.commercialPanel{padding:16px!important}}


/* v5.1 — mode technique administrateur */
.adminTopActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.adminTechBar{position:sticky;top:0;z-index:50;margin:0 0 12px 0;padding:10px 14px;border:1px solid rgba(145,98,255,.35);border-radius:12px;background:#111827;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.adminTechBar[hidden]{display:none!important}
.adminTechBar b{color:#e9ddff;font-size:12px}.adminTechBar span{color:#8692a7;font-size:10px;flex:1}.adminTechBar button{white-space:nowrap}
@media(max-width:700px){.adminTechBar{flex-wrap:wrap}.adminTechBar span{flex-basis:100%}.adminTopActions{justify-content:flex-start}}


/* v5.2 — paramètres de paiement administrateur */
.paymentSettingsForm{padding:18px}.paymentSettingsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.paymentSettingCard{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #203b49;border-radius:16px;background:#0a1a24}.paymentSettingTitle{display:flex;align-items:center;gap:10px}.paymentSettingTitle>span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 7px;border-radius:10px;background:#103249;color:#63d8ff;font-size:10px;font-weight:900}.paymentSettingTitle b,.paymentSettingTitle small{display:block}.paymentSettingTitle small{margin-top:3px;color:#839aa8}.paymentSettingCard label{display:flex;flex-direction:column;gap:6px;color:#9fb3bf;font-size:11px;font-weight:700}.paymentSettingCard input{width:100%;padding:11px 12px;border:1px solid #294554;border-radius:10px;background:#07151e;color:#e6f4fa;outline:none}.paymentSettingCard input:focus{border-color:#3fc7f3}.paymentSettingsActions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;padding-top:15px;border-top:1px solid #1c3441}.paymentSettingsActions p{max-width:720px;margin:0;color:#8ea5b2;line-height:1.5;font-size:12px}.paymentSettingsActions button{white-space:nowrap}.payDestinationHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.copyPaymentNumber{width:auto!important;padding:7px 10px!important;border:1px solid #2f627b!important;border-radius:8px!important;background:#102f40!important;color:#6ddcff!important;font-size:11px!important}.payDestination em{font-style:normal;color:#b7d4e2;font-size:12px}@media(max-width:900px){.paymentSettingsGrid{grid-template-columns:1fr}.paymentSettingsActions{align-items:stretch;flex-direction:column}.paymentSettingsActions button{width:100%}}


/* ProNet v5.3 - retour visuel de sauvegarde des moyens de paiement */
.paymentSaveFeedback{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.paymentSettingsStatus{min-height:20px;font-size:13px;font-weight:700;color:#93a4b8}
.paymentSettingsStatus.saving{color:#57cfff}
.paymentSettingsStatus.ok{color:#3fe0a5}
.paymentSettingsStatus.error{color:#ff7c8f}
#savePaymentSettingsBtn:disabled{opacity:.72;cursor:wait}


/* ProNet commercial v5.4 - Profil & récupération */
.textLink{display:block;width:100%;margin-top:8px;border:0!important;background:transparent!important;box-shadow:none!important;color:#62dff8!important;text-align:center;cursor:pointer}
.profilePanel{max-width:720px}.profileForm{margin-top:14px}.profileForm h3{margin:0 0 8px}.securityDivider{height:1px;background:#26384a;margin:20px 0}.formStatus{display:block;min-height:20px;margin:8px 0 0;color:#8fa3b8;font-size:12px}.formStatus.ok{color:#37dfab}.formStatus.error{color:#ff7f96}.tempPasswordPanel{max-width:520px}.temporaryPasswordValue{display:flex;align-items:center;gap:10px;margin:18px 0;padding:14px;border:1px solid #2b4f65;border-radius:12px;background:#0a1620}.temporaryPasswordValue code{flex:1;color:#70e6ff;font-size:20px;font-weight:800;letter-spacing:1px;word-break:break-all}.temporaryPasswordValue button{width:auto;flex:0 0 auto}
@media(max-width:620px){.profilePanel{max-width:100%}.temporaryPasswordValue{align-items:stretch;flex-direction:column}.temporaryPasswordValue button{width:100%}}


/* ProNet commercial v5.5 - gestion des offres */
#adminPlansSection .sectionHead>button{width:auto;padding:9px 12px;white-space:nowrap}.adminPlanPanel{max-width:650px}.adminPlanGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.adminPlanGrid label{min-width:0}.adminPlanGrid small{display:block;margin-top:5px;color:#8198a7;font-size:10px}.adminPlanToggle{display:flex!important;align-items:center!important;gap:10px!important;margin:12px 0!important}.adminPlanToggle input{width:18px!important;height:18px!important;flex:0 0 auto}.adminPlanToggle span{color:#cbd8df}.subscriptionState>small{color:#84a9ba;font-size:11px}@media(max-width:680px){.adminPlanGrid{grid-template-columns:1fr}.adminPlanPanel{max-width:100%}#adminPlansSection .sectionHead{align-items:flex-start;gap:10px;flex-direction:column}#adminPlansSection .sectionHead>button{width:100%}}
