/* =========================================================
   NUI PREMIUM ICONS V1.1
   Plus fin / plus petit / halo réduit
   ========================================================= */

:root{
  --nui-neon:#39e8f5;
  --nui-cyan:#12cbdc;
  --nui-blue:#1488e8;
  --nui-violet:#6553e9;
  --nui-dark:#062134;
}

/* ===== CONTRÔLES MESSAGERIE ===== */

button.nui-premium-btn{
  -webkit-tap-highlight-color:transparent !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  min-height:46px !important;

  padding:0 !important;
  border-radius:14px !important;

  border:1px solid rgba(47,205,230,.58) !important;

  color:#68dfea !important;

  background:
    linear-gradient(
      145deg,
      rgba(8,48,70,.96),
      rgba(4,27,43,.98)
    ) !important;

  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.12),
    0 3px 8px rgba(0,0,0,.20),
    0 0 6px rgba(0,183,225,.14) !important;

  transition:transform .12s ease !important;
}

button.nui-premium-btn:active{
  transform:scale(.94) !important;
}

.nui-premium-svg{
  width:23px !important;
  height:23px !important;

  display:block !important;

  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;

  filter:
    drop-shadow(0 0 2px rgba(50,220,240,.28)) !important;
}

/* Composer encore plus compact */

#chatComposer button.nui-premium-btn,
#chatBox .composer button.nui-premium-btn,
.chat-composer button.nui-premium-btn{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  border-radius:13px !important;
}

#chatComposer .nui-premium-svg,
#chatBox .composer .nui-premium-svg,
.chat-composer .nui-premium-svg{
  width:22px !important;
  height:22px !important;
}

/* ===== APPEL ===== */

button.nui-premium-call{
  color:#e8ffff !important;

  background:
    linear-gradient(
      145deg,
      #18cbd2,
      #0da9d2
    ) !important;

  border-color:rgba(92,235,240,.72) !important;

  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.18),
    0 3px 8px rgba(0,0,0,.18),
    0 0 7px rgba(0,202,220,.18) !important;
}

/* ===== VIDÉO ===== */

button.nui-premium-video{
  color:#f3f2ff !important;

  background:
    linear-gradient(
      145deg,
      #188ecf,
      #6050df
    ) !important;

  border-color:rgba(137,122,235,.72) !important;

  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.16),
    0 3px 8px rgba(0,0,0,.18),
    0 0 7px rgba(91,72,220,.17) !important;
}

/* ===== ENVOYER ===== */

button.nui-premium-send{
  color:#eaffff !important;

  background:
    linear-gradient(
      145deg,
      #16c8d1,
      #148bdc
    ) !important;

  border-color:rgba(73,220,235,.68) !important;

  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.17),
    0 3px 8px rgba(0,0,0,.18),
    0 0 6px rgba(0,190,220,.15) !important;
}

/* ===== MICRO ACTIF ===== */

button.nui-premium-mic.is-recording{
  color:white !important;
  background:#a72b3e !important;
  border-color:#e76272 !important;
  box-shadow:0 0 6px rgba(220,40,65,.22) !important;
}


/* =========================================================
   NAVIGATION BASSE
   ========================================================= */

.navbtn.nui-premium-nav{
  color:#748c98 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.navbtn.nui-premium-nav .navicon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:#71909c !important;

  filter:none !important;
}

.navbtn.nui-premium-nav .navicon .nui-premium-svg{
  width:23px !important;
  height:23px !important;

  filter:
    drop-shadow(0 0 1px rgba(40,210,225,.18)) !important;
}

.navbtn.nui-premium-nav.active{
  color:#18cbd9 !important;
}

.navbtn.nui-premium-nav.active .navicon{
  color:#19cedd !important;
}

.navbtn.nui-premium-nav.active .navicon .nui-premium-svg{
  filter:
    drop-shadow(0 0 3px rgba(25,206,221,.28)) !important;
}

.navbtn.nui-premium-nav.active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:2px;

  width:22px;
  height:2px;

  transform:translateX(-50%);

  border-radius:4px;
  background:#20cbd9;

  box-shadow:none !important;
}


/* ===== + CENTRAL ===== */

button.nui-premium-center-plus{
  width:50px !important;
  min-width:50px !important;
  height:50px !important;
  min-height:50px !important;

  border-radius:50% !important;

  color:#8eeaf1 !important;

  border:1px solid rgba(45,205,225,.52) !important;

  background:
    linear-gradient(
      145deg,
      #08283a,
      #051a28
    ) !important;

  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.10),
    0 3px 8px rgba(0,0,0,.20),
    0 0 6px rgba(0,194,220,.14) !important;
}

button.nui-premium-center-plus .nui-premium-svg{
  width:25px !important;
  height:25px !important;
}


/* Flash Room totalement exclue */

#nuiFlashRoom .nfr-control,
#nuiFlashRoom .nfr-root button{
  filter:none;
}


/* ==========================================================
   NUI PREMIUM ICONS V1.2 — CLEAN / NO DOUBLE / DARK
   ========================================================== */

