@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Raleway:wght@300;400;500;600&display=swap');

/* ══ ANTI-BACKGROUND PARASITE ══════════════════════ */
.bigcover, .bigbanner, .img-blur {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}
.bigcover-overlay { display: none !important; }
.mainholder, #content, .wrapper, .th, .centernav, .bound {
  background-image: none !important;
}

/* Espace entre la navbar et le contenu principal */
.mainholder > main#content {
  margin-top: 84px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* ── BIGCOVER : cacher sur les pages non-manga ────── */
/* Le bigcover est un fond plein écran pour les pages série uniquement */
.bigcover { display: none !important; }
#content.manga-info .bigcover,
body.manga-info .bigcover,
.manga-info .bigcover { display: block !important; }

/* Aussi cacher le logo.png du sidebar qui peut créer des bugs */
#sidebar .section:first-child::after { display: none !important; }

/* ══════════════════════════════════════════════════════
   NAVBAR — BlueFlower Dark Theme
══════════════════════════════════════════════════════ */

/* Barre principale */
.th {
  background: linear-gradient(180deg, #08090f 0%, #0c0e1c 100%) !important;
  border-bottom: 1px solid rgba(0,144,177,0.25) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.8) !important;
}
.th .centernav::after {
  content: '' !important;
  display: block !important;
  clear: both !important;
}

/* Logo dans la navbar */
.logos img,
.logox .logos img {
  max-height: 44px !important;
  height: 44px !important;
  width: auto !important;
  display: block !important;
}
.logos { max-width: 160px !important; }

/* Capsule logo arrondie sans rogner l'image */
.logos .logo-pill-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0, 144, 177, 0.35) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  box-shadow: 0 0 12px rgba(0, 144, 177, 0.15) !important;
}
.logos .logo-pill-link .navbar-logo-image {
  display: block !important;
  height: 44px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}

/* Liens nav desktop */
#main-menu ul#menu-header > li > a {
  color: rgba(200, 216, 240, 0.8) !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 66px !important;
  height: 66px !important;
  padding: 0 12px !important;
  transition: color 0.2s, background 0.2s !important;
  border-radius: 0 !important;
  position: relative !important;
}

#main-menu ul#menu-header > li > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0; left: 50%; right: 50% !important;
  height: 2px !important;
  background: #0090b1 !important;
  transition: left 0.25s, right 0.25s !important;
}

#main-menu ul#menu-header > li > a:hover {
  color: #00c8f0 !important;
  background: rgba(0,144,177,0.08) !important;
}
#main-menu ul#menu-header > li > a:hover::after {
  left: 0 !important; right: 0 !important;
}

/* Dropdown */
#main-menu ul li ul {
  background: rgba(8,9,15,0.98) !important;
  border: 1px solid rgba(0,144,177,0.2) !important;
  border-top: 2px solid #0090b1 !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.7) !important;
}
#main-menu ul li ul li a {
  color: rgba(200,216,240,0.7) !important;
  font-size: 12px !important;
  padding: 8px 16px !important;
}
#main-menu ul li ul li a:hover {
  color: #fff !important;
  background: rgba(0,144,177,0.12) !important;
}

/* Searchbar */
.searchx #form #s,
.searchx form .livesearch-input,
input#s, input#ls-pc-search {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(0,144,177,0.25) !important;
  border-radius: 20px !important;
  color: #e8f4ff !important;
  font-family: 'Raleway', sans-serif !important;
  height: 34px !important;
  transition: all 0.2s !important;
}
.searchx #form #s:focus,
.searchx form .livesearch-input:focus,
input#ls-pc-search:focus {
  border-color: #0090b1 !important;
  background: rgba(0,144,177,0.08) !important;
  box-shadow: 0 0 8px rgba(0,144,177,0.3) !important;
  outline: none !important;
}
.searchx #form #s::placeholder,
.searchx form .livesearch-input::placeholder { color: rgba(200,216,240,0.4) !important; }

/* Dark mode toggle label */
#thememode .xt { color: rgba(200,216,240,0.5) !important; font-size: 10px !important; }

/* Bouton connexion invité */
.login-btn.st-bt .bf-login-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  border-bottom: none !important;
  transition: all var(--transition) !important;
}
body:not(.lightmode) .login-btn.st-bt .bf-login-trigger {
  color: #e5f1ff !important;
  border: 1px solid rgba(0, 144, 177, 0.35) !important;
  background: rgba(0, 144, 177, 0.08) !important;
}
body:not(.lightmode) .login-btn.st-bt .bf-login-trigger:hover {
  color: #ffffff !important;
  border-color: rgba(0, 200, 240, 0.6) !important;
  background: rgba(0, 144, 177, 0.18) !important;
  box-shadow: var(--glow-sm) !important;
}
body.lightmode .login-btn.st-bt .bf-login-trigger {
  color: #1a2f49 !important;
  border: 1px solid rgba(0, 144, 177, 0.35) !important;
  background: rgba(255, 255, 255, 0.7) !important;
}
body.lightmode .login-btn.st-bt .bf-login-trigger:hover {
  color: #0f2740 !important;
  border-color: rgba(0, 144, 177, 0.5) !important;
  background: rgba(0, 144, 177, 0.12) !important;
}

/* Menu burger mobile */
#nav-burger span { background: #c8d8f0 !important; }
.shme { color: #c8d8f0 !important; }

/* Mobile menu ouvert */
#main-menu.shwx {
  background: rgba(8,9,15,0.98) !important;
  border-top: 1px solid rgba(0,144,177,0.2) !important;
}
#main-menu.shwx ul li a {
  color: #c8d8f0 !important;
  border-radius: 6px !important;
}
#main-menu.shwx ul li a:hover { color: #00c8f0 !important; }
/*
==========================================================
  BLUEFLOWER THEME — Dark Fantasy Rose CSS
  DA inspirée des roses bleues mystiques / fond noir
  Couleurs: #0090b1, #003d5c, #0a0a14, #e8f4ff, #1a3a5c
==========================================================
*/

/* ── CSS Variables ────────────────────────────────────── */
:root {
  --bf-primary:      #0090b1;
  --bf-primary-glow: #00c8f0;
  --bf-deep:         #003d5c;
  --bf-bg:           #07080f;
  --bf-bg2:          #0d0f1c;
  --bf-bg3:          #111525;
  --bf-card:         #0c0e1a;
  --bf-card-border:  #1a2a45;
  --bf-text:         #c8d8f0;
  --bf-text-muted:   #6a85a8;
  --bf-white:        #e8f4ff;
  --bf-accent:       #4fc3dc;
  --bf-sparkle:      #a8d8f0;
  --bf-rose-dark:    #1a0a25;
  --bf-gold:         #c8a86a;
  --radius:          8px;
  --radius-lg:       14px;
  --transition:      0.25s ease;
  --glow-sm:         0 0 8px rgba(0,144,177,0.4);
  --glow-md:         0 0 20px rgba(0,144,177,0.35);
  --glow-lg:         0 0 45px rgba(0,144,177,0.25);
  --shadow-card:     0 4px 24px rgba(0,0,0,0.7), 0 0 0 1px rgba(0,144,177,0.08);
}

/* ── Reset & Base ─────────────────────────────────────── */
*, ::before, ::after { box-sizing: border-box; }

body {
  background: var(--bf-bg) !important;
  background-image:
    radial-gradient(ellipse 80% 40% at 50% 0%, rgba(0,61,92,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 60% 30% at 0% 100%, rgba(0,40,70,0.12) 0%, transparent 50%),
    radial-gradient(ellipse 60% 30% at 100% 100%, rgba(0,80,120,0.1) 0%, transparent 50%) !important;
  color: var(--bf-text) !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 400;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

/* Fond avec particules subtiles */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(1px 1px at 15% 20%, rgba(168,216,240,0.35) 0%, transparent 100%),
    radial-gradient(1px 1px at 45% 65%, rgba(168,216,240,0.25) 0%, transparent 100%),
    radial-gradient(1px 1px at 75% 30%, rgba(168,216,240,0.3) 0%, transparent 100%),
    radial-gradient(1px 1px at 88% 78%, rgba(168,216,240,0.2) 0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 30% 88%, rgba(0,200,240,0.2) 0%, transparent 100%),
    radial-gradient(1px 1px at 60% 10%, rgba(168,216,240,0.3) 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

a {
  color: var(--bf-accent);
  text-decoration: none;
  transition: color var(--transition);
}
a:hover { color: var(--bf-primary-glow) !important; }

/* ── Typography ───────────────────────────────────────── */
h1, h2, h3, h4, h5 {
  font-family: 'Cinzel', serif !important;
  color: var(--bf-white) !important;
  letter-spacing: 0.03em;
}

/* ══════════════════════════════════════════════════════
   HEADER / NAVBAR
══════════════════════════════════════════════════════ */
/* Logo */
.th .centernav .logo img,
#main-menu .centernav .logo img {
  filter: drop-shadow(0 0 8px rgba(0,144,177,0.5));
  transition: filter var(--transition);
}
.th .centernav .logo img:hover,
#main-menu .centernav .logo img:hover {
  filter: drop-shadow(0 0 14px rgba(0,200,240,0.7));
}

/* Nav links */



#main-menu ul li a:hover::after { width: 70%; }

/* Dropdown nav */




/* Searchbar */
.searchx #form #s,
input#s,
.searchx input[type="text"] {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(0,144,177,0.25) !important;
  color: var(--bf-white) !important;
  border-radius: 20px !important;
  padding: 6px 14px !important;
  font-family: 'Raleway', sans-serif !important;
  transition: all var(--transition);
}
.searchx #form #s:focus,
input#s:focus {
  border-color: var(--bf-primary) !important;
  box-shadow: var(--glow-sm) !important;
  background: rgba(0,144,177,0.06) !important;
  outline: none;
}
.searchx #form #s::placeholder { color: var(--bf-text-muted) !important; }

/* Dark mode toggle */
#thememode .slider,
.slider {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(0,144,177,0.3) !important;
}
#thememode input:checked ~ .slider,
input:checked ~ .slider {
  background: var(--bf-primary) !important;
}

/* ══════════════════════════════════════════════════════
   HERO BANNER / SLIDER ANNONCES
══════════════════════════════════════════════════════ */
.bixbox.bslist,
.bixbox.hothome,
.bixbox {
  background: var(--bf-bg2) !important;
  border: 1px solid var(--bf-card-border) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
  box-shadow: var(--shadow-card);
  position: relative;
}

