/* Lot L7 · Paramètres. Planches : Parametres, Mobile-parametres, Mobile-parametres-organisateur.
   Code : graphite_settings.rs. Puis les formats du compte rendu, les fenêtres de l’espace et
   la carte mentale. Feuille chargée par le gabarit avant /assets/rm.css : une règle qui doit
   l’emporter sur un composant du socle double sa classe (.rm-line.prefs-toggle). Jetons de
   brand.css seulement ; tout marche sans JavaScript.

   <div class="rm-prefs">
     <div class="rm-backbar prefs-home">…</div> <h1 class="rm-title">Paramètres</h1> <p class="rm-sub">…</p>
     <div class="prefs-layout">
       <nav class="prefs-nav"><a href="#robot"><span class="prefs-nav-text"><b>Nom du robot</b>
         <span class="prefs-nav-line">Robotmeet — Camille Martin</span></span>(chevron)</a>…</nav>
       <div class="prefs-content">
         <section class="rm-card is-pad prefs-section" id="robot">
           <div class="rm-backbar prefs-back">…</div>
           <div class="prefs-head"><h2>Nom du robot</h2><span class="rm-note prefs-head-line">…</span></div>
           (formulaire, dont <div class="prefs-save"><button class="button button-subtle">…</button></div>)
         </section>…</div></div></div>

   Bureau : le sommaire à gauche (la rubrique visée par l’ancre y est allumée), une carte par
   rubrique. Téléphone : la liste des rubriques, résumées d’une ligne ; une rubrique visée par
   l’ancre (:target) ou ouverte par le serveur (.is-open) s’affiche seule, comme une page,
   et son bouton d’enregistrement devient la barre du bas, à la place des onglets. Sans
   :has(), tout s’affiche à la suite. La fenêtre Paramètres (.workspace-modal-view) n’en
   prend que la rubrique demandée : ces règles de page s’y limitent à main.shell. */

/* ---------- Paramètres · page ---------- */
.rm-prefs{max-width:1100px;min-width:0}
.rm-prefs ul{margin:0;padding:0;list-style:none}
.rm-prefs svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rm-backbar.prefs-home,.rm-backbar.prefs-back{display:none}
.prefs-layout{display:flex;flex-wrap:wrap;align-items:flex-start;gap:28px 32px;margin-top:26px}
.prefs-measure{max-width:76ch}
.prefs-grow{flex:1 1 260px;min-width:0}
.prefs-push{margin-left:auto}
.prefs-help{margin-top:8px}