/* SUPPRIME TOUT EFFET D'ICÔNE EN DOUBLE */
.nui-premium-btn::before,
.nui-premium-btn::after,
.nui-premium-btn .nui-premium-svg::before,
.nui-premium-btn .nui-premium-svg::after,
.navbtn.nui-premium-nav .navicon::before,
.navbtn.nui-premium-nav .navicon::after{
    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
    box-shadow:none !important;
}

/* AUCUNE IMAGE D'ARRIÈRE-PLAN DERRIÈRE LES SVG */
.nui-premium-btn,
.nui-premium-btn *,
.navbtn.nui-premium-nav .navicon,
.navbtn.nui-premium-nav .navicon *{
    background-image:none !important;
}


/* ==========================================================
   BOUTONS MESSAGERIE — NOIR + FIN
   ========================================================== */

button.nui-premium-btn{
    width:43px !important;
    min-width:43px !important;
    height:43px !important;
    min-height:43px !important;

    border-radius:13px !important;

    background:#03131d !important;

    border:1px solid rgba(30,184,210,.55) !important;

    color:#69dbe7 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 2px 5px rgba(0,0,0,.20) !important;

    filter:none !important;
    text-shadow:none !important;
}

button.nui-premium-btn .nui-premium-svg{
    width:21px !important;
    height:21px !important;

    stroke-width:1.65 !important;

    filter:none !important;
}


/* RETOUR */

button.nui-premium-back{
    background:#03131d !important;
    color:#47d8e7 !important;
}


/* APPEL */

button.nui-premium-call{
    background:linear-gradient(
        145deg,
        #13c7cc,
        #0ba7cf
    ) !important;

    color:white !important;

    border-color:rgba(90,235,239,.65) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 2px 5px rgba(0,0,0,.18) !important;
}


/* VIDÉO */

button.nui-premium-video{
    background:linear-gradient(
        145deg,
        #158fcf,
        #5546dc
    ) !important;

    color:white !important;

    border-color:rgba(126,114,232,.72) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 2px 5px rgba(0,0,0,.18) !important;
}


/* CAMÉRA / + / MICRO */

button.nui-premium-camera,
button.nui-premium-plus,
button.nui-premium-mic{
    background:#03131d !important;
    color:#66dce6 !important;

    border-color:rgba(36,185,207,.52) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 2px 5px rgba(0,0,0,.20) !important;
}


/* ENVOYER */

button.nui-premium-send{
    background:linear-gradient(
        145deg,
        #12c7ce,
        #138fdc
    ) !important;

    color:#f4ffff !important;

    border-color:rgba(70,220,235,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 2px 5px rgba(0,0,0,.18) !important;
}


/* ==========================================================
   BARRE DE NAVIGATION
   ========================================================== */

.navbtn.nui-premium-nav{
    color:#758994 !important;
    text-shadow:none !important;
    filter:none !important;
}


/* ICÔNES INACTIVES :
   AUCUN BLEU LUMINEUX
*/

.navbtn.nui-premium-nav .navicon{
    color:#728b96 !important;

    filter:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
}

.navbtn.nui-premium-nav .navicon .nui-premium-svg{
    width:22px !important;
    height:22px !important;

    color:#728b96 !important;

    stroke:#728b96 !important;

    filter:none !important;

    text-shadow:none !important;
    box-shadow:none !important;
}


/* LABEL INACTIF */

.navbtn.nui-premium-nav > span:not(.navicon){
    color:#748894 !important;
    text-shadow:none !important;
}


/* SEULEMENT L'ONGLET ACTIF */

.navbtn.nui-premium-nav.active{
    color:#22cbd9 !important;
}

.navbtn.nui-premium-nav.active .navicon{
    color:#22cbd9 !important;
}

.navbtn.nui-premium-nav.active .navicon .nui-premium-svg{
    color:#22cbd9 !important;
    stroke:#22cbd9 !important;

    filter:none !important;
}

.navbtn.nui-premium-nav.active > span:not(.navicon){
    color:#22cbd9 !important;
}


/* PETIT TRAIT SOUS L'ONGLET ACTIF */

.navbtn.nui-premium-nav.active::after{
    width:22px !important;
    height:2px !important;

    background:#20cbd9 !important;

    box-shadow:none !important;
}


/* ==========================================================
   + CENTRAL
   ========================================================== */

button.nui-premium-center-plus{
    width:49px !important;
    min-width:49px !important;
    height:49px !important;
    min-height:49px !important;

    border-radius:50% !important;

    background:#02131e !important;

    border:1px solid rgba(35,185,210,.60) !important;

    color:#73dce6 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 2px 6px rgba(0,0,0,.25) !important;

    filter:none !important;
}

button.nui-premium-center-plus .nui-premium-svg{
    width:24px !important;
    height:24px !important;

    filter:none !important;
}


/* FOND NAVIGATION NOIR PROPRE */

nav:has(.navbtn),
.bottom-nav:has(.navbtn),
.bottom-nav,
#bottomNav{
    background:#020f18 !important;
}


/* FLASH ROOM JAMAIS TOUCHÉE */

#nuiFlashRoom *,
.nfr-root *{
    filter:revert;
}