/* ═══════════════════════════════════════════════════════════
   GSN — ANNUAIRE DES ÉQUIPES (Teams Directory)
   À coller à la fin de styles.css
   ═══════════════════════════════════════════════════════════ */

/* ── Bandeau de stats ─────────────────────────────────────── */
.td-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1.4rem}
.td-stat{background:var(--inner-card);border:1px solid var(--inner-border);border-radius:6px;padding:.85rem 1rem}
.td-stat-n{font-family:var(--f-bn);font-size:1.6rem;letter-spacing:.04em;color:var(--inner-text);line-height:1.1}
.td-stat-l{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--inner-text2);margin-top:3px}

/* ── Contrôles ────────────────────────────────────────────── */
.td-sep{width:1px;background:var(--inner-border2);margin:.15rem .35rem}
#teamSort{background:var(--inner-card);color:var(--inner-text2);outline:none}
.ctrl-f.td-rec-btn.on{background:rgba(22,163,74,.16);border-color:rgba(22,163,74,.45);color:#4ade80}
[data-theme="light"] .ctrl-f.td-rec-btn.on{background:#dcfce7;border-color:#86efac;color:#14532d}

/* ── Liste ────────────────────────────────────────────────── */
.td-list{display:flex;flex-direction:column;gap:.4rem}
.td-row{display:flex;align-items:center;gap:.85rem;background:var(--inner-card);border:1px solid var(--inner-border);
        border-radius:6px;padding:.6rem .9rem;cursor:pointer;animation:fadeUp .28s ease both;
        transition:border-color .15s,transform .15s}
.td-row:hover{border-color:rgba(200,16,46,.35);transform:translateX(2px)}
.td-row.td-dim{opacity:.72}
.td-row.td-dim:hover{opacity:1}

.td-logo-wrap{width:30px;height:30px;flex-shrink:0;position:relative}
.td-logo{width:30px;height:30px;object-fit:contain;border-radius:4px;background:rgba(255,255,255,.04)}
.td-logo-fb{width:30px;height:30px;border-radius:4px;background:var(--inner-card2);border:1px solid var(--inner-border2);
            display:flex;align-items:center;justify-content:center;font-family:var(--f-bn);font-size:.7rem;color:var(--inner-text3)}

.td-main{flex:1;min-width:0}
.td-name{font-family:var(--f-bc);font-size:1rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;
         color:var(--inner-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-sub{font-size:.7rem;color:var(--inner-text2);margin-top:2px}
.td-reason{font-size:.66rem;color:var(--red3);margin-top:2px}

.td-badges{flex-shrink:0}
.td-pill{font-size:.56rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
         padding:.14rem .45rem;border-radius:3px;white-space:nowrap;display:inline-block}
.td-pill-dis{background:rgba(200,16,46,.15);color:#ff6680;border:1px solid rgba(200,16,46,.25)}
.td-pill-ina{background:rgba(200,146,42,.14);color:var(--gold);border:1px solid rgba(200,146,42,.25)}
.td-pill-rec{background:rgba(22,163,74,.15);color:#4ade80;border:1px solid rgba(22,163,74,.28)}
.td-pill-new{background:rgba(14,116,144,.18);color:#67e8f9;border:1px solid rgba(14,116,144,.3)}
.td-pill-unl{background:rgba(255,255,255,.05);color:var(--inner-text3);border:1px solid var(--inner-border2)}
[data-theme="light"] .td-pill-dis{background:#fee2e2;color:#7f1d1d;border-color:#fca5a5}
[data-theme="light"] .td-pill-ina{background:#fef3c7;color:#78350f;border-color:#fcd34d}
[data-theme="light"] .td-pill-rec{background:#dcfce7;color:#14532d;border-color:#86efac}
[data-theme="light"] .td-pill-new{background:#e0f2fe;color:#0c4a6e;border-color:#7dd3fc}

.td-rank{font-family:var(--f-bn);font-size:1.15rem;color:var(--inner-text2);min-width:42px;text-align:right;flex-shrink:0;line-height:1}
.td-fav{background:none;border:none;font-size:1rem;cursor:pointer;padding:2px 0 2px 4px;line-height:1;flex-shrink:0;transition:transform .15s}
.td-fav:hover{transform:scale(1.2)}

.td-foot{text-align:center;font-size:.78rem;color:var(--inner-text2);padding:1.2rem 0 .3rem}
.td-foot a{color:var(--red);text-decoration:none;font-weight:600}
.td-foot a:hover{text-decoration:underline}

.td-sub-badge{font-family:var(--f-bc);font-size:.48rem;font-weight:800;letter-spacing:.08em;padding:.1rem .3rem;
              border-radius:2px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
              color:var(--inner-text3);margin-left:5px;vertical-align:middle}

/* ── Mobile ───────────────────────────────────────────────── */
@media(max-width:640px){
  .td-stats{grid-template-columns:repeat(2,1fr)}
  .td-rank{display:none}
  .td-row{gap:.6rem;padding:.55rem .7rem}
  .td-name{font-size:.92rem}
  .td-sub{font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}