/* test_scores.css — /tools/alg-ranker */

/* Multi-line editor / output fields: a comfortable height and monospace text.
   The explicit `textarea.` prefix + `!important` beat Bootstrap's
   `textarea.form-control { min-height: ... }` rule (higher specificity), which
   was otherwise forcing these fields back to a couple of rows. */
textarea.algs-textarea {
    height: clamp(480px, 72vh, 960px) !important;
    min-height: clamp(480px, 72vh, 960px) !important;
    max-height: 85vh;
    resize: vertical;
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--card-item-border, transparent) !important;
    border-radius: calc(var(--card-radius, 8px) - 2px) !important;
    color: var(--text-color) !important;
    line-height: 1.5;
    tab-size: 4;
    font-size: 0.925rem;
}

.algs-textarea:focus {
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 0 0.15rem rgba(var(--accent-color-rgb), 0.25) !important;
}

/* Read-only output pane: slightly dimmed so it reads as derived content. */
textarea[readonly].algs-textarea {
    opacity: 0.9;
}

/* Import scope segmented control — keep the active slot highlighted. */
#importControls .btn-check:checked + .btn {
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: #fff !important;
}

/* Small status banner for import feedback. */
#importStatus {
    padding: 0.6rem 0.9rem;
    border-radius: calc(var(--card-radius, 8px) - 2px);
    border: 1px solid var(--card-item-border, transparent);
    background-color: var(--card-item-bg, var(--card-bg));
    font-size: 0.9rem;
}

#importStatus.is-info {
    border-color: rgba(var(--accent-color-rgb), 0.4);
    background-color: rgba(var(--accent-color-rgb), 0.08);
}

#importStatus.is-warn {
    border-color: rgba(220, 53, 69, 0.4);
    background-color: rgba(220, 53, 69, 0.08);
}

@media (max-width: 768px) {
    textarea.algs-textarea {
        height: clamp(280px, 50vh, 520px) !important;
        min-height: 280px !important;
    }
}