/* Section Annonces / slider hero */
.postbody .ldr,
.postbody .ldr .outbx {
  background: transparent !important;
}
.postbody .ldr .outbx .limit {
  border-radius: var(--radius) !important;
  overflow: hidden;
}
.postbody .ldr .outbx .limit img {
  border-radius: var(--radius) !important;
  transition: transform 0.4s ease;
}
.postbody .ldr .outbx .limit img:hover {
  transform: scale(1.02);
}

/* ══════════════════════════════════════════════════════
   SECTION HEADERS (.releases)
══════════════════════════════════════════════════════ */
.releases {
  background: linear-gradient(90deg, var(--bf-primary) 0%, rgba(0,144,177,0) 100%) !important;
  padding: 8px 16px !important;
  border-radius: var(--radius) var(--radius) 0 0 !important;
  position: relative;
  overflow: hidden;
}
.releases::before {
  content: '✦';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,0.2);
  font-size: 18px;
}
.releases h1,
.releases h2,
.releases h3 {
  font-family: 'Cinzel', serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #fff !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}
.releases .vl {
  background: rgba(255,255,255,0.3) !important;
}

.hothome .releases {
  background: linear-gradient(90deg, var(--bf-primary) 0%, rgba(0,144,177,0) 100%) !important;
}
.hothome .releases h2 { color: #fff !important; }

/* ══════════════════════════════════════════════════════
   MANGA CARDS — .bs / .bsx
══════════════════════════════════════════════════════ */
.bs {
  border-radius: var(--radius) !important;
  overflow: hidden;
  background: var(--bf-card) !important;
  box-shadow: var(--shadow-card);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.bs:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 8px 32px rgba(0,0,0,0.8), var(--glow-sm) !important;
}

.bs .bsx {
  background: var(--bf-card) !important;
  border-radius: var(--radius) !important;
}

.bs .bsx .limit {
  border-radius: var(--radius) var(--radius) 0 0 !important;
  overflow: hidden;
  position: relative;
}

/* Overlay shimmer on hover */
.bs .bsx .limit::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    transparent 40%,
    rgba(0,144,177,0.08) 60%,
    transparent 80%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.bs:hover .bsx .limit::after { opacity: 1; }

.bs .bsx .limit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.bs:hover .bsx .limit img { transform: scale(1.05); }

/* PLY overlay (read icon) */
.bs .bsx .limit .ply {
  background: rgba(0,0,0,0.6) !important;
  border: 2px solid rgba(0,144,177,0.5) !important;
  border-radius: 50% !important;
  backdrop-filter: blur(4px);
  box-shadow: var(--glow-sm);
}
.bs .bsx .limit .ply::before {
  border-left-color: var(--bf-primary-glow) !important;
}

/* Title badge */
.bs .bsx .bigor {
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(7,8,15,0.95) 100%) !important;
  padding: 8px 10px !important;
  border-top: 1px solid rgba(0,144,177,0.1) !important;
}
.bs .bsx .bigor .tt,
.bs .bsx .bigor .tt.search-target {
  font-family: 'Raleway', sans-serif !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  color: var(--bf-white) !important;
  line-height: 1.3 !important;
}
.bs .bsx .bigor .epxs {
  color: var(--bf-primary) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* Rating */
.bs .rating { opacity: 0.8; }
.bs .rating .rating-prc .rtp .rtb span {
  background: var(--bf-primary) !important;
}
.bs .numscore {
  color: var(--bf-primary-glow) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
}

/* Type badges */
.bs .bsx .limit .t .type {
  background: rgba(0,144,177,0.85) !important;
  backdrop-filter: blur(4px);
  font-family: 'Raleway', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.05em;
  border-radius: 4px !important;
}

/* ══════════════════════════════════════════════════════
   LISTUPD — Latest Updates rows
══════════════════════════════════════════════════════ */
.listupd {
  background: transparent !important;
}
.listupd .utao .uta {
  background: var(--bf-card) !important;
  border: 1px solid var(--bf-card-border) !important;
  border-radius: var(--radius) !important;
  transition: all var(--transition);
  overflow: hidden;
}
.listupd .utao .uta:hover {
  border-color: rgba(0,144,177,0.35) !important;
  box-shadow: var(--glow-sm) !important;
  transform: translateX(3px);
}
.listupd .utao .uta .imgu img {
  border-radius: var(--radius) 0 0 var(--radius) !important;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.listupd .utao .uta:hover .imgu img { transform: scale(1.06); }

.listupd .utao .uta .luf h4 {
  font-family: 'Raleway', sans-serif !important;
  font-weight: 600 !important;
  color: var(--bf-white) !important;
  font-size: 13px !important;
}
.listupd .utao .uta .luf ul li {
  background: rgba(0,144,177,0.08) !important;
  border-left: 2px solid var(--bf-primary) !important;
  border-radius: 0 4px 4px 0 !important;
}
.listupd .utao .uta .luf ul li a {
  color: var(--bf-text) !important;
  font-size: 12px !important;
}
.listupd .utao .uta .luf ul li a:hover { color: var(--bf-primary-glow) !important; }
.listupd .utao .uta .luf ul li span {
  color: var(--bf-text-muted) !important;
  font-size: 11px !important;
}
.listupd .utao .uta .luf ul.Manhwa li::before {
  content: '';
  display: inline-block;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--bf-primary);
  margin-right: 6px;
  vertical-align: middle;
}

/* styletwo variant */
.listupd .utao.styletwo .uta .imgu {
  border-radius: var(--radius) !important;
  overflow: hidden;
}
.listupd .utao.styletwo .uta .luf h4 {
  font-size: 12px !important;
}

/* ══════════════════════════════════════════════════════
   SIDEBAR
══════════════════════════════════════════════════════ */
#sidebar .section {
  background: var(--bf-bg2) !important;
  border: 1px solid var(--bf-card-border) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
  box-shadow: var(--shadow-card);
  margin-bottom: 20px;
}
#sidebar .section h4 {
  background: linear-gradient(90deg, var(--bf-primary) 0%, transparent 100%) !important;
  padding: 8px 14px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  color: #fff !important;
  text-transform: uppercase;
  margin: 0 !important;
}

/* Sidebar series list */
#sidebar .serieslist ul li {
  border-bottom: 1px solid rgba(0,144,177,0.08) !important;
  transition: background var(--transition);
}
#sidebar .serieslist ul li:hover {
  background: rgba(0,144,177,0.06) !important;
}
#sidebar .serieslist ul li .leftseries h2 a {
  color: var(--bf-text) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
#sidebar .serieslist ul li .leftseries h2 a:hover { color: var(--bf-primary-glow) !important; }

/* History sidebar */
#sidebar #bm-history li a {
  color: var(--bf-text-muted) !important;
  font-size: 12px !important;
}
#sidebar #bm-history li a:hover {
  background: rgba(0,144,177,0.1) !important;
  color: var(--bf-accent) !important;
}

/* ══════════════════════════════════════════════════════
   SERIE PAGE — main-info
══════════════════════════════════════════════════════ */
.main-info {
  background: var(--bf-bg2) !important;
  border: 1px solid var(--bf-card-border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-card);
  overflow: hidden;
}
.main-info .info-desc {
  background: transparent !important;
}
.main-info .info-desc .entry-title {
  font-family: 'Cinzel', serif !important;
  font-size: 22px !important;
  color: var(--bf-white) !important;
  text-shadow: 0 0 20px rgba(0,144,177,0.3);
}
.main-info .info-desc .spe span b,
.main-info .info-desc .spe span strong {
  color: var(--bf-text-muted) !important;
  font-weight: 500 !important;
}
.main-info .info-desc .spe span:before {
  background: var(--bf-primary) !important;
  border-radius: 3px !important;
}
.main-info .info-desc .wd-full .mgen a {
  background: rgba(0,144,177,0.15) !important;
  border: 1px solid rgba(0,144,177,0.3) !important;
  color: var(--bf-accent) !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  padding: 3px 8px !important;
  transition: all var(--transition);
}
.main-info .info-desc .wd-full .mgen a:hover {
  background: var(--bf-primary) !important;
  color: #fff !important;
}

/* Chapter list */
.bxcl {
  background: var(--bf-bg2) !important;
  border: 1px solid var(--bf-card-border) !important;
  border-radius: var(--radius-lg) !important;
}
.bxcl ul li {
  border-bottom: 1px solid rgba(0,144,177,0.07) !important;
  transition: background var(--transition);
}
.bxcl ul li:hover { background: rgba(0,144,177,0.06) !important; }
.bxcl ul li .lchx a,
.bxcl ul li .eph-num a {
  color: var(--bf-text) !important;
  font-size: 13px !important;
}
.bxcl ul li .lchx a:hover { color: var(--bf-primary-glow) !important; }
.bxcl ul li span.dt a,
.bxcl ul li .dt a {
  color: var(--bf-primary) !important;
}
.bxcl ul li .chbox {
  border-color: rgba(0,144,177,0.3) !important;
}
.bxcl ul li .chbox:hover {
  background: rgba(0,144,177,0.12) !important;
  border-color: var(--bf-primary) !important;
}
.bxcl ul::-webkit-scrollbar { width: 4px; }
.bxcl ul::-webkit-scrollbar-track { background: var(--bf-bg); }
.bxcl ul::-webkit-scrollbar-thumb {
  background: var(--bf-primary) !important;
  border-radius: 4px;
}

/* ══════════════════════════════════════════════════════
   PAGINATION
══════════════════════════════════════════════════════ */
.pagination a,
.pagination span.page-numbers {
  background: var(--bf-card) !important;
  border: 1px solid var(--bf-card-border) !important;
  color: var(--bf-text) !important;
  border-radius: var(--radius) !important;
  font-family: 'Raleway', sans-serif !important;
  transition: all var(--transition);
}
.pagination a:hover {
  background: var(--bf-primary) !important;
  border-color: var(--bf-primary) !important;
  color: #fff !important;
  box-shadow: var(--glow-sm) !important;
}
.pagination span.page-numbers.current {
  background: var(--bf-primary) !important;
  border-color: var(--bf-primary) !important;
  color: #fff !important;
}
.nextprev a {
  background: var(--bf-primary) !important;
  color: #fff !important;
  border-radius: var(--radius) !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 600 !important;
  transition: all var(--transition);
}
.nextprev a:hover {
  background: var(--bf-primary-glow) !important;
  box-shadow: var(--glow-md) !important;
}

