/* Degree Classification Estimator - Custom Styles */

/* Known results - standard styling with green accent */
.result-known {
    background-color: #d1e7dd;
}

.result-known .badge {
    background-color: #198754 !important;
}

/* Estimated results - blue accent with italic text */
.result-estimated {
    background-color: #cff4fc;
    font-style: italic;
}

.result-estimated .badge {
    background-color: #0dcaf0 !important;
    color: #000 !important;
}

/* Editable result field for what-if analysis */
.result-editable {
    cursor: pointer;
    text-decoration: underline dotted;
}

.result-editable:hover {
    background-color: #fff3cd;
}

/* Inline edit input */
.inline-edit-input {
    width: 60px;
    text-align: center;
}

/* Classification result display */
.classification-display {
    font-size: 2rem;
    font-weight: bold;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.classification-first {
    background-color: #198754;
    color: white;
}

.classification-upper-second {
    background-color: #0d6efd;
    color: white;
}

.classification-lower-second {
    background-color: #ffc107;
    color: #000;
}

.classification-third {
    background-color: #fd7e14;
    color: white;
}

.classification-ordinary {
    background-color: #6c757d;
    color: white;
}

/* Weighted average display */
.weighted-average {
    font-size: 1.5rem;
    color: #495057;
}

/* Module table improvements */
#moduleTable th {
    white-space: nowrap;
}

#moduleTable td {
    vertical-align: middle;
}

/* Action buttons in table */
.btn-action {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .classification-display {
        font-size: 1.5rem;
    }

    .weighted-average {
        font-size: 1.25rem;
    }
}

/* Card header styling */
.card-header {
    background-color: #f8f9fa;
    font-weight: 500;
}

/* Form improvements */
.form-label {
    font-weight: 500;
    font-size: 0.875rem;
}

/* No modules message */
#noModulesMessage {
    padding: 2rem;
    font-style: italic;
}

/* Total credits badge */
#totalCredits {
    font-size: 0.9rem;
}