/* ========================================================================
   WEFIT V3.64 — Apple Glass / Concept 2
   Visual layer only. No server or financial logic is overridden.
   Progressive enhancement: no backdrop-filter => opaque readable panels.
   ======================================================================== */
:root {
  --glass-primary:#171d27;
  --glass-muted:#687587;
  --glass-edge:rgba(255,255,255,.92);
  --glass-surface:rgba(255,255,255,.73);
  --glass-solid:#fff;
  --glass-soft:rgba(255,255,255,.57);
  --glass-stroke:rgba(174,187,205,.36);
  --glass-glow:rgba(255,212,75,.24);
  --glass-elevation:0 24px 56px rgba(37,51,71,.075),0 2px 8px rgba(39,56,77,.025);
  --glass-radius:22px;
  --glass-yellow:#ffcd1c;
  --glass-yellow-deep:#edb900;
  --ink:#202937;
  --muted:#717f90;
  --bg:#edf2f7;
  --paper:#fff;
  --line:#dfe5ec;
  --shadow:var(--glass-elevation);
}
html { scroll-behavior:smooth; }
html:not([data-theme="dark"]){color-scheme:light;}
body.wefit-glass {
  min-height:100vh;
  color:var(--glass-primary);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,"DM Sans",sans-serif;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(ellipse 44% 44% at 87% 3%,rgba(255,210,97,.22),transparent 78%),
    radial-gradient(ellipse 38% 46% at 18% 30%,rgba(202,224,244,.59),transparent 81%),
    radial-gradient(ellipse 58% 64% at 91% 93%,rgba(218,228,241,.67),transparent 86%),
    linear-gradient(145deg,#f5f7fa 0%,#ebf0f5 100%);
  background-attachment:fixed;
}
body.wefit-glass :is(h1,h2,h3,h4){font-family:inherit;letter-spacing:-.035em}
body.wefit-glass .app{position:relative;isolation:isolate}
body.wefit-glass .main{margin-left:256px;width:calc(100% - 256px);min-width:0;position:relative}
body.wefit-glass .content{max-width:1840px;padding:29px clamp(18px,3.1vw,43px) 62px}

/* Rail de navigation — verre clair, navigation réelle et conservée */
body.wefit-glass .sidebar{
  width:256px;
  border-right:1px solid rgba(255,255,255,.8);
  background:rgba(247,249,252,.70);
  color:#253040;
  box-shadow:8px 0 40px rgba(50,65,82,.045),inset -1px 0 rgba(171,188,208,.15);
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
}
body.wefit-glass .brand{
  height:109px;
  padding:11px 14px 8px;
  border-bottom:1px solid rgba(164,178,194,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.48),transparent);
}
body.wefit-glass .brand img{width:155px;max-width:92%;height:65px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(58,62,70,.07))}
body.wefit-glass .brand span{letter-spacing:2.4px;font-size:9px;font-weight:800;color:#69798a}
body.wefit-glass .brand span b{color:#bb8e00}
body.wefit-glass .sidebar-scroll{padding:14px 13px 22px;scrollbar-color:rgba(154,171,191,.35) transparent}
body.wefit-glass .nav-label{color:#8a98a7;font-weight:800;letter-spacing:1.3px;font-size:9px;padding:20px 16px 7px}
body.wefit-glass .nav-link{
  min-height:43px;margin:3px 0;padding:10px 14px;border:1px solid transparent;
  border-radius:13px;color:#566476;font-size:12px;font-weight:650;
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
body.wefit-glass .nav-link svg{color:#758396;opacity:1;transition:transform .22s ease}
body.wefit-glass .nav-link:hover{
  color:#1c2736;background:rgba(255,255,255,.76);border-color:rgba(255,255,255,.88);
  transform:translateX(2px);box-shadow:0 4px 13px rgba(60,81,101,.06);
}
body.wefit-glass .nav-link:hover svg{transform:scale(1.08)}
body.wefit-glass .nav-link.active{
  color:#24230e;background:linear-gradient(117deg,#ffe99a 0%,#ffda52 48%,#ffd02e 100%);
  border-color:rgba(223,180,20,.24);font-weight:800;
  box-shadow:0 7px 22px rgba(244,190,22,.19),inset 0 1px rgba(255,255,255,.72);
}
body.wefit-glass .nav-link.active svg{color:#2c2a20}
body.wefit-glass .sidebar-bottom{padding:17px 19px;background:rgba(255,255,255,.27);border-top:1px solid rgba(162,177,194,.23)}
body.wefit-glass .sidebar-bottom strong{color:#273343;font-size:12px}
body.wefit-glass .sidebar-bottom small{color:#7a8999}

/* Barre supérieure translucide, recherche et commandes conservées */
body.wefit-glass .topbar{
  height:84px;min-height:84px;padding:0 clamp(17px,3.1vw,42px);
  position:sticky;top:0;z-index:28;gap:14px;
  background:rgba(255,255,255,.61);
  border-bottom:1px solid rgba(255,255,255,.82);
  box-shadow:0 6px 26px rgba(64,78,101,.035);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}
body.wefit-glass .topbar-left h1{font-size:clamp(19px,1.85vw,24px);font-weight:790;letter-spacing:-.045em;color:#192230}
body.wefit-glass .breadcrumb{color:#8b97a5;letter-spacing:.7px;font-size:10px;font-weight:750}
body.wefit-glass .topbar-right{gap:9px;min-width:0}
body.wefit-glass .today-label{color:#6d7b8b;font-weight:650;font-size:11px}
body.wefit-glass .icon-btn{
  border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.74);color:#465466;
  box-shadow:0 3px 11px rgba(53,67,85,.045);border-radius:13px;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.wefit-glass .icon-btn:hover{transform:translateY(-2px);background:#fff8db;border-color:#ffe397;box-shadow:0 9px 22px rgba(89,75,37,.12);color:#20242b}
body.wefit-glass .top-avatar{background:linear-gradient(135deg,#333b47,#161e2a);color:#ffdd63;box-shadow:0 4px 12px #1d28332a}
body.wefit-glass .admin-identity strong{color:#293342}
body.wefit-glass .wf330-global-search input,
body.wefit-glass .wm28-topbar-search input{border:1px solid rgba(167,183,203,.37);background:rgba(255,255,255,.8);box-shadow:inset 0 1px rgba(255,255,255,.72);border-radius:13px}
body.wefit-glass .wf330-global-search input:focus-visible{border-color:#e3b726}

/* Les panneaux restent opaques sans prise en charge du verre */
body.wefit-glass :is(.panel,.stat-card,.wf363-register-status,.wfc-stat){background:#fff}
@supports ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))) {
  body.wefit-glass :is(.panel,.stat-card,.wf363-register-status,.wfc-stat){
    background:var(--glass-surface);
    backdrop-filter:blur(20px) saturate(138%);
    -webkit-backdrop-filter:blur(20px) saturate(138%);
  }
}
body.wefit-glass :is(.panel,.stat-card,.wf363-register-status,.wfc-stat){
  border:1px solid var(--glass-edge);border-radius:var(--glass-radius);
  box-shadow:var(--glass-elevation),inset 0 1px rgba(255,255,255,.65);
  color:#202a37;
}
body.wefit-glass .panel{padding:clamp(18px,1.9vw,27px)}
body.wefit-glass .panel-title h3{font-size:16px;font-weight:780;letter-spacing:-.03em}
body.wefit-glass .panel-title p{color:#7a8695}
body.wefit-glass .page-heading h2{font-size:clamp(22px,2.2vw,29px);color:#1c2635;letter-spacing:-.045em}
body.wefit-glass .page-heading p{color:#788595}
body.wefit-glass .page-heading{margin-bottom:20px}
body.wefit-glass .dashboard-grid{gap:19px}
body.wefit-glass .dashboard-grid>.panel{margin-bottom:17px}
body.wefit-glass .stats-grid{gap:15px}
body.wefit-glass .stat-card{min-height:142px;padding:19px 19px 17px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body.wefit-glass .stat-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px rgba(52,65,86,.14);border-color:rgba(255,220,119,.85)}
body.wefit-glass .stat-card span{color:#67788a;font-size:11px;font-weight:720}
body.wefit-glass .stat-card strong{font-size:clamp(20px,2.1vw,28px);font-weight:810;letter-spacing:-.04em}
body.wefit-glass .stat-card small{color:#87919e}
body.wefit-glass .stat-icon{width:42px;height:42px;border:1px solid rgba(255,255,255,.66);border-radius:14px;margin-bottom:11px}
body.wefit-glass .stat-icon.blue,body.wefit-glass .stat-icon.purple{color:#a77c00;background:#fff2c0}
body.wefit-glass .stat-icon.gold{color:#a78000;background:#fff0a8}
body.wefit-glass .stat-icon.green{color:#168658;background:#e5faef}
body.wefit-glass .bar-chart{border-color:#e1e6ee}
body.wefit-glass .bar-group .bar{border-radius:9px 9px 0 0;box-shadow:0 5px 19px #f3c54e32}

/* Accueil: la zone de bienvenue n'est plus un grand bloc noir */
body.wefit-glass .hero-panel{
  min-height:158px;margin-bottom:17px;padding:25px clamp(20px,2.6vw,36px);
  color:#1d2734;border-radius:25px;border:1px solid rgba(255,255,255,.91);
  background:radial-gradient(circle at 85% 5%,rgba(255,218,124,.40),transparent 29%),
             linear-gradient(111deg,rgba(255,255,255,.84),rgba(255,255,255,.48));
  box-shadow:var(--glass-elevation),inset 0 1px rgba(255,255,255,.82);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)
}
body.wefit-glass .hero-panel:after{opacity:.14;border-color:#e5bc4e;right:-155px;top:-195px;pointer-events:none}
body.wefit-glass .hero-tag{color:#ad8000;font-weight:800;letter-spacing:.09em}
body.wefit-glass .hero-panel h2{font-size:clamp(24px,2.6vw,33px);font-weight:810;color:#1a2633;margin-bottom:3px}
body.wefit-glass .hero-panel p{color:#708093;margin-bottom:17px;max-width:820px}
body.wefit-glass .hero-symbol{color:#eabd2130;right:38px;font-size:155px;user-select:none;pointer-events:none}
body.wefit-glass .wf336-quick-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
body.wefit-glass .hero-action{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:39px;border-radius:12px;padding:10px 15px;font-weight:750;
  background:linear-gradient(125deg,#ffe688,#ffd432);color:#392f10;
  border:1px solid rgba(212,173,54,.28);box-shadow:0 4px 11px rgba(231,174,18,.12);
  transition:transform .21s ease,box-shadow .21s ease,background .21s ease;
}
body.wefit-glass .hero-action:hover{transform:translateY(-2px);box-shadow:0 9px 19px rgba(221,168,26,.22)}
body.wefit-glass .hero-action.wf336-hero-secondary{background:rgba(255,255,255,.76);border-color:rgba(161,171,191,.25);color:#344151;box-shadow:0 3px 9px rgba(37,54,69,.045)}
body.wefit-glass .hero-action.wf358-danger-hero{background:#fff0e9;border-color:#f3d2c5;color:#ae4934}
body.wefit-glass .wf363-register-status{margin-top:0;margin-bottom:18px;padding:12px 19px;border-radius:17px}
body.wefit-glass .wf363-register-status>div{gap:8px 10px}
body.wefit-glass .wf363-register-status strong{color:#243142}
body.wefit-glass .wf363-register-status small{color:#69788a}
body.wefit-glass .wf363-register-money{font-size:15px;color:#203044}

/* Boutons, formulaires et états interactifs */
body.wefit-glass .btn{border-radius:12px;letter-spacing:-.01em;transition:transform .19s ease,box-shadow .19s ease,background-color .19s ease}
body.wefit-glass .btn.primary,
body.wefit-glass .pos-ref-checkout,
body.wefit-glass .wf352-add-variant{background:linear-gradient(120deg,#ffe16b,#ffcf23);color:#25200d;border-color:rgba(221,181,48,.42);box-shadow:0 5px 18px rgba(229,178,25,.18)}
body.wefit-glass .btn.primary:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(225,170,13,.24)}
body.wefit-glass .btn.light,body.wefit-glass .btn.faint{background:rgba(255,255,255,.75);border:1px solid rgba(160,177,198,.30);color:#465466}
body.wefit-glass :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){
  border-radius:12px;accent-color:#efbb11;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
body.wefit-glass :is(input,select,textarea):focus-visible{outline:2px solid rgba(247,193,18,.72);outline-offset:2px;border-color:#d9ad1b}
body.wefit-glass :is(a,button,[role="button"]):focus-visible{outline:3px solid #e8b300;outline-offset:3px}
body.wefit-glass :is(input[type="checkbox"],input[type="radio"]){accent-color:#e1ae00}
body.wefit-glass label{color:inherit}
body.wefit-glass .notice{border-radius:15px;box-shadow:0 6px 19px rgba(24,41,64,.04)}
body.wefit-glass .quick{border-radius:14px;background:rgba(255,255,255,.59);border-color:rgba(255,255,255,.81);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
body.wefit-glass .quick:hover{transform:translateY(-2px);background:#fff;box-shadow:0 10px 21px rgba(39,55,72,.07)}

/* Données tabulaires: très grande lisibilité, y compris en scroll horizontal */
body.wefit-glass .table-scroll{border-radius:15px;scrollbar-color:#b8c4d2 transparent}
body.wefit-glass thead th{background:rgba(226,233,240,.45);color:#607084;border-color:#dbe3eb;letter-spacing:.035em}
body.wefit-glass td{border-color:rgba(191,204,221,.32);color:#536273}
body.wefit-glass td strong{color:#1d2a39}
body.wefit-glass tbody tr:hover td{background:rgba(255,232,158,.19)}
body.wefit-glass .pill:not(.green):not(.red):not(.orange){background:rgba(217,225,235,.55);color:#5b697b}
body.wefit-glass .pill.green{background:#e1f7e9;color:#128052}
body.wefit-glass .pill.red{background:#ffe8e8;color:#bb3547}
body.wefit-glass .pill.orange{background:#fff1cf;color:#956e00}
body.wefit-glass .dialog{border:1px solid rgba(255,255,255,.87);background:#fcfdff;border-radius:22px;box-shadow:0 30px 100px rgba(16,30,50,.25)}
body.wefit-glass .dialog::backdrop{background:rgba(16,25,37,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
body.wefit-glass .dialog-head{background:rgba(255,255,255,.93)}
body.wefit-glass .dialog-actions{background:rgba(251,252,255,.98)}
body.wefit-glass .footer{color:#788697}

/* Pages: Membres, Caisse, Abonnements, Stock, Contrôle admin.
   Ces sélecteurs ciblent les vues existantes sans changer leur HTML métier. */
body.wefit-glass :is(.wm28-stat,.sub-v39-stat,.sub-v39-plan,.pos-ref-card,.wf352-metric,.wfc-stat){
  border-radius:18px;border:1px solid rgba(255,255,255,.82);
  box-shadow:0 9px 26px rgba(36,59,81,.05);
}
body.wefit-glass :is(.wm28-directory,.wm28-side,.sub-v39-filter-panel,.sub-v39-table,.pos-ref-order,.pos-ref-browser,.wf352-stock-panel){
  border-radius:19px;
  box-shadow:0 12px 28px rgba(37,55,72,.048);
}
body.wefit-glass .wm28-row{transition:background-color .16s ease}
body.wefit-glass .wm28-row:hover{background:rgba(255,227,135,.15)}
body.wefit-glass .wm28-profile-tabs{border-radius:12px}
body.wefit-glass .wm28-side{box-shadow:0 18px 44px rgba(48,59,78,.10)!important}
body.wefit-glass .pos-ref-card{overflow:hidden;transition:transform .20s ease,box-shadow .20s ease}
body.wefit-glass .pos-ref-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(37,52,68,.11)}
body.wefit-glass .sub-v39-kind,.wefit-glass .wf352-stock-tabs button{border-radius:12px}
body.wefit-glass .wf352-product-table{border-collapse:separate;border-spacing:0}
body.wefit-glass .wf352-product-table tbody tr:hover{background:rgba(255,222,112,.13)}
body.wefit-glass .wf361-mini-btn{border-radius:9px}
body.wefit-glass .wf361-variant-builder{border-radius:17px}
body.wefit-glass .wf361-variant-create{border-radius:13px}
body.wefit-glass .wfc-stat{background:rgba(255,255,255,.78);box-shadow:0 7px 22px rgba(33,51,74,.055)}
body.wefit-glass .wfc-stat strong{color:#202a39}

/* Connexion Apple Glass cohérente avec l'application */
body.wefit-glass.login-screen .login-layout{background:transparent}
body.wefit-glass.login-screen .login-side{background:transparent}
body.wefit-glass.login-screen .login-card{max-width:410px;padding:32px 30px;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:rgba(255,255,255,.77);box-shadow:0 26px 80px rgba(20,35,50,.1);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
body.wefit-glass.login-screen .login-card h2{font-weight:800}
body.wefit-glass.login-screen .login-hero{background:radial-gradient(circle at 82% 22%,rgba(255,207,36,.2),transparent 31%),linear-gradient(130deg,#171e28,#323c48)}
body.wefit-glass.login-screen .login-side .theme-toggle{z-index:4}

/* Accessibilité — contrastes explicites pour le mode nuit. */
:root[data-theme="dark"]{
  --glass-primary:#eff4fc;
  --glass-muted:#bdc8d7;
  --glass-edge:rgba(121,141,166,.22);
  --glass-surface:rgba(27,36,49,.82);
  --glass-solid:#202b39;
  --glass-soft:rgba(37,48,63,.89);
  --glass-stroke:rgba(140,154,175,.28);
  --glass-elevation:0 17px 45px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
  --ink:#edf3fb;
  --muted:#b4c0d1;
  --bg:#0d151f;
  --paper:#1a2532;
  --line:#384558;
  --shadow:var(--glass-elevation);
}
:root[data-theme="dark"] body.wefit-glass{
  color:#edf4fc;
  background:radial-gradient(ellipse 49% 36% at 90% 0%,rgba(129,109,52,.15),transparent 79%),
    radial-gradient(ellipse 49% 54% at 7% 60%,rgba(42,70,102,.3),transparent 77%),
    linear-gradient(145deg,#101a26,#0a111b);
}
:root[data-theme="dark"] body.wefit-glass .sidebar{background:rgba(17,25,36,.86);border-right-color:rgba(128,145,171,.18);box-shadow:8px 0 46px rgba(0,0,0,.14)}
:root[data-theme="dark"] body.wefit-glass .brand{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);border-bottom-color:rgba(134,151,175,.17)}
:root[data-theme="dark"] body.wefit-glass .brand span{color:#acbbcb}
:root[data-theme="dark"] body.wefit-glass .nav-label{color:#8597ac}
:root[data-theme="dark"] body.wefit-glass .nav-link{color:#b7c6d8}
:root[data-theme="dark"] body.wefit-glass .nav-link svg{color:#a4b3c6}
:root[data-theme="dark"] body.wefit-glass .nav-link:hover{color:#fff;background:rgba(75,91,112,.32);border-color:rgba(141,158,179,.17)}
:root[data-theme="dark"] body.wefit-glass .nav-link.active{color:#24200b;background:linear-gradient(120deg,#ffeb9e,#ffd64c);border-color:rgba(255,215,85,.33)}
:root[data-theme="dark"] body.wefit-glass .nav-link.active svg{color:#332c08}
:root[data-theme="dark"] body.wefit-glass .sidebar-bottom{background:rgba(20,31,45,.55);border-top-color:#334256}
:root[data-theme="dark"] body.wefit-glass .sidebar-bottom strong{color:#f0f5fc}
:root[data-theme="dark"] body.wefit-glass .sidebar-bottom small{color:#9eafc0}
:root[data-theme="dark"] body.wefit-glass .topbar{background:rgba(19,28,40,.8);border-bottom-color:rgba(150,166,188,.15);box-shadow:0 8px 25px rgba(0,0,0,.12)}
:root[data-theme="dark"] body.wefit-glass .topbar-left h1,
:root[data-theme="dark"] body.wefit-glass .page-heading h2{color:#f5f8fd}
:root[data-theme="dark"] body.wefit-glass .breadcrumb,
:root[data-theme="dark"] body.wefit-glass .today-label{color:#acbbcd}
:root[data-theme="dark"] body.wefit-glass .topbar .icon-btn{color:#dce7f5;background:rgba(55,68,84,.57);border-color:rgba(135,152,175,.21)}
:root[data-theme="dark"] body.wefit-glass .topbar .icon-btn:hover{color:#ffda53;background:#384356}
:root[data-theme="dark"] body.wefit-glass .admin-identity strong{color:#eaf0fa}
:root[data-theme="dark"] body.wefit-glass .hero-panel{
  color:#eef4fa;background:radial-gradient(circle at 86% 7%,rgba(229,188,67,.14),transparent 36%),linear-gradient(112deg,rgba(38,51,66,.86),rgba(25,35,47,.76));
  border-color:rgba(142,159,179,.22);box-shadow:var(--glass-elevation)
}
:root[data-theme="dark"] body.wefit-glass .hero-panel h2{color:#fafbfe}
:root[data-theme="dark"] body.wefit-glass .hero-panel p{color:#bdc9d7}
:root[data-theme="dark"] body.wefit-glass .hero-tag{color:#ffde75}
:root[data-theme="dark"] body.wefit-glass .hero-action.wf336-hero-secondary{color:#e3ebf8;background:rgba(78,92,112,.54);border-color:#4b5b70}
:root[data-theme="dark"] body.wefit-glass :is(.panel,.stat-card,.wf363-register-status,.wfc-stat){background:rgba(28,40,53,.82);border-color:rgba(126,149,174,.22);box-shadow:var(--glass-elevation);color:#eef3fb}
:root[data-theme="dark"] body.wefit-glass .stat-card span,
:root[data-theme="dark"] body.wefit-glass .stat-card small,
:root[data-theme="dark"] body.wefit-glass .panel-title p,
:root[data-theme="dark"] body.wefit-glass .page-heading p{color:#b5c2d2}
:root[data-theme="dark"] body.wefit-glass .stat-card strong,
:root[data-theme="dark"] body.wefit-glass .panel-title h3,
:root[data-theme="dark"] body.wefit-glass td strong,
:root[data-theme="dark"] body.wefit-glass .wf363-register-money,
:root[data-theme="dark"] body.wefit-glass .wf363-register-status strong{color:#f4f8fe}
:root[data-theme="dark"] body.wefit-glass .wf363-register-status small{color:#bbcada}
:root[data-theme="dark"] body.wefit-glass .stat-icon.blue,
:root[data-theme="dark"] body.wefit-glass .stat-icon.gold,
:root[data-theme="dark"] body.wefit-glass .stat-icon.purple{background:#544620;color:#ffe48d}
:root[data-theme="dark"] body.wefit-glass :is(.btn.light,.btn.faint){color:#dce7f5;background:#2d3a4a;border:1px solid #536176}
:root[data-theme="dark"] body.wefit-glass .quick{color:#e6edf5;background:#263546;border-color:#46586b}
:root[data-theme="dark"] body.wefit-glass .quick:hover{background:#344357}
:root[data-theme="dark"] body.wefit-glass .icon-btn{background:#2c3949;color:#dce4f0;border-color:#4b5a6d}
:root[data-theme="dark"] body.wefit-glass .icon-btn:hover{background:#3a4757;color:#ffe17a;border-color:#927c3c}
:root[data-theme="dark"] body.wefit-glass thead th{background:#273546;color:#cfdbeb;border-color:#425167}
:root[data-theme="dark"] body.wefit-glass tbody td{border-color:#36465a;color:#d3dce9}
:root[data-theme="dark"] body.wefit-glass tbody tr:hover td{background:#334054}
:root[data-theme="dark"] body.wefit-glass .pill:not(.green):not(.red):not(.orange){color:#c7d4e4;background:#39475a}
:root[data-theme="dark"] body.wefit-glass .pill.green{color:#a1efd1;background:#193a33}
:root[data-theme="dark"] body.wefit-glass .pill.red{color:#ffb8c3;background:#4b2d36}
:root[data-theme="dark"] body.wefit-glass .pill.orange{color:#ffe1a3;background:#493d25}
:root[data-theme="dark"] body.wefit-glass :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){
  background:#263547;color:#f2f7fc;border:1px solid #516177;caret-color:#ffe274;
}
:root[data-theme="dark"] body.wefit-glass :is(input,textarea)::placeholder{color:#aabbce}
:root[data-theme="dark"] body.wefit-glass select option{background:#263547;color:#f5f7fc}
:root[data-theme="dark"] body.wefit-glass .dialog{background:#1d2b3c;color:#eaf1fc;border:1px solid #4c5d71}
:root[data-theme="dark"] body.wefit-glass .dialog-head,
:root[data-theme="dark"] body.wefit-glass .dialog-actions{background:#1d2b3c;color:#eaf1fc;border-color:#3c4c61}
:root[data-theme="dark"] body.wefit-glass .wfc-stat strong{color:#f1f6fb}
:root[data-theme="dark"] body.wefit-glass :is(.wm28-stat,.sub-v39-stat,.sub-v39-plan,.pos-ref-card,.wf352-metric,.wfc-stat){border-color:#47566b;box-shadow:0 11px 32px rgba(0,0,0,.22)}
:root[data-theme="dark"] body.wefit-glass .wm28-side{box-shadow:0 20px 52px #0006!important}
:root[data-theme="dark"] body.wefit-glass :is(.wm28-row:hover,.wf352-product-table tbody tr:hover){background:#304052}
:root[data-theme="dark"] body.wefit-glass .sidebar-shade{background:rgba(0,0,0,.7)}
:root[data-theme="dark"] body.wefit-glass.login-screen .login-side{background:transparent}
:root[data-theme="dark"] body.wefit-glass.login-screen .login-card{background:rgba(28,40,54,.88);border-color:#4d5c6c;color:#f0f5fa}

/* Dock mobile: les liens sont générés avec les droits PHP déjà appliqués */
.glass-mobile-dock{display:none}
@media(max-width:1180px){
  body.wefit-glass .main{margin-left:226px;width:calc(100% - 226px)}
  body.wefit-glass .sidebar{width:226px}
  body.wefit-glass .topbar{padding-inline:20px}
  body.wefit-glass .content{padding-inline:20px}
  body.wefit-glass .today-label{display:none}
}
@media(max-width:1000px){
  body.wefit-glass .main{margin-left:0;width:100%}
  body.wefit-glass .sidebar{width:min(286px,88vw);z-index:51}
  body.wefit-glass .topbar{top:0;z-index:35}
  body.wefit-glass .content{padding:20px 17px 110px}
  body.wefit-glass .topbar-right{gap:7px}
  body.wefit-glass .glass-mobile-dock{
    position:fixed;bottom:calc(11px + env(safe-area-inset-bottom,0px));left:max(10px,env(safe-area-inset-left,0px));
    right:max(10px,env(safe-area-inset-right,0px));z-index:49;
    display:flex;align-items:stretch;justify-content:space-around;gap:2px;
    min-height:65px;padding:7px 7px 6px;border:1px solid rgba(255,255,255,.94);border-radius:23px;
    background:rgba(250,252,255,.86);box-shadow:0 12px 35px rgba(31,46,65,.17);
    backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  }
  body.wefit-glass .glass-mobile-dock a{
    min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:2px;border-radius:15px;color:#657487;font-weight:680;font-size:10px;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  body.wefit-glass .glass-mobile-dock a[aria-current="page"]{color:#312a0b;background:linear-gradient(135deg,#fff0a9,#ffe07a)}
  body.wefit-glass .glass-mobile-dock a:active{transform:scale(.96)}
  :root[data-theme="dark"] body.wefit-glass .glass-mobile-dock{background:rgba(28,39,52,.95);border-color:#4b5d71}
  :root[data-theme="dark"] body.wefit-glass .glass-mobile-dock a{color:#c1cfdf}
  :root[data-theme="dark"] body.wefit-glass .glass-mobile-dock a[aria-current="page"]{color:#211e0d;background:#ffdb66}
}
@media(max-width:700px){
  body.wefit-glass .topbar{height:70px;min-height:70px;padding-inline:13px}
  body.wefit-glass .content{padding:17px 12px 111px}
  body.wefit-glass .hero-panel{padding:22px 18px;border-radius:19px;min-height:145px}
  body.wefit-glass .hero-panel h2{font-size:25px}
  body.wefit-glass .hero-panel p{line-height:1.6}
  body.wefit-glass .hero-symbol{display:none}
  body.wefit-glass .wf336-quick-actions{gap:7px}
  body.wefit-glass .hero-action{font-size:11px;min-height:38px;padding:8px 11px}
  body.wefit-glass .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.wefit-glass .stat-card{min-height:132px;padding:15px}
  body.wefit-glass .stat-card strong{font-size:21px}
  body.wefit-glass .dashboard-grid{grid-template-columns:1fr;gap:10px}
  body.wefit-glass .panel{padding:17px 14px;border-radius:19px;margin-bottom:13px}
  body.wefit-glass .page-heading{gap:10px;flex-wrap:wrap}
  body.wefit-glass .page-heading h2{font-size:24px}
  body.wefit-glass .top-avatar{width:32px;height:32px}
  body.wefit-glass .icon-btn{width:36px;height:36px}
  body.wefit-glass .wf363-register-status{padding:13px;border-radius:16px}
  body.wefit-glass .login-card{padding:20px 18px}
}
@media(max-width:380px){
  body.wefit-glass .glass-mobile-dock a{font-size:9px}
  body.wefit-glass .glass-mobile-dock svg{width:17px;height:17px}
  body.wefit-glass .hero-action{width:100%}
  body.wefit-glass .wm28-title-buttons{flex-wrap:wrap}
}
/* On passe volontairement sans mouvement et sans flou lors des préférences d'accessibilité. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  body.wefit-glass *,body.wefit-glass *::before,body.wefit-glass *::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important
  }
}
@media (prefers-reduced-transparency:reduce){
  body.wefit-glass .sidebar,body.wefit-glass .topbar,
  body.wefit-glass .glass-mobile-dock,body.wefit-glass .hero-panel,
  body.wefit-glass .panel,body.wefit-glass .stat-card{backdrop-filter:none;-webkit-backdrop-filter:none}
  body.wefit-glass .panel,body.wefit-glass .stat-card,body.wefit-glass .sidebar,body.wefit-glass .topbar{background:var(--glass-solid)}
}
/* Logo officiel blanc sur son support anthracite pour préserver le contraste. */
body.wefit-glass .brand img{
  width:168px;max-width:94%;height:68px;object-fit:contain;
  padding:8px 11px;border-radius:16px;
  background:linear-gradient(145deg,#242d39,#121b26);
  box-shadow:0 9px 20px rgba(18,31,49,.13),inset 0 1px rgba(255,255,255,.10);
}
:root[data-theme="dark"] body.wefit-glass .brand img{
  background:linear-gradient(145deg,#303947,#1b2330);
  border:1px solid rgba(145,158,179,.16);
}
/* Animation d'arrivée très légère pour les blocs de l'accueil. */
@keyframes wefitGlassEnter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:no-preference){
  body.wefit-glass .hero-panel,
  body.wefit-glass .wf363-register-status,
  body.wefit-glass .stats-grid > .stat-card,
  body.wefit-glass .dashboard-grid > .panel{animation:wefitGlassEnter .46s cubic-bezier(.2,.8,.2,1) both}
  body.wefit-glass .stats-grid > :nth-child(2){animation-delay:.05s}
  body.wefit-glass .stats-grid > :nth-child(3){animation-delay:.10s}
  body.wefit-glass .stats-grid > :nth-child(4){animation-delay:.15s}
}


/* =======================================================================
   WEFIT V3.65 — Fiche adhérent épinglée à droite, Concept 2 Apple Glass.
   Desktop : colonne dédiée, sans masquer les lignes ni les actions.
   Tablette / mobile : panneau latéral activé après sélection d'une ligne.
   Aucun traitement métier ou droit utilisateur modifié.
   ======================================================================= */
body.wefit-glass .wefit-member-v355 .wm365-drawer-backdrop{display:none}
body.wefit-glass .wefit-member-v355 .wm28-profile-identity .wm-side-close{display:none!important}
body.wefit-glass .wefit-member-v355 .wm365-pin-header{
  position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:12px 15px;border-bottom:1px solid rgba(178,191,207,.28);
  background:rgba(250,252,255,.96);
  backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
}
body.wefit-glass .wefit-member-v355 .wm365-pin-title{
  display:flex;align-items:center;gap:8px;color:#1b293a;
  font-size:13px;font-weight:850;letter-spacing:-.02em;
}
body.wefit-glass .wefit-member-v355 .wm365-pin-title small{
  display:inline-flex;align-items:center;padding:4px 7px;border-radius:100px;
  color:#6f5916;background:#fff1bf;font-size:10px;font-weight:750;letter-spacing:0;
}
body.wefit-glass .wefit-member-v355 .wm365-pin-close{
  flex:0 0 28px;width:28px;height:28px;border:1px solid #dce3eb;border-radius:9px;
  background:#f3f6fa;color:#36495c;font-size:20px;line-height:1;cursor:pointer;
}
body.wefit-glass .wefit-member-v355 .wm365-pin-close:hover,
body.wefit-glass .wefit-member-v355 .wm365-pin-close:focus-visible{
  background:#fff0b5;color:#182333;border-color:#e5b72b;
}
@media (min-width:1200px){
  body.wefit-glass .wefit-member-v355 .wm28-body{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(326px,350px);
    align-items:start;gap:15px;
  }
  body.wefit-glass .wefit-member-v355 .wm28-directory{width:100%;min-width:0}
  /* Annule l'ancien panneau flottant (V3.55) et le garde à droite du tableau. */
  body.wefit-glass .wefit-member-v355 .wm28-side,
  body.wefit-glass .wefit-member-v355.wm-has-selection .wm28-side{
    display:block;position:sticky!important;right:auto;top:97px;
    z-index:5;width:auto;min-width:0;max-height:calc(100vh - 112px)!important;
    max-height:calc(100dvh - 112px)!important;overflow-y:auto!important;
    overscroll-behavior:contain;
    box-shadow:0 15px 35px rgba(37,55,72,.10)!important;
  }
  /* Tableau toujours utilisable lorsque la fiche réduit sa largeur. */
  body.wefit-glass .wefit-member-v355 .wm28-table,
  body.wefit-glass .wefit-member-v355 .wm28-row,
  body.wefit-glass .wefit-member-v355 .wm28-thead{min-width:780px}
  body.wefit-glass .wefit-member-v355 .wm28-row,
  body.wefit-glass .wefit-member-v355 .wm28-thead{
    grid-template-columns:18px 20px 36px minmax(105px,1.4fr) minmax(82px,.85fr)
                          minmax(91px,.95fr) minmax(130px,1.3fr) minmax(74px,.8fr) 113px;
    gap:6px;padding-inline:9px;
  }
}
@media (max-width:1199px){
  body.wefit-glass .wefit-member-v355 .wm28-body{display:block}
  body.wefit-glass .wefit-member-v355 .wm28-directory{width:100%}
  body.wefit-glass .wefit-member-v355 .wm28-side{
    display:none;position:fixed!important;top:94px;right:12px;bottom:12px;
    z-index:60;width:min(430px,calc(100vw - 24px));min-width:0;
    max-height:calc(100vh - 107px)!important;max-height:calc(100dvh - 107px)!important;
    overflow-y:auto!important;overscroll-behavior:contain;
  }
  body.wefit-glass .wefit-member-v355.wm-has-selection .wm28-side{display:block}
  body.wefit-glass .wefit-member-v355.wm-has-selection .wm365-drawer-backdrop{
    display:block;position:fixed;inset:0;z-index:59;
    background:rgba(12,23,36,.40);
    backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  }
}
@media (max-width:700px){
  body.wefit-glass .wefit-member-v355 .wm28-side{
    top:74px;right:8px;bottom:82px;width:calc(100vw - 16px);
    max-height:calc(100vh - 163px)!important;max-height:calc(100dvh - 163px)!important;
    border-radius:17px!important;
  }
  body.wefit-glass .wefit-member-v355 .wm365-pin-title small{display:none}
}
:root[data-theme="dark"] body.wefit-glass .wefit-member-v355 .wm365-pin-header{
  background:rgba(29,41,56,.98);border-bottom-color:#405266;
}
:root[data-theme="dark"] body.wefit-glass .wefit-member-v355 .wm365-pin-title{color:#f1f6fe}
:root[data-theme="dark"] body.wefit-glass .wefit-member-v355 .wm365-pin-title small{
  background:#4d401f;color:#ffe28a;
}
:root[data-theme="dark"] body.wefit-glass .wefit-member-v355 .wm365-pin-close{
  background:#314054;color:#e5edf7;border-color:#4a5c70;
}
@media print{
  body.wefit-glass .wefit-member-v355 .wm28-side{display:none!important}
  body.wefit-glass .wefit-member-v355 .wm28-body{display:block!important}
}

/* WEFIT V3.67 — nouvelle saisie abonnement simple et lisible (Apple Glass). */
body.wefit-glass .wf367-subscribe{gap:15px;align-items:start;}
body.wefit-glass .wf367-subscribe-step{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-top:7px;
  border-radius:15px;background:rgba(245,247,251,.7);border:1px solid rgba(177,193,211,.26)}
body.wefit-glass .wf367-subscribe-step>span{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;
  background:#ffda57;border-radius:10px;color:#29251a;font-size:13px;font-weight:800}
body.wefit-glass .wf367-subscribe-step strong{display:block;font-size:13px;color:#192434}
body.wefit-glass .wf367-subscribe-step small{display:block;margin-top:2px;font-size:11px;color:#677688}
body.wefit-glass .wf367-subscribe-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
  border-radius:17px;padding:12px;background:rgba(245,248,252,.75);border:1px solid #e2e9ef}
body.wefit-glass .wf367-subscribe-totals>div{padding:10px;border-radius:12px;background:rgba(255,255,255,.75)}
body.wefit-glass .wf367-subscribe-totals small{display:block;font-size:11px;color:#647387;margin-bottom:6px}
body.wefit-glass .wf367-subscribe-totals strong{font-size:16px;display:block;color:#172435;overflow-wrap:anywhere}
body.wefit-glass .wf367-subscribe-totals .wf367-final{background:linear-gradient(140deg,#ffe584,#ffcd32)}
body.wefit-glass .wf367-subscribe-totals .wf367-final :is(small,strong){color:#2a2516}
body.wefit-glass .wf367-receipt{display:flex;justify-content:space-between;gap:14px;padding:14px;
  border:1px dashed rgba(128,147,169,.52);border-radius:14px}
body.wefit-glass .wf367-receipt span{display:block;font-size:11px;color:#63758a}
body.wefit-glass .wf367-receipt strong{display:block;font-size:18px;margin-top:5px;color:#183147}
body.wefit-glass .wf367-cash-stat{color:inherit;text-decoration:none}
body.wefit-glass .wf367-cash-stat:hover{box-shadow:0 15px 35px rgba(38,50,65,.14)}
:root[data-theme="dark"] body.wefit-glass .wf367-subscribe-step{background:#29384a;border-color:#46566a}
:root[data-theme="dark"] body.wefit-glass .wf367-subscribe-step strong{color:#edf4ff}
:root[data-theme="dark"] body.wefit-glass .wf367-subscribe-step small{color:#bdc9d6}
:root[data-theme="dark"] body.wefit-glass .wf367-subscribe-totals{background:#253347;border-color:#46576b}
:root[data-theme="dark"] body.wefit-glass .wf367-subscribe-totals>div:not(.wf367-final){background:#314055}
:root[data-theme="dark"] body.wefit-glass .wf367-subscribe-totals small{color:#c5d2e1}
:root[data-theme="dark"] body.wefit-glass .wf367-subscribe-totals strong{color:#f0f6ff}
:root[data-theme="dark"] body.wefit-glass .wf367-subscribe-totals .wf367-final :is(small,strong){color:#251e0c}
:root[data-theme="dark"] body.wefit-glass .wf367-receipt{background:#29394b;border-color:#55677d}
:root[data-theme="dark"] body.wefit-glass .wf367-receipt span{color:#c3cede}
:root[data-theme="dark"] body.wefit-glass .wf367-receipt strong{color:#f1f7fd}
@media(max-width:540px){body.wefit-glass .wf367-subscribe-totals{grid-template-columns:repeat(2,minmax(0,1fr))}
body.wefit-glass .wf367-subscribe-totals .wf367-final{grid-column:1/-1}
body.wefit-glass .wf367-receipt{flex-direction:column}}

body.wefit-glass .wf367-renew-final{background:rgba(255,214,67,.18);border:1px solid rgba(202,161,26,.28);border-radius:13px;padding:11px 13px}
:root[data-theme="dark"] body.wefit-glass .wf367-renew-final{background:#493e25;border-color:#78652e;color:#ffe49c}


/* WEFIT V3.68 — listes et abonnements lisibles en Apple Glass */
body.wefit-glass .wefit-member-v355 .wm28-actions{min-width:40px!important;justify-content:center!important}
body.wefit-glass .wefit-member-v355 .wm28-actions .wf368-only-actions{
  display:inline-grid!important;min-width:35px;height:34px;padding:0 8px;
  border:1px solid rgba(160,177,195,.4);border-radius:11px;
  background:rgba(255,255,255,.75);color:#283241;font-size:17px;line-height:1;
  box-shadow:0 2px 10px rgba(38,48,65,.04)
}
body.wefit-glass .wefit-member-v355 .wm28-actions .wf368-only-actions:hover,
body.wefit-glass .wefit-member-v355 .wm28-actions .wf368-only-actions:focus-visible{
  border-color:#edc13c;background:#fff5d0;outline:2px solid #ffe58a;outline-offset:1px
}
body.wefit-glass .wf368-sub-dates{display:flex;gap:8px;width:100%;max-width:380px;margin:8px 0}
body.wefit-glass .wf368-sub-dates>div{
  flex:1;min-width:0;padding:10px 11px;background:rgba(236,241,246,.85);
  border:1px solid #dce3eb;border-radius:12px;box-shadow:none
}
body.wefit-glass .wf368-sub-dates>div span{font-size:10px;letter-spacing:.015em;color:#586778;font-weight:700}
body.wefit-glass .wf368-sub-dates>div strong{font-size:13px;font-weight:760;color:#1e293b;white-space:nowrap;letter-spacing:0;font-variant-numeric:tabular-nums}
body.wefit-glass .wf368-sub-dates>.wf349-due-date{background:rgba(232,247,234,.85);border-color:#b9dcc5}
body.wefit-glass .wf368-sub-dates>.wf349-due-date strong{color:#176a38}
body.wefit-glass .wf368-sub-dates>.wf349-due-date.soon{background:#fff6d8;border-color:#dfc566}
body.wefit-glass .wf368-sub-dates>.wf349-due-date.soon strong{color:#765100}
body.wefit-glass .wf368-sub-dates>.wf349-due-date.expired{background:#fff0ee;border-color:#e6beba}
body.wefit-glass .wf368-sub-dates>.wf349-due-date.expired strong{color:#a62f2f}
body.wefit-glass .wf368-sub-actions{gap:6px}
body.wefit-glass .wf368-sub-actions .btn{min-height:31px;text-align:center;justify-content:center}
body.wefit-glass .wf368-sub-actions .wf345-cancel-sub{margin:0;width:100%}
body.wefit-glass .wf368-sub-actions .wf345-cancel-sub button{width:100%}
body.wefit-glass .wf368-plan-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
body.wefit-glass .wf368-insurance-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
body.wefit-glass .wf368-quick-intro,body.wefit-glass .wf368-edit-ins-summary{
  display:flex;flex-direction:column;gap:5px;padding:13px 16px;border-radius:15px;
  background:rgba(250,204,21,.12);border:1px solid rgba(213,167,22,.26);color:#3b331a
}
body.wefit-glass .wf368-quick-intro small{color:#596677}
body.wefit-glass .wf368-change-recap{display:grid;gap:10px;padding:15px;border:1px solid #dce5ef;border-radius:15px;background:#f7f9fc}
body.wefit-glass .wf368-change-recap>span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#566376;font-size:12px}
body.wefit-glass .wf368-change-recap>span strong{color:#1c2838;font-size:14px;font-variant-numeric:tabular-nums}
body.wefit-glass .wf368-change-recap>span:last-of-type{padding-top:9px;border-top:1px solid #dae2eb;font-weight:800}
body.wefit-glass .wf368-change-recap p{color:#a24a13;margin:0;font-size:12px}
:root[data-theme="dark"] body.wefit-glass .wefit-member-v355 .wm28-actions .wf368-only-actions{
  color:#f2f5f9;background:rgba(34,43,56,.93);border-color:#516173
}
:root[data-theme="dark"] body.wefit-glass .wf368-sub-dates>div{
  background:#253343!important;border-color:#48596c!important
}
:root[data-theme="dark"] body.wefit-glass .wf368-sub-dates>div span{color:#ced7e3!important}
:root[data-theme="dark"] body.wefit-glass .wf368-sub-dates>div strong{color:#fff!important}
:root[data-theme="dark"] body.wefit-glass .wf368-sub-dates>.wf349-due-date{background:#1a392c!important;border-color:#3d7662!important}
:root[data-theme="dark"] body.wefit-glass .wf368-sub-dates>.wf349-due-date strong{color:#94f2b0!important}
:root[data-theme="dark"] body.wefit-glass .wf368-sub-dates>.wf349-due-date.soon{background:#43381e!important;border-color:#82703b!important}
:root[data-theme="dark"] body.wefit-glass .wf368-sub-dates>.wf349-due-date.soon strong{color:#ffe18b!important}
:root[data-theme="dark"] body.wefit-glass .wf368-sub-dates>.wf349-due-date.expired{background:#472629!important;border-color:#8d5050!important}
:root[data-theme="dark"] body.wefit-glass .wf368-sub-dates>.wf349-due-date.expired strong{color:#ffc1c1!important}
:root[data-theme="dark"] body.wefit-glass .wf368-change-recap,
:root[data-theme="dark"] body.wefit-glass .wf368-edit-ins-summary,
:root[data-theme="dark"] body.wefit-glass .wf368-quick-intro{background:#222d3b;border-color:#485668;color:#eaf2fc}
:root[data-theme="dark"] body.wefit-glass .wf368-change-recap>span,
:root[data-theme="dark"] body.wefit-glass .wf368-quick-intro small{color:#c8d4e1}
:root[data-theme="dark"] body.wefit-glass .wf368-change-recap>span strong{color:#fff}
:root[data-theme="dark"] body.wefit-glass .wf368-change-recap p{color:#ffd496}
@media(max-width:720px){body.wefit-glass .wefit-member-v355 .wm28-actions{visibility:visible!important}
body.wefit-glass .wf368-sub-dates{gap:5px}body.wefit-glass .wf368-sub-dates>div{padding:8px 9px}
body.wefit-glass .wf368-sub-dates>div strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){body.wefit-glass .wefit-member-v355 .wm28-actions .wf368-only-actions{transition:none}}

/* V3.70 — Couleurs des abonnements configurables, contrastes calculés côté serveur. */
body.wefit-glass .wm28-kind.wf370-custom-kind,
:root[data-theme="dark"] body.wefit-glass .wm28-kind.wf370-custom-kind {
  background:var(--wf370-badge-bg)!important;color:var(--wf370-badge-fg)!important;
  border:1px solid transparent!important;font-weight:750!important;
}
body.wefit-glass .wf370-insurance-dot {font-size:10px;font-weight:750;line-height:1.45;}
body.wefit-glass .wf370-insurance-dot.yes {color:#067647!important;}
body.wefit-glass .wf370-insurance-dot.no {color:#bd2424!important;}
:root[data-theme="dark"] body.wefit-glass .wf370-insurance-dot.yes {color:#86efac!important;}
:root[data-theme="dark"] body.wefit-glass .wf370-insurance-dot.no {color:#fca5a5!important;}
body.wefit-glass .wf370-insurance-card.wf331-insurance-paid {border-color:rgba(16,185,129,.4)!important;background:rgba(16,185,129,.08)!important;}
body.wefit-glass .wf370-insurance-card.wf331-insurance-due {border-color:rgba(225,29,72,.45)!important;background:rgba(225,29,72,.07)!important;}
body.wefit-glass .wf370-insurance-state {display:inline-block;width:max-content;max-width:100%;padding:6px 10px;border-radius:9px;font-size:11px;font-weight:800;line-height:1.3;}
body.wefit-glass .wf370-insurance-state.yes {background:#d1fae5;color:#065f46;}
body.wefit-glass .wf370-insurance-state.no {background:#ffe4e6;color:#9f1239;}
:root[data-theme="dark"] body.wefit-glass .wf370-insurance-state.yes {background:#104c3b;color:#d1fae5;}
:root[data-theme="dark"] body.wefit-glass .wf370-insurance-state.no {background:#612c38;color:#ffe4e6;}
body.wefit-glass .wf370-colors-panel{margin-top:20px;}
body.wefit-glass .wf370-colors-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:10px;padding:4px 2px 2px;}
body.wefit-glass .wf370-color-line{display:grid;grid-template-columns:minmax(65px,1fr) 42px minmax(85px,1fr);align-items:center;gap:8px;padding:11px 12px;border:1px solid var(--line);background:var(--glass-soft);border-radius:14px;min-width:0;}
body.wefit-glass .wf370-color-name{font-weight:750;font-size:12px;line-height:1.3;}
body.wefit-glass .wf370-color-line input[type="color"]{width:42px;height:37px;min-width:42px;padding:3px;background:transparent;border:1px solid var(--line);border-radius:10px;cursor:pointer;}
body.wefit-glass .wf370-color-preview{background:var(--wf370-badge-bg);color:var(--wf370-badge-fg);border-radius:8px;padding:7px 9px;font-size:11px;text-align:center;font-weight:800;min-width:0;overflow-wrap:anywhere;}
body.wefit-glass .wf370-colors-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 3px;}
body.wefit-glass .wf370-colors-footer small{max-width:600px;color:var(--muted);line-height:1.4;}
:root[data-theme="dark"] body.wefit-glass .wf370-color-line{border-color:rgba(200,218,240,.17);background:rgba(35,48,64,.72);color:#f2f5fa;}
@media(max-width:720px){body.wefit-glass .wf370-colors-form{grid-template-columns:1fr;}body.wefit-glass .wf370-colors-footer{flex-direction:column;align-items:stretch;}body.wefit-glass .wf370-colors-footer .btn{width:100%;}}