/* ══════════════════════════════════════════════════════
   READING PAGE
══════════════════════════════════════════════════════ */
.readingnav .readingnavbot .readingbar .readingprogress {
  background: var(--bf-primary) !important;
  box-shadow: var(--glow-sm) !important;
}
.readingnav .readingnavbot .navtop {
  background: var(--bf-bg2) !important;
  border: 1px solid var(--bf-card-border) !important;
}

/* ══════════════════════════════════════════════════════
   BUTTONS
══════════════════════════════════════════════════════ */
.bookmark,
button.bookmark {
  background: var(--bf-primary) !important;
  border: none !important;
  border-radius: var(--radius) !important;
  color: #fff !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  cursor: pointer;
  transition: all var(--transition);
}
.bookmark:hover {
  background: var(--bf-primary-glow) !important;
  box-shadow: var(--glow-md) !important;
  transform: translateY(-1px);
}

.advancedsearch button.searchz {
  background: var(--bf-primary) !important;
  border-radius: var(--radius) !important;
  color: #fff !important;
  font-family: 'Raleway', sans-serif !important;
  border: none;
  transition: all var(--transition);
}
.advancedsearch button.searchz:hover {
  background: var(--bf-primary-glow) !important;
  box-shadow: var(--glow-sm);
}

.lista a {
  background: var(--bf-primary) !important;
  border-radius: var(--radius) !important;
  color: #fff !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
  transition: all var(--transition);
  display: inline-block;
}
.lista a:hover {
  background: var(--bf-primary-glow) !important;
  box-shadow: var(--glow-md) !important;
  color: #fff !important;
}

/* ══════════════════════════════════════════════════════
   SCROLL TO TOP
══════════════════════════════════════════════════════ */
.scrollToTop {
  background: var(--bf-primary) !important;
  border-radius: 50% !important;
  box-shadow: var(--glow-md) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  transition: all var(--transition);
}
.scrollToTop:hover {
  background: var(--bf-primary-glow) !important;
  box-shadow: 0 0 30px rgba(0,200,240,0.5) !important;
  transform: translateY(-3px);
}

/* ══════════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════════ */
#footer,
footer {
  background: var(--bf-bg2) !important;
  border-top: 1px solid rgba(0,144,177,0.2) !important;
  box-shadow: 0 -2px 30px rgba(0,0,0,0.5);
  padding: 30px 0 20px !important;
}
#footer .footermenu,
footer .footermenu {
  background: var(--bf-primary) !important;
  border-radius: 4px !important;
}
.footer-az .az-list li a {
  color: var(--bf-text-muted) !important;
  transition: color var(--transition);
  font-family: 'Raleway', sans-serif !important;
}
.footer-az .az-list li a:hover { color: var(--bf-primary-glow) !important; }
#footer p, footer p { color: var(--bf-text-muted) !important; font-size: 12px !important; }

/* ══════════════════════════════════════════════════════
   MODAL (Login / Signin)
══════════════════════════════════════════════════════ */
.modal-content,
.modal-dialog .modal-content {
  background: var(--bf-bg2) !important;
  border: 1px solid rgba(0,144,177,0.25) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 20px 80px rgba(0,0,0,0.9), var(--glow-md) !important;
  color: var(--bf-text) !important;
}
.modal-header {
  background: linear-gradient(135deg, var(--bf-bg2), var(--bf-bg3)) !important;
  border-bottom: 1px solid rgba(0,144,177,0.15) !important;
}
.modal-header .modal-title {
  font-family: 'Cinzel', serif !important;
  color: var(--bf-white) !important;
}
.modal-body input[type="text"],
.modal-body input[type="email"],
.modal-body input[type="password"] {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(0,144,177,0.25) !important;
  color: var(--bf-white) !important;
  border-radius: var(--radius) !important;
  font-family: 'Raleway', sans-serif !important;
  transition: border-color var(--transition), box-shadow var(--transition);
}
.modal-body input:focus {
  border-color: var(--bf-primary) !important;
  box-shadow: var(--glow-sm) !important;
  background: rgba(0,144,177,0.05) !important;
}
.modal-body .btn-primary,
.commentx #submit,
.disqusmen #commentform #submit {
  background: var(--bf-primary) !important;
  border: none !important;
  border-radius: var(--radius) !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  transition: all var(--transition);
}
.modal-body .btn-primary:hover,
.commentx #submit:hover {
  background: var(--bf-primary-glow) !important;
  box-shadow: var(--glow-md) !important;
}
.premodal .btn.btn-block {
  background: var(--bf-primary) !important;
  border: none !important;
  border-radius: var(--radius) !important;
  color: #fff !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}
.premodal .btn.btn-block:hover {
  background: var(--bf-primary-glow) !important;
  box-shadow: var(--glow-sm) !important;
}
.premodal .modal-footer {
  border-top: 1px solid rgba(0, 144, 177, 0.15) !important;
}
.premodal .btn-close {
  filter: invert(1) grayscale(1) brightness(2) !important;
  opacity: 0.85 !important;
}
.link-highlight { color: var(--bf-accent) !important; }
.link-highlight:hover { color: var(--bf-primary-glow) !important; }

/* ══════════════════════════════════════════════════════
   PROFIL PAGE
══════════════════════════════════════════════════════ */
.img-box {
  border-radius: var(--radius) !important;
  border: 2px solid var(--bf-card-border) !important;
  overflow: hidden;
  transition: border-color var(--transition), box-shadow var(--transition);
}
.img-box:hover {
  border-color: var(--bf-primary) !important;
  box-shadow: var(--glow-sm) !important;
}

/* ══════════════════════════════════════════════════════
   SEARCH PAGE
══════════════════════════════════════════════════════ */
.quickfilter {
  background: var(--bf-bg2) !important;
  border: 1px solid var(--bf-card-border) !important;
  border-radius: var(--radius-lg) !important;
  padding: 16px !important;
}
.quickfilter .filters .filter .genrez {
  background: var(--bf-card) !important;
  border: 1px solid var(--bf-card-border) !important;
  border-radius: var(--radius) !important;
  color: var(--bf-text) !important;
}
.quickfilter .filters .filter .genrez option {
  background: var(--bf-bg2);
  color: var(--bf-text);
}
.quickfilter .filters .filter .genrez::-webkit-scrollbar-thumb {
  background: var(--bf-primary) !important;
}
.quickfilter .filters .filter.submit button {
  background: var(--bf-primary) !important;
  border-radius: var(--radius) !important;
  color: #fff !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 600 !important;
  border: none !important;
  transition: all var(--transition);
}
.quickfilter .filters .filter.submit button:hover {
  background: var(--bf-primary-glow) !important;
  box-shadow: var(--glow-sm) !important;
}

/* ══════════════════════════════════════════════════════
   AD SLOTS (component x-ads.banner)
══════════════════════════════════════════════════════ */
.bf-ad-slot .bf-ad-slot__body {
  padding: 12px !important;
}
.bf-ad-slot .bf-ad-slot__link,
.bf-ad-slot .bf-ad-slot__link img,
.bf-ad-slot .bf-ad-slot__body > img {
  display: block;
  width: 100%;
}
.bf-ad-slot .bf-ad-slot__link img,
.bf-ad-slot .bf-ad-slot__body > img {
  border-radius: var(--radius) !important;
}
.bf-ad-slot .bf-ad-slot__placeholder {
  min-height: 90px;
  border: 1px dashed rgba(0, 144, 177, 0.35);
  border-radius: var(--radius) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bf-text-muted) !important;
  font-size: 12px;
  text-align: center;
  padding: 12px;
}
.lightmode .bf-ad-slot .bf-ad-slot__placeholder {
  border-color: #b8d7e8;
  color: #5a6f8e !important;
  background: #f9fcff !important;
}

/* A-Z Page */
ul.taxindex li a {
  background: var(--bf-card) !important;
  border: 1px solid var(--bf-card-border) !important;
  color: var(--bf-text) !important;
  border-radius: var(--radius) !important;
  font-family: 'Raleway', sans-serif !important;
  transition: all var(--transition);
}
ul.taxindex li a:hover {
  background: rgba(0,144,177,0.15) !important;
  border-color: var(--bf-primary) !important;
  color: var(--bf-primary-glow) !important;
}

/* ══════════════════════════════════════════════════════
   SORALIST / Series listing page
══════════════════════════════════════════════════════ */
.soralist ul {
  background: var(--bf-bg2) !important;
  border: 1px solid var(--bf-card-border) !important;
  border-radius: var(--radius) !important;
}
.soralist ul li a {
  color: var(--bf-text) !important;
  border-bottom: 1px solid rgba(0,144,177,0.06) !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  transition: background var(--transition), color var(--transition);
}
.soralist ul li a:hover {
  background: rgba(0,144,177,0.08) !important;
  color: var(--bf-primary-glow) !important;
}

/* seriestucon */
.seriestucon .seriestucont .seriestucontr .seriestugenre a {
  background: rgba(0,144,177,0.12) !important;
  border: 1px solid rgba(0,144,177,0.25) !important;
  color: var(--bf-accent) !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  transition: all var(--transition);
}
.seriestucon .seriestucont .seriestucontr .seriestugenre a:hover {
  background: var(--bf-primary) !important;
  color: #fff !important;
  border-color: var(--bf-primary) !important;
}

/* ══════════════════════════════════════════════════════
   BLOG / NEWS
══════════════════════════════════════════════════════ */
.blogbox {
  background: var(--bf-card) !important;
  border: 1px solid var(--bf-card-border) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
  transition: all var(--transition);
  box-shadow: var(--shadow-card);
}
.blogbox:hover {
  border-color: rgba(0,144,177,0.3) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.7), var(--glow-sm) !important;
  transform: translateY(-3px);
}
.blogbox .btitle h3, .blogbox .btitle h1 { color: var(--bf-white) !important; }
.blogbox .btitle .vl { background: var(--bf-primary) !important; }
.blogbox .innerblog .thumb .btags {
  background: var(--bf-primary) !important;
  font-size: 10px !important;
  border-radius: 4px !important;
}

