/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Top-navbar layout: navbar on top, content below — on every viewport. */
.page[b-7vwspk9j5v] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-7vwspk9j5v] {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: center;
}

/* El contenido se centra y limita a un ancho cómodo de lectura. Las pantallas
   pequeñas mantienen padding generoso. */
main > article.content[b-7vwspk9j5v] {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    box-sizing: border-box;
}

#blazor-error-ui[b-7vwspk9j5v] {
    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-7vwspk9j5v] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ─── Top navbar (always horizontal, desktop + web) ──────────────────── */
.top-navbar[b-jog4fb1o1s] {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    min-height: 3.25rem;
    padding: 0 1.5rem;
    background: hsl(0, 0%, 16%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
}

.navbar-brand[b-jog4fb1o1s] {
    font-size: 1.15rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.navbar-brand:hover[b-jog4fb1o1s] {
    color: hsl(200, 78%, 75%);
}

.bi[b-jog4fb1o1s] {
    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-jog4fb1o1s] {
    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-jog4fb1o1s] {
    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-jog4fb1o1s] {
    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");
}

.bi-lock-nav-menu[b-jog4fb1o1s] {
    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 d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-jog4fb1o1s] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-jog4fb1o1s] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-jog4fb1o1s] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-jog4fb1o1s] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

/* ─── Horizontal link rail ───────────────────────────────────────────── */
.nav-links[b-jog4fb1o1s] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.nav-group[b-jog4fb1o1s] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.nav-group--end[b-jog4fb1o1s] {
    margin-left: auto;
}

.nav-links form[b-jog4fb1o1s] {
    margin: 0;
}

.nav-links[b-jog4fb1o1s]  .nav-link {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.78);
    background: none;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 0.75rem;
    height: 2.25rem;
    font-size: 0.9rem;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.nav-links[b-jog4fb1o1s]  .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.nav-links[b-jog4fb1o1s]  a.active {
    background-color: rgba(255, 255, 255, 0.10);
    color: #fff;
    box-shadow: inset 0 -2px 0 hsl(200, 78%, 59%);
}

/* En pantallas estrechas la barra se mantiene horizontal y scrollea en X. */
@media (max-width: 640.98px) {
    .top-navbar[b-jog4fb1o1s] {
        gap: 0.75rem;
        padding: 0 0.75rem;
    }

    .nav-links[b-jog4fb1o1s] {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .nav-links[b-jog4fb1o1s]  .nav-link {
        padding: 0.4rem 0.5rem;
    }
}
/* /Components/Pages/Gallery.razor.rz.scp.css */
.gallery[b-ktza360g4a] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding: 1.5rem 0;
    max-width: 900px;
}

.gallery__title[b-ktza360g4a] {
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
    margin: 0 0 0.5rem 0;
}

.gallery-section__title[b-ktza360g4a] {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.45);
    margin: 0 0 0.75rem 0;
}

.gallery-row[b-ktza360g4a] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.gallery-row--align-center[b-ktza360g4a] {
    align-items: center;
}

.gallery-row--align-end[b-ktza360g4a] {
    align-items: flex-end;
}

.gallery-stack[b-ktza360g4a] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 420px;
}

.gallery-count[b-ktza360g4a] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
}
/* /Components/Pages/Post.razor.rz.scp.css */
.post__title[b-se3tyvjasj] {
    margin-bottom: 0.5rem;
}

.post__meta[b-se3tyvjasj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    margin-bottom: 0.75rem;
}

.post__meta a[b-se3tyvjasj] {
    color: hsl(200, 78%, 70%);
    text-decoration: none;
}

.post__tags[b-se3tyvjasj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 1.5rem;
}

.post__content[b-se3tyvjasj] {
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.88);
    max-width: 720px;
}

.comments[b-se3tyvjasj] {
    margin-top: 2.5rem;
    max-width: 720px;
}

.comments__heading[b-se3tyvjasj] {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.comment-card[b-se3tyvjasj] {
    margin-bottom: 0.75rem;
}

.comment-card__author[b-se3tyvjasj] {
    font-weight: 600;
}

.comment-card__date[b-se3tyvjasj] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0.4rem;
}
/* /Components/Shared/BlogCard.razor.rz.scp.css */
.blog-card[b-pgbebp9t57] {
    position: relative;
}

.blog-card--featured[b-pgbebp9t57] {
    border-color: rgba(72, 153, 247, 0.35);
}

.blog-card__featured-row[b-pgbebp9t57] {
    margin-bottom: 8px;
}

.blog-card__title[b-pgbebp9t57] {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    text-decoration: none;
    margin-bottom: 6px;
}

.blog-card__title:hover[b-pgbebp9t57] {
    color: hsl(200, 78%, 75%);
}

.blog-card__meta[b-pgbebp9t57] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.55);
    margin-bottom: 10px;
}

.blog-card__category[b-pgbebp9t57],
.blog-card__meta a[b-pgbebp9t57] {
    color: hsl(200, 78%, 70%);
    text-decoration: none;
}

.blog-card__category:hover[b-pgbebp9t57] {
    text-decoration: underline;
}

.blog-card__summary[b-pgbebp9t57] {
    margin: 0 0 12px;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.5;
}

.blog-card__tags[b-pgbebp9t57] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
/* /Components/Shared/Pager.razor.rz.scp.css */
.pager[b-2vq44v87td] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1.5rem 0 0.5rem;
}

.pager__status[b-2vq44v87td] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
}
/* /Components/Shared/TagBadge.razor.rz.scp.css */
.tag-badge[b-eeqevd7ku0] {
    text-decoration: none;
    display: inline-flex;
}
/* /Components/Shared/UAvatar.razor.rz.scp.css */
.uavatar[b-iglgg51sco] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background: var(--uavatar-bg, hsl(200, 78%, 59%));
    color: #fff;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
    font-weight: 600;
    flex-shrink: 0;
    user-select: none;
}

.uavatar__img[b-iglgg51sco] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.uavatar--small[b-iglgg51sco] {
    width: 28px;
    height: 28px;
    font-size: 11px;
}

.uavatar--medium[b-iglgg51sco] {
    width: 40px;
    height: 40px;
    font-size: 15px;
}

.uavatar--large[b-iglgg51sco] {
    width: 56px;
    height: 56px;
    font-size: 20px;
}
/* /Components/Shared/UBadge.razor.rz.scp.css */
.ubadge[b-owuozuaoqz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid transparent;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.ubadge--dot[b-owuozuaoqz] {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
}

.ubadge--neutral[b-owuozuaoqz] {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.886);
    border-color: rgba(255, 255, 255, 0.12);
}

.ubadge--accent[b-owuozuaoqz] {
    background: hsl(200, 78%, 59%);
    color: #ffffff;
}

.ubadge--success[b-owuozuaoqz] {
    background: #107C10;
    color: #ffffff;
}

.ubadge--warning[b-owuozuaoqz] {
    background: #F7630C;
    color: #ffffff;
}

.ubadge--danger[b-owuozuaoqz] {
    background: #C42B1C;
    color: #ffffff;
}

