/* nbt-automatisations — Paramètres › Automatisations, la liste du matin de l'agente, le suivi des relances
   du responsable (lane N, 11 oct). Valeurs reprises de tasks/nbt-crm/plans/automatisations/maquette-automatisations.html,
   approuvée par Karim (spec pixel pour pixel). Préfixe nbt-au- ; l'en-tête et les cartes reprennent celles de
   Paramètres (nbt-agents.css), la puce d'agent est celle de PuceDAgent.
   Les commentaires n'écrivent aucun nom de classe précédé d'un point : AucuneClasseFantomeTest lit la feuille brute. */

:root {
  --nbt-au-wall: #F6F1EB; --nbt-au-sub: #666; --nbt-au-blue: #027EB5;
  --nbt-au-font: Roboto, "Segoe UI", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Ubuntu, Cantarell, "Fira Sans", sans-serif;
  --nbt-au-doodle: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22320%22%20viewBox%3D%220%200%20320%20320%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23EAE2D7%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2220%22%20y%3D%2218%22%20width%3D%2234%22%20height%3D%2256%22%20rx%3D%227%22%2F%3E%3Cpath%20d%3D%22M33%2066h8%22%2F%3E%3Cpath%20d%3D%22M96%2030h40a8%208%200%200%201%208%208v20a8%208%200%200%201-8%208h-24l-12%2010v-10h-4a8%208%200%200%201-8-8V38a8%208%200%200%201%208-8z%22%2F%3E%3Cpath%20d%3D%22M190%2052c-8-8-18-14-18-24a10%2010%200%200%201%2018-6%2010%2010%200%200%201%2018%206c0%2010-10%2016-18%2024z%22%2F%3E%3Ccircle%20cx%3D%22262%22%20cy%3D%2242%22%20r%3D%2220%22%2F%3E%3Cpath%20d%3D%22M254%2038h.1M270%2038h.1M254%2049c4%205%2012%205%2016%200%22%2F%3E%3Cpath%20d%3D%22M30%20140l10-22%2010%2022-22-14h24z%22%2F%3E%3Crect%20x%3D%2290%22%20y%3D%22118%22%20width%3D%2246%22%20height%3D%2234%22%20rx%3D%226%22%2F%3E%3Ccircle%20cx%3D%22113%22%20cy%3D%22135%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M100%20118l4-7h18l4%207%22%2F%3E%3Cpath%20d%3D%22M180%20150v-34l26-6v34%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22150%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22144%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M246%20146a14%2014%200%200%201%204-27%2018%2018%200%200%201%2034%204%2012%2012%200%200%201-2%2023z%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%22200%22%20width%3D%2242%22%20height%3D%2230%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M18%20202l21%2015%2021-15%22%2F%3E%3Ccircle%20cx%3D%22114%22%20cy%3D%22214%22%20r%3D%2220%22%2F%3E%3Cpath%20d%3D%22M114%20202v12l8%206%22%2F%3E%3Cpath%20d%3D%22M176%20196h40l-6%2034h-28z%22%2F%3E%3Cpath%20d%3D%22M216%20204h6a6%206%200%200%201%200%2012h-8%22%2F%3E%3Cpath%20d%3D%22M260%20230l6-30%2020%206-6%2030z%22%2F%3E%3Cpath%20d%3D%22M266%20206l14%204M264%20216l14%204%22%2F%3E%3Cpath%20d%3D%22M44%20290c-12%200-20-8-20-18s8-18%2018-18c2-10%2010-16%2020-16%22%2F%3E%3Cpath%20d%3D%22M100%20300l14-40%2014%2040M106%20284h16%22%2F%3E%3Cpath%20d%3D%22M172%20262l10%2010%2020-20%22%2F%3E%3Ccircle%20cx%3D%22187%22%20cy%3D%22262%22%20r%3D%2224%22%2F%3E%3Cpath%20d%3D%22M252%20270h44M274%20248v44%22%2F%3E%3Ccircle%20cx%3D%22274%22%20cy%3D%22270%22%20r%3D%229%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* ── l'écran : en-tête, cadenas, onglets des canaux, bandeau commun ── */
.nbt-au { color: #14121A; font-size: 14px; line-height: normal; }
:where(.nbt-au) button, :where(.nbt-au) input, :where(.nbt-au) select, :where(.nbt-au) textarea { font: inherit; color: inherit; }
.nbt-au-crumbs { color: #6B6875; font-size: 13px; }
.nbt-au-crumbs a:hover { color: #C8102E; }
.nbt-au-sub { color: #6B6875; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.nbt-au-note { background: #EFF4FF; border: 1px solid #C7D7FE; border-radius: 12px; padding: 10px 16px; margin: 0 0 16px; color: #1e3a8a; font-size: 13.5px; }
.nbt-au-note b { font-weight: 700; }
.nbt-au-note-blanc { background: #fff; border-color: #E7E5EA; color: #14121A; }
.nbt-au-fseg { display: inline-flex; gap: 2px; background: #fff; border: 1px solid #E7E5EA; border-radius: 999px; padding: 3px; flex-wrap: wrap; margin: 0 0 10px; }
.nbt-au-fseg button { border: 0; background: none; padding: 5px 12px; border-radius: 999px; cursor: pointer; color: #6B6875; font-size: 13px; }
.nbt-au-fseg button.nbt-on { background: #FDEEF1; color: #A50D26; font-weight: 600; }
.nbt-au-fseg button.nbt-au-soon { opacity: .6; }
.nbt-au-fseg button small { font-size: 10.5px; font-weight: 600; background: #F2F4F7; color: #667085; border-radius: 999px; padding: 0 6px; margin-left: 5px; }
.nbt-au-ro { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; border: 1px dashed #E7E5EA; border-radius: 10px; padding: 9px 12px; background: #FCFCFD; margin: 0 0 16px; font-size: 13.5px; }
.nbt-au-ro b { font-weight: 700; }
.nbt-au-warn { background: #FFF7E6; border: 1px solid #FCD9A5; color: #78350f; border-radius: 12px; padding: 10px 14px; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 13.5px; }
.nbt-au-warn b { font-weight: 700; }
.nbt-au-hint { color: #6B6875; font-size: 12.5px; }
.nbt-au-gc { font-weight: 400; }
.nbt-au-sep { margin-top: 10px; border-top: 1px solid #E7E5EA; padding-top: 10px; }

/* ── les boutons de la maquette ── */
.nbt-au-btn { border: 1px solid #E7E5EA; background: #fff; border-radius: 9px; padding: 8px 12px; font-weight: 500; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; white-space: nowrap; }
.nbt-au-btn:hover { border-color: #cfccd4; }
.nbt-au-btn.nbt-au-primary { background: #C8102E; border-color: #C8102E; color: #fff; }
.nbt-au-btn.nbt-au-primary:hover { background: #A50D26; }
.nbt-au-btn.nbt-au-danger { color: #C8102E; }
.nbt-au-btn.nbt-au-sm { padding: 5px 10px; font-size: 12.5px; border-radius: 8px; }
.nbt-au-btn:disabled { opacity: .45; cursor: not-allowed; }

/* ── la carte « WhatsApp · réglages du canal » ── */
.nbt-au-rule { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid #E7E5EA; }
.nbt-au-rule:first-child { border-top: 0; }
.nbt-au-rule b { font-weight: 700; }
.nbt-au-rule.nbt-au-lock { background: #FCFCFD; }
.nbt-au-rule.nbt-au-one { grid-template-columns: minmax(0, 1fr); }
.nbt-au-qh { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; color: #6B6875; font-size: 13px; }
.nbt-au-qh input[type=number] { width: 74px; border: 1px solid #E7E5EA; border-radius: 8px; padding: 6px 8px; text-align: right; background: #fff; }
.nbt-au-qh input[type=time] { border: 1px solid #E7E5EA; border-radius: 8px; padding: 7px 9px; background: #fff; }
.nbt-au-inp { margin-top: 8px; }
.nbt-au-inp label { display: flex; gap: 6px; align-items: center; font-size: 12px; color: #6B6875; margin-bottom: 4px; }
.nbt-au-inp input { width: 100%; border: 1px solid #E7E5EA; border-radius: 8px; padding: 8px 10px; background: #fff; }
.nbt-au-inp input:focus, .nbt-au-dw textarea:focus { outline: 2px solid #F4C5CE; border-color: #C8102E; }
.nbt-au-omap { position: relative; height: 150px; border-radius: 10px; overflow: hidden; border: 1px solid #E7E5EA; margin-top: 10px; background: #EEF0EC; }
.nbt-au-omap svg, .nbt-au-map svg, .nbt-au-ti svg { display: block; width: 100%; height: 100%; }
.nbt-au-pin { position: absolute; transform: translate(-50%, -100%); color: #EA4335; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .3)); line-height: 0; }
.nbt-au-pin svg { width: 34px; height: 34px; }
.nbt-au-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 10px; }

/* ── une ligne d'automatisation ── */
.nbt-au-arow { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 12px 0; border-top: 1px solid #E7E5EA; }
.nbt-au-arow:first-child { border-top: 0; }
.nbt-au-arow .nbt-tgl { flex: 0 0 38px; margin-top: 1px; }
.nbt-au-an { font-weight: 600; }
.nbt-au-arow.nbt-au-off .nbt-au-an { color: #6B6875; }
.nbt-au-at { color: #6B6875; font-size: 12.5px; margin-top: 2px; }
.nbt-au-bdg { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 6px; }
.nbt-au-cb { display: inline-flex; align-items: center; gap: 3px; border-radius: 999px; padding: 1px 8px; font-size: 11.5px; font-weight: 600; white-space: nowrap; }
.nbt-au-cb.nbt-au-wa { background: #E7F8EE; color: #0F7A43; }
.nbt-au-cb.nbt-au-mail { background: #EFF4FF; color: #1D4ED8; }
.nbt-au-cb.nbt-au-int { background: #F2F4F7; color: #344054; }
.nbt-au-cb.nbt-au-good { background: #ECFDF3; color: #15803D; }
.nbt-au-cb.nbt-au-todo { background: #FFF7E6; color: #B45309; }
.nbt-au-cb.nbt-au-miss { background: #FEE4E2; color: #B42318; }
.nbt-au-cb.nbt-au-o { background: #fff; color: #14121A; box-shadow: inset 0 0 0 1px #D0CDD6; }
.nbt-au-cb.nbt-au-fail { background: #FEE4E2; color: #B42318; white-space: normal; }

/* ── l'éditeur : tiroir de 1000 px, plein écran sur téléphone ── */
.nbt-au-ov { position: fixed; inset: 0; background: rgba(20, 18, 26, .28); z-index: 54; }
.nbt-au-dw { position: fixed; top: 0; right: 0; bottom: 0; width: 1000px; max-width: 92vw; background: #fff; z-index: 55; box-shadow: -20px 0 50px rgba(20, 18, 26, .15); display: flex; flex-direction: column; color: #14121A; font-size: 14px; line-height: normal; }
.nbt-au-dwh { padding: 16px 20px; border-bottom: 1px solid #E7E5EA; display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.nbt-au-dwh h2 { margin: 0 0 4px; font-size: 19px; font-weight: 700; }
.nbt-au-x { border: 1px solid #E7E5EA; background: #fff; border-radius: 8px; width: 32px; height: 32px; cursor: pointer; flex: 0 0 32px; }
.nbt-au-dwb { padding: 4px 20px 24px; overflow: auto; flex: 1; }
.nbt-au-dwf { border-top: 1px solid #E7E5EA; padding: 12px 20px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; background: #fff; }
.nbt-au-grow { flex: 1; }
.nbt-au-edg { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 380px); gap: 24px; align-items: start; }
.nbt-au-edp { position: sticky; top: 0; padding-bottom: 8px; }
.nbt-au-perm { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 11px 0; }
.nbt-au-perm b { font-weight: 700; }
.nbt-au-es { margin-top: 14px; }
.nbt-au-el { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 12px; color: #6B6875; margin-bottom: 5px; font-weight: 500; }
.nbt-au-dw textarea { width: 100%; min-height: 130px; line-height: 1.45; border: 1px solid #E7E5EA; border-radius: 10px; padding: 10px; resize: vertical; background: #fff; }
.nbt-au-dw textarea.nbt-au-ar { font-size: 15px; min-height: 96px; }
.nbt-au-dw input[type=text], .nbt-au-dw select { width: 100%; border: 1px solid #E7E5EA; border-radius: 8px; padding: 8px 10px; background: #fff; }
.nbt-au-dw select:disabled { color: #6B6875; background: #F7F7F8; }
.nbt-au-todo-t { font-size: 10.5px; font-weight: 600; color: #B45309; background: #FFF7E6; border-radius: 999px; padding: 0 6px; }
.nbt-au-blanks { display: flex; flex-wrap: wrap; gap: 6px; }
.nbt-au-blank { border: 1px dashed #cfccd4; background: #fff; border-radius: 999px; padding: 2px 9px; font-size: 12.5px; cursor: pointer; color: #3b3843; }
.nbt-au-blank:hover { border-color: #C8102E; color: #C8102E; }
.nbt-au-thumb { display: flex; gap: 12px; align-items: flex-start; }
.nbt-au-thumb b { font-weight: 700; }
.nbt-au-ti { display: block; width: 110px; aspect-ratio: 3 / 2; border-radius: 8px; overflow: hidden; border: 1px solid #E7E5EA; flex: 0 0 110px; object-fit: cover; }
.nbt-au-oc { display: flex; gap: 10px; align-items: flex-start; border: 1px solid #E7E5EA; border-radius: 10px; padding: 10px 12px; cursor: pointer; background: #fff; min-width: 0; margin-top: 12px; }
.nbt-au-oc:hover { border-color: #cfccd4; }
.nbt-au-oc.nbt-on { border-color: #C8102E; background: #FDEEF1; }
.nbt-au-oc input { accent-color: #C8102E; margin: 3px 0 0; }
.nbt-au-oc b { display: block; font-weight: 600; }
.nbt-au-oc small { color: #6B6875; font-size: 12px; display: block; margin-top: 1px; }
.nbt-au-err { background: #FFF5F6; border: 1px solid #F4C5CE; color: #A50D26; border-radius: 10px; padding: 9px 12px; margin: 14px 0 10px; font-size: 13px; }
.nbt-au-pvh { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.nbt-au-pvh .nbt-au-el { margin: 0; }
.nbt-au-pvh .nbt-au-fseg { margin: 0; }

/* ── l'aperçu WhatsApp (bulles de whatsapp-crm-v4-b, comme le client les voit) ── */
.nbt-au-wchat { background-color: var(--nbt-au-wall); background-image: var(--nbt-au-doodle); background-size: 230px; font-family: var(--nbt-au-font); color: #0A0A0A; padding: 8px 14px 12px; display: flex; flex-direction: column; border-radius: 10px; min-width: 0; }
.nbt-au-wm { display: flex; margin: 2px 0; }
.nbt-au-wm.nbt-au-wtl { margin-top: 6px; }
.nbt-au-wb { position: relative; max-width: min(85%, 420px); border-radius: 8px; padding: 6px 9px 7px; font-size: 14.6px; line-height: 20px; box-shadow: 0 1px .5px rgba(11, 20, 26, .13); overflow-wrap: anywhere; background: #fff; }
.nbt-au-wtl .nbt-au-wb { border-top-left-radius: 0; }
.nbt-au-wtl .nbt-au-wb::before { content: ""; position: absolute; top: 0; left: -8px; width: 8px; height: 13px; background: #fff; clip-path: path("M8 0 L8 13 L1.2 3.4 C0.3 2.1 0.9 0 2.7 0 Z"); }
.nbt-au-wmeta { float: right; margin: 8px 0 -6px 12px; font-size: 11.5px; color: #667; white-space: nowrap; position: relative; top: 2px; }
.nbt-au-wb .nbt-au-rt + .nbt-au-wmeta { float: none; display: block; text-align: right; margin: 2px 0 -4px; top: 0; }
.nbt-au-lk { color: var(--nbt-au-blue); }
.nbt-au-wb.nbt-au-wpic { padding: 3px; }
.nbt-au-img { display: block; width: 260px; max-width: 100%; aspect-ratio: 3 / 2; border-radius: 6px; overflow: hidden; position: relative; }
.nbt-au-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nbt-au-over { position: absolute; right: 8px; bottom: 5px; color: #fff; font-size: 11.5px; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); }
.nbt-au-wb.nbt-au-wloc { padding: 3px; width: 260px; }
.nbt-au-map { display: block; height: 120px; border-radius: 6px 6px 0 0; overflow: hidden; position: relative; background: #E8EEF0; }
.nbt-au-tx { display: block; padding: 7px 8px 2px; }
.nbt-au-tx b { display: block; font-size: 14.5px; font-weight: 500; }
.nbt-au-ad { font-size: 13px; color: var(--nbt-au-sub); }
.nbt-au-wb.nbt-au-ph { color: #8A8794; font-style: italic; outline: 1px dashed #C9C6CF; outline-offset: -1px; }
.nbt-au-arnote { font-size: 12px; color: #B45309; font-weight: 600; margin-top: 4px; font-family: Outfit, system-ui, sans-serif; }
.nbt-au-wchat .nbt-au-arnote { align-self: flex-start; background: rgba(255, 255, 255, .9); border-radius: 6px; padding: 1px 7px; margin: 3px 0 0; }
.nbt-au-fv { background: rgba(29, 170, 97, .16); border-radius: 3px; }
.nbt-au-bb { background: #FEE4E2; color: #B42318; border-radius: 3px; }
.nbt-au-ntf { background: #fff; border: 1px solid #E7E5EA; border-radius: 10px; padding: 10px 12px; font-size: 13.5px; box-shadow: 0 4px 14px rgba(20, 18, 26, .06); margin-top: 8px; }
.nbt-au-nt { font-size: 12px; color: #6B6875; font-weight: 600; margin-bottom: 4px; }
.nbt-au-mailv { border: 1px solid #E7E5EA; border-radius: 10px; overflow: hidden; margin-top: 10px; }
.nbt-au-mh { background: #F7F7F8; padding: 10px 14px; font-size: 12.5px; color: #6B6875; line-height: 1.6; }
.nbt-au-mh b { color: #14121A; font-weight: 700; }
.nbt-au-mb { padding: 4px 16px 10px; font-size: 14px; line-height: 1.55; }
.nbt-au-mb p { margin: 10px 0; }
.nbt-au-mimg { display: block; width: 100%; max-width: 320px; aspect-ratio: 3 / 2; border-radius: 8px; overflow: hidden; margin: 12px 0 4px; }
.nbt-au-mimg img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ── l'équipe : « Ma journée » de l'agente et le suivi du responsable ── */
.nbt-au-card { background: #fff; border: 1px solid #E7E5EA; border-radius: 14px; margin-bottom: 16px; min-width: 0; color: #14121A; font-size: 14px; line-height: normal; }
.nbt-au-card h3 { margin: 0; padding: 14px 18px; border-bottom: 1px solid #E7E5EA; font-size: 15px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.nbt-au-body { padding: 14px 18px; }
.nbt-au-ms { padding: 12px 0; border-top: 1px solid #E7E5EA; }
.nbt-au-ms:first-child { border-top: 0; padding-top: 0; }
.nbt-au-ms h4 { margin: 0 0 8px; font-size: 14px; font-weight: 700; display: flex; gap: 8px; align-items: center; }
.nbt-au-ms h4 .nbt-au-n { font-size: 11.5px; font-weight: 700; background: #FDEEF1; color: #A50D26; border-radius: 999px; padding: 0 7px; }
.nbt-au-li { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; padding: 5px 0; font-size: 13.5px; flex-wrap: wrap; }
.nbt-au-li b { font-weight: 700; }
.nbt-au-w { font-variant-numeric: tabular-nums; font-weight: 600; margin-right: 6px; }
.nbt-au-st { display: inline-flex; align-items: center; gap: 3px; border-radius: 999px; padding: 1px 8px; font-size: 11.5px; font-weight: 600; white-space: nowrap; }
.nbt-au-st.nbt-au-unpaid { background: #FFF7E6; color: #B45309; }
.nbt-au-st.nbt-au-paid { background: #ECFDF3; color: #15803D; }
.nbt-au-st.nbt-au-counter { background: #F2F4F7; color: #344054; }
.nbt-au-st.nbt-au-offered { background: #fff; color: #14121A; box-shadow: inset 0 0 0 1px #D0CDD6; }
.nbt-au-st.nbt-au-proof { background: #EFF4FF; color: #1D4ED8; }
.nbt-au-st.nbt-au-noshow { background: #FEE4E2; color: #B42318; }
.nbt-au-st.nbt-au-done { background: #F2F4F7; color: #344054; }
.nbt-au-st.nbt-au-cancel { background: #F2F4F7; color: #98A2B3; text-decoration: line-through; }
.nbt-au-rl { border: 1px solid #E7E5EA; border-radius: 10px; padding: 10px 12px; margin-top: 8px; }
.nbt-au-rl.nbt-au-done { background: #F6FEF9; border-color: #ABEFC6; }
.nbt-au-rlh { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.nbt-au-rlh b { font-weight: 700; }
.nbt-au-pm { background: #F7F7F8; border: 1px solid #E7E5EA; border-radius: 10px; padding: 8px 10px; font-size: 13px; margin-top: 8px; line-height: 1.45; overflow-wrap: anywhere; }
.nbt-au-pm.nbt-au-ph { color: #8A8794; font-style: italic; border-style: dashed; }
.nbt-au-warnbox { background: #FFF7E6; border: 1px solid #FCD9A5; color: #78350f; border-radius: 10px; padding: 10px 12px; margin: 0 0 12px; font-size: 13px; }
.nbt-au-st2 { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.nbt-au-st2 th { text-align: right; font-weight: 500; color: #6B6875; font-size: 12px; padding: 10px 12px; border-bottom: 1px solid #E7E5EA; white-space: nowrap; }
.nbt-au-st2 td { text-align: right; padding: 11px 12px; border-bottom: 1px solid #E7E5EA; font-variant-numeric: tabular-nums; }
.nbt-au-st2 th:first-child, .nbt-au-st2 td:first-child { text-align: left; padding-left: 18px; }
.nbt-au-st2 th:last-child, .nbt-au-st2 td:last-child { padding-right: 18px; }
.nbt-au-st2 .nbt-au-bad { color: #B42318; font-weight: 700; }
.nbt-au-st2 td.nbt-au-tot { font-weight: 700; }

/* La cellule du tableau de bord porte aussi la classe de la citation des mentions, coupée à deux lignes :
   pas pour ces deux cartes, qui se lisent en entier. */
.nbt-tdb-q:has(.nbt-au-card) { display: block; -webkit-line-clamp: none; overflow: visible; }

/* ── la langue de la conversation, dans le menu du fil ── */
.nbt-au-lg { padding: 6px 12px 2px 46px; font-size: 12px; color: #667; }

@media (max-width: 1099px) {
  .nbt-au-edg { grid-template-columns: minmax(0, 1fr); }
  .nbt-au-edp { position: static; }
}
@media (max-width: 767px) {
  .nbt-au-fseg { border-radius: 14px; }
  .nbt-au-rule.nbt-au-stack { grid-template-columns: minmax(0, 1fr); }
  .nbt-au-arow { grid-template-columns: auto minmax(0, 1fr); }
  .nbt-au-arow > .nbt-au-btn { grid-column: 2; justify-self: start; }
  .nbt-au-dw { width: 100%; max-width: 100%; }
  .nbt-au-dwh, .nbt-au-dwf { padding-left: 16px; padding-right: 16px; }
  .nbt-au-dwb { padding: 4px 16px 20px; }
  .nbt-au-st2 th, .nbt-au-st2 td { padding: 10px 6px; white-space: normal; }
  .nbt-au-st2 th:first-child, .nbt-au-st2 td:first-child { padding-left: 12px; }
  .nbt-au-wchat { padding-left: 12px; padding-right: 12px; }
  .nbt-au-card h3 { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .nbt-au * { transition: none !important; } }