/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ywzh2titdx] {
    --sidebar-width: 250px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
}

main[b-ywzh2titdx] {
    flex: 1;
    min-width: 0;
}

.sidebar[b-ywzh2titdx] {
    background: var(--app-nav-bg);
    border-right: 1px solid var(--app-nav-border);
    position: relative;
    transition: flex-basis 0.18s ease, width 0.18s ease, min-width 0.18s ease;
}

.sidebar-open-button[b-ywzh2titdx],
.sidebar-close-button[b-ywzh2titdx] {
    align-items: center;
    background: var(--app-nav-hover-bg);
    border: 1px solid var(--app-nav-border);
    border-radius: 999px;
    color: var(--app-nav-text);
    cursor: pointer;
    display: inline-flex;
    font-size: 1.15rem;
    font-weight: 800;
    height: 2.15rem;
    justify-content: center;
    line-height: 1;
    width: 2.15rem;
}

.sidebar-open-button[b-ywzh2titdx] {
    background: var(--app-nav-bg);
    box-shadow: var(--app-shadow-md);
    display: none;
    left: 0.75rem;
    position: fixed;
    top: 0.65rem;
    z-index: 120;
}

.sidebar-close-button[b-ywzh2titdx] {
    position: absolute;
    right: 0.75rem;
    top: 0.65rem;
    z-index: 4;
}

.sidebar-open-button:hover[b-ywzh2titdx],
.sidebar-open-button:focus[b-ywzh2titdx],
.sidebar-close-button:hover[b-ywzh2titdx],
.sidebar-close-button:focus[b-ywzh2titdx] {
    background: var(--app-nav-active-bg);
    color: #ffffff;
    outline: none;
}

.sidebar-toggle-chevron[b-ywzh2titdx] {
    display: inline-block;
    font-size: 0.95rem;
    line-height: 1;
}

.sidebar-resizer[b-ywzh2titdx] {
    bottom: 0;
    cursor: col-resize;
    position: absolute;
    right: -4px;
    top: 0;
    width: 8px;
    z-index: 5;
}

.sidebar-resizer[b-ywzh2titdx]::after {
    background: transparent;
    border-radius: 999px;
    bottom: 0.8rem;
    content: "";
    position: absolute;
    right: 3px;
    top: 0.8rem;
    transition: background 0.15s ease;
    width: 2px;
}

.sidebar-resizer:hover[b-ywzh2titdx]::after,
.sidebar-resizer:focus[b-ywzh2titdx]::after {
    background: var(--app-focus);
}

.page.sidebar-collapsed .sidebar[b-ywzh2titdx] {
    border-right: 0;
    flex-basis: 0;
    min-width: 0;
    overflow: hidden;
    width: 0;
}

.page.sidebar-collapsed .sidebar-open-button[b-ywzh2titdx] {
    display: inline-flex;
}

.top-row[b-ywzh2titdx] {
    align-items: center;
    background-color: var(--app-top-bg);
    border-bottom: 1px solid var(--app-line);
    display: flex;
    gap: 1rem;
    height: 3.5rem;
    justify-content: space-between;
}

.top-row-title[b-ywzh2titdx] {
    color: var(--app-text);
    font-weight: 700;
}

.top-row-copy[b-ywzh2titdx] {
    align-items: baseline;
    display: flex;
    gap: 1rem;
    min-width: 0;
}

.top-row-status[b-ywzh2titdx] {
    color: var(--app-muted);
    font-size: 0.9rem;
}

.top-row-actions[b-ywzh2titdx] {
    align-items: center;
    display: flex;
    gap: 0.65rem;
}

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

    .top-row-status[b-ywzh2titdx] {
        display: none;
    }
}

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

    .sidebar[b-ywzh2titdx] {
        flex: 0 0 var(--sidebar-width);
        height: 100vh;
        min-width: 210px;
        max-width: 420px;
        position: sticky;
        top: 0;
        width: var(--sidebar-width);
    }

    .page.sidebar-collapsed .sidebar[b-ywzh2titdx] {
        flex-basis: 0;
        min-width: 0;
        width: 0;
    }

    .page.sidebar-collapsed .top-row[b-ywzh2titdx] {
        padding-left: 4rem !important;
    }

    .top-row[b-ywzh2titdx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    article[b-ywzh2titdx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 640.98px) {
    .sidebar-close-button[b-ywzh2titdx],
    .sidebar-resizer[b-ywzh2titdx] {
        display: none;
    }

    .page.sidebar-collapsed .sidebar-open-button[b-ywzh2titdx] {
        display: none;
    }
}

#blazor-error-ui[b-ywzh2titdx] {
    background: var(--app-warning-bg);
    border-top: 1px solid var(--app-warning-line);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    color: var(--app-warning-dark);
    color-scheme: light;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ywzh2titdx] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ol6wafz8vx] {
    appearance: none;
    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.82%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem var(--app-nav-hover-bg);
    border: 1px solid var(--app-nav-border);
    border-radius: 6px;
    color: white;
    cursor: pointer;
    height: 2.5rem;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    width: 3.5rem;
}