.ubadge--info[b-owuozuaoqz] {
    background: rgba(72, 153, 247, 0.18);
    color: hsl(200, 78%, 75%);
    border-color: rgba(72, 153, 247, 0.3);
}
/* /Components/Shared/UBlogPost.razor.rz.scp.css */
.ublogpost[b-uoavr4ctwi] {
    display: flex;
    flex-direction: column;
    background: hsl(0, 0%, 16%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    overflow: hidden;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    color: rgba(255, 255, 255, 0.886);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    transition: border-color 100ms ease, transform 100ms ease;
}

.ublogpost:hover[b-uoavr4ctwi] {
    border-color: rgba(255, 255, 255, 0.16);
}

.ublogpost__cover[b-uoavr4ctwi] {
    width: 100%;
    aspect-ratio: 16 / 7;
    overflow: hidden;
    background: hsl(0, 0%, 12%);
}

.ublogpost__cover img[b-uoavr4ctwi] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ublogpost__inner[b-uoavr4ctwi] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px 20px 16px;
}

.ublogpost__head[b-uoavr4ctwi] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ublogpost__meta[b-uoavr4ctwi] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ublogpost__author[b-uoavr4ctwi] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
}

.ublogpost__sub[b-uoavr4ctwi] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.ublogpost__dot[b-uoavr4ctwi] {
    margin: 0 5px;
}

.ublogpost__tags[b-uoavr4ctwi] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ublogpost__title[b-uoavr4ctwi] {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.95);
}

.ublogpost__body[b-uoavr4ctwi] {
    font-size: 14px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ublogpost__body[b-uoavr4ctwi]  p {
    margin: 0;
}

.ublogpost__body[b-uoavr4ctwi]  a {
    color: hsl(200, 78%, 65%);
}

.ublogpost__body[b-uoavr4ctwi]  img {
    width: 100%;
    border-radius: 8px;
    display: block;
}

.ublogpost__body[b-uoavr4ctwi]  blockquote {
    margin: 0;
    padding: 8px 16px;
    border-left: 3px solid hsl(200, 78%, 59%);
    background: rgba(72, 153, 247, 0.08);
    border-radius: 0 6px 6px 0;
    color: rgba(255, 255, 255, 0.85);
    font-style: italic;
}

.ublogpost__body[b-uoavr4ctwi]  ul {
    margin: 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ublogpost__footer[b-uoavr4ctwi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 12px;
    margin-top: 2px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.ublogpost__reactions[b-uoavr4ctwi] {
    display: flex;
    gap: 4px;
}
/* /Components/Shared/UButton.razor.rz.scp.css */
/* WinUI3-style Button — scoped to UButton component */

/* ─── Base ─────────────────────────────────────────────────────────── */
.ubutton[b-75fbp7kcje] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    transition: background 80ms ease, border-color 80ms ease, color 80ms ease;
    position: relative;
}

.ubutton__icon[b-75fbp7kcje] {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 1;
}

/* ─── Sizes ─────────────────────────────────────────────────────────── */
.ubutton--small[b-75fbp7kcje] {
    padding: 3px 9px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 3px;
}

.ubutton--medium[b-75fbp7kcje] {
    padding: 5px 11px;
    min-width: 72px;
}

.ubutton--large[b-75fbp7kcje] {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 6px;
    min-width: 88px;
}

/* ─── Variant: default ──────────────────────────────────────────────── */
.ubutton--default[b-75fbp7kcje] {
    background: hsl(0, 0%, 20%);
    border: 1px solid hsl(0, 0%, 19%);
    color: rgba(255, 255, 255, 0.886);
}

.ubutton--default:hover:not(.ubutton--disabled)[b-75fbp7kcje] {
    background: hsl(0, 0%, 25%);
}

.ubutton--default:active:not(.ubutton--disabled)[b-75fbp7kcje] {
    background: hsl(0, 0%, 15%);
    color: rgba(255, 255, 255, 0.545);
}

/* ─── Variant: accent ───────────────────────────────────────────────── */
.ubutton--accent[b-75fbp7kcje] {
    background: hsl(200, 78%, 59%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.ubutton--accent:hover:not(.ubutton--disabled)[b-75fbp7kcje] {
    background: hsl(200, 78%, 50%);
}

.ubutton--accent:active:not(.ubutton--disabled)[b-75fbp7kcje] {
    background: hsl(200, 78%, 40%);
    color: rgba(255, 255, 255, 0.545);
}

/* ─── Variant: subtle ───────────────────────────────────────────────── */
.ubutton--subtle[b-75fbp7kcje] {
    background: transparent;
    border: 1px solid transparent;
    color: rgba(255, 255, 255, 0.886);
}

.ubutton--subtle:hover:not(.ubutton--disabled)[b-75fbp7kcje] {
    background: rgba(255, 255, 255, 0.061);
}

.ubutton--subtle:active:not(.ubutton--disabled)[b-75fbp7kcje] {
    background: rgba(255, 255, 255, 0.033);
    color: rgba(255, 255, 255, 0.545);
}

/* ─── Variant: outline ──────────────────────────────────────────────── */
.ubutton--outline[b-75fbp7kcje] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.886);
}

.ubutton--outline:hover:not(.ubutton--disabled)[b-75fbp7kcje] {
    background: rgba(255, 255, 255, 0.061);
    border-color: rgba(255, 255, 255, 0.54);
}

.ubutton--outline:active:not(.ubutton--disabled)[b-75fbp7kcje] {
    background: rgba(255, 255, 255, 0.033);
    color: rgba(255, 255, 255, 0.545);
}

/* ─── Variant: danger ───────────────────────────────────────────────── */
.ubutton--danger[b-75fbp7kcje] {
    background: #C42B1C;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.ubutton--danger:hover:not(.ubutton--disabled)[b-75fbp7kcje] {
    background: #D13438;
}

.ubutton--danger:active:not(.ubutton--disabled)[b-75fbp7kcje] {
    background: #8B1A14;
    color: rgba(255, 255, 255, 0.545);
}

/* ─── Disabled ──────────────────────────────────────────────────────── */
.ubutton--disabled[b-75fbp7kcje],
.ubutton:disabled[b-75fbp7kcje] {
    background: rgba(255, 255, 255, 0.042) !important;
    border-color: rgba(255, 255, 255, 0.042) !important;
    color: rgba(255, 255, 255, 0.282) !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* ─── Focus ring (keyboard nav) ─────────────────────────────────────── */
.ubutton:focus-visible[b-75fbp7kcje] {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #258cfb;
}
/* /Components/Shared/UCard.razor.rz.scp.css */
.ucard[b-cl6msnl4na] {
    display: flex;
    flex-direction: column;
    background: hsl(0, 0%, 16%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    color: rgba(255, 255, 255, 0.886);
    overflow: hidden;
    transition: background 80ms ease, border-color 80ms ease, transform 100ms ease, box-shadow 100ms ease;
}

.ucard--low[b-cl6msnl4na] {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.ucard--medium[b-cl6msnl4na] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    background: hsl(0, 0%, 18%);
}

.ucard--high[b-cl6msnl4na] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    background: hsl(0, 0%, 20%);
}

.ucard--interactive[b-cl6msnl4na] {
    cursor: pointer;
}

.ucard--interactive:hover[b-cl6msnl4na] {
    background: hsl(0, 0%, 19%);
    border-color: rgba(255, 255, 255, 0.16);
}

.ucard--interactive:active[b-cl6msnl4na] {
    background: hsl(0, 0%, 14%);
    transform: scale(0.995);
}

.ucard__header[b-cl6msnl4na] {
    padding: 14px 16px 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ucard__title[b-cl6msnl4na] {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

.ucard__subtitle[b-cl6msnl4na] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.3;
}

.ucard__body[b-cl6msnl4na] {
    padding: 12px 16px;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.78);
}

.ucard__header + .ucard__body[b-cl6msnl4na] {
    padding-top: 8px;
}

.ucard__footer[b-cl6msnl4na] {
    padding: 10px 16px 14px;
    display: flex;
    gap: 8px;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
/* /Components/Shared/UCheckBox.razor.rz.scp.css */
.ucheckbox[b-fm7m9q8w05] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.886);
    cursor: pointer;
    user-select: none;
}

.ucheckbox__input[b-fm7m9q8w05] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.ucheckbox__box[b-fm7m9q8w05] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(255, 255, 255, 0.54);
    border-radius: 4px;
    background: transparent;
    transition: background 80ms ease, border-color 80ms ease;
    flex-shrink: 0;
}

.ucheckbox:hover .ucheckbox__box[b-fm7m9q8w05] {
    border-color: rgba(255, 255, 255, 0.74);
    background: rgba(255, 255, 255, 0.04);
}

.ucheckbox__check[b-fm7m9q8w05] {
    width: 14px;
    height: 14px;
    color: #ffffff;
    opacity: 0;
    transform: scale(0.6);
    transition: opacity 80ms ease, transform 80ms ease;
}

.ucheckbox__input:checked + .ucheckbox__box[b-fm7m9q8w05] {
    background: hsl(200, 78%, 59%);
    border-color: hsl(200, 78%, 59%);
}

.ucheckbox:hover .ucheckbox__input:checked + .ucheckbox__box[b-fm7m9q8w05] {
    background: hsl(200, 78%, 50%);
    border-color: hsl(200, 78%, 50%);
}

.ucheckbox__input:checked + .ucheckbox__box .ucheckbox__check[b-fm7m9q8w05] {
    opacity: 1;
    transform: scale(1);
}

.ucheckbox__input:focus-visible + .ucheckbox__box[b-fm7m9q8w05] {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #258cfb;
}

.ucheckbox__label[b-fm7m9q8w05] {
    line-height: 1.2;
}

.ucheckbox--disabled[b-fm7m9q8w05] {
    cursor: not-allowed;
    color: rgba(255, 255, 255, 0.282);
}

.ucheckbox--disabled .ucheckbox__box[b-fm7m9q8w05] {
    border-color: rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.042) !important;
}

