/**
 * FastAdmin member center skin — uses site-tokens.css (panels, nav, buttons).
 */

body {
    font-family: var(--site-font);
    background: var(--site-bg);
    color: var(--site-text);
}

.content {
    padding-top: 20px;
    padding-bottom: 40px;
}

/* Top navbar */
.navbar-white.navbar-fixed-top {
    border-bottom: 1px solid var(--site-border);
    box-shadow: var(--site-shadow-sm);
}

.navbar-brand {
    font-weight: 600;
    color: var(--site-text) !important;
}

/* Sidebar */
.sidenav .list-group-heading {
    color: var(--site-text-soft);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 14px 16px 8px;
    background: transparent;
    border: 0;
}

.sidenav .list-group-item {
    border-color: var(--site-border-soft);
    border-left: 3px solid transparent;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.sidenav .list-group-item a {
    color: var(--site-text);
}

.sidenav .list-group-item:hover {
    background: var(--site-primary-soft);
}

.sidenav .list-group-item.active,
.sidenav .list-group-item.active:hover {
    background: var(--site-primary-soft);
    border-left-color: var(--site-primary);
}

.sidenav .list-group-item.active a,
.sidenav .list-group-item.active a:hover {
    color: var(--site-primary-dark);
    font-weight: 600;
}

.sidenav .list-group-item .badge {
    background: var(--site-primary);
}

/* Main panels — all member pages with #content-container */
#content-container .panel-default {
    border-color: var(--site-border);
    border-radius: var(--site-radius-lg);
    box-shadow: var(--site-shadow);
    border: 1px solid var(--site-border);
}

#content-container .panel-body {
    padding: 22px 24px 24px;
}

#content-container h2.page-header,
#content-container .page-title {
    margin: 0 0 4px;
    padding-bottom: 0;
    border-bottom: 0;
    font-size: var(--site-title-size);
    font-weight: 600;
    color: var(--site-text);
}

#content-container .page-subtitle,
#content-container .text-muted {
    color: var(--site-text-muted);
}

#content-container .page-header .btn,
#content-container .btn-primary {
    background: linear-gradient(135deg, var(--site-primary-light) 0%, var(--site-primary) 100%);
    border-color: var(--site-primary);
    border-radius: var(--site-radius-sm);
}

#content-container .btn-primary:hover,
#content-container .btn-primary:focus {
    background: var(--site-primary-dark);
    border-color: var(--site-primary-dark);
}

#content-container .btn-default {
    border-radius: var(--site-radius-sm);
    border-color: var(--site-border);
}

#content-container .form-control {
    border-radius: var(--site-radius-sm);
    border-color: var(--site-border);
}

#content-container .form-control:focus {
    border-color: var(--site-primary-light);
    box-shadow: 0 0 0 3px var(--site-primary-glow);
}

#content-container .table-bordered {
    border-color: var(--site-border);
}

#content-container .table-bordered > thead > tr > th {
    background: var(--site-border-soft);
    border-color: var(--site-border);
    color: var(--site-text);
    font-weight: 600;
}

#content-container .pagination > li > a {
    border-radius: var(--site-radius-sm);
    color: var(--site-primary);
}

#content-container .pagination > .active > a {
    background: var(--site-primary);
    border-color: var(--site-primary);
}

#content-container .alert {
    border-radius: var(--site-radius);
}

#content-container .progress {
    border-radius: 999px;
    background: var(--site-border-soft);
}

#content-container .progress-bar-success {
    background-color: var(--site-success);
}

#content-container .progress-bar-info {
    background-color: var(--site-primary-light);
}

/* User center cards */
#content-container .points-card {
    border-radius: var(--site-radius);
    border-color: var(--site-accent-border);
    background: linear-gradient(135deg, var(--site-accent-soft) 0%, var(--site-surface) 100%);
}

#content-container .points-card .points-value {
    color: var(--site-accent);
}