/* _content/SalonWeb/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-d53g9vw0ef] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-d53g9vw0ef], article[b-d53g9vw0ef] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-d53g9vw0ef] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-d53g9vw0ef] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/SalonWeb/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-jq5z0zlinm] {
    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-jq5z0zlinm] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-jq5z0zlinm] {
    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-jq5z0zlinm] {
    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-jq5z0zlinm] {
    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-jq5z0zlinm] {
    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-jq5z0zlinm] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-jq5z0zlinm]  .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-jq5z0zlinm]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

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

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

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

    .nav-scrollable[b-jq5z0zlinm] {
        /* 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/SalonWeb/Components/Layout/PublicLayout.razor.rz.scp.css */
.public-shell[b-1ndf29c0qb] {
    min-height: 100vh;
    background: var(--page-bg);
    display: flex;
    justify-content: center;
    padding: 18px 12px;
}

.public-main[b-1ndf29c0qb] {
    width: 100%;
    max-width: 1100px;
}
/* _content/SalonWeb/Components/Pages/Clients.razor.rz.scp.css */
/* =========================================================
   Clients.razor.css
   Страница: /clients
   Назначение: форма добавления клиента + поле телефона (MudTextField)
   ВАЖНО: файл scoped, поэтому для MudBlazor используем ::deep
========================================================= */


/* =========================================================
   1) Контейнер страницы / карточка
========================================================= */

/* Центрируем карточку формы */
.clients-form-container[b-vry3a1kq9x] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

/* Карточка формы — не растягивать на весь экран */
.clients-form-card[b-vry3a1kq9x] {
    max-width: 520px;
    width: 100%;
    margin-inline: auto;
}

/* Внутренняя сетка формы */
.clients-form[b-vry3a1kq9x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Строка из двух полей (Имя + Фамилия) */
.clients-row-two[b-vry3a1kq9x] {
    display: flex;
    gap: 0.75rem;
}

/* Обёртка под каждое поле */
.clients-field[b-vry3a1kq9x] {
    flex: 1;
}

/* Центрируем кнопку */
.clients-actions-row[b-vry3a1kq9x] {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
}

.clients-save-button[b-vry3a1kq9x] {
    min-width: 180px;
}


/* =========================================================
   2) PHONE: MudTextField в стиле твоего дизайна
   (фон, рамка, подсветка, helper/counter, ошибка)
========================================================= */

/* Поле телефона всегда на всю ширину */
.clients-field .mud-input-control[b-vry3a1kq9x],
.clients-field .mud-text-field[b-vry3a1kq9x] {
    width: 100%;
}

/* Скругление у outlined-поля */
.clients-field[b-vry3a1kq9x]  .mud-input-outlined {
    border-radius: 8px;
}

/* Рамка (outline) — "золотая" */
.clients-field[b-vry3a1kq9x]  .mud-input-outlined-border {
    border-color: rgba(239, 208, 158, 0.55) !important;
}

/* Фон + цвет текста внутри input */
.clients-field[b-vry3a1kq9x]  .mud-input-slot,
.clients-field[b-vry3a1kq9x]  input.mud-input-root {
    background-color: var(--login-input-bg) !important;
    color: var(--login-gold) !important;
    border-radius: 8px;
}

    /* Placeholder */
    .clients-field[b-vry3a1kq9x]  input.mud-input-root::placeholder {
        color: rgba(212, 170, 125, 0.9) !important;
    }

/* Высота/паддинги как у твоих .login-input */
.clients-field[b-vry3a1kq9x]  input.mud-input-root {
    padding: 10px 12px !important;
    font-size: 0.95rem;
}

/* Фокус: рамка + мягкое свечение */
.clients-field[b-vry3a1kq9x]  .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: var(--login-gold) !important;
    box-shadow: 0 0 0 2px rgba(239, 208, 158, 0.22) !important;
}

/* HelperText / Counter (Введено: 5/11) */
.clients-field[b-vry3a1kq9x]  .mud-input-helper-text,
.clients-field[b-vry3a1kq9x]  .mud-input-counter {
    color: #e3c28e !important;
    opacity: 0.95;
}

/* Ошибка */
.clients-field[b-vry3a1kq9x]  .mud-input-error .mud-input-outlined-border {
    border-color: rgba(255, 120, 120, 0.85) !important;
}

.clients-field[b-vry3a1kq9x]  .mud-input-error .mud-input-helper-text {
    color: rgba(255, 160, 160, 0.95) !important;
}

/* Adornment (если когда-то добавишь иконку/префикс) */
.clients-field[b-vry3a1kq9x]  .mud-input-adornment {
    color: var(--login-gold) !important;
}


/* =========================================================
   3) Адаптивность
========================================================= */

@media (max-width: 768px) {
    /* Имя/Фамилия в столбик */
    .clients-row-two[b-vry3a1kq9x] {
        flex-direction: column;
    }

    /* Карточка на всю ширину */
    .clients-form-card[b-vry3a1kq9x] {
        max-width: 100%;
    }
}
/* _content/SalonWeb/Components/Pages/Login.razor.rz.scp.css */
:global(:root)[b-un8x5xzo53] {
    --login-dark: #0f0f0f;
    --login-mid: #2a2a2a;
    --login-gold: #d9b36c;
    --login-input-bg: rgba(0, 0, 0, 0.25);
}