/* ---------- Paramètres · sommaire (bureau) et liste des rubriques (téléphone) ---------- */
.prefs-nav{flex:0 0 208px;display:flex;flex-direction:column;gap:2px;position:sticky;top:32px}
.prefs-nav a{display:flex;align-items:center;gap:12px;min-height:var(--h-control);padding:0 12px;border-radius:var(--r-nav);color:var(--muted);font-weight:500;text-decoration:none}
.prefs-nav a:hover{color:var(--ink);text-decoration:none}
.prefs-nav a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.prefs-nav-text{flex:1;min-width:0}
.prefs-nav b{font-weight:inherit}
.prefs-nav-line,.prefs-nav .prefs-chevron{display:none}
@media (min-width:761px){
  @supports selector(:has(*)){
    .rm-prefs:not(:has(.prefs-section:target,#organisateur-apercu:target)) .prefs-nav a:first-child,
    .rm-prefs:has(#compte-rendu:target) .prefs-nav a[href="#compte-rendu"],
    .rm-prefs:has(#robot:target) .prefs-nav a[href="#robot"],
    .rm-prefs:has(#organisateur:target,#organisateur-apercu:target) .prefs-nav a[href="#organisateur"],
    .rm-prefs:has(#vocabulaire:target) .prefs-nav a[href="#vocabulaire"],
    .rm-prefs:has(#conservation:target) .prefs-nav a[href="#conservation"],
    .rm-prefs:has(#notifications:target) .prefs-nav a[href="#notifications"],
    .rm-prefs:has(#connectivite:target) .prefs-nav a[href="#connectivite"],
    .rm-prefs:has(#abonnement:target) .prefs-nav a[href="#abonnement"],
    .rm-prefs:has(#developpeurs:target) .prefs-nav a[href="#developpeurs"],
    .rm-prefs:has(#compte:target) .prefs-nav a[href="#compte"]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
  }
}
/* Entre le téléphone et le grand écran, le sommaire passe au-dessus des cartes. */
@media (min-width:761px) and (max-width:1100px){
  .prefs-nav{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;position:static}
}

/* ---------- Paramètres · cartes des rubriques ---------- */
.prefs-content{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.prefs-section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:32px}
.prefs-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.prefs-head h2{font:600 var(--fs-lead)/1.3 var(--font-display);letter-spacing:-.02em}
.prefs-section>.notice{margin:0}

/* ---------- Paramètres · formulaires ---------- */
.prefs-form{display:flex;flex-direction:column;gap:18px;min-width:0}
.prefs-fieldset{min-width:0;margin:0;padding:0;border:0}
.prefs-label{display:block;margin-bottom:6px;padding:0;font:600 var(--fs-note)/1.3 var(--font-ui);color:var(--ink)}
.prefs-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}
.prefs-label-row .prefs-label{margin-bottom:0}
.prefs-count{flex:none;font-size:var(--fs-tag);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.prefs-field{min-width:0}
.prefs-field textarea{resize:vertical}
.prefs-save{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.prefs-inline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px}
.prefs-inline.is-end{align-items:flex-end;gap:10px 14px}
.prefs-select{flex:0 1 300px}
/* Modèle par défaut : une tuile par modèle, la choisie cerclée d’encre. */
.prefs-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:8px}
.prefs-pick{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font:400 var(--fs-body)/1.35 var(--font-ui);cursor:pointer}
.prefs-pick:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);font-weight:500}
.prefs-pick input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--ink)}
.prefs-custom{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border:1px solid var(--line-soft);border-radius:var(--r-tile);background:var(--bg)}
.prefs-custom-title{font-weight:600}
.prefs-fields{display:flex;flex-wrap:wrap;gap:14px 16px}
.prefs-fields>.prefs-field{flex:1 1 220px}
.prefs-fields>.prefs-field.is-wide{flex:2 1 360px}
/* Interrupteurs : une ligne qui se touche tout entière, le titre et sa précision. */
.prefs-block>.prefs-label{margin-bottom:2px}
.prefs-block>.rm-note{margin-bottom:10px}
.prefs-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:0 32px;border-bottom:1px solid var(--line-soft)}
.rm-line.prefs-toggle{gap:16px;min-height:60px;padding:10px 0;border-top:1px solid var(--line-soft)}
.rm-line.prefs-toggle label,.rm-line.prefs-switch label{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
.prefs-toggle-title{font-weight:500;color:var(--ink)}
.rm-line.prefs-switch{align-items:flex-start;gap:14px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:var(--r-tile);background:var(--bg)}
.rm-line.prefs-switch .rm-toggle{margin-top:2px}
/* Lignes d’une liste (notifications, agendas). */
.prefs-rows{border-bottom:1px solid var(--line-soft)}
.prefs-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:56px;padding:10px 0;border-top:1px solid var(--line-soft)}
.prefs-row-text{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}
.prefs-row-text b{font-weight:600}
.prefs-tile{flex:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);font:600 15px/1 var(--font-ui)}
.prefs-tile.is-large{width:44px;height:44px;border-radius:var(--r-tile);font-size:var(--fs-4)}

/* ---------- Paramètres · nom du robot ---------- */
.prefs-split{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px 32px}
.prefs-split>.prefs-form{flex:1.3 1 340px}
.prefs-aside{flex:1 1 280px;min-width:0;margin:0;padding:16px 18px 8px;border:1px solid var(--line-soft);border-radius:var(--r-tile);background:var(--bg)}
.prefs-people{margin-top:8px}
.prefs-people li{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line-soft)}
.prefs-people li:first-child{border-top:0}
.prefs-people li.is-robot{align-items:flex-start}
.prefs-avatar{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--sunken);font:600 var(--fs-tag)/1 var(--font-ui)}
.prefs-avatar.is-robot{border-color:var(--ink);background:var(--ink);color:var(--white)}
.prefs-avatar svg{width:15px;height:15px;stroke-width:2}
.prefs-person{flex:1;min-width:0;font-weight:500;overflow-wrap:anywhere}
.is-robot .prefs-person{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:5px}
.is-robot .prefs-person b{font-weight:600}

/* ---------- Paramètres · e-mail à l’organisateur et son aperçu ---------- */
.prefs-split>.prefs-mail{flex:1.15 1 380px;min-width:0}
.prefs-mail-meta{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:10px 0 0;font-size:var(--fs-note);color:var(--muted)}
.prefs-mail-meta dt{font-weight:600;color:var(--ink)}
.prefs-mail-meta dd{min-width:0;margin:0;color:var(--ink);overflow-wrap:anywhere}
.prefs-mail-body{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-tile);background:var(--surface);font-size:var(--fs-note);line-height:1.55}
.prefs-mail-mine{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line-strong);overflow-wrap:anywhere}
.prefs-locked li{display:flex;align-items:flex-start;gap:10px;padding:5px 0}
.prefs-lock{flex:none;width:15px;height:15px;margin-top:2px;stroke-width:1.7}
.prefs-preview-link{display:none}

/* ---------- Paramètres · vocabulaire, abonnement, compte ---------- */
.prefs-vocabulary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr;gap:14px 32px;align-items:start}
.prefs-vocabulary>.prefs-vocabulary-text{grid-column:1;grid-row:1}
.prefs-vocabulary>.prefs-vocabulary-field{grid-column:2;grid-row:1 / span 2}
.prefs-vocabulary>.prefs-save{grid-column:1;grid-row:2}
.prefs-plan{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px}
.prefs-plan-title{font:600 var(--fs-card)/1.2 var(--font-display);letter-spacing:-.025em}
.prefs-gauge{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:8px}
.prefs-gauge-head{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-note)}
.prefs-gauge-head>span{color:var(--muted)}
.prefs-gauge-head b{font-weight:600;font-variant-numeric:tabular-nums}
.prefs-meter{-webkit-appearance:none;appearance:none;display:block;width:100%;height:4px;border:0;border-radius:4px;overflow:hidden;background:var(--line);color:var(--ink)}
.prefs-meter::-webkit-progress-bar{background:var(--line);border-radius:4px}
.prefs-meter::-webkit-progress-value{background:var(--ink);border-radius:4px}
.prefs-meter::-moz-progress-bar{background:var(--ink);border-radius:4px}
.prefs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;padding-top:12px;border-top:1px solid var(--line-soft)}
.prefs-identity{display:flex;align-items:center;gap:12px}
.prefs-details>summary{padding:12px 0;font-weight:600;cursor:pointer}

