/* ============================================================
   THEME FADA — refonte Zzzelp (chargé en dernier)  v4
   Retour arrière : retirer le <link> fada.css de HTMLGenerique
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

.container{overflow-x:hidden!important;max-width:none!important}
.grid.grid-pad{display:block}
body{background:#0b1120!important;background-image:radial-gradient(rgba(217,119,6,.13) 1px,transparent 1px)!important;background-size:38px 38px!important;background-attachment:fixed!important;color:#e5e7eb!important;font-family:'Inter','Open Sans',sans-serif!important}
a{color:#cbd5e1}a:hover{color:#fff}

/* ---- Cartes / blocs (re-skin générique : MF, admin, etc.) ---- */
.zone_contenu:not(.zone_invisible):not(.zone_lisible),.zone_lisible,.ancre,.tableau_ombre,.cadre_structure,textarea,.pop-up,.pop-up-content,.zone_largeur_courte:not(.zone_invisible){background:rgba(17,24,39,.80)!important;color:#e5e7eb!important;border:1px solid #1f2937!important;border-radius:14px!important;box-shadow:0 16px 32px -18px rgba(0,0,0,.75)!important}
.entete_cadre,.entete_cadre a{color:#fff!important;background:linear-gradient(90deg,#d97706,#dc2626)!important;border-radius:12px 12px 0 0!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}
.zone_lisible .entete_cadre{border:none!important;box-shadow:none!important}
.grand_entete_cadre{background:none!important;color:#f59e0b!important}
.sous_entete_cadre{color:#94a3b8!important}
.cadre_structure .ligne_cadre_structure,.tableau_discret td{border-color:#1f2937!important;background:transparent!important;color:#e5e7eb!important}
.cadre_structure .ligne_cadre_structure:hover,.tableau_discret tr:hover td{background:rgba(217,119,6,.10)!important}
.liste_authentifications{background:rgba(17,24,39,.85)!important;color:#e5e7eb!important}
.input_fige{color:#e5e7eb!important}
.bouton{background:linear-gradient(90deg,#d97706,#dc2626)!important;color:#fff!important;border:none!important;border-radius:10px!important;box-shadow:0 8px 20px -8px rgba(217,119,6,.6)!important;font-weight:700!important}
.bouton:hover{filter:brightness(1.08)}.bouton.disabled{background:#374151!important;box-shadow:none!important}
input,textarea,select{background:#0b1120!important;color:#e5e7eb!important;border:1px solid #374151!important;border-radius:8px!important}
input::placeholder,textarea::placeholder{color:#64748b!important}
.tableau_ombre tr:not([style*="background"]){background:transparent!important}.tableau_ombre th{background:rgba(2,6,23,.6)!important;color:#94a3b8!important}.tableau_ombre td{color:#e5e7eb!important}
.ancre{color:#e5e7eb!important;border:1px solid #1f2937!important;border-radius:10px!important}
.ancre:hover{background:rgba(217,119,6,.15)!important;border-color:#d97706!important}

/* zones colorees d'origine -> sombre FADA */
.zone_informations,.zone_constructions,.zone_recherches,.zone_ombree,.zone_authentification_zzzelpscript,.zone_parametres_zzzelpscript,.zone_parametres_chasses,.zone_parametres_floods,.zone_parametres_sondes,.zone_parametres_antisondes,.zone_grand_tableau>div,.zone_releves_chasses,.zone_releves_floods,.zone_validation_compte,.zone_liste_convois{background:rgba(17,24,39,.82)!important;color:#e5e7eb!important;border:1px solid #1f2937!important;border-radius:14px!important;box-shadow:0 16px 32px -18px rgba(0,0,0,.75)!important}
.zone_parametres_chasses th,.zone_parametres_floods th,.zone_parametres_sondes th,.zone_parametres_antisondes th{background:rgba(2,6,23,.55)!important;color:#cbd5e1!important}

/* infobulle "floods en cours" (.menu_variations / MF + traceur) -> sombre FADA */
.zone_multiflood .menu_variations,#donnees_traceur .menu_variations,.zone_invisible#donnees_traceur .menu_variation,.menu_variations,.menu_variation{background:#0f172a!important;border:1px solid #1f2937!important;border-radius:10px!important;box-shadow:0 18px 36px -12px rgba(0,0,0,.85)!important;color:#e5e7eb!important}
.menu_variations .ligne_variation,.menu_variations span,.menu_variation .ligne_variation,.menu_variation span{color:#e5e7eb!important}
.menu_variations a,.menu_variation a{color:#cbd5e1!important}.menu_variations a:hover,.menu_variation a:hover{color:#fff!important}
.menu_variations .flood_annule,.ligne_variation.flood_annule{opacity:.55}


/* MF : tout centrer + nombres sur une seule ligne (pas de retour ligne) */
.zone_multiflood table{table-layout:auto!important}
.zone_multiflood table td,.zone_multiflood table th,.zone_zzzelpfloods td,.zone_zzzelpfloods th{text-align:center!important;vertical-align:middle!important;white-space:nowrap!important}
.zone_multiflood .tableau_MF td,.zone_multiflood .tableau_MF th{max-width:none!important}
.zone_multiflood table td a,.zone_zzzelpfloods td a{justify-content:center!important}

/* anti fond blanc global des tableaux */
.container tr:not([style*="background"]){background:transparent!important}
.container tr:not([style*="background"]):hover{background:rgba(217,119,6,.10)!important}
.container th{background:rgba(2,6,23,.5)!important;color:#cbd5e1!important}
.container table:not(.tableau_ombre):not(.zone_zzzelpfloods){background:transparent!important}

/* ============ NAVBAR (centree, type maquette) ============ */
.menu_zzzelp{background:rgba(11,17,32,.97)!important;border-bottom:3px solid #d97706!important;box-shadow:0 12px 24px -8px rgba(0,0,0,.6)!important;position:fixed!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:58px!important;padding:0 max(20px,calc((100vw - 1280px)/2))!important;width:100vw!important;left:0!important}
.menu_zzzelp > ul{flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important}
.menu_zzzelp > ul > li{display:flex!important;align-items:center!important}
.menu_zzzelp > ul > li > span{padding:.5em 1.05em!important;border-radius:9px!important;color:#cbd5e1!important;text-shadow:none!important;font-weight:700!important;transition:.15s}
.menu_zzzelp > ul > li:hover{background:transparent!important}
.menu_zzzelp > ul > li:hover > span,.menu_zzzelp .sous_menu_zzzelp:hover > span{color:#fff!important;background:rgba(255,255,255,.07)!important}

/* deroulants compacts, ancres sous l'onglet */
.menu_zzzelp .sous_menu_zzzelp{position:relative!important}
.menu_zzzelp .detail_menu{position:absolute!important;top:100%!important;left:0!important;width:auto!important;min-width:252px!important;background:#0f172a!important;border:1px solid #1f2937!important;border-radius:0 0 14px 14px!important;box-shadow:0 24px 44px -12px rgba(0,0,0,.75)!important}
.menu_zzzelp .detail_menu[data-affiche="1"]{max-height:82vh!important;overflow-y:auto!important}
.sous_menu_zzzelp[data-categorie="compte"] .detail_menu{border-top:3px solid #47A3DA!important}
.sous_menu_zzzelp[data-categorie="outils_alliance"] .detail_menu{border-top:3px solid #42B578!important}
.sous_menu_zzzelp[data-categorie="outils_joueur"] .detail_menu{border-top:3px solid #E89C5A!important}
.sous_menu_zzzelp[data-categorie="gestion_alliance"] .detail_menu{border-top:3px solid #F34949!important}
.menu_zzzelp .contenu_detail_menu{max-width:none!important;width:auto!important;margin:0!important;padding:8px 16px 14px!important;display:flex!important;flex-direction:column!important;gap:0!important}
.menu_zzzelp .contenu_detail_menu:before,.menu_zzzelp .contenu_detail_menu:after{display:none!important}
.menu_zzzelp .contenu_detail_menu > div{width:100%!important;min-width:228px!important;float:none!important;padding:0!important}
.menu_zzzelp .detail_menu h4{font-size:10.5px!important;font-weight:800!important;padding:13px 0 6px!important;margin:0!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#f59e0b!important}
.menu_zzzelp .contenu_detail_menu > div:first-child h4{padding-top:3px!important}
.menu_zzzelp .contenu_detail_menu ul{padding:0!important}
.menu_zzzelp .contenu_detail_menu *{color:#cbd5e1!important}
.menu_zzzelp .contenu_detail_menu > div a{line-height:1.6!important;display:flex!important;align-items:center!important;gap:9px!important;font-size:13.5px!important;padding:3px 0!important;color:#cbd5e1!important}
.menu_zzzelp .contenu_detail_menu > div a:hover{color:#fff!important}
.menu_zzzelp .contenu_detail_menu > div a:before{content:""!important;width:6px;height:6px;border-radius:50%;background:#22c55e;flex:none}
.barre_outils_zzzelp{background:transparent!important}

/* logo (gauche) + utilisateur (droite) : items flex de la navbar */
.zzz-brand{display:flex!important;align-items:center;gap:11px;text-decoration:none;flex:none}
.zzz-brand .zb-ic{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#f59e0b,#dc2626);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -6px rgba(217,119,6,.7);flex:none}
.zzz-brand .zb-ic i,.zzz-brand .zb-ic svg{width:21px;height:21px;color:#fff;stroke:#fff}
.zzz-brand .zb-txt{display:flex;flex-direction:column;line-height:1.05}
.zzz-brand .zb-title{font-weight:800;font-size:17px;color:#fff}
.zzz-brand .zb-x{color:#f59e0b;font-weight:800;font-size:12px;margin-left:2px}
.zzz-brand .zb-sub{font-size:9px;letter-spacing:.18em;color:#64748b;font-weight:700;text-transform:uppercase;margin-top:2px}
.zzz-user{display:flex!important;align-items:center;gap:11px;flex:none}
.zzz-user .zu-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.zzz-user .zu-name{color:#fff;font-size:13px;font-weight:700}
.zzz-user .zu-rank{color:#f59e0b;font-size:10px;font-weight:700;letter-spacing:.03em}
.zzz-user .zu-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#dc2626);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;flex:none}
.zzz-user .zu-out{display:flex;align-items:center;color:#94a3b8;text-decoration:none}
.zzz-user .zu-out:hover{color:#fff}
.zzz-user .zu-out i,.zzz-user .zu-out svg{width:18px;height:18px}
@media(max-width:1200px){.zzz-brand .zb-txt,.zzz-user .zu-info{display:none}}
@media(max-width:760px){.menu_zzzelp{flex-wrap:wrap;padding:0 12px!important;min-height:0!important}.menu_zzzelp > ul{order:3;width:100%;flex-wrap:wrap;justify-content:flex-start!important}.menu_zzzelp .sous_menu_zzzelp{position:static!important}.menu_zzzelp .detail_menu{position:relative!important;width:100%!important;min-width:0!important}}

/* accueil : .main n'est plus un conteneur a defilement -> pleine largeur */
.main.main-news,.main.main-admin,.main.main-fada{overflow:visible!important;white-space:normal!important;width:100vw!important;max-width:100vw!important;margin:0!important;box-sizing:border-box!important;padding-left:max(20px,calc((100vw - 1280px)/2))!important;padding-right:max(20px,calc((100vw - 1280px)/2))!important}
.main-news .fada-wrap{max-width:none!important;margin:0!important;padding:24px 0 70px!important}

/* ============ TABLEAU DE BORD (accueil refondu) ============ */
.fada-wrap{padding-top:10px}
.fada-card{background:rgba(17,24,39,.78);border:1px solid #1f2937;border-top:4px solid var(--ac,#d97706);border-radius:16px;padding:20px}
.fada-card-h{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;color:#fff;margin:0 0 14px}
.fada-ic{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--ac,#d97706);flex:none}
.fada-ic i,.fada-ic svg{width:19px;height:19px}
.fada-links{display:flex;flex-direction:column;gap:9px}
.fada-links a{display:flex;align-items:center;gap:9px;font-size:14px;color:#cbd5e1!important;text-decoration:none;transition:.15s;font-weight:500}
.fada-links a:hover{color:#fff!important;transform:translateX(3px)}
.dotg{width:7px;height:7px;border-radius:50%;background:#22c55e;flex:none}
.fada-news{background:rgba(17,24,39,.78);border:1px solid #1f2937;border-radius:14px;padding:15px}
.fada-news-hot{border-left:4px solid #d97706}
.fada-news-h i,.fada-news-h svg{width:18px;height:18px;color:#f59e0b}

/* puces stats (en-tête accueil) */
.fada-chips{display:flex;gap:10px}
.fada-chip{display:flex;align-items:center;gap:10px;background:rgba(17,24,39,.80);border:1px solid #1f2937;border-radius:12px;padding:9px 15px}
.fada-chip .fc-ic{width:32px;height:32px;border-radius:9px;background:rgba(217,119,6,.15);display:flex;align-items:center;justify-content:center;color:#f59e0b;flex:none}
.fada-chip .fc-ic i,.fada-chip .fc-ic svg{width:16px;height:16px}
.fada-chip .fc-tx{display:flex;flex-direction:column;line-height:1.1}
.fada-chip .fc-n{font-weight:800;color:#fff;font-size:16px}
.fada-chip .fc-l{font-size:9px;letter-spacing:.12em;color:#94a3b8;text-transform:uppercase;font-weight:700;margin-top:1px}

/* utilitaires de secours si Tailwind n'a pas chargé (memes valeurs que Tailwind) */
.fada-wrap .grid{display:grid}
@media(min-width:1024px){.fada-wrap .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.fada-wrap .lg\:col-span-2{grid-column:span 2/span 2}}
@media(min-width:640px){.fada-wrap .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fada-wrap .gap-6{gap:24px}.fada-wrap .gap-5{gap:20px}.fada-wrap .space-y-4>*+*{margin-top:16px}

/* ============ ADMIN : onglets en ligne + tableaux lisibles ============ */
.grid_separee,.entete_grid{display:flex!important;flex-wrap:wrap!important;gap:10px!important;max-width:none!important;margin:0 0 10px!important;padding:0!important;overflow:visible!important}
.grid_separee > [class*="col-"],.entete_grid > [class*="col-"]{width:auto!important;flex:1 1 0!important;min-width:120px!important;float:none!important;padding:0!important;margin:0!important}
.tableau_ombre{background:rgba(17,24,39,.92)!important;color:#e5e7eb!important;border:1px solid #1f2937!important;border-radius:12px!important;overflow:hidden}
.tableau_ombre td{background:transparent!important;color:#e5e7eb!important;border-color:#1f2937!important}
.tableau_ombre tr:hover td{background:rgba(217,119,6,.10)!important}
.tableau_ombre a,.tableau_ombre span{color:#cbd5e1!important}.tableau_ombre a:hover{color:#fff!important}
#zone_admin .zone_contenu,#zone_admin .zone_invisible,#zone_admin .tableau_ombre{background:rgba(17,24,39,.94)!important;opacity:1!important;border:1px solid #1f2937!important}
#zone_admin .tableau_ombre tr,#zone_admin .tableau_ombre td{background:transparent!important;color:#e5e7eb!important;opacity:1!important;border-color:#1f2937!important}
#zone_admin .tableau_ombre th{background:rgba(2,6,23,.55)!important;color:#cbd5e1!important}
#zone_admin .tableau_ombre a,#zone_admin .tableau_ombre span{color:#cbd5e1!important}
.entete_menu_cache{color:#f59e0b!important;cursor:pointer;font-weight:700!important;padding:6px 0!important}
.recherche_ajax,.ligne_autocomplete{background:#0f172a!important;color:#e5e7eb!important;border-color:#1f2937!important}
.ligne_autocomplete:hover{background:rgba(217,119,6,.15)!important;color:#fff!important}

/* ---- Connexion ---- */
.main_login .logo{filter:drop-shadow(0 4px 14px rgba(217,119,6,.45))}

/* FIX-NAVBAR-OFFSET v2 : reserver la hauteur de la navbar fixed dans le flux */
.menu_zzzelp{top:0!important}
.menu{display:block!important;min-height:64px!important;background:transparent!important}
@media(max-width:760px){.menu_zzzelp{position:static!important}.menu{min-height:0!important}}


/* ============ NAVBAR (centree, type maquette) ============ */
.menu_zzzelp{background:rgba(11,17,32,.97)!important;border-bottom:3px solid #d97706!important;box-shadow:0 12px 24px -8px rgba(0,0,0,.6)!important;position:fixed!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:58px!important;padding:0 max(20px,calc((100vw - 1280px)/2))!important;width:100vw!important;left:0!important}
.menu_zzzelp > ul{flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important}
.menu_zzzelp > ul > li{display:flex!important;align-items:center!important}
.menu_zzzelp > ul > li > span{padding:.5em 1.05em!important;border-radius:9px!important;color:#cbd5e1!important;text-shadow:none!important;font-weight:700!important;transition:.15s}
.menu_zzzelp > ul > li:hover{background:transparent!important}
.menu_zzzelp > ul > li:hover > span,.menu_zzzelp .sous_menu_zzzelp:hover > span{color:#fff!important;background:rgba(255,255,255,.07)!important}

/* deroulants compacts, ancres sous l'onglet */
.menu_zzzelp .sous_menu_zzzelp{position:relative!important}
.menu_zzzelp .detail_menu{position:absolute!important;top:100%!important;left:0!important;width:auto!important;min-width:252px!important;background:#0f172a!important;border:1px solid #1f2937!important;border-radius:0 0 14px 14px!important;box-shadow:0 24px 44px -12px rgba(0,0,0,.75)!important}
.menu_zzzelp .detail_menu[data-affiche="1"]{max-height:82vh!important;overflow-y:auto!important}
.sous_menu_zzzelp[data-categorie="compte"] .detail_menu{border-top:3px solid #47A3DA!important}
.sous_menu_zzzelp[data-categorie="outils_alliance"] .detail_menu{border-top:3px solid #42B578!important}
.sous_menu_zzzelp[data-categorie="outils_joueur"] .detail_menu{border-top:3px solid #E89C5A!important}
.sous_menu_zzzelp[data-categorie="gestion_alliance"] .detail_menu{border-top:3px solid #F34949!important}
.menu_zzzelp .contenu_detail_menu{max-width:none!important;width:auto!important;margin:0!important;padding:8px 16px 14px!important;display:flex!important;flex-direction:column!important;gap:0!important}
.menu_zzzelp .contenu_detail_menu:before,.menu_zzzelp .contenu_detail_menu:after{display:none!important}
.menu_zzzelp .contenu_detail_menu > div{width:100%!important;min-width:228px!important;float:none!important;padding:0!important}
.menu_zzzelp .detail_menu h4{font-size:10.5px!important;font-weight:800!important;padding:13px 0 6px!important;margin:0!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#f59e0b!important}
.menu_zzzelp .contenu_detail_menu > div:first-child h4{padding-top:3px!important}
.menu_zzzelp .contenu_detail_menu ul{padding:0!important}
.menu_zzzelp .contenu_detail_menu *{color:#cbd5e1!important}
.menu_zzzelp .contenu_detail_menu > div a{line-height:1.6!important;display:flex!important;align-items:center!important;gap:9px!important;font-size:13.5px!important;padding:3px 0!important;color:#cbd5e1!important}
.menu_zzzelp .contenu_detail_menu > div a:hover{color:#fff!important}
.menu_zzzelp .contenu_detail_menu > div a:before{content:""!important;width:6px;height:6px;border-radius:50%;background:#22c55e;flex:none}
.barre_outils_zzzelp{background:transparent!important}

/* logo (gauche) + utilisateur (droite) : items flex de la navbar */
.zzz-brand{display:flex!important;align-items:center;gap:11px;text-decoration:none;flex:none}
.zzz-brand .zb-ic{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#f59e0b,#dc2626);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -6px rgba(217,119,6,.7);flex:none}
.zzz-brand .zb-ic i,.zzz-brand .zb-ic svg{width:21px;height:21px;color:#fff;stroke:#fff}
.zzz-brand .zb-txt{display:flex;flex-direction:column;line-height:1.05}
.zzz-brand .zb-title{font-weight:800;font-size:17px;color:#fff}
.zzz-brand .zb-x{color:#f59e0b;font-weight:800;font-size:12px;margin-left:2px}
.zzz-brand .zb-sub{font-size:9px;letter-spacing:.18em;color:#64748b;font-weight:700;text-transform:uppercase;margin-top:2px}
.zzz-user{display:flex!important;align-items:center;gap:11px;flex:none}
.zzz-user .zu-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.zzz-user .zu-name{color:#fff;font-size:13px;font-weight:700}
.zzz-user .zu-rank{color:#f59e0b;font-size:10px;font-weight:700;letter-spacing:.03em}
.zzz-user .zu-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#dc2626);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;flex:none}
.zzz-user .zu-out{display:flex;align-items:center;color:#94a3b8;text-decoration:none}
.zzz-user .zu-out:hover{color:#fff}
.zzz-user .zu-out i,.zzz-user .zu-out svg{width:18px;height:18px}
@media(max-width:1200px){.zzz-brand .zb-txt,.zzz-user .zu-info{display:none}}
@media(max-width:760px){.menu_zzzelp{flex-wrap:wrap;padding:0 12px!important;min-height:0!important}.menu_zzzelp > ul{order:3;width:100%;flex-wrap:wrap;justify-content:flex-start!important}.menu_zzzelp .sous_menu_zzzelp{position:static!important}.menu_zzzelp .detail_menu{position:relative!important;width:100%!important;min-width:0!important}}

/* accueil : .main n'est plus un conteneur a defilement -> pleine largeur */
.main.main-news,.main.main-admin,.main.main-fada{overflow:visible!important;white-space:normal!important;width:100vw!important;max-width:100vw!important;margin:0!important;box-sizing:border-box!important;padding-left:max(20px,calc((100vw - 1280px)/2))!important;padding-right:max(20px,calc((100vw - 1280px)/2))!important}
.main-news .fada-wrap{max-width:none!important;margin:0!important;padding:24px 0 70px!important}

/* ============ TABLEAU DE BORD (accueil refondu) ============ */
.fada-wrap{padding-top:10px}
.fada-card{background:rgba(17,24,39,.78);border:1px solid #1f2937;border-top:4px solid var(--ac,#d97706);border-radius:16px;padding:20px}
.fada-card-h{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;color:#fff;margin:0 0 14px}
.fada-ic{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--ac,#d97706);flex:none}
.fada-ic i,.fada-ic svg{width:19px;height:19px}
.fada-links{display:flex;flex-direction:column;gap:9px}
.fada-links a{display:flex;align-items:center;gap:9px;font-size:14px;color:#cbd5e1!important;text-decoration:none;transition:.15s;font-weight:500}
.fada-links a:hover{color:#fff!important;transform:translateX(3px)}
.dotg{width:7px;height:7px;border-radius:50%;background:#22c55e;flex:none}
.fada-news{background:rgba(17,24,39,.78);border:1px solid #1f2937;border-radius:14px;padding:15px}
.fada-news-hot{border-left:4px solid #d97706}
.fada-news-h i,.fada-news-h svg{width:18px;height:18px;color:#f59e0b}

/* puces stats (en-tête accueil) */
.fada-chips{display:flex;gap:10px}
.fada-chip{display:flex;align-items:center;gap:10px;background:rgba(17,24,39,.80);border:1px solid #1f2937;border-radius:12px;padding:9px 15px}
.fada-chip .fc-ic{width:32px;height:32px;border-radius:9px;background:rgba(217,119,6,.15);display:flex;align-items:center;justify-content:center;color:#f59e0b;flex:none}
.fada-chip .fc-ic i,.fada-chip .fc-ic svg{width:16px;height:16px}
.fada-chip .fc-tx{display:flex;flex-direction:column;line-height:1.1}
.fada-chip .fc-n{font-weight:800;color:#fff;font-size:16px}
.fada-chip .fc-l{font-size:9px;letter-spacing:.12em;color:#94a3b8;text-transform:uppercase;font-weight:700;margin-top:1px}

/* utilitaires de secours si Tailwind n'a pas chargé (memes valeurs que Tailwind) */
.fada-wrap .grid{display:grid}
@media(min-width:1024px){.fada-wrap .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.fada-wrap .lg\:col-span-2{grid-column:span 2/span 2}}
@media(min-width:640px){.fada-wrap .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fada-wrap .gap-6{gap:24px}.fada-wrap .gap-5{gap:20px}.fada-wrap .space-y-4>*+*{margin-top:16px}

/* ============ ADMIN : onglets en ligne + tableaux lisibles ============ */
.grid_separee,.entete_grid{display:flex!important;flex-wrap:wrap!important;gap:10px!important;max-width:none!important;margin:0 0 10px!important;padding:0!important;overflow:visible!important}
.grid_separee > [class*="col-"],.entete_grid > [class*="col-"]{width:auto!important;flex:1 1 0!important;min-width:120px!important;float:none!important;padding:0!important;margin:0!important}
.tableau_ombre{background:rgba(17,24,39,.92)!important;color:#e5e7eb!important;border:1px solid #1f2937!important;border-radius:12px!important;overflow:hidden}
.tableau_ombre td{background:transparent!important;color:#e5e7eb!important;border-color:#1f2937!important}
.tableau_ombre tr:hover td{background:rgba(217,119,6,.10)!important}
.tableau_ombre a,.tableau_ombre span{color:#cbd5e1!important}.tableau_ombre a:hover{color:#fff!important}
#zone_admin .zone_contenu,#zone_admin .zone_invisible,#zone_admin .tableau_ombre{background:rgba(17,24,39,.94)!important;opacity:1!important;border:1px solid #1f2937!important}
#zone_admin .tableau_ombre tr,#zone_admin .tableau_ombre td{background:transparent!important;color:#e5e7eb!important;opacity:1!important;border-color:#1f2937!important}
#zone_admin .tableau_ombre th{background:rgba(2,6,23,.55)!important;color:#cbd5e1!important}
#zone_admin .tableau_ombre a,#zone_admin .tableau_ombre span{color:#cbd5e1!important}
.entete_menu_cache{color:#f59e0b!important;cursor:pointer;font-weight:700!important;padding:6px 0!important}
.recherche_ajax,.ligne_autocomplete{background:#0f172a!important;color:#e5e7eb!important;border-color:#1f2937!important}
.ligne_autocomplete:hover{background:rgba(217,119,6,.15)!important;color:#fff!important}

/* ---- Connexion ---- */
.main_login .logo{filter:drop-shadow(0 4px 14px rgba(217,119,6,.45))}

/* FIX-NAVBAR-OFFSET v2 : reserver la hauteur de la navbar fixed dans le flux */
.menu_zzzelp{top:0!important}
.menu{display:block!important;min-height:64px!important;background:transparent!important}
@media(max-width:760px){.menu_zzzelp{position:static!important}.menu{min-height:0!important}}


/* ============================================================
   BOUTON BASCULE + MODE CLAIR FADAzzz  v5
   ============================================================ */
.zu-toggle{cursor:pointer!important;color:#cbd5e1!important;display:inline-flex!important;align-items:center!important;padding:6px!important;border-radius:8px!important;margin-right:4px!important}
.zu-toggle:hover{color:#fff!important;background:rgba(255,255,255,.08)!important}

html.theme-clair body{background:#eef2f7!important;background-image:radial-gradient(rgba(100,116,139,.16) 1px,transparent 1px)!important;color:#1e293b!important}
html.theme-clair .zone_contenu:not(.zone_invisible):not(.zone_lisible),html.theme-clair .zone_lisible,html.theme-clair .ancre,html.theme-clair .tableau_ombre,html.theme-clair .cadre_structure,html.theme-clair textarea,html.theme-clair .pop-up,html.theme-clair .pop-up-content,html.theme-clair .zone_largeur_courte:not(.zone_invisible){background:#ffffff!important;color:#1e293b!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 24px -16px rgba(15,23,42,.25)!important}
html.theme-clair .zone_informations,html.theme-clair .zone_constructions,html.theme-clair .zone_recherches,html.theme-clair .zone_ombree,html.theme-clair .zone_authentification_zzzelpscript,html.theme-clair .zone_parametres_zzzelpscript,html.theme-clair .zone_parametres_chasses,html.theme-clair .zone_parametres_floods,html.theme-clair .zone_parametres_sondes,html.theme-clair .zone_parametres_antisondes,html.theme-clair .zone_grand_tableau>div,html.theme-clair .zone_releves_chasses,html.theme-clair .zone_releves_floods,html.theme-clair .zone_validation_compte,html.theme-clair .zone_liste_convois{background:#ffffff!important;color:#1e293b!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 24px -16px rgba(15,23,42,.25)!important}
html.theme-clair input,html.theme-clair textarea,html.theme-clair select{background:#ffffff!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;border:1px solid #cbd5e1!important}
html.theme-clair input:-webkit-autofill,html.theme-clair input:-webkit-autofill:focus,html.theme-clair input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;caret-color:#0f172a!important}
html.theme-clair .tableau_ombre th,html.theme-clair .container th,html.theme-clair .zone_parametres_chasses th,html.theme-clair .zone_parametres_floods th,html.theme-clair .zone_parametres_sondes th,html.theme-clair .zone_parametres_antisondes th{background:#f1f5f9!important;color:#475569!important}
html.theme-clair .tableau_ombre td,html.theme-clair .container td{color:#1e293b!important}
html.theme-clair .container tr:not([style*="background"]):hover,html.theme-clair .cadre_structure .ligne_cadre_structure:hover,html.theme-clair .tableau_discret tr:hover td{background:rgba(217,119,6,.08)!important}
html.theme-clair .cadre_structure .ligne_cadre_structure,html.theme-clair .tableau_discret td{border-color:#e2e8f0!important;color:#1e293b!important}
html.theme-clair .menu_zzzelp{background:rgba(255,255,255,.97)!important;border-bottom:3px solid #d97706!important;box-shadow:0 8px 20px -10px rgba(15,23,42,.22)!important}
html.theme-clair .menu_zzzelp > ul > li > span{color:#334155!important}
html.theme-clair .menu_zzzelp > ul > li:hover > span,html.theme-clair .menu_zzzelp .sous_menu_zzzelp:hover > span{color:#0f172a!important;background:rgba(15,23,42,.06)!important}
html.theme-clair .menu_zzzelp .detail_menu{background:#ffffff!important;border:1px solid #e2e8f0!important;box-shadow:0 24px 44px -16px rgba(15,23,42,.22)!important}
html.theme-clair .menu_zzzelp .detail_menu h4{color:#0f172a!important}
html.theme-clair .menu_zzzelp .detail_menu a{color:#334155!important}
html.theme-clair .menu_zzzelp .detail_menu a:hover{color:#d97706!important}
html.theme-clair .zzz-user .zu-name{color:#0f172a!important}
html.theme-clair .zzz-user .zu-rank{color:#64748b!important}
html.theme-clair .zu-toggle{color:#475569!important}
html.theme-clair .zu-toggle:hover{color:#0f172a!important;background:rgba(15,23,42,.06)!important}
html.theme-clair .menu_variations,html.theme-clair .menu_variation,html.theme-clair #donnees_traceur .menu_variations{background:#ffffff!important;border:1px solid #e2e8f0!important;color:#1e293b!important}
html.theme-clair #modal .modal-content{background:#ffffff!important;color:#1e293b!important;border:1px solid #e2e8f0!important}
html.theme-clair #modal .copy{background:#f1f5f9!important;color:#1e293b!important}
html.theme-clair #modal .overlay{background:rgba(15,23,42,.45)!important}
html.theme-clair .grand_entete_cadre{color:#b45309!important}

/* mode clair : marque navbar + accueil */
html.theme-clair .zzz-brand .zb-title{color:#0f172a!important}
html.theme-clair .zzz-brand .zb-sub{color:#94a3b8!important}
html.theme-clair .fada-wrap h1{color:#0f172a!important}
html.theme-clair .fada-wrap p{color:#475569!important}
html.theme-clair .fada-news-h{color:#0f172a!important}
html.theme-clair .fada-news{background:#ffffff!important;border:1px solid #e2e8f0!important}
html.theme-clair .fada-news span{color:#0f172a!important}
html.theme-clair .fada-news div{color:#475569!important}
html.theme-clair .fada-news p{color:#475569!important}
html.theme-clair .fada-news b{color:#0f172a!important}

/* mode clair : page admin (#zone_admin, specificite ID) */
html.theme-clair #zone_admin .zone_contenu,html.theme-clair #zone_admin .zone_invisible,html.theme-clair #zone_admin .tableau_ombre{background:#ffffff!important;border:1px solid #e2e8f0!important}
html.theme-clair #zone_admin .tableau_ombre tr,html.theme-clair #zone_admin .tableau_ombre td{color:#1e293b!important;border-color:#e2e8f0!important}
html.theme-clair #zone_admin .tableau_ombre th{background:#f1f5f9!important;color:#475569!important}
html.theme-clair #zone_admin .tableau_ombre a,html.theme-clair #zone_admin .tableau_ombre span{color:#1e293b!important}
html.theme-clair .entete_menu_cache{color:#b45309!important}

/* mode clair : simulateur XP (#tableau_combat, specificite ID) */
html.theme-clair #tableau_combat td,html.theme-clair #tableau_combat .nom_long,html.theme-clair #tableau_combat .nom_court,html.theme-clair #tableau_combat span{color:#1e293b!important}
html.theme-clair #tableau_combat th{background:#f1f5f9!important;color:#334155!important}
html.theme-clair #tableau_combat th a{color:#334155!important}

/* mode clair : libelles muets generiques (toutes pages) */
html.theme-clair .ligne_cadre_structure,html.theme-clair .ligne_cadre_structure>span,html.theme-clair .nom_long,html.theme-clair .nom_court,html.theme-clair .input_fige{color:#1e293b!important}
html.theme-clair [style*="color:#9ca3af"],html.theme-clair [style*="color:#94a3b8"]{color:#475569!important}

/* mode clair : liens lisibles (pseudos, data) - sans !important pour ne pas casser boutons/menus */
html.theme-clair a{color:#2563eb}
html.theme-clair a:hover{color:#1e40af}
html.theme-clair .tableau_ombre a,html.theme-clair .tableau_general_alliance a,html.theme-clair .tableau_general_alliance_pseudo a,html.theme-clair .tableau_large_fixe a,html.theme-clair .tableau_large_scrollable a{color:#2563eb!important}

/* mode clair : page MF (multiflood) */
html.theme-clair .zone_multiflood td,html.theme-clair .zone_multiflood span,html.theme-clair .zone_lien td,html.theme-clair .zone_lien span,html.theme-clair .zone_floods td,html.theme-clair .zone_floods span{color:#1e293b!important}
html.theme-clair .zone_multiflood th,html.theme-clair .zone_floods th{background:#f1f5f9!important;color:#334155!important}
html.theme-clair .zone_multiflood a:not(.bouton),html.theme-clair .zone_floods a:not(.bouton){color:#2563eb!important}
html.theme-clair .zone_multiflood table,html.theme-clair .zone_floods table,html.theme-clair .zone_multiflood .tableau_MF,html.theme-clair .zone_multiflood .tableau_alliances_MF,html.theme-clair .zone_multiflood .tableau_options_MF{background:#ffffff!important}

/* login : onglets flexibles (fix chevauchement) */
.flat-form .tabs{height:auto!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:18px!important;width:100%!important}
.flat-form .tabs li,.flat-form .tabs1,.flat-form .tabs2,.flat-form .tabs3{float:none!important;display:block!important;margin:0!important;width:auto!important}
.flat-form .tabs li a{float:none!important;display:block!important;width:auto!important;margin:0!important;white-space:nowrap!important;padding:10px 14px!important;box-sizing:border-box!important;border-radius:8px!important}

/* gestion convois : barres de boutons centrees (v2, plus d'air) */
.barre_nav,.zone_convois > .grid.grid-pad.grid_separee{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;gap:22px!important;row-gap:16px!important;max-width:900px!important;margin:0 auto!important}
.barre_nav{margin:0 auto 26px!important}
.zone_convois > .grid.grid-pad.grid_separee{margin-bottom:14px!important}
.barre_nav > [class*="col-"],.zone_convois > .grid.grid-pad.grid_separee > [class*="col-"]{flex:0 1 auto!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important}
.barre_nav .ancre,.zone_convois > .grid.grid-pad.grid_separee .ancre{margin:0!important;min-width:215px!important;text-align:center!important}
/* FADA-MF-TEXTE-NOIR v2 : texte noir sur lignes coloriees (specificite renforcee) */
html.theme-clair .zone_multiflood tr[style*="background"] td,html.theme-clair .zone_multiflood tr[style*="background"] a:not(.bouton),html.theme-clair .zone_multiflood tr[style*="background"] span,html .zone_multiflood tr[style*="background"] td,html .zone_multiflood tr[style*="background"] a:not(.bouton),html .zone_multiflood tr[style*="background"] span{color:#111827!important}

/* FADA_DARK_FIX2 : bulle variations MF + tableau Armee (mode sombre) */
html:not(.theme-clair) .menu_variations,html:not(.theme-clair) .menu_variation{background:#0f172a!important;border:1px solid #334155!important;box-shadow:0 10px 24px -12px rgba(0,0,0,.8)!important}
html:not(.theme-clair) .ligne_variation,html:not(.theme-clair) .ligne_variation span,html:not(.theme-clair) .ligne_variation a{color:#e5e7eb!important}
html:not(.theme-clair) .ligne_variation .span_2{color:#22c55e!important;font-weight:600}
html:not(.theme-clair) .ligne_variation .span_3{color:#94a3b8!important}
html:not(.theme-clair) #ze-vue-armee table.fada-arm th{background:#111827!important;color:#94a3b8!important;border-color:#1f2937!important}
html:not(.theme-clair) #ze-vue-armee table.fada-arm td{background:#0b1120!important;color:#e5e7eb!important;border-color:#1f2937!important}
html:not(.theme-clair) #ze-vue-armee table.fada-arm tr:nth-child(even) td{background:#0f172a!important}
html:not(.theme-clair) #ze-vue-armee table.fada-arm th.px{background:#111827!important;color:#94a3b8!important}
html:not(.theme-clair) #ze-vue-armee table.fada-arm td.px{background:#111827!important;color:#93c5fd!important}
html:not(.theme-clair) #ze-vue-armee table.fada-arm tr:nth-child(even) td.px{background:#0f172a!important}
html:not(.theme-clair) #ze-vue-armee table.fada-arm tr:hover td{background:rgba(217,119,6,.20)!important}
html:not(.theme-clair) #ze-vue-armee table.fada-arm td.z{color:#475569!important}
html:not(.theme-clair) #ze-vue-armee table.fada-arm td:nth-child(17){color:#f87171!important}
html:not(.theme-clair) #ze-vue-armee table.fada-arm td:nth-child(18){color:#60a5fa!important}
html:not(.theme-clair) #ze-vue-armee table.fada-arm td:nth-child(19){color:#a78bfa!important}