.ucheckbox--disabled .ucheckbox__check[b-fm7m9q8w05] {
    color: rgba(255, 255, 255, 0.282);
}
/* /Components/Shared/UCodeBlock.razor.rz.scp.css */
.ucodeblock[b-fritypak5d] {
    background: hsl(0, 0%, 10%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    overflow: hidden;
    font-family: "Cascadia Code", "Consolas", "SF Mono", Menlo, monospace;
}

.ucodeblock__bar[b-fritypak5d] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: hsl(0, 0%, 14%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ucodeblock__lang[b-fritypak5d] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: hsl(200, 78%, 65%);
}

.ucodeblock__file[b-fritypak5d] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.ucodeblock__dots[b-fritypak5d] {
    display: inline-flex;
    gap: 6px;
    margin-left: auto;
}

.ucodeblock__dot[b-fritypak5d] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.ucodeblock__dot--red[b-fritypak5d] { background: #ff5f57; }
.ucodeblock__dot--yellow[b-fritypak5d] { background: #febc2e; }
.ucodeblock__dot--green[b-fritypak5d] { background: #28c840; }

.ucodeblock__pre[b-fritypak5d] {
    margin: 0;
    padding: 14px 16px;
    overflow-x: auto;
}

.ucodeblock__code[b-fritypak5d] {
    font-family: inherit;
    font-size: 13px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
    white-space: pre;
    tab-size: 4;
}
/* /Components/Shared/UColorPicker.razor.rz.scp.css */
.ucolorpicker[b-tty76p9iek] {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    min-width: 160px;
}

.ucolorpicker__header[b-tty76p9iek] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.886);
}

.ucolorpicker__trigger[b-tty76p9iek] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.042);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-bottom-color: rgba(255, 255, 255, 0.54);
    border-radius: 4px;
    padding: 6px 10px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.886);
    font: inherit;
    font-size: 14px;
    transition: background 80ms ease;
}

.ucolorpicker__trigger:hover[b-tty76p9iek] {
    background: rgba(255, 255, 255, 0.061);
}

.ucolorpicker__swatch[b-tty76p9iek] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    flex-shrink: 0;
}

.ucolorpicker__hex[b-tty76p9iek] {
    flex: 1;
    text-align: left;
    text-transform: uppercase;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

.ucolorpicker__hex--mono[b-tty76p9iek] {
    flex: none;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.ucolorpicker__chevron[b-tty76p9iek] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    transition: transform 120ms ease;
}

.ucolorpicker--open .ucolorpicker__chevron[b-tty76p9iek] {
    transform: rotate(180deg);
}

.ucolorpicker__popup[b-tty76p9iek] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 60;
    background: hsl(0, 0%, 17%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    padding: 10px;
    animation: ucolorpicker-in-b-tty76p9iek 100ms ease-out;
}

@keyframes ucolorpicker-in-b-tty76p9iek {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.ucolorpicker__grid[b-tty76p9iek] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
}

.ucolorpicker__chip[b-tty76p9iek] {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    cursor: pointer;
    padding: 0;
    transition: transform 80ms ease, box-shadow 80ms ease;
}

.ucolorpicker__chip:hover[b-tty76p9iek] {
    transform: scale(1.1);
}

.ucolorpicker__chip--selected[b-tty76p9iek] {
    box-shadow: 0 0 0 2px hsl(0, 0%, 17%), 0 0 0 4px #4899F7;
}

.ucolorpicker__custom[b-tty76p9iek] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.ucolorpicker__native[b-tty76p9iek] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
}

.ucolorpicker__native[b-tty76p9iek]::-webkit-color-swatch-wrapper { padding: 2px; }
.ucolorpicker__native[b-tty76p9iek]::-webkit-color-swatch { border: none; border-radius: 3px; }

.ucolorpicker__customlabel[b-tty76p9iek] {
    flex: 1;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.78);
}

.ucolorpicker--disabled .ucolorpicker__trigger[b-tty76p9iek] {
    background: rgba(255, 255, 255, 0.021) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.282) !important;
    cursor: not-allowed;
}

.ucolorpicker--disabled .ucolorpicker__header[b-tty76p9iek] {
    color: rgba(255, 255, 255, 0.282);
}
/* /Components/Shared/UComboBox.razor.rz.scp.css */
.ucombobox[b-nufhd0nbze] {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    position: relative;
    min-width: 200px;
}

.ucombobox__header[b-nufhd0nbze] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.886);
}

