/* ================================================================
   Axeane UI V2 — Familles de documents, modèle commun (super admin)
   Écran : views/comptageneral/parametrage/familleDocumentCommun/
   Tout est scopé : .fdc-root (écran), .fdc-modal (fenêtre $uibModal,
   montée sur le body), .tooltip.fdc-tip (infobulles append-to-body).
   ================================================================ */

/* Chaîne de hauteur : .ax-container est en height:100%, elle ne se résout que si le parent est borné. */
.fdc-root { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.fdc-root > .ax-container { flex: 1; min-height: 0; }
.fdc-root .ax-toolbar-right { display: flex; align-items: center; gap: 8px; }
.fdc-root .ax-fiche-header { display: flex; align-items: center; }
.fdc-root .fdc-compteur { margin-left: auto; font-size: 13px; color: #64748b; font-weight: 600; }
.fdc-root .fdc-modifie { font-size: 13.5px; color: #b45309; font-weight: 600; }
.fdc-root .fdc-modifie .fa { margin-right: 4px; }

/* Trait indigo : action qui assiste (ajouter une famille). */
.fdc-root .fdc-btn-indigo { background: #fff; color: var(--ax-primary, #3f51b5); border: 1.5px solid var(--ax-primary, #3f51b5); }
.fdc-root .fdc-btn-indigo:hover,
.fdc-root .fdc-btn-indigo:focus { background: var(--ax-primary-50, #e8eaf6); color: var(--ax-primary-dark, #303f9f); }

/* Bandeau d'information. */
.fdc-root .fdc-bandeau { display: flex; gap: 9px; align-items: flex-start; background: #f0f9ff; border: 1px solid #bae6fd;
    color: #075985; border-radius: 6px; padding: 9px 14px; margin-bottom: 14px; font-size: 13.5px; line-height: 1.5; }
.fdc-root .fdc-bandeau .fa { font-size: 14px; line-height: 1.5; }

/* Ajout d'une famille. */
.fdc-root .fdc-ajout { background: #eef2ff; border: 1px solid #c7d2fe; border-radius: 8px; padding: 12px 16px; margin-bottom: 14px; }
.fdc-root .fdc-ajout-titre { font-size: 14.5px; font-weight: 700; color: var(--ax-primary, #3f51b5); margin-bottom: 10px; }
.fdc-root .fdc-ajout-ligne { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.fdc-root .fdc-champ { display: flex; flex-direction: column; width: 220px; }
.fdc-root .fdc-champ-large { width: 320px; }
.fdc-root .fdc-champ label { font-size: 14px; font-weight: 700; color: #1e293b; margin-bottom: 4px; }
.fdc-root .fdc-champ .form-control { height: 34px; font-size: 14px; }
.fdc-root .fdc-obligatoire { color: #dc2626; }
.fdc-root .fdc-ajout-actions { display: flex; gap: 8px; }
.fdc-root .fdc-erreur { margin-top: 8px; font-size: 13px; color: #b91c1c; }
.fdc-root .fdc-aide { margin-top: 6px; font-size: 13px; color: #64748b; }

/* Grille de cartes. */
.fdc-root .fdc-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
.fdc-root .fdc-carte { border: 1px solid var(--ax-border-light, #e5e7eb); border-radius: 8px; background: #fff; display: flex; flex-direction: column; }
.fdc-root .fdc-carte-entete { display: flex; align-items: center; justify-content: space-between; gap: 8px;
    padding: 10px 14px; background: #f8fafc; border-bottom: 1px solid var(--ax-border-light, #e5e7eb); border-radius: 8px 8px 0 0; }
.fdc-root .fdc-carte-titre { font-size: 15px; font-weight: 700; color: var(--ax-primary, #3f51b5); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.fdc-root .fdc-code { font-size: 13px; font-weight: 600; color: #475569; background: #e2e8f0; border-radius: 10px; padding: 0 8px; line-height: 20px; }
.fdc-root .fdc-nouvelle { font-size: 13px; font-weight: 600; color: #b45309; background: #fef3c7; border-radius: 10px; padding: 0 8px; line-height: 20px; }
.fdc-root .fdc-supprimer { border: 1px solid #fecaca; background: #fff; color: #dc2626; border-radius: 6px; width: 30px; height: 30px;
    display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex: none; }
.fdc-root .fdc-supprimer:hover,
.fdc-root .fdc-supprimer:focus { background: #fef2f2; border-color: #dc2626; }
.fdc-root .fdc-carte-corps { padding: 12px 14px; }
.fdc-root .fdc-types { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; clear: both; }
.fdc-root .fdc-type { font-size: 13.5px; font-weight: 600; color: #283593; background: #e8eaf6; border-radius: 12px; padding: 2px 10px; }
.fdc-root .fdc-aucun-type { margin-top: 10px; font-size: 13.5px; color: #94a3b8; clear: both; }

/* Listes nya-bs-select : pleine largeur (règle vendeur à 220 px, d'où !important). */
.fdc-root .nya-bs-select.fdc-select { display: block !important; width: 100% !important; float: none !important; }
/* Le bouton flotte (règle Bootstrap btn-group > .btn) : la liste faisait 0 px de haut, le menu s'ouvrait
   derrière le bouton (recherche masquée) et les badges se collaient au bouton. */
.fdc-root .nya-bs-select.fdc-select > .dropdown-toggle { height: 34px; font-size: 14px; float: none; width: 100%; }
.fdc-root .nya-bs-select.fdc-select > .dropdown-toggle .check-mark { display: none; }
.fdc-root .nya-bs-select.fdc-select .dropdown-menu.inner { overflow-y: auto; position: static; }
.fdc-root .nya-bs-select.fdc-select .dropdown-menu li a { font-size: 13.5px; }

/* État vide. */
.fdc-root .fdc-vide { text-align: center; padding: 48px 16px; color: #64748b; }
.fdc-root .fdc-vide .fa { font-size: 40px; color: #cbd5e1; margin-bottom: 10px; }
.fdc-root .fdc-vide p { font-size: 15px; margin: 0 0 6px; }
.fdc-root .fdc-vide .fdc-vide-aide { font-size: 13.5px; }

/* ── Fenêtre « À quels experts appliquer ? » ── */
.fdc-modal .modal-dialog { width: 640px; max-width: 96vw; }
.fdc-modal .modal-header .modal-title { font-size: 16px !important; font-weight: 700 !important; }
.fdc-modal .modal-header .modal-title .fa { margin-right: 6px; }
.fdc-modal .fdc-question { font-size: 14px; font-weight: 600; color: #1e293b; margin: 0 0 10px; }
.fdc-modal .fdc-option { display: flex; gap: 10px; align-items: flex-start; border: 1px solid #e2e8f0; border-radius: 8px;
    padding: 10px 12px; margin: 0 0 8px; cursor: pointer; font-weight: 400; }
.fdc-modal .fdc-option input { margin-top: 3px; }
.fdc-modal .fdc-option strong { display: block; font-size: 14px; color: #1e293b; }
.fdc-modal .fdc-option-active { border-color: var(--ax-primary, #3f51b5); background: #f5f6fd; }
.fdc-modal .fdc-option-aide { display: block; font-size: 13px; color: #64748b; }
.fdc-modal .fdc-experts { margin: -2px 0 10px 32px; }
.fdc-modal .nya-bs-select.fdc-select { display: block !important; width: 100% !important; float: none !important; margin-bottom: 4px; }
.fdc-modal .nya-bs-select.fdc-select > .dropdown-toggle { height: 34px; font-size: 14px; float: none; width: 100%; }
.fdc-modal .nya-bs-select.fdc-select > .dropdown-toggle .check-mark { display: none; }
.fdc-modal .nya-bs-select.fdc-select .dropdown-menu.inner { overflow-y: auto; position: static; }
.fdc-modal .nya-bs-select.fdc-select .dropdown-menu li a { font-size: 13.5px; }
.fdc-modal .nya-bs-select.fdc-select .bs-searchbox .form-control { height: 34px; font-size: 14px; }
.fdc-modal .fdc-cabinet { color: #64748b; }
/* Ligne en surbrillance (fond bleu) : le gris devenait illisible. */
.fdc-modal .nya-bs-select .dropdown-menu li.active a .fdc-cabinet,
.fdc-modal .nya-bs-select .dropdown-menu li a:hover .fdc-cabinet,
.fdc-modal .nya-bs-select .dropdown-menu li a:focus .fdc-cabinet { color: inherit; opacity: .85; }
.fdc-modal .fdc-confirmation { display: flex; gap: 8px; align-items: center; margin: -2px 0 10px 32px; font-size: 13.5px;
    font-weight: 600; color: #92400e; }
.fdc-modal .fdc-info { display: flex; gap: 9px; align-items: flex-start; font-size: 13.5px; line-height: 1.5; color: #1e3a8a;
    background: #eef2ff; border: 1px solid #c7d2fe; border-radius: 6px; padding: 9px 12px; margin: 12px 0 0; }
.fdc-modal .fdc-info .fa { color: var(--ax-primary, #3f51b5); line-height: 1.5; }
.fdc-modal .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; }
.fdc-modal .modal-footer .ax-btn { margin: 0; }
/* Suppression confirmée : action qui engage, en plein rouge. */
.fdc-modal .fdc-btn-danger { background: #dc2626; color: #fff; border: 1px solid #dc2626; }
.fdc-modal .fdc-btn-danger:hover,
.fdc-modal .fdc-btn-danger:focus { background: #b91c1c; border-color: #b91c1c; color: #fff; }
.fdc-modal .fdc-btn-danger[disabled] { opacity: .5; }

/* Infobulles : ne captent jamais la souris (sinon clignotement et clic bloqué). */
.tooltip.fdc-tip { pointer-events: none; }