/* v4 — mêmes repères, hiérarchie et contrôles harmonisés. */
:root{--pf-accent:#285c99;--pf-surface:#fff;--pf-line:#d9e3ee;--pf-ink:#24384e;--pf-soft:#eef3f8}
body.dark{--pf-surface:#172637;--pf-line:#32475e;--pf-ink:#e6edf5;--pf-soft:#203349;--pf-muted:#a9b9ca}
#tabs-bar .tab{font-family:inherit;border-top:0;border-left:0;border-right:0;background:transparent}
.pf-result-score{background:#fff;border-radius:7px;padding:2px 6px}
.pf-prono-details{margin-top:12px;border-top:1px solid var(--pf-line);padding-top:12px;color:var(--pf-ink)}
.pf-prono-details summary{cursor:pointer;color:var(--pf-muted);font-weight:700}
.pf-prono-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--pf-line);padding:10px 0;font-size:14px}
.pf-prono-row strong{flex:1;min-width:90px}
.btn,.btn-fiche,.btn-dl,.btn-dl-ghost,.btn-share-classement{border-radius:10px!important;font-weight:700;min-height:42px;padding:9px 13px!important}
.btn-primary,.btn-fiche{background:var(--pf-accent)!important;color:#fff!important;border-color:var(--pf-accent)!important}
button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #63a4e0;outline-offset:3px}
button:disabled{opacity:.5;cursor:not-allowed}
.pf-extra-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.pf-extra-links .btn{background:var(--pf-surface);color:var(--pf-ink);border:1px solid var(--pf-line)}
.pf-extra-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}
.pf-extra-title h2{margin:0;font-size:22px;color:var(--pf-ink)}
.pf-note{color:var(--pf-muted);font-size:14px;line-height:1.5;margin:14px 0}
#panel-extra{padding:16px;max-width:960px;margin:auto;color:var(--pf-ink)}
.pf-list-row{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:7px;padding:16px;margin:9px 0;border:1px solid var(--pf-line);border-radius:12px;background:var(--pf-surface);color:var(--pf-ink);font:inherit;text-align:left;box-sizing:border-box;overflow-wrap:anywhere}
button.pf-list-row{cursor:pointer}.pf-list-row small{color:var(--pf-muted);font-size:12px}.pf-list-row summary{cursor:pointer;padding:5px 0;width:100%;line-height:1.7}.pf-list-row p{margin:5px 0;font-size:14px}
.pf-player-link{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid var(--pf-line);background:var(--pf-surface);color:var(--pf-ink);border-radius:12px;margin:10px 0;font-size:17px;cursor:pointer}
.pf-player-link span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;font-weight:800}
.pf-player-summary{display:flex;flex-wrap:wrap;gap:16px;padding:20px;border-radius:14px;background:var(--pf-soft);margin:16px 0}.pf-player-summary strong{font-size:22px}
.pf-state{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px!important;background:#e9f2fb;color:#285c99;font-size:12px!important;font-weight:750}
.pf-state.postponed{background:#fff2d5;color:#855c15}.pf-state.cancelled{background:#edf0f4;color:#576574}
.match-card{border-radius:15px!important;border-color:var(--pf-line)!important;box-shadow:0 3px 12px #23385008!important;overflow:visible!important}
.match-card .match-header{padding-bottom:10px;gap:12px}.match-card .match-countdown{background:transparent!important;color:var(--pf-muted)!important}
.match-more summary{white-space:nowrap;border-radius:9px;background:var(--pf-soft);color:var(--pf-ink)}
.match-more[open]{background:var(--pf-soft);box-shadow:0 4px 16px #0001;z-index:30}
.match-more .btn{background:var(--pf-surface)!important;color:var(--pf-ink)!important;border:1px solid var(--pf-line)!important;text-align:left}
.urgent-card{border-radius:14px!important}.urgent-card:not(.urgent-pulse){border-color:var(--pf-line)!important}
#pf-reminder-player,#edit-status{font:inherit;font-size:15px;min-height:44px;padding:8px 10px;border:1px solid var(--pf-line);border-radius:9px;background:var(--pf-surface);color:var(--pf-ink);max-width:100%}
#panel-extra input[type=file]{display:block;margin-top:8px;max-width:100%}
@media(max-width:700px){
  body{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
  #tabs-bar{position:fixed!important;bottom:0;top:auto;left:0;right:0;width:100%;box-sizing:border-box;z-index:900;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;margin:0!important;border-top:1px solid var(--pf-line);background:var(--pf-surface)!important;padding:6px 2px calc(6px + env(safe-area-inset-bottom))!important;box-shadow:0 -5px 18px #172c4510}
  #tabs-bar .tab{padding:8px 3px!important;min-width:0;min-height:50px;white-space:normal!important;text-align:center;font-size:11px!important;display:grid;place-items:center;line-height:1.4;border-radius:8px;color:var(--pf-ink)}
  #tabs-bar .tab.active{background:var(--pf-soft);color:var(--pf-accent);font-weight:850}
  .pf-extra-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.pf-extra-links #pf-undo{grid-column:1/-1}.pf-extra-links .btn{padding:9px 5px!important;font-size:12px!important}
  #pf-toast{bottom:calc(90px + env(safe-area-inset-bottom))}#pf-conflict{bottom:calc(85px + env(safe-area-inset-bottom))}
  #panel-extra{padding:8px}.pf-extra-title h2{font-size:20px}.pf-player-summary{gap:10px;font-size:14px}
  .match-header>span{max-width:100%}.urgent-header{padding:10px!important}.pf-result-score{white-space:nowrap}
}