/* Styles for Crew Audits Leaderboard plugin - this was annoying */

/* Container and refresh bar */
.crew-refresh-bar {
    margin-bottom: 10px;
}
.crew-last-updated-label {
    font-weight: bold;
    margin-right: 5px;
}
#crew-refresh-btn {
    margin-left: 15px;
    padding: 5px 10px;
    cursor: pointer;
}

/* Table styling */
.crew-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    margin-bottom: 20px;
}
.crew-table th, .crew-table td {
    padding: 8px 12px;
    text-align: left;
}
.crew-table thead th {
    background: #f0f0f0;
    font-weight: 600;
}
#crew-leaderboard {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
#crew-leaderboard thead th {
    background: #2A7D2E;
    color: #fff;
}
.score-cell {
    text-align: center;
}
.crew-table tbody tr:nth-child(even) {
    background: #fbfbfb;
}

/* Score-based highlight colors */
.score-good { background: #d4edda; }
.score-warn { background: #fff3cd; }
.score-bad  { background: #f8d7da; }

/* Flash animation for new/updated entries */
@keyframes flash {
    from { background-color: #ffff99; }
    to   { background-color: transparent; }
}
.highlight-row td {
    animation: flash 2s ease-out;
}

/* Pagination buttons */
.crew-pagination {
    text-align: center;
    margin: 10px 0;
}
.crew-pagination button:disabled {
    opacity: 0.5;
    cursor: default;
}

/* Horizontal dividers for audit rows */
.audit-row {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* Updated: Production Notes styling to match leaderboard box */
.notes-box {
    background: #ffffff; /* solid white to match top leaderboard rows */
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 16px 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.notes-box h2 {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 600;
    color: #2A7D2E;
}
.notes-box h3 {
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.notes-box p {
    margin: 6px 0;
    color: #444;
    font-size: 14px;
}