/**
 * CodeSync — complements Bootstrap 5 (data-bs-theme="dark" on html).
 */

.codesync-app {
    min-height: 100vh;
}

/* Ace editor */
.editor {
    width: 100%;
    min-height: 420px;
    height: min(55vh, 520px);
}

#output-content {
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 280px;
    overflow-y: auto;
}

/* Challenge list cards */
.challenge-card-hover {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.challenge-card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.35) !important;
}

.challenge-card-hover .card-title a:hover {
    color: var(--bs-primary) !important;
}

/* Navbar brand accent */
.navbar-brand.text-primary {
    color: #6ea8fe !important;
}

/* Login: subtle backdrop */
.codesync-app .navbar-dark {
    background: linear-gradient(90deg, #1a1d24 0%, #212529 100%) !important;
}

/* Admin tables: slightly tighter */
.table-responsive .table {
    font-size: 0.9rem;
}

/* Stretched link: keep badges clickable feel */
.card-body {
    position: relative;
}