/* MCP Admin — custom touches layered on top of Bootstrap 5.
   Bootstrap provides the base for buttons, tables, forms, cards, badges and alerts;
   the rules below only refine the brand palette, navbar, and a few bespoke pieces. */

:root {
    /* Brand accent — reused as Bootstrap's primary so .btn-primary, links etc. pick it up. */
    --mcp-navy: #1f2430;
    --mcp-accent: #2d6cdf;
    --bs-primary: var(--mcp-accent);
    --bs-primary-rgb: 45, 108, 223;
    --bs-link-color: var(--mcp-accent);
    --bs-link-color-rgb: 45, 108, 223;
    --bs-link-hover-color: #2356b4;
}

body {
    background: #f4f5f7;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Dark brand navbar */
.mcp-navbar {
    background: var(--mcp-navy);
}

.mcp-navbar .navbar-brand {
    color: #fff;
    letter-spacing: .2px;
}

.mcp-navbar .navbar-brand .bi {
    color: var(--mcp-accent);
}

/* Map Bootstrap's primary button to the accent (Bootstrap defaults to #0d6efd). */
.btn-primary {
    --bs-btn-bg: var(--mcp-accent);
    --bs-btn-border-color: var(--mcp-accent);
    --bs-btn-hover-bg: #2356b4;
    --bs-btn-hover-border-color: #2356b4;
    --bs-btn-active-bg: #1f4d9e;
    --bs-btn-active-border-color: #1f4d9e;
}

/* Cards: soft shadow + subtle lift on hover for the user/token groups. */
.card {
    border: 1px solid #e9ecef;
    border-radius: .65rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    transition: box-shadow .15s ease, transform .15s ease;
}

.card.card-hover:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
    transform: translateY(-1px);
}

.card-header {
    background: #fafbfc;
    font-weight: 600;
}

/* One-time raw-token reveal box. */
.token-box {
    background: var(--mcp-navy);
    color: #7ee787;
    padding: 1rem;
    border-radius: .65rem;
    font-family: ui-monospace, Consolas, monospace;
    word-break: break-all;
}

code {
    color: #b14b9c;
}

h1 {
    font-size: 1.6rem;
    font-weight: 600;
}