.ucombobox__field[b-nufhd0nbze] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    background: rgba(255, 255, 255, 0.042);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-bottom-color: rgba(255, 255, 255, 0.54);
    border-radius: 4px;
    padding: 6px 10px;
    color: rgba(255, 255, 255, 0.886);
    font: inherit;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    text-align: left;
    transition: background 80ms ease, border-color 80ms ease;
}

.ucombobox__field:hover[b-nufhd0nbze] {
    background: rgba(255, 255, 255, 0.061);
}

.ucombobox--open .ucombobox__field[b-nufhd0nbze],
.ucombobox__field:focus-visible[b-nufhd0nbze] {
    background: hsl(0, 0%, 12%);
    border-bottom-color: hsl(200, 78%, 59%);
    border-bottom-width: 2px;
    padding-bottom: 5px;
    outline: none;
}

.ucombobox__value[b-nufhd0nbze] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ucombobox__value--placeholder[b-nufhd0nbze] {
    color: rgba(255, 255, 255, 0.45);
}

.ucombobox__chevron[b-nufhd0nbze] {
    display: inline-block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    transition: transform 120ms ease;
    line-height: 1;
}

.ucombobox--open .ucombobox__chevron[b-nufhd0nbze] {
    transform: rotate(180deg);
}

.ucombobox__popup[b-nufhd0nbze] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 50;
    background: hsl(0, 0%, 17%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    padding: 4px;
    display: flex;
    flex-direction: column;
    max-height: 280px;
    overflow-y: auto;
}

.ucombobox__item[b-nufhd0nbze] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    border-radius: 4px;
    padding: 7px 10px;
    color: rgba(255, 255, 255, 0.886);
    font: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    transition: background 60ms ease;
}

.ucombobox__item:hover[b-nufhd0nbze] {
    background: rgba(255, 255, 255, 0.061);
}

.ucombobox__item--selected[b-nufhd0nbze] {
    background: rgba(72, 153, 247, 0.18);
}

.ucombobox__item--selected:hover[b-nufhd0nbze] {
    background: rgba(72, 153, 247, 0.25);
}

.ucombobox--disabled .ucombobox__field[b-nufhd0nbze] {
    background: rgba(255, 255, 255, 0.021) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.282) !important;
    cursor: not-allowed;
}

.ucombobox--disabled .ucombobox__header[b-nufhd0nbze] {
    color: rgba(255, 255, 255, 0.282);
}
/* /Components/Shared/UDialog.razor.rz.scp.css */
.udialog-overlay[b-l68okj4xuq] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    animation: udialog-fade-in-b-l68okj4xuq 120ms ease-out;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
}

.udialog[b-l68okj4xuq] {
    display: flex;
    flex-direction: column;
    background: hsl(0, 0%, 17%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6);
    color: rgba(255, 255, 255, 0.886);
    max-height: calc(100vh - 48px);
    overflow: hidden;
    animation: udialog-zoom-in-b-l68okj4xuq 140ms cubic-bezier(0.4, 0, 0.2, 1);
}

.udialog--small[b-l68okj4xuq] {
    width: 100%;
    max-width: 360px;
}

.udialog--medium[b-l68okj4xuq] {
    width: 100%;
    max-width: 520px;
}

.udialog--large[b-l68okj4xuq] {
    width: 100%;
    max-width: 760px;
}

.udialog__header[b-l68okj4xuq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px 8px;
}

.udialog__title[b-l68okj4xuq] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.3;
}

.udialog__close[b-l68okj4xuq] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 80ms ease, color 80ms ease;
}

.udialog__close:hover[b-l68okj4xuq] {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.95);
}

.udialog__body[b-l68okj4xuq] {
    padding: 12px 20px 16px;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.82);
    overflow-y: auto;
}

.udialog__footer[b-l68okj4xuq] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 20px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(0, 0, 0, 0.12);
}

