/**
 * responsive.css - Media queries
 *
 * Chỉ chứa các @media query để:
 *   - max-width 720px: layout mobile (single column, font nhỏ hơn)
 *   - max-width 1024px: tablet
 */

@media (max-width: 720px) { .row, .row.three, .row.four { grid-template-columns: 1fr; } body { padding: 10px; } .header { padding: 18px; } .header h1 { font-size: 18px; } .card { padding: 16px; } }

@media (max-width: 720px) { .export-row { grid-template-columns: 1fr; } }

@media (max-width: 720px) {
    .tip-popup { max-width: calc(100vw - 30px); min-width: 200px; }
}