/* ===== Base mobile : lisibilité et confort tactile ===== */
html { font-size: 16px; }
body { font-size: 15px; }

/* Champs en 16px : évite le zoom auto iOS + meilleure lecture */
input, textarea, select { font-size: 16px !important; }

/* Cibles tactiles : boutons et champs assez hauts pour le doigt */
button { min-height: 44px; }
input, select { min-height: 46px; }

/* Compléments à Tailwind */
.card { transition: box-shadow .15s ease; }
.card.open .details { display: block; }
.details { display: none; }

/* Badges de statut (plus gros pour le mobile) */
.badge { padding: .25rem .6rem; border-radius: 9999px; font-weight: 700; white-space: nowrap; font-size: .8rem; }
.st-acontacter { background:#e2e8f0; color:#334155; }
.st-candidate  { background:#dbeafe; color:#1e40af; }
.st-relance    { background:#fef3c7; color:#92400e; }
.st-entretien  { background:#dcfce7; color:#166534; }
.st-refus      { background:#fee2e2; color:#991b1b; }
.st-sansreponse{ background:#f3e8ff; color:#6b21a8; }

/* Filtres */
.filter { min-height: 40px; font-size: .9rem; }
.filter-active { background:#4f46e5; color:#fff; border-color:#4f46e5 !important; }

/* Navigation : icônes bien mises en valeur, onglet actif en pastille */
nav { box-shadow: 0 -6px 20px -10px rgba(15,23,42,.25); }
.nav-btn { position:relative; color:#94a3b8; font-size:.72rem; font-weight:600; line-height:1.2; padding:.55rem 0 .4rem; }
.nav-btn .nav-ico {
  font-size:1.35rem; display:flex; align-items:center; justify-content:center;
  width:2.7rem; height:2.1rem; margin:0 auto 3px; border-radius:9999px;
  transition: background .18s ease, transform .18s ease;
}
.nav-btn.active { color:#4f46e5; font-weight:700; }
.nav-btn.active .nav-ico { background:#eef2ff; transform: translateY(-1px) scale(1.08); }
.nav-btn:not(.active):active .nav-ico { background:#f1f5f9; }
/* Indicateur de l'onglet actif */
.nav-btn.active::before {
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:30px; height:3px; border-radius:0 0 4px 4px; background:#4f46e5;
}

/* ===== Finitions "pro" ===== */
/* En-tête avec ombre douce */
header { box-shadow: 0 2px 12px -8px rgba(15,23,42,.3); }
/* Badge logo dégradé */
.brand-ico {
  width:2.2rem; height:2.2rem; border-radius:.7rem; font-size:1.1rem;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#6366f1,#4f46e5); color:#fff;
  box-shadow:0 4px 10px -4px rgba(79,70,229,.6);
}
/* Cartes : ombre et survol plus nets */
.card, .action { box-shadow: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04); }
.card.open { box-shadow: 0 8px 24px -12px rgba(15,23,42,.25); }
/* Boutons primaires : léger relief */
button.bg-indigo-600 { box-shadow: 0 4px 12px -6px rgba(79,70,229,.7); }

/* Cartes d'action du dashboard (bordure gauche colorée) */
.action { border-left-width: 5px; }
.action-indigo  { border-color:#6366f1; }
.action-amber   { border-color:#f59e0b; }
.action-sky     { border-color:#0ea5e9; }
.action-emerald { border-color:#10b981; }
.action-slate   { border-color:#94a3b8; }