@keyframes udialog-fade-in-b-l68okj4xuq {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes udialog-zoom-in-b-l68okj4xuq {
    from {
        opacity: 0;
        transform: scale(0.96) translateY(8px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}
/* /Components/Shared/UDropDownButton.razor.rz.scp.css */
.udropdown[b-tps1br3bjz] {
    position: relative;
    display: inline-flex;
}

.udropdown__chevron[b-tps1br3bjz] {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin-left: 2px;
    transition: transform 120ms ease;
}

.udropdown--open .udropdown__chevron[b-tps1br3bjz] {
    transform: rotate(180deg);
}

.uflyout[b-tps1br3bjz] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 60;
    min-width: 180px;
    background: hsl(0, 0%, 17%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    animation: uflyout-in-b-tps1br3bjz 100ms ease-out;
}

@keyframes uflyout-in-b-tps1br3bjz {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Shared/UHyperlinkButton.razor.rz.scp.css */
.uhyperlink[b-9kxu2loplw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: hsl(200, 78%, 65%);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px 6px;
    cursor: pointer;
    text-decoration: none;
    transition: background 80ms ease, color 80ms ease;
}

.uhyperlink__icon[b-9kxu2loplw] {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    line-height: 1;
}

.uhyperlink:hover:not(.uhyperlink--disabled)[b-9kxu2loplw] {
    background: rgba(255, 255, 255, 0.05);
    color: hsl(200, 78%, 75%);
    text-decoration: underline;
}

.uhyperlink:active:not(.uhyperlink--disabled)[b-9kxu2loplw] {
    color: hsl(200, 78%, 55%);
    background: rgba(255, 255, 255, 0.03);
}

.uhyperlink:focus-visible[b-9kxu2loplw] {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #258cfb;
}

.uhyperlink--disabled[b-9kxu2loplw] {
    color: rgba(255, 255, 255, 0.282) !important;
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
}
/* /Components/Shared/UInfoBar.razor.rz.scp.css */
.uinfobar[b-w3f19opfmq] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 13px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.886);
}

.uinfobar__icon[b-w3f19opfmq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    font-size: 14px;
    border-radius: 50%;
    margin-top: 1px;
    color: #fff;
}

.uinfobar__content[b-w3f19opfmq] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.uinfobar__title[b-w3f19opfmq] {
    font-weight: 600;
    font-size: 13px;
}

.uinfobar__message[b-w3f19opfmq] {
    color: rgba(255, 255, 255, 0.78);
}

.uinfobar__message :deep(p)[b-w3f19opfmq] {
    margin: 0 0 6px;
}

.uinfobar__message :deep(p:last-child)[b-w3f19opfmq] {
    margin-bottom: 0;
}

.uinfobar__message :deep(a)[b-w3f19opfmq] {
    color: hsl(200, 78%, 70%);
}

/* ─── Severities ─────────────────────────────────────────────────────── */
.uinfobar--informational[b-w3f19opfmq] {
    background: rgba(72, 153, 247, 0.10);
    border-color: rgba(72, 153, 247, 0.30);
}
.uinfobar--informational .uinfobar__icon[b-w3f19opfmq] { background: hsl(200, 78%, 55%); }

.uinfobar--success[b-w3f19opfmq] {
    background: rgba(16, 124, 16, 0.14);
    border-color: rgba(38, 176, 80, 0.35);
}
.uinfobar--success .uinfobar__icon[b-w3f19opfmq] { background: #107C10; }

.uinfobar--warning[b-w3f19opfmq] {
    background: rgba(247, 99, 12, 0.12);
    border-color: rgba(247, 99, 12, 0.32);
}
.uinfobar--warning .uinfobar__icon[b-w3f19opfmq] { background: #F7630C; }

.uinfobar--error[b-w3f19opfmq] {
    background: rgba(196, 43, 28, 0.14);
    border-color: rgba(232, 17, 35, 0.35);
}
.uinfobar--error .uinfobar__icon[b-w3f19opfmq] { background: #C42B1C; }
/* /Components/Shared/UMenuItem.razor.rz.scp.css */
.umenuitem[b-7rag7zvugm] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 4px;
    padding: 7px 10px;
    color: rgba(255, 255, 255, 0.886);
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
    transition: background 60ms ease;
    white-space: nowrap;
}

.umenuitem:hover[b-7rag7zvugm] {
    background: rgba(255, 255, 255, 0.061);
}

.umenuitem:active[b-7rag7zvugm] {
    background: rgba(255, 255, 255, 0.033);
}

.umenuitem__icon[b-7rag7zvugm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
}

.umenuitem__label[b-7rag7zvugm] {
    flex: 1;
}

.umenuitem__shortcut[b-7rag7zvugm] {
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    margin-left: 16px;
}

.umenuitem--danger[b-7rag7zvugm] {
    color: #E06C5E;
}

.umenuitem--danger:hover[b-7rag7zvugm] {
    background: rgba(196, 43, 28, 0.2);
}

.umenuitem--disabled[b-7rag7zvugm] {
    color: rgba(255, 255, 255, 0.282) !important;
    cursor: not-allowed;
    pointer-events: none;
}
/* /Components/Shared/UProgressBar.razor.rz.scp.css */
.uprogressbar[b-uit8y41lz4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    min-width: 220px;
    color: rgba(255, 255, 255, 0.886);
}

.uprogressbar__header[b-uit8y41lz4] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    font-size: 13px;
}

.uprogressbar__title[b-uit8y41lz4] {
    font-weight: 600;
}

.uprogressbar__value[b-uit8y41lz4] {
    color: rgba(255, 255, 255, 0.6);
    font-variant-numeric: tabular-nums;
}

.uprogressbar__track[b-uit8y41lz4] {
    position: relative;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.16);
    overflow: hidden;
}

.uprogressbar__fill[b-uit8y41lz4] {
    height: 100%;
    background: hsl(200, 78%, 59%);
    border-radius: 2px;
    transition: width 200ms ease;
}

.uprogressbar--paused .uprogressbar__fill[b-uit8y41lz4] {
    background: #F7630C;
}

.uprogressbar--error .uprogressbar__fill[b-uit8y41lz4] {
    background: #C42B1C;
}

.uprogressbar--success .uprogressbar__fill[b-uit8y41lz4] {
    background: #107C10;
}

.uprogressbar--indeterminate .uprogressbar__fill[b-uit8y41lz4] {
    width: 33%;
    position: absolute;
    left: 0;
    top: 0;
    animation: uprogressbar-slide-b-uit8y41lz4 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes uprogressbar-slide-b-uit8y41lz4 {
    0% {
        left: -33%;
        width: 33%;
    }
    50% {
        width: 45%;
    }
    100% {
        left: 100%;
        width: 33%;
    }
}
/* /Components/Shared/UProgressRing.razor.rz.scp.css */
.uprogressring[b-fvhb7l813g] {
    display: inline-block;
    line-height: 0;
    --uprogressring-color: hsl(200, 78%, 59%);
}

.uprogressring--small[b-fvhb7l813g] {
    width: 20px;
    height: 20px;
}

.uprogressring--medium[b-fvhb7l813g] {
    width: 32px;
    height: 32px;
}

.uprogressring--large[b-fvhb7l813g] {
    width: 48px;
    height: 48px;
}

.uprogressring__svg[b-fvhb7l813g] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    overflow: visible;
}

.uprogressring__bg[b-fvhb7l813g] {
    stroke: rgba(255, 255, 255, 0.12);
    stroke-width: 3;
}

.uprogressring__fg[b-fvhb7l813g] {
    stroke: var(--uprogressring-color);
    stroke-width: 3;
    stroke-linecap: round;
    transition: stroke-dashoffset 250ms ease;
}

.uprogressring--indeterminate .uprogressring__svg[b-fvhb7l813g] {
    animation: uprogressring-rotate-b-fvhb7l813g 1.4s linear infinite;
}

.uprogressring--indeterminate .uprogressring__fg[b-fvhb7l813g] {
    stroke-dasharray: 35, 100;
    animation: uprogressring-dash-b-fvhb7l813g 1.4s ease-in-out infinite;
}

@keyframes uprogressring-rotate-b-fvhb7l813g {
    100% { transform: rotate(270deg); }
}

@keyframes uprogressring-dash-b-fvhb7l813g {
    0% {
        stroke-dasharray: 1, 100;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 45, 100;
        stroke-dashoffset: -15;
    }
    100% {
        stroke-dasharray: 45, 100;
        stroke-dashoffset: -60;
    }
}
/* /Components/Shared/URadio.razor.rz.scp.css */
.uradio[b-f6364bd01v] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.886);
    cursor: pointer;
    user-select: none;
}

.uradio__input[b-f6364bd01v] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.uradio__circle[b-f6364bd01v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.54);
    background: transparent;
    transition: background 80ms ease, border-color 80ms ease;
    flex-shrink: 0;
}

.uradio:hover .uradio__circle[b-f6364bd01v] {
    border-color: rgba(255, 255, 255, 0.74);
    background: rgba(255, 255, 255, 0.04);
}

.uradio__dot[b-f6364bd01v] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
    transform: scale(0);
    transition: transform 100ms ease;
}

.uradio__input:checked + .uradio__circle[b-f6364bd01v] {
    background: hsl(200, 78%, 59%);
    border-color: hsl(200, 78%, 59%);
}

.uradio:hover .uradio__input:checked + .uradio__circle[b-f6364bd01v] {
    background: hsl(200, 78%, 50%);
    border-color: hsl(200, 78%, 50%);
}

.uradio__input:checked + .uradio__circle .uradio__dot[b-f6364bd01v] {
    transform: scale(1);
}

.uradio__input:focus-visible + .uradio__circle[b-f6364bd01v] {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #258cfb;
}

.uradio__label[b-f6364bd01v] {
    line-height: 1.2;
}

.uradio--disabled[b-f6364bd01v] {
    cursor: not-allowed;
    color: rgba(255, 255, 255, 0.282);
}

.uradio--disabled .uradio__circle[b-f6364bd01v] {
    border-color: rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.042) !important;
}

.uradio--disabled .uradio__dot[b-f6364bd01v] {
    background: rgba(255, 255, 255, 0.282);
}
/* /Components/Shared/URadioGroup.razor.rz.scp.css */
.uradiogroup[b-jvvg2ck51d] {
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
}

.uradiogroup__header[b-jvvg2ck51d] {
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.886);
    margin-bottom: 4px;
}

