/* Styles des ajouts (barre, commentaires) et des pages connexion / invitation / comptes.
   Mêmes couleurs que la page de pilotage, clair et sombre. */
:root{
  --pc-bg:#f3f1ef; --pc-surface:#ffffff; --pc-ink:#221d1a; --pc-muted:#6f6660; --pc-line:#e3ddd8;
  --pc-suede:#8a5a3b; --pc-suede-ink:#ffffff; --pc-ok:#2f7d4f; --pc-no:#a63d32; --pc-no-bg:#f7e4e1;
  --pc-wait:#9a6b12; --pc-wait-bg:#f6ecd6;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --pc-bg:#171412; --pc-surface:#221e1b; --pc-ink:#f1ece8; --pc-muted:#a89d95; --pc-line:#38312c;
  --pc-suede:#c08a63; --pc-suede-ink:#1b1512; --pc-ok:#7cc79a; --pc-no:#ec8c80; --pc-no-bg:#3a2220;
  --pc-wait:#e2b45c; --pc-wait-bg:#3a2f18; color-scheme:dark}}
:root[data-theme="dark"]{
  --pc-bg:#171412; --pc-surface:#221e1b; --pc-ink:#f1ece8; --pc-muted:#a89d95; --pc-line:#38312c;
  --pc-suede:#c08a63; --pc-suede-ink:#1b1512; --pc-ok:#7cc79a; --pc-no:#ec8c80; --pc-no-bg:#3a2220;
  --pc-wait:#e2b45c; --pc-wait-bg:#3a2f18; color-scheme:dark}

/* ---------- barre de compte (page de pilotage) ---------- */
.pc-barre{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;
  padding:8px max(16px,env(safe-area-inset-left,0px));font-size:13px;color:var(--pc-muted);
  background:var(--pc-surface);border-bottom:1px solid var(--pc-line)}
.pc-barre strong{color:var(--pc-ink)}
.pc-liens{display:flex;gap:14px;align-items:center}
.pc-liens a,.pc-lien{color:var(--pc-suede);font:inherit;font-weight:600;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.pc-liens a:hover,.pc-lien:hover{text-decoration:underline}
.pc-blob{color:var(--pc-suede);font-weight:600;overflow-wrap:anywhere}
.pc-note{margin:10px 0 0;font-size:13px;color:var(--pc-muted);font-style:italic}

/* ---------- bouton et fil de commentaires ---------- */
.pc-commenter{margin-top:10px;font:inherit;font-size:13px;font-weight:600;color:var(--pc-suede);
  background:none;border:1px solid var(--pc-line);border-radius:999px;padding:4px 12px;cursor:pointer}
.pc-commenter:hover{border-color:var(--pc-suede)}
.pc-dialogue{width:min(560px,calc(100vw - 32px));max-height:min(80vh,720px);border:1px solid var(--pc-line);
  border-radius:14px;padding:18px;background:var(--pc-surface);color:var(--pc-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.pc-dialogue::backdrop{background:rgba(20,15,12,.45)}
.pc-tete{display:flex;justify-content:space-between;align-items:center}
.pc-tete h2{margin:0;font-size:18px}
.pc-sujet{margin:4px 0 12px;color:var(--pc-muted);font-size:13px}
.pc-fil{display:grid;gap:10px;max-height:40vh;overflow:auto;padding-right:4px}
.pc-msg{border:1px solid var(--pc-line);border-radius:10px;padding:10px 12px}
.pc-msg p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.pc-instruction{border-left:4px solid var(--pc-wait);background:var(--pc-wait-bg)}
.pc-msg-tete{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--pc-muted);align-items:center}
.pc-msg-tete strong{color:var(--pc-ink)}
.pc-badge{font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:11px}
.pc-traitee{margin-left:auto;font-style:italic}
.pc-vide{color:var(--pc-muted);font-size:14px}
.pc-form{display:grid;gap:10px;margin-top:14px}
.pc-choix{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.pc-choix legend{font-size:12px;color:var(--pc-muted);padding:0;margin-bottom:4px}
.pc-choix small{color:var(--pc-muted)}
.pc-form textarea,.pc-champ input,.pc-champ select{width:100%;font:inherit;color:var(--pc-ink);background:var(--pc-bg);
  border:1px solid var(--pc-line);border-radius:10px;padding:10px}
.pc-envoyer,.pc-bouton{justify-self:start;font:inherit;font-weight:600;color:var(--pc-suede-ink);background:var(--pc-suede);
  border:0;border-radius:10px;padding:10px 18px;cursor:pointer}
.pc-envoyer:disabled,.pc-bouton:disabled{opacity:.6;cursor:default}
.pc-etat{margin:0;font-size:13px;color:var(--pc-no);min-height:1em}

/* ---------- pages connexion / invitation / comptes ---------- */
.pc-page{margin:0;min-height:100vh;background:var(--pc-bg);color:var(--pc-ink);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}
.pc-centre{max-width:400px;margin:0 auto;padding:12vh 16px 48px}
.pc-large{max-width:1000px;margin:0 auto;padding:28px 16px 64px}
.pc-carte{background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:16px;padding:24px}
.pc-marque{font-family:Georgia,"Times New Roman",serif;font-size:26px;margin:0 0 4px;letter-spacing:.02em}
.pc-sous{color:var(--pc-muted);margin:0 0 20px;font-size:14px}
.pc-champ{display:grid;gap:6px;margin-bottom:14px;font-size:14px;font-weight:600}
.pc-champ small{font-weight:400;color:var(--pc-muted)}
.pc-ok{color:var(--pc-ok)}
.pc-tableau-cadre{overflow-x:auto;border:1px solid var(--pc-line);border-radius:12px;background:var(--pc-surface)}
.pc-tableau{width:100%;border-collapse:collapse;font-size:14px}
.pc-tableau th,.pc-tableau td{padding:10px 12px;border-bottom:1px solid var(--pc-line);text-align:left;vertical-align:top}
.pc-tableau th{font-size:12px;color:var(--pc-muted);font-weight:600;white-space:nowrap}
.pc-tableau tr:last-child td{border-bottom:0}
.pc-tableau select{font:inherit;padding:4px 6px;border-radius:8px;border:1px solid var(--pc-line);background:var(--pc-bg);color:var(--pc-ink)}
.pc-doms{display:flex;flex-wrap:wrap;gap:4px 12px}
.pc-doms label{white-space:nowrap;font-size:13px}
.pc-etiq{display:inline-block;font-size:12px;border-radius:999px;padding:1px 8px;background:var(--pc-wait-bg);color:var(--pc-wait)}
.pc-etiq.pc-rouge{background:var(--pc-no-bg);color:var(--pc-no)}
.pc-lien-invit{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:10px;background:var(--pc-wait-bg)}
.pc-lien-invit code{overflow-wrap:anywhere;font-size:13px}
.pc-section{margin-top:28px}
.pc-section h2{font-size:18px;margin:0 0 10px}
.pc-entete{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}
.pc-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 14px;align-items:end}