/* assets/css/leaderboard.css */
.dashboard-header {
    background: linear-gradient(135deg, #212529 0%, #343a40 100%);
    color: white;
    padding: 1.5rem 1rem;
    border-radius: 15px;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.nav-pills .nav-link {
    background-color: #f8f9fa !important;
    color: #212529 !important;
    font-weight: 600;
    border: 1px solid #dee2e6;
    margin: 0 5px 10px 0;
    border-radius: 50px;
    padding: 8px 20px;
    transition: all 0.2s;
}
.nav-pills .nav-link:hover {
    background-color: #e9ecef !important;
    color: #000000 !important;
}
.nav-pills .nav-link.active {
    background-color: #0d6efd !important;
    color: white !important;
    border-color: #0d6efd;
    box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3);
}

.table-custom { border-collapse: separate; border-spacing: 0; }
.table-custom thead th { 
    background-color: #343a40; 
    color: white; 
    text-transform: uppercase; 
    font-size: 0.8rem; 
    border: none;
    padding: 15px;
    vertical-align: middle;
}
.table-custom tbody td { 
    vertical-align: middle; 
    padding: 12px 15px; 
    border-bottom: 1px solid #eee; 
    background: white;
}

.boat-name { font-weight: 800; font-size: 1.05rem; color: #222; }
.sail-num { font-size: 0.8rem; color: #6c757d; display: block; }

.rank-cell { font-size: 1.2rem; font-weight: bold; color: #495057; background-color: #f8f9fa !important; text-align: center; width: 60px; }
.rank-1 { color: #d4af37; } 
.rank-2 { color: #a9a9a9; } 
.rank-3 { color: #cd7f32; } 

.time-cell { font-family: 'Roboto Mono', monospace; font-weight: bold; color: #0d6efd; text-align: center; }

/* Embedded mode styles */
body.embedded-mode { 
    background: white; 
    padding: 20px; 
}
body.embedded-mode header, 
body.embedded-mode nav, 
body.embedded-mode .navbar, 
body.embedded-mode .no-print { 
    display: none !important; 
}
body.embedded-mode .nav-tabs, 
body.embedded-mode .nav-pills { 
    display: flex !important; 
}
body.embedded-mode .card { 
    border: none; 
    box-shadow: none; 
}