:root{
    --bg:#101820;
    --header:#080d12;
    --card:#1b2836;
    --card2:#14202b;
    --line:#344658;
    --text:#f6f6f6;
    --muted:#c8d2dc;
    --gold:#f5a400;
    --green:#79e08a;
    --red:#ff6b6b;
    --blue:#77b7ff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}
.site-header{background:var(--header);padding:18px 14px}.header-inner{max-width:1100px;margin:auto}h1{font-size:24px;margin:0 0 12px}h2{margin-top:0}h3{margin-bottom:10px}.main-nav{display:flex;gap:6px;flex-wrap:wrap}
a{color:var(--gold)}
.main-nav a,.btn,button{display:inline-block;background:var(--gold);color:#111;padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:bold;border:0;margin:4px 4px 4px 0;cursor:pointer;font-size:14px;line-height:1.2}
.btn.secondary,button.secondary{background:#2b3c4e;color:var(--text);border:1px solid var(--line)}
.btn.good,button.good{background:#2fb344;color:#fff}.btn.danger,button.danger{background:#d94343;color:#fff}.btn.small,button.small{padding:7px 9px;font-size:13px}.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold)}
main{max-width:1100px;margin:auto;padding:14px}.site-footer{max-width:1100px;margin:0 auto;color:var(--muted);padding:15px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px;margin:15px 0;overflow:auto}.card.soft{background:var(--card2)}.msg{color:var(--green);font-weight:bold}.error{color:var(--red);font-weight:bold}.muted{color:var(--muted)}
.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.league-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.league-tabs a{background:#2b3c4e;color:var(--text);border:1px solid var(--line)}.league-tabs a.active{background:var(--gold);color:#111;border-color:var(--gold)}
table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:var(--gold)}
label{display:block;margin-top:12px;color:var(--muted);font-weight:bold}input,select{width:100%;padding:11px;border-radius:8px;border:1px solid var(--line);background:#0e151d;color:#fff}input[type=checkbox]{width:auto;margin-right:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline-form{display:inline-block;margin:0}.player-row,.fixture-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.fixture-row{grid-template-columns:1.6fr auto}.player-name{font-weight:bold}.status{display:inline-block;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:bold}.status.active{background:rgba(121,224,138,.16);color:var(--green)}.status.inactive{background:rgba(255,107,107,.16);color:var(--red)}
.progress{background:#0e151d;border:1px solid var(--line);height:14px;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:var(--gold);min-width:0}.progress-card{display:grid;gap:8px}.traffic.green{color:var(--green)}.traffic.amber{color:var(--gold)}.traffic.red{color:var(--red)}.result-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.result-buttons button{width:100%;margin:0;padding:14px 10px}.result-buttons .loser{background:#2b3c4e;color:var(--text);border:1px solid var(--line)}.notice{border-left:5px solid var(--gold);padding:10px 12px;background:#111c27;border-radius:8px}.danger-zone{border-color:#7b2b2b;background:#25181d}.empty{padding:14px;background:#111c27;border-radius:10px;color:var(--muted)}
@media(max-width:800px){h1{font-size:20px}.grid.two,.grid.four,.form-row{grid-template-columns:1fr}.player-row,.fixture-row{grid-template-columns:1fr}.actions{align-items:stretch}.actions .btn,.actions button,.inline-form{width:100%}.inline-form button{width:100%}table{font-size:13px}th,td{padding:7px}.result-buttons{grid-template-columns:1fr}.main-nav a{flex:1;text-align:center}}

/* League password screen */
.login-form{margin-top:10px}.remember-box{margin-top:12px}.remember-box input{width:auto}.locked-note{color:var(--muted);font-size:13px}

/* Version 6: player booking cards */
.selected-card{border-color:var(--gold);box-shadow:0 0 0 1px rgba(245,164,0,.35)}
.player-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.mini-player-card{display:block;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px;text-decoration:none;color:var(--text)}
.mini-player-card:hover{border-color:var(--gold)}
.mini-player-card strong{display:block;font-size:16px;margin-bottom:5px}
.mini-player-card span{display:block;color:var(--muted);margin-bottom:6px}
.mini-player-card em{font-style:normal;color:var(--gold);font-weight:bold;font-size:13px}
.highlight-card{border-color:var(--gold)}
.player-fixture-row{grid-template-columns:1fr auto;background:#111c27;border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0}
@media(max-width:800px){.player-card-grid{grid-template-columns:1fr}.player-fixture-row{grid-template-columns:1fr}.player-fixture-row .actions .btn{width:100%;text-align:center}}

/* DLMK v6: player fixture picker + safer WhatsApp placement */
header{background:#080d12;border-bottom:1px solid #1e2b38;padding:18px}
.topbar{max-width:1100px;margin:auto;display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
nav{max-width:1100px;margin:8px auto 0;display:flex;gap:8px;flex-wrap:wrap}
nav a,.main-nav a{display:inline-block;background:var(--gold);color:#111;padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:bold;border:0;margin:4px 4px 4px 0;cursor:pointer;font-size:14px;line-height:1.2}
nav a:hover,.main-nav a:hover,.btn:hover,button:hover{filter:brightness(1.08)}
.tagline{margin:0;color:var(--muted);font-size:14px}
.table-wrap{overflow:auto}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.section-title h2,.section-title h3{margin:0}
.small-link{color:var(--gold);font-weight:bold;text-decoration:none}
.badge,.pill{display:inline-block;background:#0e151d;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:13px}
.highlight-card{border-color:var(--gold)}
.progress.big{height:16px;margin:10px 0}
.progress span,.progress div{display:block;height:100%;background:var(--gold);border-radius:999px}
.player-table-link{color:var(--text);font-weight:bold;text-decoration:none;border-bottom:1px dashed var(--gold)}
.player-table-link:hover{color:var(--gold)}
.fixture-player-list,.player-list{display:flex;flex-direction:column;gap:10px}
.player-pick-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;background:#14202b;border:1px solid var(--line);border-radius:12px;padding:12px;text-decoration:none;color:var(--text)}
.player-pick-card:hover,.player-pick-card.selected{border-color:var(--gold);background:#1f3042}
.player-rank{color:var(--gold);font-weight:bold}
.player-pick-name{font-weight:bold}
.status-ok{color:#baffc4;border-color:rgba(121,224,138,.45)}
.status-warn{color:var(--gold);border-color:rgba(245,164,0,.45)}
.status-bad{color:#ffd2d2;border-color:rgba(255,107,107,.45)}
.message-preview{background:#111c27;border-left:5px solid var(--gold);border-radius:8px;margin:10px 0;padding:12px;color:var(--text)}
details summary{cursor:pointer;color:var(--gold);padding:8px 0}
.player-fixture-row{border-color:rgba(245,164,0,.35)}
@media(max-width:800px){
    header{padding:14px}
    nav a,.main-nav a{flex:1;text-align:center}
    .player-pick-card{grid-template-columns:1fr;gap:6px}
    .section-title{align-items:stretch}
    .section-title .btn{width:100%;text-align:center}
}

/* Version 6: clickable tables and player fixture picker */
.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.section-title h2{margin:0}.section-title p{margin:6px 0 0}
.small-link{color:var(--gold);font-weight:bold;text-decoration:none}.small-link:hover{text-decoration:underline}
.table-wrap{overflow:auto}.league-table a,.player-table-link{color:var(--text);font-weight:bold;text-decoration:none;border-bottom:1px dotted var(--gold)}.league-table a:hover,.player-table-link:hover{color:var(--gold)}
.badge,.pill{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:bold;background:#2b3c4e;color:var(--text)}
.status-ok{background:rgba(121,224,138,.16);color:var(--green)}.status-warn{background:rgba(245,164,0,.18);color:var(--gold)}.status-bad{background:rgba(255,107,107,.16);color:var(--red)}
.progress.big{height:18px}.message-preview{margin:10px 0;padding:12px;border-left:4px solid var(--gold);background:#111c27;border-radius:8px;color:var(--text)}
.fixture-list{display:grid;gap:10px;margin-top:12px}.fixtures-list .fixture-row,.player-fixture-row{background:#111c27;border:1px solid var(--line);border-radius:12px;padding:12px;margin:0}.fixture-actions{justify-content:flex-end}
.player-list.fixture-player-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.player-pick-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px;text-decoration:none;color:var(--text)}.player-pick-card:hover,.player-pick-card.selected{border-color:var(--gold)}.player-rank{color:var(--gold);font-weight:bold}.player-pick-name{font-weight:bold}
@media(max-width:800px){.player-list.fixture-player-list{grid-template-columns:1fr}.player-pick-card{grid-template-columns:1fr}.section-title .btn{width:100%;text-align:center}.fixture-actions{justify-content:stretch}.fixture-actions .btn{width:100%;text-align:center}}
