/* Maquette du rapport par niveau (série 133) — feuille externe : la CSP du site (style-src 'self') interdit le style inline.
   Style : skill apple-design (.claude/skills/apple-design), valeurs exprimées avec les jetons de css/waketrades.css. */

/* ——— police (133.4) : pile système Apple, chiffres tabulaires ——— */
body.r3 {
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --seg-on: var(--line-strong);
  --card: var(--surface-2);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  font-size: var(--fs-4); line-height: 1.53; overflow-x: clip;
}
:root[data-theme="light"] body.r3 { --seg-on: var(--bg); --card: var(--bg); }
.r3 main { font-variant-numeric: tabular-nums; padding-bottom: 48px; }
.r3 h1, .r3 h2, .r3 h3, .r3 h4 { margin: 0; color: var(--text); }
.r3 .dim { color: var(--text-2); font-size: var(--fs-3); }
.r3 .gain { color: var(--gain); }
.r3 .loss { color: var(--loss); }
.r3 .addr { font-family: var(--mono); font-size: 0.94em; color: var(--text); white-space: nowrap; }
.r3 a.addr:hover { color: var(--accent); }

/* ——— en-tête ——— */
.r3-hero { max-width: 980px; margin: 0 auto; padding: 24px 0 0; }   /* 163.2, 163.12 : 96 → 24 px sous le menu */
.r3-eyebrow { font-size: var(--fs-5); font-weight: 600; color: var(--accent); margin: 0 0 6px; }
.r3-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.r3-hero h1 { font-size: clamp(48px, 7vw, 80px); font-weight: 600; line-height: 1.05; letter-spacing: -0.025em; }
.r3-lede { font-size: clamp(21px, 2.4vw, 28px); line-height: 1.3; font-weight: 400; color: var(--text-2); margin: 20px 0 0; letter-spacing: -0.01em; }
.r3-meta { display: flex; flex-wrap: wrap; gap: 4px 0; margin: 24px 0 0; font-size: var(--fs-3); color: var(--text-3); }
.r3-meta span + span::before { content: "·"; margin: 0 12px; }

.r3-lede a { font-size: 0.8em; white-space: nowrap; }
.r3-hero .seg { margin: 48px 0 0; }
.r3-hero .seg { background: var(--surface); }   /* 163.16 : même gris que l'encadré Your copy */
.r3-hero .seg button { font-weight: 600; }   /* 163.3 */

/* « Your copy » (série 134) : la perte possible avant le gain */
.yc { margin: 32px 0 0; padding: 32px; border-radius: var(--r-3); background: var(--surface); }
.yc-title { font-size: var(--fs-2); font-weight: 600; color: var(--text-3); margin: 0 0 8px; }
.yc-lede { margin: 0 0 24px; font-size: var(--fs-5); line-height: 1.6; color: var(--text-2); }   /* 163.11 : toute la largeur de l'encadré, comme les chiffres et la note */
.yc-nums { display: grid; grid-template-columns: repeat(4, 1fr); }
.yc-nums > div { display: flex; flex-direction: column; gap: 2px; padding-right: 24px; }
.yc-nums > div + div { padding-left: 24px; border-left: 1px solid var(--line); }
.yc-nums span { font-size: var(--fs-2); color: var(--text-3); }
.yc-nums b { font-size: clamp(28px, 3.4vw, 40px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; }
.yc-nums small { font-size: var(--fs-2); color: var(--text-2); }
/* 161.18 : trois tailles seulement — titre et chiffres, texte (fs-4), légendes (fs-2) */
.yc-text { margin: 24px 0 0; padding: 24px 0 0; border-top: 1px solid var(--line); font-size: var(--fs-4); line-height: 1.55; color: var(--text-2); }
.pick { font: inherit; font-weight: 600; color: var(--text); background: var(--surface-2); border: 0; border-radius: 6px; padding: 0 8px; cursor: pointer; }
.pick:hover { background: var(--line-strong); }   /* 163.17 : neutre (couleur du texte, fond gris) au lieu du mauve de 163.14 */
.pick:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.yc-lede .nowrap { white-space: nowrap; }   /* 163.11 : « Balanced level: » jamais coupé */
.yc-foot { margin: 20px 0 0; font-size: var(--fs-2); color: var(--text-3); }
.yc-alerts { margin: 20px 0 0; font-size: var(--fs-3); color: var(--text-2); }   /* 187.8 : alertes qui auraient sonné */
.mine-key { margin-left: 16px; font-size: var(--fs-2); color: var(--text-3); display: inline-flex; align-items: center; gap: 6px; }
.mine-key .mine { position: static; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); display: inline-block; }