.uradiogroup__items[b-jvvg2ck51d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.uradiogroup--horizontal .uradiogroup__items[b-jvvg2ck51d] {
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
}
/* /Components/Shared/URatingControl.razor.rz.scp.css */
.urating[b-nsnm4347xt] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
}

.urating__star[b-nsnm4347xt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 2px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    transition: color 80ms ease, transform 80ms ease;
}

.urating__icon[b-nsnm4347xt] {
    width: 22px;
    height: 22px;
}

.urating__star--filled[b-nsnm4347xt] {
    color: hsl(45, 100%, 58%);
}

.urating:not(.urating--readonly):not(.urating--disabled) .urating__star:hover[b-nsnm4347xt] {
    transform: scale(1.15);
}

.urating__star:focus-visible[b-nsnm4347xt] {
    outline: 2px solid #fff;
    outline-offset: 1px;
}

.urating__value[b-nsnm4347xt] {
    margin-left: 8px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    font-variant-numeric: tabular-nums;
}

.urating--readonly .urating__star[b-nsnm4347xt] {
    cursor: default;
}

.urating--disabled[b-nsnm4347xt] {
    opacity: 0.5;
}

.urating--disabled .urating__star[b-nsnm4347xt] {
    cursor: not-allowed;
}
/* /Components/Shared/URepeatButton.razor.rz.scp.css */
.urepeatbtn[b-np5b3ob07p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    outline: none;
    transition: background 80ms ease, border-color 80ms ease, color 80ms ease;
    touch-action: none;
}

.urepeatbtn__icon[b-np5b3ob07p] {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 1;
}

.urepeatbtn--small[b-np5b3ob07p] {
    padding: 3px 9px;
    border-radius: 3px;
}

.urepeatbtn--medium[b-np5b3ob07p] {
    padding: 5px 11px;
    min-width: 44px;
}

.urepeatbtn--large[b-np5b3ob07p] {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 6px;
}

/* ─── default ─── */
.urepeatbtn--default[b-np5b3ob07p] {
    background: hsl(0, 0%, 20%);
    border: 1px solid hsl(0, 0%, 19%);
    color: rgba(255, 255, 255, 0.886);
}
.urepeatbtn--default:hover:not(.urepeatbtn--disabled)[b-np5b3ob07p] {
    background: hsl(0, 0%, 25%);
}
.urepeatbtn--default:active:not(.urepeatbtn--disabled)[b-np5b3ob07p] {
    background: hsl(0, 0%, 15%);
}

/* ─── accent ─── */
.urepeatbtn--accent[b-np5b3ob07p] {
    background: hsl(200, 78%, 59%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ffffff;
}
.urepeatbtn--accent:hover:not(.urepeatbtn--disabled)[b-np5b3ob07p] {
    background: hsl(200, 78%, 50%);
}
.urepeatbtn--accent:active:not(.urepeatbtn--disabled)[b-np5b3ob07p] {
    background: hsl(200, 78%, 40%);
}

/* ─── disabled ─── */
.urepeatbtn--disabled[b-np5b3ob07p],
.urepeatbtn:disabled[b-np5b3ob07p] {
    background: rgba(255, 255, 255, 0.042) !important;
    border-color: rgba(255, 255, 255, 0.042) !important;
    color: rgba(255, 255, 255, 0.282) !important;
    cursor: not-allowed;
    pointer-events: none;
}

.urepeatbtn:focus-visible[b-np5b3ob07p] {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #258cfb;
}
/* /Components/Shared/USlider.razor.rz.scp.css */
.uslider[b-tc70s3440v] {
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    min-width: 220px;
    color: rgba(255, 255, 255, 0.886);
}

.uslider__header[b-tc70s3440v] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    font-size: 13px;
}

.uslider__title[b-tc70s3440v] {
    font-weight: 600;
}

.uslider__value[b-tc70s3440v] {
    color: rgba(255, 255, 255, 0.6);
    font-variant-numeric: tabular-nums;
}

.uslider__track-wrapper[b-tc70s3440v] {
    position: relative;
    height: 24px;
    display: flex;
    align-items: center;
}

.uslider__track[b-tc70s3440v] {
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
}

.uslider__fill[b-tc70s3440v] {
    width: var(--uslider-pct, 0%);
    height: 100%;
    background: hsl(200, 78%, 59%);
    transition: background 80ms ease;
}

.uslider__input[b-tc70s3440v] {
    position: relative;
    width: 100%;
    height: 24px;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    z-index: 1;
}

.uslider__input:focus[b-tc70s3440v] {
    outline: none;
}

.uslider__input[b-tc70s3440v]::-webkit-slider-runnable-track {
    background: transparent;
    height: 24px;
    border: none;
}

.uslider__input[b-tc70s3440v]::-moz-range-track {
    background: transparent;
    height: 24px;
    border: none;
}

.uslider__input[b-tc70s3440v]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;
    border: 6px solid hsl(200, 78%, 59%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    transition: border-width 100ms ease;
    margin-top: 2px;
}

.uslider__input[b-tc70s3440v]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;
    border: 6px solid hsl(200, 78%, 59%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    transition: border-width 100ms ease;
}

.uslider__input:hover[b-tc70s3440v]::-webkit-slider-thumb {
    border-width: 5px;
}
.uslider__input:hover[b-tc70s3440v]::-moz-range-thumb {
    border-width: 5px;
}

.uslider__input:active[b-tc70s3440v]::-webkit-slider-thumb {
    border-width: 7px;
}
.uslider__input:active[b-tc70s3440v]::-moz-range-thumb {
    border-width: 7px;
}

.uslider__input:focus-visible[b-tc70s3440v]::-webkit-slider-thumb {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #258cfb;
}

.uslider--disabled[b-tc70s3440v] {
    color: rgba(255, 255, 255, 0.282);
}

.uslider--disabled .uslider__value[b-tc70s3440v] {
    color: rgba(255, 255, 255, 0.282);
}

.uslider--disabled .uslider__fill[b-tc70s3440v] {
    background: rgba(255, 255, 255, 0.16);
}

.uslider--disabled .uslider__input[b-tc70s3440v] {
    cursor: not-allowed;
}

.uslider--disabled .uslider__input[b-tc70s3440v]::-webkit-slider-thumb {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.16);
}
.uslider--disabled .uslider__input[b-tc70s3440v]::-moz-range-thumb {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.16);
}
/* /Components/Shared/USplitButton.razor.rz.scp.css */
.usplit[b-p2eqzg5cgy] {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    border-radius: 4px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
}

.usplit__action[b-p2eqzg5cgy],
.usplit__toggle[b-p2eqzg5cgy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
    transition: background 80ms ease, border-color 80ms ease, color 80ms ease;
}