/* ══════════════════════════════════════════════════════
   COMMENTS
══════════════════════════════════════════════════════ */
.comment-list .comment-body {
  background: var(--bf-card) !important;
  border: 1px solid var(--bf-card-border) !important;
  border-radius: var(--radius) !important;
  margin-bottom: 10px;
}
.comment-list .comment-body .reply a {
  background: transparent !important;
  border: 1px solid var(--bf-primary) !important;
  color: var(--bf-primary) !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  padding: 3px 10px !important;
  transition: all var(--transition);
}
.comment-list .comment-body .reply a:hover {
  background: var(--bf-primary) !important;
  color: #fff !important;
}

/* ══════════════════════════════════════════════════════
   TOPMOBILE MENU
══════════════════════════════════════════════════════ */
.topmobile {
  background: var(--bf-bg) !important;
  border-top: 2px solid var(--bf-primary) !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.6) !important;
}
.topmobile a { color: var(--bf-text-muted) !important; }
.topmobile a.active,
.topmobile a:hover { color: var(--bf-primary-glow) !important; }

/* ══════════════════════════════════════════════════════
   SELECTION DE TEXTE
══════════════════════════════════════════════════════ */
::selection {
  background: rgba(0,144,177,0.35);
  color: var(--bf-white);
}

/* ══════════════════════════════════════════════════════
   SCROLLBAR GLOBAL
══════════════════════════════════════════════════════ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--bf-bg); }
::-webkit-scrollbar-thumb {
  background: rgba(0,144,177,0.4);
  border-radius: 6px;
  transition: background 0.2s;
}
::-webkit-scrollbar-thumb:hover { background: var(--bf-primary); }

/* ══════════════════════════════════════════════════════
   LIGHT MODE OVERRIDES (si activé)
══════════════════════════════════════════════════════ */
body.lightmode {
  background: #f0f4f8 !important;
  background-image: none !important;
  color: #1a2840 !important;
}
body.lightmode::before { display: none; }
.lightmode .mainholder,
.lightmode #content,
.lightmode .wrapper,
.lightmode .postbody {
  background: transparent !important;
}
.lightmode .th,
.lightmode .th .centernav,
.lightmode header,
.lightmode #main-menu {
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.lightmode #main-menu ul li a,
.lightmode #top-menu li a { color: #1a3a5c !important; }
.lightmode #main-menu ul#menu-header > li > a,
.lightmode #main-menu ul#menu-header > li > a span {
  color: #1a2f49 !important;
}
.lightmode #main-menu ul li a:hover,
.lightmode #top-menu li a:hover { color: var(--bf-primary) !important; background: rgba(0,144,177,0.07) !important; }
.lightmode #thememode .xt { color: #1a2f49 !important; }
.lightmode .searchx form .livesearch-input,
.lightmode input#ls-pc-search,
.lightmode input#ls-mob-search {
  background: #ffffff !important;
  border-color: #b8d7e8 !important;
  color: #1a2f49 !important;
}
.lightmode .searchx form .livesearch-input::placeholder {
  color: #6f8199 !important;
}
.lightmode .bixbox { background: #fff !important; border-color: #d4e8f5 !important; }
.lightmode .bs { background: #fff !important; }
.lightmode .bs .bsx .bigor .tt { color: #1a2840 !important; }
.lightmode .listupd .utao .uta { background: #fff !important; border-color: #d4e8f5 !important; }
.lightmode .listupd .utao .uta .luf h4 { color: #1a2840 !important; }
.lightmode #sidebar .section { background: #fff !important; border-color: #d4e8f5 !important; }
.lightmode #footer, .lightmode footer { background: #f0f6ff !important; border-top-color: rgba(0,144,177,0.2) !important; }
.lightmode a:hover { color: var(--bf-primary) !important; }
.lightmode .soralist ul { background: #fff !important; border-color: #d4e8f5 !important; }
.lightmode .main-info { background: #fff !important; border-color: #d4e8f5 !important; }
.lightmode .bxcl { background: #fff !important; border-color: #d4e8f5 !important; }
.lightmode .blogbox { background: #fff !important; border-color: #d4e8f5 !important; }
.lightmode .modal-content { background: #fff !important; color: #1a2840 !important; }
.lightmode .modal-header {
  background: #ffffff !important;
  border-bottom: 1px solid #d4e8f5 !important;
}
.lightmode .modal-header .modal-title {
  color: #1a2840 !important;
}
.lightmode .modal-footer {
  background: #ffffff !important;
  border-top: 1px solid #d4e8f5 !important;
  color: #1a2840 !important;
}
.lightmode .modal-body input[type="text"],
.lightmode .modal-body input[type="email"],
.lightmode .modal-body input[type="password"] {
  background: #ffffff !important;
  border-color: #b8d7e8 !important;
  color: #1a2840 !important;
}
.lightmode .premodal .btn-close {
  filter: none !important;
  opacity: 0.6 !important;
}
.lightmode .slider:before { background: #fff !important; }
.lightmode a { color: var(--bf-primary); }
.lightmode .serieslist ul li .ctr { background: var(--bf-primary) !important; }
.lightmode .releases { background: linear-gradient(90deg, var(--bf-primary) 0%, rgba(0,144,177,0.05) 100%) !important; }

/* Texte global en mode clair */
body.lightmode #content,
body.lightmode #content p,
body.lightmode #content li,
body.lightmode #content label,
body.lightmode #content small {
  color: #1a2840 !important;
}
body.lightmode #content h1,
body.lightmode #content h2,
body.lightmode #content h3,
body.lightmode #content h4,
body.lightmode #content h5,
body.lightmode #content h6 {
  color: #14263d !important;
}
body.lightmode #content .releases h1,
body.lightmode #content .releases h2,
body.lightmode #content .releases h3 {
  color: #ffffff !important;
}
body.lightmode .logos .logo-pill-link {
  border: 1px solid rgba(0, 144, 177, 0.24) !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 6px 12px !important;
}
body.lightmode .logos .logo-pill-link .navbar-logo-image {
  height: 44px !important;
  max-height: 44px !important;
  max-width: 220px !important;
}
body:not(.lightmode) header.bg-white.shadow {
  background: var(--bf-bg2) !important;
  border-bottom: 1px solid rgba(0, 144, 177, 0.2) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.5) !important;
}

/* Profile dropdown: dark mode */
body:not(.lightmode) .user.dropdown .dropdown-menu.profile-nav {
  background: #1f242d !important;
  border: 1px solid rgba(0, 144, 177, 0.22) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
}
body:not(.lightmode) .user.dropdown .dropdown-menu.profile-nav .dropdown-item {
  color: #d6e2f1 !important;
}
body:not(.lightmode) .user.dropdown .dropdown-menu.profile-nav .dropdown-item i {
  color: #9ecfe4 !important;
}
body:not(.lightmode) .user.dropdown .dropdown-menu.profile-nav .dropdown-item:hover {
  background: rgba(0, 144, 177, 0.12) !important;
  color: #ffffff !important;
}

/* Profile dropdown: light mode */
body.lightmode .user.dropdown .dropdown-menu.profile-nav {
  background: #ffffff !important;
  border: 1px solid #d4e8f5 !important;
  box-shadow: 0 10px 24px rgba(15, 42, 75, 0.14) !important;
}
body.lightmode .user.dropdown .dropdown-menu.profile-nav .dropdown-item {
  color: #1a2f49 !important;
}
body.lightmode .user.dropdown .dropdown-menu.profile-nav .dropdown-item i {
  color: #1f6f8a !important;
}
body.lightmode .user.dropdown .dropdown-menu.profile-nav .dropdown-item:hover {
  background: rgba(0, 144, 177, 0.08) !important;
  color: #0f2740 !important;
}

/* Profile page layout (Breeze custom skin) */
.bf-profile-page .bf-profile-shell {
  border: 1px solid rgba(0, 144, 177, 0.22);
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(7, 11, 24, 0.95) 0%, rgba(10, 15, 30, 0.96) 100%);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}

.bf-profile-page .bf-profile-heading {
  background: linear-gradient(90deg, rgba(49, 173, 196, 0.95) 0%, rgba(22, 101, 126, 0.9) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  padding: 14px 18px;
}

.bf-profile-page .bf-profile-heading h1 {
  margin: 0;
  color: #f8fdff;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.bf-profile-page .bf-profile-layout {
  display: grid;
  grid-template-columns: minmax(230px, 280px) 1fr;
  gap: 18px;
  padding: 18px;
}

.bf-profile-page .bf-profile-sidebar {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(143, 208, 224, 0.22);
  border-radius: 14px;
  padding: 16px;
}

.bf-profile-page .bf-profile-avatar-wrap {
  width: 146px;
  height: 146px;
  margin: 0 auto 28px auto;
  border-radius: 999px;
  border: 3px solid rgba(226, 245, 255, 0.9);
  overflow: hidden;
  background: rgba(7, 13, 28, 0.75);
}

.bf-profile-page .bf-profile-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bf-profile-page .bf-profile-meta {
  margin: 0;
  display: grid;
  gap: 10px;
}

.bf-profile-page .bf-profile-meta div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.bf-profile-page .bf-profile-meta dt {
  margin: 0;
  color: #b6c6dc;
  font-size: 0.88rem;
}

.bf-profile-page .bf-profile-meta dd {
  margin: 0;
  color: #f3f9ff;
  font-weight: 600;
  font-size: 0.88rem;
  text-align: right;
}

.bf-profile-page .bf-profile-side-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 16px;
}

.bf-profile-page .bf-profile-side-btn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(120, 199, 219, 0.35);
  background: rgba(10, 20, 36, 0.9);
  color: #d9edf7;
  padding: 10px 12px;
  font-size: 0.86rem;
  text-decoration: none;
}

.bf-profile-page .bf-profile-main {
  min-width: 0;
}

.bf-profile-page .bf-profile-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.bf-profile-page .bf-profile-tab {
  border: 1px solid rgba(121, 199, 219, 0.28);
  background: rgba(18, 28, 46, 0.86);
  color: #d7e9f7;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.2;
}

.bf-profile-page .bf-profile-tab-link {
  text-decoration: none;
}

.bf-profile-page .bf-profile-tab.is-active {
  background: linear-gradient(180deg, rgba(0, 144, 177, 0.35) 0%, rgba(0, 98, 124, 0.35) 100%);
  color: #ffffff;
  border-color: rgba(111, 223, 255, 0.45);
}

.bf-profile-page .bf-profile-panel {
  display: none;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(143, 208, 224, 0.2);
  border-radius: 14px;
  padding: 18px;
}

.bf-profile-page .bf-profile-panel.is-active {
  display: block;
}

.bf-profile-page .bf-profile-fields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.bf-profile-page .bf-profile-form label {
  display: block !important;
  float: none !important;
}

.bf-profile-page .bf-profile-form section > header {
  float: none !important;
  width: 100% !important;
}

.bf-profile-page .bf-profile-picture-preview {
  display: grid;
  gap: 12px;
  justify-items: center;
}

.bf-profile-page .bf-profile-picture-preview-image {
  width: 180px;
  height: 180px;
  object-fit: cover;
  border-radius: 999px;
  border: 3px solid rgba(226, 245, 255, 0.9);
}

.bf-profile-page .bf-profile-empty-state h3 {
  margin: 0 0 6px 0;
  color: inherit;
}

.bf-profile-page .bf-profile-empty-state p {
  margin: 0;
  color: inherit;
}

.bf-profile-page input[type="text"],
.bf-profile-page input[type="email"],
.bf-profile-page input[type="password"],
.bf-profile-page input[type="file"],
.bf-profile-page textarea,
.bf-profile-page select {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

.bf-profile-page input::placeholder,
.bf-profile-page textarea::placeholder {
  color: #64748b !important;
}

.bf-profile-page .bf-profile-file-input {
  padding: 0.35rem !important;
}

.bf-profile-page .bf-profile-file-input::file-selector-button,
.bf-profile-page .bf-profile-file-input::-webkit-file-upload-button {
  margin-right: 10px !important;
  border: 1px solid #0ea5c6 !important;
  background: linear-gradient(180deg, #18aacd 0%, #0a8bab 100%) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 7px 12px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

body:not(.lightmode) .bf-profile-page input[type="text"],
body:not(.lightmode) .bf-profile-page input[type="email"],
body:not(.lightmode) .bf-profile-page input[type="password"],
body:not(.lightmode) .bf-profile-page input[type="file"],
body:not(.lightmode) .bf-profile-page textarea,
body:not(.lightmode) .bf-profile-page select {
  background: #0f1724 !important;
  color: #d8e4f2 !important;
  border-color: #2f485f !important;
}

body:not(.lightmode) .bf-profile-page input::placeholder,
body:not(.lightmode) .bf-profile-page textarea::placeholder {
  color: #90a1b5 !important;
}

body:not(.lightmode) .bf-profile-page .bf-profile-file-input::file-selector-button,
body:not(.lightmode) .bf-profile-page .bf-profile-file-input::-webkit-file-upload-button {
  border-color: #2f8ca4 !important;
  background: linear-gradient(180deg, #10718a 0%, #0b566f 100%) !important;
  color: #e6f7ff !important;
}

body:not(.lightmode) .bf-profile-page .bf-profile-panel,
body:not(.lightmode) .bf-profile-page .bf-profile-sidebar {
  color: #d8e4f2;
}

body:not(.lightmode) .bf-profile-page button.bg-gray-800 {
  background: var(--bf-primary) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

body:not(.lightmode) .bf-profile-page button.bg-gray-800:hover,
body:not(.lightmode) .bf-profile-page button.bg-gray-800:focus {
  background: var(--bf-primary-glow) !important;
  color: #ffffff !important;
}

body.lightmode .bf-profile-page .bf-profile-shell {
  background: linear-gradient(180deg, rgba(241, 249, 255, 0.98) 0%, rgba(232, 244, 252, 0.98) 100%);
  border-color: rgba(31, 111, 138, 0.25);
  box-shadow: 0 14px 28px rgba(15, 42, 75, 0.12);
}

body.lightmode .bf-profile-page .bf-profile-sidebar,
body.lightmode .bf-profile-page .bf-profile-panel {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(31, 111, 138, 0.2);
  color: #1a2f49;
}

body.lightmode .bf-profile-page .bf-profile-meta dt {
  color: #3f5f80;
}

body.lightmode .bf-profile-page .bf-profile-meta dd {
  color: #163451;
}

body.lightmode .bf-profile-page .bf-profile-tab {
  background: #f8fbff;
  border-color: #d1e6f5;
  color: #1d3a57;
}

body.lightmode .bf-profile-page .bf-profile-tab.is-active {
  background: linear-gradient(180deg, rgba(0, 144, 177, 0.16) 0%, rgba(0, 98, 124, 0.14) 100%);
  border-color: rgba(0, 144, 177, 0.4);
  color: #0f2740;
}

body.lightmode .bf-profile-page .bf-profile-side-btn {
  background: #ffffff;
  color: #123a56;
  border-color: #d1e6f5;
}

@media (max-width: 1024px) {
  .bf-profile-page .bf-profile-layout {
    grid-template-columns: 1fr;
  }

  .bf-profile-page .bf-profile-fields-grid {
    grid-template-columns: 1fr;
  }

  .bf-profile-page .bf-profile-side-actions {
    grid-template-columns: 1fr;
  }
}

/* ══════════════════════════════════════════════════════
   ANNONCES SLIDER section
══════════════════════════════════════════════════════ */
.listActive .point {
  background-color: rgba(0,144,177,0.3) !important;
  border: 1px solid rgba(0,144,177,0.5) !important;
  transition: all var(--transition);
}
.listActive .point.activePoint {
  background-color: var(--bf-primary) !important;
  box-shadow: var(--glow-sm) !important;
  transform: scale(1.3);
}

/* ══════════════════════════════════════════════════════
   DONATION PAGE
══════════════════════════════════════════════════════ */
.coinImg img,
.enterCoinImg img,
.exitCoinImg img,
.headBand img {
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-card) !important;
}

/* ══════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════ */
@media (max-width: 800px) {
  .th, .th.lightmode, body.lightmode .th {
    background: var(--bf-bg) !important;
  }
  body.lightmode .th,
  body.lightmode .th .centernav,
  body.lightmode #main-menu {
    background: transparent !important;
  }
  .mainholder > main#content {
    margin-top: 58px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .bs:hover { transform: none; }
  .listupd .utao .uta:hover { transform: none; }
}

@media (min-width: 801px) {
  .mainholder > main#content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 480px) {
  h1, h2 { font-size: 16px !important; }
  .releases h2 { font-size: 11px !important; }
}

/* Mobile burger menu layering + lightmode background */
@media (max-width: 890px) {
  .th,
  .th .centernav {
    position: relative !important;
    z-index: 1048 !important;
  }

  .shme,
  #nav-burger {
    position: relative !important;
    z-index: 1049 !important;
  }

  #main-menu.shwx {
    position: fixed !important;
    top: 66px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(100dvh - 66px) !important;
    max-height: calc(100dvh - 66px) !important;
    overflow-y: auto !important;
    z-index: 1048 !important;
    background: linear-gradient(180deg, rgba(8,9,15,0.97) 0%, rgba(12,14,28,0.99) 100%) !important;
    border-top: 1px solid rgba(0, 144, 177, 0.28) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }
}

body.lightmode #main-menu.shwx {
  background: linear-gradient(180deg, rgba(248,252,255,0.98) 0%, rgba(234,244,252,0.98) 100%) !important;
  border-top: 1px solid rgba(0, 144, 177, 0.26) !important;
  box-shadow: 0 14px 32px rgba(12, 41, 73, 0.16) !important;
}

body.lightmode #main-menu.shwx ul#menu-header > li > a,
body.lightmode #main-menu.shwx ul#menu-header > li > a span {
  color: #163451 !important;
}


/* ── FIX LOGO SIZE — cibler tous les sélecteurs possibles ── */
.logos img,
.logos a img,
.site-branding img,
.logox img,
header .logos img,
.th .logos img,
#main-menu .logos img,
.centernav .logos img,
.centernav .logo img,
#main-menu .centernav .logo img,
.th .centernav .logo img {
  max-height: 50px !important;
  height: 50px !important;
  width: auto !important;
  max-width: 200px !important;
  object-fit: contain !important;
  display: block !important;
}
body.lightmode .logos .logo-pill-link .navbar-logo-image {
  height: 44px !important;
  max-height: 44px !important;
  max-width: 220px !important;
}

/* ══════════════════════════════════════════════════════
   IMAGES DA BLUEFLOWER — Logo, Header BG, Cadres
══════════════════════════════════════════════════════ */


/* ── HEADER / NAVBAR ─────────────────────────────── */



/* .th::after supprimé */

/* ── Catalogue filters: force readable text in inputs/selects ── */
#series-filters input,
#series-filters select,
#teams-filters input,
#teams-filters select {
  color: #0f172a !important;
  background: #ffffff !important;
}

#series-filters input::placeholder,
#teams-filters input::placeholder {
  color: #64748b !important;
}

body:not(.lightmode) #series-filters input,
body:not(.lightmode) #series-filters select,
body:not(.lightmode) #teams-filters input,
body:not(.lightmode) #teams-filters select {
  color: #e2e8f0 !important;
  background: #1e293b !important;
  border-color: #334155 !important;
}

body:not(.lightmode) #series-filters input::placeholder,
body:not(.lightmode) #teams-filters input::placeholder {
  color: #94a3b8 !important;
}