.navbar-toggler:checked[b-ol6wafz8vx] {
    background-color: var(--app-nav-active-bg);
}

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

.navbar-brand[b-ol6wafz8vx] {
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}

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

.bi-house-door-fill-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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-list-nested-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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");
}

.bi-calendar-check-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
}

.bi-book-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.828c.885-.37 2.154-.769 3.388-.745 1.151.023 2.24.41 2.612 1.082v11.518c-.552-.41-1.382-.71-2.388-.73-1.318-.025-2.706.372-3.612.744V2.828Zm8 11.855V3.165c.372-.672 1.461-1.059 2.612-1.082 1.234-.024 2.503.376 3.388.745v11.869c-.906-.372-2.294-.769-3.612-.744-1.006.019-1.836.32-2.388.73Z'/%3E%3C/svg%3E");
}

.bi-calculator-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='M2.8 12.8V3.2h3.1c2 0 3.2 1 3.2 2.6s-1.2 2.6-3.2 2.6H2.8m3.1 0 3.2 4.4' stroke='white' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9 7.3c-.45-.45-1.05-.68-1.75-.68-.9 0-1.45.38-1.45.93 0 .65.7.82 1.52 1.02 1.02.25 1.98.6 1.98 1.72 0 .95-.85 1.67-2.08 1.67-.86 0-1.58-.25-2.15-.78' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bi-tools-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 0 0 1l2.2 3.1A3.5 3.5 0 0 0 6.9 8.8l3.9 3.9a1.7 1.7 0 1 0 2.4-2.4L9.3 6.4A3.5 3.5 0 0 0 4.6 1.7L1 0Zm10.6 11.4a.5.5 0 1 1 .7.7.5.5 0 0 1-.7-.7Z'/%3E%3Cpath d='M14.7 1.3a1 1 0 0 1 0 1.4l-2.2 2.2.7.7 2.2-2.2A2 2 0 0 0 12.6.6l-2.2 2.2.7.7 2.2-2.2a1 1 0 0 1 1.4 0ZM2.3 13.7l3.1-3.1-.7-.7-3.1 3.1a1 1 0 1 0 .7.7Z'/%3E%3C/svg%3E");
}

.bi-megaphone-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-.214c-1.38-.424-3.383-.786-6-.786v-9c2.617 0 4.62-.362 6-.786V2.5Zm-8 9.03c-.632.057-1.184.118-1.653.19A2 2 0 0 1 1 9.75v-3.5a2 2 0 0 1 2.347-1.97c.469.072 1.021.133 1.653.19v7.06Zm1.5.084V4.386c2.51-.016 4.447-.356 5.8-.791v8.81c-1.353-.435-3.29-.775-5.8-.79ZM3.384 12.74a13.1 13.1 0 0 1 1.616-.183v2.248a.75.75 0 0 1-1.428.321l-1.015-2.257c.258-.049.536-.092.827-.129Z'/%3E%3C/svg%3E");
}

.bi-building-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3 1a1 1 0 0 0-1 1v13h12V2a1 1 0 0 0-1-1H3Zm2 2h2v2H5V3Zm4 0h2v2H9V3ZM5 6h2v2H5V6Zm4 0h2v2H9V6Zm-4 3h2v2H5V9Zm4 0h2v2H9V9Zm-1 3h2v3H8v-3Z'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.216 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.784ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