.usplit__action[b-p2eqzg5cgy] {
    padding: 5px 11px;
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.usplit__toggle[b-p2eqzg5cgy] {
    padding: 5px 7px;
    border-radius: 0 4px 4px 0;
    border-left: none;
}

.usplit__icon[b-p2eqzg5cgy] {
    font-size: 16px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

.usplit__chevron[b-p2eqzg5cgy] {
    font-size: 12px;
    line-height: 1;
}

.usplit--open .usplit__chevron[b-p2eqzg5cgy] {
    transform: rotate(180deg);
}

.usplit__divider[b-p2eqzg5cgy] {
    width: 1px;
    align-self: stretch;
    margin: 4px 0;
    z-index: 1;
}

/* ─── default ─── */
.usplit--default .usplit__action[b-p2eqzg5cgy],
.usplit--default .usplit__toggle[b-p2eqzg5cgy] {
    background: hsl(0, 0%, 20%);
    border-color: hsl(0, 0%, 19%);
    color: rgba(255, 255, 255, 0.886);
}
.usplit--default .usplit__divider[b-p2eqzg5cgy] { background: rgba(255, 255, 255, 0.12); }
.usplit--default:not(.usplit--disabled) .usplit__action:hover[b-p2eqzg5cgy],
.usplit--default:not(.usplit--disabled) .usplit__toggle:hover[b-p2eqzg5cgy] {
    background: hsl(0, 0%, 25%);
}

/* ─── accent ─── */
.usplit--accent .usplit__action[b-p2eqzg5cgy],
.usplit--accent .usplit__toggle[b-p2eqzg5cgy] {
    background: hsl(200, 78%, 59%);
    border-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}
.usplit--accent .usplit__divider[b-p2eqzg5cgy] { background: rgba(255, 255, 255, 0.35); }
.usplit--accent:not(.usplit--disabled) .usplit__action:hover[b-p2eqzg5cgy],
.usplit--accent:not(.usplit--disabled) .usplit__toggle:hover[b-p2eqzg5cgy] {
    background: hsl(200, 78%, 50%);
}

/* ─── disabled ─── */
.usplit--disabled .usplit__action[b-p2eqzg5cgy],
.usplit--disabled .usplit__toggle[b-p2eqzg5cgy] {
    background: rgba(255, 255, 255, 0.042) !important;
    border-color: rgba(255, 255, 255, 0.042) !important;
    color: rgba(255, 255, 255, 0.282) !important;
    cursor: not-allowed;
}

.usplit__action:focus-visible[b-p2eqzg5cgy],
.usplit__toggle:focus-visible[b-p2eqzg5cgy] {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #258cfb;
    z-index: 2;
}

/* ─── flyout ─── */
.uflyout[b-p2eqzg5cgy] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 60;
    min-width: 180px;
    background: hsl(0, 0%, 17%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    animation: uflyout-in-b-p2eqzg5cgy 100ms ease-out;
}

@keyframes uflyout-in-b-p2eqzg5cgy {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Shared/UTextBox.razor.rz.scp.css */
.utextbox[b-stgwdvrqe9] {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    min-width: 240px;
}

.utextbox__header[b-stgwdvrqe9] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.886);
}

.utextbox__field[b-stgwdvrqe9] {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.042);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-bottom-color: rgba(255, 255, 255, 0.54);
    border-radius: 4px;
    transition: background 80ms ease, border-color 80ms ease;
    padding: 0 8px;
}

.utextbox__field:hover[b-stgwdvrqe9] {
    background: rgba(255, 255, 255, 0.061);
}

.utextbox__field:focus-within[b-stgwdvrqe9] {
    background: hsl(0, 0%, 12%);
    border-color: rgba(255, 255, 255, 0.16);
    border-bottom-color: hsl(200, 78%, 59%);
    border-bottom-width: 2px;
    padding-bottom: 0;
}

.utextbox__icon[b-stgwdvrqe9] {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.54);
    font-size: 16px;
    margin-right: 4px;
}

.utextbox__input[b-stgwdvrqe9] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0.886);
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 0;
    min-width: 0;
}

.utextbox__input[b-stgwdvrqe9]::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

.utextbox__clear[b-stgwdvrqe9] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.54);
    cursor: pointer;
    padding: 2px 4px;
    margin-left: 4px;
    font-size: 12px;
    border-radius: 3px;
    line-height: 1;
}

.utextbox__clear:hover[b-stgwdvrqe9] {
    background: rgba(255, 255, 255, 0.061);
    color: rgba(255, 255, 255, 0.886);
}

.utextbox__helper[b-stgwdvrqe9] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.45);
    padding: 0 2px;
}

.utextbox--disabled .utextbox__field[b-stgwdvrqe9] {
    background: rgba(255, 255, 255, 0.021) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    cursor: not-allowed;
}

.utextbox--disabled .utextbox__input[b-stgwdvrqe9] {
    color: rgba(255, 255, 255, 0.282);
    cursor: not-allowed;
}

.utextbox--disabled .utextbox__header[b-stgwdvrqe9] {
    color: rgba(255, 255, 255, 0.282);
}

.utextbox--error .utextbox__field[b-stgwdvrqe9] {
    border-bottom-color: #C42B1C;
}

.utextbox--error .utextbox__helper[b-stgwdvrqe9] {
    color: #E81123;
}
/* /Components/Shared/UToggleButton.razor.rz.scp.css */
.utogglebtn[b-j0drxrp6gd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    outline: none;
    background: hsl(0, 0%, 20%);
    border: 1px solid hsl(0, 0%, 19%);
    color: rgba(255, 255, 255, 0.886);
    transition: background 80ms ease, border-color 80ms ease, color 80ms ease;
}

.utogglebtn__icon[b-j0drxrp6gd] {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 1;
}

.utogglebtn--small[b-j0drxrp6gd] {
    padding: 3px 9px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 3px;
}

.utogglebtn--medium[b-j0drxrp6gd] {
    padding: 5px 11px;
    min-width: 72px;
}

.utogglebtn--large[b-j0drxrp6gd] {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 6px;
    min-width: 88px;
}

.utogglebtn:hover:not(.utogglebtn--disabled):not(.utogglebtn--checked)[b-j0drxrp6gd] {
    background: hsl(0, 0%, 25%);
}

.utogglebtn:active:not(.utogglebtn--disabled)[b-j0drxrp6gd] {
    background: hsl(0, 0%, 15%);
}

/* ─── checked ─── */
.utogglebtn--checked[b-j0drxrp6gd] {
    background: hsl(200, 78%, 59%);
    border-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.utogglebtn--checked:hover:not(.utogglebtn--disabled)[b-j0drxrp6gd] {
    background: hsl(200, 78%, 50%);
}

.utogglebtn--checked:active:not(.utogglebtn--disabled)[b-j0drxrp6gd] {
    background: hsl(200, 78%, 40%);
}

/* ─── disabled ─── */
.utogglebtn--disabled[b-j0drxrp6gd],
.utogglebtn:disabled[b-j0drxrp6gd] {
    background: rgba(255, 255, 255, 0.042) !important;
    border-color: rgba(255, 255, 255, 0.042) !important;
    color: rgba(255, 255, 255, 0.282) !important;
    cursor: not-allowed;
    pointer-events: none;
}

.utogglebtn:focus-visible[b-j0drxrp6gd] {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #258cfb;
}
/* /Components/Shared/UToggleSplitButton.razor.rz.scp.css */
.utogglesplit[b-oopjqrdf87] {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    border-radius: 4px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
}

.utogglesplit__action[b-oopjqrdf87],
.utogglesplit__toggle[b-oopjqrdf87] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: hsl(0, 0%, 20%);
    border: 1px solid hsl(0, 0%, 19%);
    color: rgba(255, 255, 255, 0.886);
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
    transition: background 80ms ease, border-color 80ms ease, color 80ms ease;
}