/* Team submission forms: force readable controls in both themes */

#teams-add-serie-form input[type="text"],
#teams-add-serie-form input[type="file"],
#teams-add-serie-form select,
#teams-add-serie-form textarea,
#teams-add-chapter-form input[type="text"],
#teams-add-chapter-form input[type="file"],
#teams-add-chapter-form select,
#teams-add-chapter-form textarea {
  color: #0f172a !important;
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
}

#teams-add-serie-form input::placeholder,
#teams-add-serie-form textarea::placeholder,
#teams-add-chapter-form input::placeholder,
#teams-add-chapter-form textarea::placeholder {
  color: #64748b !important;
}

#teams-add-serie-form select option,
#teams-add-chapter-form select option {
  background: #ffffff !important;
  color: #0f172a !important;
}

#teams-add-serie-form input[type="file"]::file-selector-button,
#teams-add-chapter-form input[type="file"]::file-selector-button {
  background: #0284c7 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
}

body:not(.lightmode) #teams-add-serie-form input[type="text"],
body:not(.lightmode) #teams-add-serie-form input[type="file"],
body:not(.lightmode) #teams-add-serie-form select,
body:not(.lightmode) #teams-add-serie-form textarea,
body:not(.lightmode) #teams-add-chapter-form input[type="text"],
body:not(.lightmode) #teams-add-chapter-form input[type="file"],
body:not(.lightmode) #teams-add-chapter-form select,
body:not(.lightmode) #teams-add-chapter-form textarea {
  color: #e2e8f0 !important;
  background: #1e293b !important;
  border-color: #334155 !important;
}