.bi-shield-lock-fill-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99A11.777 11.777 0 0 0 7.555 16h.89a11.777 11.777 0 0 0 3.949-3.318c1.678-2.195 3.061-5.513 2.465-9.99a1.54 1.54 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0Zm0 5a1.5 1.5 0 0 0-1.5 1.5V7h3v-.5A1.5 1.5 0 0 0 8 5Zm2.5 2V6.5a2.5 2.5 0 0 0-5 0V7a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1Z'/%3E%3C/svg%3E");
}

.bi-box-arrow-in-right-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 3.5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 12 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M11.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
}

.bi-envelope-fill-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144L9.238 8.83 8 9.586 6.761 8.83ZM16 4.697l-5.803 3.546L16 11.801V4.697Z'/%3E%3C/svg%3E");
}

.bi-person-badge-fill-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2Zm4.5 2a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM8 7c-1.105 0-2 .672-2 1.5V9h4v-.5C10 7.672 9.105 7 8 7Zm-3 5.5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 0-1h-5a.5.5 0 0 0-.5.5Z'/%3E%3C/svg%3E");
}

.bi-translate-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286H4.545Zm1.634-.736L5.5 3.956h-.049l-.679 2.022h1.407Z'/%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2Zm7.138 9.995c.193.301.402.583.63.846-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.653 1.621-2.758H14V8h-3v1h.88c-.313.731-.736 1.347-1.262 1.847A6.034 6.034 0 0 1 9.875 10h-.737Z'/%3E%3C/svg%3E");
}

.bi-feedback-nav-menu[b-ol6wafz8vx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v7.5a2 2 0 0 1-2 2H7.8l-3.27 3.27A.75.75 0 0 1 3.25 14.25V11.5H4a1 1 0 0 0 0-2H3.5A1.5 1.5 0 0 1 2 8V2Zm4 3.25a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5H6Zm0 3a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5H6Z'/%3E%3C/svg%3E");
}

.nav-item[b-ol6wafz8vx] {
    font-size: 0.92rem;
    padding-bottom: 0.35rem;
}

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

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

.nav-item[b-ol6wafz8vx]  .nav-link {
    align-items: center;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--app-nav-text);
    display: flex;
    height: 2.8rem;
    line-height: 1.2;
    width: 100%;
}

.nav-item[b-ol6wafz8vx]  a.active {
    background-color: var(--app-nav-active-bg);
    color: #ffffff;
}

.nav-item[b-ol6wafz8vx]  .nav-link:hover {
    background-color: var(--app-nav-hover-bg);
    color: #ffffff;
}

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

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

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

    .nav-scrollable[b-ol6wafz8vx] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-3xaietnezx],
.components-reconnect-repeated-attempt-visible[b-3xaietnezx],
.components-reconnect-failed-visible[b-3xaietnezx],
.components-pause-visible[b-3xaietnezx],
.components-resume-failed-visible[b-3xaietnezx],
.components-rejoining-animation[b-3xaietnezx] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-3xaietnezx],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-3xaietnezx],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-3xaietnezx],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-3xaietnezx],
#components-reconnect-modal.components-reconnect-retrying[b-3xaietnezx],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-3xaietnezx],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-3xaietnezx],
#components-reconnect-modal.components-reconnect-failed[b-3xaietnezx],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-3xaietnezx] {
    display: block;
}


#components-reconnect-modal[b-3xaietnezx] {
    background-color: var(--app-surface);
    color: var(--app-text);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: var(--app-shadow-md);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-3xaietnezx 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-3xaietnezx 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-3xaietnezx 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-3xaietnezx]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-3xaietnezx 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-3xaietnezx {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-3xaietnezx {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-3xaietnezx {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-3xaietnezx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-3xaietnezx] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-3xaietnezx] {
    border: 0;
    background-color: var(--app-primary);
    color: var(--app-on-primary);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-3xaietnezx] {
        background-color: var(--app-primary-dark);
    }

    #components-reconnect-modal button:active[b-3xaietnezx] {
        background-color: var(--app-primary);
    }