.login-page[b-un8x5xzo53] {
    position: fixed; /* ключ */
    inset: 0; /* растянуть на весь экран */
    width: 100vw;
    min-height: 100dvh; /* лучше для мобилок */

    margin: 0;
    padding: 0;
    background: linear-gradient(135deg, var(--login-dark) 0%, var(--login-mid) 60%, var(--login-gold) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto; /* если по высоте не влезет */
}


.login-overlay[b-un8x5xzo53] {
    width: 100%;
    max-width: 420px;
    padding: 1.5rem;
}

.login-card[b-un8x5xzo53] {
    background: rgba(39, 39, 39, 0.9);
    border-radius: 12px;
    padding: 2rem 2.5rem;
    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
    color: var(--login-gold);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.login-title[b-un8x5xzo53] {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
    color: var(--login-gold);
}

.login-subtitle[b-un8x5xzo53] {
    text-align: center;
    font-size: 0.9rem;
    color: #e3c28e;
    margin: -0.5rem 0 0.75rem;
}

.login-icons[b-un8x5xzo53] {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    margin-bottom: 0.25rem;
}

.login-icon-circle[b-un8x5xzo53] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid var(--login-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--login-gold);
}

.login-form-group[b-un8x5xzo53] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.25rem;
}

.login-label[b-un8x5xzo53] {
    display: inline-block;
    font-size: 0.85rem;
    color: var(--login-gold);
    margin-bottom: 0.15rem;
}

.login-input[b-un8x5xzo53] {
    width: 100%;
    padding: 0.5rem 0.65rem;
    border-radius: 6px;
    border: 1px solid var(--login-gold);
    background-color: var(--login-input-bg);
    color: var(--login-gold);
    font-size: 0.95rem;
    outline: none;
    caret-color: var(--login-gold);
    box-sizing: border-box;
}

    .login-input[b-un8x5xzo53]::placeholder {
        color: #d4aa7d;
        opacity: 0.9;
    }

    .login-input:focus[b-un8x5xzo53] {
        box-shadow: 0 0 0 1px var(--login-gold);
        border-color: var(--login-gold);
    }

/* ===== Пароль: точно как логин + глаз внутри поля ===== */
.password-wrap[b-un8x5xzo53] {
    position: relative;
    width: 100%;
}

.password-input[b-un8x5xzo53] {
    padding-right: 3rem;
}

/* ВАЖНО: ::deep, потому что MudIconButton рендерится как дочерний компонент */
[b-un8x5xzo53] .password-toggle-mud {
    position: absolute;
    right: 0.45rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--login-gold) !important;
    opacity: 0.95;
}

    [b-un8x5xzo53] .password-toggle-mud:hover {
        background: rgba(217, 179, 108, 0.14) !important;
        opacity: 1;
    }

    [b-un8x5xzo53] .password-toggle-mud svg {
        color: var(--login-gold) !important;
    }

/* ===== кнопки ===== */
.login-actions[b-un8x5xzo53] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.login-actions-row[b-un8x5xzo53] {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
}