/* ——— sections ——— */
/* 163.12 : plus de colonne de texte à 760 px — le texte prend la largeur du contenu (980 px, ou l'encadré), sans vide à droite */
.r3-sec { max-width: 980px; margin: 0 auto; padding: 96px 0 0; }
.r3 h2 { font-size: clamp(32px, 4.4vw, 48px); font-weight: 600; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 32px; }
.r3-rule { color: var(--text-2); font-size: var(--fs-4); margin: 20px 0 32px; }
.r3-yours { color: var(--text); font-weight: 500; }
/* 161.4 : recouvrement des listes dit avant le tableau */
.r3-callout { margin: -8px 0 40px; padding: 20px 24px; border-left: 3px solid var(--accent); background: var(--surface); border-radius: 0 var(--r-2) var(--r-2) 0; font-size: var(--fs-4); line-height: 1.55; color: var(--text-2); }   /* 163.13 : comme le paragraphe de Your copy */
.r3-callout p { margin: 0; } .r3-callout p + p { margin-top: 8px; }
.r3-callout b { color: var(--text); font-weight: 600; }
.r3-sub { font-size: var(--fs-5); line-height: 1.45; color: var(--text-2); margin: 0 0 32px; letter-spacing: -0.005em; }   /* 161.18 : comme le paragraphe du marché */
.r3-foot { color: var(--text-3); font-size: var(--fs-2); margin: 24px 0 0; line-height: 1.5; }

/* sélecteur segmenté (133.1) */
.seg { display: inline-flex; gap: 2px; padding: 4px; border-radius: var(--r-3); background: var(--surface-2); }
.seg button { position: relative; border: 0; background: transparent; color: var(--text-2); font: inherit; font-size: var(--fs-3); font-weight: 500; padding: 8px 24px; border-radius: var(--r-2); cursor: pointer; transition: background .2s, color .2s, box-shadow .2s; }
.seg button:hover { color: var(--text); }
.seg button[aria-selected="true"], .seg button[aria-pressed="true"] { background: var(--seg-on); color: var(--text); box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .06); }
.seg button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.seg .mine { position: absolute; top: 6px; right: 9px; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }

/* liste d'un niveau (161.5, maquette « leader design ») : en-tête avec le niveau du client, tableau sur ordinateur, cartes sur téléphone */
#lists h2, #results h2 { margin-bottom: 0; }
#annex h2 { margin-bottom: 12px; }   /* 163.12 : sous-titre à 12 px du titre dans toutes les sections */
#lists .r3-rule, #results .r3-rule { margin: 12px 0 32px; font-size: var(--fs-5); line-height: 1.45; letter-spacing: -0.005em; }   /* 163.7 : comme .r3-sub */
.r3-table { width: 100%; border-collapse: collapse; }
.r3-table th { font-size: var(--fs-1); font-weight: 500; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.06em; text-align: left; padding: 0 12px 12px; border-bottom: 1px solid var(--line-strong); white-space: nowrap; vertical-align: bottom; }
.r3-table th small { display: block; font-size: var(--fs-1); color: var(--text-3); font-weight: 400; margin-top: 2px; }   /* 161.6 : titres sur deux lignes */
.r3-table .c { text-align: center; white-space: nowrap; }
.r3-table th[title] { cursor: help; }
.r3-table td { padding: 20px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.r3-table .n { text-align: right; white-space: nowrap; }
.r3-table th:first-child, .r3-table td:first-child { padding-left: 8px; }
.r3-table td.c-copy { font-size: var(--fs-4); font-weight: 600; }
.slash { color: var(--text-3); font-weight: 400; }   /* pas « .sep » : c'est le séparateur horizontal du site (waketrades.css) */
.r3-table .c-more { width: 40px; padding-right: 4px; text-align: right; }
.r3-table tr.row[data-open] { cursor: pointer; }
.r3-table tr.row[data-open]:hover td { background: var(--surface); }
.r3-table tr.is-open td { border-bottom-color: transparent; background: var(--surface); }
.who { display: flex; flex-direction: column; gap: 6px; }
.who-1 { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.r3-table td.c-who { min-width: 260px; }
.rk { color: var(--text-2); font-weight: 700; }   /* 163.15 : rang #1–#5 en gras (tableau et carte du téléphone) */
.nm { color: var(--text-2); font-size: var(--fs-3); }
.eq { font-size: var(--fs-1); font-weight: 700; color: var(--bg); background: var(--text); border: 1px solid var(--text); border-radius: 6px; padding: 2px 8px; }   /* 161.14 : plein, inversé (option D de /dev/equity_mock) */
.kind, .act { font-size: var(--fs-2); color: var(--text-3); }   /* .act : 217.6 */
.tag { display: inline-block; font-size: var(--fs-1); color: var(--text); border: 1px solid var(--line-strong); border-radius: 4px; padding: 0 6px; }
.more { width: 32px; height: 32px; display: inline-grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--text-2); cursor: pointer; }
.more svg { width: 18px; height: 18px; transition: transform .25s; }
.more[aria-expanded="true"] svg { transform: rotate(180deg); }
.more:hover { background: var(--surface-2); color: var(--text); }
.who-lock { display: inline-flex; align-items: center; gap: 6px; color: var(--text-2); }
.who-lock svg { width: 14px; height: 14px; }

/* aide des colonnes (68.12) */
.r3-help { margin: 24px 0 0; font-size: var(--fs-3); color: var(--text-2); }
.r3-help summary { cursor: pointer; color: var(--accent); width: max-content; }
.r3-help dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 24px; margin: 16px 0 0; }
.r3-help dt { color: var(--text); font-weight: 500; }
.r3-help dd { margin: 0; }

/* fiche dépliée (161.5) : pourquoi, test de copie, à surveiller, actions, deux volets, hypothèse */
.r3-table tr.detail td { padding: 0; background: var(--surface); border-bottom: 1px solid var(--line); }
.det { padding: 8px 24px 20px; }
.det > p { margin: 0; }
.det .why { font-size: var(--fs-4); line-height: 1.55; color: var(--text); padding: 16px 0; }
.det .why b { font-weight: 600; }
.det .watch { margin: 0 0 16px !important; padding: 10px 14px; border-radius: var(--r-2); font-size: var(--fs-3); color: var(--text); background: color-mix(in srgb, var(--lvl-balanced) 12%, transparent); border: 1px solid color-mix(in srgb, var(--lvl-balanced) 45%, transparent); }
.det .watch b { color: var(--lvl-balanced); font-weight: 600; }
.det-act { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; padding-bottom: 16px; }
.det-act .link { font-size: var(--fs-3); color: var(--accent); }
.add-msg { margin: -8px 0 16px; font-size: var(--fs-2); color: var(--text-2); }
.fold { border-top: 1px solid var(--line); }
.fold summary { cursor: pointer; padding: 14px 0; font-size: var(--fs-3); font-weight: 500; color: var(--text); }
.fold-line { margin: 0 0 12px; font-size: var(--fs-3); color: var(--text-2); }
.fold .facts { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; margin: 0 0 16px; }
.facts { margin: 0; }
.facts > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: var(--fs-3); }
.facts dt { color: var(--text-2); }
.facts dt small { display: block; font-size: var(--fs-1); color: var(--text-3); line-height: 1.4; margin-top: 2px; }
.facts dd { margin: 0; font-weight: 500; text-align: right; white-space: nowrap; color: var(--text); }
.facts dd.gain { color: var(--gain); } .facts dd.loss { color: var(--loss); }
.det-foot { padding-top: 14px; border-top: 1px solid var(--line); font-size: var(--fs-2); color: var(--text-3); }

