/*
 * fkcrm Theme Responsive Styles
 * Media queries for login page and general theme responsiveness
 */

/* Responsive Design */
@media (max-width: 1024px) {
    .crm-container {
        max-width: 95%;
    }
}

@media (max-width: 768px) {
    .crm-header-container {
        flex-direction: column;
        gap: 15px;
    }

    .crm-user-menu {
        flex-direction: column;
        gap: 10px;
    }

    .crm-dashboard-main {
        padding: 20px 10px;
    }

    .crm-container {
        max-width: 100%;
        padding: 20px;
        border-radius: 0;
    }

    .contacts-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .contacts-header-right {
        width: 100%;
    }

    .btn-primary {
        width: 100%;
        justify-content: center;
    }

    .contacts-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box {
        max-width: 100%;
    }

    .filter-buttons {
        width: 100%;
        justify-content: space-between;
    }

    .contacts-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .contacts-table {
        min-width: 800px;
    }

    .pagination {
        flex-direction: column;
        gap: 16px;
    }

    .footer-content {
        flex-direction: column;
        text-align: center;
    }

    .footer-right {
        flex-wrap: wrap;
        justify-content: center;
    }

    .login-form-wrapper {
        padding: 36px 24px;
        max-width: 100%;
    }

    .login-form-wrapper .crm-logo {
        max-width: 140px;
        margin-bottom: 28px;
    }

    .login-container {
        padding: 16px;
    }
}