.utogglesplit__action[b-oopjqrdf87] {
    padding: 5px 11px;
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.utogglesplit__toggle[b-oopjqrdf87] {
    padding: 5px 7px;
    border-radius: 0 4px 4px 0;
    border-left: none;
}

.utogglesplit__icon[b-oopjqrdf87] {
    font-size: 16px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

.utogglesplit__chevron[b-oopjqrdf87] {
    font-size: 12px;
    line-height: 1;
}

.utogglesplit--open .utogglesplit__chevron[b-oopjqrdf87] {
    transform: rotate(180deg);
}

.utogglesplit__divider[b-oopjqrdf87] {
    width: 1px;
    align-self: stretch;
    margin: 4px 0;
    background: rgba(255, 255, 255, 0.12);
    z-index: 1;
}

.utogglesplit:not(.utogglesplit--disabled) .utogglesplit__action:hover[b-oopjqrdf87],
.utogglesplit:not(.utogglesplit--disabled) .utogglesplit__toggle:hover[b-oopjqrdf87] {
    background: hsl(0, 0%, 25%);
}

/* ─── checked ─── */
.utogglesplit--checked .utogglesplit__action[b-oopjqrdf87],
.utogglesplit--checked .utogglesplit__toggle[b-oopjqrdf87] {
    background: hsl(200, 78%, 59%);
    border-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}
.utogglesplit--checked .utogglesplit__divider[b-oopjqrdf87] {
    background: rgba(255, 255, 255, 0.35);
}
.utogglesplit--checked:not(.utogglesplit--disabled) .utogglesplit__action:hover[b-oopjqrdf87],
.utogglesplit--checked:not(.utogglesplit--disabled) .utogglesplit__toggle:hover[b-oopjqrdf87] {
    background: hsl(200, 78%, 50%);
}

/* ─── disabled ─── */
.utogglesplit--disabled .utogglesplit__action[b-oopjqrdf87],
.utogglesplit--disabled .utogglesplit__toggle[b-oopjqrdf87] {
    background: rgba(255, 255, 255, 0.042) !important;
    border-color: rgba(255, 255, 255, 0.042) !important;
    color: rgba(255, 255, 255, 0.282) !important;
    cursor: not-allowed;
}

.utogglesplit__action:focus-visible[b-oopjqrdf87],
.utogglesplit__toggle:focus-visible[b-oopjqrdf87] {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #258cfb;
    z-index: 2;
}

/* ─── flyout ─── */
.uflyout[b-oopjqrdf87] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 60;
    min-width: 180px;
    background: hsl(0, 0%, 17%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    animation: uflyout-in-b-oopjqrdf87 100ms ease-out;
}

@keyframes uflyout-in-b-oopjqrdf87 {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Shared/UToggleSwitch.razor.rz.scp.css */
.utoggle[b-izn6ld6izu] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.886);
    cursor: pointer;
    user-select: none;
}

.utoggle__input[b-izn6ld6izu] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.utoggle__track[b-izn6ld6izu] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    border-radius: 10px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    transition: background 120ms ease, border-color 120ms ease;
    flex-shrink: 0;
}

.utoggle__thumb[b-izn6ld6izu] {
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.78);
    transition: left 120ms ease, background 120ms ease, width 120ms ease, height 120ms ease;
}

.utoggle:hover .utoggle__thumb[b-izn6ld6izu] {
    width: 14px;
    height: 14px;
}

.utoggle__input:checked + .utoggle__track[b-izn6ld6izu] {
    background: hsl(200, 78%, 59%);
    border-color: hsl(200, 78%, 59%);
}

.utoggle:hover .utoggle__input:checked + .utoggle__track[b-izn6ld6izu] {
    background: hsl(200, 78%, 50%);
    border-color: hsl(200, 78%, 50%);
}

.utoggle__input:checked + .utoggle__track .utoggle__thumb[b-izn6ld6izu] {
    left: 22px;
    background: #ffffff;
}

.utoggle:hover .utoggle__input:checked + .utoggle__track .utoggle__thumb[b-izn6ld6izu] {
    left: 20px;
}

.utoggle__input:focus-visible + .utoggle__track[b-izn6ld6izu] {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #258cfb;
}

.utoggle__label[b-izn6ld6izu] {
    line-height: 1.2;
}

.utoggle--disabled[b-izn6ld6izu] {
    cursor: not-allowed;
    color: rgba(255, 255, 255, 0.282);
}

.utoggle--disabled .utoggle__track[b-izn6ld6izu] {
    background: rgba(255, 255, 255, 0.042) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

.utoggle--disabled .utoggle__thumb[b-izn6ld6izu] {
    background: rgba(255, 255, 255, 0.282) !important;
}
/* /Components/Shared/UTooltip.razor.rz.scp.css */
.utooltip[b-lclen6srz2] {
    position: relative;
    display: inline-flex;
}

.utooltip__bubble[b-lclen6srz2] {
    position: absolute;
    z-index: 100;
    background: hsl(0, 0%, 18%);
    color: rgba(255, 255, 255, 0.92);
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    padding: 6px 10px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transform: translateY(2px);
    transition: opacity 80ms ease 0ms, transform 80ms ease 0ms;
}

.utooltip:hover .utooltip__bubble[b-lclen6srz2],
.utooltip:focus-within .utooltip__bubble[b-lclen6srz2] {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 400ms;
}

.utooltip--top .utooltip__bubble[b-lclen6srz2] {
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translate(-50%, 2px);
}
.utooltip--top:hover .utooltip__bubble[b-lclen6srz2],
.utooltip--top:focus-within .utooltip__bubble[b-lclen6srz2] {
    transform: translate(-50%, 0);
}

.utooltip--bottom .utooltip__bubble[b-lclen6srz2] {
    top: calc(100% + 6px);
    left: 50%;
    transform: translate(-50%, -2px);
}
.utooltip--bottom:hover .utooltip__bubble[b-lclen6srz2],
.utooltip--bottom:focus-within .utooltip__bubble[b-lclen6srz2] {
    transform: translate(-50%, 0);
}

.utooltip--left .utooltip__bubble[b-lclen6srz2] {
    right: calc(100% + 6px);
    top: 50%;
    transform: translate(2px, -50%);
}
.utooltip--left:hover .utooltip__bubble[b-lclen6srz2],
.utooltip--left:focus-within .utooltip__bubble[b-lclen6srz2] {
    transform: translate(0, -50%);
}

.utooltip--right .utooltip__bubble[b-lclen6srz2] {
    left: calc(100% + 6px);
    top: 50%;
    transform: translate(-2px, -50%);
}
.utooltip--right:hover .utooltip__bubble[b-lclen6srz2],
.utooltip--right:focus-within .utooltip__bubble[b-lclen6srz2] {
    transform: translate(0, -50%);
}
/* /Components/Shared/UVideoEmbed.razor.rz.scp.css */
.uvideo[b-x0ms0abl1v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
}

.uvideo__frame[b-x0ms0abl1v] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    overflow: hidden;
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.uvideo__media[b-x0ms0abl1v] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.uvideo__caption[b-x0ms0abl1v] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-style: italic;
}