/* ═══════════════════════════════════════════════════════════════════
   B-Empire CRM — couche visuelle « Depth » (profondeur, lumière, mouvement)
   Ne change AUCUN comportement : uniquement l'apparence, sous body.be-depth.
   Désactivable d'un clic (bouton « 3D » de l'en-tête). Charte noir / or / ivoire.
   ═══════════════════════════════════════════════════════════════════ */
body.be-depth {
  --be-gold: #C9A84C; --be-gold-l: #E8C96D; --be-bronze: #8A6E5A;
  --be-glass: rgba(18, 16, 13, .62); --be-glass-2: rgba(28, 24, 19, .72);
  --be-edge: rgba(201, 168, 76, .22); --be-edge-soft: rgba(255, 255, 255, .06);
  --be-lift: 0 1px 0 rgba(255,255,255,.05) inset, 0 10px 24px -8px rgba(0,0,0,.7), 0 24px 60px -24px rgba(0,0,0,.8);
  --be-lift-hi: 0 1px 0 rgba(255,255,255,.08) inset, 0 18px 36px -10px rgba(0,0,0,.75), 0 40px 90px -30px rgba(201,168,76,.28);
  background: #070605 !important;
}
body.be-depth[data-theme="light"], [data-theme="light"] body.be-depth {
  --be-glass: rgba(255, 253, 249, .72); --be-glass-2: rgba(255, 255, 255, .86);
  --be-edge: rgba(138, 110, 90, .25); --be-edge-soft: rgba(0, 0, 0, .05);
  --be-lift: 0 1px 0 rgba(255,255,255,.9) inset, 0 8px 20px -10px rgba(60,40,20,.25), 0 22px 50px -26px rgba(60,40,20,.3);
  --be-lift-hi: 0 1px 0 rgba(255,255,255,.9) inset, 0 16px 30px -12px rgba(60,40,20,.3), 0 36px 80px -30px rgba(201,168,76,.45);
  background: #F1ECE4 !important;
}

/* ─── fond vivant : halos dorés qui dérivent lentement + trame fine ─── */
#be-depth-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; display: none; }
body.be-depth #be-depth-bg { display: block; }
#be-depth-bg .orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: .5; will-change: transform; }
#be-depth-bg .o1 { width: 620px; height: 620px; left: -160px; top: -200px; background: radial-gradient(circle, rgba(201,168,76,.38), transparent 65%); animation: beDrift1 26s ease-in-out infinite alternate; }
#be-depth-bg .o2 { width: 560px; height: 560px; right: -180px; top: 30%; background: radial-gradient(circle, rgba(138,110,90,.42), transparent 65%); animation: beDrift2 32s ease-in-out infinite alternate; }
#be-depth-bg .o3 { width: 480px; height: 480px; left: 35%; bottom: -260px; background: radial-gradient(circle, rgba(232,201,109,.22), transparent 65%); animation: beDrift3 38s ease-in-out infinite alternate; }
#be-depth-bg .grid { position: absolute; inset: -50%; background-image:
    linear-gradient(rgba(201,168,76,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(201,168,76,.045) 1px, transparent 1px);
  background-size: 56px 56px; transform: perspective(900px) rotateX(58deg) translateY(-8%); transform-origin: 50% 0;
  mask-image: radial-gradient(ellipse 70% 55% at 50% 20%, #000 20%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse 70% 55% at 50% 20%, #000 20%, transparent 75%); }
[data-theme="light"] #be-depth-bg .orb { opacity: .35; }
@keyframes beDrift1 { to { transform: translate(140px, 120px) scale(1.12); } }
@keyframes beDrift2 { to { transform: translate(-160px, -90px) scale(.9); } }
@keyframes beDrift3 { to { transform: translate(-120px, -140px) scale(1.15); } }
body.be-depth .app, body.be-depth .main, body.be-depth .content { position: relative; z-index: 1; background: transparent !important; }

/* ─── barre latérale et en-tête en verre ─── */
body.be-depth .sidebar { background: var(--be-glass) !important; backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%);
  border-right: 1px solid var(--be-edge-soft) !important; box-shadow: 10px 0 40px -20px rgba(0,0,0,.8); }
body.be-depth .header { background: var(--be-glass) !important; backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid var(--be-edge-soft) !important; }
body.be-depth .nav-item { position: relative; border-radius: 10px; transition: transform .18s ease, background .18s ease, color .18s ease; }
body.be-depth .nav-item:hover { transform: translateX(4px); background: rgba(201,168,76,.07) !important; }
body.be-depth .nav-item.active { background: linear-gradient(100deg, rgba(201,168,76,.22), rgba(201,168,76,.04)) !important; color: var(--be-gold-l) !important;
  box-shadow: inset 0 0 0 1px rgba(201,168,76,.25), 0 8px 24px -12px rgba(201,168,76,.55); }
body.be-depth .nav-item.active::before { content: ""; position: absolute; left: -10px; top: 18%; bottom: 18%; width: 3px; border-radius: 3px;
  background: linear-gradient(var(--be-gold-l), var(--be-gold)); box-shadow: 0 0 12px var(--be-gold); }
body.be-depth .nav-item.active .nav-icon { color: var(--be-gold-l) !important; filter: drop-shadow(0 0 6px rgba(201,168,76,.6)); }

/* ─── cartes en relief ─── */
body.be-depth .card, body.be-depth .stat-card, body.be-depth .contact-card, body.be-depth .journalist-card,
body.be-depth .event-card, body.be-depth .pipeline-card, body.be-depth .kanban-card, body.be-depth .ai-feature, body.be-depth .be-quick {
  background: linear-gradient(160deg, var(--be-glass-2), var(--be-glass)) padding-box,
              linear-gradient(160deg, var(--be-edge), transparent 45%, rgba(201,168,76,.12)) border-box !important;
  border: 1px solid transparent !important; box-shadow: var(--be-lift) !important;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }

/* cartes « inclinables » : petite rotation 3D qui suit la souris + reflet */
body.be-depth .stat-card, body.be-depth .contact-card, body.be-depth .journalist-card, body.be-depth .event-card,
body.be-depth .pipeline-card, body.be-depth .kanban-card, body.be-depth .ai-feature, body.be-depth .be-quick {
  position: relative; transform-style: preserve-3d; overflow: hidden;
  transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px));
  transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease !important; }
