
/* ===== css/app-stable.css ===== */
/* SEFA Portail — couche stable dédiée à app.php
   Cette feuille évite les conflits avec les anciens thèmes globaux. */
:root{--app-plum:#4d0d48;--app-wine:#741a63;--app-pink:#d84f94;--app-gold:#e7bc6f;--app-ink:#2e172d;--app-muted:#786875;--app-bg:#fff9fc;--app-card:#fff;--app-line:rgba(77,13,63,.10)}
html,body{max-width:100%;overflow-x:hidden}
body{background:linear-gradient(180deg,#fffafd 0%,#fff5fa 48%,#fffcf6 100%)!important;color:var(--app-ink)}
a{color:inherit;text-decoration:none}
#dashboard a,#dashboard button{-webkit-tap-highlight-color:transparent}
#dashboard .welcome{margin-bottom:16px}
#dashboard .quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:16px 0!important}
#dashboard .quick{min-width:0!important;min-height:112px!important;padding:16px!important;border-radius:22px!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--app-line)!important;box-shadow:0 12px 30px rgba(77,13,63,.08)!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-start!important}
#dashboard .quick i{flex:0 0 auto}
#dashboard .quick b{font-size:1.65rem!important;line-height:1!important;margin-top:10px!important}
#dashboard .quick span{font-size:.72rem!important;line-height:1.25!important}
#dashboard .home-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
#dashboard .module-card{min-width:0!important;min-height:190px!important;padding:22px!important;border-radius:26px!important;background:#fff!important;border:1px solid var(--app-line)!important;box-shadow:0 15px 38px rgba(77,13,63,.08)!important;display:flex!important;flex-direction:column!important;position:relative!important;overflow:hidden!important}
#dashboard .module-card *{max-width:100%}
#dashboard .module-card-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important}
#dashboard .module-badge{display:inline-flex!important;align-items:center!important;width:auto!important;padding:7px 11px!important;border-radius:999px!important;background:#fff0f8!important;color:#9f2b79!important;font-size:.68rem!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}
#dashboard .module-card-top>i{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:16px!important;background:linear-gradient(135deg,#ffe8f3,#feeccb)!important;color:#a3267b!important;flex:0 0 48px!important}
#dashboard .module-card h4{margin:0 0 8px!important;font:700 1.55rem/1.05 'Cormorant Garamond',serif!important;color:var(--app-ink)!important;text-decoration:none!important}
#dashboard .module-card p{margin:0 0 18px!important;color:var(--app-muted)!important;font-size:.82rem!important;line-height:1.55!important;text-decoration:none!important;overflow-wrap:anywhere!important}
#dashboard .module-cta{margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important;width:max-content!important;max-width:100%!important;color:#a3267b!important;font-weight:900!important;font-size:.78rem!important;text-decoration:none!important}
#dashboard .aisha-home-mini{border-radius:28px!important;background:linear-gradient(135deg,#fff,#fff4fa)!important;border:1px solid var(--app-line)!important;box-shadow:0 16px 38px rgba(77,13,63,.08)!important;margin:16px 0!important;overflow:hidden!important}
#dashboard .committee-flow-home{display:none!important}
#dashboard .eventflow-showcase{max-width:100%!important;overflow:hidden!important}
#dashboard .announcement{background:#fff!important;border:1px solid var(--app-line)!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(77,13,63,.06)!important}
.bottom-nav{z-index:200!important}

@media(max-width:980px){
 #dashboard .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #dashboard .home-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #dashboard .module-card:last-child{grid-column:1/-1}
}

@media(max-width:760px){
 .page{padding:14px 14px 106px!important}
 #dashboard .welcome{border-radius:28px!important;padding:25px 20px!important}
 #dashboard .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #dashboard .quick{min-height:112px!important;padding:14px!important}
 #dashboard .home-actions{grid-template-columns:1fr!important;gap:13px!important}
 #dashboard .module-card,#dashboard .module-card:last-child{grid-column:auto!important;min-height:0!important;padding:20px!important;border-radius:24px!important}
 #dashboard .module-card-top{margin-bottom:12px!important}
 #dashboard .module-card h4{font-size:1.45rem!important}
 #dashboard .module-card p{font-size:.84rem!important;line-height:1.55!important;margin-bottom:15px!important}
 #dashboard .module-card-top>i{width:44px!important;height:44px!important;flex-basis:44px!important}
 #dashboard .aisha-home-mini{border-radius:24px!important}
 #dashboard .sefa-countdown{max-width:100%!important;overflow:hidden!important}
 #dashboard .countdown-grid,#dashboard .countdown-values{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
 #dashboard .countdown-grid>* ,#dashboard .countdown-values>*{min-width:0!important;text-align:center!important}
 #dashboard .countdown-number{font-size:1.45rem!important}
}
@media(max-width:390px){
 #dashboard .quick-grid{grid-template-columns:1fr 1fr!important}
 #dashboard .quick{padding:12px!important;min-height:104px!important}
 #dashboard .quick b{font-size:1.45rem!important}
 #dashboard .module-card{padding:18px!important}
}

/* ===== css/sefa.css ===== */
/* SEFA — Refonte globale Rose Couture / mobile-first */
:root{
  --ink:#241324;--ink-soft:#5e4658;--pink:#ef4f9f;--pink-deep:#b82582;--pink-dark:#6f1760;
  --rose-powder:#ffe7f3;--blush:#fff4fa;--ivory:#fffbf5;--champagne:#e9bd6e;--champagne-soft:#feebc8;
  --line:rgba(111,23,79,.10);--glass:rgba(255,255,255,.78);--shadow:0 24px 70px rgba(111,23,79,.13);
}
html{scroll-behavior:smooth}body{background:
 radial-gradient(circle at 8% 6%,rgba(255,179,211,.36),transparent 27%),
 radial-gradient(circle at 95% 12%,rgba(255,226,153,.28),transparent 24%),
 linear-gradient(180deg,#fffafd 0%,#fff5fa 48%,#fffbf4 100%)!important;color:var(--ink)!important;overflow-x:hidden}
body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(6px);pointer-events:none;animation:sefaFloat 11s ease-in-out infinite alternate}
body:before{width:240px;height:240px;left:-90px;top:22%;background:radial-gradient(circle,rgba(255,114,174,.20),transparent 70%)}
body:after{width:300px;height:300px;right:-120px;bottom:6%;background:radial-gradient(circle,rgba(238,196,108,.18),transparent 70%);animation-delay:-4s}
@keyframes sefaFloat{to{transform:translate3d(24px,-20px,0) scale(1.08)}}
@keyframes sefaRise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes sefaPulse{50%{transform:translateY(-5px);filter:drop-shadow(0 15px 20px rgba(239,79,155,.20))}}

/* Navigation */
.sidebar{background:linear-gradient(180deg,#251025 0%,#451042 48%,#781a65 100%)!important;border-right:1px solid rgba(255,255,255,.10)!important;box-shadow:24px 0 70px rgba(44,13,35,.20)!important}
.brand{border-bottom-color:rgba(255,255,255,.12)!important}.brand img{animation:sefaPulse 4s ease-in-out infinite}.brand h1{color:#feebca!important;font-size:2rem!important}.brand p{color:rgba(255,255,255,.63)!important}
.nav button,.nav a{border-radius:18px!important;padding:13px 14px!important;font-size:.84rem!important;transition:.25s ease!important}
.nav button:hover,.nav button.active{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(239,79,155,.25))!important;transform:translateX(4px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.nav i{font-size:1rem}.profile{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important;border-color:rgba(255,255,255,.15)!important;border-radius:22px!important;backdrop-filter:blur(16px)}
.topbar{background:rgba(255,250,252,.78)!important;backdrop-filter:blur(22px) saturate(1.2)!important;border-bottom:1px solid rgba(239,79,155,.09)!important;box-shadow:0 12px 40px rgba(74,22,56,.06)}
.topbar h2{font-size:1.7rem!important;color:var(--ink)!important}.menu{background:linear-gradient(135deg,var(--pink-deep),var(--pink))!important;box-shadow:0 12px 28px rgba(184,37,115,.25)!important}

/* Global surfaces */
.page.active{animation:sefaRise .42s ease both}.card,.form,.panel,.commission-detail,.report-card,.social-post,.chat,.channels{background:var(--glass)!important;backdrop-filter:blur(18px) saturate(1.12)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:var(--shadow)!important}
.card,.form,.panel,.commission-detail,.report-card,.social-post{border-radius:28px!important}
.btn{border-radius:999px!important;min-height:46px!important;padding:11px 17px!important;font-weight:900!important;transition:.2s ease!important}.btn:hover,.btn:active{transform:translateY(-2px) scale(1.01)}
.btn.primary{background:linear-gradient(135deg,#ff5dae,#c92f87)!important;box-shadow:0 15px 30px rgba(201,47,128,.25)!important}.btn.gold{background:linear-gradient(135deg,#fde3b4,#e7ba69)!important;color:#533c12!important;box-shadow:0 14px 32px rgba(231,189,105,.28)!important}.btn.ghost{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.28)!important;color:white!important}
input,select,textarea{background:rgba(255,255,255,.86)!important;border:1px solid rgba(111,23,79,.12)!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;color:var(--ink)!important}input:focus,select:focus,textarea:focus{border-color:rgba(239,79,155,.6)!important;box-shadow:0 0 0 5px rgba(239,79,155,.12)!important}
label{color:#6e3160!important;font-weight:900!important;letter-spacing:.06em}
.section-head h3{font-size:clamp(2rem,4vw,3.1rem)!important;line-height:.95!important;color:var(--ink)!important}.section-head p{font-size:.9rem!important;color:var(--ink-soft)!important;line-height:1.55!important}

/* Accueil couture */
.welcome{background:
 radial-gradient(circle at 88% 8%,rgba(255,255,255,.32),transparent 23%),
 radial-gradient(circle at 12% 100%,rgba(255,224,151,.24),transparent 30%),
 linear-gradient(135deg,#fff9fc 0%,#ffddee 54%,#ffc4e2 100%)!important;color:var(--ink)!important;border:1px solid rgba(255,255,255,.86)!important;box-shadow:0 34px 90px rgba(184,37,115,.19)!important;border-radius:38px!important;padding:42px!important;isolation:isolate}
.welcome:before{content:"✿";position:absolute;right:38px;top:24px;font-size:2.2rem;color:rgba(184,37,115,.24);animation:sefaFloat 7s ease-in-out infinite alternate}
.welcome:after{content:"♡"!important;right:9%!important;bottom:6%!important;width:auto!important;height:auto!important;border:0!important;font-size:5rem;color:rgba(239,79,155,.11);transform:rotate(-12deg)}
.welcome .eyebrow{color:#9c3b7a!important;letter-spacing:.22em!important}.welcome h1{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:16px 0 14px!important;max-width:100%!important;color:var(--ink)!important}
.hello-script{font-family:'Parisienne','Cormorant Garamond',serif!important;font-size:clamp(2.2rem,5vw,4rem)!important;font-weight:400!important;line-height:.9;color:#54214d;transform:rotate(-3deg)}
.name-glow{font-family:'Cormorant Garamond',serif!important;font-size:clamp(3.3rem,8vw,6.4rem)!important;line-height:.72!important;font-weight:700!important;letter-spacing:-.045em;background:linear-gradient(135deg,#d6318a,#ff75ba 52%,#9c2378);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 9px 20px rgba(214,49,132,.18))}
.tiny-love{font-size:2.2rem;color:#ef4f9f;animation:sefaPulse 2.8s ease-in-out infinite}.personal-role{display:inline-flex!important;width:auto!important;padding:9px 15px!important;border-radius:999px!important;background:rgba(255,255,255,.62)!important;border:1px solid rgba(184,37,115,.11)!important;color:#87206e!important;font-weight:900!important;box-shadow:0 10px 25px rgba(126,28,88,.08)}
.welcome p{color:#67495f!important;font-size:1rem!important;max-width:720px!important}.daily-quote{background:rgba(255,255,255,.56)!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:0 15px 35px rgba(184,37,115,.08)!important;border-radius:24px!important;color:var(--ink)!important}.daily-quote i{color:var(--pink)!important}.daily-quote small{color:#a23b7c!important}.daily-quote strong{color:#3d223b!important}
.welcome-actions{gap:10px!important;margin-top:24px!important}

/* Home shortcuts / KPIs */
.quick-grid{gap:14px!important}.quick{min-height:118px!important;border-radius:26px!important;position:relative;overflow:hidden}.quick:after{content:"";position:absolute;right:-32px;bottom:-32px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(239,79,155,.12),transparent 70%)}.quick i{background:linear-gradient(135deg,#fff0f8,#feebca)!important;color:#c62c86!important;border-radius:18px!important}.quick b{color:#b72682!important;font-size:2rem!important}.quick span{color:#705868!important}
.home-actions{gap:16px!important}.action-card{border-radius:30px!important;padding:23px!important;min-height:174px;transition:.28s ease!important}.action-card:hover{transform:translateY(-7px) rotate(-.3deg)}.action-card:nth-child(2):hover{rotate:.3deg}.action-card i{background:linear-gradient(135deg,#ffdeee,#fde7c0)!important;color:#c12a85!important;border-radius:19px!important}.action-card h4{font-family:'Cormorant Garamond',serif;font-size:1.7rem;margin-top:18px!important}.action-card p{font-size:.82rem!important;line-height:1.6!important}.action-card .arrow{background:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;box-shadow:0 10px 26px rgba(111,23,79,.10)}
.announcement{border-left:0!important;padding:19px 20px 19px 58px!important;position:relative}.announcement:before{content:"✦";position:absolute;left:20px;top:18px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fddfaa,#ef4f9f);color:#fff}.announcement h4{font-family:'Cormorant Garamond',serif;font-size:1.35rem}

/* Commissions */
.commission-list{gap:17px!important}.commission-card{border-radius:30px!important;padding:22px!important;min-height:210px;position:relative;overflow:hidden;transition:.3s ease!important}.commission-card:after{content:"♡";position:absolute;right:18px;bottom:7px;font-size:3rem;color:rgba(239,79,155,.08)}.commission-card:hover{transform:translateY(-7px) rotate(-.4deg)!important}.commission-card .icon{width:54px!important;height:54px!important;border-radius:20px!important;background:linear-gradient(135deg,#ffddee,#fde6bb)!important;color:#bb2883!important;box-shadow:0 13px 28px rgba(184,37,115,.13)}.commission-card h4{font-family:'Cormorant Garamond',serif;font-size:1.65rem!important}.commission-card p{font-size:.82rem!important}.commission-card small{color:#b52881!important}
.filters .active{background:linear-gradient(135deg,#c82d87,#ef5fa7)!important;color:#fff!important;box-shadow:0 10px 25px rgba(200,45,125,.20)}

/* Tasks */
.task-list{gap:14px!important}.task-card{border-radius:26px!important;padding:18px!important;position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#ff68b4,#eabc69)}.task-card h4{font-size:1rem!important}.pill{background:#fff0f8!important;color:#9e2b79!important;border:1px solid rgba(239,79,155,.10)}.pill.done{background:#eaf8f1!important;color:#286645!important}.progressbar{height:9px!important;background:#f1dce6!important}.progressbar span{background:linear-gradient(90deg,#ff5cae,#c42a86,#edc06f)!important}.note{background:linear-gradient(135deg,#fff8ed,#fff0f8)!important;border:1px solid rgba(239,79,155,.08)!important;border-radius:16px!important}

/* Community & communication */
.community-layout{gap:18px!important}.social-compose{border-radius:30px!important}.social-post{border-radius:30px!important}.social-post:before{background:radial-gradient(circle,rgba(239,79,155,.16),transparent 68%)!important}.avatar{background:linear-gradient(135deg,#d52f8a,#ff72b8)!important;border-radius:50%!important;box-shadow:0 8px 20px rgba(213,47,130,.2)}.post-kind{background:#feeed2!important;color:#8a5f12!important}.post-actions button{background:#fff0f8!important;color:#a6297c!important;border-radius:999px!important}.bubble{background:#fff1f8!important;border-radius:8px 20px 20px!important}.mine .bubble{background:linear-gradient(135deg,#c52d86,#f15da7)!important;border-radius:20px 8px 20px 20px!important}

/* Members & admin */
.members{gap:18px!important}.member-card,.member{border-radius:30px!important;overflow:hidden!important}.admin-launcher{gap:13px!important}.admin-launcher button{background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(111,23,79,.08)!important;transition:.25s ease!important}.admin-launcher button:hover,.admin-launcher button.active{transform:translateY(-4px);background:linear-gradient(135deg,#fff4fa,#ffe5f2)!important;border-color:rgba(239,79,155,.18)!important}.admin-launcher button i{background:linear-gradient(135deg,#d42f8a,#ff73b9)!important;color:white!important;border-radius:17px!important}.admin-panel{animation:sefaRise .35s ease}.admin-row{border-radius:18px!important;background:rgba(255,255,255,.76)!important}
.admin-account .welcome{box-shadow:0 35px 100px rgba(213,47,130,.24),0 0 0 2px rgba(234,189,105,.20)!important}.admin-account .personal-role:before{content:"♛";margin-right:7px;color:#b77e18}.admin-account .topbar:after{content:"Espace Commissaire Générale";font-size:.62rem;font-weight:900;letter-spacing:.08em;color:#9d3c7a;background:#fff0f8;padding:7px 10px;border-radius:999px}

/* Decorative bubbles */
.ambient-bubbles i{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,108,171,.20))!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.9),0 18px 40px rgba(239,79,155,.12)!important}.dream-decor b{color:rgba(229,61,143,.20)!important;font-family:'Cormorant Garamond',serif!important}

@media(max-width:980px){.commission-list{grid-template-columns:repeat(2,1fr)!important}.home-actions{grid-template-columns:1fr 1fr!important}.home-actions .action-card:last-child{grid-column:1/-1}.community-layout{grid-template-columns:1fr!important}.social-compose{position:static!important}}
@media(max-width:760px){
 body{background:linear-gradient(180deg,#fffafd,#fff2f8 50%,#fffbf4)!important}.main{margin-left:0!important}.topbar{height:72px!important;padding:0 16px!important}.topbar h2{font-size:1.5rem!important}.topbar:after{display:none!important}.page{padding:14px 14px 104px!important}.sidebar{width:min(86vw,340px)!important;border-radius:0 32px 32px 0!important}
 .welcome{padding:28px 21px!important;border-radius:32px!important}.welcome h1{display:block!important;margin-top:20px!important}.hello-script{display:block;font-size:2.35rem!important;margin-bottom:5px}.name-glow{display:block;font-size:4.35rem!important;line-height:.78!important;word-break:break-word}.tiny-love{position:absolute;right:24px;top:105px;font-size:2rem}.personal-role{margin-top:14px!important}.welcome p{font-size:.93rem!important;line-height:1.65!important}.daily-quote{margin-top:17px!important;padding:15px!important}.welcome-actions{display:grid!important;grid-template-columns:1fr!important}.welcome-actions .btn{width:100%!important}
 .quick-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.quick{min-height:110px!important;padding:14px!important;border-radius:23px!important}.quick b{font-size:1.75rem!important}.quick span{font-size:.67rem!important}
 .home-actions{grid-template-columns:1fr!important}.home-actions .action-card:last-child{grid-column:auto}.action-card{min-height:145px!important;padding:19px!important;border-radius:26px!important}.action-card h4{font-size:1.55rem!important}
 .section-head{align-items:flex-start!important}.section-head h3{font-size:2.35rem!important}.commission-list{grid-template-columns:1fr!important}.commission-card{min-height:0!important;border-radius:27px!important}
 .grid-2,.chat-layout{grid-template-columns:1fr!important}.chat{height:68svh!important}.members{grid-template-columns:repeat(2,1fr)!important}.admin-launcher{grid-template-columns:repeat(2,1fr)!important}.admin-launcher button{min-height:130px!important;padding:15px!important}.admin-launcher button small{font-size:.65rem!important}
 .filters{position:sticky;top:72px;z-index:12;background:rgba(255,247,251,.90)!important;backdrop-filter:blur(18px);padding:9px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.7)!important}
}
@media(max-width:430px){.name-glow{font-size:3.75rem!important}.quick b{font-size:1.55rem!important}.members{grid-template-columns:1fr 1fr!important;gap:10px!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* SEFA — Rose Couture Intense / refonte globale sans nouvelle photo */
:root{
 --ink:#1b0b1b;--ink-soft:#573651;--berry:#8f0f72;--berry-2:#b81482;--pink:#e83e93;--pink-hot:#ff5bad;
 --rose:#f7b6d7;--blush:#fff0f8;--ivory:#fffbf4;--gold:#d49f3f;--gold-light:#f1cd8b;
 --glass:rgba(255,251,253,.84);--line:rgba(143,15,83,.14);--shadow:0 24px 70px rgba(80,9,49,.18);
}
body{background:
 radial-gradient(circle at 6% 5%,rgba(232,62,140,.26),transparent 25%),
 radial-gradient(circle at 96% 10%,rgba(212,162,63,.22),transparent 24%),
 radial-gradient(circle at 50% 90%,rgba(143,15,83,.10),transparent 34%),
 linear-gradient(180deg,#fff8fb 0%,#fce5f0 48%,#fef7eb 100%)!important;color:var(--ink)!important}
.sidebar{background:linear-gradient(165deg,#180918 0%,#3c0b3a 48%,#86136d 100%)!important;box-shadow:25px 0 80px rgba(27,5,20,.34)!important}
.brand h1{color:#fde2b0!important;text-shadow:0 5px 22px rgba(212,162,63,.22)}
.nav button:hover,.nav button.active{background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,91,167,.27))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.12)!important}
.topbar{background:rgba(255,247,251,.82)!important;border-bottom-color:rgba(143,15,83,.13)!important;box-shadow:0 12px 40px rgba(65,8,39,.10)!important}
.card,.form,.panel,.commission-detail,.report-card,.social-post,.chat,.channels{background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(255,244,249,.78))!important;border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 22px 62px rgba(85,9,50,.15),inset 0 1px 0 rgba(255,255,255,.9)!important}
.card:hover,.commission-card:hover,.action-card:hover,.social-post:hover{box-shadow:0 30px 78px rgba(112,11,65,.22)!important}
.btn.primary{background:linear-gradient(135deg,#ff5bad 0%,#c11785 58%,#8f0f72 100%)!important;box-shadow:0 17px 36px rgba(143,15,83,.32)!important}
.btn.gold{background:linear-gradient(135deg,#fde5ba,#d59f3d)!important;box-shadow:0 15px 34px rgba(154,109,22,.25)!important}
.welcome{background:
 radial-gradient(circle at 88% 5%,rgba(255,255,255,.38),transparent 24%),
 radial-gradient(circle at 8% 95%,rgba(244,207,112,.27),transparent 28%),
 linear-gradient(135deg,#fff9fc 0%,#f7bfdb 48%,#e4569d 100%)!important;
 border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 38px 100px rgba(128,12,71,.27)!important}
.welcome:before{color:rgba(117,12,67,.30)!important}.welcome:after{color:rgba(255,255,255,.20)!important}
.hello-script{color:#3d133b!important}.name-glow{background:linear-gradient(135deg,#7d0d69 0%,#c31885 45%,#ff5faf 80%,#9e1279 100%)!important;-webkit-background-clip:text!important;color:transparent!important;filter:drop-shadow(0 10px 22px rgba(116,12,67,.24))!important}
.tiny-love{color:#a40f7b!important}.personal-role{background:rgba(255,255,255,.73)!important;color:#781066!important;border-color:rgba(120,16,71,.16)!important}
.welcome p{color:#492645!important}.daily-quote{background:rgba(255,255,255,.68)!important;border-color:rgba(255,255,255,.9)!important;box-shadow:0 16px 38px rgba(92,8,51,.13)!important}
.quick,.action-card,.commission-card,.task-card,.admin-launcher button{background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(255,235,244,.82))!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 18px 48px rgba(91,9,52,.14)!important}
.quick i,.action-card i,.commission-card .icon{background:linear-gradient(135deg,#ffd6eb,#f4cb80)!important;color:#9b0e78!important;box-shadow:0 12px 28px rgba(143,15,83,.16)!important}
.quick b{color:#921073!important}.action-card h4,.commission-card h4{color:#2d102d!important}.action-card p,.commission-card p{color:#66425d!important}
.task-card:before{background:linear-gradient(180deg,#ff5bad,#8f0f72,#d49f3f)!important;width:6px!important}.progressbar span{background:linear-gradient(90deg,#ff5bad,#b81482,#d49f3f)!important}
.filters .active{background:linear-gradient(135deg,#b81482,#ff5bad)!important;box-shadow:0 12px 28px rgba(143,15,83,.28)!important}
.avatar{background:linear-gradient(135deg,#8f0f72,#ff5bad)!important}.mine .bubble{background:linear-gradient(135deg,#8f0f72,#e83e93)!important}
.admin-account .welcome{box-shadow:0 40px 110px rgba(121,10,67,.34),0 0 0 2px rgba(212,162,63,.25)!important}
.admin-account .topbar:after{background:linear-gradient(135deg,#feeac5,#ffd9ec)!important;color:#751064!important;border:1px solid rgba(212,162,63,.28)}
/* Plus de profondeur et de mouvement */
.page.active>*{animation:sefaRise .5s cubic-bezier(.2,.8,.2,1) both}.page.active>*:nth-child(2){animation-delay:.04s}.page.active>*:nth-child(3){animation-delay:.08s}.page.active>*:nth-child(4){animation-delay:.12s}
.action-card,.commission-card,.quick,.task-card,.admin-launcher button{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease!important}
.action-card:active,.commission-card:active,.quick:active,.task-card:active{transform:scale(.985)!important}
.ambient-bubbles i{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(202,24,107,.25))!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 20px 48px rgba(143,15,83,.18)!important}
@media(max-width:760px){body{background:linear-gradient(180deg,#fff8fb 0%,#f9dceb 52%,#fef7eb 100%)!important}.welcome{background:linear-gradient(145deg,#fff9fc 0%,#f6bfdb 56%,#e85ba2 100%)!important}.name-glow{font-size:4.15rem!important}.topbar{background:rgba(255,247,251,.9)!important}.filters{background:rgba(255,240,247,.94)!important}}
/* SEFA V5 — couleurs du logo + violet subtil + compte à rebours premium */
:root{
  --logo-violet:#a8377e;
  --logo-violet-soft:#d08bae;
  --logo-pink:#e83e93;
  --logo-gold:#d49f3f;
}
/* Le violet reste un accent, jamais la couleur dominante */
.sidebar{background:
  radial-gradient(circle at 100% 0,rgba(113,55,168,.24),transparent 35%),
  linear-gradient(165deg,#180918 0%,#3c0b3a 50%,#86136d 100%)!important}
.nav button.active i,.nav button:hover i{color:#ffd5ea!important}
.topbar h2:after{content:"";display:inline-block;width:24px;height:3px;margin-left:9px;border-radius:99px;background:linear-gradient(90deg,var(--logo-pink),var(--logo-violet));vertical-align:middle}
.quick:nth-child(2n) i,.action-card:nth-child(2n) i,.commission-card:nth-child(3n) .icon{background:linear-gradient(135deg,#f7d8e8,#fadceb)!important;color:var(--logo-violet)!important}
.filters button:nth-child(3n).active{background:linear-gradient(135deg,var(--logo-violet),#b34d86)!important}

.sefa-countdown{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.85fr) auto;
  align-items:center;gap:22px;margin-top:17px;padding:25px 27px;border-radius:28px;
  color:#fff;background:
    radial-gradient(circle at 84% 12%,rgba(229,213,255,.26),transparent 27%),
    radial-gradient(circle at 12% 110%,rgba(255,212,231,.22),transparent 34%),
    linear-gradient(125deg,#3a0939 0%,#8f0f72 48%,#a8377e 125%);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 30px 85px rgba(72,11,54,.28),inset 0 1px 0 rgba(255,255,255,.20)
}
.sefa-countdown:before{content:"";position:absolute;inset:-2px;z-index:-2;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.24),transparent 28%,rgba(212,162,63,.28) 63%,transparent 85%);opacity:.65}
.sefa-countdown:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.11) 48%,transparent 66%);transform:translateX(-120%);animation:countdownShine 7s ease-in-out infinite}
.countdown-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:.67rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#fddfaa}
.countdown-copy h2{margin:10px 0 5px;font:700 clamp(1.8rem,3vw,3.15rem)/.98 'Cormorant Garamond',serif;letter-spacing:-.025em}
.countdown-copy p{margin:0;color:rgba(255,255,255,.76);font-size:.8rem;line-height:1.55;max-width:520px}
.countdown-numbers{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:9px;min-width:390px}
.countdown-main,.countdown-mini{min-height:89px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.countdown-main{background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.10));box-shadow:0 16px 38px rgba(24,1,17,.22),inset 0 1px 0 rgba(255,255,255,.24)}
.countdown-main strong{font:800 2.55rem/1 'Cormorant Garamond',serif;color:#feebca;text-shadow:0 8px 25px rgba(0,0,0,.18)}
.countdown-mini b{font:800 1.35rem/1 'Manrope',sans-serif;color:#fff}
.countdown-main span,.countdown-mini span{margin-top:5px;font-size:.58rem;font-weight:900;letter-spacing:.10em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.countdown-cta{height:48px;padding:0 16px;border:0;border-radius:999px;background:linear-gradient(135deg,#fde5ba,#d49f3f);color:#4c3916;font:900 .72rem 'Manrope',sans-serif;display:flex;align-items:center;gap:9px;white-space:nowrap;cursor:pointer;box-shadow:0 16px 35px rgba(25,1,16,.23);transition:transform .25s ease,box-shadow .25s ease}
.countdown-cta:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(25,1,16,.30)}
.countdown-orbit i{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none}
.countdown-orbit i:nth-child(1){width:190px;height:190px;right:-58px;top:-88px;animation:orbitFloat 8s ease-in-out infinite}
.countdown-orbit i:nth-child(2){width:78px;height:78px;left:42%;bottom:-42px;border-color:rgba(229,213,255,.22);animation:orbitFloat 6s ease-in-out infinite reverse}
.countdown-orbit i:nth-child(3){width:14px;height:14px;right:31%;top:18px;background:rgba(255,240,184,.82);border:0;box-shadow:0 0 25px rgba(255,240,184,.75);animation:countdownPulse 2.4s ease-in-out infinite}
@keyframes countdownShine{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
@keyframes orbitFloat{50%{transform:translateY(12px) scale(1.05)}}
@keyframes countdownPulse{50%{transform:scale(1.45);opacity:.55}}

@media(max-width:1120px){.sefa-countdown{grid-template-columns:1fr}.countdown-numbers{min-width:0;width:100%}.countdown-cta{width:max-content}}
@media(max-width:760px){
 .sefa-countdown{padding:21px 16px;border-radius:26px;gap:16px;background:radial-gradient(circle at 95% 0,rgba(229,213,255,.25),transparent 30%),linear-gradient(145deg,#3b093a 0%,#991177 58%,#a8377e 140%)}
 .countdown-copy h2{font-size:2.05rem;max-width:280px}.countdown-copy p{font-size:.74rem}
 .countdown-numbers{grid-template-columns:1.4fr repeat(3,1fr);gap:6px}
 .countdown-main,.countdown-mini{min-height:75px;border-radius:17px}
 .countdown-main strong{font-size:2.1rem}.countdown-mini b{font-size:1.05rem}
 .countdown-main span,.countdown-mini span{font-size:.48rem;letter-spacing:.05em}
 .countdown-cta{width:100%;justify-content:center;height:50px}
}
@media(max-width:390px){.countdown-numbers{grid-template-columns:repeat(2,1fr)}.countdown-main{grid-row:span 2;min-height:156px}.countdown-mini:last-child{grid-column:2}}
@media(prefers-reduced-motion:reduce){.sefa-countdown:after,.countdown-orbit i{animation:none!important}}
/* SEFA V6 — amélioration flottante en conservant STRICTEMENT la palette rose d'origine */
:root{
  --sefa-pink:#e83e93;
  --sefa-pink-deep:#b81482;
  --sefa-berry:#8f0f72;
  --sefa-blush:#fff0f8;
  --sefa-ivory:#fffbf4;
  --sefa-gold:#d49f3f;
  --sefa-ink:#241324;
  --sefa-muted:#6e5266;
}

/* Palette claire d'origine, sans gros bloc violet sombre */
body{
  background:
    radial-gradient(circle at 8% 5%,rgba(232,62,140,.17),transparent 27%),
    radial-gradient(circle at 93% 10%,rgba(212,162,63,.16),transparent 24%),
    linear-gradient(180deg,#fffafd 0%,#fff3f9 54%,#fffbf4 100%)!important;
  color:var(--sefa-ink)!important;
}

.topbar{
  background:rgba(255,250,252,.94)!important;
  border-bottom:1px solid rgba(232,62,140,.10)!important;
  box-shadow:0 12px 34px rgba(96,18,59,.08)!important;
}
.topbar h2{color:#2a152a!important}
.topbar h2:after{background:linear-gradient(90deg,var(--sefa-pink),var(--sefa-pink-deep))!important}
.menu{background:linear-gradient(135deg,#d92d8a,#ef4f9f)!important;box-shadow:0 14px 30px rgba(184,20,102,.25)!important}

/* Accueil : même rose, mais plus léger, lisible et flottant */
.welcome{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 9%,rgba(255,255,255,.72),transparent 27%),
    radial-gradient(circle at 14% 92%,rgba(212,162,63,.17),transparent 29%),
    linear-gradient(145deg,#fffafd 0%,#fde4f0 48%,#f7bfdb 100%)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 28px 70px rgba(143,15,83,.16),inset 0 1px 0 rgba(255,255,255,.96)!important;
  transform:translateZ(0);
}
.welcome:before{color:rgba(232,62,140,.12)!important}
.welcome:after{color:rgba(143,15,83,.08)!important}
.hello-script{color:#6a215d!important;text-shadow:none!important}
.name-glow{
  background:linear-gradient(135deg,#a7157c 0%,#d52f8a 48%,#ef5fa7 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:drop-shadow(0 10px 20px rgba(143,15,83,.12))!important;
}
.personal-role{
  background:rgba(255,255,255,.82)!important;
  color:#8f0f72!important;
  border:1px solid rgba(143,15,83,.13)!important;
  box-shadow:0 10px 24px rgba(143,15,83,.08)!important;
}
.welcome p{color:#4d3049!important;font-weight:600!important}
.daily-quote{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  color:#30182f!important;
  box-shadow:0 15px 35px rgba(143,15,83,.09)!important;
}
.daily-quote small{color:#aa287e!important}.daily-quote strong{color:#281328!important}

/* Cartes flottantes sans changer les couleurs */
.card,.form,.panel,.commission-detail,.report-card,.social-post,.chat,.channels,
.quick,.action-card,.commission-card,.task-card,.admin-launcher button{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,244,249,.90))!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 18px 48px rgba(143,15,83,.11),inset 0 1px 0 rgba(255,255,255,.98)!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease!important;
}
.quick:hover,.action-card:hover,.commission-card:hover,.task-card:hover,.admin-launcher button:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 28px 66px rgba(143,15,83,.17),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.quick:active,.action-card:active,.commission-card:active,.task-card:active{transform:translateY(-2px) scale(.99)!important}
.quick i,.action-card i,.commission-card .icon{
  background:linear-gradient(135deg,#ffe0f0,#feebca)!important;
  color:#b81482!important;
  box-shadow:0 10px 24px rgba(143,15,83,.10)!important;
}
.quick b,.action-card h4,.commission-card h4,.task-card h4{color:#2a142a!important}
.quick span,.action-card p,.commission-card p,.task-card p{color:#6a4b61!important}

/* Boutons : même rose exact, meilleur contraste */
.btn.primary,.filters .active{
  background:linear-gradient(135deg,#ef4f9f 0%,#d92d8a 55%,#b81482 100%)!important;
  color:#fff!important;
  box-shadow:0 15px 34px rgba(184,20,102,.25)!important;
}
.btn.gold,.countdown-cta{
  background:linear-gradient(135deg,#fde5ba,#d49f3f)!important;
  color:#4d3813!important;
}

/* Compte à rebours : retour au clair de la version validée */
.sefa-countdown{
  color:var(--sefa-ink)!important;
  background:
    radial-gradient(circle at 88% 5%,rgba(255,255,255,.78),transparent 24%),
    radial-gradient(circle at 10% 100%,rgba(212,162,63,.14),transparent 29%),
    linear-gradient(145deg,#fffafd 0%,#ffe8f3 52%,#f7bfdb 100%)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 24px 62px rgba(143,15,83,.14),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.sefa-countdown:before{background:linear-gradient(115deg,rgba(255,255,255,.45),transparent 30%,rgba(212,162,63,.12) 66%,transparent 88%)!important}
.sefa-countdown:after{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 66%)!important}
.countdown-kicker{background:rgba(255,255,255,.72)!important;border-color:rgba(143,15,83,.10)!important;color:#a7157c!important}
.countdown-copy h2{color:#2a142a!important}
.countdown-copy p{color:#725569!important;font-weight:600!important}
.countdown-main,.countdown-mini{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(143,15,83,.09)!important;
  box-shadow:0 12px 28px rgba(143,15,83,.08),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.countdown-main{background:linear-gradient(145deg,#fffafd,#ffe8f3)!important}
.countdown-main strong{color:#8f0f72!important;text-shadow:none!important}
.countdown-mini b{color:#b81482!important}
.countdown-main span,.countdown-mini span{color:#76536b!important}
.countdown-orbit i{border-color:rgba(232,62,140,.12)!important}
.countdown-orbit i:nth-child(3){background:rgba(212,162,63,.75)!important;box-shadow:0 0 24px rgba(212,162,63,.36)!important}

/* Lisibilité générale */
.section-head h3,.panel h3,.form h3{color:#291429!important}
.section-head p,.muted,.meta{color:#715568!important}
input,select,textarea{color:#281428!important;background:#fff!important;border-color:rgba(143,15,83,.13)!important}
input::placeholder,textarea::placeholder{color:#a38c98!important}

/* Animation légère et élégante */
.page.active>*{animation:sefaSoftRise .48s cubic-bezier(.2,.8,.2,1) both}
.page.active>*:nth-child(2){animation-delay:.04s}.page.active>*:nth-child(3){animation-delay:.08s}.page.active>*:nth-child(4){animation-delay:.12s}
@keyframes sefaSoftRise{from{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}
.ambient-bubbles i{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(232,62,140,.14))!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.96),0 18px 42px rgba(143,15,83,.10)!important}

@media(max-width:760px){
  body{background:linear-gradient(180deg,#fffafd 0%,#fff0f8 54%,#fffbf4 100%)!important}
  .welcome{background:linear-gradient(145deg,#fffafd 0%,#fde3f0 54%,#f7bfdb 100%)!important}
  .sefa-countdown{background:linear-gradient(145deg,#fffafd 0%,#ffe8f3 58%,#f7bfdb 100%)!important}
  .countdown-copy h2{color:#2a142a!important}
  .countdown-main,.countdown-mini{min-height:74px!important}
  .topbar{background:rgba(255,250,252,.96)!important}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* SEFA — correctif fonctionnel + design ancien rose/prune/or
   Aucun élément décoratif ne bloque les clics. */
:root{
  --sefa-plum:#50104a;
  --sefa-wine:#8b2270;
  --sefa-rose:#d64f93;
  --sefa-gold:#efc67b;
  --sefa-cream:#fffbf5;
  --sefa-violet:#8f3a74;
  --sefa-line:rgba(80,16,68,.11);
}
body{
  background:
    radial-gradient(circle at 4% 3%,rgba(214,79,145,.10),transparent 27%),
    radial-gradient(circle at 96% 8%,rgba(239,207,123,.15),transparent 24%),
    linear-gradient(180deg,#fffbf5 0%,#fffefb 100%)!important;
}
.sidebar{
  background:linear-gradient(180deg,#250825 0%,#50104a 58%,#741d63 100%)!important;
}
.menu,.btn.primary,.filters .active,.tab.active,.mine .bubble,.avatar{
  background:linear-gradient(135deg,var(--sefa-wine),var(--sefa-rose))!important;
}
.name-glow{
  background:linear-gradient(135deg,var(--sefa-wine),var(--sefa-rose),var(--sefa-violet))!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
/* Décorations toujours derrière le contenu et jamais cliquables */
.ambient-bubbles,.dream-decor,.ambient-bubbles *, .dream-decor *{
  pointer-events:none!important;
}
.welcome:before,.welcome:after,.card:before,.quick:before,.action-card:before,
.commission-card:before,.task-card:before,.social-post:before,.report:before,.meeting:before{
  pointer-events:none!important;
}
.welcome{
  position:relative!important;
  overflow:hidden!important;
  padding:36px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 86% 16%,rgba(239,207,123,.28),transparent 23%),
    radial-gradient(circle at 10% 6%,rgba(255,255,255,.11),transparent 20%),
    linear-gradient(135deg,#2b092b 0%,#50104a 58%,#8b2270 100%)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:0 26px 68px rgba(80,16,68,.22)!important;
}
.welcome:before{
  content:"♡"!important;
  position:absolute!important;right:34px!important;top:42px!important;
  width:62px!important;height:62px!important;border-radius:22px!important;
  display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.92)!important;color:var(--sefa-rose)!important;
  font-size:2rem!important;box-shadow:0 15px 32px rgba(31,5,24,.14)!important;
  z-index:0!important;
}
.welcome:after{
  content:"✦ SEFA POWER"!important;
  position:absolute!important;right:28px!important;bottom:34px!important;
  width:auto!important;height:auto!important;padding:10px 14px!important;
  border-radius:999px!important;background:#feebca!important;color:#6b4b11!important;
  font:900 .66rem Manrope,sans-serif!important;letter-spacing:.06em!important;
  z-index:0!important;
}
.welcome>*{position:relative!important;z-index:2!important}
.welcome .eyebrow{
  display:inline-flex!important;padding:9px 14px!important;border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.15)!important;
  color:#fde0ad!important;
}
.welcome p{color:rgba(255,255,255,.88)!important;max-width:760px!important}
.personal-role,.daily-quote{
  background:rgba(255,255,255,.93)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 14px 32px rgba(28,7,22,.12)!important;
}
.personal-role{color:var(--sefa-wine)!important}
.daily-quote small{color:var(--sefa-wine)!important}
.daily-quote strong{color:#2f152e!important}
.welcome-actions .btn{border-radius:999px!important;min-height:50px!important}
.welcome-actions .btn.gold{
  background:linear-gradient(135deg,#e7b459,#fde0ac)!important;color:#4c3712!important;
}
.welcome-actions .btn.ghost{
  background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important;
}
.card,.quick,.action-card,.commission-card,.task-card,.report,.meeting,.social-post,.form,.panel,.detail-box,.announcement{
  border-radius:24px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid var(--sefa-line)!important;
  box-shadow:0 14px 36px rgba(66,20,57,.08)!important;
}
.quick,.action-card,.commission-card,.task-card,.social-post,.report,.meeting{
  position:relative!important;overflow:hidden!important;transition:.22s ease!important;
}
.quick:before,.action-card:before,.commission-card:before,.task-card:before,.social-post:before,.report:before,.meeting:before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;
  background:linear-gradient(90deg,var(--sefa-rose),var(--sefa-gold),var(--sefa-wine))!important;
}
.quick:hover,.action-card:hover,.commission-card:hover,.task-card:hover,.social-post:hover,.report:hover,.meeting:hover{
  transform:translateY(-3px)!important;box-shadow:0 21px 48px rgba(66,20,57,.12)!important;
}
.quick i,.action-card i,.commission-card .icon{
  background:linear-gradient(135deg,#f8e7f0,#feebca)!important;color:var(--sefa-wine)!important;
}
.filters button,.tab,.btn{border-radius:999px!important}
.pill,.detail-lead{background:#f8e7f0!important;color:var(--sefa-wine)!important}
.progressbar span{background:linear-gradient(90deg,var(--sefa-wine),var(--sefa-rose))!important}
input,select,textarea{border-radius:16px!important;border:1px solid var(--sefa-line)!important}
input:focus,select:focus,textarea:focus{border-color:var(--sefa-rose)!important;box-shadow:0 0 0 5px rgba(214,79,145,.10)!important}
/* Les couches principales restent cliquables */
.nav,.nav button,.nav a,.topbar,.page,.btn,[data-page],[data-go],[data-admin],input,select,textarea{
  pointer-events:auto!important;
}
@media(max-width:760px){
  .page{padding:14px 12px 98px!important}
  .welcome{padding:26px 20px!important;border-radius:30px!important}
  .welcome h1{max-width:100%!important}
  .welcome:before{right:16px!important;top:72px!important;width:48px!important;height:48px!important;border-radius:17px!important;font-size:1.45rem!important}
  .welcome:after{display:none!important}
  .welcome-actions{display:grid!important;grid-template-columns:1fr!important}
  .welcome-actions .btn{width:100%!important}
  .quick-grid{grid-template-columns:repeat(2,1fr)!important}
  .home-actions,.commission-list{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* V9 — lisibilité compteur et accueil plus vivant */
.countdown-main b,.countdown-mini b{color:#4f1749!important;opacity:1!important;text-shadow:none!important}.countdown-main span,.countdown-mini span{color:#6f5066!important;opacity:1!important}.countdown-main{background:linear-gradient(145deg,#fff6fb,#fef1d9)!important;border:1px solid rgba(239,207,123,.5)!important}.countdown-mini{background:rgba(255,255,255,.82)!important}.sefa-countdown{overflow:hidden!important}.flow-home-card,.event-flow-card{background:linear-gradient(145deg,#fff,#fff2f8)!important;border:1px solid rgba(214,79,145,.12)!important;box-shadow:0 18px 45px rgba(80,16,68,.09)!important}
/* SEFA — restauration de la palette originale : rose, crème, or, prune léger */
:root{
  --sefa-rose:#d64f93;
  --sefa-rose-vif:#e66ca9;
  --sefa-rose-poudre:#f7c9e0;
  --sefa-rose-clair:#fff0f8;
  --sefa-creme:#fffbf5;
  --sefa-ivoire:#fffdf9;
  --sefa-or:#efc67b;
  --sefa-or-clair:#feebca;
  --sefa-prune:#50104a;
  --sefa-prune-doux:#7a3167;
  --sefa-violet-logo:#8f3a74;
  --sefa-ombre:0 18px 48px rgba(139,34,110,.10);
}
html,body{
  background:
    radial-gradient(circle at 7% 3%,rgba(214,79,145,.18),transparent 28%),
    radial-gradient(circle at 94% 8%,rgba(239,207,123,.20),transparent 25%),
    linear-gradient(180deg,#fff8fb 0%,#fffbf5 54%,#fffdf9 100%)!important;
  color:#351434!important;
}
/* grandes zones : plus de violet sombre */
.sidebar{
  background:
    radial-gradient(circle at 85% 10%,rgba(255,255,255,.18),transparent 26%),
    linear-gradient(180deg,#b63483 0%,#d64f93 54%,#e889b8 100%)!important;
  box-shadow:18px 0 48px rgba(139,34,110,.16)!important;
}
.sidebar .brand h1,.sidebar .brand strong{color:#fef3e0!important}
.sidebar .brand p,.sidebar .brand span,.sidebar .profile small{color:rgba(255,255,255,.80)!important}
.sidebar .nav button,.sidebar .nav a,.nav-link{color:rgba(255,255,255,.88)!important}
.sidebar .nav button.active,.sidebar .nav button:hover,.sidebar .nav a.active,.sidebar .nav a:hover,.nav-link.active,.nav-link:hover{
  background:rgba(255,255,255,.22)!important;
  color:#fff!important;
}
.topbar,.top,.mobile-bottom-nav{
  background:rgba(255,250,252,.92)!important;
  border-color:rgba(214,79,145,.12)!important;
}
/* héros et blocs premium en rose, pas violet foncé */
.welcome,.hero-panel,.encouragement-panel,.orga-hero,.hero,.login-screen{
  background:
    radial-gradient(circle at 85% 14%,rgba(255,240,201,.50),transparent 26%),
    radial-gradient(circle at 10% 12%,rgba(255,255,255,.22),transparent 22%),
    linear-gradient(135deg,#b83283 0%,#d64f93 58%,#e88dbb 100%)!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:0 26px 68px rgba(164,45,109,.18)!important;
}
.welcome h1,.welcome p,.hero-panel h1,.hero-panel p,.hero h1,.hero p,.encouragement-panel h3,.encouragement-panel p,.orga-hero h2,.orga-hero p{
  color:#fff!important;
}
.welcome .eyebrow,.hero .eyebrow,.hero-panel .eyebrow{color:#feebca!important}
/* cartes et formulaires */
.card,.panel,.form,.task-card,.commission-card,.report-card,.social-post,.meeting,.detail-box,.admin-card,.admin-row,.answer,.ai-task-card,.task-commission-table{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,248,252,.95))!important;
  border-color:rgba(214,79,145,.11)!important;
  box-shadow:var(--sefa-ombre)!important;
}
.btn.primary,.ask button,.ai-copy,.ai-open,.filters .active,.tab.active{
  background:linear-gradient(135deg,#d64f93 0%,#e66ca9 68%,#c34889 100%)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.btn.gold{background:linear-gradient(135deg,#efc67b,#feebca)!important;color:#5b4113!important}
.quick i,.action-card i,.commission-card .icon,.activity-date i,.task-stat-card i{
  background:linear-gradient(145deg,#fff0f8,#feebca)!important;
  color:#8b2270!important;
}
.quick b,.section-head h3,.detail-box h3,.task-card h4,.commission-card h4,.answer h2,.ai-task-card h4{
  color:#50104a!important;
}
/* détails violet : seulement petites touches du logo */
.name-glow,.hello-script{color:#8b2270!important}
.progressbar span,.task-card:before,.commission-card:before,.quick:before,.social-post:before,.ai-task-card:before{
  background:linear-gradient(90deg,#d64f93 0%,#efc67b 56%,#8f3a74 100%)!important;
}
/* compte à rebours : lisibilité maximale */
.sefa-countdown,.countdown-main{
  background:linear-gradient(135deg,#fff4fa,#fff8ec)!important;
  border-color:rgba(214,79,145,.13)!important;
}
.countdown-mini,.countdown-numbers>div{
  background:linear-gradient(145deg,#b83283,#d64f93)!important;
  border:1px solid rgba(239,207,123,.65)!important;
  box-shadow:0 14px 30px rgba(139,34,110,.17)!important;
}
.countdown-mini b,.countdown-numbers b,.countdown-numbers strong,
#cdDays,#cdHours,#cdMinutes,#cdSeconds{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 3px 12px rgba(80,16,68,.22)!important;
}
.countdown-mini span,.countdown-numbers span,.countdown-numbers small{
  color:#feebca!important;
}
/* IA */
.sefa-ai-shell,.shell{background:transparent!important}
.back{background:linear-gradient(135deg,#d64f93,#c44289)!important;color:#fff!important}
.ai-report{background:#fff0f8!important;color:#7a3167!important}
/* liens et textes secondaires */
a{accent-color:#d64f93}
.top a,.top .back,.back,.detail-lead,.pill{color:#8b2270!important}
input:focus,select:focus,textarea:focus{border-color:#d64f93!important;box-shadow:0 0 0 5px rgba(214,79,145,.11)!important}
/* mobile */
@media(max-width:760px){
  .sidebar{background:linear-gradient(180deg,#b63483 0%,#d64f93 58%,#e889b8 100%)!important}
  .welcome,.hero-panel,.hero,.encouragement-panel,.orga-hero{border-radius:28px!important}
  .mobile-bottom-nav button.active{color:#d64f93!important}
}

/* ===== Cartes d'accueil V3 — plus compactes, vivantes et hiérarchisées ===== */
.home-actions-v3{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch;
}
.home-actions-v3 .module-card{
  min-height:230px!important;
  padding:22px!important;
  border-radius:26px!important;
  text-decoration:none!important;
  color:inherit!important;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.home-actions-v3 .module-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 22px 52px rgba(139,34,110,.14)!important;
  border-color:rgba(214,79,145,.20)!important;
}
.home-actions-v3 .module-card:after{
  content:"✦";
  position:absolute;
  right:20px;
  bottom:18px;
  font-size:1.1rem;
  color:rgba(214,79,145,.18);
  z-index:-1;
}
.module-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:22px;
}
.module-card-top>i{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  margin:0!important;
  flex:0 0 auto;
  display:grid!important;
  place-items:center!important;
  font-size:1.2rem!important;
  box-shadow:0 12px 26px rgba(139,34,110,.09)!important;
}
.module-badge{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(214,79,145,.12);
  color:#8b2270;
  font-size:.68rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(139,34,110,.05);
}
.home-actions-v3 .module-card h4{
  margin:0 0 10px!important;
  font:700 clamp(1.75rem,2.5vw,2.35rem)/1.02 "Cormorant Garamond",serif!important;
  color:#3e173c!important;
}
.home-actions-v3 .module-card p{
  margin:0!important;
  max-width:95%;
  font-size:.87rem!important;
  line-height:1.65!important;
  color:#765f6e!important;
}
.module-cta{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:auto;
  padding-top:20px;
  color:#9b2878;
  font-size:.78rem;
  font-weight:900;
}
.module-cta i{
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:transform .18s ease;
}
.module-card:hover .module-cta i{transform:translateX(4px)}
.module-team{background:linear-gradient(145deg,#fffdfd 0%,#fff7fb 100%)!important}
.module-missions{background:linear-gradient(145deg,#fffdfd 0%,#fff5fa 100%)!important}
.module-ai{background:linear-gradient(145deg,#fffdfd 0%,#fff9ee 100%)!important}
.module-community{background:linear-gradient(145deg,#fffdfd 0%,#fff6fb 100%)!important}
.featured-module{
  grid-column:span 2;
  min-height:250px!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(239,207,123,.32),transparent 23%),
    linear-gradient(135deg,#fff5fa 0%,#ffeaf4 55%,#fef6e6 100%)!important;
  border:1px solid rgba(214,79,145,.18)!important;
  box-shadow:0 24px 58px rgba(139,34,110,.12)!important;
}
.featured-module:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,#d64f93,#efc67b,#8f3a74);
}
.featured-module .module-card-top>i{
  background:linear-gradient(145deg,#fff0f8,#feebca)!important;
  color:#8b2270!important;
}
.featured-module .module-badge{
  background:linear-gradient(135deg,#fff,#fef3e0)!important;
}
@media(max-width:760px){
  .home-actions-v3{
    grid-template-columns:1fr!important;
    gap:13px!important;
  }
  .home-actions-v3 .module-card,
  .featured-module{
    grid-column:auto!important;
    min-height:190px!important;
    padding:19px!important;
    border-radius:24px!important;
  }
  .module-card-top{margin-bottom:15px}
  .module-card-top>i{
    width:48px!important;
    height:48px!important;
    border-radius:16px!important;
  }
  .home-actions-v3 .module-card h4{
    font-size:1.95rem!important;
  }
  .home-actions-v3 .module-card p{
    font-size:.84rem!important;
    line-height:1.55!important;
  }
  .module-cta{padding-top:16px}
}

/* Aisha IA au cœur de l’accueil */
.home-sefaia-pro{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;margin:18px 0;padding:25px;border-radius:30px;background:radial-gradient(circle at 88% 18%,rgba(255,239,190,.75),transparent 25%),linear-gradient(135deg,#fff1f8,#fff9ee 60%,#f9eaf2);border:1px solid rgba(214,79,145,.13);box-shadow:0 20px 52px rgba(125,33,95,.10)}.home-sefaia-pro:before{content:"✦  ♡  ✿";position:absolute;right:20px;top:14px;color:rgba(214,79,145,.22);letter-spacing:.45rem}.home-ai-copy{position:relative;z-index:1}.home-ai-kicker{display:inline-block;color:#a72f7d;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.home-sefaia-pro h3{margin:7px 0 7px;font:700 2.35rem/1 Cormorant Garamond;color:#4f1b49}.home-sefaia-pro p{max-width:720px;color:#765f6e;font-size:.86rem;line-height:1.65}.home-ai-prompts{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.home-ai-prompts span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid rgba(214,79,145,.11);color:#8b2270;font-size:.66rem;font-weight:800}.home-ai-button{position:relative;z-index:1;min-width:190px;padding:20px;border-radius:23px;text-align:center;text-decoration:none;background:linear-gradient(135deg,#c83b88,#e774ae 70%,#c87ba2);color:#fff;box-shadow:0 17px 34px rgba(199,58,132,.21)}.home-ai-button i{display:block;font-size:1.35rem;margin-bottom:8px}.home-ai-button b,.home-ai-button small{display:block}.home-ai-button small{margin-top:5px;color:rgba(255,255,255,.78);font-size:.65rem}@media(max-width:760px){.home-sefaia-pro{grid-template-columns:1fr;padding:21px 17px;border-radius:27px}.home-sefaia-pro h3{font-size:2rem}.home-ai-button{min-width:0;width:100%;padding:16px}.home-ai-prompts{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.home-ai-prompts span{white-space:nowrap}}

/* Aisha IA gratuite — discrète, jolie et organisée */
.aisha-home-mini{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;margin:18px 0 22px;padding:20px;border-radius:28px;background:linear-gradient(135deg,#fff7fb,#fffaf1);border:1px solid rgba(214,79,145,.13);box-shadow:0 16px 38px rgba(109,31,84,.09);position:relative;overflow:hidden}.aisha-home-mini:after{content:"✦  ♡  ✿";position:absolute;right:18px;top:12px;color:rgba(214,79,145,.16);letter-spacing:.42rem}.aisha-mini-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#f8dbea,#feeac7);color:#8b2270;font-size:1.25rem;box-shadow:0 12px 24px rgba(139,34,110,.10)}.aisha-mini-copy>span{font-size:.66rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#b03581}.aisha-mini-copy h3{font:700 2rem/1 Cormorant Garamond;margin:4px 0 5px;color:#4f1c49}.aisha-mini-copy p{font-size:.82rem;line-height:1.55;color:#7c6676;max-width:760px}.aisha-mini-search{display:flex;gap:8px;margin-top:13px;background:#fff;border:1px solid rgba(214,79,145,.13);padding:7px;border-radius:18px}.aisha-mini-search input{border:0!important;box-shadow:none!important;background:transparent!important;padding:8px 10px!important;min-height:42px}.aisha-mini-search button{width:44px;height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,#d54f92,#e982b6);color:#fff;box-shadow:0 10px 20px rgba(214,79,145,.22)}.aisha-mini-suggestions{display:flex;gap:7px;overflow:auto;margin-top:10px;padding-bottom:2px}.aisha-mini-suggestions button{white-space:nowrap;border:1px solid rgba(214,79,145,.11);background:#fff;color:#8b2270;border-radius:999px;padding:8px 11px;font-size:.69rem;font-weight:800}.committee-flow-home{margin:22px 0 24px}.committee-flow-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px}.committee-flow-head span{font-size:.66rem;text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:#b03581}.committee-flow-head h3{font:700 2.25rem/1 Cormorant Garamond;margin:4px 0;color:#4f1c49}.committee-flow-head p{font-size:.8rem;color:#7d6877}.committee-flow-head>a{color:#8b2270;font-weight:900;font-size:.76rem;text-decoration:none;background:#fff;padding:10px 13px;border-radius:999px;border:1px solid rgba(214,79,145,.12)}.committee-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.committee-flow-card{display:grid;grid-template-columns:48px 1fr 18px;gap:12px;align-items:center;padding:15px;border-radius:22px;background:linear-gradient(135deg,#fff,#fff8fb);border:1px solid rgba(214,79,145,.10);box-shadow:0 11px 28px rgba(109,31,84,.07);text-decoration:none;color:inherit}.committee-flow-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#f9e4ee,#feeccd);color:#8b2270}.committee-flow-info b{display:block;color:#4d1b48;font-size:.88rem}.committee-flow-info small{display:block;color:#826d7b;font-size:.66rem;margin-top:3px}.committee-flow-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.committee-flow-meta span{font-size:.58rem;font-weight:800;color:#8b2270;background:#fff1f8;padding:5px 7px;border-radius:999px}.committee-progress{height:6px;background:#f2e7ec;border-radius:999px;overflow:hidden;margin-top:8px}.committee-progress i{display:block;height:100%;background:linear-gradient(90deg,#d64f93,#efc67b)}.committee-arrow{color:#c45b90}.aisha-fab{position:fixed;right:22px;bottom:24px;z-index:350;width:62px;height:62px;border:0;border-radius:22px;background:linear-gradient(135deg,#fff0f8,#fde1ae);box-shadow:0 18px 38px rgba(109,31,84,.22);color:#8b2270;font-size:1.1rem;display:grid;place-items:center;cursor:pointer}.aisha-fab span{font-size:1.55rem}.aisha-fab i{position:absolute;right:7px;top:7px;font-size:.62rem}.aisha-overlay{position:fixed;inset:0;background:rgba(54,20,45,.24);backdrop-filter:blur(6px);z-index:400;display:flex;align-items:flex-end;justify-content:flex-end;padding:18px;opacity:0;pointer-events:none;transition:.22s}.aisha-overlay.open{opacity:1;pointer-events:auto}.aisha-sheet{width:min(430px,100%);height:min(74vh,680px);background:#fffafd;border:1px solid rgba(255,255,255,.85);border-radius:30px;box-shadow:0 30px 85px rgba(68,17,52,.30);display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden;transform:translateY(24px) scale(.98);transition:.25s}.aisha-overlay.open .aisha-sheet{transform:none}.aisha-sheet header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;background:linear-gradient(135deg,#fff1f8,#fef7e9);border-bottom:1px solid rgba(214,79,145,.10)}.aisha-sheet-title{display:flex;align-items:center;gap:10px}.aisha-sheet-title>span{font-size:1.55rem}.aisha-sheet-title b{display:block;color:#4f1c49}.aisha-sheet-title small{display:block;color:#806a79;font-size:.65rem}.aisha-sheet header button{width:38px;height:38px;border:0;border-radius:13px;background:#fff;color:#8b2270}.aisha-sheet-messages{padding:15px;overflow:auto;display:grid;gap:10px;align-content:start}.aisha-msg{max-width:86%;padding:11px 13px;border-radius:7px 17px 17px;background:#f9edf3;color:#51304c;white-space:pre-wrap;font-size:.79rem;line-height:1.55}.aisha-msg.user{margin-left:auto;background:linear-gradient(135deg,#c83b88,#e66fab);color:#fff;border-radius:17px 7px 17px 17px}.aisha-sheet-prompts{display:flex;gap:6px;overflow:auto;padding:8px 12px}.aisha-sheet-prompts button{white-space:nowrap;border:1px solid rgba(214,79,145,.11);background:#fff;color:#8b2270;border-radius:999px;padding:8px 10px;font-size:.65rem;font-weight:800}.aisha-sheet-composer{display:flex;gap:8px;padding:10px 12px 14px}.aisha-sheet-composer textarea{flex:1;border:1px solid rgba(214,79,145,.13)!important;border-radius:18px!important;min-height:48px;max-height:100px;padding:13px!important;resize:none}.aisha-sheet-composer button{width:48px;height:48px;border:0;border-radius:16px;background:linear-gradient(135deg,#d64f93,#ef8ebf);color:#fff}.aisha-open{overflow:hidden}
@media(max-width:760px){.aisha-home-mini{grid-template-columns:48px 1fr;padding:16px 14px;border-radius:24px}.aisha-mini-icon{width:46px;height:46px;border-radius:16px}.aisha-mini-copy h3{font-size:1.55rem}.aisha-mini-copy p{font-size:.76rem}.committee-flow-head{align-items:start}.committee-flow-head h3{font-size:1.9rem}.committee-flow-head>a{display:none}.committee-flow-grid{grid-template-columns:1fr}.committee-flow-card{padding:13px}.aisha-fab{right:14px;bottom:82px;width:56px;height:56px;border-radius:19px}.aisha-overlay{padding:0;align-items:flex-end}.aisha-sheet{width:100%;height:76vh;border-radius:28px 28px 0 0}.aisha-sheet-messages{padding:13px}.aisha-msg{font-size:.78rem}}

/* ===== Correctif mobile — Aisha entièrement visible, sans débordement ===== */
.aisha-home-mini,
.aisha-home-mini *,
.aisha-mini-copy,
.aisha-mini-search,
.aisha-mini-suggestions,
.committee-flow-home,
.committee-flow-home *{
  box-sizing:border-box;
}
.aisha-home-mini{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
.aisha-mini-copy{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.aisha-mini-copy h3,
.aisha-mini-copy p{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
.aisha-mini-search{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
.aisha-mini-search input{
  flex:1 1 auto;
  width:0!important;
  min-width:0!important;
  max-width:100%!important;
}
.aisha-mini-search button{
  flex:0 0 44px;
}
.aisha-mini-suggestions{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
}
.aisha-mini-suggestions::-webkit-scrollbar{display:none}

@media(max-width:760px){
  .aisha-home-mini{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:11px!important;
    margin:16px 0 20px!important;
    padding:15px 12px!important;
    border-radius:22px!important;
  }
  .aisha-mini-icon{
    width:44px!important;
    height:44px!important;
    border-radius:15px!important;
    font-size:1.05rem!important;
  }
  .aisha-mini-copy>span{
    display:block;
    padding-right:48px;
    font-size:.58rem!important;
    letter-spacing:.12em!important;
  }
  .aisha-mini-copy h3{
    font-size:1.38rem!important;
    line-height:1.05!important;
    margin:5px 0 7px!important;
    padding-right:0!important;
  }
  .aisha-mini-copy p{
    font-size:.74rem!important;
    line-height:1.48!important;
  }
  .aisha-mini-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:6px!important;
    margin-top:11px!important;
    padding:6px!important;
    border-radius:16px!important;
  }
  .aisha-mini-search input{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    padding:8px 9px!important;
    font-size:16px!important;
  }
  .aisha-mini-search button{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  .aisha-mini-suggestions{
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:6px!important;
    margin-top:9px!important;
  }
  .aisha-mini-suggestions button{
    flex:0 1 auto!important;
    max-width:100%!important;
    white-space:normal!important;
    text-align:center!important;
    padding:7px 10px!important;
    font-size:.65rem!important;
    line-height:1.2!important;
  }
  .committee-flow-home{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  .committee-flow-head,
  .committee-flow-grid,
  .committee-flow-card{
    min-width:0;
    max-width:100%;
  }
  .committee-flow-card{
    grid-template-columns:44px minmax(0,1fr) 16px!important;
  }
  .committee-flow-info{
    min-width:0;
  }
  .committee-flow-info b,
  .committee-flow-info small{
    overflow-wrap:anywhere;
  }
}

/* ===== CORRECTION ACCUEIL COMPACT — JUILLET 2026 ===== */
@media (max-width:760px){
  #dashboard .welcome{
    min-height:0!important;
    padding:22px 18px 18px!important;
    border-radius:28px!important;
    margin-bottom:14px!important;
  }
  #dashboard .welcome .eyebrow{
    padding:7px 11px!important;
    font-size:.62rem!important;
    letter-spacing:.13em!important;
    margin-bottom:8px!important;
  }
  #dashboard .welcome h1{
    margin:8px 0 8px!important;
    gap:4px!important;
    line-height:.84!important;
  }
  #dashboard .hello-script{
    display:block!important;
    width:100%!important;
    font-size:1.9rem!important;
    line-height:.85!important;
  }
  #dashboard .name-glow{
    font-size:3.45rem!important;
    line-height:.82!important;
  }
  #dashboard .personal-role{
    padding:7px 12px!important;
    margin:4px 0 10px!important;
    font-size:.70rem!important;
  }
  #dashboard .welcome>p{
    font-size:.88rem!important;
    line-height:1.48!important;
    max-width:94%!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  #dashboard .daily-quote{
    margin-top:12px!important;
    padding:11px 13px!important;
    border-radius:18px!important;
    gap:8px!important;
    align-items:center!important;
  }
  #dashboard .daily-quote i{font-size:.9rem!important;margin:0!important}
  #dashboard .daily-quote small{font-size:.52rem!important}
  #dashboard .daily-quote strong{
    font-size:1rem!important;
    line-height:1.18!important;
    margin-top:2px!important;
  }
  #dashboard .welcome-actions{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:12px!important;
  }
  #dashboard .welcome-actions .btn{
    min-height:45px!important;
    padding:10px 11px!important;
    font-size:.72rem!important;
    white-space:nowrap!important;
  }
  #dashboard .welcome-actions .btn i{font-size:.78rem!important}
  #dashboard .home-sticker-layer .sticker{transform:scale(.78)!important}
  #dashboard .sticker-heart{right:10px!important;top:16px!important}
  #dashboard .sticker-star,#dashboard .sticker-smile,#dashboard .sticker-bow{display:none!important}
  #dashboard .sticker-flower{left:auto!important;right:8px!important;bottom:7px!important}
  #dashboard .sticker-sparkle{display:none!important}
  #dashboard .welcome:after{width:150px!important;height:150px!important;right:-58px!important;bottom:-58px!important}
}
@media (max-width:390px){
  #dashboard .name-glow{font-size:3.1rem!important}
  #dashboard .welcome-actions{grid-template-columns:1fr!important}
  #dashboard .welcome-actions .btn{min-height:43px!important}
}
.sefa-install-btn{position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:9998;border:1px solid rgba(255,255,255,.75);border-radius:999px;padding:12px 17px;background:linear-gradient(135deg,#fef1da,#ffd4ea 55%,#f4b7d6);color:#7d2068;font:800 .78rem Manrope,system-ui,sans-serif;box-shadow:0 16px 38px rgba(111,28,83,.18);backdrop-filter:blur(14px);cursor:pointer}.sefa-install-btn span{margin-right:7px;color:#c58b22}.mobile-nav~.sefa-install-btn{bottom:calc(88px + env(safe-area-inset-bottom))}@media(max-width:520px){.sefa-install-btn{right:12px;padding:10px 14px;font-size:.72rem}}@media(display-mode:standalone){.sefa-install-btn{display:none!important}}

/* ===== css/sefa-premium.css ===== */
/* SEFA Premium — palette officielle rose, violet et or */
:root{
  --sefa-rose:#d94f94;
  --sefa-rose-soft:#f8dcea;
  --sefa-violet:#6b225d;
  --sefa-violet-deep:#4b1546;
  --sefa-gold:#d8a74f;
  --sefa-gold-soft:#f7e2bd;
  --sefa-ivory:#fffcf6;
  --sefa-white:#ffffff;
  --sefa-ink:#321831;
  --sefa-muted:#7f6b79;
  --sefa-line:rgba(107,34,93,.14);
  --sefa-shadow:0 16px 42px rgba(75,21,63,.10);
}
html{background:var(--sefa-ivory)}
body{color:var(--sefa-ink)!important;background:
 radial-gradient(circle at 0 0,rgba(217,79,146,.10),transparent 28rem),
 radial-gradient(circle at 100% 8rem,rgba(216,173,79,.12),transparent 24rem),
 linear-gradient(180deg,#fffefb 0%,#fff8fb 56%,#fffcf6 100%)!important;}
a{color:var(--sefa-violet);}

/* En-têtes */
.top,.topbar,.app-header,.header,.page-header{
 background:rgba(255,253,251,.94)!important;
 border-color:var(--sefa-line)!important;
 box-shadow:0 8px 28px rgba(75,21,63,.05)!important;
 backdrop-filter:blur(18px);
}
.brand strong,.brand b,.top h1,.topbar h1,.page-title{color:var(--sefa-violet-deep)!important}
.home,.back,.icon-btn,.refresh-btn{
 background:#fff!important;color:var(--sefa-violet)!important;
 border:1px solid var(--sefa-line)!important;
 box-shadow:0 8px 22px rgba(75,21,63,.06)!important;
}

/* Boutons */
button,.btn,.button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
button:active,.btn:active,.button:active{transform:scale(.98)}
.new,.save,.submit,.primary,.btn-primary,[class*="primary"]{
 background:linear-gradient(135deg,var(--sefa-violet) 0%,#8b2d70 72%,var(--sefa-rose) 100%)!important;
 color:#fff!important;border-color:transparent!important;
 box-shadow:0 12px 28px rgba(107,34,93,.18)!important;
}
.new{background:linear-gradient(135deg,var(--sefa-gold) 0%,#f0c679 100%)!important;color:#3f2e10!important}

/* Cartes globales */
.card,.panel,.module,.widget,.task,.sheet,.report-card,.commission-card,.stat-card,.quick-card,.home-card{
 background:rgba(255,255,255,.94)!important;
 border:1px solid var(--sefa-line)!important;
 box-shadow:var(--sefa-shadow)!important;
}

/* Page Missions */
body .hero{
 background:
 radial-gradient(circle at 88% 8%,rgba(247,232,189,.75),transparent 25%),
 linear-gradient(145deg,#fffefb 0%,#fff4fa 52%,#f7e9f0 100%)!important;
 color:var(--sefa-ink)!important;
 border:1px solid rgba(216,173,79,.30)!important;
 box-shadow:0 20px 56px rgba(107,34,93,.12)!important;
 padding:24px!important;
}
body .hero:before{color:rgba(107,34,93,.28)!important}
body .hero .kicker{color:var(--sefa-violet)!important}
body .hero h1{color:var(--sefa-violet-deep)!important;font-size:clamp(2.5rem,8vw,4.3rem)!important;line-height:.95!important}
body .hero h1 em{color:var(--sefa-rose)!important}
body .hero p{color:var(--sefa-muted)!important;max-width:690px!important}
body .hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body .hero .stat{
 border:1px solid rgba(107,34,93,.12)!important;
 background:#fff!important;color:var(--sefa-violet-deep)!important;
 border-radius:18px!important;padding:13px 12px!important;text-align:center!important;
 box-shadow:0 8px 22px rgba(75,21,63,.05)!important;
}
body .admin-note{background:#fff!important;border:1px solid rgba(216,173,79,.34)!important;color:var(--sefa-muted)!important}
body .tab,body .filter{background:#fff!important;color:var(--sefa-violet)!important;border-color:var(--sefa-line)!important}
body .tab.active,body .filter.active{background:linear-gradient(135deg,var(--sefa-violet),var(--sefa-rose))!important;color:#fff!important}
body .section-title span{background:var(--sefa-rose-soft)!important;color:var(--sefa-violet)!important}
body .group h3 i{background:var(--sefa-rose-soft)!important;color:var(--sefa-violet)!important}
body .task:before{background:linear-gradient(90deg,var(--sefa-violet),var(--sefa-rose),var(--sefa-gold))!important}
body .priority{background:#fbeaf2!important;color:#8c2b71!important}
body .chip{background:#faf4f7!important;color:#6f3461!important}
body .small{color:var(--sefa-violet)!important;background:#fff!important}
body .small.primary{background:linear-gradient(135deg,var(--sefa-violet),var(--sefa-rose))!important;color:#fff!important}
body .bottom{background:rgba(255,253,251,.97)!important;border-color:var(--sefa-line)!important}
body .bottom a.active{color:var(--sefa-rose)!important}

/* Formulaires */
input,select,textarea{
 background:#fff!important;border-color:var(--sefa-line)!important;color:var(--sefa-ink)!important;
}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(217,79,146,.18)!important;border-color:var(--sefa-rose)!important}

/* Liens transformés en actions propres */
main a:not(.home):not(.back):not(.bottom a):not(.brand):not([class*="nav"]){
 text-decoration:none;
}

@media(max-width:700px){
 body .hero{padding:20px 18px!important;border-radius:26px!important}
 body .hero h1{font-size:2.65rem!important}
 body .hero-stats{grid-template-columns:1fr!important}
 body .hero .stat{display:flex!important;justify-content:center!important;align-items:center!important;gap:7px!important}
 .top,.topbar,.app-header{padding-left:14px!important;padding-right:14px!important}
}

/* V12.1 — palette officielle du nouveau logo sur toutes les pages */
:root{--sefa-deep:#4b1246!important;--sefa-wine:#751d63!important;--sefa-rose:#b43a83!important;--sefa-pink:#d86aa1!important;--sefa-gold:#ef9c06!important;--sefa-cream:#fffaf0!important;--sefa-ink:#351134!important;--sefa-muted:#76616f!important;--sefa-line:rgba(75,18,63,.12)!important}
body{background:radial-gradient(circle at 6% 3%,rgba(180,58,131,.13),transparent 27%),radial-gradient(circle at 96% 8%,rgba(245,168,0,.12),transparent 24%),linear-gradient(180deg,#fffefb,#fbf3f7 58%,#fffaf0)!important;color:#351134!important}
.top,.topbar,.app-header{background:rgba(255,253,251,.95)!important;border-color:rgba(75,18,63,.10)!important}.hero{background:radial-gradient(circle at 90% 8%,rgba(245,168,0,.30),transparent 25%),linear-gradient(135deg,#3b0b3a,#751d63 58%,#b43a83)!important}.hero h1,.hero p,.hero .kicker,.hero .stat{color:#fff!important}.btn.primary,.small.primary,.save,.submit,.tab.active,.filter.active{background:linear-gradient(135deg,#4b1246,#b43a83)!important;color:#fff!important}.btn.gold,.new{background:linear-gradient(135deg,#fbca71,#ef9c06)!important;color:#4b1246!important}.card,.task,.panel,.sheet,.chat,.channels{border-color:rgba(75,18,63,.11)!important;box-shadow:0 16px 42px rgba(75,18,63,.10)!important}.priority,.chip,.pill,.badge{background:#f7e8f0!important;color:#751d63!important}.progressbar span,.progress span,.progress-preview i{background:linear-gradient(90deg,#4b1246,#b43a83,#ef9c06)!important}.bottom a.active,.mobile-nav a.active,.mobile-nav button.active{color:#b43a83!important}input:focus,select:focus,textarea:focus{outline-color:rgba(180,58,131,.20)!important;border-color:#b43a83!important}.top .brand img,.brand img{object-fit:contain!important}

/* ===== css/tasks-horizon.css ===== */
/* SEFA — Bibliothèque Horizon. Chargé en dernier pour préserver le design. */
:root{--horizon-navy:#491245;--horizon-teal:#80206a;--horizon-lagoon:#a92b7d;--horizon-gold:#e6b761;--horizon-coral:#eb7b6f;--horizon-ivory:#fffcf7;--horizon-mist:#f6eaf0;--horizon-ink:#42183f;--horizon-muted:#984e7b;--horizon-line:rgba(16,92,102,.14)}
html{background:#f9f3f6!important}
body{color:var(--horizon-ink)!important;background:radial-gradient(circle at 5% 0,rgba(43,169,166,.16),transparent 28rem),radial-gradient(circle at 98% 8rem,rgba(230,189,97,.2),transparent 23rem),linear-gradient(180deg,#f8eef3 0%,#fffcf7 44%,#f6edf2 100%)!important}
body .top{background:rgba(247,252,251,.94)!important;border-color:var(--horizon-line)!important;box-shadow:0 10px 32px rgba(16,63,75,.07)!important}
body .brand strong{color:var(--horizon-navy)!important}body .brand img{border-radius:50%!important;border:1px solid rgba(230,189,97,.42)!important}
body .home{color:var(--horizon-teal)!important;background:#fff!important;border-color:var(--horizon-line)!important;box-shadow:0 8px 22px rgba(16,63,75,.06)!important}
body main{padding-top:24px!important}
body .hero{isolation:isolate;min-height:310px;display:flex!important;flex-direction:column;justify-content:center;padding:40px 42px!important;color:#fff!important;background:radial-gradient(circle at 84% 16%,rgba(230,189,97,.38),transparent 22%),radial-gradient(circle at 98% 100%,rgba(235,128,111,.22),transparent 27%),linear-gradient(132deg,#481244 0%,#6d1b5e 52%,#9f2879 100%)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:34px!important;box-shadow:0 30px 80px rgba(12,65,78,.25)!important}
body .hero:before{content:"✦  ◌  ✦"!important;right:34px!important;top:27px!important;color:rgba(255,231,167,.86)!important;font-size:1.05rem!important}
body .hero:after{content:"";position:absolute;z-index:-1;width:265px;height:265px;right:-74px;bottom:-112px;border:42px solid rgba(255,255,255,.08);border-radius:50%}
body .hero .kicker{width:max-content;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.22);color:#fde0ac!important}
body .hero h1{max-width:780px;color:#fff!important;font-size:clamp(2.8rem,8vw,5rem)!important;text-shadow:none!important;letter-spacing:-.025em}
body .hero h1 em{color:#fcda9d!important}body .hero p{max-width:720px;color:rgba(255,255,255,.84)!important;font-size:.92rem!important}
body .hero-stats{display:flex!important;flex-wrap:wrap!important;gap:9px!important}
body .hero .stat{display:inline-flex!important;width:auto!important;padding:10px 14px!important;color:#fff!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:999px!important;box-shadow:none!important;backdrop-filter:blur(9px)}
body .admin-note{background:#fef7eb!important;color:#6e5425!important;border:1px solid rgba(197,145,36,.25)!important;border-left:4px solid var(--horizon-gold)!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(90,66,18,.06)!important}
body .toolbar{margin-top:25px!important}body .tabs{padding:5px!important;background:rgba(255,255,255,.78)!important;border:1px solid var(--horizon-line);border-radius:999px}
body .tab,body .filter{color:#6e1c5f!important;background:#fff!important;border-color:var(--horizon-line)!important;box-shadow:none!important}
body .tab{border:0!important;background:transparent!important}body .tab.active,body .filter.active{color:#fff!important;background:linear-gradient(135deg,#6a1b5d,#972976)!important;box-shadow:0 9px 22px rgba(16,106,117,.2)!important}
body .new{color:#4a2145!important;background:linear-gradient(135deg,#e7b55a,#fddca2)!important;box-shadow:0 13px 28px rgba(190,139,33,.22)!important}
body .section-title{padding-top:8px;border-top:1px solid rgba(16,92,102,.09)}body .section-title h2,body .group h3{color:var(--horizon-navy)!important}
body .section-title span{background:#f2dfe8!important;color:#6d1b5e!important}body .mission-groups{gap:28px!important}
body .group h3 i{background:linear-gradient(145deg,#f3dfe9,#feeccd)!important;color:#731d62!important;box-shadow:0 8px 20px rgba(16,92,102,.11)!important}
body .cards{gap:16px!important}
body .task{padding:22px!important;background:linear-gradient(145deg,#ffffff 0%,#fcf7fa 65%,#fffaf0 100%)!important;border:1px solid var(--horizon-line)!important;border-radius:23px!important;box-shadow:0 15px 43px rgba(16,63,75,.09)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body .task:before{left:0!important;right:auto!important;top:0!important;bottom:0!important;width:6px!important;height:auto!important;background:linear-gradient(180deg,var(--horizon-lagoon),var(--horizon-gold),var(--horizon-coral))!important}
body .task:hover{transform:translateY(-4px);border-color:rgba(43,169,166,.34)!important;box-shadow:0 25px 60px rgba(16,63,75,.15)!important}
body .task h4{color:#491545!important;font-size:1.05rem!important}body .priority{background:#f4e4ec!important;color:#6d1b5e!important}
body .priority.critique{background:#fceae8!important;color:#af3f33!important}body .priority.tres{background:#feefd5!important;color:#936616!important}
body .chip{background:#f5eaf0!important;color:#6c375f!important}body .chip.public{background:#e4f5ec!important;color:#267249!important}body .chip.private{background:#f7ecf2!important;color:#8a5476!important}
body .details{color:var(--horizon-muted)!important;border-color:rgba(16,92,102,.18)!important}body .small{color:#701c60!important;background:#fff!important;border-color:var(--horizon-line)!important}
body .small:hover{background:#f7eaf0!important}body .small.primary,body .save{color:#fff!important;background:linear-gradient(135deg,#6a1b5d,#972976)!important}
body .sheet{background:#fcf7fa!important}body .field label{color:#701c60!important}body .field input,body .field select,body .field textarea{border-color:var(--horizon-line)!important}
body .bottom{background:rgba(248,252,251,.97)!important;border-color:var(--horizon-line)!important}body .bottom a.active{color:#80206a!important}
@media(max-width:700px){body main{padding:14px!important}body .hero{min-height:285px;padding:31px 22px!important;border-radius:28px!important}body .hero h1{font-size:3.15rem!important}body .hero:before{right:18px!important;top:18px!important}body .hero:after{width:170px;height:170px;right:-62px;bottom:-80px;border-width:28px}body .hero-stats{display:grid!important;grid-template-columns:1fr!important}body .hero .stat{width:100%!important;justify-content:center!important}body .tabs{display:grid!important;grid-template-columns:1fr 1fr;width:100%}body .tab{padding-inline:8px!important}body .task{padding:19px!important}}

/* Collection Jardin d'Aube — féminine, douce et lumineuse, sans rose dominant. */
:root{--dawn-plum:#5f3156;--dawn-violet:#b06a8d;--dawn-lilac:#efd3e1;--dawn-peach:#f7ddad;--dawn-champagne:#efcb8a;--dawn-berry:#b94d88;--dawn-cream:#fffbf4;--dawn-ink:#432c40;--dawn-muted:#796a7b;--dawn-line:rgba(91,49,95,.13)}
html{background:#fcf7fa!important}body{color:var(--dawn-ink)!important;background:radial-gradient(circle at 4% 0,rgba(221,211,239,.72),transparent 29rem),radial-gradient(circle at 98% 8rem,rgba(247,200,173,.45),transparent 24rem),linear-gradient(180deg,#fff9fc 0%,#fffbf4 48%,#faf1f5 100%)!important}
body .top{background:rgba(255,251,249,.94)!important;border-color:var(--dawn-line)!important;box-shadow:0 10px 34px rgba(91,49,95,.07)!important}body .brand strong{color:var(--dawn-plum)!important}body .home{color:var(--dawn-plum)!important;border-color:var(--dawn-line)!important}
body .hero{min-height:335px!important;padding:44px 44px!important;color:var(--dawn-ink)!important;background:radial-gradient(circle at 86% 15%,rgba(255,255,255,.78),transparent 20%),radial-gradient(circle at 12% 105%,rgba(247,200,173,.58),transparent 31%),linear-gradient(138deg,#fdeff6 0%,#f4dae7 46%,#f8e6c6 100%)!important;border:1px solid rgba(255,255,255,.94)!important;box-shadow:0 32px 85px rgba(91,49,95,.17)!important}
body .hero:before{content:""!important}body .hero:after{width:230px;height:230px;right:-62px;bottom:-92px;border:35px solid rgba(255,255,255,.3)}
body .hero .kicker{position:relative;z-index:2;color:var(--dawn-plum)!important;background:rgba(255,255,255,.64)!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 9px 25px rgba(91,49,95,.08)}
body .hero h1{position:relative;z-index:2;color:#502c4b!important;text-shadow:none!important}body .hero h1 em{color:var(--dawn-berry)!important}body .hero p{position:relative;z-index:2;color:#705a69!important;font-size:.94rem!important;line-height:1.68!important}
body .hero .stat{position:relative;z-index:2;color:#5b3554!important;background:rgba(255,255,255,.67)!important;border:1px solid rgba(255,255,255,.94)!important;box-shadow:0 10px 25px rgba(91,49,95,.07)!important}
.mission-stickers{position:absolute;inset:0;z-index:1;pointer-events:none}.mission-stickers span{position:absolute;display:grid;place-items:center;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.96);box-shadow:0 13px 28px rgba(91,49,95,.11);color:var(--dawn-berry)}.mission-stickers .sticker-flower{right:30px;top:27px;width:58px;height:58px;border-radius:20px;font-size:1.7rem;color:#d39e3d;transform:rotate(7deg)}.mission-stickers .sticker-heart{right:112px;bottom:35px;width:48px;height:48px;border-radius:50%;font-size:1.45rem;color:#b94d88;transform:rotate(-8deg)}.mission-stickers .sticker-sparkle{right:190px;top:38px;width:42px;height:42px;border-radius:15px;color:#a56186;transform:rotate(10deg)}.mission-stickers .sticker-bow{right:45px;bottom:95px;width:64px;height:46px;border-radius:18px;font-size:1.45rem;color:#a76b8a;transform:rotate(5deg)}
body .admin-note{background:linear-gradient(135deg,#fffcf8,#fef6e7)!important;color:#7a5d29!important;border-color:rgba(205,157,57,.25)!important;border-left-color:var(--dawn-champagne)!important}
body .tabs{border-color:var(--dawn-line)!important}body .tab,body .filter{color:var(--dawn-plum)!important;border-color:var(--dawn-line)!important}body .tab.active,body .filter.active{background:linear-gradient(135deg,#6e4663,#aa728e)!important;box-shadow:0 9px 23px rgba(91,49,95,.2)!important}
body .new{color:#58431d!important;background:linear-gradient(135deg,#ebbf6f,#fde0ab)!important}body .section-title h2,body .group h3{color:var(--dawn-plum)!important}body .section-title span{background:#f6e3ec!important;color:#734766!important}body .group h3 i{background:linear-gradient(145deg,#f8e5ee,#fef3de)!important;color:#7c4e6d!important}
body .task{background:linear-gradient(145deg,#fff 0%,#fff9fc 62%,#fff8ed 100%)!important;border-color:var(--dawn-line)!important;box-shadow:0 16px 44px rgba(91,49,95,.09)!important}body .task:before{background:linear-gradient(180deg,#b47695,#efc16f,#e8c078)!important}body .task:hover{border-color:rgba(140,106,176,.34)!important;box-shadow:0 26px 62px rgba(91,49,95,.15)!important}body .task h4{color:#50344b!important}
body .priority{background:#f6e7ee!important;color:#784e6b!important}body .chip{background:#f7edf2!important;color:#715a69!important}body .small{color:#6e4663!important;border-color:var(--dawn-line)!important}body .small:hover{background:#f9eff4!important}body .small.primary,body .save{background:linear-gradient(135deg,#6e4663,#a15d83)!important}body .bottom a.active{color:var(--dawn-berry)!important}
@media(max-width:700px){body .hero{min-height:365px!important;padding:32px 21px!important}body .hero h1{font-size:3rem!important;max-width:85%}.mission-stickers .sticker-flower{right:16px;top:17px;width:48px;height:48px}.mission-stickers .sticker-sparkle{display:none}.mission-stickers .sticker-heart{right:16px;bottom:26px}.mission-stickers .sticker-bow{right:68px;bottom:18px;width:52px;height:40px}body .hero-stats{padding-right:0!important}}

/* ===== css/sefa-unified-v10.css ===== */
/* SEFA V10 — finition globale. Chargée en dernier pour harmoniser sans toucher aux données. */
:root{--sefa-navy:#4a2045;--sefa-sage:#5aaa7f;--sefa-sage-soft:#e7f2ec;--sefa-blush:#f7dcea;--sefa-rose:#bd4f89;--sefa-champagne:#e8c078;--sefa-paper:#fffdf9;--sefa-ink:#3f213d;--sefa-muted:#6c747b;--sefa-border:rgba(32,55,74,.10);--sefa-shadow:0 16px 42px rgba(32,55,74,.10)}
html{background:#f7fbf9}body{color:var(--sefa-ink)!important;background:radial-gradient(circle at 3% 2%,rgba(111,149,136,.15),transparent 25%),radial-gradient(circle at 96% 8%,rgba(189,79,123,.10),transparent 23%),linear-gradient(180deg,#fbfbfb,#faf7f1 60%,#faf9fa)!important}
body,button,input,select,textarea{font-family:Manrope,Arial,sans-serif}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(111,149,136,.30)!important;outline-offset:3px}
.topbar,.top{background:rgba(255,253,249,.94)!important;border-color:var(--sefa-border)!important;box-shadow:0 8px 28px rgba(32,55,74,.07)!important;backdrop-filter:blur(18px)}
.topbar h2,.section-head h3,.section-title h2{color:var(--sefa-navy)!important}.topbar h2:after{background:linear-gradient(90deg,var(--sefa-sage),var(--sefa-rose))!important}
.sidebar{background:radial-gradient(circle at 95% 5%,rgba(232,201,120,.20),transparent 28%),linear-gradient(165deg,#3d173b,#5a2852 58%,#773d67)!important}.nav button.active,.nav button:hover,.nav a:hover{background:rgba(255,255,255,.14)!important}.brand h1{color:#feeed0!important}
.card,.quick,.action-card,.module-card,.commission-card,.task-card,.task,.report,.meeting,.form,.social-post,.chat,.channels,.admin-launcher button{background:rgba(255,253,249,.96)!important;border:1px solid var(--sefa-border)!important;box-shadow:var(--sefa-shadow)!important}
.quick i,.action-card i,.commission-card .icon,.group h3 i{background:linear-gradient(135deg,var(--sefa-sage-soft),#fef3e0)!important;color:#743c65!important}.quick b,.module-cta,.commission-card small{color:#743c65!important}
.btn.primary,.small.primary,.save,.tab.active,.filter.active,.filters .active{background:linear-gradient(135deg,#8a4773,#66315b)!important;color:#fff!important;box-shadow:0 12px 26px rgba(49,91,102,.22)!important}.btn.gold,.new{background:linear-gradient(135deg,#f5deb5,var(--sefa-champagne))!important;color:#54401c!important}.btn,.small,.tab,.filter{border-color:var(--sefa-border)!important}
input,select,textarea{min-height:46px;background:#fff!important;border:1px solid rgba(32,55,74,.15)!important;color:var(--sefa-ink)!important}input:focus,select:focus,textarea:focus{border-color:var(--sefa-sage)!important;box-shadow:0 0 0 4px rgba(111,149,136,.12)!important}
.pill,.chip,.detail-lead,.module-badge{background:var(--sefa-sage-soft)!important;color:#743c65!important}.pill.done,.chip.public{background:#e3f3ea!important;color:#2d6b4a!important}.pill.urgent,.priority.critique{background:#fdf0ef!important;color:#b34134!important}
.progressbar,.progress{background:#e8ece9!important}.progressbar span,.progress span{background:linear-gradient(90deg,var(--sefa-sage),var(--sefa-rose),var(--sefa-champagne))!important}
.mobile-nav,.bottom,.bottom-nav{background:rgba(255,253,249,.97)!important;border-top:1px solid var(--sefa-border)!important;box-shadow:0 -10px 30px rgba(32,55,74,.09)!important}.mobile-nav button.active,.mobile-nav a.active,.bottom a.active{color:#7f426d!important}
.toast{background:var(--sefa-navy)!important;color:#fff!important}
@media(max-width:760px){body{font-size:16px!important}.page,main{max-width:100%!important}.page{padding:14px 14px 108px!important}.topbar{min-height:66px!important}.section-head{margin-top:20px!important}.section-head h3,.section-title h2{font-size:1.65rem!important}.card,.task,.task-card,.module-card,.commission-card{border-radius:20px!important}.btn,.small{min-height:44px!important}.task-top{gap:8px!important}.task h4,.task-card h4{font-size:.96rem!important;line-height:1.38!important}.actions,.task-controls{gap:8px!important}.actions>*{flex:1 1 auto;text-align:center!important;justify-content:center!important}.mobile-nav span,.bottom span{font-size:.56rem!important}.mobile-nav i,.bottom i{font-size:1.05rem!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V11 — organisation opérationnelle */
.today-command{grid-column:1/-1;width:100%;margin:8px 0 0;padding:24px;border-radius:26px;background:linear-gradient(145deg,#fffdf9,#f0f8f4)!important;color:var(--sefa-ink)!important;border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 55px rgba(17,48,58,.16);text-align:left}.today-command-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.today-command-head>div>span{color:#8a4773;font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.today-command h2{margin:5px 0 4px;color:var(--sefa-navy);font:700 2.1rem/1 'Cormorant Garamond',serif}.today-command p{margin:0;color:var(--sefa-muted);font-size:.78rem}.today-command-head>a{color:#743c65;font-size:.73rem;font-weight:900;white-space:nowrap}.today-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.today-metrics>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;padding:12px;border-radius:17px;background:#fff;border:1px solid var(--sefa-border)}.today-metrics i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--sefa-sage-soft);color:#7f426d}.today-metrics b{font-size:1.15rem;line-height:1;color:var(--sefa-navy)}.today-metrics span{font-size:.58rem;color:var(--sefa-muted);font-weight:800}.today-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.today-panel{padding:16px;border-radius:19px;background:rgba(255,255,255,.76);border:1px solid var(--sefa-border)}.today-panel h3{margin:0 0 11px;color:var(--sefa-navy);font-size:.82rem}.today-panel h3 i{color:#8a4773;margin-right:6px}.command-task{display:block;padding:14px;border-radius:16px;background:#fff;color:var(--sefa-ink);border:1px solid var(--sefa-border)}.command-task b{display:block;margin:6px 0;font-size:.88rem}.command-task small{display:block;color:var(--sefa-muted);font-size:.66rem}.command-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--sefa-sage-soft);color:#743c65;font-size:.59rem;font-weight:900}.command-progress{height:7px;margin:12px 0 8px;border-radius:99px;background:#e8ece9;overflow:hidden}.command-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--sefa-sage),var(--sefa-rose))}.command-task strong{color:#743c65;font-size:.66rem}.progress-news,.admin-mission-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--sefa-border);color:var(--sefa-ink)}.progress-news:last-child,.admin-mission-row:last-child{border:0}.progress-news span,.admin-mission-row span{min-width:0;flex:1}.progress-news b,.admin-mission-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem}.progress-news small,.admin-mission-row small{display:block;color:var(--sefa-muted);font-size:.6rem;margin-top:3px}.progress-news>i,.admin-mission-row>i{color:#5aaa7f;font-size:.65rem}.command-empty{padding:18px;text-align:center;color:var(--sefa-muted);font-size:.74rem}.control-alerts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.control-alerts>div{padding:14px;border-radius:17px;background:linear-gradient(145deg,#f3f9f6,#fffaf2);border:1px solid var(--sefa-border)}.control-alerts b{display:block;color:var(--sefa-navy);font-size:1.45rem}.control-alerts span{color:var(--sefa-muted);font-size:.63rem;font-weight:800}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.control-grid>section{padding:15px;border:1px solid var(--sefa-border);border-radius:18px;background:#fff}.control-grid h4{margin:0 0 8px;color:var(--sefa-navy)}.admin-mission-row em{font-style:normal;padding:5px 8px;border-radius:999px;background:var(--sefa-sage-soft);color:#743c65;font-size:.62rem;font-weight:900}.tracking-blocked{background:#fdf0ef!important;color:#ab3e32!important;border-color:#f3c7c2!important}
@media(max-width:760px){.today-command{padding:18px 14px;border-radius:22px}.today-command-head{display:block}.today-command-head>a{display:inline-flex;margin-top:10px}.today-command h2{font-size:1.7rem}.today-metrics{grid-template-columns:repeat(2,1fr)}.today-metrics>div:last-child{grid-column:1/-1}.today-columns,.control-grid{grid-template-columns:1fr}.control-alerts{grid-template-columns:1fr 1fr}.tracking-actions{grid-template-columns:1fr 1fr!important}.tracking-blocked{grid-column:1/-1}.today-panel{padding:13px}}

/* V11.1 — contraste du tableau de travail après déplacement hors du compte à rebours */
.today-command{margin:18px 0!important;border-color:rgba(32,55,74,.09)!important;box-shadow:0 20px 55px rgba(17,48,58,.12)!important}.today-command *{text-shadow:none!important}.today-command h2,.today-command h3,.today-command b,.today-command strong{color:var(--sefa-navy)!important}.today-command p,.today-command small{color:var(--sefa-muted)!important}.today-command a{color:#743c65!important}.today-command .command-status{color:#743c65!important}.today-command .today-metrics span{color:var(--sefa-muted)!important}

/* V12 — identité officielle du nouveau logo SEFA */
:root{--sefa-navy:#4b1246;--sefa-sage:#a8327e;--sefa-sage-soft:#f7e8f0;--sefa-blush:#f5d9e7;--sefa-rose:#b43a83;--sefa-champagne:#ef9c06;--sefa-paper:#fffefb;--sefa-ink:#351134;--sefa-muted:#76616f;--sefa-border:rgba(75,18,63,.11);--sefa-shadow:0 16px 42px rgba(75,18,63,.11)}
body{background:radial-gradient(circle at 4% 2%,rgba(180,58,131,.13),transparent 25%),radial-gradient(circle at 95% 7%,rgba(245,168,0,.12),transparent 23%),linear-gradient(180deg,#fffefb,#fbf4f8 62%,#fffaf0)!important}.sidebar{background:radial-gradient(circle at 100% 0,rgba(245,168,0,.23),transparent 29%),linear-gradient(165deg,#2b082b,#55124e 58%,#7c1e68)!important}.sidebar .brand{display:block;padding:7px 6px 20px}.sidebar .brand img{width:100%;height:76px;object-fit:contain;background:#fff;border-radius:15px;padding:7px}.sidebar .brand>div{display:none}.top .brand img{width:150px!important;height:58px!important;object-fit:contain!important}.top .brand strong{display:none}.btn.primary,.small.primary,.save,.tab.active,.filter.active,.filters .active{background:linear-gradient(135deg,#4b1246,#b43a83)!important}.btn.gold,.new{background:linear-gradient(135deg,#fbca71,#ef9c06)!important}.quick i,.action-card i,.commission-card .icon,.group h3 i{background:linear-gradient(135deg,#f7e8f0,#feebca)!important;color:#922273!important}.progressbar span,.progress span,.command-progress i{background:linear-gradient(90deg,#4b1246,#b43a83,#ef9c06)!important}.mobile-nav button.active,.mobile-nav a.active,.bottom a.active{color:#a8327e!important}
.inbox-security{display:inline-flex;gap:6px;align-items:center;padding:7px 10px;border-radius:999px;background:#f7e8f0;color:#792066;font-size:.65rem;font-weight:900}.inbox-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px}.inbox-contacts{padding:12px;height:650px;overflow:auto}.inbox-search{position:relative;margin-bottom:10px}.inbox-search i{position:absolute;left:13px;top:15px;color:#a58c99}.inbox-search input{padding-left:38px}.inbox-person{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:0;border-radius:15px;background:transparent;text-align:left;color:var(--sefa-ink)}.inbox-person:hover,.inbox-person.active{background:#f8eaf1}.inbox-person>span:nth-child(2){min-width:0}.inbox-person b,.inbox-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-person b{font-size:.76rem}.inbox-person small{margin-top:3px;color:var(--sefa-muted);font-size:.59rem}.inbox-person em{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#b43a83;color:#fff;font-style:normal;font-size:.58rem;font-weight:900}.inbox-avatar{width:42px;height:42px;display:grid!important;place-items:center;border-radius:14px;background:linear-gradient(135deg,#4b1246,#b43a83);color:#fff;font-size:.7rem;font-weight:900}.inbox-chat{height:650px;overflow:hidden}.inbox-empty{height:100%;display:grid;place-content:center;text-align:center;padding:30px;color:var(--sefa-muted)}.inbox-empty i{font-size:2.4rem;color:#b43a83}.inbox-empty h3{margin:12px 0 4px;color:var(--sefa-ink)}#inboxConversation{height:100%;display:flex;flex-direction:column}#inboxConversation[hidden]{display:none}#inboxHead{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--sefa-border)}#inboxHead b,#inboxHead small{display:block}#inboxHead small{color:var(--sefa-muted);font-size:.62rem;margin-top:3px}.inboxMessages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:9px}.private-message{align-self:flex-start;max-width:78%;padding:10px 13px;border-radius:5px 17px 17px;background:#f2e8ed}.private-message.mine{align-self:flex-end;background:linear-gradient(135deg,#4b1246,#a8327e);color:#fff;border-radius:17px 5px 17px 17px}.private-message p{margin:0;font-size:.78rem;line-height:1.5;white-space:pre-wrap}.private-message small{display:block;margin-top:5px;font-size:.55rem;opacity:.65}.inboxComposer{display:grid;grid-template-columns:1fr 48px;gap:8px;padding:12px;border-top:1px solid var(--sefa-border)}.inboxComposer textarea{min-height:50px}.inboxComposer button{border:0;border-radius:15px;background:linear-gradient(135deg,#4b1246,#b43a83);color:#fff}.unread-dot:empty{display:none}.unread-dot:not(:empty){margin-left:auto;min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#ef9c06;color:#431040;font-size:.57rem}.notification-bell{position:relative;margin-left:8px}.notification-bell span:not(:empty){position:absolute;right:-5px;top:-7px;min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:#ef9c06;color:#431040;font-size:.55rem}.login-dashboard{margin-top:14px;padding:19px}.login-dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.login-dashboard-head span{color:#a8327e;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.login-dashboard-head h3{margin:5px 0 3px;color:#4b1246}.login-dashboard-head p{margin:0;color:var(--sefa-muted);font-size:.72rem}.login-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.login-summary>div{padding:13px;border-radius:15px;background:linear-gradient(145deg,#f8eaf1,#fef3e0)}.login-summary b,.login-summary span{display:block}.login-summary b{font-size:1.35rem;color:#4b1246}.login-summary span{font-size:.6rem;color:var(--sefa-muted);font-weight:800}.email-alert-settings{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:end;padding:14px;border-radius:17px;background:#fffaf0;border:1px solid rgba(245,168,0,.20)}.email-alert-settings label{display:block;margin-bottom:5px;color:#6b315e;font-size:.62rem;font-weight:900}.email-toggle{display:flex!important;align-items:center;gap:7px;padding-bottom:12px;white-space:nowrap}.email-toggle input{width:auto;min-height:auto}.login-table{margin-top:15px;overflow:auto}.login-table-head,.login-row{display:grid;grid-template-columns:1.3fr .8fr .8fr .8fr;gap:10px;min-width:700px;padding:10px;border-bottom:1px solid var(--sefa-border);align-items:center}.login-table-head{background:#f7e8f0;border-radius:12px;color:#702160;font-size:.62rem;font-weight:900;text-transform:uppercase}.login-row{font-size:.68rem}.login-row b,.login-row small{display:block}.login-row small{color:var(--sefa-muted);margin-top:2px}.login-row>span:last-child{color:var(--sefa-muted)}
@media(max-width:760px){.sidebar .brand img{height:70px}.inbox-layout{grid-template-columns:1fr}.inbox-contacts{height:auto;max-height:270px}.inbox-chat{height:58vh}.private-message{max-width:90%}.email-alert-settings{grid-template-columns:1fr}.email-toggle{padding:0}.login-dashboard-head{display:block}.login-dashboard-head button{margin-top:10px}.login-summary{grid-template-columns:1fr 1fr}.login-summary>div:last-child{grid-column:1/-1}}

/* V12.1 — administration mobile et centre de notifications */
.admin-control-card{padding:20px!important;overflow:hidden}.admin-control-card>h3{display:flex;flex-direction:column;gap:3px;margin:0 0 16px!important;color:#4b1246!important;font:700 1.7rem/1.05 'Cormorant Garamond',serif!important}.admin-control-card>h3 span{font:900 .6rem/1 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#b43a83}.admin-control-card .control-alerts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-control-card .control-alerts>div{min-width:0;background:linear-gradient(145deg,#fff,#fbecf3)!important;border-color:rgba(75,18,63,.09)!important}.admin-control-card .control-alerts b{color:#4b1246!important}.admin-control-card .control-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.admin-control-card .control-grid>section{min-width:0;padding:16px;border-radius:20px;background:#fffefb;box-shadow:0 10px 25px rgba(75,18,63,.05)}.admin-control-card .control-grid h4{display:flex;align-items:center;gap:7px;margin-bottom:10px!important;font-size:.83rem!important}.admin-control-card .admin-mission-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto 14px!important;gap:8px!important;padding:12px 4px!important;min-width:0!important}.admin-control-card .admin-mission-row span{display:block!important;min-width:0!important}.admin-control-card .admin-mission-row b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:1.35!important}.admin-control-card .admin-mission-row small{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.4!important}.admin-control-card .admin-mission-row em{white-space:nowrap}
.notification-panel{position:fixed;z-index:1000;right:18px;top:78px;width:min(410px,calc(100vw - 24px));max-height:min(720px,calc(100vh - 100px));display:flex;flex-direction:column;background:rgba(255,253,251,.98);border:1px solid rgba(75,18,63,.12);border-radius:24px;box-shadow:0 28px 90px rgba(52,9,43,.28);opacity:0;visibility:hidden;transform:translateY(-12px) scale(.98);transition:.2s;overflow:hidden}.notification-panel.open{opacity:1;visibility:visible;transform:none}.notification-panel header{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid rgba(75,18,63,.09);background:linear-gradient(135deg,#fff8fb,#fef7e9)}.notification-panel header span{display:block;color:#b43a83;font-size:.57rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.notification-panel header h3{margin:3px 0 0;color:#4b1246;font:700 1.65rem/1 'Cormorant Garamond',serif}.notification-panel header button{width:38px;height:38px;border:0;border-radius:12px;background:#fff;color:#741c63}.notification-items{overflow:auto;padding:8px}.notification-item{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px;border:0;border-radius:16px;background:transparent;text-align:left;color:#351134}.notification-item:hover{background:#f9edf3}.notification-item.unread{background:linear-gradient(135deg,#faeaf2,#fef6e7)}.notification-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#4b1246,#b43a83);color:#fff}.notification-item>span:last-child{min-width:0}.notification-item b,.notification-item small,.notification-item time{display:block}.notification-item b{font-size:.75rem}.notification-item small{margin-top:3px;color:#725d6b;font-size:.65rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.notification-item time{margin-top:6px;color:#a08d99;font-size:.55rem}.notification-panel footer{padding:10px;border-top:1px solid rgba(75,18,63,.09)}.notification-panel footer:empty{display:none}.notification-panel footer button{width:100%;padding:11px;border:0;border-radius:13px;background:#f7e8f0;color:#742063;font-weight:900;font-size:.67rem}.notification-empty{display:grid;place-items:center;text-align:center;padding:42px 20px;color:#86717e}.notification-empty i{font-size:2rem;color:#c58eaa}.notification-empty b{margin-top:10px;color:#4b1246}.notification-empty span{margin-top:4px;font-size:.65rem}.notification-bell{flex:0 0 auto!important}
@media(max-width:760px){.admin-control-card{padding:14px!important;border-radius:20px!important}.admin-control-card>h3{font-size:1.45rem!important}.admin-control-card .control-alerts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-control-card .control-alerts>div{padding:12px!important}.admin-control-card .control-alerts span{display:block!important;white-space:normal!important;line-height:1.3!important}.admin-control-card .control-grid{grid-template-columns:1fr!important}.admin-control-card .control-grid>section{padding:13px!important;width:100%!important;max-width:100%!important}.admin-control-card .admin-mission-row{grid-template-columns:minmax(0,1fr) auto 12px!important}.notification-panel{right:8px;top:70px;width:calc(100vw - 16px);max-height:calc(100dvh - 84px);border-radius:21px}.notification-panel header{padding:14px}.notification-items{padding:6px}.notification-item{padding:11px 9px}}

.member-profile{display:flex!important;flex-direction:column!important;align-items:center!important}.member-profile small{display:block!important;line-height:1.45!important}.member-contact{width:100%;min-height:42px;margin-top:auto;padding:10px 12px;border:0;border-radius:13px;background:linear-gradient(135deg,#4b1246,#b43a83);color:#fff;font-size:.66rem;font-weight:900}.member-contact i{margin-right:5px}.email-completion{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:18px;background:rgba(43,8,37,.58);backdrop-filter:blur(12px)}.email-completion section{width:min(470px,100%);padding:25px;border-radius:28px;background:#fffefb;box-shadow:0 35px 100px rgba(43,8,37,.35)}.email-completion img{display:block;width:260px;max-width:100%;height:95px;margin:auto;object-fit:contain}.email-completion section>span{display:block;margin-top:8px;color:#b43a83;font-size:.62rem;font-weight:900;letter-spacing:.14em;text-align:center;text-transform:uppercase}.email-completion h2{margin:7px 0;color:#4b1246;text-align:center;font:700 2rem/1 'Cormorant Garamond',serif}.email-completion p{color:#76616f;font-size:.78rem;line-height:1.55;text-align:center}.email-completion label{display:block;margin:15px 0 6px;color:#6f1a60;font-size:.64rem;font-weight:900}.email-completion button{width:100%;min-height:50px;margin-top:12px;border:0;border-radius:15px;background:linear-gradient(135deg,#4b1246,#b43a83);color:#fff;font-weight:900}.email-completion small{display:block;margin-top:11px;color:#8b7884;font-size:.59rem;line-height:1.45;text-align:center}

/* V14 — navigation stable et nouvel accueil mobile-first */
html,body{max-width:100%;overflow-x:hidden!important;scroll-behavior:auto!important}body{background-attachment:scroll!important}.main{min-width:0!important}.sidebar{display:flex!important;flex-direction:column!important;height:100dvh!important;max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}.sidebar .brand{flex:0 0 auto}.sidebar .nav{flex:1 0 auto;padding-bottom:18px}.sidebar .profile{position:static!important;inset:auto!important;flex:0 0 auto;margin-top:auto!important}.sidebar-open{overflow:hidden!important}.page>*{min-width:0}img,svg{max-width:100%}
#dashboard.home-v14-active>*{display:none!important}#dashboard.home-v14-active>.home-v14{display:block!important}.home-v14{--h-plum:#4b1246;--h-pink:#b43a83;--h-gold:#ef9c06;display:grid!important;gap:16px}.home-v14-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:24px;min-height:310px;padding:clamp(25px,4vw,48px);border-radius:34px;background:radial-gradient(circle at 88% 15%,rgba(255,207,74,.40),transparent 25%),linear-gradient(135deg,#340834 0%,#741763 62%,#b33782 100%);color:#fff;box-shadow:0 28px 70px rgba(75,18,63,.23)}.home-v14-hero:after{content:"";position:absolute;width:300px;height:300px;right:-120px;bottom:-170px;border:1px solid rgba(255,255,255,.22);border-radius:50%}.home-v14-kicker{display:flex;align-items:center;gap:8px;color:#fbca71;font-size:.65rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.home-v14-hero h1{max-width:760px;margin:12px 0 13px;font:700 clamp(2.35rem,5vw,4.8rem)/.92 'Cormorant Garamond',serif}.home-v14-hero p{max-width:660px;margin:0;color:rgba(255,255,255,.82);font-size:.88rem;line-height:1.7}.home-v14-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.home-v14-actions button{min-height:46px;padding:0 16px;border:0;border-radius:14px;font-weight:900}.home-v14-actions .main-cta{background:linear-gradient(135deg,#fbca71,#ef9c06);color:#4b1246}.home-v14-actions .soft-cta{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);color:#fff}.home-v14-signature{align-self:center;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.10);backdrop-filter:blur(12px)}.home-v14-signature img{display:block;width:100%;height:86px;object-fit:contain;background:#fff;border-radius:16px;padding:8px}.home-v14-signature span{display:block;margin-top:13px;color:rgba(255,255,255,.72);font-size:.65rem;line-height:1.5}.home-v14-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.home-v14-metric{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;padding:15px;border-radius:20px;background:#fffefb;border:1px solid var(--sefa-border);box-shadow:0 14px 32px rgba(75,18,63,.07)}.home-v14-metric i{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#f8e8f0,#feebca);color:#982676}.home-v14-metric b,.home-v14-metric span{display:block}.home-v14-metric b{color:#4b1246;font-size:1.25rem}.home-v14-metric span{margin-top:2px;color:#806c79;font-size:.62rem;font-weight:800}.home-v14-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px}.home-v14-panel{min-width:0;padding:22px;border-radius:27px;background:#fffefb;border:1px solid var(--sefa-border);box-shadow:0 18px 45px rgba(75,18,63,.08)}.home-v14-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.home-v14-title span{color:#b43a83;font-size:.59rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.home-v14-title h2{margin:4px 0 0;color:#4b1246;font:700 1.8rem/1 'Cormorant Garamond',serif}.home-v14-title button{border:0;background:#f7e8f0;color:#7b1e67;padding:9px 11px;border-radius:12px;font-size:.64rem;font-weight:900}.home-v14-priority{padding:18px;border-radius:20px;background:linear-gradient(145deg,#fff8fb,#fef6e8);border:1px solid rgba(180,58,131,.10)}.home-v14-priority h3{margin:9px 0 7px;color:#42103f;font-size:1rem;line-height:1.4}.home-v14-priority p{margin:0;color:#7d6876;font-size:.7rem;line-height:1.55}.home-v14-progress{height:9px;margin:17px 0 8px;border-radius:99px;background:#eadfe4;overflow:hidden}.home-v14-progress i{display:block;height:100%;background:linear-gradient(90deg,#4b1246,#b43a83,#ef9c06)}.home-v14-progress-label{display:flex;justify-content:space-between;color:#7b1e67;font-size:.62rem;font-weight:900}.home-v14-empty{padding:28px;text-align:center;color:#806c79;font-size:.75rem}.home-v14-messenger{padding:0;overflow:hidden}.home-v14-messenger-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#4b1246,#8f2472);color:#fff}.home-v14-messenger-head>div{display:flex;align-items:center;gap:10px}.home-v14-messenger-head i{width:39px;height:39px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.14)}.home-v14-messenger-head b,.home-v14-messenger-head small{display:block}.home-v14-messenger-head small{margin-top:3px;color:rgba(255,255,255,.7);font-size:.58rem}.home-v14-messenger-head button{border:0;border-radius:12px;background:#ef9c06;color:#4b1246;padding:9px 11px;font-size:.62rem;font-weight:900}.home-v14-people{display:grid;gap:3px;padding:9px}.home-v14-person{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:0;border-radius:15px;background:transparent;text-align:left;color:#351134}.home-v14-person:hover{background:#faedf3}.home-v14-person .avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#4b1246,#b43a83);color:#fff;font-size:.69rem;font-weight:900}.home-v14-person span{min-width:0}.home-v14-person b,.home-v14-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-v14-person b{font-size:.72rem}.home-v14-person small{margin-top:3px;color:#806c79;font-size:.58rem}.home-v14-person em{min-width:22px;height:22px;display:grid;place-items:center;border-radius:99px;background:#ef9c06;color:#4b1246;font-style:normal;font-size:.57rem;font-weight:900}.home-v14-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-v14-link{position:relative;overflow:hidden;min-height:145px;padding:20px;border:1px solid var(--sefa-border);border-radius:23px;background:#fffefb;text-align:left;color:#351134;box-shadow:0 14px 35px rgba(75,18,63,.06)}.home-v14-link i{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#f8e8f0,#fde9c4);color:#982676}.home-v14-link b,.home-v14-link span{display:block}.home-v14-link b{margin-top:15px;font-size:.82rem}.home-v14-link span{margin-top:5px;color:#806c79;font-size:.62rem;line-height:1.5}.home-v14-link:after{content:"→";position:absolute;right:18px;top:18px;color:#a8327e;font-weight:900}
@media(max-width:1000px){.sidebar{width:min(310px,88vw)!important}.home-v14-hero,.home-v14-grid{grid-template-columns:1fr}.home-v14-signature{display:none}.home-v14-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body:before,body:after,.ambient-bubbles,.dream-decor{display:none!important}.page.active>*{animation:none!important}.home-v14{gap:12px}.home-v14-hero{min-height:auto;padding:26px 20px;border-radius:26px}.home-v14-hero h1{font-size:2.65rem}.home-v14-hero p{font-size:.78rem}.home-v14-actions button{width:100%}.home-v14-metrics{gap:8px}.home-v14-metric{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:11px;border-radius:17px}.home-v14-metric i{width:38px;height:38px;border-radius:13px}.home-v14-metric b{font-size:1.05rem}.home-v14-panel{padding:16px;border-radius:22px}.home-v14-title h2{font-size:1.5rem}.home-v14-grid{grid-template-columns:1fr}.home-v14-links{grid-template-columns:1fr}.home-v14-link{min-height:112px}.home-v14-messenger-head{padding:15px}.home-v14-person{padding:9px 7px}}

/* V15 — accueil complet, accès simple à la messagerie et navigation retour */
#dashboard.home-v14-active>*{display:revert!important}#dashboard.home-v14-active>.home-v14{display:grid!important}#dashboard.home-v14-active>.welcome,#dashboard.home-v14-active>.sefa-countdown,#dashboard.home-v14-active>.today-command{display:none!important}.home-v14-messenger{display:none!important}.home-v14-grid{grid-template-columns:1fr}.home-v14-priority{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.home-v14-priority:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(75,18,63,.10)}.home-v14-priority:after{content:"Appuyer pour mettre à jour →";display:block;margin-top:13px;color:#8f2472;font-size:.63rem;font-weight:900}.portal-back{display:none;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid rgba(75,18,63,.10);border-radius:12px;background:#fff;color:#741c63;font-size:.66rem;font-weight:900}.portal-back.visible{display:inline-flex}.inbox-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;border:0;border-radius:13px;padding:10px 13px;background:#f7e8f0;color:#741c63;font-weight:900}.home-v14-hero h1{letter-spacing:-.025em}.home-v14-rest-label{margin:28px 0 4px;padding:19px 4px 0;border-top:1px solid var(--sefa-border)}.home-v14-rest-label span{color:#b43a83;font-size:.61rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.home-v14-rest-label h2{margin:5px 0;color:#4b1246;font:700 2rem/1 'Cormorant Garamond',serif}.notification-item-wrap{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:3px;border-radius:16px}.notification-item-wrap:hover{background:#f9edf3}.notification-item-wrap .notification-item{min-width:0}.notification-delete{width:34px;height:34px;border:0;border-radius:11px;background:#fff0f8;color:#a23b7c}.notification-delete:hover{background:#a23b7c;color:#fff}
@media(max-width:760px){.topbar{gap:7px;padding:0 10px!important}.topbar>div{min-width:0}.topbar h2{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-back{padding:0 9px}.portal-back span{display:none}.home-v14-rest-label{margin-top:20px}.eventflow-grid,.home-actions-v3{grid-template-columns:1fr!important}.eventflow-showcase,.committee-flow-home,.aisha-home-mini{max-width:100%!important;overflow:hidden}.flow-card,.module-card{min-width:0!important}.form,.mission-tracking{transform:none!important;animation:none!important;transition:none!important}}

/* V16 — accueil compact organisé en hub */
#dashboard>.quick-grid{display:none!important}.home-actions-v3{display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:4px 2px 13px;margin-top:12px;overscroll-behavior-inline:contain}.home-actions-v3>.module-card{flex:0 0 min(310px,82vw)!important;min-height:180px!important;scroll-snap-align:start}.committee-flow-home{max-height:430px;overflow:hidden}.eventflow-showcase{padding:26px!important}.eventflow-head{margin-bottom:14px!important}.eventflow-head p{max-width:680px}.initiative-toolbar{position:relative;z-index:2;display:grid;grid-template-columns:minmax(210px,1fr) auto;gap:12px;align-items:center;margin:17px 0}.initiative-search{position:relative}.initiative-search i{position:absolute;left:14px;top:15px;color:#9c6c86}.initiative-search input{width:100%;min-height:47px;padding:0 14px 0 40px;border:1px solid rgba(255,255,255,.24)!important;border-radius:15px!important;background:rgba(255,255,255,.96)!important}.initiative-categories{display:flex;gap:7px;overflow-x:auto;padding:3px 0}.initiative-categories button{flex:0 0 auto;min-height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:.62rem;font-weight:900;white-space:nowrap}.initiative-categories button.active{background:linear-gradient(135deg,#fbc96f,#ef9c06);border-color:transparent;color:#4b1246}.flow-card.initiative-hidden{display:none!important}.initiative-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:17px}.initiative-footer button{min-height:45px;padding:0 17px;border:0;border-radius:14px;background:#fff;color:#741c63;font-weight:900}.initiative-count{color:rgba(255,255,255,.72);font-size:.63rem;font-weight:800}.aisha-home-mini{padding:17px!important}.aisha-mini-copy p{margin-bottom:8px!important}.eventflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.flow-card{min-height:205px!important}.flow-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.eventflow-main-cta{margin-top:14px!important}.home-v14-rest-label h2{font-size:1.75rem}.section-head{margin-top:20px}
@media(max-width:980px){.initiative-toolbar{grid-template-columns:1fr}.eventflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.home-actions-v3{display:flex!important}.home-actions-v3>.module-card{flex-basis:84vw!important}.committee-flow-home{max-height:360px}.eventflow-showcase{padding:18px 14px!important}.eventflow-head h3{font-size:2.2rem!important}.eventflow-head p{font-size:.8rem!important;line-height:1.5!important}.initiative-toolbar{margin:13px 0 15px}.initiative-categories{margin-right:-14px}.eventflow-grid{grid-template-columns:1fr!important}.flow-card{min-height:0!important}.initiative-footer{flex-direction:column}.initiative-footer button{width:100%}.aisha-home-mini{padding:14px!important}.aisha-mini-suggestions{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important}.aisha-mini-suggestions button{flex:0 0 auto}.home-v14-links{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory}.home-v14-link{flex:0 0 82vw;scroll-snap-align:start}}

/* V17 — clics fiables et fiches lisibles */
.home-v14-hero:after,.welcome:after,.eventflow-showcase:before,.eventflow-showcase:after,.flow-card:before,.task:before{pointer-events:none!important}.home-v14-actions,.home-v14-grid,.home-v14-links,.committee-flow-head,.committee-flow-grid,.home-actions-v3,.initiative-toolbar,.eventflow-grid,.eventflow-main-cta{position:relative;z-index:3}.home-v14 button,.home-v14 a,.committee-flow-home a,.home-actions-v3 a,.eventflow-showcase a{pointer-events:auto!important}.committee-flow-home{max-height:none!important;overflow:visible!important}.committee-flow-grid{display:flex!important;grid-template-columns:none!important;gap:11px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:3px 2px 12px}.committee-flow-card{flex:0 0 min(390px,86vw)!important;scroll-snap-align:start;min-width:0!important}.task-card,.mission-tracking,.mission-upload{isolation:isolate}.task-card button,.task-card a,.mission-tracking button,.mission-upload button,.mission-upload a{position:relative;z-index:2;pointer-events:auto!important}
@media(max-width:760px){.committee-flow-home{max-height:none!important}.committee-flow-card{flex-basis:88vw!important}.home-v14-title{align-items:flex-start}.home-v14-title button{min-height:42px}.mission-tracking,.mission-upload{width:100%!important;max-width:100%!important;overflow:hidden!important}.tracking-field,.tracking-actions,.upload-row{min-width:0!important}.tracking-field input,.tracking-field select{font-size:16px!important}}
.home-v14-metric.metric-clickable{cursor:pointer;position:relative;transition:transform .16s ease,box-shadow .16s ease}.home-v14-metric.metric-clickable:hover,.home-v14-metric.metric-clickable:focus-visible{transform:translateY(-3px);box-shadow:0 18px 38px rgba(75,18,63,.15)!important;outline:3px solid rgba(180,58,131,.18)}.home-v14-metric.metric-clickable:after{content:"Voir";position:absolute;right:11px;top:8px;color:#a8327e;font-size:.53rem;font-weight:900;text-transform:uppercase}

/* V21 — résumés élégants, rapports centralisés et membres compacts */
.mission-summary-page{padding-bottom:120px!important}.summary-back{border:0;background:transparent;color:#8b2270;font-weight:900;padding:10px 0;margin-bottom:10px;cursor:pointer}.summary-hero{position:relative;overflow:hidden;padding:30px;border-radius:32px;background:radial-gradient(circle at 90% 10%,rgba(239,207,123,.28),transparent 25%),linear-gradient(145deg,#4b0d47,#7d1f68);color:#fff;box-shadow:0 24px 58px rgba(80,16,68,.20)}.summary-hero>span{display:inline-flex;gap:7px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.summary-hero h1{margin:14px 0 7px;font:700 clamp(2.5rem,6vw,4.5rem)/.9 'Cormorant Garamond',serif}.summary-hero p{margin:0;max-width:680px;color:rgba(255,255,255,.82);line-height:1.6}.summary-done{background:radial-gradient(circle at 90% 10%,rgba(255,232,174,.32),transparent 25%),linear-gradient(145deg,#5d1754,#aa397f)}.summary-priority{background:radial-gradient(circle at 90% 10%,rgba(255,232,174,.35),transparent 25%),linear-gradient(145deg,#55124e,#923374)}.summary-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:14px 0}.summary-overview>div{padding:16px 18px;border-radius:20px;background:#fff;border:1px solid rgba(169,47,112,.10);box-shadow:0 12px 30px rgba(101,35,79,.07)}.summary-overview b{display:block;color:#8b2270;font:700 1.8rem 'Cormorant Garamond',serif}.summary-overview span{color:#806b79;font-size:.67rem;font-weight:800}.summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-mission{padding:18px;border-radius:24px;background:linear-gradient(145deg,#fff,#fff8fb);border:1px solid rgba(169,47,112,.10);box-shadow:0 14px 34px rgba(101,35,79,.07)}.summary-mission-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:start}.summary-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#fde5f1,#feeac6);color:#9c2d78}.summary-mission small{color:#a5327c;font-weight:900;font-size:.6rem}.summary-mission h3{margin:4px 0;color:#42173f;font-size:.9rem;line-height:1.35}.summary-mission p{margin:0;color:#806b79;font-size:.66rem}.summary-mission-top>b{color:#8b2270}.summary-progress{height:7px;margin:14px 0 11px;border-radius:999px;background:#f0e6eb;overflow:hidden}.summary-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d64f93,#efc67b)}.summary-mission>a{display:flex;justify-content:space-between;color:#8b2270;text-decoration:none;font-size:.69rem;font-weight:900}.summary-empty{grid-column:1/-1;padding:38px;text-align:center;border-radius:26px;background:#fff;color:#806b79}.summary-empty i{font-size:1.5rem;color:#d64f93}.summary-empty h3{color:#42173f}.summary-footer{text-align:center;margin-top:18px}.reports-archive-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;margin-bottom:15px;border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(239,207,123,.28),transparent 28%),linear-gradient(145deg,#4b0d47,#84246c);color:#fff;box-shadow:0 20px 48px rgba(80,16,68,.18)}.reports-archive-intro span{font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fddfaa}.reports-archive-intro h2{margin:8px 0 5px;font:700 2.3rem/1 'Cormorant Garamond',serif}.reports-archive-intro p{margin:0;color:rgba(255,255,255,.8);font-size:.78rem}.reports-grid-v21{display:block!important}.report-composer-v21{position:relative;margin-bottom:16px;background:linear-gradient(145deg,#fff,#fff7fb)!important}.report-composer-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f8eaf1;color:#8b2270;cursor:pointer}.report-composer-v21[hidden],.member-editor-v21[hidden]{display:none!important}.reports-archive-v21 #reportFilters{margin:4px 0 12px}.reports-archive-v21 #reportList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-manager-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 2px 18px;border-bottom:1px solid rgba(169,47,112,.10)}.member-manager-head span{color:#a8327e;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.member-manager-head h3{margin:5px 0 2px;font:700 2rem 'Cormorant Garamond',serif}.member-manager-head p{margin:0;color:#806b79;font-size:.72rem}.member-editor-v21{position:relative;margin:16px 0;padding:18px;border-radius:22px;background:linear-gradient(145deg,#fff8fb,#fffaf2);border:1px solid rgba(169,47,112,.12)}.member-directory-v21{margin-top:16px!important}.member-directory-v21 .admin-row{background:#fff;padding:14px 16px;border-radius:18px}
@media(max-width:760px){.summary-hero{padding:23px 18px;border-radius:27px}.summary-hero h1{font-size:2.75rem}.summary-overview{grid-template-columns:repeat(3,1fr);gap:7px}.summary-overview>div{padding:12px 9px}.summary-overview b{font-size:1.4rem}.summary-overview span{font-size:.55rem}.summary-list,.reports-archive-v21 #reportList{grid-template-columns:1fr}.summary-mission{padding:15px}.reports-archive-intro,.member-manager-head{display:block;padding:20px}.reports-archive-intro .btn,.member-manager-head .btn{width:100%;margin-top:15px}.reports-archive-intro h2{font-size:1.9rem}.member-manager-head{padding:5px 2px 18px}.member-directory-v21 .admin-row{align-items:flex-start}.member-directory-v21 .btn{flex:0 0 auto}}

/* V22 — notifications administratives rangées */
.admin-notifications-launcher-v22{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:14px;padding:16px 18px;border:1px solid rgba(169,47,112,.11);border-radius:22px;background:linear-gradient(145deg,#fff,#fff7fb);color:#42173f;text-align:left;box-shadow:0 14px 34px rgba(101,35,79,.08);cursor:pointer}.admin-notifications-launcher-v22>span:nth-child(2){min-width:0}.admin-notifications-launcher-v22 b{display:block;font-size:.85rem}.admin-notifications-launcher-v22 small{display:block;margin-top:4px;color:#806b79;font-size:.65rem}.admin-notification-icon{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fde5f1,#feeac6);color:#9c2d78}.admin-notification-icon em{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#d64f93;color:#fff;font-style:normal;font-size:.56rem;font-weight:900}.admin-notifications-details-v22{margin-top:10px!important}.admin-notifications-details-v22[hidden]{display:none!important}.notification-panel footer{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.notification-panel footer>button{flex:1 1 auto!important}.notification-clear-all-v22{background:#fff0f8!important;color:#a1247a!important;border:1px solid rgba(161,36,88,.13)!important}.notification-clear-all-v22:hover{background:#ffe2f0!important}
@media(max-width:760px){.admin-notifications-launcher-v22{padding:14px;border-radius:19px}.admin-notifications-launcher-v22 small{white-space:normal;line-height:1.4}.notification-panel footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}}

/* V23 — fichier de rapport obligatoire */
.report-file-field-v23{margin:14px 0}.report-file-field-v23>label:first-child{display:flex!important;align-items:center;justify-content:space-between}.report-file-field-v23>label strong{padding:5px 8px;border-radius:999px;background:#fff0f8;color:#b32f81;font-size:.56rem}.report-file-picker-v23{display:flex!important;align-items:center;gap:13px;min-height:94px;padding:16px!important;border:1.5px dashed rgba(169,47,112,.30)!important;border-radius:20px!important;background:linear-gradient(145deg,#fff9fc,#fffaf1)!important;color:#42173f!important;cursor:pointer;transition:.18s ease}.report-file-picker-v23:hover{border-color:#d64f93!important;transform:translateY(-2px)}.report-file-picker-v23>i{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fde5f1,#feeac6);color:#9c2d78;font-size:1.1rem}.report-file-picker-v23 span{min-width:0}.report-file-picker-v23 b{display:block;font-size:.78rem}.report-file-picker-v23 small{display:block;margin-top:4px;color:#806b79;font-size:.61rem;line-height:1.4}.report-file-field-v23 input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.report-file-field-v23 input[type=file]:focus+.report-file-picker-v23{outline:3px solid rgba(214,79,145,.18)}#reportFileNameV23{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;align-items:center;margin-top:9px;padding:0 4px;color:#42815f}#reportFileNameV23 i{grid-row:1/3}#reportFileNameV23 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}#reportFileNameV23 small{font-size:.58rem;color:#806b79}.report-download-v23{margin-top:11px!important;background:linear-gradient(135deg,#feebca,#f6cb7e)!important;color:#5d4313!important;border:0!important}

/* V24 — retards et rapports dans le résumé d’accueil */
.home-v14-metrics:has([data-home-extra]){grid-template-columns:repeat(3,minmax(0,1fr))}.home-metric-late-v24{background:linear-gradient(145deg,#fef9f9,#fff1f8)!important;border-color:rgba(190,54,91,.14)!important}.home-metric-late-v24>i{background:linear-gradient(145deg,#ffe0f0,#feebca)!important;color:#b52d82!important}.home-metric-reports-v24{background:linear-gradient(145deg,#fffcf8,#fef6e6)!important;border-color:rgba(207,163,56,.18)!important}.home-metric-reports-v24>i{background:linear-gradient(145deg,#feebca,#ffe0f0)!important;color:#8b6013!important}.summary-late{background:radial-gradient(circle at 90% 10%,rgba(255,224,155,.32),transparent 25%),linear-gradient(145deg,#54114d,#a72e7d)}.summary-mission-actions{display:flex;align-items:center;justify-content:space-between;gap:9px}.summary-mission-actions>a{color:#8b2270;text-decoration:none;font-size:.69rem;font-weight:900}.summary-mission-actions>button{border:0;border-radius:999px;padding:9px 12px;background:linear-gradient(135deg,#8b2270,#d64f93);color:#fff;font-size:.62rem;font-weight:900;cursor:pointer}.summary-mission-actions>button:disabled{opacity:.75}
@media(max-width:1000px){.home-v14-metrics:has([data-home-extra]){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V25 — relances e-mail et WhatsApp */
.inactive-members-v25{margin:14px 0;padding:20px;border-radius:25px;background:linear-gradient(145deg,#fffafd,#fffaf2);border:1px solid rgba(169,47,112,.11);box-shadow:0 14px 34px rgba(101,35,79,.07)}.inactive-members-v25 header span{display:inline-flex;align-items:center;gap:7px;color:#258b55;font-size:.63rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.inactive-members-v25 header h3{margin:7px 0 4px;color:#42173f;font:700 2rem/1 'Cormorant Garamond',serif}.inactive-members-v25 header p{margin:0;color:#806b79;font-size:.7rem}.inactive-member-list-v25{display:grid;gap:8px;margin-top:15px}.inactive-member-list-v25 article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border-radius:18px;background:#fff;border:1px solid rgba(169,47,112,.08)}.inactive-avatar-v25{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#fde5f1,#feeac6);color:#8b2270;font-weight:900}.inactive-member-list-v25 b,.inactive-member-list-v25 small{display:block}.inactive-member-list-v25 b{font-size:.74rem;color:#42173f}.inactive-member-list-v25 small{margin-top:3px;color:#806b79;font-size:.59rem}.inactive-actions-v25{display:flex;gap:6px}.inactive-actions-v25 button,.inactive-actions-v25 a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 11px;border:0;border-radius:999px;text-decoration:none;font-size:.61rem;font-weight:900;cursor:pointer}.inactive-actions-v25 button{background:#f8e8f0;color:#8b2270}.inactive-actions-v25 a{background:#e2f8ec;color:#1c6f43}.inactive-actions-v25 button:disabled{opacity:.7}
@media(max-width:760px){.inactive-members-v25{padding:15px;border-radius:21px}.inactive-member-list-v25 article{grid-template-columns:40px minmax(0,1fr)}.inactive-actions-v25{grid-column:1/-1}.inactive-actions-v25 button,.inactive-actions-v25 a{flex:1;justify-content:center}.inactive-members-v25 header h3{font-size:1.7rem}}

/* V27 — relances des tâches en retard par WhatsApp */
.summary-mission-actions{flex-wrap:wrap}.summary-mission-actions .late-whatsapp-v27{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:#e2f8ec;color:#1c6f43;text-decoration:none;font-size:.62rem;font-weight:900}.summary-mission-actions .late-whatsapp-v27:hover{background:#cef1de}.summary-mission-actions .late-whatsapp-v27 i{font-size:.8rem}
@media(max-width:760px){.summary-mission-actions>a:first-child{width:100%;margin-bottom:3px}.summary-mission-actions>button,.summary-mission-actions .late-whatsapp-v27{flex:1;justify-content:center;white-space:nowrap}}

/* V28 — un seul geste pour l’e-mail et WhatsApp */
.summary-mission-actions .late-combined-v28{background:linear-gradient(135deg,#218650,#36b571)!important;color:#fff!important;box-shadow:0 8px 20px rgba(28,139,80,.18)}.summary-mission-actions .late-combined-v28:disabled{opacity:.78}
.inactive-actions-v25 .inactive-combined-v28{background:linear-gradient(135deg,#218650,#36b571)!important;color:#fff!important;box-shadow:0 8px 20px rgba(28,139,80,.16)}
.task .remind-all-v29{
  background:linear-gradient(135deg,#6f1760 0%,#a52c7c 58%,#f2a822 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 8px 20px rgba(111,23,79,.2);
}
.task .remind-all-v29:disabled{
  opacity:.72;
  cursor:wait;
}

/* V30 — Maison de pilotage : administration institutionnelle SEFA */
#admin.admin-v30{--admin-aubergine:#3f0c3d;--admin-plum:#641359;--admin-magenta:#a92e7e;--admin-gold:#f5a618;position:relative;padding-bottom:120px;background:radial-gradient(circle at 92% 5%,rgba(245,170,24,.13),transparent 24%),linear-gradient(180deg,#fffcf8,#f9f4ec 58%,#fffaf2);border-radius:34px 34px 0 0}
#admin.admin-v30 .section-head{margin:28px 4px 17px}
#admin.admin-v30 .section-head h3{color:var(--admin-aubergine)!important;font-size:2.25rem}
#admin.admin-v30 .section-head p{color:#73616e}
.admin-welcome-v30{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);gap:24px;min-height:330px;padding:clamp(28px,5vw,55px);overflow:hidden;border-radius:38px;background:radial-gradient(circle at 83% 20%,rgba(245,170,24,.26),transparent 24%),linear-gradient(135deg,#330733 0%,#68125b 58%,#962475 100%);box-shadow:0 30px 75px rgba(63,12,56,.25);color:#fff}
.admin-welcome-v30:before,.admin-welcome-v30:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.15);border-radius:50%}.admin-welcome-v30:before{width:380px;height:380px;right:-135px;top:-150px}.admin-welcome-v30:after{width:190px;height:190px;right:16%;bottom:-130px}
.admin-welcome-copy-v30{align-self:center}.admin-kicker-v30{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.09);color:#fbca71;font-size:.63rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.admin-welcome-v30 h1{max-width:780px;margin:18px 0 12px;font:700 clamp(2.7rem,6vw,5.8rem)/.86 'Cormorant Garamond',serif;letter-spacing:-.03em;color:#fff!important}.admin-welcome-v30 p{max-width:700px;margin:0;color:rgba(255,255,255,.8);font-size:.86rem;line-height:1.7}
.admin-guide-v30{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}.admin-guide-v30 span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:13px;background:rgba(255,255,255,.1);font-size:.66rem;font-weight:800}.admin-guide-v30 b{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#f5a618;color:#3f0c3d;font-size:.57rem}.admin-guide-v30>i{color:#f5a618;font-size:.65rem}
.admin-emblem-v30{position:relative;align-self:center;display:grid;place-items:center;min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:80px 28px 80px 28px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.admin-emblem-v30 img{width:min(260px,100%);height:145px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(18,0,15,.24))}.admin-emblem-v30 small{color:#fcd285;font-size:.57rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.admin-spark-v30{position:absolute;right:20px;top:14px;color:#f5a618;font-size:1.6rem}
.admin-section-title-v30{display:block;margin:30px 4px 14px}.admin-section-title-v30 span{display:block;color:#a92e7e;font-size:.59rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.admin-section-title-v30 b{display:block;margin-top:5px;color:#3f0c3d;font:700 1.65rem 'Cormorant Garamond',serif}
#admin.admin-v30 .admin-launcher{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}
#admin.admin-v30 .admin-launcher button{position:relative;min-height:150px;padding:18px;overflow:hidden;border:1px solid rgba(63,12,56,.09)!important;border-radius:27px;background:#fffcf8!important;box-shadow:0 14px 34px rgba(63,12,56,.07)!important;color:#3f0c3d}
#admin.admin-v30 .admin-launcher button:after{content:"→";position:absolute;right:16px;bottom:14px;color:#a92e7e;font-weight:900}
#admin.admin-v30 .admin-launcher i{width:49px;height:49px;margin-bottom:18px;border-radius:17px;background:linear-gradient(145deg,#feedce,#f5a618);color:#5c1253;font-size:1rem;box-shadow:0 10px 22px rgba(245,170,24,.18)}
#admin.admin-v30 .admin-launcher b{font-size:.8rem}#admin.admin-v30 .admin-launcher small{display:block;margin-top:5px;color:#806d79;line-height:1.35}
#admin.admin-v30 .admin-launcher button.active{outline:0!important;background:linear-gradient(145deg,#3f0c3d,#85206d)!important;color:#fff;box-shadow:0 22px 45px rgba(63,12,56,.23)!important;transform:translateY(-4px)}
#admin.admin-v30 .admin-launcher button.active i{background:linear-gradient(145deg,#fcce7c,#f5a618);color:#3f0c3d}#admin.admin-v30 .admin-launcher button.active small{color:rgba(255,255,255,.7)}#admin.admin-v30 .admin-launcher button.active:after{color:#f5a618}
#admin.admin-v30 .admin-panel>.card,#admin.admin-v30 .admin-panel .form{border-color:rgba(63,12,56,.08)!important;border-radius:29px;background:#fffdf9!important;box-shadow:0 18px 42px rgba(63,12,56,.08)!important}
#admin.admin-v30 .quick-grid .quick{border-top:4px solid #f5a618!important;background:#fffcf8!important}#admin.admin-v30 .quick-grid .quick i{background:#feedce!important;color:#7a1a66!important}#admin.admin-v30 .quick-grid .quick b{color:#591351!important}
#admin.admin-v30 .btn.primary{background:linear-gradient(135deg,#581050,#9e2879 68%,#f5a618)!important;box-shadow:0 10px 24px rgba(88,16,71,.18)}
#admin.admin-v30 input,#admin.admin-v30 select,#admin.admin-v30 textarea{border-color:rgba(63,12,56,.13);background:#fff;color:#30112f}#admin.admin-v30 input:focus,#admin.admin-v30 select:focus,#admin.admin-v30 textarea:focus{outline:3px solid rgba(245,170,24,.18)!important;border-color:#d78d08}
#admin.admin-v30 .admin-row{border-color:rgba(63,12,56,.08);background:#fff}#admin.admin-v30 .pill{background:#feedce;color:#6b165d}
@media(max-width:1050px){#admin.admin-v30 .admin-launcher{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-welcome-v30{grid-template-columns:1fr minmax(210px,.45fr)}}
@media(max-width:680px){#admin.admin-v30{margin:-14px;padding:14px 14px 115px;border-radius:0}.admin-welcome-v30{display:block;min-height:0;padding:26px 20px 22px;border-radius:29px}.admin-welcome-v30 h1{font-size:3.15rem}.admin-welcome-v30 p{font-size:.76rem}.admin-emblem-v30{min-height:122px;margin-top:20px;padding:8px 16px;border-radius:36px 18px}.admin-emblem-v30 img{height:90px}.admin-emblem-v30 small{display:none}.admin-guide-v30{gap:6px}.admin-guide-v30 span{padding:7px 8px;font-size:.57rem}.admin-guide-v30>i{display:none}.admin-section-title-v30{margin-top:24px}#admin.admin-v30 .section-head{display:none}#admin.admin-v30 .admin-launcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#admin.admin-v30 .admin-launcher button{min-height:132px;padding:14px;border-radius:22px}#admin.admin-v30 .admin-launcher i{width:43px;height:43px;margin-bottom:14px;border-radius:15px}#admin.admin-v30 .admin-launcher button.active{transform:none}#admin.admin-v30 .admin-panel>.card,#admin.admin-v30 .admin-panel .form{padding:15px!important;border-radius:23px}}

/* V31 — espace personnel privé de la direction */
.personal-entry-v31{width:100%;max-width:520px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:11px;margin-top:22px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.1);color:#fff;text-align:left;cursor:pointer}.personal-entry-v31>i:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#f5a618;color:#3f0c3d}.personal-entry-v31 b,.personal-entry-v31 small{display:block}.personal-entry-v31 b{font-size:.72rem}.personal-entry-v31 small{margin-top:3px;color:rgba(255,255,255,.66);font-size:.58rem}
.personal-v31{padding-bottom:120px!important;background:radial-gradient(circle at 98% 2%,rgba(245,170,24,.13),transparent 24%),linear-gradient(180deg,#fffcf7,#f8f3eb)}
.personal-hero-v31{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);gap:24px;min-height:360px;padding:clamp(30px,5vw,58px);border-radius:42px;background:radial-gradient(circle at 83% 18%,rgba(245,170,24,.28),transparent 24%),linear-gradient(135deg,#300630,#65105a 58%,#922173);box-shadow:0 32px 78px rgba(58,9,48,.26);color:#fff}.personal-hero-v31:after{content:"✦";position:absolute;right:44%;top:30px;color:#f5a618;font-size:2rem}.personal-hero-v31>div{align-self:center}.personal-hero-v31>div>span{display:inline-flex;align-items:center;gap:8px;color:#fcce7c;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.personal-hero-v31 h1{margin:17px 0 11px;max-width:760px;color:#fff!important;font:700 clamp(3rem,6vw,6rem)/.84 'Cormorant Garamond',serif;letter-spacing:-.04em}.personal-hero-v31 p{max-width:670px;margin:0;color:rgba(255,255,255,.8);font-size:.86rem;line-height:1.7}.personal-hero-actions-v31{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.personal-hero-actions-v31 button{min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(255,255,255,.1);color:#fff;font-weight:900;font-size:.65rem}.personal-hero-actions-v31 button:first-child{border:0;background:#f5a618;color:#3f0c3d}.personal-hero-v31>aside{align-self:stretch;display:grid;place-items:center;align-content:center;padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:90px 28px 90px 28px;background:rgba(255,255,255,.08);backdrop-filter:blur(13px)}.personal-hero-v31>aside img{width:240px;max-width:100%;height:110px;object-fit:contain}.personal-hero-v31>aside b{margin-top:8px;color:#fbc35f;font:700 4rem/1 'Cormorant Garamond',serif}.personal-hero-v31>aside small{max-width:160px;color:rgba(255,255,255,.72);font-size:.59rem;line-height:1.5;text-align:center}
.personal-focus-v31{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0}.personal-focus-v31 article{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(63,12,56,.08);border-radius:22px;background:#fffcf8;box-shadow:0 14px 32px rgba(63,12,56,.06)}.personal-focus-v31 article>i{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:16px;background:linear-gradient(145deg,#feeccc,#f5a618);color:#68155b}.personal-focus-v31 b,.personal-focus-v31 small{display:block}.personal-focus-v31 b{color:#53104d;font:700 1.8rem/1 'Cormorant Garamond',serif}.personal-focus-v31 small{margin-top:3px;color:#806d79;font-size:.58rem;font-weight:800}
.personal-layout-v31{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:14px}.personal-layout-v31>main,.personal-layout-v31>aside{display:grid;align-content:start;gap:14px}.personal-card-v31{padding:21px;border:1px solid rgba(63,12,56,.08);border-radius:28px;background:#fffdf9;box-shadow:0 17px 42px rgba(63,12,56,.07)}.personal-card-v31>header{display:flex;align-items:center;gap:11px;margin-bottom:15px}.personal-card-v31>header>i{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:16px;background:linear-gradient(145deg,#451042,#932374);color:#fbca71}.personal-card-v31>header>div{min-width:0;flex:1}.personal-card-v31 h2{margin:0;color:#42103f;font:700 1.55rem/1 'Cormorant Garamond',serif}.personal-card-v31 header p{margin:4px 0 0;color:#85727e;font-size:.61rem;line-height:1.4}.personal-card-v31 header>button{width:39px;height:39px;border:0;border-radius:13px;background:#feebca;color:#68155b}.personal-card-v31 header>em{color:#8a216f;font:700 1.7rem 'Cormorant Garamond',serif}
.personal-list-v31{display:grid;gap:7px}.personal-list-v31 article{display:grid;grid-template-columns:34px minmax(0,1fr) 32px;align-items:center;gap:8px;padding:10px;border:1px solid rgba(63,12,56,.07);border-radius:16px;background:#fff}.personal-list-v31 article.done{opacity:.57}.personal-list-v31 article.done b{text-decoration:line-through}.personal-list-v31 b,.personal-list-v31 small{display:block}.personal-list-v31 b{color:#3d173b;font-size:.7rem;line-height:1.35}.personal-list-v31 small{margin-top:3px;color:#8b7884;font-size:.55rem}.personal-check-v31,.personal-delete-v31{width:32px;height:32px;border:0;border-radius:11px}.personal-check-v31{background:#feeccd;color:#8a216f}.personal-list-v31 article.done .personal-check-v31{background:#67165b;color:#fff}.personal-delete-v31{background:transparent;color:#b49da9}.personal-empty-v31{padding:25px;border:1px dashed rgba(63,12,56,.15);border-radius:18px;color:#8b7884;font-size:.65rem;text-align:center}
.personal-progress-v31{height:9px;margin:-3px 0 14px;overflow:hidden;border-radius:99px;background:#eee4e9}.personal-progress-v31 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7b1a67,#f5a618)}
.personal-success-v31 label{display:block;margin:13px 0}.personal-success-v31 label>span{display:flex;justify-content:space-between;color:#4b1846;font-size:.63rem;font-weight:900}.personal-success-v31 input{width:100%;height:20px;padding:0;border:0;box-shadow:none}.personal-success-v31 label>i{display:block;height:6px;overflow:hidden;border-radius:99px;background:#eee4e9}.personal-success-v31 label>i em{display:block;height:100%;background:linear-gradient(90deg,#7b1a67,#f5a618)}
.energy-buttons-v31{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.energy-buttons-v31 button{height:44px;border:1px solid rgba(63,12,56,.08);border-radius:13px;background:#fff;font-size:1.15rem}.energy-buttons-v31 button.active{border-color:#f5a618;background:#feeccd;transform:translateY(-3px)}
.personal-card-v31>label{display:block;margin:12px 0 5px;color:#6b245d;font-size:.59rem;font-weight:900}.personal-card-v31 textarea{min-height:82px;border-color:rgba(63,12,56,.11);background:#fff}.personal-notes-v31 textarea{min-height:220px}.personal-save-v31{width:100%;min-height:45px;margin-top:9px;border:0;border-radius:14px;background:linear-gradient(135deg,#481044,#8f2272 72%,#f5a618);color:#fff;font-size:.65rem;font-weight:900}
@media(max-width:1000px){.personal-focus-v31{grid-template-columns:repeat(2,1fr)}.personal-layout-v31{grid-template-columns:1fr}.personal-hero-v31{grid-template-columns:1fr minmax(210px,.45fr)}}
@media(max-width:680px){.personal-v31{margin:-14px;padding:14px 14px 115px!important}.personal-hero-v31{display:block;min-height:0;padding:27px 20px;border-radius:30px}.personal-hero-v31:after{right:20px;top:18px}.personal-hero-v31 h1{font-size:3.3rem}.personal-hero-v31 p{font-size:.75rem}.personal-hero-v31>aside{min-height:135px;margin-top:20px;padding:10px;border-radius:38px 19px}.personal-hero-v31>aside img{height:70px}.personal-hero-v31>aside b{font-size:2.7rem}.personal-hero-v31>aside small{font-size:.52rem}.personal-focus-v31{gap:7px}.personal-focus-v31 article{display:block;padding:13px}.personal-focus-v31 article>i{width:38px;height:38px;margin-bottom:9px}.personal-focus-v31 b{font-size:1.5rem}.personal-card-v31{padding:15px;border-radius:23px}.personal-card-v31 h2{font-size:1.4rem}.personal-list-v31 article{padding:9px 7px}.personal-entry-v31{margin-top:17px}}

/* ===== css/sefa-harmonie-v32.css ===== */
/* ===========================================================================
   SEFA — Charte visuelle unifiée (v32)
   ---------------------------------------------------------------------------
   POURQUOI CE FICHIER
   Le portail empilait cinq feuilles de style écrites à des dates différentes
   (sefa.css, app-stable.css, sefa-premium.css, sefa-unified-v10.css,
   tasks-horizon.css) avec cinq palettes concurrentes — dont une turquoise et
   une bleu marine, étrangères au logo. Chacune se battait à coups de
   « !important », d'où des textes blancs sur fond clair et un aspect différent
   d'une page à l'autre.

   Ce fichier est désormais la SEULE source de vérité des couleurs. Il est
   chargé en dernier sur toutes les pages et il :
     1. redéfinit la palette d'après le logo ;
     2. rebranche tous les anciens noms de variables sur cette palette ;
     3. corrige les défauts de lisibilité constatés.

   CONVENTION D'ÉCRITURE
   Les sélecteurs sont préfixés « html body » et marqués « !important » :
   c'est le seul moyen de passer devant les anciennes règles, elles-mêmes
   écrites en « body .x { … !important } ». Cette lourdeur est volontaire et
   temporaire : le jour où les anciennes feuilles seront retirées, on pourra
   supprimer les préfixes.

   LA PALETTE
   Le logo suit une rampe régulière : plus une teinte est claire, plus elle
   glisse du prune profond (304°) vers le magenta (330°). L'or (38,6°) est
   l'unique couleur d'action. Vert et rouge ne servent qu'au sens
   (réussite, alerte).
   =========================================================================== */

html:root {
  /* --- Rampe prune → magenta, relevée sur le logo ------------------------ */
  --sefa-prune-950: #260D26 !important;
  --sefa-prune-900: #351334 !important;
  --sefa-prune-800: #441840 !important;
  --sefa-prune-700: #5B2052 !important;
  --sefa-prune-600: #712861 !important;
  --sefa-vin-500:   #88306F !important;
  --sefa-magenta:   #A63A7E !important;
  --sefa-rose-400:  #BF4A89 !important;
  --sefa-rose-300:  #CA6899 !important;
  --sefa-rose-200:  #E4B4CC !important;
  --sefa-rose-100:  #EFD2E0 !important;
  --sefa-rose-50:   #F7E8F0 !important;
  --sefa-voile:     #FBF4F7 !important;

  /* --- Or du logo -------------------------------------------------------- */
  --sefa-or-700: #A96F06 !important;
  --sefa-or-500: #F7AB22 !important;
  --sefa-or-400: #F8B844 !important;
  --sefa-or-200: #FDE5BA !important;
  --sefa-or-50:  #FEF4E1 !important;

  /* --- Couleurs de sens --------------------------------------------------- */
  --sefa-succes:       #1F6440 !important;
  --sefa-succes-clair: #E0F5EA !important;
  --sefa-alerte:       #9A2213 !important;
  --sefa-alerte-clair: #FAE7E5 !important;

  /* --- Texte, surfaces, traits ------------------------------------------- */
  --sefa-encre:      #331030 !important;
  --sefa-encre-doux: #6B5566 !important;
  --sefa-papier:     #FFFCFD !important;
  --sefa-carte:      #FFFFFF !important;
  --sefa-trait:      rgba(75, 18, 68, .12) !important;
  --sefa-trait-fort: rgba(75, 18, 68, .22) !important;

  /* --- Ombres et arrondis : un seul jeu pour tout le portail -------------- */
  --sefa-ombre-1: 0 2px 8px rgba(53, 19, 52, .06) !important;
  --sefa-ombre-2: 0 12px 32px rgba(53, 19, 52, .10) !important;
  --sefa-ombre-3: 0 24px 60px rgba(53, 19, 52, .16) !important;
  --sefa-rayon-s: 14px !important;
  --sefa-rayon-m: 20px !important;
  --sefa-rayon-l: 28px !important;

  /* --- Dégradés de marque ------------------------------------------------ */
  --sefa-degrade-fort: linear-gradient(135deg, #351334 0%, #5B2052 55%, #A63A7E 100%) !important;
  --sefa-degrade-or:   linear-gradient(135deg, #F7AB22, #F8B844) !important;

  /* ======================================================================= */
  /*  Anciens noms de variables : tout converge vers la palette ci-dessus.   */
  /* ======================================================================= */

  /* app.php (style intégré) */
  --ink: #331030 !important;
  --muted: #6B5566 !important;
  --plum: #441840 !important;
  --wine: #88306F !important;
  --rose: #A63A7E !important;
  --gold: #F7AB22 !important;
  --cream: #FFFCFD !important;
  --line: rgba(75, 18, 68, .12) !important;
  --shadow: 0 12px 32px rgba(53, 19, 52, .10) !important;

  /* app-stable.css */
  --app-plum: #441840 !important;
  --app-wine: #88306F !important;
  --app-pink: #A63A7E !important;
  --app-gold: #F7AB22 !important;
  --app-ink: #331030 !important;
  --app-muted: #6B5566 !important;
  --app-bg: #FFFCFD !important;
  --app-card: #FFFFFF !important;
  --app-line: rgba(75, 18, 68, .12) !important;

  /* sefa-premium.css */
  --sefa-rose-soft: #F7E8F0 !important;
  --sefa-violet: #5B2052 !important;
  --sefa-violet-deep: #441840 !important;
  --sefa-gold: #F7AB22 !important;
  --sefa-gold-soft: #FDE5BA !important;
  --sefa-ivory: #FFFCFD !important;
  --sefa-white: #FFFFFF !important;
  --sefa-ink: #331030 !important;
  --sefa-muted: #6B5566 !important;
  --sefa-line: rgba(75, 18, 68, .12) !important;
  --sefa-shadow: 0 12px 32px rgba(53, 19, 52, .10) !important;
  --sefa-deep: #441840 !important;
  --sefa-wine: #88306F !important;
  --sefa-rose: #A63A7E !important;
  --sefa-pink: #CA6899 !important;
  --sefa-cream: #FFFCFD !important;

  /* sefa-unified-v10.css — le turquoise et le bleu marine disparaissent */
  --sefa-navy: #441840 !important;
  --sefa-sage: #A63A7E !important;
  --sefa-sage-soft: #F7E8F0 !important;
  --sefa-blush: #EFD2E0 !important;
  --sefa-champagne: #F7AB22 !important;
  --sefa-paper: #FFFCFD !important;
  --sefa-border: rgba(75, 18, 68, .12) !important;

  /* sefa.css */
  --ink-soft: #6B5566 !important;
  --pink: #A63A7E !important;
  --pink-deep: #88306F !important;
  --pink-dark: #5B2052 !important;
  --pink-hot: #CA6899 !important;
  --berry: #712861 !important;
  --berry-2: #88306F !important;
  --rose-powder: #EFD2E0 !important;
  --blush: #F7E8F0 !important;
  --ivory: #FFFCFD !important;
  --champagne: #F7AB22 !important;
  --champagne-soft: #FDE5BA !important;
  --gold-light: #F8B844 !important;
  --glass: rgba(255, 252, 253, .86) !important;
  --logo-violet: #5B2052 !important;
  --logo-violet-soft: #E4B4CC !important;
  --logo-pink: #A63A7E !important;
  --logo-gold: #F7AB22 !important;
  --sefa-pink-deep: #88306F !important;
  --sefa-berry: #712861 !important;
  --sefa-plum: #441840 !important;
  --sefa-violet-logo: #5B2052 !important;
  --sefa-rose-vif: #CA6899 !important;
  --sefa-rose-poudre: #EFD2E0 !important;
  --sefa-rose-clair: #F7E8F0 !important;
  --sefa-creme: #FFFCFD !important;
  --sefa-ivoire: #FFFCFD !important;
  --sefa-or: #F7AB22 !important;
  --sefa-or-clair: #FDE5BA !important;
  --sefa-prune: #441840 !important;
  --sefa-prune-doux: #712861 !important;
  --sefa-ombre: 0 12px 32px rgba(53, 19, 52, .10) !important;

  /* tasks-horizon.css — l'ancien thème turquoise rejoint la charte */
  --horizon-navy: #441840 !important;
  --horizon-teal: #88306F !important;
  --horizon-lagoon: #A63A7E !important;
  --horizon-gold: #F7AB22 !important;
  --horizon-coral: #CA6899 !important;
  --horizon-ivory: #FFFCFD !important;
  --horizon-mist: #F7E8F0 !important;
  --horizon-ink: #331030 !important;
  --horizon-muted: #6B5566 !important;
  --horizon-line: rgba(75, 18, 68, .12) !important;
  --dawn-plum: #5B2052 !important;
  --dawn-violet: #88306F !important;
  --dawn-lilac: #EFD2E0 !important;
  --dawn-peach: #FDE5BA !important;
  --dawn-champagne: #F8B844 !important;
  --dawn-berry: #A63A7E !important;
  --dawn-cream: #FFFCFD !important;
  --dawn-ink: #331030 !important;
  --dawn-muted: #6B5566 !important;
  --dawn-line: rgba(75, 18, 68, .12) !important;
}

/* ===========================================================================
   1. Fond de page identique sur toutes les pages
   =========================================================================== */
html body {
  background:
    radial-gradient(circle at 0% 0%, rgba(166, 58, 126, .09), transparent 32%),
    radial-gradient(circle at 100% 4%, rgba(247, 171, 34, .11), transparent 26%),
    #FFFCFD !important;
  color: #331030;
  -webkit-font-smoothing: antialiased;
}

/* ===========================================================================
   2. Bandeaux d'en-tête — correction de lisibilité
   Le titre d'Event Flow s'affichait en blanc sur un fond pastel : illisible.
   Tous les bandeaux prennent désormais le prune profond du logo.
   =========================================================================== */
html body .hero,
html body .welcome,
html body .orga-hero {
  background:
    radial-gradient(circle at 88% 8%, rgba(247, 171, 34, .24), transparent 30%),
    linear-gradient(135deg, #351334 0%, #5B2052 55%, #A63A7E 100%) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  color: #fff !important;
  box-shadow: 0 24px 60px rgba(53, 19, 52, .16) !important;
}
html body .hero h1, html body .hero h2, html body .hero h1 em,
html body .hero .script, html body .hero strong,
html body .welcome h1, html body .welcome h2 { color: #fff !important; }

html body .hero p, html body .welcome p { color: rgba(255, 255, 255, .86) !important; }

/* Le sur-titre : or franc sur prune, lisible (l'ancienne pastille claire
   portait un texte or sur fond clair, illisible). */
html body .hero .eyebrow,
html body .hero .kicker,
html body .welcome .eyebrow {
  display: inline-block !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  color: #FDE5BA !important;
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .26) !important;
}

html body .hero:before, html body .hero:after {
  color: rgba(255, 255, 255, .16) !important;
}

html body .sticker,
html body .hero .stat,
html body .hero-stats > * {
  background: rgba(255, 255, 255, .14) !important;
  border: 1px solid rgba(255, 255, 255, .26) !important;
  color: #fff !important;
}

/* ===========================================================================
   3. Barres supérieures — le même prune que le menu, sur toutes les pages
   =========================================================================== */
html body .top,
html body .topbar,
html body .page-top {
  background: linear-gradient(135deg, #351334 0%, #5B2052 60%, #88306F 100%) !important;
  border-bottom: 0 !important;
  box-shadow: 0 12px 32px rgba(53, 19, 52, .10) !important;
}
html body .top *,
html body .topbar *,
html body .page-top * { color: #fff !important; }

/* … SAUF le contenu des boutons clairs posés sur la barre : leurs icônes
 * devenaient blanches sur fond blanc et disparaissaient complètement. */
html body .topbar .btn,
html body .topbar .btn i,
html body .topbar .btn span,
html body .topbar .portal-back,
html body .topbar .portal-back i,
html body .topbar .portal-back span,
html body .topbar .menu,
html body .topbar .menu i,
html body .top .btn,
html body .top .btn i,
html body .top .btn span {
  color: #5B2052 !important;
}
html body .topbar .btn,
html body .topbar .portal-back,
html body .topbar .menu,
html body .top .btn {
  background: #fff !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  box-shadow: 0 6px 16px rgba(38, 13, 38, .22) !important;
}
html body .topbar .btn:hover,
html body .topbar .portal-back:hover,
html body .topbar .menu:hover { background: #FEF4E1 !important; }

/* La pastille de notifications : or sur prune, elle se voit enfin. */
html body .topbar .notification-bell span,
html body .topbar .notification-bell em,
html body .notification-bell > span:last-child {
  background: #F7AB22 !important;
  color: #351334 !important;
  border: 2px solid #fff !important;
  font-weight: 800 !important;
}

html body .top .brand img,
html body .topbar .brand img { background: #fff; border-radius: 10px; padding: 4px; }

html body .top a, html body .top .home, html body .top .back,
html body .topbar a, html body .topbar .back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 15px !important;
  background: rgba(255, 255, 255, .16) !important;
  border: 1px solid rgba(255, 255, 255, .26) !important;
  color: #fff !important;
  border-radius: 999px !important;
  text-decoration: none !important;
}
html body .top .primary,
html body .topbar .primary { color: #351334 !important; }
html body .top .primary * ,
html body .topbar .primary * { color: #351334 !important; }

/* Menu latéral */
html body .sidebar {
  background: linear-gradient(180deg, #260D26, #441840 58%, #712861) !important;
}
html body .brand h1 { color: #F8B844 !important; }
html body .nav button.active, html body .nav a.active {
  background: rgba(255, 255, 255, .14) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 0 #F7AB22 !important;
}

/* ===========================================================================
   4. Boutons — une seule hiérarchie
   Or = l'action principale de l'écran. Blanc bordé = action secondaire.
   =========================================================================== */
html body .primary,
html body .btn-primary,
html body .main-cta,
html body button.primary,
html body .cta-gold {
  background: linear-gradient(135deg, #F7AB22, #F8B844) !important;
  color: #351334 !important;
  border: 0 !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(169, 111, 6, .26) !important;
}
html body .primary:hover,
html body .btn-primary:hover,
html body .main-cta:hover { filter: brightness(1.06); }

html body .secondary,
html body .soft,
html body .soft-cta {
  background: #fff !important;
  color: #88306F !important;
  border: 1px solid rgba(75, 18, 68, .12) !important;
  box-shadow: 0 2px 8px rgba(53, 19, 52, .06) !important;
}

/* Accessibilité : contour visible au clavier, sur tout le portail. */
html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible,
html body [tabindex]:focus-visible {
  outline: 3px solid #F7AB22 !important;
  outline-offset: 2px !important;
}

/* ===========================================================================
   5. Cartes, pastilles, champs — un langage unique
   =========================================================================== */
html body .pill.gold, html body .chip.gold {
  background: #FEF4E1 !important; color: #A96F06 !important;
}
html body .pill.green, html body .chip.green,
html body .pill.done {
  background: #E0F5EA !important; color: #1F6440 !important;
}
html body .pill.red, html body .chip.red, html body .pill.late {
  background: #FAE7E5 !important; color: #9A2213 !important;
}
html body input:focus, html body select:focus, html body textarea:focus {
  border-color: #A63A7E !important;
  box-shadow: 0 0 0 4px rgba(166, 58, 126, .12) !important;
}

/* ===========================================================================
   6. Corrections de mise en page
   =========================================================================== */

/* Aisha IA : la rangée de questions suggérées ne se laissait pas rétrécir.
   Elle élargissait la colonne de la grille, ce qui décalait toute la page
   vers la droite et la faisait déborder de l'écran. */
html body .shell { grid-template-columns: minmax(0, 1fr) !important; }
html body .shell > *,
html body main,
html body .suggestions,
html body .messages { min-width: 0 !important; }

/* Un titre et son bouton ne doivent jamais se chevaucher sur petit écran. */
@media (max-width: 760px) {
  html body .section-head,
  html body .panel-head,
  html body .block-head,
  html body .today-command > header {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
}

/* ===========================================================================
   7. Décor : on garde la respiration, on enlève le bruit
   Les cœurs, fleurs et étoiles flottants passaient devant les titres,
   en particulier sur téléphone.
   =========================================================================== */
/* Attention : « .bubble » désigne la bulle de message du chat, jamais un
 * élément décoratif. Ne l'ajoutez pas à cette liste. */
html body .mission-stickers,
html body .sticker-sparkle,
html body .sticker-heart,
html body .sticker-flower,
html body .sticker-bow { pointer-events: none !important; opacity: .3 !important; }

html body h1, html body h2, html body h3 { position: relative; z-index: 2; }

@media (max-width: 760px) {
  html body .mission-stickers,
  html body .sticker-sparkle,
  html body .sticker-heart,
  html body .sticker-flower,
  html body .sticker-bow,
  html body .hero:before, html body .hero:after { display: none !important; }
  html body .kpis, html body .home-metrics { grid-template-columns: repeat(2, 1fr) !important; }
  html body h1 { line-height: 1.06 !important; }
}

/* ===========================================================================
   8. Impression — le comité imprime les missions et les comptes rendus
   =========================================================================== */
@media print {
  html body .sidebar, html body .top, html body .topbar, html body .tabs,
  html body .fab, html body .mobile-nav, html body button { display: none !important; }
  html body { background: #fff !important; }
  html body .main { margin: 0 !important; }
}

/* ===========================================================================
   9. Bannière d'accueil — prénom mis en valeur et pensée du jour
   =========================================================================== */
html body .sefa-salut {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 12px !important;
  margin: 6px 0 10px !important;
  line-height: 1.05 !important;
}
html body .sefa-salut-mot {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(1.7rem, 3.4vw, 2.5rem) !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, .92) !important;
}
/* Le prénom : écriture manuscrite, en or. C'est le seul mot doré de l'écran. */
html body .sefa-salut-prenom {
  font-family: 'Parisienne', 'Cormorant Garamond', cursive !important;
  font-size: clamp(2.6rem, 5.6vw, 4.1rem) !important;
  font-weight: 400 !important;
  color: #F8B844 !important;
  line-height: .95 !important;
  padding-right: 6px;
  text-shadow: 0 3px 18px rgba(247, 171, 34, .28);
}
html body .sefa-salut-sous {
  font-size: .96rem !important;
  max-width: 46ch !important;
  color: rgba(255, 255, 255, .82) !important;
}

/* La pensée du jour */
html body .sefa-citation {
  position: relative;
  margin: 18px 0 20px !important;
  padding: 16px 20px 16px 46px !important;
  max-width: 54ch;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .10) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  backdrop-filter: blur(6px);
}
html body .sefa-citation:before {
  content: '\201C';
  position: absolute;
  left: 14px; top: 4px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 3.1rem;
  line-height: 1;
  color: rgba(248, 184, 68, .75);
}
html body .sefa-citation-etiquette {
  display: block;
  font-size: .6rem !important;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 800;
  color: #FDE5BA !important;
  margin-bottom: 5px;
}
html body .sefa-citation p {
  margin: 0 !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.22rem !important;
  line-height: 1.45 !important;
  color: #fff !important;
  font-style: italic;
}
html body .sefa-citation small {
  display: block;
  margin-top: 7px;
  font-size: .72rem !important;
  letter-spacing: .04em;
  color: rgba(255, 255, 255, .68) !important;
}

@media (max-width: 760px) {
  html body .sefa-salut { gap: 8px !important; }
  html body .sefa-citation { padding: 14px 16px 14px 40px !important; }
  html body .sefa-citation p { font-size: 1.08rem !important; }
}

/* ===========================================================================
   11. Bouton « messages » dans la barre du haut
   =========================================================================== */
html body .topbar .topbar-messages { position: relative !important; }
html body .topbar .topbar-messages.a-des-messages {
  background: linear-gradient(135deg, #F7AB22, #F8B844) !important;
  border-color: transparent !important;
}
html body .topbar .topbar-messages.a-des-messages i { color: #351334 !important; }
html body .topbar .topbar-messages #topbarMessagesCount,
html body .topbar .notification-bell #notificationCount {
  position: absolute !important;
  top: -5px; right: -5px;
  min-width: 19px; height: 19px;
  padding: 0 5px;
  display: grid; place-items: center;
  border-radius: 999px;
  background: #9A2213 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  font-size: .64rem !important;
  font-weight: 800 !important;
  line-height: 1;
}
html body .topbar .topbar-messages #topbarMessagesCount[hidden] { display: none !important; }

/* ===========================================================================
   13. Administration — dépôt du portrait d'un membre
   =========================================================================== */
html body .membre-photo-ligne {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px;
  border-radius: 16px;
  background: #FBF4F7;
  border: 1px solid rgba(75, 18, 68, .10);
}
html body .membre-photo-ligne input[type="file"] { font-size: .8rem !important; border: 0 !important; background: none !important; padding: 0 !important; }
html body .membre-photo-ligne small { display: block; color: #6B5566; font-size: .72rem; margin-top: 4px; }
html body .membre-photo-astuce { display: block; color: #6B5566; font-size: .78rem; }

/* ===========================================================================
   14. LA MESSAGERIE
   ---------------------------------------------------------------------------
   Un espace à part entière, pensé pour qu'on ait envie d'y revenir : une
   colonne de conversations à gauche, le fil à droite, et rien d'autre à
   l'écran. Sur téléphone, les deux se remplacent au lieu de se tasser.
   =========================================================================== */

html body #inbox .section-head { display: none !important; }

/* La page entière est verrouillée pendant qu'on est dans la messagerie : un
   seul défilement à la fois, celui des messages. C'est ce qui donne la
   sensation de stabilité — plus rien ne bouge autour. */
/* Le verrou doit être posé sur « html » ET sur « body » : si l'un des deux
   garde un défilement, la page glisse quand même sous la messagerie. */
html.page-messagerie,
html.page-messagerie body,
html body.page-messagerie {
  overflow: hidden !important;
  height: 100% !important;
  max-height: 100% !important;
  overscroll-behavior: none !important;
}
html body.page-messagerie #inbox.page.active {
  position: fixed !important;
  top: var(--msg-haut, 72px) !important;
  left: var(--msg-gauche, 0px) !important;
  right: 0 !important;
  bottom: var(--msg-bas, 0px) !important;
  margin: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  z-index: 20;
}

html body .msg-app {
  display: grid !important;
  grid-template-columns: minmax(0, 340px) minmax(0, 1fr) !important;
  gap: 16px !important;
  height: 100% !important;
  min-height: 0 !important;
}

/* ---- Colonne de gauche : les conversations ---- */
html body .msg-liste {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(75, 18, 68, .10) !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 32px rgba(53, 19, 52, .08) !important;
  overflow: hidden !important;
}
html body .msg-liste-tete {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 18px 18px 12px !important;
}
html body .msg-liste-tete h3 {
  margin: 0 !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.7rem !important;
  color: #331030 !important;
}
html body .msg-liste-tete small { display: block; color: #6B5566 !important; font-size: .76rem !important; }
html body .msg-cadenas {
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: #F7E8F0; color: #88306F !important;
  font-size: .78rem;
}

html body .msg-recherche { position: relative !important; padding: 0 14px 12px !important; }
html body .msg-recherche > i {
  position: absolute; left: 28px; top: 13px;
  color: #A63A7E; font-size: .82rem; pointer-events: none;
}
html body .msg-recherche input,
html body #inboxSearch {
  width: 100% !important;
  border: 1px solid rgba(75, 18, 68, .10) !important;
  border-radius: 999px !important;
  padding: 11px 38px 11px 38px !important;
  background: #FBF4F7 !important;
  font-size: .88rem !important;
}
html body .msg-effacer {
  position: absolute; right: 24px; top: 7px;
  width: 26px; height: 26px;
  border: 0; border-radius: 50%;
  background: rgba(75, 18, 68, .08); color: #5B2052;
  font-size: 1rem; line-height: 1; cursor: pointer;
}

html body .msg-contacts {
  flex: 1 1 auto !important; min-height: 0 !important;
  overflow-y: auto !important; padding: 0 8px 12px !important;
  /* Arrivé en haut ou en bas de la liste, le geste s'arrête là : il n'entraîne
     pas la page derrière. C'est ce qui donnait l'impression que « ça défile
     trop ». */
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch;
}
html body .msg-contacts::-webkit-scrollbar { width: 8px }
html body .msg-contacts::-webkit-scrollbar-thumb { background: rgba(75, 18, 68, .14); border-radius: 8px }

html body .inbox-section {
  padding: 14px 10px 6px !important;
  font-size: .62rem !important;
  letter-spacing: .18em; text-transform: uppercase; font-weight: 800;
  color: #A63A7E !important;
}
html body .msg-aucun, html body .msg-premier {
  padding: 26px 18px !important; text-align: center !important;
  color: #6B5566 !important; font-size: .86rem !important;
}

html body .inbox-person {
  position: relative !important;
  display: flex !important; align-items: center !important; gap: 12px !important;
  width: 100% !important; padding: 11px 12px !important;
  border: 0 !important; border-radius: 18px !important;
  background: transparent !important; text-align: left !important;
  cursor: pointer; transition: background .16s, transform .16s;
}
html body .inbox-person:hover { background: #FBF4F7 !important; }
html body .inbox-person.active { background: linear-gradient(135deg, #F7E8F0, #FEF4E1) !important; }
html body .inbox-person.active:before {
  content: ''; position: absolute; left: 3px; top: 16px; bottom: 16px;
  width: 3px; border-radius: 3px; background: #A63A7E;
}
html body .inbox-person-corps { flex: 1 1 auto !important; min-width: 0 !important; }
html body .inbox-person-corps b {
  display: block !important; font-size: .93rem !important; font-weight: 600 !important;
  color: #331030 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html body .inbox-person-corps small {
  display: block !important; font-size: .8rem !important; color: #6B5566 !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px;
}
html body .msg-vous { font-style: normal; color: #A63A7E; font-weight: 700; }
html body .inbox-person mark { background: #FDE5BA !important; color: #331030 !important; border-radius: 3px; padding: 0 1px; }
html body .inbox-person-fin { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 6px !important; flex: 0 0 auto !important; }
html body .inbox-heure { font-style: normal !important; font-size: .68rem !important; color: #6B5566 !important; }
html body .inbox-person em {
  font-style: normal !important;
  min-width: 20px; height: 20px; padding: 0 6px;
  display: grid; place-items: center; border-radius: 999px;
  background: #A63A7E !important; color: #fff !important;
  font-size: .68rem !important; font-weight: 800 !important;
}
html body .inbox-person.non-lu .inbox-person-corps b { font-weight: 800 !important; }
html body .inbox-person.non-lu .inbox-person-corps small { color: #331030 !important; font-weight: 600 !important; }
html body .inbox-person.non-lu .inbox-heure { color: #A63A7E !important; font-weight: 700 !important; }

/* ---- Portraits ---- */
html body .inbox-avatar {
  flex: 0 0 auto !important;
  display: inline-grid !important; place-items: center !important;
  overflow: hidden !important; border-radius: 50% !important;
  background: #88306F; color: #fff !important;
  font-weight: 800 !important; font-size: .82rem !important;
  box-shadow: 0 2px 8px rgba(53, 19, 52, .16);
}
html body .inbox-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }

/* ---- Colonne de droite : le fil ---- */
html body .msg-fil {
  position: relative !important;
  display: flex !important; flex-direction: column !important;
  min-height: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(75, 18, 68, .10) !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 32px rgba(53, 19, 52, .08) !important;
  overflow: hidden !important;
}
html body .msg-fil > #inboxConversation {
  display: flex !important; flex-direction: column !important;
  flex: 1 1 auto !important; min-height: 0 !important;
}

html body #inboxHead {
  display: flex !important; align-items: center !important; gap: 13px !important;
  padding: 14px 18px !important;
  background: linear-gradient(135deg, #351334, #5B2052 60%, #88306F) !important;
  border-bottom: 0 !important;
  flex: 0 0 auto !important;
}
html body #inboxHead .msg-tete-corps { flex: 1 1 auto; min-width: 0; }
html body #inboxHead b { display: block; font-size: 1.02rem !important; color: #fff !important; }
html body #inboxHead small { display: block; color: rgba(255, 255, 255, .74) !important; font-size: .76rem !important; }
html body .msg-tete-prive {
  flex: 0 0 auto; padding: 6px 12px; border-radius: 999px;
  background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .24);
  color: #FDE5BA !important; font-size: .66rem; font-weight: 800; letter-spacing: .06em;
}
html body .msg-retour {
  display: none;
  width: 36px; height: 36px; border: 0; border-radius: 50%;
  background: rgba(255, 255, 255, .16); color: #fff !important; cursor: pointer;
}

/* ---- Les messages ---- */
html body #inboxMessages,
html body .inboxMessages {
  flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch;
  padding: 18px 20px !important;
  background:
    radial-gradient(circle at 14% 6%, rgba(166, 58, 126, .05), transparent 34%),
    radial-gradient(circle at 88% 92%, rgba(247, 171, 34, .06), transparent 30%),
    #FBF4F7 !important;
}
html body #inboxMessages::-webkit-scrollbar { width: 8px }
html body #inboxMessages::-webkit-scrollbar-thumb { background: rgba(75, 18, 68, .16); border-radius: 8px }

html body .inbox-jour { display: flex; justify-content: center; margin: 16px 0 12px; }
html body .inbox-jour span {
  padding: 5px 14px; border-radius: 999px;
  background: rgba(255, 255, 255, .9); border: 1px solid rgba(75, 18, 68, .08);
  color: #5B2052; font-size: .68rem; font-weight: 800; letter-spacing: .04em;
}
html body .msg-nouveaux { display: flex; align-items: center; gap: 10px; margin: 16px 2px 12px; }
html body .msg-nouveaux:before, html body .msg-nouveaux:after { content: ''; flex: 1 1 auto; height: 1px; background: rgba(166, 58, 126, .3); }
html body .msg-nouveaux span { color: #A63A7E; font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

html body .private-message {
  display: flex !important; align-items: flex-end !important; gap: 8px !important;
  margin: 0 0 2px !important; padding: 0 !important;
  background: none !important; border: 0 !important;
  /* La ligne occupe toute la largeur : c'est elle qui place la bulle à gauche
     ou à droite. Sans cela, l'ancienne feuille la réduisait à la taille du
     texte et les messages courts se coupaient en plusieurs lignes. */
  width: 100% !important; max-width: 100% !important;
  align-self: stretch !important;
}
html body .private-message.mine { justify-content: flex-end !important; }
html body .private-message.fin { margin-bottom: 10px !important; }
html body .msg-place-portrait { flex: 0 0 30px; width: 30px; }
html body .private-message.mine .msg-place-portrait { display: none; }

html body .inbox-bulle {
  max-width: min(72%, 540px);
  padding: 9px 14px 5px !important;
  border-radius: 18px;
  background: #fff !important;
  border: 1px solid rgba(75, 18, 68, .07);
  box-shadow: 0 1px 2px rgba(53, 19, 52, .07);
}
/* Les coins se rapprochent quand les messages se suivent : le groupe se lit
   comme un seul bloc, comme dans une vraie messagerie. */
html body .private-message.debut:not(.fin) .inbox-bulle { border-bottom-left-radius: 6px; }
html body .private-message.suite:not(.fin) .inbox-bulle { border-radius: 18px 18px 18px 6px; }
html body .private-message.suite.fin .inbox-bulle { border-top-left-radius: 6px; }
html body .private-message.mine .inbox-bulle {
  background: linear-gradient(135deg, #5B2052, #A63A7E) !important;
  border-color: transparent;
  border-radius: 18px;
}
html body .private-message.mine.debut:not(.fin) .inbox-bulle { border-bottom-right-radius: 6px; }
html body .private-message.mine.suite:not(.fin) .inbox-bulle { border-radius: 18px 18px 6px 18px; }
html body .private-message.mine.suite.fin .inbox-bulle { border-top-right-radius: 6px; }

html body .inbox-bulle p {
  margin: 0 !important; font-size: .93rem !important; line-height: 1.52 !important;
  color: #331030 !important; white-space: pre-wrap; word-break: break-word;
}
html body .private-message.mine .inbox-bulle p { color: #fff !important; }
html body .inbox-bulle p a { color: #A63A7E !important; text-decoration: underline; }
html body .private-message.mine .inbox-bulle p a { color: #FDE5BA !important; }
html body .inbox-bulle small {
  display: block !important; margin-top: 2px !important; text-align: right;
  font-size: .64rem !important; color: #6B5566 !important;
}
html body .private-message.mine .inbox-bulle small { color: rgba(255, 255, 255, .7) !important; }
html body .inbox-coche { margin-left: 5px; font-size: .7rem; }
html body .private-message.mine .inbox-coche.lu { color: #F8B844 !important; }
html body .private-message.en-attente { opacity: .62; }
html body .private-message.envoi-echoue { opacity: 1; }
html body .private-message.envoi-echoue .inbox-bulle {
  outline: 2px solid rgba(190,56,77,.28);
}
html body .private-message.envoi-echoue small { color: #ffd7df; opacity: 1; }

/* Bouton « revenir en bas » */
html body .msg-descendre {
  position: absolute !important; right: 22px; bottom: 104px;
  width: 40px; height: 40px; border: 0; border-radius: 50%;
  background: #fff; color: #5B2052 !important;
  box-shadow: 0 8px 22px rgba(53, 19, 52, .2); cursor: pointer; z-index: 5;
}

/* ---- Zone de saisie ---- */
html body .inboxComposer {
  display: flex !important; align-items: flex-end !important; gap: 10px !important;
  padding: 12px 16px 6px !important;
  background: #fff !important;
  border-top: 1px solid rgba(75, 18, 68, .08) !important;
  flex: 0 0 auto !important;
}
html body .inboxComposer textarea,
html body #inboxText {
  flex: 1 1 auto !important;
  border: 1px solid rgba(75, 18, 68, .12) !important;
  border-radius: 22px !important;
  padding: 12px 16px !important;
  resize: none !important; min-height: 46px !important; max-height: 140px !important;
  background: #FBF4F7 !important; font-size: .93rem !important; line-height: 1.45 !important;
}
html body .msg-emoji {
  flex: 0 0 auto; width: 42px; height: 42px; margin-bottom: 2px;
  border: 1px solid rgba(75, 18, 68, .12) !important; border-radius: 50%;
  background: #fff !important; color: #88306F !important; cursor: pointer; font-size: 1rem;
}
html body .msg-emoji:hover { background: #FEF4E1 !important; }
html body .inboxComposer .msg-envoyer,
html body .inboxComposer button.msg-envoyer {
  flex: 0 0 auto !important; width: 46px !important; height: 46px !important;
  border-radius: 50% !important; border: 0 !important;
  display: grid !important; place-items: center !important;
  background: linear-gradient(135deg, #F7AB22, #F8B844) !important;
  color: #351334 !important;
  box-shadow: 0 8px 20px rgba(169, 111, 6, .28) !important; cursor: pointer;
  transition: transform .12s;
}
html body .inboxComposer .msg-envoyer:hover { transform: scale(1.06); }
html body .msg-astuce {
  display: block !important; text-align: center; padding: 0 0 10px;
  color: #6B5566 !important; font-size: .68rem !important; background: #fff;
}

/* Palette d'émotions */
html body .msg-palette {
  display: flex; flex-wrap: wrap; gap: 4px;
  padding: 10px 16px; background: #fff;
  border-top: 1px solid rgba(75, 18, 68, .08);
}
html body .msg-palette button {
  width: 36px; height: 36px; border: 0; border-radius: 12px;
  background: #FBF4F7; font-size: 1.1rem; cursor: pointer;
}
html body .msg-palette button:hover { background: #FDE5BA; }

/* Écran d'accueil de la messagerie */
html body .inbox-empty {
  flex: 1 1 auto !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  text-align: center !important; padding: 40px 30px !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(247, 171, 34, .10), transparent 42%),
    #FBF4F7 !important;
}
html body .msg-vide-illustration {
  width: 92px; height: 92px; margin-bottom: 18px;
  display: grid; place-items: center; border-radius: 50%;
  background: linear-gradient(135deg, #5B2052, #A63A7E);
  color: #FDE5BA; font-size: 2.1rem;
  box-shadow: 0 16px 36px rgba(91, 32, 82, .26);
}
html body .inbox-empty h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.9rem !important; color: #331030 !important; margin: 0 0 8px !important;
}
html body .inbox-empty p { color: #6B5566 !important; font-size: .9rem !important; max-width: 42ch; }

/* ---- Téléphone : les deux panneaux se remplacent ---- */
@media (max-width: 860px) {
  html body .msg-app {
    grid-template-columns: 1fr !important;
    height: 100% !important;
  }
  html body .msg-fil { display: none !important; }
  html body .msg-app.conversation-ouverte .msg-liste { display: none !important; }
  html body .msg-app.conversation-ouverte .msg-fil { display: flex !important; }
  html body .msg-retour { display: grid !important; place-items: center; }
  html body .inbox-bulle { max-width: 84% !important; }
  html body .msg-tete-prive { display: none !important; }
  html body .msg-astuce { display: none !important; }
  html body .msg-descendre { bottom: 92px; }
  html body .inboxComposer { padding-right: 16px !important; }
}

/* ---------------------------------------------------------------------------
   Un « display » marqué !important passe devant l'attribut « hidden » du HTML :
   les blocs que le portail masque restaient donc affichés. On rétablit la règle
   de base, en dernier, pour qu'elle l'emporte toujours.
   ------------------------------------------------------------------------- */
html body [hidden] { display: none !important; }

/* Le bouton flottant d'Aisha se posait sur le bouton d'envoi. On le remonte
   au-dessus de la zone de saisie tant qu'on est dans la messagerie. */
html body #inbox .msg-app ~ * { }
/* Dans la messagerie, le bouton flottant d'Aisha se posait sur les bulles et
   sur le bouton d'envoi. Il n'a rien à y faire : on le retire le temps de la
   conversation, il revient partout ailleurs. */
html body.page-messagerie .aisha-fab { display: none !important; }

/* Sur téléphone, la barre du haut se remplissait de boutons et le titre de la
   page se coupait. On ne garde que les icônes. */
@media (max-width: 760px) {
  /* Le bouton « rafraîchir » n'a pas d'identifiant : c'est le seul de la barre
     dont on peut se passer sur petit écran. Le titre de la page cesse alors
     d'être coupé. */
  html body .topbar > button.btn:not([id]) { display: none !important; }
  html body .topbar .portal-back span { display: none !important; }
  html body .topbar .portal-back { width: 40px !important; padding: 0 !important; justify-content: center !important; }
  html body .topbar .btn { width: 40px !important; height: 40px !important; padding: 0 !important; }
  html body .topbar h2 { font-size: 1.15rem !important; }
}

/* ===========================================================================
   15. Corriger ou retirer un message
   =========================================================================== */

/* Le bouton d'actions n'apparaît qu'au survol de sa propre bulle, pour ne pas
   encombrer la lecture. Sur écran tactile, il reste toujours visible. */
html body .msg-actions {
  position: absolute !important;
  top: 4px; right: 6px;
  opacity: 0; transition: opacity .14s;
}
html body .inbox-bulle { position: relative !important; }
html body .private-message:hover .msg-actions,
html body .msg-actions:focus-within { opacity: 1; }
html body .msg-action-ouvrir {
  width: 24px; height: 24px;
  border: 0; border-radius: 50%;
  background: rgba(255, 255, 255, .22); color: #fff !important;
  cursor: pointer; font-size: .7rem; line-height: 1;
  display: grid; place-items: center;
}
html body .msg-action-ouvrir:hover { background: rgba(255, 255, 255, .38); }

html body .msg-menu {
  position: absolute !important;
  top: 30px; right: 0; z-index: 40;
  min-width: 190px;
  display: flex; flex-direction: column; gap: 2px;
  padding: 6px;
  background: #fff;
  border: 1px solid rgba(75, 18, 68, .10);
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(53, 19, 52, .22);
}
html body .msg-menu button {
  display: flex; align-items: center; gap: 9px;
  padding: 9px 11px;
  border: 0; border-radius: 10px;
  background: transparent; color: #331030 !important;
  font-size: .85rem; font-weight: 600; text-align: left; cursor: pointer;
}
html body .msg-menu button:hover { background: #FBF4F7; }
html body .msg-menu button.danger { color: #9A2213 !important; }
html body .msg-menu button.danger:hover { background: #FAE7E5; }
html body .msg-menu-question {
  display: block; padding: 8px 11px 4px;
  color: #331030; font-size: .82rem; font-weight: 700;
}

/* Message retiré : la trace reste, le contenu non. */
html body .msg-supprime {
  font-style: italic !important;
  opacity: .8;
  display: flex !important; align-items: center; gap: 7px;
}
html body .private-message.retire .inbox-bulle {
  background: rgba(255, 255, 255, .7) !important;
  border: 1px dashed rgba(75, 18, 68, .22) !important;
  box-shadow: none !important;
}
html body .private-message.mine.retire .inbox-bulle {
  background: rgba(91, 32, 82, .14) !important;
}
html body .private-message.mine.retire .inbox-bulle p { color: #5B2052 !important; }
html body .private-message.mine.retire .inbox-bulle small { color: #6B5566 !important; }

/* Mention « modifié » */
html body .msg-modifie { font-style: italic !important; opacity: .85; }

/* Bandeau de correction, au-dessus de la zone de saisie */
html body .msg-bandeau-modification {
  display: flex !important; align-items: center !important; gap: 11px !important;
  padding: 10px 16px !important;
  background: #FEF4E1 !important;
  border-top: 1px solid rgba(247, 171, 34, .35) !important;
  border-left: 4px solid #F7AB22 !important;
}
html body .msg-bandeau-modification > i { color: #A96F06 !important; }
html body .msg-bandeau-modification span { flex: 1 1 auto; min-width: 0; }
html body .msg-bandeau-modification b { display: block; font-size: .8rem; color: #331030 !important; }
html body .msg-bandeau-modification small {
  display: block; font-size: .76rem; color: #6B5566 !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html body .msg-bandeau-modification button {
  flex: 0 0 auto; width: 28px; height: 28px;
  border: 0; border-radius: 50%;
  background: rgba(169, 111, 6, .14); color: #A96F06 !important;
  font-size: 1.1rem; line-height: 1; cursor: pointer;
}
html body .private-message.en-modification .inbox-bulle {
  outline: 2px solid #F7AB22; outline-offset: 2px;
}

@media (hover: none) {
  html body .msg-actions { opacity: 1 !important; }
}
html body .msg-apercu-retire { font-style: italic !important; opacity: .7; }

/* ===========================================================================
   16. LE SIGNAL DE RETARD
   ---------------------------------------------------------------------------
   Le rouge est réservé à une seule chose dans tout le portail : une échéance
   dépassée. C'est ce qui lui donne sa force — s'il servait à décorer, il ne
   voudrait plus rien dire.
   =========================================================================== */

html body .topbar .topbar-retards {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  padding: 0 14px 0 11px !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 2px solid #9A2213 !important;
  box-shadow: 0 6px 18px rgba(154, 34, 19, .26) !important;
  cursor: pointer;
}
html body .topbar .topbar-retards i,
html body .topbar .topbar-retards span { color: #9A2213 !important; }
html body .topbar .topbar-retards .topbar-retards-nombre {
  font-weight: 800 !important;
  font-size: .95rem !important;
  line-height: 1;
}
html body .topbar .topbar-retards .topbar-retards-mot {
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
}

/* Quand c'est VOUS la responsable, le bouton devient plein : on ne peut pas
   le confondre avec une information de pilotage. */
html body .topbar .topbar-retards.personnel {
  background: #9A2213 !important;
  border-color: #fff !important;
  animation: sefa-pulsation 2.4s ease-in-out infinite;
}
html body .topbar .topbar-retards.personnel i,
html body .topbar .topbar-retards.personnel span { color: #fff !important; }

@keyframes sefa-pulsation {
  0%, 100% { box-shadow: 0 6px 18px rgba(154, 34, 19, .30); }
  50%      { box-shadow: 0 6px 26px rgba(154, 34, 19, .62); }
}
@media (prefers-reduced-motion: reduce) {
  html body .topbar .topbar-retards.personnel { animation: none; }
}
@media (max-width: 760px) {
  /* Sur téléphone, le mot disparaît : le chiffre et le triangle suffisent. */
  html body .topbar .topbar-retards .topbar-retards-mot { display: none !important; }
  html body .topbar .topbar-retards { padding: 0 12px !important; }
}

/* --- Les cartes de mission en retard --- */
html body .task.mission-en-retard,
html body .card.mission-en-retard,
html body .mission-en-retard {
  position: relative !important;
  border: 1px solid rgba(154, 34, 19, .34) !important;
  box-shadow: 0 10px 26px rgba(154, 34, 19, .14) !important;
  background: linear-gradient(145deg, #fff, #FFF7F6) !important;
}
/* Le liseré rouge du bord gauche. On passe devant le liseré coloré que les
   anciennes feuilles posaient déjà sur les cartes. */
html body .task.mission-en-retard:before,
html body .card.mission-en-retard:before,
html body .mission-en-retard:before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important; top: 0 !important; bottom: 0 !important;
  right: auto !important;
  width: 5px !important; height: auto !important;
  border-radius: 0 !important;
  background: #9A2213 !important;
  opacity: 1 !important;
  z-index: 3;
}
html body .ruban-retard {
  display: inline-flex; align-items: center; gap: 7px;
  margin-bottom: 10px; padding: 5px 12px;
  border-radius: 999px;
  background: #FAE7E5; color: #9A2213;
  font-size: .7rem; font-weight: 800; letter-spacing: .02em;
}

/* --- Les alertes de retard dans le panneau de notifications --- */
html body .notification-item .notification-icon .fa-triangle-exclamation { color: #9A2213 !important; }
html body .notification-item .notification-icon .fa-clock { color: #A96F06 !important; }

/* Sur la page « Missions en retard », les cartes portent le même signal rouge
   que partout ailleurs : le rouge veut dire la même chose sur tous les écrans. */
html body #summary-late .summary-item,
html body #summary-late .mission-line,
html body #summary-late .summary-list > * {
  border-left: 4px solid #9A2213 !important;
}

/* ===========================================================================
   17. LA FEUILLE DE ROUTE
   ---------------------------------------------------------------------------
   Le document institutionnel du Commissariat Général, rendu vivant. Même
   charte, mêmes codes couleur que le reste : le rouge dit le retard, l'or
   dit l'action, le vert dit l'acquis.
   =========================================================================== */

html body #roadmap { padding-bottom: 60px; }

/* --- Le bandeau --- */
html body .fr-hero {
  position: relative; overflow: hidden;
  padding: 34px 34px 28px;
  border-radius: 28px;
  background: radial-gradient(circle at 88% 10%, rgba(247,171,34,.24), transparent 32%),
              linear-gradient(135deg, #351334 0%, #5B2052 55%, #A63A7E 100%);
  color: #fff;
  box-shadow: 0 24px 60px rgba(53,19,52,.18);
}
html body .fr-hero-eyebrow {
  display: inline-block; padding: 7px 14px; border-radius: 999px;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.26);
  color: #FDE5BA; font-size: .64rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 800;
}
html body .fr-hero h1 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(2rem, 4.6vw, 3rem) !important;
  margin: 16px 0 10px !important; line-height: 1.05 !important; color: #fff !important;
}
html body .fr-hero h1 em {
  font-family: Parisienne, 'Cormorant Garamond', cursive; font-style: normal;
  color: #F8B844; font-size: 1.1em;
}
html body .fr-hero p { max-width: 68ch; color: rgba(255,255,255,.84) !important; margin: 0 0 22px !important; font-size: .93rem; }

html body .fr-hero-chiffres { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
html body .fr-hero-chiffres > div {
  padding: 14px 16px; border-radius: 18px;
  background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.20);
}
html body .fr-hero-chiffres b { display: block; font-family: 'Cormorant Garamond', serif; font-size: 2.1rem; line-height: 1; color: #fff; }
html body .fr-hero-chiffres b i { font-style: normal; font-size: .55em; opacity: .8; }
html body .fr-hero-chiffres span { font-size: .74rem; color: rgba(255,255,255,.76); }
html body .fr-hero-chiffres > div.rouge { background: rgba(154,34,19,.5); border-color: rgba(255,255,255,.34); }
html body .fr-hero-chiffres > div.orange { background: rgba(169,111,6,.45); border-color: rgba(255,255,255,.30); }

html body .fr-avancement { margin-top: 18px; height: 8px; border-radius: 999px; background: rgba(255,255,255,.18); overflow: hidden; }
html body .fr-avancement i { display: block; height: 100%; background: linear-gradient(90deg, #F7AB22, #F8B844); border-radius: 999px; transition: width .5s; }

/* --- Les blocs --- */
html body .fr-bloc { margin-top: 34px; }
html body .fr-bloc-tete { margin-bottom: 16px; }
html body .fr-bloc-tete h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.9rem !important; margin: 0 0 4px !important; color: #331030 !important;
}
html body .fr-bloc-tete p { margin: 0 !important; color: #6B5566 !important; font-size: .9rem; }
html body .fr-vide { padding: 26px; text-align: center; color: #6B5566; background: #fff; border-radius: 20px; border: 1px dashed rgba(75,18,68,.2); }

/* --- Les six portes --- */
html body .fr-portes { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 14px; }
html body .fr-porte {
  position: relative; padding: 18px 18px 16px;
  background: #fff; border: 1px solid rgba(75,18,68,.12); border-radius: 22px;
  box-shadow: 0 8px 22px rgba(53,19,52,.07);
}
html body .fr-porte-code {
  display: inline-block; padding: 4px 11px; border-radius: 999px;
  background: #5B2052; color: #fff !important; font-size: .7rem; font-weight: 800; letter-spacing: .06em;
}
html body .fr-porte b { display: block; margin: 9px 0 2px; font-size: 1rem; color: #331030; }
html body .fr-porte time { display: block; color: #A63A7E; font-size: .8rem; font-weight: 700; }
html body .fr-porte p { margin: 9px 0 6px !important; font-size: .86rem; color: #331030 !important; }
html body .fr-porte small { display: block; color: #6B5566; font-size: .78rem; line-height: 1.5; }
html body .fr-porte.franchie { background: linear-gradient(145deg, #fff, #E0F5EA); border-color: rgba(31,100,64,.3); }
html body .fr-porte.franchie .fr-porte-code { background: #1F6440; }
html body .fr-porte.depassee { border-color: rgba(154,34,19,.4); box-shadow: 0 8px 22px rgba(154,34,19,.14); }
html body .fr-porte.depassee .fr-porte-code { background: #9A2213; }

/* --- Les jalons --- */
html body .fr-mois {
  display: flex; align-items: center; gap: 12px;
  margin: 22px 0 10px;
}
html body .fr-mois:after { content: ''; flex: 1 1 auto; height: 1px; background: rgba(75,18,68,.14); }
html body .fr-mois span {
  font-family: 'Cormorant Garamond', serif; font-size: 1.3rem; color: #88306F; font-weight: 700;
}
html body .fr-jalon {
  display: grid;
  grid-template-columns: 168px minmax(0,1fr) auto;
  gap: 16px; align-items: center;
  padding: 15px 18px; margin-bottom: 9px;
  background: #fff; border: 1px solid rgba(75,18,68,.10); border-radius: 20px;
  box-shadow: 0 4px 14px rgba(53,19,52,.05);
  border-left: 4px solid #E4B4CC;
}
html body .fr-jalon-date b { display: block; font-size: .9rem; color: #331030; }
html body .fr-jalon-date em { font-style: normal; font-size: .74rem; color: #6B5566; }
html body .fr-jalon-date .fr-alerte { color: #9A2213 !important; font-weight: 800; }
html body .fr-jalon-date .fr-ok { color: #1F6440 !important; font-weight: 700; }
html body .fr-jalon-corps h4 { margin: 0 0 7px !important; font-size: 1rem !important; color: #331030 !important; }
html body .fr-jalon-meta { display: flex; gap: 7px; flex-wrap: wrap; }
html body .fr-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 999px;
  background: #F7E8F0; color: #88306F; font-size: .72rem; font-weight: 700;
}
html body .fr-chip.fr-preuve { background: #FEF4E1; color: #A96F06; }
html body .fr-signature { display: block; margin-top: 6px; color: #6B5566; font-size: .7rem; font-style: italic; }
html body .fr-jalon-statut { display: flex; align-items: center; gap: 8px; }

html body .fr-jalon.acheve { border-left-color: #1F6440; background: linear-gradient(145deg, #fff, #F6FCF8); }
html body .fr-jalon.proche { border-left-color: #F7AB22; }
html body .fr-jalon.en-retard {
  border-left-color: #9A2213;
  border-color: rgba(154,34,19,.3);
  background: linear-gradient(145deg, #fff, #FFF7F6);
  box-shadow: 0 8px 22px rgba(154,34,19,.12);
}

/* Les étiquettes de statut : le vocabulaire commun, une couleur par état. */
html body .fr-etiquette, html body .fr-statut-choix {
  padding: 6px 12px; border-radius: 999px;
  font-size: .74rem; font-weight: 800; border: 1px solid transparent;
  background: #F7E8F0; color: #88306F;
}
html body .fr-statut-choix { cursor: pointer; }
html body .fr-etiquette.a-cadrer,  html body .fr-statut-choix.a-cadrer  { background: #F1EDF1; color: #6B5566; }
html body .fr-etiquette.planifiee, html body .fr-statut-choix.planifiee { background: #F7E8F0; color: #88306F; }
html body .fr-etiquette.en-cours,  html body .fr-statut-choix.en-cours  { background: #EFD2E0; color: #5B2052; }
html body .fr-etiquette.a-risque,  html body .fr-statut-choix.a-risque  { background: #FEF4E1; color: #A96F06; }
html body .fr-etiquette.bloquee,   html body .fr-statut-choix.bloquee   { background: #FAE7E5; color: #9A2213; }
html body .fr-etiquette.terminee,  html body .fr-statut-choix.terminee  { background: #E0F5EA; color: #1F6440; }
html body .fr-etiquette.validee,   html body .fr-statut-choix.validee   { background: #1F6440; color: #fff; }
html body .fr-etiquette.a-venir { background: #F1EDF1; color: #6B5566; }
html body .fr-etiquette.franchie { background: #1F6440; color: #fff; }

html body .fr-supprimer {
  width: 30px; height: 30px; border: 0; border-radius: 50%;
  background: #FAE7E5; color: #9A2213 !important; cursor: pointer; font-size: .74rem;
}
html body .fr-confirmation {
  grid-column: 1 / -1;
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin-top: 12px; padding: 11px 14px;
  background: #FAE7E5; border-radius: 14px; font-size: .85rem; font-weight: 600; color: #9A2213;
}
html body .fr-confirmation button {
  border: 0; border-radius: 999px; padding: 7px 14px; cursor: pointer;
  background: #fff; color: #5B2052; font-weight: 700; font-size: .8rem;
}
html body .fr-confirmation button.danger { background: #9A2213; color: #fff; }

html body .fr-ajouter {
  margin-top: 14px; padding: 11px 18px;
  border: 1px dashed rgba(75,18,68,.28); border-radius: 999px;
  background: #fff; color: #88306F; font-weight: 700; cursor: pointer;
}
html body .fr-formulaire {
  margin-top: 14px; padding: 20px; background: #fff;
  border: 1px solid rgba(75,18,68,.12); border-radius: 22px; box-shadow: 0 10px 28px rgba(53,19,52,.08);
}
html body .fr-formulaire h4 { margin: 0 0 14px !important; font-size: 1.05rem !important; }
html body .fr-formulaire-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
html body .fr-formulaire-grille label { display: block; font-size: .74rem; font-weight: 800; color: #88306F; text-transform: uppercase; letter-spacing: .06em; }
html body .fr-formulaire-grille label.large { grid-column: 1 / -1; }
html body .fr-formulaire-grille input { margin-top: 5px; width: 100%; }
html body .fr-formulaire-actions { display: flex; gap: 10px; margin-top: 16px; }

/* --- Les sept jours --- */
html body .fr-jours { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
html body .fr-jour {
  display: grid; grid-template-columns: 74px minmax(0,1fr); gap: 14px; align-items: start;
  padding: 16px 18px; background: #fff;
  border: 1px solid rgba(75,18,68,.10); border-radius: 20px; box-shadow: 0 6px 18px rgba(53,19,52,.06);
}
html body .fr-jour-date {
  text-align: center; padding: 10px 6px; border-radius: 16px;
  background: linear-gradient(135deg, #5B2052, #A63A7E); color: #fff;
}
html body .fr-jour-date b { display: block; font-family: 'Cormorant Garamond', serif; font-size: 1.9rem; line-height: 1; }
html body .fr-jour-date span { font-size: .68rem; opacity: .84; }
html body .fr-jour h4 { margin: 0 0 5px !important; font-size: .98rem !important; color: #331030 !important; }
html body .fr-jour p { margin: 0 0 9px !important; font-size: .84rem; color: #6B5566 !important; line-height: 1.5; }

/* --- La légende --- */
html body .fr-legende-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; }
html body .fr-legende-liste > div {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px; background: #fff; border: 1px solid rgba(75,18,68,.10); border-radius: 16px;
}
html body .fr-legende-liste small { color: #6B5566; font-size: .8rem; }

@media (max-width: 760px) {
  html body .fr-hero { padding: 24px 20px 22px; border-radius: 22px; }
  html body .fr-jalon { grid-template-columns: 1fr; gap: 10px; }
  html body .fr-jalon-statut { justify-content: flex-start; }
  html body .fr-jour { grid-template-columns: 62px minmax(0,1fr); }
}

/* ==========================================================================
   18. ESPACE ADMIN — « TEXTES DU SITE »
   --------------------------------------------------------------------------
   L'écran où la Commissaire Générale corrige chaque mot du portail. À gauche
   le texte d'origine, à droite le texte affiché. Une ligne modifiée se voit
   immédiatement, et se remet à l'origine d'un seul bouton.
   ========================================================================== */

html body .textes-outils {
  display: grid !important;
  grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) auto auto;
  gap: 10px !important;
  align-items: center !important;
  margin: 18px 0 12px !important;
}
html body .textes-outils input[type="text"],
html body .textes-outils #textesRecherche,
html body .textes-outils select {
  width: 100% !important;
  border: 1px solid var(--trait, rgba(75,18,68,.12)) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  background: #fff !important;
  font: 600 .82rem Manrope, sans-serif !important;
  color: var(--encre, #331030) !important;
}
html body .textes-bascule {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  border: 1px solid var(--trait, rgba(75,18,68,.12)) !important;
  border-radius: 14px !important;
  background: #fff !important;
  font: 700 .74rem Manrope, sans-serif !important;
  color: var(--doux, #6B5566) !important;
  text-transform: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
html body .textes-bascule input { width: auto !important; margin: 0 !important; accent-color: #A63A7E; }

html body .textes-compteur {
  padding: 11px 14px !important;
  border-radius: 14px !important;
  background: rgba(166,58,126,.07) !important;
  color: var(--doux, #6B5566) !important;
  font: 700 .74rem Manrope, sans-serif !important;
}
html body .textes-compteur.actif {
  background: rgba(247,171,34,.16) !important;
  color: #8A5A05 !important;
}

html body .textes-groupe {
  margin: 24px 0 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--trait, rgba(75,18,68,.12)) !important;
  font: 700 1.12rem 'Cormorant Garamond', serif !important;
  color: var(--vin, #88306F) !important;
  letter-spacing: .01em !important;
}

html body .textes-liste { display: grid !important; gap: 10px !important; }

html body .texte-ligne {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);
  gap: 14px !important;
  align-items: start !important;
  padding: 13px 15px !important;
  border: 1px solid var(--trait, rgba(75,18,68,.12)) !important;
  border-left: 4px solid transparent !important;
  border-radius: 16px !important;
  background: #fff !important;
}
html body .texte-ligne.modifie {
  border-left-color: #F7AB22 !important;
  background: linear-gradient(180deg, rgba(254,244,225,.75), #fff) !important;
}
html body .texte-origine small {
  display: block !important;
  margin-bottom: 4px !important;
  font: 800 .58rem Manrope, sans-serif !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: rgba(107,85,102,.75) !important;
}
html body .texte-origine span {
  display: block !important;
  font: 500 .82rem/1.5 Manrope, sans-serif !important;
  color: var(--doux, #6B5566) !important;
  overflow-wrap: anywhere !important;
}
html body .texte-champ { display: grid !important; gap: 7px !important; justify-items: start !important; }
html body .texte-champ textarea {
  width: 100% !important;
  min-height: 58px !important;
  border: 1px solid rgba(75,18,68,.16) !important;
  border-radius: 13px !important;
  padding: 10px 12px !important;
  font: 600 .84rem/1.5 Manrope, sans-serif !important;
  color: var(--encre, #331030) !important;
  background: #fff !important;
  resize: vertical !important;
}
html body .texte-champ textarea:focus {
  outline: 3px solid rgba(166,58,126,.22) !important;
  outline-offset: 1px !important;
  border-color: #A63A7E !important;
}
html body .texte-retablir {
  padding: 6px 11px !important;
  font-size: .68rem !important;
  border-radius: 10px !important;
  color: var(--vin, #88306F) !important;
}
html body .texte-retablir[hidden] { display: none !important; }

html body .textes-pied {
  position: sticky !important;
  bottom: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 20px !important;
  padding: 14px 0 4px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), #fff 32%) !important;
}

@media (max-width: 820px) {
  html body .textes-outils { grid-template-columns: 1fr; }
  html body .texte-ligne { grid-template-columns: 1fr; }
  html body .texte-origine span { font-size: .8rem !important; }
}

/* ==========================================================================
   19. LES RESPONSABLES D'UNE MISSION SONT DES PERSONNES
   --------------------------------------------------------------------------
   Le champ texte a disparu : on choisit une ou plusieurs personnes réelles.
   ========================================================================== */

html body .resp-bloc { display: grid !important; gap: 8px !important; }
html body .resp-inconnu {
  display: flex !important; align-items: flex-start !important; gap: 8px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: rgba(247,171,34,.16) !important;
  color: #8A5A05 !important;
  font: 700 .72rem/1.45 Manrope, sans-serif !important;
}
html body .resp-recherche {
  width: 100% !important;
  border: 1px solid var(--trait, rgba(75,18,68,.12)) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  font: 600 .78rem Manrope, sans-serif !important;
}
html body .resp-liste {
  display: grid !important; gap: 6px !important;
  max-height: 260px !important; overflow: auto !important;
  padding: 6px !important;
  border: 1px solid var(--trait, rgba(75,18,68,.12)) !important;
  border-radius: 14px !important;
  background: #fff !important;
}
html body .resp-choix {
  display: flex !important; align-items: center !important; gap: 10px !important;
  margin: 0 !important;
  padding: 9px 11px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  text-transform: none !important;
  cursor: pointer !important;
}
html body .resp-choix:hover { background: rgba(166,58,126,.06) !important; }
html body .resp-choix.actif {
  border-color: rgba(166,58,126,.35) !important;
  background: linear-gradient(180deg, rgba(239,210,224,.5), #fff) !important;
}
html body .resp-choix input { width: auto !important; margin: 0 !important; accent-color: #A63A7E; }
html body .resp-choix span { display: grid !important; min-width: 0 !important; }
html body .resp-choix b { font: 700 .8rem Manrope, sans-serif !important; color: var(--encre, #331030) !important; }
html body .resp-choix small {
  font: 600 .66rem Manrope, sans-serif !important;
  color: var(--doux, #6B5566) !important;
  text-transform: none !important; letter-spacing: 0 !important;
}
html body .resp-choix em {
  margin-left: auto !important;
  padding: 3px 8px !important; border-radius: 999px !important;
  background: rgba(107,85,102,.12) !important;
  color: var(--doux, #6B5566) !important;
  font: 800 .58rem Manrope, sans-serif !important; font-style: normal !important;
}
html body .resp-choix[hidden] { display: none !important; }
html body .resp-aide {
  color: var(--doux, #6B5566) !important;
  font: 600 .68rem/1.45 Manrope, sans-serif !important;
  text-transform: none !important;
}

/* ==========================================================================
   20. LA BOUCLE MISSION → RAPPORT → VALIDATION
   --------------------------------------------------------------------------
   « Terminée » veut dire « je pense avoir fini ». La mission attend ensuite la
   décision du Commissariat Général, et le rapport attendu se voit d'un coup d'œil.
   ========================================================================== */

html body .mission-validation,
html body .mission-rapport {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 11px 0 0 !important;
  padding: 11px 13px !important;
  border-radius: 14px !important;
  font: 600 .75rem/1.45 Manrope, sans-serif !important;
}
html body .mission-validation span { display: grid !important; min-width: 0 !important; }
html body .mission-validation b { font: 800 .76rem Manrope, sans-serif !important; }
html body .mission-validation small {
  color: inherit !important; opacity: .82 !important;
  font: 600 .68rem/1.4 Manrope, sans-serif !important;
}
html body .mission-validation.attente {
  background: rgba(247,171,34,.15) !important; color: #7E5304 !important;
  border: 1px solid rgba(247,171,34,.42) !important;
}
html body .mission-validation.renvoyee {
  background: rgba(154,34,19,.09) !important; color: #8A2113 !important;
  border: 1px solid rgba(154,34,19,.28) !important;
}
html body .mission-validation.validee {
  background: rgba(31,100,64,.10) !important; color: #1B5837 !important;
  border: 1px solid rgba(31,100,64,.24) !important;
}
html body .mission-validation-actions { display: flex !important; gap: 8px !important; margin-left: auto !important; }
html body .mission-validation-actions .btn { padding: 7px 12px !important; font-size: .7rem !important; }

html body .mission-rapport.ok {
  background: rgba(31,100,64,.08) !important; color: #1B5837 !important;
  border: 1px solid rgba(31,100,64,.2) !important;
}
html body .mission-rapport.manque {
  background: rgba(166,58,126,.08) !important; color: #7C2A5D !important;
  border: 1px solid rgba(166,58,126,.24) !important;
}
html body .mission-rapport .btn { margin-left: auto !important; padding: 7px 12px !important; font-size: .7rem !important; }

html body .validation-row em { color: #9A2213 !important; font-style: normal !important; font-weight: 800 !important; }
html body #validationCount { background: rgba(247,171,34,.2) !important; color: #7E5304 !important; }

/* ==========================================================================
   21. LE CALENDRIER DU COMITÉ ET LES TROUS À COMBLER
   ========================================================================== */

html body .cal-barre {
  display: flex !important; align-items: center !important; flex-wrap: wrap !important;
  gap: 10px !important; margin: 4px 0 14px !important;
}
html body .cal-barre b { font: 700 1.25rem 'Cormorant Garamond', serif !important; color: var(--vin, #88306F) !important; min-width: 170px !important; }
html body .cal-legende {
  display: flex !important; align-items: center !important; gap: 7px !important;
  margin-left: auto !important; flex-wrap: wrap !important;
  color: var(--doux, #6B5566) !important; font: 700 .68rem Manrope, sans-serif !important;
}
html body .cal-legende .pt { margin-left: 8px !important; }
html body .pt { width: 8px !important; height: 8px !important; border-radius: 50% !important; display: inline-block !important; flex: 0 0 8px !important; }
html body .pt.reunion { background: #A63A7E !important; }
html body .pt.mission { background: #F7AB22 !important; }
html body .pt.rapport { background: #1F6440 !important; }
html body .pt.jalon   { background: #5B2052 !important; }

html body .cal-carte { padding: 14px !important; }
html body .cal-entetes, html body .cal-grille { display: grid !important; grid-template-columns: repeat(7, minmax(0,1fr)) !important; gap: 6px !important; }
html body .cal-entetes span {
  text-align: center !important; padding-bottom: 6px !important;
  font: 800 .62rem Manrope, sans-serif !important; text-transform: uppercase !important;
  letter-spacing: .08em !important; color: var(--doux, #6B5566) !important;
}
html body .cal-case {
  position: relative !important;
  min-height: 62px !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; gap: 5px !important;
  padding: 8px 4px !important;
  border: 1px solid var(--trait, rgba(75,18,68,.1)) !important;
  border-radius: 13px !important;
  background: #fff !important;
  cursor: default !important;
}
html body .cal-case b { font: 700 .82rem Manrope, sans-serif !important; color: var(--encre, #331030) !important; }
html body .cal-case.hors { opacity: .34 !important; }
html body .cal-case.remplie { cursor: pointer !important; border-color: rgba(166,58,126,.3) !important; }
html body .cal-case.remplie:hover { background: rgba(166,58,126,.07) !important; }
html body .cal-case.aujourdhui { border: 2px solid #A63A7E !important; background: rgba(166,58,126,.08) !important; }
html body .cal-points { display: flex !important; gap: 3px !important; }
html body .cal-case em {
  position: absolute !important; top: 5px !important; right: 6px !important;
  font-style: normal !important; font: 800 .58rem Manrope, sans-serif !important;
  color: var(--doux, #6B5566) !important;
}

html body .cal-agenda { display: grid !important; gap: 10px !important; margin-top: 16px !important; }
html body .cal-jour {
  display: grid !important; grid-template-columns: 78px minmax(0,1fr) !important; gap: 12px !important;
  padding: 13px 15px !important;
  border: 1px solid var(--trait, rgba(75,18,68,.11)) !important;
  border-radius: 18px !important; background: #fff !important;
  transition: box-shadow .25s ease !important;
}
html body .cal-jour.passe { opacity: .58 !important; }
html body .cal-jour.vise { box-shadow: 0 0 0 3px rgba(166,58,126,.28) !important; }
html body .cal-jour h4 { margin: 0 !important; display: grid !important; gap: 2px !important; }
html body .cal-jour h4 b { font: 700 1.7rem 'Cormorant Garamond', serif !important; color: var(--vin, #88306F) !important; line-height: 1 !important; }
html body .cal-jour h4 span { font: 700 .66rem Manrope, sans-serif !important; color: var(--doux, #6B5566) !important; }
html body .cal-evt {
  display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important;
  margin-bottom: 6px !important; padding: 10px 12px !important;
  border: 1px solid var(--trait, rgba(75,18,68,.1)) !important; border-radius: 13px !important;
  background: #fffdfe !important; text-align: left !important; cursor: pointer !important;
}
html body .cal-evt:hover { background: rgba(166,58,126,.06) !important; }
html body .cal-evt span:nth-child(2) { display: grid !important; min-width: 0 !important; }
html body .cal-evt b { font: 700 .8rem Manrope, sans-serif !important; color: var(--encre, #331030) !important; }
html body .cal-evt small { font: 600 .68rem Manrope, sans-serif !important; color: var(--doux, #6B5566) !important; }
html body .cal-evt i { margin-left: auto !important; color: var(--vin, #88306F) !important; }

html body .trou {
  display: flex !important; align-items: flex-start !important; gap: 14px !important;
  margin-bottom: 10px !important; padding: 14px 16px !important;
  border: 1px solid var(--trait, rgba(75,18,68,.12)) !important;
  border-left: 5px solid #C9A227 !important;
  border-radius: 16px !important; background: #fff !important;
}
html body .trou.haute { border-left-color: #9A2213 !important; background: linear-gradient(180deg, rgba(154,34,19,.05), #fff) !important; }
html body .trou.moyenne { border-left-color: #F7AB22 !important; }
html body .trou.basse { border-left-color: rgba(107,85,102,.4) !important; }
html body .trou b { display: block !important; font: 800 .86rem Manrope, sans-serif !important; color: var(--encre, #331030) !important; }
html body .trou b span {
  display: inline-block !important; margin-left: 6px !important;
  padding: 2px 8px !important; border-radius: 999px !important;
  background: rgba(154,34,19,.12) !important; color: #8A2113 !important;
  font: 800 .66rem Manrope, sans-serif !important;
}
html body .trou p { margin: 4px 0 8px !important; color: var(--doux, #6B5566) !important; font: 600 .75rem/1.5 Manrope, sans-serif !important; }
html body .trou ul { margin: 0 !important; padding-left: 18px !important; }
html body .trou li { color: var(--doux, #6B5566) !important; font: 600 .72rem/1.6 Manrope, sans-serif !important; }
html body .trou li.reste { list-style: none !important; margin-left: -14px !important; opacity: .75 !important; font-style: italic !important; }
html body .trou > .btn { margin-left: auto !important; white-space: nowrap !important; }

@media (max-width: 820px) {
  html body .cal-case { min-height: 50px !important; }
  html body .cal-legende { margin-left: 0 !important; width: 100% !important; }
  html body .cal-jour { grid-template-columns: 58px minmax(0,1fr) !important; }
  html body .trou { flex-direction: column !important; }
  html body .trou > .btn { margin-left: 0 !important; }
}

/* ==========================================================================
   22. UN ACCUEIL QUI VA À L'ESSENTIEL
   --------------------------------------------------------------------------
   Les grandes cartes de raccourcis et la vitrine Event Flow répétaient le
   menu : près de 2 000 pixels avant d'arriver aux annonces du comité. Elles
   se rallument depuis Administration → Personnalisation.
   ========================================================================== */
html body.accueil-sans-raccourcis #dashboard > .home-actions { display: none !important; }
html body.accueil-sans-vitrine    #dashboard > .eventflow-showcase { display: none !important; }
html body.accueil-sans-equipes    #dashboard > .committee-flow-home { display: none !important; }
html body.accueil-sans-intertitre #dashboard > .home-v14-rest-label { display: none !important; }

/* Event Flow : le bouton qui ouvre les espaces encore vides. */
html body #tabs .bascule-vides {
  border: 1px dashed rgba(166,58,126,.45) !important;
  background: transparent !important;
  color: #88306F !important;
  font-weight: 800 !important;
}

/* Calendrier : les deux points de couleur ajoutés par l'espace Partenariats. */
html body .pt.relance    { background: #9A2213 !important; }
html body .pt.rendezvous { background: #0F766E !important; }
html body .pt.paiement { background: #B45309 !important; }

/* Le poste de commandement : première entrée du menu, mise en avant. */
html body #sidebar .nav a.lien-commandement {
  background: linear-gradient(135deg, rgba(247,171,34,.24), rgba(255,255,255,.08)) !important;
  border: 1px solid rgba(247,171,34,.4) !important;
  color: #FDE7B8 !important;
  font-weight: 800 !important;
}
html body #sidebar .nav a.lien-commandement:hover { background: rgba(247,171,34,.32) !important; }

/* ==========================================================================
   23. LES PIÈCES JOINTES DE LA MESSAGERIE
   --------------------------------------------------------------------------
   Une photo s'affiche dans la bulle et s'agrandit au clic ; un document
   apparaît comme une carte. Comme dans WhatsApp, sans quitter la conversation.
   ========================================================================== */

html body .msg-joindre {
  flex: 0 0 auto !important;
  width: 40px !important; height: 40px !important;
  display: grid !important; place-items: center !important;
  border: 0 !important; border-radius: 50% !important;
  background: transparent !important;
  color: #88306F !important;
  font-size: 1.05rem !important;
  cursor: pointer !important;
}
html body .msg-joindre:hover { background: rgba(166,58,126,.1) !important; }

html body .msg-apercu-envoi,
html body .salon-apercu {
  display: flex !important; gap: 8px !important; flex-wrap: wrap !important;
  padding: 10px 12px !important;
  border-top: 1px solid var(--trait, rgba(75,18,68,.12)) !important;
  background: #FBF4F7 !important;
}
html body .msg-apercu-envoi[hidden],
html body .salon-apercu[hidden] { display: none !important; }
html body .msg-a-envoyer {
  display: flex !important; align-items: center !important; gap: 9px !important;
  padding: 7px 10px !important; border-radius: 12px !important;
  background: #fff !important; border: 1px solid var(--trait, rgba(75,18,68,.12)) !important;
  max-width: 260px !important;
}
html body .msg-a-envoyer img {
  width: 38px !important; height: 38px !important; object-fit: cover !important;
  border-radius: 9px !important; flex: 0 0 38px !important;
}
html body .msg-a-envoyer > i { font-size: 1.3rem !important; color: #88306F !important; }
html body .msg-a-envoyer span { display: grid !important; min-width: 0 !important; }
html body .msg-a-envoyer b {
  font: 700 .72rem Manrope, sans-serif !important; color: #331030 !important;
  overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
}
html body .msg-a-envoyer small { font: 600 .62rem Manrope, sans-serif !important; color: #6B5566 !important; }
html body .msg-a-envoyer button {
  margin-left: auto !important; border: 0 !important; background: transparent !important;
  color: #9A2213 !important; cursor: pointer !important; font-size: .9rem !important;
}

html body .msg-image {
  display: block !important; padding: 0 !important; border: 0 !important;
  background: transparent !important; cursor: zoom-in !important;
  border-radius: 14px !important; overflow: hidden !important;
  margin-bottom: 6px !important; max-width: 100% !important;
}
html body .msg-image img {
  display: block !important; max-width: min(320px, 100%) !important;
  max-height: 340px !important; width: auto !important; height: auto !important;
  border-radius: 14px !important; object-fit: cover !important;
}
html body .msg-document {
  display: flex !important; align-items: center !important; gap: 10px !important;
  margin-bottom: 6px !important; padding: 10px 12px !important;
  border-radius: 13px !important; text-decoration: none !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(75,18,68,.14) !important;
}
html body .private-message.mine .msg-document { background: rgba(255,255,255,.2) !important; border-color: rgba(255,255,255,.32) !important; }
html body .msg-document > i:first-child { font-size: 1.35rem !important; color: #88306F !important; }
html body .private-message.mine .msg-document > i { color: #fff !important; }
html body .msg-document span { display: grid !important; min-width: 0 !important; }
html body .msg-document b {
  font: 700 .78rem Manrope, sans-serif !important; color: #331030 !important;
  overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
}
html body .msg-document small { font: 600 .64rem Manrope, sans-serif !important; color: #6B5566 !important; }
html body .private-message.mine .msg-document b,
html body .private-message.mine .msg-document small { color: #fff !important; }
html body .msg-document > i:last-child { margin-left: auto !important; color: #88306F !important; }
html body .msg-audio { display: block !important; width: min(280px, 100%) !important; margin-bottom: 6px !important; }

html body #inboxConversation.depot { outline: 3px dashed rgba(247,171,34,.8) !important; outline-offset: -8px !important; }
html body .msg-envoi-en-cours {
  align-self: center !important;
  margin: 8px auto !important; padding: 7px 14px !important;
  border-radius: 999px !important;
  background: rgba(166,58,126,.12) !important; color: #88306F !important;
  font: 700 .7rem Manrope, sans-serif !important;
}

html body .msg-visionneuse {
  position: fixed !important; inset: 0 !important; z-index: 400 !important;
  display: none !important; align-items: center !important; justify-content: center !important;
  padding: 30px 18px !important; background: rgba(20,4,18,.9) !important;
}
html body .msg-visionneuse.ouverte { display: flex !important; }
html body .msg-visionneuse img {
  max-width: 100% !important; max-height: 84vh !important;
  border-radius: 14px !important; box-shadow: 0 30px 80px rgba(0,0,0,.5) !important;
}
html body .msg-visionneuse .msg-fermer {
  position: absolute !important; top: 18px !important; right: 18px !important;
  width: 44px !important; height: 44px !important; border-radius: 50% !important;
  border: 0 !important; background: rgba(255,255,255,.15) !important; color: #fff !important;
  font-size: 1.2rem !important; cursor: pointer !important;
}
html body .msg-visionneuse .msg-telecharger {
  position: absolute !important; bottom: 22px !important; left: 50% !important;
  transform: translateX(-50%) !important;
  padding: 10px 18px !important; border-radius: 999px !important;
  background: #fff !important; color: #88306F !important;
  font: 800 .76rem Manrope, sans-serif !important; text-decoration: none !important;
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
}

/* ==========================================================================
   24. NOTER UNE IDÉE DEPUIS N'IMPORTE OÙ
   ========================================================================== */
html body .topbar .btn.topbar-idee {
  background: linear-gradient(135deg, #F7AB22, #FDD37A) !important;
  border: 0 !important; color: #4A3200 !important;
  width: 42px !important; height: 42px !important;
  padding: 0 !important; border-radius: 14px !important;
  display: grid !important; place-items: center !important;
  font-size: 1rem !important;
}
html body .topbar .btn.topbar-idee i { color: #4A3200 !important; }
html body .topbar .btn.topbar-idee:hover { filter: brightness(1.06) !important; }

html body .idee-voile {
  position: fixed !important; inset: 0 !important; z-index: 320 !important;
  display: flex !important; align-items: flex-start !important; justify-content: center !important;
  padding: 60px 16px 20px !important;
  background: rgba(40, 8, 36, .5) !important; backdrop-filter: blur(3px) !important;
  overflow: auto !important;
}
html body .idee-voile[hidden] { display: none !important; }
html body .idee-boite {
  width: min(600px, 100%) !important;
  padding: 22px 24px 24px !important;
  border-radius: 24px !important;
  background: #FBF4F7 !important;
  box-shadow: 0 30px 80px rgba(40, 8, 36, .34) !important;
}
html body .idee-boite h3 {
  margin: 0 0 6px !important;
  font: 700 1.5rem 'Cormorant Garamond', serif !important;
  color: #3B1238 !important;
  display: flex !important; align-items: center !important; gap: 10px !important;
}
html body .idee-boite h3 i { color: #F7AB22 !important; }
html body .idee-boite p {
  margin: 0 0 12px !important;
  color: #6B5566 !important; font: 600 .78rem/1.55 Manrope, sans-serif !important;
}
html body .idee-boite textarea {
  width: 100% !important; min-height: 110px !important;
  border: 1px solid rgba(75,18,68,.14) !important; border-radius: 14px !important;
  padding: 13px 15px !important;
  font: 600 .9rem/1.6 Manrope, sans-serif !important; color: #331030 !important;
  background: #fff !important; resize: vertical !important;
}
html body .idee-cats { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; margin-top: 11px !important; }
html body .idee-cat {
  border: 1px solid rgba(75,18,68,.14) !important; background: #fff !important;
  color: #88306F !important; padding: 7px 12px !important; border-radius: 999px !important;
  font: 800 .68rem Manrope, sans-serif !important; cursor: pointer !important;
}
html body .idee-cat.actif { background: #88306F !important; border-color: #88306F !important; color: #fff !important; }
html body .idee-pied { display: flex !important; gap: 9px !important; flex-wrap: wrap !important; margin-top: 16px !important; }


/* ==== 25. STABILITÉ SUR TÉLÉPHONE ====================================
 * La page ne doit ni rebondir, ni glisser toute seule, ni se dézoomer.
 * Le zoom par pincement est neutralisé (le réglage viewport fait le
 * gros du travail ; ceci rattrape les navigateurs qui l'ignorent). */
html, body { overscroll-behavior: none; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { touch-action: pan-x pan-y; }
button, a, .btn, .b, input, select, textarea, label { touch-action: manipulation; }

/* ==== 26. LE VRAI MESSAGER (V45) =====================================
 * Citations, réactions, vocaux, autocollants, palette, notifications. */

/* La citation dans la bulle : un liseré, l'auteur, l'extrait. */
.msg-citation{display:block;width:100%;text-align:left;margin:0 0 7px;padding:8px 11px;border:0;cursor:pointer;
  border-left:3px solid var(--magenta,#A63A7E);border-radius:10px;background:rgba(136,48,111,.07)}
.private-message.mine .msg-citation{background:rgba(255,255,255,.5)}
.msg-citation b{display:block;font-size:.68rem;color:var(--vin,#88306F)}
.msg-citation span{display:block;font-size:.74rem;color:#6B5566;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Les réactions posées sous la bulle. */
.msg-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
.msg-reaction{border:1px solid rgba(136,48,111,.18);background:#fff;border-radius:999px;padding:2px 8px;
  font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;line-height:1.4}
.msg-reaction em{font-style:normal;font-size:.66rem;font-weight:800;color:var(--vin,#88306F)}
.msg-reaction.moi{background:rgba(136,48,111,.12);border-color:var(--magenta,#A63A7E)}

/* La barre de réactions rapides, posée sur la bulle. */
.msg-barre-reactions{position:absolute;bottom:calc(100% + 4px);left:0;z-index:30;display:flex;gap:2px;
  padding:5px 7px;border-radius:999px;background:#fff;box-shadow:0 10px 30px rgba(60,14,50,.25)}
.msg-barre-reactions button{border:0;background:none;font-size:1.15rem;cursor:pointer;padding:3px 5px;
  border-radius:50%;transition:transform .12s}
.msg-barre-reactions button:hover{transform:scale(1.3)}
.inbox-bulle,.chat .bubble{position:relative}

/* Réagir / répondre : les petites poignées du salon. */
.salon-gestes{position:absolute;top:4px;right:6px;display:none;gap:3px}
.chat .bubble:hover .salon-gestes{display:inline-flex}
.salon-gestes button{border:0;background:rgba(255,255,255,.85);border-radius:8px;width:26px;height:26px;
  cursor:pointer;color:#88306F;font-size:.72rem}

/* La barre « en réponse à » au-dessus du composeur. */
.msg-reponse{display:flex;align-items:center;gap:10px;margin:0 12px 6px;padding:9px 12px;border-radius:14px;
  background:rgba(136,48,111,.08);border-left:3px solid var(--magenta,#A63A7E)}
.msg-reponse i.fa-reply{color:var(--vin,#88306F)}
.msg-reponse span{flex:1;min-width:0}
.msg-reponse b{display:block;font-size:.7rem;color:var(--vin,#88306F)}
.msg-reponse small{display:block;font-size:.74rem;color:#6B5566;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg-reponse button{border:0;background:none;cursor:pointer;color:#6B5566;width:28px;height:28px}

/* L'enregistrement du vocal. */
.msg-enregistrement{display:flex;align-items:center;gap:12px;margin:0 12px 6px;padding:11px 15px;border-radius:16px;
  background:rgba(154,34,19,.07);border:1px solid rgba(154,34,19,.2)}
.msg-enregistrement .point{width:11px;height:11px;border-radius:50%;background:#D0342C;animation:sefaPulse 1s infinite}
@keyframes sefaPulse{50%{opacity:.25}}
.msg-enregistrement b{font-variant-numeric:tabular-nums;color:#8f1f18}
.msg-enr-texte{flex:1;font-size:.78rem;color:#8f1f18;font-weight:700}
.msg-enregistrement .b-annuler,.msg-enregistrement .b-envoyer{border:0;width:38px;height:38px;border-radius:50%;cursor:pointer}
.msg-enregistrement .b-annuler{background:rgba(154,34,19,.12);color:#9A2213}
.msg-enregistrement .b-envoyer{background:linear-gradient(135deg,#88306F,#A63A7E);color:#fff}

/* La bulle vocale. */
.msg-vocal{display:flex;align-items:center;gap:8px;margin:2px 0}
.msg-vocal i{color:var(--vin,#88306F)}
.msg-vocal audio{height:36px;max-width:220px}
.msg-vocal em{font-style:normal;font-size:.68rem;font-weight:800;color:#6B5566}

/* Le message-autocollant : l'émoji en très grand, sans bulle chargée. */
p.msg-autocollant{font-size:2.9rem;line-height:1.15;margin:2px 0}

/* Le bouton micro du composeur. */
.msg-micro{border:0;background:none;cursor:pointer;color:var(--vin,#88306F);font-size:1.05rem;
  width:38px;height:38px;border-radius:50%}
.msg-micro:hover{background:rgba(136,48,111,.08)}

/* La palette riche : onglets Émojis / Autocollants. */
.msg-palette .palette-onglets{display:flex;gap:6px;margin-bottom:8px}
.msg-palette .palette-onglets button{border:1px solid rgba(136,48,111,.18);background:#fff;border-radius:999px;
  padding:6px 14px;font-size:.72rem;font-weight:800;color:#88306F;cursor:pointer}
.msg-palette .palette-onglets button.actif{background:linear-gradient(135deg,#88306F,#A63A7E);color:#fff;border-color:transparent}
.msg-palette small{display:block;margin:7px 2px 3px;font-size:.62rem;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:#6B5566}
.msg-palette .palette-grille{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
.msg-palette .palette-grille button{border:0;background:none;font-size:1.25rem;cursor:pointer;padding:5px 0;border-radius:9px}
.msg-palette .palette-grille button:hover{background:rgba(136,48,111,.09)}
.msg-palette .palette-grille.grands{grid-template-columns:repeat(6,1fr)}
.msg-palette .palette-grille.grands button{font-size:2.1rem;padding:8px 0}
.msg-palette .palette-corps{max-height:240px;overflow:auto}
#salonPalette{margin:0 12px 6px;padding:10px 12px;border-radius:16px;background:#fff;
  border:1px solid rgba(136,48,111,.14);box-shadow:0 12px 30px rgba(60,14,50,.12)}

/* Le bandeau d'invitation aux notifications. */
.bandeau-push{display:flex;align-items:center;gap:12px;margin:10px 12px;padding:12px 15px;border-radius:16px;
  background:linear-gradient(120deg,rgba(136,48,111,.1),rgba(247,171,34,.12));border:1px solid rgba(136,48,111,.2)}
.bandeau-push>i{font-size:1.2rem;color:var(--vin,#88306F)}
.bandeau-push span{flex:1;min-width:0}
.bandeau-push b{display:block;font-size:.8rem;color:#3B1238}
.bandeau-push small{display:block;font-size:.72rem;color:#6B5566;line-height:1.5}
.bandeau-push .activer{border:0;background:linear-gradient(135deg,#88306F,#A63A7E);color:#fff;border-radius:999px;
  padding:9px 16px;font-weight:800;font-size:.74rem;cursor:pointer;white-space:nowrap}
.bandeau-push button:not(.activer){border:0;background:none;cursor:pointer;color:#6B5566;width:30px;height:30px}

/* Le message retrouvé par sa citation s'illumine un instant. */
.msg-surligne .inbox-bulle,.msg-surligne .bubble{box-shadow:0 0 0 3px rgba(247,171,34,.65);transition:box-shadow .3s}

/* La palette riche (V45) est en bloc, pas en flex : l'ancienne règle
 * s'appliquait à la palette simple d'avant. */
html body .msg-palette{display:block}
html body .msg-palette .palette-grille button{width:auto;height:auto;background:none}
html body .msg-palette .palette-grille button:hover{background:rgba(136,48,111,.09)}
html body .msg-palette .palette-onglets button{width:auto;height:auto;font-size:.72rem}

/* ==== 27. FEUILLE D'ACTIONS DU MESSAGER + RAPPORTS DISCRETS (V46) ==== */

/* La feuille qui monte du bas de l'écran, comme WhatsApp. */
.msg-feuille-voile{position:fixed;inset:0;z-index:1200;background:rgba(40,8,36,.45);
  display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .18s}
.msg-feuille-voile.visible{opacity:1}
.msg-feuille{width:min(520px,100%);background:#fff;border-radius:26px 26px 0 0;padding:10px 18px calc(26px + env(safe-area-inset-bottom));
  transform:translateY(24px);transition:transform .2s ease;box-shadow:0 -18px 50px rgba(40,8,36,.3)}
.msg-feuille-voile.visible .msg-feuille{transform:translateY(0)}
.msg-feuille .poignee{width:44px;height:5px;border-radius:999px;background:rgba(75,18,68,.18);margin:4px auto 12px}
.feuille-extrait{font-size:.74rem;color:#6B5566;padding:0 4px 10px;border-bottom:1px solid rgba(75,18,68,.08);
  margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feuille-reactions{display:flex;justify-content:space-between;gap:4px;padding:2px 4px 12px}
.feuille-reactions button{border:0;background:#FBF4F7;border-radius:50%;width:46px;height:46px;
  font-size:1.45rem;cursor:pointer;transition:transform .12s}
.feuille-reactions button:active{transform:scale(1.25)}
.feuille-actions{display:grid;gap:4px}
.feuille-actions button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;
  padding:13px 10px;border-radius:14px;font:700 .9rem/1 inherit;color:#331030;cursor:pointer;text-align:left}
.feuille-actions button i{width:22px;text-align:center;color:#88306F}
.feuille-actions button:hover{background:#FBF4F7}
.feuille-actions button.danger{color:#9A2213}
.feuille-actions button.danger i{color:#9A2213}
body.msg-feuille-ouverte{overflow:hidden}

/* Les rapports : une liste de petites lignes, un clic pour déplier. */
.rapport-liste{display:grid;gap:8px;margin-top:12px}
.rapport-ligne{border:1px solid rgba(75,18,68,.12);border-radius:16px;background:#fff;cursor:pointer;
  padding:0;overflow:hidden;transition:box-shadow .15s}
.rapport-ligne:hover{box-shadow:0 8px 22px rgba(136,48,111,.1)}
.rapport-tete{display:flex;align-items:center;gap:12px;padding:12px 15px}
.rapport-tete>i.fa-file-lines{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;
  background:#FBF4F7;color:#88306F;font-size:.9rem}
.rapport-titre{flex:1;min-width:0}
.rapport-titre b{display:block;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rapport-titre small{display:block;margin-top:2px;font-size:.68rem;color:#6B5566;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rapport-chev{color:#88306F;font-size:.72rem;transition:transform .18s}
.rapport-ligne.ouvert .rapport-chev{transform:rotate(180deg)}
.rapport-corps{display:none;padding:0 15px 14px;border-top:1px dashed rgba(75,18,68,.1)}
.rapport-ligne.ouvert .rapport-corps{display:block}
.rapport-corps p{margin:10px 0;font-size:.82rem;line-height:1.6;white-space:pre-wrap}

/* La fenêtre de dépôt, petite et posée par-dessus. */
.rapport-voile{position:fixed;inset:0;z-index:300;background:rgba(40,8,36,.5);backdrop-filter:blur(3px);
  display:flex;align-items:flex-start;justify-content:center;padding:26px 14px;overflow:auto}
.rapport-voile[hidden]{display:none}
.rapport-fenetre{width:min(560px,100%);background:#fff;border-radius:22px;padding:18px 20px 22px}
.rapport-fenetre header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.rapport-fenetre header h3{margin:0;font-size:1.05rem;color:#3B1238;display:flex;align-items:center;gap:9px}
.rapport-fenetre header button{border:0;background:#FBF4F7;width:34px;height:34px;border-radius:11px;
  cursor:pointer;color:#6B5566}
.rapport-fenetre label{display:block;margin:11px 0 4px;font-size:.66rem;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;color:#6B5566}
.rapport-fenetre input,.rapport-fenetre select,.rapport-fenetre textarea{width:100%;border:1px solid rgba(75,18,68,.14);
  border-radius:12px;padding:10px 12px;font:600 .84rem inherit;background:#FFFCFD}
.rapport-fenetre textarea{min-height:110px;resize:vertical}

/* La cloche des notifications dans l'en-tête de la messagerie. */
.msg-cloche{border:0;background:rgba(136,48,111,.08);color:#88306F;width:36px;height:36px;border-radius:12px;
  cursor:pointer;font-size:.95rem;flex:0 0 36px}
.msg-cloche.active{background:linear-gradient(135deg,#88306F,#A63A7E);color:#fff}

/* ==== 28. LES SALONS, STABLES ET BEAUX (V48) =========================
   La messagerie des commissions refaite à l'image de WhatsApp :
   une liste de salons claire, des bulles groupées par personne,
   des prénoms colorés, des photos qui réservent leur place
   avant même d'arriver — la page ne saute plus jamais. */

/* --- La liste des salons, à gauche. --- */
html body .salons-titre {
  display: flex; align-items: center; gap: 9px;
  padding: 4px 6px 12px; font: 800 .72rem Manrope, sans-serif;
  letter-spacing: .08em; text-transform: uppercase; color: #6B5566;
}
html body .salons-titre i { color: #88306F; }
html body .channels { display: grid !important; gap: 6px !important; padding: 14px !important; }
html body .channels .salon-carte {
  display: flex !important; align-items: center !important; gap: 11px !important;
  width: 100% !important; padding: 11px 12px !important; border: 0 !important;
  border-radius: 16px !important; background: transparent !important;
  text-align: left !important; cursor: pointer;
}
html body .channels .salon-carte:hover { background: #FBF4F7 !important; }
html body .channels .salon-carte.active { background: #F6E8EF !important; }
html body .salon-rond {
  flex: 0 0 38px; width: 38px; height: 38px; border-radius: 13px;
  display: grid; place-items: center;
  font: 800 1.05rem Manrope, sans-serif;
}
html body .salon-logo {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(75,18,68,.10);
  box-shadow: 0 5px 14px rgba(75,18,68,.08);
}
html body .salon-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html body .salon-infos { flex: 1; min-width: 0; display: grid; }
html body .salon-infos b {
  font: 800 .8rem Manrope, sans-serif; color: #331030;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html body .salon-carte.active .salon-infos b { color: #6E1D5C; }
html body .salon-infos small {
  margin-top: 2px; font: 600 .68rem Manrope, sans-serif; color: #887A87;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html body .salon-carte time {
  flex: 0 0 auto; font: 700 .6rem Manrope, sans-serif; color: #B29DAC;
  align-self: flex-start; margin-top: 3px;
}

/* --- Le fil du salon : des bulles groupées, comme WhatsApp. --- */
html body .chat .messages {
  display: flex !important; flex-direction: column !important;
  gap: 2px !important; padding: 16px 14px !important;
  background: #FBF6F4 !important;
}
html body .salon-msg {
  display: flex; align-items: flex-end; gap: 8px;
  max-width: min(78%, 560px); margin: 0;
}
html body .salon-msg.en-attente { opacity: .66; }
html body .salon-msg.debut { margin-top: 10px; }
html body .salon-msg.mien { margin-left: auto; flex-direction: row-reverse; }
html body .salon-msg.mien .salon-avatar-place { display: none; }
html body .salon-avatar {
  flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center; color: #fff;
  font: 800 .62rem Manrope, sans-serif; letter-spacing: .02em;
  box-shadow: 0 4px 10px rgba(53, 19, 52, .18);
}
html body .salon-avatar,
html body .salon-auteur-photo {
  position: relative;
  overflow: hidden;
}
html body .salon-avatar > span,
html body .salon-auteur-photo > span {
  position: relative;
  z-index: 1;
}
html body .salon-avatar img,
html body .salon-auteur-photo img {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html body .salon-auteur {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}
html body .salon-auteur-photo {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  font: 800 .46rem Manrope, sans-serif;
}
html body .salon-avatar-place { flex: 0 0 30px; width: 30px; }
html body .salon-bulle {
  position: relative; min-width: 0;
  padding: 8px 12px 6px; border-radius: 18px;
  background: #fff; color: #2E1128;
  box-shadow: 0 2px 6px rgba(53, 19, 52, .07);
}
html body .salon-msg:not(.mien).fin  .salon-bulle { border-bottom-left-radius: 6px; }
html body .salon-msg.mien.fin        .salon-bulle { border-bottom-right-radius: 6px; }
html body .salon-msg.mien .salon-bulle {
  background: linear-gradient(135deg, #7C2467, #A63A7E); color: #fff;
}
html body .salon-bulle p {
  margin: 2px 0 0; font-size: .82rem; line-height: 1.5;
  overflow-wrap: anywhere; white-space: pre-wrap;
}
html body .salon-auteur { display: block; font: 800 .68rem Manrope, sans-serif; margin-bottom: 2px; }
html body .salon-heure {
  display: block; text-align: right; margin-top: 3px;
  font-size: .58rem; color: #A08CA0;
}
html body .salon-msg.mien .salon-heure { color: rgba(255, 255, 255, .72); }
html body .salon-msg.mien .msg-citation { background: rgba(255, 255, 255, .45); }
html body .salon-msg.mien .salon-bulle .msg-document { background: rgba(255,255,255,.2) !important; border-color: rgba(255,255,255,.32) !important; }
html body .salon-msg.mien .salon-bulle .msg-document > i { color: #fff !important; }
html body .inbox-jour { flex: 0 0 auto; align-self: stretch; }
html body .salon-vide {
  margin: auto; text-align: center; color: #A08CA0; padding: 30px 10px;
}
html body .salon-vide i { font-size: 2rem; color: #D9BFD2; }
html body .salon-vide p { margin: 10px 0 0; font-size: .82rem; line-height: 1.6; }

/* --- Les photos qui ne font plus sauter la page. ---
   La tuile réserve sa place (aspect-ratio) avant que la photo
   n'arrive ; un petit motif attend derrière ; en cas de panne,
   une tuile « Photo à recharger » remplace le trou. */
html body .msg-image {
  position: relative !important; display: block !important;
  width: min(300px, 68vw) !important;
  padding: 0 !important; border: 0 !important;
  border-radius: 14px !important; overflow: hidden !important;
  background: #EFE3EB !important; cursor: zoom-in !important;
  margin-bottom: 6px !important; max-height: 380px !important;
}
html body .msg-image img {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  max-width: none !important; max-height: none !important;
  object-fit: cover !important; border-radius: 0 !important;
  display: block !important; z-index: 2;
}
html body .msg-image-attente {
  position: absolute; inset: 0; z-index: 1;
  display: grid; place-items: center;
  color: #C7A9BE; font-size: 1.5rem;
}
html body .msg-image-secours {
  position: absolute; inset: 0; z-index: 3;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  background: #F3E7EE; color: #88306F;
  font: 700 .74rem Manrope, sans-serif;
}

/* --- Sur téléphone : les salons deviennent une rangée fluide. --- */
@media (max-width: 1000px) {
  html body .channels { display: flex !important; gap: 8px !important; overflow: auto; padding: 10px !important; }
  html body .salons-titre { display: none; }
  html body .channels .salon-carte { width: auto !important; min-width: 190px; flex: 0 0 auto; }
}
@media (max-width: 680px) {
  html body .salon-msg { max-width: 88%; }
  html body .channels .salon-carte { min-width: 168px; padding: 9px 10px !important; }
  html body .msg-image { width: min(240px, 62vw) !important; }
}

/* ==== 29. LA MESSAGERIE INSTITUTIONNELLE (V50) =======================
   Recherche dans les salons, en-tête de salon, badges de non-lus,
   « Vu par … », « écrit… » — la colonne des salons devient une vraie
   boîte : la recherche en haut, la liste en dessous. */

/* La colonne des salons est une carte ; la liste vit dans #channels. */
html body .channels { display: block !important; padding: 12px !important; }
html body #channels { display: grid; gap: 6px; }
html body #salonsResultats { display: grid; gap: 6px; }
html body #salonsResultats[hidden], html body #channels[hidden] { display: none; }

/* La barre de recherche des salons. */
html body .salons-recherche {
  position: relative; display: flex; align-items: center; gap: 8px;
  margin: 2px 2px 10px; padding: 9px 12px;
  border-radius: 14px; background: #F6EEF3;
  border: 1px solid rgba(75, 18, 68, .08);
}
html body .salons-recherche i { color: #A08CA0; font-size: .8rem; flex: 0 0 auto; }
html body .salons-recherche input {
  flex: 1; min-width: 0; border: 0 !important; background: transparent !important;
  padding: 0 !important; font: 600 .8rem Manrope, sans-serif !important;
  color: #331030 !important; box-shadow: none !important;
}
html body .salons-recherche input:focus { outline: none !important; box-shadow: none !important; }
html body .salons-recherche button {
  border: 0; background: rgba(136, 48, 111, .1); color: #88306F;
  width: 22px; height: 22px; border-radius: 50%; cursor: pointer;
  font-size: .62rem; flex: 0 0 22px; display: grid; place-items: center;
}

/* Un message trouvé (salons et privé). */
html body .salon-trouve, html body .inbox-trouve {
  display: flex; align-items: center; gap: 10px; width: 100%;
  border: 0; background: #FBF4F7; border-radius: 14px;
  padding: 10px 12px; text-align: left; cursor: pointer;
}
html body .salon-trouve { display: grid; gap: 3px; }
html body .salon-trouve b, html body .inbox-trouve b {
  font: 800 .74rem Manrope, sans-serif; color: #331030;
}
html body .salon-trouve b i { font-style: normal; font-weight: 700; color: #A08CA0; font-size: .66rem; }
html body .salon-trouve small, html body .inbox-trouve small {
  font: 600 .72rem Manrope, sans-serif; color: #6B5566;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;
}
html body .inbox-trouve-corps { flex: 1; min-width: 0; display: grid; gap: 2px; }
html body .salon-trouve mark, html body .inbox-trouve mark {
  background: rgba(248, 184, 68, .45); border-radius: 4px; padding: 0 2px;
}

/* L'en-tête du salon ouvert. */
html body .salon-tete {
  display: flex; align-items: center; gap: 11px;
  padding: 11px 16px; background: #fff;
  border-bottom: 1px solid rgba(75, 18, 68, .08);
  flex: 0 0 auto;
}
html body .salon-tete[hidden] { display: none; }
html body .salon-tete-rond {
  flex: 0 0 36px; width: 36px; height: 36px; border-radius: 12px;
  display: grid; place-items: center; font: 800 1rem Manrope, sans-serif;
}
html body .salon-tete-corps { min-width: 0; display: grid; }
html body .salon-tete-corps b { font: 800 .88rem Manrope, sans-serif; color: #331030;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .salon-tete-corps small { font: 600 .66rem Manrope, sans-serif; color: #887A87; margin-top: 1px; }

/* « écrit… » : la même petite ligne, en couleur et animée. */
html body .salon-tete-corps small.ecrit,
html body #inboxHead .msg-tete-corps small.ecrit {
  color: #B4459B !important; font-weight: 800 !important;
  animation: sefaEcrit 1.1s ease-in-out infinite;
}
@keyframes sefaEcrit { 0%,100% { opacity: .55; } 50% { opacity: 1; } }

/* Badge de non-lus sur la carte d'un salon. */
html body .salon-fin { flex: 0 0 auto; display: grid; justify-items: end; gap: 4px; align-self: flex-start; margin-top: 2px; }
html body .salon-fin time { font: 700 .6rem Manrope, sans-serif; color: #B29DAC; }
html body .salon-nonlu {
  min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px;
  background: linear-gradient(135deg, #B4459B, #88306F); color: #fff;
  font: 800 .62rem/19px Manrope, sans-serif; text-align: center; font-style: normal;
}

/* « Vu par … » sous mon dernier message. */
html body .salon-vu {
  display: block; text-align: right; margin-top: 3px;
  font: 700 .58rem Manrope, sans-serif; color: rgba(255, 255, 255, .78);
}
html body .salon-msg:not(.mien) .salon-vu { color: #A08CA0; }
html body .salon-vu i { font-size: .55rem; }

/* Sur téléphone : la recherche reste en haut, les salons défilent en rangée. */
@media (max-width: 1000px) {
  html body .channels { display: block !important; padding: 10px !important; }
  html body #channels { display: flex; gap: 8px; overflow: auto; padding-bottom: 4px; }
  html body #salonsResultats { max-height: 300px; overflow: auto; }
  html body .salon-tete { padding: 9px 12px; }
}

/* ==== 30. L'APPLICATION VIVANTE (V51) ================================
   Le bouton actualiser de l'application installée, et le salon de toute
   l'équipe posé sur la page d'accueil. */

/* Le bouton actualiser — visible seulement dans l'application installée. */
html body .sefa-actualiser {
  border: 0; width: 38px; height: 38px; border-radius: 13px;
  background: rgba(136, 48, 111, .08); color: #88306F;
  cursor: pointer; font-size: .9rem; flex: 0 0 38px;
  display: grid; place-items: center; margin-left: 8px;
}
html body .sefa-actualiser.tourne i { animation: sefaTourne .7s linear infinite; }
@keyframes sefaTourne { to { transform: rotate(360deg); } }

/* Le salon de toute l'équipe, sur l'accueil. */
html body .home-salon { margin-top: 14px; }
html body .home-salon .home-v14-messenger-head em.salon-nonlu { margin-left: 8px; }
html body .home-salon-fil { display: grid; gap: 8px; margin-top: 4px; }
html body .home-salon-msg {
  display: flex; align-items: baseline; gap: 8px; min-width: 0;
  padding: 9px 12px; border-radius: 13px; background: #FBF4F7;
}
html body .home-salon-msg b { font: 800 .74rem Manrope, sans-serif; flex: 0 0 auto; }
html body .home-salon-msg span {
  flex: 1; min-width: 0; font: 600 .76rem Manrope, sans-serif; color: #4A3346;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html body .home-salon-msg time { flex: 0 0 auto; font: 700 .6rem Manrope, sans-serif; color: #B29DAC; }
html body .home-salon-vide { padding: 14px; text-align: center; color: #A08CA0; font-size: .78rem; }
html body .home-salon-repondre {
  display: flex; gap: 8px; margin-top: 10px; align-items: center;
}
html body .home-salon-repondre input {
  flex: 1; min-width: 0; border: 1px solid rgba(75, 18, 68, .14) !important;
  border-radius: 999px !important; padding: 11px 16px !important;
  font: 600 .8rem Manrope, sans-serif !important; background: #fff !important;
}
html body .home-salon-repondre button {
  flex: 0 0 42px; width: 42px; height: 42px; border: 0; border-radius: 50%;
  background: linear-gradient(135deg, #7C2467, #A63A7E); color: #fff;
  cursor: pointer; font-size: .85rem;
  box-shadow: 0 8px 20px rgba(124, 36, 103, .3);
}
@media (max-width: 680px) {
  html body .sefa-actualiser { width: 34px; height: 34px; flex: 0 0 34px; }
  html body .home-salon-msg span { white-space: normal; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}

/* --- V51b : les photos se révèlent en douceur, jamais en noir. --------- */
html body .msg-image img { opacity: 0; transition: opacity .3s ease; }
html body .msg-image img.prete { opacity: 1; }

/* --- V51b : l'appui long ouvre la feuille d'actions — il ne doit JAMAIS
   sélectionner ni copier tout l'écran. Copier un message se fait par la
   feuille d'actions, proprement. Les champs de saisie, eux, restent
   parfaitement sélectionnables. ------------------------------------- */
html body #messages, html body #inboxMessages,
html body .salon-msg, html body .private-message,
html body .salon-bulle, html body .inbox-bulle,
html body .msg-image, html body .msg-image img,
html body .inbox-jour, html body .salon-auteur, html body .salon-heure,
html body .msg-citation, html body .msg-vocal,
html body .channels, html body .salon-tete,
html body .home-salon-fil {
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}
html body #messages input, html body #inboxMessages input,
html body #inboxText, html body #messageInput, html body #homeSalonTexte,
html body .salons-recherche input {
  -webkit-user-select: text !important;
  user-select: text !important;
}

/* ==== 31. LE PLEIN ÉCRAN, COMME LES RÉSEAUX SOCIAUX (V52) ============
   Sur téléphone : la page Communication montre une belle LISTE de
   salons, pleine largeur, façon Messenger. Toucher un salon ouvre la
   conversation en PLEIN ÉCRAN — barre du haut et menu du bas disparus,
   flèche ← pour revenir. Fermé : tout reprend sa place. Pareil pour la
   messagerie privée. Sur ordinateur : rien ne change. */

/* La flèche retour du salon — cachée sur ordinateur. */
html body .salon-retour {
  display: none; border: 0; background: rgba(136, 48, 111, .08);
  color: #88306F; width: 36px; height: 36px; border-radius: 12px;
  cursor: pointer; font-size: .95rem; flex: 0 0 36px;
}

@media (max-width: 1000px) {
  /* --- La liste des salons : verticale, pleine largeur, généreuse. --- */
  html body #channels {
    display: grid !important; gap: 8px !important;
    overflow: visible !important; padding-bottom: 0 !important;
  }
  html body .channels .salon-carte {
    width: 100% !important; min-width: 0 !important; flex: none !important;
    padding: 12px 13px !important;
  }
  html body .salon-rond,
  html body .salon-logo { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 16px; font-size: 1.2rem; }
  html body .salon-infos b { font-size: .86rem; }
  html body .salon-infos small { font-size: .74rem; margin-top: 3px; }

  /* --- Tant qu'aucun salon n'est ouvert : PAS de conversation à l'écran,
     la page reste bien à sa place. --- */
  html body .card.chat { display: none !important; }

  /* --- Un salon ouvert : la conversation prend TOUT l'écran. --- */
  html body.salon-plein-ecran { overflow: hidden !important; height: 100% !important; overscroll-behavior: none !important; }
  html body.salon-plein-ecran .topbar { display: none !important; }
  html body.salon-plein-ecran .mobile-nav { display: none !important; }
  html body.salon-plein-ecran .aisha-fab { display: none !important; }
  html body.salon-plein-ecran .card.chat {
    display: flex !important; flex-direction: column !important;
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    bottom: var(--msg-bas, 0px) !important;
    height: auto !important; max-height: none !important;
    z-index: 1000 !important;
    border-radius: 0 !important; border: 0 !important;
    background: #FBF6F4 !important;
  }
  html body.salon-plein-ecran .salon-retour { display: grid; place-items: center; }
  html body.salon-plein-ecran .salon-tete {
    padding-top: calc(11px + env(safe-area-inset-top)) !important;
    box-shadow: 0 2px 10px rgba(53, 19, 52, .05);
  }
  html body.salon-plein-ecran .composer {
    background: #fff !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important;
  }
}

/* --- La messagerie privée : la conversation ouverte prend tout l'écran. */
@media (max-width: 860px) {
  html body.messagerie-ouverte .topbar { display: none !important; }
  html body.messagerie-ouverte .mobile-nav { display: none !important; }
  html body.page-messagerie.messagerie-ouverte #inbox.page.active {
    top: 0 !important; left: 0 !important;
    bottom: var(--msg-bas, 0px) !important;
    padding: 0 !important;
  }
  html body.messagerie-ouverte .msg-app { gap: 0 !important; }
  html body.messagerie-ouverte .msg-fil {
    border-radius: 0 !important; border: 0 !important; box-shadow: none !important;
  }
  html body.messagerie-ouverte #inboxHead {
    padding-top: calc(12px + env(safe-area-inset-top)) !important;
  }
  html body.messagerie-ouverte .inboxComposer {
    padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
  }
}

/* ==== 32. LE PLEIN ÉCRAN, VRAIMENT (V53) =============================
   LE correctif racine : l'animation d'entrée des pages garde une
   transformation active — et une transformation « accroche » les
   éléments fixed à la PAGE au lieu de l'ÉCRAN. Résultat chez elle :
   l'en-tête défilait avec les messages, la zone d'écriture passait
   sous l'écran, un bloc blanc restait en bas. Dès qu'une conversation
   est en plein écran, la page ne porte plus aucune animation. */
@media (max-width: 1000px) {
  html body.salon-plein-ecran #communication.page.active {
    animation: none !important; transform: none !important; filter: none !important;
  }
}
@media (max-width: 860px) {
  html body.messagerie-ouverte #inbox.page.active {
    animation: none !important; transform: none !important; filter: none !important;
  }
}

/* Le fil est ANCRÉ EN BAS, comme WhatsApp : peu de messages = ils se
   posent près de la zone d'écriture, jamais un bloc vide en dessous. */
html body .chat .messages::before { content: ''; flex: 1 1 auto; }
html body #inboxMessages { display: flex !important; flex-direction: column !important; }
html body #inboxMessages::before { content: ''; flex: 1 1 auto; }

/* ==== 33. LE CADRE ÉPOUSE L'ÉCRAN VISIBLE (V53b) =====================
   Le plein écran ne se cale plus « sous le clavier » par calcul : sa
   hauteur de départ est l'écran visible (100dvh) et le script l'ajuste
   au pixel avec visualViewport. Plus de vide au-dessus du clavier, plus
   de page qui se devine derrière, et le défilement du fil reste libre
   — on ne recolle en bas qu'à l'ouverture/fermeture du clavier. */
@media (max-width: 1000px) {
  html body.salon-plein-ecran .card.chat {
    top: 0 !important; bottom: auto !important;
    height: 100vh !important; height: 100dvh !important;
    will-change: transform, height;
  }
  html body .chat .messages {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain !important;
  }
}
@media (max-width: 860px) {
  html body.page-messagerie.messagerie-ouverte #inbox.page.active {
    top: 0 !important; bottom: auto !important;
    height: 100vh !important; height: 100dvh !important;
    will-change: transform, height;
  }
}

/* ===== css/sefa-messagerie-stable-v56.css ===== */
/*
 * SEFA V55 — messagerie mobile réellement stable.
 * Le clavier iOS réduit la fenêtre visible et ajoute parfois une barre
 * translucide. La conversation doit rester le seul écran derrière cette
 * zone : jamais la liste des salons ni le portail.
 */
:root {
  --sefa-vv-hauteur: 100dvh;
  --sefa-vv-haut: 0px;
}

/* V78 — accusé instantané et annuaire de chaque salon. */
.inbox-coche.instantanee,
.salon-coche.instantanee {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  color: currentColor;
  font-weight: 950;
  opacity: .86;
}
.salon-membres-ouverture {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  min-width: 0;
  padding: 2px 0;
}
.salon-membres-ouverture b,
.salon-membres-ouverture small { display: block; }
.salon-membres-bouton {
  position: relative;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(97,26,79,.12);
  border-radius: 16px;
  background: linear-gradient(145deg,#fff,#fff6fa);
  color: #842568;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(76,18,61,.08);
}
.salon-membres-bouton span {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  display: grid;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #f2b433;
  color: #421439;
  font: 900 .62rem/1 system-ui,sans-serif;
}
.salon-membres-voile {
  position: fixed;
  inset: 0;
  z-index: 5000;
  display: grid;
  align-items: end;
  justify-items: center;
  padding: 20px;
  background: rgba(33,8,29,.48);
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease,visibility .2s ease;
}
.salon-membres-voile.ouverte { opacity: 1;visibility: visible;pointer-events: auto; }
.salon-membres-feuille {
  width: min(560px,100%);
  max-height: min(760px,calc(100dvh - 40px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(91,23,73,.12);
  border-radius: 30px;
  background: #fffafc;
  box-shadow: 0 28px 90px rgba(39,8,32,.28);
  transform: translateY(22px);
  transition: transform .22s ease;
}
.salon-membres-voile.ouverte .salon-membres-feuille { transform: none; }
.salon-membres-feuille>header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 20px;
  color: #fff;
  background: radial-gradient(circle at 90% 10%,rgba(255,201,87,.32),transparent 30%),linear-gradient(135deg,#46113d,#8b276e);
}
.salon-membres-feuille>header>div { display:flex;align-items:center;gap:12px;min-width:0; }
.salon-membres-feuille>header .salon-logo { flex:0 0 48px;width:48px;height:48px;background:#fff; }
.salon-membres-feuille>header small { color:#ffd986;font:850 .61rem/1 system-ui,sans-serif;letter-spacing:.16em; }
.salon-membres-feuille h3 { margin:4px 0 2px;font:800 1.42rem/1.1 Georgia,serif; }
.salon-membres-feuille p { margin:0;color:rgba(255,255,255,.76);font-size:.72rem; }
.salon-membres-feuille>header>button {
  flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.12);color:#fff;
}
.salon-membres-liste { overflow:auto;padding:10px 14px 16px;overscroll-behavior:contain; }
.salon-membres-liste article { display:flex;align-items:center;gap:12px;padding:12px 6px;border-bottom:1px solid rgba(91,23,73,.09); }
.salon-membres-liste .salon-avatar { flex:0 0 46px;width:46px;height:46px; }
.salon-membres-liste article>span:not(.salon-avatar) { min-width:0;flex:1; }
.salon-membres-liste b { display:block;color:#3f1738;font-size:.84rem; }
.salon-membres-liste small { display:block;margin-top:3px;color:#8a7083;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.salon-membres-liste em { flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#f9eaf2;color:#8b276e;font:800 .59rem/1 system-ui,sans-serif;font-style:normal; }
.salon-membres-vide { padding:34px 18px;text-align:center;color:#8a7083; }
.salon-membres-feuille>footer { padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(91,23,73,.09);color:#806879;font-size:.65rem;text-align:center; }
.salon-membres-feuille>footer i { color:#aa327f;margin-right:5px; }
body.salon-membres-ouverts { overflow:hidden!important; }

@media (min-width: 760px) {
  .salon-membres-voile { align-items:center; }
  .salon-membres-feuille { border-radius:26px; }
}

/* V62 — bureau : trois zones nettes, comme une vraie application.
   La barre du portail reste à gauche, la liste des personnes garde une largeur
   confortable, et la discussion utilise tout l'espace restant. */
@media (min-width: 1001px) {
  /* V63 : sur ordinateur, le menu mesure 270 px. Le panneau des
     conversations se place toujours après lui, même avant JavaScript. */
  html body.page-messagerie #inbox.page.active {
    left: 270px !important;
    width: calc(100vw - 270px) !important;
    right: auto !important;
    max-width: none !important;
  }
  html body.page-messagerie .topbar {
    justify-content: flex-start !important;
    gap: 12px !important;
    padding-inline: 24px !important;
    background: linear-gradient(110deg,#4b123f,#751f61 68%,#9b2e79) !important;
    color: #fff !important;
  }
  html body.page-messagerie .topbar > button {
    display: none !important;
  }
  html body.page-messagerie .topbar > div,
  html body.page-messagerie .topbar #portalBack,
  html body.page-messagerie .topbar #notificationBell {
    display: flex !important;
  }
  html body.page-messagerie .topbar #pageTitle {
    color: #fff !important;
  }
  html body.page-messagerie .topbar #portalBack {
    order: 20;
    margin-left: auto !important;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 14px;
    background: rgba(255,255,255,.12);
    color: #fff;
  }
  html body.page-messagerie .topbar #notificationBell {
    order: 21;
    width: 42px;
    height: 42px;
    padding: 0 !important;
    border-color: rgba(255,255,255,.22) !important;
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
  }
  html body.page-messagerie #inbox.page.active {
    width: auto !important;
    max-width: none !important;
    background: linear-gradient(145deg,#fffafc,#fbf5f7) !important;
  }
  html body.page-messagerie #inbox .msg-app {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: clamp(310px, 25%, 390px) minmax(0, 1fr) !important;
    gap: 14px !important;
    margin: 0 !important;
  }
  html body.page-messagerie #inbox .msg-liste,
  html body.page-messagerie #inbox .msg-fil {
    height: 100% !important;
    min-width: 0 !important;
    border-radius: 22px !important;
  }
  html body.page-messagerie #inbox .msg-liste {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }
  html body.page-messagerie #inbox .msg-contacts {
    scrollbar-gutter: stable;
  }
  html body.page-messagerie #inbox .inbox-empty {
    max-width: 580px;
    margin: auto;
  }
  html body.page-messagerie #inbox .inboxComposer {
    grid-template-columns: 46px 46px minmax(240px,1fr) 46px 52px !important;
    align-items: end !important;
    padding: 12px 18px 8px !important;
  }
  html body.page-messagerie #inbox #inboxText {
    max-height: 132px !important;
    resize: none !important;
  }
}

@media (min-width: 1001px) and (max-width: 1250px) {
  html body.page-messagerie #inbox .msg-app {
    grid-template-columns: 300px minmax(0, 1fr) !important;
  }
}

.sefa-etat-reseau {
  position: fixed;
  top: calc(10px + env(safe-area-inset-top));
  left: 50%;
  z-index: 3000;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100vw - 28px);
  padding: 9px 14px;
  border-radius: 999px;
  background: #4b123f;
  color: #fff;
  box-shadow: 0 10px 30px rgba(75,18,63,.24);
  font: 700 .78rem/1.2 system-ui, sans-serif;
}
.sefa-etat-reseau.retour { background: #8f2c73; }

@media (max-width: 1000px) {
  /* Pas de :has() ici : sur certaines versions d'iOS, l'évaluation de ce
     sélecteur sur le très grand portail surchargeait le moteur de Safari. */
  html {
    background: #FBF6F4 !important;
  }

  html body.salon-plein-ecran,
  html body.messagerie-ouverte {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    background: #FBF6F4 !important;
  }

  /* Fond opaque sur toute la hauteur de l'iPhone. Il reste derrière la barre
     translucide du clavier : aucun menu ne peut donc apparaître par-dessous. */
  html body.salon-plein-ecran::before,
  html body.messagerie-ouverte::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 990 !important;
    pointer-events: none !important;
    background: #FBF6F4 !important;
  }

  html body.salon-plein-ecran #communication.page.active {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #FBF6F4 !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
    z-index: 995 !important;
  }

  html body.salon-plein-ecran #communication .section-head,
  html body.salon-plein-ecran #communication .channels {
    display: none !important;
    visibility: hidden !important;
  }

  html body.salon-plein-ecran #communication .chat-layout {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.salon-plein-ecran #communication .card.chat {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100vw !important;
    height: var(--sefa-vv-hauteur, 100dvh) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    transform: translate3d(0, var(--sefa-vv-haut, 0px), 0) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #FBF6F4 !important;
    z-index: 1000 !important;
  }

  html body.salon-plein-ecran #communication .salon-tete,
  html body.salon-plein-ecran #communication .composer,
  html body.salon-plein-ecran #communication .salon-apercu,
  html body.salon-plein-ecran #communication .msg-reponse,
  html body.salon-plein-ecran #communication .msg-enregistrement,
  html body.salon-plein-ecran #communication .msg-palette {
    flex: 0 0 auto !important;
  }

  html body.salon-plein-ecran #communication #messages {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body.salon-plein-ecran #communication .composer {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
    background: #fff !important;
    border-top: 1px solid rgba(75, 18, 68, .10) !important;
    z-index: 4 !important;
  }

  html body.salon-plein-ecran.clavier-ouvert #communication .composer {
    min-height: 54px !important;
    padding: 6px 10px !important;
  }
}

@media (max-width: 860px) {
  html body.messagerie-ouverte #inbox *,
  html body.salon-plein-ecran #communication * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.page-messagerie.messagerie-ouverte #inbox.page.active {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100vw !important;
    height: var(--sefa-vv-hauteur, 100dvh) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: translate3d(0, var(--sefa-vv-haut, 0px), 0) !important;
    animation: none !important;
    filter: none !important;
    background: #FBF6F4 !important;
    z-index: 1000 !important;
  }

  html body.messagerie-ouverte #inbox .msg-app,
  html body.messagerie-ouverte #inbox .msg-fil,
  html body.messagerie-ouverte #inbox #inboxConversation {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #FBF6F4 !important;
  }

  html body.messagerie-ouverte #inbox .msg-liste {
    display: none !important;
    visibility: hidden !important;
  }

  html body.messagerie-ouverte #inbox #inboxConversation {
    display: flex !important;
    flex-direction: column !important;
  }

  html body.messagerie-ouverte #inbox #inboxHead,
  html body.messagerie-ouverte #inbox .inboxComposer,
  html body.messagerie-ouverte #inbox .msg-apercu-envoi,
  html body.messagerie-ouverte #inbox .msg-reponse,
  html body.messagerie-ouverte #inbox .msg-enregistrement,
  html body.messagerie-ouverte #inbox .msg-palette {
    flex: 0 0 auto !important;
  }

  html body.messagerie-ouverte #inbox #inboxMessages {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body.messagerie-ouverte #inbox .inboxComposer {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
    background: #fff !important;
    z-index: 4 !important;
  }

  html body.messagerie-ouverte.clavier-ouvert #inbox .inboxComposer {
    min-height: 54px !important;
    padding: 6px 10px !important;
  }

  html body.clavier-ouvert .composer > button,
  html body.clavier-ouvert .inboxComposer > button {
    flex-basis: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }
  html body.clavier-ouvert .composer #messageInput,
  html body.clavier-ouvert .inboxComposer #inboxText {
    min-height: 42px !important;
    height: 42px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* Les cinq commandes restent sur une seule ligne, sans pousser le champ
     sous l'écran, même sur un iPhone étroit. */
  html body .composer,
  html body .inboxComposer {
    gap: 7px !important;
  }
  html body .composer > button,
  html body .inboxComposer > button {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
  }
  html body .composer #messageInput,
  html body .inboxComposer #inboxText {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    font-size: 16px !important; /* empêche le zoom automatique de Safari */
  }
}

/* ===== css/sefa-os-v65.css ===== */
/* SEFA V65 — SEFA OS, cockpit partagé de la Direction. */
#intelligence{--i-prune:#351334;--i-violet:#5b2052;--i-magenta:#a63a7e;--i-or:#f7ab22;--i-creme:#fff8ee;max-width:1500px!important;padding-bottom:90px!important}
#sidebar .nav .nav-intelligence{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(247,171,34,.22),rgba(166,58,126,.25));border:1px solid rgba(247,171,34,.34);color:#fff}
#sidebar .nav .nav-intelligence:after{content:'NOUVEAU';margin-left:auto;padding:3px 6px;border-radius:99px;background:#f7ab22;color:#351334;font-size:.48rem;font-weight:900;letter-spacing:.08em}
.intel-shell{display:grid;gap:16px}.intel-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:24px;padding:30px;border-radius:32px;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(247,171,34,.34),transparent 25%),linear-gradient(135deg,#351334,#651852 58%,#9d2d76);box-shadow:0 25px 65px rgba(53,19,52,.24)}
.intel-hero:after{content:'✦  ◌  ✿';position:absolute;right:28px;top:18px;z-index:-1;color:rgba(255,255,255,.16);font-size:2rem;letter-spacing:.32em}.intel-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:rgba(255,255,255,.11);color:#ffe0a4;font-size:.64rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.intel-hero h1{max-width:840px;margin:14px 0 8px;font:700 clamp(2.4rem,5vw,4.6rem)/.92 'Cormorant Garamond',serif;color:#fff}.intel-hero p{max-width:780px;margin:0;color:rgba(255,255,255,.86);font-size:.9rem;line-height:1.65}.intel-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.intel-hero-actions button{min-height:44px;padding:0 15px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(255,255,255,.12);color:#fff;font-weight:800;cursor:pointer}.intel-hero-actions button.primary{border:0;background:linear-gradient(135deg,#f7ab22,#ffd77d);color:#351334}.intel-score{display:grid;place-items:center;align-content:center;min-height:230px;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:rgba(255,255,255,.11);backdrop-filter:blur(9px)}.intel-score-ring{--score:0;width:148px;height:148px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#f7ab22 calc(var(--score)*1%),rgba(255,255,255,.14) 0);position:relative}.intel-score-ring:after{content:'';position:absolute;inset:12px;border-radius:50%;background:#551548}.intel-score-ring span{position:relative;z-index:1;text-align:center}.intel-score-ring b{display:block;font:700 2.45rem/1 'Cormorant Garamond',serif;color:#fff}.intel-score-ring small{color:#ffe0a4;font-size:.66rem;font-weight:900;text-transform:uppercase}.intel-score>small{margin-top:13px;color:rgba(255,255,255,.75);text-align:center;line-height:1.45}
.intel-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.intel-metric{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;min-height:96px;padding:15px;border:1px solid rgba(91,32,82,.1);border-radius:21px;background:#fff;box-shadow:0 12px 30px rgba(53,19,52,.07);cursor:pointer;text-align:left}.intel-metric i{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#f7e8f0,#feebca);color:#88306f}.intel-metric b{display:block;font:700 1.7rem/1 'Cormorant Garamond',serif;color:#4b123f}.intel-metric span{display:block;margin-top:4px;color:#765f70;font-size:.68rem;font-weight:800}.intel-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:16px}.intel-panel{min-width:0;padding:20px;border:1px solid rgba(91,32,82,.1);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(53,19,52,.08)}.intel-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.intel-panel-head span{display:block;color:#a63a7e;font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.intel-panel-head h2{margin:4px 0 0;font:700 1.85rem/1 'Cormorant Garamond',serif;color:#351334}.intel-panel-head button{flex:0 0 auto;border:0;border-radius:12px;padding:10px 12px;background:#f8edf3;color:#7b255f;font-weight:800;cursor:pointer}.intel-brief{padding:16px;border-radius:20px;background:linear-gradient(145deg,#fff8fb,#fff8ed);border:1px solid rgba(166,58,126,.1)}.intel-brief p{margin:0;color:#563c50;line-height:1.65;font-size:.84rem}.intel-brief strong{color:#6e1e59}.intel-priorites{display:grid;gap:9px;margin-top:12px}.intel-priorite{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid rgba(91,32,82,.09);border-radius:17px;background:#fff}.intel-priorite>i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#f7e8f0;color:#88306f}.intel-priorite.critique>i{background:#ffebe6;color:#a33325}.intel-priorite b{display:block;color:#351334;font-size:.8rem}.intel-priorite small{display:block;margin-top:3px;color:#806a79;font-size:.68rem;line-height:1.4}.intel-priorite button{border:0;border-radius:11px;padding:9px 11px;background:#4b123f;color:#fff;font-size:.64rem;font-weight:800;cursor:pointer}.intel-radar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.intel-radar-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid rgba(91,32,82,.09);border-radius:18px;background:#fff}.intel-radar-ring{--score:0;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#a63a7e calc(var(--score)*1%),#efe5eb 0);position:relative}.intel-radar-ring:after{content:'';position:absolute;inset:6px;border-radius:50%;background:#fff}.intel-radar-ring b{position:relative;z-index:1;font-size:.68rem;color:#5b2052}.intel-radar-item>span>b{display:block;font-size:.74rem;color:#351334}.intel-radar-item small{display:block;margin-top:3px;color:#806a79;font-size:.62rem}.intel-day{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 90% 15%,rgba(247,171,34,.27),transparent 26%),linear-gradient(145deg,#2d0c2c,#5b2052)}.intel-day h2,.intel-day .intel-panel-head span{color:#fff}.intel-day .intel-panel-head span{color:#ffd98d}.intel-day-count{display:flex;align-items:end;gap:8px;margin:5px 0 15px}.intel-day-count b{font:700 3.1rem/1 'Cormorant Garamond',serif;color:#fff}.intel-day-count span{padding-bottom:5px;color:#eadce8;font-size:.75rem;font-weight:800}.intel-day-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.intel-day-actions button{min-height:49px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.1);color:#fff;font-size:.7rem;font-weight:800;cursor:pointer}.intel-day-actions i{margin-right:7px;color:#ffd98d}.intel-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.intel-tool{min-width:0;min-height:115px;padding:14px 11px;border:1px solid rgba(91,32,82,.1);border-radius:18px;background:#fff;cursor:pointer;text-align:left}.intel-tool i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#f7e8f0,#feebca);color:#88306f}.intel-tool b{display:block;margin-top:10px;color:#351334;font-size:.72rem}.intel-tool small{display:block;margin-top:3px;color:#806a79;font-size:.6rem;line-height:1.35}.intel-empty{padding:24px;text-align:center;color:#806a79;background:#fff8fb;border-radius:18px}
@media(max-width:1100px){.intel-hero{grid-template-columns:1fr}.intel-score{min-height:auto;grid-template-columns:auto 1fr;gap:18px}.intel-score>small{margin:0;text-align:left}.intel-grid{grid-template-columns:1fr}.intel-tools{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){#intelligence{padding:12px 12px 105px!important}.intel-hero{padding:22px 17px;border-radius:25px}.intel-hero h1{font-size:2.8rem}.intel-score{grid-template-columns:1fr}.intel-score>small{text-align:center}.intel-score-ring{width:130px;height:130px}.intel-metrics{grid-template-columns:repeat(2,1fr)}.intel-metric{grid-template-columns:38px 1fr;padding:12px;min-height:82px}.intel-metric i{width:38px;height:38px}.intel-grid{display:block}.intel-panel{margin-bottom:12px;padding:16px;border-radius:22px}.intel-panel-head h2{font-size:1.6rem}.intel-radar{grid-template-columns:1fr}.intel-priorite{grid-template-columns:36px minmax(0,1fr)}.intel-priorite button{grid-column:2;width:max-content}.intel-day-actions{grid-template-columns:1fr 1fr}.intel-tools{grid-template-columns:repeat(2,1fr)}.intel-tool{min-height:105px}}
@media(max-width:390px){.intel-metrics,.intel-day-actions,.intel-tools{grid-template-columns:1fr}}

/* Les cinq univers : une architecture dense mais calme, pensée autant pour
   l'iPhone que pour un grand écran. */
#intelligence{background:linear-gradient(180deg,rgba(255,250,246,.55),rgba(255,255,255,.28));min-width:0;overflow-x:hidden}.intel-shell{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.intel-shell>*{min-width:0;max-width:100%}
.os-hero{background:
  radial-gradient(circle at 90% 12%,rgba(247,171,34,.42),transparent 22%),
  radial-gradient(circle at 10% 110%,rgba(211,75,148,.3),transparent 34%),
  linear-gradient(132deg,#2d0b31 0%,#521647 44%,#812562 72%,#a83a79 100%)}
.os-access-note{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin-top:16px;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);font-size:.68rem;line-height:1.35}.os-access-note i{color:#ffd98d}.os-access-note b{color:#fff}
.os-architecture{min-width:0;padding:22px;border:1px solid rgba(91,32,82,.1);border-radius:29px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,248,242,.95));box-shadow:0 18px 45px rgba(53,19,52,.09)}
.os-architecture-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.os-architecture-head>div>span{color:#a63a7e;font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.os-architecture-head h2{margin:5px 0 4px;font:700 2.1rem/1 'Cormorant Garamond',serif;color:#351334}.os-architecture-head p{margin:0;color:#806a79;font-size:.75rem}.os-search{display:flex;align-items:center;gap:9px;width:min(330px,100%);padding:0 13px;border:1px solid rgba(91,32,82,.13);border-radius:15px;background:#fff;color:#8b2d6d;box-shadow:0 8px 22px rgba(53,19,52,.06)}.os-search input{min-width:0;padding:12px 0;border:0;background:transparent;outline:0;font-size:.72rem}
.os-univers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}.os-univers button{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:10px;border:1px solid rgba(91,32,82,.1);border-radius:16px;background:#fff;color:#5b2052;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.os-univers button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(53,19,52,.08)}.os-univers button.active{border-color:rgba(247,171,34,.58);background:linear-gradient(145deg,#fff6df,#fff);box-shadow:0 0 0 2px rgba(247,171,34,.12)}.os-univers button>i{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#f5e5ee,#fee8bd);color:#882a6d}.os-univers button.active>i{background:linear-gradient(145deg,#f7ab22,#ffdc8b);color:#45103f}.os-univers b,.os-univers small{display:block;overflow:hidden;text-overflow:ellipsis}.os-univers b{font-size:.65rem;white-space:nowrap}.os-univers small{margin-top:2px;color:#8b7787;font-size:.53rem;white-space:nowrap}
.os-recommandations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.os-reco{position:relative;min-width:0;display:grid;grid-template-columns:27px 44px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:13px;border:1px solid rgba(91,32,82,.1);border-radius:19px;background:#fff;color:#351334;text-align:left;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.os-reco:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#a63a7e,#f7ab22);opacity:.72}.os-reco:hover{transform:translateY(-2px);border-color:rgba(166,58,126,.26);box-shadow:0 12px 28px rgba(53,19,52,.09)}.os-reco-num{font:800 .58rem Manrope;color:#a68b9f;letter-spacing:.06em}.os-reco-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#f6e7ef,#feebca);color:#8b2d6d}.os-reco-copy{min-width:0}.os-reco-copy>b{display:block;font-size:.75rem}.os-reco-copy>small{display:block;margin-top:3px;color:#806a79;font-size:.61rem;line-height:1.42}.os-reco-state{display:flex!important;align-items:center;gap:5px;margin-top:6px!important;color:#6e5568!important;font-size:.52rem!important;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.os-reco-state i{width:6px;height:6px;border-radius:50%;background:#2e9362;box-shadow:0 0 0 3px rgba(46,147,98,.1)}.os-reco-arrow{color:#a63a7e;font-size:.7rem}.os-light-actions button{border-color:rgba(91,32,82,.12);background:#fff;color:#5b2052}.os-light-actions button i{color:#a63a7e}
.nav-intelligence .fa-compass{color:#ffd27c}
@media(max-width:1250px){.os-univers{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.os-architecture{padding:16px;border-radius:23px}.os-architecture-head{display:grid}.os-architecture-head h2{font-size:1.75rem}.os-search{width:100%}.os-univers{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 1px 7px}.os-univers button{flex:0 0 154px;scroll-snap-align:start}.os-recommandations{grid-template-columns:1fr}.os-reco{grid-template-columns:24px 40px minmax(0,1fr) 16px;padding:12px 10px}.os-reco-icon{width:40px;height:40px}.os-access-note{width:100%;align-items:flex-start}.intel-hero-actions button{flex:1 1 145px}.os-light-actions{grid-template-columns:1fr 1fr!important}}
@media(max-width:390px){.os-light-actions{grid-template-columns:1fr!important}.os-reco-copy>small{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.os-univers button,.os-reco{transition:none}}

/* V74 — stabilité de toutes les vues et retour cohérent */
html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
body{touch-action:pan-y pinch-zoom}
.main,.page,.home-v14,#dashboard,.home-space-gateway{min-width:0;max-width:100%}
img,video,iframe,canvas{max-width:100%}
.page-return-v74{display:inline-flex;align-items:center;gap:8px;margin:4px 0 16px;padding:10px 14px;border:1px solid rgba(91,32,82,.12);border-radius:999px;background:rgba(255,255,255,.94);color:#6e205c;font:800 .73rem Manrope,sans-serif;box-shadow:0 8px 22px rgba(53,19,52,.07);cursor:pointer}
.page-return-v74 i{color:#a43a7d}
@media(max-width:760px){.page-return-v74{position:relative;z-index:4;margin:1px 0 12px;padding:9px 12px;font-size:.67rem}.home-space-gateway{margin-top:15px}}

/* ===== css/sefa-os-v66.css ===== */
/* SEFA V66 — SEFA OS, maison de pilotage partagée de la Direction. */
#intelligence{--i-prune:#351334;--i-violet:#5b2052;--i-magenta:#a63a7e;--i-or:#f7ab22;--i-creme:#fff8ee;max-width:1500px!important;padding-bottom:90px!important}
#sidebar .nav .nav-intelligence{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(247,171,34,.22),rgba(166,58,126,.25));border:1px solid rgba(247,171,34,.34);color:#fff}
#sidebar .nav .nav-intelligence:after{content:'NOUVEAU';margin-left:auto;padding:3px 6px;border-radius:99px;background:#f7ab22;color:#351334;font-size:.48rem;font-weight:900;letter-spacing:.08em}
.intel-shell{display:grid;gap:16px}.intel-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:24px;padding:30px;border-radius:32px;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(247,171,34,.34),transparent 25%),linear-gradient(135deg,#351334,#651852 58%,#9d2d76);box-shadow:0 25px 65px rgba(53,19,52,.24)}
.intel-hero:after{content:'✦  ◌  ✿';position:absolute;right:28px;top:18px;z-index:-1;color:rgba(255,255,255,.16);font-size:2rem;letter-spacing:.32em}.intel-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:rgba(255,255,255,.11);color:#ffe0a4;font-size:.64rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.intel-hero h1{max-width:840px;margin:14px 0 8px;font:700 clamp(2.4rem,5vw,4.6rem)/.92 'Cormorant Garamond',serif;color:#fff}.intel-hero p{max-width:780px;margin:0;color:rgba(255,255,255,.86);font-size:.9rem;line-height:1.65}.intel-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.intel-hero-actions button{min-height:44px;padding:0 15px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(255,255,255,.12);color:#fff;font-weight:800;cursor:pointer}.intel-hero-actions button.primary{border:0;background:linear-gradient(135deg,#f7ab22,#ffd77d);color:#351334}.intel-score{display:grid;place-items:center;align-content:center;min-height:230px;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:rgba(255,255,255,.11);backdrop-filter:blur(9px)}.intel-score-ring{--score:0;width:148px;height:148px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#f7ab22 calc(var(--score)*1%),rgba(255,255,255,.14) 0);position:relative}.intel-score-ring:after{content:'';position:absolute;inset:12px;border-radius:50%;background:#551548}.intel-score-ring span{position:relative;z-index:1;text-align:center}.intel-score-ring b{display:block;font:700 2.45rem/1 'Cormorant Garamond',serif;color:#fff}.intel-score-ring small{color:#ffe0a4;font-size:.66rem;font-weight:900;text-transform:uppercase}.intel-score>small{margin-top:13px;color:rgba(255,255,255,.75);text-align:center;line-height:1.45}
.intel-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.intel-metric{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;min-height:96px;padding:15px;border:1px solid rgba(91,32,82,.1);border-radius:21px;background:#fff;box-shadow:0 12px 30px rgba(53,19,52,.07);cursor:pointer;text-align:left}.intel-metric i{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#f7e8f0,#feebca);color:#88306f}.intel-metric b{display:block;font:700 1.7rem/1 'Cormorant Garamond',serif;color:#4b123f}.intel-metric span{display:block;margin-top:4px;color:#765f70;font-size:.68rem;font-weight:800}.intel-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:16px}.intel-panel{min-width:0;padding:20px;border:1px solid rgba(91,32,82,.1);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(53,19,52,.08)}.intel-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.intel-panel-head span{display:block;color:#a63a7e;font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.intel-panel-head h2{margin:4px 0 0;font:700 1.85rem/1 'Cormorant Garamond',serif;color:#351334}.intel-panel-head button{flex:0 0 auto;border:0;border-radius:12px;padding:10px 12px;background:#f8edf3;color:#7b255f;font-weight:800;cursor:pointer}.intel-brief{padding:16px;border-radius:20px;background:linear-gradient(145deg,#fff8fb,#fff8ed);border:1px solid rgba(166,58,126,.1)}.intel-brief p{margin:0;color:#563c50;line-height:1.65;font-size:.84rem}.intel-brief strong{color:#6e1e59}.intel-priorites{display:grid;gap:9px;margin-top:12px}.intel-priorite{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid rgba(91,32,82,.09);border-radius:17px;background:#fff}.intel-priorite>i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#f7e8f0;color:#88306f}.intel-priorite.critique>i{background:#ffebe6;color:#a33325}.intel-priorite b{display:block;color:#351334;font-size:.8rem}.intel-priorite small{display:block;margin-top:3px;color:#806a79;font-size:.68rem;line-height:1.4}.intel-priorite button{border:0;border-radius:11px;padding:9px 11px;background:#4b123f;color:#fff;font-size:.64rem;font-weight:800;cursor:pointer}.intel-radar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.intel-radar-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid rgba(91,32,82,.09);border-radius:18px;background:#fff}.intel-radar-ring{--score:0;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#a63a7e calc(var(--score)*1%),#efe5eb 0);position:relative}.intel-radar-ring:after{content:'';position:absolute;inset:6px;border-radius:50%;background:#fff}.intel-radar-ring b{position:relative;z-index:1;font-size:.68rem;color:#5b2052}.intel-radar-item>span>b{display:block;font-size:.74rem;color:#351334}.intel-radar-item small{display:block;margin-top:3px;color:#806a79;font-size:.62rem}.intel-day{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 90% 15%,rgba(247,171,34,.27),transparent 26%),linear-gradient(145deg,#2d0c2c,#5b2052)}.intel-day h2,.intel-day .intel-panel-head span{color:#fff}.intel-day .intel-panel-head span{color:#ffd98d}.intel-day-count{display:flex;align-items:end;gap:8px;margin:5px 0 15px}.intel-day-count b{font:700 3.1rem/1 'Cormorant Garamond',serif;color:#fff}.intel-day-count span{padding-bottom:5px;color:#eadce8;font-size:.75rem;font-weight:800}.intel-day-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.intel-day-actions button{min-height:49px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.1);color:#fff;font-size:.7rem;font-weight:800;cursor:pointer}.intel-day-actions i{margin-right:7px;color:#ffd98d}.intel-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.intel-tool{min-width:0;min-height:115px;padding:14px 11px;border:1px solid rgba(91,32,82,.1);border-radius:18px;background:#fff;cursor:pointer;text-align:left}.intel-tool i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#f7e8f0,#feebca);color:#88306f}.intel-tool b{display:block;margin-top:10px;color:#351334;font-size:.72rem}.intel-tool small{display:block;margin-top:3px;color:#806a79;font-size:.6rem;line-height:1.35}.intel-empty{padding:24px;text-align:center;color:#806a79;background:#fff8fb;border-radius:18px}
@media(max-width:1100px){.intel-hero{grid-template-columns:1fr}.intel-score{min-height:auto;grid-template-columns:auto 1fr;gap:18px}.intel-score>small{margin:0;text-align:left}.intel-grid{grid-template-columns:1fr}.intel-tools{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){#intelligence{padding:12px 12px 105px!important}.intel-hero{padding:22px 17px;border-radius:25px}.intel-hero h1{font-size:2.8rem}.intel-score{grid-template-columns:1fr}.intel-score>small{text-align:center}.intel-score-ring{width:130px;height:130px}.intel-metrics{grid-template-columns:repeat(2,1fr)}.intel-metric{grid-template-columns:38px 1fr;padding:12px;min-height:82px}.intel-metric i{width:38px;height:38px}.intel-grid{display:block}.intel-panel{margin-bottom:12px;padding:16px;border-radius:22px}.intel-panel-head h2{font-size:1.6rem}.intel-radar{grid-template-columns:1fr}.intel-priorite{grid-template-columns:36px minmax(0,1fr)}.intel-priorite button{grid-column:2;width:max-content}.intel-day-actions{grid-template-columns:1fr 1fr}.intel-tools{grid-template-columns:repeat(2,1fr)}.intel-tool{min-height:105px}}
@media(max-width:390px){.intel-metrics,.intel-day-actions,.intel-tools{grid-template-columns:1fr}}

/* Les cinq univers : une architecture dense mais calme, pensée autant pour
   l'iPhone que pour un grand écran. */
#intelligence{background:linear-gradient(180deg,rgba(255,250,246,.55),rgba(255,255,255,.28));min-width:0;overflow-x:hidden}.intel-shell{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.intel-shell>*{min-width:0;max-width:100%}
.os-hero{background:
  radial-gradient(circle at 90% 12%,rgba(247,171,34,.42),transparent 22%),
  radial-gradient(circle at 10% 110%,rgba(211,75,148,.3),transparent 34%),
  linear-gradient(132deg,#2d0b31 0%,#521647 44%,#812562 72%,#a83a79 100%)}
.os-access-note{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin-top:16px;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);font-size:.68rem;line-height:1.35}.os-access-note i{color:#ffd98d}.os-access-note b{color:#fff}
.os-architecture{min-width:0;padding:22px;border:1px solid rgba(91,32,82,.1);border-radius:29px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,248,242,.95));box-shadow:0 18px 45px rgba(53,19,52,.09)}
.os-architecture-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.os-architecture-head>div>span{color:#a63a7e;font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.os-architecture-head h2{margin:5px 0 4px;font:700 2.1rem/1 'Cormorant Garamond',serif;color:#351334}.os-architecture-head p{margin:0;color:#806a79;font-size:.75rem}.os-search{display:flex;align-items:center;gap:9px;width:min(330px,100%);padding:0 13px;border:1px solid rgba(91,32,82,.13);border-radius:15px;background:#fff;color:#8b2d6d;box-shadow:0 8px 22px rgba(53,19,52,.06)}.os-search input{min-width:0;padding:12px 0;border:0;background:transparent;outline:0;font-size:.72rem}
.os-univers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}.os-univers button{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:10px;border:1px solid rgba(91,32,82,.1);border-radius:16px;background:#fff;color:#5b2052;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.os-univers button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(53,19,52,.08)}.os-univers button.active{border-color:rgba(247,171,34,.58);background:linear-gradient(145deg,#fff6df,#fff);box-shadow:0 0 0 2px rgba(247,171,34,.12)}.os-univers button>i{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#f5e5ee,#fee8bd);color:#882a6d}.os-univers button.active>i{background:linear-gradient(145deg,#f7ab22,#ffdc8b);color:#45103f}.os-univers b,.os-univers small{display:block;overflow:hidden;text-overflow:ellipsis}.os-univers b{font-size:.65rem;white-space:nowrap}.os-univers small{margin-top:2px;color:#8b7787;font-size:.53rem;white-space:nowrap}
.os-recommandations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.os-reco{position:relative;min-width:0;display:grid;grid-template-columns:27px 44px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:13px;border:1px solid rgba(91,32,82,.1);border-radius:19px;background:#fff;color:#351334;text-align:left;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.os-reco:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#a63a7e,#f7ab22);opacity:.72}.os-reco:hover{transform:translateY(-2px);border-color:rgba(166,58,126,.26);box-shadow:0 12px 28px rgba(53,19,52,.09)}.os-reco-num{font:800 .58rem Manrope;color:#a68b9f;letter-spacing:.06em}.os-reco-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#f6e7ef,#feebca);color:#8b2d6d}.os-reco-copy{min-width:0}.os-reco-copy>b{display:block;font-size:.75rem}.os-reco-copy>small{display:block;margin-top:3px;color:#806a79;font-size:.61rem;line-height:1.42}.os-reco-state{display:flex!important;align-items:center;gap:5px;margin-top:6px!important;color:#6e5568!important;font-size:.52rem!important;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.os-reco-state i{width:6px;height:6px;border-radius:50%;background:#2e9362;box-shadow:0 0 0 3px rgba(46,147,98,.1)}.os-reco-arrow{color:#a63a7e;font-size:.7rem}.os-light-actions button{border-color:rgba(91,32,82,.12);background:#fff;color:#5b2052}.os-light-actions button i{color:#a63a7e}
.nav-intelligence .fa-compass{color:#ffd27c}
@media(max-width:1250px){.os-univers{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.os-architecture{padding:16px;border-radius:23px}.os-architecture-head{display:grid}.os-architecture-head h2{font-size:1.75rem}.os-search{width:100%}.os-univers{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 1px 7px}.os-univers button{flex:0 0 154px;scroll-snap-align:start}.os-recommandations{grid-template-columns:1fr}.os-reco{grid-template-columns:24px 40px minmax(0,1fr) 16px;padding:12px 10px}.os-reco-icon{width:40px;height:40px}.os-access-note{width:100%;align-items:flex-start}.intel-hero-actions button{flex:1 1 145px}.os-light-actions{grid-template-columns:1fr 1fr!important}}
@media(max-width:390px){.os-light-actions{grid-template-columns:1fr!important}.os-reco-copy>small{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.os-univers button,.os-reco{transition:none}}

/* Premier bloc V66 : éditorial, plus compact et clairement partagé. */
.os-hero-v66{grid-template-columns:minmax(0,1.42fr) minmax(245px,.58fr);gap:28px;padding:32px 34px;background:radial-gradient(circle at 92% 8%,rgba(255,190,64,.42),transparent 23%),radial-gradient(circle at 12% 118%,rgba(225,86,159,.35),transparent 38%),linear-gradient(132deg,#2d0b31 0%,#521647 43%,#7e235f 70%,#a13a78 100%)}
.os-hero-v66:before{content:'SEFA';position:absolute;right:-16px;bottom:-35px;z-index:-1;color:rgba(255,255,255,.045);font:900 11rem/1 Manrope;letter-spacing:-.08em}.os-hero-v66:after{content:'✦  2027';right:33px;top:24px;font:800 .72rem/1 Manrope;letter-spacing:.18em;color:rgba(255,227,172,.66)}
.os-hero-copy{min-width:0}.os-hero-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.os-hero-date{color:rgba(255,255,255,.68);font-size:.65rem;font-weight:800;text-transform:capitalize}
.os-hero-v66 h1{max-width:900px;margin:20px 0 12px;font:700 clamp(2.75rem,5.3vw,5.25rem)/.82 'Cormorant Garamond',serif;letter-spacing:-.045em}.os-hero-v66 h1>span{color:#fff}.os-hero-v66 h1 em{font-style:italic;color:#ffd58c}.os-hero-v66 p{max-width:760px;font-size:.86rem;line-height:1.7}
.os-direction-signature{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin-top:18px;padding:10px 15px 10px 10px;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(255,255,255,.09)}.os-direction-faces{display:flex;padding-left:8px}.os-direction-faces .inbox-avatar,.os-direction-fallback{width:48px!important;height:48px!important;display:grid;place-items:center;overflow:hidden;margin-left:-8px;border:3px solid rgba(255,255,255,.95);border-radius:50%;background:#8e2c70;color:#fff;font-size:.65rem;font-weight:900;box-shadow:0 6px 16px rgba(33,5,30,.23)}.os-direction-faces img{width:100%;height:100%;object-fit:cover}.os-direction-signature>span b,.os-direction-signature>span small{display:block}.os-direction-signature>span b{color:#fff;font-size:.72rem}.os-direction-signature>span small{margin-top:3px;color:rgba(255,255,255,.68);font-size:.6rem;line-height:1.4}
.os-score-v66{position:relative;align-content:center;gap:12px;background:linear-gradient(155deg,rgba(255,255,255,.16),rgba(255,255,255,.07));box-shadow:inset 0 1px rgba(255,255,255,.16)}.os-score-label{color:#ffdda0;font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.os-score-stats{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.os-score-stats span{padding:10px 8px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.74);font-size:.57rem;text-align:center}.os-score-stats b{display:block;margin-bottom:3px;color:#fff;font:700 1.15rem/1 'Cormorant Garamond',serif}
@media(max-width:1100px){.os-hero-v66{grid-template-columns:1fr}.os-score-v66{grid-template-columns:auto minmax(0,1fr);justify-items:center}.os-score-v66 .os-score-label{grid-column:1/-1}.os-score-stats{max-width:360px}}
@media(max-width:760px){.os-hero-v66{padding:23px 18px}.os-hero-topline{align-items:flex-start;flex-direction:column}.os-hero-v66 h1{font-size:3.05rem;line-height:.84}.os-direction-signature{width:100%}.os-score-v66{grid-template-columns:1fr}.os-score-stats{max-width:none}.os-hero-v66:before{font-size:7rem}.os-hero-v66:after{display:none}}

/* V68 — tout ce qui suit le premier bloc devient une vraie architecture de
   Direction. Le premier bloc V66 ci-dessus reste volontairement intact. */
.os-status{overflow:hidden;border:1px solid rgba(82,22,71,.11);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(53,19,52,.08)}
.os-status>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(82,22,71,.08);background:linear-gradient(90deg,#fff9ed,#fff8fb)}
.os-status>header span{color:#6b215b;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.os-status>header i{margin-right:7px;color:#e3a42f}.os-status>header small{color:#8b7584;font-size:.59rem;font-weight:700}
.os-status .intel-metrics{gap:0}.os-status .intel-metric{position:relative;grid-template-columns:44px minmax(0,1fr) auto;min-height:100px;border:0;border-right:1px solid rgba(82,22,71,.08);border-radius:0;box-shadow:none;transition:background .18s ease}.os-status .intel-metric:last-child{border-right:0}.os-status .intel-metric:hover{background:#fff8fb}.os-status .intel-metric>i{width:42px;height:42px;border-radius:14px}.os-status .intel-metric.danger>i{color:#a63d32;background:#fff0eb}.os-status .intel-metric em{align-self:start;margin-top:3px;color:#a63a7e;font-size:.55rem;font-style:normal;font-weight:900;text-transform:uppercase}

.os-briefing-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);gap:16px;align-items:start}.os-briefing-board,.os-radar-board{min-width:0;padding:22px;border:1px solid rgba(82,22,71,.11);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 20px 50px rgba(53,19,52,.09)}
.os-briefing-board{position:relative;overflow:hidden}.os-briefing-board:before{content:'01';position:absolute;right:-7px;top:-28px;color:rgba(145,45,111,.045);font:900 9rem/1 Manrope}.os-briefing-board .intel-panel-head,.os-radar-board .intel-panel-head{position:relative;z-index:1}.intel-panel-head button span{display:inline}
.os-brief-message{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:start;padding:17px;border:1px solid rgba(238,173,52,.24);border-radius:20px;background:linear-gradient(135deg,#fff8e8,#fff9fc)}.os-brief-message>i{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;color:#4d143f;background:linear-gradient(145deg,#f5b840,#ffe5a9);box-shadow:0 10px 22px rgba(223,160,44,.2)}.os-brief-message p{margin:0;color:#563c50;font-size:.8rem;line-height:1.65}.os-brief-message strong{color:#6e1e59}
.os-briefing-board .intel-priorites{gap:8px;margin-top:13px}.os-briefing-board .intel-priorite{grid-template-columns:28px 42px minmax(0,1fr) auto;gap:10px;min-height:70px;padding:10px 11px;border-radius:17px;background:#fff;transition:transform .18s ease,border-color .18s ease}.os-briefing-board .intel-priorite:hover{transform:translateX(3px);border-color:rgba(166,58,126,.22)}.os-briefing-board .intel-priorite>em{color:#b29cac;font-size:.55rem;font-style:normal;font-weight:900}.os-briefing-board .intel-priorite>i{width:42px;height:42px}.os-briefing-board .intel-priorite>button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 12px}.os-briefing-board .intel-priorite>button i{font-size:.56rem}.intel-empty i,.intel-empty b,.intel-empty span{display:block}.intel-empty i{margin-bottom:8px;color:#d8a83f;font-size:1.15rem}.intel-empty b{color:#522047}.intel-empty span{margin-top:4px;font-size:.68rem}

.os-radar-board{background:radial-gradient(circle at 100% 0,rgba(245,184,64,.13),transparent 28%),linear-gradient(145deg,#fff,#fff9fc)}.os-radar-board .intel-radar{display:grid;grid-template-columns:1fr;gap:7px}.os-radar-board .intel-radar-item{width:100%;grid-template-columns:26px minmax(0,1fr) 48px;gap:10px;padding:10px 11px;border-radius:16px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.os-radar-board .intel-radar-item:hover{transform:translateX(3px);box-shadow:0 10px 24px rgba(53,19,52,.07)}.os-radar-rank{color:#b49dad;font-size:.54rem;font-weight:900}.os-radar-copy{min-width:0}.os-radar-copy>b{display:flex;align-items:center;gap:7px;color:#3f1639;font-size:.72rem}.os-radar-copy>b i{width:18px;color:#a63a7e}.os-radar-copy>small{margin:3px 0 7px}.os-radar-track{display:block;height:5px;overflow:hidden;border-radius:999px;background:#efe5eb}.os-radar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#70205f,#c34b91,#f2b640)}.os-radar-board .intel-radar-item>strong{color:#6e1e59;font:700 1.15rem 'Cormorant Garamond',serif;text-align:right}

.os-architecture{padding:0;overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 24px 62px rgba(53,19,52,.11)}.os-architecture-head{align-items:center;margin:0;padding:22px 24px;border-bottom:1px solid rgba(82,22,71,.09);background:radial-gradient(circle at 95% 5%,rgba(245,184,64,.17),transparent 28%),linear-gradient(135deg,#fffaf1,#fff8fc)}.os-architecture-title{display:flex;align-items:center;gap:16px}.os-architecture-number{flex:0 0 auto;width:64px;height:64px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(145deg,#55164a,#a6377a);box-shadow:0 14px 28px rgba(111,31,89,.22);font:700 2rem 'Cormorant Garamond',serif}.os-architecture-title>div>span{color:#a63a7e;font-size:.6rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.os-architecture-head h2{margin:4px 0 3px}.os-search{background:rgba(255,255,255,.92)}
.os-univers{gap:0;margin:0;padding:12px 14px;border-bottom:1px solid rgba(82,22,71,.08);background:#fff}.os-univers button{margin:0 4px;border-color:transparent;border-radius:15px;background:#faf6f8}.os-univers button:hover{box-shadow:none;background:#f8edf3}.os-univers button.active{border-color:rgba(247,171,34,.36);background:linear-gradient(145deg,#fff3d8,#fffaf0);box-shadow:none}
.os-recommandations{display:grid;grid-template-columns:1fr;gap:0;padding:4px 24px 22px}.os-reco-group{padding:18px 0;border-bottom:1px solid rgba(82,22,71,.08)}.os-reco-group:last-child{border-bottom:0}.os-reco-group>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;margin-bottom:11px}.os-group-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#7f2868;background:linear-gradient(145deg,#f5e5ee,#fff0cf)}.os-reco-group>header b,.os-reco-group>header small{display:block}.os-reco-group>header b{color:#41173b;font-size:.78rem}.os-reco-group>header small{margin-top:3px;color:#8b7584;font-size:.6rem}.os-reco-group>header em{padding:5px 8px;border-radius:999px;color:#8a2e6d;background:#f8edf3;font-size:.52rem;font-style:normal;font-weight:900;text-transform:uppercase}.os-reco-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.os-reco{display:flex;flex-direction:column;align-items:stretch;min-height:172px;padding:14px;border-radius:20px}.os-reco:before{width:100%;height:3px;inset:0 0 auto;background:linear-gradient(90deg,#782362,#d65b9f,#f2b640)}.os-reco-top{display:grid;grid-template-columns:26px 42px minmax(0,1fr);align-items:center}.os-reco-num{align-self:start;padding-top:4px}.os-reco-icon{width:42px;height:42px}.os-reco-arrow{justify-self:end;align-self:start;width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:#f8edf3}.os-reco-copy{display:block;margin-top:12px}.os-reco-copy>b{font-size:.76rem}.os-reco-copy>small{min-height:39px;margin-top:5px}.os-reco-state{margin-top:auto!important;padding-top:10px!important;border-top:1px dashed rgba(82,22,71,.1)}

.os-command-deck{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:16px}.os-command-deck>.intel-day{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:18px;align-items:center;padding:24px;border-radius:28px;box-shadow:0 22px 55px rgba(48,10,43,.2)}.os-day-copy>span,.os-direct-actions header>div>span{display:block;color:#ffd98d;font-size:.6rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.os-day-copy h2,.os-direct-actions h2{margin:5px 0 0;font:700 2rem/1 'Cormorant Garamond',serif}.os-day-copy p{margin:6px 0 0;color:rgba(255,255,255,.7);font-size:.65rem;line-height:1.5}.os-command-deck .intel-day-count{margin:8px 0 2px}.os-command-deck .intel-day-count b{font-size:3.6rem}.os-command-deck .intel-day-actions button{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:11px 12px;text-align:left}.os-command-deck .intel-day-actions button>i{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;margin:0;border-radius:12px;background:rgba(255,255,255,.1)}.os-command-deck .intel-day-actions button span,.os-command-deck .intel-day-actions button small{display:block}.os-command-deck .intel-day-actions button small{margin-top:3px;color:rgba(255,255,255,.58);font-size:.55rem}
.os-direct-actions{padding:22px;border:1px solid rgba(82,22,71,.11);border-radius:28px;background:#fff;box-shadow:0 20px 50px rgba(53,19,52,.08)}.os-direct-actions header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}.os-direct-actions header>div>span{color:#a63a7e}.os-direct-actions h2{color:#351334}.os-push{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:0;border-radius:11px;color:#73215f;background:#f8edf3;font-size:.58rem;font-weight:900;cursor:pointer}.os-action-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.os-action-list button{display:grid;grid-template-columns:36px minmax(0,1fr) 14px;gap:9px;align-items:center;padding:10px;border:1px solid rgba(82,22,71,.1);border-radius:15px;background:#fffafc;color:#481741;text-align:left;cursor:pointer}.os-action-list button>i:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:#8c2c70;background:linear-gradient(145deg,#f6e7ef,#fff0cf)}.os-action-list b,.os-action-list small{display:block}.os-action-list b{font-size:.68rem}.os-action-list small{margin-top:2px;color:#8a7584;font-size:.55rem}.os-action-list button>i:last-child{color:#b497aa;font-size:.55rem}

@media(max-width:1180px){.os-briefing-layout,.os-command-deck{grid-template-columns:1fr}.os-reco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.os-status .intel-metrics{grid-template-columns:repeat(2,1fr)}.os-status .intel-metric:nth-child(2){border-right:0}.os-status .intel-metric:nth-child(-n+2){border-bottom:1px solid rgba(82,22,71,.08)}}
@media(max-width:760px){.os-status{border-radius:22px}.os-status>header{align-items:flex-start;flex-direction:column}.os-status .intel-metric{grid-template-columns:38px minmax(0,1fr);min-height:84px;padding:11px}.os-status .intel-metric>i{width:38px;height:38px}.os-status .intel-metric em{display:none}.os-briefing-board,.os-radar-board{padding:16px;border-radius:23px}.intel-panel-head button span{display:none}.os-briefing-board .intel-priorite{grid-template-columns:24px 38px minmax(0,1fr);padding:10px 8px}.os-briefing-board .intel-priorite>i{width:38px;height:38px}.os-briefing-board .intel-priorite>button{grid-column:3;width:max-content}.os-brief-message{grid-template-columns:38px minmax(0,1fr);padding:13px}.os-brief-message>i{width:38px;height:38px}.os-architecture-head{display:grid;padding:18px 16px}.os-architecture-title{align-items:flex-start}.os-architecture-number{width:52px;height:52px;border-radius:16px;font-size:1.6rem}.os-architecture-head h2{font-size:1.65rem}.os-univers{display:flex;padding:10px;overflow-x:auto}.os-univers button{flex:0 0 150px;margin:0 3px}.os-recommandations{padding:2px 14px 16px}.os-reco-grid{grid-template-columns:1fr}.os-reco{min-height:0}.os-reco-copy>small{min-height:0}.os-command-deck>.intel-day{grid-template-columns:1fr;padding:19px;border-radius:23px}.os-command-deck .intel-day-actions{grid-template-columns:1fr 1fr}.os-direct-actions{padding:17px;border-radius:23px}}
@media(max-width:420px){.os-status .intel-metrics{grid-template-columns:1fr}.os-status .intel-metric{border-right:0!important;border-bottom:1px solid rgba(82,22,71,.08)!important}.os-status .intel-metric:last-child{border-bottom:0!important}.os-radar-board .intel-radar-item{grid-template-columns:22px minmax(0,1fr) 40px}.os-architecture-title{gap:11px}.os-architecture-number{width:46px;height:46px}.os-command-deck .intel-day-actions,.os-action-list{grid-template-columns:1fr}}

/* V69 — Maison de pilotage signature.
   Le premier bloc reste intact ; le décor premium commence après lui. */
.home-v14-actions .direction-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:56px!important;padding:7px 13px 7px 8px!important;border:1px solid rgba(255,218,146,.48)!important;border-radius:17px!important;background:linear-gradient(135deg,rgba(255,224,163,.97),rgba(245,166,34,.94))!important;color:#43113d!important;box-shadow:0 13px 28px rgba(27,4,25,.22);text-align:left}.home-v14-actions .direction-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.42) 48%,transparent 70%);transform:translateX(-130%);transition:transform .55s ease}.home-v14-actions .direction-cta:hover:before{transform:translateX(130%)}.home-v14-actions .direction-cta>i:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#4d1545;color:#ffdda0}.home-v14-actions .direction-cta span,.home-v14-actions .direction-cta b,.home-v14-actions .direction-cta small{display:block}.home-v14-actions .direction-cta b{font-size:.7rem}.home-v14-actions .direction-cta small{margin-top:2px;font-size:.54rem;opacity:.72}.home-v14-actions .direction-cta>i:last-child{font-size:.64rem}

#intelligence{position:relative;isolation:isolate;padding-top:24px!important;background:radial-gradient(circle at 8% 12%,rgba(243,177,66,.16),transparent 24%),radial-gradient(circle at 92% 48%,rgba(199,64,139,.15),transparent 28%),linear-gradient(180deg,#fff9f5 0%,#fdf2f8 42%,#fffaf3 100%)!important}
#intelligence:before,#intelligence:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(2px)}#intelligence:before{width:280px;height:280px;right:-120px;top:140px;border:1px solid rgba(142,44,112,.13);box-shadow:0 0 0 42px rgba(142,44,112,.035),0 0 0 84px rgba(142,44,112,.025)}#intelligence:after{width:190px;height:190px;left:285px;bottom:-90px;background:radial-gradient(circle,rgba(246,179,58,.17),transparent 68%)}
.intel-shell{gap:21px}.intel-shell>.os-status,.intel-shell>.os-briefing-layout,.intel-shell>.os-architecture,.intel-shell>.os-command-deck{position:relative;z-index:1}

.os-status{border:1px solid rgba(255,255,255,.16);border-radius:30px;background:radial-gradient(circle at 90% 0,rgba(248,180,60,.25),transparent 27%),linear-gradient(135deg,#351032 0%,#5a164e 57%,#8c2c70 100%);box-shadow:0 24px 60px rgba(54,13,48,.22)}.os-status:after{content:"SEFA • LIVE";position:absolute;right:20px;bottom:-5px;color:rgba(255,255,255,.045);font:900 3.1rem/1 Manrope;letter-spacing:-.08em;pointer-events:none}.os-status>header{position:relative;z-index:1;padding:15px 18px;border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.045)}.os-status>header span{color:#ffdda0}.os-status>header small{color:rgba(255,255,255,.58)}.os-status .intel-metrics{position:relative;z-index:1;padding:10px}.os-status .intel-metric{min-height:105px;margin:0 4px;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.065));box-shadow:inset 0 1px rgba(255,255,255,.13);color:#fff;backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.os-status .intel-metric:hover{transform:translateY(-3px);background:rgba(255,255,255,.16)}.os-status .intel-metric>i{background:linear-gradient(145deg,#f8c35e,#ffe4ab)!important;color:#45113d!important;box-shadow:0 10px 22px rgba(20,2,18,.2)}.os-status .intel-metric.danger>i{background:linear-gradient(145deg,#ffb49f,#ffddcf)!important;color:#792a23!important}.os-status .intel-metric b{color:#fff;font-size:2rem}.os-status .intel-metric span{color:rgba(255,255,255,.72)}.os-status .intel-metric em{color:#ffdda0}

.os-briefing-layout{gap:18px}.os-briefing-board,.os-radar-board{border-radius:32px;box-shadow:0 24px 58px rgba(57,14,50,.12)}.os-briefing-board{padding:26px;border:1px solid rgba(151,49,113,.13);background:radial-gradient(circle at 105% -5%,rgba(244,180,66,.24),transparent 28%),linear-gradient(145deg,#fffdf8,#fceef6 72%,#fff4e4)}.os-briefing-board:before{content:"DIRECTION";right:-18px;top:-16px;color:rgba(111,31,89,.045);font-size:5.6rem;letter-spacing:-.09em}.os-briefing-board:after{content:"✦";position:absolute;right:22px;bottom:13px;color:rgba(166,58,126,.13);font-size:1.5rem}.os-briefing-board .intel-panel-head>div>span{color:#a43b7d}.os-briefing-board .intel-panel-head h2{font-size:2.35rem}.os-briefing-board .intel-panel-head button{border:1px solid rgba(116,31,93,.1);background:rgba(255,255,255,.75);box-shadow:0 8px 18px rgba(70,18,60,.06)}.os-brief-message{border:0;border-radius:22px;background:linear-gradient(135deg,#4a1342,#7c235f 70%,#a23778);box-shadow:0 15px 34px rgba(74,19,66,.2)}.os-brief-message>i{background:linear-gradient(145deg,#f7b636,#ffe5aa)}.os-brief-message p,.os-brief-message strong{color:#fff}.os-brief-message p{color:rgba(255,255,255,.8)}.os-briefing-board .intel-priorite{border-color:rgba(116,31,93,.09);background:rgba(255,255,255,.72);box-shadow:0 9px 22px rgba(71,18,60,.045);backdrop-filter:blur(5px)}.os-briefing-board .intel-priorite>button{background:linear-gradient(135deg,#55164a,#9d3477);box-shadow:0 7px 16px rgba(76,18,63,.15)}

.os-radar-board{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 100% 0,rgba(246,181,61,.28),transparent 28%),radial-gradient(circle at 0 100%,rgba(210,73,148,.22),transparent 32%),linear-gradient(150deg,#30102f,#53164b 62%,#741e5e);box-shadow:0 25px 60px rgba(51,11,44,.22)}.os-radar-board:before{content:"";position:absolute;right:-66px;bottom:-76px;width:230px;height:230px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 31px rgba(255,255,255,.025),0 0 0 63px rgba(255,255,255,.018)}.os-radar-board .intel-panel-head{position:relative;z-index:1}.os-radar-board .intel-panel-head span{color:#ffdda0}.os-radar-board .intel-panel-head h2{color:#fff;font-size:2.35rem}.os-radar-board .intel-panel-head button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.1);color:#fff}.os-radar-board .intel-radar{position:relative;z-index:1}.os-radar-board .intel-radar-item{border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.065));box-shadow:inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(8px)}.os-radar-board .intel-radar-item:hover{background:rgba(255,255,255,.16);box-shadow:0 12px 28px rgba(23,3,20,.16)}.os-radar-rank{color:rgba(255,255,255,.42)}.os-radar-copy>b{color:#fff}.os-radar-copy>b i{color:#ffcd73}.os-radar-copy>small{color:rgba(255,255,255,.54)}.os-radar-track{background:rgba(255,255,255,.12)}.os-radar-track i{background:linear-gradient(90deg,#ffc65d,#f3a53b,#e368aa)}.os-radar-board .intel-radar-item>strong{color:#ffdda0}

.os-architecture{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:radial-gradient(circle at 93% 3%,rgba(247,177,55,.24),transparent 25%),radial-gradient(circle at 0 90%,rgba(209,72,148,.2),transparent 29%),linear-gradient(145deg,#2c0d2c,#4f1548 53%,#6f1e5c);box-shadow:0 30px 75px rgba(47,9,41,.24)}.os-architecture:before{content:"";position:absolute;z-index:-1;left:45%;top:-180px;width:410px;height:410px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.018),0 0 0 84px rgba(255,255,255,.014)}.os-architecture-head{position:relative;z-index:1;padding:28px;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.035)}.os-architecture-number{background:linear-gradient(145deg,#f4a927,#ffda91);color:#46123e;box-shadow:0 16px 32px rgba(15,1,13,.24)}.os-architecture-title>div>span{color:#ffcf79}.os-architecture-head h2{color:#fff;font-size:2.5rem}.os-architecture-head p{color:rgba(255,255,255,.62)}.os-search{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(21,2,18,.16)}.os-univers{position:relative;z-index:1;padding:13px 17px;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035)}.os-univers button{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.075);color:#fff}.os-univers button:hover{background:rgba(255,255,255,.13)}.os-univers button.active{border-color:rgba(255,207,116,.52);background:linear-gradient(145deg,rgba(255,211,129,.23),rgba(255,255,255,.1));box-shadow:inset 0 0 0 1px rgba(255,220,151,.08)}.os-univers button>i{background:rgba(255,255,255,.11);color:#ffcd73}.os-univers button.active>i{background:linear-gradient(145deg,#f5aa2c,#ffdd9b);color:#45113d}.os-univers small{color:rgba(255,255,255,.53)}.os-recommandations{position:relative;z-index:1;padding:5px 28px 28px}.os-reco-group{border-color:rgba(255,255,255,.1)}.os-reco-group>header b{color:#fff;font-size:.82rem}.os-reco-group>header small{color:rgba(255,255,255,.52)}.os-reco-group>header em{color:#ffdda0;background:rgba(255,255,255,.09)}.os-group-icon{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.1);color:#ffcf79}.os-reco{border-color:rgba(255,255,255,.11);background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.065));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.09),0 10px 26px rgba(20,2,17,.08);backdrop-filter:blur(9px)}.os-reco:before{height:4px}.os-reco:hover{transform:translateY(-4px);border-color:rgba(255,218,148,.35);box-shadow:0 18px 36px rgba(18,2,15,.2)}.os-reco-today:before{background:linear-gradient(90deg,#ffca68,#f5a62e)}.os-reco-team:before{background:linear-gradient(90deg,#f08cbd,#dc5da1)}.os-reco-event:before{background:linear-gradient(90deg,#b990ea,#8657c1)}.os-reco-day:before{background:linear-gradient(90deg,#ff9b72,#e76770)}.os-reco-memory:before{background:linear-gradient(90deg,#72d7cb,#54a89f)}.os-reco-icon{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.11);color:#ffcf79}.os-reco-copy>b{color:#fff}.os-reco-copy>small{color:rgba(255,255,255,.56)}.os-reco-state{border-color:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.62)!important}.os-reco-state i{background:#7ed9aa;box-shadow:0 0 0 3px rgba(126,217,170,.12)}.os-reco-arrow{background:rgba(255,255,255,.1);color:#ffcf79}

.os-command-deck{gap:18px}.os-command-deck>.intel-day{border:1px solid rgba(255,255,255,.12);border-radius:32px;background:radial-gradient(circle at 92% 8%,rgba(255,187,62,.34),transparent 27%),linear-gradient(145deg,#2b0a2c,#59164e 62%,#852568);box-shadow:0 27px 65px rgba(47,8,41,.24)}.os-command-deck .intel-day-actions button{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.07));backdrop-filter:blur(8px)}.os-direct-actions{position:relative;overflow:hidden;padding:25px;border-radius:32px;background:radial-gradient(circle at 100% 0,rgba(245,180,64,.2),transparent 27%),linear-gradient(145deg,#fffdf8,#fcecf5);box-shadow:0 24px 58px rgba(57,14,50,.12)}.os-direct-actions:after{content:"✦";position:absolute;right:18px;bottom:10px;color:rgba(149,43,112,.12);font-size:2rem}.os-direct-actions h2{font-size:2.25rem}.os-action-list button{position:relative;z-index:1;border-color:rgba(91,25,75,.08);background:rgba(255,255,255,.72);box-shadow:0 8px 18px rgba(64,14,52,.045);transition:transform .18s ease,box-shadow .18s ease}.os-action-list button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(64,14,52,.09)}

@media(max-width:900px){.os-status .intel-metrics{gap:8px}.os-status .intel-metric{margin:0}.os-status .intel-metric:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)!important}}
@media(max-width:760px){#intelligence{padding-top:12px!important}.home-v14-actions .direction-cta{width:100%;grid-template-columns:38px minmax(0,1fr) 18px}.os-status{border-radius:24px}.os-status .intel-metrics{padding:8px}.os-briefing-board,.os-radar-board{padding:18px;border-radius:25px}.os-briefing-board .intel-panel-head h2,.os-radar-board .intel-panel-head h2{font-size:1.85rem}.os-architecture{border-radius:26px}.os-architecture-head{padding:20px 17px}.os-architecture-head h2{font-size:1.9rem}.os-univers{padding:10px}.os-recommandations{padding:3px 15px 18px}.os-command-deck>.intel-day,.os-direct-actions{border-radius:25px}}
@media(max-width:420px){.os-status .intel-metric{border-color:rgba(255,255,255,.1)!important}.os-briefing-board:before{font-size:4rem}.os-architecture-title{align-items:center}.os-architecture-number{flex-basis:46px}.os-architecture-head h2{font-size:1.7rem}}

/* V70 — corrections tirées des captures iPhone : contraste du radar,
   univers non coupés et fiches beaucoup plus compactes. */
.os-radar-board .intel-radar-item .os-radar-copy>b{color:#fff!important}.os-radar-board .intel-radar-item .os-radar-copy>small{color:rgba(255,255,255,.66)!important}.os-radar-board .intel-radar-item .os-radar-copy>b i{color:#ffd171!important}.os-radar-board .intel-radar-item>strong{color:#ffe0a4!important;text-shadow:0 1px 10px rgba(255,205,112,.12)}.os-radar-board .os-radar-rank{color:rgba(255,255,255,.5)!important}
.os-architecture .os-reco-copy>small{color:rgba(255,255,255,.7)}.os-architecture .os-reco-state{color:rgba(255,255,255,.72)!important}.os-architecture .os-reco-group>header small{color:rgba(255,255,255,.66)}.os-architecture .os-univers small{color:rgba(255,255,255,.64)}
@media(max-width:760px){
  .os-univers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;padding:11px!important}
  .os-univers button{width:100%!important;min-width:0!important;min-height:62px;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;margin:0!important;padding:9px!important;white-space:normal!important}
  .os-univers b,.os-univers small{white-space:normal!important}.os-univers small{line-height:1.3}
  .os-reco-group{padding:14px 0}.os-reco-group>header{margin-bottom:8px}
  .os-reco-grid{grid-template-columns:1fr!important;gap:7px!important}
  .os-reco{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;grid-template-areas:"top copy" "state state"!important;gap:7px 11px!important;min-height:0!important;padding:12px!important;border-radius:18px!important}
  .os-reco-top{grid-area:top!important;display:block!important;align-self:start}.os-reco-num,.os-reco-arrow{display:none!important}.os-reco-icon{width:44px!important;height:44px!important;border-radius:14px!important}
  .os-reco-copy{grid-area:copy!important;align-self:center;margin:0!important}.os-reco-copy>b{font-size:.76rem!important}.os-reco-copy>small{display:-webkit-box!important;min-height:0!important;margin-top:4px!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.6rem!important;line-height:1.45!important}
  .os-reco-state{grid-area:state!important;margin:2px 0 0!important;padding:8px 0 0!important;font-size:.5rem!important}
  .os-radar-board .intel-radar-item{min-height:82px;padding:11px 12px}.os-radar-copy>small{margin-top:4px!important}
}
@media(max-width:390px){.os-univers{grid-template-columns:1fr!important}.os-univers button{min-height:58px}.os-reco{grid-template-columns:42px minmax(0,1fr)!important}.os-reco-icon{width:40px!important;height:40px!important}}

/* V71 — réorganisation réelle de la Maison : raccourcis, outils avant radar,
   radar en mosaïque et rituel de Direction séparé. */
#osBriefing,#osMaison,#osRadar,#osJourJ{scroll-margin-top:88px}.os-section-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:10px;border:1px solid rgba(95,26,78,.1);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 17px 40px rgba(57,14,50,.08);backdrop-filter:blur(13px)}.os-section-nav button{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:0;border-radius:16px;background:linear-gradient(145deg,#fff8fb,#fff8ee);color:#42143c;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.os-section-nav button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(66,16,56,.09)}.os-section-nav button>i{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#5a174e,#9b3275);color:#ffda94}.os-section-nav b,.os-section-nav small{display:block}.os-section-nav b{font-size:.7rem}.os-section-nav small{margin-top:3px;color:#8a7282;font-size:.55rem;line-height:1.35}
.os-brief-aside{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:32px;background:radial-gradient(circle at 100% 0,rgba(248,182,60,.3),transparent 30%),linear-gradient(150deg,#32102f,#59164e 64%,#7c235f);color:#fff;box-shadow:0 24px 58px rgba(48,9,41,.22)}.os-brief-aside:after{content:"03";position:absolute;right:-8px;bottom:-28px;z-index:-1;color:rgba(255,255,255,.045);font:900 8rem/1 Manrope}.os-brief-aside>span{display:block;color:#ffda94;font-size:.61rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.os-brief-aside>h2{max-width:370px;margin:7px 0 9px;color:#fff;font:700 2.35rem/.95 'Cormorant Garamond',serif}.os-brief-aside>p{margin:0;color:rgba(255,255,255,.7);font-size:.7rem;line-height:1.6}.os-brief-aside>div{display:grid;gap:8px;margin-top:18px}.os-brief-aside button{display:grid;grid-template-columns:39px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.09);color:#fff;text-align:left;cursor:pointer}.os-brief-aside button>i{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:rgba(255,218,148,.16);color:#ffda94}.os-brief-aside b,.os-brief-aside small{display:block}.os-brief-aside b{font-size:.68rem}.os-brief-aside small{margin-top:2px;color:rgba(255,255,255,.55);font-size:.55rem}
.os-radar-stage{min-width:0}.os-radar-stage .os-radar-board{width:100%}.os-radar-stage .intel-panel-head{align-items:flex-end}.os-radar-stage .intel-panel-head p{max-width:720px;margin:7px 0 0;color:rgba(255,255,255,.58);font-size:.68rem;line-height:1.55}.os-radar-stage .intel-radar{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.os-radar-stage .intel-radar-item{grid-template-columns:22px minmax(0,1fr) 40px;min-height:105px;padding:12px}.os-radar-stage .os-radar-copy>b{font-size:.68rem}.os-radar-stage .os-radar-copy>small{font-size:.56rem}.os-radar-stage .intel-radar-item>strong{font-size:1rem}
@media(max-width:1180px){.os-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.os-radar-stage .intel-radar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#osBriefing,#osMaison,#osRadar,#osJourJ{scroll-margin-top:70px}.os-section-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px;border-radius:20px}.os-section-nav button{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:8px}.os-section-nav button>i{width:36px;height:36px;border-radius:12px}.os-section-nav small{display:none}.os-briefing-layout{display:grid;grid-template-columns:1fr}.os-brief-aside{padding:20px;border-radius:25px}.os-brief-aside>h2{font-size:1.95rem}.os-brief-aside>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.os-brief-aside button{display:block;padding:10px 7px;text-align:center}.os-brief-aside button>i{margin:0 auto 7px}.os-brief-aside small{display:none}.os-radar-stage .os-radar-board{padding:18px}.os-radar-stage .intel-panel-head{align-items:flex-start}.os-radar-stage .intel-radar{grid-template-columns:repeat(2,minmax(0,1fr))}.os-radar-stage .intel-radar-item{grid-template-columns:18px minmax(0,1fr);min-height:112px;padding:10px}.os-radar-stage .intel-radar-item>strong{grid-column:2;grid-row:1;justify-self:end;align-self:start}.os-radar-stage .os-radar-copy{grid-column:2;grid-row:1;padding-top:18px}.os-radar-stage .os-radar-copy>b{font-size:.64rem}.os-radar-stage .os-radar-track{margin-top:7px}}
@media(max-width:360px){.os-section-nav,.os-radar-stage .intel-radar{grid-template-columns:1fr}.os-brief-aside>div{grid-template-columns:1fr}.os-brief-aside button{display:grid;grid-template-columns:38px minmax(0,1fr);text-align:left}.os-brief-aside button>i{margin:0}.os-brief-aside small{display:block}}

/* V72 — les deux portes de l’accueil. Le QG est collectif ; la Maison de
   pilotage indique clairement son caractère privé Makème + Adjoint. */
.home-space-gateway{position:relative;z-index:2;display:grid;gap:13px;margin:16px 0 18px;padding:15px;border:1px solid rgba(91,22,75,.09);border-radius:31px;background:radial-gradient(circle at 0 0,rgba(239,179,47,.1),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,246,251,.92));box-shadow:0 22px 55px rgba(65,15,54,.09)}.home-space-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:5px 7px}.home-space-heading span{display:block;color:#a1377c;font-size:.58rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.home-space-heading h2{margin:4px 0 0;color:#42133b;font:700 2rem/.95 'Cormorant Garamond',serif}.home-space-heading p{max-width:520px;margin:0;color:#806b79;font-size:.65rem;line-height:1.55;text-align:right}.home-space-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.home-space-gateway.single .home-space-grid{grid-template-columns:minmax(0,1fr)}.home-space-gateway.single .home-space-card{grid-template-columns:160px minmax(0,1fr)}
.home-space-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;display:grid;grid-template-columns:135px minmax(0,1fr);gap:18px;align-items:center;padding:21px;border:1px solid rgba(89,22,73,.1);border-radius:25px;background:radial-gradient(circle at 0 100%,rgba(233,104,164,.12),transparent 31%),linear-gradient(145deg,#fffdfc,#fff3f8);box-shadow:0 14px 33px rgba(60,13,49,.075)}.home-space-card:after{content:"";position:absolute;z-index:-1;right:-65px;bottom:-80px;width:190px;height:190px;border:1px solid rgba(116,33,91,.09);border-radius:50%;box-shadow:0 0 0 28px rgba(116,33,91,.022),0 0 0 56px rgba(116,33,91,.016)}.home-space-card.direction{border-color:rgba(255,255,255,.12);background:radial-gradient(circle at 0 100%,rgba(224,81,157,.24),transparent 36%),radial-gradient(circle at 100% 0,rgba(247,181,49,.24),transparent 29%),linear-gradient(145deg,#30102f,#59164e 62%,#7f2566);box-shadow:0 22px 48px rgba(48,8,40,.22);color:#fff}.home-space-card.direction:after{border-color:rgba(255,255,255,.1);box-shadow:0 0 0 28px rgba(255,255,255,.018),0 0 0 56px rgba(255,255,255,.012)}.home-space-visual{position:relative;width:130px;height:130px;display:grid;place-items:center;border-radius:35px;background:linear-gradient(145deg,#ffe6b1,#f2b02b);box-shadow:0 17px 34px rgba(145,81,5,.16);transform:rotate(-2deg)}.home-space-visual img{width:102px;height:72px;object-fit:contain;padding:6px;border-radius:15px;background:rgba(255,255,255,.95)}.home-space-visual>i{position:absolute;right:-6px;bottom:-7px;width:42px;height:42px;display:grid;place-items:center;border:4px solid #fff6fa;border-radius:15px;background:#621751;color:#ffd78c}.direction .home-space-visual{background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.15),0 17px 34px rgba(18,1,15,.2);color:#ffd88f;transform:rotate(2deg)}.direction .home-space-visual>i{position:static;width:auto;height:auto;border:0;background:none;color:#ffd88f;font-size:2.1rem}.direction-mark span{display:flex;align-items:center;gap:5px;margin-top:5px}.direction-mark span b{min-width:35px;padding:5px 7px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.09);color:#fff;font-size:.55rem;text-align:center}.direction-mark span em{color:#ffd88f;font-style:normal;font-weight:900}.home-space-copy{min-width:0}.home-space-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;background:#f8e7f0;color:#922f71;font-size:.52rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.direction .home-space-badge{border:1px solid rgba(255,220,151,.22);background:rgba(255,255,255,.1);color:#ffda92}.home-space-card h3{margin:10px 0 5px;color:#46133e;font:700 2rem/.92 'Cormorant Garamond',serif}.direction h3{color:#fff}.home-space-card p{max-width:480px;margin:0;color:#806b79;font-size:.66rem;line-height:1.55}.direction p{color:rgba(255,255,255,.68)}.home-space-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.home-space-tags span{padding:5px 7px;border-radius:99px;background:rgba(137,42,104,.07);color:#862869;font-size:.48rem;font-weight:900}.direction .home-space-tags span{background:rgba(255,255,255,.09);color:rgba(255,255,255,.7)}.home-space-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}.home-space-main,.home-space-small{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:13px;padding:9px 12px;font-size:.59rem;font-weight:900;cursor:pointer}.home-space-main{background:linear-gradient(135deg,#641852,#a5347a);color:#fff;box-shadow:0 9px 20px rgba(100,24,82,.15)}.direction .home-space-main{margin-top:13px;background:linear-gradient(135deg,#f2ae28,#ffda8d);color:#43113b;box-shadow:0 10px 23px rgba(16,1,14,.2)}.home-space-small{border:1px solid rgba(99,24,81,.09);background:#fff;color:#862869}.home-space-confidential{display:flex;align-items:center;gap:6px;margin-top:9px;color:rgba(255,255,255,.55);font-size:.49rem;font-weight:800}.home-space-spark{position:absolute;z-index:2;width:31px;height:31px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#a6377d;box-shadow:0 8px 18px rgba(68,14,56,.11);font-size:.7rem;transform:rotate(8deg)}.home-space-spark.spark-one{right:14px;top:13px}.home-space-spark.spark-two{left:105px;bottom:10px;background:#ffe3a5;color:#6b174f;transform:rotate(-8deg)}.direction .home-space-spark{background:#f4b331;color:#48113e}.direction .home-space-spark.spark-two{background:#d75c9d;color:#fff}
@media(max-width:1120px){.home-space-card{grid-template-columns:105px minmax(0,1fr);gap:13px;padding:17px}.home-space-visual{width:102px;height:112px;border-radius:28px}.home-space-visual img{width:84px;height:62px}.home-space-card h3{font-size:1.7rem}.home-space-spark.spark-two{left:78px}}
@media(max-width:860px){.home-space-grid{grid-template-columns:1fr}.home-space-gateway.single .home-space-card,.home-space-card{grid-template-columns:125px minmax(0,1fr)}.home-space-visual{width:120px;height:120px}.home-space-spark.spark-two{left:95px}}
@media(max-width:620px){.home-space-gateway{margin:11px 0 14px;padding:10px;border-radius:24px}.home-space-heading{display:block;padding:4px 4px 0}.home-space-heading h2{font-size:1.65rem}.home-space-heading p{margin-top:6px;font-size:.58rem;text-align:left}.home-space-grid{gap:8px}.home-space-gateway.single .home-space-card,.home-space-card{grid-template-columns:76px minmax(0,1fr);gap:11px;padding:14px;border-radius:20px}.home-space-visual{width:72px;height:92px;border-radius:21px}.home-space-visual img{width:62px;height:52px;padding:4px}.home-space-visual>i{right:-3px;bottom:-4px;width:30px;height:30px;border-width:3px;border-radius:10px;font-size:.65rem}.direction .home-space-visual>i{font-size:1.45rem}.direction-mark span{display:grid;grid-template-columns:1fr;margin-top:2px}.direction-mark span b{min-width:0;padding:3px 4px;font-size:.42rem}.direction-mark span em{display:none}.home-space-badge{padding:5px 7px;font-size:.43rem}.home-space-card h3{margin-top:8px;font-size:1.48rem}.home-space-card p{font-size:.56rem;line-height:1.45}.home-space-tags{display:none}.home-space-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:5px;margin-top:10px}.home-space-main,.home-space-small{min-height:34px;padding:7px 8px;border-radius:11px;font-size:.48rem;text-align:center}.direction .home-space-main{width:100%;margin-top:10px}.home-space-confidential{font-size:.43rem}.home-space-spark{width:25px;height:25px}.home-space-spark.spark-one{right:8px;top:8px}.home-space-spark.spark-two{display:none}}
@media(max-width:380px){.home-space-actions{grid-template-columns:1fr}.home-space-gateway.single .home-space-card,.home-space-card{grid-template-columns:62px minmax(0,1fr)}.home-space-visual{width:58px;height:82px}.home-space-visual img{width:51px}.home-space-card h3{font-size:1.34rem}}

/* ===== css/sefa-interieurs-v66.css ===== */
/* SEFA V66 — finition éditoriale des pages intérieures et portraits unifiés. */
:root{--v66-prune:#40113d;--v66-violet:#68205b;--v66-framboise:#a83278;--v66-or:#f5ad2f;--v66-ivoire:#fffaf4;--v66-encre:#351431}
.main>.page:not(#dashboard):not(#communication):not(#inbox):not(#intelligence){background:radial-gradient(circle at 96% 0,rgba(245,173,47,.10),transparent 25%),linear-gradient(180deg,rgba(255,250,247,.92),rgba(255,255,255,.72));border-radius:30px}
.main>.page:not(#dashboard):not(#communication):not(#inbox):not(#intelligence)>.section-head{position:relative;overflow:hidden;margin-bottom:20px;padding:22px 24px;border:1px solid rgba(104,32,91,.11);border-radius:25px;background:linear-gradient(135deg,#fff,#fff8f0);box-shadow:0 16px 40px rgba(64,17,61,.07)}
.main>.page:not(#dashboard):not(#communication):not(#inbox):not(#intelligence)>.section-head:after{content:'SEFA  •  2027';position:absolute;right:20px;top:16px;color:rgba(168,50,120,.16);font:800 .65rem/1 Manrope;letter-spacing:.16em}
.main>.page:not(#dashboard):not(#communication):not(#inbox):not(#intelligence)>.section-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);line-height:.95;letter-spacing:-.025em;color:var(--v66-prune)}
.main>.page:not(#dashboard):not(#communication):not(#inbox):not(#intelligence) .card{border-color:rgba(104,32,91,.10);box-shadow:0 14px 34px rgba(64,17,61,.07)}
.admin-panel.active{border:1px solid rgba(104,32,91,.11);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,249,244,.94));box-shadow:0 18px 46px rgba(64,17,61,.08)}
.admin-panel>h3,.admin-panel .form>h3{font:700 clamp(1.7rem,3vw,2.35rem)/1 'Cormorant Garamond',serif;color:var(--v66-prune)}
.member-photo-admin,.user-photo-admin{grid-column:1/-1;display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:center;margin:2px 0 17px;padding:15px;border:1px solid rgba(104,32,91,.11);border-radius:20px;background:linear-gradient(135deg,#fff8fb,#fffaf0)}
.member-photo-admin label,.user-photo-admin label{display:block;margin-bottom:7px;color:#6d205c;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.member-photo-admin input,.user-photo-admin input{width:100%}.member-photo-admin small,.user-photo-admin small{display:block;margin-top:7px;color:#816d7b;font-size:.66rem;line-height:1.45}
.member-photo-preview{display:grid;place-items:center}.member-photo-preview .inbox-avatar{width:72px!important;height:72px!important;border:4px solid #fff;box-shadow:0 8px 22px rgba(64,17,61,.16)}
.member-admin-identity{min-width:0;display:flex!important;align-items:center;gap:11px}.member-admin-identity>span:last-child{min-width:0}.member-admin-identity .inbox-avatar{flex:0 0 auto;border:2px solid #fff;box-shadow:0 5px 13px rgba(64,17,61,.13)}
.task-assignees-v66,.task-owners{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:13px 2px 1px;border-top:1px dashed rgba(104,32,91,.16)}
.task-assignee-stack,.task-owner-stack{display:flex;align-items:center;padding-left:8px}.task-assignee-stack .inbox-avatar,.task-owner-avatar{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;overflow:hidden;margin-left:-8px;border:3px solid #fff;border-radius:50%;background:#711d61;color:#fff;font-size:.68rem;font-weight:900;box-shadow:0 5px 14px rgba(73,20,69,.15)}
.task-owner-avatar img{width:100%;height:100%;object-fit:cover}.task-assignee-copy,.task-owner-copy{min-width:0;text-align:right}.task-assignee-copy small,.task-assignee-copy b,.task-owner-copy small,.task-owner-copy b{display:block}.task-assignee-copy small,.task-owner-copy small{color:#9a8092;font-size:.57rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.task-assignee-copy b,.task-owner-copy b{max-width:310px;margin-top:3px;color:#4b173f;font-size:.68rem;line-height:1.35}
.resp-choix>.inbox-avatar,.resp-choix>.task-owner-avatar{flex:0 0 auto;width:38px!important;height:38px!important;margin:0!important;border:2px solid #fff;box-shadow:0 4px 10px rgba(64,17,61,.12)}
@media(max-width:700px){.main>.page:not(#dashboard):not(#communication):not(#inbox):not(#intelligence){border-radius:22px}.main>.page:not(#dashboard):not(#communication):not(#inbox):not(#intelligence)>.section-head{padding:19px 17px;border-radius:21px}.member-photo-admin,.user-photo-admin{grid-template-columns:64px 1fr;padding:12px}.member-photo-preview .inbox-avatar{width:58px!important;height:58px!important}.task-assignee-copy b,.task-owner-copy b{max-width:190px}}

/* ===== css/sefa-luxe-v81.css ===== */
/* La V82 est appelée depuis cette feuille déjà présente sur toutes les pages.
   Le petit correctif suffit ainsi à harmoniser le portail sans remplacer
   chaque page PHP une par une. */

/* SEFA V81 — Maison couture, stable et cohérente sur tout le portail */
:root{
 --sefa-ink:#2b1428;--sefa-plum:#42103c;--sefa-plum-2:#681252;
 --sefa-berry:#a82b78;--sefa-pink:#e35b9f;--sefa-blush:#f9ddea;
 --sefa-gold:#f5b62e;--sefa-gold-soft:#ffe8ad;--sefa-ivory:#fffaf4;
 --sefa-paper:rgba(255,255,255,.82);--sefa-line:rgba(90,21,73,.12);
 --sefa-shadow:0 24px 70px rgba(69,15,57,.14);--sefa-shadow-soft:0 12px 34px rgba(69,15,57,.09);
 --sefa-radius-xl:32px;--sefa-radius:22px;--sefa-radius-sm:15px;
}
html{max-width:100%;overflow-x:hidden;scroll-behavior:smooth}
body{max-width:100%;overflow-x:hidden;color:var(--sefa-ink);background:
 radial-gradient(circle at 6% 5%,rgba(227,91,159,.14),transparent 26%),
 radial-gradient(circle at 96% 12%,rgba(245,182,46,.15),transparent 24%),
 linear-gradient(160deg,#fffaf5 0%,#fff7fb 48%,#f9ecf4 100%) fixed!important;
 font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:
 linear-gradient(120deg,transparent 0 46%,rgba(255,255,255,.5) 46% 46.2%,transparent 46.2%),
 radial-gradient(circle at 83% 77%,rgba(167,43,120,.07),transparent 23%)}
h1,h2,h3,.serif,.section-head h3{font-family:"Cormorant Garamond",Georgia,serif;letter-spacing:-.02em}

/* Verre couture commun */
:where(.card,.panel,.box,.form,.detail-box,.meeting,.report,.admin-panel,.command-card,.flow-card,.task-card,.member,.proposal-card,.module-card){
 border:1px solid rgba(255,255,255,.88)!important;
 background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(255,249,246,.72))!important;
 box-shadow:var(--sefa-shadow-soft)!important;
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
:where(.card,.panel,.box,.form,.detail-box,.meeting,.report,.command-card,.flow-card,.task-card,.member,.proposal-card,.module-card){border-radius:var(--sefa-radius)!important}
:where(.card,.flow-card,.task-card,.member,.module-card){transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
@media(hover:hover){:where(.card,.flow-card,.task-card,.member,.module-card):hover{transform:translateY(-4px);box-shadow:var(--sefa-shadow)!important;border-color:rgba(245,182,46,.38)!important}}

/* Navigation latérale : bijou structuré */
.sidebar{width:286px!important;padding:20px 14px!important;background:
 radial-gradient(circle at 20% 3%,rgba(245,182,46,.22),transparent 25%),
 linear-gradient(180deg,#2d092d 0%,#511043 50%,#7f1d65 100%)!important;
 border-right:1px solid rgba(255,255,255,.12)!important;box-shadow:24px 0 70px rgba(45,9,45,.23)!important}
.sidebar .brand{margin:0 4px 14px;padding:9px 10px 19px!important;border-bottom:1px solid rgba(255,255,255,.13)!important}
.sidebar .brand img{width:100%!important;max-width:205px!important;height:74px!important;padding:8px!important;object-fit:contain!important;border-radius:20px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 15px 35px rgba(0,0,0,.16)!important}
.sidebar .brand h1,.sidebar .brand p{display:none!important}
.sidebar .nav{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0!important;padding:2px 0 120px!important;max-height:calc(100vh - 130px)!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.sidebar .nav a,.sidebar .nav button{min-height:46px!important;margin:0!important;padding:11px 13px!important;border:1px solid transparent!important;border-radius:15px!important;color:rgba(255,255,255,.79)!important;font-size:.78rem!important;font-weight:750!important;line-height:1.25!important}
.sidebar .nav a i,.sidebar .nav button i{width:25px!important;height:25px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:rgba(255,255,255,.09)!important;color:#ffd98a!important}
.sidebar .nav a:hover,.sidebar .nav button:hover,.sidebar .nav .active{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(248,117,182,.15))!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:0 9px 22px rgba(22,3,19,.16)!important}
.sidebar .profile{left:14px!important;right:14px!important;bottom:13px!important;padding:13px 14px!important;border-radius:18px!important;background:rgba(32,4,28,.35)!important;border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(18px)!important}
.main{margin-left:286px!important}
.topbar{height:78px!important;padding:0 28px!important;background:rgba(255,250,248,.82)!important;border-bottom:1px solid rgba(88,17,70,.09)!important;box-shadow:0 12px 38px rgba(77,18,62,.07)!important;backdrop-filter:blur(22px)!important}
.topbar h2{font-size:1.75rem!important;color:#3a1034!important}
.page{padding:clamp(16px,3vw,34px)!important}

/* Accueil : éditorial et fun */
#dashboard>.welcome{min-height:390px!important;padding:clamp(30px,6vw,68px)!important;border-radius:38px!important;background:
 radial-gradient(circle at 85% 17%,rgba(255,215,121,.34),transparent 25%),
 radial-gradient(circle at 18% 90%,rgba(239,91,163,.25),transparent 28%),
 linear-gradient(135deg,#270827,#531044 52%,#a62b78 100%)!important;
 box-shadow:0 34px 90px rgba(77,14,62,.3)!important;overflow:hidden!important}
#dashboard>.welcome:before{content:"✦";position:absolute;right:6%;top:11%;font-size:4.5rem;color:rgba(255,224,148,.23);animation:sefaTwinkle 3s ease-in-out infinite}
#dashboard>.welcome h1{max-width:760px!important;font-size:clamp(3.2rem,7vw,6.6rem)!important;line-height:.86!important;margin:18px 0!important;color:#fff!important;text-shadow:0 10px 35px rgba(0,0,0,.18)}
#dashboard>.welcome p{font-size:clamp(.9rem,1.5vw,1.08rem)!important;line-height:1.75!important;max-width:720px!important}
.daily-quote{max-width:620px!important;margin-top:20px!important;padding:14px 16px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:18px!important;background:rgba(255,255,255,.1)!important;backdrop-filter:blur(10px)}
.quick-grid{gap:14px!important}.quick{min-height:126px!important;padding:18px!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#fff7fb)!important;box-shadow:var(--sefa-shadow-soft)!important}.quick i{background:linear-gradient(135deg,var(--sefa-blush),var(--sefa-gold-soft))!important}.quick b{font-size:2rem!important;color:var(--sefa-plum-2)!important}
.section-head{margin:31px 0 15px!important}.section-head h3{font-size:clamp(2rem,4vw,3.15rem)!important;color:#43113d!important}.section-head p{font-size:.8rem!important;line-height:1.55!important}
.home-actions-v3,.eventflow-grid,.commission-list{gap:16px!important}.action-card,.flow-card,.commission-card{padding:22px!important;overflow:hidden!important;position:relative!important}.action-card:after,.flow-card:after{content:"";position:absolute;right:-50px;bottom:-60px;width:130px;height:130px;border-radius:50%;border:1px solid rgba(179,48,128,.10)}
.module-badge,.eventflow-kicker,.eyebrow{letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:900!important}

/* Maison d'accès rapide ajoutée à l'accueil */
.luxe-entry{position:relative;margin:18px 0 24px;padding:26px;border-radius:30px;background:
 radial-gradient(circle at 92% 12%,rgba(245,182,46,.23),transparent 24%),linear-gradient(135deg,#42103c,#7b185f)!important;color:#fff;box-shadow:0 28px 68px rgba(66,16,60,.25);overflow:hidden}
.luxe-entry:after{content:"♡";position:absolute;right:28px;top:8px;font:400 5rem Parisienne,cursive;color:rgba(255,255,255,.1)}
.luxe-entry-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px;position:relative;z-index:1}.luxe-entry small{color:#ffd780;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.luxe-entry h2{margin:5px 0 0;font-size:clamp(2rem,4vw,3.4rem);line-height:.95}.luxe-entry-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;position:relative;z-index:1}.luxe-entry-grid a,.luxe-entry-grid button{min-width:0;min-height:105px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;text-align:left;font:800 .72rem Manrope;backdrop-filter:blur(10px);cursor:pointer}.luxe-entry-grid i{display:grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border-radius:11px;background:linear-gradient(135deg,#ffd879,#f5a923);color:#48113d}.luxe-entry-grid span{display:block;color:rgba(255,255,255,.62);font-size:.58rem;margin-top:4px;font-weight:600}
.eventflow-showcase.luxe-collapsed .eventflow-grid{max-height:440px;overflow:hidden;position:relative}.eventflow-showcase.luxe-collapsed .eventflow-grid:after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,#fff9f4)}.luxe-more{display:flex!important;margin:16px auto 0!important}

/* Boutons et formulaires */
:where(.btn,button.primary,.submit,.save-btn,.action-btn){border-radius:999px!important;font-weight:850!important;letter-spacing:.01em!important}
:where(.btn.primary,.submit,button.primary,.save-btn){background:linear-gradient(135deg,#4a103f,#9d2472 62%,#dd5298)!important;color:#fff!important;border:0!important;box-shadow:0 13px 30px rgba(126,27,93,.22)!important}
:where(.btn.gold,.gold-btn){background:linear-gradient(135deg,#f4b329,#ffdc84)!important;color:#4a3510!important;border:0!important}
:where(input,select,textarea){max-width:100%;border-radius:15px!important;border:1px solid rgba(87,20,72,.13)!important;background:rgba(255,255,255,.9)!important;color:var(--sefa-ink)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
:where(input,select,textarea):focus{outline:0!important;border-color:var(--sefa-pink)!important;box-shadow:0 0 0 4px rgba(227,91,159,.11)!important}
table{border-collapse:separate!important;border-spacing:0!important;width:100%}th{background:#f7eaf2!important;color:#641350!important;text-transform:uppercase!important;letter-spacing:.07em!important;font-size:.65rem!important}th,td{border-color:rgba(93,20,74,.09)!important}

/* Connexion : portail boutique */
body[data-zone-texte="connexion"]{align-items:center!important;background:
 radial-gradient(circle at 9% 7%,rgba(246,183,48,.25),transparent 28%),
 radial-gradient(circle at 91% 91%,rgba(214,69,149,.26),transparent 30%),
 linear-gradient(140deg,#2c092b 0%,#681251 48%,#ad2f7c 100%)!important}
body[data-zone-texte="connexion"] .login{width:min(510px,100%)!important;padding:34px 30px!important;border-radius:38px!important;background:rgba(255,253,251,.91)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 42px 120px rgba(25,3,22,.4)!important}
body[data-zone-texte="connexion"] .login:before{content:"✦"!important;color:rgba(245,182,46,.42)!important}
body[data-zone-texte="connexion"] h1{font-size:clamp(3rem,10vw,4.7rem)!important;line-height:.82!important}
body[data-zone-texte="connexion"] .logo{height:105px!important;margin-bottom:5px!important}
.volunteer-link{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:14px 16px;border:1px solid rgba(156,39,111,.14);border-radius:18px;background:linear-gradient(135deg,#fff3d4,#fce7f1);color:#62134e;text-decoration:none;font-size:.78rem;font-weight:900}.volunteer-link i{color:#b82f82}

/* Porte d'entrée dédiée aux nouvelles bénévoles */
.volunteer-register-page{min-height:100svh;margin:0;padding:clamp(14px,3vw,40px);display:grid;place-items:center;background:radial-gradient(circle at 8% 6%,rgba(245,182,46,.25),transparent 27%),radial-gradient(circle at 93% 89%,rgba(228,78,158,.29),transparent 30%),linear-gradient(145deg,#2b092a,#64114f 48%,#a62c79)!important}
.volunteer-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);border:1px solid rgba(255,255,255,.36);border-radius:42px;background:rgba(255,251,248,.94);box-shadow:0 45px 140px rgba(28,3,24,.45);overflow:hidden;isolation:isolate}
.volunteer-story{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:760px;padding:clamp(36px,6vw,72px);overflow:hidden;color:#fff;background:radial-gradient(circle at 77% 9%,rgba(255,216,121,.29),transparent 24%),radial-gradient(circle at 9% 90%,rgba(230,91,161,.26),transparent 28%),linear-gradient(155deg,#2d0a2c 0%,#571147 58%,#8c206a 100%)}
.volunteer-story:after{content:"✿";position:absolute;right:-30px;bottom:-62px;font-size:15rem;color:rgba(255,255,255,.06);transform:rotate(-12deg)}
.volunteer-back{position:absolute;left:28px;top:25px;z-index:1;color:#fff;text-decoration:none;font-size:.72rem;font-weight:850;padding:11px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1)}
.volunteer-logo{width:min(310px,82%);height:100px;object-fit:contain;object-position:left center;padding:8px 12px;margin:0 0 35px;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 18px 38px rgba(0,0,0,.18)}
.volunteer-kicker{color:#ffd97d;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em}
.volunteer-story h1{max-width:500px;margin:13px 0 22px;font-size:clamp(3.2rem,6vw,5.6rem);line-height:.82;color:#fff}.volunteer-story h1 em{display:block;font-family:Parisienne,cursive;font-size:.78em;font-weight:400;color:#ffb9dd}
.volunteer-story>p{max-width:520px;margin:0;color:rgba(255,255,255,.76);font-size:.94rem;line-height:1.75}.volunteer-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.volunteer-perks span{padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.09);font-size:.67rem;font-weight:800}
.volunteer-form-card{padding:clamp(30px,5vw,64px);background:radial-gradient(circle at 91% 7%,rgba(245,182,46,.12),transparent 22%),linear-gradient(145deg,#fffdfa,#fff7fb)}
.volunteer-form-head small{color:#a82b78;font-weight:900;text-transform:uppercase;letter-spacing:.15em;font-size:.64rem}.volunteer-form-head h2{margin:7px 0 5px;font-size:clamp(2.8rem,5vw,4rem);line-height:.9;color:#3a1034}.volunteer-form-head p{margin:0 0 20px;color:#806b7a;font-size:.78rem;line-height:1.55}
.volunteer-errors{margin:0 0 18px;padding:14px 16px;border:1px solid rgba(195,52,116,.18);border-radius:18px;background:#fff0f6;color:#8e205f;font-size:.75rem;line-height:1.5}.volunteer-errors ul{margin:7px 0 0;padding-left:18px}
.volunteer-form label{display:block;margin:13px 0 7px;color:#67144f;font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.volunteer-form input,.volunteer-form select{width:100%;height:54px;padding:0 14px;font:700 .82rem Manrope}.volunteer-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.volunteer-password{position:relative}.volunteer-password input{padding-right:67px}.volunteer-password button{position:absolute;right:7px;top:7px;height:40px;padding:0 12px;border:0;border-radius:999px;background:#f8e8f1;color:#7c1b5e;font:850 .64rem Manrope;cursor:pointer}
.volunteer-strength{height:5px;margin-top:11px;border-radius:999px;background:#eadde7;overflow:hidden}.volunteer-strength span{display:block;width:0;height:100%;border-radius:inherit;background:#e76283;transition:width .2s}.volunteer-strength span[data-level="3"]{background:#dca72b}.volunteer-strength span[data-level="4"]{background:#6aae7a}.volunteer-help,.volunteer-privacy{margin:7px 0 0;color:#8a7683;font-size:.66rem;line-height:1.45}.volunteer-submit{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:58px;margin-top:18px;border:0;border-radius:999px;background:linear-gradient(135deg,#3e0d39,#9e2472 66%,#e35b9f);color:#fff;font:900 .85rem Manrope;box-shadow:0 18px 38px rgba(105,22,80,.26);cursor:pointer}.volunteer-submit span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f7bc3a;color:#45103d}.volunteer-privacy{text-align:center;margin-top:12px}

/* Stabilité mobile */
@keyframes sefaTwinkle{50%{transform:scale(1.14) rotate(8deg);opacity:.55}}
@media(max-width:1000px){.sidebar{width:min(310px,86vw)!important}.main{margin-left:0!important}.topbar{height:68px!important;padding:0 14px!important}.page{padding:14px 11px 110px!important}.luxe-entry-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.luxe-entry-grid>*{flex:0 0 140px;scroll-snap-align:start}.sidebar .nav{max-height:calc(100svh - 125px)!important}.mobile-nav,.bottom-nav{background:rgba(255,253,251,.94)!important;border-top:1px solid rgba(93,20,74,.1)!important;box-shadow:0 -16px 40px rgba(63,13,52,.12)!important;backdrop-filter:blur(22px)!important}}
@media(max-width:700px){#dashboard>.welcome{min-height:360px!important;padding:30px 22px 38px!important;border-radius:28px!important}#dashboard>.welcome h1{font-size:clamp(3.1rem,15vw,4.8rem)!important}.luxe-entry{padding:20px 16px;border-radius:25px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick{min-height:112px!important}.section-head h3{font-size:2.2rem!important}.grid-2,.home-actions,.commission-list,.members{grid-template-columns:1fr!important}:where(.card,.flow-card,.task-card,.module-card){max-width:100%!important}body[data-zone-texte="connexion"] .login{padding:26px 18px!important;border-radius:30px!important}}
@media(max-width:900px){.volunteer-register-page{display:block;padding:0}.volunteer-shell{display:block;border:0;border-radius:0}.volunteer-story{min-height:490px;padding:95px 24px 48px}.volunteer-logo{margin-bottom:24px;height:82px}.volunteer-story h1{font-size:clamp(3.5rem,15vw,5.3rem)}.volunteer-form-card{padding:32px 20px 44px}.volunteer-fields-two{grid-template-columns:1fr}.volunteer-back{left:20px;top:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ===== css/sefa-institution-v82.css ===== */
:root{
  --sefa-ink:#2d0a2b;
  --sefa-aubergine:#43103d;
  --sefa-plum:#681657;
  --sefa-magenta:#a82979;
  --sefa-rose:#dc5b9b;
  --sefa-gold:#f5b52b;
  --sefa-gold-soft:#ffdfa0;
  --sefa-ivory:#fffaf6;
  --sefa-blush:#fbf0f5;
  --sefa-line:rgba(86,26,70,.12);
  --sefa-shadow:0 22px 62px rgba(70,14,55,.12);
  --sefa-shadow-soft:0 12px 34px rgba(70,14,55,.08);
  --sefa-serif:"Cormorant Garamond",Georgia,serif;
}

html{overflow-x:hidden;background:var(--sefa-ivory)}
body{overflow-x:hidden;background:radial-gradient(circle at 86% 7%,rgba(245,181,43,.11),transparent 22%),radial-gradient(circle at 10% 32%,rgba(220,91,155,.09),transparent 25%),linear-gradient(180deg,#fffaf8 0%,#fbf4f7 52%,#fffaf8 100%);color:var(--sefa-ink)}
body,button,input,textarea,select{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*,*:before,*:after{box-sizing:border-box}
img{max-width:100%}
.ambient-bubbles,.dream-decor{pointer-events:none}

/* Navigation institutionnelle */
.sidebar{background:radial-gradient(circle at 20% 5%,rgba(231,89,158,.22),transparent 24%),linear-gradient(178deg,#2d092a 0%,#4b103f 58%,#71185d 100%)!important;border-right:1px solid rgba(255,255,255,.1);box-shadow:22px 0 70px rgba(42,5,34,.16)}
.sidebar .brand{margin:10px 12px 22px;padding:17px!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 16px 32px rgba(20,0,17,.15)!important}
.sidebar .brand img{width:118px!important;max-height:58px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.12))}
.sidebar .brand h1{font-family:var(--sefa-serif);font-size:1.48rem;letter-spacing:.03em}
.sidebar .brand p{opacity:.72;letter-spacing:.08em;text-transform:uppercase;font-size:.61rem}
.sidebar .nav{padding:0 10px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.sidebar .nav a,.sidebar .nav button{min-height:47px;margin:3px 0;padding:11px 14px!important;border-radius:14px!important;color:rgba(255,255,255,.78)!important;font-weight:720!important;letter-spacing:-.01em;transition:background .18s ease,color .18s ease,transform .18s ease!important}
.sidebar .nav a i,.sidebar .nav button i{width:23px;color:var(--sefa-gold-soft)}
.sidebar .nav a:hover,.sidebar .nav button:hover,.sidebar .nav .active{color:#fff!important;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(234,89,159,.13))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 10px 23px rgba(19,0,16,.12)!important;transform:translateX(2px)}
.sidebar .profile{margin:12px;padding:16px!important;border-radius:18px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.12)!important}
.main{min-width:0;background:transparent!important}
.topbar{background:rgba(255,250,248,.9)!important;border-bottom:1px solid var(--sefa-line)!important;box-shadow:0 10px 32px rgba(68,15,52,.06)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar h2{font-family:var(--sefa-serif)!important;font-weight:700!important;color:var(--sefa-ink)!important;font-size:clamp(1.55rem,2vw,2.05rem)!important}
.topbar .btn,.topbar .menu{border:1px solid rgba(106,25,87,.1)!important;background:#fff!important;color:var(--sefa-plum)!important;box-shadow:0 9px 22px rgba(76,15,60,.08)!important}

/* L’accueil devient une architecture ordonnée, sans transformation tardive */
#dashboard.active{display:flex!important;flex-direction:column;gap:22px;max-width:1440px;margin:0 auto;padding-bottom:60px}
#dashboard>.welcome{order:1}
#dashboard>.quick-grid{order:2}
#dashboard>.today-command{order:3}
#dashboard>.institution-services{order:4}
#dashboard>.direction-gateway{order:5}
#dashboard>.sefa-countdown{order:6}
#dashboard>.home-actions{order:7}
#dashboard>.aisha-home-mini{order:8}
#dashboard>.committee-flow-home{order:9}
#dashboard>.eventflow-showcase{order:10}
#dashboard>.section-head{order:11}
#dashboard>.announcement-list{order:12}

#dashboard>.welcome{position:relative;min-height:0!important;padding:clamp(28px,4vw,54px)!important;border-radius:34px!important;overflow:hidden;background:radial-gradient(circle at 89% 18%,rgba(245,181,43,.3),transparent 22%),radial-gradient(circle at 12% 100%,rgba(224,81,152,.25),transparent 28%),linear-gradient(128deg,#33092f 0%,#5d124e 52%,#9c2c73 100%)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 30px 75px rgba(61,10,48,.24)!important;color:#fff!important}
#dashboard>.welcome:before{content:"SEFA";position:absolute;right:3%;bottom:-18%;font-family:var(--sefa-serif);font-size:clamp(8rem,20vw,18rem);line-height:.7;font-weight:700;color:rgba(255,255,255,.035);pointer-events:none}
#dashboard>.welcome:after{content:"";position:absolute;right:6%;top:16%;width:clamp(95px,14vw,178px);aspect-ratio:1;border:1px solid rgba(255,218,147,.36);border-radius:50%;box-shadow:0 0 0 18px rgba(255,255,255,.025),0 0 0 40px rgba(255,255,255,.018);pointer-events:none}
#dashboard .welcome .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px!important;border:1px solid rgba(255,222,159,.34);border-radius:999px;background:rgba(255,255,255,.08);color:#ffe1a4!important;font-size:.68rem!important;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
#dashboard .welcome h1{max-width:760px;margin:20px 0 9px!important;font-family:var(--sefa-serif)!important;font-size:clamp(3rem,7vw,6.8rem)!important;line-height:.78!important;letter-spacing:-.045em;color:#fff!important;text-wrap:balance}
#dashboard .welcome .hello-script{display:block;font:500 .42em/1.1 "Cormorant Garamond",serif!important;font-style:italic;color:#ffdda0!important;letter-spacing:.01em}
#dashboard .welcome .name-glow{color:#fff!important;text-shadow:0 12px 40px rgba(0,0,0,.18)}
#dashboard .personal-role{display:inline-block;margin:8px 0 12px;padding:7px 12px;border-radius:10px;background:rgba(255,255,255,.1);color:#ffe8bb!important;font-weight:850;letter-spacing:.04em}
#dashboard>.welcome>p{max-width:760px;color:rgba(255,255,255,.8)!important;font-size:clamp(.95rem,1.5vw,1.1rem)!important;line-height:1.7!important}
#dashboard .daily-quote{max-width:720px;margin-top:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.07))!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:none!important}
#dashboard .daily-quote i,#dashboard .daily-quote small{color:#ffd787!important}
#dashboard .daily-quote strong{color:#fff!important}
#dashboard .welcome-actions{margin-top:22px!important}
#dashboard .welcome-actions .btn{min-height:48px;padding:12px 19px;border-radius:15px!important;font-weight:850!important}
#dashboard .welcome-actions .gold{background:linear-gradient(135deg,#ffca53,#f5a91e)!important;color:#42230a!important;box-shadow:0 13px 30px rgba(245,174,36,.27)!important}
#dashboard .welcome-actions .ghost{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}

#dashboard>.quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;margin:0!important}
#dashboard>.quick-grid .quick{min-height:94px!important;padding:18px!important;border-radius:22px!important;background:rgba(255,255,255,.88)!important;border:1px solid var(--sefa-line)!important;box-shadow:var(--sefa-shadow-soft)!important;backdrop-filter:blur(15px);transition:transform .18s ease,box-shadow .18s ease}
#dashboard>.quick-grid .quick:hover{transform:translateY(-3px);box-shadow:var(--sefa-shadow)!important}
#dashboard>.quick-grid .quick i{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0f7,#fff1cf);color:var(--sefa-magenta)!important}
#dashboard>.quick-grid .quick b{font-family:var(--sefa-serif);font-size:1.95rem;color:var(--sefa-ink)!important;line-height:.85}
#dashboard>.quick-grid .quick span{font-size:.75rem;color:#735d6b!important;font-weight:760}

#dashboard>.today-command{padding:clamp(22px,3vw,34px)!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,247,251,.94))!important;border:1px solid rgba(119,37,91,.12)!important;box-shadow:var(--sefa-shadow)!important;color:var(--sefa-ink)!important;overflow:hidden}
#dashboard .today-command-head{align-items:center!important}
#dashboard .today-command-head span{color:var(--sefa-magenta)!important;font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:.68rem}
#dashboard .today-command-head h2{font-family:var(--sefa-serif)!important;color:var(--sefa-ink)!important;font-size:clamp(2rem,4vw,3.4rem)!important;margin:4px 0 5px!important}
#dashboard .today-command-head p{color:#796471!important}
#dashboard .today-command-head>a{background:linear-gradient(135deg,var(--sefa-plum),var(--sefa-magenta))!important;color:#fff!important;border-radius:14px!important;padding:12px 15px!important;box-shadow:0 10px 24px rgba(145,35,105,.18)!important}
#dashboard .today-metric,#dashboard .today-panel{background:#fff!important;border:1px solid rgba(95,24,76,.1)!important;color:var(--sefa-ink)!important;box-shadow:0 10px 28px rgba(69,13,54,.055)!important}
#dashboard .today-metric b,#dashboard .today-panel h3{color:var(--sefa-ink)!important}
#dashboard .today-metric span,#dashboard .today-panel p{color:#75616e!important}

#dashboard>.sefa-countdown{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;align-items:center;gap:22px!important;min-height:0!important;padding:27px 30px!important;border-radius:28px!important;background:radial-gradient(circle at 90% 18%,rgba(245,181,43,.24),transparent 24%),linear-gradient(130deg,#3a0a34,#70185c 68%,#9e2d74)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 23px 58px rgba(64,10,50,.19)!important;color:#fff!important;overflow:hidden}
#dashboard .sefa-countdown .countdown-copy{align-self:center}
#dashboard .sefa-countdown h2{font-family:var(--sefa-serif)!important;font-size:clamp(2rem,4vw,3.45rem)!important;line-height:.93!important;color:#fff!important;margin:8px 0!important}
#dashboard .sefa-countdown p{color:rgba(255,255,255,.78)!important}
#dashboard .sefa-countdown .countdown-numbers{grid-column:2;grid-row:1 / span 2;align-self:center}
#dashboard .sefa-countdown .countdown-main,#dashboard .sefa-countdown .countdown-mini{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:none!important}
#dashboard .sefa-countdown .countdown-main strong,#dashboard .sefa-countdown .countdown-mini b{color:#ffdda0!important}
#dashboard .sefa-countdown .countdown-cta{width:max-content!important;margin:9px 0 0!important;background:#fff!important;color:var(--sefa-plum)!important;border:none!important;padding:11px 15px!important}

/* Hub d’accès principal */
.institution-services{position:relative;padding:clamp(24px,3vw,36px);border-radius:32px;background:rgba(255,255,255,.78);border:1px solid var(--sefa-line);box-shadow:var(--sefa-shadow);backdrop-filter:blur(18px);overflow:hidden}
.institution-services:after{content:"✦";position:absolute;right:-28px;top:-48px;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(236,91,159,.1),rgba(245,181,43,.12));font-family:var(--sefa-serif);font-size:4rem;color:rgba(141,32,104,.18);transform:rotate(12deg)}
.institution-section-heading{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px}
.institution-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--sefa-magenta);font-size:.67rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.institution-section-heading h2{margin:6px 0 4px;font-family:var(--sefa-serif);font-size:clamp(2.1rem,4vw,3.45rem);line-height:.95;color:var(--sefa-ink)}
.institution-section-heading p{margin:0;color:#76606e;line-height:1.55}
.institution-signature{font-family:var(--sefa-serif);font-size:1.15rem;font-style:italic;color:var(--sefa-magenta);white-space:nowrap}
.institution-service-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.institution-service{appearance:none;width:100%;min-width:0;display:grid;grid-template-columns:54px 1fr 30px;align-items:center;gap:14px;text-align:left;text-decoration:none!important;padding:17px;border:1px solid rgba(93,26,76,.1);border-radius:22px;background:linear-gradient(145deg,#fff,#fff9fc);color:var(--sefa-ink)!important;box-shadow:0 10px 27px rgba(67,12,52,.055);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.institution-service:hover{transform:translateY(-4px);box-shadow:0 19px 38px rgba(67,12,52,.11);border-color:rgba(166,41,121,.22)}
.service-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#f8e8f1,#ffedc7);color:var(--sefa-magenta);font-size:1.15rem;box-shadow:inset 0 1px #fff,0 8px 18px rgba(112,27,85,.08)}
.institution-service>span:nth-child(2){min-width:0;display:block}
.institution-service small{display:block;margin-bottom:3px;color:#a13a7d;font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.institution-service strong{display:block;font-family:var(--sefa-serif);font-size:1.37rem;line-height:1.05;color:var(--sefa-ink)}
.institution-service em{display:block;margin-top:5px;color:#796672;font-size:.72rem;line-height:1.38;font-style:normal}
.service-arrow{width:30px;height:30px;border-radius:50%;display:grid!important;place-items:center;background:#f8edf3;color:var(--sefa-magenta);font-size:.7rem}
.service-team .service-icon,.service-qg .service-icon{background:linear-gradient(145deg,#f0e4f4,#fcecf5)}
.service-task .service-icon,.service-charter .service-icon{background:linear-gradient(145deg,#fff0d2,#fff8e9);color:#a76b0c}

/* Accès privé Direction */
.direction-gateway{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:24px;padding:clamp(24px,3vw,36px);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 86% 15%,rgba(245,181,43,.24),transparent 23%),linear-gradient(125deg,#2c082a,#5d124e 62%,#8e286c);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 26px 65px rgba(57,8,44,.23)}
.direction-orbit{position:absolute;inset:0;pointer-events:none}.direction-orbit i{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.direction-orbit i:nth-child(1){width:270px;height:270px;right:-70px;top:-150px}.direction-orbit i:nth-child(2){width:190px;height:190px;right:-30px;top:-110px}.direction-orbit i:nth-child(3){width:110px;height:110px;left:-35px;bottom:-40px;border-color:rgba(245,181,43,.18)}
.direction-emblem{position:relative;width:92px;height:92px;border-radius:26px;display:grid;place-items:center;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.15),0 15px 30px rgba(20,0,15,.14)}
.direction-emblem img{width:72px;max-height:58px;object-fit:contain}
.direction-gateway-copy{position:relative;min-width:0}
.direction-gateway-copy>span{display:block;color:#ffd98b;font-size:.67rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.direction-gateway h2{margin:5px 0 6px;font-family:var(--sefa-serif);font-size:clamp(2.1rem,4vw,3.35rem);line-height:.95;color:#fff}
.direction-gateway p{max-width:760px;margin:0;color:rgba(255,255,255,.73);line-height:1.58}
.direction-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.direction-tags b{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);font-size:.66rem;color:#fff}
.direction-tags i{color:#ffdc96}
.direction-gateway-link{position:relative;display:inline-flex;align-items:center;gap:14px;padding:15px 18px;border-radius:16px;background:linear-gradient(135deg,#ffd05f,#f5aa20);color:#3d2305!important;text-decoration:none!important;font-weight:900;box-shadow:0 14px 30px rgba(245,173,36,.23);white-space:nowrap}

/* Sections secondaires : visuelles mais compactes */
#dashboard>.home-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
#dashboard>.home-actions .module-card{min-height:165px!important;padding:17px!important;border-radius:22px!important;background:rgba(255,255,255,.9)!important;border:1px solid var(--sefa-line)!important;box-shadow:var(--sefa-shadow-soft)!important;color:var(--sefa-ink)!important}
#dashboard>.home-actions .featured-module{background:linear-gradient(145deg,#46103e,#8d286c)!important;color:#fff!important}
#dashboard>.home-actions .module-card h4{font-family:var(--sefa-serif)!important;font-size:1.35rem!important;color:inherit!important}
#dashboard>.home-actions .module-card p{font-size:.72rem!important;line-height:1.45!important;color:#7a6572!important}
#dashboard>.home-actions .featured-module p{color:rgba(255,255,255,.73)!important}
#dashboard>.aisha-home-mini,#dashboard>.committee-flow-home{margin:0!important;border-radius:28px!important;background:rgba(255,255,255,.82)!important;border:1px solid var(--sefa-line)!important;box-shadow:var(--sefa-shadow-soft)!important}
#dashboard>.aisha-home-mini{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;padding:25px!important}
#dashboard .aisha-mini-icon{background:linear-gradient(145deg,var(--sefa-magenta),#7d2065)!important;color:#fff!important;box-shadow:0 13px 27px rgba(150,34,105,.19)!important}
#dashboard .aisha-mini-copy h3,#dashboard .committee-flow-head h3{font-family:var(--sefa-serif)!important;color:var(--sefa-ink)!important}
#dashboard .aisha-mini-search{background:#fff!important;border:1px solid rgba(104,22,87,.11)!important;box-shadow:0 10px 22px rgba(66,13,51,.055)!important}

#dashboard>.eventflow-showcase{margin:0!important;padding:27px!important;border-radius:30px!important;background:linear-gradient(130deg,#390b34,#74195e)!important;box-shadow:0 24px 58px rgba(61,10,48,.19)!important}
#dashboard>.eventflow-showcase .eventflow-head{align-items:center!important;margin:0!important}
#dashboard>.eventflow-showcase .eventflow-grid,#dashboard>.eventflow-showcase .initiative-toolbar,#dashboard>.eventflow-showcase .initiative-footer,#dashboard>.eventflow-showcase .eventflow-main-cta{display:none!important}
#dashboard>.eventflow-showcase.catalog-open .eventflow-grid{display:grid!important;margin-top:22px}
#dashboard>.eventflow-showcase.catalog-open .initiative-toolbar{display:block!important;margin-top:22px}
#dashboard>.eventflow-showcase.catalog-open .initiative-footer,#dashboard>.eventflow-showcase.catalog-open .eventflow-main-cta{display:flex!important}
.catalog-toggle{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:linear-gradient(135deg,#ffd05d,#f4a81d);color:#402509;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 13px 27px rgba(244,171,31,.18)}

/* Cohérence institutionnelle des pages intérieures */
.page>.section-head,.page>.card,.admin-launcher,.login-dashboard,.reports-hub,.calendar-board,.members-shell{border-color:var(--sefa-line)!important;box-shadow:var(--sefa-shadow-soft)!important}
.page h1,.page h2,.page .section-head h3,.page .card h3{color:var(--sefa-ink)}
.btn.primary,.btn.gold,.primary-btn{background:linear-gradient(135deg,var(--sefa-plum),var(--sefa-magenta))!important;color:#fff!important;border:none!important;box-shadow:0 10px 24px rgba(146,31,105,.18)!important}
input,textarea,select{max-width:100%;border-color:rgba(98,22,80,.14)!important;background:#fff!important;color:var(--sefa-ink)!important}
input:focus,textarea:focus,select:focus{outline:none!important;border-color:rgba(176,43,127,.5)!important;box-shadow:0 0 0 4px rgba(215,73,148,.1)!important}
.modal,.modal-box,.drawer,.sheet{max-width:min(100%,100vw);overflow-x:hidden}

@media (hover:none){.institution-service:hover,#dashboard>.quick-grid .quick:hover{transform:none}}
@media(max-width:1100px){
  .institution-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dashboard>.home-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .direction-gateway{grid-template-columns:76px minmax(0,1fr)}
  .direction-emblem{width:76px;height:76px;border-radius:22px}
  .direction-gateway-link{grid-column:1/-1;width:100%;justify-content:center}
}
@media(max-width:820px){
  #dashboard.active{gap:15px;padding:14px 13px 100px!important}
  #dashboard>.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #dashboard>.sefa-countdown{grid-template-columns:1fr!important;padding:24px 20px!important}
  #dashboard .sefa-countdown .countdown-numbers{grid-column:1;grid-row:auto}
  .institution-section-heading{display:block}.institution-signature{display:block;margin-top:10px;white-space:normal}
  .institution-service-grid{grid-template-columns:1fr}
  #dashboard>.home-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #dashboard>.eventflow-showcase .eventflow-head{display:block!important}
  .catalog-toggle{width:100%;justify-content:center;margin-top:16px}
}
@media(max-width:600px){
  body{background:linear-gradient(180deg,#fffaf8,#fbf3f7)}
  #dashboard.active{gap:13px;padding-left:11px!important;padding-right:11px!important}
  #dashboard>.welcome{padding:25px 21px!important;border-radius:27px!important}
  #dashboard .welcome h1{font-size:clamp(3.15rem,16vw,4.8rem)!important;margin-top:17px!important}
  #dashboard .welcome-actions{display:grid!important;grid-template-columns:1fr!important}
  #dashboard .welcome-actions .btn{width:100%;justify-content:center}
  #dashboard>.quick-grid{gap:9px!important}
  #dashboard>.quick-grid .quick{min-height:84px!important;padding:13px!important;border-radius:18px!important}
  #dashboard>.quick-grid .quick i{width:40px;height:40px;border-radius:13px}
  #dashboard>.quick-grid .quick b{font-size:1.6rem}
  #dashboard>.today-command{padding:21px 16px!important;border-radius:25px!important}
  #dashboard .today-command-head{display:block!important}
  #dashboard .today-command-head>a{display:flex!important;width:100%;justify-content:center;margin-top:14px}
  #dashboard .today-columns{grid-template-columns:1fr!important}
  #dashboard>.sefa-countdown{border-radius:25px!important}
  #dashboard .sefa-countdown .countdown-numbers{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #dashboard .sefa-countdown .countdown-main{grid-column:1/-1!important}
  .institution-services{padding:21px 15px;border-radius:26px}
  .institution-section-heading h2{font-size:2.3rem}
  .institution-service{grid-template-columns:48px minmax(0,1fr) 26px;padding:14px 12px;gap:11px;border-radius:18px}
  .service-icon{width:48px;height:48px;border-radius:15px}
  .institution-service strong{font-size:1.21rem}
  .institution-service em{font-size:.68rem}
  .direction-gateway{grid-template-columns:58px minmax(0,1fr);gap:14px;padding:21px 17px;border-radius:26px}
  .direction-emblem{width:58px;height:58px;border-radius:18px}.direction-emblem img{width:48px}
  .direction-gateway h2{font-size:2.25rem}
  .direction-gateway p{font-size:.82rem}
  .direction-tags b:nth-child(n+3){display:none}
  #dashboard>.home-actions{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px!important;scrollbar-width:none}
  #dashboard>.home-actions::-webkit-scrollbar{display:none}
  #dashboard>.home-actions .module-card{flex:0 0 78%;scroll-snap-align:start;min-height:150px!important}
  #dashboard>.aisha-home-mini{grid-template-columns:1fr!important;padding:20px 15px!important}
  #dashboard>.aisha-home-mini .aisha-mini-icon{margin-bottom:12px}
  #dashboard>.committee-flow-home{display:none!important}
  #dashboard>.eventflow-showcase{padding:22px 16px!important;border-radius:25px!important}
  #dashboard>.eventflow-showcase .eventflow-head h3{font-size:2.2rem!important}
  .topbar{padding-left:12px!important;padding-right:12px!important}
}

/* Connexion : façade institutionnelle nette dès le premier rendu */
body[data-zone-texte="connexion"]{min-height:100svh!important;display:grid!important;place-items:center!important;padding:28px 16px!important;background:radial-gradient(circle at 10% 12%,rgba(224,80,151,.19),transparent 25%),radial-gradient(circle at 90% 8%,rgba(245,181,43,.18),transparent 22%),linear-gradient(135deg,#2c082a 0 35%,#6b1758 35% 48%,#fff8f6 48% 100%)!important}
body[data-zone-texte="connexion"] .sky{position:fixed;inset:0;overflow:hidden;pointer-events:none}
body[data-zone-texte="connexion"] .login{position:relative;width:min(540px,100%)!important;margin-left:min(32vw,360px)!important;padding:clamp(27px,5vw,48px)!important;border-radius:34px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 36px 90px rgba(45,8,35,.28)!important;backdrop-filter:blur(22px);overflow:hidden}
body[data-zone-texte="connexion"] .login:before{content:"ESPACE DU COMITÉ";position:absolute;right:-35px;top:38px;transform:rotate(90deg);color:rgba(94,22,74,.13);font-size:.61rem;font-weight:900;letter-spacing:.19em}
body[data-zone-texte="connexion"] .login:after{content:"✦";position:absolute;right:-44px;bottom:-52px;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(231,86,157,.1),rgba(245,181,43,.16));font-family:var(--sefa-serif);font-size:4rem;color:rgba(143,33,105,.17);pointer-events:none}
body[data-zone-texte="connexion"] .logo{width:170px!important;max-height:84px!important;object-fit:contain!important;margin-bottom:20px!important;filter:drop-shadow(0 10px 18px rgba(76,15,60,.11))}
body[data-zone-texte="connexion"] .eyebrow{display:inline-flex!important;padding:8px 12px!important;border-radius:999px!important;background:#f9edf4!important;color:var(--sefa-magenta)!important;font-size:.64rem!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase}
body[data-zone-texte="connexion"] h1{margin:14px 0 10px!important;font-family:var(--sefa-serif)!important;font-size:clamp(3.1rem,7vw,5.4rem)!important;line-height:.78!important;letter-spacing:-.04em!important;color:var(--sefa-ink)!important}
body[data-zone-texte="connexion"] h1 span{color:var(--sefa-magenta)!important}
body[data-zone-texte="connexion"] .lead{color:#715d69!important;line-height:1.65!important}
body[data-zone-texte="connexion"] .welcome-note{margin:17px 0 22px!important;padding:13px 14px!important;border-radius:16px!important;background:linear-gradient(135deg,#fff1f7,#fff5dd)!important;border:1px solid rgba(168,40,119,.1)!important;color:#67485c!important;font-size:.75rem!important;line-height:1.5!important}
body[data-zone-texte="connexion"] label{color:#643052!important;font-size:.63rem!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase}
body[data-zone-texte="connexion"] input,body[data-zone-texte="connexion"] select{min-height:51px!important;border-radius:15px!important;margin-top:6px!important;margin-bottom:13px!important;padding:13px 14px!important}
body[data-zone-texte="connexion"] .pass{margin-bottom:15px!important}
body[data-zone-texte="connexion"] .pass input{margin-bottom:0!important}
body[data-zone-texte="connexion"] .submit{min-height:54px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,var(--sefa-plum),var(--sefa-magenta))!important;color:#fff!important;font-weight:900!important;box-shadow:0 15px 32px rgba(154,34,111,.22)!important}
body[data-zone-texte="connexion"] .codes{color:#927c89!important;font-size:.68rem!important;line-height:1.5!important}

/* Pages opérationnelles : mêmes codes visuels, aucune bande verte */
body[data-zone-texte="taches"],body[data-zone-texte="event-flow"],body[data-zone-texte="partenariats"],body[data-zone-texte="bibliotheque"],body[data-zone-texte="commandement"]{background:radial-gradient(circle at 8% 4%,rgba(222,86,153,.11),transparent 26%),radial-gradient(circle at 93% 5%,rgba(245,181,43,.13),transparent 23%),linear-gradient(180deg,#fffaf7,#fbf3f7 54%,#fffaf7)!important;color:var(--sefa-ink)!important}
body[data-zone-texte="taches"] .top,body[data-zone-texte="event-flow"] .top{background:rgba(255,250,248,.92)!important;border-bottom:1px solid var(--sefa-line)!important;box-shadow:0 10px 28px rgba(61,11,48,.07)!important;backdrop-filter:blur(18px)}
body[data-zone-texte="taches"] .hero,body[data-zone-texte="event-flow"] .hero,body[data-zone-texte="partenariats"] .entete,body[data-zone-texte="bibliotheque"] .entete,body[data-zone-texte="commandement"] .hero{background:radial-gradient(circle at 88% 14%,rgba(245,181,43,.3),transparent 22%),linear-gradient(128deg,#31092e,#611350 60%,#9e2c74)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 27px 68px rgba(61,10,48,.21)!important}
body[data-zone-texte="taches"] .task{background:linear-gradient(145deg,#fff,#fff9fc)!important;border-color:rgba(102,24,82,.11)!important;box-shadow:0 14px 36px rgba(67,11,52,.08)!important}
body[data-zone-texte="taches"] .task:before{background:linear-gradient(180deg,var(--sefa-magenta),var(--sefa-gold),var(--sefa-rose))!important}
body[data-zone-texte="taches"] .bottom{background:rgba(255,250,248,.97)!important;border-top-color:rgba(99,23,80,.11)!important;box-shadow:0 -10px 28px rgba(64,10,49,.08)!important}
body[data-zone-texte="taches"] .bottom a.active{color:var(--sefa-magenta)!important}
body[data-zone-texte="event-flow"] .proposal-type,body[data-zone-texte="event-flow"] .flow-item,body[data-zone-texte="event-flow"] .validated-register,body[data-zone-texte="event-flow"] .proposal-register{border-color:var(--sefa-line)!important;box-shadow:var(--sefa-shadow-soft)!important}
body[data-zone-texte="event-flow"] .primary{background:linear-gradient(135deg,var(--sefa-plum),var(--sefa-magenta))!important;color:#fff!important}

@media(max-width:800px){
  body[data-zone-texte="connexion"]{display:block!important;padding:14px 10px 30px!important;background:radial-gradient(circle at 92% 3%,rgba(245,181,43,.16),transparent 22%),linear-gradient(180deg,#3c0c36 0 17%,#fff8f7 17% 100%)!important}
  body[data-zone-texte="connexion"] .login{margin:52px auto 0!important;padding:27px 20px!important;border-radius:28px!important}
  body[data-zone-texte="connexion"] h1{font-size:clamp(3.35rem,16vw,4.8rem)!important}
}

/* Accueil V82 réellement rendu par le serveur : aucun ancien écran dessous */
#dashboard>#homeV14{display:grid!important;width:100%;gap:18px;order:0}
#dashboard>:not(#homeV14){display:none!important}
#homeV14.home-v14{max-width:none!important;margin:0!important;padding:0!important}
#homeV14 .home-v14-hero{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;align-items:stretch;gap:26px;min-height:0!important;padding:clamp(30px,4.5vw,60px)!important;border-radius:36px!important;overflow:hidden;background:radial-gradient(circle at 88% 13%,rgba(245,181,43,.33),transparent 23%),radial-gradient(circle at 7% 100%,rgba(224,78,151,.23),transparent 26%),linear-gradient(128deg,#2d082a 0%,#5e124e 58%,#9b2b72 100%)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 32px 80px rgba(58,8,44,.25)!important;color:#fff!important}
#homeV14 .home-v14-hero:before{content:"SEFA";position:absolute;right:1.5%;bottom:-15%;font-family:var(--sefa-serif);font-size:clamp(8rem,19vw,17rem);font-weight:700;line-height:.75;color:rgba(255,255,255,.035);pointer-events:none}
#homeV14 .home-v14-hero:after{content:"";position:absolute;right:25%;top:-55%;width:360px;height:360px;border:1px solid rgba(255,222,157,.16);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.018),0 0 0 70px rgba(255,255,255,.014);pointer-events:none}
#homeV14 .home-v14-hero>div,#homeV14 .home-v14-signature{position:relative;z-index:1}
#homeV14 .home-v14-kicker{display:inline-flex!important;width:max-content;align-items:center;gap:8px;padding:8px 13px!important;border:1px solid rgba(255,221,151,.3)!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#ffdda0!important;font-size:.65rem!important;font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase}
#homeV14 .home-v14-hero h1{max-width:850px;margin:19px 0 9px!important;font-family:var(--sefa-serif)!important;font-size:clamp(3.5rem,7vw,7rem)!important;line-height:.76!important;letter-spacing:-.047em!important;color:#fff!important;text-wrap:balance}
#homeV14 .sefa-salut{display:flex;flex-direction:column;align-items:flex-start}
#homeV14 .sefa-salut-mot{font-size:.45em!important;font-style:italic!important;line-height:1!important;color:#ffdda0!important;letter-spacing:0!important}
#homeV14 .sefa-salut-prenom{color:#fff!important}
#homeV14 .home-v14-hero>div>p,#homeV14 .sefa-salut-sous{max-width:760px!important;margin:12px 0!important;color:rgba(255,255,255,.77)!important;font-size:clamp(.9rem,1.35vw,1.05rem)!important;line-height:1.65!important}
#homeV14 .sefa-citation{max-width:690px;margin:20px 0 0!important;padding:14px 16px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.075))!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:none!important}
#homeV14 .sefa-citation-etiquette{color:#ffda91!important;font-size:.58rem!important;letter-spacing:.14em!important;font-weight:900!important;text-transform:uppercase}
#homeV14 .sefa-citation p{margin:5px 0 0!important;color:#fff!important;font-family:var(--sefa-serif)!important;font-size:1.18rem!important;line-height:1.25!important}
#homeV14 .home-v14-actions{display:flex!important;flex-wrap:wrap;gap:9px!important;margin-top:22px!important}
#homeV14 .home-v14-actions button{min-height:48px!important;padding:12px 17px!important;border-radius:15px!important;font-weight:900!important;box-shadow:none!important}
#homeV14 .home-v14-actions .main-cta{background:linear-gradient(135deg,#ffd064,#f5a91c)!important;color:#412504!important;border:0!important;box-shadow:0 13px 30px rgba(245,171,31,.24)!important}
#homeV14 .home-v14-actions .soft-cta{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.17)!important}
#homeV14 .home-v14-signature{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;align-self:stretch;padding:24px!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.07))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.14),0 18px 40px rgba(22,0,17,.14)!important;backdrop-filter:blur(12px)}
#homeV14 .home-v14-signature img{width:170px!important;max-height:94px!important;object-fit:contain!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.13))}
#homeV14 .home-v14-signature span{margin-top:18px;color:rgba(255,255,255,.78)!important;text-align:center;font-size:.75rem!important;line-height:1.55!important}

#homeV14 .home-v14-metrics{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:11px!important;margin:0!important}
#homeV14 .home-v14-metric{min-width:0!important;min-height:103px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:15px!important;border-radius:22px!important;background:rgba(255,255,255,.88)!important;border:1px solid var(--sefa-line)!important;box-shadow:var(--sefa-shadow-soft)!important;backdrop-filter:blur(15px);transition:transform .18s ease,box-shadow .18s ease!important}
#homeV14 .home-v14-metric:hover{transform:translateY(-3px)!important;box-shadow:var(--sefa-shadow)!important}
#homeV14 .home-v14-metric>i{flex:0 0 43px;width:43px!important;height:43px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#fae8f2,#fff0cf)!important;color:var(--sefa-magenta)!important;font-size:.95rem!important}
#homeV14 .home-v14-metric b{display:block;font-family:var(--sefa-serif)!important;font-size:1.85rem!important;line-height:.85!important;color:var(--sefa-ink)!important}
#homeV14 .home-v14-metric span{display:block;margin-top:5px;color:#75606d!important;font-size:.66rem!important;font-weight:800!important;line-height:1.2!important}

#homeV14 .home-space-gateway{margin:0!important;padding:clamp(24px,3vw,34px)!important;border-radius:32px!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,247,251,.88))!important;border:1px solid var(--sefa-line)!important;box-shadow:var(--sefa-shadow)!important}
#homeV14 .home-space-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;margin-bottom:18px!important}
#homeV14 .home-space-heading span{color:var(--sefa-magenta)!important;font-size:.64rem!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase}
#homeV14 .home-space-heading h2{margin:4px 0 0!important;font-family:var(--sefa-serif)!important;font-size:clamp(2.2rem,4vw,3.7rem)!important;line-height:.9!important;color:var(--sefa-ink)!important}
#homeV14 .home-space-heading p{max-width:430px!important;margin:0!important;color:#77616e!important;font-size:.78rem!important;line-height:1.5!important}
#homeV14 .home-space-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
#homeV14 .home-space-gateway.single .home-space-grid{grid-template-columns:1fr!important}
#homeV14 .home-space-card{position:relative;display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:20px!important;min-height:250px!important;padding:24px!important;border-radius:27px!important;overflow:hidden;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 18px 43px rgba(62,10,48,.16)!important}
#homeV14 .home-space-card.collective{background:radial-gradient(circle at 96% 8%,rgba(245,181,43,.26),transparent 25%),linear-gradient(132deg,#351033,#721b5f)!important;color:#fff!important}
#homeV14 .home-space-card.direction{background:radial-gradient(circle at 85% 8%,rgba(222,87,154,.2),transparent 25%),linear-gradient(132deg,#241023,#4d2446)!important;color:#fff!important}
#homeV14 .home-space-visual{width:105px!important;height:105px!important;border-radius:28px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.14)!important}
#homeV14 .home-space-visual img{width:78px!important;max-height:56px!important;object-fit:contain!important}
#homeV14 .home-space-visual>i{color:#ffd273!important}
#homeV14 .home-space-copy{min-width:0!important}
#homeV14 .home-space-copy h3{margin:10px 0 6px!important;font-family:var(--sefa-serif)!important;font-size:clamp(2rem,3vw,3rem)!important;line-height:.92!important;color:#fff!important}
#homeV14 .home-space-copy>p{color:rgba(255,255,255,.73)!important;font-size:.8rem!important;line-height:1.5!important}
#homeV14 .home-space-badge{display:inline-flex!important;align-items:center;gap:7px;padding:7px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.13)!important;color:#ffe0a1!important;font-size:.61rem!important;font-weight:900!important}
#homeV14 .home-space-tags{display:flex!important;flex-wrap:wrap;gap:6px!important;margin:12px 0!important}
#homeV14 .home-space-tags span{padding:6px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:.58rem!important}
#homeV14 .home-space-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:14px!important}
#homeV14 .home-space-main,#homeV14 .home-space-small{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:43px!important;padding:10px 13px!important;border:0!important;border-radius:13px!important;text-decoration:none!important;font-weight:900!important;font-size:.69rem!important}
#homeV14 .home-space-main{background:linear-gradient(135deg,#ffd064,#f5a91d)!important;color:#402406!important}
#homeV14 .home-space-small{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}

#homeV14 .home-v14-grid{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr)!important;gap:14px!important;margin:0!important}
#homeV14 .home-v14-panel{min-height:0!important;padding:clamp(21px,3vw,30px)!important;border-radius:28px!important;background:rgba(255,255,255,.88)!important;border:1px solid var(--sefa-line)!important;box-shadow:var(--sefa-shadow-soft)!important;backdrop-filter:blur(16px)}
#homeV14 .home-v14-title,#homeV14 .home-v14-messenger-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin-bottom:17px!important}
#homeV14 .home-v14-title span,#homeV14 .home-v14-messenger-head small{color:var(--sefa-magenta)!important;font-size:.62rem!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase}
#homeV14 .home-v14-title h2{margin:4px 0 0!important;font-family:var(--sefa-serif)!important;font-size:clamp(2rem,3vw,2.9rem)!important;line-height:.92!important;color:var(--sefa-ink)!important}
#homeV14 .home-v14-title button,#homeV14 .home-v14-messenger-head>button{border:1px solid var(--sefa-line)!important;border-radius:13px!important;background:#fff!important;color:var(--sefa-magenta)!important;padding:10px 12px!important;font-size:.65rem!important;font-weight:900!important}
#homeV14 .home-v14-priority{padding:20px!important;border-radius:21px!important;background:linear-gradient(145deg,#fff7fb,#fff9ef)!important;border:1px solid rgba(150,36,107,.1)!important;cursor:pointer}
#homeV14 .home-v14-priority h3{margin:11px 0 7px!important;font-family:var(--sefa-serif)!important;font-size:1.75rem!important;line-height:1!important;color:var(--sefa-ink)!important}
#homeV14 .home-v14-priority p{color:#75616d!important;font-size:.77rem!important;line-height:1.5!important}
#homeV14 .home-v14-progress{height:7px!important;border-radius:999px!important;background:#efe5eb!important;overflow:hidden!important}
#homeV14 .home-v14-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--sefa-gold),var(--sefa-rose),var(--sefa-magenta))!important}
#homeV14 .home-v14-person{min-height:61px!important;padding:9px!important;border-radius:17px!important;background:#fff!important;border:1px solid rgba(99,23,80,.09)!important;box-shadow:0 8px 20px rgba(62,10,48,.045)!important}
#homeV14 .home-v14-person .avatar{background:linear-gradient(145deg,var(--sefa-plum),var(--sefa-magenta))!important;color:#fff!important}
#homeV14 .home-v14-person b{color:var(--sefa-ink)!important}#homeV14 .home-v14-person small{color:#7a6672!important}

#homeV14>.institution-services{margin:0!important}
.home-v82-brief{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:14px}
.home-v82-countdown,.home-v82-announcements{border-radius:27px;padding:24px;border:1px solid var(--sefa-line);box-shadow:var(--sefa-shadow-soft)}
.home-v82-countdown{position:relative;overflow:hidden;background:radial-gradient(circle at 95% 10%,rgba(245,181,43,.3),transparent 27%),linear-gradient(135deg,#3c0b37,#851f69);color:#fff}
.home-v82-countdown>span{color:#ffdc97;font-size:.63rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.home-v82-countdown>div{display:flex;align-items:baseline;gap:7px;margin:16px 0 7px}.home-v82-countdown>div b{font-family:var(--sefa-serif);font-size:3.2rem;line-height:.7}.home-v82-countdown>div small{margin-right:8px;color:rgba(255,255,255,.65);font-size:.65rem;font-weight:800}.home-v82-countdown p{color:rgba(255,255,255,.73);font-size:.76rem;line-height:1.5}.home-v82-countdown a{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff;color:var(--sefa-plum);text-decoration:none;font-size:.68rem;font-weight:900}
.home-v82-announcements{background:rgba(255,255,255,.88);backdrop-filter:blur(15px)}.home-v82-announcements header>span{color:var(--sefa-magenta);font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.home-v82-announcements h2{margin:4px 0 13px;font-family:var(--sefa-serif);font-size:2rem;color:var(--sefa-ink)}.home-v82-announcements>div{display:grid;gap:8px}.home-v82-announcements article{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;padding:11px;border-radius:15px;background:#fff;border:1px solid rgba(97,23,78,.08)}.home-v82-announcements article>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#fae8f2,#fff0d0);color:var(--sefa-magenta)}.home-v82-announcements article b{display:block;color:var(--sefa-ink);font-size:.75rem}.home-v82-announcements article small{display:block;margin-top:3px;color:#786470;font-size:.66rem;line-height:1.35}.home-v82-no-announcement{padding:18px;border-radius:15px;background:#fff9ed;color:#725e67;font-size:.75rem}
#homeV14 .home-v14-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;margin:0!important}
#homeV14 .home-v14-link{min-height:90px!important;display:grid!important;grid-template-columns:43px 1fr!important;align-items:center!important;gap:3px 12px!important;padding:14px!important;border-radius:20px!important;background:rgba(255,255,255,.86)!important;border:1px solid var(--sefa-line)!important;box-shadow:var(--sefa-shadow-soft)!important;color:var(--sefa-ink)!important;text-decoration:none!important;text-align:left!important}
#homeV14 .home-v14-link>i{grid-row:1/3;width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f9e8f1,#ffefce);color:var(--sefa-magenta)}
#homeV14 .home-v14-link b{align-self:end;font-family:var(--sefa-serif);font-size:1.15rem;line-height:1;color:var(--sefa-ink)}#homeV14 .home-v14-link span{align-self:start;color:#7b6873;font-size:.64rem}

@media(max-width:1150px){#homeV14 .home-v14-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}#homeV14 .home-space-card{grid-template-columns:84px minmax(0,1fr)!important}.home-v82-brief{grid-template-columns:1fr 1fr}}
@media(max-width:850px){#homeV14 .home-v14-hero{grid-template-columns:1fr!important}.home-v14-signature{display:none!important}#homeV14 .home-v14-grid,#homeV14 .home-space-grid,.home-v82-brief{grid-template-columns:1fr!important}#homeV14 .home-space-heading{display:block!important}#homeV14 .home-space-heading p{margin-top:9px!important}#homeV14 .home-space-card{min-height:0!important}#homeV14 .home-v14-links{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){
  #dashboard.active{display:block!important;padding:11px 10px 96px!important}
  #homeV14.home-v14{gap:12px!important}
  #homeV14 .home-v14-hero{padding:27px 20px!important;border-radius:27px!important}
  #homeV14 .home-v14-hero h1{font-size:clamp(3.55rem,17vw,5.25rem)!important;margin-top:16px!important}
  #homeV14 .home-v14-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  #homeV14 .home-v14-actions .main-cta{grid-column:1/-1}
  #homeV14 .home-v14-actions button{padding:11px 8px!important;font-size:.68rem!important}
  #homeV14 .home-v14-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #homeV14 .home-v14-metric{min-height:85px!important;padding:11px!important;border-radius:18px!important;gap:8px!important}
  #homeV14 .home-v14-metric>i{flex-basis:37px;width:37px!important;height:37px!important;border-radius:12px!important}
  #homeV14 .home-v14-metric b{font-size:1.5rem!important}#homeV14 .home-v14-metric span{font-size:.59rem!important}
  #homeV14 .home-space-gateway{padding:20px 14px!important;border-radius:25px!important}
  #homeV14 .home-space-heading h2{font-size:2.45rem!important}
  #homeV14 .home-space-card{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;padding:17px 14px!important;border-radius:21px!important}
  #homeV14 .home-space-visual{width:58px!important;height:58px!important;border-radius:17px!important}#homeV14 .home-space-visual img{width:45px!important}
  #homeV14 .home-space-copy h3{font-size:2rem!important;margin-top:8px!important}#homeV14 .home-space-copy>p{font-size:.72rem!important}
  #homeV14 .home-space-main,#homeV14 .home-space-small{width:100%!important}
  #homeV14 .home-v14-grid{gap:10px!important}
  #homeV14 .home-v14-panel{padding:18px 14px!important;border-radius:23px!important}
  #homeV14 .home-v14-title{display:block!important}#homeV14 .home-v14-title button{width:100%;margin-top:11px!important}
  #homeV14>.institution-services{padding:21px 14px!important}
  .home-v82-countdown,.home-v82-announcements{padding:20px 16px;border-radius:23px}
  #homeV14 .home-v14-links{grid-template-columns:1fr!important}
}

/* ===== assets/pwa-install.css ===== */
.sefa-install-btn{
  position:fixed;
  left:14px;
  right:auto;
  bottom:calc(18px + env(safe-area-inset-bottom));
  z-index:9998;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:44px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:999px;
  padding:10px 14px;
  background:linear-gradient(135deg,#fef2dd,#ffd9ec 58%,#f2bed8);
  color:#742463;
  font:800 .75rem/1.1 Manrope,system-ui,-apple-system,sans-serif;
  box-shadow:0 14px 34px rgba(88,26,68,.18);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  cursor:pointer;
}
.sefa-install-btn span{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:50%;
  background:rgba(255,255,255,.72);
  color:#b77d13;
  font-size:1rem;
}
.sefa-install-btn b{font:inherit}
.sefa-install-btn:active{transform:scale(.97)}

/* Dans le portail mobile, le bouton reste à gauche et Aisha reste à droite. */
.mobile-nav~.sefa-install-btn{
  bottom:calc(86px + env(safe-area-inset-bottom));
}

/* Une application déjà ouverte depuis l’écran d’accueil ne propose plus l’installation. */
@media(display-mode:standalone){
  .sefa-install-btn{display:none!important}
}

@media(max-width:520px){
  .sefa-install-btn{
    left:10px;
    padding:9px 11px;
    min-height:42px;
    font-size:.69rem;
  }
  .sefa-install-btn span{width:23px;height:23px;font-size:.9rem}
}

/* ===== V84 — ACCUEIL COMPACT, STABLE ET FLOTTANT ===== */
html,body{width:100%;max-width:100%;overflow-x:clip!important;overscroll-behavior-x:none}
.main,.page,#dashboard,#homeV14{width:100%;max-width:100%;min-width:0}
#homeV14{contain:inline-size}
#homeV14>*{min-width:0;max-width:100%}
#homeV14 .home-v14-panel,#homeV14 .home-v14-priority,#homeV14 .institution-services,#homeV14 .institution-section-heading,#homeV14 .institution-service-grid,#homeV14 .institution-service{min-width:0;max-width:100%}
#homeV14 .home-v14-priority h3,#homeV14 .institution-section-heading h2,#homeV14 .institution-service strong{overflow-wrap:anywhere;word-break:normal}

/* Des volumes plus courts sur ordinateur et tablette. */
#homeV14.home-v14{gap:14px!important}
#homeV14 .home-space-gateway{padding:22px!important}
#homeV14 .home-space-card{min-height:205px!important;padding:19px!important;grid-template-columns:82px minmax(0,1fr)!important;gap:15px!important}
#homeV14 .home-space-visual{width:82px!important;height:82px!important;border-radius:23px!important}
#homeV14 .home-space-visual img{width:61px!important;max-height:46px!important}
#homeV14 .home-space-copy h3{font-size:clamp(1.75rem,2.6vw,2.45rem)!important}
#homeV14>.institution-services{padding:27px!important;background:radial-gradient(circle at 94% 4%,rgba(245,181,43,.16),transparent 22%),radial-gradient(circle at 2% 100%,rgba(216,75,147,.13),transparent 24%),rgba(255,255,255,.86)!important}
#homeV14 .institution-service{position:relative;isolation:isolate;padding:14px!important;border-radius:20px!important;box-shadow:0 13px 30px rgba(74,15,58,.075)!important;overflow:hidden}
#homeV14 .institution-service:after{content:"";position:absolute;z-index:-1;right:-34px;bottom:-42px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,rgba(220,77,149,.1),transparent 68%)}
#homeV14 .institution-service:nth-child(2n):after{background:radial-gradient(circle,rgba(245,181,43,.15),transparent 68%)}
#homeV14 .service-icon{box-shadow:0 10px 23px rgba(111,27,84,.11),inset 0 1px #fff!important}
#homeV14 .institution-service:nth-child(2n) .service-icon{background:linear-gradient(145deg,#fff1d5,#ffe1a6)!important;color:#8b5a08!important}
#homeV14 .institution-service:nth-child(3n) .service-icon{background:linear-gradient(145deg,#efe4f5,#f9e8f3)!important;color:#70205e!important}
@media(min-width:821px) and (prefers-reduced-motion:no-preference){
  #homeV14 .institution-service:nth-child(2),#homeV14 .institution-service:nth-child(5){transform:translateY(5px)}
  #homeV14 .institution-service:hover{transform:translateY(-5px)!important}
}

@media(max-width:600px){
  html,body{overflow-x:clip!important}
  .main,.page,#dashboard,#homeV14{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important}
  #dashboard.active{display:block!important;padding:9px 9px calc(90px + env(safe-area-inset-bottom))!important;overflow-x:clip!important}
  #homeV14.home-v14{display:grid!important;gap:10px!important;overflow-x:clip!important}

  /* Accueil plus court : message, boutons et résumé resserrés. */
  #homeV14 .home-v14-hero{padding:21px 16px!important;border-radius:24px!important}
  #homeV14 .home-v14-hero h1{font-size:clamp(2.75rem,14vw,3.75rem)!important;line-height:.79!important;margin:13px 0 7px!important}
  #homeV14 .home-v14-hero>div>p,#homeV14 .sefa-salut-sous{margin:8px 0!important;font-size:.79rem!important;line-height:1.48!important}
  #homeV14 .sefa-citation{display:none!important}
  #homeV14 .home-v14-actions{margin-top:14px!important;gap:7px!important}
  #homeV14 .home-v14-actions button{min-height:41px!important;padding:9px 7px!important}
  #homeV14 .home-v14-metrics{gap:6px!important}
  #homeV14 .home-v14-metric{min-height:66px!important;padding:8px!important;border-radius:16px!important;gap:7px!important}
  #homeV14 .home-v14-metric>i{flex-basis:31px!important;width:31px!important;height:31px!important;border-radius:10px!important;font-size:.76rem!important}
  #homeV14 .home-v14-metric b{font-size:1.28rem!important}
  #homeV14 .home-v14-metric span{margin-top:2px!important;font-size:.53rem!important}

  /* Les deux espaces restent prestigieux, mais ne prennent plus tout l’écran. */
  #homeV14 .home-space-gateway{padding:15px 10px!important;border-radius:22px!important}
  #homeV14 .home-space-heading{margin-bottom:11px!important}
  #homeV14 .home-space-heading h2{font-size:2rem!important;line-height:.92!important}
  #homeV14 .home-space-heading p{margin-top:5px!important;font-size:.62rem!important;line-height:1.4!important}
  #homeV14 .home-space-grid{gap:7px!important}
  #homeV14 .home-space-card{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;min-height:0!important;padding:13px 11px!important;border-radius:19px!important}
  #homeV14 .home-space-visual{width:48px!important;height:48px!important;border-radius:15px!important}
  #homeV14 .home-space-visual img{width:38px!important;max-height:31px!important}
  #homeV14 .home-space-visual>i{right:-3px!important;bottom:-4px!important;width:25px!important;height:25px!important;border-width:2px!important;border-radius:9px!important;font-size:.55rem!important}
  #homeV14 .direction .home-space-visual>i{font-size:1.2rem!important}
  #homeV14 .direction-mark span{display:none!important}
  #homeV14 .home-space-badge{padding:5px 7px!important;font-size:.43rem!important}
  #homeV14 .home-space-copy h3{margin:7px 0 4px!important;font-size:1.52rem!important;line-height:.93!important}
  #homeV14 .home-space-copy>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0!important;font-size:.58rem!important;line-height:1.4!important}
  #homeV14 .home-space-tags{display:none!important}
  #homeV14 .home-space-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:8px!important}
  #homeV14 .home-space-main,#homeV14 .home-space-small{width:100%!important;min-height:34px!important;padding:7px 6px!important;border-radius:10px!important;font-size:.47rem!important;line-height:1.15!important}
  #homeV14 .direction .home-space-main{margin-top:8px!important}
  #homeV14 .home-space-confidential{display:none!important}
  #homeV14 .home-space-spark{width:22px!important;height:22px!important;font-size:.54rem!important}

  /* La priorité accepte les titres très longs sans élargir le portail. */
  #homeV14 .home-v14-grid{display:block!important;width:100%!important}
  #homeV14 .home-v14-panel{width:100%!important;padding:14px 11px!important;border-radius:20px!important;overflow:hidden!important}
  #homeV14 .home-v14-title{margin-bottom:10px!important}
  #homeV14 .home-v14-title h2{font-size:1.65rem!important}
  #homeV14 .home-v14-title button{min-height:38px!important;margin-top:8px!important;padding:8px!important}
  #homeV14 .home-v14-priority{width:100%!important;padding:13px!important;border-radius:17px!important;overflow:hidden!important}
  #homeV14 .home-v14-priority h3{font-size:clamp(1.35rem,7.1vw,1.72rem)!important;line-height:1.02!important}
  #homeV14 .home-v14-priority p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.68rem!important;line-height:1.42!important}
  #homeV14 .home-v14-priority:after{margin-top:9px!important}

  /* Nouveau hub : six tuiles flottantes sur trois rangées au lieu de six grands blocs. */
  #homeV14>.institution-services{width:100%!important;padding:18px 11px 14px!important;border-radius:22px!important;overflow:hidden!important}
  #homeV14 .institution-section-heading{display:block!important;margin-bottom:14px!important}
  #homeV14 .institution-kicker{font-size:.56rem!important}
  #homeV14 .institution-section-heading h2{max-width:100%;margin:5px 0 3px!important;font-size:clamp(1.95rem,10vw,2.45rem)!important;line-height:.9!important}
  #homeV14 .institution-section-heading p{font-size:.69rem!important;line-height:1.4!important}
  #homeV14 .institution-signature{margin-top:7px!important;font-size:.92rem!important}
  #homeV14 .institution-service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  #homeV14 .institution-service{position:relative;display:grid!important;grid-template-columns:37px minmax(0,1fr)!important;align-items:start!important;gap:8px!important;min-height:104px!important;width:100%!important;padding:11px 9px!important;border-radius:17px!important;overflow:hidden!important;box-shadow:0 10px 22px rgba(70,13,55,.075)!important}
  #homeV14 .service-icon{width:37px!important;height:37px!important;border-radius:12px!important;font-size:.84rem!important}
  #homeV14 .institution-service small{padding-right:15px;font-size:.46rem!important;line-height:1.2!important;letter-spacing:.05em!important}
  #homeV14 .institution-service strong{font-size:1.02rem!important;line-height:.98!important}
  #homeV14 .institution-service em{display:none!important}
  #homeV14 .service-arrow{position:absolute;right:7px;top:8px;width:22px!important;height:22px!important;font-size:.55rem!important}
}

/* V85 FINAL — placé en dernier pour neutraliser les anciens thèmes empilés. */
html,body{width:100%!important;max-width:100%!important;overflow-x:clip!important;overscroll-behavior-x:none!important}
body{touch-action:pan-y!important}.canvas-shell,.canvas-shell canvas{touch-action:none!important}
#homeV14 .home-hero-countdown{display:flex!important;position:relative!important;z-index:2!important}
#homeV14 .home-work-panel-v85{position:relative!important;isolation:isolate!important;padding:20px!important;background:radial-gradient(circle at 100% 0,rgba(244,181,45,.15),transparent 27%),linear-gradient(155deg,#fff,#fff8fc)!important;box-shadow:0 26px 65px rgba(79,15,61,.13)!important}
#homeV14 .home-work-panel-v85:before{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;left:18px!important;right:18px!important;top:12px!important;height:100%!important;border-radius:26px!important;background:linear-gradient(145deg,#f3d4e5,#ffe4ac)!important;transform:rotate(-1.2deg)!important;opacity:.55!important}
#homeV14 .home-work-panel-v85>.home-v14-title,#homeV14 .home-work-panel-v85>.home-v14-priority{position:relative!important;z-index:1!important}
#homeV14 .home-v14-priority{position:relative!important;padding:23px!important;background:linear-gradient(150deg,#fffefb,#fff8ef)!important;box-shadow:0 16px 38px rgba(61,15,48,.09),inset 0 1px #fff!important}
#homeV14 .priority-paper-mark{display:flex!important}.priority-open{display:flex!important}
#homeV14>.institution-services-v85{padding:27px!important;background:radial-gradient(circle at 95% 2%,rgba(255,195,81,.24),transparent 23%),radial-gradient(circle at 0 100%,rgba(229,79,153,.18),transparent 25%),linear-gradient(145deg,#fffaf3,#fff7fc)!important}
#homeV14 .institution-services-v85 .institution-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
#homeV14 .institution-services-v85 .institution-service{display:grid!important;grid-template-columns:46px minmax(0,1fr) 25px!important;gap:11px!important;min-height:132px!important;padding:17px 13px!important;background:linear-gradient(150deg,#fff,#fff5fb)!important}
#homeV14 .institution-services-v85 .institution-service:nth-child(2n){background:linear-gradient(150deg,#fffdf7,#fff3d8)!important}
#homeV14 .institution-services-v85 .institution-service>span:nth-of-type(3){display:block!important;min-width:0!important}
#homeV14 .institution-services-v85 .service-sticker{display:block!important;position:absolute!important;right:9px!important;bottom:7px!important;font-size:1.35rem!important;opacity:.34!important}

@media(max-width:1000px){
 html body.salon-plein-ecran #communication .card.chat,html body.messagerie-ouverte #inbox #inboxConversation{width:100%!important;max-width:100%!important;border-radius:0!important;contain:layout paint!important;transform:translateZ(0)!important;background:#fffaf8!important}
 html body.salon-plein-ecran #communication .salon-tete,html body.messagerie-ouverte #inbox #inboxHead{min-height:64px!important;padding:9px 13px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 8px 24px rgba(64,12,50,.055)!important}
 html body.salon-plein-ecran #communication #messages,html body.messagerie-ouverte #inbox #inboxMessages{padding:14px 11px 22px!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;background:radial-gradient(circle at 0 0,rgba(213,77,148,.045),transparent 30%),#fffaf8!important}
 html body.salon-plein-ecran #communication .composer,html body.messagerie-ouverte #inbox .inboxComposer{gap:6px!important;min-height:66px!important;padding:9px max(9px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -12px 35px rgba(58,12,46,.08)!important;transform:translateZ(0)!important}
 html body.salon-plein-ecran #communication .composer>button,html body.messagerie-ouverte #inbox .inboxComposer>button{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:15px!important}
 html body.salon-plein-ecran #communication #messageInput,html body.messagerie-ouverte #inbox #inboxText{min-width:0!important;min-height:44px!important;max-height:112px!important;margin:0!important;padding:11px 13px!important;border-radius:18px!important;background:#fff9fc!important;font-size:16px!important;line-height:1.35!important;resize:none!important}
 html body.clavier-ouvert.salon-plein-ecran #communication #salonEmoji,html body.clavier-ouvert.salon-plein-ecran #communication #salonJoindre,html body.clavier-ouvert.messagerie-ouverte #inbox #msgEmoji,html body.clavier-ouvert.messagerie-ouverte #inbox #msgJoindre{display:none!important}
}
@media(max-width:850px){
 #homeV14 .home-v14-hero{grid-template-columns:1fr!important}
 #homeV14 .home-hero-countdown{margin-top:4px!important;padding:15px!important;border-radius:21px!important}
 #homeV14 .home-countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:12px 0 8px!important}
 #homeV14 .home-countdown-grid>b{padding:9px 3px!important;border-radius:13px!important;font-size:1.45rem!important}
 #homeV14 .institution-services-v85 .institution-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
 #homeV14 .home-work-panel-v85{padding:12px!important}
 #homeV14 .home-work-panel-v85:before{left:10px!important;right:10px!important;top:8px!important;border-radius:20px!important}
 #homeV14 .home-v14-priority{padding:14px!important}
 #homeV14>.institution-services-v85{padding:17px 10px 13px!important}
 #homeV14 .institution-services-v85 .institution-service{grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important;min-height:108px!important;padding:11px 9px!important}
 #homeV14 .institution-services-v85 .institution-service em,#homeV14 .institution-services-v85 .service-arrow{display:none!important}
 #homeV14 .institution-services-v85 .service-sticker{right:6px!important;bottom:5px!important;font-size:1rem!important}
}

/* V85 — composants visuels définitifs. */
#homeV14 .home-hero-countdown{align-self:stretch;flex-direction:column;justify-content:center;padding:22px;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.07));box-shadow:inset 0 1px rgba(255,255,255,.22),0 22px 45px rgba(26,2,22,.2);backdrop-filter:blur(14px);color:#fff}
#homeV14 .home-hero-countdown>span{display:flex;align-items:center;gap:8px;color:#ffdda0;font-size:.62rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
#homeV14 .home-countdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 13px}
#homeV14 .home-countdown-grid>b{padding:12px 9px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.1);color:#fff;font:700 2rem/1 Cormorant Garamond,serif;text-align:center}
#homeV14 .home-countdown-grid small{display:block;margin-top:5px;color:rgba(255,255,255,.66);font:800 .48rem/1 Manrope,sans-serif;letter-spacing:.09em;text-transform:uppercase}
#homeV14 .home-hero-countdown p{margin:0;color:rgba(255,255,255,.76);font-size:.65rem;line-height:1.5}
#homeV14 .home-v82-brief-single{grid-template-columns:1fr!important}
#homeV14 .priority-paper-mark{position:relative;z-index:1;align-items:center;gap:8px;width:max-content;margin:0 0 12px;padding:7px 10px;border-radius:12px;background:linear-gradient(145deg,#f6e8f0,#fff0cf);color:#7d1f68;font-size:.55rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-1deg)}
#homeV14 .priority-paper-mark em{margin-left:3px;color:#d34591;font-size:1rem;font-style:normal}
#homeV14 .priority-open{align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding:11px 13px;border-radius:14px;background:linear-gradient(135deg,#57134e,#a62c7a);color:#fff;font-size:.65rem;font-weight:900;box-shadow:0 10px 22px rgba(101,24,78,.2)}
#homeV14 .service-sticker{position:absolute;z-index:0;filter:saturate(.9);transform:rotate(8deg)}

#commissions>.section-head{position:relative;overflow:hidden;align-items:center;margin:4px 0 18px;padding:25px 27px;border:1px solid rgba(255,255,255,.16);border-radius:29px;background:radial-gradient(circle at 92% 10%,rgba(255,199,91,.3),transparent 25%),linear-gradient(135deg,#35102f,#71195e 68%,#a22f78);box-shadow:0 24px 58px rgba(70,13,56,.2);color:#fff}
#commissions>.section-head:after{content:"🌸";position:absolute;right:25px;bottom:3px;font-size:4.8rem;opacity:.16;transform:rotate(9deg)}
#commissions>.section-head h3{color:#fff;font-size:2.8rem}#commissions>.section-head p{max-width:650px;color:rgba(255,255,255,.78);line-height:1.55}
#commissionGrid.commission-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.commission-showcase-card{position:relative;overflow:hidden;display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:20px;border:1px solid rgba(88,20,68,.11);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(244,181,45,.13),transparent 25%),linear-gradient(150deg,#fff,#fff8fc);box-shadow:0 17px 40px rgba(65,14,51,.09);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.commission-showcase-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px rgba(65,14,51,.14)}
.commission-number{position:absolute;right:14px;top:10px;color:rgba(94,22,73,.1);font:700 2.5rem Cormorant Garamond,serif}.commission-showcase-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#5c154f,#a8327c);color:#ffd98d;font-size:1.1rem;box-shadow:0 12px 24px rgba(81,19,65,.2)}
.commission-showcase-copy{padding-right:32px}.commission-label{color:#a53a7d;font-size:.55rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.commission-showcase-copy h4{margin:5px 0;font:700 1.65rem/1 Cormorant Garamond,serif;color:#36102f}.commission-showcase-copy p{margin:0;color:#786572;font-size:.7rem;line-height:1.5}
.commission-lead-v85{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(91,24,72,.08);border-radius:17px;background:#fffaf4}.commission-lead-v85 .inbox-avatar{overflow:hidden;border:3px solid #fff;box-shadow:0 7px 16px rgba(70,14,55,.13)}.commission-lead-v85 img,.commission-avatar-stack img{width:100%;height:100%;object-fit:cover}.commission-lead-v85 small,.commission-lead-v85 b{display:block}.commission-lead-v85 small{color:#9f3b79;font-size:.52rem;font-weight:900;text-transform:uppercase}.commission-lead-v85 b{margin-top:3px;color:#391131;font-size:.73rem}
.commission-showcase-card footer{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding-top:11px;border-top:1px solid rgba(91,24,72,.08);color:#765f6e;font-size:.58rem}.commission-showcase-card footer>span b{color:#6d1b5c}.commission-showcase-card footer>i{margin-left:auto;color:#a52c78}.commission-avatar-stack{display:flex}.commission-avatar-stack .inbox-avatar{overflow:hidden;margin-left:-7px;border:2px solid #fff}.commission-avatar-stack .inbox-avatar:first-child{margin-left:0}
.commission-detail-v85{scroll-margin-top:88px;padding:17px;border:1px solid rgba(83,20,65,.1);border-radius:31px;background:linear-gradient(145deg,#fff,#fff8fb);box-shadow:0 24px 60px rgba(63,13,50,.11)}.commission-detail-back{margin:0 0 12px;border:0;border-radius:99px;padding:9px 12px;background:#f7e9f1;color:#851f6c;font-weight:900;cursor:pointer}
.commission-detail-v85>header{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:17px;align-items:center;padding:23px;border-radius:24px;background:radial-gradient(circle at 93% 5%,rgba(255,201,94,.28),transparent 27%),linear-gradient(135deg,#35102f,#781d62);color:#fff}.commission-detail-emblem{width:70px;height:70px;display:grid;place-items:center;border-radius:23px;background:linear-gradient(145deg,#f5b532,#ffdd93);color:#48113f;font-size:1.4rem}.commission-detail-v85>header span{color:#ffdda0;font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.commission-detail-v85>header h3{margin:5px 0 4px;color:#fff;font:700 2.5rem/1 Cormorant Garamond,serif}.commission-detail-v85>header p{max-width:680px;margin:0;color:rgba(255,255,255,.76);font-size:.7rem;line-height:1.55}.commission-detail-v85>header aside{text-align:center}.commission-detail-v85>header aside b{display:block;color:#ffdda0;font:700 2.5rem/1 Cormorant Garamond,serif}.commission-detail-v85>header aside small{color:rgba(255,255,255,.7);font-size:.56rem}
.commission-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.commission-detail-panel{padding:18px;border:1px solid rgba(88,20,68,.09);border-radius:22px;background:#fff}.commission-detail-kicker{display:flex;align-items:center;gap:7px;color:#a1327a;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.commission-featured-lead{display:flex;align-items:center;gap:13px;margin:14px 0;padding:13px;border-radius:19px;background:linear-gradient(145deg,#fff6df,#fff7fc)}.commission-featured-lead .inbox-avatar{overflow:hidden;border:4px solid #fff;box-shadow:0 9px 22px rgba(76,18,60,.14)}.commission-featured-lead img{width:100%;height:100%;object-fit:cover}.commission-featured-lead small{color:#a53a7d;font-size:.53rem;font-weight:900;text-transform:uppercase}.commission-featured-lead h4{margin:3px 0;font:700 1.45rem/1 Cormorant Garamond,serif}.commission-featured-lead p{margin:0;color:#7a6874;font-size:.62rem}.commission-member-directory{display:grid;gap:8px;margin:14px 0}.commission-member-v85{display:grid;grid-template-columns:58px minmax(0,1fr) 38px;gap:10px;align-items:center;padding:9px;border:1px solid rgba(86,21,67,.08);border-radius:17px;background:#fffaf6}.commission-member-v85 .inbox-avatar{overflow:hidden}.commission-member-v85 img{width:100%;height:100%;object-fit:cover}.commission-member-v85 b,.commission-member-v85 small{display:block}.commission-member-v85 b{font-size:.7rem}.commission-member-v85 small{margin-top:2px;color:#806d79;font-size:.55rem}.commission-member-v85 button{width:36px;height:36px;border:0;border-radius:12px;background:#f5e6ef;color:#8d236f}.commission-task-link{width:100%;margin-top:5px}

#intelligence .os-hero-v66 h1,#intelligence .os-hero-v66 h1 span{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 8px 24px rgba(22,2,19,.22)}#intelligence .os-hero-v66 h1 em{color:#ffdda0!important;-webkit-text-fill-color:#ffdda0!important}#intelligence .os-hero-v66 p{color:rgba(255,255,255,.9)!important}#intelligence .os-hero-v66 .intel-kicker,#intelligence .os-hero-date{color:#ffdda0!important}#intelligence .os-direction-signature>span small{color:rgba(255,255,255,.82)!important}#intelligence .os-score-v66,#intelligence .os-status,#intelligence .os-architecture{color:#fff}#intelligence .os-score-v66 b,#intelligence .os-score-v66 span,#intelligence .os-status b,#intelligence .os-status span{color:#fff}#intelligence .os-architecture .os-reco-copy>small,#intelligence .os-architecture .os-reco-state,#intelligence .os-architecture .os-reco-group>header small,#intelligence .os-architecture .os-univers small{color:rgba(255,255,255,.82)!important}
[data-zone-texte="event-flow"] .flow-brain-hero-v85{display:grid;grid-template-columns:minmax(0,1fr) 122px;align-items:center;isolation:isolate}[data-zone-texte="event-flow"] .flow-brain-hero-v85>div{position:relative;z-index:2;min-width:0}[data-zone-texte="event-flow"] .flow-brain-hero-v85 h2{max-width:760px;color:#fff!important;text-wrap:balance}[data-zone-texte="event-flow"] .flow-brain-hero-v85 p{color:rgba(255,255,255,.86)!important}[data-zone-texte="event-flow"] .flow-brain-mark{position:relative;z-index:2;width:112px;height:112px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;border:1px solid rgba(255,220,148,.25);border-radius:31px;background:linear-gradient(145deg,#f5af29,#ffdc91)!important;color:#45113d!important;box-shadow:0 20px 42px rgba(21,2,18,.25);transform:rotate(3deg)}[data-zone-texte="event-flow"] .flow-brain-mark small{font:900 .47rem/1 Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase}
@media(max-width:850px){#commissionGrid.commission-list{grid-template-columns:1fr}.commission-detail-grid{grid-template-columns:1fr}}
@media(max-width:560px){#commissions>.section-head{padding:21px 18px;border-radius:24px}#commissions>.section-head h3{font-size:2.2rem}.commission-showcase-card{grid-template-columns:47px minmax(0,1fr);gap:11px;padding:14px;border-radius:21px}.commission-showcase-icon{width:47px;height:47px;border-radius:16px}.commission-showcase-copy{padding-right:18px}.commission-showcase-copy h4{font-size:1.42rem}.commission-detail-v85{padding:10px;border-radius:24px}.commission-detail-v85>header{grid-template-columns:52px minmax(0,1fr);gap:11px;padding:17px}.commission-detail-emblem{width:52px;height:52px;border-radius:17px}.commission-detail-v85>header aside{grid-column:1/-1;display:flex;align-items:baseline;justify-content:center;gap:6px}.commission-detail-v85>header h3{font-size:1.9rem}.commission-detail-panel{padding:13px}[data-zone-texte="event-flow"] .flow-brain-hero-v85{grid-template-columns:minmax(0,1fr) 67px;gap:10px!important;padding:18px!important}[data-zone-texte="event-flow"] .flow-brain-hero-v85 h2{font-size:2.25rem!important;line-height:.87!important}[data-zone-texte="event-flow"] .flow-brain-mark{width:64px;height:64px;flex-basis:64px;border-radius:20px;font-size:1.3rem;transform:none}[data-zone-texte="event-flow"] .flow-brain-mark small{font-size:.34rem}}

/* ========================================================================
   V91 — Collection « Maison de l'Excellence »
   Accueil, accès essentiels, informations, rapports et résumés de missions.
   ====================================================================== */
:root{--v91-plum:#3d0b37;--v91-wine:#6d155d;--v91-magenta:#a82f7c;--v91-rose:#d65399;--v91-gold:#f1b631;--v91-champagne:#ffe3a5;--v91-paper:#fffdf9;--v91-ink:#35122f;--v91-muted:#796572;--v91-line:rgba(92,20,73,.12);--v91-shadow:0 22px 60px rgba(66,12,52,.12)}
html,body,.main,.page{max-width:100%!important;overflow-x:clip!important}.page>*{min-width:0;max-width:100%}

/* Maison des actions — bloc de la photo 1. */
#homeV14>.institution-services-v91{position:relative!important;isolation:isolate;padding:16px!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:34px!important;background:radial-gradient(circle at 100% 100%,rgba(240,180,48,.23),transparent 25%),linear-gradient(150deg,#fff7fc,#fff9f0)!important;box-shadow:0 28px 75px rgba(78,16,61,.16)!important;overflow:hidden!important}
#homeV14>.institution-services-v91:before{content:"";position:absolute;left:-75px;bottom:-95px;width:210px;height:210px;border:34px solid rgba(185,53,131,.065);border-radius:50%;pointer-events:none}
#homeV14>.institution-services-v91:after{content:"✦"!important;right:18px!important;top:10px!important;width:auto!important;height:auto!important;background:none!important;color:rgba(255,217,143,.28)!important;font-size:5rem!important;transform:rotate(13deg)!important}
#homeV14 .institution-services-v91 .institution-section-heading{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,1fr) 170px;align-items:stretch;gap:18px;margin:0 0 15px!important;padding:27px!important;border:1px solid rgba(255,255,255,.16);border-radius:27px;background:radial-gradient(circle at 88% 12%,rgba(255,196,74,.28),transparent 25%),linear-gradient(135deg,var(--v91-plum),#761760 65%,#9f2c77);box-shadow:0 21px 49px rgba(55,7,43,.23);color:#fff;overflow:hidden}
#homeV14 .institution-heading-copy-v91{position:relative;z-index:2;min-width:0}
#homeV14 .institution-title-line-v91{display:flex;align-items:center;justify-content:space-between;gap:12px}
#homeV14 .institution-title-line-v91 .institution-kicker{display:inline-flex;align-items:center;gap:7px;color:#ffdf9a!important;font-size:.59rem!important;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
#homeV14 .institution-title-line-v91>em{padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:.52rem;font-style:normal;font-weight:900;white-space:nowrap}
#homeV14 .institution-services-v91 .institution-section-heading h2{max-width:720px;margin:10px 0 8px!important;color:#fff!important;font:700 clamp(2.45rem,5vw,4.2rem)/.86 Cormorant Garamond,serif!important;letter-spacing:-.045em;text-wrap:balance}
#homeV14 .institution-services-v91 .institution-section-heading p{max-width:700px;margin:0!important;color:rgba(255,255,255,.82)!important;font-size:.76rem!important;line-height:1.6!important}
#homeV14 .institution-heading-copy-v91>strong{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#ffdda0;font-size:.59rem;line-height:1.4}
#homeV14 .institution-compass-v91{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:165px;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:39% 61% 55% 45%/45% 44% 56% 55%;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07));box-shadow:inset 0 1px rgba(255,255,255,.22),0 22px 40px rgba(30,2,23,.18);transform:rotate(2deg)}
#homeV14 .institution-compass-v91>span{font-size:3.25rem;filter:drop-shadow(0 11px 15px rgba(33,3,25,.25));transform:rotate(-8deg)}#homeV14 .institution-compass-v91 b{margin-top:8px;color:#fff;font:700 1.25rem Cormorant Garamond,serif}#homeV14 .institution-compass-v91 small{color:rgba(255,255,255,.7);font-size:.46rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#homeV14 .institution-services-v91 .institution-service-grid{position:relative;z-index:2;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;margin:0!important}
#homeV14 .institution-services-v91 .institution-door-v91{position:relative!important;isolation:isolate;display:grid!important;grid-template-columns:47px minmax(0,1fr) 25px!important;align-items:start!important;gap:11px!important;min-height:137px!important;padding:17px 13px!important;border:1px solid rgba(105,28,83,.105)!important;border-radius:22px!important;background:linear-gradient(150deg,#fff,#fff7fb)!important;box-shadow:0 15px 35px rgba(62,10,48,.085)!important;overflow:hidden!important;transition:transform .2s ease,box-shadow .2s ease!important}
#homeV14 .institution-services-v91 .institution-door-v91:nth-child(2n){background:linear-gradient(150deg,#fffef9,#fff1ce)!important}#homeV14 .institution-services-v91 .institution-door-v91:nth-child(3n){background:linear-gradient(150deg,#fff,#f6ebfb)!important}
#homeV14 .institution-services-v91 .institution-door-v91:before{content:"0" var(--door-index);position:absolute;right:10px;top:8px;z-index:-1;color:rgba(80,14,62,.075);font:700 2.1rem/1 Cormorant Garamond,serif}
#homeV14 .institution-services-v91 .institution-door-v91:hover{transform:translateY(-5px)!important;box-shadow:0 24px 50px rgba(62,10,48,.14)!important}
#homeV14 .institution-services-v91 .service-icon{width:47px!important;height:47px!important;border-radius:17px!important;background:linear-gradient(145deg,#f8e6f0,#ffedc1)!important;color:#9c2975!important;box-shadow:0 9px 21px rgba(87,18,68,.11)!important}
#homeV14 .institution-services-v91 .institution-door-v91:nth-child(2n) .service-icon{background:linear-gradient(145deg,#ffe7af,#fff5d8)!important;color:#8d5a04!important}
#homeV14 .institution-services-v91 .institution-door-v91 small{padding-right:12px;color:#a1337a!important;font-size:.5rem!important;letter-spacing:.075em!important}
#homeV14 .institution-services-v91 .institution-door-v91 strong{color:var(--v91-ink)!important;font-size:1.25rem!important;line-height:1!important}
#homeV14 .institution-services-v91 .institution-door-v91 em{display:block!important;margin-top:5px!important;color:var(--v91-muted)!important;font-size:.63rem!important;line-height:1.4!important}
#homeV14 .institution-services-v91 .service-sticker{right:8px!important;bottom:6px!important;font-size:1.32rem!important;opacity:.42!important;filter:saturate(.85) drop-shadow(0 6px 8px rgba(70,10,51,.09))!important}
#homeV14 .institution-services-v91 .service-arrow{align-self:center;width:25px!important;height:25px!important;border-radius:50%!important;background:#f8e8f0!important;color:#8e226e!important}
#homeV14 .institution-footer-v91{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 5px 1px;color:#755f6c;font-size:.54rem;font-weight:850}.institution-footer-v91 span{display:inline-flex;align-items:center;gap:6px}.institution-footer-v91 i{color:#a62f7b}

/* Fil d'information et portes complémentaires. */
#homeV14 .home-news-v91{position:relative;overflow:hidden;padding:0!important;border-radius:29px!important;background:linear-gradient(145deg,#fff,#fff9f3)!important;box-shadow:var(--v91-shadow)!important}
#homeV14 .home-news-v91>header{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:15px;align-items:center;padding:24px 26px;background:radial-gradient(circle at 92% 5%,rgba(255,206,102,.28),transparent 28%),linear-gradient(135deg,#43103d,#782061);color:#fff}
#homeV14 .home-news-v91>header>div>span{display:flex;align-items:center;gap:7px;color:#ffdf9b;font-size:.55rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}#homeV14 .home-news-v91>header h2{max-width:650px;margin:7px 0 6px;color:#fff!important;font:700 clamp(2rem,4vw,3.2rem)/.9 Cormorant Garamond,serif!important}#homeV14 .home-news-v91>header p{max-width:650px;margin:0;color:rgba(255,255,255,.76);font-size:.68rem;line-height:1.5}
#homeV14 .home-news-v91>header aside{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.17);border-radius:23px;background:rgba(255,255,255,.1);text-align:center}#homeV14 .home-news-v91>header aside>span{grid-row:1/3;font-size:2.3rem}#homeV14 .home-news-v91>header aside b{color:#ffdda0;font:700 1.7rem/1 Cormorant Garamond,serif}#homeV14 .home-news-v91>header aside small{color:rgba(255,255,255,.68);font-size:.45rem;text-transform:uppercase}
#homeV14 .home-news-v91>div{padding:12px!important}.home-news-card-v91{position:relative!important;grid-template-columns:30px 42px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:12px!important;border-radius:17px!important;box-shadow:0 8px 22px rgba(67,13,52,.05)}.home-news-number-v91{color:rgba(126,28,99,.27);font:700 1.15rem Cormorant Garamond,serif;font-style:normal}.home-news-card-v91>i{width:42px!important;height:42px!important;border-radius:15px!important}
#homeV14 .home-link-v91{isolation:isolate;overflow:hidden!important;min-height:103px!important;background:radial-gradient(circle at 100% 100%,rgba(242,182,49,.11),transparent 28%),linear-gradient(145deg,#fff,#fff8fb)!important;box-shadow:0 15px 35px rgba(64,11,50,.085)!important}.home-link-sticker-v91{position:absolute;right:15px;bottom:8px;z-index:-1;font-size:2.5rem;font-style:normal;opacity:.12;transform:rotate(8deg)}

/* Rapports — page institutionnelle complète. */
#reports{padding-bottom:120px!important}
.main>#reports>.report-page-hero-v91{position:relative;overflow:hidden;display:grid!important;grid-template-columns:minmax(0,1fr) 205px;align-items:center;gap:24px;margin:7px 0 15px!important;padding:31px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:31px!important;background:radial-gradient(circle at 91% 7%,rgba(255,199,82,.34),transparent 25%),linear-gradient(135deg,#3a0b35,#73195f 64%,#a32f78)!important;box-shadow:0 26px 65px rgba(61,9,48,.24)!important;color:#fff!important}
.main>#reports>.report-page-hero-v91:before{content:"";position:absolute;right:-90px;bottom:-130px;width:260px;height:260px;border:34px solid rgba(255,255,255,.07);border-radius:50%}.main>#reports>.report-page-hero-v91:after{content:"✦  MÉMOIRE  ✦";right:26px;top:19px;color:rgba(255,224,160,.38);font-size:.52rem;letter-spacing:.17em}
.report-hero-copy,.report-hero-side{position:relative;z-index:2;min-width:0}.report-hero-kicker{display:flex;align-items:center;gap:8px;color:#ffdf9b;font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.main>#reports>.report-page-hero-v91 h3{margin:10px 0 7px!important;color:#fff!important;font:700 clamp(2.8rem,6vw,5rem)/.86 Cormorant Garamond,serif!important;letter-spacing:-.04em}.main>#reports>.report-page-hero-v91 p{max-width:720px;margin:0!important;color:rgba(255,255,255,.82)!important;font-size:.78rem!important;line-height:1.6!important}.report-hero-promises{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.report-hero-promises span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.09);font-size:.5rem;font-weight:850}.report-hero-promises i{color:#ffdb91}.report-hero-side{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:185px;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:38% 62% 42% 58%/52% 45% 55% 48%;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.07));text-align:center}.report-hero-sticker{font-size:3.6rem;filter:drop-shadow(0 12px 15px rgba(29,2,22,.22));transform:rotate(-5deg)}.report-hero-side .btn{margin-top:9px;border:0!important;background:linear-gradient(135deg,#ffcf6f,#f0a813)!important;color:#4c173e!important;box-shadow:0 12px 25px rgba(25,2,19,.2)!important}.report-hero-side small{margin-top:8px;color:rgba(255,255,255,.66);font-size:.45rem}
.report-summary-v91{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 13px}.report-summary-v91 article{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:13px;border:1px solid var(--v91-line);border-radius:19px;background:linear-gradient(145deg,#fff,#fff9f4);box-shadow:0 11px 28px rgba(67,13,52,.065)}.report-summary-v91 article>i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f7e4ef,#ffedbf);color:#9b2875}.report-summary-v91 b,.report-summary-v91 small{display:block}.report-summary-v91 b{color:#511047;font:700 1.25rem Cormorant Garamond,serif}.report-summary-v91 small{color:#7e6976;font-size:.52rem;font-weight:850;line-height:1.25}
#reports #reportFilters{margin:4px 0 13px;padding:7px!important;border:1px solid var(--v91-line);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 10px 26px rgba(68,13,53,.05)}#reports #reportFilters .btn{min-height:40px;border-radius:999px!important;white-space:nowrap}
#reports #reportList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px!important;overflow:visible!important}.rapport-ligne-v91{position:relative;isolation:isolate;overflow:hidden;padding:0!important;border:1px solid var(--v91-line)!important;border-radius:24px!important;background:linear-gradient(150deg,#fff,#fff9fc)!important;box-shadow:0 17px 42px rgba(62,12,49,.085)!important}.rapport-ligne-v91:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#6e155e,#cc4c93,#f0b631)}.rapport-index-v91{position:absolute;right:13px;top:8px;z-index:-1;color:rgba(92,17,73,.07);font:700 2.4rem Cormorant Garamond,serif}.rapport-ligne-v91 .rapport-tete{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;gap:11px;align-items:center;padding:17px}.rapport-icon-v91{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#f7e4ef,#ffedc3);color:#9b2876;box-shadow:0 9px 21px rgba(86,17,66,.1)}.rapport-icon-v91>i{width:auto!important;height:auto!important;background:none!important}.rapport-ligne-v91 .rapport-titre b{margin:4px 0!important;color:var(--v91-ink);font:700 1.25rem/1.05 Cormorant Garamond,serif}.rapport-label-v91{color:#a6327c!important;font-size:.48rem!important;font-weight:900!important;letter-spacing:.09em;text-transform:uppercase}.rapport-ligne-v91 .rapport-titre>small:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:#85717e;font-size:.53rem}.rapport-ligne-v91 .rapport-titre>small i{color:#b23b84}.rapport-ligne-v91 .rapport-corps{padding:0 17px 17px!important;border-top:1px solid rgba(93,21,73,.08)}.rapport-corp-kicker{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#a03278;font-size:.51rem;font-weight:900;text-transform:uppercase}.rapport-ligne-v91 .rapport-corps p{padding:12px;border-radius:15px;background:#fff9ed;color:#6f5a68!important;font-size:.68rem!important;line-height:1.55!important}.rapport-actions-v91{display:flex;align-items:center;justify-content:space-between;gap:8px}.rapport-actions-v91>span{color:#8d7885;font-size:.5rem;font-weight:850}.report-empty-v91{grid-column:1/-1;padding:40px!important;text-align:center}.report-empty-v91>span{font-size:2.6rem}.report-empty-v91 h3{margin:10px 0 5px!important;font-size:2rem}.report-empty-v91 p{margin:0;color:var(--v91-muted)}

/* Résumés de missions — lisibilité, prestige et structure. */
.mission-summary-v91{width:min(1120px,100%);padding-top:max(22px,env(safe-area-inset-top))!important;padding-bottom:125px!important}.mission-summary-v91 .summary-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:9px 12px!important;border:1px solid var(--v91-line)!important;border-radius:999px!important;background:#fff!important;box-shadow:0 8px 20px rgba(65,12,51,.06);color:#8d236e!important}
.mission-summary-v91 .summary-hero{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:20px;min-height:280px;padding:30px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:32px!important;background:radial-gradient(circle at 90% 8%,rgba(255,201,91,.34),transparent 25%),linear-gradient(135deg,#390b34,#741960 66%,#9f2d78)!important;box-shadow:0 25px 63px rgba(62,10,49,.22)!important;color:#fff!important}.mission-summary-v91 .summary-hero:after{content:"";position:absolute;right:-60px;bottom:-105px;width:220px;height:220px;border:29px solid rgba(255,255,255,.07);border-radius:50%}.summary-hero-copy{position:relative;z-index:2;min-width:0}.summary-kicker-v91{display:inline-flex!important;align-items:center;gap:7px;padding:7px 10px!important;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.1)!important;color:#ffdf9a!important;font-size:.56rem!important;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.mission-summary-v91 .summary-hero h1{max-width:720px;margin:14px 0 8px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 clamp(3rem,6vw,5.3rem)/.84 Cormorant Garamond,serif!important;letter-spacing:-.05em;text-shadow:0 9px 25px rgba(35,3,27,.2)}.mission-summary-v91 .summary-hero p{max-width:700px;margin:0;color:rgba(255,255,255,.83)!important;font-size:.78rem;line-height:1.62}.summary-mantra-v91{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:#ffdda0;font-size:.57rem;font-style:normal;font-weight:900}.summary-sticker-v91{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:170px;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:42% 58% 55% 45%/48% 42% 58% 52%;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07));box-shadow:inset 0 1px rgba(255,255,255,.2),0 20px 42px rgba(31,2,24,.19);transform:rotate(2deg)}.summary-sticker-v91>span{font-size:3.4rem;filter:drop-shadow(0 12px 15px rgba(27,2,21,.22));transform:rotate(-8deg)}.summary-sticker-v91 small{color:rgba(255,255,255,.78);font-size:.55rem;font-weight:900;letter-spacing:.12em;line-height:1.35;text-align:center}
.mission-summary-v91 .summary-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 20px}.mission-summary-v91 .summary-overview>div{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:13px!important;border-radius:19px!important;background:linear-gradient(145deg,#fff,#fff9f4)!important;box-shadow:0 12px 30px rgba(66,13,52,.075)!important}.mission-summary-v91 .summary-overview>div>i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f7e4ef,#ffedbf);color:#9f2b78}.mission-summary-v91 .summary-overview b{font-size:1.55rem!important}.mission-summary-v91 .summary-overview span,.mission-summary-v91 .summary-overview small{display:block}.mission-summary-v91 .summary-overview small{color:#806c79;font-size:.52rem;font-weight:850}
.summary-list-head-v91{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 2px 11px}.summary-list-head-v91 span{color:#aa337d;font-size:.53rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.summary-list-head-v91 h2{margin:4px 0 0;color:var(--v91-ink);font:700 2.1rem/1 Cormorant Garamond,serif}.summary-list-head-v91 a{color:#8d236e;font-size:.6rem;font-weight:900;text-decoration:none}
.mission-summary-v91 .summary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mission-summary-v91 .summary-mission{position:relative;isolation:isolate;overflow:hidden;padding:17px!important;border:1px solid var(--v91-line)!important;border-radius:24px!important;background:radial-gradient(circle at 100% 0,rgba(242,182,49,.11),transparent 25%),linear-gradient(150deg,#fff,#fff8fc)!important;box-shadow:0 17px 40px rgba(62,11,49,.085)!important}.mission-summary-v91 .summary-mission:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#74185f,#d24e96,#f0b530)}.summary-card-number-v91{position:absolute;right:12px;top:7px;z-index:-1;color:rgba(91,18,72,.065);font:700 2.45rem Cormorant Garamond,serif}.mission-summary-v91 .summary-icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,#f7e2ed,#ffedc1);box-shadow:0 9px 20px rgba(86,17,67,.1)}.mission-summary-v91 .summary-mission-top{grid-template-columns:46px minmax(0,1fr) auto;gap:10px}.mission-summary-v91 .summary-mission small{color:#a5327c!important;font-size:.52rem!important;letter-spacing:.04em;text-transform:uppercase}.mission-summary-v91 .summary-mission h3{margin:5px 0 6px;color:var(--v91-ink)!important;font:700 1.3rem/1.08 Cormorant Garamond,serif!important}.mission-summary-v91 .summary-mission p{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0;color:#81707b!important;font-size:.55rem!important;line-height:1.45}.mission-summary-v91 .summary-mission p i{color:#b23a84}.mission-summary-v91 .summary-mission-top>b{color:#962573!important;font:700 1.25rem Cormorant Garamond,serif}.mission-summary-v91 .summary-progress{height:8px;margin:15px 0 7px;background:#f0e5eb}.mission-summary-v91 .summary-progress i{background:linear-gradient(90deg,#771860,#d65199,#f1b631)}.summary-progress-caption-v91{display:flex;justify-content:space-between;gap:9px;margin-bottom:11px;color:#85717d;font-size:.51rem;font-weight:850}.summary-progress-caption-v91 em{color:#9d2a76;font-style:normal}.mission-summary-v91 .summary-mission-actions{padding-top:10px;border-top:1px solid rgba(92,19,72,.08)}.mission-summary-v91 .summary-mission-actions>a{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:12px;background:#f7e8f0;color:#84206a!important}.mission-summary-v91 .summary-footer .btn{border-radius:999px!important;padding:12px 17px!important}
.mission-summary-v91 .summary-empty>span{font-size:2.5rem}.mission-summary-v91 .summary-empty{background:linear-gradient(145deg,#fff,#fff8f1);box-shadow:0 14px 36px rgba(64,12,50,.07)}

@media(max-width:850px){
 #homeV14 .institution-services-v91 .institution-section-heading{grid-template-columns:minmax(0,1fr) 125px;padding:23px}
 #homeV14 .institution-compass-v91{min-height:145px}.report-summary-v91{grid-template-columns:repeat(2,minmax(0,1fr))}
 .main>#reports>.report-page-hero-v91{grid-template-columns:minmax(0,1fr) 170px}
 .mission-summary-v91 .summary-hero{grid-template-columns:minmax(0,1fr) 140px}.summary-sticker-v91{min-height:145px}
}
@media(max-width:620px){
 #homeV14>.institution-services-v91{padding:9px!important;border-radius:25px!important}
 #homeV14 .institution-services-v91 .institution-section-heading{grid-template-columns:minmax(0,1fr) 82px;gap:10px;margin-bottom:9px!important;padding:19px 16px!important;border-radius:22px}
 #homeV14 .institution-title-line-v91{display:block}#homeV14 .institution-title-line-v91>em{display:inline-flex;margin-top:7px}
 #homeV14 .institution-services-v91 .institution-section-heading h2{max-width:100%;margin:9px 0 6px!important;font-size:clamp(2.25rem,10.5vw,3rem)!important;line-height:.84!important}
 #homeV14 .institution-services-v91 .institution-section-heading p{font-size:.66rem!important;line-height:1.5!important}#homeV14 .institution-heading-copy-v91>strong{font-size:.52rem}
 #homeV14 .institution-compass-v91{align-self:center;min-height:92px;padding:8px;border-radius:27px}#homeV14 .institution-compass-v91>span{font-size:2.3rem}#homeV14 .institution-compass-v91 b{font-size:.9rem}#homeV14 .institution-compass-v91 small{display:none}
 #homeV14 .institution-services-v91 .institution-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #homeV14 .institution-services-v91 .institution-door-v91{grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important;min-height:116px!important;padding:11px 9px!important;border-radius:18px!important}
 #homeV14 .institution-services-v91 .service-icon{width:38px!important;height:38px!important;border-radius:13px!important}#homeV14 .institution-services-v91 .institution-door-v91 strong{font-size:1.02rem!important}#homeV14 .institution-services-v91 .institution-door-v91 em,#homeV14 .institution-services-v91 .service-arrow{display:none!important}#homeV14 .institution-services-v91 .service-sticker{font-size:1rem!important}
 #homeV14 .institution-footer-v91{display:grid;grid-template-columns:1fr 1fr;padding:10px 4px 2px;font-size:.46rem}
 #homeV14 .home-news-v91>header{grid-template-columns:minmax(0,1fr) 74px;padding:19px 16px}#homeV14 .home-news-v91>header h2{font-size:2.2rem!important}#homeV14 .home-news-v91>header p{font-size:.61rem}#homeV14 .home-news-v91>header aside{display:block;padding:9px}#homeV14 .home-news-v91>header aside>span{font-size:2rem}#homeV14 .home-news-v91>header aside b,#homeV14 .home-news-v91>header aside small{display:block;margin-top:2px}.home-news-card-v91{grid-template-columns:25px 38px minmax(0,1fr)!important;padding:10px!important}.home-news-card-v91>i{width:38px!important;height:38px!important}
 .main>#reports>.report-page-hero-v91{grid-template-columns:minmax(0,1fr) 84px;gap:10px;margin-top:5px!important;padding:22px 17px!important;border-radius:25px!important}.main>#reports>.report-page-hero-v91 h3{font-size:clamp(2.8rem,13vw,3.8rem)!important}.main>#reports>.report-page-hero-v91 p{font-size:.68rem!important}.report-hero-promises{display:grid;grid-template-columns:1fr 1fr}.report-hero-promises span{padding:6px;font-size:.45rem}.report-hero-promises span:last-child{grid-column:1/-1}.report-hero-side{min-height:112px;padding:7px;border-radius:28px}.report-hero-sticker{font-size:2.5rem}.report-hero-side .btn{width:48px;height:48px;padding:0!important;border-radius:16px!important;font-size:0!important}.report-hero-side .btn i{font-size:1rem}.report-hero-side small{display:none}.report-summary-v91{gap:7px}.report-summary-v91 article{grid-template-columns:36px minmax(0,1fr);padding:10px}.report-summary-v91 article>i{width:36px;height:36px;border-radius:12px}.report-summary-v91 b{font-size:1.05rem}#reports #reportList{grid-template-columns:1fr!important}.rapport-ligne-v91 .rapport-tete{grid-template-columns:43px minmax(0,1fr) 26px;padding:14px}.rapport-icon-v91{width:43px;height:43px;border-radius:15px}.rapport-ligne-v91 .rapport-titre b{font-size:1.13rem}
 .mission-summary-v91{padding:22px 13px 120px!important}.mission-summary-v91 .summary-hero{grid-template-columns:minmax(0,1fr) 82px;gap:10px;min-height:235px;padding:21px 17px!important;border-radius:25px!important}.mission-summary-v91 .summary-hero h1{font-size:clamp(3rem,14vw,4rem)!important;line-height:.82!important}.mission-summary-v91 .summary-hero p{font-size:.68rem;line-height:1.52}.summary-mantra-v91{font-size:.49rem}.summary-sticker-v91{display:flex;flex-direction:column;justify-content:center;min-height:112px;padding:7px;border-radius:28px}.summary-sticker-v91>span{font-size:2.6rem}.summary-sticker-v91 small{margin-top:5px;font-size:.42rem}.mission-summary-v91 .summary-overview{gap:7px;margin:10px 0 18px}.mission-summary-v91 .summary-overview>div{grid-template-columns:34px minmax(0,1fr);gap:6px;padding:9px 7px!important;border-radius:16px!important}.mission-summary-v91 .summary-overview>div>i{width:34px;height:34px;border-radius:11px}.mission-summary-v91 .summary-overview b{font-size:1.25rem!important}.mission-summary-v91 .summary-overview small{font-size:.45rem}.summary-list-head-v91 h2{font-size:1.75rem}.summary-list-head-v91 a{display:none}.mission-summary-v91 .summary-list{grid-template-columns:1fr}.mission-summary-v91 .summary-mission{padding:14px!important}.mission-summary-v91 .summary-mission h3{font-size:1.22rem!important}
}
