/* Inspiré directement de ton bloc Odoo: --accent: 255 196 76 + shine (atswitch__shine) */
/* Version Safari-safe: rgba(r,g,b,a) (évite les syntaxes rgb()/rgba() avec slash) */

:root{
  --accent-r: 255;
  --accent-g: 196;
  --accent-b: 76;

  --bg-r: 10;  --bg-g: 16;  --bg-b: 28;
  --panel-r: 16; --panel-g: 25; --panel-b: 42;

  --text-r: 226; --text-g: 232; --text-b: 240;
  --muted-r: 148; --muted-g: 163; --muted-b: 184;
}

/* Theme: Bloomberg - "old money" Wall Street: vert foret profond + or antique */
[data-theme="bloomberg"]{
  --accent-r: 191; --accent-g: 155; --accent-b: 74;
  --bg-r: 8;   --bg-g: 15;   --bg-b: 12;
  --panel-r: 17; --panel-g: 28; --panel-b: 22;
  --text-r: 230; --text-g: 224; --text-b: 208;
  --muted-r: 150; --muted-g: 145; --muted-b: 125;
}

/* Theme: Cosmos - la couleur d'accent s'adapte au fond choisi (violet par defaut) */
[data-theme="cosmos"]{
  --accent-r: var(--cosmos-accent-r, 168);
  --accent-g: var(--cosmos-accent-g, 123);
  --accent-b: var(--cosmos-accent-b, 250);
  --bg-r: 10;  --bg-g: 8;   --bg-b: 28;
  --panel-r: 26; --panel-g: 20; --panel-b: 50;
  --text-r: 230; --text-g: 228; --text-b: 245;
  --muted-r: 150; --muted-g: 142; --muted-b: 185;
}

/* Fond subtil animé (comme ton conteneur Odoo ::before) */
.alpha-bg{
  min-height: 100vh;
  background:
    radial-gradient(800px 260px at 20% 0%, rgba(110,231,255,.10), transparent 60%),
    radial-gradient(800px 260px at 80% 0%, rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14), transparent 60%),
    linear-gradient(180deg,
      rgba(var(--panel-r),var(--panel-g),var(--panel-b),.72),
      rgba(var(--bg-r),var(--bg-g),var(--bg-b),.78)
    );
  position: relative;
  overflow-x: hidden;
}

.alpha-bg::before{
  content:"";
  position:absolute; inset:-2px;
  background: linear-gradient(90deg,
    rgba(110,231,255,.10),
    rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14),
    rgba(110,231,255,.10)
  );
  filter: blur(18px);
  opacity:.55;
  transform: translateX(-20%);
  animation: atsweep 6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes atsweep{
  0%{ transform: translateX(-20%); }
  50%{ transform: translateX(20%); }
  100%{ transform: translateX(-20%); }
}

/* Navbar glass */
.alpha-nav{
  background: rgba(0,0,0,.22);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.10);
}

/* Titre dégradé doré */
.alpha-title{
  background: linear-gradient(90deg,
    rgba(var(--accent-r),var(--accent-g),var(--accent-b),.95),
    rgba(255,255,255,.92),
    rgba(var(--accent-r),var(--accent-g),var(--accent-b),.75)
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Logo */
.alpha-logo{
  height: 36px;
  width: 36px;
  border-radius: 12px;
  border: 1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.35);
  box-shadow: 0 12px 28px rgba(0,0,0,.45);
  object-fit: cover;
}

/* Panel style Odoo (le gros bloc) */
.alpha-panel{
  color: rgba(var(--text-r),var(--text-g),var(--text-b),1);
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(800px 220px at 20% 0%, rgba(110,231,255,.08), transparent 60%),
    radial-gradient(800px 220px at 80% 0%, rgba(var(--accent-r),var(--accent-g),var(--accent-b),.10), transparent 60%),
    linear-gradient(180deg,
      rgba(var(--panel-r),var(--panel-g),var(--panel-b),.72),
      rgba(var(--bg-r),var(--bg-g),var(--bg-b),.55)
    );
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  position: relative;
  overflow: hidden;
}

.alpha-panel::before{
  content:"";
  position:absolute; inset:-2px;
  background: linear-gradient(90deg,
    rgba(110,231,255,.08),
    rgba(var(--accent-r),var(--accent-g),var(--accent-b),.10),
    rgba(110,231,255,.08)
  );
  filter: blur(18px);
  opacity:.35;
  pointer-events:none;
}

/* Inputs lisibles dans panel */
.alpha-panel input,
.alpha-panel textarea,
.alpha-panel select{
  width: 100%;
  color: rgba(var(--text-r),var(--text-g),var(--text-b),.92);
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: .65rem .8rem;
  outline: none;
}
.alpha-panel input:focus,
.alpha-panel textarea:focus,
.alpha-panel select:focus{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55);
  box-shadow: 0 0 0 3px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.18);
}