body.be-depth .stat-card:hover, body.be-depth .contact-card:hover, body.be-depth .journalist-card:hover, body.be-depth .event-card:hover,
body.be-depth .pipeline-card:hover, body.be-depth .kanban-card:hover, body.be-depth .ai-feature:hover, body.be-depth .be-quick:hover {
  --lift: -5px; box-shadow: var(--be-lift-hi) !important; }
body.be-depth .stat-card::after, body.be-depth .contact-card::after, body.be-depth .event-card::after,
body.be-depth .pipeline-card::after, body.be-depth .be-quick::after, body.be-depth .ai-feature::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .25s ease;
  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), rgba(232,201,109,.16), transparent 45%); }
body.be-depth .stat-card:hover::after, body.be-depth .contact-card:hover::after, body.be-depth .event-card:hover::after,
body.be-depth .pipeline-card:hover::after, body.be-depth .be-quick:hover::after, body.be-depth .ai-feature:hover::after { opacity: 1; }

/* chiffres clés : grands, dorés, lisibles d'un coup d'œil */
body.be-depth .stat-card-val { font-family: 'Playfair Display', Georgia, serif !important; font-size: 34px !important; letter-spacing: -.5px;
  background: linear-gradient(180deg, #FFF6DC, var(--be-gold) 70%); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
[data-theme="light"] body.be-depth .stat-card-val, body.be-depth[data-theme="light"] .stat-card-val { background: linear-gradient(180deg, #3A2E1E, #8A6E5A); -webkit-background-clip: text; background-clip: text; }
/* icônes en orbes 3D */
body.be-depth .stat-card-icon { position: relative; border-radius: 14px !important; transform: translateZ(30px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -6px 12px rgba(0,0,0,.35), 0 8px 18px -6px currentColor !important; }

/* ─── boutons avec matière ─── */
body.be-depth .btn { transition: transform .12s ease, box-shadow .18s ease, filter .18s ease !important; }
body.be-depth .btn:hover { transform: translateY(-1px); }
body.be-depth .btn:active { transform: translateY(1px) scale(.99); }
body.be-depth .btn-primary, body.be-depth .btn-gold {
  background: linear-gradient(180deg, #E3C66E, #C9A84C 55%, #A8873A) !important; color: #120E06 !important; border: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 6px 0 -1px #6E5626, 0 12px 24px -8px rgba(201,168,76,.6) !important; }
body.be-depth .btn-primary:hover, body.be-depth .btn-gold:hover { filter: brightness(1.06); }
body.be-depth .btn-primary:active, body.be-depth .btn-gold:active { box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 2px 0 -1px #6E5626, 0 6px 14px -8px rgba(201,168,76,.6) !important; }

/* ─── tableaux, badges, onglets, fenêtres ─── */
body.be-depth table tbody tr { transition: background .15s ease, box-shadow .15s ease; }
body.be-depth table tbody tr:hover { background: rgba(201,168,76,.06) !important; box-shadow: inset 3px 0 0 var(--be-gold); }
body.be-depth .badge { box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset, 0 4px 12px -6px currentColor; }
body.be-depth .filter-tab.active { box-shadow: 0 8px 20px -10px rgba(201,168,76,.7), inset 0 0 0 1px rgba(201,168,76,.35); }
body.be-depth .modal { background: var(--be-glass-2) !important; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  border: 1px solid var(--be-edge) !important; box-shadow: 0 40px 120px -30px rgba(0,0,0,.9) !important; }
body.be-depth .modal-overlay.show .modal { animation: bePop .28s cubic-bezier(.2,.9,.25,1.15); }
@keyframes bePop { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }

/* ─── entrée des écrans : les cartes arrivent l'une après l'autre ─── */
body.be-depth .section.be-enter .stat-card, body.be-depth .section.be-enter .card,
body.be-depth .section.be-enter .contact-card, body.be-depth .section.be-enter .be-hero, body.be-depth .section.be-enter .be-quick {
  animation: beRise .55s cubic-bezier(.2,.8,.2,1) both; }
body.be-depth .section.be-enter .stat-card:nth-child(2), body.be-depth .section.be-enter .be-quick:nth-child(2) { animation-delay: .05s; }
body.be-depth .section.be-enter .stat-card:nth-child(3), body.be-depth .section.be-enter .be-quick:nth-child(3) { animation-delay: .1s; }
body.be-depth .section.be-enter .stat-card:nth-child(4), body.be-depth .section.be-enter .be-quick:nth-child(4) { animation-delay: .15s; }
body.be-depth .section.be-enter .stat-card:nth-child(n+5) { animation-delay: .2s; }
@keyframes beRise { from { opacity: 0; transform: translateY(18px) scale(.985); } to { opacity: 1; } }

/* ─── bandeau d'accueil du tableau de bord ─── */
.be-hero { display: none; }
body.be-depth .be-hero { display: flex; gap: 22px; align-items: center; justify-content: space-between; flex-wrap: wrap;
  margin-bottom: 20px; padding: 26px 28px; border-radius: 18px; position: relative; overflow: hidden;
  background: radial-gradient(120% 140% at 0% 0%, rgba(201,168,76,.28), transparent 55%),
              linear-gradient(135deg, rgba(30,25,18,.9), rgba(12,10,8,.85)) !important;
  border: 1px solid var(--be-edge); box-shadow: var(--be-lift-hi); }
[data-theme="light"] body.be-depth .be-hero, body.be-depth[data-theme="light"] .be-hero {
  background: radial-gradient(120% 140% at 0% 0%, rgba(201,168,76,.35), transparent 55%), linear-gradient(135deg, #FFFDF8, #F3EADB) !important; }
body.be-depth .be-hero h2 { margin: 0; font-family: 'Playfair Display', Georgia, serif; font-size: 30px; line-height: 1.15; color: var(--text); }
body.be-depth .be-hero h2 span { color: var(--be-gold-l); }
body.be-depth .be-hero p { margin: 6px 0 0; color: var(--text2); font-size: 14px; text-transform: capitalize; }
body.be-depth .be-hero .be-ring { width: 74px; height: 74px; border-radius: 50%; flex: 0 0 auto;
  background: conic-gradient(from 210deg, var(--be-gold-l), var(--be-bronze), var(--be-gold), var(--be-gold-l));
  box-shadow: 0 0 40px -6px rgba(201,168,76,.7), inset 0 0 0 6px rgba(0,0,0,.35); animation: beSpin 14s linear infinite; }
@keyframes beSpin { to { transform: rotate(360deg); } }
body.be-depth .be-quick-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; margin-bottom: 22px; }
body.be-depth .be-quick { display: flex; gap: 12px; align-items: center; padding: 16px 18px; border-radius: 14px; cursor: pointer; }
body.be-depth .be-quick i { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 16px;
  background: rgba(201,168,76,.14); color: var(--be-gold-l);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -5px 10px rgba(0,0,0,.35), 0 8px 18px -8px rgba(201,168,76,.8); }
body.be-depth .be-quick b { display: block; font-size: 14px; color: var(--text); }
body.be-depth .be-quick small { display: block; font-size: 12px; color: var(--text3); margin-top: 2px; }

/* ─── interrupteur « 3D » de l'en-tête ─── */
.be-depth-toggle { margin-right: 6px; height: 34px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: 600 12px Inter, sans-serif; letter-spacing: .5px;
  border: 1px solid var(--border2); background: transparent; color: var(--text2); display: inline-flex; align-items: center; gap: 6px; }
body.be-depth .be-depth-toggle { border-color: rgba(201,168,76,.45); color: var(--be-gold-l); box-shadow: 0 0 18px -6px rgba(201,168,76,.7); }

/* confort : aucun mouvement si le système le demande, rien de lourd sur mobile */
@media (prefers-reduced-motion: reduce) {
  body.be-depth *, body.be-depth *::before, body.be-depth *::after { animation: none !important; transition: none !important; }
  body.be-depth .stat-card, body.be-depth .contact-card, body.be-depth .be-quick { transform: none !important; }
}
@media (max-width: 768px) {
  #be-depth-bg .grid { display: none; }
  body.be-depth .be-hero h2 { font-size: 23px; }
  body.be-depth .stat-card-val { font-size: 28px !important; }
}

/* mode clair : l'or pâle manque de contraste sur l'ivoire → or soutenu */
[data-theme="light"] body.be-depth .nav-item.active,
[data-theme="light"] body.be-depth .nav-item.active .nav-icon { color: #7A5F22 !important; }
[data-theme="light"] body.be-depth .be-hero h2 span { color: #A8873A; }
[data-theme="light"] body.be-depth .be-quick i { color: #8A6A2A; }
[data-theme="light"] body.be-depth .be-depth-toggle { color: #8A6A2A; }

/* ═══════════════ « Depth » niveau 2 ═══════════════ */

/* ─── emblème 3D : pièce d'or « B » ─── */
body.be-depth .be-coin { width: 86px; height: 86px; flex: 0 0 auto; perspective: 600px;
  transform: translate3d(calc(var(--px, 0px) * -1.6), calc(var(--py, 0px) * -1.6), 0); transition: transform .25s ease-out; }
body.be-depth .be-coin-inner { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; animation: beCoin 7s cubic-bezier(.45,.05,.55,.95) infinite; }
body.be-depth .be-coin-face { position: absolute; inset: 0; border-radius: 50%; backface-visibility: hidden; display: flex; align-items: center; justify-content: center;
  font: 900 40px/1 'Playfair Display', Georgia, serif; color: #5A4416; text-shadow: 0 1px 0 rgba(255,240,200,.7), 0 -1px 0 rgba(0,0,0,.25);
  background: radial-gradient(circle at 32% 28%, #FFF2C2 0%, #E8C96D 22%, #C9A84C 48%, #8E6E2A 78%, #6E5422 100%);
  box-shadow: inset 0 0 0 4px rgba(255,235,170,.55), inset 0 0 0 7px rgba(110,84,34,.55), inset 0 -10px 18px rgba(0,0,0,.25), 0 0 46px -6px rgba(201,168,76,.75); }
body.be-depth .be-back { transform: rotateY(180deg); }
body.be-depth .be-coin-edge { position: absolute; inset: 0; border-radius: 50%; transform: translateZ(-3px);
  background: linear-gradient(90deg, #6E5422, #C9A84C, #6E5422); filter: brightness(.8); }
@keyframes beCoin { 0% { transform: rotateY(0) rotateX(8deg); } 50% { transform: rotateY(180deg) rotateX(-6deg); } 100% { transform: rotateY(360deg) rotateX(8deg); } }
body.be-depth .be-hero > div:first-child { transform: translate3d(var(--px, 0px), var(--py, 0px), 0); transition: transform .25s ease-out; flex: 1 1 420px; }
body.be-depth .be-hero::before { content: ""; position: absolute; inset: -40%; pointer-events: none; opacity: .55;
  background: conic-gradient(from 0deg at 70% 40%, transparent 0 70%, rgba(232,201,109,.18) 78%, transparent 86%); animation: beSweep 9s linear infinite; }
@keyframes beSweep { to { transform: rotate(360deg); } }

/* ─── « Aujourd'hui » : puces cliquables, vraies données ─── */
body.be-depth .be-today { margin-top: 16px; }
body.be-depth .be-today-title { font: 600 11px Inter, sans-serif; letter-spacing: 2px; text-transform: uppercase; color: var(--text3); margin-bottom: 8px; }
body.be-depth .be-today-row { display: flex; flex-wrap: wrap; gap: 8px; }
body.be-depth .be-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; border-radius: 999px; cursor: pointer; position: relative;
  font: 500 12.5px Inter, sans-serif; color: var(--text2); background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease; }
body.be-depth .be-chip:hover { transform: translateY(-2px); border-color: rgba(201,168,76,.45); box-shadow: 0 10px 24px -12px rgba(201,168,76,.7); }
body.be-depth .be-chip i { width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; background: rgba(255,255,255,.06); }
body.be-depth .be-chip b { font: 700 15px 'Playfair Display', Georgia, serif; color: var(--text); }
body.be-depth .be-chip.be-gold { border-color: rgba(201,168,76,.4); } body.be-depth .be-chip.be-gold i { background: rgba(201,168,76,.2); color: #E8C96D; }
body.be-depth .be-chip.be-red { border-color: rgba(239,68,68,.45); } body.be-depth .be-chip.be-red i { background: rgba(239,68,68,.2); color: #F87171; }
body.be-depth .be-chip.be-red::after { content: ""; position: absolute; top: 6px; left: 30px; width: 7px; height: 7px; border-radius: 50%; background: #EF4444; box-shadow: 0 0 0 0 rgba(239,68,68,.7); animation: bePulse 1.8s infinite; }
@keyframes bePulse { 70% { box-shadow: 0 0 0 9px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }
body.be-depth .be-chip.be-teal { border-color: rgba(26,158,150,.5); } body.be-depth .be-chip.be-teal i { background: rgba(26,158,150,.22); color: #5FD3CB; }
body.be-depth .be-chip.be-calm { opacity: .82; }
body.be-depth .be-skel { width: 170px; height: 42px; background: linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.1), rgba(255,255,255,.04)); background-size: 200% 100%; animation: beShimmer 1.2s infinite; }
@keyframes beShimmer { to { background-position: -200% 0; } }
[data-theme="light"] body.be-depth .be-chip { background: rgba(255,255,255,.7); border-color: rgba(60,40,20,.12); color: #5A5048; }

/* ─── palette Ctrl+K ─── */
#bePalette { position: fixed; inset: 0; z-index: 10050; display: none; align-items: flex-start; justify-content: center; padding-top: 12vh;
  background: rgba(5,4,3,.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
#bePalette.show { display: flex; }
#bePalette .be-pal-box { width: min(620px, 92vw); border-radius: 18px; overflow: hidden; animation: bePop .22s cubic-bezier(.2,.9,.25,1.15);
  background: rgba(20,17,13,.92); border: 1px solid rgba(201,168,76,.35); box-shadow: 0 50px 120px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.04) inset; }
#bePalette .be-pal-in { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid rgba(255,255,255,.07); color: #C9A84C; }
#bePalette input { flex: 1; background: transparent; border: 0; outline: 0; color: #F0EADF; font: 400 17px Inter, sans-serif; min-height: 0 !important; }
#bePalette kbd, .be-kbd { font: 600 10.5px Inter, sans-serif; color: #A79F93; border: 1px solid rgba(255,255,255,.14); border-bottom-width: 2px; border-radius: 6px; padding: 2px 7px; background: rgba(255,255,255,.04); }
.be-kbd { margin-left: 8px; cursor: pointer; white-space: nowrap; }
#bePalette .be-pal-list { max-height: 52vh; overflow-y: auto; padding: 6px; }
#bePalette .be-pal-item { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 10px; color: #D9D1C4; font: 500 14px Inter, sans-serif; cursor: pointer; }
#bePalette .be-pal-item i { width: 18px; text-align: center; color: #8E8476; }
#bePalette .be-pal-item.on { background: linear-gradient(100deg, rgba(201,168,76,.22), rgba(201,168,76,.05)); color: #FFF3D6; box-shadow: inset 0 0 0 1px rgba(201,168,76,.3); }
#bePalette .be-pal-item.on i { color: #E8C96D; }
#bePalette .be-pal-empty { padding: 22px; text-align: center; color: #8E8476; font: 14px Inter, sans-serif; }
#bePalette .be-pal-foot { padding: 10px 16px; border-top: 1px solid rgba(255,255,255,.06); color: #7D7468; font: 11.5px Inter, sans-serif; }

/* ─── onde dorée au clic ─── */
.be-wave { position: absolute; border-radius: 50%; pointer-events: none; transform: scale(0); opacity: .55; z-index: 0;
  background: radial-gradient(circle, rgba(255,236,170,.55) 0%, rgba(201,168,76,.25) 40%, transparent 70%); animation: beWave .65s ease-out forwards; }
@keyframes beWave { to { transform: scale(1); opacity: 0; } }

/* ─── colonnes Kanban et pipeline : plans de verre ─── */
body.be-depth .kanban-col { background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)) !important;
  border: 1px solid rgba(255,255,255,.06) !important; border-radius: 16px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
body.be-depth .kanban-col-hdr { border-bottom: 1px solid rgba(201,168,76,.18) !important; }
body.be-depth .kanban-col-count { background: rgba(201,168,76,.18) !important; color: #E8C96D !important; box-shadow: 0 0 14px -4px rgba(201,168,76,.7); }
[data-theme="light"] body.be-depth .kanban-col { background: rgba(255,255,255,.55) !important; border-color: rgba(60,40,20,.1) !important; }

/* ─── notifications : verre + glissé ─── */
body.be-depth .toast { background: rgba(20,17,13,.9) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(201,168,76,.3) !important; box-shadow: 0 20px 50px -20px rgba(0,0,0,.8) !important; animation: beToast .35s cubic-bezier(.2,.9,.25,1.15); }
@keyframes beToast { from { opacity: 0; transform: translateX(30px) scale(.96); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  body.be-depth .be-coin-inner, body.be-depth .be-hero::before, .be-wave { animation: none !important; }
}
@media (max-width: 768px) {
  body.be-depth .be-coin { width: 64px; height: 64px; } body.be-depth .be-coin-face { font-size: 30px; }
  .be-kbd { display: none; }
}

/* ═══════════════ « Depth » niveau 3 — globe + finitions institutionnelles ═══════════════ */
body.be-depth .be-globe { position: relative; width: 240px; height: 240px; flex: 0 0 auto; margin: -18px -8px -18px 0;
  transform: translate3d(calc(var(--px, 0px) * -1.4), calc(var(--py, 0px) * -1.4), 0); transition: transform .25s ease-out; }
body.be-depth .be-globe canvas { width: 240px !important; height: 240px !important; display: block; filter: drop-shadow(0 0 30px rgba(201,168,76,.25)); }
body.be-depth .be-globe-cap { position: absolute; left: 0; right: 0; bottom: 6px; text-align: center; font: 600 9.5px Inter, sans-serif; letter-spacing: 2.4px;
  text-transform: uppercase; color: rgba(232,201,109,.75); pointer-events: none; }
[data-theme="light"] body.be-depth .be-globe-cap { color: #8A6A2A; }

/* hiérarchie de l'information : surtitres, titres, tableaux de type document officiel */
body.be-depth .be-eyebrow { font: 600 10.5px Inter, sans-serif; letter-spacing: 2.6px; text-transform: uppercase; color: var(--be-gold); margin-bottom: 10px; }
body.be-depth .be-eyebrow::after { content: ""; display: inline-block; width: 36px; height: 1px; background: currentColor; opacity: .5; vertical-align: middle; margin-left: 10px; }
body.be-depth .section-title { font-family: 'Playfair Display', Georgia, serif !important; font-size: 27px !important; letter-spacing: -.2px; }
body.be-depth .section-sub { color: var(--text3) !important; max-width: 760px; }
body.be-depth .section-hdr { padding-bottom: 16px; margin-bottom: 20px !important; border-bottom: 1px solid rgba(201,168,76,.14); }
body.be-depth .card-title { font-family: 'Playfair Display', Georgia, serif !important; letter-spacing: .1px; }
body.be-depth table thead th { font: 600 10.5px Inter, sans-serif !important; letter-spacing: 1.6px; text-transform: uppercase; color: var(--text3) !important;
  border-bottom: 1px solid rgba(201,168,76,.22) !important; }
body.be-depth .stat-card-label { font-size: 11px !important; letter-spacing: 1.4px; text-transform: uppercase; color: var(--text3) !important; }

/* moins de brillance, plus de tenue : effets adoucis pour un usage quotidien */
body.be-depth .be-hero::before { opacity: .3; }
body.be-depth .be-wave { opacity: .35; }
body.be-depth .stat-card:hover, body.be-depth .be-quick:hover { --lift: -3px; }

@media (max-width: 900px) { body.be-depth .be-globe { width: 170px; height: 170px; margin: 0 auto; }
  body.be-depth .be-globe canvas { width: 170px !important; height: 170px !important; } }