:root {
  --gmdi-navy: #11111F;
  --gmdi-orange: #FFA300;
  --gmdi-orange-hover: #e59400;
}

body { background:#f5f6f8; }
.login-bg { background: linear-gradient(135deg,#eef4ff,#f8fafc); }
.login-card { width: 100%; max-width: 420px; border:0; border-radius:18px; }
.agent-card { border:0; border-radius:16px; transition:transform .15s ease, box-shadow .15s ease; }
.agent-card:hover { transform: translateY(-2px); box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,.10)!important; }
.card { border-radius:16px; }
.table td, .table th { vertical-align: middle; }

/* Identité GMDI */
.navbar-gmdi { background-color: var(--gmdi-navy) !important; padding-top:.4rem; padding-bottom:.4rem; }
.navbar-brand-logo { height: 34px; width: auto; }
.navbar-brand { padding-top:0; padding-bottom:0; margin-right:1.5rem; }

.btn-primary, .badge.bg-primary {
  background-color: var(--gmdi-orange) !important;
  border-color: var(--gmdi-orange) !important;
  color: var(--gmdi-navy) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--gmdi-orange-hover) !important;
  border-color: var(--gmdi-orange-hover) !important;
  color: var(--gmdi-navy) !important;
}
.btn-outline-primary {
  color: var(--gmdi-orange) !important;
  border-color: var(--gmdi-orange) !important;
}
.btn-outline-primary:hover {
  background-color: var(--gmdi-orange) !important;
  color: var(--gmdi-navy) !important;
}
.text-primary { color: var(--gmdi-orange) !important; }
.navbar-gmdi .nav-link:hover, .navbar-gmdi .nav-link.active { color: var(--gmdi-orange) !important; }

.gmdi-callout {
  background: var(--gmdi-navy);
  color: #fff;
  border-radius: 16px;
  padding: 1.75rem 2rem;
  border-left: 4px solid var(--gmdi-orange);
}
.gmdi-callout .accent { color: var(--gmdi-orange); font-weight: 700; }
.gmdi-callout p:last-child { margin-bottom: 0; }
.gmdi-panel-dark {
  background: var(--gmdi-navy);
  color: #fff;
  border-radius: 16px;
}
.gmdi-panel-dark a { color: var(--gmdi-orange); }
.gmdi-panel-dark strong { color: var(--gmdi-orange); }
.gmdi-callout-light {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-left: 4px solid var(--gmdi-orange);
  border-radius: 16px;
  padding: 1.75rem 2rem;
}