/* ---------- Paramètres · téléphone ---------- */
@media (max-width:760px){
  .rm-backbar.prefs-home,.rm-backbar.prefs-back{display:flex}
  .rm-prefs>.rm-title{margin-top:2px;font-size:24px;letter-spacing:-.03em}
  .rm-prefs>.rm-sub{display:none}
  .prefs-layout{display:block;margin-top:12px}
  .prefs-nav{position:static;gap:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
  .prefs-nav a{min-height:58px;padding:8px 16px;border-top:1px solid var(--line-soft);border-radius:0;color:var(--ink);font-weight:400}
  .prefs-nav a:first-child{border-top:0}
  .prefs-nav-text{display:flex;flex-direction:column}
  .prefs-nav b{font-weight:600}
  .prefs-nav-line{display:block;overflow:hidden;font-size:var(--fs-note);color:var(--muted);white-space:nowrap;text-overflow:ellipsis}
  .prefs-nav .prefs-chevron{display:block;flex:none;width:16px;height:16px;color:var(--muted);stroke-width:2}
  .prefs-content{margin-top:16px;gap:16px}
  .prefs-section{gap:12px}
  .prefs-head h2{font-size:20px}
  .prefs-push{margin-left:0}
  .prefs-vocabulary{display:flex;flex-direction:column}
  .prefs-mail-body{padding:18px}
  /* L’aperçu de l’e-mail s’ouvre depuis sa ligne (« Voir l’aperçu de l’e-mail »). */
  .prefs-mail{display:none}
  .prefs-mail.is-shown{display:block}
  .prefs-preview-link{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-tile);background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none}
  .prefs-preview-link:hover{text-decoration:none}
  .prefs-preview-link>span{flex:1;min-width:0}
  .prefs-preview-link .prefs-chevron{flex:none;width:16px;height:16px;color:var(--muted);stroke-width:2}
  @supports selector(:has(*)){
    /* Aucune rubrique ouverte : la liste seule. */
    main.shell .rm-prefs:not(:has(.prefs-section:target,.prefs-section.is-open)) .prefs-content{display:none}
    /* Une rubrique ouverte : elle seule, comme une page, son titre en tête. */
    main.shell .rm-prefs:has(.prefs-section:target,.prefs-section.is-open) .prefs-home,
    main.shell .rm-prefs:has(.prefs-section:target,.prefs-section.is-open) .prefs-nav,
    main.shell .rm-prefs:has(.prefs-section:target,.prefs-section.is-open) .prefs-section:not(:target):not(.is-open){display:none}
    main.shell .rm-prefs:has(.prefs-section:target,.prefs-section.is-open)>.rm-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
    main.shell .rm-prefs:has(.prefs-section:target,.prefs-section.is-open) .prefs-content{margin-top:0}
    main.shell .rm-prefs .prefs-section.rm-card:is(:target,.is-open){gap:14px;padding:0;border:0;border-radius:0;background:none}
    main.shell .prefs-section:is(:target,.is-open) .prefs-head h2{font-size:24px;letter-spacing:-.03em}
    main.shell .prefs-section:is(:target,.is-open) .prefs-head-line{display:none}
    main.shell .prefs-section:is(:target,.is-open) .rm-line.prefs-switch{padding:16px;border-color:var(--line);border-radius:16px;background:var(--surface)}
    /* Le bouton de la rubrique devient la barre du bas, plein ; les onglets s’effacent. */
    main.shell .prefs-section:is(:target,.is-open) .prefs-save{position:fixed;left:0;right:0;bottom:0;z-index:16;flex-direction:column;align-items:stretch;padding:14px 20px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}
    main.shell .prefs-section:is(:target,.is-open) .prefs-save .button{width:100%;min-height:52px;border-color:var(--ink);border-radius:var(--r-tile);background:var(--ink);color:var(--white);font-size:var(--fs-4)}
    main.shell:has(.prefs-section:is(:target,.is-open) .prefs-save){padding-bottom:120px}
    body.workspace:has(main.shell .prefs-section:is(:target,.is-open) .prefs-save) .app-tabbar{display:none}
  }
}