/* ========= LE PLUS IMPORTANT: BOUTON DORÉ QUI BRILLE (Odoo-like) ========= */
/* Base = comme .atswitch__card.is-selected + shine, mais en "always-on". */
.alpha-btn{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: .65rem 1rem;
  border-radius: 16px;
  cursor: pointer;
  user-select: none;
  font-weight: 900;
  letter-spacing: .02em;

  color: rgba(var(--text-r),var(--text-g),var(--text-b),1);
  background: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.06);
  border: 1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.65);

  box-shadow:
    0 16px 34px rgba(0,0,0,.38),
    0 0 0 1px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.25) inset;

  transform: translateY(0) scale(1);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  overflow: hidden;
}

.alpha-btn:hover{
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 18px 42px rgba(0,0,0,.45);
}

/* Shine overlay (copie de .atswitch__shine) */
.alpha-btn::after{
  content:"";
  position:absolute;
  inset:-40% -60%;
  background: linear-gradient(120deg,
    transparent 30%,
    rgba(var(--accent-r),var(--accent-g),var(--accent-b),.22) 45%,
    transparent 60%
  );
  transform: translateX(-35%) rotate(8deg);
  opacity: 0;
  pointer-events:none;
  transition: opacity .25s ease;
}

/* Shine seulement au survol (plus infini) */
.alpha-btn:hover::after{
  opacity: .70;
  animation: alpha-btn-shine 1.1s ease-in-out;
}

@keyframes alpha-btn-shine{
  0%{ transform: translateX(-35%) rotate(8deg); }
  100%{ transform: translateX(35%) rotate(8deg); }
}

/* Petits textes “muted” (tailwind classes existantes) */
.text-gray-600{ color: rgba(var(--muted-r),var(--muted-g),var(--muted-b),1) !important; }
.text-gray-700{ color: rgba(var(--muted-r),var(--muted-g),var(--muted-b),1) !important; }

/* Variante small pour la navbar */
.alpha-btn-sm{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .35rem .65rem;
  border-radius: 12px;
  font-weight: 800;
  font-size: 0.875rem;

  color: rgba(var(--text-r),var(--text-g),var(--text-b),1);
  background: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.05);
  border: 1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.45);

  box-shadow: 0 10px 26px rgba(0,0,0,.28);
  overflow: hidden;
}

.alpha-btn-sm::after{
  content:"";
  position:absolute;
  inset:-60% -80%;
  background: linear-gradient(120deg,
    transparent 35%,
    rgba(var(--accent-r),var(--accent-g),var(--accent-b),.18) 50%,
    transparent 65%
  );
  transform: translateX(-35%) rotate(10deg);
  opacity: 0;
  pointer-events:none;
  transition: opacity .25s ease;
}

.alpha-btn-sm:hover::after{
  opacity: .6;
  animation: alpha-btn-shine 1.3s ease-in-out;
}

.alpha-btn-sm:hover{
  transform: translateY(-1px);
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.70);
}

/* Mini bouton actif (pour la sous-chaîne sélectionnée) */
.alpha-btn-sm.is-active{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.85);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}

/* Bouton icône (engrenage) */
.alpha-icon-btn{
  width: 42px;
  height: 34px;
  padding: 0;
}
.alpha-icon{
  width: 18px;
  height: 18px;
}

