/* animation.charm-rp.fr : palette sobre brun-or (fond quasi noir qui dérive très lentement vers l'or sombre, surfaces opaques,
   accent or discret). La classe sur-animation est posée sur <html> par staff-v2.js. */
html.sur-animation body.staff-accueil{
 --s-fond:#0d0b07;--s-surface:#16130c;--s-surface-2:#1c1810;--s-survol:#231e13;
 --s-ligne:#ffffff12;--s-ligne-forte:#ffffff22;--s-texte:#ece8dc;--s-doux:#b0a88f;--s-pale:#7d7762;
 --s-or:#d8bf62;--s-or-clair:#ecd98f;
 --jaune:#d8bf62;--jaune-clair:#ecd98f;--jaune-voile:#d8bf6219;--jaune-bord:#d8bf6240;
 --bois:#0d0b07;--bois-2:#15120b;--bloc:linear-gradient(160deg,#1a170f,#120f0a);--bloc-bord:#ffffff14;--champ:#0d0b07;
 background-color:var(--s-fond)!important;
 background-image:radial-gradient(900px 520px at 12% -5%,#d8bf6222,transparent 60%),radial-gradient(800px 600px at 100% 100%,#a68a2c1c,transparent 62%),linear-gradient(120deg,#0d0b07,#17130a 38%,#1e190b 62%,#0d0b07)!important;
 background-size:auto,auto,300% 300%!important;background-attachment:fixed!important;
 animation:anim-or 40s ease-in-out infinite alternate}
@keyframes anim-or{0%{background-position:0 0,0 0,0% 50%}100%{background-position:0 0,0 0,100% 50%}}
@media (prefers-reduced-motion:reduce){html.sur-animation body.staff-accueil{animation:none}}

/* ---- Barre du haut ---- */
html.sur-animation:not(.en-jeu) body.staff-accueil .staff-nav{background:#0f0d08ea!important;border-bottom-color:var(--s-ligne)!important}
html.sur-animation body.staff-accueil .staff-nav .rubrique:hover{background:#ffffff0a!important}
html.sur-animation:not(.en-jeu) body.staff-accueil .staff-nav .rubrique.actif{background:var(--jaune-voile)!important;box-shadow:inset 0 0 0 1px var(--jaune-bord)!important;color:var(--jaune-clair)}
html.sur-animation:not(.en-jeu) body.staff-accueil .staff-nav .retour,html.sur-animation body.staff-accueil #identite{background:var(--bois-2)!important;border-color:var(--s-ligne)!important}
html.sur-animation body.staff-accueil .staff-nav .retour:hover{border-color:var(--jaune-bord)!important;color:var(--jaune-clair)}
html.sur-animation body.staff-accueil .recherche-globale input[type=search]{background-color:var(--bois-2);border-color:var(--s-ligne)}
html.sur-animation body.staff-accueil .recherche-globale input[type=search]:focus{border-color:var(--jaune);background-color:#1a160d;box-shadow:0 0 0 3px #d8bf6222}
html.sur-animation body.staff-accueil .poles-menu{background:var(--bois-2);border-color:var(--s-ligne-forte)}

/* ---- Boutons ---- */
html.sur-animation body.staff-accueil .bouton-principal,html.sur-animation body.staff-accueil .staff-main .bouton-principal{background:linear-gradient(135deg,#ecd98f,#d2b552 60%,#b89a3c)!important;color:#1b1505!important;box-shadow:none!important}
html.sur-animation body.staff-accueil .bouton-principal:hover:not(:disabled){filter:brightness(1.07)}
html.sur-animation body.staff-accueil .staff-main .bouton-texte:hover{color:var(--jaune-clair)}

/* ---- Blocs : tuiles sombres opaques, même bord et mêmes rayons partout ---- */
html.sur-animation body.staff-accueil .anim-hub .anim-cat,html.sur-animation body.staff-accueil .anim-hub .anim-post,html.sur-animation body.staff-accueil .anim-hub .anim-outils,html.sur-animation body.staff-accueil .anim-hub .anim-gestion,html.sur-animation body.staff-accueil .anim-hub .anim-creation,html.sur-animation body.staff-accueil .anim-hub .dossier-section,html.sur-animation body.staff-accueil .anim-hub details{
 background-color:#16130c!important;background-image:var(--bloc)!important;border:1px solid var(--bloc-bord)!important;border-radius:12px!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
html.sur-animation body.staff-accueil .anim-hub .anim-cat,html.sur-animation body.staff-accueil .anim-hub .anim-post{transition:border-color .15s,background-color .15s}
html.sur-animation body.staff-accueil .anim-hub .anim-cat:hover,html.sur-animation body.staff-accueil .anim-hub .anim-post:hover{background-image:linear-gradient(160deg,#201c12,#15120c)!important;border-color:#d8bf6259!important}
html.sur-animation body.staff-accueil .anim-hub .anim-cat.actif{background-image:linear-gradient(160deg,#221d10,#16130b)!important;border-color:var(--jaune)!important}
html.sur-animation body.staff-accueil .anim-hub .anim-cat{grid-template-columns:1fr;gap:5px;align-content:start;align-items:start;padding:13px 15px}
html.sur-animation body.staff-accueil .anim-hub .anim-cat strong{font:500 12.5px var(--s-police);letter-spacing:.06em;text-transform:uppercase;color:var(--s-doux)}
html.sur-animation body.staff-accueil .anim-hub .anim-cat .anim-cat-nb{font:600 26px/1.1 var(--s-police);color:var(--s-texte)}
html.sur-animation body.staff-accueil .anim-hub .anim-cat small{font-size:13px;line-height:1.4;color:var(--s-doux)}
.anim-jauge{height:5px;margin-top:4px;border-radius:999px;background:#ffffff10;overflow:hidden}
.anim-jauge span{display:block;height:100%;border-radius:999px;background:var(--jaune,#d8bf62)}
html.sur-animation body.staff-accueil .anim-hub .anim-post strong{color:var(--s-texte)}
html.sur-animation body.staff-accueil .anim-hub .anim-gestion summary{color:var(--s-texte)}

/* ---- Champs et pastilles de filtre ---- */
html.sur-animation body.staff-accueil .anim-hub input:not([type=checkbox]):not([type=radio]),html.sur-animation body.staff-accueil .anim-hub select,html.sur-animation body.staff-accueil .anim-hub textarea{
 background:var(--champ)!important;background-image:none!important;border:1px solid var(--s-ligne-forte)!important;border-radius:10px!important;color:var(--s-texte)!important}
html.sur-animation body.staff-accueil .staff-main input:focus,html.sur-animation body.staff-accueil .staff-main select:focus,html.sur-animation body.staff-accueil .staff-main textarea:focus{border-color:var(--jaune)!important;box-shadow:0 0 0 3px #d8bf6222!important;outline:none}
html.sur-animation body.staff-accueil .anim-hub input::placeholder{color:var(--s-pale)}
html.sur-animation body.staff-accueil .staff-main .filtre,html.sur-animation body.staff-accueil .anim-hub .filtre{background:var(--champ)!important;border:1px solid var(--s-ligne-forte)!important}
html.sur-animation body.staff-accueil .staff-main .filtre:hover{border-color:var(--jaune-bord)!important}
html.sur-animation body.staff-accueil .staff-main .filtre.actif,html.sur-animation body.staff-accueil .anim-hub .filtre.actif{background:var(--jaune-voile)!important;border-color:var(--jaune)!important;color:var(--jaune-clair)!important}
html.sur-animation body.staff-accueil .staff-main .filtre .nb{background:#ffffff12}

/* ---- Fenêtres (partage, nouvelle catégorie) ---- */
html.sur-animation .staff-accueil .anim-boite{background:#17140d!important;border:1px solid var(--s-ligne-forte)!important;box-shadow:0 20px 60px #000000a6}
html.sur-animation .staff-accueil .anim-pastille{border-color:#17140d}

/* ---- Éditeur : ruban, plan, scène ---- */
html.sur-animation .staff-accueil .ruban,html.sur-animation .staff-accueil .ruban-fenetre,html.sur-animation .staff-accueil .anim-plan-bascule{background:#1a170f;border-color:var(--s-ligne-forte)}
html.sur-animation .staff-accueil .ruban-liste{background:var(--bois);border-color:var(--s-ligne-forte)}
html.sur-animation .staff-accueil .anim-scene{background:#0f0d09;border-color:var(--s-ligne-forte)}
html.sur-animation .staff-accueil .ruban-bouton:hover:not(:disabled){background:#ffffff14}
html.sur-animation .staff-accueil .anim-plan-boite{border-left-color:var(--s-ligne-forte)}
html.sur-animation .staff-accueil .anim-plan-item:hover{background:#ffffff0d}

/* Suppression définitive (fondateurs) */
.staff-accueil .anim-purger{color:#e0877a}
.staff-accueil .anim-purger:hover{color:#ffb1a5!important}