/**
 * admin-modern-plus.css — 2026-08-28
 *
 * (Christophe : « pourquoi mon back office est il aussi moche alors que mon site est super
 * beau ?? »)
 *
 * Les pages admin-*.html chargent déjà espace-client.css (les couleurs : ink/mint/coral/border)
 * et modern.css (la base "flat" du design 2026 : boutons sobres, sidebar claire, radius/shadow
 * tokens --m-*). Ce n'était donc pas "sans style" — mais chaque page admin s'arrête à cette base
 * plate : cartes à bord fin sans ombre, pastilles ternes, aucun hover, aucune police de titre.
 * Les pages tournées client (le tableau de bord, la home) ont, elles, un vrai habillage EN PLUS
 * de cette base : ombres douces, Poppins sur les titres, relief sur les boutons. C'est ce
 * deuxième étage qui manquait ici.
 *
 * Ce fichier est CHARGÉ EN DERNIER (après espace-client.css et modern.css) sur chaque page
 * admin-*.html : il ajoute cet étage-là aux composants COMMUNS à (quasi) toutes ces pages
 * (cartes ".sec"/".pr-container", lignes ".item", boutons ".btn"/".lnk", pastilles ".chip"),
 * sans toucher ni aux données ni à la mise en page propre de chaque écran. Les grands écrans
 * "applications" (cockpit, audits, messagerie, stats…) en profitent pour leurs boutons/puces/
 * lignes, mais gardent leur mise en page interne telle quelle — les refaire en profondeur est un
 * chantier à part, par écran, pas une feuille de style commune.
 *
 * Rien ici n'est !important sauf quand c'est nécessaire pour gagner sur une règle !important de
 * modern.css (les boutons, essentiellement) — et jamais sur `background`, pour ne pas écraser
 * les teintes d'urgence posées en style inline par le JS de chaque page (ex. une ligne de
 * paiement non appliqué, teintée corail directement dans admin-todo.html).
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

/* ============================================================
 * Titres de page — le composant partagé par la majorité des écrans admin
 * (nap-queue, veille, promos, contacts, happy-watch, intelligence,
 * presence-queue, competitor-gaps, todo…)
 * ============================================================ */
.pr-head h1 {
  font-family: "Poppins", var(--m-font, -apple-system, BlinkMacSystemFont, sans-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}
.total-pill {
  box-shadow: 0 2px 6px rgba(255,122,102,0.28);
}

/* ============================================================
 * Cartes ".sec" — relief doux + légère élévation au survol,
 * au lieu du bord fin plat sans ombre.
 * ============================================================ */
.sec {
  box-shadow:none;
  border-color: var(--m-border, #E6E1D4);
  transition: box-shadow .18s ease, border-color .18s ease;
}
.sec:hover {
  box-shadow:none;
}
.sec-title {
  font-size:16px;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.sec-count {
  box-shadow:none;
  font-weight: 800;
}
.sec-head {
  padding-bottom: 10px;
  margin-bottom: 8px !important;
  border-bottom: 1px dashed var(--border, #E7E9F0);
}

/* ============================================================
 * Lignes ".item" — la ligne d'une file (client, demande, panne…).
 * Pas de lift (seuls les boutons à l'intérieur sont cliquables : un lift
 * sur toute la ligne suggérerait à tort qu'elle l'est aussi), mais un
 * vrai retour visuel au survol au lieu de rien du tout.
 * ============================================================ */
.item {
  border-radius:10px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.item:hover {
  border-color: var(--m-border-2, #DADEE8);
  box-shadow:none;
}

/* ============================================================
 * Pastilles ".chip" — alignées sur la palette crème plutôt que sur le
 * ton tan isolé qu'elles avaient (#F3ECDD, jamais réutilisé ailleurs).
 * ============================================================ */
.chip {
  background: var(--surface-2, #EFF1F6);
  border: 1px solid var(--border, #E7E9F0);
  font-weight: 700;
  padding: 2px 8px;
}

/* ============================================================
 * Boutons ".btn" — modern.css les aplatit volontairement (voir son
 * propre commentaire d'en-tête : "brutalist 2018 → flat"). On ne
 * revient pas là-dessus, on ajoute juste un relief très léger au survol
 * (celui que les CTA du tableau de bord client ont déjà) — d'où le
 * !important, nécessaire pour gagner sur modern.css qui en met aussi.
 * Jamais sur `background`/`border-color` : on ne change pas sa palette.
 * ============================================================ */
.btn:not(.ghost):not(:disabled):hover,
button.btn:not(.ghost):not(:disabled):hover,
a.btn:not(.ghost):not(:disabled):hover {
  transform: translateY(-1px) !important;
  box-shadow:none;
}
.btn-primary:not(:disabled):hover,
button.btn-primary:not(:disabled):hover,
a.btn-primary:not(:disabled):hover {
  box-shadow: 0 3px 10px rgba(240,68,56,0.30) !important;
}

/* ============================================================
 * Liens-boutons ".lnk" — propres à ces pages (pas touchés par
 * modern.css) : même relief, teinte mint au survol au lieu du marine
 * plat actuel.
 * ============================================================ */
.lnk {
  box-shadow:none;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, color .12s ease;
}
.lnk:not(.disabled):hover {
  border-color: var(--mint, #F04438) !important;
  color: var(--v5-vert-txt) !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(240,68,56,0.16);
}

/* ============================================================
 * État vide (« ✅ Rien à traiter ici ») — un encart au lieu d'une
 * ligne de texte perdue dans la carte.
 * ============================================================ */
.empty-line {
  border: 1px dashed var(--border, #E7E9F0);
  border-radius: 10px;
  text-align: center;
  background: var(--surface-2, #EFF1F6);
}