.components-rejoining-animation[b-3xaietnezx] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-3xaietnezx] {
        position: absolute;
        border: 3px solid var(--app-primary);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-3xaietnezx 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-3xaietnezx] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-3xaietnezx {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.user-menu[b-ap5cuywei0] {
    position: relative;
}

.user-menu-toggle[b-ap5cuywei0] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.logout-confirm-toggle[b-ap5cuywei0] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.logout-confirm-backdrop[b-ap5cuywei0] {
    display: none;
}

.logout-confirm-toggle:checked ~ .logout-confirm-backdrop[b-ap5cuywei0] {
    display: flex;
}

.logout-confirm-cancel[b-ap5cuywei0] {
    cursor: pointer;
}

.user-menu-dismiss-layer[b-ap5cuywei0] {
    display: none;
}

.user-menu-button[b-ap5cuywei0] {
    align-items: center;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-line);
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.user-menu-button:hover[b-ap5cuywei0],
.user-menu-toggle:focus-visible + .user-menu-button[b-ap5cuywei0] {
    background: var(--app-info-bg);
    box-shadow: 0 0 0 0.2rem var(--app-focus);
}

.hamburger-icon[b-ap5cuywei0] {
    background: var(--app-primary-dark);
    display: inline-block;
    height: 1.15rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M1.75 3.5a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75Zm0 4.5a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11A.75.75 0 0 1 1.75 8Zm.75 3.75a.75.75 0 0 0 0 1.5h11a.75.75 0 0 0 0-1.5h-11Z'/%3E%3C/svg%3E") center/contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M1.75 3.5a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75Zm0 4.5a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11A.75.75 0 0 1 1.75 8Zm.75 3.75a.75.75 0 0 0 0 1.5h11a.75.75 0 0 0 0-1.5h-11Z'/%3E%3C/svg%3E") center/contain no-repeat;
    width: 1.15rem;
}

.user-menu-panel[b-ap5cuywei0] {
    background: var(--app-surface);
    border: 1px solid var(--app-line);
    border-radius: 8px;
    box-shadow: var(--app-shadow-md);
    display: none;
    min-width: 260px;
    padding: 0.85rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.45rem);
    z-index: 20;
}

.user-menu-toggle:checked ~ .user-menu-dismiss-layer[b-ap5cuywei0] {
    cursor: default;
    display: block;
    inset: 0;
    position: fixed;
    z-index: 19;
}

.user-menu-toggle:checked ~ .user-menu-panel[b-ap5cuywei0] {
    display: grid;
    gap: 0.8rem;
}

.user-menu-identity[b-ap5cuywei0] {
    border-bottom: 1px solid var(--app-line);
    display: grid;
    gap: 0.15rem;
    padding-bottom: 0.75rem;
}

