/* Fond et textures des boutons repris de l’accueil (experience.css, site.css).
   Les outils et leurs permissions restent gérés par leurs modules existants. */
.hero-courants{position:absolute;z-index:0;inset:0;width:100%;height:100%;opacity:.82;mix-blend-mode:screen;pointer-events:none}
.hero-grain{position:absolute;inset:0;z-index:2;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
body.staff-accueil .staff-main .bouton-principal { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 13px 26px; font: 14px CharmColumna, serif; letter-spacing: .1em; text-transform: uppercase; color: #ecd29a;
    background: url('/natif/UI_T_NewButtonBack.png') center / 100% 100% no-repeat; border: 0; transition: color 160ms; white-space: nowrap; }
body.staff-accueil .staff-main .bouton-principal:hover { color: #fff1cc; background-image: url('/natif/UI_T_NewButtonHighlightGradient.png'), url('/natif/UI_T_NewButtonBack.png'); }
body.staff-accueil .staff-main .bouton-texte { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; font: 12px CharmColumna, serif; letter-spacing: .08em; text-transform: uppercase; color: var(--creme); background: none; border: 0; white-space: nowrap; }
body.staff-accueil .staff-main .bouton-texte::after { content: ''; position: absolute; inset: auto 4px 0; height: 4px; background: url('/natif/UI_T_Divider_H_Fade.png') center / 100% 100% no-repeat; opacity: .35; transition: opacity 160ms; }
body.staff-accueil .staff-main .bouton-texte:hover { color: #fff1cc; }
body.staff-accueil .staff-main .bouton-texte:hover::after { opacity: .95; }
body.staff-accueil{background:radial-gradient(ellipse at 63% 45%,#142741 0,#091522 31%,#03060b 72%) fixed;color:#eadfc6;font-family:CharmHybrid,Georgia,serif}
.staff-ambiance{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.staff-ambiance::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#03060be8 0%,#03060b99 34%,transparent 72%),linear-gradient(0deg,#03060b 0%,transparent 27%,transparent 77%,#03060b88)}
.staff-ambiance .hero-courants{opacity:.82}.staff-ambiance .hero-grain{z-index:2}.experience-poussiere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.56}
body.staff-accueil::after{opacity:.5}.staff-accueil .staff-nav{z-index:3;background:linear-gradient(180deg,#07101be8,#05080fe8)}.staff-accueil .staff-main{position:relative;z-index:1}.staff-accueil .staff-main h1,.staff-accueil .staff-main h2,.staff-accueil .staff-main h3{font-family:CharmColumna,Georgia,serif;font-weight:normal}.staff-accueil .staff-main input,.staff-accueil .staff-main select,.staff-accueil .staff-main textarea,.staff-accueil .suivi-maison td{font-family:CharmHybrid,Georgia,serif}
/* Retirer les aplats du précédent thème : les mêmes couches natives que l’accueil. */
body.staff-accueil .staff-main .bouton-principal{background:url('/natif/UI_T_NewButtonBack.png') center/100% 100% no-repeat!important;color:#ecd29a!important;box-shadow:none;font:12px CharmColumna,serif!important;letter-spacing:.1em!important;transform:none!important;transition:color 160ms!important}
body.staff-accueil .staff-main .bouton-principal:hover:not(:disabled){background-image:url('/natif/UI_T_NewButtonHighlightGradient.png'),url('/natif/UI_T_NewButtonBack.png')!important;color:#fff1cc!important;filter:none}
body.staff-accueil .staff-main .bouton-texte{color:#eadfc6!important;font:11px CharmColumna,serif!important;letter-spacing:.08em!important}
body.staff-accueil .staff-main .bouton-texte::after{display:block}body.staff-accueil .staff-main .bouton-texte:hover{color:#fff1cc!important}
.staff-accueil .staff-main .filtre.actif:not([data-statut]),.staff-accueil .suivi-dialog button[type=submit]{background:url('/natif/UI_T_NewButtonBack.png') center/100% 100% no-repeat!important;color:#ecd29a!important}.staff-accueil .staff-main .filtre.actif:not([data-statut]):hover,.staff-accueil .suivi-dialog button[type=submit]:hover{background-image:url('/natif/UI_T_NewButtonHighlightGradient.png'),url('/natif/UI_T_NewButtonBack.png')!important}
.staff-accueil .staff-nav .rubrique{transition:color .25s,background .25s,box-shadow .25s}.staff-accueil .staff-nav .rubrique img{transition:filter .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1)}.staff-accueil .staff-nav .rubrique:hover img{filter:drop-shadow(0 0 8px #d6bc817a);transform:scale(1.06)}
/* Apparition de l’accueil : même déplacement, durée, courbe et décalage 65 ms. */
.staff-fx-ready .staff-apparition{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.staff-fx-ready .staff-apparition.revele{opacity:1;transform:none}
.staff-accueil .suivi-menu{animation:staff-menu-entree .2s cubic-bezier(.2,.8,.2,1) both}.staff-accueil .suivi-dialog[open]{animation:staff-menu-entree .3s cubic-bezier(.2,.8,.2,1) both}@keyframes staff-menu-entree{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.staff-fx-ready .staff-apparition{opacity:1;transform:none;transition:none}.staff-ambiance,.experience-poussiere{display:none}.staff-accueil .suivi-menu,.staff-accueil .suivi-dialog[open]{animation:none}.staff-accueil .staff-nav .rubrique:hover img{transform:none}}