/* ---------- Paramètres · dans la fenêtre de l’espace ---------- */
.workspace-modal-view .rm-prefs{max-width:none}
.workspace-modal-view .prefs-layout{display:block;margin-top:0}
.workspace-modal-view .rm-backbar.prefs-home,.workspace-modal-view .rm-backbar.prefs-back,.workspace-modal-view .prefs-preview-link{display:none}
.workspace-modal-view .prefs-mail{display:block}
.workspace-modal-view .prefs-section{border-radius:9px}

/* ---------- Formats du compte rendu (fiche de réunion) ---------- */
.report-formats{display:grid;gap:14px;min-width:0}
.report-format{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;scroll-margin-top:100px}
.report-format>summary{list-style:none;display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;min-height:58px;font-size:14px;font-weight:550}
.report-format>summary::-webkit-details-marker{display:none}
.report-format>summary::before{content:"+";font-size:17px;line-height:1;width:16px;color:var(--muted)}
.report-format[open]>summary::before{content:"−"}
.report-format[open]>summary{border-bottom:1px solid var(--line)}
.report-format>summary small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:400;text-align:right}
.report-format>.doc{border:0;border-radius:0;margin:0}
.report-format-body{display:grid;gap:14px;padding:20px;font-size:13px;line-height:1.7;min-width:0;overflow-wrap:anywhere}
.report-format-body h3{font-size:13px;letter-spacing:0;margin:0;font-weight:600}
.report-format-body ul{padding-left:18px;margin:0;display:grid;gap:8px}
.report-format-body p{margin:0}
.report-format-body .button{justify-self:start}
.followup-draft{width:100%;min-width:0;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--bg);color:var(--ink);font:inherit;line-height:1.7}
.report-formats-settings{margin:0 4px}
.report-mindmap{display:grid;gap:24px;padding:8px 0;min-width:0}
.mindmap-root{justify-self:start;padding:12px 18px;border-radius:10px;background:var(--ink);color:var(--white);font-weight:550;max-width:100%}
.report-format-body ul.mindmap-branches{list-style:none;padding-left:20px;border-left:1px solid var(--line-strong);gap:20px;margin-left:15px}
.mindmap-branches>li{border:1px solid var(--line);border-radius:10px;padding:14px;position:relative;display:grid;gap:12px;background:var(--bg)}
.mindmap-branches>li::before{content:"";position:absolute;left:-21px;top:22px;width:20px;border-top:1px solid var(--line-strong)}
.mindmap-branches strong{font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.mindmap-branches p{font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:640px){.report-format>summary{padding:16px;gap:9px}.report-format>summary small{max-width:95px}.report-format-body{padding:16px}.followup-draft{font-size:16px}.report-format-body ul.mindmap-branches{margin-left:5px;padding-left:13px}.mindmap-branches>li::before{left:-14px;width:13px}}

/* Fenêtres de l’espace : navigation fixe, une seule zone de lecture défilante. */
.workspace-modal-open{overflow:hidden}
.workspace-modal{padding:0;margin:auto;width:min(1040px,calc(100vw - 48px));height:min(780px,calc(100dvh - 72px));max-width:none;max-height:none;border:1px solid #d4d4d8;border-radius:16px;background:#fff;color:#18181b;box-shadow:0 28px 100px #09090b3d;overflow:hidden}
.workspace-modal[open]{display:flex;flex-direction:column}
.workspace-modal::backdrop{background:#09090b66;backdrop-filter:blur(3px)}
.workspace-modal-header{display:flex;align-items:center;gap:10px;flex:none;min-height:64px;padding:15px 22px;border-bottom:1px solid #e4e4e7;background:#fff}
.workspace-modal-header h2{font-size:16px;letter-spacing:-.3px;margin:0 auto 0 0;font-weight:600}
.workspace-modal-full,.workspace-modal-close{display:grid;place-items:center;flex:none;width:32px;height:32px;min-height:0;border:0;border-radius:7px;background:transparent;color:#71717a;text-decoration:none;font-size:22px;padding:0;cursor:pointer}
.workspace-modal-full{font-size:19px}.workspace-modal-full:hover,.workspace-modal-close:hover{color:#18181b;background:#f4f4f5}
.workspace-modal-layout{display:grid;grid-template-columns:184px minmax(0,1fr);min-height:0;flex:1}
.workspace-modal-nav{padding:20px 12px;background:#fafafa;border-right:1px solid #e4e4e7}
.workspace-modal-nav [data-modal-group]:not([hidden]){display:grid;gap:4px}
.workspace-modal-nav a{display:block;border-radius:7px;padding:10px 12px;color:#71717a;font-size:13px;font-weight:500;text-decoration:none}
.workspace-modal-nav a:hover,.workspace-modal-nav a[aria-current]{color:#18181b;background:#eaeaed}
.workspace-modal-scroll{overflow:auto;overscroll-behavior:contain;min-width:0;padding:28px 30px;scrollbar-gutter:stable}
.workspace-modal-status{font-size:13px;color:#71717a;margin:0 0 18px}.workspace-modal-status:empty{display:none}
.workspace-modal-view{min-width:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.workspace-modal-view [hidden]{display:none!important}
.workspace-modal-view h1{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:0 0 8px}
.workspace-modal-view h2{font-size:17px;letter-spacing:-.3px}.workspace-modal-view h3{font-size:14px}
.workspace-modal-view :is(.section-head,.graphite-page-head,.usage-heading,.billing-heading,.team-billing-head,.chat-heading){margin:0 0 22px;padding:0;min-height:0;gap:16px}
.workspace-modal-view .section-head::before,.workspace-modal-view .section-head::after{display:none}
.workspace-modal-view .panel{margin-bottom:18px}.workspace-modal-view .chat-source-grid{grid-template-columns:1fr;gap:0}.workspace-modal-view .chat-source-card{padding:20px}
.workspace-modal-view .chat-tool-picker{max-height:none;overflow:visible}
.workspace-modal-view input,.workspace-modal-view textarea,.workspace-modal-view select{max-width:100%;min-width:0}
.workspace-modal-view .usage-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.workspace-modal-view .invoice-document{padding:24px;max-width:100%;width:auto;box-shadow:none}
.workspace-modal-view .invoice-parties{gap:18px}.workspace-modal-view .invoice-title{font-size:25px}
.workspace-account-page-head{margin-bottom:24px}.workspace-account-page-head h1{font-size:30px;letter-spacing:-1px;margin:0 0 10px}.workspace-account-page-head p{margin:0}
.workspace-profile{display:flex;align-items:center;gap:16px;padding:22px;border-radius:12px}
.workspace-profile>.user-avatar{width:44px;height:44px;flex:none;font-size:18px;background:#f4f4f5;border:1px solid #e4e4e7;color:#18181b;border-radius:10px}
.workspace-profile h2,.workspace-profile p{margin:0}.workspace-profile p{font-size:13px;color:#71717a;overflow-wrap:anywhere}
.workspace-account-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 26px}
.workspace-account-links>a{display:grid;gap:6px;border:1px solid #e4e4e7;border-radius:9px;padding:17px;color:#18181b;text-decoration:none}.workspace-account-links>a:hover{background:#fafafa;border-color:#b8b8bf}
.workspace-account-links strong{font-weight:550;font-size:13px}.workspace-account-links span{font-size:12px;color:#71717a;line-height:1.5}
.workspace-signout{border-top:1px solid #e4e4e7;padding-top:22px}.workspace-help-sections{display:grid;gap:24px}.workspace-help-sections>section{padding-bottom:24px;border-bottom:1px solid #e4e4e7}.workspace-help-sections h2{margin-top:0}
.workspace .account-panel nav{display:grid;gap:2px}.workspace .account-panel nav a{display:block;padding:10px 12px}
@media(max-width:760px){
 .workspace-modal{width:calc(100vw - 20px);height:calc(100dvh - 32px);border-radius:12px}
 .workspace-modal-header{min-height:55px;padding:10px 15px}.workspace-modal-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
 .workspace-modal-nav{padding:10px;border-right:0;border-bottom:1px solid #e4e4e7;overflow-x:auto;scrollbar-width:thin}
 .workspace-modal-nav [data-modal-group]:not([hidden]){display:flex;gap:4px;width:max-content;min-width:100%}.workspace-modal-nav a{padding:8px 10px;font-size:12px;white-space:nowrap}
 .workspace-modal-scroll{padding:22px 18px;scrollbar-gutter:auto}.workspace-modal-view h1{font-size:22px}
 .workspace-account-links{grid-template-columns:1fr;gap:9px}
 .workspace-modal-view .usage-metrics{grid-template-columns:1fr}.workspace-modal-view .invoice-document{padding:16px}.workspace-modal-view .chat-source-card{padding:16px}
 .workspace-modal-view :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px}
}

/* Carte mentale : un nœud central, des chapitres et leurs feuilles horodatées. */
.mindmap-diagram{position:relative;container-type:inline-size;min-width:0;padding:8px 0 4px;color:#18181b}
.mindmap-diagram-root{position:relative;display:grid;gap:6px;width:fit-content;max-width:min(100%,440px);margin:0 auto 36px;padding:17px 24px;background:#18181b;color:#fff;border-radius:12px;text-align:center;overflow-wrap:anywhere;box-shadow:0 4px 12px #18181b12}
.mindmap-diagram-root>.small{color:#bdbdc5;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.mindmap-diagram-root strong{font-size:15px;line-height:1.5;font-weight:550}
.mindmap-diagram-root::after{content:"";position:absolute;top:100%;left:50%;height:36px;border-left:1px solid #b8b8c0}
.mindmap-diagram-branches,.report-format-body .mindmap-diagram-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;list-style:none;margin:0;padding:0;position:relative}
.mindmap-diagram-branches::before{content:"";position:absolute;left:25%;right:25%;top:-18px;border-top:1px solid #b8b8c0}
.mindmap-diagram-branch{position:relative;min-width:0;align-self:start;background:#fff;border:1px solid #dcdce1;border-radius:11px;padding:16px;box-shadow:0 2px 4px #18181b03}
.mindmap-diagram-branch::before{content:"";position:absolute;left:50%;height:18px;bottom:100%;border-left:1px solid #b8b8c0}.mindmap-diagram-branch:nth-child(n+3)::before{height:30px}
.mindmap-diagram-heading{display:flex;align-items:start;gap:10px}.mindmap-diagram-number{display:grid;place-items:center;flex:none;min-width:23px;height:23px;border:1px solid #e4e4e7;border-radius:6px;font-size:10px;color:#71717a;font-variant-numeric:tabular-nums;background:#fafafa}
.mindmap-diagram-heading h3,.report-format-body .mindmap-diagram-heading h3{flex:1;margin:1px 0 0;font-size:13px;font-weight:600;line-height:1.6;letter-spacing:-.2px;overflow-wrap:anywhere}
.mindmap-diagram .ts{flex:none;background:#f4f4f5;color:#71717a;border:1px solid #e4e4e7;border-radius:5px;font-size:10px;padding:3px 6px;line-height:1.4;text-decoration:none;font-variant-numeric:tabular-nums}.mindmap-diagram a.ts:hover{background:#18181b;color:#fff;border-color:#18181b}
.mindmap-diagram-summary,.report-format-body .mindmap-diagram-summary{font-size:12px;line-height:1.65;margin:12px 0 0;color:#71717a;overflow-wrap:anywhere}
.mindmap-diagram-leaves,.report-format-body .mindmap-diagram-leaves{display:grid;gap:9px;list-style:none;border-left:1px solid #d4d4d8;padding:0 0 0 13px;margin:14px 0 0 11px}
.mindmap-diagram-leaves>li{position:relative;display:flex;gap:10px;align-items:start;padding:10px 11px;border:1px solid #e8e8ec;border-radius:7px;background:#fafafa;font-size:12px;line-height:1.65;color:#52525b;overflow-wrap:anywhere}
.mindmap-diagram-leaves>li::before{content:"";position:absolute;right:100%;width:14px;top:18px;border-top:1px solid #d4d4d8}.mindmap-diagram-leaves>li>span{flex:1;min-width:0}
.mindmap-panel .mindmap-wrap:has(.mindmap-diagram){overflow:visible}.mindmap-panel .mindmap{max-width:none}
@container(max-width:520px){
 .mindmap-diagram-root{margin:0 0 24px;max-width:100%;padding:15px 18px;text-align:left}.mindmap-diagram-root::after{left:16px;height:24px}
 .mindmap-diagram-branches,.report-format-body .mindmap-diagram-branches{grid-template-columns:1fr;gap:18px;margin-left:16px;padding-left:15px;border-left:1px solid #b8b8c0}
 .mindmap-diagram-branches::before{display:none}.mindmap-diagram-branch{padding:13px}.mindmap-diagram-branch::before,.mindmap-diagram-branch:nth-child(n+3)::before{height:0;width:16px;left:auto;right:100%;top:25px;border:0;border-top:1px solid #b8b8c0}
 .mindmap-diagram-heading{flex-wrap:wrap;gap:8px}.mindmap-diagram-heading h3{flex-basis:calc(100% - 40px)}.mindmap-diagram-heading>.ts{margin-left:31px}
 .mindmap-diagram-leaves>li{display:block}.mindmap-diagram-leaves>li .ts{display:inline-block;margin:5px 0 0 5px}
}
@media print{.mindmap-diagram{break-inside:auto}.mindmap-diagram-branch{break-inside:avoid}.mindmap-diagram{container-type:normal}}
