/* Vie de l'équipe : présences, pronostics, profils des membres */

/* ---------- Présences (page du match) ---------- */
.tnk-pres__bilan { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.tnk-pres__bilan span { display: inline-flex; align-items: baseline; gap: 6px; padding: 6px 12px; border: 1px solid #1d2026; border-radius: 999px; background: #0d0f13; color: #9da1a8; font-size: .9rem; }
.tnk-pres__bilan strong { color: #fff; font-size: 1.05rem; }
.tnk-pres__bilan .is-present strong { color: #7fd88f; }
.tnk-pres__bilan .is-peutetre strong { color: #f0c46a; }
.tnk-pres__bilan .is-absent strong { color: #e38585; }
.tnk-pres__alerte, .tnk-pres__ok { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 14px; padding: 10px 14px; border-radius: 12px; line-height: 1.45; }
.tnk-pres__alerte { border: 1px solid rgba(240, 196, 106, .35); background: rgba(240, 196, 106, .08); color: #f3d79b; }
.tnk-pres__ok { border: 1px solid rgba(127, 216, 143, .3); background: rgba(127, 216, 143, .07); color: #b6ebbf; }
.tnk-pres__alerte i, .tnk-pres__ok i { margin-top: 2px; font-size: 1.2rem; }
.tnk-pres__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 8px; }
.tnk-pres__j { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid #1d2026; border-left: 4px solid #2a2e36; border-radius: 12px; background: #0d0f13; }
.tnk-pres__j.is-present { border-left-color: #7fd88f; }
.tnk-pres__j.is-peutetre { border-left-color: #f0c46a; }
.tnk-pres__j.is-absent { border-left-color: #e38585; opacity: .75; }
.tnk-pres__j.is-moi { box-shadow: 0 0 0 1px rgba(218, 243, 124, .45); }
.tnk-pres__num { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 9px; background: #14171c; color: #daf37c; font-weight: 800; font-size: .9rem; }
.tnk-pres__nom { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.tnk-pres__nom strong { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tnk-pres__nom small { color: #9da1a8; font-size: .8rem; }
.tnk-pres__choix { display: flex; gap: 4px; margin: 0; }
.tnk-pres__choix button { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #2a2e36; border-radius: 10px; background: transparent; color: #9da1a8; font-size: 1.2rem; cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.tnk-pres__choix button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.tnk-pres__choix .is-present:hover, .tnk-pres__choix .is-present.is-choisi { border-color: #7fd88f; color: #0a0c0f; background: #7fd88f; }
.tnk-pres__choix .is-peutetre:hover, .tnk-pres__choix .is-peutetre.is-choisi { border-color: #f0c46a; color: #0a0c0f; background: #f0c46a; }
.tnk-pres__choix .is-absent:hover, .tnk-pres__choix .is-absent.is-choisi { border-color: #e38585; color: #0a0c0f; background: #e38585; }
.tnk-pres__etat { flex: none; padding: 4px 10px; border-radius: 999px; background: #14171c; color: #9da1a8; font-size: .8rem; font-weight: 700; }
.tnk-pres__etat.is-present { color: #7fd88f; }
.tnk-pres__etat.is-peutetre { color: #f0c46a; }
.tnk-pres__etat.is-absent { color: #e38585; }
.tnk-pres__convoc { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 16px; }
.tnk-pres__convoc small { color: #9da1a8; }

/* ---------- Pronostics ---------- */
.tnk-prono__form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.tnk-prono__form label { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 700; }
.tnk-prono__form label span { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tnk-prono__form input { width: 64px; height: 52px; border: 1px solid #2a2e36; border-radius: 12px; background: #0a0c0f; color: #fff; font: 800 1.6rem 'Big Shoulders Display', 'Arial Narrow', sans-serif; text-align: center; -moz-appearance: textfield; appearance: textfield; }
.tnk-prono__form input::-webkit-outer-spin-button, .tnk-prono__form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.tnk-prono__form input:focus { outline: none; border-color: #daf37c; }
.tnk-prono__form b { color: #6b6f77; font-size: 1.4rem; }
.tnk-prono__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.tnk-prono__liste li { display: flex; align-items: center; gap: 12px; padding: 9px 14px; border: 1px solid #1d2026; border-radius: 12px; background: #0d0f13; }
.tnk-prono__liste li.is-moi { border-color: rgba(218, 243, 124, .45); }
.tnk-prono__liste a { flex: 1; min-width: 0; color: #fff; font-weight: 700; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tnk-prono__liste a:hover { color: #daf37c; }
.tnk-prono__score { color: #c9ccd1; font-variant-numeric: tabular-nums; }
.tnk-prono__pts { min-width: 70px; text-align: right; color: #6b6f77; font-weight: 700; font-size: .9rem; }
.tnk-prono__liste .is-exact .tnk-prono__pts { color: #daf37c; }
.tnk-prono__liste .is-bon .tnk-prono__pts { color: #7fd88f; }

.tnk-pronos__matchs { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap: 12px; }
.tnk-pronos__match { display: flex; flex-direction: column; gap: 14px; padding: 18px; }
.tnk-pronos__entete { display: flex; flex-direction: column; gap: 2px; color: #fff !important; text-decoration: none; }
.tnk-pronos__entete span { font-weight: 800; }
.tnk-pronos__entete small { color: #9da1a8; }
.tnk-pronos__entete:hover span { color: #daf37c; }
.tnk-pronos__vs { margin: 0; color: #fff; font-weight: 700; font-size: 1.1rem; }
.tnk-pronos__titre { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px; }
.tnk-pronos__titre h2 { margin: 0; }
.tnk-pronos__saison select { height: 40px; padding: 0 12px; border: 1px solid #2a2e36; border-radius: 10px; background: #0a0c0f; color: #fff; font: 600 .95rem 'Barlow', system-ui, sans-serif; }
.tnk-pronos__moi { margin: 0 0 14px; color: #c9ccd1; }
.tnk-pronos__moi strong { color: #daf37c; }
.tnk-pronos__classement { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; max-width: 760px; }
.tnk-pronos__classement li { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; grid-template-areas: "rang nom pts" "rang info pts"; align-items: center; column-gap: 12px; padding: 10px 14px; border: 1px solid #1d2026; border-radius: 12px; background: #0d0f13; }
.tnk-pronos__classement li.is-moi { border-color: rgba(218, 243, 124, .5); }
.tnk-pronos__rang { grid-area: rang; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #14171c; color: #fff; font-weight: 800; }
.tnk-pronos__classement .is-1 .tnk-pronos__rang { background: #e9c46a; color: #0a0c0f; }
.tnk-pronos__classement .is-2 .tnk-pronos__rang { background: #c8ccd3; color: #0a0c0f; }
.tnk-pronos__classement .is-3 .tnk-pronos__rang { background: #c98a5b; color: #0a0c0f; }
.tnk-pronos__classement a { grid-area: nom; color: #fff !important; font-weight: 800; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tnk-pronos__classement a:hover { color: #daf37c !important; }
.tnk-pronos__classement small { grid-area: info; color: #9da1a8; font-size: .8rem; }
.tnk-pronos__classement strong { grid-area: pts; color: #daf37c; font-size: 1.15rem; }
.tnk-pronos .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Profil d'un membre ---------- */
.tnk-membre__tete { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-bottom: 28px; }
.tnk-membre__avatar { display: grid; place-items: center; flex: none; width: 96px; height: 96px; border-radius: 50%; color: #fff; font: 900 2.6rem 'Big Shoulders Display', 'Arial Narrow', sans-serif; text-transform: uppercase; box-shadow: 0 0 0 4px #0a0c0f, 0 0 0 6px rgba(218, 243, 124, .4); }
.tnk-membre__nom { flex: 1; min-width: 200px; }
.tnk-membre__nom h1 { overflow-wrap: anywhere; }
.tnk-membre__joueur { display: flex; align-items: center; gap: 6px; margin: 10px 0 0; color: #c9ccd1; }
.tnk-membre__joueur i { color: #daf37c; }
.tnk-membre__actions form { margin: 0; }
.tnk-membre__chiffres { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 160px), 1fr)); gap: 10px; }
.tnk-membre__chiffres .tnk-carte { display: flex; flex-direction: column; gap: 4px; padding: 16px; }
.tnk-membre__chiffres strong { color: #daf37c; font: 900 2.2rem/1 'Big Shoulders Display', 'Arial Narrow', sans-serif; }
.tnk-membre__chiffres span { color: #9da1a8; font-size: .88rem; }
.tnk-membre__badges { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 10px; }
.tnk-membre__badges li { display: flex; align-items: center; gap: 12px; padding: 14px; }
.tnk-membre__badges i { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 12px; background: rgba(218, 243, 124, .1); color: #daf37c; font-size: 1.4rem; }
.tnk-membre__badges span { display: flex; flex-direction: column; }
.tnk-membre__badges strong { color: #fff; }
.tnk-membre__badges small { color: #9da1a8; }
.tnk-membre__liens { margin-top: 18px; }
.tnk-membre .tnk-vide { padding: 24px; text-align: center; color: #9da1a8; border: 1px dashed #1d2026; border-radius: 12px; }
.tnk-com__profil { color: inherit !important; text-decoration: none; }
.tnk-com__profil:hover { color: #daf37c !important; text-decoration: underline; }

@media (max-width: 600px) {
    .tnk-pres__j { flex-wrap: wrap; }
    .tnk-membre__avatar { width: 72px; height: 72px; font-size: 2rem; }
    .tnk-prono__form { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto minmax(0, 1fr); gap: 8px; }
    .tnk-prono__form label { display: contents; }
    .tnk-prono__form label span { max-width: none; font-size: .9rem; white-space: normal; overflow-wrap: anywhere; line-height: 1.15; }
    .tnk-prono__form label:last-of-type span { text-align: left; }
    .tnk-prono__form label:first-of-type span { text-align: right; }
    .tnk-prono__form input { width: 54px; height: 48px; }
    .tnk-prono__form button { grid-column: 1 / -1; justify-content: center; }
    .tnk-prono__liste li { flex-wrap: wrap; row-gap: 2px; }
    .tnk-prono__liste a { flex-basis: 100%; }
    .tnk-prono__score { flex: 1; }
}