/* Traffic Engine — custom styles */

body {
    min-height: 100vh;
}

/* ─── Dark mode overrides ─────────────────────────────────────────────────── */
[data-bs-theme="dark"] body {
    background-color: #0f1117;
}

[data-bs-theme="dark"] .navbar {
    background-color: #161b22;
}

[data-bs-theme="dark"] .navbar-brand {
    color: #58a6ff !important;
}

[data-bs-theme="dark"] .card {
    background-color: #161b22;
    border-color: #30363d;
}

[data-bs-theme="dark"] .card-header {
    background-color: #1c2129;
    border-color: #30363d;
}

[data-bs-theme="dark"] .list-group-item {
    background-color: transparent;
    border-color: #30363d;
}

[data-bs-theme="dark"] .modal-content {
    background-color: #161b22;
    border-color: #30363d;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: #0d1117;
    border-color: #30363d;
    color: #c9d1d9;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: #0d1117;
    border-color: #58a6ff;
    color: #c9d1d9;
    box-shadow: 0 0 0 0.2rem rgba(88, 166, 255, 0.25);
}

[data-bs-theme="dark"] .btn-primary {
    background-color: #238636;
    border-color: #238636;
}

[data-bs-theme="dark"] .btn-primary:hover {
    background-color: #2ea043;
    border-color: #2ea043;
}

[data-bs-theme="dark"] .img-thumbnail {
    background-color: #0d1117;
    border-color: #30363d;
}

[data-bs-theme="dark"] #previewBody h2,
[data-bs-theme="dark"] #previewBody h3 {
    color: #c9d1d9;
}

/* ─── Light mode overrides ────────────────────────────────────────────────── */
[data-bs-theme="light"] .navbar {
    background-color: #ffffff;
    border-bottom-color: #dee2e6;
}

[data-bs-theme="light"] .navbar-brand {
    color: #0d6efd !important;
}

[data-bs-theme="light"] .btn-primary {
    background-color: #238636;
    border-color: #238636;
}

[data-bs-theme="light"] .btn-primary:hover {
    background-color: #2ea043;
    border-color: #2ea043;
}

/* ─── Shared ──────────────────────────────────────────────────────────────── */
.table {
    --bs-table-bg: transparent;
}

.display-6 {
    color: #58a6ff;
}

#previewBody {
    max-height: 60vh;
    overflow-y: auto;
}

#previewBody h2,
#previewBody h3 {
    margin-top: 1.2rem;
}

#previewBody p {
    line-height: 1.7;
}

/* ─── Opportunity cards ──────────────────────────────────────────────────── */
.opportunity-card {
    transition: border-color 0.2s ease;
}

.opportunity-card:hover {
    border-color: #58a6ff;
}

.score-bar {
    height: 6px;
    border-radius: 3px;
    background: #e9ecef;
    min-width: 60px;
}

.score-bar-fill {
    height: 100%;
    border-radius: 3px;
}

[data-bs-theme="dark"] .score-bar {
    background: #30363d;
}

/* Theme toggle button */
.theme-toggle {
    background: none;
    border: none;
    font-size: 1.2rem;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.15s;
}

.theme-toggle:hover {
    opacity: 1;
}