.dl-widget {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #e2e8f0; background: #0f172a; border-radius: 10px;
    padding: 24px; max-width: 900px; margin: 0 auto; box-sizing: border-box;
}
.dl-widget * { box-sizing: border-box; }

.dl-tabs { display:flex; gap:4px; margin-bottom:24px; background:#1e293b; border-radius:8px; padding:4px; width:fit-content; }
.dl-tab-btn { display:inline-flex; align-items:center; gap:7px; padding:8px 20px; border:none; border-radius:6px; font-size:14px; font-weight:600; cursor:pointer; background:transparent; color:#94a3b8; transition:background .15s,color .15s; }
.dl-tab-btn svg { width:15px; height:15px; flex-shrink:0; }
.dl-tab-btn.active { background:#1d4ed8; color:#fff; }
.dl-tab-panel { display:none; }
.dl-tab-panel.active { display:block; }

.dl-division-block { margin-bottom:32px; }
.dl-division-header { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.dl-division-title { font-size:20px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:#f1f5f9; margin:0; white-space:nowrap; }
.dl-division-line { flex:1; height:1px; background:#334155; }

.dl-table-wrap { border:1px solid #1e293b; border-radius:8px; overflow:hidden; background:rgba(30,41,59,.4); }
.dl-table { width:100%; border-collapse:collapse; font-size:14px; }
.dl-table thead { background:rgba(30,41,59,.7); }
.dl-table thead th { padding:10px 14px; text-align:center; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#64748b; }
.dl-table thead th.dl-team-col { text-align:left; }
.dl-table tbody tr { border-top:1px solid rgba(51,65,85,.5); transition:background .1s; }
.dl-table tbody tr:hover { background:rgba(30,41,59,.5); }
.dl-table tbody tr.dl-leader { background:rgba(29,78,216,.07); }
.dl-table td { padding:12px 14px; text-align:center; font-weight:700; }
.dl-table td.dl-team-col { text-align:left; color:#f1f5f9; }
.dl-table td.dl-pos { color:#94a3b8; }
.dl-table td.dl-pts { color:#3b82f6; font-size:17px; }
.dl-table td.dl-won { color:#4ade80; }
.dl-table td.dl-lost { color:#f87171; }
.dl-table td.dl-played, .dl-table td.dl-diff, .dl-table td.dl-lf, .dl-table td.dl-la { color:#94a3b8; }
.dl-trophy { color:#3b82f6; font-size:18px; }
.dl-empty-cell { text-align:center; color:#475569; padding:24px; }
.dl-empty { border:1px solid #1e293b; border-radius:8px; padding:40px 20px; text-align:center; color:#475569; background:rgba(30,41,59,.4); }

.dl-fixtures-list { display:flex; flex-direction:column; gap:10px; }
.dl-fixture-card { background:rgba(30,41,59,.4); border:1px solid rgba(29,78,216,.2); border-radius:8px; padding:16px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.dl-fixture-team { flex:1; min-width:100px; }
.dl-fixture-team.home { text-align:right; }
.dl-fixture-team.away { text-align:left; }
.dl-fixture-team-name { font-weight:700; font-size:15px; color:#f1f5f9; }
.dl-fixture-team-label { font-size:11px; color:#64748b; margin-top:2px; }
.dl-fixture-vs { background:rgba(29,78,216,.15); border:1px solid rgba(29,78,216,.3); border-radius:6px; padding:6px 16px; font-weight:800; color:#3b82f6; font-size:13px; text-transform:uppercase; letter-spacing:.1em; white-space:nowrap; }
.dl-fixture-meta { display:flex; flex-direction:column; align-items:flex-end; gap:4px; white-space:nowrap; }
.dl-fixture-date { font-size:12px; color:#64748b; }
.dl-fixture-division { font-size:11px; color:#3b82f6; background:rgba(29,78,216,.15); border-radius:4px; padding:2px 7px; }

@media (max-width:600px) {
    .dl-hide-sm { display:none; }
    .dl-table td, .dl-table thead th { padding:10px 8px; }
    .dl-widget { padding:14px; }
    .dl-tab-btn { padding:7px 14px; font-size:13px; }
    .dl-fixture-card { flex-direction:column; align-items:center; text-align:center; }
    .dl-fixture-team.home, .dl-fixture-team.away { text-align:center; }
    .dl-fixture-meta { align-items:center; }
}