/* === DIAMOND OPTIQUE — UNIFICATION DES ESPACES & ANIMATIONS INTENSES === */
:root {
  --do-navy-deep: #0b213a;
  --do-navy: #173d66;
  --do-red: #c9233b;
  --do-red-deep: #851b30;
  --do-gold: #f2c32b;
  --do-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes doAuroraFloat {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(14px, -12px, 0) scale(1.06); }
}

@keyframes doPulseRing {
  0% { box-shadow: 0 0 0 0 rgba(242, 195, 43, 0.4); }
  70% { box-shadow: 0 0 0 12px rgba(242, 195, 43, 0); }
  100% { box-shadow: 0 0 0 0 rgba(242, 195, 43, 0); }
}

/* Application des couleurs par rôle */
body.application[data-space=commercial] { --app-canvas: #fbf6f6; --app-deep: #851b30; --app-accent: #c9233b; --app-tint: #fff0f2; }
body.application[data-space=partenaire] { --app-canvas: #fcf4f5; --app-deep: #7a162b; --app-accent: #c9233b; --app-tint: #ffefef; }
body.application[data-space=admin]      { --app-canvas: #f0f4f9; --app-deep: #122d4c; --app-accent: #173d66; --app-tint: #e6f0fa; }

/* Sidebar & Navigation façon Web App */
.application .app-sidebar {
  background: linear-gradient(170deg, var(--app-deep) 0%, color-mix(in srgb, var(--app-deep) 80%, #061528) 100%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 14px 0 50px rgba(4, 12, 24, 0.3);
}
.application .app-sidebar a {
  color: #f1f5f9 !important;
  font-weight: 650;
  border-radius: 12px !important;
  margin: 3px 8px;
  transition: all 0.25s var(--do-ease);
}
.application .app-sidebar a:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  transform: translateX(4px);
}
.application .app-sidebar a[aria-current] {
  background: linear-gradient(135deg, var(--do-gold), #d4a017) !important;
  color: #0b213a !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 20px rgba(242, 195, 43, 0.35);
}

/* En-têtes de welcome avec animation intense */
.application .workspace-welcome {
  background: linear-gradient(135deg, var(--app-deep), color-mix(in srgb, var(--app-accent) 70%, var(--app-deep))) !important;
  border: 1px solid rgba(242, 195, 43, 0.25);
  border-radius: 24px !important;
  box-shadow: 0 20px 50px rgba(11, 33, 58, 0.18);
  position: relative;
  overflow: hidden;
}
.application .workspace-welcome::before {
  content: "";
  position: absolute;
  top: -50%; right: -20%;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(242, 195, 43, 0.25), transparent 70%);
  animation: doAuroraFloat 8s ease-in-out infinite;
  pointer-events: none;
}
.application .workspace-welcome h2 { color: #ffffff !important; font-weight: 800; }
.application .workspace-welcome p, .application .workspace-welcome .eyebrow { color: #fdf8f6 !important; }

/* Cartes KPI et Tableaux */
.application .stat {
  background: linear-gradient(145deg, var(--app-deep), color-mix(in srgb, var(--app-deep) 85%, var(--app-accent))) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 30px rgba(11, 33, 58, 0.12) !important;
  transition: transform 0.3s var(--do-ease), box-shadow 0.3s var(--do-ease);
}
.application .stat:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(11, 33, 58, 0.2) !important;
}
.application .stat strong { color: #ffffff !important; font-size: 34px; font-weight: 850; }
.application .stat span { color: #f1f5f9 !important; font-weight: 600; }

/* Boutons d'action */
.application .primary, button.primary {
  background: linear-gradient(135deg, var(--app-accent), var(--app-deep)) !important;
  border: 1px solid rgba(242, 195, 43, 0.35) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  font-weight: 750;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--app-accent) 30%, transparent);
  transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
}
.application .primary:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--app-accent) 45%, transparent);
}

/* Pages de connexion / login harmonisées avec les animations orbite */
body.login-page {
  background: radial-gradient(circle at 50% 15%, #4a1729, #1c0a13 60%, #060307 90%) !important;
  min-height: 100vh;
}
body.login-page[data-space=admin] {
  background: radial-gradient(circle at 50% 15%, #173d66, #0b213a 60%, #050e18 90%) !important;
}
body.login-page[data-space=partenaire] {
  background: radial-gradient(circle at 50% 15%, #63182a, #260911 60%, #0d0205 90%) !important;
}
.login-layout {
  border-radius: 28px !important;
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5) !important;
  background:transparentfff !important;
}
.login-story {
  background: linear-gradient(145deg, var(--app-deep), #0b213a) !important;
  color: #ffffff !important;
  padding: 45px !important;
}
.auth {
  padding: 45px !important;
  background: #ffffff !important;
}
body.login-page .workspace-footer a{color:#e2e8f0!important;text-decoration:none}
body.login-page .workspace-footer a:hover,body.login-page .workspace-footer a:focus-visible{color:#f2c32b!important;text-decoration:underline}
body.application .app-sidebar .app-identity{color:#f4f8fd!important}

/* Correctif final : transparence du conteneur login-layout et lisibilité du footer */
body.login-page .login-layout {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
body.login-page .workspace-footer a,
body.signup-page .workspace-footer a {
  color: rgba(255, 255, 255, 0.88) !important;
}
body.login-page .workspace-footer a:hover,
body.signup-page .workspace-footer a:hover {
  color: #f2c32b !important;
}
.account-agency{display:block;margin-top:10px;color:#244762!important}.account-agency select{width:100%;margin-top:5px}.account [data-save-agency]{margin-top:7px;background:#e7f1f9;color:#173d66;border:1px solid #bed2e2}.agency-queue{color:#8f3b16;font-weight:750;background:#fff0e6;padding:6px 9px;border-radius:8px;width:max-content}