.login-button[b-un8x5xzo53] {
    padding: 0.45rem 1.4rem;
    border-radius: 999px;
    border: 1px solid var(--login-gold);
    background-color: #3A3A3A;
    color: var(--login-gold);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    min-width: 180px;
    transition: all 0.15s ease-in-out;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

    .login-button:hover[b-un8x5xzo53] {
        color: var(--login-dark);
        background-color: var(--login-gold);
        border-color: var(--login-gold);
    }

    .login-button:active[b-un8x5xzo53] {
        transform: translateY(1px);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
    }

/* ===== ошибки/футер ===== */
.login-error[b-un8x5xzo53] {
    color: #ffb3b3;
    font-size: 0.85rem;
    text-align: center;
    margin: -0.25rem 0 0;
}

.login-footer[b-un8x5xzo53] {
    text-align: center;
    font-size: 0.75rem;
    color: #e3c28e;
    opacity: 0.85;
    margin-top: 0.5rem;
}

/* Адаптив */
@media (max-width: 480px) {
    .login-overlay[b-un8x5xzo53] {
        padding: 1rem;
    }

    .login-card[b-un8x5xzo53] {
        padding: 1.5rem 1.25rem;
        border-radius: 10px;
    }

    .login-button[b-un8x5xzo53] {
        width: 100%;
        min-width: unset;
    }

    .login-actions-row[b-un8x5xzo53] {
        width: 100%;
    }
}
/* _content/SalonWeb/Components/Pages/Logout.razor.rz.scp.css */
/* ================================
   LoginLayout.razor.css
   Стили для оболочки логина (Layout)
   ================================ */

.login-page[b-ege5nmwlqh] {
    min-height: 100vh;
    margin: 0;
    padding: 0;
    background: linear-gradient(135deg, var(--login-dark) 0%, var(--login-mid) 60%, var(--login-gold) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-overlay[b-ege5nmwlqh] {
    width: 100%;
    max-width: 420px;
    padding: 1.5rem;
}

.login-card[b-ege5nmwlqh] {
    background: rgba(39, 39, 39, 0.9);
    border-radius: 12px;
    padding: 2rem 2.5rem;
    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
    color: var(--login-gold);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

@media (max-width: 992px) {
    .login-overlay[b-ege5nmwlqh] {
        max-width: 100%;
        padding: 1rem;
    }

    .login-card[b-ege5nmwlqh] {
        padding: 1.5rem 1.25rem;
        box-shadow: 0 4px 12px rgba(0,0,0,0.35);
    }
}
/* _content/SalonWeb/Components/Pages/OnlineBooking.razor.rz.scp.css */
/* ===============================
   Book.razor.css (scoped)
   Темный дизайн онлайн-записи
   =============================== */

.booking-card[b-243f0rtpgf] {
    max-width: 980px;
    margin: 0 auto;
}

.booking-toolbar[b-243f0rtpgf] {
    gap: 16px;
    flex-wrap: wrap;
}

.booking-section[b-243f0rtpgf] {
    margin-top: 18px;
}

.booking-section__title[b-243f0rtpgf] {
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--login-gold);
}

.muted[b-243f0rtpgf] {
    opacity: .75;
}

/* ====== Слоты времени ====== */
.slots[b-243f0rtpgf] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.slot[b-243f0rtpgf] {
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.04);
    color: #fff;
    border-radius: 12px;
    padding: 8px 12px;
    cursor: pointer;
    transition: .15s;
}

    .slot:hover[b-243f0rtpgf] {
        transform: translateY(-1px);
        background: rgba(255,255,255,.06);
    }

    .slot.active[b-243f0rtpgf] {
        border-color: rgba(212,170,125,.9);
        box-shadow: 0 0 0 2px rgba(212,170,125,.20) inset;
    }

/* ====== Резюме по услугам ====== */
.booking-summary[b-243f0rtpgf] {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.10);
    color: #fff;
}

/* ====== Форма контакта ====== */
.booking-form[b-243f0rtpgf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

/* твои input */
.booking-input[b-243f0rtpgf] {
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: #fff !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
}

    .booking-input[b-243f0rtpgf]::placeholder {
        color: rgba(255,255,255,.55) !important;
    }

/* подсказки под полями */
.field-hint[b-243f0rtpgf] {
    margin-top: 6px;
    font-size: 12px;
    opacity: .8;
}

    .field-hint.error[b-243f0rtpgf] {
        opacity: 1;
        color: #ff6b6b;
    }

/* ====== Выбранные услуги (чипсы снизу) ====== */
.selected-chips[b-243f0rtpgf] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.selected-chip[b-243f0rtpgf] {
    border: 1px solid rgba(239,208,158,.55);
    background: rgba(239,208,158,.10);
    color: #fff;
    border-radius: 14px;
    padding: 10px 12px;
    cursor: pointer;
    text-align: left;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: .15s;
}

    .selected-chip:hover[b-243f0rtpgf] {
        transform: translateY(-1px);
        background: rgba(239,208,158,.14);
    }

.selected-chip__name[b-243f0rtpgf] {
    font-weight: 700;
}

.selected-chip__meta[b-243f0rtpgf] {
    font-size: 12px;
    opacity: .85;
}

.selected-chip__x[b-243f0rtpgf] {
    margin-left: 6px;
    opacity: .9;
}

/* =========================================================
   MudBlazor — темный стиль инпутов (MudSelect/MudDatePicker)
   Ключ: у компонентов должен быть class="booking-select"
   ========================================================= */

/* корневые части инпута */
[b-243f0rtpgf] .booking-select .mud-input-control,
[b-243f0rtpgf] .booking-select .mud-input-root,
[b-243f0rtpgf] .booking-select .mud-input-slot {
    color: #fff !important;
    background: rgba(255,255,255,.04) !important;
}

/* рамка outlined */
[b-243f0rtpgf] .booking-select .mud-input-outlined-border {
    border-color: rgba(255,255,255,.16) !important;
    border-radius: 14px !important;
}

/* hover */
[b-243f0rtpgf] .booking-select:hover .mud-input-outlined-border {
    border-color: rgba(239,208,158,.55) !important;
}

/* label */
[b-243f0rtpgf] .booking-select .mud-input-label {
    color: rgba(239,208,158,.85) !important;
}

/* текст внутри */
[b-243f0rtpgf] .booking-select input,
[b-243f0rtpgf] .booking-select textarea {
    color: #fff !important;
}

/* =========================================================
   MudBlazor — темный overlay (выпадающие списки / календарь)
   ========================================================= */

/* сам "лист" выпадашки */
[b-243f0rtpgf] .mud-popover .mud-paper,
[b-243f0rtpgf] .mud-popover .mud-list,
[b-243f0rtpgf] .mud-popover .mud-list-padding {
    background: #2C2C2C !important;
    color: #fff !important;
    border-radius: 14px !important;
}

/* элементы списка */
[b-243f0rtpgf] .mud-popover .mud-list-item,
[b-243f0rtpgf] .mud-popover .mud-typography,
[b-243f0rtpgf] .mud-popover .mud-list-item-text {
    color: #fff !important;
}

    /* hover элемента */
    [b-243f0rtpgf] .mud-popover .mud-list-item:hover {
        background: rgba(255,255,255,.06) !important;
    }

/* твой PickerClass="mud-dark-picker-popover" — на всякий */
[b-243f0rtpgf] .mud-dark-picker-popover,
[b-243f0rtpgf] .mud-dark-picker-popover .mud-paper {
    background: #2C2C2C !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
}

/* ====== Мобилка ====== */
@media (max-width: 768px) {
    .booking-form[b-243f0rtpgf] {
        grid-template-columns: 1fr;
    }
}
/* _content/SalonWeb/Components/Pages/RecordsPage.razor.rz.scp.css */
/* =========================================================
   RecordPage.razor.css
   Страница: /record-page
   Назначение: стили фильтров, таблицы/карточек, чипсов услуг,
   выпадашки услуг, пагинации и иконок (⚙ ✏ 🗑).
========================================================= */


/* =========================================================
   1) Переменные темы
========================================================= */
:root[b-k6jewm171q] {
    --login-dark: #272727;
    --login-mid: #D4AA7D;
    --login-gold: #EFD09E;
    --page-bg: #1E1E1E;
    --card-bg-1: #2C2C2C;
    --card-bg-2: #1E1E1E;
    --text-main: #F0F0F0;
    --text-muted: #CFCFCF;
    --input-bg: rgba(39, 39, 39, 0.35);
    --border-soft: rgba(255,255,255,0.12);
    --border-soft-hover: rgba(255,255,255,0.18);
}


/* =========================================================
   2) Общие стили страницы
========================================================= */
.record-create-page[b-k6jewm171q] {
    padding: 20px;
    background: var(--page-bg);
    color: var(--text-main);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.admin-title[b-k6jewm171q] {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
    color: var(--login-gold);
}

.admin-subtitle[b-k6jewm171q] {
    font-size: 14px;
    color: var(--text-muted);
    margin-bottom: 20px;
}

.admin-divider[b-k6jewm171q] {
    border: 1px solid #444;
    margin: 15px 0;
}


/* =========================================================
   3) Поля ввода / лейблы / MudBlazor override
========================================================= */
.login-label[b-k6jewm171q] {
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 4px;
}

.login-input[b-k6jewm171q] {
    background-color: var(--input-bg) !important;
    border: 1px solid #555 !important;
    border-radius: 8px;
    padding: 6px 10px;
    color: #FFF !important;
    transition: all 0.3s;
}

    .login-input:focus[b-k6jewm171q] {
        border-color: var(--login-gold) !important;
        box-shadow: 0 0 8px var(--login-gold) !important;
        outline: none;
    }

/* MudBlazor input/select override внутри страницы */
.record-create-page .mud-input[b-k6jewm171q],
.record-create-page .mud-select-input[b-k6jewm171q] {
    background-color: var(--input-bg) !important;
    color: #FFF !important;
    border-radius: 8px !important;
}

    .record-create-page .mud-input:focus[b-k6jewm171q],
    .record-create-page .mud-select-input:focus[b-k6jewm171q] {
        border-color: var(--login-gold) !important;
        box-shadow: 0 0 8px var(--login-gold) !important;
    }


/* =========================================================
   4) Кнопки (обычные)
========================================================= */
.login-button[b-k6jewm171q] {
    background: var(--login-mid);
    color: #1E1E1E;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    transition: all 0.3s;
}

    .login-button:hover[b-k6jewm171q] {
        background: var(--login-gold);
        color: #1E1E1E;
    }

    .login-button.secondary[b-k6jewm171q] {
        background: #444;
        color: #FFF;
    }

        .login-button.secondary:hover[b-k6jewm171q] {
            background: #666;
        }


/* =========================================================
   5) Фильтры
========================================================= */
.filters-row[b-k6jewm171q] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: flex-end;
}

/* общие колонки */
.filters-col[b-k6jewm171q] {
    display: flex;
    flex-direction: column;
    flex: 1 1 150px;
}

/* широкая колонка (поиск) */
.filters-wide[b-k6jewm171q] {
    flex: 2 1 300px;
}

/* колонки даты (для inline-версии) */
.filters-col-inline[b-k6jewm171q] {
    display: flex;
    flex-direction: column;
}

/* кнопки действий под фильтрами */
.filters-actions[b-k6jewm171q] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 12px;
}





/* =========================================================
   6) Навигация даты (← дата →)
========================================================= */
.date-navigation[b-k6jewm171q] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.date-nav[b-k6jewm171q] {
    width: 28px;
    height: 28px;
    font-size: 16px;
    padding: 0;
    background-color: var(--login-mid);
    color: #1E1E1E;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .date-nav:hover[b-k6jewm171q] {
        background-color: #c79a5c;
    }

.date-picker-inline[b-k6jewm171q] {
    flex: 1;
    min-width: 120px;
}


/* =========================================================
   7) Таблица (ПК)
========================================================= */
.records-table-wrap[b-k6jewm171q] {
    overflow-x: auto;
    margin-top: 20px;
}

.records-table[b-k6jewm171q] {
    width: 100%;
    border-collapse: collapse;
    color: #FFF;
}

    .records-table th[b-k6jewm171q],
    .records-table td[b-k6jewm171q] {
        padding: 8px 12px;
        text-align: left;
        border-bottom: 1px solid #444;
        font-size: 13px;
    }

    .records-table th[b-k6jewm171q] {
        background: #2C2C2C;
        color: var(--login-gold);
    }

    .records-table td[b-k6jewm171q] {
        background: #1E1E1E;
    }

/* свободный слот в таблице */
.free-slot[b-k6jewm171q] {
    background-color: #e6ffe6;
    font-style: italic;
}


/* =========================================================
   8) Карточки (телефон)
========================================================= */
.records-cards[b-k6jewm171q] {
    display: grid;
    gap: 15px;
    margin-top: 20px;

    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.record-card[b-k6jewm171q] {
    position: relative; /* важно для .card-actions / .card-trash-bottom */

    background: linear-gradient(145deg, var(--card-bg-1), var(--card-bg-2));
    border-radius: 12px;
    padding: 15px;
    width: auto; /* убрать фикс */
    max-width: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
    transition: transform 0.3s, box-shadow 0.3s, background 0.4s;
    opacity: 0;
    animation: fadeInUp-b-k6jewm171q 0.5s forwards;
}

    .record-card:hover[b-k6jewm171q] {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.7);
    }

@keyframes fadeInUp-b-k6jewm171q {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.record-card-top[b-k6jewm171q] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.record-time[b-k6jewm171q] {
    font-size: 14px;
    color: var(--login-mid);
}

.record-price[b-k6jewm171q] {
    font-weight: bold;
    color: var(--login-gold);
}

.record-client[b-k6jewm171q] {
    margin-bottom: 10px;
    font-size: 14px;
    color: #FFF;
}

.record-meta[b-k6jewm171q] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

/* один пункт мета-инфы */
.meta-item[b-k6jewm171q] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0; /* важно для ellipsis */
    flex: 1 1 0;
}

/* второй пункт (Исполнитель) — вправо */
.record-meta .meta-item:last-child[b-k6jewm171q] {
    align-items: flex-end; /* прижать содержимое к правому краю */
    text-align: right;
}


/* подпись (серым) */
.meta-label[b-k6jewm171q] {
    font-size: 11px;
    color: var(--text-muted);
    opacity: 0.9;
}

.meta-value[b-k6jewm171q] {
    font-size: 13px;
    color: #FFF;
    font-weight: 600;
    /* длинные имена не ломают карточку */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* =========================================================
   9) Чипсы услуг
========================================================= */
.chips[b-k6jewm171q] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.chip[b-k6jewm171q] {
    background: var(--login-mid);
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 12px;
    color: #1E1E1E;
    transition: all 0.3s;
}

    .chip:hover[b-k6jewm171q] {
        background: var(--login-gold);
        color: #1E1E1E;
    }

.chip-muted[b-k6jewm171q] {
    background: rgba(200, 200, 200, 0.3);
    color: #AAA;
}


/* =========================================================
   10) Пагинация
========================================================= */
.pagination[b-k6jewm171q] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}

    .pagination button[b-k6jewm171q] {
        padding: 6px 12px;
        border-radius: 6px;
        border: none;
        background-color: var(--login-mid);
        color: #1E1E1E;
        cursor: pointer;
        font-weight: bold;
    }

        .pagination button:hover:not(:disabled)[b-k6jewm171q] {
            background-color: var(--login-gold);
        }

        .pagination button:disabled[b-k6jewm171q] {
            background-color: #555;
            cursor: not-allowed;
        }


