/* =========================================================
   DAVBOT GLOBAL UI — FUTURISTIC PREMIUM ENGINE
   Appliqué à toutes les pages DAVBOT.
========================================================= */
:root{
  --dav-c1:#2d88ff;
  --dav-c2:#5aa9ff;
  --dav-c3:#2d88ff;
  --dav-accent:var(--dav-c1);
  --dav-accent-light:#5aa9ff;
  --dav-accent-dark:#2d88ff;
  --dav-accent-rgb:45,136,255;
  --dav-gradient:linear-gradient(135deg,var(--dav-c1),var(--dav-c2) 52%,var(--dav-c3));
  --dav-gradient-soft:linear-gradient(135deg,rgba(var(--dav-accent-rgb),.20),rgba(90,169,255,.10),rgba(45,136,255,.10));
  --dav-icon-gradient:linear-gradient(135deg,var(--dav-c1),var(--dav-c2),var(--dav-c3));
  --dav-bg:#000000;
  --dav-bg-2:#0b0b0b;
  --dav-surface:#121212;
  --dav-surface-2:#181818;
  --dav-text:#f8fafc;
  --dav-muted:#a0a3a8;
  --dav-border:rgba(255,255,255,.08);
  --dav-glow:rgba(var(--dav-accent-rgb),.24);
  --dav-radius:20px;
  --dav-card-radius:var(--dav-radius);
  --dav-button-radius:14px;
  --dav-pill-radius:999px;
  --dav-shadow:0 18px 50px rgba(0,0,0,.32);
  --dav-transition:.22s ease;
}

html{background:var(--dav-bg);color-scheme:dark}
html.dav-light{color-scheme:light}

body.davbot-page{
  --bg:var(--dav-bg);
  --bg2:var(--dav-bg-2);
  --primary:var(--dav-c1);
  --primary2:var(--dav-c2);
  --gold:#f4c95d;
  --gold2:#ffe39a;
  --success:#20e58a;
  --danger:#ff4d67;
  --text:var(--dav-text);
  --muted:var(--dav-muted);
  background:
    radial-gradient(circle at 12% -8%,rgba(var(--dav-accent-rgb),.16),transparent 31%),
    radial-gradient(circle at 92% 5%,rgba(90,169,255,.09),transparent 27%),
    radial-gradient(circle at 50% 110%,rgba(45,136,255,.08),transparent 34%),
    var(--dav-bg);
  color:var(--dav-text);
  transition:background var(--dav-transition),color var(--dav-transition);
}

