:root,
[data-bs-theme="light"] {
    --jr-border: #d8dee6;
    --jr-surface: #f7f9fb;
}

[data-bs-theme="dark"] {
    --jr-border: #2b3035;
    --jr-surface: #1b1f22;
}

body {
    background: var(--bs-body-bg);
}

.metric,
.settings-panel,
.download-panel {
    border: 1px solid var(--jr-border);
    border-radius: 8px;
    padding: 1rem;
    background: var(--jr-surface);
}

.metric span {
    display: block;
    color: var(--bs-secondary-color);
    font-size: .9rem;
}

.metric strong {
    display: block;
    font-size: 2rem;
    line-height: 1.2;
}

.wrap-code {
    white-space: normal;
    overflow-wrap: anywhere;
}

.action-cell {
    min-width: 260px;
}

.install-command {
    background: #18202b;
    border-radius: 8px;
    color: #eef3f8;
    font-size: .85rem;
    margin-bottom: 0;
    overflow-x: auto;
    padding: 1rem;
}

@media (max-width: 575.98px) {
    .table {
        font-size: .92rem;
    }
}