/* =========================================================
   11) Service Combo (выпадающий список услуг) — фикс столбиком
   Важно: ::deep нужен для проброса стилей внутрь компонентов/слотов
========================================================= */
[b-k6jewm171q] .service-combo-dropdown {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 10px !important;
}

[b-k6jewm171q] .service-combo-item {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 12px 12px !important;
    border-radius: 10px !important;
    white-space: normal !important;
}

[b-k6jewm171q] .service-combo-dropdown button {
    width: 100% !important;
    display: block !important;
}
.service-combo[b-k6jewm171q] {
    position: relative; /* важно, чтобы dropdown позиционировался относительно поля */
}

.service-combo-dropdown[b-k6jewm171q] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 9999;
    max-height: 260px; /* высота, после которой появится скролл */
    overflow-y: auto; /* вертикальный скролл */
    overflow-x: hidden;
    background: rgba(39, 39, 39, 0.98);
    border: 1px solid #d9b36c;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.45);
}

/* чтобы пункты не “прыгали” и красиво выделялись */
.service-combo-item[b-k6jewm171q] {
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    background: transparent;
    border: 0;
    color: #e3c28e;
    cursor: pointer;
    display: block;
}

    .service-combo-item:hover[b-k6jewm171q] {
        background: rgba(217, 179, 108, 0.14);
        color: #d9b36c;
    }



