/*
|--------------------------------------------------------------------------
| BLOCO: Responsividade global
|--------------------------------------------------------------------------
*/

@media (max-width: 1100px) {
    .auth-page {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel {
        padding-bottom: 10px;
    }

    .auth-form-panel {
        padding-top: 10px;
    }

    .dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-panel-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .sidebar {
        transform: translateX(-100%);
        transition: transform .25s ease;
    }

    .sidebar.is-open {
        transform: translateX(0);
    }

    .admin-main {
        margin-left: 0;
    }

    .sidebar-toggle {
        display: inline-grid;
        place-items: center;
    }

    .topbar {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .auth-brand-panel,
    .auth-form-panel {
        padding: 24px;
    }

    .auth-feature-grid,
    .dashboard-grid,
    .dashboard-mini-grid {
        grid-template-columns: 1fr;
    }

    .login-card {
        padding: 24px;
        border-radius: 24px;
    }

    .content-area {
        padding: 18px;
    }

    .topbar {
        padding: 18px;
    }

    .topbar-user {
        display: none;
    }
}


/*
|--------------------------------------------------------------------------
| BLOCO: Responsividade de clientes
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {
    .page-header-block {
        align-items: flex-start;
        flex-direction: column;
    }

    .client-search-form {
        grid-template-columns: 1fr;
    }

    .form-grid {
        grid-template-columns: 1fr;
    }

    .form-col-2,
    .form-col-3 {
        grid-column: span 1;
    }

    .form-actions {
        flex-direction: column-reverse;
    }

    .form-actions .btn {
        width: 100%;
    }
}