body:not(.lightmode) #teams-add-serie-form input::placeholder,
body:not(.lightmode) #teams-add-serie-form textarea::placeholder,
body:not(.lightmode) #teams-add-chapter-form input::placeholder,
body:not(.lightmode) #teams-add-chapter-form textarea::placeholder {
  color: #94a3b8 !important;
}

body:not(.lightmode) #teams-add-serie-form select option,
body:not(.lightmode) #teams-add-chapter-form select option {
  background: #0f172a !important;
  color: #e2e8f0 !important;
}

body:not(.lightmode) #teams-add-serie-form input[type="file"]::file-selector-button,
body:not(.lightmode) #teams-add-chapter-form input[type="file"]::file-selector-button {
  background: #0369a1 !important;
  color: #e2e8f0 !important;
}

/* Team submission CTA/buttons/radios/modal: keep strong contrast in both themes */
#teams-add-serie-cancel,
#teams-add-chapter-cancel,
#open-partner-modal,
#confirm-partners,
#close-partner-modal,
#teams-add-chapter-form .teams-upload-mode-option,
#teams-add-chapter-form .teams-partner-option {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

#teams-add-serie-cancel:hover,
#teams-add-chapter-cancel:hover,
#open-partner-modal:hover,
#confirm-partners:hover,
#close-partner-modal:hover,
#teams-add-chapter-form .teams-upload-mode-option:hover,
#teams-add-chapter-form .teams-partner-option:hover {
  background: #f1f5f9 !important;
}

#teams-add-chapter-form .teams-upload-mode-radio {
  accent-color: #0284c7 !important;
}

#teams-add-chapter-form .teams-partner-option.teams-partner-option-disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

#partner-modal {
  background: rgba(2, 6, 23, 0.7) !important;
}

#partner-modal-panel {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
}

body:not(.lightmode) #teams-add-serie-cancel,
body:not(.lightmode) #teams-add-chapter-cancel,
body:not(.lightmode) #open-partner-modal,
body:not(.lightmode) #confirm-partners,
body:not(.lightmode) #close-partner-modal,
body:not(.lightmode) #teams-add-chapter-form .teams-upload-mode-option,
body:not(.lightmode) #teams-add-chapter-form .teams-partner-option {
  background: #0f172a !important;
  color: #e2e8f0 !important;
  border-color: #334155 !important;
}

body:not(.lightmode) #teams-add-serie-cancel:hover,
body:not(.lightmode) #teams-add-chapter-cancel:hover,
body:not(.lightmode) #open-partner-modal:hover,
body:not(.lightmode) #confirm-partners:hover,
body:not(.lightmode) #close-partner-modal:hover,
body:not(.lightmode) #teams-add-chapter-form .teams-upload-mode-option:hover,
body:not(.lightmode) #teams-add-chapter-form .teams-partner-option:hover {
  background: #1e293b !important;
}

body:not(.lightmode) #partner-modal-panel {
  background: #0f172a !important;
  border-color: #334155 !important;
}

/* Team dashboard: enforce dark palette with custom lightmode switch system */
body:not(.lightmode) #team-dashboard section,
body:not(.lightmode) #team-dashboard article {
  border-color: #334155 !important;
}

body:not(.lightmode) #team-dashboard .bg-white,
body:not(.lightmode) #team-dashboard .bg-white\/95,
body:not(.lightmode) #team-dashboard .bg-slate-50\/70,
body:not(.lightmode) #team-dashboard .bg-slate-900\/50,
body:not(.lightmode) #team-dashboard .dark\:bg-slate-900\/85,
body:not(.lightmode) #team-dashboard .dark\:bg-slate-800\/70 {
  background: #0f172a !important;
}

body:not(.lightmode) #team-dashboard .text-slate-900 {
  color: #e2e8f0 !important;
}

body:not(.lightmode) #team-dashboard .text-slate-700,
body:not(.lightmode) #team-dashboard .text-slate-600,
body:not(.lightmode) #team-dashboard .text-slate-500 {
  color: #94a3b8 !important;
}

body:not(.lightmode) #team-dashboard .border-slate-200,
body:not(.lightmode) #team-dashboard .border-slate-200\/80,
body:not(.lightmode) #team-dashboard .border-slate-100 {
  border-color: #334155 !important;
}

body:not(.lightmode) #team-dashboard a {
  color: #e2e8f0 !important;
}

body:not(.lightmode) #team-dashboard a:hover {
  color: #7dd3fc !important;
}

/* Reader chapter switcher: force readable select in both themes */
.bf-reader-nav-controls .bf-reader-chapter-switch {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

.bf-reader-nav-controls .bf-reader-chapter-switch option {
  background: #ffffff !important;
  color: #0f172a !important;
}

:root:not(.lightmode) .bf-reader-nav-controls .bf-reader-chapter-switch,
body:not(.lightmode) .bf-reader-nav-controls .bf-reader-chapter-switch {
  background: #0f1724 !important;
  color: #e2e8f0 !important;
  border-color: #334155 !important;
}

:root:not(.lightmode) .bf-reader-nav-controls .bf-reader-chapter-switch option,
body:not(.lightmode) .bf-reader-nav-controls .bf-reader-chapter-switch option {
  background: #0f1724 !important;
  color: #e2e8f0 !important;
}

/* Navbar desktop: keep one line, stable auth area, functional search button */
@media (min-width: 891px) {
  .th .centernav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }

  .th .centernav > .shme {
    display: none !important;
  }

  .th .centernav > header {
    order: 1 !important;
    flex: 0 0 auto !important;
  }

  #main-menu {
    order: 2 !important;
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  #main-menu ul#menu-header {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    float: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  #main-menu ul#menu-header::-webkit-scrollbar {
    display: none !important;
  }

  #main-menu ul#menu-header > li {
    float: none !important;
    flex: 0 0 auto !important;
  }

  .searchx.minmb {
    order: 3 !important;
    float: none !important;
    flex: 0 0 210px !important;
    width: 210px !important;
    margin: 0 !important;
  }

  .login-btn.st-bt {
    order: 5 !important;
    float: none !important;
    margin: 0 !important;
    flex: 0 0 138px !important;
    min-width: 138px !important;
    display: flex !important;
    justify-content: flex-end !important;
  }

  #thememode {
    order: 4 !important;
    float: none !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .login-btn.st-bt #user,
  .login-btn.st-bt .top-profile {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  .login-btn.st-bt .bf-login-trigger {
    width: 132px !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  .login-btn.st-bt .avatar img {
    width: 42px !important;
    height: 42px !important;
  }

  #thememode .xt {
    display: none !important;
  }
}

@media (min-width: 891px) and (max-width: 1180px) {
  .searchx.minmb {
    flex-basis: 180px !important;
    width: 180px !important;
  }

  #main-menu ul#menu-header > li > a {
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  .login-btn.st-bt {
    flex-basis: 124px !important;
    min-width: 124px !important;
  }

  .login-btn.st-bt .bf-login-trigger {
    width: 118px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

.searchx form {
  position: relative !important;
}

.bf-navbar-search-submit {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: 0 !important;
  color: #8fb8d6 !important;
  padding: 2px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.bf-navbar-search-submit:hover {
  color: #00c8f0 !important;
}

body.lightmode .bf-navbar-search-submit {
  color: #356184 !important;
}

body.lightmode .bf-navbar-search-submit:hover {
  color: #0090b1 !important;
}

/* Catalogue buttons: explicit dark mode contrast override */
body:not(.lightmode) .bf-catalog-btn-primary {
  background: #22d3ee !important;
  color: #0b1220 !important;
  border: 1px solid #67e8f9 !important;
}
body:not(.lightmode) .bf-catalog-btn-primary:hover {
  background: #67e8f9 !important;
  color: #020617 !important;
}

body:not(.lightmode) .bf-catalog-btn-secondary,
body:not(.lightmode) .bf-catalog-btn-nav,
body:not(.lightmode) .bf-catalog-btn-page {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-color: #475569 !important;
}

body:not(.lightmode) .bf-catalog-btn-secondary:hover,
body:not(.lightmode) .bf-catalog-btn-nav:hover {
  background: #1e293b !important;
  color: #ffffff !important;
  border-color: #22d3ee !important;
}

body:not(.lightmode) .bf-catalog-btn-nav:disabled {
  background: #111827 !important;
  color: #64748b !important;
  border-color: #334155 !important;
}

/* Team detail: ensure strong dark mode rendering for series section */
body:not(.lightmode) #team-series {
  background: #0f172a !important;
  border-color: #1f2937 !important;
}

body:not(.lightmode) #team-series .bf-team-series-card {
  background: #1e293b !important;
  border-color: #334155 !important;
}

body:not(.lightmode) #team-series .bf-team-series-card:hover {
  border-color: rgba(56, 189, 248, 0.75) !important;
}

body:not(.lightmode) #team-series .bf-team-series-cover {
  background: #0f172a !important;
}

body:not(.lightmode) #team-series .bf-team-series-no-cover {
  color: #94a3b8 !important;
}

body:not(.lightmode) #team-series .bf-team-series-title,
body:not(.lightmode) #team-series .bf-team-series-title a {
  color: #f1f5f9 !important;
}

body:not(.lightmode) #team-series .bf-team-series-meta {
  color: #cbd5e1 !important;
}







/* ── BIXBOX / SECTIONS : cadre roses sur les bords ─── */




/* hero section: pas de background forcé */

/* ── FOOTER : cadre décoratif léger ─────────────────── */
#footer,
footer {
  position: relative !important;
  overflow: hidden !important;
}



/* ── SIDEBAR : petit logo décoratif ─────────────────── */
#sidebar .section:first-child::after {
  content: '' !important;
  display: block !important;
  width: 60px !important;
  height: 60px !important;
  margin: 8px auto !important;
  background: url('../img/logo.png') center/contain no-repeat !important;
  opacity: 0.3 !important;
}

/* Chapter card light mode overrides (default card is dark) */
.lightmode .bf-chapter-card {
  background: #ffffff !important;
  border-color: #cfe4f2 !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12) !important;
}

.lightmode .bf-chapter-card .bf-chapter-card__panel {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: inset 0 0 0 1px #d9ebf7 !important;
}

.lightmode .bf-chapter-card .bf-chapter-card__title,
.lightmode .bf-chapter-card .bf-chapter-card__score,
.lightmode .bf-chapter-card .bf-chapter-card__chapter-label {
  color: #172b45 !important;
}

