/*
 * Elite B2B — Responsive CSS
 * Breakpoints: tablet (1024px), mobile (640px), small (400px)
 */

/* ── Tablet ──────────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .b2b-main { padding: var(--space-5) var(--space-6); }
    .b2b-header { padding: var(--space-4) var(--space-6); }
    .b2b-statsbar { padding: var(--space-3) var(--space-6); }

    .b2b-kpi-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ── Mobile ──────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .b2b-app { margin: 0; border-radius: 0; }

    .b2b-header {
        padding: var(--space-4);
        flex-wrap: wrap;
    }

    .b2b-header__logo { font-size: var(--text-lg); }

    .b2b-main { padding: var(--space-4); }

    .b2b-kpi-grid { grid-template-columns: repeat(2, 1fr); }

    .b2b-grid--2,
    .b2b-grid--3 { grid-template-columns: 1fr; }

    .b2b-atacadistas-grid { grid-template-columns: 1fr; }

    .b2b-radio-group { grid-template-columns: 1fr; }

    .b2b-auth-card {
        padding: var(--space-6);
    }

    .b2b-modal-overlay { padding: var(--space-4); align-items: flex-end; }
    .b2b-modal { border-radius: var(--radius-xl) var(--radius-xl) 0 0; }

    .b2b-table th,
    .b2b-table td { padding: var(--space-3); font-size: var(--text-xs); }

    .b2b-cotacao-card__head { flex-wrap: wrap; }

    .b2b-lance-item { flex-direction: column; align-items: flex-start; }

    .b2b-oferta-card { flex-direction: column; }

    .b2b-oferta-card__actions { align-items: flex-start; }
}

/* ── Small mobile ────────────────────────────────────────────────────────── */
@media (max-width: 480px) {
    .b2b-kpi-grid { grid-template-columns: 1fr 1fr; gap: var(--space-3); }
    .b2b-kpi-card { padding: var(--space-4); }
    .b2b-kpi-card__value { font-size: var(--text-2xl); }

    .b2b-nav__tab { padding: var(--space-3) var(--space-3); font-size: 10px; }

    .b2b-toast {
        left: var(--space-4);
        right: var(--space-4);
        bottom: var(--space-4);
    }

    .b2b-toast__item { max-width: 100%; }
}