body.davbot-page.davbot-light{
  --dav-bg:#f4f7fb;
  --dav-bg-2:#edf2f8;
  --dav-surface:#ffffff;
  --dav-surface-2:#f8fafc;
  --dav-text:#181818;
  --dav-muted:#8a8d91;
  --dav-border:#dbe3ef;
  background:
    radial-gradient(circle at 10% 0%,rgba(var(--dav-accent-rgb),.12),transparent 30%),
    linear-gradient(145deg,#f8fbff,#eef3f9);
}

body.davbot-page *{scrollbar-color:rgba(var(--dav-accent-rgb),.55) transparent}
body.davbot-page ::-webkit-scrollbar{width:7px;height:7px}
body.davbot-page ::-webkit-scrollbar-track{background:transparent}
body.davbot-page ::-webkit-scrollbar-thumb{background:var(--dav-gradient);border-radius:99px}

/* Global icons use the selected 3-color palette. */
body.davbot-page i[class*="fa-"]{
  background:var(--dav-icon-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
  transition:filter var(--dav-transition),transform var(--dav-transition);
  filter:drop-shadow(0 0 5px rgba(var(--dav-accent-rgb),.16));
}
body.davbot-page .vip i[class*="fa-"],
body.davbot-page .vip-link i[class*="fa-"],
body.davbot-page .fa-crown{
  background:linear-gradient(135deg,#f4c95d,#ffe39a,#ff9f43);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
}
body.davbot-page .fa-circle-check,
body.davbot-page .fa-check,
body.davbot-page .fa-shield-halved{
  background:linear-gradient(135deg,#20e58a,#5aa9ff);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
}

/* Common premium surfaces. */
body.davbot-page .card,
body.davbot-page .settings-card,
body.davbot-page .service-card,
body.davbot-page .settings,
body.davbot-page .plan,
body.davbot-page .product,
body.davbot-page .info,
body.davbot-page .profile-mini,
body.davbot-page .wallet-card,
body.davbot-page .summary-card,
body.davbot-page .team-card,
body.davbot-page .explorer-item,
body.davbot-page .setting,
body.davbot-page .dav-global-card{
  border-radius:var(--dav-card-radius);
  border-color:var(--dav-border);
}

body.davbot-page .card:hover,
body.davbot-page .service-card:hover,
body.davbot-page .settings-card:hover,
body.davbot-page .dav-global-card:hover{
  border-color:rgba(var(--dav-accent-rgb),.28);
  box-shadow:0 18px 48px rgba(var(--dav-accent-rgb),.10);
}

body.davbot-page button,
body.davbot-page .btn,
body.davbot-page .main-btn,
body.davbot-page .primary-btn,
body.davbot-page .btn-primary,
body.davbot-page .action-btn,
body.davbot-page .hero-btn{
  border-radius:var(--dav-button-radius);
}

body.davbot-page .main-btn,
body.davbot-page .primary-btn,
body.davbot-page .btn-primary,
body.davbot-page .hero-btn,
body.davbot-page .primary-action,
body.davbot-page .btn:not(.secondary):not(.danger):not(.cancel){
  background:var(--dav-gradient) !important;
  border-color:transparent !important;
  box-shadow:0 12px 32px var(--dav-glow) !important;
}

body.davbot-page input:focus,
body.davbot-page textarea:focus,
body.davbot-page select:focus{
  outline:none;
  border-color:var(--dav-c2) !important;
  box-shadow:0 0 0 3px rgba(var(--dav-accent-rgb),.14),0 0 24px rgba(90,169,255,.08) !important;
}

body.davbot-page .section-title,
body.davbot-page .accent,
body.davbot-page .primary-color,
body.davbot-page .setting-arrow{
  color:var(--dav-c2) !important;
}

body.davbot-page .topbar,
body.davbot-page .top-taskbar,
body.davbot-page .navbar,
body.davbot-page nav,
body.davbot-page .dav-bottom-nav{
  border-color:rgba(var(--dav-accent-rgb),.16) !important;
}

body.davbot-page .navbar a.active,
body.davbot-page .dav-bottom-nav a.active,
body.davbot-page .top-nav a.active{
  color:var(--dav-c2) !important;
}

/* 8+ interface shapes */
body.dav-shape-rounded{--dav-radius:26px;--dav-button-radius:15px}
body.dav-shape-soft{--dav-radius:18px;--dav-button-radius:11px}
body.dav-shape-square{--dav-radius:7px;--dav-button-radius:7px}
body.dav-shape-pill{--dav-radius:999px;--dav-button-radius:999px;--dav-card-radius:22px}
body.dav-shape-cyber{--dav-radius:10px;--dav-button-radius:8px;--dav-card-radius:10px}
body.dav-shape-orb{--dav-radius:36px;--dav-button-radius:20px;--dav-card-radius:32px}
body.dav-shape-crystal{--dav-radius:17px;--dav-button-radius:12px;--dav-card-radius:17px}
body.dav-shape-tech{--dav-radius:13px;--dav-button-radius:9px;--dav-card-radius:13px}

body.dav-shape-cyber .card,
body.dav-shape-cyber .settings-card,
body.dav-shape-cyber .dav-global-card{
  clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));
}

body.dav-shape-crystal .card,
body.dav-shape-crystal .settings-card,
body.dav-shape-crystal .dav-global-card{
  transform:skewX(-.15deg);
}

/* VIP premium layer */
body.dav-vip-active{
  --dav-vip-c1:#f4c95d;
  --dav-vip-c2:#ffe39a;
  --dav-vip-c3:var(--dav-c2);
}

body.dav-vip-active::before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 80% 10%,rgba(244,201,93,.09),transparent 25%),
    radial-gradient(circle at 15% 80%,rgba(var(--dav-accent-rgb),.07),transparent 27%);
}

body.dav-vip-active .card,
body.dav-vip-active .settings-card,
body.dav-vip-active .service-card,
body.dav-vip-active .dav-global-card{
  box-shadow:0 16px 45px rgba(0,0,0,.26),0 0 28px rgba(244,201,93,.06);
}