/* File input plus beau */
.alpha-panel input[type="file"]{
  padding: .45rem .55rem;
}
.alpha-panel input[type="file"]::file-selector-button{
  margin-right: .75rem;
  border-radius: 12px;
  border: 1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55);
  background: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.08);
  color: rgba(var(--text-r),var(--text-g),var(--text-b),1);
  font-weight: 800;
  padding: .35rem .6rem;
  cursor: pointer;
}

/* Navbar sticky */
.alpha-nav{
  position: sticky;
  top: 0;
  z-index: 60;
}

/* Barre sous-chaînes + actions sticky (reste fixe) */
.alpha-subnav{
  position: sticky;
  top: 64px; /* hauteur navbar approx */
  z-index: 55;
}

/* Avatar bouton (remplace "Mon profil") */
.alpha-avatar-btn{
  width: 42px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.45);
  background: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.05);
  box-shadow: 0 10px 26px rgba(0,0,0,.28);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.alpha-avatar-btn::after{
  content:"";
  position:absolute;
  inset:-60% -80%;
  background: linear-gradient(120deg,
    transparent 35%,
    rgba(var(--accent-r),var(--accent-g),var(--accent-b),.18) 50%,
    transparent 65%
  );
  transform: translateX(-35%) rotate(10deg);
  opacity: 0;
  pointer-events:none;
  transition: opacity .25s ease;
}

.alpha-avatar-btn:hover::after{
  opacity: .55;
  animation: alpha-btn-shine 1.3s ease-in-out;
}

.alpha-avatar-btn img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.alpha-avatar-fallback{
  font-weight: 900;
  color: rgba(var(--text-r),var(--text-g),var(--text-b),1);
}

/* Post ciblé (quand on arrive via highlight=ID) */
.alpha-post-highlight{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.85) !important;
  box-shadow:
    0 0 0 1px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.25) inset,
    0 25px 70px rgba(0,0,0,.55),
    0 0 32px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.18);
  animation: alpha-highlight-pulse 1.2s ease-in-out 2;
}
@keyframes alpha-highlight-pulse{
  0%{ transform: translateY(0); }
  50%{ transform: translateY(-2px); }
  100%{ transform: translateY(0); }
}

/* Dropdown (details/summary) */
.alpha-details{ position: relative; }
.alpha-details > summary{ list-style: none; }
.alpha-details > summary::-webkit-details-marker{ display: none; }

.alpha-dropdown{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: min(420px, 92vw);
  max-height: 360px;
  overflow-y: auto;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,12,20,.70);
  backdrop-filter: blur(14px);
  box-shadow: 0 25px 70px rgba(0,0,0,.55);
  z-index: 100;
}

.alpha-dropdown-item{
  display: block;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.alpha-dropdown-item:hover{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55);
}

.alpha-notif-unread{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.65) !important;
}

.alpha-badge{
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
  color: rgb(15 23 42);
  border: 1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.75);
  background: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.95);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
}

/* Champ recherche dans dropdown */
.alpha-search-input{
  width: 100%;
  color: rgba(var(--text-r),var(--text-g),var(--text-b),.92);
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: .6rem .75rem;
  outline: none;
}
.alpha-search-input:focus{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55);
  box-shadow: 0 0 0 3px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.18);
}


/* Petit point rouge sur la cloche (robuste Safari + pas coupé par overflow) */
.alpha-icon-btn{ position: relative; overflow: visible !important; }

.alpha-dot{
  position: absolute;
  top: -6px;
  right: -6px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #ff3b30;
  border: 2px solid rgba(10,12,20,.7);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
  z-index: 10;
  pointer-events: none;
}

/* Dot notif (robuste, pas coupé par les effets de bord / overflow) */
.alpha-icon-btn{ position: relative; overflow: visible !important; }
.alpha-dot{
  position:absolute;
  top:-6px;
  right:-6px;
  width:10px;
  height:10px;
  border-radius:999px;
  background:#ff3b30;
  border:2px solid rgba(10,12,20,.7);
  box-shadow:0 10px 26px rgba(0,0,0,.35);
  z-index:9999;
  pointer-events:none;
}

/* Notif dot: pas coupé par l'effet doré */
.alpha-icon-btn{ position: relative; overflow: visible !important; }
.alpha-dot{ z-index: 9999; }