/* Модификаторы (можно использовать, можно нет) */
/* ===========================
   Чистая иконка (без рамки/фона)
=========================== */
.icon-btn--bare[b-k6jewm171q] {
    width: 32px; /* размер кликабельной области */
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    padding: 0;
    margin: 0;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    line-height: 1;
}

    /* размер самой иконки */
    .icon-btn--bare span[b-k6jewm171q] {
        font-size: 18px;
        line-height: 1;
    }

    /* hover только подсветка (без рамки) */
    .icon-btn--bare:hover[b-k6jewm171q] {
        opacity: 0.85;
    }

    /* active */
    .icon-btn--bare:active[b-k6jewm171q] {
        transform: scale(0.96);
    }

    /* disabled */
    .icon-btn--bare:disabled[b-k6jewm171q] {
        opacity: 0.45;
        cursor: default;
        transform: none;
    }



/* =========================================================
   13) Раскладка иконок: таблица / карточка
========================================================= */

/* ===========================
   ТАБЛИЦА: кнопки действий меньше
=========================== */
.row-actions[b-k6jewm171q] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    align-items: center;
}

/* уменьшенный размер иконок */
.icon-btn--sm[b-k6jewm171q] {
    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    border-radius: 10px;
}

    .icon-btn--sm span[b-k6jewm171q] {
        font-size: 14px;
    }




