/* === CLEAN PRO — reset Nova vers un style sobre et pro ================== */
:root{
  --bg:#F7F8FA; --bg-soft:#FFFFFF; --text:#12131A; --muted:#69707D;
  --primary:#6D39FF; --primary-2:#5B2BDC;
  --card:#FFFFFF; --border:#E6E8EC;
  --success:#12805A; --danger:#D32F2F;
  --radius:12px; --shadow:0 6px 20px rgba(16,24,40,.06);
}

/* Fond neutre, sans halos ni glass */
html,body{
  background: var(--bg);
  color: var(--text);
}

/* Header plat, lisible */
.app-header{
  background:#fff !important;
  border-bottom:1px solid var(--border) !important;
  box-shadow:none !important;
}
.app-header .brand{ color:#12131A !important; }
.app-header nav a{ color:#374151 !important; opacity:1 !important; }
.logo-o{
  background: var(--primary) !important; color:#fff !important;
  border:none !important;
}

/* Containers + titres */
.container{ max-width:1120px; }
h1{ font-size:26px; font-weight:800; letter-spacing:.1px; }
h2{ font-size:20px; font-weight:700; }

/* Cartes sobres */
.card{
  background: var(--card) !important;
  border:1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  transform:none !important;
}
.card:hover{ transform:none !important; box-shadow: var(--shadow) !important; }
.card-header{
  background:#fff !important;
  border-bottom:1px solid var(--border) !important;
}

/* Table claire, lignes fines */
.table{ border-collapse: collapse; }
.table th, .table td{ padding:12px 12px; }
.table thead th{
  background:#FAFBFC !important; border-bottom:1px solid var(--border);
}
.table tbody td{ border-bottom:1px solid var(--border); }

/* Formulaires simples */
input,select,textarea{
  border:1px solid var(--border) !important;
  background:#fff !important;
  border-radius:10px !important;
  box-shadow:none !important;
}

/* Boutons: plein et outline discrets */
.btn{
  border-radius:10px !important;
  background: var(--primary) !important;
  color:#fff !important; border:1px solid var(--primary) !important;
  box-shadow:none !important;
}
.btn:hover{ filter:brightness(1.05); }
.btn-outline{
  border-radius:10px !important;
  border:1px solid var(--primary) !important;
  color: var(--primary) !important;
  background:#fff !important;
}

/* Badges sobres */
.badge{
  background: #EEF2FF !important;
  color:#4338CA !important;
  border-radius:999px !important;
}

/* Footer léger */
.app-footer{
  background:#fff; border-top:1px solid var(--border);
  color:#6b7280;
}