/* DeSBL-inspired match coordination, independently designed for LIGANAME */
.match-toolbar{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin:0 0 21px}
.match-toolbar .match-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.match-toolbar label{margin:0;min-width:165px;color:#a6b0bd;font-size:11px}
.match-toolbar select{min-width:160px;min-height:44px;margin-top:7px;padding:9px 34px 9px 13px;background:#1a202b;color:#e8ecf4}
.match-toolbar .match-count{font-size:12px;color:#a8b5c3}
.match-list{display:grid;gap:13px}
.match-fixture{background:linear-gradient(125deg,#23232b,#171e28);border:1px solid #44434d;border-radius:18px;overflow:hidden;box-shadow:0 14px 30px #0003}
.match-fixture:hover{border-color:#ba8869}
.fixture-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff07;border-bottom:1px solid #45434b;padding:13px 21px}
.fixture-top div{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.fixture-top small{font-size:10px;letter-spacing:1.1px;color:#a7b4c3;font-weight:750}
.fixture-mid{padding:23px 21px;display:grid;grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);align-items:center;gap:16px}
.fixture-team{display:flex;align-items:center;gap:13px;min-width:0;font-size:15px;font-weight:810}
.fixture-team.away{flex-direction:row-reverse;text-align:right}
.fixture-team b{overflow-wrap:anywhere;min-width:0}
.fixture-logo{display:inline-grid;place-items:center;width:58px;height:58px;flex-shrink:0;font-size:20px;font-weight:900;letter-spacing:-1px;border-radius:14px;background:linear-gradient(140deg,#885b47,#e1a87c);border:1px solid #c99d7b;color:#1e1714}
.fixture-logo.opponent{background:linear-gradient(135deg,#4a667e,#8f9caf);border-color:#7d94b0;color:white}
.fixture-score{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}
.fixture-score strong{font-size:27px;color:#f7c098;white-space:nowrap;letter-spacing:-.5px;font-weight:880}
.fixture-score small{font-size:10px;color:#a8b5bf;white-space:nowrap}
.fixture-bottom{display:flex;gap:9px;justify-content:space-between;align-items:center;padding:12px 20px 15px;border-top:1px solid #393b44}
.fixture-bottom span{color:#a6b4c1;font-size:11px}
.fixture-bottom .actions{margin:0}
.fixture-bottom button{font-size:12px}
.fixture-status{font-size:10px;font-weight:800;letter-spacing:1px;border:1px solid #856a5a;color:#efc19f;background:#64452e48;border-radius:9px;padding:6px 9px;text-transform:uppercase}
.fixture-status.confirmed{border-color:#53836a;color:#8beab9;background:#24503b35}
.fixture-status.reported{border-color:#82754b;color:#f0d58f;background:#5d543137}
.fixture-status.scheduled{border-color:#4a7797;color:#b3d6ed;background:#24445b37}
.match-detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.match-detail-top .kicker{margin:0 0 8px}
.match-detail-top h3{margin:0;font-size:24px}
.match-hero{border:1px solid #696053;border-radius:19px;padding:27px;background:radial-gradient(circle at 50% 0%,#89563a3c,transparent 60%),linear-gradient(130deg,#30232a,#171e2a);box-shadow:0 18px 40px #0005}
.match-hero-score{display:grid;grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);gap:20px;align-items:center}
.match-hero .fixture-logo{height:68px;width:68px;font-size:24px}
.match-hero .fixture-team{font-size:20px}
.match-hero .fixture-score strong{font-size:39px}
.match-hero .fixture-score small{font-size:11px;letter-spacing:.9px}
.match-hero .fixture-team.away{justify-content:flex-start}
.match-hero-sub{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px;border-top:1px solid #ffffff24;padding-top:18px}
.match-hero-sub span{font-size:11px;color:#d4c3b7}
.match-detail-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;padding:13px 0;margin:8px 0 16px;border-bottom:1px solid #343944}
.match-detail-tabs button{background:transparent;border:1px solid transparent;border-radius:10px;color:#aeb8c4;min-height:46px;padding:12px 15px;font-size:12px;font-weight:770}
.match-detail-tabs button:hover{background:#ffffff0b;color:#f6e2d2}
.match-detail-tabs button.active{color:#ffc49a;background:#5637244b;border-color:#916449}
.match-detail-pane{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}
.match-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.match-info-grid>div{background:#1b232f;border:1px solid #404954;border-radius:13px;padding:18px}
.match-info-grid span{display:block;color:#9da9b8;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:720;margin-bottom:8px}
.match-info-grid strong{font-size:13px;font-weight:730;color:#f5f4f4;overflow-wrap:anywhere}
.match-step-list{display:grid;gap:11px}
.match-step{display:flex;align-items:center;justify-content:space-between;gap:13px;border:1px solid #404752;background:#1b232f;border-radius:12px;padding:14px 17px}
.match-step .index{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#563b2c;color:#ffceaa;margin-right:10px;font-weight:760}
.match-step b{color:#f7f7f8;font-size:12px}
.match-step small{color:#a0aebd;font-size:11px}
.match-comments{display:grid;gap:11px;max-height:420px;overflow-y:auto;padding:2px 2px 12px}
.match-comments .msg{margin:0}
.match-log-form{margin-top:12px}
.match-log-form button{min-height:44px}
.match-division-label{font-size:11px;font-weight:800;letter-spacing:1px;color:#f2be95;margin:12px 0 9px}
.map-pool{display:flex;flex-wrap:wrap;gap:9px}
.map-chip{border:1px solid #4a5260;border-radius:10px;background:#202732;color:#dae4f0;font-size:12px;font-weight:700;padding:11px 13px;min-height:43px}
.map-chip.picked{border-color:#4c9b78;background:#244d3f4d;color:#9df2be}
.map-chip.banned{border-color:#a25b56;background:#4d2c323d;color:#f0aba4;text-decoration:line-through}
.map-chip.decider{border-color:#d1a366;color:#ffd2a1}
.warorga-side-note{padding:14px 16px;background:#44332254;border:1px solid #a87e52;border-radius:12px;color:#e7cfb7;font-size:12px}
@media(max-width:900px){.fixture-mid{grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr)}.match-hero-score{grid-template-columns:minmax(0,1fr) 135px minmax(0,1fr)}.match-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .fixture-top,.fixture-bottom{padding:12px 13px;flex-wrap:wrap}
 .fixture-mid{padding:19px 12px;grid-template-columns:minmax(0,1fr) 75px minmax(0,1fr);gap:8px}
 .fixture-team{font-size:11px;gap:7px;flex-direction:column;text-align:center}
 .fixture-team.away{flex-direction:column;text-align:center}
 .fixture-logo{width:43px;height:43px;font-size:15px}
 .fixture-score strong{font-size:20px}
 .fixture-score small{font-size:9px}
 .match-detail-top h3{font-size:19px}
 .match-hero{padding:19px 12px}
 .match-hero-score{grid-template-columns:minmax(0,1fr) 75px minmax(0,1fr);gap:7px}
 .match-hero .fixture-team{font-size:12px}
 .match-hero .fixture-logo{height:45px;width:45px;font-size:17px}
 .match-hero .fixture-score strong{font-size:25px}
 .match-hero .fixture-score small{font-size:9px}
 .match-hero-sub{gap:9px}
 .match-info-grid{grid-template-columns:1fr 1fr;gap:9px}
 .match-info-grid>div{padding:13px}
 .match-detail-tabs{gap:2px}
 .match-detail-tabs button{font-size:11px;padding:11px 12px}
 .match-step{flex-wrap:wrap}
}
