.application:not([data-app-view=overview]) .team-live-dashboard{display:none!important}
.team-live-dashboard{max-width:1460px;margin:25px auto;color:#42232b}
.team-overview-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}
.team-overview-head h2{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:8px 0;color:#651c31}
.team-overview-head p{margin:0;color:#795d68}
.team-overview-head button{padding:11px 16px;border:1px solid #e5cdd4;border-radius:12px;background:#fff;color:#8e253e;font-weight:750;cursor:pointer}
.team-overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.team-overview-kpi{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:start;min-height:145px;padding:19px;border:0;border-radius:19px;background:linear-gradient(135deg,#9b2340,#5f172b);color:#fff!important;text-align:left;box-shadow:0 16px 30px #70213b25;cursor:pointer;animation:teamRise .6s both;animation-delay:calc(var(--index)*70ms);transition:transform .25s,box-shadow .25s}
.team-overview-kpi:nth-child(even){background:linear-gradient(135deg,#c0324d,#8d1c36)}
.team-overview-kpi:before{content:"";position:absolute;right:-25px;top:-32px;width:130px;height:130px;border-radius:50%;border:1px solid #ffffff38;box-shadow:0 0 0 22px #ffffff10;animation:teamOrb 7s ease-in-out infinite alternate}
.team-overview-kpi:hover{transform:translateY(-5px);box-shadow:0 24px 36px #70213b30}
.team-overview-kpi span,.team-overview-kpi strong,.team-overview-kpi small{color:#fff!important;position:relative}.team-overview-kpi span{font-size:13px;font-weight:750}.team-overview-kpi strong{font-size:39px;line-height:1.1;margin:14px 0 8px;font-variant-numeric:tabular-nums}.team-overview-kpi small{font-size:12px}
.team-overview-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff0f2;border:1px solid #f3d7de;border-radius:16px;padding:13px;margin:18px 0}
.team-overview-actions button{background:#9a223e;color:white;border:0;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.team-overview-actions button:hover{background:#70162d}.team-overview-actions span{margin-left:auto;font-size:12px;color:#764858}
.team-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.team-chart,.team-recent{background:#fff;border:1px solid #eddbe1;border-radius:18px;padding:21px;box-shadow:0 12px 24px #7118320d}
.team-chart h3,.team-recent h3{margin:0 0 16px;color:#75223a;font-size:19px}.team-chart p,.team-recent p{color:#8b6b75;font-size:13px}
.team-chart-row{display:grid;grid-template-columns:minmax(85px,130px) 1fr 30px;gap:10px;align-items:center;margin:12px 0;font-size:13px;color:#684456}.team-chart-row>div{height:10px;background:#fbeff2;border-radius:20px;overflow:hidden}.team-chart-row i{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#a82643,#ef8192);border-radius:inherit;animation:teamGrow .8s both;animation-delay:calc(var(--index)*50ms)}.team-chart-row strong{text-align:right}
.team-recent{margin-top:16px}.team-recent article{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #f5e8ec}.team-recent article strong{color:#532133}.team-recent article span{margin-left:auto;font-size:12px;color:#835c6a}.team-recent button{border:1px solid #e6ccd5;background:#fff;color:#90273f;border-radius:9px;padding:7px 10px;cursor:pointer}
.team-overview-updated{font-size:12px;color:#856b75;margin:12px 2px}
@keyframes teamRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes teamGrow{from{width:0}to{width:var(--w)}}@keyframes teamOrb{to{transform:translate(-14px,15px) scale(1.13)}}
@media(max-width:900px){.team-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.team-overview-grid{grid-template-columns:1fr}}
@media(max-width:600px){.team-overview-head{align-items:stretch;flex-direction:column}.team-overview-kpi{min-height:126px;padding:15px}.team-overview-kpi strong{font-size:32px}.team-overview-actions span{margin-left:0}.team-recent article{flex-wrap:wrap}.team-recent article span{margin-left:0}.team-recent article button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.team-overview-kpi,.team-overview-kpi:before,.team-chart-row i{animation:none!important;transition:none!important}}

body.application[data-app-view=overview] #dashboard>.stats{display:none!important}
body.application[data-space=commercial][data-app-view=overview] #commercial-presence{display:block!important}


/* ==========================================================================
   REFONTE VISUELLE PREMIUM : CONTRASTE BORDEAUX, CARTES LISIBLES & BADGE 3D
   ========================================================================== */
body.application {
  background: radial-gradient(circle at 18% 0%, #470a18 0%, #1c0309 75%) !important;
  color: #ffffff !important;
}

body.application .app-sidebar {
  background: linear-gradient(180deg, #2b050d 0%, #160206 100%) !important;
  border-right: 1px solid rgba(243, 208, 120, 0.16) !important;
  box-shadow: 10px 0 30px rgba(0, 0, 0, 0.45) !important;
}

/* Toujours encadrer élégamment le logo rouge dans la sidebar */
body.application .app-brand img {
  background: #ffffff !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
}

/* Bannière Hero avec badge 3D intégré à droite */
body.application #workspace-welcome {
  background: linear-gradient(135deg, #85162b 0%, #460814 100%) !important;
  border: 1px solid rgba(243, 208, 120, 0.28) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.45) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  position: relative !important;
  overflow: visible !important;
}

body.application #workspace-welcome > img#workspace-image {
  display: none !important;
}

/* CORRECTION TOTALE DES PARTIES BLANCHES ILLISIBLES EN BAS */
body.application .team-chart,
body.application .team-recent,
body.application .panel,
body.application .team-overview-actions,
body.application dialog {
  background: #ffffff !important;
  color: #1e293b !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35) !important;
}

body.application .team-chart h3,
body.application .team-recent h3,
body.application .panel h1,
body.application .panel h2,
body.application .panel h3,
body.application .team-recent article strong,
body.application .team-chart-row strong {
  color: #5e0b1b !important;
  font-weight: 800 !important;
}

body.application .team-chart p,
body.application .team-recent p,
body.application .team-chart-row span,
body.application .team-recent article span,
body.application .panel p,
body.application .panel label,
body.application .panel span:not(.eyebrow),
body.application .team-overview-actions span {
  color: #334155 !important;
  font-weight: 500 !important;
}

body.application .panel input,
body.application .panel select,
body.application .panel textarea {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

body.application .team-overview-actions button,
body.application .team-recent button,
body.application .panel button.primary {
  background: linear-gradient(135deg, #8f162c, #4a0813) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 6px 15px rgba(143, 22, 44, 0.3) !important;
}

/* En-tête de section "Un suivi clair, jusqu'à l'agence" bien lisible sur fond sombre */
body.application .team-overview-head h2 {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}
body.application .team-overview-head p,
body.application .team-overview-updated {
  color: #f1cbd3 !important;
}

/* DESIGN DU BADGE PROFESSIONNEL 3D DANS L'ESPACE ET SUR LA PAGE BADGE */
.hero-pro-badge {
  text-decoration: none !important;
  flex-shrink: 0;
}

.pro-badge-3d {
  width: 235px;
  border-radius: 18px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.65), 0 0 0 2px rgba(243, 208, 120, 0.55);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  text-align: center;
}

.pro-badge-3d:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), 0 0 0 2px #f3d078;
}

.pro-badge-header {
  background: radial-gradient(circle at top, #9e1b32 0%, #460712 100%);
  padding: 14px 14px 12px;
  border-bottom: 3px solid #d4af37;
}

.pro-badge-slot {
  width: 44px;
  height: 6px;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 8px;
  margin: 0 auto 10px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.25);
}

.pro-badge-logo-box {
  background: #ffffff;
  padding: 6px 10px;
  border-radius: 8px;
  display: inline-block;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
  margin-bottom: 8px;
}

.pro-badge-logo-box img {
  height: 34px !important;
  width: auto !important;
  display: block;
}

.pro-badge-role {
  color: #f3d078 !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.pro-badge-subtitle {
  color: #ffffff !important;
  font-size: 9px;
  letter-spacing: 1px;
  opacity: 0.9;
  margin-top: 2px;
}

.pro-badge-body {
  background: #ffffff;
  padding: 14px 14px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pro-badge-name {
  font-size: 17px;
  font-weight: 800;
  color: #0f172a !important;
  line-height: 1.2;
}

.pro-badge-status {
  font-size: 11px;
  color: #64748b !important;
  margin: 3px 0 12px;
}

.pro-badge-qr-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.pro-badge-holo {
  width: 28px;
  height: 36px;
  border-radius: 6px;
  background: linear-gradient(135deg, #e2e8f0 0%, #fef08a 50%, #94a3b8 100%);
  border: 1px solid #cbd5e1;
}

.pro-badge-cta {
  background: #8f162c;
  color: #ffffff !important;
  font-size: 11px;
  font-weight: 700;
  padding: 7px 11px;
  border-radius: 8px;
}

/* Mise en valeur 3D des canvas sur la page /mon-badge */
canvas#badge-front, canvas#badge-back {
  border-radius: 22px !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.65), 0 0 0 2px rgba(212, 175, 55, 0.45) !important;
  transition: transform 0.25s ease !important;
}
canvas#badge-front:hover, canvas#badge-back:hover {
  transform: translateY(-4px) !important;
}

@media (max-width: 820px) {
  body.application #workspace-welcome {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .pro-badge-3d {
    width: 100%;
    max-width: 260px;
  }
}

/* ==========================================================================
   CORRECTIF RADICAL : LISTES, RECHERCHES ET BLOCS DU BAS
   ========================================================================== */
body.application #list,
body.application .panel .filters,
body.application .panel,
body.application #dashboard .panel,
body.application #admin-users,
body.application dialog form {
  background: #ffffff !important;
  color: #0f172a !important;
  padding: 20px !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.45) !important;
}

body.application #list *,
body.application .panel *,
body.application dialog form * {
  color: #1e293b !important;
}

body.application #list strong,
body.application .panel h1,
body.application .panel h2,
body.application .panel h3 {
  color: #0f172a !important;
}

body.application input[type="search"],
body.application input[type="text"],
body.application select,
body.application textarea {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid #94a3b8 !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
}

/* Forcer la lisibilité du bloc de haut de page "Mes orientations" */
body.application #dashboard > div.heading,
body.application #dashboard section.space-guide {
  background: rgba(255, 255, 255, 0.95) !important;
  padding: 20px !important;
  border-radius: 16px !important;
  margin-bottom: 20px !important;
  color: #0f172a !important;
}
body.application #dashboard > div.heading *,
body.application #dashboard section.space-guide * {
  color: #0f172a !important;
}