/* ---------------------------------------------------------
   FIX doré + notif dot (ne casse pas le shine)
   --------------------------------------------------------- */
.alpha-icon-btn{ overflow: hidden !important; }

/* Wrapper pour la cloche: overflow visible sans toucher au bouton */
.alpha-notif-wrap{
  position: relative;
  display: inline-flex;
  overflow: visible;
}

.alpha-notif-wrap .alpha-dot{
  position: absolute;
  top: -6px;
  right: -6px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #ff3b30;
  border: 2px solid rgba(10,12,20,.7);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
  z-index: 9999;
  pointer-events: none;

  /* IMPORTANT: pas de display toggle => pas de reflow => doré fluide */
  opacity: 0;
  transform: scale(.8);
  transition: opacity .22s ease, transform .22s ease;
}
.alpha-notif-wrap .alpha-dot.is-on{
  opacity: 1;
  transform: scale(1);
}

/* ---------------------------------------------------------
   Menu "..." des posts
   --------------------------------------------------------- */
.js-post-card{
  position: relative;
  overflow: visible;
}

.alpha-menu{
  position: absolute;
  top: 58px;
  right: 16px;
  min-width: 190px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(15,18,28,.92);
  border: 1px solid rgba(255,196,76,.35);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  backdrop-filter: blur(14px);
  z-index: 99999;
  display: none;
}
.alpha-menu.is-open{ display:block; }

