/* ============================================
   Pages — Homepage specific + responsive
   ============================================ */

/* Card cover container (for badge positioning) */
.card-cover-wrap {
    position: relative;
}

/* Export/Import area */
.export-bar {
    display: flex;
    gap: var(--space-sm);
    margin-bottom: var(--space-lg);
    justify-content: flex-end;
}

/* Responsive overrides */
@media (max-width: 900px) {
    .stats-bar {
        gap: var(--space-xs);
    }
    .stat-number {
        font-size: var(--text-lg);
    }
    .toolbar {
        gap: var(--space-sm);
    }
    .search-box {
        max-width: 100%;
        flex: 2;
    }
    .filter-group {
        flex-shrink: 0;
    }
}

@media (max-width: 400px) {
    .stats-bar {
        flex-wrap: wrap;
    }
    .stat-item {
        flex: 1 1 calc(50% - 4px);
    }
    .tabs {
        overflow-x: auto;
        gap: 0;
    }
    .tab {
        padding: 8px 12px;
        font-size: var(--text-xs);
        white-space: nowrap;
    }
    .toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    .search-box {
        max-width: 100%;
    }
    .filter-group {
        justify-content: space-between;
    }
    .modal-box {
        max-width: 100%;
        margin: var(--space-sm);
        border-radius: var(--radius-md);
    }
    .form-row {
        grid-template-columns: 1fr;
    }
}