:root{
  --rz-ink:#0b2e4f; --rz-muted:#6b7a90; --rz-border:#e6edf5;
  --rz-green:#009530; --rz-green2:#3DCD58;
  --rz-shadow:0 6px 18px rgba(15,40,80,.07);
  --rz-shadow-h:0 14px 30px rgba(15,40,80,.12);
}

/* ---- Cartes KPI (manager .metric, employe .metric, imports .stat-card) ---- */
.team-command-metrics, .monthly-command-metrics{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:14px !important;
}
.team-command-metrics .metric,
.monthly-command-card .metric,
.monthly-command-metrics .metric,
.stats .stat-card{
  background:#fff !important;
  border:1px solid var(--rz-border) !important;
  border-radius:16px !important;
  padding:18px 16px 15px !important;
  box-shadow:var(--rz-shadow) !important;
  position:relative; overflow:hidden;
  transition:transform .16s ease, box-shadow .16s ease;
}
.team-command-metrics .metric::before,
.monthly-command-card .metric::before,
.monthly-command-metrics .metric::before,
.stats .stat-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg,var(--rz-green2),var(--rz-green)); opacity:.95;
}
.metric.warning::before{ background:linear-gradient(90deg,#fbbf24,#f59e0b); }
.metric.danger::before{ background:linear-gradient(90deg,#f87171,#dc2626); }
.metric.neutral::before{ background:linear-gradient(90deg,#cbd5e1,#94a3b8); }
.team-command-metrics .metric:hover,
.monthly-command-card .metric:hover,
.stats .stat-card:hover{ transform:translateY(-2px); box-shadow:var(--rz-shadow-h); }

.team-command-metrics .metric span,
.monthly-command-card .metric span,
.stats .stat-card span{
  color:var(--rz-muted) !important; font-size:11.5px !important; font-weight:700 !important;
  text-transform:uppercase; letter-spacing:.4px;
}
.team-command-metrics .metric strong,
.monthly-command-card .metric strong,
.stats .stat-card strong{
  display:block; margin-top:8px !important; font-size:28px !important; font-weight:800 !important;
  color:var(--rz-ink) !important; line-height:1.1 !important;
}
.metric.ok strong{ color:#0b7a33 !important; }
.metric.warning strong{ color:#b45309 !important; }
.metric.danger strong{ color:#b91c1c !important; }

/* ---- command-card (le gros indicateur de conformite) ---- */
.team-command-card, .monthly-command-card{
  background:#fff !important;
  border:1px solid var(--rz-border) !important;
  border-radius:18px !important;
  box-shadow:var(--rz-shadow) !important;
  padding:20px 22px !important;
}
.team-command-rate strong, .monthly-command-rate strong{
  font-size:40px !important; font-weight:800 !important; line-height:1 !important;
}

/* ---- En-tetes de page ---- */
.manager-compliance-header, .page-card.wide, .employee-dashboard-v0810b .page-card{
  border-radius:18px !important;
  box-shadow:var(--rz-shadow) !important;
}
.manager-compliance-header h1{ letter-spacing:-.2px; }

/* ---- Boutons Export : compacts ---- */
.xlsx-btn{
  width:auto !important; max-width:max-content; align-self:flex-start;
  border-radius:10px !important; box-shadow:0 4px 12px rgba(0,149,48,.22) !important;
}
.xlsx-btn:hover{ transform:translateY(-1px); }

/* ---- Cartes d'identite (vue employe) ---- */
.employee-identity-grid{ gap:14px !important; }
.identity-card{
  border-radius:16px !important;
  box-shadow:var(--rz-shadow) !important;
  border:1px solid var(--rz-border) !important;
  padding:16px 18px !important;
}
.identity-card.ok{ border-color:#bfe6cd !important; }

/* ---- Selecteur de mois ---- */
.manager-month-form select, .employee-month-form select{
  border-radius:10px !important; border:1px solid var(--rz-border) !important;
  padding:10px 14px !important; font-weight:600; color:var(--rz-ink);
  box-shadow:var(--rz-shadow) !important;
}

/* ---- Boutons navigation ---- */
.btn-secondary{
  border-radius:10px !important; box-shadow:var(--rz-shadow) !important;
  transition:transform .15s ease;
}
.btn-secondary:hover{ transform:translateY(-1px); }


/* PATCH10 : en-tete employe regroupe (homogene avec l'en-tete manager) */
.emp-header-card{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px;
  background:#fff !important; border:1px solid var(--rz-border) !important;
  border-radius:18px !important; box-shadow:var(--rz-shadow) !important;
  padding:20px 24px !important; margin:14px 0 !important;
}
.emp-header-titles h1{ margin:0 0 4px !important; }
.emp-header-titles p{ margin:0 !important; }
.emp-header-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.emp-header-actions .employee-month-form{ margin:0 !important; min-width:160px; }
.emp-header-actions .xlsx-btn{ margin:0 !important; }