/*
 * Custom styles for Web Components (moved here to prevent FOUC/CSS-as-text issues)
 * These styles are linked in the Shadow DOM of CourseDetail, AllAssignmentsGlobal, etc.
 */

/* New TD coloring rules - Applied ONLY to the Grade column cell */
td.grade-a { 
    background-color: #198754; /* Green */
    color: #fff !important; 
    font-weight: bold; 
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
} 
td.grade-b { 
    background-color: #0d6efd; /* Blue */
    color: #fff !important;
    font-weight: bold; 
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
}
td.grade-c { 
    background-color: #6c757d; /* Gray/Secondary */
    color: #fff !important;
    font-weight: bold; 
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
}
td.grade-d { 
    background-color: #ffc107; /* Yellow */
    color: #000 !important; /* Darker text for warning */
    font-weight: bold; 
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
}
td.grade-e { 
    background-color: #dc3545; /* Red */
    color: #fff !important;
    font-weight: bold; 
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
}

/* General table styling */
tbody tr { border-bottom: 1px solid #333; }
.comment-button { 
    padding: 0.2rem 0.4rem; 
    line-height: 1; 
}