.alpha-menu-item{
  display: block;
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  color: #e8eefc;
  text-decoration: none;
  font-weight: 700;
  text-align: left;
}
.alpha-menu-item:hover{ background: rgba(255,255,255,.06); }
.alpha-menu-item.danger{ color:#ffb4b4; }
.alpha-menu-item.muted{ color: rgba(232,238,252,.55); }


/* SIGMA_PATCH_UI_V1 */

/* --- NOTIF DOT (sans reflow => doré fluide) --- */
.alpha-notif-wrap{ position: relative; display: inline-flex; overflow: visible; }
.alpha-notif-wrap .alpha-dot{
  position:absolute; top:-6px; right:-6px;
  width:10px; height:10px; border-radius:999px;
  background:#ff3b30;
  border:2px solid rgba(10,12,20,.7);
  box-shadow:0 10px 26px rgba(0,0,0,.35);
  z-index:99999; pointer-events:none;
  opacity:0; transform:scale(.8);
  transition: opacity .22s ease, transform .22s ease;
}
.alpha-notif-wrap .alpha-dot.is-on{ opacity:1; transform:scale(1); }

/* IMPORTANT: on garde l'or comme avant (boutons restent overflow hidden) */
.alpha-icon-btn{ overflow:hidden !important; }

/* --- MENU "..." POSTS --- */
.alpha-menu{
  position:absolute;
  top:58px; right:16px;
  min-width:190px; padding:10px;
  border-radius:16px;
  background: rgba(15,18,28,.92);
  border:1px solid rgba(255,196,76,.35);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  backdrop-filter: blur(14px);
  z-index: 999999;
  display:none;
}
.alpha-menu.is-open{ display:block; }
.alpha-menu-item{
  display:block; width:100%;
  padding:10px 12px;
  border-radius:12px;
  color:#e8eefc;
  text-decoration:none;
  font-weight:800;
  text-align:left;
}
.alpha-menu-item:hover{ background: rgba(255,255,255,.06); }
.alpha-menu-item.danger{ color:#ffb4b4; }
.alpha-menu-item.muted{ color: rgba(232,238,252,.55); }

/* SIGMA_UI_FLOATMENU_V1 */

/* Boutons dorés: on garde l'overflow hidden => shine fluide */
.alpha-icon-btn{ overflow:hidden !important; }

/* Wrapper notif (dot hors du bouton => pas clip) */
.alpha-notif-wrap{ position:relative; display:inline-flex; overflow:visible; }
.alpha-notif-wrap .alpha-dot{
  position:absolute; top:-6px; right:-6px;
  width:10px; height:10px; border-radius:999px;
  background:#ff3b30;
  border:2px solid rgba(10,12,20,.7);
  box-shadow:0 10px 26px rgba(0,0,0,.35);
  z-index:999999; pointer-events:none;
  opacity:0; transform:scale(.8);
  transition: opacity .22s ease, transform .22s ease;
}
.alpha-notif-wrap .alpha-dot.is-on{ opacity:1; transform:scale(1); }

/* Menu flottant (jamais coupé par overflow) */
.sigma-float-menu{
  position: fixed;
  min-width: 210px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(15,18,28,.94);
  border: 1px solid rgba(255,196,76,.35);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  backdrop-filter: blur(14px);
  z-index: 9999999;
  display:none;
}
.sigma-float-menu.is-open{ display:block; }
.sigma-float-menu .item{
  display:block; width:100%;
  padding:10px 12px;
  border-radius:12px;
  color:#e8eefc;
  text-decoration:none;
  font-weight:800;
  text-align:left;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.sigma-float-menu .item:hover{ background: rgba(255,255,255,.06); }
.sigma-float-menu .danger{ color:#ffb4b4; }
.sigma-float-menu .muted{ color: rgba(232,238,252,.55); cursor: default; }

/* SIGMA_FLOATMENU_CSS_V2 */
.alpha-notif-wrap{ position:relative; display:inline-flex; overflow:visible; }
.alpha-notif-wrap .alpha-dot{
  position:absolute; top:-6px; right:-6px;
  width:10px; height:10px; border-radius:999px;
  background:#ff3b30;
  border:2px solid rgba(10,12,20,.7);
  box-shadow:0 10px 26px rgba(0,0,0,.35);
  z-index:999999; pointer-events:none;
  opacity:0; transform:scale(.8);
  transition: opacity .22s ease, transform .22s ease;
}
.alpha-notif-wrap .alpha-dot.is-on{ opacity:1; transform:scale(1); }

.sigma-float-menu{
  position: fixed;
  min-width: 210px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(15,18,28,.94);
  border: 1px solid rgba(255,196,76,.35);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  backdrop-filter: blur(14px);
  z-index: 9999999;
  display:none;
}
.sigma-float-menu.is-open{ display:block; }
.sigma-float-menu .item{
  display:block; width:100%;
  padding:10px 12px;
  border-radius:12px;
  color:#e8eefc;
  text-decoration:none;
  font-weight:800;
  text-align:left;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.sigma-float-menu .item:hover{ background: rgba(255,255,255,.06); }
.sigma-float-menu .danger{ color:#ffb4b4; }


/* Erreurs de formulaire (signup, etc.) */
.alpha-field-error{
  color: #ffb4b4;
  font-size: 13px;
  margin-top: 6px;
}
.alpha-form-error{
  color: #ffb4b4;
  font-size: 13px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,180,180,.35);
  background: rgba(255,100,100,.08);
}


/* ============ Personnalisation structurelle des themes (pas juste les couleurs) ============ */

/* --- BLOOMBERG: "old money" Wall Street - serif, or antique, sobre et cossu --- */
[data-theme="bloomberg"] body,
[data-theme="bloomberg"] input,
[data-theme="bloomberg"] textarea,
[data-theme="bloomberg"] select,
[data-theme="bloomberg"] button,
[data-theme="bloomberg"] .alpha-tab,
[data-theme="bloomberg"] .alpha-link-btn{
  font-family: Georgia, "Times New Roman", "EB Garamond", serif;
}
[data-theme="bloomberg"] h1,
[data-theme="bloomberg"] .alpha-title{
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}
[data-theme="bloomberg"] .alpha-panel{
  border-radius: 10px;
  border: 1px solid rgba(191,155,74,.35);
  box-shadow: 0 12px 34px rgba(0,0,0,.45);
}
[data-theme="bloomberg"] .alpha-panel::before{
  opacity: .18;
}
[data-theme="bloomberg"] .alpha-btn,
[data-theme="bloomberg"] .alpha-btn-sm,
[data-theme="bloomberg"] .alpha-avatar-btn,
[data-theme="bloomberg"] .alpha-icon-btn{
  border-radius: 8px;
}
[data-theme="bloomberg"] .alpha-btn{
  letter-spacing: .03em;
}
[data-theme="bloomberg"] .alpha-title{
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: rgb(191,155,74);
  letter-spacing: .02em;
}
[data-theme="bloomberg"] .alpha-logo{
  border-radius: 6px;
  border-color: rgba(191,155,74,.55);
}
[data-theme="bloomberg"] .alpha-nav{
  border-bottom: 1px solid rgba(191,155,74,.25);
}

/* --- COSMOS: photo plein ecran fixe (ne bouge pas au scroll) + voile teinte --- */
[data-theme="cosmos"].alpha-bg{
  background-image:
    linear-gradient(
      rgba(var(--cosmos-tint-r,10),var(--cosmos-tint-g,8),var(--cosmos-tint-b,28),.82),
      rgba(var(--cosmos-tint-r,10),var(--cosmos-tint-g,8),var(--cosmos-tint-b,28),.90)
    ),
    var(--cosmos-bg-image, url('../img/cosmos-planete.jpg'));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
[data-theme="cosmos"] .alpha-panel{
  border-radius: 22px;
  box-shadow: 0 10px 40px rgba(var(--cosmos-accent-r,168),var(--cosmos-accent-g,123),var(--cosmos-accent-b,250),.30);
  backdrop-filter: blur(10px);
  background:
    linear-gradient(180deg,
      rgba(var(--cosmos-tint-r,26),var(--cosmos-tint-g,20),var(--cosmos-tint-b,50),.85),
      rgba(var(--cosmos-tint-r,10),var(--cosmos-tint-g,8),var(--cosmos-tint-b,28),.80)
    );
}
[data-theme="cosmos"] .alpha-title{
  background: linear-gradient(90deg,
    rgba(168,123,250,.95),
    rgba(255,255,255,.92),
    rgba(110,180,255,.85)
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}


/* ============ REFONTE NAV: onglets sobres + boutons pleins pour les vraies actions ============ */

.alpha-tab{
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: .5rem .5rem;
  color: rgba(var(--text-r),var(--text-g),var(--text-b),.70);
  font-weight: 700;
  font-size: .9rem;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .15s ease, border-color .15s ease;
}
.alpha-tab:hover{
  color: rgba(var(--text-r),var(--text-g),var(--text-b),1);
}
.alpha-tab.is-active{
  color: rgb(var(--accent-r),var(--accent-g),var(--accent-b));
  border-bottom-color: rgb(var(--accent-r),var(--accent-g),var(--accent-b));
}

.alpha-icon-flat{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: none;
  background: transparent;
  color: rgba(var(--text-r),var(--text-g),var(--text-b),.85);
  transition: background .15s ease;
  position: relative;
}
.alpha-icon-flat:hover{
  background: rgba(255,255,255,.08);
}

.alpha-link-btn{
  display: inline-flex;
  align-items: center;
  padding: .5rem .75rem;
  color: rgba(var(--text-r),var(--text-g),var(--text-b),.85);
  font-weight: 700;
  font-size: .9rem;
  background: transparent;
  border: none;
  text-decoration: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background .15s ease;
}
.alpha-link-btn:hover{
  background: rgba(255,255,255,.08);
}

.alpha-btn{
  color: rgb(15,23,42) !important;
  background: rgb(var(--accent-r),var(--accent-g),var(--accent-b)) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}
.alpha-btn:hover{
  transform: translateY(-1px) scale(1) !important;
  filter: brightness(1.06);
  box-shadow: 0 10px 26px rgba(0,0,0,.32) !important;
}
.alpha-btn::after{
  content: none !important;
}

.alpha-avatar-btn::after{
  content: none !important;
}
.alpha-avatar-btn{
  box-shadow: none;
}


/* --- COSMOS v2: une vraie planete + nebuleuse, dessinees en CSS --- */
[data-theme="cosmos"] .alpha-nav{
  background-image: none;
}
[data-theme="cosmos"] .alpha-panel{
  border: 1px solid rgba(var(--cosmos-accent-r,168),var(--cosmos-accent-g,123),var(--cosmos-accent-b,250),.28);
}

/* Le voile anime (::before) est desactive sur Cosmos: une vraie photo est deja en fond */
[data-theme="cosmos"].alpha-bg::before{
  display: none;
}