.predictions-date-header {display: flex;align-items: center;gap: 12px;padding: 12px 0;border-bottom: 2px solid #e2e8f0;margin-bottom: 8px; flex-direction: row; flex-wrap: nowrap;}
.predictions-date-header img {width: 30px;}
.table-responsive {overflow-x: auto;margin: 1.5rem 0;border-radius: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);-webkit-overflow-scrolling: touch;}
.predictions-table {width: 100%;border-collapse: collapse;background: white;min-width: 800px;}
.predictions-table thead {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;}
.predictions-table th {padding: 0.7rem 0.4rem 0.7rem 0.4rem;font-weight: 600;font-size: 0.8rem;text-transform: uppercase;}
.predictions-table tbody tr {border-bottom: 1px solid #e5e7eb;}
.predictions-table tbody tr:hover {background-color: #f9fafb;}
.predictions-table tbody tr:last-child {border-bottom: none;}
.predictions-table td {padding: 0 0.9rem;font-size: 0.875rem;}
.prediction-hint {display: block;font-size: 0.72rem;color: #9ca3af;margin-top: 2px;}
.time-cell {color: #6b7280;font-weight: 600;white-space: nowrap;min-width:60px; text-align:center;}
.match-cell {min-width: 370px;}
.match-teams {display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap;padding: 1rem;justify-content:center;}
.team-logo-small {width: 20px;height: 20px;object-fit: contain;}
.home-team, .away-team {color: #1f2937;font-weight: 500;}
.vs {color: #55595f;font-size: 0.85rem;}
.league-cell {color: #6b7280;font-size: 0.9rem;}
.prediction-cell {min-width: 100px;font-weight: 700;color: #2563eb;text-align:center;}
.prediction-value {color: #1f2937;}
.confidence-cell {min-width: 90px;text-align:center;}
.prob-cell {min-width: 90px;text-align: center;}
.prob-badge {display: inline-block;padding: 0.25rem 0.5rem;border-radius: 6px;font-weight: 700;font-size: 0.85rem;white-space: nowrap;}
.prob-high {background: #dcfce7;color: #166534;}
.prob-medium {background: #fef3c7;color: #92400e;}
.prob-low {background: #fee2e2;color: #991b1b;}
.odds-cell {min-width: 60px;text-align: center;white-space: nowrap;font-weight: 700;color: #22c55e;font-size: 1rem;}
.odd-link {display: inline-block;padding: 0.35rem 0.75rem;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;text-decoration: none;border-radius: 6px;font-weight: 600;}
.odd-link:hover {transform: translateY(-2px);}
.odd-unavailable {color: #52565c;font-style: italic;}
.btts-cell,.goals-cell {width: 140px;}
.bet-info {display: flex;flex-direction: row;gap: 0.4rem;align-items: center;justify-content: center;}
.bet-label {font-size: 0.85rem;color: #1f2937;font-weight: 500;white-space: nowrap;}
.results-grid {display: grid;grid-template-columns: 1fr;gap: 1rem;margin: 1.5rem 0;}
.results-column {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.results-table-wrapper {border-radius: 8px;box-shadow: 0 2px 6px rgba(0,0,0,0.08);background: white;}
.results-table {width: 100%;border-collapse: collapse;background: white;min-width: 320px;}
.results-table-compact {font-size: 0.8rem;}
.results-table thead {background: linear-gradient(135deg, #10b981 0%, #059669 100%);color: white;}
.results-table th {padding: 0.5rem;text-align: left;font-weight: 600;font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.3px;white-space: nowrap;}
.results-table th.text-right {text-align: right;}
.results-table th.date-column {width: 60px;text-align: center;}
.results-table th.score-column {text-align: center;width: 70px;}
.results-table tbody tr {border-bottom: 1px solid #e5e7eb;}
.results-table tbody tr:hover {background-color: #f0fdf4;}
.results-table tbody tr:last-child {border-bottom: none;}
.results-table td {padding: 0.5rem;font-size: 0.75rem;}
.date-cell {color: #6b7280;font-weight: 600;white-space: nowrap;text-align: center;font-size: 0.7rem;}
.team-cell {color: #1f2937;font-weight: 500;}
.team-cell.text-right {text-align: right;}
.team-name {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.score-cell {text-align: center;font-weight: 700;}
.score-badge {display: inline-block;padding: 0.3rem 0.5rem;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;border-radius: 6px;font-size: 0.85rem;font-weight: 700;letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);white-space: nowrap;}
.score-badge-compact {padding: 0.25rem 0.4rem;font-size: 0.8rem;border-radius: 4px;}
.form-cell {min-width: 110px;text-align: center;}
.team-form {display: inline-flex;gap: 2px;font-family: 'Courier New', monospace;font-weight: 700;font-size: 0.85rem;}
.team-form span {display: inline-block;width: 16px;height: 16px;line-height: 16px;text-align: center;border-radius: 3px;font-size: 0.75rem;}
.form-win {background: #10b981;color: white;}
.form-draw {background: #f59e0b;color: white;}
.form-loss {background: #ef4444;color: white;}
.form-unknown {background: #e5e7eb;color: #9ca3af;}
.more-tips-block {background: #f9fafb;border: 1px solid #e5e7eb;border-radius: 12px;padding: 1.25rem 1.5rem;margin-bottom: 2rem;}
.more-tips-title {color: #1f2937;font-size: 1rem;font-weight: 600;margin: 0 0 1rem 0;text-transform: uppercase;letter-spacing: 0.5px;}
.more-tips-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 0.75rem;}
.more-tips-card {display: flex;flex-direction: row;align-items: center;gap: 0.5rem;padding: 0.75rem 0.5rem;background: white;border-radius: 8px;border: 1px solid #e5e7eb;text-decoration: none;text-align: center;}
.more-tips-card:hover {border-color: #667eea;box-shadow: 0 2px 8px rgba(102, 126, 234, 0.2);transform: translateY(-2px);}
.league-logo-small {width: 32px;height: 32px;object-fit: contain;}
.league-logo-placeholder {font-size: 1.5rem;line-height: 32px;width: 32px;height: 32px;display: inline-block;text-align: center;}
.more-tips-card .league-name {color: #374151;font-size: 0.78rem;font-weight: 500;line-height: 1.3;word-break: break-word;hyphens: auto;}
.more-tips-card:hover .league-name {color: #667eea;}
.league-header-text {display: flex;flex-direction: column;gap: 2px;}
.league-header-text h2 {margin: 0;font-size: 1.1rem;}
.league-country {font-size: 0.8rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px;}
.predictions-date-header--results {background: linear-gradient(135deg, #1e3a5f 0%, #2d6a9f 100%);margin-top: 2rem;}
.predictions-date-header--results h2 {padding-left: 15px; color: #fff; }
.predictions-table--results .result-row {background-color: #fafafa;}
.prediction-value.prediction-unknown,.prediction-unknown {color: #55595f;font-style: italic;font-size: 0.85rem;}
.result-cell {white-space: nowrap;}
.result-score {font-size: 1rem;font-weight: 700;color: #1f2937;letter-spacing: 0.04em;}
.result-status {display: inline-block;margin-left: 6px;font-size: 0.68rem;font-weight: 600;background: #6b7280;color: #fff;padding: 1px 5px;border-radius: 3px;text-transform: uppercase;}
.predictions-date-header--upcoming-round {background: linear-gradient(135deg, #065f46 0%, #059669 100%);margin-top: 1.5rem;}
.predictions-date-header--upcoming-round h2 {padding-left: 15px; color: #fff; }
.result-time-cell {white-space: normal;min-width: 110px;}
.odd-result {font-weight: 700;color: #6b7280;}
@media (max-width: 1024px) {.more-tips-grid {grid-template-columns: repeat(4, 1fr);}}
@media (max-width: 768px) {
.more-tips-block {padding: 1rem;}
.more-tips-grid {grid-template-columns: repeat(3, 1fr);gap: 0.6rem;}
.more-tips-card {padding: 0.6rem 0.4rem;}
.league-logo-small {width: 28px;height: 28px;}
.more-tips-card .league-name {font-size: 0.72rem;}
.team-form span {width: 14px;height: 14px;line-height: 14px;font-size: 0.65rem;}
}
@media (max-width: 480px) {
.more-tips-grid {grid-template-columns: repeat(2, 1fr);gap: 0.5rem;}
.more-tips-card {padding: 0.5rem 0.3rem;gap: 0.35rem;}
.league-logo-small {width: 24px;height: 24px;}
.league-logo-placeholder {font-size: 1.25rem;width: 24px;height: 24px;line-height: 24px;}
.more-tips-card .league-name {font-size: 0.65rem;}
}
@media (max-width: 320px) {
.results-table {min-width: 300px;}
.results-table th {padding: 0.4rem 0.2rem;font-size: 0.65rem;}
.results-table td {padding: 0.4rem 0.2rem;font-size: 0.65rem;}
.results-table th.date-column {width: 45px;}
.team-name {max-width: 60px;}
.date-cell {font-size: 0.6rem;}
.score-badge-compact {padding: 0.2rem 0.25rem;font-size: 0.7rem;}
}
@media (min-width: 321px) and (max-width: 480px) {
.results-table th {padding: 0.5rem 0.3rem;font-size: 0.7rem;}
.results-table td {padding: 0.5rem 0.3rem;font-size: 0.7rem;}
.results-table th.date-column {width: 50px;}
.team-name {max-width: 80px;}
.date-cell {font-size: 0.65rem;}
.score-badge-compact {padding: 0.2rem 0.3rem;font-size: 0.75rem;}
}
@media (min-width: 481px) {
.results-table th {padding: 0.6rem;font-size: 0.8rem;}
.results-table td {padding: 0.6rem;font-size: 0.8rem;}
.results-table th.date-column {width: 60px;}
.team-name {max-width: 140px;}
.date-cell {font-size: 0.75rem;}
.score-badge-compact {padding: 0.3rem 0.5rem;font-size: 0.85rem;}
}
@media (min-width: 768px) {
.results-grid {grid-template-columns: 1fr 1fr;gap: 1.5rem;}
.results-table-wrapper {border-radius: 10px;}
.results-table th {padding: 0.75rem;font-size: 0.85rem;}
.results-table td {padding: 0.75rem;font-size: 0.85rem;}
.results-table th.date-column {width: 65px;}
.team-name {max-width: 120px;}
.date-cell {font-size: 0.8rem;}
.score-badge-compact {padding: 0.35rem 0.6rem;font-size: 0.9rem;}
}
@media (min-width: 968px) {
.results-table th {padding: 0.85rem;font-size: 0.9rem;}
.results-table td {padding: 0.85rem;font-size: 0.9rem;}
.results-table th.date-column {width: 70px;}
.team-name {max-width: 140px;}
.date-cell {font-size: 0.85rem;}
.score-badge-compact {padding: 0.4rem 0.7rem;font-size: 0.95rem;}
}
@media (min-width: 1024px) {
.results-grid {gap: 2rem;}
.results-table-wrapper {border-radius: 12px;}
.results-table th {padding: 1rem;font-size: 0.95rem;}
.results-table td {font-size: 0.95rem;}
.results-table th.score-column {width: 80px;}
.results-table th.date-column {width: 70px;}
.team-name {max-width: 160px;}
.date-cell {font-size: 0.85rem;}
.score-badge-compact {padding: 0.45rem 0.8rem;font-size: 1rem;}
}
@media (min-width: 1200px) {
.results-table th {padding: 1.1rem;}
.results-table th.date-column {width: 75px;}
.team-name {max-width: 180px;}
.date-cell {font-size: 0.9rem;}
.score-badge-compact {padding: 0.5rem 0.9rem;font-size: 1.05rem;}
}