/* TentoniNumérik R44.3.3 — finition visuelle ciblée sur base R44.3.2. */

/* 1. Arrière-plan : savane multicouche sans oiseau statique. */
.tn-r4433-savanna .ambient-premium-landscape{
  background:
    radial-gradient(circle at 72% 12%,rgba(255,249,206,.88) 0 3.2%,transparent 8%),
    linear-gradient(180deg,#bfe4ff 0%,#dff0ff 34%,#f4e8b8 63%,#c8d891 100%)!important;
  filter:none!important;opacity:.94!important;animation:tn4433-sky-breathe 24s ease-in-out infinite alternate!important;
}
.tn-r4433-savanna .ambient-premium-landscape::before,
.tn-r4433-savanna .ambient-premium-landscape::after{content:"";position:absolute;inset:0;pointer-events:none}
.tn-r4433-savanna .ambient-premium-landscape::before{
  background:
    radial-gradient(ellipse at 12% 73%,rgba(95,126,83,.58) 0 13%,transparent 14%),
    radial-gradient(ellipse at 28% 71%,rgba(113,145,89,.53) 0 17%,transparent 18%),
    radial-gradient(ellipse at 56% 70%,rgba(107,139,87,.50) 0 19%,transparent 20%),
    radial-gradient(ellipse at 82% 71%,rgba(90,124,80,.55) 0 16%,transparent 17%),
    linear-gradient(180deg,transparent 0 66%,rgba(140,158,84,.58) 67% 100%);
  opacity:.78;transform:translateZ(-100px) scale(1.05);animation:tn4433-hills 30s ease-in-out infinite alternate
}
.tn-r4433-savanna .ambient-premium-landscape::after{
  background:
    repeating-linear-gradient(100deg,transparent 0 22px,rgba(94,111,43,.20) 23px 25px,transparent 26px 42px),
    linear-gradient(180deg,transparent 0 76%,rgba(128,144,64,.48) 77%,rgba(103,122,55,.58) 100%);
  clip-path:polygon(0 76%,8% 74%,17% 79%,30% 73%,42% 80%,55% 72%,67% 79%,81% 73%,100% 78%,100% 100%,0 100%);
  opacity:.70;animation:tn4433-grass 18s ease-in-out infinite alternate
}
.tn-r4433-savanna-layer{position:absolute;inset:0;pointer-events:none;z-index:1;will-change:transform;transform-style:preserve-3d}
.tn-r4433-savanna-far{
  background:
    radial-gradient(ellipse at 8% 78%,rgba(43,86,45,.34) 0 2.5%,transparent 2.8%),
    radial-gradient(ellipse at 88% 75%,rgba(40,80,42,.30) 0 3.5%,transparent 3.8%);
  transform:translateZ(-180px) scale(1.16);opacity:.65;animation:tn4433-parallax-far 34s ease-in-out infinite alternate
}
.tn-r4433-savanna-mid{
  background:
    linear-gradient(78deg,transparent 0 8%,rgba(62,95,49,.28) 8.4% 8.7%,transparent 9.2% 100%),
    linear-gradient(102deg,transparent 0 91%,rgba(62,95,49,.28) 91.3% 91.6%,transparent 92.2% 100%);
  transform:translateZ(-50px) scale(1.06);opacity:.60;animation:tn4433-parallax-mid 25s ease-in-out infinite alternate
}
.tn-r4433-savanna-near{
  background:linear-gradient(180deg,transparent 0 86%,rgba(61,78,32,.18) 87% 100%);
  transform:translateZ(60px) scale(.97);animation:tn4433-parallax-near 18s ease-in-out infinite alternate
}
.tn-r4433-savanna .ambient-gradient{background:linear-gradient(180deg,rgba(235,248,255,.10),rgba(243,247,223,.06) 48%,rgba(235,244,220,.16))!important}

/* Seules les cigognes volantes restent dans le ciel. */
.tn-r4433-savanna .tn-r4432-birds,
.tn-r4433-savanna .tn-r4432-eagle,
.tn-r4433-savanna .tn-r4432-parrot{display:none!important}
.tn-r4433-savanna .tn-r4432-storks{mix-blend-mode:normal!important;filter:saturate(1.08) contrast(1.04) drop-shadow(0 8px 16px rgba(18,52,72,.20))!important;mask-image:radial-gradient(ellipse at center,#000 52%,rgba(0,0,0,.92) 68%,transparent 94%)!important;opacity:.72!important}
.tn-r4433-savanna .tn-r4432-storks-a{width:34vw!important;height:24vh!important;top:1vh!important;left:-26vw!important;animation-duration:30s!important}
.tn-r4433-savanna .tn-r4432-storks-b{width:28vw!important;height:20vh!important;top:13vh!important;left:18vw!important;opacity:.58!important;animation-duration:41s!important}

/* Faune terrestre plus visible, mais toujours derrière le contenu. */
.tn-r4433-savanna .tn-r4432-ground{z-index:3!important}
.tn-r4433-savanna .tn-r4432-ground .tn-r4432-fauna{
  mix-blend-mode:normal!important;filter:saturate(1.08) contrast(1.04) drop-shadow(0 10px 18px rgba(41,50,31,.20))!important;
  mask-image:radial-gradient(ellipse at center,#000 44%,rgba(0,0,0,.94) 65%,transparent 94%)!important;
  opacity:.34!important;animation-duration:42s!important
}
.tn-r4433-savanna .tn-r4432-gorilla-a{width:22vw!important;height:22vh!important;left:1vw!important;bottom:6vh!important;opacity:.42!important}
.tn-r4433-savanna .tn-r4432-gorilla-b{width:17vw!important;height:18vh!important;right:13vw!important;bottom:10vh!important;opacity:.27!important}
.tn-r4433-savanna .tn-r4432-elephant-a{width:25vw!important;height:24vh!important;left:15vw!important;bottom:-1vh!important;opacity:.38!important}
.tn-r4433-savanna .tn-r4432-elephant-b{width:21vw!important;height:21vh!important;right:0!important;bottom:1vh!important;opacity:.30!important}
.tn-r4433-savanna .tn-r4432-lions-a{width:21vw!important;height:19vh!important;left:43vw!important;bottom:2vh!important;opacity:.36!important}
.tn-r4433-savanna .tn-r4432-lions-b{width:17vw!important;height:16vh!important;right:27vw!important;bottom:17vh!important;opacity:.25!important}
.tn-r4433-savanna .tn-r4432-giraffe-a{width:22vw!important;height:24vh!important;left:3vw!important;bottom:2vh!important;opacity:.32!important}
.tn-r4433-savanna .tn-r4432-giraffe-b{width:19vw!important;height:22vh!important;right:2vw!important;bottom:19vh!important;opacity:.27!important}
.tn-r4433-savanna .tn-r4433-tiger-a{width:18vw!important;height:17vh!important;left:29vw!important;bottom:9vh!important;opacity:.28!important}
.tn-r4433-savanna .tn-r4433-wolf-a{width:16vw!important;height:15vh!important;right:7vw!important;bottom:30vh!important;opacity:.24!important}

/* 2. Footer : lisible, opaque, stable sur toutes les pages. */
.site-footer{height:auto!important;min-height:76px!important;background:#063a86!important;border-top:1px solid rgba(255,255,255,.18)!important;box-shadow:0 -8px 24px rgba(16,45,89,.08)!important;position:relative!important;z-index:30!important}
.site-footer .footer-inner{width:min(1440px,calc(100% - 36px))!important;min-height:76px!important;height:auto!important;margin:0 auto!important;padding:12px 14px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(220px,280px) 1fr auto!important;gap:22px!important;align-items:center!important;background:#063a86!important;overflow:visible!important}
.site-footer .footer-brand{display:flex!important;align-items:center!important;min-width:0!important;text-decoration:none!important}
.site-footer .footer-brand .brand-copy strong{color:#fff!important;font-size:18px!important;line-height:1!important;text-shadow:none!important}
.site-footer .footer-brand .brand-copy strong span{color:#64b7ff!important}
.site-footer .footer-brand .brand-copy small{color:#dceeff!important;font-size:8.5px!important;opacity:.96!important;white-space:normal!important}
.site-footer .footer-brand .brand-mark img{width:42px!important;height:42px!important}
.site-footer .footer-middle{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px 18px!important;min-width:0!important}
.site-footer .footer-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px 14px!important;font-size:12px!important;line-height:1.2!important}
.site-footer .footer-links a{color:#fff!important;text-decoration:none!important;font-weight:760!important;white-space:nowrap!important}
.site-footer .footer-copy{color:#d9eaff!important;font-size:10.5px!important;white-space:nowrap!important}
.site-footer .secure-badge{width:auto!important;min-width:156px!important;height:40px!important;padding:0 14px!important;border-radius:22px!important;background:linear-gradient(135deg,#0a9f57,#087a46)!important;font-size:10px!important;box-shadow:0 5px 14px rgba(2,90,51,.20)!important}
.site-footer .secure-badge img{width:24px!important;height:24px!important}

/* 3. Retour : dans le flux, juste sous la navigation. */
.global-back-button{display:inline-flex!important;position:relative!important;inset:auto!important;transform:none!important;margin:10px max(18px,calc((100% - 1440px)/2 + 18px)) 0!important;width:auto!important;height:38px!important;padding:0 14px!important;border-radius:20px!important;z-index:35!important;box-shadow:0 5px 14px rgba(32,75,130,.10)!important}
.global-back-button strong{font-size:11px!important}

/* 4. Tableau de bord : action d'en-tête, jamais sur la navigation. */
.top-actions #tn141-manager-launch{position:static!important;inset:auto!important;transform:none!important;margin:0!important;height:42px!important;max-width:150px!important;padding:0 14px!important;border-radius:22px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:none!important}

/* 5. Mode Édition : poignée compacte quand repliée, panneau volontaire lorsqu'ouvert. */
.tn-edit-toolbar{right:14px!important;left:auto!important;top:190px!important;bottom:auto!important;transform:none!important;z-index:2147482000!important;transition:width .18s ease,box-shadow .18s ease!important}
.tn-edit-toolbar.collapsed{width:54px!important;max-width:54px!important;padding:6px!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(17,55,104,.18)!important}
.tn-edit-toolbar.collapsed .tn-toolbar-head{display:grid!important;grid-template-columns:1fr!important;place-items:center!important;gap:0!important}
.tn-edit-toolbar.collapsed .tn-toolbar-grip,.tn-edit-toolbar.collapsed .tn-mode-toggle{display:none!important}
.tn-edit-toolbar.collapsed .tn-toolbar-collapse{width:42px!important;height:42px!important;padding:0!important;border-radius:14px!important;font-size:0!important;display:grid!important;place-items:center!important}
.tn-edit-toolbar.collapsed .tn-toolbar-collapse::before{content:"✎";font-size:22px!important;line-height:1;color:#0b57d0;font-weight:800}
.tn-edit-toolbar:not(.collapsed){width:268px!important;max-width:min(268px,calc(100vw - 28px))!important;padding:10px!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(17,55,104,.22)!important}

/* 6. Connexion : carte équilibrée verticalement, sans contenu fictif. */
.auth-page{min-height:clamp(430px,calc(100dvh - 270px),650px)!important;display:flex!important;align-items:center!important;width:min(1180px,calc(100% - 36px))!important;max-width:1180px!important;margin-inline:auto!important;padding-block:24px!important;box-sizing:border-box!important}
.auth-page .auth-card{width:100%!important;margin:0!important}

/* 7. Conserver une lecture nette au-dessus de la scène. */
.site-shell{position:relative!important;z-index:10!important;background:rgba(242,249,255,.72)!important}
.site-shell.home-mode{background:rgba(239,248,255,.70)!important}

@keyframes tn4433-sky-breathe{from{filter:saturate(.98) brightness(1)}to{filter:saturate(1.04) brightness(1.03)}}
@keyframes tn4433-hills{from{transform:translate3d(-1%,0,-100px) scale(1.05)}to{transform:translate3d(1%,1%,-100px) scale(1.07)}}
@keyframes tn4433-grass{from{transform:translate3d(-.5%,0,0)}to{transform:translate3d(.8%,-.3%,0)}}
@keyframes tn4433-parallax-far{from{transform:translate3d(-1%,0,-180px) scale(1.16)}to{transform:translate3d(1.5%,.5%,-180px) scale(1.18)}}
@keyframes tn4433-parallax-mid{from{transform:translate3d(-.8%,0,-50px) scale(1.06)}to{transform:translate3d(1%,.4%,-50px) scale(1.08)}}
@keyframes tn4433-parallax-near{from{transform:translate3d(-.4%,0,60px) scale(.97)}to{transform:translate3d(.6%,.2%,60px) scale(.985)}}

@media(max-width:1050px){
  .site-footer .footer-inner{grid-template-columns:210px 1fr auto!important;gap:14px!important}
  .site-footer .footer-links{gap:7px 10px!important;font-size:11px!important}
  .tn-r4433-savanna .tn-r4432-ground .tn-r4432-fauna{opacity:.28!important}
  .tn-edit-toolbar{top:auto!important;bottom:14px!important}
}
@media(max-width:720px){
  .site-footer .footer-inner{grid-template-columns:1fr!important;text-align:center!important;gap:8px!important;padding:12px!important}
  .site-footer .footer-brand{justify-content:center!important}
  .site-footer .footer-middle{justify-content:center!important}
  .site-footer .footer-links{gap:7px 10px!important}
  .site-footer .footer-copy{white-space:normal!important}
  .site-footer .secure-badge{justify-self:center!important}
  .global-back-button{margin-left:12px!important;margin-right:12px!important}
  .auth-page{min-height:auto!important;width:calc(100% - 20px)!important;padding-block:14px!important}
  .tn-r4433-savanna .tn-r4432-storks-b{display:none!important}
  .tn-r4433-savanna .tn-r4432-ground .tn-r4432-fauna{opacity:.22!important}
  .tn-r4433-savanna .tn-r4432-gorilla-a{opacity:.32!important;width:34vw!important}
}
@media(prefers-reduced-motion:reduce){
  .tn-r4433-savanna-layer,.tn-r4433-savanna .ambient-premium-landscape,.tn-r4433-savanna .tn-r4432-fauna{animation:none!important}
}