/* ═══════════════════════════════════════════════════════════
   B3TR Monitor — shared.css
   Shared styles linked by index.html and changelog.html
   ═══════════════════════════════════════════════════════════ */

/* ── Badge base ──────────────────────────────────────────── */
.badge,
.version-badge {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
    line-height: 1.6;
    vertical-align: middle;
}

/* Coloured variants */
.badge-blue   { background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff; }
.badge-purple { background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; }
.badge-green  { background: linear-gradient(135deg, #10b981, #059669); color: #fff; }
.badge-amber  { background: linear-gradient(135deg, #f59e0b, #d97706); color: #fff; }

/* Neutral — small, muted, no colour */
.badge-neutral {
    background: #e2e8f0;
    color: #64748b;
    font-size: 0.7em;
    font-weight: 600;
    padding: 2px 8px;
    letter-spacing: 0.04em;
}

/* ── version-badge overrides ─────────────────────────────── */

/* "Dashboard" label in index header — keep the blue gradient */
.version-badge {
    font-size: 0.35em;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #fff;
    padding: 4px 10px;
    border-radius: 16px;
    font-weight: 600;
}

/* v2.0.0 pill — small, neutral */
.version-badge.v-number {
    background: #e2e8f0;
    color: #64748b;
    font-size: 0.28em;
    font-weight: 700;
    padding: 3px 9px;
    letter-spacing: 0.05em;
}

/* ── Overflow / wrapping fixes ───────────────────────────── */

/*
 * Prevents long code-tag chains inside flex list items
 * from punching outside the card / wrapper boundaries.
 */
.change-list li {
    flex-wrap: wrap;
    overflow-wrap: break-word;
    word-break: break-word;
    min-width: 0;
}

.change-list li code {
    overflow-wrap: break-word;
    word-break: break-all;
    max-width: 100%;
}

/* Wrapper never exceeds viewport width */
.wrapper {
    max-width: 900px;
    margin: 0 auto;
    overflow-x: hidden;
}

/* Sections clip any stray child overflow */
.section,
.release,
.stat-card {
    overflow-x: hidden;
}

/* ── Shared link style ───────────────────────────────────── */
.changelog-link {
    color: #667eea;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.8em;
}

.changelog-link:hover {
    text-decoration: underline;
}