/* ===========================
   КАРТОЧКА: кнопки снизу (слева/справа)
=========================== */
.record-card[b-k6jewm171q] {
    position: relative;
    padding-bottom: 60px; /* место под нижние кнопки */
}

/* контейнер кнопок снизу */
.card-actions-bottom[b-k6jewm171q] {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    display: flex;
    justify-content: space-between; /* ✏ слева, 🗑 справа */
    align-items: center;
}

/* ===========================
   ИКОНКИ: одинаковый фикс размер
=========================== */
.icon-btn[b-k6jewm171q] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    line-height: 1;
    flex: 0 0 auto; /* не растягиваться */
    cursor: pointer;
    transition: transform .08s ease, background .12s ease, border-color .12s ease, opacity .12s ease;
}

    .icon-btn:hover[b-k6jewm171q] {
        background: rgba(255,255,255,0.10);
        border-color: rgba(255,255,255,0.18);
    }

    .icon-btn:active[b-k6jewm171q] {
        transform: scale(0.98);
    }

    .icon-btn:disabled[b-k6jewm171q] {
        opacity: .45;
        cursor: default;
    }

    .icon-btn span[b-k6jewm171q] {
        font-size: 18px;
        line-height: 1;
    }



/* =========================================================
   14) Адаптивность
========================================================= */

/* ---------------------------
   Мобильные устройства (до 768px)
---------------------------- */
@media (max-width: 768px) {

    /* меньше отступы у страницы */
    .record-create-page[b-k6jewm171q] {
        padding: 6px;
    }

    /* фильтры вертикально */
    .filters-row[b-k6jewm171q] {
        flex-direction: column;
        gap: 6px;
        align-items: stretch;
    }

    /* кнопки действий по центру */
    .filters-actions[b-k6jewm171q] {
        justify-content: center;
    }

    /* колонки на всю ширину */
    .filters-col-inline[b-k6jewm171q],
    .filters-col.filters-wide[b-k6jewm171q],
    .filters-col.executors-col[b-k6jewm171q],
    .filters-col.search-col[b-k6jewm171q] {
        flex: 1 1 100%;
        min-width: 0;
    }

    /* на телефоне таблицу скрываем, карточки показываем */
    .records-table-wrap[b-k6jewm171q] {
        display: none;
    }

    .records-cards[b-k6jewm171q] {
        justify-content: center;
    }

    /* дата-пикер на всю ширину */
    .date-picker-inline[b-k6jewm171q] {
        flex: 1 1 100%;
        min-width: 0;
    }

    /* пагинация компактнее */
    .pagination[b-k6jewm171q] {
        flex-wrap: nowrap;
        gap: 4px;
    }

        .pagination .login-button[b-k6jewm171q] {
            padding: 4px 6px;
            font-size: 12px;
            white-space: nowrap;
        }

        .pagination span[b-k6jewm171q] {
            font-size: 12px;
            white-space: nowrap;
        }
}

/* ---------------------------
   ПК (от 769px)
---------------------------- */
@media (min-width: 769px) {

    /* фильтры в одну строку */
    .filters-row[b-k6jewm171q] {
        flex-direction: row;
        gap: 12px;
        align-items: flex-end;
    }

    /* колонки даты компактнее */
    .filters-col-inline[b-k6jewm171q] {
        flex: 0 0 120px;
        min-width: 240px;
        max-width: 240px;
    }

    /* поиск */
    .filters-col.filters-wide[b-k6jewm171q] {
        flex: 0 0 250px;
        min-width: 300px;
    }

    /* исполнитель */
    .filters-col.executors-col[b-k6jewm171q] {
        flex: 0 0 100px;
        min-width: 120px;
    }

    /* на ПК карточки скрываем, таблицу показываем */
    .records-cards[b-k6jewm171q] {
        display: none;
    }
}
/* _content/SalonWeb/Components/Pages/SchedulePage.razor.rz.scp.css */
/* =========================================================
   Schedule.razor.css
   Страница: /schedule
   Назначение: тулбар, таблица (ПК) и карточки (телефон)
========================================================= */

/* =========================================================
   1) Переменные темы (как у тебя)
========================================================= */
:root[b-f9nnbjvfd7] {
    --login-dark: #272727;
    --login-mid: #D4AA7D;
    --login-gold: #EFD09E;
    --page-bg: #1E1E1E;
    --card-bg-1: #2C2C2C;
    --card-bg-2: #1E1E1E;
    --text-main: #F0F0F0;
    --text-muted: #CFCFCF;
    --input-bg: rgba(39, 39, 39, 0.35);
    --border-soft: rgba(255,255,255,0.12);
    --border-soft-hover: rgba(255,255,255,0.18);
}