.lightmode .bf-chapter-card .bf-chapter-card__chapter-title {
  color: #4d6785 !important;
}

.lightmode .bf-chapter-card .bf-chapter-card__chapter-meta {
  color: #3e5873 !important;
}

.lightmode .bf-chapter-card .bf-chapter-card__chapter {
  background: #f3f8fd !important;
  border-color: #d7e8f4 !important;
}

.lightmode .bf-chapter-card .bf-chapter-card__chapter:hover {
  background: #e8f4fd !important;
}

/* Admin dashboard */
#admin-dashboard {
  margin-top: 16px !important;
}

#admin-dashboard .bf-admin-panel {
  border-radius: 24px !important;
  border: 1px solid #d9e7f3 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
  padding: 20px !important;
}

#admin-dashboard .bf-admin-title {
  margin: 0 !important;
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  color: #13273f !important;
}

#admin-dashboard .bf-admin-subtitle {
  margin: 8px 0 0 !important;
  color: #425a77 !important;
  font-size: 0.95rem !important;
}

#admin-dashboard .bf-admin-section-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}

#admin-dashboard .bf-admin-section-head-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

#admin-dashboard .bf-admin-section-title {
  margin: 0 !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #13273f !important;
  text-indent: 1.2rem;
}

#admin-dashboard .bf-admin-section-subtitle {
  margin: 0 !important;
  color: #5a718b !important;
  font-size: 0.85rem !important;
}

#admin-dashboard .bf-admin-alert {
  border-radius: 16px !important;
  border: 1px solid !important;
  padding: 12px 14px !important;
  font-size: 0.9rem !important;
}

#admin-dashboard .bf-admin-alert-success {
  border-color: #68cc9d !important;
  background: #ebfbf2 !important;
  color: #13653e !important;
}

#admin-dashboard .bf-admin-alert-danger {
  border-color: #f2a2a2 !important;
  background: #fff0f0 !important;
  color: #872f2f !important;
}

#admin-dashboard .bf-admin-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: 10px !important;
}

#admin-dashboard .bf-admin-stat-card {
  border: 1px solid #d7e5f1 !important;
  border-radius: 14px !important;
  background: #f7fbff !important;
  padding: 12px !important;
}

#admin-dashboard .bf-admin-stat-label {
  margin: 0 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #5d7590 !important;
}

#admin-dashboard .bf-admin-stat-value {
  margin: 6px 0 0 !important;
  font-size: 1.28rem !important;
  font-weight: 700 !important;
  color: #13273f !important;
}

#admin-dashboard .bf-admin-chart-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 12px !important;
}

#admin-dashboard .bf-admin-chart-controls {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

#admin-dashboard .bf-admin-chart-filter {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

#admin-dashboard .bf-admin-chart-filter > span {
  margin: 0 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #5d7590 !important;
}

#admin-dashboard .bf-admin-chart-card {
  border: 1px solid #d7e5f1 !important;
  border-radius: 16px !important;
  background: #f7fbff !important;
  padding: 12px !important;
}

#admin-dashboard .bf-admin-chart-card-single {
  padding: 16px !important;
}

#admin-dashboard .bf-admin-chart-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}

#admin-dashboard .bf-admin-chart-title {
  margin: 0 !important;
  color: #13273f !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
}

#admin-dashboard .bf-admin-chart-meta {
  display: flex !important;
  flex-direction: column !important;
  text-align: right !important;
  gap: 2px !important;
  color: #4e6781 !important;
  font-size: 0.72rem !important;
}

#admin-dashboard .bf-admin-bars {
  height: 108px !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 4px !important;
}

#admin-dashboard .bf-admin-chart-plot {
  position: relative !important;
  height: 240px !important;
  margin-top: 6px !important;
}

#admin-dashboard .bf-admin-chart-grid-lines {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

#admin-dashboard .bf-admin-chart-grid-line {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  border-top: 1px solid rgba(95, 126, 153, 0.25) !important;
}

#admin-dashboard .bf-admin-chart-grid-label {
  position: absolute !important;
  left: 0 !important;
  top: -9px !important;
  font-size: 0.68rem !important;
  color: #607a95 !important;
  background: rgba(247, 251, 255, 0.92) !important;
  padding: 0 5px !important;
}

#admin-dashboard .bf-admin-bars-main {
  position: relative !important;
  z-index: 2 !important;
  height: 100% !important;
  gap: 6px !important;
}

#admin-dashboard .bf-admin-chart-xlabels {
  margin-top: 6px !important;
  display: flex !important;
  gap: 6px !important;
}

#admin-dashboard .bf-admin-chart-xlabel {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  text-align: center !important;
  font-size: 0.62rem !important;
  line-height: 1.1 !important;
  color: #607a95 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#admin-dashboard .bf-admin-bar {
  flex: 1 1 0 !important;
  min-width: 5px !important;
  border-radius: 6px 6px 2px 2px !important;
  background: linear-gradient(180deg, #00c8f0 0%, #007da0 100%) !important;
}

#admin-dashboard .bf-admin-chart-range {
  margin: 10px 0 0 !important;
  color: #4e6781 !important;
  font-size: 0.8rem !important;
}

#admin-dashboard .bf-admin-team-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 14px !important;
}

#admin-dashboard .bf-admin-team-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  padding-right: 4px !important;
}

#admin-dashboard .bf-admin-team-list-row {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 12px !important;
  background: #f7fbff !important;
  padding: 11px 12px !important;
  cursor: pointer !important;
  text-align: left !important;
}

#admin-dashboard .bf-admin-team-list-row:hover {
  border-color: #8fc2df !important;
  background: #eff7fe !important;
}

#admin-dashboard .bf-admin-team-list-name {
  color: #13273f !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
}

#admin-dashboard .bf-admin-team-list-count {
  color: #4e6781 !important;
  font-size: 0.78rem !important;
  white-space: nowrap !important;
}

#admin-dashboard .bf-admin-team-partner-form {
  margin-top: 10px !important;
}

#admin-dashboard .bf-admin-team-partner-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  cursor: pointer !important;
}

#admin-dashboard .bf-admin-team-partner-toggle input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

#admin-dashboard .bf-admin-team-partner-track {
  position: relative !important;
  width: 44px !important;
  height: 24px !important;
  border-radius: 999px !important;
  border: 1px solid #b9d0e2 !important;
  background: #e8f1f8 !important;
  transition: all 0.2s ease !important;
}

#admin-dashboard .bf-admin-team-partner-thumb {
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.2s ease !important;
}

#admin-dashboard .bf-admin-team-partner-label {
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #2b4863 !important;
}

#admin-dashboard .bf-admin-team-partner-toggle input[type="checkbox"]:checked + .bf-admin-team-partner-track {
  border-color: #0f8cb1 !important;
  background: #0f8cb1 !important;
}

#admin-dashboard .bf-admin-team-partner-toggle input[type="checkbox"]:checked + .bf-admin-team-partner-track .bf-admin-team-partner-thumb {
  left: 22px !important;
}

#admin-dashboard .bf-admin-team-card {
  border: 1px solid #d7e5f1 !important;
  border-radius: 16px !important;
  background: #f7fbff !important;
  padding: 14px !important;
}

#admin-dashboard .bf-admin-team-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
}

#admin-dashboard .bf-admin-team-head-modal {
  margin-top: 12px !important;
}

#admin-dashboard .bf-admin-link-btn {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

#admin-dashboard .bf-admin-team-title {
  margin: 0 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #13273f !important;
}

#admin-dashboard .bf-admin-link {
  color: #0f4f75 !important;
  font-size: 0.78rem !important;
  text-decoration: underline !important;
}

#admin-dashboard .bf-admin-team-stats {
  margin-top: 9px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  color: #4e6781 !important;
  font-size: 0.78rem !important;
}

#admin-dashboard .bf-admin-editors-list {
  margin-top: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

#admin-dashboard .bf-admin-editor-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  padding: 9px 10px !important;
}

#admin-dashboard .bf-admin-editor-name {
  margin: 0 !important;
  color: #13273f !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
}

#admin-dashboard .bf-admin-editor-mail {
  margin: 2px 0 0 !important;
  color: #4e6781 !important;
  font-size: 0.72rem !important;
}

#admin-dashboard .bf-admin-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border-radius: 999px !important;
  border: 1px solid #b8d5e8 !important;
  background: #eff7fe !important;
  color: #1d3f5f !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  padding: 3px 9px !important;
}

#admin-dashboard .bf-admin-chip-chief {
  border-color: #a2b8ff !important;
  background: #edf0ff !important;
  color: #2f3f86 !important;
}

#admin-dashboard .bf-admin-chip-editor {
  border-color: #9edab8 !important;
  background: #ecf9f1 !important;
  color: #1f6b45 !important;
}

#admin-dashboard .bf-admin-chip-member {
  border-color: #bfd5e6 !important;
  background: #edf4fa !important;
  color: #2c4a66 !important;
}

#admin-dashboard .bf-admin-genre-preview {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

#admin-dashboard .bf-admin-actions {
  margin-top: 14px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

#admin-dashboard .bf-admin-empty {
  color: #5a718b !important;
  font-size: 0.86rem !important;
}

#admin-dashboard .bf-admin-divider {
  margin: 14px 0 !important;
  border-color: #d7e5f1 !important;
}

#admin-dashboard .bf-admin-input {
  width: 100% !important;
  border: 1px solid #bdd6e8 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0f2740 !important;
  padding: 8px 10px !important;
}

#admin-dashboard .bf-admin-input::placeholder {
  color: #6a849d !important;
}

#admin-dashboard .bf-admin-input:focus {
  outline: none !important;
  border-color: #20a8cc !important;
  box-shadow: 0 0 0 2px rgba(32, 168, 204, 0.15) !important;
}

#admin-dashboard .bf-admin-team-create-panel {
  max-width: 880px !important;
  margin: 0 auto !important;
}

#admin-dashboard .bf-admin-team-create-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

#admin-dashboard .bf-admin-team-create-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

#admin-dashboard .bf-admin-team-create-label {
  font-size: 0.8rem !important;
  color: #33506d !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

#admin-dashboard .bf-admin-team-create-help {
  font-size: 0.73rem !important;
  color: #5e7a96 !important;
}

#admin-dashboard .bf-admin-team-create-error {
  font-size: 0.76rem !important;
  color: #b91c1c !important;
  font-weight: 600 !important;
}

