@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* _content/SibAlt/Components/Layout/MainLayout.razor.rz.scp.css */
/* CSS переменные для ширины страницы */
:root[b-bqkxb1qilz] {
    --container-max-width: 1920px;
    --container-padding: 0 120px;
}

.page[b-bqkxb1qilz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-bqkxb1qilz] {
    flex: 1;
}

/* Ограничение ширины страницы */
.layout-container[b-bqkxb1qilz] {
    max-width: var(--container-max-width);
    margin: 0 auto;
}

.sidebar[b-bqkxb1qilz] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-bqkxb1qilz] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-bqkxb1qilz]  a, .top-row[b-bqkxb1qilz]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-bqkxb1qilz]  a:hover, .top-row[b-bqkxb1qilz]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-bqkxb1qilz]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-bqkxb1qilz] {
        justify-content: space-between;
    }

    .top-row[b-bqkxb1qilz]  a, .top-row[b-bqkxb1qilz]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-bqkxb1qilz] {
        flex-direction: row;
    }

    .sidebar[b-bqkxb1qilz] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-bqkxb1qilz] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-bqkxb1qilz]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-bqkxb1qilz], article[b-bqkxb1qilz] {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }
}

#blazor-error-ui[b-bqkxb1qilz] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-bqkxb1qilz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/SibAlt/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-dkwv3742bi] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-dkwv3742bi] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-dkwv3742bi] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-dkwv3742bi] {
    font-size: 1.1rem;
}

.bi[b-dkwv3742bi] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-dkwv3742bi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-dkwv3742bi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-dkwv3742bi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-dkwv3742bi] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-dkwv3742bi] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-dkwv3742bi] {
        padding-bottom: 1rem;
    }

    .nav-item[b-dkwv3742bi]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-dkwv3742bi]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-dkwv3742bi]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-dkwv3742bi] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-dkwv3742bi] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-dkwv3742bi] {
        display: none;
    }

    .nav-scrollable[b-dkwv3742bi] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/SibAlt/Components/Layout/NewMainLayout.razor.rz.scp.css */
/* Layout Container */
.layout-container[b-7rpqxa5y7t] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Main Content */
.main-content[b-7rpqxa5y7t] {
    flex: 1;
   /* margin-top: var(--header-height);*/
}

.content[b-7rpqxa5y7t] {
   /* padding: 40px 0;*/
}

/* Header Styles (унификация с Tourist site) */
.header[b-7rpqxa5y7t] {
    background-color: var(--color-white);
    box-shadow: none;
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--header-height);
}

.header__container[b-7rpqxa5y7t] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: var(--container-padding);
    gap: 0;
}

.header__logo[b-7rpqxa5y7t] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.header__logo-img[b-7rpqxa5y7t] {
    height: 60px;
    width: 120px;
    object-fit: contain;
}

.header__altai[b-7rpqxa5y7t] {
    margin-left: 10px;
    flex-shrink: 0;
}

.header__altai-link[b-7rpqxa5y7t] {
    text-decoration: none;
    color: #000000;
    font-family: var(--font-family-montserrat);
    font-weight: 400;
    font-size: 15px;
    transition: var(--transition-fast);
    padding: 8px 16px;
    border-radius: var(--border-radius);
    white-space: nowrap;
}

.header__altai-link:hover[b-7rpqxa5y7t] {
    color: var(--color-primary);
    background-color: var(--color-secondary);
}

.header__nav[b-7rpqxa5y7t] {
    margin-left: auto;
}

.header__nav-list[b-7rpqxa5y7t] {
    display: flex;
    list-style: none;
    gap: 40px;
    align-items: center;
    margin: 0;
    padding: 0;
}

.header__nav-item[b-7rpqxa5y7t] {
    display: flex;
    align-items: center;
}

.header__nav-link[b-7rpqxa5y7t] {
    text-decoration: none;
    color: #000000;
    font-family: var(--font-family-montserrat);
    font-weight: 400;
    font-size: 15px;
    transition: var(--transition-fast);
    padding: 8px 16px;
    border-radius: var(--border-radius);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.header__nav-link:hover[b-7rpqxa5y7t] {
    color: var(--color-primary);
    background-color: var(--color-secondary);
}

.header__nav-icon[b-7rpqxa5y7t] {
    width: var(--nav-icon-size);
    height: var(--nav-icon-size);
    object-fit: contain;
    transition: var(--transition-fast);
    flex-shrink: 0;
}

.header__nav-link:hover .header__nav-icon[b-7rpqxa5y7t] {
    transform: scale(1.1);
}

.header__login[b-7rpqxa5y7t] {
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.header__login-btn[b-7rpqxa5y7t] {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #FCAD1F;
    color: #FFFFFF;
    border: none;
    border-radius: 30px;
    padding: 0 20px;
    height: 60px;
    width: 118px;
    cursor: pointer;
    transition: var(--transition-fast);
    font-family: var(--font-family-montserrat);
    font-weight: 400;
    font-size: 15px;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box; /* Padding включается в ширину */
}

.header__login-btn:hover[b-7rpqxa5y7t] {
    background-color: #e69c1a;
    box-shadow: var(--shadow-small);
}

/* Стили для авторизованного пользователя */
.header__login-btn--authenticated[b-7rpqxa5y7t] {
    width: 118px !important; /* Фиксированная ширина как у неавторизованного пользователя */
    min-width: 118px !important;
    max-width: 118px !important;
    padding: 8px 16px !important;
    box-sizing: border-box !important; /* Padding включается в ширину */
    flex-shrink: 0 !important; /* Не сжимается */
    overflow: hidden !important; /* Скрываем переполнение */
}

.header__login-content[b-7rpqxa5y7t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.header__login-text[b-7rpqxa5y7t] {
    color: #FFFFFF;
    font-weight: 400;
}

.header__login-email[b-7rpqxa5y7t] {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 1.2;
}

.header__login-icon[b-7rpqxa5y7t] {
    width: 24px;
    height: 24px;
    object-fit: contain;
    flex-shrink: 0;
}

/* Footer Styles (унификация с Tourist site) */
.footer[b-7rpqxa5y7t] {
    border-top: 1px solid var(--color-border);
    padding: 40px 0 20px;
    margin-top: 60px;
    background-color: var(--color-white);
}

.footer__container[b-7rpqxa5y7t] {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: var(--container-padding);
}

.footer__content[b-7rpqxa5y7t] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-bottom: 30px;
}

/* Футер для страниц партнера: 2 колонки вместо 3 */
.footer--partner .footer__content[b-7rpqxa5y7t] {
    grid-template-columns: repeat(2, 1fr);
}

/* Футер для страниц партнера: учитываем левое меню */
.footer--partner .footer__container[b-7rpqxa5y7t] {
    margin-left: 312px; /* Ширина сайдбара + отступы (280px + 1rem + 1rem) */
    margin-right: 0;
}

/* Футер для страниц туриста: 2 колонки вместо 3 */
.footer--tourist .footer__content[b-7rpqxa5y7t] {
    grid-template-columns: repeat(2, 1fr);
}

/* Футер для страниц туриста: учитываем левое меню */
.footer--tourist .footer__container[b-7rpqxa5y7t] {
    margin-left: 296px; /* Ширина сайдбара + отступ (280px + 1rem) */
    margin-right: 0;
}

.footer__column[b-7rpqxa5y7t] {
    display: flex;
    flex-direction: column;
}

.footer__title[b-7rpqxa5y7t] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 12px 0;
    line-height: 1.4;
}

.footer__description[b-7rpqxa5y7t] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(0.875rem, 1.2vw, 0.9375rem);
    color: var(--color-text-light);
    line-height: 1.6;
    margin: 0 0 12px 0;
}

.footer__description:last-of-type[b-7rpqxa5y7t] {
    margin-bottom: 0;
}

.footer__nav[b-7rpqxa5y7t] {
    display: flex;
    flex-direction: column;
}

.footer__nav-list[b-7rpqxa5y7t] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer__nav-item[b-7rpqxa5y7t] {
    display: flex;
}

.footer__link[b-7rpqxa5y7t] {
    position: relative;
    color: #495057;
    font-weight: 500;
    padding-bottom: 2px;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: var(--font-family-montserrat);
    font-size: clamp(0.875rem, 1.2vw, 0.9375rem);
    line-height: 1.5;
}

.footer__link[b-7rpqxa5y7t]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.5px;
    background: linear-gradient(90deg, rgba(132, 172, 236, 0.4), rgba(132, 172, 236, 0.2));
    border-radius: 1px;
    transition: all 0.3s ease;
}

.footer__link:focus-visible[b-7rpqxa5y7t] {
    outline: 0.2rem solid color-mix(in srgb, var(--color-primary, #1d4ed8) 65%, #ffffff);
    outline-offset: 0.2rem;
    border-radius: 0.25rem;
}

.footer__divider[b-7rpqxa5y7t] {
    height: 1px;
    background-color: var(--color-border);
    margin: 30px 0 20px;
    width: 100%;
}

.footer__copyright[b-7rpqxa5y7t] {
    text-align: center;
}

.footer__copyright-text[b-7rpqxa5y7t] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(0.875rem, 1.2vw, 0.9375rem);
    color: var(--color-text-light);
    margin: 0;
    line-height: 1.6;
}

/* Responsive Design (адаптивность как в Tourist site) */
@media (max-width: 1200px) {
    .header__container[b-7rpqxa5y7t] {
        padding: 0 60px;
    }
    .header__nav-list[b-7rpqxa5y7t] {
        gap: 30px;
    }
    .footer__container[b-7rpqxa5y7t] {
        padding: 0 60px;
    }
    .footer__content[b-7rpqxa5y7t] {
        gap: 30px;
    }
    /* Футер партнера на средних экранах */
    .footer--partner .footer__container[b-7rpqxa5y7t] {
        margin-left: 312px;
        padding: 0 60px;
    }
    /* Футер туриста на средних экранах */
    .footer--tourist .footer__container[b-7rpqxa5y7t] {
        margin-left: 296px;
        padding: 0 60px;
    }
}

@media (max-width: 768px) {
    :root[b-7rpqxa5y7t] {
        --header-height: clamp(3.5rem, 8vw, 4.5rem); /* Адаптивная высота шапки для мобильных: 56-72px */
    }
    
    .footer[b-7rpqxa5y7t] {
        margin-top: 0; /* Убираем верхний отступ футера только на мобильных */
    }
    
    .header[b-7rpqxa5y7t] {
        height: auto;
        min-height: clamp(3.5rem, 8vw, 4.5rem); /* Минимальная высота для компактности */
    }
    
    .header__container[b-7rpqxa5y7t] {
        padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(0.75rem, 2vw, 1rem);
        flex-direction: row; /* Горизонтальная раскладка вместо вертикальной */
        height: auto;
        align-items: center;
        gap: clamp(0.5rem, 1.5vw, 0.75rem);
    }
    
    .header__logo[b-7rpqxa5y7t] {
        margin-bottom: 0;
        flex-shrink: 0;
    }
    
    .header__logo-img[b-7rpqxa5y7t] {
        height: clamp(2.5rem, 6vw, 3rem); /* Уменьшаем логотип: 40-48px вместо 60px */
        width: auto; /* Автоматическая ширина для сохранения пропорций */
        max-width: clamp(5rem, 12vw, 6rem);
    }
    
    .header__altai[b-7rpqxa5y7t] {
        display: none; /* Скрываем "Алтай" на мобильных для экономии места */
    }
    
    .header__nav[b-7rpqxa5y7t] {
        margin-left: auto;
        flex: 1;
        min-width: 0; /* Позволяет сжиматься */
    }
    
    .header__nav-list[b-7rpqxa5y7t] {
        gap: clamp(0.5rem, 1.5vw, 0.75rem);
        margin-bottom: 0;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }
    
    .header__nav-link[b-7rpqxa5y7t] {
        padding: clamp(0.375rem, 1vw, 0.5rem) clamp(0.5rem, 1.5vw, 0.75rem);
        font-size: clamp(0.75rem, 2vw, 0.875rem);
        white-space: nowrap;
    }
    
    .header__nav-icon[b-7rpqxa5y7t] {
        width: clamp(1rem, 2.5vw, 1.25rem);
        height: clamp(1rem, 2.5vw, 1.25rem);
    }
    
    .header__login[b-7rpqxa5y7t] {
        margin-left: clamp(0.25rem, 1vw, 0.5rem);
    }
    
    .header__login-btn[b-7rpqxa5y7t] {
        height: clamp(2.25rem, 5.5vw, 2.75rem); /* Уменьшаем высоту: 36-44px вместо 60px */
        padding: 0 clamp(0.75rem, 2vw, 1rem);
        font-size: clamp(0.75rem, 2vw, 0.875rem);
    }
    
    /* Для неавторизованных пользователей - оставляем auto */
    .header__login-btn:not(.header__login-btn--authenticated)[b-7rpqxa5y7t] {
        width: auto;
        min-width: auto;
    }
    
    .header__login-btn--authenticated[b-7rpqxa5y7t] {
        width: auto !important; /* Автоматическая ширина под содержимое */
        min-width: auto !important;
        max-width: none !important;
        padding: clamp(0.375rem, 1vw, 0.5rem) clamp(0.5rem, 1.5vw, 0.75rem) !important;
        height: clamp(2.25rem, 5.5vw, 2.75rem) !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
    }
    
    .header__login-content[b-7rpqxa5y7t] {
        gap: clamp(0.125rem, 0.5vw, 0.25rem) !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .header__login-email[b-7rpqxa5y7t] {
        font-size: clamp(0.625rem, 1.5vw, 0.75rem);
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 70px; /* Ограничиваем ширину для обрезки текста */
        display: inline-block;
    }
    
    .header__login-icon[b-7rpqxa5y7t] {
        width: clamp(1rem, 2.5vw, 1.25rem);
        height: clamp(1rem, 2.5vw, 1.25rem);
    }
    
    .main-content[b-7rpqxa5y7t] {
        margin-top: clamp(3.5rem, 8vw, 4.5rem); /* Уменьшаем отступ: 56-72px вместо 120px */
    }
    
    /* Футер на мобильных - одна колонка */
    .footer__container[b-7rpqxa5y7t] {
        padding: 0 20px;
    }
    .footer__content[b-7rpqxa5y7t] {
        grid-template-columns: repeat(2, 1fr) !important; /* Две колонки на мобильных */
        gap: 30px;
    }
    /* Первая колонка (описание) во всю ширину, остальные — в две колонки */
    .footer__content .footer__column:first-child[b-7rpqxa5y7t] {
        grid-column: 1 / -1;
    }
    /* Футер партнера на мобильных: убираем margin-left, так как sidebar скрыт */
    .footer--partner .footer__container[b-7rpqxa5y7t] {
        margin-left: 0;
        padding: 0 20px;
    }
    .footer--partner .footer__content[b-7rpqxa5y7t] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* Футер туриста на мобильных: убираем margin-left, так как sidebar скрыт */
    .footer--tourist .footer__container[b-7rpqxa5y7t] {
        margin-left: 0;
        padding: 0 20px;
    }
    .footer--tourist .footer__content[b-7rpqxa5y7t] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .footer__title[b-7rpqxa5y7t] {
        font-size: 0.9375rem; /* 15px - немного меньше для экономии места */
        margin-bottom: 10px; /* Уменьшаем отступ */
    }
    .footer__description[b-7rpqxa5y7t] {
        font-size: 0.8125rem; /* 13px - еще читабельно, экономит место */
        line-height: 1.5; /* Немного уменьшаем межстрочный интервал */
        margin-bottom: 10px;
    }
    .footer__link[b-7rpqxa5y7t] {
        font-size: 0.8125rem; /* 13px - стандартный размер для ссылок на мобильных */
    }
    .footer__nav-list[b-7rpqxa5y7t] {
        gap: 6px; /* Уменьшаем отступ между ссылками */
    }
    .footer__divider[b-7rpqxa5y7t] {
        margin: 15px 0 12px; /* Уменьшаем отступы */
    }
    .footer__copyright-text[b-7rpqxa5y7t] {
        font-size: 0.75rem; /* 12px - стандартный размер для мелкого текста */
        line-height: 1.5;
    }
    .footer__content[b-7rpqxa5y7t] {
        gap: 24px; /* Уменьшаем отступ между колонками */
    }
}

@media (max-width: 480px) {
    :root[b-7rpqxa5y7t] {
        --header-height: clamp(3rem, 7vw, 3.5rem); /* Еще меньше на маленьких экранах: 48-56px */
    }
    
    /* На очень маленьких экранах возвращаем одну колонку футера */
    .footer__content[b-7rpqxa5y7t] {
        grid-template-columns: 1fr !important;
    }
    .footer__content .footer__column:first-child[b-7rpqxa5y7t] {
        grid-column: 1 / -1;
    }
    
    .header[b-7rpqxa5y7t] {
        min-height: clamp(3rem, 7vw, 3.5rem);
    }
    
    .header__container[b-7rpqxa5y7t] {
        padding: clamp(0.375rem, 1.5vw, 0.5rem) clamp(0.5rem, 2vw, 0.75rem);
        gap: clamp(0.375rem, 1.5vw, 0.5rem);
    }
    
    .header__logo-img[b-7rpqxa5y7t] {
        height: clamp(2rem, 5vw, 2.5rem); /* Еще меньше на очень маленьких экранах: 32-40px */
        max-width: clamp(4rem, 10vw, 5rem);
    }
    
    .header__nav-link[b-7rpqxa5y7t] {
        padding: clamp(0.25rem, 1vw, 0.375rem) clamp(0.375rem, 1.5vw, 0.5rem);
        font-size: clamp(0.6875rem, 2vw, 0.75rem);
    }
    
    .header__login-btn[b-7rpqxa5y7t] {
        height: clamp(2rem, 5vw, 2.5rem);
        padding: 0 clamp(0.5rem, 1.5vw, 0.75rem);
        font-size: clamp(0.6875rem, 2vw, 0.75rem);
    }
    
    /* Для неавторизованных пользователей - оставляем auto */
    .header__login-btn:not(.header__login-btn--authenticated)[b-7rpqxa5y7t] {
        width: auto;
        min-width: auto;
    }
    
    .header__login-btn--authenticated[b-7rpqxa5y7t] {
        width: auto !important; /* Автоматическая ширина под содержимое */
        min-width: auto !important;
        max-width: none !important;
        padding: clamp(0.25rem, 1vw, 0.375rem) clamp(0.5rem, 1.5vw, 0.75rem) !important;
        height: clamp(2rem, 5vw, 2.5rem) !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
    }
    
    .header__login-email[b-7rpqxa5y7t] {
        font-size: clamp(0.5625rem, 1.5vw, 0.625rem);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 65px; /* Ограничиваем ширину для обрезки текста */
        display: inline-block;
    }
    
    .main-content[b-7rpqxa5y7t] {
        margin-top: clamp(3rem, 7vw, 3.5rem); /* Еще меньше отступ: 48-56px */
    }
    
    /* Дополнительная оптимизация футера на маленьких экранах */
    .footer__content[b-7rpqxa5y7t] {
        gap: 20px; /* Еще меньше отступ между секциями */
    }
    .footer__title[b-7rpqxa5y7t] {
        font-size: 0.875rem; /* 14px на очень маленьких экранах */
        margin-bottom: 8px;
    }
    .footer__description[b-7rpqxa5y7t] {
        font-size: 0.75rem; /* 12px - минимальный читабельный размер */
        line-height: 1.4;
        margin-bottom: 8px;
    }
    .footer__link[b-7rpqxa5y7t] {
        font-size: 0.75rem; /* 12px для ссылок на очень маленьких экранах */
    }
    .footer__nav-list[b-7rpqxa5y7t] {
        gap: 5px;
    }
    .footer__divider[b-7rpqxa5y7t] {
        margin: 12px 0 10px;
    }
    .footer__copyright-text[b-7rpqxa5y7t] {
        font-size: 0.6875rem; /* 11px - для copyright на очень маленьких экранах */
    }
}

@media (max-width: 360px) {
    .header__nav-link[b-7rpqxa5y7t] {
        font-size: 0.625rem;
        padding: 0.25rem 0.375rem;
    }
    
    .header__login-btn[b-7rpqxa5y7t] {
        height: 1.875rem;
        padding: 0 0.5rem;
        font-size: 0.625rem;
    }
    
    .header__login-btn--authenticated[b-7rpqxa5y7t] {
        width: auto !important; /* Автоматическая ширина под содержимое */
        min-width: auto !important;
        max-width: none !important;
        padding: 0.25rem 0.5rem !important;
        height: 1.875rem !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
    }
    
    .header__login-email[b-7rpqxa5y7t] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 60px; /* Ограничиваем ширину для обрезки текста */
        display: inline-block;
    }
    
    .main-content[b-7rpqxa5y7t] {
        margin-top: 3rem;
    }
}

/* Явное правило для десктопа - гарантируем 3 колонки */
@media (min-width: 769px) {
    .footer__content[b-7rpqxa5y7t] {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    .footer--partner .footer__content[b-7rpqxa5y7t] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .footer--tourist .footer__content[b-7rpqxa5y7t] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (min-width: 1920px) {
    .header__container[b-7rpqxa5y7t] {
        padding: 0 160px;
    }
    .header__logo-img[b-7rpqxa5y7t] {
        height: 60px;
        width: 120px;
    }
    .header__nav-list[b-7rpqxa5y7t] {
        gap: 50px;
    }
    .footer__container[b-7rpqxa5y7t] {
        padding: 0 160px;
    }
    .footer__content[b-7rpqxa5y7t] {
        gap: 60px;
    }
    /* Футер партнера на больших экранах */
    .footer--partner .footer__container[b-7rpqxa5y7t] {
        margin-left: 312px;
        padding: 0 160px;
    }
    /* Футер туриста на больших экранах */
    .footer--tourist .footer__container[b-7rpqxa5y7t] {
        margin-left: 296px;
        padding: 0 160px;
    }
}
/* _content/SibAlt/Components/Pages/AboutUs.razor.rz.scp.css */
/* Пустой блок для создания отступа от хедера на странице AboutUs */
.about-page-spacer[b-5l3usqqvpp] {
    height: var(--header-height);
    width: 100%;
    display: block;
}

/* Основной контейнер страницы */
.about[b-5l3usqqvpp] {
    display: grid;
    row-gap: clamp(2rem, 4vw, 3.5rem);
    padding-block: clamp(2rem, 4vw, 3.5rem);
    padding-left: 120px;
    padding-right: 120px;
    margin-inline: auto;
    max-width: var(--container-max-width);
    width: 100%;
    box-sizing: border-box;
    font-family: var(--font-family-primary);
    color: var(--color-text);
}

/* Заголовок секции */
.about__header[b-5l3usqqvpp] {
    display: grid;
    row-gap: clamp(0.75rem, 2vw, 1rem);
    background: linear-gradient(145deg, rgba(132, 172, 236, 0.12), rgba(81, 114, 167, 0.05));
    border-radius: var(--border-radius);
    padding: clamp(1.5rem, 5vw, 2.5rem);
    border: 1px solid var(--color-border);
}

.about__eyebrow[b-5l3usqqvpp] {
    margin: 0;
    font-size: clamp(0.875rem, 2vw, 1rem);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-primary);
    font-weight: 600;
    font-family: var(--font-family-montserrat);
}

.about__title[b-5l3usqqvpp] {
    margin: 0;
    font-size: clamp(1.75rem, 5vw, 2.75rem);
    font-weight: 700;
    line-height: 1.2;
    font-family: var(--font-family-montserrat);
    color: var(--color-text);
}

.about__subtitle[b-5l3usqqvpp] {
    margin: 0;
    font-size: clamp(1rem, 2.5vw, 1.25rem);
    line-height: var(--line-height-base);
    color: var(--color-text-light);
    font-family: var(--font-family-primary);
}

/* Заголовки секций */
.about__section-title[b-5l3usqqvpp] {
    margin: 0 0 clamp(0.75rem, 2vw, 1rem);
    font-size: clamp(1.35rem, 3vw, 1.75rem);
    font-weight: 600;
    font-family: var(--font-family-montserrat);
    color: var(--color-text);
}

/* Секция преимуществ */
.about__advantages[b-5l3usqqvpp] {
    display: grid;
    row-gap: clamp(1rem, 2vw, 1.5rem);
}

.about__advantages-list[b-5l3usqqvpp] {
    display: grid;
    gap: clamp(1rem, 2vw, 1.5rem);
    margin: 0;
    padding: 0;
    list-style: none;
}

.about__advantage[b-5l3usqqvpp] {
    display: grid;
    row-gap: clamp(0.5rem, 1vw, 0.75rem);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--border-radius);
    background: var(--color-secondary);
    box-shadow: var(--shadow-small);
    border: 1px solid var(--color-border);
    transition: var(--transition-medium);
}

.about__advantage:hover[b-5l3usqqvpp] {
    box-shadow: var(--shadow-medium);
    transform: translateY(-2px);
}

.about__advantage-title[b-5l3usqqvpp] {
    margin: 0;
    font-size: clamp(1.1rem, 2.5vw, 1.35rem);
    font-weight: 600;
    color: var(--color-text);
    font-family: var(--font-family-montserrat);
}

.about__advantage-text[b-5l3usqqvpp] {
    margin: 0;
    font-size: 1rem;
    line-height: var(--line-height-base);
    color: var(--color-text-light);
    font-family: var(--font-family-primary);
}

/* Секция юридической информации */
.about__legal[b-5l3usqqvpp] {
    display: grid;
    row-gap: clamp(0.75rem, 2vw, 1rem);
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius);
    padding: clamp(1.5rem, 5vw, 2.5rem);
    box-shadow: var(--shadow-small);
}

.about__organization[b-5l3usqqvpp] {
    display: grid;
    gap: clamp(0.75rem, 2vw, 1rem);
    margin: 0;
}

.about__organization-item[b-5l3usqqvpp] {
    display: grid;
    row-gap: 0.25rem;
    padding-bottom: clamp(0.5rem, 1vw, 0.75rem);
    border-bottom: 1px solid var(--color-border);
}

.about__organization-item:last-child[b-5l3usqqvpp] {
    border-bottom: none;
    padding-bottom: 0;
}

.about__organization-term[b-5l3usqqvpp] {
    margin: 0;
    font-size: clamp(0.875rem, 1.5vw, 0.95rem);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-text-light);
    font-weight: 600;
    font-family: var(--font-family-montserrat);
}

.about__organization-definition[b-5l3usqqvpp] {
    margin: 0;
    font-size: clamp(1rem, 2vw, 1.05rem);
    line-height: 1.55;
    color: var(--color-text);
    font-family: var(--font-family-primary);
}

/* Ссылки */
.about__link[b-5l3usqqvpp] {
    color: var(--color-primary);
    text-decoration: underline;
    text-decoration-thickness: 0.12em;
    text-decoration-color: rgba(132, 172, 236, 0.4);
    transition: var(--transition-fast);
    font-family: var(--font-family-primary);
}

.about__link:focus-visible[b-5l3usqqvpp] {
    outline: 0.2rem solid color-mix(in srgb, var(--color-primary) 50%, #ffffff);
    outline-offset: 0.25rem;
    border-radius: 0.3rem;
}

.about__link:hover[b-5l3usqqvpp] {
    color: var(--color-nav-hover);
    text-decoration-color: currentColor;
}

/* Адаптивность для планшетов */
@media (min-width: 48rem) {
    .about[b-5l3usqqvpp] {
        row-gap: clamp(2.5rem, 4vw, 3.5rem);
    }

    .about__advantages-list[b-5l3usqqvpp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Адаптивность для десктопов */
@media (min-width: 62.5rem) {
    .about__advantages-list[b-5l3usqqvpp] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .about__organization[b-5l3usqqvpp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        column-gap: clamp(1rem, 2vw, 1.5rem);
        row-gap: 0;
    }
    
    .about__organization-item[b-5l3usqqvpp] {
        padding-bottom: clamp(0.75rem, 1.5vw, 1rem);
        padding-top: clamp(0.75rem, 1.5vw, 1rem);
        border-bottom: 1px solid var(--color-border);
    }
    
    /* Левая колонка (1, 3, 5) - правый бордер и правый padding */
    .about__organization-item:nth-child(odd)[b-5l3usqqvpp] {
        border-right: 1px solid var(--color-border);
        padding-right: clamp(1rem, 2vw, 1.5rem);
    }
    
    /* Правая колонка (2, 4) - левый padding */
    .about__organization-item:nth-child(even)[b-5l3usqqvpp] {
        padding-left: clamp(1rem, 2vw, 1.5rem);
    }
}

/* Адаптивность для средних экранов */
@media (max-width: 1200px) {
    .about[b-5l3usqqvpp] {
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .about[b-5l3usqqvpp] {
        padding-left: clamp(1rem, 4vw, 1.5rem);
        padding-right: clamp(1rem, 4vw, 1.5rem);
    }
    
    .about__header[b-5l3usqqvpp] {
        padding: clamp(1.25rem, 4vw, 1.5rem);
    }
    
    .about__legal[b-5l3usqqvpp] {
        padding: clamp(1.25rem, 4vw, 1.5rem);
    }
}

/* Адаптивность для больших экранов */
@media (min-width: 1920px) {
    .about[b-5l3usqqvpp] {
        padding-left: 160px;
        padding-right: 160px;
    }
}
/* _content/SibAlt/Components/Pages/Account/EmailConfirmed.razor.rz.scp.css */
/* === Страница подтверждения email === */

.confirmation-page[b-clw235pusw] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--header-height) 1rem 2rem;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.confirmation-container[b-clw235pusw] {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.confirmation-card[b-clw235pusw] {
    background: var(--color-white);
    border-radius: 1rem;
    padding: 3rem 2rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
}

.confirmation-icon[b-clw235pusw] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: var(--color-white);
    animation: scaleIn-b-clw235pusw 0.5s ease-out;
}

.confirmation-icon--pending[b-clw235pusw] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-nav-hover) 100%);
}

.confirmation-icon--success[b-clw235pusw] {
    background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
}

.confirmation-title[b-clw235pusw] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 1rem 0;
    line-height: 1.3;
}

.confirmation-text[b-clw235pusw] {
    font-family: var(--font-family-primary);
    font-size: 1rem;
    color: var(--color-text-light);
    line-height: 1.6;
    margin: 0 0 1rem 0;
}

.confirmation-hint[b-clw235pusw] {
    font-family: var(--font-family-primary);
    font-size: 0.875rem;
    color: var(--color-text-light);
    line-height: 1.5;
    margin: 0.5rem 0 2rem 0;
    opacity: 0.8;
}

.confirmation-actions[b-clw235pusw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 2rem;
}

.btn[b-clw235pusw] {
    display: inline-block;
    padding: 0.875rem 1.5rem;
    border-radius: 0.5rem;
    font-family: var(--font-family-montserrat);
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-clw235pusw] {
    background: var(--color-primary);
    color: var(--color-white);
}

.btn-primary:hover[b-clw235pusw] {
    background: var(--color-nav-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(81, 114, 167, 0.2);
    text-decoration: none;
}

.btn-secondary[b-clw235pusw] {
    background: var(--color-secondary);
    color: var(--color-text);
}

.btn-secondary:hover[b-clw235pusw] {
    background: #e0e6ed;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

@keyframes scaleIn-b-clw235pusw {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Адаптивность */
@media (max-width: 768px) {
    .confirmation-page[b-clw235pusw] {
        padding: calc(var(--header-height) + 1rem) 1rem 2rem;
    }
    
    .confirmation-card[b-clw235pusw] {
        padding: 2rem 1.5rem;
    }
    
    .confirmation-icon[b-clw235pusw] {
        width: 70px;
        height: 70px;
        font-size: 2rem;
    }
    
    .confirmation-title[b-clw235pusw] {
        font-size: 1.5rem;
    }
    
    .confirmation-text[b-clw235pusw] {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .confirmation-card[b-clw235pusw] {
        padding: 1.5rem 1rem;
        border-radius: 0.75rem;
    }
    
    .confirmation-icon[b-clw235pusw] {
        width: 60px;
        height: 60px;
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }
    
    .confirmation-title[b-clw235pusw] {
        font-size: 1.25rem;
    }
    
    .confirmation-text[b-clw235pusw] {
        font-size: 0.9rem;
    }
    
    .btn[b-clw235pusw] {
        padding: 0.75rem 1.25rem;
        font-size: 0.95rem;
    }
}

/* _content/SibAlt/Components/Pages/Account/ForgotPassword.razor.rz.scp.css */
/* === Страница восстановления пароля === */

.login-page[b-dvy0wixyzp] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--header-height) 1rem 2rem;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.login-container[b-dvy0wixyzp] {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.login-form-wrapper[b-dvy0wixyzp] {
    background: var(--color-white);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.login-title[b-dvy0wixyzp] {
    text-align: center;
    margin-bottom: 2rem;
    font-family: var(--font-family-montserrat);
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--color-text);
}

/* Формы */
.form-floating[b-dvy0wixyzp] {
    margin-bottom: 1rem;
}

.form-floating .form-control[b-dvy0wixyzp] {
    border: 2px solid var(--color-border);
    border-radius: 0.5rem;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    transition: all var(--transition-fast);
}

.form-floating .form-control:focus[b-dvy0wixyzp] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(132, 172, 236, 0.1);
}

.form-floating label[b-dvy0wixyzp] {
    color: var(--color-text-light);
    font-weight: 500;
}

/* Кнопки */
.btn-primary[b-dvy0wixyzp] {
    background: var(--color-primary);
    border: none;
    border-radius: 0.5rem;
    padding: 0.875rem 1.5rem;
    font-family: var(--font-family-montserrat);
    font-weight: 600;
    font-size: 1rem;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-dvy0wixyzp] {
    background: var(--color-nav-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(81, 114, 167, 0.2);
}

.btn-primary:disabled[b-dvy0wixyzp] {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Ссылки */
a[b-dvy0wixyzp] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
}

a:hover[b-dvy0wixyzp] {
    color: var(--color-nav-hover);
    text-decoration: underline;
}

/* Алерты */
.alert[b-dvy0wixyzp] {
    border-radius: 0.5rem;
    border: none;
    padding: 1rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

.alert-success[b-dvy0wixyzp] {
    background: #d1edff;
    color: #0c5460;
}

/* Сообщения валидации */
.validation-message[b-dvy0wixyzp] {
    color: #dc3545 !important;
    font-size: 0.75rem !important;
    margin-top: 0.25rem;
    position: absolute !important;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    background: var(--color-white) !important;
    padding: 0.125rem 0;
    line-height: 1.2;
}

.form-floating[b-dvy0wixyzp] {
    position: relative;
}

/* Адаптивность */
@media (max-width: 768px) {
    .login-page[b-dvy0wixyzp] {
        padding: calc(var(--header-height) + 1rem) 1rem 2rem;
    }
    
    .login-form-wrapper[b-dvy0wixyzp] {
        padding: 1.5rem;
        margin: 0 0.5rem;
    }
    
    .login-title[b-dvy0wixyzp] {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 480px) {
    .login-form-wrapper[b-dvy0wixyzp] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
    
    .login-title[b-dvy0wixyzp] {
        font-size: 1.25rem;
    }
}
/* _content/SibAlt/Components/Pages/Account/Login.razor.rz.scp.css */
/* === Страница входа === */

.login-page[b-02rrvtrsw8] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--header-height) 1rem 2rem;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.login-container[b-02rrvtrsw8] {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.login-form-wrapper[b-02rrvtrsw8] {
    background: var(--color-white);
    border-radius: 1rem;
    padding: 1.75rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.login-title[b-02rrvtrsw8] {
    text-align: center;
    margin-top: 0;
    margin-bottom: 1.25rem;
    font-family: var(--font-family-montserrat);
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--color-text);
}

/* Табы */
.nav-tabs[b-02rrvtrsw8] {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem 0;
    border-bottom: 2px solid var(--color-border);
    gap: 0;
}

.nav-tabs .nav-item[b-02rrvtrsw8] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-tabs .nav-link[b-02rrvtrsw8] {
    border: none;
    border-bottom: 2px solid transparent;
    background: none;
    color: var(--color-text-light);
    font-family: var(--font-family-montserrat);
    font-weight: 500;
    padding: 0.75rem 1rem;
    transition: all var(--transition-fast);
    cursor: pointer;
    display: block;
}

.nav-tabs .nav-link:hover[b-02rrvtrsw8] {
    border-color: transparent;
    border-bottom-color: var(--color-primary);
    color: var(--color-primary);
    background: none;
}

.nav-tabs .nav-link.active[b-02rrvtrsw8] {
    color: var(--color-primary);
    border-bottom-color: var(--color-primary);
    background: none;
}

/* Формы */
.mb-3[b-02rrvtrsw8] {
    margin-bottom: 0.875rem;
}

.mb-0[b-02rrvtrsw8] {
    margin-bottom: 0;
}

.mt-2[b-02rrvtrsw8] {
    margin-top: 0.5rem;
}

.mt-3[b-02rrvtrsw8] {
    margin-top: 1rem;
}

.form-label[b-02rrvtrsw8] {
    display: block;
    margin-bottom: 0.375rem;
    color: var(--color-text);
    font-family: var(--font-family-montserrat);
    font-weight: 500;
    font-size: 0.9rem;
}

.form-control[b-02rrvtrsw8] {
    width: 100%;
    border: 2px solid var(--color-border);
    border-radius: 0.5rem;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    transition: all var(--transition-fast);
    font-family: var(--font-family-primary);
}

.form-control:focus[b-02rrvtrsw8] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(132, 172, 236, 0.1);
}

/* Кнопки */
.btn-primary[b-02rrvtrsw8] {
    background: var(--color-primary);
    border: none;
    border-radius: 0.5rem;
    padding: 0.875rem 1.5rem;
    font-family: var(--font-family-montserrat);
    font-weight: 600;
    font-size: 1rem;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-02rrvtrsw8] {
    background: var(--color-nav-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(81, 114, 167, 0.2);
}

.btn-primary:disabled[b-02rrvtrsw8] {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-secondary[b-02rrvtrsw8] {
    background: var(--color-secondary);
    border: none;
    color: var(--color-text);
}

.btn-secondary:hover[b-02rrvtrsw8] {
    background: #e0e6ed;
    color: var(--color-text);
}

.btn-link[b-02rrvtrsw8] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
}

.btn-link:hover[b-02rrvtrsw8] {
    color: var(--color-nav-hover);
    text-decoration: underline;
}

/* Ссылки */
a[b-02rrvtrsw8] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
}

a:hover[b-02rrvtrsw8] {
    color: var(--color-nav-hover);
    text-decoration: underline;
}

/* Алерты */
.alert[b-02rrvtrsw8] {
    border-radius: 0.5rem;
    border: none;
    padding: 1rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

.alert-danger[b-02rrvtrsw8] {
    background: #f8d7da;
    color: #721c24;
}

.alert-success[b-02rrvtrsw8] {
    background: #d1edff;
    color: #0c5460;
}

.alert-warning[b-02rrvtrsw8] {
    background: #fff3cd;
    color: #856404;
}

/* Спиннер */
.spinner-border-sm[b-02rrvtrsw8] {
    width: 1rem;
    height: 1rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    .login-page[b-02rrvtrsw8] {
        padding: calc(var(--header-height) + 1rem) 1rem 2rem;
    }
    
    .login-form-wrapper[b-02rrvtrsw8] {
        padding: 1.5rem;
        margin: 0 0.5rem;
    }
    
    .login-title[b-02rrvtrsw8] {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    
    .nav-tabs .nav-link[b-02rrvtrsw8] {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }
    
    .nav-tabs[b-02rrvtrsw8] {
        gap: 0;
    }
}

@media (max-width: 480px) {
    .login-form-wrapper[b-02rrvtrsw8] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
    
    .login-title[b-02rrvtrsw8] {
        font-size: 1.25rem;
    }
}

/* _content/SibAlt/Components/Pages/Account/Partner/HotelComfortInfo-old.razor.rz.scp.css */
/* CSS переменные */
:root[b-zhwmgpglbz] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --color-success: #28a745;
    --color-success-light: #d4edda;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы */
.page-container[b-zhwmgpglbz] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-zhwmgpglbz] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-zhwmgpglbz] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-zhwmgpglbz] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-zhwmgpglbz] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для секций - как у туриста */
.form-section[b-zhwmgpglbz] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-zhwmgpglbz] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.section-header[b-zhwmgpglbz] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-title[b-zhwmgpglbz] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title i[b-zhwmgpglbz] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Сетка удобств */
.comfort-grid[b-zhwmgpglbz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.comfort-item[b-zhwmgpglbz] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

.comfort-item[b-zhwmgpglbz]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--color-primary);
}


.comfort-icon[b-zhwmgpglbz] {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white) !important;
    font-size: 1.3rem !important;
    flex-shrink: 0;
    box-shadow: 0 3px 12px rgba(132, 172, 236, 0.4);
}

.comfort-icon i[b-zhwmgpglbz] {
    color: var(--color-white) !important;
    font-size: 1.3rem !important;
    display: block !important;
    visibility: visible !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}



.comfort-info[b-zhwmgpglbz] {
    flex: 1;
    min-width: 0;
}

.comfort-name[b-zhwmgpglbz] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 0.375rem 0;
    letter-spacing: 0.3px;
}

.comfort-description[b-zhwmgpglbz] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.4;
}

.comfort-status[b-zhwmgpglbz] {
    flex-shrink: 0;
}

/* Статусные бейджи - Вариант 6: Текст + иконка */
.status-text-icon[b-zhwmgpglbz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
    min-width: 60px;
    justify-content: center;
}

.status-text-icon.available[b-zhwmgpglbz] {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border: 1px solid #28a745;
}

.status-text-icon.unavailable[b-zhwmgpglbz] {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
    color: #721c24;
    border: 1px solid #dc3545;
}

.status-text-icon i[b-zhwmgpglbz] {
    font-size: 0.7rem;
}

/* Стили для кнопок */
.form-actions[b-zhwmgpglbz] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.btn[b-zhwmgpglbz] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-zhwmgpglbz] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.btn-primary:hover[b-zhwmgpglbz] {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    box-shadow: var(--shadow-medium);
    color: var(--color-white);
    text-decoration: none;
}

.btn-lg[b-zhwmgpglbz] {
    padding: 1rem 2rem;
    font-size: 1rem;
}

/* Стили для загрузки */
.loading-container[b-zhwmgpglbz] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
}

.loading-spinner[b-zhwmgpglbz] {
    text-align: center;
    color: var(--color-text-secondary);
}

.loading-spinner i[b-zhwmgpglbz] {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--color-primary);
}

.loading-spinner p[b-zhwmgpglbz] {
    margin: 0;
    font-size: 1rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-zhwmgpglbz] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-zhwmgpglbz] {
        font-size: 1.4rem;
    }
    
    .page-title i[b-zhwmgpglbz] {
        font-size: 1.6rem;
    }
    
    .form-section[b-zhwmgpglbz] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .section-title[b-zhwmgpglbz] {
        font-size: 1rem;
    }
    
    .comfort-grid[b-zhwmgpglbz] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .comfort-item[b-zhwmgpglbz] {
        padding: 0.75rem;
        gap: 0.75rem;
    }
    
    .comfort-icon[b-zhwmgpglbz] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .comfort-name[b-zhwmgpglbz] {
        font-size: 0.9rem;
    }
    
    .comfort-description[b-zhwmgpglbz] {
        font-size: 0.8rem;
    }
    
    .form-actions[b-zhwmgpglbz] {
        justify-content: center;
    }
    
    .btn[b-zhwmgpglbz] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-header[b-zhwmgpglbz] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-zhwmgpglbz] {
        font-size: 1.2rem;
    }
    
    .page-subtitle[b-zhwmgpglbz] {
        font-size: 0.9rem;
    }
    
    .comfort-item[b-zhwmgpglbz] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .comfort-info[b-zhwmgpglbz] {
        order: 2;
    }
    
    .comfort-status[b-zhwmgpglbz] {
        order: 3;
    }
    
    .comfort-icon[b-zhwmgpglbz] {
        order: 1;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelComfortInfoEdit-old.razor.rz.scp.css */
/* Специфичные стили для страницы HotelComfortInfoEdit */

/* Стили для формы */
.comfort-form[b-una1wq63w9] {
    width: 100%;
}

/* Стили для секций - как у туриста */
.form-section[b-una1wq63w9] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.section-header[b-una1wq63w9] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-una1wq63w9] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.section-title[b-una1wq63w9] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title i[b-una1wq63w9] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Стили для сетки удобств */
.comfort-grid[b-una1wq63w9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

.comfort-item[b-una1wq63w9] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

.comfort-item[b-una1wq63w9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--color-primary);
}

.comfort-icon[b-una1wq63w9] {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-size: 1.3rem;
    flex-shrink: 0;
    box-shadow: 0 3px 12px rgba(132, 172, 236, 0.4);
}

.comfort-info[b-una1wq63w9] {
    flex: 1;
    min-width: 0;
}

.comfort-name[b-una1wq63w9] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 0.375rem 0;
    letter-spacing: 0.3px;
}

.comfort-description[b-una1wq63w9] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.4;
}

.comfort-checkbox[b-una1wq63w9] {
    flex-shrink: 0;
}

/* Стили для чекбоксов */
.form-check-label[b-una1wq63w9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--color-text-primary);
}

.form-check-input[b-una1wq63w9] {
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid var(--color-border);
    border-radius: var(--border-radius-small);
    background-color: var(--color-white);
    cursor: pointer;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-check-input:checked[b-una1wq63w9] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.form-check-input:checked[b-una1wq63w9]::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-white);
    font-size: 0.8rem;
    font-weight: bold;
}

/* Стили для валидации */
.validation-summary[b-una1wq63w9] {
    background-color: var(--color-danger-light);
    border: 1px solid var(--color-danger);
    border-radius: var(--border-radius-medium);
    padding: 1rem;
    margin-bottom: 1.5rem;
    color: var(--color-danger);
    font-size: 0.9rem;
}

.validation-message[b-una1wq63w9] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.85rem;
    color: var(--color-danger);
}

/* Стили для кнопок - используем общие стили из partner-profile-pages.css */

/* Стили для загрузки */
.loading-container[b-una1wq63w9] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
}

.loading-spinner[b-una1wq63w9] {
    text-align: center;
    color: var(--color-text-secondary);
}

.loading-spinner i[b-una1wq63w9] {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--color-primary);
}

.loading-spinner p[b-una1wq63w9] {
    margin: 0;
    font-size: 1rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-una1wq63w9] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-una1wq63w9] {
        font-size: 1.4rem;
    }
    
    .page-title i[b-una1wq63w9] {
        font-size: 1.6rem;
    }
    
    .form-section[b-una1wq63w9] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .section-title[b-una1wq63w9] {
        font-size: 1rem;
    }
    
    .comfort-grid[b-una1wq63w9] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .comfort-item[b-una1wq63w9] {
        padding: 1rem;
        gap: 1rem;
    }
    
    .comfort-icon[b-una1wq63w9] {
        width: 48px;
        height: 48px;
        font-size: 1.2rem;
    }
    
    .comfort-name[b-una1wq63w9] {
        font-size: 1rem;
    }
    
    .comfort-description[b-una1wq63w9] {
        font-size: 0.85rem;
    }
    
    .form-actions[b-una1wq63w9] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .btn[b-una1wq63w9] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-container[b-una1wq63w9] {
        padding: 0.75rem;
    }
    
    .page-title[b-una1wq63w9] {
        font-size: 1.2rem;
    }
    
    .comfort-item[b-una1wq63w9] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .comfort-info[b-una1wq63w9] {
        order: 2;
    }
    
    .comfort-checkbox[b-una1wq63w9] {
        order: 3;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelContacts-old.razor.rz.scp.css */
/* CSS переменные */
:root[b-kpaj3sri4h] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --color-success: #28a745;
    --color-success-light: #d4edda;
    --color-warning: #ffc107;
    --color-warning-light: #fff3cd;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы */
.page-container[b-kpaj3sri4h] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-kpaj3sri4h] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-kpaj3sri4h] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-kpaj3sri4h] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-kpaj3sri4h] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для секций - как у туриста */
.form-section[b-kpaj3sri4h] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.form-section .section-header[b-kpaj3sri4h] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-kpaj3sri4h] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.form-section .section-content[b-kpaj3sri4h] {
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

.form-section .section-title[b-kpaj3sri4h] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-section .section-title i[b-kpaj3sri4h] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Стили для форм */
.contact-form fieldset[b-kpaj3sri4h] {
    border: none !important;
    margin: 0;
    padding: 0;
}

.contact-form .form-group[b-kpaj3sri4h] {
    margin-bottom: 1rem;
}

.contact-form .form-label[b-kpaj3sri4h] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.contact-form .form-control[b-kpaj3sri4h] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-form .form-control:focus[b-kpaj3sri4h] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Стили для кнопок */
.form-actions[b-kpaj3sri4h] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-start;
}

.form-actions .btn[b-kpaj3sri4h] {
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-medium);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid transparent;
}

.form-actions .btn-primary[b-kpaj3sri4h] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}

.form-actions .btn-primary:hover[b-kpaj3sri4h],
.form-actions button.btn-primary:hover[b-kpaj3sri4h],
.form-actions .btn-primary:focus[b-kpaj3sri4h],
.form-actions button.btn-primary:focus[b-kpaj3sri4h] {
    background-color: #5a8ddb !important;
    border-color: #5a8ddb !important;
    box-shadow: var(--shadow-medium) !important;
    color: #ffffff !important;
}

.form-actions .btn-secondary[b-kpaj3sri4h] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border-color: var(--color-secondary);
}

.form-actions .btn-secondary:hover[b-kpaj3sri4h] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    box-shadow: var(--shadow-medium);
}

/* Стили для секции верификации */
.verification-section[b-kpaj3sri4h] {
    padding: 1rem;
    background-color: var(--color-white);
    border-radius: var(--border-radius-medium);
    border: 1px solid var(--color-border);
}

/* Стили для таблицы контактов */
.contacts-table[b-kpaj3sri4h] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-medium);
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.contacts-table .table[b-kpaj3sri4h] {
    margin-bottom: 0;
}

.contacts-table .table thead th[b-kpaj3sri4h] {
    background-color: var(--color-background-light);
    border-bottom: 2px solid var(--color-border);
    font-weight: 600;
    color: var(--color-text-primary);
    padding: 1rem;
}

.contacts-table .table tbody td[b-kpaj3sri4h] {
    padding: 1rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--color-border);
}

.contacts-table .table tbody tr:hover[b-kpaj3sri4h] {
    background-color: var(--color-background-light);
}

.contact-name[b-kpaj3sri4h],
.contact-phone[b-kpaj3sri4h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}

.contact-name i[b-kpaj3sri4h],
.contact-phone i[b-kpaj3sri4h] {
    color: var(--color-primary);
    font-size: 0.9rem;
}

/* Стили для пустого состояния */
.empty-state[b-kpaj3sri4h] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--color-text-secondary);
    background-color: var(--color-white);
    border: 1px dashed var(--color-border);
    border-radius: var(--border-radius-medium);
    margin-top: 1rem;
}

.empty-state i[b-kpaj3sri4h] {
    font-size: 3rem;
    color: var(--color-border);
    margin-bottom: 1rem;
}

.empty-state p[b-kpaj3sri4h] {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.empty-state small[b-kpaj3sri4h] {
    font-size: 0.9rem;
}

/* Стили для алертов */
.alert[b-kpaj3sri4h] {
    padding: 1rem;
    border-radius: var(--border-radius-small);
    margin-top: 1rem;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-info[b-kpaj3sri4h] {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

.alert-success[b-kpaj3sri4h] {
    background-color: var(--color-success-light);
    border-color: var(--color-success);
    color: var(--color-success);
}

.alert-danger[b-kpaj3sri4h] {
    background-color: var(--color-danger-light);
    border-color: var(--color-danger);
    color: var(--color-danger);
}

/* Стили для модального окна */
.modal-content[b-kpaj3sri4h] {
    border-radius: var(--border-radius-large);
    box-shadow: var(--shadow-medium);
}

.modal-header[b-kpaj3sri4h] {
    border-bottom: 1px solid var(--color-border);
    padding: 1.25rem;
}

.modal-title[b-kpaj3sri4h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: var(--color-heading);
}

.modal-body[b-kpaj3sri4h] {
    padding: 1.25rem;
}

.modal-footer[b-kpaj3sri4h] {
    border-top: 1px solid var(--color-border);
    padding: 1.25rem;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

/* Валидация форм */
.validation-message[b-kpaj3sri4h] {
    color: var(--color-danger);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.form-text[b-kpaj3sri4h] {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    margin-top: 0.25rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-header[b-kpaj3sri4h] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-kpaj3sri4h] {
        font-size: 1.4rem;
    }
    
    .form-actions[b-kpaj3sri4h] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .form-actions .btn[b-kpaj3sri4h] {
        width: 100%;
        justify-content: center;
    }
    
    .contacts-table .table[b-kpaj3sri4h] {
        font-size: 0.9rem;
    }
    
    .contacts-table .table thead th[b-kpaj3sri4h],
    .contacts-table .table tbody td[b-kpaj3sri4h] {
        padding: 0.75rem 0.5rem;
    }
    
    .modal-footer[b-kpaj3sri4h] {
        flex-direction: column;
    }
    
    .modal-footer .btn[b-kpaj3sri4h] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .page-container[b-kpaj3sri4h] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .form-section[b-kpaj3sri4h] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .contacts-table .table[b-kpaj3sri4h] {
        font-size: 0.85rem;
    }
    
    .contacts-table .table thead th[b-kpaj3sri4h],
    .contacts-table .table tbody td[b-kpaj3sri4h] {
        padding: 0.5rem 0.25rem;
    }
    
    .contact-name[b-kpaj3sri4h],
    .contact-phone[b-kpaj3sri4h] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelDescriptionInfo-old.razor.rz.scp.css */
/* CSS переменные */
:root[b-08m4ckqdge] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --color-success: #28a745;
    --color-success-light: #d4edda;
    --color-warning: #ffc107;
    --color-warning-light: #fff3cd;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы */
.page-container[b-08m4ckqdge] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-08m4ckqdge] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-08m4ckqdge] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-08m4ckqdge] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-08m4ckqdge] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для секций - как у туриста */
.form-section[b-08m4ckqdge] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.form-section .section-header[b-08m4ckqdge] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-08m4ckqdge] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.form-section .section-title[b-08m4ckqdge] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-section .section-title i[b-08m4ckqdge] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Стили для кнопок */
.btn[b-08m4ckqdge] {
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius-medium);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    border: 1px solid transparent;
}

.btn-primary[b-08m4ckqdge] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}

.btn-primary:hover[b-08m4ckqdge] {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    box-shadow: var(--shadow-medium);
    color: var(--color-white);
}

/* Загрузка */
.loading-container[b-08m4ckqdge] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.loading-spinner[b-08m4ckqdge] {
    text-align: center;
    color: var(--color-primary);
}

.loading-spinner i[b-08m4ckqdge] {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.loading-spinner p[b-08m4ckqdge] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--color-text-secondary);
}

/* Стили для контента описания */
.description-content[b-08m4ckqdge] {
    min-height: 200px;
}

.description-text[b-08m4ckqdge] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    padding: 1rem;
    line-height: 1.6;
    color: var(--color-text-primary);
    font-size: 1rem;
}

.description-text h1[b-08m4ckqdge],
.description-text h2[b-08m4ckqdge],
.description-text h3[b-08m4ckqdge],
.description-text h4[b-08m4ckqdge],
.description-text h5[b-08m4ckqdge],
.description-text h6[b-08m4ckqdge] {
    color: var(--color-heading);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.description-text h1:first-child[b-08m4ckqdge],
.description-text h2:first-child[b-08m4ckqdge],
.description-text h3:first-child[b-08m4ckqdge],
.description-text h4:first-child[b-08m4ckqdge],
.description-text h5:first-child[b-08m4ckqdge],
.description-text h6:first-child[b-08m4ckqdge] {
    margin-top: 0;
}

.description-text p[b-08m4ckqdge] {
    margin-bottom: 1rem;
}

.description-text ul[b-08m4ckqdge],
.description-text ol[b-08m4ckqdge] {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.description-text li[b-08m4ckqdge] {
    margin-bottom: 0.25rem;
}

.description-text strong[b-08m4ckqdge] {
    font-weight: 600;
    color: var(--color-heading);
}

.description-text em[b-08m4ckqdge] {
    font-style: italic;
    color: var(--color-text-secondary);
}

.description-text blockquote[b-08m4ckqdge] {
    border-left: 4px solid var(--color-primary);
    padding-left: 1rem;
    margin: 1rem 0;
    font-style: italic;
    color: var(--color-text-secondary);
}

/* Стили для пустого состояния */
.empty-state[b-08m4ckqdge] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    text-align: center;
    color: var(--color-text-secondary);
    background-color: var(--color-white);
    border: 2px dashed var(--color-border);
    border-radius: var(--border-radius-small);
    padding: 2rem;
}

.empty-state i[b-08m4ckqdge] {
    font-size: 3rem;
    color: var(--color-text-secondary);
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state p[b-08m4ckqdge] {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--color-text-primary);
    margin-bottom: 0.5rem;
}

.empty-state small[b-08m4ckqdge] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    max-width: 300px;
    line-height: 1.4;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-header[b-08m4ckqdge] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-08m4ckqdge] {
        font-size: 1.4rem;
    }
    
    .form-section .section-header[b-08m4ckqdge] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .description-text[b-08m4ckqdge] {
        padding: 0.75rem;
        font-size: 0.95rem;
    }
    
    .empty-state[b-08m4ckqdge] {
        padding: 1.5rem;
        min-height: 150px;
    }
    
    .empty-state i[b-08m4ckqdge] {
        font-size: 2.5rem;
    }
}

@media (max-width: 576px) {
    .page-container[b-08m4ckqdge] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .form-section[b-08m4ckqdge] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .description-text[b-08m4ckqdge] {
        padding: 0.5rem;
    }
    
    .empty-state[b-08m4ckqdge] {
        padding: 1rem;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelDescriptionInfoEdit-old.razor.rz.scp.css */
/* CSS переменные */
:root[b-1ni2cvdgzq] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --color-success: #28a745;
    --color-success-light: #d4edda;
    --color-warning: #ffc107;
    --color-warning-light: #fff3cd;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы */
.page-container[b-1ni2cvdgzq] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-1ni2cvdgzq] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-1ni2cvdgzq] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-1ni2cvdgzq] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-1ni2cvdgzq] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для секций - как у туриста */
.form-section[b-1ni2cvdgzq] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-1ni2cvdgzq] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.form-section .section-header[b-1ni2cvdgzq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.form-section .section-title[b-1ni2cvdgzq] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-section .section-title i[b-1ni2cvdgzq] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Стили для кнопок */
.form-actions[b-1ni2cvdgzq] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.form-actions .btn[b-1ni2cvdgzq] {
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-medium);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    border: 1px solid transparent;
}

.form-actions .btn-primary[b-1ni2cvdgzq] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}

.form-actions .btn-primary:hover[b-1ni2cvdgzq],
.form-actions button.btn-primary:hover[b-1ni2cvdgzq],
.form-actions .btn-primary:focus[b-1ni2cvdgzq],
.form-actions button.btn-primary:focus[b-1ni2cvdgzq] {
    background-color: #5a8ddb !important;
    border-color: #5a8ddb !important;
    box-shadow: var(--shadow-medium) !important;
    color: #ffffff !important;
}

.form-actions .btn-secondary[b-1ni2cvdgzq] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border-color: var(--color-secondary);
}

.form-actions .btn-secondary:hover[b-1ni2cvdgzq] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    box-shadow: var(--shadow-medium);
}

/* Стили для больших кнопок */
.btn-lg[b-1ni2cvdgzq] {
    padding: 1rem 2rem !important;
    font-size: 1rem !important;
    border-radius: var(--border-radius-medium) !important;
}

/* Загрузка */
.loading-container[b-1ni2cvdgzq] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.loading-spinner[b-1ni2cvdgzq] {
    text-align: center;
    color: var(--color-primary);
}

.loading-spinner i[b-1ni2cvdgzq] {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.loading-spinner p[b-1ni2cvdgzq] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--color-text-secondary);
}

/* Стили для редактора */
.editor-container[b-1ni2cvdgzq] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    overflow: hidden;
}

.quill-editor[b-1ni2cvdgzq] {
    min-height: 400px;
    border: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Стили для Quill редактора */
.ql-toolbar[b-1ni2cvdgzq] {
    border-bottom: 1px solid var(--color-border) !important;
    background-color: var(--color-background-light) !important;
    padding: 0.75rem !important;
}

.ql-container[b-1ni2cvdgzq] {
    border: none !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: var(--color-text-primary) !important;
}

.ql-editor[b-1ni2cvdgzq] {
    padding: 1.25rem !important;
    min-height: 350px !important;
    color: var(--color-text-primary) !important;
}

.ql-editor.ql-blank[b-1ni2cvdgzq]::before {
    color: var(--color-text-secondary) !important;
    font-style: italic !important;
}

.ql-toolbar .ql-stroke[b-1ni2cvdgzq] {
    stroke: var(--color-text-secondary) !important;
}

.ql-toolbar .ql-fill[b-1ni2cvdgzq] {
    fill: var(--color-text-secondary) !important;
}

.ql-toolbar button:hover .ql-stroke[b-1ni2cvdgzq] {
    stroke: var(--color-primary) !important;
}

.ql-toolbar button:hover .ql-fill[b-1ni2cvdgzq] {
    fill: var(--color-primary) !important;
}

.ql-toolbar button.ql-active .ql-stroke[b-1ni2cvdgzq] {
    stroke: var(--color-primary) !important;
}

.ql-toolbar button.ql-active .ql-fill[b-1ni2cvdgzq] {
    fill: var(--color-primary) !important;
}

.ql-toolbar .ql-picker-label[b-1ni2cvdgzq] {
    color: var(--color-text-secondary) !important;
}

.ql-toolbar .ql-picker-options[b-1ni2cvdgzq] {
    background-color: var(--color-white) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--border-radius-small) !important;
    box-shadow: var(--shadow-medium) !important;
}

.ql-toolbar .ql-picker-item[b-1ni2cvdgzq] {
    color: var(--color-text-primary) !important;
}

.ql-toolbar .ql-picker-item:hover[b-1ni2cvdgzq] {
    background-color: var(--color-background-light) !important;
    color: var(--color-primary) !important;
}

/* Стили для алертов */
.alert[b-1ni2cvdgzq] {
    padding: 1rem;
    border-radius: var(--border-radius-small);
    margin-top: 1rem;
    border: 1px solid transparent;
}

.alert-danger[b-1ni2cvdgzq] {
    background-color: var(--color-danger-light);
    border-color: var(--color-danger);
    color: var(--color-danger);
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-header[b-1ni2cvdgzq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-1ni2cvdgzq] {
        font-size: 1.4rem;
    }
    
    .form-actions[b-1ni2cvdgzq] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .form-actions .btn[b-1ni2cvdgzq] {
        width: 100%;
        justify-content: center;
    }
    
    .quill-editor[b-1ni2cvdgzq] {
        min-height: 300px;
    }
    
    .ql-editor[b-1ni2cvdgzq] {
        min-height: 250px !important;
        padding: 1rem !important;
    }
    
    .ql-toolbar[b-1ni2cvdgzq] {
        padding: 0.5rem !important;
    }
}

@media (max-width: 576px) {
    .page-container[b-1ni2cvdgzq] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .form-section[b-1ni2cvdgzq] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .quill-editor[b-1ni2cvdgzq] {
        min-height: 250px;
    }
    
    .ql-editor[b-1ni2cvdgzq] {
        min-height: 200px !important;
        padding: 0.75rem !important;
    }
    
    .ql-toolbar[b-1ni2cvdgzq] {
        padding: 0.5rem !important;
    }
    
    .ql-toolbar .ql-formats[b-1ni2cvdgzq] {
        margin-right: 0.5rem !important;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelDescriptionInfoEdit.razor.rz.scp.css */
/* Стили для редактора */
.editor-container[b-rw3785lans] {
    background-color: var(--color-white, #ffffff);
    border: 1px solid var(--color-border, #e0e0e0);
    border-radius: var(--border-radius-small, 0.375rem);
    overflow: hidden;
}

.quill-editor[b-rw3785lans] {
    min-height: 400px;
    border: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Стили для Quill редактора */
.ql-toolbar[b-rw3785lans] {
    border-bottom: 1px solid var(--color-border, #e0e0e0) !important;
    background-color: var(--color-background-light, #f8f9fa) !important;
    padding: 0.75rem !important;
}

.ql-container[b-rw3785lans] {
    border: none !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: var(--color-text-primary, #212529) !important;
}

.ql-editor[b-rw3785lans] {
    padding: 1.25rem !important;
    min-height: 350px !important;
    color: var(--color-text-primary, #212529) !important;
}

.ql-editor.ql-blank[b-rw3785lans]::before {
    color: var(--color-text-secondary, #6c757d) !important;
    font-style: italic !important;
}

.ql-toolbar .ql-stroke[b-rw3785lans] {
    stroke: var(--color-text-secondary, #6c757d) !important;
}

.ql-toolbar .ql-fill[b-rw3785lans] {
    fill: var(--color-text-secondary, #6c757d) !important;
}

.ql-toolbar button:hover .ql-stroke[b-rw3785lans] {
    stroke: var(--color-primary, #84acec) !important;
}

.ql-toolbar button:hover .ql-fill[b-rw3785lans] {
    fill: var(--color-primary, #84acec) !important;
}

.ql-toolbar button.ql-active .ql-stroke[b-rw3785lans] {
    stroke: var(--color-primary, #84acec) !important;
}

.ql-toolbar button.ql-active .ql-fill[b-rw3785lans] {
    fill: var(--color-primary, #84acec) !important;
}

.ql-toolbar .ql-picker-label[b-rw3785lans] {
    color: var(--color-text-secondary, #6c757d) !important;
}

.ql-toolbar .ql-picker-options[b-rw3785lans] {
    background-color: var(--color-white, #ffffff) !important;
    border: 1px solid var(--color-border, #e0e0e0) !important;
    border-radius: var(--border-radius-small, 0.375rem) !important;
    box-shadow: var(--shadow-medium, 0 4px 16px rgba(0, 0, 0, 0.1)) !important;
}

.ql-toolbar .ql-picker-item[b-rw3785lans] {
    color: var(--color-text-primary, #212529) !important;
}

.ql-toolbar .ql-picker-item:hover[b-rw3785lans] {
    background-color: var(--color-background-light, #f8f9fa) !important;
    color: var(--color-primary, #84acec) !important;
}

/* Стили для кнопок */
.form-actions[b-rw3785lans] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.form-actions .btn[b-rw3785lans] {
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-medium, 0.5rem);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    border: 1px solid transparent;
}

.form-actions .btn-primary[b-rw3785lans] {
    background-color: var(--color-primary, #84acec);
    color: var(--color-white, #ffffff);
    border-color: var(--color-primary, #84acec);
}

.form-actions .btn-primary:hover[b-rw3785lans],
.form-actions button.btn-primary:hover[b-rw3785lans],
.form-actions .btn-primary:focus[b-rw3785lans],
.form-actions button.btn-primary:focus[b-rw3785lans] {
    background-color: #5a8ddb !important;
    border-color: #5a8ddb !important;
    box-shadow: var(--shadow-medium, 0 4px 16px rgba(0, 0, 0, 0.1)) !important;
    color: #ffffff !important;
}

.form-actions .btn-secondary[b-rw3785lans] {
    background-color: var(--color-secondary, #f8f9fa);
    color: var(--color-text-primary, #212529);
    border-color: var(--color-secondary, #f8f9fa);
}

.form-actions .btn-secondary:hover[b-rw3785lans] {
    background-color: var(--color-secondary-dark, #e9ecef);
    border-color: var(--color-secondary-dark, #e9ecef);
    box-shadow: var(--shadow-medium, 0 4px 16px rgba(0, 0, 0, 0.1));
}

/* Стили для больших кнопок */
.btn-lg[b-rw3785lans] {
    padding: 1rem 2rem !important;
    font-size: 1rem !important;
    border-radius: var(--border-radius-medium, 0.5rem) !important;
}

/* Стили для алертов */
.alert[b-rw3785lans] {
    padding: 1rem;
    border-radius: var(--border-radius-small, 0.375rem);
    margin-top: 1rem;
    border: 1px solid transparent;
}

.alert-danger[b-rw3785lans] {
    background-color: var(--color-danger-light, #f8d7da);
    border-color: var(--color-danger, #dc3545);
    color: var(--color-danger, #dc3545);
}

/* Адаптивность */
@media (max-width: 768px) {
    .quill-editor[b-rw3785lans] {
        min-height: 300px;
    }
    
    .ql-editor[b-rw3785lans] {
        min-height: 250px !important;
        padding: 1rem !important;
    }
    
    .ql-toolbar[b-rw3785lans] {
        padding: 0.5rem !important;
    }
    
    .form-actions[b-rw3785lans] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .form-actions .btn[b-rw3785lans] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .quill-editor[b-rw3785lans] {
        min-height: 250px;
    }
    
    .ql-editor[b-rw3785lans] {
        min-height: 200px !important;
        padding: 0.75rem !important;
    }
    
    .ql-toolbar[b-rw3785lans] {
        padding: 0.5rem !important;
    }
    
    .ql-toolbar .ql-formats[b-rw3785lans] {
        margin-right: 0.5rem !important;
    }
}

/* _content/SibAlt/Components/Pages/Account/Partner/HotelGeneralInfoEdit-old.razor.rz.scp.css */
/* CSS переменные */
:root[b-vo7q78k4hc] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы */
.page-container[b-vo7q78k4hc] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-vo7q78k4hc] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-vo7q78k4hc] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-vo7q78k4hc] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-vo7q78k4hc] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для формы - как у туриста */
.hotel-form .form-section[b-vo7q78k4hc] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.hotel-form .form-section > *:not(.section-header)[b-vo7q78k4hc] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.hotel-form .section-header[b-vo7q78k4hc] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hotel-form .section-title[b-vo7q78k4hc] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.hotel-form .section-title i[b-vo7q78k4hc] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

.hotel-form .form-group[b-vo7q78k4hc] {
    margin-bottom: 0.75rem;
}

.hotel-form .form-label[b-vo7q78k4hc] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.hotel-form .form-control[b-vo7q78k4hc],
.hotel-form .form-select[b-vo7q78k4hc] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.hotel-form .form-control:focus[b-vo7q78k4hc],
.hotel-form .form-select:focus[b-vo7q78k4hc] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Стили для кнопок */
.form-actions[b-vo7q78k4hc] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
    align-items: center;
}

/* Специфичные стили для этой страницы (если нужны) */

.form-actions .btn[b-vo7q78k4hc] {
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-medium);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-actions .btn-primary[b-vo7q78k4hc] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.btn-primary:hover[b-vo7q78k4hc],
.form-actions .btn-primary:hover[b-vo7q78k4hc],
.form-actions button.btn-primary:hover[b-vo7q78k4hc],
.hotel-form .form-actions .btn-primary:hover[b-vo7q78k4hc],
.hotel-form .form-actions button.btn-primary:hover[b-vo7q78k4hc],
.form-actions .btn-primary.btn-lg:hover[b-vo7q78k4hc],
.form-actions button.btn-primary.btn-lg:hover[b-vo7q78k4hc],
.hotel-form .form-actions .btn-primary.btn-lg:hover[b-vo7q78k4hc],
.hotel-form .form-actions button.btn-primary.btn-lg:hover[b-vo7q78k4hc],
.form-actions .btn-primary:focus[b-vo7q78k4hc],
.form-actions button.btn-primary:focus[b-vo7q78k4hc],
.hotel-form .form-actions .btn-primary:focus[b-vo7q78k4hc],
.hotel-form .form-actions button.btn-primary:focus[b-vo7q78k4hc] {
    background-color: #5a8ddb !important;
    border-color: #5a8ddb !important;
    box-shadow: var(--shadow-medium) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.form-actions .btn-secondary[b-vo7q78k4hc] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border);
}

.btn-secondary:hover[b-vo7q78k4hc],
.form-actions .btn-secondary:hover[b-vo7q78k4hc],
.form-actions button.btn-secondary:hover[b-vo7q78k4hc],
.hotel-form .form-actions .btn-secondary:hover[b-vo7q78k4hc],
.hotel-form .form-actions button.btn-secondary:hover[b-vo7q78k4hc],
.form-actions .btn-secondary.btn-lg:hover[b-vo7q78k4hc],
.form-actions button.btn-secondary.btn-lg:hover[b-vo7q78k4hc],
.hotel-form .form-actions .btn-secondary.btn-lg:hover[b-vo7q78k4hc],
.hotel-form .form-actions button.btn-secondary.btn-lg:hover[b-vo7q78k4hc] {
    background-color: var(--color-secondary-dark) !important;
    border-color: var(--color-secondary-dark) !important;
    color: var(--color-text-primary) !important;
    text-decoration: none !important;
}

.btn[b-vo7q78k4hc] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-lg[b-vo7q78k4hc] {
    padding: 1rem 2rem;
    font-size: 1rem;
    border-radius: var(--border-radius-medium);
}

/* Загрузка */
.loading-container[b-vo7q78k4hc] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.loading-spinner[b-vo7q78k4hc] {
    text-align: center;
    color: var(--color-primary);
}

.loading-spinner i[b-vo7q78k4hc] {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.loading-spinner p[b-vo7q78k4hc] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--color-text-secondary);
}

/* Dropdown для автоподстановки адресов */
.suggestions-dropdown[b-vo7q78k4hc] {
    position: absolute;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-large);
    z-index: 1000;
    margin-top: 2px;
    box-shadow: var(--shadow-medium);
}

.suggestion-item[b-vo7q78k4hc] {
    width: 100%;
    text-align: left;
    padding: 0.75rem 1rem;
    border: none;
    background: none;
    font-size: 0.95rem;
    transition: background-color 0.3s ease;
    color: var(--color-text-primary);
}

.suggestion-item:hover[b-vo7q78k4hc] {
    background-color: var(--color-background-light);
    cursor: pointer;
}

/* Валидация форм */
.validation-message[b-vo7q78k4hc] {
    color: var(--color-danger);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.validation-summary[b-vo7q78k4hc] {
    background-color: var(--color-danger-light);
    border: 1px solid var(--color-danger);
    border-radius: var(--border-radius-small);
    padding: 1rem;
    margin-bottom: 1rem;
    color: var(--color-danger);
}

.is-invalid[b-vo7q78k4hc] {
    border-color: var(--color-danger) !important;
}

.is-invalid:focus[b-vo7q78k4hc] {
    border-color: var(--color-danger) !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* Дополнительные стили для улучшения UX */
.form-text[b-vo7q78k4hc] {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    margin-top: 0.25rem;
}

.tag-grid[b-vo7q78k4hc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

.tag-option[b-vo7q78k4hc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    background-color: var(--color-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.tag-option:hover[b-vo7q78k4hc] {
    border-color: var(--color-primary);
    box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.15);
}

.tag-checkbox[b-vo7q78k4hc] {
    margin: 0;
}

.tag-label[b-vo7q78k4hc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-text-primary);
    cursor: pointer;
}

.tag-color[b-vo7q78k4hc] {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.tag-name[b-vo7q78k4hc] {
    line-height: 1.2;
}

.tags-loading[b-vo7q78k4hc] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    color: var(--color-text-secondary);
}

/* Адаптивность */
@media (max-width: 768px) {
    .form-actions[b-vo7q78k4hc] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .form-actions .btn[b-vo7q78k4hc] {
        width: 100%;
        min-width: auto;
    }
    
    .suggestions-dropdown[b-vo7q78k4hc] {
        max-height: 200px;
    }
    
    .suggestion-item[b-vo7q78k4hc] {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }
    
    .page-header[b-vo7q78k4hc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-vo7q78k4hc] {
        font-size: 1.4rem;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelPhotos-old.razor.rz.scp.css */
/* CSS переменные */
:root[b-9p8fqjr7co] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --color-success: #28a745;
    --color-success-light: #d4edda;
    --color-warning: #ffc107;
    --color-warning-light: #fff3cd;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы */
.page-container[b-9p8fqjr7co] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-9p8fqjr7co] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-9p8fqjr7co] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-9p8fqjr7co] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-9p8fqjr7co] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для секций - как у туриста */
.form-section[b-9p8fqjr7co] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-9p8fqjr7co] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.form-section .section-header[b-9p8fqjr7co] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.form-section .section-title[b-9p8fqjr7co] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-section .section-title i[b-9p8fqjr7co] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Стили для формы загрузки */
.upload-form .form-group[b-9p8fqjr7co] {
    margin-bottom: 1rem;
}

.upload-form .form-label[b-9p8fqjr7co] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.upload-form .form-control[b-9p8fqjr7co] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.upload-form .form-control:focus[b-9p8fqjr7co] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Стили для галереи фотографий */
.photos-grid[b-9p8fqjr7co] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}

.photo-card[b-9p8fqjr7co] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-small);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.photo-card:hover[b-9p8fqjr7co] {
    box-shadow: var(--shadow-medium);
    transform: translateY(-2px);
}

.photo-card.main-photo[b-9p8fqjr7co] {
    border: none;
    box-shadow: none;
}

.photo-card.main-photo:hover[b-9p8fqjr7co] {
    box-shadow: none;
    transform: none;
}

.photo-image[b-9p8fqjr7co] {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.photo-image img[b-9p8fqjr7co] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.photo-card:hover .photo-image img[b-9p8fqjr7co] {
    transform: scale(1.05);
}

.main-badge[b-9p8fqjr7co] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: linear-gradient(135deg, var(--color-warning), #ff8c00);
    color: var(--color-white);
    padding: 0.25rem 0.5rem;
    border-radius: var(--border-radius-small);
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.main-badge i[b-9p8fqjr7co] {
    font-size: 0.7rem;
}

.photo-actions[b-9p8fqjr7co] {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-background-light);
    border-top: 1px solid var(--color-border);
}

.photo-actions .form-check[b-9p8fqjr7co] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.photo-actions .form-check-input[b-9p8fqjr7co] {
    margin: 0;
    width: 1rem;
    height: 1rem;
}

.photo-actions .form-check-label[b-9p8fqjr7co] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--color-text-primary);
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    cursor: pointer;
}

.photo-actions .form-check-label i[b-9p8fqjr7co] {
    color: var(--color-warning);
    font-size: 0.8rem;
}

.photo-actions .btn[b-9p8fqjr7co] {
    padding: 0.5rem 0.75rem;
    border-radius: var(--border-radius-small);
    font-size: 0.85rem;
    transition: all 0.2s ease;
}

.photo-actions .btn-danger[b-9p8fqjr7co] {
    background-color: var(--color-danger);
    color: var(--color-white);
    border: 1px solid var(--color-danger);
}

.photo-actions .btn-danger:hover[b-9p8fqjr7co] {
    background-color: #c82333;
    border-color: #c82333;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}

/* Стили для пустого состояния */
.empty-state[b-9p8fqjr7co] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--color-text-secondary);
    background-color: var(--color-white);
    border: 1px dashed var(--color-border);
    border-radius: var(--border-radius-medium);
    margin-top: 1rem;
}

.empty-state i[b-9p8fqjr7co] {
    font-size: 3rem;
    color: var(--color-border);
    margin-bottom: 1rem;
}

.empty-state p[b-9p8fqjr7co] {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.empty-state small[b-9p8fqjr7co] {
    font-size: 0.9rem;
}

/* Загрузка */
.loading-container[b-9p8fqjr7co] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.loading-spinner[b-9p8fqjr7co] {
    text-align: center;
    color: var(--color-primary);
}

.loading-spinner i[b-9p8fqjr7co] {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.loading-spinner p[b-9p8fqjr7co] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--color-text-secondary);
}

/* Стили для алертов */
.alert[b-9p8fqjr7co] {
    padding: 1rem;
    border-radius: var(--border-radius-small);
    margin-top: 1rem;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-info[b-9p8fqjr7co] {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

.alert-danger[b-9p8fqjr7co] {
    background-color: var(--color-danger-light);
    border-color: var(--color-danger);
    color: var(--color-danger);
}

.form-text[b-9p8fqjr7co] {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    margin-top: 0.25rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-header[b-9p8fqjr7co] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-9p8fqjr7co] {
        font-size: 1.4rem;
    }
    
    .photos-grid[b-9p8fqjr7co] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 1rem;
    }
    
    .photo-image[b-9p8fqjr7co] {
        height: 150px;
    }
    
    .photo-actions[b-9p8fqjr7co] {
        padding: 0.75rem;
        flex-direction: column;
        gap: 0.75rem;
        align-items: stretch;
    }
    
    .photo-actions .form-check[b-9p8fqjr7co] {
        justify-content: center;
    }
    
    .photo-actions .btn[b-9p8fqjr7co] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .page-container[b-9p8fqjr7co] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .form-section[b-9p8fqjr7co] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .photos-grid[b-9p8fqjr7co] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .photo-image[b-9p8fqjr7co] {
        height: 200px;
    }
    
    .photo-actions[b-9p8fqjr7co] {
        padding: 1rem;
    }
    
    .main-badge[b-9p8fqjr7co] {
        font-size: 0.7rem;
        padding: 0.2rem 0.4rem;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelPhotos.razor.rz.scp.css */
/* Стили для страницы загрузки фотографий отеля */

/* Заголовок страницы */
.page-header[b-emfk3fb9y0] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-emfk3fb9y0] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
}

.page-title i[b-emfk3fb9y0] {
    color: var(--color-primary);
    margin-right: 0.5rem;
    font-size: 1.8rem;
}

.page-subtitle[b-emfk3fb9y0] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для секций - как у туриста */
.form-section[b-emfk3fb9y0] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-emfk3fb9y0] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.form-section .section-header[b-emfk3fb9y0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0;
    padding: 1.5rem 1.5rem 0.75rem 1.5rem;
    border-bottom: 1px dashed var(--color-border);
    background-color: var(--color-background-light, #f8f9fa);
}

.form-section .section-title[b-emfk3fb9y0] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-section .section-title i[b-emfk3fb9y0] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

.form-section .section-content[b-emfk3fb9y0] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

/* Стили для формы загрузки */
.upload-form .form-group[b-emfk3fb9y0] {
    margin-bottom: 1rem;
}

.upload-form .form-label[b-emfk3fb9y0] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.upload-form .form-control[b-emfk3fb9y0] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.upload-form .form-control:focus[b-emfk3fb9y0] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Стили для галереи фотографий */
.photos-grid[b-emfk3fb9y0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}

.photo-card[b-emfk3fb9y0] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-small);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.photo-card:hover[b-emfk3fb9y0] {
    box-shadow: var(--shadow-medium);
    transform: translateY(-2px);
}

.photo-card.main-photo[b-emfk3fb9y0] {
    border: none;
    box-shadow: none;
}

.photo-card.main-photo:hover[b-emfk3fb9y0] {
    box-shadow: none;
    transform: none;
}

.photo-image[b-emfk3fb9y0] {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.photo-image img[b-emfk3fb9y0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.photo-card:hover .photo-image img[b-emfk3fb9y0] {
    transform: scale(1.05);
}

.main-badge[b-emfk3fb9y0] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: linear-gradient(135deg, var(--color-warning), #ff8c00);
    color: var(--color-white);
    padding: 0.25rem 0.5rem;
    border-radius: var(--border-radius-small);
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.main-badge i[b-emfk3fb9y0] {
    font-size: 0.7rem;
}

.photo-actions[b-emfk3fb9y0] {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-background-light);
    border-top: 1px solid var(--color-border);
}

.photo-actions .form-check[b-emfk3fb9y0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.photo-actions .form-check-input[b-emfk3fb9y0] {
    margin: 0;
    width: 1rem;
    height: 1rem;
}

.photo-actions .form-check-label[b-emfk3fb9y0] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--color-text-primary);
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    cursor: pointer;
}

.photo-actions .form-check-label i[b-emfk3fb9y0] {
    color: var(--color-warning);
    font-size: 0.85rem;
}

.photo-actions .btn[b-emfk3fb9y0] {
    padding: 0.5rem 0.75rem;
    border-radius: var(--border-radius-small);
    font-size: 0.85rem;
    transition: all 0.2s ease;
}

.photo-actions .btn-danger[b-emfk3fb9y0] {
    background-color: var(--color-danger);
    color: var(--color-white);
    border: 1px solid var(--color-danger);
}

.photo-actions .btn-danger:hover[b-emfk3fb9y0] {
    background-color: #c82333;
    border-color: #c82333;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}

.photo-actions .btn:disabled[b-emfk3fb9y0] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Состояние загрузки */
.loading-container[b-emfk3fb9y0] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    padding: 2rem;
}

.loading-spinner[b-emfk3fb9y0] {
    text-align: center;
    color: var(--color-text-secondary);
}

.loading-spinner i[b-emfk3fb9y0] {
    font-size: 2rem;
    color: var(--color-primary);
    margin-bottom: 1rem;
}

.loading-spinner p[b-emfk3fb9y0] {
    margin: 0;
    font-size: 1rem;
}

/* Пустое состояние */
.empty-state[b-emfk3fb9y0] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--color-text-secondary);
}

.empty-state i[b-emfk3fb9y0] {
    font-size: 3rem;
    color: var(--color-border);
    margin-bottom: 1rem;
}

.empty-state p[b-emfk3fb9y0] {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--color-text-primary);
    margin-bottom: 0.5rem;
}

.empty-state small[b-emfk3fb9y0] {
    font-size: 0.9rem;
}

/* Алерты */
.alert[b-emfk3fb9y0] {
    padding: 1rem;
    border-radius: var(--border-radius-small);
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.alert i[b-emfk3fb9y0] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.alert-info[b-emfk3fb9y0] {
    background-color: var(--color-info-light);
    border: 1px solid var(--color-info);
    color: var(--color-info-dark);
}

.alert-danger[b-emfk3fb9y0] {
    background-color: var(--color-danger-light);
    border-color: var(--color-danger);
    color: var(--color-danger);
}

.form-text[b-emfk3fb9y0] {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    margin-top: 0.25rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-header[b-emfk3fb9y0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-emfk3fb9y0] {
        font-size: 1.4rem;
    }
    
    .photos-grid[b-emfk3fb9y0] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 1rem;
    }
    
    .photo-image[b-emfk3fb9y0] {
        height: 150px;
    }
    
    .photo-actions[b-emfk3fb9y0] {
        padding: 0.75rem;
        flex-direction: column;
        gap: 0.75rem;
        align-items: stretch;
    }
    
    .photo-actions .form-check[b-emfk3fb9y0] {
        justify-content: center;
    }
    
    .photo-actions .btn[b-emfk3fb9y0] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .page-container[b-emfk3fb9y0] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .form-section[b-emfk3fb9y0] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .form-section .section-header[b-emfk3fb9y0] {
        padding: 1rem 1rem 0.75rem 1rem;
    }
    
    .form-section .section-content[b-emfk3fb9y0] {
        padding: 1rem;
    }
    
    .photos-grid[b-emfk3fb9y0] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .photo-image[b-emfk3fb9y0] {
        height: 200px;
    }
    
    .photo-actions[b-emfk3fb9y0] {
        padding: 1rem;
    }
    
    .main-badge[b-emfk3fb9y0] {
        font-size: 0.7rem;
        padding: 0.2rem 0.4rem;
    }
}

/* _content/SibAlt/Components/Pages/Account/Partner/HotelRules-old.razor.rz.scp.css */
/* CSS переменные */
:root[b-a4jfxxwrz9] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы */
.page-container[b-a4jfxxwrz9] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-a4jfxxwrz9] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-a4jfxxwrz9] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-a4jfxxwrz9] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-a4jfxxwrz9] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для секций - как у туриста */
.form-section[b-a4jfxxwrz9] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-a4jfxxwrz9] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.section-header[b-a4jfxxwrz9] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.section-title[b-a4jfxxwrz9] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title i[b-a4jfxxwrz9] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Стили для групп форм */
.form-group[b-a4jfxxwrz9] {
    margin-bottom: 0.75rem;
}

/* Стили для текста правил */
.rule-text[b-a4jfxxwrz9] {
    font-size: 0.95rem;
    color: var(--color-text-primary);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.rule-note[b-a4jfxxwrz9] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    font-style: italic;
    margin-top: 0.5rem;
    margin-bottom: 0;
}

/* Стили для информационных строк */
.info-row[b-a4jfxxwrz9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.info-row:last-child[b-a4jfxxwrz9] {
    border-bottom: none;
}

.info-label[b-a4jfxxwrz9] {
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.info-value[b-a4jfxxwrz9] {
    font-weight: 600;
    color: var(--color-primary);
    font-size: 0.95rem;
}

/* Стили для кнопок */
.form-actions[b-a4jfxxwrz9] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.btn[b-a4jfxxwrz9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-a4jfxxwrz9] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.btn-primary:hover[b-a4jfxxwrz9] {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    box-shadow: var(--shadow-medium);
    color: var(--color-white);
    text-decoration: none;
}

.btn-lg[b-a4jfxxwrz9] {
    padding: 1rem 2rem;
    font-size: 1rem;
}

/* Стили для загрузки */
.loading-container[b-a4jfxxwrz9] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
}

.loading-spinner[b-a4jfxxwrz9] {
    text-align: center;
    color: var(--color-text-secondary);
}

.loading-spinner i[b-a4jfxxwrz9] {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--color-primary);
}

.loading-spinner p[b-a4jfxxwrz9] {
    margin: 0;
    font-size: 1rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-a4jfxxwrz9] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-a4jfxxwrz9] {
        font-size: 1.4rem;
    }
    
    .page-title i[b-a4jfxxwrz9] {
        font-size: 1.6rem;
    }
    
    .form-section[b-a4jfxxwrz9] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .section-title[b-a4jfxxwrz9] {
        font-size: 1rem;
    }
    
    .info-row[b-a4jfxxwrz9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .form-actions[b-a4jfxxwrz9] {
        justify-content: center;
    }
    
    .btn[b-a4jfxxwrz9] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-header[b-a4jfxxwrz9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-a4jfxxwrz9] {
        font-size: 1.2rem;
    }
    
    .page-subtitle[b-a4jfxxwrz9] {
        font-size: 0.9rem;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelRulesEdit-old.razor.rz.scp.css */
/* CSS переменные */
:root[b-3p1z7ckxx9] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --color-success: #28a745;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы */
.page-container[b-3p1z7ckxx9] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-3p1z7ckxx9] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-3p1z7ckxx9] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-3p1z7ckxx9] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-3p1z7ckxx9] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для формы */
.rules-form[b-3p1z7ckxx9] {
    width: 100%;
}

/* Стили для секций - как у туриста */
.form-section[b-3p1z7ckxx9] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-3p1z7ckxx9] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.section-header[b-3p1z7ckxx9] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.section-title[b-3p1z7ckxx9] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title i[b-3p1z7ckxx9] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Стили для групп форм */
.form-group[b-3p1z7ckxx9] {
    margin-bottom: 0.75rem;
}

.form-row[b-3p1z7ckxx9] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-col[b-3p1z7ckxx9] {
    flex: 1;
    min-width: 0;
}

/* Стили для полей ввода */
.form-label[b-3p1z7ckxx9] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.form-control[b-3p1z7ckxx9] {
    width: 100%;
    padding: 0.75rem;
    font-size: 0.95rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    background-color: var(--color-white);
    color: var(--color-text-primary);
    transition: all 0.3s ease;
}

.form-control:focus[b-3p1z7ckxx9] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
}

.time-input[b-3p1z7ckxx9] {
    max-width: 200px;
}

.form-text[b-3p1z7ckxx9] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.85rem;
    color: var(--color-text-secondary);
}

/* Стили для групп ввода */
.input-group[b-3p1z7ckxx9] {
    display: flex;
    align-items: center;
}

.input-group .form-control[b-3p1z7ckxx9] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.input-group-text[b-3p1z7ckxx9] {
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--color-text-secondary);
    background-color: var(--color-background-light);
    border: 1px solid var(--color-border);
    border-left: none;
    border-top-right-radius: var(--border-radius-medium);
    border-bottom-right-radius: var(--border-radius-medium);
}

/* Стили для текста правил */
.rule-text[b-3p1z7ckxx9] {
    font-size: 0.95rem;
    color: var(--color-text-primary);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.rule-note[b-3p1z7ckxx9] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    font-style: italic;
    margin-top: 0.5rem;
    margin-bottom: 0;
}

/* Стили для валидации */
.validation-summary[b-3p1z7ckxx9] {
    background-color: var(--color-danger-light);
    border: 1px solid var(--color-danger);
    border-radius: var(--border-radius-medium);
    padding: 1rem;
    margin-bottom: 1.5rem;
    color: var(--color-danger);
    font-size: 0.9rem;
}

.validation-message[b-3p1z7ckxx9] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.85rem;
    color: var(--color-danger);
}

/* Стили для кнопок */
.form-actions[b-3p1z7ckxx9] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.btn[b-3p1z7ckxx9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-3p1z7ckxx9] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.btn-primary:hover[b-3p1z7ckxx9],
.form-actions .btn-primary:hover[b-3p1z7ckxx9],
.form-actions button.btn-primary:hover[b-3p1z7ckxx9],
.rules-form .form-actions .btn-primary:hover[b-3p1z7ckxx9],
.rules-form .form-actions button.btn-primary:hover[b-3p1z7ckxx9],
.form-actions .btn-primary.btn-lg:hover[b-3p1z7ckxx9],
.form-actions button.btn-primary.btn-lg:hover[b-3p1z7ckxx9],
.rules-form .form-actions .btn-primary.btn-lg:hover[b-3p1z7ckxx9],
.rules-form .form-actions button.btn-primary.btn-lg:hover[b-3p1z7ckxx9] {
    background-color: #5a8ddb !important;
    border-color: #5a8ddb !important;
    box-shadow: var(--shadow-medium) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.btn-secondary[b-3p1z7ckxx9] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border);
}

.btn-secondary:hover[b-3p1z7ckxx9] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    color: var(--color-text-primary);
    text-decoration: none;
}

.btn-lg[b-3p1z7ckxx9] {
    padding: 1rem 2rem;
    font-size: 1rem;
}

/* Стили для загрузки */
.loading-container[b-3p1z7ckxx9] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
}

.loading-spinner[b-3p1z7ckxx9] {
    text-align: center;
    color: var(--color-text-secondary);
}

.loading-spinner i[b-3p1z7ckxx9] {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--color-primary);
}

.loading-spinner p[b-3p1z7ckxx9] {
    margin: 0;
    font-size: 1rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-3p1z7ckxx9] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-3p1z7ckxx9] {
        font-size: 1.4rem;
    }
    
    .page-title i[b-3p1z7ckxx9] {
        font-size: 1.6rem;
    }
    
    .form-section[b-3p1z7ckxx9] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .section-title[b-3p1z7ckxx9] {
        font-size: 1rem;
    }
    
    .form-row[b-3p1z7ckxx9] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .form-actions[b-3p1z7ckxx9] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .btn[b-3p1z7ckxx9] {
        width: 100%;
        justify-content: center;
    }
    
    .time-input[b-3p1z7ckxx9] {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .page-header[b-3p1z7ckxx9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-3p1z7ckxx9] {
        font-size: 1.2rem;
    }
    
    .page-subtitle[b-3p1z7ckxx9] {
        font-size: 0.9rem;
    }
    
    .input-group[b-3p1z7ckxx9] {
        flex-direction: column;
    }
    
    .input-group .form-control[b-3p1z7ckxx9] {
        border-radius: var(--border-radius-medium);
        border-right: 1px solid var(--color-border);
    }
    
    .input-group-text[b-3p1z7ckxx9] {
        border-radius: var(--border-radius-medium);
        border-left: 1px solid var(--color-border);
        border-top: none;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelRulesEdit.razor.rz.scp.css */
/* CSS переменные */
:root[b-skqq7rnbxq] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --color-success: #28a745;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Стили для формы */
.rules-form[b-skqq7rnbxq] {
    width: 100%;
}

/* Стили для групп форм */
.form-group[b-skqq7rnbxq] {
    margin-bottom: 0.75rem;
}

.form-row[b-skqq7rnbxq] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-col[b-skqq7rnbxq] {
    flex: 1;
    min-width: 0;
}

/* Стили для полей ввода */
.form-label[b-skqq7rnbxq] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.form-control[b-skqq7rnbxq] {
    width: 100%;
    padding: 0.75rem;
    font-size: 0.95rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    background-color: var(--color-white);
    color: var(--color-text-primary);
    transition: all 0.3s ease;
}

.form-control:focus[b-skqq7rnbxq] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
}

.time-input[b-skqq7rnbxq] {
    max-width: 200px;
}

.form-text[b-skqq7rnbxq] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.85rem;
    color: var(--color-text-secondary);
}

/* Стили для групп ввода */
.input-group[b-skqq7rnbxq] {
    display: flex;
    align-items: center;
}

.input-group .form-control[b-skqq7rnbxq] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.input-group-text[b-skqq7rnbxq] {
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--color-text-secondary);
    background-color: var(--color-background-light);
    border: 1px solid var(--color-border);
    border-left: none;
    border-top-right-radius: var(--border-radius-medium);
    border-bottom-right-radius: var(--border-radius-medium);
}

/* Стили для текста правил */
.rule-text[b-skqq7rnbxq] {
    font-size: 0.95rem;
    color: var(--color-text-primary);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.rule-note[b-skqq7rnbxq] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    font-style: italic;
    margin-top: 0.5rem;
    margin-bottom: 0;
}

/* Стили для валидации */
.validation-summary[b-skqq7rnbxq] {
    background-color: var(--color-danger-light);
    border: 1px solid var(--color-danger);
    border-radius: var(--border-radius-medium);
    padding: 1rem;
    margin-bottom: 1.5rem;
    color: var(--color-danger);
    font-size: 0.9rem;
}

.validation-message[b-skqq7rnbxq] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.85rem;
    color: var(--color-danger);
}

/* Стили для кнопок */
.form-actions[b-skqq7rnbxq] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.form-actions .btn[b-skqq7rnbxq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.form-actions .btn-primary[b-skqq7rnbxq] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.form-actions .btn-primary:hover[b-skqq7rnbxq],
.form-actions button.btn-primary:hover[b-skqq7rnbxq],
.form-actions .btn-primary:focus[b-skqq7rnbxq],
.form-actions button.btn-primary:focus[b-skqq7rnbxq] {
    background-color: #5a8ddb !important;
    border-color: #5a8ddb !important;
    box-shadow: var(--shadow-medium) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.form-actions .btn-secondary[b-skqq7rnbxq] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border);
}

.form-actions .btn-secondary:hover[b-skqq7rnbxq] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    color: var(--color-text-primary);
    text-decoration: none;
}

.btn-lg[b-skqq7rnbxq] {
    padding: 1rem 2rem;
    font-size: 1rem;
}

/* Стили для чекбоксов */
.form-check[b-skqq7rnbxq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.form-check-input[b-skqq7rnbxq] {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
}

.form-check-label[b-skqq7rnbxq] {
    cursor: pointer;
    font-size: 0.95rem;
    color: var(--color-text-primary);
}

/* Адаптивность */
@media (max-width: 768px) {
    .form-row[b-skqq7rnbxq] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .form-actions[b-skqq7rnbxq] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .form-actions .btn[b-skqq7rnbxq] {
        width: 100%;
        justify-content: center;
    }
    
    .time-input[b-skqq7rnbxq] {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .input-group[b-skqq7rnbxq] {
        flex-direction: column;
    }
    
    .input-group .form-control[b-skqq7rnbxq] {
        border-radius: var(--border-radius-medium);
        border-right: 1px solid var(--color-border);
    }
    
    .input-group-text[b-skqq7rnbxq] {
        border-radius: var(--border-radius-medium);
        border-left: 1px solid var(--color-border);
        border-top: none;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelSettingReservations-old.razor.rz.scp.css */
.form-section.is-disabled[b-ca0bnc47lz] {
    opacity: 0.6;
    pointer-events: none; /* блокируем интеракции, сохраняя доступность для чтения */
}

.moderation-alert[b-ca0bnc47lz] {
    margin-block: 1rem;
}

/* CSS переменные для страниц настроек бронирования */
:root[b-ca0bnc47lz] {
    --color-primary: #84acec;
    --color-primary-light: #a5c4f0;
    --color-primary-dark: #5a8ddb;
    --color-primary-rgb: 132, 172, 236;
    --color-secondary: #f8f9fa;
    --color-secondary-dark: #e9ecef;
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8;
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529;
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-success: #28a745;
    --color-warning: #ffc107;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы */
.page-container[b-ca0bnc47lz] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-ca0bnc47lz] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-ca0bnc47lz] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-ca0bnc47lz] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-ca0bnc47lz] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для секций - как у туриста */
.form-section[b-ca0bnc47lz] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-ca0bnc47lz] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.section-header[b-ca0bnc47lz] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.section-title[b-ca0bnc47lz] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title i[b-ca0bnc47lz] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Сетка режимов бронирования */
.booking-modes[b-ca0bnc47lz] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1rem;
}

/* Карточки режимов бронирования */
.booking-mode-card[b-ca0bnc47lz] {
    background-color: var(--color-white);
    border: 2px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 1.5rem;
    box-shadow: var(--shadow-small);
    transition: all 0.3s ease;
    position: relative;
}

/* Убрали hover эффект для карточек режимов бронирования */

.booking-mode-card.active[b-ca0bnc47lz] {
    border-color: var(--color-primary);
    background-color: rgba(var(--color-primary-rgb), 0.05);
}

.booking-mode-card.inactive[b-ca0bnc47lz] {
    border-color: var(--color-border);
}

/* Заголовок режима */
.mode-header[b-ca0bnc47lz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.mode-icon[b-ca0bnc47lz] {
    width: 4rem;
    height: 4rem;
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: var(--border-radius-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.mode-title[b-ca0bnc47lz] {
    flex: 1;
}

.mode-title h4[b-ca0bnc47lz] {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0 0 0.25rem 0;
}

.mode-title p[b-ca0bnc47lz] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    margin: 0;
}

.mode-status[b-ca0bnc47lz] {
    display: flex;
    align-items: center;
}

.status-badge[b-ca0bnc47lz] {
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius-small);
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.active[b-ca0bnc47lz] {
    background-color: var(--color-success);
    color: var(--color-white);
}

.status-badge.inactive[b-ca0bnc47lz] {
    background-color: var(--color-secondary);
    color: var(--color-text-secondary);
}

/* Описание режима */
.mode-description[b-ca0bnc47lz] {
    margin-bottom: 1.5rem;
}

.mode-description p[b-ca0bnc47lz] {
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.mode-features[b-ca0bnc47lz] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mode-features li[b-ca0bnc47lz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    color: var(--color-text-secondary);
    font-size: 0.9rem;
}

.mode-features li i[b-ca0bnc47lz] {
    color: var(--color-success);
    font-size: 0.8rem;
}

/* Действия режима */
.mode-actions[b-ca0bnc47lz] {
    display: flex;
    justify-content: flex-end;
}

/* Стили для кнопок */
.btn[b-ca0bnc47lz] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-ca0bnc47lz] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.btn-primary:hover:not(:disabled)[b-ca0bnc47lz] {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    box-shadow: var(--shadow-medium);
    color: var(--color-white);
    text-decoration: none;
}

.btn:disabled[b-ca0bnc47lz] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Информационное сообщение */
.info-message[b-ca0bnc47lz] {
    background-color: rgba(var(--color-primary-rgb), 0.1);
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius-medium);
    padding: 1rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.info-icon[b-ca0bnc47lz] {
    color: var(--color-primary);
    font-size: 1.2rem;
    margin-top: 0.1rem;
}

.info-content h5[b-ca0bnc47lz] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0 0 0.5rem 0;
}

.info-content p[b-ca0bnc47lz] {
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.5;
}

/* Стили для ссылки "офертой" */
.badge .oferta-link[b-ca0bnc47lz] {
    color: var(--color-primary, #84acec);
    text-decoration: none;
    font-weight: 400;
    position: relative;
    transition: all var(--transition-fast, 0.2s ease);
    padding: 0.125rem 0.25rem;
    margin-inline: -0.25rem;
    border-radius: var(--border-radius-small, 0.25rem);
    display: inline-block;
}

.badge .oferta-link[b-ca0bnc47lz]::after {
    content: '';
    position: absolute;
    bottom: 0.125rem;
    left: 0.25rem;
    right: 0.25rem;
    height: 1.5px;
    background-color: var(--color-primary, #84acec);
    opacity: 0.8;
    transition: opacity var(--transition-fast, 0.2s ease), height var(--transition-fast, 0.2s ease);
}

.badge .oferta-link:hover[b-ca0bnc47lz] {
    color: var(--color-primary-dark, #5a8ddb);
    text-decoration: none;
}

.badge .oferta-link:hover[b-ca0bnc47lz]::after {
    background-color: var(--color-primary-dark, #5a8ddb);
}

.badge .oferta-link:hover[b-ca0bnc47lz]::after {
    opacity: 0;
    height: 0;
}

.badge .oferta-link:focus[b-ca0bnc47lz] {
    outline: 2px solid rgba(132, 172, 236, 0.5);
    outline-offset: 2px;
    border-radius: var(--border-radius-small, 0.25rem);
}

.badge .oferta-link:active[b-ca0bnc47lz] {
    color: var(--color-primary-dark, #5a8ddb);
}

.badge .oferta-link:active[b-ca0bnc47lz]::after {
    background-color: var(--color-primary-dark, #5a8ddb);
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-ca0bnc47lz] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-ca0bnc47lz] {
        font-size: 1.4rem;
    }
    
    .booking-mode-card[b-ca0bnc47lz] {
        padding: 1rem;
    }
    
    .mode-header[b-ca0bnc47lz] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .mode-icon[b-ca0bnc47lz] {
        width: 3rem;
        height: 3rem;
        font-size: 1.2rem;
    }
    
    .mode-actions[b-ca0bnc47lz] {
        justify-content: center;
    }
    
    .btn[b-ca0bnc47lz] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelSettingReservations.razor.rz.scp.css */
.form-section.is-disabled[b-x5trfhkwvd] {
    opacity: 0.6;
    pointer-events: none; /* блокируем интеракции, сохраняя доступность для чтения */
}

.moderation-alert[b-x5trfhkwvd] {
    margin-block: 1rem;
}

/* CSS переменные для страниц настроек бронирования */
:root[b-x5trfhkwvd] {
    --color-primary: #84acec;
    --color-primary-light: #a5c4f0;
    --color-primary-dark: #5a8ddb;
    --color-primary-rgb: 132, 172, 236;
    --color-secondary: #f8f9fa;
    --color-secondary-dark: #e9ecef;
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8;
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529;
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-success: #28a745;
    --color-warning: #ffc107;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы - используем стили из account-content.css */
/* Убираем дублирующиеся стили для page-container, page-header, page-title, page-subtitle */

/* Убираем любые возможные отступы сверху для заголовка */
.account-layout .account-content .content-container .page-container > .page-header:first-child[b-x5trfhkwvd] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Стили для секций - как у туриста */
.form-section[b-x5trfhkwvd] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-x5trfhkwvd] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.section-header[b-x5trfhkwvd] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.section-title[b-x5trfhkwvd] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title i[b-x5trfhkwvd] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Сетка режимов бронирования */
.booking-modes[b-x5trfhkwvd] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1rem;
}

/* Карточки режимов бронирования */
.booking-mode-card[b-x5trfhkwvd] {
    background-color: var(--color-white);
    border: 2px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 1.5rem;
    box-shadow: var(--shadow-small);
    transition: all 0.3s ease;
    position: relative;
}

/* Убрали hover эффект для карточек режимов бронирования */

.booking-mode-card.active[b-x5trfhkwvd] {
    border-color: var(--color-primary);
    background-color: rgba(var(--color-primary-rgb), 0.05);
}

.booking-mode-card.inactive[b-x5trfhkwvd] {
    border-color: var(--color-border);
}

/* Заголовок режима */
.mode-header[b-x5trfhkwvd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.mode-icon[b-x5trfhkwvd] {
    width: 4rem;
    height: 4rem;
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: var(--border-radius-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.mode-title[b-x5trfhkwvd] {
    flex: 1;
}

.mode-title h4[b-x5trfhkwvd] {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0 0 0.25rem 0;
}

.mode-title p[b-x5trfhkwvd] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    margin: 0;
}

.mode-status[b-x5trfhkwvd] {
    display: flex;
    align-items: center;
}

.status-badge[b-x5trfhkwvd] {
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius-small);
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.active[b-x5trfhkwvd] {
    background-color: var(--color-success);
    color: var(--color-white);
}

.status-badge.inactive[b-x5trfhkwvd] {
    background-color: var(--color-secondary);
    color: var(--color-text-secondary);
}

/* Описание режима */
.mode-description[b-x5trfhkwvd] {
    margin-bottom: 1.5rem;
}

.mode-description p[b-x5trfhkwvd] {
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.mode-features[b-x5trfhkwvd] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mode-features li[b-x5trfhkwvd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    color: var(--color-text-secondary);
    font-size: 0.9rem;
}

.mode-features li i[b-x5trfhkwvd] {
    color: var(--color-success);
    font-size: 0.8rem;
}

/* Действия режима */
.mode-actions[b-x5trfhkwvd] {
    display: flex;
    justify-content: flex-end;
}

/* Стили для кнопок */
.btn[b-x5trfhkwvd] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-x5trfhkwvd] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.btn-primary:hover:not(:disabled)[b-x5trfhkwvd] {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    box-shadow: var(--shadow-medium);
    color: var(--color-white);
    text-decoration: none;
}

.btn:disabled[b-x5trfhkwvd] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Информационное сообщение */
.info-message[b-x5trfhkwvd] {
    background-color: rgba(var(--color-primary-rgb), 0.1);
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius-medium);
    padding: 1rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.info-icon[b-x5trfhkwvd] {
    color: var(--color-primary);
    font-size: 1.2rem;
    margin-top: 0.1rem;
}

.info-content h5[b-x5trfhkwvd] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0 0 0.5rem 0;
}

.info-content p[b-x5trfhkwvd] {
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.5;
}

/* Стили для ссылки "офертой" */
.badge .oferta-link[b-x5trfhkwvd] {
    color: var(--color-primary, #84acec);
    text-decoration: none;
    font-weight: 400;
    position: relative;
    transition: all var(--transition-fast, 0.2s ease);
    padding: 0.125rem 0.25rem;
    margin-inline: -0.25rem;
    border-radius: var(--border-radius-small, 0.25rem);
    display: inline-block;
}

.badge .oferta-link[b-x5trfhkwvd]::after {
    content: '';
    position: absolute;
    bottom: 0.125rem;
    left: 0.25rem;
    right: 0.25rem;
    height: 1.5px;
    background-color: var(--color-primary, #84acec);
    opacity: 0.8;
    transition: opacity var(--transition-fast, 0.2s ease), height var(--transition-fast, 0.2s ease);
}

.badge .oferta-link:hover[b-x5trfhkwvd] {
    color: var(--color-primary-dark, #5a8ddb);
    text-decoration: none;
}

.badge .oferta-link:hover[b-x5trfhkwvd]::after {
    background-color: var(--color-primary-dark, #5a8ddb);
}

.badge .oferta-link:hover[b-x5trfhkwvd]::after {
    opacity: 0;
    height: 0;
}

.badge .oferta-link:focus[b-x5trfhkwvd] {
    outline: 2px solid rgba(132, 172, 236, 0.5);
    outline-offset: 2px;
    border-radius: var(--border-radius-small, 0.25rem);
}

.badge .oferta-link:active[b-x5trfhkwvd] {
    color: var(--color-primary-dark, #5a8ddb);
}

.badge .oferta-link:active[b-x5trfhkwvd]::after {
    background-color: var(--color-primary-dark, #5a8ddb);
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-x5trfhkwvd] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-x5trfhkwvd] {
        font-size: 1.4rem;
    }
    
    .booking-mode-card[b-x5trfhkwvd] {
        padding: 1rem;
    }
    
    .mode-header[b-x5trfhkwvd] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .mode-icon[b-x5trfhkwvd] {
        width: 3rem;
        height: 3rem;
        font-size: 1.2rem;
    }
    
    .mode-actions[b-x5trfhkwvd] {
        justify-content: center;
    }
    
    .btn[b-x5trfhkwvd] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelSettings-old.razor.rz.scp.css */
/* CSS переменные для страниц настроек */
:root[b-20asosxunc] {
    --color-primary: #84acec;
    --color-primary-light: #a5c4f0;
    --color-primary-dark: #5a8ddb;
    --color-primary-rgb: 132, 172, 236;
    --color-secondary: #f8f9fa;
    --color-secondary-dark: #e9ecef;
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8;
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529;
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-success: #28a745;
    --color-warning: #ffc107;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}
/* Общие стили для контейнера страницы */
.page-container[b-20asosxunc] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-20asosxunc] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-20asosxunc] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-20asosxunc] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-20asosxunc] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для секций - как у туриста */
.form-section[b-20asosxunc] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-20asosxunc] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.section-header[b-20asosxunc] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-title[b-20asosxunc] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title i[b-20asosxunc] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Сетка настроек */
.settings-grid[b-20asosxunc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}

/* Карточки настроек */
.settings-card[b-20asosxunc] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 1.5rem;
    box-shadow: var(--shadow-small);
    transition: all 0.3s ease;
    position: relative;
}

.settings-card:hover[b-20asosxunc] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-medium);
}

.settings-card.disabled[b-20asosxunc] {
    opacity: 0.6;
    cursor: not-allowed;
}

.settings-card.disabled:hover[b-20asosxunc] {
    transform: none;
    box-shadow: var(--shadow-small);
}

.settings-card-header[b-20asosxunc] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.settings-card-header i[b-20asosxunc] {
    font-size: 2rem;
    color: var(--color-primary);
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--color-primary-rgb), 0.1);
    border-radius: var(--border-radius-medium);
}

.settings-card-header h4[b-20asosxunc] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.settings-card-content[b-20asosxunc] {
    margin-bottom: 1rem;
}

.settings-card-content p[b-20asosxunc] {
    color: var(--color-text-secondary);
    margin-bottom: 1rem;
    line-height: 1.5;
}

/* Стили для кнопок */
.btn[b-20asosxunc] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-20asosxunc] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.btn-primary:hover[b-20asosxunc] {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    box-shadow: var(--shadow-medium);
    color: var(--color-white);
    text-decoration: none;
}

.btn-secondary[b-20asosxunc] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border);
}

.btn-secondary:hover[b-20asosxunc] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    color: var(--color-text-primary);
    text-decoration: none;
}

.btn:disabled[b-20asosxunc] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-20asosxunc] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-20asosxunc] {
        font-size: 1.4rem;
    }
    
    .settings-grid[b-20asosxunc] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .settings-card[b-20asosxunc] {
        padding: 1rem;
    }
    
    .settings-card-header[b-20asosxunc] {
        gap: 0.75rem;
    }
    
    .settings-card-header i[b-20asosxunc] {
        font-size: 1.5rem;
        width: 2.5rem;
        height: 2.5rem;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HotelSettings.razor.rz.scp.css */
/* CSS переменные для страниц настроек */
:root[b-546t0koq92] {
    --color-primary: #84acec;
    --color-primary-light: #a5c4f0;
    --color-primary-dark: #5a8ddb;
    --color-primary-rgb: 132, 172, 236;
    --color-secondary: #f8f9fa;
    --color-secondary-dark: #e9ecef;
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8;
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529;
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-success: #28a745;
    --color-warning: #ffc107;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}
/* Общие стили для контейнера страницы - используем стили из account-content.css */
/* Убираем дублирующиеся стили для page-container, page-header, page-title, page-subtitle */

/* Убираем любые возможные отступы сверху для заголовка */
.account-layout .account-content .content-container .page-container > .page-header:first-child[b-546t0koq92] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Стили для секций - как у туриста */
.form-section[b-546t0koq92] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-546t0koq92] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.section-header[b-546t0koq92] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-title[b-546t0koq92] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title i[b-546t0koq92] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Сетка настроек */
.settings-grid[b-546t0koq92] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}

/* Карточки настроек */
.settings-card[b-546t0koq92] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 1.5rem;
    box-shadow: var(--shadow-small);
    transition: all 0.3s ease;
    position: relative;
}

.settings-card:hover[b-546t0koq92] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-medium);
}

.settings-card.disabled[b-546t0koq92] {
    opacity: 0.6;
    cursor: not-allowed;
}

.settings-card.disabled:hover[b-546t0koq92] {
    transform: none;
    box-shadow: var(--shadow-small);
}

.settings-card-header[b-546t0koq92] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.settings-card-header i[b-546t0koq92] {
    font-size: 2rem;
    color: var(--color-primary);
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--color-primary-rgb), 0.1);
    border-radius: var(--border-radius-medium);
}

.settings-card-header h4[b-546t0koq92] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.settings-card-content[b-546t0koq92] {
    margin-bottom: 1rem;
}

.settings-card-content p[b-546t0koq92] {
    color: var(--color-text-secondary);
    margin-bottom: 1rem;
    line-height: 1.5;
}

/* Стили для кнопок */
.btn[b-546t0koq92] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-546t0koq92] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.btn-primary:hover[b-546t0koq92] {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    box-shadow: var(--shadow-medium);
    color: var(--color-white);
    text-decoration: none;
}

.btn-secondary[b-546t0koq92] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border);
}

.btn-secondary:hover[b-546t0koq92] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    color: var(--color-text-primary);
    text-decoration: none;
}

.btn:disabled[b-546t0koq92] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-546t0koq92] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-546t0koq92] {
        font-size: 1.4rem;
    }
    
    .settings-grid[b-546t0koq92] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .settings-card[b-546t0koq92] {
        padding: 1rem;
    }
    
    .settings-card-header[b-546t0koq92] {
        gap: 0.75rem;
    }
    
    .settings-card-header i[b-546t0koq92] {
        font-size: 1.5rem;
        width: 2.5rem;
        height: 2.5rem;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HousingFullAdd-old.razor.rz.scp.css */
/* === Стили для страницы добавления жилья целиком === */

/* Общие стили для контейнера страницы */
.page-container[b-okk0g8wnvg] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-okk0g8wnvg] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-okk0g8wnvg] {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-okk0g8wnvg] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-okk0g8wnvg] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Загрузка */
.loading-container[b-okk0g8wnvg] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.loading-spinner[b-okk0g8wnvg] {
    text-align: center;
    color: var(--color-text-secondary);
}

.loading-spinner i[b-okk0g8wnvg] {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--color-primary);
}

/* Форма */
.housing-form[b-okk0g8wnvg] {
    max-width: 800px;
    margin: 0 auto;
}

/* Секции формы */
.housing-form .form-section[b-okk0g8wnvg] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.housing-form .form-section > *:not(.section-header)[b-okk0g8wnvg] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.housing-form .section-header[b-okk0g8wnvg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.housing-form .section-title[b-okk0g8wnvg] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.housing-form .section-title i[b-okk0g8wnvg] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Группы полей */
.housing-form .form-group[b-okk0g8wnvg] {
    margin-bottom: 0.75rem;
}

.housing-form .form-label[b-okk0g8wnvg] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.housing-form .form-control[b-okk0g8wnvg],
.housing-form .form-select[b-okk0g8wnvg] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.housing-form .form-control:focus[b-okk0g8wnvg],
.housing-form .form-select:focus[b-okk0g8wnvg] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Checkbox group */
.housing-form .checkbox-group[b-okk0g8wnvg] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.housing-form .form-check[b-okk0g8wnvg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
}

.housing-form .form-check-input[b-okk0g8wnvg] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-top: 0;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--color-white);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.housing-form .form-check-input:checked[b-okk0g8wnvg] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    position: relative;
}

.housing-form .form-check-input:checked[b-okk0g8wnvg]::after {
    content: '\f00c'; /* FontAwesome check icon */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: var(--color-white);
    font-size: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.housing-form .form-check-label[b-okk0g8wnvg] {
    font-weight: 500;
    color: var(--color-text-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.housing-form .form-check-label i[b-okk0g8wnvg] {
    color: var(--color-info);
    font-size: 1rem;
}

/* Group settings */
.housing-form .group-settings[b-okk0g8wnvg] {
    background-color: var(--color-white);
    border: 1px dashed var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 0.75rem;
    margin-top: 0.75rem;
}

/* Action buttons */
.form-actions[b-okk0g8wnvg] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.form-actions .btn[b-okk0g8wnvg] {
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-medium);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-actions .btn-primary[b-okk0g8wnvg] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.form-actions .btn-primary:hover[b-okk0g8wnvg],
.form-actions button.btn-primary:hover[b-okk0g8wnvg],
.housing-form .form-actions .btn-primary:hover[b-okk0g8wnvg],
.housing-form .form-actions button.btn-primary:hover[b-okk0g8wnvg],
.form-actions .btn-primary:focus[b-okk0g8wnvg],
.form-actions button.btn-primary:focus[b-okk0g8wnvg],
.housing-form .form-actions .btn-primary:focus[b-okk0g8wnvg],
.housing-form .form-actions button.btn-primary:focus[b-okk0g8wnvg],
.form-actions .btn-primary.btn-lg:hover[b-okk0g8wnvg],
.form-actions button.btn-primary.btn-lg:hover[b-okk0g8wnvg],
.housing-form .form-actions .btn-primary.btn-lg:hover[b-okk0g8wnvg],
.housing-form .form-actions button.btn-primary.btn-lg:hover[b-okk0g8wnvg] {
    background-color: #5a8ddb !important;
    border-color: #5a8ddb !important;
    box-shadow: var(--shadow-medium) !important;
    color: #ffffff !important;
}

.form-actions .btn-secondary[b-okk0g8wnvg] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-secondary);
}

.form-actions .btn-secondary:hover[b-okk0g8wnvg] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    box-shadow: var(--shadow-medium);
}

/* Сообщения об ошибках */
.housing-form .validation-message[b-okk0g8wnvg] {
    color: var(--color-danger);
    font-size: 0.85rem;
    margin-top: 0.25rem;
    display: block;
}

.housing-form .validation-summary[b-okk0g8wnvg] {
    color: var(--color-danger);
    background-color: var(--color-danger-light);
    border: 1px solid var(--color-danger);
    border-radius: var(--border-radius-medium);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.alert[b-okk0g8wnvg] {
    padding: 1rem 1.5rem;
    border-radius: 0.75rem;
    margin: 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-danger[b-okk0g8wnvg] {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

/* Адаптивность */
@media (max-width: 768px) {
    .housing-form[b-okk0g8wnvg] {
        margin: 0 1rem;
    }
    
    .form-section[b-okk0g8wnvg] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .section-title[b-okk0g8wnvg] {
        font-size: 1.25rem;
    }
    
    .form-actions[b-okk0g8wnvg] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .form-actions .btn[b-okk0g8wnvg] {
        width: 100%;
        min-width: auto;
    }
}

/* Анимации */
.form-section[b-okk0g8wnvg] {
    animation: fadeInUp-b-okk0g8wnvg 0.6s ease-out;
}

@keyframes fadeInUp-b-okk0g8wnvg {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Textarea for description */
.housing-form textarea[b-okk0g8wnvg] {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    padding: 0.75rem 1rem;
    min-height: 150px;
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    resize: vertical;
    overflow-y: auto;
    width: 100%;
}

.housing-form textarea:focus[b-okk0g8wnvg] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Small labels */
.housing-form .form-label-small[b-okk0g8wnvg] {
    display: block;
    margin-top: 0.25rem;
    font-weight: 400;
    color: var(--color-text-secondary);
    font-size: 0.85rem;
    font-style: italic;
}

/* Переменные CSS */
:root[b-okk0g8wnvg] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}
/* _content/SibAlt/Components/Pages/Account/Partner/HousingFullAdd.razor.rz.scp.css */
/* === Стили для страницы добавления жилья целиком === */

/* Общие стили для контейнера страницы - используем стили из account-content.css без изменений */
/* Убираем любые возможные отступы сверху для заголовка */
.account-layout .account-content .content-container .page-container > .page-header:first-child[b-zjwcdxt0xh] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Загрузка */
.loading-container[b-zjwcdxt0xh] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.loading-spinner[b-zjwcdxt0xh] {
    text-align: center;
    color: var(--color-text-secondary);
}

.loading-spinner i[b-zjwcdxt0xh] {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--color-primary);
}

/* Форма */
.housing-form[b-zjwcdxt0xh] {
    max-width: 800px;
    margin: 0 auto;
}

/* Секции формы */
.housing-form .form-section[b-zjwcdxt0xh] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.housing-form .form-section > *:not(.section-header)[b-zjwcdxt0xh] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.housing-form .section-header[b-zjwcdxt0xh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
    background-color: var(--color-background-light, #f8f9fa);
    padding: 1.5rem;
}

.housing-form .section-title[b-zjwcdxt0xh] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.housing-form .section-title i[b-zjwcdxt0xh] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Группы полей */
.housing-form .form-group[b-zjwcdxt0xh] {
    margin-bottom: 0.75rem;
}

.housing-form .form-label[b-zjwcdxt0xh] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.housing-form .form-control[b-zjwcdxt0xh],
.housing-form .form-select[b-zjwcdxt0xh] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.housing-form .form-control:focus[b-zjwcdxt0xh],
.housing-form .form-select:focus[b-zjwcdxt0xh] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Checkbox group */
.housing-form .checkbox-group[b-zjwcdxt0xh] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.housing-form .form-check[b-zjwcdxt0xh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
}

.housing-form .form-check-input[b-zjwcdxt0xh] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-top: 0;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--color-white);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.housing-form .form-check-input:checked[b-zjwcdxt0xh] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    position: relative;
}

.housing-form .form-check-input:checked[b-zjwcdxt0xh]::after {
    content: '\f00c'; /* FontAwesome check icon */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: var(--color-white);
    font-size: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.housing-form .form-check-label[b-zjwcdxt0xh] {
    font-weight: 500;
    color: var(--color-text-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.housing-form .form-check-label i[b-zjwcdxt0xh] {
    color: var(--color-info);
    font-size: 1rem;
}

/* Group settings */
.housing-form .group-settings[b-zjwcdxt0xh] {
    background-color: var(--color-white);
    border: 1px dashed var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 0.75rem;
    margin-top: 0.75rem;
}

/* Action buttons */
.form-actions[b-zjwcdxt0xh] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.form-actions .btn[b-zjwcdxt0xh] {
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-medium);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-actions .btn-primary[b-zjwcdxt0xh] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.form-actions .btn-primary:hover[b-zjwcdxt0xh],
.form-actions button.btn-primary:hover[b-zjwcdxt0xh],
.housing-form .form-actions .btn-primary:hover[b-zjwcdxt0xh],
.housing-form .form-actions button.btn-primary:hover[b-zjwcdxt0xh],
.form-actions .btn-primary:focus[b-zjwcdxt0xh],
.form-actions button.btn-primary:focus[b-zjwcdxt0xh],
.housing-form .form-actions .btn-primary:focus[b-zjwcdxt0xh],
.housing-form .form-actions button.btn-primary:focus[b-zjwcdxt0xh],
.form-actions .btn-primary.btn-lg:hover[b-zjwcdxt0xh],
.form-actions button.btn-primary.btn-lg:hover[b-zjwcdxt0xh],
.housing-form .form-actions .btn-primary.btn-lg:hover[b-zjwcdxt0xh],
.housing-form .form-actions button.btn-primary.btn-lg:hover[b-zjwcdxt0xh] {
    background-color: #5a8ddb !important;
    border-color: #5a8ddb !important;
    box-shadow: var(--shadow-medium) !important;
    color: #ffffff !important;
}

.form-actions .btn-secondary[b-zjwcdxt0xh] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-secondary);
}

.form-actions .btn-secondary:hover[b-zjwcdxt0xh] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    box-shadow: var(--shadow-medium);
}

/* Сообщения об ошибках */
.housing-form .validation-message[b-zjwcdxt0xh] {
    color: var(--color-danger);
    font-size: 0.85rem;
    margin-top: 0.25rem;
    display: block;
}

.housing-form .validation-summary[b-zjwcdxt0xh] {
    color: var(--color-danger);
    background-color: var(--color-danger-light);
    border: 1px solid var(--color-danger);
    border-radius: var(--border-radius-medium);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.alert[b-zjwcdxt0xh] {
    padding: 1rem 1.5rem;
    border-radius: 0.75rem;
    margin: 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-danger[b-zjwcdxt0xh] {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

/* Адаптивность */
@media (max-width: 768px) {
    .housing-form[b-zjwcdxt0xh] {
        margin: 0 1rem;
    }
    
    .form-section[b-zjwcdxt0xh] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .section-title[b-zjwcdxt0xh] {
        font-size: 1.25rem;
    }
    
    .form-actions[b-zjwcdxt0xh] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .form-actions .btn[b-zjwcdxt0xh] {
        width: 100%;
        min-width: auto;
    }
}

/* Анимации */
.form-section[b-zjwcdxt0xh] {
    animation: fadeInUp-b-zjwcdxt0xh 0.6s ease-out;
}

@keyframes fadeInUp-b-zjwcdxt0xh {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Textarea for description */
.housing-form textarea[b-zjwcdxt0xh] {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    padding: 0.75rem 1rem;
    min-height: 150px;
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    resize: vertical;
    overflow-y: auto;
    width: 100%;
}

.housing-form textarea:focus[b-zjwcdxt0xh] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Small labels */
.housing-form .form-label-small[b-zjwcdxt0xh] {
    display: block;
    margin-top: 0.25rem;
    font-weight: 400;
    color: var(--color-text-secondary);
    font-size: 0.85rem;
    font-style: italic;
}

/* Переменные CSS */
:root[b-zjwcdxt0xh] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* _content/SibAlt/Components/Pages/Account/Partner/HousingFullEdit-old.razor.rz.scp.css */
/* Специфичные стили для страницы HotelHousingFullEdit */

/* Стили для формы */
.housing-form .form-section[b-p7zfr8g6gy] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.housing-form .form-section > *:not(.section-header)[b-p7zfr8g6gy] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.housing-form .section-header[b-p7zfr8g6gy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.housing-form .section-title[b-p7zfr8g6gy] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.housing-form .section-title i[b-p7zfr8g6gy] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

.housing-form .form-group[b-p7zfr8g6gy] {
    margin-bottom: 0.75rem;
}

.housing-form .form-label[b-p7zfr8g6gy] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.housing-form .form-control[b-p7zfr8g6gy],
.housing-form .form-select[b-p7zfr8g6gy] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.housing-form .form-control:focus[b-p7zfr8g6gy],
.housing-form .form-select:focus[b-p7zfr8g6gy] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

.housing-form .form-check[b-p7zfr8g6gy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
}

.housing-form .form-check-input[b-p7zfr8g6gy] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-top: 0;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--color-white);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.housing-form .form-check-input:checked[b-p7zfr8g6gy] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    position: relative;
}

.housing-form .form-check-input:checked[b-p7zfr8g6gy]::after {
    content: '\f00c'; /* FontAwesome check icon */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: var(--color-white);
    font-size: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.housing-form .form-check-label[b-p7zfr8g6gy] {
    font-weight: 500;
    color: var(--color-text-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.housing-form .form-check-label i[b-p7zfr8g6gy] {
    color: var(--color-info);
    font-size: 1rem;
}

.housing-form .group-settings[b-p7zfr8g6gy] {
    background-color: var(--color-white);
    border: 1px dashed var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 0.75rem;
    margin-top: 0.75rem;
}

.housing-form textarea[b-p7zfr8g6gy] {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    padding: 0.75rem 1rem;
    min-height: 150px;
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    resize: vertical;
    overflow-y: auto;
    width: 100%;
}

.housing-form textarea:focus[b-p7zfr8g6gy] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Стили для кнопок - используем общие стили из partner-profile-pages.css */

/* Адаптивность */
@media (max-width: 768px) {
    .form-actions[b-p7zfr8g6gy] {
        flex-direction: column;
        gap: 1rem;
    }
    .form-actions .btn[b-p7zfr8g6gy] {
        width: 100%;
        min-width: auto;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HousingFullEdit.razor.rz.scp.css */
/* === Стили для страницы редактирования жилья целиком === */

/* Стили для формы */
.housing-form .form-section[b-vt27i1l58u] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.housing-form .form-section > *:not(.section-header)[b-vt27i1l58u] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.housing-form .section-header[b-vt27i1l58u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.housing-form .section-title[b-vt27i1l58u] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.housing-form .section-title i[b-vt27i1l58u] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

.housing-form .form-group[b-vt27i1l58u] {
    margin-bottom: 0.75rem;
}

.housing-form .form-label[b-vt27i1l58u] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.housing-form .form-control[b-vt27i1l58u],
.housing-form .form-select[b-vt27i1l58u] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.housing-form .form-control:focus[b-vt27i1l58u],
.housing-form .form-select:focus[b-vt27i1l58u] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

.housing-form .validation-message[b-vt27i1l58u] {
    color: var(--color-danger);
    font-size: 0.85rem;
    margin-top: 0.25rem;
    display: block;
}

.housing-form .validation-summary[b-vt27i1l58u] {
    color: var(--color-danger);
    background-color: var(--color-danger-light);
    border: 1px solid var(--color-danger);
    border-radius: var(--border-radius-medium);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.housing-form .form-check[b-vt27i1l58u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
}

.housing-form .form-check-input[b-vt27i1l58u] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-top: 0;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--color-white);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.housing-form .form-check-input:checked[b-vt27i1l58u] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    position: relative;
}

.housing-form .form-check-input:checked[b-vt27i1l58u]::after {
    content: '\f00c'; /* FontAwesome check icon */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: var(--color-white);
    font-size: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.housing-form .form-check-label[b-vt27i1l58u] {
    font-weight: 500;
    color: var(--color-text-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.housing-form .form-check-label i[b-vt27i1l58u] {
    color: var(--color-info);
    font-size: 1rem;
}

.housing-form .group-settings[b-vt27i1l58u] {
    background-color: var(--color-white);
    border: 1px dashed var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 0.75rem;
    margin-top: 0.75rem;
}

.housing-form textarea[b-vt27i1l58u] {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    padding: 0.75rem 1rem;
    min-height: 150px;
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    resize: vertical;
    overflow-y: auto;
    width: 100%;
}

.housing-form textarea:focus[b-vt27i1l58u] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Стили для кнопок */
.form-actions[b-vt27i1l58u] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.form-actions .btn[b-vt27i1l58u] {
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-medium);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-actions .btn-primary[b-vt27i1l58u] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.form-actions .btn-primary:hover[b-vt27i1l58u] {
    background-color: #5a8ddb;
    border-color: #5a8ddb;
    box-shadow: var(--shadow-medium);
    color: #ffffff;
}

.form-actions .btn-secondary[b-vt27i1l58u] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-secondary);
}

.form-actions .btn-secondary:hover[b-vt27i1l58u] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    box-shadow: var(--shadow-medium);
}

/* Loading spinner */
.loading-container[b-vt27i1l58u] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    background-color: var(--color-background-light);
    border-radius: var(--border-radius-large);
    box-shadow: var(--shadow-small);
}

.loading-spinner[b-vt27i1l58u] {
    text-align: center;
    color: var(--color-primary);
}

.loading-spinner i[b-vt27i1l58u] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.loading-spinner p[b-vt27i1l58u] {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--color-text-secondary);
}

/* Адаптивность */
@media (max-width: 768px) {
    .form-actions[b-vt27i1l58u] {
        flex-direction: column;
        gap: 1rem;
    }
    .form-actions .btn[b-vt27i1l58u] {
        width: 100%;
        min-width: auto;
    }
}

/* _content/SibAlt/Components/Pages/Account/Partner/HousingList-old.razor.rz.scp.css */
/* === Layout для страниц партнера === */
.partner-account-layout[b-0kcl8be1xw] {
    display: flex;
    margin-top: var(--header-height);
}

.partner-content[b-0kcl8be1xw] {
    flex: 1;
    margin-left: 312px; /* Ширина сайдбара + отступ слева (280px + 1rem + 1rem) */
    padding: 1rem;
    background: transparent;
}

/* === Адаптивность === */
@media (max-width: 768px) {
    .partner-account-layout[b-0kcl8be1xw] {
        flex-direction: column;
    }
    
    .partner-content[b-0kcl8be1xw] {
        margin-left: 0;
        padding: 0.5rem;
    }
    
    /* Скрываем сайдбар на мобильных устройствах */
    .partner-account-layout > div:first-child[b-0kcl8be1xw] {
        display: none;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    .partner-content[b-0kcl8be1xw] {
        margin-left: 300px; /* Немного меньше отступ для планшетов */
    }
}

@media (min-width: 1200px) {
    .partner-content[b-0kcl8be1xw] {
        margin-left: 312px; /* Полный отступ для десктопа */
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HousingPhotos-old.razor.rz.scp.css */
/* Стили для страницы HotelHousingPhotos.razor */

/* Общие стили для контейнеров */
.loading-container[b-6ggnyr60ds],
.empty-state[b-6ggnyr60ds] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
    background-color: var(--color-background-light);
    border-radius: var(--border-radius-medium);
    margin-top: 2rem;
    color: var(--color-text-secondary);
}

.loading-container .spinner-border[b-6ggnyr60ds] {
    width: 3rem;
    height: 3rem;
    color: var(--color-primary) !important;
}

.loading-container p[b-6ggnyr60ds],
.empty-state h4[b-6ggnyr60ds],
.empty-state p[b-6ggnyr60ds] {
    margin-top: 1rem;
    color: var(--color-text-secondary);
}

.empty-state i[b-6ggnyr60ds] {
    font-size: 3rem;
    color: var(--color-border);
    margin-bottom: 1rem;
}

.empty-state h4[b-6ggnyr60ds] {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

/* Форма загрузки - простая версия */
.upload-form[b-6ggnyr60ds] {
    margin-top: 0.5rem;
}

.upload-form .form-label[b-6ggnyr60ds] {
    font-weight: 600;
    color: var(--color-heading);
    margin-bottom: 0.5rem;
}

.upload-form .form-control[b-6ggnyr60ds] {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 0.75rem;
    font-size: 0.9rem;
    transition: border-color 0.3s ease;
}

.upload-form .form-control:focus[b-6ggnyr60ds] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
}

.upload-message[b-6ggnyr60ds] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--border-radius-medium);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.9rem;
}

.upload-message.success[b-6ggnyr60ds] {
    background-color: var(--color-success);
    color: var(--color-white);
}

.upload-message.error[b-6ggnyr60ds] {
    background-color: var(--color-danger);
    color: var(--color-white);
}

.upload-message i[b-6ggnyr60ds] {
    font-size: 1.2rem;
}

/* Заголовок секции с бейджем */
.section-title[b-6ggnyr60ds] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
}

.section-title .badge[b-6ggnyr60ds] {
    margin-left: 0.5rem;
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
}

/* Галерея фотографий */
.photos-grid[b-6ggnyr60ds] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.photo-card[b-6ggnyr60ds] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-small);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    position: relative;
}

.photo-card:hover[b-6ggnyr60ds] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-medium);
}

.photo-card.main-photo[b-6ggnyr60ds] {
    border-color: var(--color-primary);
    box-shadow: var(--shadow-medium);
}

.photo-card.main-photo:hover[b-6ggnyr60ds] {
    transform: none;
    box-shadow: var(--shadow-medium);
}

.photo-image[b-6ggnyr60ds] {
    width: 100%;
    height: 180px;
    overflow: hidden;
    background-color: var(--color-background-light);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.photo-image img[b-6ggnyr60ds] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo-image .no-image[b-6ggnyr60ds] {
    font-size: 3rem;
    color: var(--color-border);
}

.main-badge[b-6ggnyr60ds] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background-color: gold;
    color: #333;
    padding: 0.3rem 0.6rem;
    border-radius: var(--border-radius-small);
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    box-shadow: var(--shadow-small);
}

.main-badge i[b-6ggnyr60ds] {
    color: #333;
}

.photo-actions[b-6ggnyr60ds] {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    border-top: 1px solid var(--color-border);
}

.main-toggle[b-6ggnyr60ds] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.main-toggle .form-check-input[b-6ggnyr60ds] {
    margin-top: 0;
    flex-shrink: 0;
}

.main-toggle .form-check-label[b-6ggnyr60ds] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.main-toggle .form-check-label i[b-6ggnyr60ds] {
    color: gold;
}

.btn-danger[b-6ggnyr60ds] {
    background-color: var(--color-danger);
    color: var(--color-white);
    border: none;
}

.btn-danger:hover[b-6ggnyr60ds] {
    background-color: #c82333;
    color: var(--color-white);
}

.btn-sm[b-6ggnyr60ds] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-6ggnyr60ds] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-6ggnyr60ds] {
        font-size: 1.4rem;
    }
    
    .photos-grid[b-6ggnyr60ds] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 1rem;
    }
    
    .upload-area[b-6ggnyr60ds] {
        padding: 0.75rem;
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .upload-text[b-6ggnyr60ds] {
        text-align: center;
    }
    
    .upload-area i[b-6ggnyr60ds] {
        font-size: 2rem;
    }
    
    .upload-button[b-6ggnyr60ds] {
        width: 100%;
        justify-content: center;
    }
    
    .photo-actions[b-6ggnyr60ds] {
        padding: 0.75rem;
    }
    
    .btn[b-6ggnyr60ds] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .photos-grid[b-6ggnyr60ds] {
        grid-template-columns: 1fr;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/HousingPhotos.razor.rz.scp.css */
/* === Стили для страницы фотографий жилья === */

/* Общие стили для контейнеров */
.loading-container[b-6pe1i75hcc],
.empty-state[b-6pe1i75hcc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
    background-color: var(--color-background-light);
    border-radius: var(--border-radius-medium);
    margin-top: 2rem;
    color: var(--color-text-secondary);
}

.loading-container .spinner-border[b-6pe1i75hcc] {
    width: 3rem;
    height: 3rem;
    color: var(--color-primary) !important;
}

.loading-container p[b-6pe1i75hcc],
.empty-state h4[b-6pe1i75hcc],
.empty-state p[b-6pe1i75hcc] {
    margin-top: 1rem;
    color: var(--color-text-secondary);
}

.empty-state i[b-6pe1i75hcc] {
    font-size: 3rem;
    color: var(--color-border);
    margin-bottom: 1rem;
}

.empty-state h4[b-6pe1i75hcc] {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

/* Форма загрузки - простая версия */
.upload-form[b-6pe1i75hcc] {
    margin-top: 0.5rem;
}

.upload-form .form-label[b-6pe1i75hcc] {
    font-weight: 600;
    color: var(--color-heading);
    margin-bottom: 0.5rem;
}

.upload-form .form-control[b-6pe1i75hcc] {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 0.75rem;
    font-size: 0.9rem;
    transition: border-color 0.3s ease;
}

.upload-form .form-control:focus[b-6pe1i75hcc] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
}

.upload-message[b-6pe1i75hcc] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--border-radius-medium);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.9rem;
}

.upload-message.success[b-6pe1i75hcc] {
    background-color: var(--color-success);
    color: var(--color-white);
}

.upload-message.error[b-6pe1i75hcc] {
    background-color: var(--color-danger);
    color: var(--color-white);
}

.upload-message i[b-6pe1i75hcc] {
    font-size: 1.2rem;
}

/* Заголовок секции с бейджем */
.section-title[b-6pe1i75hcc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
}

.section-title .badge[b-6pe1i75hcc] {
    margin-left: 0.5rem;
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
}

/* Галерея фотографий */
.photos-grid[b-6pe1i75hcc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.photo-card[b-6pe1i75hcc] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-small);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    position: relative;
}

.photo-card:hover[b-6pe1i75hcc] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-medium);
}

.photo-card.main-photo[b-6pe1i75hcc] {
    border-color: var(--color-primary);
    box-shadow: var(--shadow-medium);
}

.photo-card.main-photo:hover[b-6pe1i75hcc] {
    transform: none;
    box-shadow: var(--shadow-medium);
}

.photo-image[b-6pe1i75hcc] {
    width: 100%;
    height: 180px;
    overflow: hidden;
    background-color: var(--color-background-light);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.photo-image img[b-6pe1i75hcc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo-image .no-image[b-6pe1i75hcc] {
    font-size: 3rem;
    color: var(--color-border);
}

.main-badge[b-6pe1i75hcc] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background-color: gold;
    color: #333;
    padding: 0.3rem 0.6rem;
    border-radius: var(--border-radius-small);
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    box-shadow: var(--shadow-small);
}

.main-badge i[b-6pe1i75hcc] {
    color: #333;
}

.photo-actions[b-6pe1i75hcc] {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    border-top: 1px solid var(--color-border);
}

.main-toggle[b-6pe1i75hcc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.main-toggle .form-check-input[b-6pe1i75hcc] {
    margin-top: 0;
    flex-shrink: 0;
}

.main-toggle .form-check-label[b-6pe1i75hcc] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.main-toggle .form-check-label i[b-6pe1i75hcc] {
    color: gold;
}

.btn-danger[b-6pe1i75hcc] {
    background-color: var(--color-danger);
    color: var(--color-white);
    border: none;
}

.btn-danger:hover:not(:disabled)[b-6pe1i75hcc] {
    background-color: #c82333;
    color: var(--color-white);
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}

.btn-sm[b-6pe1i75hcc] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-6pe1i75hcc] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-6pe1i75hcc] {
        font-size: 1.4rem;
    }
    
    .photos-grid[b-6pe1i75hcc] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 1rem;
    }
    
    .upload-area[b-6pe1i75hcc] {
        padding: 0.75rem;
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .upload-text[b-6pe1i75hcc] {
        text-align: center;
    }
    
    .upload-area i[b-6pe1i75hcc] {
        font-size: 2rem;
    }
    
    .upload-button[b-6pe1i75hcc] {
        width: 100%;
        justify-content: center;
    }
    
    .photo-actions[b-6pe1i75hcc] {
        padding: 0.75rem;
    }
    
    .btn[b-6pe1i75hcc] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .photos-grid[b-6pe1i75hcc] {
        grid-template-columns: 1fr;
    }
}

/* _content/SibAlt/Components/Pages/Account/Partner/HousingPriceCalendar-old.razor.rz.scp.css */
/* Основные стили календаря */
.price-management-container[b-ejocy5vxp5] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

.base-price-card[b-ejocy5vxp5] {
    background: white;
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.base-price-card h5[b-ejocy5vxp5] {
    margin-bottom: 16px;
    color: #212529;
    font-weight: 600;
    font-size: 1.25rem;
}

.base-price-card .input-group[b-ejocy5vxp5] {
    display: flex;
    align-items: stretch;
    max-width: 300px;
    margin-bottom: 16px;
}

.base-price-card .input-group .form-control[b-ejocy5vxp5] {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #ced4da;
    border-radius: 6px 0 0 6px;
    font-size: 14px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.base-price-card .input-group .form-control:focus[b-ejocy5vxp5] {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    z-index: 1;
}

.base-price-card .input-group-text[b-ejocy5vxp5] {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 10px 14px;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-left: none;
    border-radius: 0 6px 6px 0;
    color: #495057;
    font-size: 14px;
}

.base-price-card .btn[b-ejocy5vxp5] {
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.base-price-card .btn-primary[b-ejocy5vxp5] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.base-price-card .btn-primary:hover[b-ejocy5vxp5] {
    background-color: #0b5ed7;
    border-color: #0a58ca;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.calendar-grid[b-ejocy5vxp5] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    margin-bottom: 20px;
}

.calendar-header[b-ejocy5vxp5] {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    background-color: #f8f9fa;
    border-radius: 4px;
    font-size: 14px;
}

.calendar-day[b-ejocy5vxp5] {
    min-height: 100px;
    padding: 8px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.calendar-day:hover[b-ejocy5vxp5] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 10;
}

/* Цветовые темы для типов правил */
.calendar-day.base[b-ejocy5vxp5] {
    background-color: #f8f9fa;
}

.calendar-day.range[b-ejocy5vxp5] {
    background-color: #d0e7ff;
    border-color: #a0d0ff;
}

.calendar-day.weekend[b-ejocy5vxp5] {
    background-color: #fee2e2;
    border-color: #fca5a5;
}

.calendar-day.specific[b-ejocy5vxp5] {
    background-color: #d1fae5;
    border-color: #6ee7b7;
}

.calendar-day.conflict[b-ejocy5vxp5] {
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 5px,
        rgba(255,0,0,0.1) 5px,
        rgba(255,0,0,0.1) 10px
    );
}

.calendar-day.today[b-ejocy5vxp5] {
    border: 2px solid #0d6efd;
}

.calendar-day.selected[b-ejocy5vxp5] {
    border: 3px solid #ffc107 !important;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.3);
    z-index: 5;
}

/* Тултип при наведении */
.calendar-day.tooltip-container[b-ejocy5vxp5] {
    position: relative;
}

.calendar-day.tooltip-container[b-ejocy5vxp5]::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 8px;
    padding: 8px 12px;
    background-color: rgba(0, 0, 0, 0.9);
    color: white;
    font-size: 12px;
    white-space: pre-line;
    border-radius: 6px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 1000;
    max-width: 250px;
    text-align: left;
    line-height: 1.5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.calendar-day.tooltip-container[b-ejocy5vxp5]::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 2px;
    border: 6px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.9);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 1001;
}

.calendar-day.tooltip-container:hover[b-ejocy5vxp5]::before,
.calendar-day.tooltip-container:hover[b-ejocy5vxp5]::after {
    opacity: 1;
    visibility: visible;
}

/* Элементы внутри ячейки дня */
.day-number[b-ejocy5vxp5] {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
    color: #212529;
}

.day-price[b-ejocy5vxp5] {
    font-size: 12px;
    font-weight: 500;
    color: #495057;
    text-align: center;
}

.day-conflict-icon[b-ejocy5vxp5] {
    position: absolute;
    top: 4px;
    right: 4px;
    color: #dc3545;
    font-size: 12px;
}

.day-reservation-icon[b-ejocy5vxp5] {
    position: absolute;
    bottom: 4px;
    right: 4px;
    color: #0d6efd;
    font-size: 14px;
}

.calendar-day.has-reservation[b-ejocy5vxp5] {
    border-left: 4px solid #0d6efd;
}

.reservations-info[b-ejocy5vxp5] {
    background-color: #ffffff;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-bottom: 24px;
}

.reservations-info h5[b-ejocy5vxp5] {
    margin-bottom: 20px;
    color: #212529;
    font-weight: 600;
    font-size: 1.25rem;
}

.reservation-item[b-ejocy5vxp5] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 12px;
    transition: all 0.2s ease;
}

.reservation-item:last-child[b-ejocy5vxp5] {
    margin-bottom: 0;
}

.reservation-item:hover[b-ejocy5vxp5] {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transform: translateY(-1px);
    border-color: #adb5bd;
}

.reservation-item strong[b-ejocy5vxp5] {
    color: #495057;
    font-weight: 600;
}

.reservation-item .badge[b-ejocy5vxp5] {
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

/* Легенда */
.legend[b-ejocy5vxp5] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    margin-bottom: 20px;
}

.legend-item[b-ejocy5vxp5] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #495057;
}

.legend-color[b-ejocy5vxp5] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}

.legend-color.base[b-ejocy5vxp5] { background-color: #f8f9fa; }
.legend-color.range[b-ejocy5vxp5] { background-color: #d0e7ff; }
.legend-color.weekend[b-ejocy5vxp5] { background-color: #fee2e2; }
.legend-color.specific[b-ejocy5vxp5] { background-color: #d1fae5; }
.legend-color.conflict[b-ejocy5vxp5] { 
    background-image: repeating-linear-gradient(
        45deg,
        #f8d7da,
        #f8d7da 5px,
        #f5c6cb 5px,
        #f5c6cb 10px
    );
}

/* Пустые ячейки */
.calendar-empty[b-ejocy5vxp5] {
    min-height: 100px;
    background-color: #f8f9fa;
    border-radius: 6px;
}

/* Карточка редактирования */
.day-edit-card[b-ejocy5vxp5] {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 24px;
    margin-top: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.day-edit-card:hover[b-ejocy5vxp5] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.day-edit-card h5[b-ejocy5vxp5] {
    margin-bottom: 20px;
    color: #212529;
    font-weight: 600;
}

.day-edit-card .form-label[b-ejocy5vxp5] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 8px;
}

.day-edit-card .form-control[b-ejocy5vxp5],
.day-edit-card .form-select[b-ejocy5vxp5] {
    padding: 10px 14px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.day-edit-card .form-control:focus[b-ejocy5vxp5],
.day-edit-card .form-select:focus[b-ejocy5vxp5] {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.day-edit-card .mb-3[b-ejocy5vxp5] {
    margin-bottom: 20px !important;
}

.day-edit-card .btn[b-ejocy5vxp5] {
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.day-edit-card .btn-primary[b-ejocy5vxp5] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.day-edit-card .btn-primary:hover[b-ejocy5vxp5] {
    background-color: #0b5ed7;
    border-color: #0a58ca;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.day-edit-card .btn-secondary[b-ejocy5vxp5] {
    background-color: #6c757d;
    border-color: #6c757d;
}

.day-edit-card .btn-secondary:hover[b-ejocy5vxp5] {
    background-color: #5c636a;
    border-color: #565e64;
}

/* Навигация */
.calendar-navigation[b-ejocy5vxp5] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    background: white;
    border-radius: 8px;
    margin-bottom: 20px;
    gap: 20px;
}

.calendar-navigation h4[b-ejocy5vxp5] {
    margin: 0;
    padding: 0 20px;
    min-width: 200px;
    text-align: center;
}

.calendar-navigation .btn[b-ejocy5vxp5] {
    padding: 8px 16px;
    min-width: 40px;
}

/* Таблица правил */
.rules-panel[b-ejocy5vxp5] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.rules-panel .table[b-ejocy5vxp5] {
    margin-bottom: 0;
}

.rules-panel .table thead th[b-ejocy5vxp5] {
    padding: 14px 20px;
    font-weight: 600;
    font-size: 14px;
    color: #495057;
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.rules-panel .table thead th:first-child[b-ejocy5vxp5] {
    min-width: 120px;
}

.rules-panel .table thead th:nth-child(2)[b-ejocy5vxp5] {
    min-width: 200px;
}

.rules-panel .table thead th:nth-child(3)[b-ejocy5vxp5] {
    min-width: 100px;
    text-align: right;
}

.rules-panel .table thead th:nth-child(4)[b-ejocy5vxp5] {
    min-width: 180px;
}

.rules-panel .table thead th:nth-child(5)[b-ejocy5vxp5] {
    min-width: 100px;
    text-align: center;
}

.rules-panel .table thead th:last-child[b-ejocy5vxp5] {
    min-width: 120px;
    text-align: center;
}

.rules-panel .table tbody td[b-ejocy5vxp5] {
    padding: 14px 20px;
    vertical-align: middle;
    font-size: 14px;
    color: #212529;
    border-bottom: 1px solid #e9ecef;
    word-wrap: break-word;
}

.rules-panel .table tbody td:nth-child(3)[b-ejocy5vxp5] {
    text-align: right;
    font-weight: 500;
}

.rules-panel .table tbody td:nth-child(5)[b-ejocy5vxp5] {
    text-align: center;
}

.rules-panel .table tbody td:last-child[b-ejocy5vxp5] {
    text-align: center;
    white-space: nowrap;
}

.rules-panel .table tbody tr:hover[b-ejocy5vxp5] {
    background-color: #f8f9fa;
}

.rules-panel .table tbody tr:last-child td[b-ejocy5vxp5] {
    border-bottom: none;
}

.rules-panel .table-responsive[b-ejocy5vxp5] {
    border-radius: 6px;
    overflow: hidden;
}

.rules-panel .btn-sm[b-ejocy5vxp5] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    margin: 0 2px;
}

.preview-section[b-ejocy5vxp5] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
}

.preview-days[b-ejocy5vxp5] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.day-checkboxes[b-ejocy5vxp5] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .calendar-grid[b-ejocy5vxp5] {
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
    }
    
    .calendar-day[b-ejocy5vxp5] {
        min-height: 80px;
        padding: 4px;
    }
    
    .legend[b-ejocy5vxp5] {
        flex-direction: column;
        gap: 10px;
    }
    
    .calendar-navigation[b-ejocy5vxp5] {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .calendar-grid[b-ejocy5vxp5] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* _content/SibAlt/Components/Pages/Account/Partner/HousingPriceCalendar.razor.rz.scp.css */
/* === Стили для страницы календаря цен жилья === */

/* Модальное окно использует общие стили из partner-profile-pages.css */

/* Основные стили календаря */
.price-management-container[b-fzon7s8uck] {
    width: 100%;
    padding: 0;
}

.base-price-card[b-fzon7s8uck] {
    background: white;
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.base-price-card h5[b-fzon7s8uck] {
    margin-bottom: 16px;
    color: #212529;
    font-weight: 600;
    font-size: 1.25rem;
}

.base-price-card .input-group[b-fzon7s8uck] {
    display: flex;
    align-items: stretch;
    max-width: 300px;
    margin-bottom: 16px;
}

.base-price-card .input-group .form-control[b-fzon7s8uck] {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #ced4da;
    border-radius: 6px 0 0 6px;
    font-size: 14px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.base-price-card .input-group .form-control:focus[b-fzon7s8uck] {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    z-index: 1;
}

.base-price-card .input-group-text[b-fzon7s8uck] {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 10px 14px;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-left: none;
    border-radius: 0 6px 6px 0;
    color: #495057;
    font-size: 14px;
}

.base-price-card .btn[b-fzon7s8uck] {
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.base-price-card .btn-primary[b-fzon7s8uck] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.base-price-card .btn-primary:hover[b-fzon7s8uck] {
    background-color: #0b5ed7;
    border-color: #0a58ca;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.calendar-grid[b-fzon7s8uck] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    margin-bottom: 20px;
}

.calendar-header[b-fzon7s8uck] {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    background-color: #f8f9fa;
    border-radius: 4px;
    font-size: 14px;
}

.calendar-day[b-fzon7s8uck] {
    min-height: 100px;
    padding: 8px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.calendar-day:hover[b-fzon7s8uck] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 10;
}

/* Цветовые темы для типов правил */
.calendar-day.base[b-fzon7s8uck] {
    background-color: #f8f9fa;
}

.calendar-day.range[b-fzon7s8uck] {
    background-color: #d0e7ff;
    border-color: #a0d0ff;
}

.calendar-day.weekend[b-fzon7s8uck] {
    background-color: #fee2e2;
    border-color: #fca5a5;
}

.calendar-day.specific[b-fzon7s8uck] {
    background-color: #d1fae5;
    border-color: #6ee7b7;
}

.calendar-day.conflict[b-fzon7s8uck] {
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 5px,
        rgba(255,0,0,0.1) 5px,
        rgba(255,0,0,0.1) 10px
    );
}

.calendar-day.today[b-fzon7s8uck] {
    border: 2px solid #0d6efd;
}

.calendar-day.selected[b-fzon7s8uck] {
    border: 3px solid #ffc107 !important;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.3);
    z-index: 5;
}

/* Тултип при наведении */
.calendar-day.tooltip-container[b-fzon7s8uck] {
    position: relative;
}

.calendar-day.tooltip-container[b-fzon7s8uck]::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 8px;
    padding: 8px 12px;
    background-color: rgba(0, 0, 0, 0.9);
    color: white;
    font-size: 12px;
    white-space: pre-line;
    border-radius: 6px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 1000;
    max-width: 250px;
    text-align: left;
    line-height: 1.5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.calendar-day.tooltip-container[b-fzon7s8uck]::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 2px;
    border: 6px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.9);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 1001;
}

.calendar-day.tooltip-container:hover[b-fzon7s8uck]::before,
.calendar-day.tooltip-container:hover[b-fzon7s8uck]::after {
    opacity: 1;
    visibility: visible;
}

/* Элементы внутри ячейки дня */
.day-number[b-fzon7s8uck] {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
    color: #212529;
}

.day-price[b-fzon7s8uck] {
    font-size: 12px;
    font-weight: 500;
    color: #495057;
    text-align: center;
}

.day-conflict-icon[b-fzon7s8uck] {
    position: absolute;
    top: 4px;
    right: 4px;
    color: #dc3545;
    font-size: 12px;
}

.day-reservation-icon[b-fzon7s8uck] {
    position: absolute;
    bottom: 4px;
    right: 4px;
    color: #0d6efd;
    font-size: 14px;
}

.calendar-day.has-reservation[b-fzon7s8uck] {
    border-left: 4px solid #0d6efd;
}

.reservations-info[b-fzon7s8uck] {
    background-color: #ffffff;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-bottom: 24px;
}

.reservations-info h5[b-fzon7s8uck] {
    margin-bottom: 20px;
    color: #212529;
    font-weight: 600;
    font-size: 1.25rem;
}

.reservation-item[b-fzon7s8uck] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 12px;
    transition: all 0.2s ease;
}

.reservation-item:last-child[b-fzon7s8uck] {
    margin-bottom: 0;
}

.reservation-item:hover[b-fzon7s8uck] {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transform: translateY(-1px);
    border-color: #adb5bd;
}

.reservation-item strong[b-fzon7s8uck] {
    color: #495057;
    font-weight: 600;
}

.reservation-item .badge[b-fzon7s8uck] {
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

/* Легенда */
.legend[b-fzon7s8uck] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    margin-bottom: 20px;
}

.legend-item[b-fzon7s8uck] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #495057;
}

.legend-color[b-fzon7s8uck] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}

.legend-color.base[b-fzon7s8uck] { background-color: #f8f9fa; }
.legend-color.range[b-fzon7s8uck] { background-color: #d0e7ff; }
.legend-color.weekend[b-fzon7s8uck] { background-color: #fee2e2; }
.legend-color.specific[b-fzon7s8uck] { background-color: #d1fae5; }
.legend-color.conflict[b-fzon7s8uck] { 
    background-image: repeating-linear-gradient(
        45deg,
        #f8d7da,
        #f8d7da 5px,
        #f5c6cb 5px,
        #f5c6cb 10px
    );
}

/* Пустые ячейки */
.calendar-empty[b-fzon7s8uck] {
    min-height: 100px;
    background-color: #f8f9fa;
    border-radius: 6px;
}

/* Карточка редактирования */
.day-edit-card[b-fzon7s8uck] {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 24px;
    margin-top: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.day-edit-card:hover[b-fzon7s8uck] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.day-edit-card h5[b-fzon7s8uck] {
    margin-bottom: 20px;
    color: #212529;
    font-weight: 600;
}

.day-edit-card .form-label[b-fzon7s8uck] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 8px;
}

.day-edit-card .form-control[b-fzon7s8uck],
.day-edit-card .form-select[b-fzon7s8uck] {
    padding: 10px 14px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.day-edit-card .form-control:focus[b-fzon7s8uck],
.day-edit-card .form-select:focus[b-fzon7s8uck] {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.day-edit-card .mb-3[b-fzon7s8uck] {
    margin-bottom: 20px !important;
}

.day-edit-card .btn[b-fzon7s8uck] {
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.day-edit-card .btn-primary[b-fzon7s8uck] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.day-edit-card .btn-primary:hover[b-fzon7s8uck] {
    background-color: #0b5ed7;
    border-color: #0a58ca;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.day-edit-card .btn-secondary[b-fzon7s8uck] {
    background-color: #6c757d;
    border-color: #6c757d;
}

.day-edit-card .btn-secondary:hover[b-fzon7s8uck] {
    background-color: #5c636a;
    border-color: #565e64;
}

/* Навигация */
.calendar-navigation[b-fzon7s8uck] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    background: white;
    border-radius: 8px;
    margin-bottom: 20px;
    gap: 20px;
}

.calendar-navigation h4[b-fzon7s8uck] {
    margin: 0;
    padding: 0 20px;
    min-width: 200px;
    text-align: center;
}

.calendar-navigation .btn[b-fzon7s8uck] {
    padding: 8px 16px;
    min-width: 40px;
}

/* Таблица правил */
.rules-panel[b-fzon7s8uck] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.rules-panel .table[b-fzon7s8uck] {
    margin-bottom: 0;
}

.rules-panel .table thead th[b-fzon7s8uck] {
    padding: 14px 20px;
    font-weight: 600;
    font-size: 14px;
    color: #495057;
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.rules-panel .table thead th:first-child[b-fzon7s8uck] {
    min-width: 120px;
}

.rules-panel .table thead th:nth-child(2)[b-fzon7s8uck] {
    min-width: 200px;
}

.rules-panel .table thead th:nth-child(3)[b-fzon7s8uck] {
    min-width: 100px;
    text-align: right;
}

.rules-panel .table thead th:nth-child(4)[b-fzon7s8uck] {
    min-width: 180px;
}

.rules-panel .table thead th:nth-child(5)[b-fzon7s8uck] {
    min-width: 100px;
    text-align: center;
}

.rules-panel .table thead th:last-child[b-fzon7s8uck] {
    min-width: 120px;
    text-align: center;
}

.rules-panel .table tbody td[b-fzon7s8uck] {
    padding: 14px 20px;
    vertical-align: middle;
    font-size: 14px;
    color: #212529;
    border-bottom: 1px solid #e9ecef;
    word-wrap: break-word;
}

.rules-panel .table tbody td:nth-child(3)[b-fzon7s8uck] {
    text-align: right;
    font-weight: 500;
}

.rules-panel .table tbody td:nth-child(5)[b-fzon7s8uck] {
    text-align: center;
}

.rules-panel .table tbody td:last-child[b-fzon7s8uck] {
    text-align: center;
    white-space: nowrap;
}

.rules-panel .table tbody tr:hover[b-fzon7s8uck] {
    background-color: #f8f9fa;
}

.rules-panel .table tbody tr:last-child td[b-fzon7s8uck] {
    border-bottom: none;
}

.rules-panel .table-responsive[b-fzon7s8uck] {
    border-radius: 6px;
    overflow: hidden;
}

.rules-panel .btn-sm[b-fzon7s8uck] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    margin: 0 2px;
}

.preview-section[b-fzon7s8uck] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
}

.preview-days[b-fzon7s8uck] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.day-checkboxes[b-fzon7s8uck] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* Loading container */
.loading-container[b-fzon7s8uck] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
    background-color: var(--color-background-light);
    border-radius: var(--border-radius-medium);
    margin-top: 2rem;
    color: var(--color-text-secondary);
}

.loading-container .spinner-border[b-fzon7s8uck] {
    width: 3rem;
    height: 3rem;
    color: var(--color-primary) !important;
}

.loading-container p[b-fzon7s8uck] {
    margin-top: 1rem;
    color: var(--color-text-secondary);
}

/* Адаптивность */
@media (max-width: 768px) {
    .calendar-grid[b-fzon7s8uck] {
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
    }
    
    .calendar-day[b-fzon7s8uck] {
        min-height: 80px;
        padding: 4px;
    }
    
    .legend[b-fzon7s8uck] {
        flex-direction: column;
        gap: 10px;
    }
    
    .calendar-navigation[b-fzon7s8uck] {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .calendar-grid[b-fzon7s8uck] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* _content/SibAlt/Components/Pages/Account/Partner/HousingRoomAdd-old.razor.rz.scp.css */
/* Общие стили для контейнера страницы */
.page-container[b-8cdhro6ql8] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-8cdhro6ql8] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-8cdhro6ql8] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-8cdhro6ql8] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-8cdhro6ql8] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для формы */
.housing-form .form-section[b-8cdhro6ql8] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.housing-form .form-section > *:not(.section-header)[b-8cdhro6ql8] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.housing-form .section-header[b-8cdhro6ql8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.housing-form .section-title[b-8cdhro6ql8] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.housing-form .section-title i[b-8cdhro6ql8] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

.housing-form .form-group[b-8cdhro6ql8] {
    margin-bottom: 0.75rem;
}

.housing-form .form-label[b-8cdhro6ql8] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.housing-form .form-control[b-8cdhro6ql8],
.housing-form .form-select[b-8cdhro6ql8] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.housing-form .form-control:focus[b-8cdhro6ql8],
.housing-form .form-select:focus[b-8cdhro6ql8] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

.housing-form .validation-message[b-8cdhro6ql8] {
    color: var(--color-danger);
    font-size: 0.85rem;
    margin-top: 0.25rem;
    display: block;
}

.housing-form .validation-summary[b-8cdhro6ql8] {
    color: var(--color-danger);
    background-color: var(--color-danger-light);
    border: 1px solid var(--color-danger);
    border-radius: var(--border-radius-medium);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

/* Checkbox group */
.housing-form .checkbox-group[b-8cdhro6ql8] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.housing-form .form-check[b-8cdhro6ql8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
}

.housing-form .form-check-input[b-8cdhro6ql8] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-top: 0;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--color-white);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.housing-form .form-check-input:checked[b-8cdhro6ql8] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    position: relative;
}

.housing-form .form-check-input:checked[b-8cdhro6ql8]::after {
    content: '\f00c'; /* FontAwesome check icon */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: var(--color-white);
    font-size: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.housing-form .form-check-label[b-8cdhro6ql8] {
    font-weight: 500;
    color: var(--color-text-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.housing-form .form-check-label i[b-8cdhro6ql8] {
    color: var(--color-info);
    font-size: 1rem;
}

/* Group settings */
.housing-form .group-settings[b-8cdhro6ql8] {
    background-color: var(--color-white);
    border: 1px dashed var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 0.75rem;
    margin-top: 0.75rem;
}

/* Textarea for description */
.housing-form #editor[b-8cdhro6ql8] {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    padding: 0.75rem 1rem;
    min-height: 150px;
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    resize: vertical;
    overflow-y: auto;
}

.housing-form #editor:focus[b-8cdhro6ql8] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Action buttons */
.form-actions[b-8cdhro6ql8] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.form-actions .btn[b-8cdhro6ql8] {
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-medium);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-actions .btn-primary[b-8cdhro6ql8] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.form-actions .btn-primary:hover[b-8cdhro6ql8],
.form-actions button.btn-primary:hover[b-8cdhro6ql8],
.housing-form .form-actions .btn-primary:hover[b-8cdhro6ql8],
.housing-form .form-actions button.btn-primary:hover[b-8cdhro6ql8],
.form-actions .btn-primary:focus[b-8cdhro6ql8],
.form-actions button.btn-primary:focus[b-8cdhro6ql8],
.housing-form .form-actions .btn-primary:focus[b-8cdhro6ql8],
.housing-form .form-actions button.btn-primary:focus[b-8cdhro6ql8],
.form-actions .btn-primary.btn-lg:hover[b-8cdhro6ql8],
.form-actions button.btn-primary.btn-lg:hover[b-8cdhro6ql8],
.housing-form .form-actions .btn-primary.btn-lg:hover[b-8cdhro6ql8],
.housing-form .form-actions button.btn-primary.btn-lg:hover[b-8cdhro6ql8] {
    background-color: #5a8ddb !important;
    border-color: #5a8ddb !important;
    box-shadow: var(--shadow-medium) !important;
    color: #ffffff !important;
}

.form-actions .btn-secondary[b-8cdhro6ql8] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-secondary);
}

.form-actions .btn-secondary:hover[b-8cdhro6ql8] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    box-shadow: var(--shadow-medium);
}

/* Loading spinner */
.loading-container[b-8cdhro6ql8] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    background-color: var(--color-background-light);
    border-radius: var(--border-radius-large);
    box-shadow: var(--shadow-small);
}

.loading-spinner[b-8cdhro6ql8] {
    text-align: center;
    color: var(--color-primary);
}

.loading-spinner i[b-8cdhro6ql8] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.loading-spinner p[b-8cdhro6ql8] {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--color-text-secondary);
}

/* Small labels */
.housing-form .form-label-small[b-8cdhro6ql8] {
    display: block;
    margin-top: 0.25rem;
    font-weight: 400;
    color: var(--color-text-secondary);
    font-size: 0.85rem;
    font-style: italic;
}
/* _content/SibAlt/Components/Pages/Account/Partner/HousingRoomAdd.razor.rz.scp.css */
/* === Стили для страницы добавления комнаты === */

/* Стили для формы */
.housing-form .form-section[b-wnmojzzwms] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.housing-form .form-section > *:not(.section-header)[b-wnmojzzwms] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.housing-form .section-header[b-wnmojzzwms] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.housing-form .section-title[b-wnmojzzwms] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.housing-form .section-title i[b-wnmojzzwms] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

.housing-form .form-group[b-wnmojzzwms] {
    margin-bottom: 0.75rem;
}

.housing-form .form-label[b-wnmojzzwms] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.housing-form .form-control[b-wnmojzzwms],
.housing-form .form-select[b-wnmojzzwms] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.housing-form .form-control:focus[b-wnmojzzwms],
.housing-form .form-select:focus[b-wnmojzzwms] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

.housing-form .validation-message[b-wnmojzzwms] {
    color: var(--color-danger);
    font-size: 0.85rem;
    margin-top: 0.25rem;
    display: block;
}

.housing-form .validation-summary[b-wnmojzzwms] {
    color: var(--color-danger);
    background-color: var(--color-danger-light);
    border: 1px solid var(--color-danger);
    border-radius: var(--border-radius-medium);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

/* Checkbox group */
.housing-form .checkbox-group[b-wnmojzzwms] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.housing-form .form-check[b-wnmojzzwms] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
}

.housing-form .form-check-input[b-wnmojzzwms] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-top: 0;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--color-white);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.housing-form .form-check-input:checked[b-wnmojzzwms] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    position: relative;
}

.housing-form .form-check-input:checked[b-wnmojzzwms]::after {
    content: '\f00c'; /* FontAwesome check icon */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: var(--color-white);
    font-size: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.housing-form .form-check-label[b-wnmojzzwms] {
    font-weight: 500;
    color: var(--color-text-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.housing-form .form-check-label i[b-wnmojzzwms] {
    color: var(--color-info);
    font-size: 1rem;
}

/* Group settings */
.housing-form .group-settings[b-wnmojzzwms] {
    background-color: var(--color-white);
    border: 1px dashed var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 0.75rem;
    margin-top: 0.75rem;
}

/* Textarea for description */
.housing-form textarea.form-control[b-wnmojzzwms] {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    padding: 0.75rem 1rem;
    min-height: 150px;
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    resize: vertical;
    overflow-y: auto;
}

.housing-form textarea.form-control:focus[b-wnmojzzwms] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Action buttons */
.form-actions[b-wnmojzzwms] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.form-actions .btn[b-wnmojzzwms] {
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-medium);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-actions .btn-primary[b-wnmojzzwms] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.form-actions .btn-primary:hover[b-wnmojzzwms],
.form-actions button.btn-primary:hover[b-wnmojzzwms],
.housing-form .form-actions .btn-primary:hover[b-wnmojzzwms],
.housing-form .form-actions button.btn-primary:hover[b-wnmojzzwms],
.form-actions .btn-primary:focus[b-wnmojzzwms],
.form-actions button.btn-primary:focus[b-wnmojzzwms],
.housing-form .form-actions .btn-primary:focus[b-wnmojzzwms],
.housing-form .form-actions button.btn-primary:focus[b-wnmojzzwms],
.form-actions .btn-primary.btn-lg:hover[b-wnmojzzwms],
.form-actions button.btn-primary.btn-lg:hover[b-wnmojzzwms],
.housing-form .form-actions .btn-primary.btn-lg:hover[b-wnmojzzwms],
.housing-form .form-actions button.btn-primary.btn-lg:hover[b-wnmojzzwms] {
    background-color: #5a8ddb !important;
    border-color: #5a8ddb !important;
    box-shadow: var(--shadow-medium) !important;
    color: #ffffff !important;
}

.form-actions .btn-secondary[b-wnmojzzwms] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-secondary);
}

.form-actions .btn-secondary:hover[b-wnmojzzwms] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    box-shadow: var(--shadow-medium);
}

/* Loading spinner */
.loading-container[b-wnmojzzwms] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    background-color: var(--color-background-light);
    border-radius: var(--border-radius-large);
    box-shadow: var(--shadow-small);
}

.loading-spinner[b-wnmojzzwms] {
    text-align: center;
    color: var(--color-primary);
}

.loading-spinner i[b-wnmojzzwms] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.loading-spinner p[b-wnmojzzwms] {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--color-text-secondary);
}

/* Small labels */
.housing-form .form-label-small[b-wnmojzzwms] {
    display: block;
    margin-top: 0.25rem;
    font-weight: 400;
    color: var(--color-text-secondary);
    font-size: 0.85rem;
    font-style: italic;
}

/* _content/SibAlt/Components/Pages/Account/Partner/HousingRoomEdit.razor.rz.scp.css */
/* CSS переменные */
:root[b-kfpwactcys] {
    --color-primary: #84acec; /* Голубой цвет как в основном CSS */
    --color-primary-light: #a5c4f0; /* Светлый голубой для фокуса */
    --color-primary-dark: #5a8ddb; /* Темный голубой для hover */
    --color-primary-rgb: 132, 172, 236; /* RGB значения для rgba */
    --color-secondary: #f8f9fa; /* Светло-серый для secondary кнопок */
    --color-secondary-dark: #e9ecef; /* Темно-серый для hover */
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8; /* Голубой цвет для иконок */
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529; /* Черный цвет для заголовков */
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы */
.page-container[b-kfpwactcys] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-kfpwactcys] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-kfpwactcys] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-kfpwactcys] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-kfpwactcys] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для формы */
.housing-form .form-section[b-kfpwactcys] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.housing-form .form-section > *:not(.section-header)[b-kfpwactcys] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.housing-form .section-header[b-kfpwactcys] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.housing-form .section-title[b-kfpwactcys] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.housing-form .section-title i[b-kfpwactcys] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

.housing-form .form-group[b-kfpwactcys] {
    margin-bottom: 0.75rem;
}

.housing-form .form-label[b-kfpwactcys] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 0.95rem;
}

.housing-form .form-control[b-kfpwactcys],
.housing-form .form-select[b-kfpwactcys] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.housing-form .form-control:focus[b-kfpwactcys],
.housing-form .form-select:focus[b-kfpwactcys] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

.housing-form .form-check[b-kfpwactcys] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
}

.housing-form .form-check-input[b-kfpwactcys] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-top: 0;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--color-white);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.housing-form .form-check-input:checked[b-kfpwactcys] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    position: relative;
}

.housing-form .form-check-input:checked[b-kfpwactcys]::after {
    content: '\f00c'; /* FontAwesome check icon */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: var(--color-white);
    font-size: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.housing-form .form-check-label[b-kfpwactcys] {
    font-weight: 500;
    color: var(--color-text-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.housing-form .form-check-label i[b-kfpwactcys] {
    color: var(--color-info);
    font-size: 1rem;
}

.housing-form .group-settings[b-kfpwactcys] {
    background-color: var(--color-white);
    border: 1px dashed var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 0.75rem;
    margin-top: 0.75rem;
}

.housing-form textarea[b-kfpwactcys] {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    padding: 0.75rem 1rem;
    min-height: 150px;
    font-size: 1rem;
    color: var(--color-text-primary);
    background-color: var(--color-white);
    resize: vertical;
    overflow-y: auto;
    width: 100%;
}

.housing-form textarea:focus[b-kfpwactcys] {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25);
    outline: none;
}

/* Стили для кнопок */
.form-actions[b-kfpwactcys] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.form-actions .btn[b-kfpwactcys] {
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-medium);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-actions .btn-primary[b-kfpwactcys] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.form-actions .btn-primary:hover[b-kfpwactcys],
.form-actions button.btn-primary:hover[b-kfpwactcys],
.housing-form .form-actions .btn-primary:hover[b-kfpwactcys],
.housing-form .form-actions button.btn-primary:hover[b-kfpwactcys],
.form-actions .btn-primary:focus[b-kfpwactcys],
.form-actions button.btn-primary:focus[b-kfpwactcys],
.housing-form .form-actions .btn-primary:focus[b-kfpwactcys],
.housing-form .form-actions button.btn-primary:focus[b-kfpwactcys],
.form-actions .btn-primary.btn-lg:hover[b-kfpwactcys],
.form-actions button.btn-primary.btn-lg:hover[b-kfpwactcys],
.housing-form .form-actions .btn-primary.btn-lg:hover[b-kfpwactcys],
.housing-form .form-actions button.btn-primary.btn-lg:hover[b-kfpwactcys] {
    background-color: #5a8ddb !important;
    border-color: #5a8ddb !important;
    box-shadow: var(--shadow-medium) !important;
    color: #ffffff !important;
}

.form-actions .btn-secondary[b-kfpwactcys] {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-secondary);
}

.form-actions .btn-secondary:hover[b-kfpwactcys] {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    box-shadow: var(--shadow-medium);
}

/* Адаптивность */
@media (max-width: 768px) {
    .form-actions[b-kfpwactcys] {
        flex-direction: column;
        gap: 1rem;
    }
    .form-actions .btn[b-kfpwactcys] {
        width: 100%;
        min-width: auto;
    }
}
/* _content/SibAlt/Components/Pages/Account/Partner/Reservations-old.razor.rz.scp.css */
/* CSS переменные для страницы бронирований */
:root[b-qv456x67jx] {
    --color-primary: #84acec;
    --color-primary-light: #a5c4f0;
    --color-primary-dark: #5a8ddb;
    --color-primary-rgb: 132, 172, 236;
    --color-secondary: #f8f9fa;
    --color-secondary-dark: #e9ecef;
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8;
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529;
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-success: #28a745;
    --color-warning: #ffc107;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы */
.page-container[b-qv456x67jx] {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Заголовок страницы */
.page-header[b-qv456x67jx] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-qv456x67jx] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-qv456x67jx] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-qv456x67jx] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для секций - как у туриста */
.form-section[b-qv456x67jx] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-qv456x67jx] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.section-header[b-qv456x67jx] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.section-title[b-qv456x67jx] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title i[b-qv456x67jx] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Загрузка */
.loading-container[b-qv456x67jx] {
    text-align: center;
    padding: 3rem 1rem;
}

.loading-container .spinner-border[b-qv456x67jx] {
    width: 3rem;
    height: 3rem;
}

/* Пустое состояние */
.empty-state[b-qv456x67jx] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--color-text-secondary);
}

.empty-state i[b-qv456x67jx] {
    font-size: 4rem;
    color: var(--color-border);
    margin-bottom: 1rem;
}

.empty-state h4[b-qv456x67jx] {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--color-text);
}

.empty-state p[b-qv456x67jx] {
    margin: 0;
    font-size: 0.95rem;
}

/* Сетка запросов */
.requests-grid[b-qv456x67jx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
}

/* Карточка запроса */
.request-card[b-qv456x67jx] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-small);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.request-image[b-qv456x67jx] {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.request-image img[b-qv456x67jx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-image[b-qv456x67jx] {
    width: 100%;
    height: 100%;
    background-color: var(--color-background-light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
    font-size: 2rem;
}

.request-content[b-qv456x67jx] {
    padding: 1.25rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Статус запроса */
.request-status[b-qv456x67jx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.status-badge[b-qv456x67jx] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    border-radius: var(--border-radius-small);
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.warning[b-qv456x67jx] {
    background-color: var(--color-warning);
    color: var(--color-text);
}

.status-badge.success[b-qv456x67jx] {
    background-color: var(--color-success);
    color: var(--color-white);
}

.status-pending-orange[b-qv456x67jx] {
    background-color: #ff9800;
    color: #ffffff;
}

.time-left[b-qv456x67jx] {
    font-size: 0.8rem;
    color: var(--color-danger);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.time-left.expired[b-qv456x67jx] {
    color: var(--color-danger);
}

/* Заголовок запроса */
.request-title[b-qv456x67jx] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.request-housing[b-qv456x67jx] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Информация о запросе */
.request-dates[b-qv456x67jx],
.request-guests[b-qv456x67jx],
.request-contact[b-qv456x67jx],
.request-date[b-qv456x67jx] {
    font-size: 0.9rem;
    color: var(--color-text);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.request-dates i[b-qv456x67jx],
.request-guests i[b-qv456x67jx],
.request-contact i[b-qv456x67jx],
.request-date i[b-qv456x67jx] {
    color: var(--color-primary);
    width: 1rem;
    text-align: center;
}

/* Действия */
.request-actions[b-qv456x67jx] {
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid var(--color-border);
}

/* Список обработанных запросов - Grid layout */
.processed-requests-list[b-qv456x67jx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.processed-request-item[b-qv456x67jx] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.processed-request-item:hover[b-qv456x67jx] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Мягкие цветовые стили для карточек в зависимости от статуса */
.processed-request-item.card-status-paid[b-qv456x67jx] {
    background-color: #f0f9f4;
    border-color: #c8e6d5;
}

.processed-request-item.card-status-paid:hover[b-qv456x67jx] {
    background-color: #e8f5ed;
    border-color: #b8dcc7;
}

.processed-request-item.card-status-no-payment[b-qv456x67jx] {
    background-color: #fef2f2;
    border-color: #fecaca;
}

.processed-request-item.card-status-no-payment:hover[b-qv456x67jx] {
    background-color: #fee2e2;
    border-color: #fca5a5;
}

.processed-request-item.card-status-declined-auto[b-qv456x67jx] {
    background-color: #faf5f0;
    border-color: #e5d4c4;
}

.processed-request-item.card-status-declined-auto:hover[b-qv456x67jx] {
    background-color: #f5ede3;
    border-color: #d4c0a8;
}

.processed-request-item .request-actions[b-qv456x67jx] {
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid var(--color-border);
}

.processed-request-item .request-actions .btn[b-qv456x67jx] {
    width: 100%;
    justify-content: center;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
}

.request-thumbnail[b-qv456x67jx] {
    width: 100%;
    height: 120px;
    border-radius: var(--border-radius-small);
    overflow: hidden;
    flex-shrink: 0;
}

.request-thumbnail img[b-qv456x67jx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-thumbnail[b-qv456x67jx] {
    width: 100%;
    height: 100%;
    background-color: var(--color-background-light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
    font-size: 1.5rem;
}

.request-info[b-qv456x67jx] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.request-header[b-qv456x67jx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
    flex-wrap: wrap;
}

.request-header .status-badge[b-qv456x67jx] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
}

.request-header .request-dates[b-qv456x67jx] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    margin-left: auto;
    white-space: nowrap;
}

.request-name[b-qv456x67jx] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.request-housing-name[b-qv456x67jx] {
    font-size: 0.8rem;
    color: var(--color-text-secondary);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Стили для кнопок */
.btn[b-qv456x67jx] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-qv456x67jx] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.btn-primary:hover[b-qv456x67jx] {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    box-shadow: var(--shadow-medium);
    color: var(--color-white);
    text-decoration: none;
}

.btn-outline-secondary[b-qv456x67jx] {
    background-color: transparent;
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border);
}

.btn-outline-secondary:hover[b-qv456x67jx] {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-text);
    text-decoration: none;
}

.btn-sm[b-qv456x67jx] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
}

/* Адаптивность для обработанных запросов */
@media (min-width: 769px) and (max-width: 1024px) {
    .processed-requests-list[b-qv456x67jx] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 0.875rem;
    }
    
    .processed-request-item[b-qv456x67jx] {
        padding: 0.625rem;
    }
    
    .request-thumbnail[b-qv456x67jx] {
        height: 100px;
    }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .processed-requests-list[b-qv456x67jx] {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
}

@media (min-width: 1441px) {
    .processed-requests-list[b-qv456x67jx] {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-qv456x67jx] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-qv456x67jx] {
        font-size: 1.4rem;
    }
    
    .requests-grid[b-qv456x67jx] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .request-card[b-qv456x67jx] {
        margin-bottom: 1rem;
    }
    
    .processed-requests-list[b-qv456x67jx] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .processed-request-item[b-qv456x67jx] {
        padding: 0.625rem;
        gap: 0.625rem;
    }
    
    .request-thumbnail[b-qv456x67jx] {
        height: 100px;
    }
    
    .request-actions[b-qv456x67jx] {
        width: 100%;
    }
    
    .request-actions .btn[b-qv456x67jx] {
        width: 100%;
        justify-content: center;
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
    }
}

/* Стили для "Ждём заселение гостей" */
.checkin-waiting[b-qv456x67jx] {
    background-color: #ff9800 !important;
    color: #ffffff !important;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Стили для блока с ценой */
.request-price[b-qv456x67jx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 0.5rem;
    border: 1px solid #e9ecef;
}

.price-item[b-qv456x67jx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price-label[b-qv456x67jx] {
    font-weight: 500;
    color: var(--color-text-secondary);
    font-size: 0.875rem;
}

.price-value[b-qv456x67jx] {
    font-weight: 600;
    color: var(--color-text);
    font-size: 0.875rem;
}

/* Стили для бейджа "Бронирование" */
.booking-badge[b-qv456x67jx] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #f3e5f5;
    color: #7b1fa2;
    margin-left: 0.5rem;
}

.booking-id-icon[b-qv456x67jx] {
    font-size: 0.7rem;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.booking-id-icon:hover[b-qv456x67jx] {
    opacity: 1;
}
/* _content/SibAlt/Components/Pages/Account/Partner/Reservations.razor.rz.scp.css */
/* CSS переменные для страницы бронирований */
:root[b-bkumqdkgp1] {
    --color-primary: #84acec;
    --color-primary-light: #a5c4f0;
    --color-primary-dark: #5a8ddb;
    --color-primary-rgb: 132, 172, 236;
    --color-secondary: #f8f9fa;
    --color-secondary-dark: #e9ecef;
    --color-accent: #20c997;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8;
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529;
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-success: #28a745;
    --color-warning: #ffc107;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Общие стили для контейнера страницы - используем стили из account-content.css без изменений */
/* Убираем любые возможные отступы сверху для заголовка */
.account-layout .account-content .content-container .page-container > .page-header:first-child[b-bkumqdkgp1] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.page-title[b-bkumqdkgp1] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-bkumqdkgp1] {
    color: var(--color-primary);
    font-size: 1.8rem;
}

.page-subtitle[b-bkumqdkgp1] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Стили для секций - как у туриста */
.form-section[b-bkumqdkgp1] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Если section-content отсутствует, применяем padding к дочерним элементам после section-header */
.form-section > *:not(.section-header)[b-bkumqdkgp1] {
    padding: 1.5rem;
    background-color: var(--color-white, #ffffff);
}

.section-header[b-bkumqdkgp1] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed var(--color-border);
}

.section-title[b-bkumqdkgp1] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title i[b-bkumqdkgp1] {
    color: var(--color-primary);
    font-size: 1.2rem;
}

/* Загрузка */
.loading-container[b-bkumqdkgp1] {
    text-align: center;
    padding: 3rem 1rem;
}

.loading-container .spinner-border[b-bkumqdkgp1] {
    width: 3rem;
    height: 3rem;
}

/* Пустое состояние */
.empty-state[b-bkumqdkgp1] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--color-text-secondary);
}

.empty-state i[b-bkumqdkgp1] {
    font-size: 4rem;
    color: var(--color-border);
    margin-bottom: 1rem;
}

.empty-state h4[b-bkumqdkgp1] {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--color-text);
}

.empty-state p[b-bkumqdkgp1] {
    margin: 0;
    font-size: 0.95rem;
}

/* Сетка запросов */
.requests-grid[b-bkumqdkgp1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
}

/* Карточка запроса */
.request-card[b-bkumqdkgp1] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-small);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.request-image[b-bkumqdkgp1] {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.request-image img[b-bkumqdkgp1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-image[b-bkumqdkgp1] {
    width: 100%;
    height: 100%;
    background-color: var(--color-background-light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
    font-size: 2rem;
}

.request-content[b-bkumqdkgp1] {
    padding: 1.25rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Статус запроса */
.request-status[b-bkumqdkgp1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.status-badge[b-bkumqdkgp1] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    border-radius: var(--border-radius-small);
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.warning[b-bkumqdkgp1] {
    background-color: var(--color-warning);
    color: var(--color-text);
}

.status-badge.success[b-bkumqdkgp1] {
    background-color: var(--color-success);
    color: var(--color-white);
}

.status-pending-orange[b-bkumqdkgp1] {
    background-color: #ff9800;
    color: #ffffff;
}

.time-left[b-bkumqdkgp1] {
    font-size: 0.8rem;
    color: var(--color-danger);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.time-left.expired[b-bkumqdkgp1] {
    color: var(--color-danger);
}

/* Заголовок запроса */
.request-title[b-bkumqdkgp1] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
}

.request-housing[b-bkumqdkgp1] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Информация о запросе */
.request-dates[b-bkumqdkgp1],
.request-guests[b-bkumqdkgp1],
.request-contact[b-bkumqdkgp1],
.request-date[b-bkumqdkgp1] {
    font-size: 0.9rem;
    color: var(--color-text);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.request-dates i[b-bkumqdkgp1],
.request-guests i[b-bkumqdkgp1],
.request-contact i[b-bkumqdkgp1],
.request-date i[b-bkumqdkgp1] {
    color: var(--color-primary);
    width: 1rem;
    text-align: center;
}

/* Действия */
.request-actions[b-bkumqdkgp1] {
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid var(--color-border);
}

/* Список обработанных запросов - Grid layout */
.processed-requests-list[b-bkumqdkgp1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.processed-request-item[b-bkumqdkgp1] {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.processed-request-item:hover[b-bkumqdkgp1] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Мягкие цветовые стили для карточек в зависимости от статуса */
.processed-request-item.card-status-paid[b-bkumqdkgp1] {
    background-color: #f0f9f4;
    border-color: #c8e6d5;
}

.processed-request-item.card-status-paid:hover[b-bkumqdkgp1] {
    background-color: #e8f5ed;
    border-color: #b8dcc7;
}

.processed-request-item.card-status-no-payment[b-bkumqdkgp1] {
    background-color: #fef2f2;
    border-color: #fecaca;
}

.processed-request-item.card-status-no-payment:hover[b-bkumqdkgp1] {
    background-color: #fee2e2;
    border-color: #fca5a5;
}

.processed-request-item.card-status-declined-auto[b-bkumqdkgp1] {
    background-color: #faf5f0;
    border-color: #e5d4c4;
}

.processed-request-item.card-status-declined-auto:hover[b-bkumqdkgp1] {
    background-color: #f5ede3;
    border-color: #d4c0a8;
}

.processed-request-item .request-actions[b-bkumqdkgp1] {
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid var(--color-border);
}

.processed-request-item .request-actions .btn[b-bkumqdkgp1] {
    width: 100%;
    justify-content: center;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
}

.request-thumbnail[b-bkumqdkgp1] {
    width: 100%;
    height: 120px;
    border-radius: var(--border-radius-small);
    overflow: hidden;
    flex-shrink: 0;
}

.request-thumbnail img[b-bkumqdkgp1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-thumbnail[b-bkumqdkgp1] {
    width: 100%;
    height: 100%;
    background-color: var(--color-background-light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
    font-size: 1.5rem;
}

.request-info[b-bkumqdkgp1] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.request-header[b-bkumqdkgp1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
    flex-wrap: wrap;
}

.request-header .status-badge[b-bkumqdkgp1] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
}

.request-header .request-dates[b-bkumqdkgp1] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    margin-left: auto;
    white-space: nowrap;
}

.request-name[b-bkumqdkgp1] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-heading);
    margin: 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.request-housing-name[b-bkumqdkgp1] {
    font-size: 0.8rem;
    color: var(--color-text-secondary);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Стили для кнопок */
.btn[b-bkumqdkgp1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-bkumqdkgp1] {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.btn-primary:hover[b-bkumqdkgp1] {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    box-shadow: var(--shadow-medium);
    color: var(--color-white);
    text-decoration: none;
}

.btn-outline-secondary[b-bkumqdkgp1] {
    background-color: transparent;
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border);
}

.btn-outline-secondary:hover[b-bkumqdkgp1] {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-text);
    text-decoration: none;
}

.btn-sm[b-bkumqdkgp1] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
}

/* Адаптивность для обработанных запросов */
@media (min-width: 769px) and (max-width: 1024px) {
    .processed-requests-list[b-bkumqdkgp1] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 0.875rem;
    }
    
    .processed-request-item[b-bkumqdkgp1] {
        padding: 0.625rem;
    }
    
    .request-thumbnail[b-bkumqdkgp1] {
        height: 100px;
    }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .processed-requests-list[b-bkumqdkgp1] {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
}

@media (min-width: 1441px) {
    .processed-requests-list[b-bkumqdkgp1] {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

/* Адаптивность */
@media (max-width: 768px) {
    .page-container[b-bkumqdkgp1] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-title[b-bkumqdkgp1] {
        font-size: 1.4rem;
    }
    
    .requests-grid[b-bkumqdkgp1] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .request-card[b-bkumqdkgp1] {
        margin-bottom: 1rem;
    }
    
    .processed-requests-list[b-bkumqdkgp1] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .processed-request-item[b-bkumqdkgp1] {
        padding: 0.625rem;
        gap: 0.625rem;
    }
    
    .request-thumbnail[b-bkumqdkgp1] {
        height: 100px;
    }
    
    .request-actions[b-bkumqdkgp1] {
        width: 100%;
    }
    
    .request-actions .btn[b-bkumqdkgp1] {
        width: 100%;
        justify-content: center;
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
    }
}

/* Стили для "Ждём заселение гостей" */
.checkin-waiting[b-bkumqdkgp1] {
    background-color: #ff9800 !important;
    color: #ffffff !important;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Стили для блока с ценой */
.request-price[b-bkumqdkgp1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 0.5rem;
    border: 1px solid #e9ecef;
}

.price-item[b-bkumqdkgp1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price-label[b-bkumqdkgp1] {
    font-weight: 500;
    color: var(--color-text-secondary);
    font-size: 0.875rem;
}

.price-value[b-bkumqdkgp1] {
    font-weight: 600;
    color: var(--color-text);
    font-size: 0.875rem;
}

/* Стили для бейджа "Бронирование" */
.booking-badge[b-bkumqdkgp1] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #f3e5f5;
    color: #7b1fa2;
    margin-left: 0.5rem;
}

.booking-id-icon[b-bkumqdkgp1] {
    font-size: 0.7rem;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.booking-id-icon:hover[b-bkumqdkgp1] {
    opacity: 1;
}
/* _content/SibAlt/Components/Pages/Account/RegistrationPending.razor.rz.scp.css */
/* === Страница подтверждения регистрации === */

.confirmation-page[b-s9taq6ww64] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--header-height) 1rem 2rem;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.confirmation-container[b-s9taq6ww64] {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.confirmation-card[b-s9taq6ww64] {
    background: var(--color-white);
    border-radius: 1rem;
    padding: 3rem 2rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
}

.confirmation-icon[b-s9taq6ww64] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: var(--color-white);
    animation: scaleIn-b-s9taq6ww64 0.5s ease-out;
}

.confirmation-icon--pending[b-s9taq6ww64] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-nav-hover) 100%);
}

.confirmation-icon--success[b-s9taq6ww64] {
    background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
}

.confirmation-title[b-s9taq6ww64] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 1rem 0;
    line-height: 1.3;
}

.confirmation-text[b-s9taq6ww64] {
    font-family: var(--font-family-primary);
    font-size: 1rem;
    color: var(--color-text-light);
    line-height: 1.6;
    margin: 0 0 1rem 0;
}

.confirmation-hint[b-s9taq6ww64] {
    font-family: var(--font-family-primary);
    font-size: 0.875rem;
    color: var(--color-text-light);
    line-height: 1.5;
    margin: 0.5rem 0 2rem 0;
    opacity: 0.8;
}

.confirmation-actions[b-s9taq6ww64] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 2rem;
}

.btn[b-s9taq6ww64] {
    display: inline-block;
    padding: 0.875rem 1.5rem;
    border-radius: 0.5rem;
    font-family: var(--font-family-montserrat);
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-s9taq6ww64] {
    background: var(--color-primary);
    color: var(--color-white);
}

.btn-primary:hover[b-s9taq6ww64] {
    background: var(--color-nav-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(81, 114, 167, 0.2);
    text-decoration: none;
}

.btn-secondary[b-s9taq6ww64] {
    background: var(--color-secondary);
    color: var(--color-text);
}

.btn-secondary:hover[b-s9taq6ww64] {
    background: #e0e6ed;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

@keyframes scaleIn-b-s9taq6ww64 {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Адаптивность */
@media (max-width: 768px) {
    .confirmation-page[b-s9taq6ww64] {
        padding: calc(var(--header-height) + 1rem) 1rem 2rem;
    }
    
    .confirmation-card[b-s9taq6ww64] {
        padding: 2rem 1.5rem;
    }
    
    .confirmation-icon[b-s9taq6ww64] {
        width: 70px;
        height: 70px;
        font-size: 2rem;
    }
    
    .confirmation-title[b-s9taq6ww64] {
        font-size: 1.5rem;
    }
    
    .confirmation-text[b-s9taq6ww64] {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .confirmation-card[b-s9taq6ww64] {
        padding: 1.5rem 1rem;
        border-radius: 0.75rem;
    }
    
    .confirmation-icon[b-s9taq6ww64] {
        width: 60px;
        height: 60px;
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }
    
    .confirmation-title[b-s9taq6ww64] {
        font-size: 1.25rem;
    }
    
    .confirmation-text[b-s9taq6ww64] {
        font-size: 0.9rem;
    }
    
    .btn[b-s9taq6ww64] {
        padding: 0.75rem 1.25rem;
        font-size: 0.95rem;
    }
}

/* _content/SibAlt/Components/Pages/Account/ResetPassword.razor.rz.scp.css */
/* === Страница сброса пароля === */

.login-page[b-uakzml5264] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--header-height) 1rem 2rem;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.login-container[b-uakzml5264] {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.login-form-wrapper[b-uakzml5264] {
    background: var(--color-white);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.login-title[b-uakzml5264] {
    text-align: center;
    margin-bottom: 2rem;
    font-family: var(--font-family-montserrat);
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--color-text);
}

/* Формы */
.form-floating[b-uakzml5264] {
    margin-bottom: 1rem;
}

.form-floating .form-control[b-uakzml5264] {
    border: 2px solid var(--color-border);
    border-radius: 0.5rem;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    transition: all var(--transition-fast);
}

.form-floating .form-control:focus[b-uakzml5264] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(132, 172, 236, 0.1);
}

.form-floating .form-control:disabled[b-uakzml5264] {
    background-color: #e9ecef;
    opacity: 1;
    cursor: not-allowed;
}

.form-floating label[b-uakzml5264] {
    color: var(--color-text-light);
    font-weight: 500;
}

/* Кнопки */
.btn-primary[b-uakzml5264] {
    background: var(--color-primary);
    border: none;
    border-radius: 0.5rem;
    padding: 0.875rem 1.5rem;
    font-family: var(--font-family-montserrat);
    font-weight: 600;
    font-size: 1rem;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-uakzml5264] {
    background: var(--color-nav-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(81, 114, 167, 0.2);
}

.btn-primary:disabled[b-uakzml5264] {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Ссылки */
a[b-uakzml5264] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
}

a:hover[b-uakzml5264] {
    color: var(--color-nav-hover);
    text-decoration: underline;
}

/* Алерты */
.alert[b-uakzml5264] {
    border-radius: 0.5rem;
    border: none;
    padding: 1rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

.alert-success[b-uakzml5264] {
    background: #d1edff;
    color: #0c5460;
}

.alert-danger[b-uakzml5264] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Сообщения валидации */
.validation-message[b-uakzml5264] {
    color: #dc3545 !important;
    font-size: 0.75rem !important;
    margin-top: 0.25rem;
    position: absolute !important;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    background: var(--color-white) !important;
    padding: 0.125rem 0;
    line-height: 1.2;
}

.form-floating[b-uakzml5264] {
    position: relative;
}

/* Адаптивность */
@media (max-width: 768px) {
    .login-page[b-uakzml5264] {
        padding: calc(var(--header-height) + 1rem) 1rem 2rem;
    }
    
    .login-form-wrapper[b-uakzml5264] {
        padding: 1.5rem;
        margin: 0 0.5rem;
    }
    
    .login-title[b-uakzml5264] {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 480px) {
    .login-form-wrapper[b-uakzml5264] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
    
    .login-title[b-uakzml5264] {
        font-size: 1.25rem;
    }
}


/* _content/SibAlt/Components/Pages/Account/Tourist/Inbox.razor.rz.scp.css */
/* === Layout для страниц туриста === */
.tourist-account-layout[b-3t832ku9ep] {
    display: flex;
    margin-top: var(--header-height);
}

.tourist-content[b-3t832ku9ep] {
    flex: 1;
    margin-left: 312px; /* Ширина сайдбара + отступ слева (280px + 1rem + 1rem) */
    padding: 1rem;
    background: transparent;
}
/* _content/SibAlt/Components/Pages/Account/Tourist/Password.razor.rz.scp.css */
/* === Layout для страниц туриста === */
.tourist-account-layout[b-qcrmthzfsv] {
    display: flex;
    margin-top: var(--header-height);
}

.tourist-content[b-qcrmthzfsv] {
    flex: 1;
    margin-left: 312px; /* Ширина сайдбара + отступ слева (280px + 1rem + 1rem) */
    padding: 1rem;
    background: transparent;
}

.tourist-menu-overlay[b-qcrmthzfsv] {
    display: none;
}

.mobile-menu-toggle[b-qcrmthzfsv] {
    display: none;
}

/* Основной контейнер - используем стили партнера */
.profile-container[b-qcrmthzfsv] {
    width: 100%;
    margin: 0;
    padding: 0 1rem;
}

/* Заголовок страницы - используем стили партнера */
.page-header[b-qcrmthzfsv] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-qcrmthzfsv] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading, #212529);
    margin: 0;
}

.page-title i[b-qcrmthzfsv] {
    color: var(--color-primary, #84acec);
    margin-right: 0.5rem;
}

.page-subtitle[b-qcrmthzfsv] {
    font-size: 1rem;
    color: var(--color-text-secondary, #6c757d);
    margin: 0;
}

/* Индикатор загрузки - используем стили партнера */
.loading-container[b-qcrmthzfsv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: var(--color-background-light, #f8f9fa);
    border-radius: var(--border-radius-medium, 0.5rem);
    margin-top: 2rem;
}

.loading-container .spinner-border[b-qcrmthzfsv] {
    width: 3rem;
    height: 3rem;
    color: var(--color-primary, #84acec);
}

.loading-container p[b-qcrmthzfsv] {
    font-size: 1.1rem;
    color: var(--color-text-secondary, #6c757d);
}

/* Секции форм - используем стили партнера */
.form-section[b-qcrmthzfsv] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.section-header[b-qcrmthzfsv] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
}

.section-title[b-qcrmthzfsv] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-heading, #212529);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-title i[b-qcrmthzfsv] {
    color: var(--color-primary, #84acec);
}

.section-content[b-qcrmthzfsv] {
    padding: 1.5rem;
}

/* Группы полей формы - используем стили партнера */
.form-group[b-qcrmthzfsv] {
    margin-bottom: 1.5rem;
    position: relative; /* Добавляем для абсолютного позиционирования валидации */
}

.form-group:last-child[b-qcrmthzfsv] {
    margin-bottom: 0;
}

/* Лейблы - используем стили партнера */
.form-label[b-qcrmthzfsv] {
    font-weight: 500;
    color: var(--color-heading, #212529);
    margin-bottom: 0.5rem;
    display: block;
}

/* Поля ввода - используем стили партнера */
.form-control[b-qcrmthzfsv] {
    border-radius: var(--border-radius-small, 0.375rem);
    border: 1px solid var(--color-border, #e0e0e0);
    padding: 0.75rem 1rem;
    font-size: 1rem;
    width: 100%;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 1.5rem; /* Добавляем отступ снизу для сообщений валидации */
}

.form-control:focus[b-qcrmthzfsv] {
    border-color: var(--color-primary, #84acec);
    box-shadow: 0 0 0 0.2rem rgba(132, 172, 236, 0.25);
    outline: none;
}

.form-control[b-qcrmthzfsv]::placeholder {
    color: var(--color-text-secondary, #6c757d);
    opacity: 0.6;
}

/* Кнопки - используем стили партнера */
.btn[b-qcrmthzfsv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium, 0.5rem);
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-qcrmthzfsv] {
    background-color: var(--color-primary, #84acec);
    color: var(--color-white, #ffffff);
    border: 1px solid var(--color-primary, #84acec);
}

.btn-primary:hover:not(:disabled)[b-qcrmthzfsv] {
    background-color: var(--color-primary-dark, #5a8ddb);
    border-color: var(--color-primary-dark, #5a8ddb);
    box-shadow: var(--shadow-medium, 0 4px 16px rgba(0, 0, 0, 0.1));
}

.btn-primary:disabled[b-qcrmthzfsv] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-qcrmthzfsv] {
    background-color: var(--color-secondary, #f8f9fa);
    color: var(--color-text-primary, #212529);
    border: 1px solid var(--color-border, #e0e0e0);
}

.btn-secondary:hover:not(:disabled)[b-qcrmthzfsv] {
    background-color: var(--color-secondary-dark, #e9ecef);
    border-color: var(--color-secondary-dark, #e9ecef);
}

.btn-secondary:disabled[b-qcrmthzfsv] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-link[b-qcrmthzfsv] {
    color: var(--color-primary, #84acec);
    background-color: transparent;
    border-color: transparent;
    padding: 0.75rem 1rem;
}

.btn-link:hover[b-qcrmthzfsv] {
    color: var(--color-primary-dark, #5a8ddb);
    text-decoration: underline;
}

/* CSS переменные для совместимости с партнерскими стилями */
:root[b-qcrmthzfsv] {
    --color-primary: #84acec;
    --color-primary-light: #a5c4f0;
    --color-primary-dark: #5a8ddb;
    --color-primary-rgb: 132, 172, 236;
    --color-secondary: #f8f9fa;
    --color-secondary-dark: #e9ecef;
    --color-accent: #ff6b35;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8;
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529;
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --color-success: #28a745;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Группа кнопок */
.button-group[b-qcrmthzfsv] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

/* Секция верификации */
.verification-section[b-qcrmthzfsv] {
    padding: 1.5rem;
    background-color: var(--color-background-light, #f8f9fa);
    border-radius: var(--border-radius-medium, 0.5rem);
    margin-top: 1rem;
}

/* Алерты - используем стили партнера */
.alert[b-qcrmthzfsv] {
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: var(--border-radius-medium, 0.5rem);
}

.alert-success[b-qcrmthzfsv] {
    color: var(--color-success, #28a745);
    background-color: #d1edff;
    border-color: var(--color-success, #28a745);
}

.alert-danger[b-qcrmthzfsv] {
    color: var(--color-danger, #dc3545);
    background-color: var(--color-danger-light, #f8d7da);
    border-color: var(--color-danger, #dc3545);
}

.alert-warning[b-qcrmthzfsv] {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeaa7;
}

.alert-info[b-qcrmthzfsv] {
    color: var(--color-info, #17a2b8);
    background-color: #d1ecf1;
    border-color: var(--color-info, #17a2b8);
}

.alert-heading[b-qcrmthzfsv] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* Поле информации */
.info-field[b-qcrmthzfsv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background-color: var(--color-background-light, #f8f9fa);
    border-radius: var(--border-radius-medium, 0.5rem);
}

.info-label[b-qcrmthzfsv] {
    font-weight: 500;
    color: var(--color-text-secondary, #6c757d);
}

.info-value[b-qcrmthzfsv] {
    color: var(--color-text-primary, #212529);
    font-weight: 600;
}

/* Бейджи */
.badge[b-qcrmthzfsv] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    border-radius: var(--border-radius-small, 0.375rem);
}

.badge-success[b-qcrmthzfsv] {
    color: var(--color-white, #ffffff);
    background-color: var(--color-success, #28a745);
}

/* Сообщения валидации - используем абсолютное позиционирование как на странице поиска */
.tourist-account-layout .text-danger[b-qcrmthzfsv],
.tourist-content .text-danger[b-qcrmthzfsv],
.profile-container .text-danger[b-qcrmthzfsv],
.form-group .text-danger[b-qcrmthzfsv],
.tourist-account-layout .validation-message[b-qcrmthzfsv],
.tourist-content .validation-message[b-qcrmthzfsv],
.profile-container .validation-message[b-qcrmthzfsv],
.form-group .validation-message[b-qcrmthzfsv] {
    color: #dc3545 !important;
    font-size: 0.75rem !important;
    margin-top: 0.25rem !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10 !important;
    background: var(--color-white, #ffffff) !important;
    padding: 0.125rem 0 !important;
    line-height: 1.2 !important;
    display: block !important;
    width: 100% !important;
}

/* Адаптивность */
@media (max-width: 768px) {
    .tourist-account-layout[b-qcrmthzfsv] {
        flex-direction: column;
        margin-top: 0;
        min-height: auto;
        gap: 0.75rem;
    }

    /* Левое меню как выезжающая панель */
    .tourist-sidebar-menu[b-qcrmthzfsv] {
        position: fixed !important;
        top: calc(var(--header-height) + 0.75rem) !important;
        left: 0 !important;
        width: min(82vw, 320px) !important;
        height: calc(100vh - var(--header-height) - 1.5rem) !important;
        border-radius: 1rem;
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
        margin: 0;
        transform: translateX(-110%);
        transition: transform 0.25s ease, opacity 0.25s ease;
        opacity: 0;
        z-index: 120;
    }

    .tourist-sidebar-menu.mobile-open[b-qcrmthzfsv] {
        transform: translateX(0);
        opacity: 1;
    }

    /* Оверлей */
    .tourist-menu-overlay[b-qcrmthzfsv] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        backdrop-filter: blur(2px);
        z-index: 110;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
        display: block;
    }

    .tourist-menu-overlay.is-active[b-qcrmthzfsv] {
        opacity: 1;
        pointer-events: auto;
    }

    /* Кнопка открытия меню */
    .mobile-menu-toggle[b-qcrmthzfsv] {
        display: flex;
        justify-content: flex-start;
        margin: 0.75rem 0;
    }

    .mobile-menu-button[b-qcrmthzfsv] {
        width: auto;
        padding: 0.6rem 0.9rem;
        gap: 0.5rem;
        font-weight: 600;
        border: 1px solid rgba(132, 172, 236, 0.6);
        background: linear-gradient(135deg, #ffffff 0%, #f5f7fb 100%);
        color: #2d2f38;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    }

    .mobile-menu-button i[b-qcrmthzfsv] {
        color: var(--color-primary, #84acec);
    }

    /* Контент на всю ширину */
    .tourist-content[b-qcrmthzfsv] {
        margin-left: 0 !important;
        padding: 0.5rem 0.75rem 0.75rem;
        flex: 0 0 auto;
    }

    .profile-container[b-qcrmthzfsv] {
        margin: 0;
        padding: 0 0.75rem;
    }
    
    .page-header[b-qcrmthzfsv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-qcrmthzfsv] {
        font-size: 1.4rem;
    }
    
    .form-section[b-qcrmthzfsv] {
        margin-bottom: 1rem;
    }
    
    .section-header[b-qcrmthzfsv],
    .section-content[b-qcrmthzfsv] {
        padding: 1rem;
    }
    
    .form-group[b-qcrmthzfsv] {
        margin-bottom: 1rem;
    }
    
    .button-group[b-qcrmthzfsv] {
        flex-direction: column;
    }
    
    .button-group .btn[b-qcrmthzfsv] {
        width: 100%;
    }
}

@media (max-width: 430px) {
    /* Ужимаем заголовки и переносим бейджи на новую строку */
    .info-field[b-qcrmthzfsv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
    }

    .info-field .info-label[b-qcrmthzfsv] {
        font-size: 0.9rem;
    }

    .info-field .info-value[b-qcrmthzfsv] {
        font-size: 0.95rem;
    }

    .info-field .badge[b-qcrmthzfsv] {
        align-self: flex-start;
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .section-title[b-qcrmthzfsv] {
        font-size: 1.125rem;
    }
    
    .form-control[b-qcrmthzfsv],
    .btn[b-qcrmthzfsv] {
        font-size: 0.9375rem;
    }
}






















/* _content/SibAlt/Components/Pages/Account/Tourist/profile.razor.rz.scp.css */
/* === Layout для страниц туриста === */
.tourist-account-layout[b-fx6ahxhpf7] {
    display: flex;
    margin-top: var(--header-height);
    min-height: auto; /* убираем принудительное 100vh для предотвращения пустоты снизу */
}

.tourist-content[b-fx6ahxhpf7] {
    flex: 1;
    margin-left: 312px; /* Ширина сайдбара + отступ слева (280px + 1rem + 1rem) */
    padding: 1rem;
    background: transparent;
}

.tourist-menu-overlay[b-fx6ahxhpf7] {
    display: none;
}

.mobile-menu-toggle[b-fx6ahxhpf7] {
    display: none;
}

/* Основной контейнер - используем стили партнера */
.profile-container[b-fx6ahxhpf7] {
    width: 100%;
    margin: 0;
    padding: 0 1rem;
}

/* Заголовок страницы - используем стили партнера */
.page-header[b-fx6ahxhpf7] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-fx6ahxhpf7] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading, #212529);
    margin: 0;
}

.page-title i[b-fx6ahxhpf7] {
    color: var(--color-primary, #84acec);
    margin-right: 0.5rem;
}

.page-subtitle[b-fx6ahxhpf7] {
    font-size: 1rem;
    color: var(--color-text-secondary, #6c757d);
    margin: 0;
}

/* Индикатор загрузки - используем стили партнера */
.loading-container[b-fx6ahxhpf7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: var(--color-background-light, #f8f9fa);
    border-radius: var(--border-radius-medium, 0.5rem);
    margin-top: 2rem;
}

.loading-container .spinner-border[b-fx6ahxhpf7] {
    width: 3rem;
    height: 3rem;
    color: var(--color-primary, #84acec);
}

.loading-container p[b-fx6ahxhpf7] {
    font-size: 1.1rem;
    color: var(--color-text-secondary, #6c757d);
}

/* Секции форм - используем стили партнера */
.form-section[b-fx6ahxhpf7] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.section-header[b-fx6ahxhpf7] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
}

.section-title[b-fx6ahxhpf7] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-heading, #212529);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-title i[b-fx6ahxhpf7] {
    color: var(--color-primary, #84acec);
}

.section-content[b-fx6ahxhpf7] {
    padding: 1.5rem;
}

/* Группы полей формы - используем стили партнера */
.form-group[b-fx6ahxhpf7] {
    margin-bottom: 1.5rem;
    position: relative; /* Добавляем для абсолютного позиционирования валидации */
}

.form-group:last-child[b-fx6ahxhpf7] {
    margin-bottom: 0;
}

/* Лейблы - используем стили партнера */
.form-label[b-fx6ahxhpf7] {
    display: block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--color-heading, #212529);
    margin-bottom: 0.5rem;
}

/* Поля ввода - используем стили партнера */
.form-control[b-fx6ahxhpf7] {
    border-radius: var(--border-radius-small, 0.375rem);
    border: 1px solid var(--color-border, #e0e0e0);
    padding: 0.75rem 1rem;
    font-size: 1rem;
    width: 100%;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 1.5rem; /* Добавляем отступ снизу для сообщений валидации */
}

.form-control:focus[b-fx6ahxhpf7] {
    border-color: var(--color-primary, #84acec);
    box-shadow: 0 0 0 0.2rem rgba(132, 172, 236, 0.25);
    outline: none;
}

.form-control[b-fx6ahxhpf7]::placeholder {
    color: var(--color-text-secondary, #6c757d);
    opacity: 0.6;
}

/* Кнопки - используем стили партнера */
.btn[b-fx6ahxhpf7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium, 0.5rem);
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-fx6ahxhpf7] {
    background-color: var(--color-primary, #84acec);
    color: var(--color-white, #ffffff);
    border: 1px solid var(--color-primary, #84acec);
}

.btn-primary:hover:not(:disabled)[b-fx6ahxhpf7] {
    background-color: var(--color-primary-dark, #5a8ddb);
    border-color: var(--color-primary-dark, #5a8ddb);
    box-shadow: var(--shadow-medium, 0 4px 16px rgba(0, 0, 0, 0.1));
}

.btn-primary:disabled[b-fx6ahxhpf7] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-outline-danger[b-fx6ahxhpf7] {
    background-color: transparent;
    color: var(--color-danger, #dc3545);
    border: 1px solid var(--color-danger, #dc3545);
}

.btn-outline-danger:hover[b-fx6ahxhpf7] {
    background-color: var(--color-danger, #dc3545);
    color: var(--color-white, #ffffff);
}

/* Группа действий формы */
.form-actions[b-fx6ahxhpf7] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: flex-start;
}

/* Алерты - используем стили партнера */
.alert[b-fx6ahxhpf7] {
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: var(--border-radius-medium, 0.5rem);
}

.alert-success[b-fx6ahxhpf7] {
    color: var(--color-success, #28a745);
    background-color: #d1edff;
    border-color: var(--color-success, #28a745);
}

.alert-danger[b-fx6ahxhpf7] {
    color: var(--color-danger, #dc3545);
    background-color: var(--color-danger-light, #f8d7da);
    border-color: var(--color-danger, #dc3545);
}

.alert-warning[b-fx6ahxhpf7] {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeaa7;
}

.alert-heading[b-fx6ahxhpf7] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* CSS переменные для совместимости с партнерскими стилями */
:root[b-fx6ahxhpf7] {
    --color-primary: #84acec;
    --color-primary-light: #a5c4f0;
    --color-primary-dark: #5a8ddb;
    --color-primary-rgb: 132, 172, 236;
    --color-secondary: #f8f9fa;
    --color-secondary-dark: #e9ecef;
    --color-accent: #ff6b35;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8;
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529;
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --color-success: #28a745;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Адаптивность */
@media (max-width: 768px) {
    .tourist-account-layout[b-fx6ahxhpf7] {
        flex-direction: column;
        margin-top: 0;
        min-height: auto;
        gap: 0.75rem;
    }

    /* Контент становится на всю ширину, без отступа слева */
    .tourist-content[b-fx6ahxhpf7] {
        margin-left: 0 !important;
        padding: 0.5rem 0.75rem 1.25rem;
    }

    /* Иконка для открытия меню */
    .mobile-menu-toggle[b-fx6ahxhpf7] {
        display: flex;
        justify-content: flex-start;
        margin: 0.75rem 0;
    }

    .mobile-menu-button[b-fx6ahxhpf7] {
        width: auto;
        padding: 0.6rem 0.9rem;
        gap: 0.5rem;
        font-weight: 600;
        border: 1px solid rgba(132, 172, 236, 0.6);
        background: linear-gradient(135deg, #ffffff 0%, #f5f7fb 100%);
        color: #2d2f38;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    }

    .mobile-menu-button i[b-fx6ahxhpf7] {
        color: var(--color-primary, #84acec);
    }

    /* Полупрозрачный оверлей */
    .tourist-menu-overlay[b-fx6ahxhpf7] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        backdrop-filter: blur(2px);
        z-index: 110;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
        display: block;
    }

    .tourist-menu-overlay.is-active[b-fx6ahxhpf7] {
        opacity: 1;
        pointer-events: auto;
    }

    /* Левое меню как выезжающая панель */
    .tourist-sidebar-menu[b-fx6ahxhpf7] {
        position: fixed !important;
        top: calc(var(--header-height) + 0.75rem) !important;
        left: 0 !important;
        width: min(82vw, 320px) !important;
        height: calc(100vh - var(--header-height) - 1.5rem) !important;
        border-radius: 1rem;
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
        margin: 0;
        transform: translateX(-110%);
        transition: transform 0.25s ease, opacity 0.25s ease;
        opacity: 0;
        z-index: 120;
    }

    .tourist-sidebar-menu.mobile-open[b-fx6ahxhpf7] {
        transform: translateX(0);
        opacity: 1;
    }

    .profile-container[b-fx6ahxhpf7] {
        margin: 0;
        padding: 0 0.75rem;
    }
    
    .page-header[b-fx6ahxhpf7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-fx6ahxhpf7] {
        font-size: 1.4rem;
    }
    
    .form-section[b-fx6ahxhpf7] {
        margin-bottom: 1rem;
    }
    
    .section-header[b-fx6ahxhpf7],
    .section-content[b-fx6ahxhpf7] {
        padding: 1rem;
    }
    
    .form-group[b-fx6ahxhpf7] {
        margin-bottom: 1rem;
    }
    
    .form-actions[b-fx6ahxhpf7] {
        flex-direction: column;
    }
    
    .form-actions .btn[b-fx6ahxhpf7] {
        width: 100%;
        justify-content: center;
    }

    /* Убираем нижний паддинг из глобального .content, чтобы не было пустоты над футером */
    :global(.content)[b-fx6ahxhpf7] {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 480px) {
    .section-title[b-fx6ahxhpf7] {
        font-size: 1.125rem;
    }
    
    .form-control[b-fx6ahxhpf7],
    .btn[b-fx6ahxhpf7] {
        font-size: 0.9375rem;
    }
}

/* _content/SibAlt/Components/Pages/Account/Tourist/ReservationDetails.razor.rz.scp.css */
/* === CSS переменные === */
:root[b-9ryh78dzph] {
    --color-primary: #84acec;
    --color-secondary: #6c757d;
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-warning: #ffc107;
    --color-info: #17a2b8;
    --color-white: #ffffff;
    --color-light: #f8f9fa;
    --color-dark: #343a40;
    --color-heading: #212529;
    --color-text: #495057;
    --color-text-secondary: #6c757d;
    --color-border: #e0e0e0;
    --color-background-light: #f8f9fa;
    --border-radius-small: 0.25rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.15);
    --header-height: 100px;
}

/* === Layout для страниц туриста === */
.tourist-account-layout[b-9ryh78dzph] {
    display: flex;
    margin-top: var(--header-height);
}

.tourist-content[b-9ryh78dzph] {
    flex: 1;
    margin-left: 312px; /* Ширина сайдбара + отступ слева (280px + 1rem + 1rem) */
    padding: 1rem;
    background: transparent;
}

.tourist-menu-overlay[b-9ryh78dzph] {
    display: none;
}

.mobile-menu-toggle[b-9ryh78dzph] {
    display: none;
}

/* Основной контейнер - используем стили партнера */
.profile-container[b-9ryh78dzph] {
    width: 100%;
    margin: 0;
    padding: 0 1rem;
}

/* Заголовок страницы - используем стили партнера */
.page-header[b-9ryh78dzph] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-9ryh78dzph] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-heading, #212529);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title i[b-9ryh78dzph] {
    color: var(--color-primary, #84acec);
}

.page-subtitle[b-9ryh78dzph] {
    font-size: 1rem;
    color: var(--color-text-secondary, #6c757d);
    margin: 0;
}

.tourist-content[b-9ryh78dzph] {
    flex: 1;
    margin-left: 312px; /* Ширина сайдбара + отступ слева (280px + 1rem + 1rem) */
    padding: 1rem;
    background: transparent;
}

/* Основной контейнер - используем стили партнера */
.profile-container[b-9ryh78dzph] {
    width: 100%;
    margin: 0;
    padding: 0 1rem;
}

/* Заголовок страницы - используем стили партнера */
.page-header[b-9ryh78dzph] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-9ryh78dzph] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading, #212529);
    margin: 0;
}

.page-title i[b-9ryh78dzph] {
    color: var(--color-primary, #84acec);
    margin-right: 0.5rem;
}

.page-subtitle[b-9ryh78dzph] {
    font-size: 1rem;
    color: var(--color-text-secondary, #6c757d);
    margin: 0;
}

/* Индикатор загрузки - используем стили партнера */
.loading-container[b-9ryh78dzph] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: var(--color-background-light, #f8f9fa);
    border-radius: var(--border-radius-medium, 0.5rem);
    margin-top: 2rem;
}

.loading-container .spinner-border[b-9ryh78dzph] {
    width: 3rem;
    height: 3rem;
    color: var(--color-primary, #84acec);
}

.loading-container p[b-9ryh78dzph] {
    font-size: 1.1rem;
    color: var(--color-text-secondary, #6c757d);
}

/* Секции форм - используем стили партнера */
.form-section[b-9ryh78dzph] {
    background-color: var(--color-white, #ffffff);
    border: 1px solid var(--color-border, #e0e0e0);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
}

.section-header[b-9ryh78dzph] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
}

.section-title[b-9ryh78dzph] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-heading, #212529);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-title i[b-9ryh78dzph] {
    color: var(--color-primary, #84acec);
}

.section-content[b-9ryh78dzph] {
    padding: 1.5rem;
}

/* Основной контент */
.main-content[b-9ryh78dzph] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
}

/* Компактный блок статуса */
.status-compact[b-9ryh78dzph] {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: flex-start;
}

.status-compact .status-badge[b-9ryh78dzph] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-radius: var(--border-radius-large, 0.75rem);
    font-size: 0.95rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
}

.status-compact .status-badge i[b-9ryh78dzph] {
    font-size: 1rem;
}

/* Фотография отеля */
.hotel-image-card[b-9ryh78dzph] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    overflow: hidden;
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
}

.hotel-image[b-9ryh78dzph] {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: var(--border-radius-large, 0.75rem);
}

/* Информация об отеле */
.hotel-info[b-9ryh78dzph] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100% !important;
    max-width: none !important;
}

.hotel-main[b-9ryh78dzph] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100% !important;
    max-width: none !important;
}

.hotel-name[b-9ryh78dzph] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-heading, #212529);
    margin: 0;
}

.hotel-description[b-9ryh78dzph] {
    font-size: 1rem;
    color: var(--color-text-secondary, #6c757d);
    margin: 0;
}

.housing-info[b-9ryh78dzph] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background-color: var(--color-background-light, #f8f9fa);
    border-radius: var(--border-radius-medium, 0.5rem);
    border: 1px solid var(--color-border, #e0e0e0);
    width: 100% !important;
    max-width: none !important;
}

.housing-type[b-9ryh78dzph] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: var(--color-text-secondary, #6c757d);
    font-size: 0.875rem;
}

.housing-type i[b-9ryh78dzph] {
    color: var(--color-primary, #84acec);
}

.housing-name[b-9ryh78dzph] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-heading, #212529);
    margin: 0;
}

/* Детали бронирования */
.booking-details[b-9ryh78dzph] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100% !important;
    max-width: none !important;
}

.dates-section[b-9ryh78dzph],
.guests-section[b-9ryh78dzph] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.section-title[b-9ryh78dzph] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-heading, #212529);
    margin: 0;
}

.date-item[b-9ryh78dzph] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background-color: var(--color-background-light, #f8f9fa);
    border-radius: var(--border-radius-medium, 0.5rem);
    border: 1px solid var(--color-border, #e0e0e0);
    width: 100%;
}

.date-icon[b-9ryh78dzph] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--color-primary, #84acec) 0%, var(--color-primary-dark, #5a8ddb) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white, #ffffff);
    font-size: 1.25rem;
    flex-shrink: 0;
}

.date-info[b-9ryh78dzph] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.date-label[b-9ryh78dzph] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text-secondary, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.date-value[b-9ryh78dzph] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-heading, #212529);
}

.nights-info[b-9ryh78dzph] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #e8f5e8 0%, #f0f8f0 100%);
    border-radius: var(--border-radius-medium, 0.5rem);
    border: 1px solid #d4edda;
    color: var(--color-success, #28a745);
    font-weight: 600;
}

.nights-info i[b-9ryh78dzph] {
    color: var(--color-success, #28a745);
}

/* Гости */
.guests-list[b-9ryh78dzph] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.guest-item[b-9ryh78dzph] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background-color: var(--color-background-light, #f8f9fa);
    border-radius: var(--border-radius-medium, 0.5rem);
    border: 1px solid var(--color-border, #e0e0e0);
    width: 100%;
}

.guest-item i[b-9ryh78dzph] {
    color: var(--color-primary, #84acec);
    font-size: 1.125rem;
    width: 20px;
    text-align: center;
}

.guest-item span[b-9ryh78dzph] {
    font-size: 1rem;
    color: var(--color-heading, #212529);
}

/* Цена */
.pricing-details[b-9ryh78dzph] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100% !important;
    max-width: none !important;
}

.price-item[b-9ryh78dzph] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--color-background-light, #f8f9fa);
    border-radius: var(--border-radius-medium, 0.5rem);
    border: 1px solid var(--color-border, #e0e0e0);
}

.price-item.total[b-9ryh78dzph] {
    background: linear-gradient(135deg, #e8f5e8 0%, #f0f8f0 100%);
    border-color: #d4edda;
}

.price-label[b-9ryh78dzph] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-heading, #212529);
}

.price-value[b-9ryh78dzph] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-secondary, #6c757d);
}

.price-value.total-price[b-9ryh78dzph] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-success, #28a745);
}

/* Сообщение */
.message-content[b-9ryh78dzph] {
    padding: 1rem;
    background-color: var(--color-background-light, #f8f9fa);
    border-radius: var(--border-radius-medium, 0.5rem);
    border: 1px solid var(--color-border, #e0e0e0);
}

.message-content p[b-9ryh78dzph] {
    margin: 0;
    font-size: 1rem;
    color: var(--color-heading, #212529);
    line-height: 1.6;
}

/* Информационные поля */
.info-item[b-9ryh78dzph] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    width: 100%;
}

.info-item:last-child[b-9ryh78dzph] {
    border-bottom: none;
}

.info-label[b-9ryh78dzph] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text-secondary, #6c757d);
}

.info-value[b-9ryh78dzph] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-heading, #212529);
}

.status-badge-container[b-9ryh78dzph] {
    display: flex;
    align-items: center;
}

.status-badge[b-9ryh78dzph] {
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Кнопки действий */
.form-actions[b-9ryh78dzph] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: flex-start;
}

.btn[b-9ryh78dzph] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--border-radius-medium, 0.5rem);
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary[b-9ryh78dzph] {
    background-color: var(--color-primary, #84acec);
    color: var(--color-white, #ffffff);
    border: 1px solid var(--color-primary, #84acec);
}

.btn-primary:hover:not(:disabled)[b-9ryh78dzph] {
    background-color: var(--color-primary-dark, #5a8ddb);
    border-color: var(--color-primary-dark, #5a8ddb);
    box-shadow: var(--shadow-medium, 0 4px 16px rgba(0, 0, 0, 0.1));
}

.btn-secondary[b-9ryh78dzph] {
    background-color: var(--color-secondary, #f8f9fa);
    color: var(--color-text-primary, #212529);
    border: 1px solid var(--color-border, #e0e0e0);
}

.btn-secondary:hover:not(:disabled)[b-9ryh78dzph] {
    background-color: var(--color-secondary-dark, #e9ecef);
    border-color: var(--color-secondary-dark, #e9ecef);
}

.btn-outline-primary[b-9ryh78dzph] {
    background-color: transparent;
    color: var(--color-primary, #84acec);
    border: 1px solid var(--color-primary, #84acec);
}

.btn-outline-primary:hover[b-9ryh78dzph] {
    background-color: var(--color-primary, #84acec);
    color: var(--color-white, #ffffff);
}

/* Алерты - используем стили партнера */
.alert[b-9ryh78dzph] {
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: var(--border-radius-medium, 0.5rem);
}

.alert-info[b-9ryh78dzph] {
    color: var(--color-info, #17a2b8);
    background-color: #d1ecf1;
    border-color: var(--color-info, #17a2b8);
}

.alert-warning[b-9ryh78dzph] {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeaa7;
}

.alert-heading[b-9ryh78dzph] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-heading i[b-9ryh78dzph] {
    color: var(--color-info, #17a2b8);
}

/* CSS переменные для совместимости с партнерскими стилями */
:root[b-9ryh78dzph] {
    --color-primary: #84acec;
    --color-primary-light: #a5c4f0;
    --color-primary-dark: #5a8ddb;
    --color-primary-rgb: 132, 172, 236;
    --color-secondary: #f8f9fa;
    --color-secondary-dark: #e9ecef;
    --color-accent: #ff6b35;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8;
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529;
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --color-success: #28a745;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Адаптивность */
@media (max-width: 768px) {
    .tourist-account-layout[b-9ryh78dzph] {
        flex-direction: column;
        margin-top: 0;
        min-height: auto;
        gap: 0.75rem;
    }

    /* Левое меню как выезжающая панель */
    .tourist-sidebar-menu[b-9ryh78dzph] {
        position: fixed !important;
        top: calc(var(--header-height) + 0.75rem) !important;
        left: 0 !important;
        width: min(82vw, 320px) !important;
        height: calc(100vh - var(--header-height) - 1.5rem) !important;
        border-radius: 1rem;
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
        margin: 0;
        transform: translateX(-110%);
        transition: transform 0.25s ease, opacity 0.25s ease;
        opacity: 0;
        z-index: 120;
    }

    .tourist-sidebar-menu.mobile-open[b-9ryh78dzph] {
        transform: translateX(0);
        opacity: 1;
    }

    /* Оверлей */
    .tourist-menu-overlay[b-9ryh78dzph] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        backdrop-filter: blur(2px);
        z-index: 110;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
        display: block;
    }

    .tourist-menu-overlay.is-active[b-9ryh78dzph] {
        opacity: 1;
        pointer-events: auto;
    }

    /* Кнопка открытия меню */
    .mobile-menu-toggle[b-9ryh78dzph] {
        display: flex;
        justify-content: flex-start;
        margin: 0.75rem 0;
    }

    .mobile-menu-button[b-9ryh78dzph] {
        width: auto;
        padding: 0.6rem 0.9rem;
        gap: 0.5rem;
        font-weight: 600;
        border: 1px solid rgba(132, 172, 236, 0.6);
        background: linear-gradient(135deg, #ffffff 0%, #f5f7fb 100%);
        color: #2d2f38;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    }

    .mobile-menu-button i[b-9ryh78dzph] {
        color: var(--color-primary, #84acec);
    }

    /* Контент на всю ширину */
    .tourist-content[b-9ryh78dzph] {
        margin-left: 0 !important;
        padding: 0.5rem 0.75rem 0.75rem;
        flex: 0 0 auto;
    }

    .profile-container[b-9ryh78dzph] {
        margin: 0;
        padding: 0 0.75rem;
    }
    
    .page-header[b-9ryh78dzph] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-9ryh78dzph] {
        font-size: 1.4rem;
    }
    
    .form-section[b-9ryh78dzph] {
        margin-bottom: 1rem;
    }
    
    .section-header[b-9ryh78dzph],
    .section-content[b-9ryh78dzph] {
        padding: 1rem;
    }
    
    .hotel-image[b-9ryh78dzph] {
        height: 250px;
    }
    
    .status-compact[b-9ryh78dzph] {
        justify-content: center;
        margin-bottom: 1rem;
    }
    
    .status-compact .status-badge[b-9ryh78dzph] {
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
    }
    
    .booking-details[b-9ryh78dzph] {
        gap: 1.5rem;
    }
    
    .date-item[b-9ryh78dzph] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .date-icon[b-9ryh78dzph] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .form-actions[b-9ryh78dzph] {
        flex-direction: column;
    }
    
    .form-actions .btn[b-9ryh78dzph] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .section-title[b-9ryh78dzph] {
        font-size: 1.125rem;
    }
    
    .btn[b-9ryh78dzph] {
        font-size: 0.9375rem;
    }
    
    .hotel-name[b-9ryh78dzph] {
        font-size: 1.25rem;
    }
    
    .date-value[b-9ryh78dzph] {
        font-size: 0.875rem;
    }
}
/* _content/SibAlt/Components/Pages/Account/Tourist/Reservations.razor.rz.scp.css */
/* === Layout для страниц туриста === */
.tourist-account-layout[b-bwxsmx6cuj] {
    display: flex;
    margin-top: var(--header-height);
}

.tourist-content[b-bwxsmx6cuj] {
    flex: 1;
    margin-left: 312px; /* Ширина сайдбара + отступ слева (280px + 1rem + 1rem) */
    padding: 1rem;
    background: transparent;
}

.tourist-menu-overlay[b-bwxsmx6cuj] {
    display: none;
}

.mobile-menu-toggle[b-bwxsmx6cuj] {
    display: none;
}

/* Основной контейнер - используем стили партнера */
.profile-container[b-bwxsmx6cuj] {
    width: 100%;
    margin: 0;
    padding: 0 1rem;
}

/* Заголовок страницы - используем стили партнера */
.page-header[b-bwxsmx6cuj] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-title[b-bwxsmx6cuj] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-heading, #212529);
    margin: 0;
}

.page-title i[b-bwxsmx6cuj] {
    color: var(--color-primary, #84acec);
    margin-right: 0.5rem;
}

.page-subtitle[b-bwxsmx6cuj] {
    font-size: 1rem;
    color: var(--color-text-secondary, #6c757d);
    margin: 0;
}

/* Индикатор загрузки - используем стили партнера */
.loading-container[b-bwxsmx6cuj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: var(--color-background-light, #f8f9fa);
    border-radius: var(--border-radius-medium, 0.5rem);
    margin-top: 2rem;
}

.loading-container .spinner-border[b-bwxsmx6cuj] {
    width: 3rem;
    height: 3rem;
    color: var(--color-primary, #84acec);
}

.loading-container p[b-bwxsmx6cuj] {
    font-size: 1.1rem;
    color: var(--color-text-secondary, #6c757d);
}

/* Секции форм - используем стили партнера */
.form-section[b-bwxsmx6cuj] {
    background-color: var(--color-white, #ffffff);
    border-radius: var(--border-radius-large, 0.75rem);
    box-shadow: var(--shadow-small, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.section-header[b-bwxsmx6cuj] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    background-color: var(--color-background-light, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-title[b-bwxsmx6cuj] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-heading, #212529);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-title i[b-bwxsmx6cuj] {
    color: var(--color-primary, #84acec);
}

.section-content[b-bwxsmx6cuj] {
    padding: 1.5rem;
}

/* Алерты - используем стили партнера */
.alert[b-bwxsmx6cuj] {
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: var(--border-radius-medium, 0.5rem);
}

.alert-info[b-bwxsmx6cuj] {
    color: var(--color-info, #17a2b8);
    background-color: #d1ecf1;
    border-color: var(--color-info, #17a2b8);
}

.alert-heading[b-bwxsmx6cuj] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-heading i[b-bwxsmx6cuj] {
    color: var(--color-info, #17a2b8);
}

.alert-text[b-bwxsmx6cuj] {
    margin: 0;
    line-height: 1.5;
}

/* Бейджи */
.badge[b-bwxsmx6cuj] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    border-radius: var(--border-radius-small, 0.375rem);
}

.bg-primary[b-bwxsmx6cuj] {
    color: var(--color-white, #ffffff);
    background-color: var(--color-primary, #84acec);
}

.bg-success[b-bwxsmx6cuj] {
    color: var(--color-white, #ffffff);
    background-color: var(--color-success, #28a745);
}

.bg-info[b-bwxsmx6cuj] {
    color: var(--color-white, #ffffff);
    background-color: #17a2b8;
}

.bg-warning[b-bwxsmx6cuj] {
    color: var(--color-text-dark, #212529);
    background-color: #ffc107;
}

.bg-danger[b-bwxsmx6cuj] {
    color: var(--color-white, #ffffff);
    background-color: #dc3545;
}

.bg-secondary[b-bwxsmx6cuj] {
    color: var(--color-white, #ffffff);
    background-color: #6c757d;
}

/* Сетка резерваций */
.reservations-grid[b-bwxsmx6cuj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: 1.5rem;
}

/* Карточки резерваций */
.reservation-card[b-bwxsmx6cuj] {
    background: var(--color-white);
    border-radius: 1rem;
    box-shadow: var(--shadow-small);
    border: 1px solid var(--color-border);
    overflow: hidden;
    transition: all var(--transition-fast);
}

.reservation-card:hover[b-bwxsmx6cuj] {
    box-shadow: var(--shadow-medium);
}

.card-content[b-bwxsmx6cuj] {
    display: flex;
    min-height: 200px;
}

.card-image[b-bwxsmx6cuj] {
    width: 200px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.card-img[b-bwxsmx6cuj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-img-placeholder[b-bwxsmx6cuj] {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--color-text-light);
}

.card-details[b-bwxsmx6cuj] {
    flex: 1;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
}

/* Статус карточки */
.card-status[b-bwxsmx6cuj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.status-badge[b-bwxsmx6cuj] {
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

/* Для активных запросов - выравнивание по левой стороне, без левого padding (если нет фона) */
.card-status .status-badge[b-bwxsmx6cuj] {
    padding-left: 0;
    text-align: left;
}

/* Для статусов с цветным фоном в активных запросах - центрирование текста внутри фона */
.card-status .status-badge.bg-warning[b-bwxsmx6cuj],
.card-status .status-badge.bg-success[b-bwxsmx6cuj],
.card-status .status-badge.bg-danger[b-bwxsmx6cuj],
.card-status .status-badge.bg-info[b-bwxsmx6cuj],
.card-status .status-badge.bg-secondary[b-bwxsmx6cuj],
.card-status .status-badge.bg-primary[b-bwxsmx6cuj],
.card-status .status-badge.status-pending-orange[b-bwxsmx6cuj] {
    text-align: center;
    padding: 0.375rem 0.75rem;
}

/* Для завершенных запросов - выравнивание по левой стороне, если нет фона */
.completed-status .status-badge[b-bwxsmx6cuj] {
    text-align: left;
    padding-left: 0;
}

/* Для статусов с цветным фоном в завершенных запросах - центрирование текста внутри фона */
.completed-status .status-badge.bg-warning[b-bwxsmx6cuj],
.completed-status .status-badge.bg-success[b-bwxsmx6cuj],
.completed-status .status-badge.bg-danger[b-bwxsmx6cuj],
.completed-status .status-badge.bg-info[b-bwxsmx6cuj],
.completed-status .status-badge.bg-secondary[b-bwxsmx6cuj],
.completed-status .status-badge.bg-primary[b-bwxsmx6cuj],
.completed-status .status-badge.status-pending-orange[b-bwxsmx6cuj] {
    text-align: center;
    padding: 0.375rem 0.75rem;
}

.status-pending-orange[b-bwxsmx6cuj] {
    background-color: #ff9800;
    color: #ffffff;
}

.type-badge[b-bwxsmx6cuj] {
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.type-badge.request[b-bwxsmx6cuj] {
    background: #e3f2fd;
    color: #1976d2;
}

.type-badge.reservation[b-bwxsmx6cuj] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.payment-badge[b-bwxsmx6cuj] {
    background: #ffebee;
    color: #c62828;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.7rem;
    font-weight: 500;
}

/* Даты */
.card-dates[b-bwxsmx6cuj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #f8f9fa;
    padding: 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid #e9ecef;
    min-width: 0;
    flex-wrap: nowrap;
}

.date-item[b-bwxsmx6cuj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 0 0 auto;
    white-space: nowrap;
    min-width: fit-content;
}

.date-item i[b-bwxsmx6cuj] {
    color: var(--color-primary);
    font-size: 0.875rem;
}

.date-text[b-bwxsmx6cuj] {
    font-weight: 600;
    color: var(--color-text);
    font-size: 0.875rem;
    white-space: nowrap;
}

.date-separator[b-bwxsmx6cuj] {
    color: var(--color-text-light);
    font-weight: 600;
    font-size: 1rem;
}

/* Информация о месте */
.card-info[b-bwxsmx6cuj] {
    flex: 1;
}

.card-title[b-bwxsmx6cuj] {
    font-family: var(--font-family-montserrat);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 0.25rem 0;
    line-height: 1.3;
}

.card-subtitle[b-bwxsmx6cuj] {
    color: var(--color-text-light);
    font-size: 0.875rem;
    margin: 0 0 0.5rem 0;
}

.housing-info[b-bwxsmx6cuj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-text-light);
    font-size: 0.875rem;
}

.housing-info i[b-bwxsmx6cuj] {
    color: var(--color-primary);
}

/* Гости */
.card-guests[b-bwxsmx6cuj] {
    background: #f8f9fa;
    padding: 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid #e9ecef;
}

.guests-info[b-bwxsmx6cuj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-text-light);
    font-size: 0.875rem;
}

.guests-info i[b-bwxsmx6cuj] {
    color: var(--color-primary);
}

/* Цена */
.card-price[b-bwxsmx6cuj] {
    background: linear-gradient(135deg, #e8f5e8 0%, #f0f8f0 100%);
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid #d4edda;
}

.price-main[b-bwxsmx6cuj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.price-label[b-bwxsmx6cuj] {
    font-weight: 600;
    color: var(--color-text);
}

.price-value[b-bwxsmx6cuj] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #28a745;
    white-space: nowrap;
}

.price-prepayment[b-bwxsmx6cuj] {
    font-size: 0.875rem;
    color: var(--color-text-light);
}

/* Кнопки действий */
.card-actions[b-bwxsmx6cuj] {
    display: flex;
    gap: 0.75rem;
    margin-top: auto;
    flex-wrap: wrap;
    min-width: 0;
}

.btn[b-bwxsmx6cuj] {
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

.btn-pay[b-bwxsmx6cuj] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: var(--color-white);
    flex: 1;
    min-width: 120px;
    white-space: nowrap;
}

.btn-pay:hover[b-bwxsmx6cuj] {
    background: linear-gradient(135deg, #218838 0%, #1e7e34 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.btn-details[b-bwxsmx6cuj] {
    background: var(--color-white);
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
    flex: 1;
    min-width: 0;
    white-space: nowrap;
}

.btn-details:hover[b-bwxsmx6cuj] {
    background: var(--color-primary);
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(132, 172, 236, 0.3);
}

/* Завершенные резервации */
.completed-reservations[b-bwxsmx6cuj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.completed-card[b-bwxsmx6cuj] {
    background: var(--color-white);
    border-radius: 0.75rem;
    box-shadow: var(--shadow-small);
    border: 1px solid var(--color-border);
    overflow: hidden;
    transition: all var(--transition-fast);
}

.completed-card:hover[b-bwxsmx6cuj] {
    box-shadow: var(--shadow-medium);
}

.completed-content[b-bwxsmx6cuj] {
    display: flex;
    align-items: stretch;
    padding: 1rem;
    gap: 1rem;
}

.completed-image[b-bwxsmx6cuj] {
    width: 120px;
    flex-shrink: 0;
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.completed-img[b-bwxsmx6cuj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.completed-img-placeholder[b-bwxsmx6cuj] {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--color-text-light);
}

.completed-details[b-bwxsmx6cuj] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    min-height: 0;
    align-self: stretch;
}

.completed-info[b-bwxsmx6cuj] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.completed-actions[b-bwxsmx6cuj] {
    flex-shrink: 0;
    align-self: center;
}

.completed-status[b-bwxsmx6cuj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.completed-dates[b-bwxsmx6cuj] {
    color: var(--color-text-light);
    font-size: 0.875rem;
    font-weight: 500;
}

.completed-title[b-bwxsmx6cuj] {
    font-family: var(--font-family-montserrat);
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 0.25rem 0;
}

.completed-subtitle[b-bwxsmx6cuj] {
    color: var(--color-text-light);
    font-size: 0.875rem;
    margin: 0 0 0.25rem 0;
}

.completed-housing[b-bwxsmx6cuj] {
    color: var(--color-text-light);
    font-size: 0.875rem;
    margin: 0;
}

.completed-actions[b-bwxsmx6cuj] {
    flex-shrink: 0;
}

.btn-completed-details[b-bwxsmx6cuj] {
    background: var(--color-white);
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    transition: all var(--transition-fast);
}

.btn-completed-details:hover[b-bwxsmx6cuj] {
    background: var(--color-primary);
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(132, 172, 236, 0.3);
}

/* CSS переменные для совместимости с партнерскими стилями */
:root[b-bwxsmx6cuj] {
    --color-primary: #84acec;
    --color-primary-light: #a5c4f0;
    --color-primary-dark: #5a8ddb;
    --color-primary-rgb: 132, 172, 236;
    --color-secondary: #f8f9fa;
    --color-secondary-dark: #e9ecef;
    --color-accent: #ff6b35;
    --color-text: #212529;
    --color-text-secondary: #6c757d;
    --color-info: #17a2b8;
    --color-white: #ffffff;
    --color-border: #e0e0e0;
    --color-heading: #212529;
    --color-text-primary: #212529;
    --color-background-light: #f8f9fa;
    --color-danger: #dc3545;
    --color-danger-light: #f8d7da;
    --color-success: #28a745;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
    --transition-fast: 0.3s ease;
    --font-family-montserrat: 'Montserrat', sans-serif;
}

/* Адаптивность */
@media (max-width: 768px) {
    .tourist-account-layout[b-bwxsmx6cuj] {
        flex-direction: column;
        margin-top: 0;
        min-height: auto;
        gap: 0.75rem;
    }

    /* Левое меню переносим в выезжающую панель */
    .tourist-sidebar-menu[b-bwxsmx6cuj] {
        position: fixed !important;
        top: calc(var(--header-height) + 0.75rem) !important;
        left: 0 !important;
        width: min(82vw, 320px) !important;
        height: calc(100vh - var(--header-height) - 1.5rem) !important;
        border-radius: 1rem;
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
        margin: 0;
        transform: translateX(-110%);
        transition: transform 0.25s ease, opacity 0.25s ease;
        opacity: 0;
        z-index: 120;
    }

    .tourist-sidebar-menu.mobile-open[b-bwxsmx6cuj] {
        transform: translateX(0);
        opacity: 1;
    }

    /* Оверлей */
    .tourist-menu-overlay[b-bwxsmx6cuj] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        backdrop-filter: blur(2px);
        z-index: 110;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
        display: block;
    }

    .tourist-menu-overlay.is-active[b-bwxsmx6cuj] {
        opacity: 1;
        pointer-events: auto;
    }

    /* Кнопка открытия меню */
    .mobile-menu-toggle[b-bwxsmx6cuj] {
        display: flex;
        justify-content: flex-start;
        margin: 0.75rem 0;
    }

    .mobile-menu-button[b-bwxsmx6cuj] {
        width: auto;
        padding: 0.6rem 0.9rem;
        gap: 0.5rem;
        font-weight: 600;
        border: 1px solid rgba(132, 172, 236, 0.6);
        background: linear-gradient(135deg, #ffffff 0%, #f5f7fb 100%);
        color: #2d2f38;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    }

    .mobile-menu-button i[b-bwxsmx6cuj] {
        color: var(--color-primary, #84acec);
    }

    /* Контент на всю ширину */
    .tourist-content[b-bwxsmx6cuj] {
        margin-left: 0 !important;
        padding: 0.5rem 0.75rem 0.75rem;
        flex: 0 0 auto;
    }

    .profile-container[b-bwxsmx6cuj] {
        margin: 0;
        padding: 0 0.75rem;
    }
    
    .page-header[b-bwxsmx6cuj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .page-title[b-bwxsmx6cuj] {
        font-size: 1.4rem;
    }
    
    .form-section[b-bwxsmx6cuj] {
        margin-bottom: 1rem;
    }
    
    .section-header[b-bwxsmx6cuj],
    .section-content[b-bwxsmx6cuj] {
        padding: 1rem;
    }
    
    .reservations-grid[b-bwxsmx6cuj] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .card-content[b-bwxsmx6cuj] {
        flex-direction: column;
        min-height: auto;
    }

    /* Даты на отдельной строке, чтобы не ломались при длинных бейджах */
    .card-status[b-bwxsmx6cuj] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.4rem !important;
    }

    /* Даты наверх отдельной строкой */
    .card-dates[b-bwxsmx6cuj] {
        order: -1 !important;
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
        padding: 0.65rem 0.75rem !important;
        margin-bottom: 0.35rem !important;
    }

    .date-separator[b-bwxsmx6cuj] {
        display: none !important;
    }

    .card-image[b-bwxsmx6cuj] {
        width: 100%;
        height: 200px;
    }

    .card-actions[b-bwxsmx6cuj] {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.5rem !important;
    }

    /* Кнопки на всю ширину, как «Подробнее» */
    .card-actions .btn[b-bwxsmx6cuj] {
        width: 100% !important;
        justify-content: center !important;
        display: flex !important;
    }

    /* Компактные кнопки на мобайле */
    .btn[b-bwxsmx6cuj] {
        padding: 0.65rem 1rem;
        font-size: 0.875rem;
        gap: 0.35rem;
    }

    .btn-pay[b-bwxsmx6cuj],
    .btn-details[b-bwxsmx6cuj],
    .btn-completed-details[b-bwxsmx6cuj] {
        min-height: 44px;
    }

    .completed-content[b-bwxsmx6cuj] {
        flex-direction: column;
        align-items: flex-start;
    }

    /* Завершенные: даты на отдельной строке сверху */
    .completed-status[b-bwxsmx6cuj] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.35rem !important;
        width: 100% !important;
    }

    .completed-dates[b-bwxsmx6cuj] {
        order: -1 !important;
        width: 100% !important;
        font-weight: 600;
        margin-bottom: 0.25rem;
    }

    .completed-image[b-bwxsmx6cuj] {
        width: 100%;
        height: 120px;
    }

    .completed-details[b-bwxsmx6cuj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .completed-actions[b-bwxsmx6cuj] {
        width: 100%;
    }

    .btn-completed-details[b-bwxsmx6cuj] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .section-title[b-bwxsmx6cuj] {
        font-size: 1.125rem;
    }
    
    .btn[b-bwxsmx6cuj] {
        font-size: 0.9375rem;
    }
}

/* Стили для цен */
.price-remaining-value[b-bwxsmx6cuj] {
    color: #ff9800 !important;
    font-weight: 600;
}

.price-total-value[b-bwxsmx6cuj] {
    color: #000000 !important;
    font-weight: 600;
}

/* Стили для иконки ID бронирования */
.booking-id-icon[b-bwxsmx6cuj] {
    font-size: 0.7rem;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.booking-id-icon:hover[b-bwxsmx6cuj] {
    opacity: 1;
}
/* _content/SibAlt/Components/Pages/ContactUs.razor.rz.scp.css */
/* КРИТИЧЕСКИ ВАЖНО: Стили для .form-control должны быть в начале файла */
/* Переопределяем стили из partner-profile-pages.css */
.contact-form .form-control[b-46h92vavg5],
.contact-form__field .form-control[b-46h92vavg5],
section.contact .contact-form .form-control[b-46h92vavg5] {
    width: 100% !important;
    border: 2px solid var(--color-border) !important;
    border-radius: 0.5rem !important;
    padding: 1rem 0.75rem !important;
    font-size: 1rem !important;
    transition: all var(--transition-fast) !important;
    font-family: var(--font-family-primary) !important;
    background-color: var(--color-white) !important;
    color: var(--color-text) !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.contact-form .form-control:focus[b-46h92vavg5],
.contact-form__field .form-control:focus[b-46h92vavg5],
section.contact .contact-form .form-control:focus[b-46h92vavg5] {
    outline: none !important;
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 3px rgba(132, 172, 236, 0.1) !important;
}

.contact-form textarea.form-control[b-46h92vavg5] {
    min-height: clamp(8.5rem, 20vw, 12.5rem) !important;
    resize: vertical !important;
    line-height: 1.6 !important;
}

/* Пустой блок для создания отступа от хедера на странице ContactUs */
.contact-page-spacer[b-46h92vavg5] {
    height: var(--header-height);
    width: 100%;
    display: block;
}

/* Основной контейнер страницы */
.contact[b-46h92vavg5] {
    display: grid;
    row-gap: clamp(2rem, 4vw, 3.5rem);
    padding-block: clamp(2rem, 4vw, 3.5rem);
    padding-left: 120px;
    padding-right: 120px;
    margin-inline: auto;
    max-width: var(--container-max-width);
    width: 100%;
    box-sizing: border-box;
    font-family: var(--font-family-primary);
    color: var(--color-text);
}

/* Заголовок секции */
.contact__header[b-46h92vavg5] {
    display: grid;
    gap: clamp(0.75rem, 2vw, 1rem);
    background: linear-gradient(145deg, rgba(132, 172, 236, 0.12), rgba(81, 114, 167, 0.05));
    border-radius: var(--border-radius);
    padding: clamp(1.5rem, 5vw, 2.5rem);
    border: 1px solid var(--color-border);
}

.contact__title[b-46h92vavg5] {
    margin: 0;
    font-size: clamp(1.75rem, 5vw, 2.5rem);
    font-weight: 700;
    line-height: 1.2;
    font-family: var(--font-family-montserrat);
    color: var(--color-text);
}

.contact__subtitle[b-46h92vavg5] {
    margin: 0;
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    color: var(--color-text-light);
    line-height: var(--line-height-base);
    font-family: var(--font-family-primary);
}

/* Форма */
.contact-form[b-46h92vavg5] {
    display: grid;
    row-gap: clamp(1.5rem, 3vw, 2rem);
    padding: clamp(1.5rem, 4vw, 2.5rem);
    border-radius: var(--border-radius);
    background-color: var(--color-white);
    box-shadow: var(--shadow-medium);
    border: 1px solid var(--color-border);
}

.contact-form__validation-summary[b-46h92vavg5] {
    margin: 0 0 clamp(1rem, 2vw, 1.5rem);
    padding: 1rem;
    border-radius: var(--border-radius);
    background-color: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.3);
    color: #dc2626;
    font-size: 0.95rem;
    font-family: var(--font-family-primary);
}

.contact-form__grid[b-46h92vavg5] {
    display: grid;
    gap: clamp(1rem, 2vw, 1.5rem);
    padding: 0;
    border: none;
    margin: 0;
    grid-template-columns: 1fr;
}

.contact-form__grid--full[b-46h92vavg5] {
    gap: clamp(0.75rem, 1.5vw, 1rem);
    grid-template-columns: 1fr;
}

.contact-form__legend[b-46h92vavg5] {
    margin: 0 0 clamp(0.75rem, 1.5vw, 1rem);
    font-size: clamp(1.05rem, 2vw, 1.2rem);
    font-weight: 600;
    color: var(--color-text);
    font-family: var(--font-family-montserrat);
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--color-primary);
}

.contact-form__field[b-46h92vavg5] {
    display: grid;
    gap: 0.5rem;
    width: 100%;
}

.contact-form__label[b-46h92vavg5] {
    display: block;
    font-weight: 600;
    font-size: 0.95rem;
    font-family: var(--font-family-montserrat);
    color: var(--color-text);
    margin-bottom: 0.375rem;
}

.contact-form__required[b-46h92vavg5] {
    color: var(--color-primary);
    font-weight: 600;
}

/* Дополнительные стили для .form-control */
.contact-form .form-control:disabled[b-46h92vavg5] {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
    background-color: var(--color-secondary) !important;
}

.contact-form .form-control[b-46h92vavg5]::placeholder {
    color: var(--color-text-light) !important;
    opacity: 0.5 !important;
}

/* Специальный стиль для placeholder в поле сообщения */
.contact-form textarea.form-control[b-46h92vavg5]::placeholder {
    color: var(--color-text-light) !important;
    opacity: 0.25 !important;
}

.contact-form__field-footer[b-46h92vavg5] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 0.25rem;
    min-height: 1.5rem;
}

/* Стили для валидационного сообщения - максимальная специфичность */
.contact-form__validation[b-46h92vavg5],
.contact-form__validation.validation-message[b-46h92vavg5],
.contact-form__field-footer .validation-message[b-46h92vavg5],
.contact-form__field-footer .contact-form__validation[b-46h92vavg5],
.contact-form__field-footer .contact-form__validation.validation-message[b-46h92vavg5],
.contact-form__field-footer .validation-message.contact-form__validation[b-46h92vavg5],
.contact-form__validation span[b-46h92vavg5],
.contact-form__validation.validation-message span[b-46h92vavg5],
.contact-form__field-footer .validation-message span[b-46h92vavg5],
.contact-form__field-footer .contact-form__validation span[b-46h92vavg5] {
    margin: 0 !important;
    color: #dc2626 !important;
    font-size: 0.75rem !important;
    font-family: var(--font-family-primary) !important;
    line-height: 1.4 !important;
    flex: 1;
    display: block;
}


.contact-form__counter[b-46h92vavg5] {
    font-size: 0.75rem;
    color: var(--color-text-light);
    font-family: var(--font-family-primary);
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
}

.contact-form__honey[b-46h92vavg5] {
    position: absolute;
    inset: auto auto 100%;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    border: 0;
}

.contact-form__footer[b-46h92vavg5] {
    display: grid;
    gap: clamp(0.75rem, 1.5vw, 1rem);
    align-items: center;
    margin-top: clamp(0.5rem, 1vw, 1rem);
}

.contact-form__submit[b-46h92vavg5] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem clamp(2.5rem, 8vw, 3.5rem);
    border-radius: 0.5rem;
    border: none;
    background: var(--color-primary);
    color: #ffffff;
    font-weight: 600;
    font-size: 1rem;
    font-family: var(--font-family-montserrat);
    cursor: pointer;
    transition: all var(--transition-fast);
    align-self: flex-start;
}

.contact-form__submit:hover[b-46h92vavg5] {
    background: var(--color-nav-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(81, 114, 167, 0.2);
}

.contact-form__submit:focus-visible[b-46h92vavg5] {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(132, 172, 236, 0.35);
}

.contact-form__submit:disabled[b-46h92vavg5] {
    cursor: wait;
    opacity: 0.65;
    box-shadow: none;
    transform: none;
}

.contact-form__note[b-46h92vavg5] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--color-text-light);
    font-family: var(--font-family-primary);
    line-height: 1.5;
}

.contact-form__feedback[b-46h92vavg5] {
    margin: 0;
    padding: 1.125rem 1.25rem;
    border-radius: var(--border-radius);
    font-size: 0.95rem;
    font-family: var(--font-family-primary);
    line-height: 1.6;
    border: 1px solid var(--color-border);
}

.contact-form__feedback[data-success="True"][b-46h92vavg5] {
    background-color: rgba(132, 172, 236, 0.1);
    border-color: var(--color-primary);
    color: var(--color-text);
}

.contact-form__feedback[data-success="False"][b-46h92vavg5] {
    background-color: rgba(220, 38, 38, 0.1);
    border-color: #dc2626;
    color: #dc2626;
}

.contact__security[b-46h92vavg5] {
    display: grid;
    gap: clamp(0.75rem, 2vw, 1rem);
    padding: clamp(1.25rem, 3vw, 1.75rem);
    border-radius: var(--border-radius);
    background-color: var(--color-secondary);
    border: 1px solid var(--color-border);
}

.contact__security-title[b-46h92vavg5] {
    margin: 0;
    font-size: clamp(1.2rem, 3vw, 1.5rem);
    font-weight: 600;
    font-family: var(--font-family-montserrat);
    color: var(--color-text);
}

.contact__security-list[b-46h92vavg5] {
    margin: 0;
    padding-inline-start: 1.25rem;
    display: grid;
    gap: clamp(0.5rem, 1vw, 0.75rem);
    font-size: 0.95rem;
    color: var(--color-text-light);
    font-family: var(--font-family-primary);
}

.contact__security-item[b-46h92vavg5] {
    line-height: var(--line-height-base);
}

/* Адаптивность для планшетов */
@media (min-width: 48rem) {
    .contact-form[b-46h92vavg5] {
        max-width: min(100%, 44rem);
    }

    .contact-form__grid:not(.contact-form__grid--full)[b-46h92vavg5] {
        grid-template-columns: repeat(2, 1fr);
        gap: clamp(1.25rem, 2vw, 1.5rem);
    }

    .contact-form__grid--full[b-46h92vavg5] {
        grid-template-columns: 1fr;
    }

    .contact-form__grid:not(.contact-form__grid--full) .contact-form__field:nth-child(3)[b-46h92vavg5] {
        grid-column: span 2;
    }
    
    /* Обеспечиваем одинаковую ширину полей в двухколоночной сетке */
    .contact-form__field[b-46h92vavg5] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
}

/* Адаптивность для средних экранов */
@media (max-width: 1200px) {
    .contact[b-46h92vavg5] {
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .contact[b-46h92vavg5] {
        padding-left: clamp(1rem, 4vw, 1.5rem);
        padding-right: clamp(1rem, 4vw, 1.5rem);
    }
    
    .contact__header[b-46h92vavg5] {
        padding: clamp(1.25rem, 4vw, 1.5rem);
    }
    
    .contact-form[b-46h92vavg5] {
        padding: clamp(1.25rem, 4vw, 1.5rem);
    }
    
}

/* Адаптивность для больших экранов */
@media (min-width: 1920px) {
    .contact[b-46h92vavg5] {
        padding-left: 160px;
        padding-right: 160px;
    }
}

/* Адаптивность для уменьшения движения */
@media (prefers-reduced-motion: reduce) {
    *[b-46h92vavg5],
    *[b-46h92vavg5]::before,
    *[b-46h92vavg5]::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important;
        scroll-behavior: auto !important;
    }
}

/* КРИТИЧЕСКИ ВАЖНО: Стили для валидации в конце файла для максимальной специфичности */
/* Переопределяем глобальные стили из app.css */
section.contact .contact-form__field-footer .validation-message[b-46h92vavg5],
section.contact .contact-form__field-footer .contact-form__validation[b-46h92vavg5],
.contact-form__field-footer .validation-message.contact-form__validation[b-46h92vavg5],
.contact-form__field-footer .contact-form__validation.validation-message[b-46h92vavg5],
.contact-form__field-footer .validation-message[b-46h92vavg5],
.contact-form__field-footer .contact-form__validation[b-46h92vavg5] {
    margin: 0 !important;
    color: #dc2626 !important;
    font-size: 0.75rem !important;
    font-family: var(--font-family-primary) !important;
    line-height: 1.4 !important;
    flex: 1;
    display: block;
}

/* Стили для вложенных элементов (span, div) внутри ValidationMessage */
section.contact .contact-form__field-footer .validation-message *[b-46h92vavg5],
section.contact .contact-form__field-footer .contact-form__validation *[b-46h92vavg5],
.contact-form__field-footer .validation-message *[b-46h92vavg5],
.contact-form__field-footer .contact-form__validation *[b-46h92vavg5] {
    color: #dc2626 !important;
    font-size: 0.75rem !important;
    font-family: var(--font-family-primary) !important;
    line-height: 1.4 !important;
}

/* _content/SibAlt/Components/Pages/Docs/Oferta.razor.rz.scp.css */
/* Основной контейнер документа - использует стили сайта */
.document-container[b-j49d2sn0oy] {
    /* Отступ сверху для фиксированного хедера */
    margin-top: var(--header-height, 80px);
    /* Используем общие переменные сайта для ширины и отступов */
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    /* Padding: 40px сверху/снизу, 60px слева/справа */
    padding: 40px 60px;
    background-color: var(--color-white, #ffffff);
    min-height: calc(100vh - var(--header-height, 80px));
}

/* Заголовок документа */
.document-header[b-j49d2sn0oy] {
    text-align: center;
    margin-bottom: 2rem;
    max-width: 100%;
    width: 100%;
}

/* Логотип */
.logo[b-j49d2sn0oy] {
    margin-bottom: 1.5rem;
}

.logo-text[b-j49d2sn0oy] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: clamp(1.5rem, 4vw, 1.875rem);
    font-weight: 600;
    color: var(--color-primary, #84acec);
    letter-spacing: -0.025em;
}

/* Заголовок документа */
.document-title[b-j49d2sn0oy] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: clamp(1.25rem, 3vw, 1.5rem);
    font-weight: 700;
    color: var(--color-text, #333333);
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Контент документа */
.document-content[b-j49d2sn0oy] {
    max-width: 100%;
    width: 100%;
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text, #333333);
    text-align: justify;
}

/* Стили для текста */
.document-content h1[b-j49d2sn0oy],
.document-content h2[b-j49d2sn0oy],
.document-content h3[b-j49d2sn0oy],
.document-content h4[b-j49d2sn0oy],
.document-content h5[b-j49d2sn0oy],
.document-content h6[b-j49d2sn0oy] {
    
    font-weight: 600;
    color: var(--color-text, #333333);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    text-align: left;
}

.document-content h1[b-j49d2sn0oy] {
    font-size: 1.5rem;
}

.document-content h2[b-j49d2sn0oy] {
    font-size: 1.25rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.document-content h3[b-j49d2sn0oy] {
    font-size: 1.125rem;
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
}

.document-content p[b-j49d2sn0oy] {
    margin-bottom: 0.75rem;
    text-align: justify;
    text-indent: 0;
}

.document-content p:first-of-type[b-j49d2sn0oy] {
    margin-top: 0;
}

.document-content .document-intro[b-j49d2sn0oy] {
    text-align: center;
    margin-bottom: 0.75rem;
}

.document-content ul[b-j49d2sn0oy],
.document-content ol[b-j49d2sn0oy] {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
    padding-left: 2rem;
    text-align: left;
}

.document-content li[b-j49d2sn0oy] {
    margin-bottom: 0.25rem;
    text-align: justify;
}

.document-content strong[b-j49d2sn0oy] {
    font-weight: 600;
    color: var(--color-text, #333333);
}

.document-content a[b-j49d2sn0oy] {
    color: var(--color-primary, #84acec);
    text-decoration: underline;
    transition: color 0.2s ease;
}

.document-content a:hover[b-j49d2sn0oy] {
    color: var(--color-nav-hover, #5172a7);
}

/* Стили для таблицы */
.table-container[b-j49d2sn0oy] {
    margin: 1.5rem 0;
    overflow-x: auto;
    border: 1px solid var(--color-border, #e0e0e0);
    border-radius: 0.5rem;
}

.document-content table[b-j49d2sn0oy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    background-color: var(--color-white, #ffffff);
}

.document-content table thead[b-j49d2sn0oy] {
    background-color: var(--color-secondary, #f8f9fa);
}

.document-content table th[b-j49d2sn0oy],
.document-content table td[b-j49d2sn0oy] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    border-right: 1px solid var(--color-border, #e0e0e0);
}

.document-content table th:last-child[b-j49d2sn0oy],
.document-content table td:last-child[b-j49d2sn0oy] {
    
}

.document-content table th[b-j49d2sn0oy] {
    font-weight: 600;
    color: var(--color-text, #333333);
    font-size: 0.875rem;
}

.document-content table td[b-j49d2sn0oy] {
    color: var(--color-text, #333333);
    vertical-align: top;
}

.document-content table tbody tr:hover[b-j49d2sn0oy] {
    background-color: var(--color-secondary, #f8f9fa);
}


/* Адаптивность */
@media (max-width: 1200px) {
    .document-container[b-j49d2sn0oy] {
        padding: 30px 40px;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .document-container[b-j49d2sn0oy] {
        padding: 30px 20px;
        margin-top: 120px; /* Больше отступ для мобильного хедера */
    }
    
    .document-header[b-j49d2sn0oy] {
        margin-bottom: 2rem;
    }
    
    .document-content[b-j49d2sn0oy] {
        font-size: 0.95rem;
    }
    
    .document-content p[b-j49d2sn0oy] {
        text-align: left;
    }
    
    .table-container[b-j49d2sn0oy] {
        font-size: 0.8rem;
    }
    
    .document-content table th[b-j49d2sn0oy],
    .document-content table td[b-j49d2sn0oy] {
        padding: 0.5rem 0.75rem;
    }
}

@media (max-width: 480px) {
    .document-container[b-j49d2sn0oy] {
        padding: 20px 15px;
    }
    
    .logo-text[b-j49d2sn0oy] {
        font-size: 1.5rem;
    }
    
    .document-title[b-j49d2sn0oy] {
        font-size: 1.25rem;
    }
}

/* _content/SibAlt/Components/Pages/Docs/PersonalConsent.razor.rz.scp.css */
/* Основной контейнер документа - использует стили сайта */
.document-container[b-xgj6ei9xqi] {
    /* Отступ сверху для фиксированного хедера */
    margin-top: var(--header-height, 80px);
    /* Используем общие переменные сайта для ширины и отступов */
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    /* Padding: 40px сверху/снизу, 60px слева/справа */
    padding: 40px 60px;
    background-color: var(--color-white, #ffffff);
    min-height: calc(100vh - var(--header-height, 80px));
}

/* Заголовок документа */
.document-header[b-xgj6ei9xqi] {
    text-align: center;
    margin-bottom: 2rem;
    max-width: 100%;
    width: 100%;
}

/* Логотип */
.logo[b-xgj6ei9xqi] {
    margin-bottom: 1.5rem;
}

.logo-text[b-xgj6ei9xqi] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: clamp(1.5rem, 4vw, 1.875rem);
    font-weight: 600;
    color: var(--color-primary, #84acec);
    letter-spacing: -0.025em;
}

/* Заголовок документа */
.document-title[b-xgj6ei9xqi] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: clamp(1.25rem, 3vw, 1.5rem);
    font-weight: 700;
    color: var(--color-text, #333333);
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Контент документа */
.document-content[b-xgj6ei9xqi] {
    max-width: 100%;
    width: 100%;
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text, #333333);
    text-align: justify;
}

/* Стили для текста */
.document-content h1[b-xgj6ei9xqi],
.document-content h2[b-xgj6ei9xqi],
.document-content h3[b-xgj6ei9xqi],
.document-content h4[b-xgj6ei9xqi],
.document-content h5[b-xgj6ei9xqi],
.document-content h6[b-xgj6ei9xqi] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-weight: 600;
    color: var(--color-text, #333333);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    text-align: left;
}

.document-content h1[b-xgj6ei9xqi] {
    font-size: 1.5rem;
}

.document-content h2[b-xgj6ei9xqi] {
    font-size: 1.25rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.document-content h3[b-xgj6ei9xqi] {
    font-size: 1.125rem;
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
}

.document-content p[b-xgj6ei9xqi] {
    margin-bottom: 0.75rem;
    text-align: justify;
    text-indent: 0;
}

.document-content p:first-of-type[b-xgj6ei9xqi] {
    margin-top: 0;
}

.document-content .document-intro[b-xgj6ei9xqi] {
    text-align: center;
    margin-bottom: 0.75rem;
}

.document-content ul[b-xgj6ei9xqi],
.document-content ol[b-xgj6ei9xqi] {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
    padding-left: 2rem;
    text-align: left;
}

.document-content li[b-xgj6ei9xqi] {
    margin-bottom: 0.25rem;
    text-align: justify;
}

.document-content strong[b-xgj6ei9xqi] {
    font-weight: 600;
    color: var(--color-text, #333333);
}

.document-content a[b-xgj6ei9xqi] {
    color: var(--color-primary, #84acec);
    text-decoration: underline;
    transition: color 0.2s ease;
}

.document-content a:hover[b-xgj6ei9xqi] {
    color: var(--color-nav-hover, #5172a7);
}

/* Стили для таблицы */
.table-container[b-xgj6ei9xqi] {
    margin: 1.5rem 0;
    overflow-x: auto;
    border: 1px solid var(--color-border, #e0e0e0);
    border-radius: 0.5rem;
}

.document-content table[b-xgj6ei9xqi] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    background-color: var(--color-white, #ffffff);
}

.document-content table thead[b-xgj6ei9xqi] {
    background-color: var(--color-secondary, #f8f9fa);
}

.document-content table th[b-xgj6ei9xqi],
.document-content table td[b-xgj6ei9xqi] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    border-right: 1px solid var(--color-border, #e0e0e0);
}

.document-content table th:last-child[b-xgj6ei9xqi],
.document-content table td:last-child[b-xgj6ei9xqi] {
    border-right: none;
}

.document-content table th[b-xgj6ei9xqi] {
    font-weight: 600;
    color: var(--color-text, #333333);
    font-size: 0.875rem;
}

.document-content table td[b-xgj6ei9xqi] {
    color: var(--color-text, #333333);
    vertical-align: top;
}

.document-content table tbody tr:hover[b-xgj6ei9xqi] {
    background-color: var(--color-secondary, #f8f9fa);
}


/* Адаптивность */
@media (max-width: 1200px) {
    .document-container[b-xgj6ei9xqi] {
        padding: 30px 40px;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .document-container[b-xgj6ei9xqi] {
        padding: 30px 20px;
        margin-top: 120px; /* Больше отступ для мобильного хедера */
    }
    
    .document-header[b-xgj6ei9xqi] {
        margin-bottom: 2rem;
    }
    
    .document-content[b-xgj6ei9xqi] {
        font-size: 0.95rem;
    }
    
    .document-content p[b-xgj6ei9xqi] {
        text-align: left;
    }
    
    .table-container[b-xgj6ei9xqi] {
        font-size: 0.8rem;
    }
    
    .document-content table th[b-xgj6ei9xqi],
    .document-content table td[b-xgj6ei9xqi] {
        padding: 0.5rem 0.75rem;
    }
}

@media (max-width: 480px) {
    .document-container[b-xgj6ei9xqi] {
        padding: 20px 15px;
    }
    
    .logo-text[b-xgj6ei9xqi] {
        font-size: 1.5rem;
    }
    
    .document-title[b-xgj6ei9xqi] {
        font-size: 1.25rem;
    }
    
    .table-container[b-xgj6ei9xqi] {
        font-size: 0.75rem;
    }
    
    .document-content table th[b-xgj6ei9xqi],
    .document-content table td[b-xgj6ei9xqi] {
        padding: 0.25rem 0.5rem;
    }
}
/* _content/SibAlt/Components/Pages/Docs/PrivacyPolicy.razor.rz.scp.css */
/* Основной контейнер документа - использует стили сайта */
.document-container[b-jv7hoa27mv] {
    /* Отступ сверху для фиксированного хедера */
    margin-top: var(--header-height, 80px);
    /* Используем общие переменные сайта для ширины и отступов */
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    /* Padding: 40px сверху/снизу, 60px слева/справа */
    padding: 40px 60px;
    background-color: var(--color-white, #ffffff);
    min-height: calc(100vh - var(--header-height, 80px));
}

/* Заголовок документа */
.document-header[b-jv7hoa27mv] {
    text-align: center;
    margin-bottom: 2rem;
    max-width: 100%;
    width: 100%;
}

/* Логотип */
.logo[b-jv7hoa27mv] {
    margin-bottom: 1.5rem;
}

.logo-text[b-jv7hoa27mv] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: clamp(1.5rem, 4vw, 1.875rem);
    font-weight: 600;
    color: var(--color-primary, #84acec);
    letter-spacing: -0.025em;
}

/* Заголовок документа */
.document-title[b-jv7hoa27mv] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: clamp(1.25rem, 3vw, 1.5rem);
    font-weight: 700;
    color: var(--color-text, #333333);
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Контент документа */
.document-content[b-jv7hoa27mv] {
    max-width: 100%;
    width: 100%;
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text, #333333);
    text-align: justify;
}

/* Стили для текста */
.document-content h1[b-jv7hoa27mv],
.document-content h2[b-jv7hoa27mv],
.document-content h3[b-jv7hoa27mv],
.document-content h4[b-jv7hoa27mv],
.document-content h5[b-jv7hoa27mv],
.document-content h6[b-jv7hoa27mv] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-weight: 600;
    color: var(--color-text, #333333);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    text-align: left;
}

.document-content h1[b-jv7hoa27mv] {
    font-size: 1.5rem;
}

.document-content h2[b-jv7hoa27mv] {
    font-size: 1.25rem;
}

.document-content h3[b-jv7hoa27mv] {
    font-size: 1.125rem;
}

.document-content p[b-jv7hoa27mv] {
    margin-bottom: 0.75rem;
    text-align: justify;
    text-indent: 0;
}

.document-content p:first-of-type[b-jv7hoa27mv] {
    margin-top: 0;
}

.document-content ul[b-jv7hoa27mv],
.document-content ol[b-jv7hoa27mv] {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.document-content li[b-jv7hoa27mv] {
    margin-bottom: 0.5rem;
}

.document-content strong[b-jv7hoa27mv] {
    font-weight: 600;
    color: var(--color-text, #333333);
}

.document-content a[b-jv7hoa27mv] {
    color: var(--color-primary, #84acec);
    text-decoration: underline;
    transition: color 0.2s ease;
}

.document-content a:hover[b-jv7hoa27mv] {
    color: var(--color-nav-hover, #5172a7);
}

/* Адаптивность */
@media (max-width: 1200px) {
    .document-container[b-jv7hoa27mv] {
        padding: 30px 40px;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .document-container[b-jv7hoa27mv] {
        padding: 30px 20px;
        margin-top: 120px; /* Больше отступ для мобильного хедера */
    }
    
    .document-header[b-jv7hoa27mv] {
        margin-bottom: 2rem;
    }
    
    .document-content[b-jv7hoa27mv] {
        font-size: 0.95rem;
    }
    
    .document-content p[b-jv7hoa27mv] {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .document-container[b-jv7hoa27mv] {
        padding: 20px 15px;
    }
    
    .logo-text[b-jv7hoa27mv] {
        font-size: 1.5rem;
    }
    
    .document-title[b-jv7hoa27mv] {
        font-size: 1.25rem;
    }
}
/* _content/SibAlt/Components/Pages/Docs/Reglament.razor.rz.scp.css */
/* Основной контейнер документа - использует стили сайта */
.document-container[b-mtd81jnc3v] {
    /* Отступ сверху для фиксированного хедера */
    margin-top: var(--header-height, 80px);
    /* Используем общие переменные сайта для ширины и отступов */
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    /* Padding: 40px сверху/снизу, 60px слева/справа */
    padding: 40px 60px;
    background-color: var(--color-white, #ffffff);
    min-height: calc(100vh - var(--header-height, 80px));
}

/* Заголовок документа */
.document-header[b-mtd81jnc3v] {
    text-align: center;
    margin-bottom: 2rem;
    max-width: 100%;
    width: 100%;
}

/* Логотип */
.logo[b-mtd81jnc3v] {
    margin-bottom: 1.5rem;
}

.logo-text[b-mtd81jnc3v] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: clamp(1.5rem, 4vw, 1.875rem);
    font-weight: 600;
    color: var(--color-primary, #84acec);
    letter-spacing: -0.025em;
}

/* Заголовок документа */
.document-title[b-mtd81jnc3v] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: clamp(1.25rem, 3vw, 1.5rem);
    font-weight: 700;
    color: var(--color-text, #333333);
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Контент документа */
.document-content[b-mtd81jnc3v] {
    max-width: 100%;
    width: 100%;
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text, #333333);
    text-align: justify;
}

/* Стили для текста */
.document-content h1[b-mtd81jnc3v],
.document-content h2[b-mtd81jnc3v],
.document-content h3[b-mtd81jnc3v],
.document-content h4[b-mtd81jnc3v],
.document-content h5[b-mtd81jnc3v],
.document-content h6[b-mtd81jnc3v] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-weight: 600;
    color: var(--color-text, #333333);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    text-align: left;
}

.document-content h1[b-mtd81jnc3v] {
    font-size: 1.5rem;
}

.document-content h2[b-mtd81jnc3v] {
    font-size: 1.25rem;
}

.document-content h3[b-mtd81jnc3v] {
    font-size: 1.125rem;
}

.document-content p[b-mtd81jnc3v] {
    margin-bottom: 0.75rem;
    text-align: justify;
    text-indent: 0;
}

.document-content p:first-of-type[b-mtd81jnc3v] {
    margin-top: 0;
}

.document-content ul[b-mtd81jnc3v],
.document-content ol[b-mtd81jnc3v] {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.document-content li[b-mtd81jnc3v] {
    margin-bottom: 0.5rem;
}

.document-content strong[b-mtd81jnc3v] {
    font-weight: 600;
    color: var(--color-text, #333333);
}

.document-content a[b-mtd81jnc3v] {
    color: var(--color-primary, #84acec);
    text-decoration: underline;
    transition: color 0.2s ease;
}

.document-content a:hover[b-mtd81jnc3v] {
    color: var(--color-nav-hover, #5172a7);
}

/* Адаптивность */
@media (max-width: 1200px) {
    .document-container[b-mtd81jnc3v] {
        padding: 30px 40px;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .document-container[b-mtd81jnc3v] {
        padding: 30px 20px;
        margin-top: 120px; /* Больше отступ для мобильного хедера */
    }
    
    .document-header[b-mtd81jnc3v] {
        margin-bottom: 2rem;
    }
    
    .document-content[b-mtd81jnc3v] {
        font-size: 0.95rem;
    }
    
    .document-content p[b-mtd81jnc3v] {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .document-container[b-mtd81jnc3v] {
        padding: 20px 15px;
    }
    
    .logo-text[b-mtd81jnc3v] {
        font-size: 1.5rem;
    }
    
    .document-title[b-mtd81jnc3v] {
        font-size: 1.25rem;
    }
}











/* _content/SibAlt/Components/Pages/Home.razor.rz.scp.css */
/* === Hero Section === */
.hero[b-tjxsf7ecb1] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-nav-hover) 100%);
    padding: clamp(3rem, 8vw, 6rem) 0 clamp(2rem, 5vw, 4rem);
    margin-top: var(--header-height);
}


.hero__container[b-tjxsf7ecb1] {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: var(--container-padding);
}

.hero__title[b-tjxsf7ecb1] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 700;
    color: var(--color-white);
    text-align: center;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.hero__subtitle[b-tjxsf7ecb1] {
    font-family: var(--font-family-primary);
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    margin-bottom: clamp(2rem, 4vw, 3rem);
    line-height: 1.5;
}

/* === Popular Directions === */
.popular-directions[b-tjxsf7ecb1] {
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
    text-align: center;
}

.popular-directions__title[b-tjxsf7ecb1] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 1rem;
}

.popular-directions__list[b-tjxsf7ecb1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(0.5rem, 1vw, 0.75rem);
}

.popular-directions__item[b-tjxsf7ecb1] {
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 2rem;
    color: var(--color-white);
    font-family: var(--font-family-primary);
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    text-decoration: none;
    transition: all var(--transition-fast);
    backdrop-filter: blur(10px);
}

.popular-directions__item:hover[b-tjxsf7ecb1] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
}

/* === Categories Section === */
.categories[b-tjxsf7ecb1] {
    padding: clamp(3rem, 6vw, 5rem) 0;
    background: var(--color-white);
}

.categories__container[b-tjxsf7ecb1] {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: var(--container-padding);
}

.categories__title[b-tjxsf7ecb1] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.categories__grid[b-tjxsf7ecb1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(1rem, 2vw, 1.5rem);
}

@media (max-width: 768px) {
    .categories__grid[b-tjxsf7ecb1] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .categories__grid[b-tjxsf7ecb1] {
        grid-template-columns: 1fr;
    }
}

.category-card[b-tjxsf7ecb1] {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 1rem;
    aspect-ratio: 4 / 3;
    text-decoration: none;
    transition: transform var(--transition-medium);
}

.category-card:hover[b-tjxsf7ecb1] {
    transform: translateY(-8px);
}

.category-card:hover .category-card__image[b-tjxsf7ecb1] {
    transform: scale(1.1);
}

.category-card__image[b-tjxsf7ecb1] {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform var(--transition-medium);
}

.category-card__title[b-tjxsf7ecb1] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    color: var(--color-white);
    font-family: var(--font-family-montserrat);
    font-size: clamp(1rem, 2vw, 1.25rem);
    font-weight: 600;
    margin: 0;
}

/* === Advantages Section === */
.advantages[b-tjxsf7ecb1] {
    padding: clamp(3rem, 6vw, 5rem) 0;
    background: var(--color-secondary);
}

.advantages__container[b-tjxsf7ecb1] {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: var(--container-padding);
}

.advantages__grid[b-tjxsf7ecb1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: clamp(1.5rem, 3vw, 2.5rem);
}

@media (max-width: 768px) {
    .advantages__grid[b-tjxsf7ecb1] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .advantages__grid[b-tjxsf7ecb1] {
        grid-template-columns: 1fr;
    }
}

.advantage-card[b-tjxsf7ecb1] {
    text-align: center;
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-white);
    border-radius: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all var(--transition-medium);
}

.advantage-card:hover[b-tjxsf7ecb1] {
    transform: translateY(-8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.advantage-card__icon[b-tjxsf7ecb1] {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    margin-bottom: 1rem;
    display: block;
}

.advantage-card__title[b-tjxsf7ecb1] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 0.75rem;
}

.advantage-card__text[b-tjxsf7ecb1] {
    font-family: var(--font-family-primary);
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    color: var(--color-text-light);
    line-height: 1.6;
    margin: 0;
}

/* === Destinations Section === */
.destinations[b-tjxsf7ecb1] {
    padding: clamp(3rem, 6vw, 5rem) 0;
    background: var(--color-white);
}

.destinations__container[b-tjxsf7ecb1] {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: var(--container-padding);
}

.destinations__title[b-tjxsf7ecb1] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.destinations__grid[b-tjxsf7ecb1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: clamp(0.75rem, 1.5vw, 1rem);
}

.destination-item[b-tjxsf7ecb1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: clamp(1rem, 2vw, 1.25rem);
    background: var(--color-white);
    border: 2px solid var(--color-border);
    border-radius: 0.75rem;
    text-decoration: none;
    transition: all var(--transition-fast);
}

.destination-item:hover[b-tjxsf7ecb1] {
    border-color: var(--color-primary);
    box-shadow: 0 4px 16px rgba(132, 172, 236, 0.15);
    transform: translateY(-4px);
}

.destination-item__count[b-tjxsf7ecb1] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    font-weight: 600;
    color: var(--color-text-light);
}

.destination-item__name[b-tjxsf7ecb1] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(1rem, 2vw, 1.25rem);
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
}

/* === Адаптивность для мобильных === */
@media (max-width: 768px) {
    .destinations[b-tjxsf7ecb1] {
        padding: clamp(1.5rem, 3vw, 2rem) 0; /* Возвращаем прежний отступ */
    }
    
    .destinations__title[b-tjxsf7ecb1] {
        font-size: clamp(1.25rem, 3.5vw, 1.75rem); /* Уменьшаем размер заголовка */
        margin-bottom: clamp(1rem, 2.5vw, 1.5rem); /* Уменьшаем отступ под заголовком */
    }
    
    .destinations__grid[b-tjxsf7ecb1] {
        grid-template-columns: repeat(auto-fill, minmax(calc((100% - 0.75rem) / 3), 1fr)); /* 3 карточки в строку */
        gap: clamp(0.5rem, 1.5vw, 0.75rem); /* Уменьшаем gap */
    }
    
    .destination-item[b-tjxsf7ecb1] {
        padding: clamp(0.625rem, 1.5vw, 0.875rem); /* Уменьшаем padding карточек: 10-14px */
        border-width: 1.5px; /* Тоньше граница */
        border-radius: clamp(0.5rem, 1.5vw, 0.625rem);
        min-height: auto; /* Убираем фиксированную высоту */
    }
    
    .destination-item__name[b-tjxsf7ecb1] {
        font-size: clamp(0.8125rem, 2vw, 0.9375rem); /* Уменьшаем размер текста: 13-15px */
        line-height: 1.3;
        word-wrap: break-word;
        hyphens: auto;
    }
}

@media (max-width: 600px) {
    .destinations__grid[b-tjxsf7ecb1] {
        grid-template-columns: repeat(2, 1fr); /* 2 карточки в строку на средних мобильных */
        gap: clamp(0.5rem, 1.5vw, 0.625rem);
    }
    
    .destination-item[b-tjxsf7ecb1] {
        padding: clamp(0.5rem, 1.25vw, 0.75rem);
    }
    
    .destination-item__name[b-tjxsf7ecb1] {
        font-size: clamp(0.75rem, 2vw, 0.875rem);
    }
}

@media (max-width: 480px) {
    .destinations[b-tjxsf7ecb1] {
        padding: clamp(1.25rem, 2.5vw, 1.5rem) 0; /* Еще меньше padding */
    }
    
    .destinations__title[b-tjxsf7ecb1] {
        font-size: clamp(1.125rem, 3vw, 1.5rem);
        margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
    }
    
    .destinations__grid[b-tjxsf7ecb1] {
        grid-template-columns: repeat(2, 1fr); /* 2 карточки в строку */
        gap: clamp(0.4375rem, 1.25vw, 0.625rem);
    }
    
    .destination-item[b-tjxsf7ecb1] {
        padding: clamp(0.5rem, 1.25vw, 0.625rem); /* Еще компактнее: 8-10px */
        border-width: 1.5px;
        border-radius: clamp(0.4375rem, 1.25vw, 0.5625rem);
    }
    
    .destination-item__name[b-tjxsf7ecb1] {
        font-size: clamp(0.6875rem, 1.75vw, 0.8125rem); /* Еще меньше: 11-13px */
        line-height: 1.25;
    }
}

@media (max-width: 360px) {
    .destinations__grid[b-tjxsf7ecb1] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }
    
    .destination-item[b-tjxsf7ecb1] {
        padding: 0.5rem 0.375rem;
    }
    
    .destination-item__name[b-tjxsf7ecb1] {
        font-size: 0.6875rem;
    }
}

/* === Responsive Adjustments === */
@media (max-width: 1200px) {
    .hero__container[b-tjxsf7ecb1],
    .categories__container[b-tjxsf7ecb1],
    .advantages__container[b-tjxsf7ecb1],
    .destinations__container[b-tjxsf7ecb1] {
        padding-inline: clamp(1.25rem, 5vw, 5rem);
    }
}

@media (max-width: 768px) {
    .hero[b-tjxsf7ecb1] {
        margin-top: 0; /* На мобильных header имеет height: auto, margin-top уже учтен в main-content */
        padding: clamp(1.5rem, 4vw, 2rem) 0 clamp(1rem, 3vw, 1.5rem); /* Уменьшаем padding hero секции */
    }
    
    .hero__title[b-tjxsf7ecb1] {
        margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem); /* Уменьшаем отступ под заголовком */
    }
    
    .hero__subtitle[b-tjxsf7ecb1] {
        margin-bottom: clamp(1rem, 3vw, 1.5rem); /* Уменьшаем отступ под подзаголовком */
    }
    
    .hero-search[b-tjxsf7ecb1] {
        margin-top: clamp(0.75rem, 2vw, 1rem); /* Уменьшаем отступ перед формой поиска */
    }
    
    .hero__container[b-tjxsf7ecb1],
    .categories__container[b-tjxsf7ecb1],
    .advantages__container[b-tjxsf7ecb1],
    .destinations__container[b-tjxsf7ecb1] {
        padding-inline: clamp(1rem, 4vw, 2.5rem);
    }
    
    .hero__title[b-tjxsf7ecb1] {
        font-size: clamp(1.75rem, 6vw, 2.5rem);
        margin-bottom: 0.75rem;
    }
    
    .hero__subtitle[b-tjxsf7ecb1] {
        font-size: clamp(0.9375rem, 3vw, 1.125rem);
        margin-bottom: clamp(1.5rem, 4vw, 2rem);
    }
    
    .popular-directions[b-tjxsf7ecb1] {
        margin-top: clamp(1.25rem, 3vw, 2rem);
    }
    
    .popular-directions__list[b-tjxsf7ecb1] {
        gap: clamp(0.5rem, 1.5vw, 0.75rem);
    }
    
    .popular-directions__item[b-tjxsf7ecb1] {
        padding: clamp(0.4375rem, 1.5vw, 0.625rem) clamp(0.875rem, 2vw, 1rem);
        font-size: clamp(0.8125rem, 2vw, 0.9375rem);
    }
    
    .destinations__grid[b-tjxsf7ecb1] {
        gap: clamp(0.625rem, 2vw, 0.875rem);
    }
    
    .destination-item[b-tjxsf7ecb1] {
        padding: clamp(0.875rem, 2vw, 1.125rem);
    }
}

@media (max-width: 480px) {
    .hero[b-tjxsf7ecb1] {
        padding: clamp(1rem, 3vw, 1.5rem) 0 clamp(0.75rem, 2vw, 1.25rem); /* Еще меньше padding */
    }
    
    .hero__title[b-tjxsf7ecb1] {
        margin-bottom: 0.5rem;
    }
    
    .hero__subtitle[b-tjxsf7ecb1] {
        margin-bottom: clamp(0.75rem, 2vw, 1rem);
    }
    
    .hero-search[b-tjxsf7ecb1] {
        margin-top: clamp(0.5rem, 1.5vw, 0.75rem);
    }
    
    .hero__container[b-tjxsf7ecb1],
    .categories__container[b-tjxsf7ecb1],
    .advantages__container[b-tjxsf7ecb1],
    .destinations__container[b-tjxsf7ecb1] {
        padding-inline: clamp(0.75rem, 3vw, 1.25rem);
    }
    
    .hero__title[b-tjxsf7ecb1] {
        font-size: clamp(1.5rem, 7vw, 2rem);
        line-height: 1.3;
    }
    
    .hero__subtitle[b-tjxsf7ecb1] {
        font-size: clamp(0.875rem, 3.5vw, 1rem);
        line-height: 1.4;
    }
    
    .popular-directions__title[b-tjxsf7ecb1] {
        font-size: clamp(0.8125rem, 2.5vw, 0.9375rem);
        margin-bottom: 0.75rem;
    }
    
    .popular-directions__item[b-tjxsf7ecb1] {
        padding: clamp(0.375rem, 1.5vw, 0.5rem) clamp(0.75rem, 2vw, 0.9375rem);
        font-size: clamp(0.75rem, 2.5vw, 0.875rem);
        border-radius: 1.5rem;
    }
    
    /* Стили для destinations уже определены выше в медиа-запросе @media (max-width: 480px) */
}

/* Очень маленькие экраны (< 360px) */
@media (max-width: 360px) {
    .hero__container[b-tjxsf7ecb1],
    .categories__container[b-tjxsf7ecb1],
    .advantages__container[b-tjxsf7ecb1],
    .destinations__container[b-tjxsf7ecb1] {
        padding-inline: 0.75rem;
    }
    
    .hero__title[b-tjxsf7ecb1] {
        font-size: 1.375rem;
    }
    
    .hero__subtitle[b-tjxsf7ecb1] {
        font-size: 0.875rem;
    }
    
    .popular-directions__item[b-tjxsf7ecb1] {
        padding: 0.375rem 0.75rem;
        font-size: 0.75rem;
    }
    
    /* Стили для destinations уже определены выше в медиа-запросе @media (max-width: 360px) */
}
/* _content/SibAlt/Components/Pages/HomeOld.razor.rz.scp.css */
/* Основной контент - специфичные стили для главной страницы */
.main[b-0olqsda2q8] {
    margin-top: var(--header-height);
    padding: 40px 0;
    background-color: var(--color-white);
}

.main__container[b-0olqsda2q8] {
    display: flex;
    gap: 40px;
    max-width: var(--container-max-width);
    width: 1903px;
    margin: 0 auto;
    padding: var(--container-padding);
}

.main__left-column[b-0olqsda2q8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.main__right-column[b-0olqsda2q8] {
    width: 400px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Адаптивность для средних экранов */
@media (max-width: 1200px) {
    .main__container[b-0olqsda2q8] {
        padding: 0 60px;
    }
    .main__right-column[b-0olqsda2q8] {
        width: 320px;
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .main__container[b-0olqsda2q8] {
        flex-direction: column;
        padding: 0 20px;
        gap: 24px;
    }
    .main__right-column[b-0olqsda2q8] {
        width: 100%;
    }
}
/* _content/SibAlt/Components/Pages/Hotel/Details.razor.rz.scp.css */
/* ============================================
   CSS-ПЕРЕМЕННЫЕ
   ============================================ */
:root[b-lg3u2480e3] {
    --color-primary: #84ACEC;
    --color-primary-hover: #6B96DB;
    --color-text: #1f2937;
    --color-text-secondary: #6b7280;
    --color-text-light: #9ca3af;
    --color-bg: #ffffff;
    --color-bg-gray: #f9fafb;
    --color-border: #e5e7eb;
    --color-success: #10b981;
    --color-warning: #FFA726;
    --color-orange: #FF6F00;
    
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 20px;
    
    --header-height: 80px;
    --container-max-width: 1920px;
    --container-padding: 0 120px;
}

/* ============================================
   ОБЩИЕ СТИЛИ
   ============================================ */
*[b-lg3u2480e3] {
    box-sizing: border-box;
}

/* Основной контейнер с отступом от хедера */
.hotel-details-container[b-lg3u2480e3] {
    margin-top: var(--header-height);
    max-width: var(--container-max-width);
    margin-left: auto;
    margin-right: auto;
    padding: var(--container-padding);
    padding-top: 40px;
    padding-bottom: 60px;
}

/* ============================================
   HEADER СЕКЦИЯ (НАЗВАНИЕ И МЕСТОПОЛОЖЕНИЕ)
   ============================================ */
.hotel-header[b-lg3u2480e3] {
    margin-bottom: 24px;
}

.hotel-header-top[b-lg3u2480e3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 12px;
    position: relative;
}

.hotel-title[b-lg3u2480e3] {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
    line-height: 1.2;
    flex: 1;
}

/* Обертка для кнопки "Поделиться" */
.share-button-wrapper[b-lg3u2480e3] {
    position: relative;
    flex-shrink: 0;
}

/* Кнопка "Поделиться" */
.share-button[b-lg3u2480e3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 8px !important;
    color: var(--color-text);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.share-button:hover[b-lg3u2480e3] {
    background: var(--color-bg-gray);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.share-button svg[b-lg3u2480e3] {
    flex-shrink: 0;
    border-radius: 4px !important;
}

/* Меню "Поделиться" */
.share-menu[b-lg3u2480e3] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-lg);
    min-width: 200px;
    z-index: 1000;
    padding: 8px 0;
    backdrop-filter: none;
}

.share-menu-item[b-lg3u2480e3] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 16px;
    background: #ffffff;
    border: none;
    text-align: left;
    color: var(--color-text);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: background 0.2s ease;
    text-decoration: none;
}

.share-menu-item:hover[b-lg3u2480e3] {
    background: var(--color-bg-gray);
    color: var(--color-text);
}

.share-menu-item:visited[b-lg3u2480e3] {
    color: var(--color-text);
}

.share-menu-status[b-lg3u2480e3] {
    padding: 8px 16px;
    font-size: 13px;
    color: #15803d;
}

.share-menu-item span:first-child[b-lg3u2480e3] {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.share-menu-icon[b-lg3u2480e3] {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1f2937;
}

.hotel-meta[b-lg3u2480e3] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.hotel-location[b-lg3u2480e3] {
    font-size: 16px;
    color: var(--color-text-secondary);
    font-weight: 400;
}

/* ============================================
   СЕКЦИИ КОНТЕНТА (Изолированные блоки)
   ============================================ */

/* Секция минимальной цены */
.hotel-min-price[b-lg3u2480e3] {
    margin-bottom: 32px;
    clear: both;
}

.hotel-min-price p[b-lg3u2480e3] {
    font-size: 16px;
    color: var(--color-text);
    margin: 0;
}

/* Секция комфорта */
.hotel-comfort-section[b-lg3u2480e3] {
    margin-bottom: 20px; /* Уменьшили отступ снизу с 40px до 20px */
    clear: both;
}

/* Заголовок секции "Где вы будете жить" */
.section-header[b-lg3u2480e3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 0;
}

.section-header h4[b-lg3u2480e3] {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text);
}

.price-header[b-lg3u2480e3] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text);
}

.section-header-right[b-lg3u2480e3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.hotel-min-price-inline[b-lg3u2480e3] {
    font-size: 14px;
    color: var(--color-text-secondary);
    font-weight: 400;
}

.hotel-min-price-inline .price-value-selected[b-lg3u2480e3] {
    font-weight: 600;
    color: var(--color-primary);
}

/* Стили для карточек номеров согласно макету */
.housing-card[b-lg3u2480e3] {
    margin-bottom: 5px !important; /* Еще уменьшили расстояние между карточками */
    background: white;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.housing-card:hover[b-lg3u2480e3] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    background-color: #f8f9fa;
}

.alternative-badge[b-lg3u2480e3] {
    background: var(--color-success);
    color: white;
    padding: 10px 15px;
    font-size: 14px;
    text-align: center;
}

.housing-content[b-lg3u2480e3] {
    display: grid;
    grid-template-columns: 200px 1fr auto auto;
    gap: 20px;
    padding: 15px; /* Уменьшили padding с 20px до 15px */
    align-items: start;
}

.housing-image[b-lg3u2480e3] {
    position: relative;
}

.housing-photo[b-lg3u2480e3] {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 30px; /* Увеличили скругление до 30px */
}

.no-photo[b-lg3u2480e3] {
    width: 100%;
    height: 150px;
    background: #f8f9fa;
    border-radius: 30px; /* Увеличили скругление до 30px */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 14px;
}

.housing-details[b-lg3u2480e3] {
    min-width: 0;
}

.housing-title[b-lg3u2480e3] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 10px 0;
}

.housing-capacity[b-lg3u2480e3] {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 10px;
}

.housing-description[b-lg3u2480e3] {
    font-size: 14px;
    color: var(--color-text);
    line-height: 1.4;
}

.housing-actions[b-lg3u2480e3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 200px;
}

.selected-period-price[b-lg3u2480e3] {
    background: #ffffff;
    border: 1px solid #c5d9f0;
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    color: #1e3a5f;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.selected-period-price strong[b-lg3u2480e3] {
    color: #1e3a5f;
}

.selected-period-price small[b-lg3u2480e3] {
    color: #4a5568;
}

.price-item[b-lg3u2480e3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.price-item.total[b-lg3u2480e3] {
    font-weight: 600;
    font-size: 16px;
    padding-top: 8px;
    border-top: 1px solid #c5d9f0;
    margin-top: 4px;
}

.price-item.total.no-prepayment[b-lg3u2480e3] {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.price-label[b-lg3u2480e3] {
    color: #1e3a5f;
}

.price-value[b-lg3u2480e3] {
    color: #1e3a5f;
    font-weight: 500;
}

.price-item.total .price-label[b-lg3u2480e3],
.price-item.total .price-value[b-lg3u2480e3] {
    color: #1e3a5f;
    font-weight: 600;
}

.details-btn[b-lg3u2480e3] {
    width: 100% !important;
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: var(--font-family-montserrat) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.details-btn:hover[b-lg3u2480e3] {
    background-color: var(--color-nav-hover) !important;
    color: var(--color-white) !important;
}

.book-btn[b-lg3u2480e3] {
    width: 100% !important;
    background-color: #e8f2ff !important;
    color: #1e3a5f !important;
    border: 1px solid #c5d9f0 !important;
    border-radius: 8px !important;
    font-family: var(--font-family-montserrat) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    margin: 0 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.book-btn:hover[b-lg3u2480e3] {
    background-color: #c5d9f0 !important;
    color: #1e3a5f !important;
    border-color: #a8c4e0 !important;
}

.housing-price[b-lg3u2480e3] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
}

.daily-price[b-lg3u2480e3] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text);
    text-align: center;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    width: 100%;
}

.hotel-comfort-section h4[b-lg3u2480e3] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 20px 0;
}

.comfort-items[b-lg3u2480e3] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Секция поиска и альтернативных дат */
.hotel-search-section[b-lg3u2480e3] {
    margin-bottom: 20px; /* Было 40px — уменьшаем высоту блока вдвое */
    clear: both;
}

.hotel-search-section h4[b-lg3u2480e3] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 10px 0; /* Было 20px — уменьшаем нижний отступ вдвое */
}

/* Секция со списком номеров */
.hotel-rooms-section[b-lg3u2480e3] {
    margin-bottom: 40px;
    clear: both;
}

/* Секция описания отеля */
.hotel-description-section[b-lg3u2480e3] {
    margin-bottom: 40px;
    clear: both;
}

.hotel-description-section h4[b-lg3u2480e3] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 20px 0;
}

/* ============================================
   ОБЩИЕ ЗАГОЛОВКИ (FALLBACK)
   ============================================ */
h4[b-lg3u2480e3] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text);
    margin: 20px 0;
}

/* ============================================
   СЕКЦИЯ "КОМФОРТ"
   ============================================ */
.hotel-comfort-section .form-check[b-lg3u2480e3] {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 0 !important;
    margin-right: 24px;
    margin-bottom: 12px;
    margin-left: 0 !important;
    background: transparent;
    border: none;
    width: auto !important;
}

/* Override Bootstrap form-check-input positioning */
.hotel-comfort-section .form-check-input[b-lg3u2480e3] {
    margin-left: 0 !important;
    margin-right: 8px !important;
    margin-top: 0 !important;
}

/* Override Bootstrap form-check-label positioning */
.hotel-comfort-section .form-check-label[b-lg3u2480e3] {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.form-check-input[b-lg3u2480e3] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-success);
    border-radius: 4px;
    background-color: var(--color-success);
    cursor: default;
    position: relative;
    flex-shrink: 0;
}

.form-check-input:checked[b-lg3u2480e3]::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 14px;
    font-weight: bold;
}

.form-check-label[b-lg3u2480e3] {
    font-size: 16px;
    color: var(--color-text);
    margin: 0;
    cursor: default;
}

/* ============================================
   ПАНЕЛЬ ПОИСКА
   ============================================ */
.search-panel[b-lg3u2480e3] {
    margin: 30px 0;
    padding: 24px;
    background: white;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

/* ============================================
   АЛЬТЕРНАТИВНЫЕ ДАТЫ
   ============================================ */
.alert-warning[b-lg3u2480e3] {
    margin-bottom: 24px;
    padding: 20px;
    background: #FFF3E0;
    border: 1px solid #FFB74D;
    border-radius: var(--radius-md);
    color: #E65100;
}

.alert-warning h5[b-lg3u2480e3] {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.alert-warning p[b-lg3u2480e3] {
    font-size: 14px;
    margin: 4px 0;
}

/* ============================================
   СПИСОК НОМЕРОВ
   ============================================ */
#roomsList[b-lg3u2480e3] {
    display: flex;
    flex-direction: column;
    /* Убрали gap, используем margin-bottom у .housing-card */
    margin: 0; /* Убрали margin сверху и снизу */
}

#roomsList > .row[b-lg3u2480e3] {
    margin: 0;
    width: 100%;
}

#roomsList .col[b-lg3u2480e3] {
    padding: 0;
}

/* ============================================
   КАРТОЧКА НОМЕРА
   ============================================ */
.card[b-lg3u2480e3] {
    display: flex;
    flex-direction: row;
    background: white;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 20px;
    box-shadow: var(--shadow-sm);
    transition: box-shadow 0.2s;
    height: auto;
    overflow: visible;
}

.card:hover[b-lg3u2480e3] {
    box-shadow: var(--shadow-md);
}

/* Альтернативный номер */
.card.border-success[b-lg3u2480e3] {
    border: 2px solid var(--color-success);
}

.card-header[b-lg3u2480e3] {
    padding: 12px 20px;
    background: var(--color-success);
    color: white;
    font-weight: 600;
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    margin: -20px -20px 20px -20px;
}

.card-body[b-lg3u2480e3] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 0;
    flex-grow: 1;
    align-items: flex-start;
}

/* Изображение номера слева */
.card-body li[b-lg3u2480e3] {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
}

.card-body li img[b-lg3u2480e3] {
    width: 160px;
    height: 120px;
    object-fit: cover;
    border-radius: var(--radius-sm);
}

/* Контент номера (середина) */
.card-body > div:first-of-type[b-lg3u2480e3] {
    flex-grow: 1;
    min-width: 0;
}

.card-title[b-lg3u2480e3] {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text);
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.badge[b-lg3u2480e3] {
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    white-space: nowrap;
}

.badge.bg-success[b-lg3u2480e3] {
    background-color: var(--color-success) !important;
    color: white;
}

.badge.bg-info[b-lg3u2480e3] {
    background-color: var(--color-primary) !important;
    color: white;
}

/* Метаданные номера */
.card-body label[b-lg3u2480e3] {
    display: block;
    font-size: 14px;
    color: var(--color-text-secondary);
    margin: 4px 0;
    font-weight: normal;
}

/* Описание номера */
.truncate[b-lg3u2480e3] {
    margin-top: 12px;
}

.truncate .card-text[b-lg3u2480e3] {
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.5;
    margin: 0;
}

/* Цена и кнопки (справа) */
.bg-light[b-lg3u2480e3] {
    background: #F0FDF4 !important;
    border: 1px solid #86EFAC;
    padding: 16px !important;
    border-radius: var(--radius-sm) !important;
    margin: 0 !important;
    min-width: 200px;
    flex-shrink: 0;
}

.bg-light strong[b-lg3u2480e3] {
    display: block;
    font-size: 18px;
    color: var(--color-success);
    margin-bottom: 8px;
}

.bg-light small[b-lg3u2480e3] {
    display: block;
    font-size: 13px;
    color: var(--color-text-secondary);
    margin-top: 4px;
}

/* Кнопки действий под ценой */
.card-body:last-child[b-lg3u2480e3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin-top: 16px;
    border-top: none;
    min-width: 200px;
}

.btn[b-lg3u2480e3] {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--radius-sm);
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.btn-primary[b-lg3u2480e3] {
    background: var(--color-primary);
    color: white;
}

.btn-primary:hover[b-lg3u2480e3] {
    background: var(--color-primary-hover);
}

.btn-success[b-lg3u2480e3] {
    background: var(--color-success);
    color: white;
}

.btn-success:hover[b-lg3u2480e3] {
    background: #059669;
}

.btn-secondary[b-lg3u2480e3] {
    background: var(--color-text-light);
    color: white;
}

.btn-secondary:hover[b-lg3u2480e3] {
    background: var(--color-text-secondary);
}

.text-danger[b-lg3u2480e3] {
    color: #ef4444;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

/* ============================================
   СООБЩЕНИЕ "НЕТ НОМЕРОВ"
   ============================================ */
.alert-info[b-lg3u2480e3] {
    padding: 20px;
    background: #EFF6FF;
    border: 1px solid #93C5FD;
    border-radius: var(--radius-md);
    color: #1E40AF;
    font-weight: 500;
}

/* ============================================
   ОПИСАНИЕ ОТЕЛЯ
   ============================================ */
h4 + *[b-lg3u2480e3] {
    color: var(--color-text-secondary);
    line-height: 1.7;
    font-size: 15px;
}

/* ============================================
   МОДАЛЬНЫЕ ОКНА
   ============================================ */
/* Блокируем скролл body, когда модальное окно открыто */
body:has(.modal.fade.show.d-block)[b-lg3u2480e3],
html:has(.modal.fade.show.d-block)[b-lg3u2480e3] {
    overflow: hidden !important;
}

/* Высокая специфичность для переопределения Bootstrap */
.hotel-details-container .modal[b-lg3u2480e3],
.modal.fade.show.d-block[b-lg3u2480e3] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1050 !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hotel-details-container .modal.show[b-lg3u2480e3],
.hotel-details-container .modal.show.d-block[b-lg3u2480e3] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hotel-details-container .modal-dialog[b-lg3u2480e3],
.modal-dialog.modal-dialog-centered[b-lg3u2480e3] {
    margin: 20px !important;
    max-width: 500px !important;
    width: 100% !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    max-height: calc(100vh - 40px) !important;
    overflow-y: auto !important;
}

.hotel-details-container .modal-dialog-centered[b-lg3u2480e3] {
    display: flex !important;
    align-items: center !important;
    min-height: calc(100% - 1rem) !important;
}

.hotel-details-container .modal-content[b-lg3u2480e3],
.modal-content[b-lg3u2480e3],
.hotel-details-container .modal-dialog .modal-content[b-lg3u2480e3],
.modal-dialog .modal-content[b-lg3u2480e3] {
    background-color: var(--color-bg, #ffffff) !important;
    border: 1px solid var(--color-border, #e5e7eb) !important;
    border-radius: 16px !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    outline: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Убеждаемся, что body и footer имеют одинаковую ширину контента */
.hotel-details-container .modal-content .modal-body[b-lg3u2480e3],
.modal-content .modal-body[b-lg3u2480e3] {
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    margin: 0 !important;
}

/* Убеждаемся, что body и footer имеют одинаковую ширину контента */
.hotel-details-container .modal-content .modal-body[b-lg3u2480e3],
.modal-content .modal-body[b-lg3u2480e3] {
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    margin: 0 !important;
}

.hotel-details-container .modal-content .modal-footer[b-lg3u2480e3],
.modal-content .modal-footer[b-lg3u2480e3] {
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.hotel-details-container .modal-header[b-lg3u2480e3],
.modal-header[b-lg3u2480e3],
.hotel-details-container .modal-content .modal-header[b-lg3u2480e3],
.modal-content .modal-header[b-lg3u2480e3] {
    padding: 20px 24px !important;
    border-bottom: 1px solid var(--color-border, #e5e7eb) !important;
    background: var(--color-bg-gray, #f9fafb) !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.hotel-details-container .modal-title[b-lg3u2480e3],
.modal-title[b-lg3u2480e3] {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--color-text, #1f2937) !important;
    margin: 0 !important;
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif) !important;
}

.hotel-details-container .btn-close[b-lg3u2480e3],
.btn-close[b-lg3u2480e3] {
    opacity: 0.5 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0.5rem 0.5rem !important;
    cursor: pointer !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
    color: var(--color-text, #1f2937) !important;
    position: relative !important;
    width: 1em !important;
    height: 1em !important;
    display: inline-block !important;
}

.hotel-details-container .btn-close[b-lg3u2480e3]::before,
.btn-close[b-lg3u2480e3]::before {
    content: "×" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.5em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: inherit !important;
}

.hotel-details-container .btn-close:hover[b-lg3u2480e3],
.btn-close:hover[b-lg3u2480e3] {
    opacity: 1 !important;
    color: var(--color-text, #1f2937) !important;
}

.hotel-details-container .modal-body[b-lg3u2480e3],
.modal-body[b-lg3u2480e3],
.hotel-details-container .modal-content .modal-body[b-lg3u2480e3],
.modal-content .modal-body[b-lg3u2480e3] {
    padding: 24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    background-color: var(--color-bg, #ffffff) !important;
    flex: 1 1 auto !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.hotel-details-container .modal-body .form-group[b-lg3u2480e3],
.modal-body .form-group[b-lg3u2480e3] {
    margin-bottom: 16px !important;
}

/* Отступы между группами полей - как на странице регистрации партнера */
.hotel-details-container .modal-body .mb-3[b-lg3u2480e3],
.modal-body .mb-3[b-lg3u2480e3] {
    margin-bottom: 1rem !important;
}

.hotel-details-container .modal-body .form-label[b-lg3u2480e3],
.modal-body .form-label[b-lg3u2480e3] {
    display: block !important;
    margin-bottom: 0.375rem !important;
    margin-top: 0 !important;
    font-weight: 500 !important;
    color: var(--color-text, #1f2937) !important;
    font-size: 0.9rem !important;
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif) !important;
}

/* Красная звездочка для обязательных полей */
.hotel-details-container .modal-body .required-star[b-lg3u2480e3],
.modal-body .required-star[b-lg3u2480e3] {
    color: #dc3545 !important;
    font-weight: 600 !important;
}

.hotel-details-container .modal-body .form-control[b-lg3u2480e3],
.modal-body .form-control[b-lg3u2480e3] {
    width: 100% !important;
    padding: 1rem 0.75rem !important;
    border: 2px solid var(--color-border, #e5e7eb) !important;
    border-radius: 0.5rem !important;
    font-size: 1rem !important;
    transition: all var(--transition-fast, 0.2s ease) !important;
    font-family: var(--font-family-primary, 'Inter', sans-serif) !important;
}

.hotel-details-container .modal-body .form-control:focus[b-lg3u2480e3],
.modal-body .form-control:focus[b-lg3u2480e3] {
    outline: none !important;
    border-color: var(--color-primary, #84ACEC) !important;
    box-shadow: 0 0 0 3px rgba(132, 172, 236, 0.1) !important;
}

.hotel-details-container .modal-body .form-control:disabled[b-lg3u2480e3],
.modal-body .form-control:disabled[b-lg3u2480e3] {
    background: var(--color-bg-gray, #f9fafb) !important;
    cursor: not-allowed !important;
}

.hotel-details-container .modal-body .form-text[b-lg3u2480e3],
.modal-body .form-text[b-lg3u2480e3] {
    display: block !important;
    margin-top: 4px !important;
    font-size: 13px !important;
    color: var(--color-text-secondary, #6b7280) !important;
}

/* Максимальная специфичность для переопределения Bootstrap */
.hotel-details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-footer[b-lg3u2480e3],
.modal.fade.show.d-block .modal-dialog .modal-content .modal-footer[b-lg3u2480e3],
.hotel-details-container .modal-content .modal-footer[b-lg3u2480e3],
.modal-content .modal-footer[b-lg3u2480e3],
.hotel-details-container .modal-footer[b-lg3u2480e3],
.modal-footer[b-lg3u2480e3] {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top: 1px solid var(--color-border, #e5e7eb) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    background-color: var(--color-bg, #ffffff) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Стили для кнопок в модальном окне - как на странице регистрации партнера */
/* Максимальная специфичность для переопределения Bootstrap */
.hotel-details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-footer .btn[b-lg3u2480e3],
.modal.fade.show.d-block .modal-dialog .modal-content .modal-footer .btn[b-lg3u2480e3],
.hotel-details-container .modal-content .modal-footer .btn[b-lg3u2480e3],
.modal-content .modal-footer .btn[b-lg3u2480e3],
.hotel-details-container .modal-footer .btn[b-lg3u2480e3],
.modal-footer .btn[b-lg3u2480e3],
.hotel-details-container .modal-body .btn[b-lg3u2480e3],
.modal-body .btn[b-lg3u2480e3] {
    padding: 0.875rem 1.5rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border-radius: 0.5rem !important;
    border: none !important;
    cursor: pointer !important;
    transition: all var(--transition-fast, 0.2s ease) !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif) !important;
    flex: 1 1 0% !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: 0% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    max-width: none !important;
}

.hotel-details-container .modal-footer .btn-primary[b-lg3u2480e3],
.modal-footer .btn-primary[b-lg3u2480e3],
.hotel-details-container .modal-body .btn-primary[b-lg3u2480e3],
.modal-body .btn-primary[b-lg3u2480e3] {
    background: var(--color-primary, #84ACEC) !important;
    color: white !important;
}

.hotel-details-container .modal-footer .btn-primary:hover[b-lg3u2480e3],
.modal-footer .btn-primary:hover[b-lg3u2480e3],
.hotel-details-container .modal-body .btn-primary:hover[b-lg3u2480e3],
.modal-body .btn-primary:hover[b-lg3u2480e3] {
    background: var(--color-nav-hover, #6B96DB) !important;
    color: white !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(81, 114, 167, 0.2) !important;
}

.hotel-details-container .modal-footer .btn-primary:disabled[b-lg3u2480e3],
.modal-footer .btn-primary:disabled[b-lg3u2480e3],
.hotel-details-container .modal-body .btn-primary:disabled[b-lg3u2480e3],
.modal-body .btn-primary:disabled[b-lg3u2480e3] {
    background: #ccc !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

.hotel-details-container .modal-footer .btn-secondary[b-lg3u2480e3],
.modal-footer .btn-secondary[b-lg3u2480e3],
.hotel-details-container .modal-body .btn-secondary[b-lg3u2480e3],
.modal-body .btn-secondary[b-lg3u2480e3] {
    background: #6c757d !important;
    color: white !important;
}

.hotel-details-container .modal-footer .btn-secondary:hover[b-lg3u2480e3],
.modal-footer .btn-secondary:hover[b-lg3u2480e3],
.hotel-details-container .modal-body .btn-secondary:hover[b-lg3u2480e3],
.modal-body .btn-secondary:hover[b-lg3u2480e3] {
    background: #5a6268 !important;
    color: white !important;
}

.hotel-details-container .modal-footer .btn-secondary:disabled[b-lg3u2480e3],
.modal-footer .btn-secondary:disabled[b-lg3u2480e3],
.hotel-details-container .modal-body .btn-secondary:disabled[b-lg3u2480e3],
.modal-body .btn-secondary:disabled[b-lg3u2480e3] {
    background: #ccc !important;
    cursor: not-allowed !important;
}

/* Специальные стили для кнопок в модальном окне верификации - отступы между кнопками */
/* Максимальная специфичность для перекрытия margin: 0 !important */
.hotel-details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-body .btn.mb-2[b-lg3u2480e3],
.modal.fade.show.d-block .modal-dialog .modal-content .modal-body .btn.mb-2[b-lg3u2480e3],
.hotel-details-container .modal-content .modal-body .btn.mb-2[b-lg3u2480e3],
.modal-content .modal-body .btn.mb-2[b-lg3u2480e3],
.hotel-details-container .modal-body .btn.mb-2[b-lg3u2480e3],
.modal-body .btn.mb-2[b-lg3u2480e3] {
    margin-bottom: 0.5rem !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Оранжевая кнопка с центрированным текстом - максимальная специфичность */
.hotel-details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-body .btn-warning[b-lg3u2480e3],
.modal.fade.show.d-block .modal-dialog .modal-content .modal-body .btn-warning[b-lg3u2480e3],
.hotel-details-container .modal-content .modal-body .btn-warning[b-lg3u2480e3],
.modal-content .modal-body .btn-warning[b-lg3u2480e3],
.hotel-details-container .modal-body .btn-warning[b-lg3u2480e3],
.modal-body .btn-warning[b-lg3u2480e3] {
    background: var(--color-warning, #FFA726) !important;
    color: white !important;
    text-align: center !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
    margin-top: 0.5rem !important;
}

.hotel-details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-body .btn-warning:disabled[b-lg3u2480e3],
.modal.fade.show.d-block .modal-dialog .modal-content .modal-body .btn-warning:disabled[b-lg3u2480e3],
.hotel-details-container .modal-content .modal-body .btn-warning:disabled[b-lg3u2480e3],
.modal-content .modal-body .btn-warning:disabled[b-lg3u2480e3],
.hotel-details-container .modal-body .btn-warning:disabled[b-lg3u2480e3],
.modal-body .btn-warning:disabled[b-lg3u2480e3] {
    background: var(--color-warning, #FFA726) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

/* Сообщения */
.hotel-details-container .alert-danger[b-lg3u2480e3],
.alert-danger[b-lg3u2480e3] {
    padding: 12px 16px !important;
    background: #FEE2E2 !important;
    border: 1px solid #FCA5A5 !important;
    border-radius: var(--radius-sm, 8px) !important;
    color: #991B1B !important;
    font-weight: 500 !important;
    font-family: var(--font-family-primary, 'Inter', sans-serif) !important;
}

/* Специальный отступ для сообщения об ошибке в модальном окне верификации (после кнопок) */
.hotel-details-container .modal-body .alert-danger.mt-3[b-lg3u2480e3],
.modal-body .alert-danger.mt-3[b-lg3u2480e3] {
    margin-top: 1.5rem !important;
}

.hotel-details-container .alert-success[b-lg3u2480e3],
.alert-success[b-lg3u2480e3] {
    padding: 12px 16px !important;
    background: #D1FAE5 !important;
    border: 1px solid #6EE7B7 !important;
    border-radius: var(--radius-sm, 8px) !important;
    color: #065F46 !important;
    font-weight: 500 !important;
    font-family: var(--font-family-primary, 'Inter', sans-serif) !important;
}

.hotel-details-container .alert-warning[b-lg3u2480e3],
.alert-warning[b-lg3u2480e3] {
    padding: 12px 16px !important;
    background: #FFF3E0 !important;
    border: 1px solid #FFB74D !important;
    border-radius: var(--radius-sm, 8px) !important;
    color: #E65100 !important;
    font-weight: 500 !important;
    font-family: var(--font-family-primary, 'Inter', sans-serif) !important;
}

/* ============================================
   АДАПТИВНОСТЬ
   ============================================ */

/* Tablet */
@media (max-width: 1200px) {
    :root[b-lg3u2480e3] {
        --container-padding: 0 80px;
    }
    
    .hotel-gallery[b-lg3u2480e3] {
        height: 400px;
    }
    
    .card-body[b-lg3u2480e3] {
        flex-direction: column;
    }
    
    .card-body li img[b-lg3u2480e3] {
        width: 100%;
        height: 200px;
    }
    
    .bg-light[b-lg3u2480e3],
    .card-body:last-child[b-lg3u2480e3] {
        min-width: 100%;
    }
}

/* Mobile */
@media (max-width: 768px) {
    :root[b-lg3u2480e3] {
        --container-padding: 0 16px;
        --header-height: clamp(3.5rem, 8vw, 4.5rem);
    }
    
    .hotel-details-container[b-lg3u2480e3] {
        padding: 4px 0 32px;
        margin-top: 0; /* поднимаем блок, как на Housing */
        padding-left: clamp(1rem, 4vw, 1.25rem);
        padding-right: clamp(1rem, 4vw, 1.25rem);
    }
    
    .hotel-header[b-lg3u2480e3] {
        margin-bottom: 10px;
    }
    
    .hotel-header-top[b-lg3u2480e3] {
        gap: 8px;
    }
    
    .hotel-title[b-lg3u2480e3] {
        font-size: clamp(1.5rem, 4.5vw, 1.75rem);
        line-height: 1.2;
    }
    
    .hotel-meta[b-lg3u2480e3] {
        gap: 8px;
    }
    
    .hotel-location[b-lg3u2480e3] {
        font-size: 14px;
        line-height: 1.4;
    }
    
    .search-hero[b-lg3u2480e3] {
        margin-top: 8px;
        margin-bottom: 12px;
    }
    
    h4[b-lg3u2480e3],
    .section-header h4[b-lg3u2480e3] {
        font-size: clamp(1.1rem, 3.5vw, 1.25rem);
    }
    
    .section-header[b-lg3u2480e3] {
        margin-bottom: 14px;
    }
    
    .housing-content[b-lg3u2480e3] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px;
    }
    
    .housing-image[b-lg3u2480e3] {
        width: 100%;
    }
    
    .housing-photo[b-lg3u2480e3] {
        width: 100%;
        height: clamp(180px, 45vw, 240px);
        object-fit: cover;
        border-radius: 8px;
    }
    
    .housing-actions[b-lg3u2480e3] {
        min-width: 0;
        width: 100%;
        align-items: stretch;
    }
    
    .selected-period-price[b-lg3u2480e3] {
        font-size: 13px;
    }
    
    .price-item[b-lg3u2480e3] {
        font-size: 13px;
    }
    
    .price-item.total[b-lg3u2480e3] {
        font-size: 14px;
    }
    
    .details-btn[b-lg3u2480e3] {
        font-size: 13px !important;
        padding: 12px !important;
    }
    
    .form-check[b-lg3u2480e3] {
        margin-right: 12px;
    }
}

@media (max-width: 480px) {
    :root[b-lg3u2480e3] {
        --container-padding: 0 20px;
    }
    
    .hotel-details-container[b-lg3u2480e3] {
        padding-left: clamp(0.875rem, 4vw, 1rem);
        padding-right: clamp(0.875rem, 4vw, 1rem);
    }
    
    .housing-photo[b-lg3u2480e3] {
        height: clamp(160px, 50vw, 200px);
    }
    
    .details-btn[b-lg3u2480e3] {
        font-size: 12px !important;
        padding: 10px !important;
    }
}

/* Дополнительные стили для модального окна - переопределение Bootstrap */
.modal.fade.show.d-block .modal-content[b-lg3u2480e3],
.hotel-details-container .modal.fade.show.d-block .modal-content[b-lg3u2480e3] {
    border-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    overflow: hidden !important;
}

.modal.fade.show.d-block .modal-content .modal-footer[b-lg3u2480e3],
.hotel-details-container .modal.fade.show.d-block .modal-content .modal-footer[b-lg3u2480e3] {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal.fade.show.d-block .modal-content .modal-footer .btn[b-lg3u2480e3],
.hotel-details-container .modal.fade.show.d-block .modal-content .modal-footer .btn[b-lg3u2480e3] {
    flex: 1 1 0 !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
}

/* Стили для сообщений валидации в модальном окне - как на странице Reservation/pay */
.hotel-details-container .modal-body .mb-3 .validation-message-custom[b-lg3u2480e3],
.modal-body .mb-3 .validation-message-custom[b-lg3u2480e3],
.hotel-details-container .modal-body .validation-message-custom[b-lg3u2480e3],
.modal-body .validation-message-custom[b-lg3u2480e3],
.hotel-details-container .modal .mb-3 .validation-message-custom[b-lg3u2480e3],
.modal .mb-3 .validation-message-custom[b-lg3u2480e3],
.hotel-details-container .modal .validation-message-custom[b-lg3u2480e3],
.modal .validation-message-custom[b-lg3u2480e3] {
    margin: 0.25rem 0 0 0 !important;
    color: #dc2626 !important;
    font-size: 0.75rem !important;
    font-family: var(--font-family-primary) !important;
    line-height: 1.4 !important;
    display: block !important;
}

/* Стили для всех вложенных элементов внутри ValidationMessage */
.hotel-details-container .modal-body .mb-3 .validation-message-custom span[b-lg3u2480e3],
.modal-body .mb-3 .validation-message-custom span[b-lg3u2480e3],
.hotel-details-container .modal-body .mb-3 .validation-message-custom div[b-lg3u2480e3],
.modal-body .mb-3 .validation-message-custom div[b-lg3u2480e3],
.hotel-details-container .modal-body .mb-3 .validation-message-custom p[b-lg3u2480e3],
.modal-body .mb-3 .validation-message-custom p[b-lg3u2480e3],
.hotel-details-container .modal-body .validation-message-custom span[b-lg3u2480e3],
.modal-body .validation-message-custom span[b-lg3u2480e3],
.hotel-details-container .modal-body .validation-message-custom div[b-lg3u2480e3],
.modal-body .validation-message-custom div[b-lg3u2480e3],
.hotel-details-container .modal-body .validation-message-custom p[b-lg3u2480e3],
.modal-body .validation-message-custom p[b-lg3u2480e3],
.hotel-details-container .modal .mb-3 .validation-message-custom span[b-lg3u2480e3],
.modal .mb-3 .validation-message-custom span[b-lg3u2480e3],
.hotel-details-container .modal .mb-3 .validation-message-custom div[b-lg3u2480e3],
.modal .mb-3 .validation-message-custom div[b-lg3u2480e3],
.hotel-details-container .modal .mb-3 .validation-message-custom p[b-lg3u2480e3],
.modal .mb-3 .validation-message-custom p[b-lg3u2480e3],
.hotel-details-container .modal .validation-message-custom span[b-lg3u2480e3],
.modal .validation-message-custom span[b-lg3u2480e3],
.hotel-details-container .modal .validation-message-custom div[b-lg3u2480e3],
.modal .validation-message-custom div[b-lg3u2480e3],
.hotel-details-container .modal .validation-message-custom p[b-lg3u2480e3],
.modal .validation-message-custom p[b-lg3u2480e3] {
    margin: 0.25rem 0 0 0 !important;
    color: #dc2626 !important;
    font-size: 0.75rem !important;
    font-family: var(--font-family-primary) !important;
    line-height: 1.4 !important;
    display: block !important;
}

/* Стили для всех вложенных элементов и текстовых узлов */
.hotel-details-container .modal-body .mb-3 .validation-message-custom *[b-lg3u2480e3],
.modal-body .mb-3 .validation-message-custom *[b-lg3u2480e3],
.hotel-details-container .modal-body .validation-message-custom *[b-lg3u2480e3],
.modal-body .validation-message-custom *[b-lg3u2480e3],
.hotel-details-container .modal .mb-3 .validation-message-custom *[b-lg3u2480e3],
.modal .mb-3 .validation-message-custom *[b-lg3u2480e3],
.hotel-details-container .modal .validation-message-custom *[b-lg3u2480e3],
.modal .validation-message-custom *[b-lg3u2480e3] {
    color: #dc2626 !important;
    font-size: 0.75rem !important;
    font-family: var(--font-family-primary) !important;
    line-height: 1.4 !important;
}

/* Дополнительные стили для выпадающего списка "Гости" на странице деталей не требуются - 
   используются общие стили из search-styles.css */

/* Модальное окно фильтров */
.filters-modal-overlay[b-lg3u2480e3] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    z-index: 1000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 2rem;
    overflow-y: auto;
}

.filters-modal[b-lg3u2480e3] {
    background: var(--color-bg, #ffffff);
    border-radius: 1rem 1rem 0 0;
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    margin: auto;
}

.filters-modal__header[b-lg3u2480e3] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e5e7eb);
    position: relative;
}

.filters-modal__close[b-lg3u2480e3] {
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text, #1f2937);
    font-size: 0.75rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.filters-modal__close:hover[b-lg3u2480e3] {
    background-color: rgba(0, 0, 0, 0.05);
}

.filters-modal__close-icon[b-lg3u2480e3] {
    line-height: 1;
}

.filters-modal__title[b-lg3u2480e3] {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-text, #1f2937);
    margin: 0;
}

.filters-modal__content[b-lg3u2480e3] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

.filters-modal__footer[b-lg3u2480e3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid var(--color-border, #e5e7eb);
}

.filters-modal__btn-apply[b-lg3u2480e3] {
    padding: 0.75rem 2rem;
    background: var(--color-primary, #84ACEC);
    border: none;
    border-radius: 999px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(132, 172, 236, 0.2);
    white-space: nowrap;
}

.filters-modal__btn-apply:hover[b-lg3u2480e3] {
    background: var(--color-primary-hover, #6B96DB);
    box-shadow: 0 4px 12px rgba(132, 172, 236, 0.3);
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .filters-modal-overlay[b-lg3u2480e3] {
        padding: 0;
    }
    
    .filters-modal[b-lg3u2480e3] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }
}

/* Стили для кнопки "ОК" в модальном окне "Информация" - уменьшенная ширина */
/* Максимальная специфичность для переопределения общих стилей модального окна */
.hotel-details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-footer.warning-modal-footer[b-lg3u2480e3],
.modal.fade.show.d-block .modal-dialog .modal-content .modal-footer.warning-modal-footer[b-lg3u2480e3],
.hotel-details-container .modal-content .modal-footer.warning-modal-footer[b-lg3u2480e3],
.modal-content .modal-footer.warning-modal-footer[b-lg3u2480e3],
.hotel-details-container .modal-footer.warning-modal-footer[b-lg3u2480e3],
.modal-footer.warning-modal-footer[b-lg3u2480e3] {
    justify-content: center !important;
}

.hotel-details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-footer .warning-modal-ok-btn[b-lg3u2480e3],
.modal.fade.show.d-block .modal-dialog .modal-content .modal-footer .warning-modal-ok-btn[b-lg3u2480e3],
.hotel-details-container .modal-content .modal-footer .warning-modal-ok-btn[b-lg3u2480e3],
.modal-content .modal-footer .warning-modal-ok-btn[b-lg3u2480e3],
.hotel-details-container .modal-footer .warning-modal-ok-btn[b-lg3u2480e3],
.modal-footer .warning-modal-ok-btn[b-lg3u2480e3] {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    width: auto !important;
    min-width: 120px !important;
    max-width: 200px !important;
}

/* Адаптивные стили для кнопки "Поделиться" */
@media (max-width: 768px) {
    .hotel-header-top[b-lg3u2480e3] {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    
    .hotel-title[b-lg3u2480e3] {
        margin: 0;
        flex: 1;
        min-width: 0;
    }
    
    .share-button-wrapper[b-lg3u2480e3] {
        flex-shrink: 0;
    }
    
    .share-button[b-lg3u2480e3] {
        align-self: flex-start;
        padding: 6px 10px;
        gap: 6px;
        font-size: 13px;
    }
    
    .share-menu[b-lg3u2480e3] {
        right: 0;
        left: auto;
    }
}

@media (max-width: 480px) {
    .share-button span[b-lg3u2480e3] {
        display: none;
    }
    
    .share-button[b-lg3u2480e3] {
        padding: 8px;
        min-width: 40px;
        justify-content: center;
    }
}

/* ============================================
   СЕКЦИЯ "ПРАВИЛА"
   ============================================ */
.hotel-rules-section[b-lg3u2480e3] {
    margin-bottom: 30px;
}

.hotel-rules-section h4[b-lg3u2480e3] {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 16px 0;
}

.rules-content[b-lg3u2480e3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rule-item[b-lg3u2480e3] {
    font-size: 16px;
    color: var(--color-text);
    line-height: 1.6;
}

.rule-item strong[b-lg3u2480e3] {
    font-weight: 600;
    color: var(--color-text);
}

.rule-subsection[b-lg3u2480e3] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--color-border);
}

.rule-subsection h5[b-lg3u2480e3] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 12px 0;
}

.rule-subsection p[b-lg3u2480e3] {
    font-size: 15px;
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0 0 8px 0;
}

.rule-subsection p:last-child[b-lg3u2480e3] {
    margin-bottom: 0;
}
/* _content/SibAlt/Components/Pages/Housing/Details.razor.rz.scp.css */
/* Основной контейнер с отступом от хедера */
.hotel-details-container[b-hy3qgznfav] {
    margin-top: 80px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 120px;
    padding-top: 40px;
    padding-bottom: 60px;
}

/* Заголовочный блок как на Hotel/Details */
.hotel-header[b-hy3qgznfav] {
    margin-bottom: 20px;
}

.hotel-header-top[b-hy3qgznfav] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 12px;
    position: relative;
}

/* Название номера - акцентный стиль */
.housing-title[b-hy3qgznfav] {
    font-size: 32px;
    font-weight: 700;
    color: #1f2937;
    margin: 0;
    line-height: 1.2;
    flex: 1;
}

/* Обертка для кнопки "Поделиться" */
.share-button-wrapper[b-hy3qgznfav] {
    position: relative;
    flex-shrink: 0;
}

/* Кнопка "Поделиться" */
.share-button[b-hy3qgznfav] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #1f2937;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.share-button:hover[b-hy3qgznfav] {
    background: #f9fafb;
    border-color: #84ACEC;
    color: #84ACEC;
}

.share-button svg[b-hy3qgznfav] {
    flex-shrink: 0;
    border-radius: 4px;
}

/* Меню "Поделиться" */
.share-menu[b-hy3qgznfav] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    z-index: 1000;
    padding: 8px 0;
    backdrop-filter: none;
}

.share-menu-item[b-hy3qgznfav] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 16px;
    background: #ffffff;
    border: none;
    text-align: left;
    color: #1f2937;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: background 0.2s ease;
    text-decoration: none;
}

.share-menu-item:hover[b-hy3qgznfav] {
    background: #f9fafb;
    color: #1f2937;
}

.share-menu-item:visited[b-hy3qgznfav] {
    color: #1f2937;
}

.share-menu-item span:first-child[b-hy3qgznfav] {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.share-menu-icon[b-hy3qgznfav] {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1f2937;
}

.hotel-meta[b-hy3qgznfav] {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* Название отеля - менее заметный стиль */
.hotel-name[b-hy3qgznfav] {
    font-size: 16px;
    font-weight: 400;
    color: #6b7280;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 1;
}

/* Сохраняем цвет ссылки при всех состояниях */
.hotel-name:hover[b-hy3qgznfav],
.hotel-name:visited[b-hy3qgznfav],
.hotel-name:active[b-hy3qgznfav],
.hotel-name:focus[b-hy3qgznfav] {
    color: #6b7280;
    text-decoration: underline;
}

/* Разделитель между названием отеля и сезоном */
.hotel-meta-separator[b-hy3qgznfav] {
    font-size: 16px;
    font-weight: 400;
    color: #6b7280;
}

/* Сезон после названия отеля */
.housing-season[b-hy3qgznfav] {
    font-size: 16px;
    font-weight: 400;
    color: #6b7280;
}

/* Секция с фотографиями */
.photos-section[b-hy3qgznfav] {
    margin-bottom: 20px;
}

/* Контейнер для блока с расчетом цены и информации об отеле */
.price-and-hotel-section[b-hy3qgznfav] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 40px;
    align-items: start;
    margin-bottom: 20px;
}

/* Блок с расчетом цены и кнопками бронирования под фотографиями */
.price-calculation-section[b-hy3qgznfav] {
    min-width: 0;
    max-width: 400px;
}

/* Блок с информацией об отеле справа */
.hotel-info-section[b-hy3qgznfav] {
    display: flex;
    align-items: center;
    min-width: 200px;
    padding-top: 12px;
}

.booking-button-section[b-hy3qgznfav] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
    max-width: 400px;
}

.booking-btn[b-hy3qgznfav] {
    width: 100%;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: var(--font-family-montserrat) !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.booking-btn:hover[b-hy3qgznfav],
.booking-btn:focus-visible[b-hy3qgznfav] {
    background-color: var(--color-nav-hover) !important;
    color: var(--color-white) !important;
    transform: translateY(-1px);
}

.booking-btn:active[b-hy3qgznfav] {
    transform: translateY(0);
}

.details-btn[b-hy3qgznfav] {
    width: 100% !important;
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: var(--font-family-montserrat) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 24px !important;
}

.details-btn:hover[b-hy3qgznfav] {
    background-color: var(--color-nav-hover) !important;
    color: var(--color-white) !important;
}

.booking-warning[b-hy3qgznfav] {
    font-size: 14px;
    padding: 10px 15px;
}

/* Блок с расчетом стоимости за выбранный период */
.selected-period-price[b-hy3qgznfav] {
    background: #ffffff;
    border: 1px solid #c5d9f0;
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    color: #1e3a5f;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.selected-period-price strong[b-hy3qgznfav] {
    color: #1e3a5f;
}

.selected-period-price small[b-hy3qgznfav] {
    color: #4a5568;
}

.price-item[b-hy3qgznfav] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.price-item.total[b-hy3qgznfav] {
    font-weight: 600;
    font-size: 16px;
    padding-top: 8px;
    border-top: 1px solid #c5d9f0;
    margin-top: 4px;
}

.price-item.total.no-prepayment[b-hy3qgznfav] {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.price-label[b-hy3qgznfav] {
    color: #1e3a5f;
}

.price-value[b-hy3qgznfav] {
    color: #1e3a5f;
    font-weight: 500;
}

.price-item.total .price-label[b-hy3qgznfav],
.price-item.total .price-value[b-hy3qgznfav] {
    color: #1e3a5f;
    font-weight: 600;
}

/* Пиллы для списка в "Комфорт и другое" */
.comfort-pills[b-hy3qgznfav] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.comfort-pill[b-hy3qgznfav] {
    padding: 6px 12px;
    background: #f8f9fa;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    font-size: 14px;
    color: #1f2937;
}

/* Отступы между разделителем и заголовком секции как на Hotel/Details */
.hotel-comfort-section h4[b-hy3qgznfav] {
    font-size: 24px;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 20px 0;
}

/* На всякий случай фиксируем отступы разделителя локально (если глобальные изменятся) */
.section-divider[b-hy3qgznfav] {
    margin: 24px 0; /* одинаковые отступы над и под чертой */
}

/* Сетка и стили чекбоксов как на образцовой странице */
.comfort-items[b-hy3qgznfav] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start; /* выравнивание влево как на образце */
    padding-left: 0; /* без лишнего отступа слева */
}

/* Двухколоночная сетка для секций */
.details-sections-grid[b-hy3qgznfav] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

.details-column-left[b-hy3qgznfav],
.details-column-right[b-hy3qgznfav] {
    display: flex;
    flex-direction: column;
}

/* Убираем разделитель перед первой секцией в колонках */
.details-column-left > .hotel-comfort-section:first-child[b-hy3qgznfav],
.details-column-right > .hotel-comfort-section:first-child[b-hy3qgznfav] {
    margin-top: 0;
}

/* Убираем разделитель после последней секции в колонках */
.details-column-left > .details-section-divider:last-of-type[b-hy3qgznfav],
.details-column-right > .details-section-divider:last-of-type[b-hy3qgznfav] {
    display: none;
}

@media (max-width: 1200px) {
    .hotel-details-container[b-hy3qgznfav] {
        padding: 0 80px;
    }
}
@media (max-width: 768px) {
    :root[b-hy3qgznfav] {
        --container-padding: 0 16px;
        --header-height: clamp(3.5rem, 8vw, 4.5rem);
    }
    
    .hotel-details-container[b-hy3qgznfav] {
        padding: 16px 0 32px;
        margin-top: clamp(0.25rem, 1vw, 0.5rem);
        padding-left: clamp(1rem, 4vw, 1.25rem);
        padding-right: clamp(1rem, 4vw, 1.25rem);
    }
    
    .booking-button-section[b-hy3qgznfav] {
        width: 100%;
    }
    
    /* На мобильных устройствах колонки располагаются вертикально */
    .details-sections-grid[b-hy3qgznfav] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    /* Разделители между колонками на мобильных */
    .details-column-left > .details-section-divider:last-of-type[b-hy3qgznfav] {
        display: block;
    }
    
    /* Добавляем разделитель и отступ перед блоками правой колонки,
       когда они становятся ниже левой в одну колонку */
    .details-column-right[b-hy3qgznfav] {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #e5e7eb;
        gap: 12px;
    }
}
@media (max-width: 480px) {
    .hotel-details-container[b-hy3qgznfav] {
        padding: 0 20px;
    }
}

/* ============================================
   МОДАЛЬНЫЕ ОКНА
   ============================================ */
/* Блокируем скролл body, когда модальное окно открыто */
body:has(.modal.fade.show.d-block)[b-hy3qgznfav],
html:has(.modal.fade.show.d-block)[b-hy3qgznfav] {
    overflow: hidden !important;
}

/* Высокая специфичность для переопределения Bootstrap - точно как на Hotel/Details */
/* Добавляем максимальную специфичность для переопределения всех стилей Bootstrap */
body .hotel-details-container .modal.fade.show.d-block[b-hy3qgznfav],
body .details-container .modal.fade.show.d-block[b-hy3qgznfav],
body .modal.fade.show.d-block[b-hy3qgznfav],
.hotel-details-container .modal.fade.show.d-block[b-hy3qgznfav],
.details-container .modal.fade.show.d-block[b-hy3qgznfav],
.modal.fade.show.d-block[b-hy3qgznfav],
.hotel-details-container .modal[b-hy3qgznfav],
.details-container .modal[b-hy3qgznfav],
.modal.fade.show[b-hy3qgznfav] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1050 !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hotel-details-container .modal.show[b-hy3qgznfav],
.details-container .modal.show[b-hy3qgznfav],
.hotel-details-container .modal.show.d-block[b-hy3qgznfav],
.details-container .modal.show.d-block[b-hy3qgznfav] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hotel-details-container .modal-dialog[b-hy3qgznfav],
.details-container .modal-dialog[b-hy3qgznfav],
.modal-dialog.modal-dialog-centered[b-hy3qgznfav] {
    margin: 20px !important;
    max-width: 500px !important;
    width: 100% !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    max-height: calc(100vh - 40px) !important;
    overflow-y: auto !important;
}

.hotel-details-container .modal-dialog-centered[b-hy3qgznfav],
.details-container .modal-dialog-centered[b-hy3qgznfav] {
    display: flex !important;
    align-items: center !important;
    min-height: calc(100% - 1rem) !important;
}

.hotel-details-container .modal-content[b-hy3qgznfav],
.details-container .modal-content[b-hy3qgznfav],
.modal-content[b-hy3qgznfav],
.hotel-details-container .modal-dialog .modal-content[b-hy3qgznfav],
.details-container .modal-dialog .modal-content[b-hy3qgznfav],
.modal-dialog .modal-content[b-hy3qgznfav] {
    background-color: var(--color-bg, #ffffff) !important;
    border: 1px solid var(--color-border, #e5e7eb) !important;
    border-radius: 16px !important;
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    outline: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Убеждаемся, что body и footer имеют одинаковую ширину контента */
.hotel-details-container .modal-content .modal-body[b-hy3qgznfav],
.details-container .modal-content .modal-body[b-hy3qgznfav],
.modal-content .modal-body[b-hy3qgznfav] {
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    margin: 0 !important;
}

.hotel-details-container .modal-content .modal-footer[b-hy3qgznfav],
.details-container .modal-content .modal-footer[b-hy3qgznfav],
.modal-content .modal-footer[b-hy3qgznfav] {
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.hotel-details-container .modal-header[b-hy3qgznfav],
.details-container .modal-header[b-hy3qgznfav],
.modal-header[b-hy3qgznfav],
.hotel-details-container .modal-content .modal-header[b-hy3qgznfav],
.details-container .modal-content .modal-header[b-hy3qgznfav],
.modal-content .modal-header[b-hy3qgznfav] {
    padding: 20px 24px !important;
    border-bottom: 1px solid var(--color-border, #e5e7eb) !important;
    background: var(--color-bg-gray, #f9fafb) !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.hotel-details-container .modal-title[b-hy3qgznfav],
.details-container .modal-title[b-hy3qgznfav],
.modal-title[b-hy3qgznfav] {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--color-text, #1f2937) !important;
    margin: 0 !important;
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif) !important;
}

.hotel-details-container .modal-body[b-hy3qgznfav],
.details-container .modal-body[b-hy3qgznfav],
.modal-body[b-hy3qgznfav],
.hotel-details-container .modal-content .modal-body[b-hy3qgznfav],
.details-container .modal-content .modal-body[b-hy3qgznfav],
.modal-content .modal-body[b-hy3qgznfav] {
    padding: 24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    background-color: var(--color-bg, #ffffff) !important;
    flex: 1 1 auto !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.hotel-details-container .modal-content .modal-footer[b-hy3qgznfav],
.details-container .modal-content .modal-footer[b-hy3qgznfav],
.modal-content .modal-footer[b-hy3qgznfav],
.hotel-details-container .modal-footer[b-hy3qgznfav],
.details-container .modal-footer[b-hy3qgznfav],
.modal-footer[b-hy3qgznfav] {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top: 1px solid var(--color-border, #e5e7eb) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    background-color: var(--color-bg, #ffffff) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Стили для кнопки закрытия с крестиком */
.details-container .btn-close[b-hy3qgznfav],
.btn-close[b-hy3qgznfav] {
    opacity: 0.5 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0.5rem 0.5rem !important;
    cursor: pointer !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
    color: var(--color-text, #1f2937) !important;
    position: relative !important;
    width: 1em !important;
    height: 1em !important;
    display: inline-block !important;
}

.details-container .btn-close[b-hy3qgznfav]::before,
.btn-close[b-hy3qgznfav]::before {
    content: "×" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.5em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: inherit !important;
}

.details-container .btn-close:hover[b-hy3qgznfav],
.btn-close:hover[b-hy3qgznfav] {
    opacity: 1 !important;
    color: var(--color-text, #1f2937) !important;
}

/* Стили для кнопок в модальном окне - как на странице регистрации партнера */
/* Максимальная специфичность для переопределения Bootstrap */
.hotel-details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-footer .btn[b-hy3qgznfav],
.details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-footer .btn[b-hy3qgznfav],
.modal.fade.show.d-block .modal-dialog .modal-content .modal-footer .btn[b-hy3qgznfav],
.hotel-details-container .modal-content .modal-footer .btn[b-hy3qgznfav],
.details-container .modal-content .modal-footer .btn[b-hy3qgznfav],
.modal-content .modal-footer .btn[b-hy3qgznfav],
.hotel-details-container .modal-footer .btn[b-hy3qgznfav],
.details-container .modal-footer .btn[b-hy3qgznfav],
.modal-footer .btn[b-hy3qgznfav],
.hotel-details-container .modal-body .btn[b-hy3qgznfav],
.details-container .modal-body .btn[b-hy3qgznfav],
.modal-body .btn[b-hy3qgznfav] {
    padding: 0.875rem 1.5rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border-radius: 0.5rem !important;
    border: none !important;
    cursor: pointer !important;
    transition: all var(--transition-fast, 0.2s ease) !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif) !important;
    flex: 1 1 0% !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: 0% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    max-width: none !important;
}

.hotel-details-container .modal-footer .btn-primary[b-hy3qgznfav],
.details-container .modal-footer .btn-primary[b-hy3qgznfav],
.modal-footer .btn-primary[b-hy3qgznfav],
.hotel-details-container .modal-body .btn-primary[b-hy3qgznfav],
.details-container .modal-body .btn-primary[b-hy3qgznfav],
.modal-body .btn-primary[b-hy3qgznfav] {
    background: var(--color-primary, #84ACEC) !important;
    color: white !important;
}

.hotel-details-container .modal-footer .btn-primary:hover[b-hy3qgznfav],
.details-container .modal-footer .btn-primary:hover[b-hy3qgznfav],
.modal-footer .btn-primary:hover[b-hy3qgznfav],
.hotel-details-container .modal-body .btn-primary:hover[b-hy3qgznfav],
.details-container .modal-body .btn-primary:hover[b-hy3qgznfav],
.modal-body .btn-primary:hover[b-hy3qgznfav] {
    background: var(--color-nav-hover, #6B96DB) !important;
    color: white !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(81, 114, 167, 0.2) !important;
}

/* Стили для кнопки "ОК" в модальном окне "Информация" - уменьшенная ширина */
/* Максимальная специфичность для переопределения общих стилей модального окна */
.hotel-details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-footer.warning-modal-footer[b-hy3qgznfav],
.details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-footer.warning-modal-footer[b-hy3qgznfav],
.modal.fade.show.d-block .modal-dialog .modal-content .modal-footer.warning-modal-footer[b-hy3qgznfav],
.hotel-details-container .modal-content .modal-footer.warning-modal-footer[b-hy3qgznfav],
.details-container .modal-content .modal-footer.warning-modal-footer[b-hy3qgznfav],
.modal-content .modal-footer.warning-modal-footer[b-hy3qgznfav],
.hotel-details-container .modal-footer.warning-modal-footer[b-hy3qgznfav],
.details-container .modal-footer.warning-modal-footer[b-hy3qgznfav],
.modal-footer.warning-modal-footer[b-hy3qgznfav] {
    justify-content: center !important;
}

.hotel-details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-footer .warning-modal-ok-btn[b-hy3qgznfav],
.details-container .modal.fade.show.d-block .modal-dialog .modal-content .modal-footer .warning-modal-ok-btn[b-hy3qgznfav],
.modal.fade.show.d-block .modal-dialog .modal-content .modal-footer .warning-modal-ok-btn[b-hy3qgznfav],
.hotel-details-container .modal-content .modal-footer .warning-modal-ok-btn[b-hy3qgznfav],
.details-container .modal-content .modal-footer .warning-modal-ok-btn[b-hy3qgznfav],
.modal-content .modal-footer .warning-modal-ok-btn[b-hy3qgznfav],
.hotel-details-container .modal-footer .warning-modal-ok-btn[b-hy3qgznfav],
.details-container .modal-footer .warning-modal-ok-btn[b-hy3qgznfav],
.modal-footer .warning-modal-ok-btn[b-hy3qgznfav] {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    width: auto !important;
    min-width: 120px !important;
    max-width: 200px !important;
}

/* Центрирование текста в кнопках */
.details-container .btn[b-hy3qgznfav],
.btn[b-hy3qgznfav] {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Адаптивные стили для кнопки "Поделиться" */
@media (max-width: 768px) {
    .hotel-header-top[b-hy3qgznfav] {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    
    .housing-title[b-hy3qgznfav] {
        font-size: clamp(1.5rem, 4.5vw, 1.75rem);
        line-height: 1.2;
        margin: 0;
    }
    
    .housing-title[b-hy3qgznfav] {
        margin: 0;
        flex: 1;
        min-width: 0;
    }
    
    .share-button-wrapper[b-hy3qgznfav] {
        flex-shrink: 0;
    }
    
    .share-button[b-hy3qgznfav] {
        align-self: flex-start;
        padding: 6px 10px;
        gap: 6px;
        font-size: 13px;
    }
    
    .share-menu[b-hy3qgznfav] {
        right: 0;
        left: auto;
    }
    
    /* На мобильных блока с расчетом цены и отелем располагаются вертикально */
    .price-and-hotel-section[b-hy3qgznfav] {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .hotel-info-section[b-hy3qgznfav] {
        min-width: 100%;
        padding-top: 0;
    }
}

@media (max-width: 480px) {
    :root[b-hy3qgznfav] {
        --container-padding: 0 20px;
    }
    
    .hotel-details-container[b-hy3qgznfav] {
        padding-left: clamp(0.875rem, 4vw, 1rem);
        padding-right: clamp(0.875rem, 4vw, 1rem);
    }
    
    .share-button span[b-hy3qgznfav] {
        display: none;
    }
    
    .share-button[b-hy3qgznfav] {
        padding: 8px;
        min-width: 40px;
        justify-content: center;
    }
}
/* _content/SibAlt/Components/Pages/Reservation/PayReservation.razor.rz.scp.css */
/* === Стили для страницы оплаты бронирования === */
/* Приведены к стилю страницы Housing/Details */

.hotel-details-container[b-o250zuwspn] {
    margin-top: 80px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 120px;
    padding-top: 40px;
    padding-bottom: 60px;
}

/* Заголовочный блок как на Housing/Details */
.hotel-header[b-o250zuwspn] {
    margin-bottom: 20px;
}

.housing-title[b-o250zuwspn] {
    font-size: 32px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

.hotel-meta[b-o250zuwspn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.hotel-name[b-o250zuwspn] {
    font-size: 16px;
    font-weight: 400;
    color: #6b7280;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.hotel-name:hover[b-o250zuwspn],
.hotel-name:visited[b-o250zuwspn],
.hotel-name:active[b-o250zuwspn],
.hotel-name:focus[b-o250zuwspn] {
    color: #6b7280;
    text-decoration: none;
}

.housing-season[b-o250zuwspn] {
    font-size: 14px;
    font-weight: 400;
    color: #6b7280;
}

.reservation-pay-content[b-o250zuwspn] {
    max-width: 100%;
}

.reservation-pay-main[b-o250zuwspn] {
    background: transparent;
    padding: 0;
}

/* Стили для секций ошибок */
.details-section[b-o250zuwspn] {
    margin-bottom: 0;
}

.details-section h4[b-o250zuwspn] {
    font-size: 24px;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 20px 0;
}

.details-section p[b-o250zuwspn] {
    margin-bottom: 1rem;
    color: #1f2937;
    font-size: 16px;
    line-height: 1.5;
}

/* Заголовки как на Housing/Details */
.reservation-pay-main h2[b-o250zuwspn] {
    font-size: 32px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

.reservation-pay-main h4[b-o250zuwspn] {
    font-size: 24px;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 20px 0;
}

.reservation-pay-main img[b-o250zuwspn] {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* Карточки - стиль как на Housing/Details */
.booking-details[b-o250zuwspn],
.price-summary[b-o250zuwspn],
.guest-info[b-o250zuwspn],
.payment-section[b-o250zuwspn] {
    background: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
    padding: 0;
}

.details-section[b-o250zuwspn] {
    margin-bottom: 0;
}

.details-section-divider[b-o250zuwspn] {
    margin: 24px 0;
    border-bottom: 1px solid #e6e6e6;
}

.booking-details .card-body[b-o250zuwspn],
.price-summary .card-body[b-o250zuwspn],
.guest-info .card-body[b-o250zuwspn],
.payment-section .card-body[b-o250zuwspn] {
    padding: 0;
}

.booking-details .card-header[b-o250zuwspn],
.price-summary .card-header[b-o250zuwspn],
.guest-info .card-header[b-o250zuwspn] {
    background: transparent;
    padding: 0;
    border-bottom: none;
    border-radius: 0;
    margin-bottom: 20px;
}

.booking-details .card-title[b-o250zuwspn],
.price-summary .card-title[b-o250zuwspn],
.guest-info .card-title[b-o250zuwspn] {
    font-size: 24px;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 20px 0;
}

/* Детали бронирования - двухколоночный layout */
.booking-details .row[b-o250zuwspn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 0;
}

.booking-details p[b-o250zuwspn] {
    margin-bottom: 0.75rem;
    color: #1f2937;
    font-size: 16px;
    line-height: 1.5;
}

.booking-details strong[b-o250zuwspn] {
    color: #1f2937;
    font-weight: 600;
}

/* Алерты */
.alert[b-o250zuwspn] {
    padding: 1rem 1.25rem;
    border-radius: var(--border-radius);
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.alert-danger[b-o250zuwspn] {
    background-color: #f8d7da;
    border-color: #f5c2c7;
    color: #842029;
}

.alert-warning[b-o250zuwspn] {
    background-color: #fff3cd;
    border-color: #ffecb5;
    color: #856404;
}

.alert-info[b-o250zuwspn] {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

.alert h4[b-o250zuwspn] {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: var(--font-family-montserrat);
    font-weight: 600;
}

.alert p[b-o250zuwspn] {
    margin-bottom: 0;
}

.alert small[b-o250zuwspn] {
    font-size: 0.875rem;
}

/* Кнопки */
.btn[b-o250zuwspn] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    font-family: var(--font-family-montserrat);
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: all var(--transition-fast);
    background: var(--color-primary);
    color: var(--color-white);
}

.btn:hover:not(:disabled)[b-o250zuwspn] {
    background: var(--color-nav-hover);
    transform: translateY(-1px);
    box-shadow: var(--shadow-small);
}

.btn:disabled[b-o250zuwspn] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary[b-o250zuwspn] {
    background: var(--color-primary);
    color: var(--color-white);
}

.btn-primary:hover:not(:disabled)[b-o250zuwspn] {
    background: var(--color-nav-hover);
}

.btn-secondary[b-o250zuwspn] {
    background: #6c757d;
    color: var(--color-white);
}

.btn-secondary:hover:not(:disabled)[b-o250zuwspn] {
    background: #5a6268;
}

.btn-success[b-o250zuwspn] {
    background: #28a745;
    color: var(--color-white);
}

.btn-success:hover:not(:disabled)[b-o250zuwspn] {
    background: #218838;
}

.btn.w-100[b-o250zuwspn] {
    width: 100%;
}

.btn.py-2[b-o250zuwspn] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.btn.py-3[b-o250zuwspn] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Формы */
.form-group[b-o250zuwspn] {
    margin-bottom: 1rem;
}

.form-label[b-o250zuwspn] {
    display: block;
    margin-bottom: 0.5rem;
    font-family: var(--font-family-montserrat);
    font-weight: 500;
    color: var(--color-text);
}

/* Стили для сообщений валидации - как на ContactUs */
/* Blazor ValidationMessage может рендерить текст в разных структурах */
/* Используем максимальную специфичность для переопределения всех глобальных стилей */
.hotel-details-container .mb-3 .validation-message-custom[b-o250zuwspn],
.hotel-details-container .mb-3 .validation-message-custom span[b-o250zuwspn],
.hotel-details-container .mb-3 .validation-message-custom div[b-o250zuwspn],
.hotel-details-container .mb-3 .validation-message-custom p[b-o250zuwspn],
.hotel-details-container .guest-info .mb-3 .validation-message-custom[b-o250zuwspn],
.hotel-details-container .guest-info .mb-3 .validation-message-custom span[b-o250zuwspn],
.hotel-details-container .guest-info .mb-3 .validation-message-custom div[b-o250zuwspn],
.hotel-details-container .guest-info .mb-3 .validation-message-custom p[b-o250zuwspn],
.hotel-details-container .details-section .mb-3 .validation-message-custom[b-o250zuwspn],
.hotel-details-container .details-section .mb-3 .validation-message-custom span[b-o250zuwspn],
.hotel-details-container .details-section .mb-3 .validation-message-custom div[b-o250zuwspn],
.hotel-details-container .details-section .mb-3 .validation-message-custom p[b-o250zuwspn] {
    margin: 0.25rem 0 0 0 !important;
    color: #dc2626 !important;
    font-size: 0.75rem !important;
    font-family: var(--font-family-primary) !important;
    line-height: 1.4 !important;
    display: block !important;
}

/* Стили для всех вложенных элементов и текстовых узлов */
.hotel-details-container .mb-3 .validation-message-custom *[b-o250zuwspn],
.hotel-details-container .guest-info .mb-3 .validation-message-custom *[b-o250zuwspn],
.hotel-details-container .details-section .mb-3 .validation-message-custom *[b-o250zuwspn] {
    color: #dc2626 !important;
    font-size: 0.75rem !important;
    font-family: var(--font-family-primary) !important;
    line-height: 1.4 !important;
}

.form-control[b-o250zuwspn] {
    width: 100%;
    padding: 0.75rem;
    font-family: var(--font-family-primary);
    font-size: 1rem;
    border: 2px solid var(--color-border);
    border-radius: var(--border-radius);
    transition: all var(--transition-fast);
    background: var(--color-white);
    color: var(--color-text);
}

.form-control:focus[b-o250zuwspn] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(132, 172, 236, 0.1);
}

.form-control:disabled[b-o250zuwspn] {
    background: var(--color-secondary);
    cursor: not-allowed;
}

/* Спиннеры */
.spinner-border[b-o250zuwspn] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-o250zuwspn 0.75s linear infinite;
}

.spinner-border-sm[b-o250zuwspn] {
    width: 0.875rem;
    height: 0.875rem;
    border-width: 0.125em;
}

@keyframes spinner-border-b-o250zuwspn {
    to {
        transform: rotate(360deg);
    }
}

/* Бейджи - убраны, используем housing-season */
.badge[b-o250zuwspn] {
    display: none;
}

/* Текст */
.text-success[b-o250zuwspn] {
    color: #28a745;
}

.text-muted[b-o250zuwspn] {
    color: #6c757d;
}

.text-center[b-o250zuwspn] {
    text-align: center;
}

.py-5[b-o250zuwspn] {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.visually-hidden[b-o250zuwspn] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.mt-2[b-o250zuwspn] {
    margin-top: 0.5rem;
}

.mt-3[b-o250zuwspn] {
    margin-top: 1rem;
}

.mb-0[b-o250zuwspn] {
    margin-bottom: 0;
}

.mb-3[b-o250zuwspn] {
    margin-bottom: 1rem;
}

.mb-4[b-o250zuwspn] {
    margin-bottom: 1.5rem;
}

.me-2[b-o250zuwspn] {
    margin-right: 0.5rem;
}

.small[b-o250zuwspn] {
    font-size: 0.875rem;
}

/* Адаптивность - как на Housing/Details */
@media (max-width: 1200px) {
    .hotel-details-container[b-o250zuwspn] {
        padding: 0 80px;
    }
}

@media (max-width: 768px) {
    :root[b-o250zuwspn] {
        --container-padding: 0 16px;
        --header-height: clamp(3.5rem, 8vw, 4.5rem);
    }
    
    .hotel-details-container[b-o250zuwspn] {
        padding: 8px 0 32px;
        margin-top: 0;
        padding-left: clamp(1rem, 4vw, 1.25rem);
        padding-right: clamp(1rem, 4vw, 1.25rem);
    }
    
    .hotel-header[b-o250zuwspn] {
        margin-bottom: 12px;
    }
    
    .housing-title[b-o250zuwspn] {
        font-size: clamp(1.5rem, 4.5vw, 1.75rem);
        line-height: 1.2;
        margin: 0 0 10px 0;
    }
    
    .hotel-meta[b-o250zuwspn] {
        gap: 8px;
    }
    
    .hotel-name[b-o250zuwspn] {
        font-size: 14px;
    }
    
    .housing-season[b-o250zuwspn] {
        font-size: 13px;
    }
    
    .booking-details .row[b-o250zuwspn] {
        grid-template-columns: 1fr;
    }
    
    /* Кнопки валидации/повторной отправки — даём вертикальный зазор */
    .reservation-pay-main .btn[b-o250zuwspn] {
        width: 100% !important;
    }
    
    .reservation-pay-main .btn + .btn[b-o250zuwspn] {
        margin-top: 8px;
    }
}

@media (max-width: 480px) {
    .hotel-details-container[b-o250zuwspn] {
        padding-left: clamp(0.875rem, 4vw, 1rem);
        padding-right: clamp(0.875rem, 4vw, 1rem);
    }
}

/* Дополнительные стили для валидации с максимальной специфичностью */
/* Переопределение глобальных стилей из app.css */
.hotel-details-container .reservation-pay-content .reservation-pay-main .guest-info .details-section .mb-3 .validation-message[b-o250zuwspn],
.hotel-details-container .reservation-pay-content .reservation-pay-main .guest-info .mb-3 .validation-message[b-o250zuwspn],
.hotel-details-container .reservation-pay-content .reservation-pay-main .details-section .mb-3 .validation-message[b-o250zuwspn],
.hotel-details-container .reservation-pay-content .guest-info .mb-3 .validation-message[b-o250zuwspn],
.hotel-details-container .reservation-pay-content .details-section .mb-3 .validation-message[b-o250zuwspn] {
    margin: 0.25rem 0 0 0 !important;
    color: #dc2626 !important;
    font-size: 0.75rem !important;
    font-family: var(--font-family-primary) !important;
    line-height: 1.4 !important;
    display: block !important;
    text-decoration: underline !important;
}

.hotel-details-container .reservation-pay-content .reservation-pay-main .guest-info .details-section .mb-3 .validation-message *[b-o250zuwspn],
.hotel-details-container .reservation-pay-content .reservation-pay-main .guest-info .mb-3 .validation-message *[b-o250zuwspn],
.hotel-details-container .reservation-pay-content .reservation-pay-main .details-section .mb-3 .validation-message *[b-o250zuwspn],
.hotel-details-container .reservation-pay-content .guest-info .mb-3 .validation-message *[b-o250zuwspn],
.hotel-details-container .reservation-pay-content .details-section .mb-3 .validation-message *[b-o250zuwspn] {
    color: #dc2626 !important;
    font-size: 0.75rem !important;
    font-family: var(--font-family-primary) !important;
    line-height: 1.4 !important;
    text-decoration: underline !important;
}

/* _content/SibAlt/Components/Pages/Search.razor.rz.scp.css */
/* Специфичные стили для страницы Search.razor */
/* Основные стили поиска перенесены в wwwroot/css/search-styles.css */

/* Модальное окно фильтров */
.filters-modal-overlay[b-eym1360foq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    z-index: 1000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 2rem;
    overflow-y: auto;
}

.filters-modal[b-eym1360foq] {
    background: var(--color-white, #ffffff);
    border-radius: 1rem 1rem 0 0;
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    margin: auto;
}

/* Заголовок модального окна */
.filters-modal__header[b-eym1360foq] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #e0e0e0);
    position: relative;
}

.filters-modal__close[b-eym1360foq] {
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text, #333333);
    font-size: 0.75rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    transition: all var(--transition-fast);
}

.filters-modal__close:hover[b-eym1360foq] {
    background-color: rgba(0, 0, 0, 0.05);
}

.filters-modal__close-icon[b-eym1360foq] {
    line-height: 1;
}

.filters-modal__title[b-eym1360foq] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-text, #333333);
    margin: 0;
}

/* Контент модального окна */
.filters-modal__content[b-eym1360foq] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

/* Секция фильтров */
.filters-modal__section[b-eym1360foq] {
    margin-bottom: 2rem;
}

.filters-modal__section:last-child[b-eym1360foq] {
    margin-bottom: 0;
}

.filters-modal__section-title[b-eym1360foq] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text, #333333);
    margin: 0 0 1rem 0;
}

/* Подсекция */
.filters-modal__subsection[b-eym1360foq] {
    margin-bottom: 1.5rem;
}

.filters-modal__subsection:last-child[b-eym1360foq] {
    margin-bottom: 0;
}

.filters-modal__subsection-title[b-eym1360foq] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--color-text-light, #666666);
    margin: 0 0 0.75rem 0;
}

/* Чекбоксы */
.filters-modal__checkboxes[b-eym1360foq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.filters-modal__checkbox-item[b-eym1360foq] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 0.5rem;
    transition: background-color var(--transition-fast);
}

.filters-modal__checkbox-item:hover[b-eym1360foq] {
    background-color: rgba(132, 172, 236, 0.05);
}

.filters-modal__checkbox[b-eym1360foq] {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.125rem;
    cursor: pointer;
    flex-shrink: 0;
}

.filters-modal__checkbox-content[b-eym1360foq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.filters-modal__checkbox-label[b-eym1360foq] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: 1rem;
    font-weight: 500;
    color: var(--color-text, #333333);
    line-height: 1.4;
}

.filters-modal__checkbox-description[b-eym1360foq] {
    font-family: var(--font-family-primary, 'Arial', sans-serif);
    font-size: 0.875rem;
    color: var(--color-text-light, #666666);
    line-height: 1.5;
}

/* Пиллы (кнопки выбора) */
.filters-modal__pills[b-eym1360foq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.filters-modal__pill[b-eym1360foq] {
    padding: 0.5rem 1rem;
    border: 1px solid rgba(132, 172, 236, 0.3);
    background: var(--color-white, #ffffff);
    border-radius: 999px;
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--color-primary, #84acec);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.filters-modal__pill:hover[b-eym1360foq] {
    background: rgba(132, 172, 236, 0.1);
    border-color: rgba(132, 172, 236, 0.5);
}

.filters-modal__pill--active[b-eym1360foq] {
    background: var(--color-primary, #84acec);
    border-color: transparent;
    color: var(--color-white, #ffffff);
    box-shadow: 0 4px 12px rgba(132, 172, 236, 0.3);
}

.filters-modal__pill--active:hover[b-eym1360foq] {
    background: var(--color-nav-hover, #5172a7);
}

/* Grid для комфорта (две колонки) */
.filters-modal__comfort-grid[b-eym1360foq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

/* Футер модального окна */
.filters-modal__footer[b-eym1360foq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid var(--color-border, #e0e0e0);
}

.filters-modal__link-clear[b-eym1360foq] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: 1rem;
    font-weight: 500;
    color: var(--color-text, #333333);
    text-decoration: underline;
    cursor: pointer;
    transition: color var(--transition-fast);
    background: none;
    border: none;
    padding: 0;
}

.filters-modal__link-clear:hover[b-eym1360foq] {
    color: var(--color-primary, #84acec);
}

.filters-modal__btn-apply[b-eym1360foq] {
    padding: 0.75rem 2rem;
    background: var(--color-primary, #84acec);
    border: none;
    border-radius: 999px;
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: 1rem;
    font-weight: 500;
    color: var(--color-white, #ffffff);
    cursor: pointer;
    transition: all var(--transition-fast);
    box-shadow: 0 2px 4px rgba(132, 172, 236, 0.2);
    white-space: nowrap;
}

.filters-modal__btn-apply:hover[b-eym1360foq] {
    background: var(--color-nav-hover, #5172a7);
    box-shadow: 0 4px 12px rgba(132, 172, 236, 0.3);
    transform: translateY(-1px);
}

/* Адаптивность */
@media (max-width: 768px) {
    .filters-modal-overlay[b-eym1360foq] {
        padding: 1rem;
    }

    .filters-modal[b-eym1360foq] {
        max-height: 95vh;
        border-radius: 0.75rem;
    }

    .filters-modal__header[b-eym1360foq] {
        padding: 1rem;
    }

    .filters-modal__close[b-eym1360foq] {
        left: 1rem;
    }

    .filters-modal__title[b-eym1360foq] {
        font-size: 1.25rem;
    }

    .filters-modal__content[b-eym1360foq] {
        padding: 1rem;
    }

    .filters-modal__comfort-grid[b-eym1360foq] {
        grid-template-columns: 1fr;
    }

    .filters-modal__footer[b-eym1360foq] {
        flex-direction: column;
        padding: 1rem;
    }
}

/* Лоадер для блока "Популярные места" */
.promo-loader[b-eym1360foq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: 2rem;
    gap: 1rem;
}

.promo-loader__spinner[b-eym1360foq] {
    width: 3rem;
    height: 3rem;
    border: 4px solid rgba(132, 172, 236, 0.2);
    border-top-color: var(--color-primary, #84acec);
    border-radius: 50%;
    animation: spin-b-eym1360foq 0.8s linear infinite;
}

.promo-loader__text[b-eym1360foq] {
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-size: clamp(0.875rem, 2vw, 1rem);
    color: var(--color-text-light, #666666);
    margin: 0;
    text-align: center;
}

.slider__slide--loading[b-eym1360foq] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

@keyframes spin-b-eym1360foq {
    to {
        transform: rotate(360deg);
    }
}

/* Адаптивность для лоадера */
@media (max-width: 768px) {
    .promo-loader[b-eym1360foq] {
        min-height: 250px;
        padding: 1.5rem;
    }

    .promo-loader__spinner[b-eym1360foq] {
        width: 2.5rem;
        height: 2.5rem;
        border-width: 3px;
    }
}
/* _content/SibAlt/Components/Parts/HeroSearchForm.razor.rz.scp.css */
/* === Hero Search Wrapper === */
.hero-search[b-qfchb6pib3] {
    width: 100%;
}

/* === Search Form === */
.search-form[b-qfchb6pib3] {
    background: var(--color-white);
    border-radius: clamp(0.75rem, 2vw, 1.5rem);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    max-width: 1200px;
    margin: 0 auto;
}

/* Базовый grid layout - вертикальный (для главной страницы) */
.search-form__fields[b-qfchb6pib3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1rem, 2vw, 1.5rem);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

@media (max-width: 768px) {
    .search-form[b-qfchb6pib3] {
        padding: clamp(0.875rem, 2.5vw, 1.25rem); /* Уменьшаем padding: 14-20px вместо 20-28px */
        border-radius: clamp(0.5rem, 1.5vw, 0.875rem);
        box-shadow: 0 6px 25px rgba(0, 0, 0, 0.12); /* Немного уменьшаем тень */
    }
    
    .search-form__fields[b-qfchb6pib3] {
        grid-template-columns: 1fr;
        gap: clamp(0.625rem, 1.5vw, 0.875rem); /* Уменьшаем gap: 10-14px вместо 14-20px */
        margin-bottom: clamp(0.625rem, 1.5vw, 0.875rem);
    }
    
    .search-form__field[b-qfchb6pib3] {
        min-height: 3.75rem; /* Уменьшаем: 60px вместо 72px */
        gap: clamp(0.25rem, 0.75vw, 0.375rem); /* Уменьшаем gap между label и input */
    }
    
    .search-form__label[b-qfchb6pib3] {
        font-size: clamp(0.75rem, 1.75vw, 0.875rem); /* Уменьшаем размер label */
        margin-bottom: 0.125rem; /* Минимальный отступ */
    }
    
    .search-form__input[b-qfchb6pib3] {
        padding: clamp(0.5625rem, 1.25vw, 0.6875rem); /* Уменьшаем padding: 9-11px вместо 11-14px */
        font-size: clamp(0.75rem, 1.75vw, 0.875rem);
        border-width: 1.5px; /* Немного тоньше граница */
    }
    
    .search-form__submit[b-qfchb6pib3] {
        padding: clamp(0.6875rem, 1.75vw, 0.875rem); /* Уменьшаем padding: 11-14px вместо 13-16px */
        font-size: clamp(0.875rem, 2vw, 1rem);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); /* Немного уменьшаем тень */
    }
    
    .guests-dropdown[b-qfchb6pib3] {
        padding: clamp(0.75rem, 1.75vw, 0.875rem);
        margin-top: 0.375rem; /* Уменьшаем отступ сверху */
    }
    
    .guests-dropdown__row[b-qfchb6pib3] {
        padding: clamp(0.5rem, 1.25vw, 0.625rem) 0; /* Уменьшаем padding строк */
    }
    
    .guests-dropdown__label[b-qfchb6pib3] {
        font-size: clamp(0.875rem, 1.75vw, 0.9375rem);
    }
    
    .guests-dropdown__btn[b-qfchb6pib3] {
        width: clamp(1.625rem, 3.5vw, 1.875rem); /* Немного меньше кнопки */
        height: clamp(1.625rem, 3.5vw, 1.875rem);
        font-size: clamp(1rem, 2.25vw, 1.125rem);
    }
    
    .guests-dropdown__value[b-qfchb6pib3] {
        font-size: clamp(0.875rem, 1.75vw, 0.9375rem);
        min-width: 1.5rem;
    }
    
    .guests-dropdown__btn-apply[b-qfchb6pib3] {
        padding: clamp(0.375rem, 1.25vw, 0.4375rem) clamp(1rem, 2.5vw, 1.25rem);
        font-size: clamp(0.75rem, 1.75vw, 0.8125rem);
        margin-top: clamp(0.625rem, 1.5vw, 0.75rem);
    }
}

@media (max-width: 480px) {
    .search-form[b-qfchb6pib3] {
        padding: clamp(0.75rem, 2vw, 1rem); /* Еще меньше padding: 12-16px */
        border-radius: clamp(0.5rem, 1.5vw, 0.75rem);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }
    
    .search-form__fields[b-qfchb6pib3] {
        gap: clamp(0.5rem, 1.5vw, 0.75rem); /* Еще меньше gap: 8-12px */
        margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
    }
    
    .search-form__field[b-qfchb6pib3] {
        min-height: 3.5rem; /* Еще меньше: 56px */
        gap: 0.25rem;
    }
    
    .search-form__label[b-qfchb6pib3] {
        font-size: clamp(0.6875rem, 2vw, 0.75rem); /* Еще меньше label */
        margin-bottom: 0.125rem;
    }
    
    .search-form__input[b-qfchb6pib3] {
        padding: clamp(0.5rem, 1.25vw, 0.625rem); /* Еще меньше padding: 8-10px */
        font-size: clamp(0.6875rem, 2vw, 0.75rem);
        border-width: 1.5px;
    }
    
    .search-form__submit[b-qfchb6pib3] {
        padding: clamp(0.625rem, 1.5vw, 0.75rem); /* Еще меньше: 10-12px */
        font-size: clamp(0.8125rem, 2vw, 0.875rem);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    }
    
    .guests-dropdown[b-qfchb6pib3] {
        padding: clamp(0.625rem, 1.5vw, 0.75rem);
        margin-top: 0.25rem;
    }
    
    .guests-dropdown__row[b-qfchb6pib3] {
        padding: clamp(0.4375rem, 1.25vw, 0.5625rem) 0;
    }
    
    .guests-dropdown__label[b-qfchb6pib3] {
        font-size: clamp(0.8125rem, 2vw, 0.875rem);
    }
    
    .guests-dropdown__controls[b-qfchb6pib3] {
        gap: clamp(0.625rem, 1.5vw, 0.75rem);
    }
    
    .guests-dropdown__btn[b-qfchb6pib3] {
        width: clamp(1.5rem, 3.5vw, 1.75rem);
        height: clamp(1.5rem, 3.5vw, 1.75rem);
        font-size: clamp(0.9375rem, 2.25vw, 1rem);
    }
    
    .guests-dropdown__value[b-qfchb6pib3] {
        font-size: clamp(0.8125rem, 2vw, 0.875rem);
        min-width: 1.5rem;
    }
    
    .guests-dropdown__actions[b-qfchb6pib3] {
        margin-top: clamp(0.625rem, 1.5vw, 0.75rem);
    }
    
    .guests-dropdown__btn-apply[b-qfchb6pib3] {
        padding: clamp(0.3125rem, 1.25vw, 0.375rem) clamp(0.875rem, 2.5vw, 1rem);
        font-size: clamp(0.6875rem, 2vw, 0.75rem);
    }
    
    .invalid-feedback-custom[b-qfchb6pib3] {
        font-size: clamp(0.625rem, 1.5vw, 0.6875rem);
    }
}

/* Очень маленькие экраны (< 360px) */
@media (max-width: 360px) {
    .search-form[b-qfchb6pib3] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
    
    .search-form__fields[b-qfchb6pib3] {
        gap: 0.75rem;
        margin-bottom: 0.75rem;
    }
    
    .search-form__field[b-qfchb6pib3] {
        min-height: 3.75rem;
    }
    
    .search-form__label[b-qfchb6pib3] {
        font-size: 0.75rem;
    }
    
    .search-form__input[b-qfchb6pib3] {
        padding: 0.625rem;
        font-size: 0.75rem;
    }
    
    .search-form__submit[b-qfchb6pib3] {
        padding: 0.75rem;
        font-size: 0.875rem;
    }
    
    .guests-dropdown[b-qfchb6pib3] {
        padding: 0.75rem;
    }
    
    .guests-dropdown__label[b-qfchb6pib3] {
        font-size: 0.875rem;
    }
    
    .guests-dropdown__btn[b-qfchb6pib3] {
        width: 1.625rem;
        height: 1.625rem;
        font-size: 1rem;
    }
    
    .guests-dropdown__value[b-qfchb6pib3] {
        font-size: 0.875rem;
    }
    
    .guests-dropdown__btn-apply[b-qfchb6pib3] {
        padding: 0.375rem 1rem;
        font-size: 0.75rem;
    }
}

.search-form__field[b-qfchb6pib3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
    min-height: 5.5rem; /* Резервируем место для ошибки */
}

.search-form__field--guests-wrapper[b-qfchb6pib3] {
    position: relative;
}

.search-form__label[b-qfchb6pib3] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    font-weight: 600;
    color: var(--color-text);
}

.search-form__input[b-qfchb6pib3] {
    padding: clamp(0.75rem, 1.5vw, 1rem);
    border: 2px solid var(--color-border);
    border-radius: 0.5rem;
    font-family: var(--font-family-primary);
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    color: var(--color-text);
    transition: all var(--transition-fast);
    background: var(--color-white);
}

.search-form__input[type="date"][b-qfchb6pib3] {
    cursor: pointer;
}

.search-form__input[type="date"]:hover[b-qfchb6pib3] {
    border-color: var(--color-primary);
}

.search-form__input:focus[b-qfchb6pib3] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(132, 172, 236, 0.1);
}

.search-form__input[b-qfchb6pib3]::placeholder {
    color: var(--color-text-light);
}

.search-form__input.is-invalid[b-qfchb6pib3] {
    border-color: #dc3545;
}

.invalid-feedback-custom[b-qfchb6pib3] {
    color: #dc3545;
    font-size: 0.75rem;
    margin-top: 0.25rem;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    background: var(--color-white);
    padding: 0.125rem 0;
    line-height: 1.2;
}

.search-form__guests-btn[b-qfchb6pib3] {
    text-align: left;
    cursor: pointer;
    background: var(--color-white);
}

.search-form__guests-btn:hover[b-qfchb6pib3] {
    border-color: var(--color-primary);
}

/* Guests Dropdown */
.guests-dropdown[b-qfchb6pib3] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 0.5rem;
    background: var(--color-white);
    border: 2px solid var(--color-border);
    border-radius: 0.5rem;
    padding: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.guests-dropdown__row[b-qfchb6pib3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
}

.guests-dropdown__row:not(:last-child)[b-qfchb6pib3] {
    border-bottom: 1px solid var(--color-border);
}

.guests-dropdown__label[b-qfchb6pib3] {
    font-family: var(--font-family-montserrat);
    font-size: 1rem;
    font-weight: 500;
    color: var(--color-text);
}

.guests-dropdown__controls[b-qfchb6pib3] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.guests-dropdown__btn[b-qfchb6pib3] {
    width: 2rem;
    height: 2rem;
    border: 2px solid var(--color-primary);
    border-radius: 50%;
    background: var(--color-white);
    color: var(--color-primary);
    font-size: 1.25rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.guests-dropdown__btn:hover:not(:disabled)[b-qfchb6pib3] {
    background: var(--color-primary);
    color: var(--color-white);
}

.guests-dropdown__btn:disabled[b-qfchb6pib3] {
    opacity: 0.5;
    cursor: not-allowed;
}

.guests-dropdown__value[b-qfchb6pib3] {
    font-family: var(--font-family-montserrat);
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text);
    min-width: 2rem;
    text-align: center;
}

.guests-dropdown__actions[b-qfchb6pib3] {
    text-align: right;
    margin-top: 1rem;
}

.guests-dropdown__btn-apply[b-qfchb6pib3] {
    padding: 0.5rem 1.5rem;
    background: var(--color-primary);
    color: var(--color-white);
    border: none;
    border-radius: 0.375rem;
    font-family: var(--font-family-montserrat);
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.guests-dropdown__btn-apply:hover[b-qfchb6pib3] {
    background: var(--color-nav-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(81, 114, 167, 0.2);
}

/* Submit Button - базовый стиль (под формой) */
.search-form__submit[b-qfchb6pib3] {
    width: 100%;
    padding: clamp(0.875rem, 2vw, 1.25rem);
    background: #007bff;
    color: var(--color-white);
    border: none;
    border-radius: 0.5rem;
    font-family: var(--font-family-montserrat);
    font-size: clamp(1rem, 2vw, 1.125rem);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-fast);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.search-form__submit:hover:not(:disabled)[b-qfchb6pib3] {
    background: #0056b3;
    transform: translateY(-2px);
    box-shadow: 0 3px 10px rgba(0, 123, 255, 0.25);
}

.search-form__submit:disabled[b-qfchb6pib3] {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Контент кнопки с лоадером */
.search-form__submit-content[b-qfchb6pib3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

/* Спиннер для кнопки поиска */
.search-form__spinner[b-qfchb6pib3] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: var(--color-white, #ffffff);
    border-radius: 50%;
    animation: spin-b-qfchb6pib3 0.6s linear infinite;
    flex-shrink: 0;
}

@keyframes spin-b-qfchb6pib3 {
    to {
        transform: rotate(360deg);
    }
}

/* Гибкий поиск - адаптивные стили */
.search-form__flexible-search[b-qfchb6pib3] {
    margin: clamp(0.75rem, 2vw, 1rem) 0;
    padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(0.75rem, 2vw, 1rem);
    background-color: #f8f9fa;
    border-radius: clamp(0.375rem, 1vw, 0.5rem);
    border: 1px solid #e0e0e0;
}

@media (max-width: 768px) {
    .search-form__flexible-search[b-qfchb6pib3] {
        margin: clamp(0.5rem, 1.5vw, 0.75rem) 0; /* Уменьшаем отступы */
        padding: clamp(0.4375rem, 1.25vw, 0.625rem) clamp(0.625rem, 1.75vw, 0.875rem);
        border-radius: clamp(0.3125rem, 1vw, 0.4375rem);
    }
}

@media (max-width: 480px) {
    .search-form__flexible-search[b-qfchb6pib3] {
        margin: clamp(0.4375rem, 1.5vw, 0.625rem) 0;
        padding: clamp(0.375rem, 1.25vw, 0.5rem) clamp(0.5rem, 1.5vw, 0.75rem);
    }
}

.search-form__checkbox-label[b-qfchb6pib3] {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    margin: 0;
    gap: clamp(0.625rem, 1.5vw, 0.75rem);
}

.search-form__checkbox[b-qfchb6pib3] {
    margin-top: clamp(0.125rem, 0.3vw, 0.1875rem);
    width: clamp(1rem, 2.5vw, 1.125rem);
    height: clamp(1rem, 2.5vw, 1.125rem);
    cursor: pointer;
    flex-shrink: 0;
}

.search-form__checkbox-text[b-qfchb6pib3] {
    display: flex;
    flex-direction: column;
    font-size: clamp(0.8125rem, 2vw, 0.875rem);
    color: #333;
    line-height: 1.4;
}

.search-form__checkbox-hint[b-qfchb6pib3] {
    display: block;
    font-size: clamp(0.6875rem, 1.5vw, 0.75rem);
    color: #666;
    margin-top: clamp(0.25rem, 0.5vw, 0.375rem);
    font-style: italic;
    line-height: 1.3;
}

@media (max-width: 480px) {
    .search-form__flexible-search[b-qfchb6pib3] {
        margin: clamp(0.625rem, 2vw, 0.75rem) 0;
        padding: clamp(0.4375rem, 1.5vw, 0.625rem) clamp(0.625rem, 2vw, 0.75rem);
    }
    
    .search-form__checkbox-label[b-qfchb6pib3] {
        gap: clamp(0.5rem, 1.5vw, 0.625rem);
    }
    
    .search-form__checkbox[b-qfchb6pib3] {
        width: clamp(0.9375rem, 2.5vw, 1rem);
        height: clamp(0.9375rem, 2.5vw, 1rem);
    }
    
    .search-form__checkbox-text[b-qfchb6pib3] {
        font-size: clamp(0.75rem, 2vw, 0.8125rem);
    }
    
    .search-form__checkbox-hint[b-qfchb6pib3] {
        font-size: clamp(0.625rem, 1.5vw, 0.6875rem);
        margin-top: clamp(0.1875rem, 0.5vw, 0.25rem);
    }
}

@media (max-width: 360px) {
    .search-form__flexible-search[b-qfchb6pib3] {
        margin: 0.625rem 0;
        padding: 0.5rem 0.625rem;
    }
    
    .search-form__checkbox[b-qfchb6pib3] {
        width: 0.9375rem;
        height: 0.9375rem;
    }
    
    .search-form__checkbox-text[b-qfchb6pib3] {
        font-size: 0.75rem;
    }
    
    .search-form__checkbox-hint[b-qfchb6pib3] {
        font-size: 0.625rem;
    }
}
/* _content/SibAlt/Components/Parts/HeroSearchFormCompact.razor.rz.scp.css */
/* === Компактная однострочная форма поиска === */
/* Используется на странице поиска для экономии места */

.hero-search[b-2nopznj1f8] {
    width: 100%;
}

/* Компактная форма */
.search-form[b-2nopznj1f8] {
    background: var(--color-white);
    border-radius: clamp(0.5rem, 1.5vw, 1rem);
    padding: clamp(0.5rem, 1vw, 0.75rem);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    max-width: 650px; /* Еще более компактная ширина для тестирования */
    margin: 0 auto;
}

/* Однострочный layout - все элементы в одной строке */
.search-form__fields[b-2nopznj1f8] {
    display: grid;
    grid-template-columns: auto auto 260px auto;
    gap: 0.125rem; /* Минимальный gap для тестирования */
    margin-bottom: 0;
    align-items: end;
}

.search-form__field[b-2nopznj1f8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    position: relative;
    min-height: 4.5rem; /* Резервируем место для ошибки */
}

/* Компактные поля дат */
.search-form__field--dates[b-2nopznj1f8] {
    min-width: 120px;
    max-width: 140px;
}

.search-form__field--dates .search-form__input[b-2nopznj1f8] {
    width: 100%;
    min-width: 120px;
    max-width: 140px;
}

.search-form__field--guests-wrapper[b-2nopznj1f8] {
    position: relative;
}

.search-form__label[b-2nopznj1f8] {
    font-family: var(--font-family-montserrat);
    font-size: clamp(0.75rem, 1.2vw, 0.85rem);
    font-weight: 600;
    color: var(--color-text);
}

.search-form__input[b-2nopznj1f8] {
    padding: clamp(0.5rem, 1vw, 0.75rem);
    border: 2px solid var(--color-border);
    border-radius: 0.375rem;
    font-family: var(--font-family-primary);
    font-size: clamp(0.8rem, 1.2vw, 0.9rem);
    color: var(--color-text);
    transition: all var(--transition-fast);
    background: var(--color-white);
}

.search-form__input[type="date"][b-2nopznj1f8] {
    cursor: pointer;
}

.search-form__input[type="date"]:hover[b-2nopznj1f8] {
    border-color: var(--color-primary);
}

.search-form__input:focus[b-2nopznj1f8] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(132, 172, 236, 0.1);
}

.search-form__input[b-2nopznj1f8]::placeholder {
    color: var(--color-text-light);
}

.search-form__input.is-invalid[b-2nopznj1f8] {
    border-color: #dc3545;
}

.invalid-feedback-custom[b-2nopznj1f8] {
    color: #dc3545;
    font-size: 0.75rem;
    margin-top: 0.25rem;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    background: var(--color-white);
    padding: 0.125rem 0;
    line-height: 1.2;
}

.search-form__guests-btn[b-2nopznj1f8] {
    text-align: left;
    cursor: pointer;
    background: var(--color-white);
    width: 100%;
}

.search-form__guests-btn:hover[b-2nopznj1f8] {
    border-color: var(--color-primary);
}

/* Обертка для гибкого поиска и кнопки фильтров */
.search-form__flexible-search-wrapper[b-2nopznj1f8] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.375rem;
    padding-top: 0.375rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* Блок "Гибкий поиск" — теперь уже не на всю ширину */
.search-form__flexible-search[b-2nopznj1f8] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    min-width: 0; /* Позволяет сжиматься */
}

/* Guests Dropdown */
.guests-dropdown[b-2nopznj1f8] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 0.5rem;
    background: var(--color-white);
    border: 2px solid var(--color-border);
    border-radius: 0.5rem;
    padding: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    z-index: 100;
}

.guests-dropdown__row[b-2nopznj1f8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
}

.guests-dropdown__row:not(:last-child)[b-2nopznj1f8] {
    border-bottom: 1px solid var(--color-border);
}

.guests-dropdown__label[b-2nopznj1f8] {
    font-family: var(--font-family-montserrat);
    font-size: 1rem;
    font-weight: 500;
    color: var(--color-text);
}

.guests-dropdown__controls[b-2nopznj1f8] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.guests-dropdown__btn[b-2nopznj1f8] {
    width: 2rem;
    height: 2rem;
    border: 2px solid var(--color-primary);
    border-radius: 50%;
    background: var(--color-white);
    color: var(--color-primary);
    font-size: 1.25rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.guests-dropdown__btn:hover:not(:disabled)[b-2nopznj1f8] {
    background: var(--color-primary);
    color: var(--color-white);
}

.guests-dropdown__btn:disabled[b-2nopznj1f8] {
    opacity: 0.5;
    cursor: not-allowed;
}

.guests-dropdown__value[b-2nopznj1f8] {
    font-family: var(--font-family-montserrat);
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text);
    min-width: 2rem;
    text-align: center;
}

.guests-dropdown__actions[b-2nopznj1f8] {
    text-align: right;
    margin-top: 1rem;
}

.guests-dropdown__btn-apply[b-2nopznj1f8] {
    padding: 0.5rem 1.5rem;
    background: var(--color-primary);
    color: var(--color-white);
    border: none;
    border-radius: 0.375rem;
    font-family: var(--font-family-montserrat);
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.guests-dropdown__btn-apply:hover[b-2nopznj1f8] {
    background: var(--color-nav-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(81, 114, 167, 0.2);
}

/* Кнопка фильтров справа от гибкого поиска - pill-shaped как на скриншоте */
.search-form__filters-btn[b-2nopznj1f8] {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: var(--color-primary, #84acec);
    color: var(--color-white, #ffffff);
    border: none;
    border-radius: 999px; /* Pill-shaped форма */
    cursor: pointer;
    transition: all var(--transition-fast);
    padding: 0.5rem 1.25rem;
    height: 37px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    font-family: var(--font-family-montserrat, 'Montserrat', sans-serif);
    font-weight: 400;
    font-size: 0.9375rem; /* 15px */
    white-space: nowrap;
}

.search-form__filters-btn:hover[b-2nopznj1f8] {
    background-color: var(--color-nav-hover, #5172a7);
    box-shadow: 0 3px 8px rgba(132, 172, 236, 0.25);
    transform: translateY(-1px);
}

.search-form__filters-btn:active[b-2nopznj1f8] {
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(132, 172, 236, 0.2);
}

.search-form__filters-text[b-2nopznj1f8] {
    color: var(--color-white, #ffffff);
    font-weight: 400;
}

.search-form__filters-icon[b-2nopznj1f8] {
    width: 20px;
    height: 20px;
    object-fit: contain;
    flex-shrink: 0;
    filter: brightness(0) invert(1); /* Делаем иконку белой */
}

.search-form__checkbox-label[b-2nopznj1f8] {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    font-family: var(--font-family-primary);
    color: var(--color-text);
    user-select: none;
    line-height: 1.5;
}

.search-form__checkbox[b-2nopznj1f8] {
    flex-shrink: 0;
    margin-right: 10px;
    margin-top: 2px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.search-form__checkbox-text[b-2nopznj1f8] {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #333;
    flex: 1; /* Занимает доступное пространство */
    min-width: 0; /* Позволяет сжиматься */
    white-space: normal; /* Разрешаем перенос для подсказки */
}

.search-form__checkbox-label-text[b-2nopznj1f8] {
    display: inline-block;
    white-space: nowrap; /* Текст "Гибкий поиск" не переносится */
}

.search-form__checkbox-hint[b-2nopznj1f8] {
    display: block;
    font-size: 12px;
    color: #666;
    margin-top: 4px;
    font-style: italic;
}

/* Кнопка поиска в одной строке */
.search-form__submit[b-2nopznj1f8] {
    width: 100%;
    height: 48px;
    min-width: 0;
    align-self: stretch;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 1.25rem;
    background: #007bff;
    color: var(--color-white);
    border: none;
    border-radius: 0.375rem;
    font-family: var(--font-family-montserrat);
    font-size: clamp(0.8rem, 1.2vw, 0.9rem);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.search-form__submit svg[b-2nopznj1f8] {
    display: none;
}

.search-form__submit:hover:not(:disabled)[b-2nopznj1f8] {
    background: #0056b3;
    box-shadow: 0 3px 10px rgba(0, 123, 255, 0.25);
    transform: translateY(-1px);
}

.search-form__submit:disabled[b-2nopznj1f8] {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* Адаптивность для компактной формы */
@media (max-width: 1024px) {
    .search-form__fields[b-2nopznj1f8] {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
    }
    
    .search-form__field[b-2nopznj1f8] {
        min-height: 5rem; /* Больше места для ошибок на планшетах */
    }
    
    .search-form__field--dates[b-2nopznj1f8] {
        min-width: auto;
        max-width: none;
    }
    
    .search-form__field--dates .search-form__input[b-2nopznj1f8] {
        min-width: auto;
        max-width: none;
    }
    
    .search-form__flexible-search-wrapper[b-2nopznj1f8] {
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        flex-wrap: wrap;
    }
    
    .search-form__submit[b-2nopznj1f8] {
        grid-column: 1 / -1;
        width: 100%;
        height: auto;
        min-width: auto;
        border-radius: 0.5rem;
        padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 2.5vw, 2rem);
        font-size: clamp(1rem, 2vw, 1.125rem);
    }
    
    .search-form__submit svg[b-2nopznj1f8] {
        display: none;
    }
}

@media (max-width: 768px) {
    .search-form[b-2nopznj1f8] {
        max-width: 100% !important;
        width: 100% !important;
        padding: clamp(1rem, 3vw, 1.5rem) !important;
    }
    
    .search-form__fields[b-2nopznj1f8] {
        grid-template-columns: 1fr !important;
        gap: clamp(0.75rem, 2vw, 1rem) !important;
        margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
        width: 100% !important;
    }
    
    .search-form__field[b-2nopznj1f8] {
        min-height: 4rem; /* Меньше места на мобильных */
        width: 100% !important;
    }
    
    .search-form__field--dates[b-2nopznj1f8] {
        min-width: auto !important;
        max-width: none !important;
        width: 100% !important;
    }
    
    .search-form__field--dates .search-form__input[b-2nopznj1f8] {
        min-width: auto !important;
        max-width: none !important;
        width: 100% !important;
    }
    
    .search-form__flexible-search-wrapper[b-2nopznj1f8] {
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        flex-wrap: wrap;
    }
    
    .search-form__checkbox-label[b-2nopznj1f8] {
        flex-wrap: nowrap !important; /* Не переносим label на новую строку - чекбокс и текст всегда вместе */
        align-items: flex-start !important; /* Выравниваем по верху для подсказки */
    }
    
    .search-form__checkbox[b-2nopznj1f8] {
        width: 16px;
        height: 16px;
        margin-right: clamp(0.5rem, 1.5vw, 0.75rem) !important; /* Адаптивный отступ: 8-12px */
        margin-top: 2px !important; /* Небольшой отступ сверху для выравнивания с текстом */
        flex-shrink: 0 !important; /* Не сжимаем чекбокс */
    }
    
    .search-form__checkbox-text[b-2nopznj1f8] {
        font-size: 13px !important;
        flex-direction: column !important; /* Оставляем колонку для текста и подсказки */
        flex: 1 !important;
        min-width: 0 !important; /* Позволяет сжиматься */
        display: flex !important;
        white-space: normal !important; /* Разрешаем перенос для подсказки */
    }
    
    .search-form__checkbox-label-text[b-2nopznj1f8] {
        font-size: 13px !important;
        white-space: nowrap !important; /* Текст "Гибкий поиск" не переносится */
        display: inline-block !important;
    }
    
    /* Подсказка - может переноситься на новую строку */
    .search-form__checkbox-hint[b-2nopznj1f8] {
        font-size: 11px !important;
        margin-top: 0.25rem !important;
        white-space: normal !important; /* Подсказка может переноситься */
        display: block !important;
        width: 100% !important;
        word-wrap: break-word !important;
    }
    
    .search-form__submit[b-2nopznj1f8] {
        width: 100% !important;
        height: auto;
        min-width: auto !important;
        border-radius: 0.5rem;
        padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 2.5vw, 2rem);
        font-size: clamp(1rem, 2vw, 1.125rem);
    }
    
    .search-form__submit svg[b-2nopznj1f8] {
        display: none;
    }
    
    /* Убираем ::before, так как текст уже есть в компоненте */
    /* .search-form__submit::before {
        content: "Найти жильё";
    } */
    
    .guests-dropdown[b-2nopznj1f8] {
        width: calc(100vw - 2rem) !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
    }
}

@media (max-width: 480px) {
    .search-form[b-2nopznj1f8] {
        padding: clamp(0.875rem, 2.5vw, 1.25rem) !important;
    }
    
    .search-form__fields[b-2nopznj1f8] {
        gap: clamp(0.625rem, 2vw, 0.875rem) !important;
    }
    
    .search-form__label[b-2nopznj1f8] {
        font-size: clamp(0.75rem, 2vw, 0.875rem) !important;
    }
    
    .search-form__input[b-2nopznj1f8] {
        padding: clamp(0.625rem, 1.5vw, 0.75rem) !important;
        font-size: clamp(0.75rem, 2vw, 0.875rem) !important;
    }
    
    .search-form__submit[b-2nopznj1f8] {
        padding: clamp(0.75rem, 2vw, 0.9375rem) !important;
        font-size: clamp(0.875rem, 2vw, 1rem) !important;
    }
    
    .guests-dropdown[b-2nopznj1f8] {
        width: calc(100vw - 1.5rem) !important;
        padding: clamp(0.75rem, 2vw, 0.875rem) !important;
    }
}

@media (max-width: 360px) {
    .search-form[b-2nopznj1f8] {
        padding: 1rem !important;
    }
    
    .search-form__fields[b-2nopznj1f8] {
        gap: 0.75rem !important;
    }
    
    .guests-dropdown[b-2nopznj1f8] {
        width: calc(100vw - 1rem) !important;
        padding: 0.75rem !important;
    }
}

/* Контент кнопки с лоадером */
.search-form__submit-content[b-2nopznj1f8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

/* Спиннер для кнопки поиска */
.search-form__spinner[b-2nopznj1f8] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: var(--color-white, #ffffff);
    border-radius: 50%;
    animation: spin-b-2nopznj1f8 0.6s linear infinite;
    flex-shrink: 0;
}

@keyframes spin-b-2nopznj1f8 {
    to {
        transform: rotate(360deg);
    }
}

/* _content/SibAlt/Components/Parts/PhotoGallery.razor.rz.scp.css */
.gallery[b-s9zjxobz9k] {
    --gallery-gap: 0.5rem;
    --gallery-border-radius: 1rem;
    --gallery-height-desktop: 30rem;
    --gallery-height-tablet: 25rem;
    --gallery-color-overlay: rgba(0, 0, 0, 0.3);
    --gallery-button-bg: rgba(255, 255, 255, 0.92);
    --gallery-button-color: var(--color-primary, #f29b38);
    --gallery-button-color-hover: #dd7f12;
    --gallery-button-shadow: 0 1.125rem 2.25rem rgba(242, 155, 56, 0.22);
    --gallery-backdrop-blur: 6px;

    display: grid;
    grid-template-columns: minmax(0, 45%) minmax(0, 1fr);
    gap: var(--gallery-gap);
    height: var(--gallery-height-desktop);
    margin-bottom: 2rem;
    clear: both;
}

.gallery-main[b-s9zjxobz9k] {
    position: relative;
    overflow: hidden;
    border-radius: var(--gallery-border-radius);
    height: 100%;
    min-height: 0;
    cursor: pointer;
    transition: opacity 0.2s ease;
    outline: none;
}

.gallery-main:hover[b-s9zjxobz9k],
.gallery-main:focus-visible[b-s9zjxobz9k] {
    opacity: 0.9;
}

.gallery-main img[b-s9zjxobz9k] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    display: block;
    border-radius: var(--gallery-border-radius);
}

.gallery-main--full[b-s9zjxobz9k] {
    grid-column: 1 / -1;
    cursor: default;
}

.gallery-grid[b-s9zjxobz9k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(0, 1fr);
    gap: var(--gallery-gap);
    height: 100%;
    min-height: 0;
}

.gallery-grid--count-1[b-s9zjxobz9k] {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(0, 1fr);
}

.gallery-grid--odd .gallery-item:last-child[b-s9zjxobz9k] {
    grid-column: 1 / -1;
}

.gallery-item[b-s9zjxobz9k] {
    position: relative;
    overflow: hidden;
    border-radius: var(--gallery-border-radius);
    height: 100%;
    min-height: 0;
    cursor: pointer;
    transition: opacity 0.2s ease;
    outline: none;
}

.gallery-item:hover[b-s9zjxobz9k],
.gallery-item:focus-visible[b-s9zjxobz9k] {
    opacity: 0.9;
}

.gallery-item img[b-s9zjxobz9k] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    display: block;
    border-radius: var(--gallery-border-radius);
}

.gallery-item-last[b-s9zjxobz9k]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--gallery-color-overlay);
    border-radius: var(--gallery-border-radius);
    z-index: 1;
}

.show-all-photos[b-s9zjxobz9k] {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.75rem 1.75rem;
    background: var(--gallery-button-bg);
    color: var(--gallery-button-color);
    border: 1px solid color-mix(in srgb, var(--gallery-button-color) 35%, transparent);
    border-radius: 999px;
    font-family: var(--font-family-primary, 'Inter', 'Segoe UI', sans-serif);
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: var(--gallery-button-shadow);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    text-align: center;
    white-space: nowrap;
    z-index: 3;
    backdrop-filter: blur(var(--gallery-backdrop-blur));
}

.show-all-photos:hover[b-s9zjxobz9k],
.show-all-photos:focus[b-s9zjxobz9k] {
    background: rgba(255, 255, 255, 1);
    color: var(--gallery-button-color-hover);
    box-shadow: 0 1.375rem 2.5rem rgba(221, 127, 18, 0.28);
}

.gallery-open-icon[b-s9zjxobz9k] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.75rem;
    background: rgba(18, 18, 18, 0.58);
    color: #ffffff;
    font-size: 1.125rem;
    line-height: 1;
    opacity: 0;
    transform: translateY(-0.25rem);
    transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
    pointer-events: none;
    z-index: 2;
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.gallery-open-icon svg[b-s9zjxobz9k] {
    width: 1.1rem;
    height: 1.1rem;
    fill: currentColor;
}

.gallery-main:hover .gallery-open-icon[b-s9zjxobz9k],
.gallery-main:focus-visible .gallery-open-icon[b-s9zjxobz9k],
.gallery-item:hover .gallery-open-icon[b-s9zjxobz9k],
.gallery-item:focus-visible .gallery-open-icon[b-s9zjxobz9k] {
    opacity: 1;
    transform: translateY(0);
}

.gallery-main:hover .gallery-open-icon[b-s9zjxobz9k],
.gallery-item:hover .gallery-open-icon[b-s9zjxobz9k] {
    background: rgba(12, 12, 12, 0.68);
}

.photo-gallery-modal[b-s9zjxobz9k] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.95);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    animation: fadeIn-b-s9zjxobz9k 0.2s ease-in-out;
}

@keyframes fadeIn-b-s9zjxobz9k {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.photo-gallery-close[b-s9zjxobz9k] {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 3rem;
    height: 3rem;
    background: rgba(18, 18, 18, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 1rem;
    color: #ffffff;
    font-size: 1.625rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    line-height: 1;
    padding: 0;
    backdrop-filter: blur(0.5rem);
    box-shadow: 0 1.125rem 2.25rem rgba(0, 0, 0, 0.35);
    outline: none;
}

.photo-gallery-close:hover[b-s9zjxobz9k],
.photo-gallery-close:focus-visible[b-s9zjxobz9k] {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.55);
}

.photo-gallery-content[b-s9zjxobz9k] {
    position: relative;
    width: min(90vw, 87.5rem);
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
}

.photo-gallery-image-container[b-s9zjxobz9k] {
    position: relative;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-gallery-image[b-s9zjxobz9k] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 1rem;
    box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.5);
}

.photo-gallery-counter[b-s9zjxobz9k] {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    padding: 0.5rem 1rem;
    border-radius: 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    backdrop-filter: blur(0.625rem);
}

.photo-gallery-nav[b-s9zjxobz9k] {
    width: 3.5rem;
    height: 3.5rem;
    background: rgba(18, 18, 18, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 999px;
    color: transparent;
    font-size: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
    padding: 0;
    backdrop-filter: blur(0.75rem);
    box-shadow: 0 1.125rem 2.25rem rgba(0, 0, 0, 0.35);
}

.photo-gallery-nav[b-s9zjxobz9k]::before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    color: #ffffff;
    text-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.45);
}

.photo-gallery-prev[b-s9zjxobz9k]::before {
    content: "\2039";
}

.photo-gallery-next[b-s9zjxobz9k]::before {
    content: "\203a";
}

.photo-gallery-nav:hover[b-s9zjxobz9k],
.photo-gallery-nav:focus-visible[b-s9zjxobz9k] {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.55);
    transform: scale(1.04);
}

.photo-gallery-nav:active[b-s9zjxobz9k] {
    transform: scale(0.9);
}

@media (max-width: 75rem) {
    .gallery[b-s9zjxobz9k] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        height: var(--gallery-height-tablet);
    }
}

@media (max-width: 48rem) {
    .gallery[b-s9zjxobz9k] {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        height: auto;
        gap: 0.75rem;
    }

    .gallery-main[b-s9zjxobz9k] {
        height: 15.625rem;
        cursor: pointer;
    }

    .gallery-grid[b-s9zjxobz9k] {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 7.5rem;
    }

    .gallery-grid--count-1[b-s9zjxobz9k] {
        grid-auto-rows: 12.5rem;
    }

    .photo-gallery-content[b-s9zjxobz9k] {
        flex-direction: column;
        gap: 0.75rem;
        height: 85vh;
    }

    .photo-gallery-nav[b-s9zjxobz9k] {
        position: absolute;
        width: 3.125rem;
        height: 3.125rem;
        box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.3);
    }

    .photo-gallery-prev[b-s9zjxobz9k] {
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .photo-gallery-next[b-s9zjxobz9k] {
        right: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .photo-gallery-prev:hover[b-s9zjxobz9k],
    .photo-gallery-next:hover[b-s9zjxobz9k] {
        transform: translateY(-50%) scale(1.05);
    }

    .photo-gallery-close[b-s9zjxobz9k] {
        width: 2.625rem;
        height: 2.625rem;
        font-size: 1.5rem;
        top: 0.75rem;
        right: 0.75rem;
        border-radius: 0.75rem;
    }

    .photo-gallery-counter[b-s9zjxobz9k] {
        bottom: 0.625rem;
        font-size: 0.8125rem;
        padding: 0.375rem 0.75rem;
    }
}

/* _content/SibAlt/Components/Shared/PartnerSidebar.razor.rz.scp.css */
/* === Боковое меню партнера === */
.partner-sidebar[b-j03oedrch6] {
    position: fixed;
    left: 1rem;
    top: calc(var(--header-height) + 1rem);
    z-index: 100;
    transition: width 0.3s ease;
}

.partner-sidebar[data-collapsed="true"][b-j03oedrch6] {
    width: 70px;
}

.partner-sidebar:not([data-collapsed="true"])[b-j03oedrch6] {
    width: 280px;
}

.sidebar-menu[b-j03oedrch6] {
    width: 280px;
    height: calc(100vh - var(--header-height) - 2rem);
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
    border-right: 1px solid #e9ecef;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 1rem 1rem 0 0;
}

/* Заголовок меню */
.sidebar-header[b-j03oedrch6] {
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid #e9ecef;
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
}

.sidebar-title[b-j03oedrch6] {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sidebar-title i[b-j03oedrch6] {
    font-size: 1.1rem;
    opacity: 0.9;
}

/* Навигационное меню */
.sidebar-nav[b-j03oedrch6] {
    flex: 1;
    padding: 0.5rem 0;
    overflow-y: auto;
}

.nav-list[b-j03oedrch6] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-item[b-j03oedrch6] {
    margin-bottom: 0;
}

.nav-subitem[b-j03oedrch6] {
    margin-bottom: 0;
    margin-left: 1.5rem;
}

.sidebar-menu.collapsed .nav-subitem[b-j03oedrch6] {
    margin-left: 0;
}

/* Ссылки навигации */
.nav-link[b-j03oedrch6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1.5rem;
    color: #495057;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    border-left: 3px solid transparent;
    transition: all 0.3s ease;
}

.nav-link:hover[b-j03oedrch6] {
    background: linear-gradient(90deg, rgba(40, 167, 69, 0.1) 0%, rgba(40, 167, 69, 0.05) 100%);
    color: #28a745;
    border-left-color: #28a745;
}

.nav-link.active[b-j03oedrch6] {
    color: #28a745;
    font-weight: 600;
    background: linear-gradient(90deg, rgba(40, 167, 69, 0.15) 0%, rgba(40, 167, 69, 0.08) 100%);
    border-left: 3px solid #28a745;
}

.nav-link.active:hover[b-j03oedrch6] {
    background: linear-gradient(90deg, rgba(40, 167, 69, 0.2) 0%, rgba(40, 167, 69, 0.12) 100%);
}

.nav-link i[b-j03oedrch6] {
    font-size: 1rem;
    width: 18px;
    text-align: center;
    opacity: 0.8;
    flex-shrink: 0;
}

/* Стили для сворачивания меню */
.sidebar-menu.collapsed .nav-link[b-j03oedrch6] {
    justify-content: center;
    padding: 0.5rem;
}

.sidebar-menu.collapsed .nav-link span[b-j03oedrch6] {
    display: none;
}

.sidebar-menu.collapsed .nav-sublink[b-j03oedrch6] {
    justify-content: center;
    padding: 0.4rem;
    margin-left: 0;
}

.sidebar-menu.collapsed .nav-sublink span[b-j03oedrch6] {
    display: none;
}

.sidebar-menu.collapsed .nav-subitem[b-j03oedrch6] {
    margin-left: 0;
}

.sidebar-menu.collapsed .nav-section-header[b-j03oedrch6] {
    display: none;
}

.nav-link.active i[b-j03oedrch6] {
    opacity: 1;
}

/* Подссылки */
.nav-sublink[b-j03oedrch6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.4rem 1.5rem;
    color: #28a745;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.85rem;
    background: linear-gradient(90deg, rgba(40, 167, 69, 0.15) 0%, rgba(40, 167, 69, 0.08) 100%);
    border-left: 3px solid #28a745;
}

.nav-sublink i[b-j03oedrch6] {
    font-size: 0.9rem;
    width: 14px;
    text-align: center;
    flex-shrink: 0;
}

/* Футер меню */
.sidebar-footer[b-j03oedrch6] {
    padding: 1rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
}

.user-info[b-j03oedrch6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.sidebar-menu.collapsed .user-info[b-j03oedrch6] {
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0.75rem !important;
}

.sidebar-menu.collapsed .user-avatar[b-j03oedrch6] {
    display: none !important;
}

.sidebar-menu.collapsed .user-details[b-j03oedrch6] {
    display: none !important;
}

.user-avatar[b-j03oedrch6] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.user-details[b-j03oedrch6] {
    flex: 1;
    min-width: 0;
}

.user-name[b-j03oedrch6] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    color: #212529;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-email[b-j03oedrch6] {
    font-size: 0.8rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-logout[b-j03oedrch6] {
    flex-shrink: 0;
}

.logout-btn[b-j03oedrch6] {
    width: 32px;
    height: 32px;
    background: #dc3545;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
    text-decoration: none;
    padding: 0;
}

.logout-btn:hover[b-j03oedrch6] {
    background: #c82333;
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.4);
    color: white;
    text-decoration: none;
}

.logout-btn:active[b-j03oedrch6] {
    transform: scale(0.95);
}

.logout-btn:visited[b-j03oedrch6],
.logout-btn:link[b-j03oedrch6] {
    color: white;
    text-decoration: none;
}

.logout-btn i[b-j03oedrch6] {
    font-size: 0.8rem;
}

/* Заголовки разделов */
.nav-section-header[b-j03oedrch6] {
    margin: 0.75rem 0 0.5rem 0;
    padding: 0 1.5rem;
}

.nav-section-title[b-j03oedrch6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    padding: 0.4rem 0;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 0.4rem;
}

.nav-section-title i[b-j03oedrch6] {
    font-size: 0.8rem;
    opacity: 0.7;
}

.nav-section-title span[b-j03oedrch6] {
    font-family: 'Montserrat', sans-serif;
}

/* === Layout для страниц партнера === */
.partner-account-layout[b-j03oedrch6] {
    display: flex;
    margin-top: var(--header-height);
}

.partner-content[b-j03oedrch6] {
    flex: 1;
    margin-left: 312px; /* Ширина сайдбара + отступ слева (280px + 1rem + 1rem) */
    padding: 1rem;
    background: transparent;
    transition: margin-left 0.3s ease;
    /* Применяем margin-left сразу через CSS, чтобы избежать "растягивания" */
    will-change: margin-left;
}

/* Когда меню свернуто - обновляем через JavaScript, но добавляем CSS для поддержки */
.partner-sidebar[data-collapsed="true"] ~ .partner-content[b-j03oedrch6],
.partner-account-layout:has(.partner-sidebar[data-collapsed="true"]) .partner-content[b-j03oedrch6],
body:has(.partner-sidebar[data-collapsed="true"]) .partner-content[b-j03oedrch6] {
    margin-left: 98px !important; /* Ширина свернутого меню + отступ (70px + 1rem + 1rem) */
}

/* Адаптивность */
@media (max-width: 768px) {
    .partner-sidebar[b-j03oedrch6] {
        display: none;
    }
    
    .partner-content[b-j03oedrch6] {
        margin-left: 0;
        padding: 0.5rem;
    }
}
/* _content/SibAlt/Components/Shared/SettlementAutocomplete.razor.rz.scp.css */
.settlement-autocomplete[b-ntc3onwbsz] {
    position: relative;
}

.suggestions-dropdown[b-ntc3onwbsz] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ced4da;
    border-top: none;
    border-radius: 0 0 0.375rem 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

.suggestion-item[b-ntc3onwbsz] {
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    border-bottom: 1px solid #f8f9fa;
}

.suggestion-item:last-child[b-ntc3onwbsz] {
    border-bottom: none;
}

.suggestion-item:hover[b-ntc3onwbsz],
.suggestion-item.selected[b-ntc3onwbsz] {
    background-color: #f8f9fa;
}

.suggestion-name[b-ntc3onwbsz] {
    font-weight: 500;
    color: #212529;
}

.suggestion-details[b-ntc3onwbsz] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

.suggestion-region[b-ntc3onwbsz] {
    font-size: 0.75rem;
    color: #495057;
    margin-top: 0.125rem;
    font-weight: 500;
}




















/* _content/SibAlt/Components/Shared/TouristSidebar.razor.rz.scp.css */
/* === Боковое меню туриста === */
.tourist-sidebar[b-nzfifk85af] {
    width: 280px;
    min-height: 100vh;
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
    border-right: 1px solid #e9ecef;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: var(--header-height);
    z-index: 100;
    transition: all 0.3s ease;
}

/* Заголовок сайдбара */
.sidebar-header[b-nzfifk85af] {
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid #e9ecef;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-nav-hover) 100%);
    color: white;
    margin: -1px -1px 0 -1px;
}

.sidebar-title[b-nzfifk85af] {
    font-family: var(--font-family-montserrat);
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sidebar-icon[b-nzfifk85af] {
    font-size: 1.1rem;
    opacity: 0.9;
}

/* Навигационное меню */
.sidebar-nav[b-nzfifk85af] {
    flex: 1;
    padding: 0.5rem 0;
}

.sidebar-menu[b-nzfifk85af] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-item[b-nzfifk85af] {
    margin-bottom: 0;
}

.sidebar-link[b-nzfifk85af] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1.5rem;
    color: #495057;
    text-decoration: none;
    font-family: var(--font-family-montserrat);
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
    position: relative;
}

.sidebar-link:hover[b-nzfifk85af] {
    background: linear-gradient(90deg, rgba(132, 172, 236, 0.1) 0%, rgba(132, 172, 236, 0.05) 100%);
    color: var(--color-primary);
    border-left-color: var(--color-primary);
    transform: translateX(2px);
}

.sidebar-link.active[b-nzfifk85af] {
    background: linear-gradient(90deg, rgba(132, 172, 236, 0.15) 0%, rgba(132, 172, 236, 0.08) 100%);
    color: var(--color-primary);
    border-left-color: var(--color-primary);
    font-weight: 600;
}

.sidebar-link.active[b-nzfifk85af]::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background: var(--color-primary);
    border-radius: 2px 0 0 2px;
}

.sidebar-link-icon[b-nzfifk85af] {
    font-size: 1rem;
    width: 18px;
    text-align: center;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.sidebar-link:hover .sidebar-link-icon[b-nzfifk85af],
.sidebar-link.active .sidebar-link-icon[b-nzfifk85af] {
    opacity: 1;
    transform: scale(1.1);
}

.sidebar-link-text[b-nzfifk85af] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Футер сайдбара */
.sidebar-footer[b-nzfifk85af] {
    padding: 1rem;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
}

.user-info[b-nzfifk85af] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.user-avatar[b-nzfifk85af] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-nav-hover) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.user-details[b-nzfifk85af] {
    flex: 1;
    min-width: 0;
}

.user-name[b-nzfifk85af] {
    font-family: var(--font-family-montserrat);
    font-weight: 600;
    font-size: 0.9rem;
    color: #212529;
    margin-bottom: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-email[b-nzfifk85af] {
    font-size: 0.8rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Анимации */
@keyframes slideIn-b-nzfifk85af {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.sidebar-item[b-nzfifk85af] {
    animation: slideIn-b-nzfifk85af 0.3s ease forwards;
}

.sidebar-item:nth-child(1)[b-nzfifk85af] { animation-delay: 0.1s; }
.sidebar-item:nth-child(2)[b-nzfifk85af] { animation-delay: 0.2s; }
.sidebar-item:nth-child(3)[b-nzfifk85af] { animation-delay: 0.3s; }
.sidebar-item:nth-child(4)[b-nzfifk85af] { animation-delay: 0.4s; }
.sidebar-item:nth-child(5)[b-nzfifk85af] { animation-delay: 0.5s; }

/* Адаптивность */
@media (max-width: 1200px) {
    .tourist-sidebar[b-nzfifk85af] {
        width: 260px;
    }
    
    .sidebar-header[b-nzfifk85af] {
        padding: 1.5rem 1.25rem 0.75rem;
    }
    
    .sidebar-title[b-nzfifk85af] {
        font-size: 1.1rem;
    }
    
    .sidebar-link[b-nzfifk85af] {
        padding: 0.875rem 1.25rem;
        font-size: 0.9rem;
    }
}

@media (max-width: 992px) {
    .tourist-sidebar[b-nzfifk85af] {
        width: 240px;
    }
    
    .sidebar-header[b-nzfifk85af] {
        padding: 1.25rem 1rem 0.5rem;
    }
    
    .sidebar-title[b-nzfifk85af] {
        font-size: 1rem;
    }
    
    .sidebar-link[b-nzfifk85af] {
        padding: 0.75rem 1rem;
        font-size: 0.85rem;
    }
    
    .sidebar-link-icon[b-nzfifk85af] {
        font-size: 1rem;
        width: 18px;
    }
}

@media (max-width: 768px) {
    .tourist-sidebar[b-nzfifk85af] {
        width: 100%;
        position: relative;
        top: 0;
        min-height: auto;
        box-shadow: none;
        border-right: none;
        border-bottom: 1px solid #e9ecef;
    }
    
    .sidebar-header[b-nzfifk85af] {
        padding: 1rem;
        text-align: center;
    }
    
    .sidebar-nav[b-nzfifk85af] {
        padding: 0.5rem 0;
    }
    
    .sidebar-menu[b-nzfifk85af] {
        display: flex;
        overflow-x: auto;
        padding: 0 1rem;
        gap: 0.5rem;
    }
    
    .sidebar-item[b-nzfifk85af] {
        margin-bottom: 0;
        flex-shrink: 0;
    }
    
    .sidebar-link[b-nzfifk85af] {
        padding: 0.75rem 1rem;
        border-radius: 0.5rem;
        border-left: none;
        border-bottom: 3px solid transparent;
        min-width: 120px;
        text-align: center;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .sidebar-link:hover[b-nzfifk85af] {
        transform: translateY(-2px);
        border-left: none;
        border-bottom-color: var(--color-primary);
    }
    
    .sidebar-link.active[b-nzfifk85af] {
        border-left: none;
        border-bottom-color: var(--color-primary);
    }
    
    .sidebar-link.active[b-nzfifk85af]::before {
        display: none;
    }
    
    .sidebar-link-icon[b-nzfifk85af] {
        font-size: 1.2rem;
        width: auto;
    }
    
    .sidebar-link-text[b-nzfifk85af] {
        font-size: 0.75rem;
        white-space: nowrap;
    }
    
    .sidebar-footer[b-nzfifk85af] {
        display: none;
    }
}

@media (max-width: 480px) {
    .sidebar-menu[b-nzfifk85af] {
        padding: 0 0.5rem;
    }
    
    .sidebar-link[b-nzfifk85af] {
        padding: 0.5rem 0.75rem;
        min-width: 100px;
    }
    
    .sidebar-link-text[b-nzfifk85af] {
        font-size: 0.7rem;
    }
    
    .sidebar-link-icon[b-nzfifk85af] {
        font-size: 1rem;
    }
}