/* ====================================
   Dataset List Page Styles
   ==================================== */

/* Stats Section */
.stats {
    background: var(--surface-alt);
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stat-number {
    font-size: 2em;
    font-weight: bold;
    color: var(--primary-color);
}

.stat-label {
    color: var(--text-secondary);
    font-size: 0.9em;
}

/* Search Box */
.search-box {
    margin-bottom: 30px;
}

/* .search-input uses the shared form-control styling from style.css so it
   matches inputs and selects on every other page. */

/* Dataset List Page Responsive */
@media (max-width: 768px) {
    .stats {
        flex-direction: column;
        gap: 15px;
    }
}