.user-menu-identity span[b-ap5cuywei0],
.user-language-form label[b-ap5cuywei0],
.user-theme-form label[b-ap5cuywei0] {
    color: var(--app-muted);
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.user-menu-identity strong[b-ap5cuywei0] {
    color: var(--app-text);
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}

.user-language-form[b-ap5cuywei0],
.user-theme-form[b-ap5cuywei0] {
    display: grid;
    gap: 0.35rem;
}

.user-language-row[b-ap5cuywei0],
.user-theme-row[b-ap5cuywei0] {
    align-items: center;
    display: grid;
    gap: 0.45rem;
    grid-template-columns: minmax(0, 1fr) 2.25rem;
}

.user-theme-row[b-ap5cuywei0] {
    grid-template-columns: minmax(0, 1fr);
}

.user-language-row select[b-ap5cuywei0],
.user-theme-row select[b-ap5cuywei0] {
    background: var(--app-surface);
    border: 1px solid var(--app-line);
    border-radius: 6px;
    color: var(--app-text);
    font-weight: 700;
    height: 2.25rem;
    min-width: 0;
    padding: 0 0.55rem;
}

.user-icon-submit[b-ap5cuywei0] {
    align-items: center;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-line);
    border-radius: 6px;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.user-menu-action[b-ap5cuywei0] {
    align-items: center;
    background: var(--app-primary);
    border: 1px solid var(--app-primary);
    border-radius: 6px;
    color: var(--app-on-primary);
    cursor: pointer;
    display: flex;
    font-weight: 800;
    justify-content: center;
    min-height: 2.3rem;
    padding: 0.45rem 0.7rem;
    text-decoration: none;
    width: 100%;
}

label.user-menu-action[b-ap5cuywei0] {
    margin: 0;
}

.user-logout-form[b-ap5cuywei0] {
    margin: 0;
}

.user-logout-form .user-menu-action[b-ap5cuywei0] {
    font: inherit;
}

.user-menu-action:hover[b-ap5cuywei0] {
    background: var(--app-primary-dark);
    color: var(--app-on-primary);
}

.user-menu-action.danger[b-ap5cuywei0] {
    background: var(--app-danger);
    border-color: var(--app-danger);
}

.user-menu-action.danger:hover[b-ap5cuywei0] {
    background: var(--app-danger-dark);
}

@media (max-width: 640.98px) {
    .user-menu-panel[b-ap5cuywei0] {
        min-width: min(82vw, 280px);
    }
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
.notification-bell[b-7vidiaubo8] {
    position: relative;
}

.notification-bell-toggle[b-7vidiaubo8] {
    height: 1px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 1px;
}

.notification-bell-button[b-7vidiaubo8] {
    align-items: center;
    background: var(--app-surface);
    border: 1px solid var(--app-line);
    border-radius: 999px;
    color: var(--app-text);
    cursor: pointer;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    position: relative;
    width: 2.35rem;
}

.notification-bell-button:hover[b-7vidiaubo8],
.notification-bell-button:focus[b-7vidiaubo8] {
    border-color: var(--app-primary);
    box-shadow: 0 0 0 0.2rem var(--app-focus);
}

.notification-bell-icon[b-7vidiaubo8] {
    background: currentColor;
    display: block;
    height: 1.1rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.268 21a2 2 0 0 0 3.464 0'/%3E%3Cpath d='M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8a6 6 0 0 0-12 0c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E") center/contain no-repeat;
    width: 1.1rem;
}

.notification-bell-count[b-7vidiaubo8] {
    align-items: center;
    background: var(--app-danger);
    border: 2px solid var(--app-surface);
    border-radius: 999px;
    color: var(--app-on-primary);
    display: flex;
    font-size: 0.68rem;
    font-weight: 800;
    height: 1.15rem;
    justify-content: center;
    min-width: 1.15rem;
    padding: 0 0.25rem;
    position: absolute;
    right: -0.2rem;
    top: -0.25rem;
}

.notification-bell-panel[b-7vidiaubo8] {
    background: var(--app-surface);
    border: 1px solid var(--app-line);
    border-radius: 8px;
    box-shadow: var(--app-shadow-md);
    display: none;
    max-height: min(70vh, 32rem);
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    width: min(22rem, calc(100vw - 2rem));
    z-index: 1102;
}

.notification-bell-dismiss-layer[b-7vidiaubo8] {
    background: transparent;
    cursor: default;
    display: none;
    inset: 0;
    position: fixed;
    z-index: 1101;
}

.notification-bell-toggle:checked ~ .notification-bell-dismiss-layer[b-7vidiaubo8],
.notification-bell-toggle:checked ~ .notification-bell-panel[b-7vidiaubo8] {
    display: block;
}

.notification-bell-heading[b-7vidiaubo8] {
    align-items: center;
    border-bottom: 1px solid var(--app-line);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.8rem 0.9rem;
}

.notification-bell-heading form[b-7vidiaubo8] {
    margin: 0;
}

.notification-bell-heading button[b-7vidiaubo8] {
    background: none;
    border: none;
    color: var(--app-primary);
    font-weight: 700;
}

.notification-bell-empty[b-7vidiaubo8] {
    color: var(--app-muted);
    padding: 1rem;
}

.notification-bell-panel ul[b-7vidiaubo8] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.notification-bell-panel li[b-7vidiaubo8] {
    border-bottom: 1px solid var(--app-line);
}

.notification-bell-panel li:last-child[b-7vidiaubo8] {
    border-bottom: none;
}

.notification-bell-panel li form[b-7vidiaubo8] {
    margin: 0;
}

.notification-bell-panel li button[b-7vidiaubo8] {
    background: var(--app-surface);
    border: none;
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem 0.9rem;
    text-align: left;
    width: 100%;
}

.notification-bell-panel li.unread button[b-7vidiaubo8] {
    background: var(--app-info-bg);
}

.notification-bell-panel li button:hover[b-7vidiaubo8],
.notification-bell-panel li button:focus[b-7vidiaubo8] {
    background: var(--app-surface-muted);
}

.notification-bell-panel span[b-7vidiaubo8] {
    color: var(--app-primary-dark);
    font-size: 0.78rem;
    font-weight: 800;
}

.notification-bell-panel strong[b-7vidiaubo8] {
    color: var(--app-text);
    font-size: 0.9rem;
    line-height: 1.25;
}

.notification-bell-panel small[b-7vidiaubo8] {
    color: var(--app-muted);
}
/* /Components/Shared/TourGuideButton.razor.rz.scp.css */
.tour-guide[b-yoq358pr5y] {
    position: relative;
}

.tour-guide-button[b-yoq358pr5y] {
    align-items: center;
    background: var(--app-surface);
    border: 1px solid var(--app-line);
    border-radius: 999px;
    color: var(--app-text);
    display: inline-flex;
    font-weight: 900;
    height: 2.35rem;
    justify-content: center;
    position: relative;
    width: 2.35rem;
}

.tour-guide-button span[b-yoq358pr5y] {
    align-items: center;
    border: 2px solid currentColor;
    border-radius: 999px;
    display: inline-flex;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.95rem;
    font-style: italic;
    height: 1.2rem;
    justify-content: center;
    line-height: 1;
    width: 1.2rem;
}

.tour-guide-button:hover[b-yoq358pr5y],
.tour-guide-button:focus[b-yoq358pr5y] {
    border-color: var(--app-primary);
    box-shadow: 0 0 0 0.2rem var(--app-focus);
}

.tour-guide-dismiss-layer[b-yoq358pr5y] {
    background: rgba(15, 23, 42, 0.28);
    border: 0;
    cursor: default;
    inset: 0;
    padding: 0;
    position: fixed;
    z-index: 89;
}

.tour-guide-panel[b-yoq358pr5y] {
    background: var(--app-surface);
    border: 1px solid var(--app-line);
    border-radius: 16px;
    box-shadow: var(--app-shadow-md);
    color: var(--app-text);
    max-height: min(82vh, 42rem);
    overflow-y: auto;
    padding: 1.15rem;
    position: fixed;
    right: 1.2rem;
    top: 4.2rem;
    width: min(28rem, calc(100vw - 2rem));
    z-index: 90;
}

.tour-guide-heading[b-yoq358pr5y] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
}

.tour-guide-heading h2[b-yoq358pr5y] {
    font-size: 1.35rem;
    margin: 0;
}

.tour-guide-heading .eyebrow[b-yoq358pr5y] {
    margin-bottom: 0.1rem;
}

.tour-guide-badge[b-yoq358pr5y] {
    align-items: center;
    background: var(--app-primary);
    border-radius: 999px;
    color: var(--app-on-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 900;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.tour-guide-intro[b-yoq358pr5y] {
    color: var(--app-muted);
    margin: 1rem 0;
}

.tour-guide-steps[b-yoq358pr5y] {
    counter-reset: guide-step;
    display: grid;
    gap: 0.65rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tour-guide-steps li[b-yoq358pr5y] {
    background: var(--app-surface-muted);
    border: 1px solid var(--app-line);
    border-radius: 12px;
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem 0.85rem 0.8rem 3rem;
    position: relative;
}

.tour-guide-steps li[b-yoq358pr5y]::before {
    align-items: center;
    background: var(--app-info-bg);
    border-radius: 999px;
    color: var(--app-primary-dark);
    content: counter(guide-step);
    counter-increment: guide-step;
    display: flex;
    font-size: 0.8rem;
    font-weight: 900;
    height: 1.65rem;
    justify-content: center;
    left: 0.8rem;
    position: absolute;
    top: 0.8rem;
    width: 1.65rem;
}

.tour-guide-steps strong[b-yoq358pr5y] {
    color: var(--app-text);
}

.tour-guide-steps span[b-yoq358pr5y] {
    color: var(--app-muted);
    font-size: 0.92rem;
    line-height: 1.35;
}

.tour-guide-actions[b-yoq358pr5y] {
    align-items: center;
    display: flex;
    gap: 0.85rem;
    justify-content: space-between;
    margin-top: 1rem;
}

.tour-guide-actions small[b-yoq358pr5y] {
    color: var(--app-muted);
    line-height: 1.25;
    text-align: right;
}

@media (max-width: 640.98px) {
    .tour-guide-panel[b-yoq358pr5y] {
        left: 1rem;
        right: 1rem;
        top: 4rem;
        width: auto;
    }

    .tour-guide-actions[b-yoq358pr5y] {
        align-items: stretch;
        flex-direction: column;
    }

    .tour-guide-actions small[b-yoq358pr5y] {
        text-align: left;
    }
}