@media (max-width: 768px) {
    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    body {
        padding: 12px;
        height: auto;
        min-height: 100vh;
    }

    .container,
    .main-container {
        width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
        gap: 16px;
    }

    .column {
        min-width: 0;
        width: 100%;
    }

    .form-section {
        flex: 1 1 100%;
        position: static;
        padding: 20px;
    }

    .status-section {
        min-width: 0;
        width: 100%;
    }

    .top-bar,
    .navbar {
        flex-wrap: wrap;
        gap: 12px;
    }

    .user-info {
        line-height: 1.8;
    }

    .dashboard-cards {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .admin-chat {
        min-width: 0;
    }

    .consulta-wrapper {
        padding: 0 12px;
    }

    .consulta-info-panel {
        padding: 18px;
    }

    .security-card,
    .login-wrapper,
    .main-container {
        box-sizing: border-box;
        padding: 24px;
    }
}