/* Custom styles for the status page */
/* Match the index page's "镜像列表" h3 so the 同步状态 heading reads the same. */
.status-list-container h3 {
    color: #0A77FF;
    font-weight: 700;
}

.stat-item {
    padding: 0.5rem 0;
}

.stat-number {
    font-size: 1.5rem;
    font-weight: bold;
}

.stat-label {
    margin-top: 0.25rem;
}

.status-legend .badge {
    width: 60px;
    text-align: center;
}

.table td {
    vertical-align: middle;
}

.mirror-name {
    font-weight: 500;
    color: #0A77FF;
}

.mirror-size {
    font-size: 0.875rem;
    color: #6c757d;
}

/* Prevent line breaks in time columns */
.table td.small {
    white-space: nowrap;
    font-size: 0.8rem;
}

@media (max-width: 991.98px) {
    .sidebar-container { margin-top: 2rem; }
}

/* Match the index sidebar: cap card column width + center in col-lg-4 */
.sidebar-content {
    max-width: 340px;
    margin: 0 auto;
}

.status-card {
    border: 1px solid #dee2e6;
}

.status-card-header,
.status-card-header h1,
.status-card-header h5,
.status-card-header i,
.status-card-header small {
    background-color: #0A77FF;
    color: #ffffff !important;
}
.status-card-header { background-color: #0A77FF; }

.status-card-header-light {
    background-color: #f8f9fa;
}

.progress-8 {
    height: 8px;
}

@media (prefers-color-scheme: dark) {
    .mirror-name { color: var(--primary-color); }
    .mirror-size { color: var(--text-secondary); }

    .status-card { border-color: #3a4154; background: #2C3444; }
    .status-card-header { background-color: #374155; color: var(--text-primary); }
    .status-card-header-light { background-color: #374155; color: var(--text-primary); }

    .sidebar-content { scrollbar-color: var(--primary-color) #1a1d24; }
    .sidebar-content::-webkit-scrollbar-track { background: #1a1d24; }
    .sidebar-content::-webkit-scrollbar-thumb { background: var(--primary-color); }
    .sidebar-content::-webkit-scrollbar-thumb:hover { background: var(--primary-hover); }
}