/* ═══════════════════════════════════════════
   DEVIS.CSS — Gestionnaire de devis (Bloc 2)
   ═══════════════════════════════════════════ */

/* Variantes de boutons manquantes (réutilisables ailleurs) */
.btn-xs    { padding:4px 9px; font-size:11px; border-radius:7px; }
.btn-light { background:var(--white); color:var(--text); border:1.5px solid var(--border); }
.btn-light:hover { background:var(--wood-pale); }
.btn-light.danger { color:var(--red); border-color:#E9C4C0; }
.btn-light.danger:hover { background:#FBEEEC; }

/* Onglets de filtre — style « souligné » identique au front client */
.devis-onglets { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:18px; border-bottom:2px solid var(--border); }
.devis-onglet {
  background:none; border:none; border-bottom:3px solid transparent; color:var(--text-muted);
  padding:10px 10px; font-size:13px; font-weight:600; cursor:pointer; margin-bottom:-2px;
  display:inline-flex; align-items:center; gap:7px; transition:all .15s;
}
.devis-onglet:hover { color:var(--text); }
.devis-onglet.actif { color:var(--accent); font-weight:800; border-bottom-color:var(--accent); }
.devis-onglet-n {
  background:var(--border); color:var(--text-muted); font-size:11px; font-weight:700;
  padding:1px 8px; border-radius:12px; min-width:18px; text-align:center;
}
.devis-onglet.actif .devis-onglet-n { background:var(--accent); color:#fff; }
.devis-onglet-desc { font-size:12.5px; color:var(--text-muted); margin:-8px 0 16px; padding-left:2px; }

/* Cartes de la liste */
.devis-carte {
  background:var(--white); border:1.5px solid var(--border); border-radius:12px;
  padding:14px 16px; margin-bottom:12px;
}
.devis-carte.a-traiter { border-color:var(--green); box-shadow:0 0 0 3px var(--green-soft); }
.devis-carte-haut { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.devis-carte-titre { font-size:15px; font-weight:700; color:var(--wood-dark); }
.devis-client { color:var(--text-muted); font-weight:500; }
.devis-carte-meta { font-size:13px; color:var(--text-muted); margin-top:6px; }
.devis-alerte-pdf { font-size:12px; color:var(--orange); margin-top:6px; font-weight:600; }
.devis-carte-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }

/* Badges de statut */
.devis-badge { font-size:12px; font-weight:700; padding:4px 11px; border-radius:8px; white-space:nowrap; }
.devis-badge.gris   { background:var(--wood-pale); color:var(--text-muted); }
.devis-badge.bleu   { background:var(--blue-soft); color:var(--blue); }
.devis-badge.vert   { background:var(--green-soft); color:var(--green); }
.devis-badge.violet { background:#EEE8F7; color:#6B3FA0; }
.devis-badge.rouge  { background:#FBEEEC; color:var(--red); }

/* Formulaire (modale) */
.devis-form { display:flex; flex-direction:column; gap:6px; }
.devis-form .form-label { margin-top:8px; }
.devis-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.devis-form-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; flex-wrap:wrap; }

.devis-chip {
  display:inline-flex; align-items:center; gap:8px; background:var(--green-soft);
  color:var(--green); font-weight:600; font-size:13px; padding:8px 12px; border-radius:8px;
}
.lien-mini { color:var(--accent); font-size:12px; font-weight:600; cursor:pointer; margin-top:6px; display:inline-block; }
.lien-mini:hover { text-decoration:underline; }

/* Résultats de recherche client */
.devis-results { margin-top:6px; }
.devis-result { padding:9px 12px; border:1px solid var(--border); border-top:none; cursor:pointer; font-size:13px; }
.devis-result:first-child { border-top:1px solid var(--border); border-radius:8px 8px 0 0; }
.devis-result:last-child  { border-radius:0 0 8px 8px; }
.devis-result:hover { background:var(--accent-soft); }
.devis-result.vide { color:var(--text-muted); cursor:default; }
.devis-result.vide:hover { background:none; }

/* Mobile */
@media (max-width:760px){
  .devis-grid2 { grid-template-columns:1fr; }
  .devis-carte-haut { flex-direction:column; }
  .devis-form-actions .btn { flex:1; justify-content:center; }
}