/* =========================================================
   2) Общие стили страницы
========================================================= */
.schedule-page[b-f9nnbjvfd7] {
    padding: 20px;
    background: var(--page-bg);
    color: var(--text-main);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.admin-title[b-f9nnbjvfd7] {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
    color: var(--login-gold);
}

.admin-subtitle[b-f9nnbjvfd7] {
    font-size: 14px;
    color: var(--text-muted);
    margin-bottom: 20px;
}

.admin-card[b-f9nnbjvfd7] {
    background: linear-gradient(145deg, var(--card-bg-1), var(--card-bg-2));
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.06);
}

.admin-divider[b-f9nnbjvfd7] {
    border: 1px solid #444;
    margin: 15px 0;
}

/* =========================================================
   3) Лейблы / поля
========================================================= */
.login-label[b-f9nnbjvfd7] {
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 4px;
}

.form-control[b-f9nnbjvfd7],
.form-select[b-f9nnbjvfd7] {
    background-color: var(--input-bg) !important;
    border: 1px solid #555 !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    color: #FFF !important;
    transition: all 0.3s;
}

    .form-control:focus[b-f9nnbjvfd7],
    .form-select:focus[b-f9nnbjvfd7] {
        border-color: var(--login-gold) !important;
        box-shadow: 0 0 8px var(--login-gold) !important;
        outline: none !important;
    }

    /* чтобы disabled выглядел аккуратно */
    .form-control:disabled[b-f9nnbjvfd7] {
        opacity: 0.55;
        cursor: not-allowed;
    }

/* =========================================================
   4) Кнопки
========================================================= */
.login-button[b-f9nnbjvfd7] {
    background: var(--login-mid);
    color: #1E1E1E;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    transition: all 0.3s;
}

    .login-button:hover[b-f9nnbjvfd7] {
        background: var(--login-gold);
        color: #1E1E1E;
    }

    .login-button.secondary[b-f9nnbjvfd7] {
        background: #444;
        color: #FFF;
    }

        .login-button.secondary:hover[b-f9nnbjvfd7] {
            background: #666;
        }

/* =========================================================
   5) Тулбар
========================================================= */
.schedule-toolbar[b-f9nnbjvfd7] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.tool[b-f9nnbjvfd7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 220px;
}

    .tool.buttons[b-f9nnbjvfd7] {
        display: flex;
        flex-direction: row;
        gap: 8px;
        min-width: unset;
    }

/* =========================================================
   6) Таблица (ПК) — красивый вид как в RecordPage
========================================================= */

.schedule-table-wrap[b-f9nnbjvfd7] {
    overflow-x: auto;
    margin-top: 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 8px 22px rgba(0,0,0,0.45);
}

/* сама таблица */
.schedule-table[b-f9nnbjvfd7] {
    width: 100%;
    border-collapse: separate; /* важно для скруглений */
    border-spacing: 0;
    color: #FFF;
}

    /* заголовки */
    .schedule-table thead th[b-f9nnbjvfd7] {
        background: #2C2C2C;
        color: var(--login-gold);
        font-weight: 700;
        font-size: 13px;
        padding: 10px 12px;
        text-align: left;
        border-bottom: 1px solid rgba(255,255,255,0.10);
        position: sticky;
        top: 0;
        z-index: 2;
    }

        /* скругления шапки */
        .schedule-table thead th:first-child[b-f9nnbjvfd7] {
            border-top-left-radius: 12px;
        }

        .schedule-table thead th:last-child[b-f9nnbjvfd7] {
            border-top-right-radius: 12px;
        }

    /* ячейки */
    .schedule-table tbody td[b-f9nnbjvfd7] {
        background: #1E1E1E;
        font-size: 13px;
        padding: 10px 12px;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        vertical-align: middle;
    }

    /* hover по строке */
    .schedule-table tbody tr:hover td[b-f9nnbjvfd7] {
        background: rgba(255,255,255,0.04);
    }

    /* последняя строка — скругления снизу */
    .schedule-table tbody tr:last-child td:first-child[b-f9nnbjvfd7] {
        border-bottom-left-radius: 12px;
    }

    .schedule-table tbody tr:last-child td:last-child[b-f9nnbjvfd7] {
        border-bottom-right-radius: 12px;
    }

    /* ---------------------------------------------------------
   Внутренние поля в таблице: компактнее, чем общие .form-control
   (чтобы не были огромные)
--------------------------------------------------------- */
    .schedule-table .form-control[b-f9nnbjvfd7],
    .schedule-table .form-select[b-f9nnbjvfd7] {
        padding: 6px 10px !important;
        height: 34px;
        font-size: 13px;
        border-radius: 10px !important;
    }

    /* поле заметки — шире и не ломает строку */
    .schedule-table td:nth-child(6) .form-control[b-f9nnbjvfd7] {
        min-width: 220px;
    }

    /* ---------------------------------------------------------
   Чекбокс (более “премиальный”)
--------------------------------------------------------- */
    .schedule-table .form-check-input[b-f9nnbjvfd7] {
        width: 18px;
        height: 18px;
        margin-top: 0;
        vertical-align: middle;
        cursor: pointer;
        background-color: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.18);
        border-radius: 5px;
    }

        /* когда отмечен — золотой */
        .schedule-table .form-check-input:checked[b-f9nnbjvfd7] {
            background-color: var(--login-gold);
            border-color: var(--login-gold);
        }

        /* hover на чекбокс */
        .schedule-table .form-check-input:hover[b-f9nnbjvfd7] {
            border-color: rgba(239, 208, 158, 0.55);
        }

    /* ---------------------------------------------------------
   Ошибка: поаккуратнее, чтобы не резало глаз
--------------------------------------------------------- */
    .schedule-table .text-danger[b-f9nnbjvfd7] {
        color: #ffb3b3 !important;
        font-weight: 600;
    }

    /* ---------------------------------------------------------
   Мелкая приятность: индикатор календаря/часов (Chrome/Edge)
   (попап ОС не стилизуется, но иконка станет в тему)
--------------------------------------------------------- */
    .schedule-table input[type="time"][b-f9nnbjvfd7]::-webkit-calendar-picker-indicator {
        filter: invert(1) sepia(1) saturate(5) hue-rotate(10deg);
        opacity: 0.85;
        cursor: pointer;
    }

