/* ===================================
   VERTEX DASHBOARD - MOBILE FIXES
   Дополнительные исправления для MacBook и всех устройств
   =================================== */

/* Предотвращение горизонтального скролла */
html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

.container,
.section,
.card,
.table-responsive,
.stats-grid,
.broker-grid,
.certificates-grid {
    max-width: 100%;
    overflow-x: hidden;
}

/* Исправление для длинных текстов */
p, span, div {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Адаптация навигации для MacBook */
@media (min-width: 1280px) and (max-width: 1440px) {
    .navbar-menu {
        gap: 4px;
    }
    
    .nav-link {
        font-size: 12px;
        padding: 7px 10px;
    }
}

/* Адаптация для MacBook Air 13" (1440x900) */
@media (width: 1440px) and (height: 900px) {
    .container {
        max-width: 1300px;
    }
    
    .nav-link span {
        font-size: 11px;
    }
}

/* Адаптация для MacBook Pro 13-14" (2560x1600) */
@media (min-width: 2560px) {
    .container {
        max-width: 1600px;
    }
}

/* Исправление модальных окон */
.modal-dialog {
    max-width: min(600px, 90vw);
}

/* Исправление для inline стилей с grid */
[style*="grid-template-columns"] {
    max-width: 100%;
}

/* Улучшенная прокрутка для Safari (MacBook) */
.table-responsive {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

/* Webkit scrollbar styling для MacBook */
.table-responsive::-webkit-scrollbar {
    height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
    background: var(--bg-secondary);
    border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: var(--accent-purple);
}

/* Исправление кнопок в flex-контейнерах */
div[style*="display: flex"] {
    flex-wrap: wrap;
    max-width: 100%;
}

/* Responsive images */
img {
    max-width: 100%;
    height: auto;
}