/* General container styling */
.roster-container {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 10px;
}

/* Table Styling */
.roster-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;
}

.roster-table th, .roster-table td {
    border: 1px solid #ccc;
    padding: 8px;
    white-space: nowrap;
}

.roster-table th {
    background-color: #f4f4f4;
}

.roster-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Status-Based Row Coloring */
.good-out-row {
    background-color: #d4edda !important; /* Light green */
}

.bad-out-row {
    background-color: #f8d7da !important; /* Light red */
}

.retired-row {
    background-color: #fff3cd !important; /* Light yellow */
}

/* Error & No Records Message */
.error-message {
    color: red;
    font-weight: bold;
    text-align: center;
}

.no-records {
    text-align: center;
    color: red;
    font-weight: bold;
}

/* Search & Input Fields */
.search-box {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.input-field {
    width: 100%;
    padding: 4px;
    border: 1px solid #ccc;
}

/* Buttons */
.action-btn, .acknowledge-save {
    padding: 6px 12px;
    font-size: 14px;
    background-color: #0073aa;
    color: white;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}

.action-btn:hover, .acknowledge-save:hover {
    background-color: #005177;
}