/*
 * La carte « Suivi » de la fiche prospect — valeurs recopiées de
 * tasks/nbt-crm/mockups/fiche-prospect-v1.html (.card, .fields.two, .f, .k, .v,
 * .pill.chip, select, .menu, .hint). Karim : « exactly 100% pixel by pixel ».
 * Le mode sombre garde la mise en page et prend les teintes de Filament.
 */
.nbt-suivi { background: #fff; border: 1px solid #E7E5EA; border-radius: 14px; color: #14121A; font-size: 14px; line-height: normal; }
.nbt-suivi-titre { margin: 0; padding: 14px 18px; border-bottom: 1px solid #E7E5EA; font-size: 15px; font-weight: 700; }
.nbt-suivi-champs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; padding: 14px 18px; }
.nbt-suivi-large { grid-column: 1 / -1; }
.nbt-suivi-k { font-size: 12px; color: #6B6875; margin-bottom: 3px; }
.nbt-suivi-v { font-weight: 500; }
.nbt-suivi-passe { color: #C8102E; }
.nbt-suivi select { border: 1px solid #E7E5EA; border-radius: 8px; padding: 7px 9px; font: inherit; background: #fff; color: inherit; appearance: auto; }
.nbt-suivi-pill { display: inline-block; border: 0; border-radius: 999px; padding: 2px 9px; font: inherit; font-size: 12px; font-weight: 600; margin: 0 4px 4px 0; background: #FDEEF1; color: #A50D26; }
.nbt-suivi-g { background: #F2F4F7; color: #344054; }
/* Archivée : reste posée, en pointillé (`.chip.arch` de gestion-etiquettes-v1). */
.nbt-suivi-arch { background: #FFFFFF; color: #6B6875; border: 1px dashed #C9C6CF; }
button.nbt-suivi-pill { cursor: pointer; }
.nbt-suivi-x { border: 0; background: none; padding: 0 0 0 .28em; font: inherit; color: inherit; cursor: pointer; }
.nbt-suivi-ajout { position: relative; display: inline-block; }
.nbt-suivi-menu { position: absolute; right: 0; left: auto; top: calc(100% + 2px); background: #fff; border: 1px solid #E7E5EA; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.08); min-width: 200px; padding: 6px; z-index: 60; }
.nbt-suivi-menu button { display: block; width: 100%; text-align: left; padding: 8px 10px; border: 0; border-radius: 7px; background: none; font: inherit; color: inherit; cursor: pointer; }
.nbt-suivi-menu button:hover { background: #F7F7F8; }
.nbt-suivi-hint { color: #6B6875; font-size: 12.5px; }

.dark .nbt-suivi, .dark .nbt-suivi-menu, .dark .nbt-suivi select { background: var(--gray-900); color: var(--gray-100); border-color: color-mix(in oklab, currentColor 12%, transparent); }
.dark .nbt-suivi-titre { border-color: color-mix(in oklab, currentColor 12%, transparent); }
.dark .nbt-suivi-k, .dark .nbt-suivi-hint { color: var(--gray-400); }
.dark .nbt-suivi-menu button:hover { background: var(--gray-800); }
.nbt-suivi-f { min-width: 0; }