/* ── Squad Manager — Base Styles ─────────────────────────────────────────── */

:root {
    --sm-nav-bg:      #080d18;
    --sm-accent:      #3b82f6;
    --sm-accent-dark: #1d4ed8;
}

/* ── Nav ─────────────────────────────────────────────────────────────────── */
.sm-nav {
    background-color: var(--sm-nav-bg);
    border-bottom: 2px solid var(--sm-accent);
    padding: 0.6rem 1rem;
}

.sm-nav .navbar-brand { color: var(--sm-accent) !important; letter-spacing: 0.03em; }
.sm-nav .nav-link     { color: rgba(255,255,255,.75) !important; }
.sm-nav .nav-link:hover,
.sm-nav .nav-link.active { color: #fff !important; }

.sm-ag-btn {
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
    font-weight: 600;
}
.sm-ag-btn:hover { background: rgba(255,255,255,.2); color: #fff; }

.sm-role-badge {
    background: var(--sm-accent);
    font-size: .65rem;
    text-transform: capitalize;
    vertical-align: middle;
}

/* ── Cards ───────────────────────────────────────────────────────────────── */
.card {
    border: none;
    border-radius: .75rem;
    box-shadow: 0 1px 6px rgba(0,0,0,.08);
}
.card-header {
    background: transparent;
    border-bottom: 1px solid rgba(0,0,0,.08);
    font-weight: 600;
}

/* Stat tiles on dashboard */
.sm-stat-card {
    border-radius: .75rem;
    color: #fff;
    padding: 1.25rem 1.5rem;
}
.sm-stat-card .sm-stat-value { font-size: 2.25rem; font-weight: 700; line-height: 1; }
.sm-stat-card .sm-stat-label { font-size: .8rem; opacity: .85; margin-top: .25rem; }

/* ── Tables ──────────────────────────────────────────────────────────────── */
.table th { font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: #6c757d; }
.table td { vertical-align: middle; }

/* ── Forms ───────────────────────────────────────────────────────────────── */
.form-label { font-weight: 500; }

/* ── Skill bars ──────────────────────────────────────────────────────────── */
.progress { border-radius: .4rem; background: #e9ecef; }
.progress-bar { font-size: .7rem; font-weight: 600; border-radius: .4rem; }

/* ── Login page ──────────────────────────────────────────────────────────── */
.sm-login-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sm-nav-bg);
}
.sm-login-card {
    width: 100%;
    max-width: 400px;
    border-radius: 1rem;
    box-shadow: 0 8px 32px rgba(0,0,0,.35);
}
.sm-login-logo {
    font-size: 2rem;
    color: var(--sm-accent);
    text-align: center;
    margin-bottom: .5rem;
}

/* ── Utilities ───────────────────────────────────────────────────────────── */
.text-accent { color: var(--sm-accent) !important; }
.bg-accent   { background-color: var(--sm-accent) !important; }

/* Team colour dot */
.team-dot {
    display: inline-block;
    width: 10px; height: 10px;
    border-radius: 50%;
    margin-right: .35rem;
    vertical-align: middle;
}