/* === Общие стили для структуры account-layout (универсальная структура для туриста и партнера) === */

/* Основной макет */
.account-layout {
    display: flex;
    margin-top: var(--header-height);
}

.account-content {
    flex: 1;
    margin-left: 312px; /* Ширина сайдбара + отступ слева (280px + 1rem + 1rem) */
    padding: 1rem;
    background: transparent;
    transition: margin-left 0.3s ease;
}

/* Адаптивность */
@media (max-width: 1200px) {
    .account-content {
        margin-left: 260px;
    }
}

@media (max-width: 992px) {
    .account-content {
        margin-left: 240px;
    }
}

@media (max-width: 768px) {
    .account-layout {
        flex-direction: column;
    }
    
    .account-content {
        margin-left: 0;
        padding: 1rem;
    }
}