.custom-dropdown { position: relative; margin-bottom: 15px; }
.dropdown-selected {
    width: 100%; padding: 10px 40px 10px 15px; border-radius: 10px;
    border: 1px solid var(--bb-primary); background: rgba(255,107,0,0.1);
    color: #fff; font-size: 13px; cursor: pointer;
}
.dropdown-selected::after {
    content: '▼'; position: absolute; right: 15px; top: 50%;
    transform: translateY(-50%); color: var(--bb-primary); font-size: 12px;
    transition: transform 0.3s;
}
.dropdown-selected.open::after { transform: translateY(-50%) rotate(180deg); }
.dropdown-options {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    max-height: 300px; overflow-y: auto; background: #1a1a2e;
    border: 1px solid var(--bb-primary); border-top: none; border-radius: 0 0 10px 10px;
    z-index: 100;
}
.dropdown-options.show { display: block; }
.dropdown-option { padding: 10px 15px; cursor: pointer; font-size: 14px; border-bottom: 1px solid rgba(255,107,0,0.1); transition: all 0.2s; }
.dropdown-option:hover { background: rgba(255,107,0,0.2); color: var(--bb-primary); }
.dropdown-option.selected { background: rgba(255,107,0,0.3); color: var(--bb-primary); font-weight: 600; }
.dropdown-option:last-child { border-bottom: none; border-radius: 0 0 10px 10px; }
.dropdown-options::-webkit-scrollbar { width: 6px; }
.dropdown-options::-webkit-scrollbar-track { background: #1a1a2e; }
.dropdown-options::-webkit-scrollbar-thumb { background: var(--bb-primary); border-radius: 3px; }
[data-theme="light"] .dropdown-selected { color: #333; background: rgba(0,0,0,0.04); }
[data-theme="light"] .dropdown-options { background: #fff; color: #333; border-color: rgba(0,0,0,0.15); }
[data-theme="light"] .dropdown-option { color: #333; border-bottom: 1px solid rgba(0,0,0,0.08); }
[data-theme="light"] .dropdown-option:hover { background: rgba(229,90,0,0.12); color: #333; }
[data-theme="light"] .dropdown-option.selected { background: rgba(229,90,0,0.18); color: #222; }
.league-title-mini { background: rgba(0,0,0,0.5); padding: 5px 10px; display: flex; align-items: center; gap: 6px; font-weight: 500; font-size: 12px; color: #999; }
.league-title-mini i { font-size: 12px; color: #888; }
.standings-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.standings-table thead tr { background: rgba(255,107,0,0.2); }
.standings-table th { padding: 8px 10px; text-align: left; font-weight: 600; font-size: 12px; text-transform: uppercase; }
.standings-table th:not(:first-child):not(:nth-child(2)),
.standings-table td:not(:first-child):not(:nth-child(2)) { text-align: center; }
.standings-table td { padding: 6px 10px; }
.standings-table tbody tr:nth-child(odd) { background: rgba(255,255,255,0.06); }
.standings-table tbody tr:nth-child(even) { background: rgba(255,255,255,0.04); }
.standings-table tbody tr:hover { background: rgba(255,107,0,0.1); }
.standings-table .wins { color: #28a745; font-weight: 600; }
.standings-table .losses { color: #dc3545; font-weight: 600; }
.fixture-row {
    display: grid;
    grid-template-columns: 70px 1fr 50px 1fr;
    align-items: center;
    padding: 6px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.03);
}
.fixture-row:nth-child(odd) { background: rgba(255,255,255,0.06); }
.fixture-row:nth-child(even) { background: rgba(255,255,255,0.04); }
.fixture-row:hover { background: rgba(255,107,0,0.1); }
.fixture-row .fixture-time { font-size: 12px; color: var(--bb-primary); text-align: center; }
.fixture-row .fixture-time small { display: block; color: #999; }
.fixture-row .team-home { text-align: right; padding-right: 8px; font-size: 13px; }
.fixture-row .team-away { text-align: left; padding-left: 8px; font-size: 13px; }
.fixture-row .vs { text-align: center; color: #666; font-size: 12px; }
@media (max-width: 768px) {
    .standings-table { font-size: 11px !important; }
    .standings-table th, .standings-table td { padding: 5px 6px !important; }
    .fixture-row { grid-template-columns: 55px 1fr 40px 1fr !important; padding: 5px 6px !important; font-size: 11px !important; }
    .fixture-row .team-home, .fixture-row .team-away { font-size: 11px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .custom-dropdown { margin-bottom: 10px; }
    .dropdown-selected { font-size: 13px !important; padding: 8px 12px !important; }
}
@media (max-width: 480px) {
    .standings-table { font-size: 10px !important; }
    .standings-table th, .standings-table td { padding: 4px 4px !important; }
    .fixture-row { grid-template-columns: 48px 1fr 35px 1fr !important; font-size: 10px !important; }
}

.dropdown-selected { position: relative; text-align: left; }
.standings-notice { padding: 12px 14px; color: #ffb38a; }
.season-label { margin-left: 4px; }
.standings-table-wrap { overflow-x: auto; }
.standings-empty { text-align: center; color: #999; }
.fixtures-section { margin-top: 15px; }