#admin-dashboard .bf-admin-team-create-textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

#admin-dashboard .bf-admin-team-create-actions {
  margin-top: 8px !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}

#admin-dashboard .bf-admin-file-input {
  cursor: pointer !important;
  padding: 6px !important;
}

#admin-dashboard .bf-admin-file-input::file-selector-button {
  margin-right: 10px !important;
  border: 1px solid #0b86ab !important;
  background: #0896be !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 7px 10px !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

#admin-dashboard .bf-admin-file-input::-webkit-file-upload-button {
  margin-right: 10px !important;
  border: 1px solid #0b86ab !important;
  background: #0896be !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 7px 10px !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

#admin-dashboard .bf-admin-banner-preview {
  border: 1px dashed #bcd4e6 !important;
  border-radius: 12px !important;
  background: #f5fafe !important;
  min-height: 165px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 8px !important;
}

#admin-dashboard .bf-admin-banner-preview-image {
  width: 100% !important;
  height: 100% !important;
  max-height: 260px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

#admin-dashboard .bf-admin-banner-preview-placeholder {
  color: #60809e !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

#admin-dashboard .bf-admin-chief-autocomplete {
  position: relative !important;
}

#admin-dashboard .bf-admin-chief-results {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% - 4px) !important;
  z-index: 30 !important;
  border: 1px solid #b7cfdf !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12) !important;
  overflow: hidden !important;
}

#admin-dashboard .bf-admin-chief-result-item {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  padding: 9px 10px !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  cursor: pointer !important;
}

#admin-dashboard .bf-admin-chief-result-item:hover {
  background: #eff7fe !important;
}

#admin-dashboard .bf-admin-chief-result-name {
  font-size: 0.84rem !important;
  color: #13273f !important;
  font-weight: 600 !important;
}

#admin-dashboard .bf-admin-chief-result-email {
  font-size: 0.74rem !important;
  color: #587592 !important;
}

#admin-dashboard .bf-admin-chief-result-empty {
  padding: 10px !important;
  color: #5a718b !important;
  font-size: 0.8rem !important;
}

#admin-dashboard .bf-admin-btn {
  border-radius: 10px !important;
  border: 1px solid !important;
  padding: 7px 11px !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

#admin-dashboard .bf-admin-btn-primary {
  background: #0896be !important;
  border-color: #0b86ab !important;
  color: #ffffff !important;
}

#admin-dashboard .bf-admin-btn-danger {
  background: #fbe5e5 !important;
  border-color: #e8b0b0 !important;
  color: #8f2b2b !important;
}

#admin-dashboard .bf-admin-btn-muted {
  background: #eef4fa !important;
  border-color: #bfd5e6 !important;
  color: #2c4a66 !important;
}

.bf-admin-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2600 !important;
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
}

.bf-admin-modal[hidden] {
  display: none !important;
}

.bf-admin-modal-overlay {
  position: absolute !important;
  inset: 0 !important;
  border: 0 !important;
  background: rgba(0, 0, 0, 0.58) !important;
}

.bf-admin-modal-panel {
  position: relative !important;
  width: min(720px, 100%) !important;
  max-height: calc(100vh - 40px) !important;
  overflow: auto !important;
  border-radius: 18px !important;
  border: 1px solid #bdd6e8 !important;
  background: #ffffff !important;
  box-shadow: 0 35px 85px rgba(2, 12, 29, 0.35) !important;
  padding: 16px !important;
}

.bf-admin-modal-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.bf-admin-modal-close {
  border: 1px solid #c5d8e7 !important;
  background: #f2f7fb !important;
  color: #24425e !important;
  border-radius: 8px !important;
  width: 30px !important;
  height: 30px !important;
  font-weight: 700 !important;
}

.bf-admin-modal-text {
  margin: 10px 0 12px !important;
  color: #24425e !important;
}

#admin-dashboard .bf-admin-genre-add-row {
  margin-top: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#admin-dashboard .bf-admin-genre-add-row .bf-admin-input {
  flex: 1 1 auto !important;
}

#admin-dashboard .bf-admin-genre-tags {
  margin-top: 12px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

#admin-dashboard .bf-admin-genre-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid #bfd7e8 !important;
  border-radius: 999px !important;
  background: #f2f8fd !important;
  padding: 4px 8px !important;
}

#admin-dashboard .bf-admin-genre-tag-label {
  color: #1a3652 !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
}

#admin-dashboard .bf-admin-genre-tag-delete {
  border: 0 !important;
  background: transparent !important;
  color: #8f2b2b !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 1 !important;
  font-size: 0.86rem !important;
  border-radius: 999px !important;
  cursor: pointer !important;
}

#admin-dashboard .bf-admin-genre-tag-delete:hover {
  background: rgba(220, 53, 69, 0.14) !important;
}

.bf-admin-genres-list {
  margin-top: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.bf-admin-genre-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 12px !important;
  background: #f7fbff !important;
  padding: 9px 10px !important;
}

.bf-admin-add-genre {
  margin-top: 10px !important;
}

.bf-admin-add-genre-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

body.bf-modal-open {
  overflow: hidden !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-panel {
  border-color: #1f2e42 !important;
  background: rgba(15, 23, 42, 0.9) !important;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.36) !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-title,
body:not(.lightmode) #admin-dashboard .bf-admin-section-title,
body:not(.lightmode) #admin-dashboard .bf-admin-team-title,
body:not(.lightmode) #admin-dashboard .bf-admin-editor-name,
body:not(.lightmode) #admin-dashboard .bf-admin-chart-title,
body:not(.lightmode) #admin-dashboard .bf-admin-stat-value {
  color: #e2ecff !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-subtitle,
body:not(.lightmode) #admin-dashboard .bf-admin-section-subtitle,
body:not(.lightmode) #admin-dashboard .bf-admin-stat-label,
body:not(.lightmode) #admin-dashboard .bf-admin-team-stats,
body:not(.lightmode) #admin-dashboard .bf-admin-editor-mail,
body:not(.lightmode) #admin-dashboard .bf-admin-empty,
body:not(.lightmode) #admin-dashboard .bf-admin-chart-meta,
body:not(.lightmode) #admin-dashboard .bf-admin-chart-range,
body:not(.lightmode) #admin-dashboard .bf-admin-chart-filter > span,
body:not(.lightmode) #admin-dashboard .bf-admin-chart-grid-label,
body:not(.lightmode) #admin-dashboard .bf-admin-chart-xlabel,
body:not(.lightmode) #admin-dashboard .bf-admin-modal-text {
  color: #a7bdd5 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-chart-grid-line {
  border-top-color: rgba(143, 175, 204, 0.25) !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-chart-grid-label {
  background: rgba(24, 39, 60, 0.9) !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-stat-card,
body:not(.lightmode) #admin-dashboard .bf-admin-team-card,
body:not(.lightmode) #admin-dashboard .bf-admin-team-list-row,
body:not(.lightmode) #admin-dashboard .bf-admin-chart-card,
body:not(.lightmode) #admin-dashboard .bf-admin-editor-row,
body:not(.lightmode) #admin-dashboard .bf-admin-genre-row {
  border-color: #2d4360 !important;
  background: #18273c !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-team-list-row:hover {
  border-color: #4a7599 !important;
  background: #20344d !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-team-list-name {
  color: #e2ecff !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-team-list-count {
  color: #a7bdd5 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-team-partner-track {
  border-color: #395977 !important;
  background: #223953 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-team-partner-thumb {
  background: #e2e8f0 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-team-partner-label {
  color: #cfe0f1 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-genre-tag {
  border-color: #385777 !important;
  background: #1a2f46 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-genre-tag-label {
  color: #d7e6f6 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-genre-tag-delete {
  color: #fecaca !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-genre-tag-delete:hover {
  background: rgba(248, 113, 113, 0.18) !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-chip {
  border-color: #325877 !important;
  background: #15293f !important;
  color: #c8dcf1 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-chip-member {
  border-color: #3a5673 !important;
  background: #1a2c43 !important;
  color: #c2d7eb !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-btn-primary {
  background: #0f8cb1 !important;
  border-color: #1bb6d5 !important;
  color: #f5fbff !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-btn-danger {
  background: rgba(159, 46, 46, 0.16) !important;
  border-color: rgba(220, 110, 110, 0.5) !important;
  color: #fecaca !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-btn-muted {
  background: rgba(56, 78, 107, 0.5) !important;
  border-color: #4f6482 !important;
  color: #d2dff0 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-input {
  border-color: #375274 !important;
  background: #0f1b2d !important;
  color: #e4edfa !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-input::placeholder {
  color: #7e9ab6 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-team-create-label {
  color: #cbdff3 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-team-create-help {
  color: #95b0cb !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-team-create-error {
  color: #fca5a5 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-file-input {
  border-color: #375274 !important;
  background: #0f1b2d !important;
  color: #d8e6f5 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-file-input::file-selector-button {
  border-color: #1bb6d5 !important;
  background: #0f8cb1 !important;
  color: #f5fbff !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-file-input::-webkit-file-upload-button {
  border-color: #1bb6d5 !important;
  background: #0f8cb1 !important;
  color: #f5fbff !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-banner-preview {
  border-color: #395a78 !important;
  background: #14263c !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-banner-preview-placeholder {
  color: #9bb8d4 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-chief-results {
  border-color: #3a5572 !important;
  background: #122339 !important;
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.44) !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-chief-result-item:hover {
  background: #1a314d !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-chief-result-name {
  color: #e2ecff !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-chief-result-email {
  color: #9cb7d2 !important;
}

body:not(.lightmode) #admin-dashboard .bf-admin-chief-result-empty {
  color: #9cb7d2 !important;
}

body:not(.lightmode) .bf-admin-modal-panel {
  border-color: #29415e !important;
  background: #122033 !important;
}

body:not(.lightmode) .bf-admin-modal-panel .bf-admin-section-title,
body:not(.lightmode) .bf-admin-modal-panel .bf-admin-editor-name {
  color: #e2ecff !important;
}

body:not(.lightmode) .bf-admin-modal-panel .bf-admin-editor-mail,
body:not(.lightmode) .bf-admin-modal-panel .bf-admin-modal-text {
  color: #a7bdd5 !important;
}

body:not(.lightmode) .bf-admin-modal-close {
  border-color: #3d5674 !important;
  background: #1a2d45 !important;
  color: #d7e6f5 !important;
}