/* T393 : potes, discussions, profil. Noir, blanc, gris ; le rouge reste réservé au direct, aucune ombre, rayon 5, appui visible (app.css). */
.potes-page{display:grid;gap:12px;align-content:start}.potes-section{display:grid;gap:12px}.potes-onglets{display:flex;gap:8px;overflow-x:auto}
.potes-onglet{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;white-space:nowrap;border:1px solid var(--filet);border-radius:5px;background:var(--bloc);color:var(--texte);font-weight:700;text-decoration:none}
.potes-onglet[aria-current=page]{background:var(--texte);color:var(--fond);border-color:var(--texte)}
.potes-liste{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.potes-ligne{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 12px;border:1px solid var(--filet);border-radius:5px;background:var(--bloc);color:inherit;text-decoration:none}
.potes-ligne > .potes-statut{grid-column:1/-1}
.potes-textes{display:grid;min-width:0}.potes-nom{overflow-wrap:anywhere}.potes-apercu,.potes-note,.potes-vide,.potes-carte-detail,.potes-accuse{color:var(--secondaire);font-size:.875rem}
.potes-apercu{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.potes-note,.potes-vide{margin:4px 0}
.potes-nonlus{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--texte);color:var(--fond);font:700 .75rem/1 var(--mono,monospace)}
.potes-avatar{position:relative;display:inline-grid;place-items:center;flex:none;border:1px solid var(--filet);border-radius:50%;background:var(--fond);overflow:hidden;font-weight:700}
.potes-avatar-moyen{width:40px;height:40px}.potes-avatar-grand{width:72px;height:72px;font-size:1.75rem}
.potes-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.potes-actions{display:flex;flex-wrap:wrap;gap:8px}.potes-formulaire{display:grid;gap:12px}.potes-statut{min-height:1.2em;margin:0;color:var(--secondaire);font-size:.875rem}
.potes-ajout,.potes-groupe-nouveau,.potes-code,.potes-avatar-reglage{padding:12px;border:1px solid var(--filet);border-radius:5px;background:var(--bloc)}
.potes-groupe-nouveau summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}
.potes-membres{display:grid;gap:4px;margin:0;padding:8px 12px;border:1px solid var(--filet);border-radius:5px}.potes-case{display:flex;align-items:center;gap:8px;min-height:44px}.potes-case input{width:20px;min-height:0;height:20px;accent-color:var(--texte)}
.potes-code{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.potes-emojis{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.potes-emoji{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--filet);border-radius:5px;background:var(--bloc);color:var(--texte);cursor:pointer}.potes-emoji[aria-pressed=true]{border-color:var(--texte);background:var(--texte);color:var(--fond)}
.potes-emoji .potes-dessin{width:26px;height:26px}.potes-avatar .potes-dessin{width:62%;height:62%}
.potes-messages{display:grid;gap:8px;max-height:60vh;overflow-y:auto;padding:4px 0}
.potes-message{display:grid;gap:6px;max-width:min(100%,640px);padding:10px 12px;border:1px solid var(--filet);border-radius:5px;background:var(--bloc)}
.potes-mien{justify-self:end;border-color:var(--texte)}.potes-message-entete{display:flex;gap:12px;justify-content:space-between;margin:0;font-size:.8125rem}.potes-message-entete time{color:var(--secondaire)}
.potes-texte{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.potes-carte{display:grid;gap:6px;padding:10px;border:1px solid var(--filet);border-radius:5px;background:var(--fond)}.potes-carte-titre{overflow-wrap:anywhere}
.potes-reactions{display:flex;flex-wrap:wrap;gap:4px}.potes-reaction{min-width:44px;min-height:44px;padding:0 8px;border:1px solid var(--filet);border-radius:5px;background:var(--bloc);color:var(--texte);cursor:pointer}.potes-reaction[aria-pressed=true]{border-color:var(--texte);background:var(--texte);color:var(--fond)}
.potes-accuse{margin:0;text-align:right}.potes-signaler summary{min-height:44px;display:flex;align-items:center;color:var(--secondaire);font-size:.8125rem;cursor:pointer}
.potes-composer{padding-top:8px}.potes-pied{display:grid;gap:12px;justify-items:stretch}.potes-erreur{color:var(--secondaire)}
.envoi-pote{display:grid;gap:8px;margin:8px 0}.envoi-panneau{padding:12px;border:1px solid var(--filet);border-radius:5px;background:var(--bloc)}.envoi-panneau[hidden]{display:none}
.envoi-panneau select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--filet);border-radius:5px;background:var(--fond);color:var(--texte)}
/* T398 : pastille de non-lus dans la navigation, journée du groupe, classement, réglages d'un groupe, image d'article. */
.nav-nonlus{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--texte);color:var(--fond);font:700 .75rem/1 var(--mono,monospace);vertical-align:middle}
.potes-journee-match{display:grid;gap:6px;padding:8px 0;border-top:1px solid var(--filet)}.potes-journee-tete{display:flex;gap:12px;justify-content:space-between;align-items:baseline;margin:0}
.potes-journee-nom{overflow-wrap:anywhere;color:var(--texte);font-weight:700}.potes-journee-tete time{color:var(--secondaire);font-size:.8125rem;white-space:nowrap}
.potes-journee-match .potes-statut:empty{display:none}.potes-journee-choix{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.potes-journee-bouton{min-width:44px;min-height:44px}.potes-journee-bouton[aria-pressed=true]{background:var(--texte);color:var(--fond);border-color:var(--texte)}
.potes-classement-liste{display:grid;gap:4px;margin:0;padding:0;list-style:none;counter-reset:rang}.potes-classement-ligne{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:baseline;counter-increment:rang}.potes-classement-ligne::before{content:counter(rang);min-width:1.5ch;font:700 1rem/1 var(--mono,monospace);text-align:right}
.potes-reglages{padding:12px;border:1px solid var(--filet);border-radius:5px;background:var(--bloc)}.potes-reglages summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}.potes-reglages-corps{display:grid;gap:12px}
.potes-membre{grid-template-columns:auto minmax(0,1fr) auto}.potes-bloques{display:grid;gap:8px}.potes-carte-image{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:5px;background:var(--bloc)}
@media(min-width:1024px){.potes-liste{grid-template-columns:repeat(2,minmax(0,1fr))}.potes-messages{max-height:65vh}}