/* cartes du téléphone (161.5) */
.mcards { display: none; flex-direction: column; gap: 12px; }
.mcard { border: 1px solid var(--line); border-radius: var(--r-3); background: var(--surface); overflow: hidden; }
.mc-top { padding: 16px; cursor: pointer; display: flex; flex-direction: column; gap: 8px; }
.mc-top:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.mc-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mc-head .rk { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-2); color: var(--text-3); }
.mc-head .rk svg { width: 14px; height: 14px; transition: transform .25s; }
.mcard.is-open .mc-head .rk svg { transform: rotate(180deg); }
.mc-grid { margin: 8px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 12px; }
.mc-grid > div { display: flex; flex-direction: column; gap: 2px; }
.mc-grid > div:nth-child(3n+2) { align-items: center; text-align: center; }
.mc-grid > div:nth-child(3n) { align-items: center; text-align: center; }   /* 161.13 : Median hold et Trades / mo centrés */
.mc-grid dt { font-size: var(--fs-1); color: var(--text-3); line-height: 1.3; }
.mc-grid dd { margin: 0; font-size: var(--fs-5); font-weight: 600; letter-spacing: -0.01em; }
.mc-grid dd.mc-copy { white-space: nowrap; }
.mc-grid dt { white-space: nowrap; }
/* 161.10 : la copie simulée en bandeau au bas de la carte — libellé à gauche, chiffres à droite, même taille que les autres */
.mc-grid > div.mc-full { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; text-align: left; margin-top: 2px; padding-top: 12px; border-top: 1px solid var(--line); }
.mc-grid > div.mc-full dt { font-size: var(--fs-2); color: var(--text-2); font-weight: 500; }
.mc-grid > div.mc-full dt small { display: block; font-size: var(--fs-1); color: var(--text-3); font-weight: 400; }
.mc-grid dd.mc-copy { font-size: var(--fs-5); }
.mc-grid > div.mc-row { grid-column: 1 / -1; }   /* essai : drawdown seul sur sa rangée */
.det-m { padding: 0 16px 16px; border-top: 1px solid var(--line); }
.det-m .det-act { flex-direction: column; align-items: stretch; text-align: center; }
.det-m .det-act .pill { justify-content: center; }
.det-m .fold .facts { grid-template-columns: 1fr; }

/* boutons pilule */
.pill { display: inline-flex; align-items: center; gap: 6px; border: 1px solid transparent; border-radius: var(--r-3); padding: 12px 24px; font: inherit; font-size: var(--fs-3); font-weight: 500; background: var(--accent); color: var(--accent-ink); cursor: pointer; text-decoration: none; transition: background .2s; }
.pill:hover { background: var(--accent-hover); text-decoration: none; }
.pill.is-on { background: transparent; border-color: var(--line-strong); color: var(--text); }
.pill-ghost { background: transparent; color: var(--accent); padding-left: 4px; padding-right: 4px; }
.pill-ghost:hover { background: transparent; text-decoration: underline; }

/* essai : bandeau de déblocage */
.r3-unlock { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 32px 0 0; padding: 24px 32px; border-radius: var(--r-3); background: var(--surface); }
.r3-unlock div { display: flex; flex-direction: column; gap: 2px; }
.r3-unlock b { font-size: var(--fs-5); font-weight: 600; letter-spacing: -0.01em; }
.r3-unlock span { color: var(--text-2); font-size: var(--fs-3); }