/* =========================================================
   7) Карточки (телефон)
========================================================= */
.schedule-cards[b-f9nnbjvfd7] {
    display: grid;
    gap: 12px;
    margin-top: 12px;
    grid-template-columns: 1fr;
}

.day-card[b-f9nnbjvfd7] {
    background: linear-gradient(145deg, var(--card-bg-1), var(--card-bg-2));
    border-radius: 12px;
    padding: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .day-card:hover[b-f9nnbjvfd7] {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.7);
    }

.day-card__top[b-f9nnbjvfd7] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.day-card__date[b-f9nnbjvfd7] {
    font-size: 14px;
    font-weight: 700;
    color: var(--login-gold);
}

.day-card__dow[b-f9nnbjvfd7] {
    font-size: 12px;
    color: var(--text-muted);
}

.day-card__switch[b-f9nnbjvfd7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.day-card__times[b-f9nnbjvfd7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 8px;
}

.time-field label[b-f9nnbjvfd7] {
    display: block;
    margin-bottom: 4px;
}

.day-card__off[b-f9nnbjvfd7] {
    margin-top: 8px;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.05);
    color: var(--text-muted);
    text-align: center;
}

.day-card__error[b-f9nnbjvfd7] {
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255, 0, 0, 0.10);
    border: 1px solid rgba(255, 0, 0, 0.25);
    color: #ffb3b3;
}

/* =========================================================
   8) Адаптивность
========================================================= */
@media (max-width: 768px) {
    .schedule-page[b-f9nnbjvfd7] {
        padding: 6px;
    }

    .tool[b-f9nnbjvfd7] {
        min-width: 0;
        width: 100%;
    }

        .tool.buttons[b-f9nnbjvfd7] {
            flex-wrap: wrap;
        }

    .day-card__times[b-f9nnbjvfd7] {
        grid-template-columns: 1fr;
    }
}

/* Диалог как bottom-sheet: снизу */
/* Диалог как bottom-sheet: снизу */
/* Диалог MudBlazor - пробиваем CSS isolation */
[b-f9nnbjvfd7] .mud-dialog-container {
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 12px !important;
}

[b-f9nnbjvfd7] .mud-dialog {
    width: min(720px, 100%) !important;
    margin: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    max-height: 85vh !important;
    overflow: auto !important;
}

/* ===== Select в твоей теме ===== */
.schedule-select-wrap[b-f9nnbjvfd7] {
    position: relative;
    width: 100%;
}

/* сам select */
.schedule-select[b-f9nnbjvfd7] {
    width: 100%;
    background-color: var(--input-bg) !important;
    color: #fff !important;
    border: 1px solid #555 !important;
    border-radius: 10px !important;
    padding: 8px 40px 8px 12px !important; /* справа место под стрелку */
    font-size: 14px;
    line-height: 1.2;
    outline: none !important;
    transition: all 0.25s ease;
    /* убираем системную стрелку */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* просим браузер рисовать системные элементы в dark */
    color-scheme: dark;
}

    /* hover */
    .schedule-select:hover[b-f9nnbjvfd7] {
        border-color: rgba(239, 208, 158, 0.45) !important;
    }

    /* focus как у тебя */
    .schedule-select:focus[b-f9nnbjvfd7] {
        border-color: var(--login-gold) !important;
        box-shadow: 0 0 8px var(--login-gold) !important;
    }

/* стрелка справа */
.schedule-select-arrow[b-f9nnbjvfd7] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--login-gold);
    pointer-events: none;
    font-size: 14px;
    opacity: 0.9;
}

/* попытка стилизовать раскрытый список (работает не везде, зависит от ОС) */
.schedule-select option[b-f9nnbjvfd7] {
    background: #1E1E1E;
    color: #fff;
}

/* если disabled */
.schedule-select:disabled[b-f9nnbjvfd7] {
    opacity: 0.55;
    cursor: not-allowed;
}