body.dav-vip-active .vip-mini,
body.dav-vip-active .vip-badge,
body.dav-vip-active .user-vip{
  border-color:rgba(244,201,93,.28) !important;
  box-shadow:0 0 25px rgba(244,201,93,.08);
}

body.dav-no-motion *,
body.dav-no-motion *::before,
body.dav-no-motion *::after{
  animation:none !important;
  transition:none !important;
  scroll-behavior:auto !important;
}

.dav-global-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:0 9px;
  border-radius:999px;
  background:var(--dav-gradient-soft);
  border:1px solid rgba(var(--dav-accent-rgb),.20);
  color:var(--dav-c2);
  font-size:10px;
  font-weight:850;
}

.dav-global-card{
  background:linear-gradient(145deg,rgba(18,18,18,.92),rgba(11,11,11,.92));
  border:1px solid var(--dav-border);
  box-shadow:var(--dav-shadow);
}

body.davbot-light .dav-global-card,
body.davbot-light .card,
body.davbot-light .settings-card,
body.davbot-light .profile-mini{
  background:rgba(255,255,255,.88) !important;
  color:var(--dav-text);
}

@media(max-width:700px){
  body.davbot-page{font-size:13px}
  body.davbot-page .top-taskbar{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}

/* =========================================================
   THÈME BLANC PROFESSIONNEL
   S'applique quand l'utilisateur choisit « Blanc » (html.dav-light + body.davbot-light).
   Surcharge les couleurs sombres écrites directement dans les pages.
========================================================= */
html.dav-light{
  --dav-bg:#f3f5f9;--dav-bg-2:#eaeef5;--dav-surface:#ffffff;--dav-surface-2:#f7f9fc;--dav-text:#181818;--dav-muted:#65676b;--dav-border:#dfe5ee;
  --dav-shadow:0 1px 2px rgba(24,24,24,.05),0 8px 22px rgba(24,24,24,.06);
  --s-bg:#f3f5f9;--s-panel:#ffffff;--s-border:#dfe5ee;--s-text:#181818;--s-muted:#65676b;
  --card:#ffffff;--bd:#dfe5ee;--tx:#181818;--mu:#65676b;--ac:#2d88ff;--dg:#c62839;
  background:#f3f5f9;color-scheme:light;
}
html.dav-light body{background:#f3f5f9!important;color:#181818}
html.dav-light a{-webkit-tap-highlight-color:transparent}

/* barres du haut et du bas */
html.dav-light .social-head,html.dav-light body>header{background:rgba(255,255,255,.94)!important;border-color:#dfe5ee!important;color:#181818!important;box-shadow:0 1px 2px rgba(24,24,24,.06),0 8px 24px rgba(24,24,24,.07)!important;backdrop-filter:blur(14px)}
html.dav-light body>header a,html.dav-light .social-head a{color:#2d88ff}
html.dav-light .head-links a,html.dav-light .searchtoggle{background:#eef2f8!important;border:1px solid #dfe5ee!important}
html.dav-light .head-links a.active,html.dav-light .searchtoggle[aria-expanded=true]{background:linear-gradient(135deg,#2d88ff,#5aa9ff)!important;border:0!important}
html.dav-light nav.stage-nav,html.dav-light body nav.stage-nav{background:rgba(255,255,255,.96)!important;border:1px solid #dfe5ee!important;box-shadow:0 -2px 18px rgba(24,24,24,.10)!important}
html.dav-light nav.stage-nav>.stage-primary{border-bottom-color:#e6ebf2!important}
html.dav-light nav.stage-nav a{color:#65676b!important}
html.dav-light nav.stage-nav a.active{background:#e8f1ff!important;color:#2d88ff!important}

/* cartes et blocs */
html.dav-light .panel,html.dav-light .post,html.dav-light .section,html.dav-light .card,html.dav-light .prod,html.dav-light .fbpage,
html.dav-light .fbcard,html.dav-light .fbtile,html.dav-light .kn-card,html.dav-light .user-card,html.dav-light .chan-card,
html.dav-light .dav-global-card,html.dav-light .settings-card,html.dav-light .profile-mini{
  background:#ffffff!important;border:1px solid #dfe5ee!important;color:#181818;box-shadow:0 1px 2px rgba(24,24,24,.05),0 6px 18px rgba(24,24,24,.05)!important}
html.dav-light .card.ok{background:#ecfdf3!important;border-color:#86efac!important}
html.dav-light .lock{background:#fff8e8!important;border-color:#f0c36d!important}
html.dav-light .row,html.dav-light .linkbox,html.dav-light .comment-item,html.dav-light .kn-item{background:#f4f7fb!important;border:1px solid #dfe5ee!important;color:#181818}
html.dav-light .kn-answer{background:#eef6ff!important;border-color:#bcd9fb!important;color:#181818}
html.dav-light .post-actions{border-top-color:#e6ebf2!important}
html.dav-light .post-image,html.dav-light .post-media{background:#e9edf4!important}
html.dav-light .prod .img{background:#eef2f8!important;color:#9aa8bd!important}
html.dav-light .logo{background:#eef2f8!important;border-color:#dfe5ee!important}
html.dav-light .logo.ini,html.dav-light .news-avatar.ini{color:#2d88ff!important}
html.dav-light .avatar{background:#eef2f8!important;border-color:#dfe5ee!important}
html.dav-light .fbpage .logo,html.dav-light .fbcard .logo,html.dav-light .fbbody .fbav,html.dav-light .fbinfo .fbpav{border-color:#fff!important}

/* champs de saisie */
html.dav-light input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),
html.dav-light textarea,html.dav-light select,html.dav-light .comment-form input,html.dav-light #search{
  background:#ffffff!important;color:#181818!important;border:1px solid #c4c7cc!important}
html.dav-light input::placeholder,html.dav-light textarea::placeholder{color:#a0a3a8!important}
html.dav-light input:focus,html.dav-light textarea:focus,html.dav-light select:focus{border-color:#2d88ff!important;box-shadow:0 0 0 3px rgba(45,136,255,.16)!important;outline:none}
html.dav-light .panel label{color:#50535a!important}

/* boutons secondaires, puces, onglets */
html.dav-light .btn.ghost,html.dav-light .mini,html.dav-light .tabs button,html.dav-light .fbtabs a,html.dav-light .region-chip,html.dav-light .like,
html.dav-light .tag,html.dav-light .news-tag,html.dav-light .bgpick button.none{background:#eef2f8!important;border:1px solid #d5deea!important;color:#2e2e2e!important}
html.dav-light .tabs button.on,html.dav-light .fbtabs a.on{background:#e8f1ff!important;border-color:#2d88ff!important;color:#2d88ff!important}
html.dav-light .region-chip.active{background:linear-gradient(135deg,#2d88ff,#5aa9ff)!important;color:#fff!important;border-color:transparent!important}
html.dav-light .btn.danger,html.dav-light .mini.danger,html.dav-light .tag.off{background:#fdecee!important;border-color:#f3b8bf!important;color:#b42335!important}
html.dav-light .st{background:#e6f0ff!important;color:#2d88ff!important}
html.dav-light .st.delivered{background:#dcfce7!important;color:#166534!important}
html.dav-light .st.canceled{background:#fee2e2!important;color:#b91c1c!important}
html.dav-light .comment-toggle,html.dav-light .openpost i{color:#2d88ff!important}
html.dav-light .openpost{color:#65676b!important}
html.dav-light .lk,html.dav-light .price,html.dav-light .balance b{color:#2d88ff!important}
html.dav-light .social-btn,html.dav-light .btn:not(.ghost):not(.danger):not(.wa){color:#fff!important}
html.dav-light .status{color:#b42335}
html.dav-light .sheet,html.dav-light .dsc-sheet{background:#ffffff!important;color:#181818!important;border-color:#dfe5ee!important}
html.dav-light .kn-item small{color:#65676b!important}

/* titres lisibles même quand la page force du blanc */
html.dav-light .panel h2,html.dav-light .card h2,html.dav-light .card h3,html.dav-light .section h2,html.dav-light .fbtitle h2,html.dav-light .fbh{color:#181818}
html.dav-light .fbd,html.dav-light .fbc,html.dav-light .fbtile span{color:#65676b!important}
html.dav-light ::-webkit-scrollbar-thumb{background:#c3cddc}