/* ——— le mois : bande pleine largeur ——— */
.r3-band { max-width: 980px; margin: 96px auto 0; padding: 48px; border-radius: var(--r-3); background: var(--surface); }   /* 161.18 : encadré, plus la pleine largeur */
.r3-in { max-width: 980px; margin: 0 auto; }
.brief p { font-size: var(--fs-5); line-height: 1.45; margin: 0 0 20px; letter-spacing: -0.005em; }
.sig { font-size: var(--fs-3); color: var(--text-3); margin: 8px 0 0; display: flex; align-items: center; gap: 12px; }   /* 217.11 : Preview sous le titre */
.draft { font-size: var(--fs-1); font-weight: 600; color: var(--accent-2); border: 1px solid currentColor; border-radius: var(--r-3); padding: 1px 8px; }
.tiles-h { font-size: var(--fs-2); font-weight: 600; color: var(--text-3); margin: 48px 0 0 !important; }
.tiles { display: grid; grid-template-columns: repeat(4, 1fr); margin: 12px 0 0; border-top: 1px solid var(--line-strong); }
.tiles > div { display: flex; flex-direction: column; gap: 2px; padding: 24px 24px 0 0; }
.tiles > div + div { padding-left: 24px; border-left: 1px solid var(--line); }
.tiles span { font-size: var(--fs-2); color: var(--text-3); }
.tiles b { font-size: var(--fs-7); font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; }
.tiles small { font-size: var(--fs-2); color: var(--text-2); }
.cards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 48px 0 0; }
.card { background: var(--card); border-radius: var(--r-3); padding: 32px; }
.r3 .card h3 { font-size: var(--fs-2); font-weight: 500; color: var(--text-3); margin: 0 0 12px; text-transform: none; letter-spacing: 0; }
.card-big { font-size: var(--fs-5); line-height: 1.35; margin: 0 0 24px; }
.card-big b { font-size: var(--fs-7); font-weight: 600; letter-spacing: -0.02em; display: block; line-height: 1.1; }
.card .dim { margin: 24px 0 0; font-size: var(--fs-2); color: var(--text-3); }
.stack { display: flex; height: 10px; border-radius: var(--r-3); overflow: hidden; gap: 2px; }
.stack i { flex: var(--w) 0 0; }
.s-l2 { background: var(--loss); } .s-l1 { background: color-mix(in srgb, var(--loss) 45%, transparent); }
.s-g1 { background: color-mix(in srgb, var(--gain) 45%, transparent); } .s-g2 { background: var(--gain); }
.legend { list-style: none; margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; font-size: var(--fs-3); color: var(--text-2); }
.legend li { display: flex; align-items: center; gap: 8px; }
.legend li i { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.legend b { margin-left: auto; color: var(--text); font-weight: 500; }
.bars { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.bars li { display: grid; grid-template-columns: 96px 1fr 64px; align-items: center; gap: 12px; font-size: var(--fs-3); }
.card-wide { grid-column: 1 / -1; }
.bars-ret li { grid-template-columns: 120px 1fr 72px 64px; }   /* actif, barre, gain, rendement 30 j */
.bars em { font-style: normal; font-size: var(--fs-1); color: var(--text-3); }
.bars i { height: 8px; border-radius: var(--r-3); background: var(--accent); width: calc(var(--w) * 1%); min-width: 4px; }
.bars b { text-align: right; font-weight: 500; }

/* annexe */
.r3-annex td { padding-top: 20px; padding-bottom: 20px; }
.r3-annex td.dim { color: var(--text-2); }
.why-not { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.why-not li { padding-left: 14px; position: relative; }
.why-not li::before { content: ""; position: absolute; left: 0; top: 0.65em; width: 5px; height: 5px; border-radius: 50%; background: var(--text-3); }
.r3-annex td { vertical-align: top; }

/* ——— commandes de la maquette (fondateur) ——— */
.r3-dev { --dev-line: var(--accent-2); position: fixed; right: 16px; bottom: 16px; z-index: 30; display: flex; flex-direction: column; gap: 8px; width: max-content; max-width: min(380px, calc(100vw - 32px)); padding: 12px 16px; border-radius: var(--r-3); background: color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 8px 20px rgba(0, 0, 0, .08), 0 20px 60px rgba(0, 0, 0, .16); border: 1.5px solid var(--dev-line); font-size: var(--fs-1); }   /* 161.18 : compact comme sur téléphone, contour coloré */
.r3-dev .seg-sm { display: flex; flex-wrap: wrap; }
.r3-dev .seg-sm button { flex: 1 1 auto; }
#dev-level button, #dev-bal button { font-weight: 700; }
.r3-dev summary { cursor: pointer; color: var(--text-2); font-weight: 500; list-style-position: inside; }
.r3-dev[open] summary { margin-bottom: 2px; }
.seg-sm button { font-size: var(--fs-1); padding: 4px 12px; }

/* ——— points de rupture (734 / 1 068) ——— */
@media (max-width: 1067px) {
  .r3-sec { padding-top: 64px; }
}
@media (max-width: 733px) {
  body.r3 { font-size: var(--fs-4); }
  .r3-hero { padding-top: 24px; }
  .r3-sec { padding-top: 64px; }
  .seg { display: flex; } .seg button { flex: 1; padding: 8px 6px; }
  #lists .r3-table { display: none; }   /* 161.5 : cartes à la place du tableau des leaders (l'annexe garde le sien) */
  .r3-table .hide-s { display: none; }
  .r3-annex td { padding: 16px 6px; }
  .mcards { display: flex; }
  #lists .r3-rule, #results .r3-rule { margin-bottom: 24px; }
  .yc { padding: 24px; }
  .yc-nums { grid-template-columns: 1fr 1fr; gap: 20px 0; }
  .yc-nums > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .r3-help dl { grid-template-columns: 1fr; gap: 2px; }
  .r3-help dd { margin-bottom: 8px; }
  .r3-callout { padding: 16px 20px; }
  .r3-unlock { flex-direction: column; align-items: flex-start; }
  .r3-band { margin-top: 64px; padding: 24px; }
  .bars-ret li { grid-template-columns: 92px 1fr 56px 52px; gap: 8px; }
  .brief p { font-size: var(--fs-5); }
  .tiles { grid-template-columns: 1fr 1fr; }
  .tiles > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .tiles > div:nth-child(n+3) { margin-top: 20px; }
  .cards { grid-template-columns: 1fr; }
  .card { padding: 24px; }
  .bars li { grid-template-columns: 80px 1fr 56px; }
  .r3-dev[open] { left: 16px; }
  .r3-dev .seg-sm button { padding: 4px 4px; }
}
@media (prefers-reduced-motion: reduce) { .r3 * { transition: none !important; } }
/* 184 : « + Add » dans la liste (colonne sans titre), « Following ✓ », « 🔒 Add » pendant l'essai, message sous la ligne ;
   téléphone : bouton toute la largeur sous les chiffres de la carte (maquette site/dev/report_add_mock.html). */
.r3-table td.c-add { width: 1%; padding-left: 0; padding-right: 20px; }
.add-btn { display: inline-block; font: inherit; font-size: var(--fs-2); font-weight: 600; white-space: nowrap; text-decoration: none; text-align: center; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--accent); color: var(--accent); background: transparent; cursor: pointer; }
.add-btn.is-on { border-color: var(--line-strong); color: var(--text-3); cursor: default; }
.add-btn.is-lock { border-color: var(--line-strong); color: var(--text-2); }
.r3-table tr.has-msg td { border-bottom-color: transparent; }
/* 187.17 : liste des leaders compacte (variante B de site/dev/report_table_mock.html) : le tableau tient dans les 980 px
   (1 094 px avant), flèche de 24 px. */
#lists .r3-table th { padding: 0 8px 10px; white-space: normal; }   /* titres sur deux lignes seulement si la place manque (écrans de 734 à 1 040 px) */
#lists .r3-table tr.row td { padding: 14px 8px; }   /* pas la fiche dépliée ni le message sous la ligne */
#lists .r3-table td.c-who { min-width: 0; }
#lists .r3-table td.c-add { padding-right: 8px; }
#lists .r3-table tr.row td.c-more { width: 24px; padding: 0; }
#lists .more { width: 24px; height: 24px; }
#lists .more svg { width: 16px; height: 16px; }
.row-msg td { padding: 0 12px 16px 8px; border-bottom: 1px solid var(--line); font-size: var(--fs-2); color: var(--text-2); }
.mc-foot { padding: 0 16px 16px; }
.mc-foot .add-btn { width: 100%; padding: 10px; }
.mc-foot .add-msg { margin: 8px 0 0; }