/* /Components/AcademyClientStrip.razor.rz.scp.css */
.academy-client-strip-header[b-w8inplmgfb] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.academy-client-row[b-w8inplmgfb] {
    align-items: center;
    border-top: 1px solid var(--mud-palette-divider);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 1.2fr) auto;
    padding: 0.75rem 0;
}

.academy-client-name[b-w8inplmgfb] {
    min-width: 0;
}

.academy-client-chips[b-w8inplmgfb] {
    margin-top: 0.2rem;
}

.academy-client-progress[b-w8inplmgfb] {
    min-width: 0;
}

.academy-client-progress[b-w8inplmgfb]  .mud-progress-linear {
    margin-bottom: 0.3rem;
}

.academy-client-row-actions[b-w8inplmgfb] {
    justify-self: end;
}

/* Launch-step rows, moved here from AcademyHub.razor.css with the checklist. */
.academy-checklist-details[b-w8inplmgfb] {
    border-top: 1px solid var(--mud-palette-divider);
}

.academy-checklist-details > summary[b-w8inplmgfb] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    list-style-position: inside;
    min-height: 2.75rem;
    padding: 0.5rem 0;
}

.academy-checklist-details > summary:focus-visible[b-w8inplmgfb] {
    border-radius: var(--mud-default-borderradius);
    outline: 3px solid color-mix(in srgb, var(--mud-palette-primary) 42%, transparent);
    outline-offset: 2px;
}

.academy-checklist-count[b-w8inplmgfb] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
    font-weight: 500;
}

.academy-checklist-row[b-w8inplmgfb] {
    align-items: center;
    border-top: 1px solid var(--mud-palette-divider);
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0.75rem 0;
}

.academy-checklist-state[b-w8inplmgfb] {
    flex: 0 0 auto;
}

.academy-checklist-text[b-w8inplmgfb] {
    min-width: 0;
}

.academy-checklist-task[b-w8inplmgfb],
.academy-checklist-task-link[b-w8inplmgfb] {
    display: block;
    font-weight: 600;
    justify-content: flex-start;
    letter-spacing: normal;
    line-height: 1.35;
    min-width: 0;
    text-align: left;
    text-transform: none;
    white-space: normal;
}

.academy-checklist-explanation[b-w8inplmgfb] {
    display: block;
    line-height: 1.45;
    margin-top: 0.2rem;
}

.academy-checklist-status[b-w8inplmgfb] {
    justify-self: end;
}

@media (max-width: 600px) {
    .academy-client-row[b-w8inplmgfb] {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .academy-client-row-actions[b-w8inplmgfb] {
        justify-self: stretch;
    }

    .academy-client-row-actions[b-w8inplmgfb]  .mud-button-root,
    .academy-client-strip-header[b-w8inplmgfb]  .mud-button-root {
        width: 100%;
    }

    .academy-checklist-row[b-w8inplmgfb] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .academy-checklist-status[b-w8inplmgfb] {
        grid-column: 2;
        justify-self: stretch;
    }

    .academy-checklist-status[b-w8inplmgfb]  .mud-button-root {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .academy-client-progress[b-w8inplmgfb]  .mud-progress-linear-bar {
        transition: none;
    }
}
/* /Components/AcademyContextBanner.razor.rz.scp.css */
.academy-context-banner[b-okbzmqlppo] {
    align-items: center;
    background: color-mix(in srgb, var(--mud-palette-info) 10%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 35%, transparent);
    border-radius: 12px;
    display: flex;
    gap: 1rem;
    padding: 0.9rem 1.1rem;
}

.academy-context-banner-icon[b-okbzmqlppo] {
    align-items: center;
    background: color-mix(in srgb, var(--mud-palette-info) 18%, transparent);
    border-radius: 10px;
    color: var(--mud-palette-info);
    display: inline-flex;
    flex: 0 0 auto;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.academy-context-banner-body[b-okbzmqlppo] {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 600px) {
    .academy-context-banner[b-okbzmqlppo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .academy-context-banner-actions[b-okbzmqlppo] {
        flex-wrap: wrap;
        width: 100%;
    }
}
/* /Components/AcademyFloatingButton.razor.rz.scp.css */
.academy-fab[b-i4wmro4tvb] {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 1300;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-primary));
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 35%, transparent);
    color: var(--mud-palette-primary);
    box-shadow: var(--mud-elevation-2);
    opacity: 0.86;
    transition: background-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

.academy-fab:hover[b-i4wmro4tvb] {
    background-color: color-mix(in srgb, var(--mud-palette-surface) 82%, var(--mud-palette-primary));
    box-shadow: var(--mud-elevation-4);
    opacity: 1;
}
/* /Components/AcademyGuideButton.razor.rz.scp.css */
.academy-guide-action[b-oghudhk0fk] {
    opacity: 0.78;
    white-space: nowrap;
}

.academy-guide-action:hover[b-oghudhk0fk],
.academy-guide-action:focus-visible[b-oghudhk0fk] {
    opacity: 1;
}
/* /Components/AcademyReportCard.razor.rz.scp.css */
.academy-mastery[b-10pwc2rbhn] {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: auto minmax(0, 1fr) minmax(18rem, 0.9fr);
}

.academy-mastery-ring[b-10pwc2rbhn] {
    display: grid;
    place-items: center;
    position: relative;
}

.academy-mastery-ring-level[b-10pwc2rbhn] {
    display: grid;
    justify-items: center;
    line-height: 1.1;
    position: absolute;
    text-align: center;
}

.academy-mastery-ring-level strong[b-10pwc2rbhn] {
    font-size: 1.5rem;
}

.academy-mastery-ring-level small[b-10pwc2rbhn] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.55rem;
    letter-spacing: 0.08em;
}

.academy-mastery-copy[b-10pwc2rbhn] {
    min-width: 0;
}

.academy-rank-trail[b-10pwc2rbhn] {
    margin-top: 0.75rem;
}

/* Mirrors .academy-checklist-next so the card and the launch steps read as one family. */
.academy-next-action[b-10pwc2rbhn] {
    background: color-mix(in srgb, var(--mud-palette-primary) 7%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 24%, var(--mud-palette-divider));
    border-radius: var(--mud-default-borderradius);
    min-width: 0;
    padding: 1rem;
}

.academy-track-grid[b-10pwc2rbhn] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1.25rem;
}

.academy-track[b-10pwc2rbhn] {
    min-width: 0;
}

.academy-track-heading[b-10pwc2rbhn] {
    align-items: baseline;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.35rem;
}

.academy-badge-row[b-10pwc2rbhn] {
    border-top: 1px solid var(--mud-palette-divider);
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
}

.academy-badge[b-10pwc2rbhn] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    min-width: 0;
}

.academy-badge.is-ghost[b-10pwc2rbhn] {
    opacity: 0.45;
}

.academy-badge[b-10pwc2rbhn]  .wallkat-icon-tile {
    height: 36px;
    min-width: 36px;
    width: 36px;
}

@media (max-width: 960px) {
    .academy-mastery[b-10pwc2rbhn] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .academy-next-action[b-10pwc2rbhn] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .academy-mastery[b-10pwc2rbhn] {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .academy-track-grid[b-10pwc2rbhn] {
        grid-template-columns: 1fr;
    }

    .academy-next-action[b-10pwc2rbhn]  .mud-button-root {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .academy-mastery-ring[b-10pwc2rbhn]  .mud-progress-circular-circle,
    .academy-track[b-10pwc2rbhn]  .mud-progress-linear-bar {
        transition: none;
    }
}
/* /Components/AcademyTourAdmin.razor.rz.scp.css */
.academy-admin-selector[b-ac0hdzxn5t],
.academy-tour-step-heading[b-ac0hdzxn5t] {
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .academy-admin-selector[b-ac0hdzxn5t] {
        align-items: stretch;
        flex-direction: column;
    }

    .academy-tour-step-heading[b-ac0hdzxn5t] {
        align-items: flex-start;
    }
}
/* /Components/AcademyTourHost.razor.rz.scp.css */
.academy-tour-coachmark[b-qg1vjbjsef] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-primary);
    border-radius: 14px;
    bottom: 1.5rem;
    box-shadow: var(--mud-elevation-12);
    color: var(--mud-palette-text-primary);
    max-height: min(620px, calc(100vh - 3rem));
    overflow: auto;
    padding: 1.25rem;
    position: fixed;
    right: 1.5rem;
    width: min(410px, calc(100vw - 3rem));
    z-index: 1502;
}

.academy-tour-progress[b-qg1vjbjsef] {
    color: var(--mud-palette-text-secondary);
    display: flex;
    font-size: .75rem;
    gap: 1rem;
    justify-content: space-between;
}

.academy-tour-body[b-qg1vjbjsef] {
    color: var(--mud-palette-text-secondary);
    margin-top: .65rem;
}

.academy-tour-body :deep(p:last-child)[b-qg1vjbjsef] {
    margin-bottom: 0;
}

.academy-tour-actions[b-qg1vjbjsef] {
    flex-wrap: wrap;
}

.academy-tour-top[b-qg1vjbjsef] {
    bottom: auto;
    top: 1.5rem;
}

.academy-tour-left[b-qg1vjbjsef] {
    left: 1.5rem;
    right: auto;
}

.academy-tour-center[b-qg1vjbjsef] {
    bottom: auto;
    left: 50%;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 600px) {
    .academy-tour-coachmark[b-qg1vjbjsef] {
        bottom: .5rem;
        left: .5rem;
        max-height: 55vh;
        right: .5rem;
        width: auto;
    }

    .academy-tour-actions[b-qg1vjbjsef] {
        align-items: stretch;
    }

    .academy-tour-actions > :deep(.mud-button-root)[b-qg1vjbjsef] {
        flex: 1 1 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .academy-tour-coachmark[b-qg1vjbjsef] {
        scroll-behavior: auto;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.wallkat-brand-logo[b-luz1j55iia] {
    max-height: 28px;
}

.wallkat-brand-text[b-luz1j55iia] {
    color: var(--mud-palette-primary);
    font-weight: 600;
    letter-spacing: 0.02em;
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
/* Public marketing layout (unauthenticated visitors). Always light. */

.wallkat-public[b-lbf6lr0uxj] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #ffffff;
    color: #212529;
    font-family: 'Roboto', 'Segoe UI', sans-serif;
}

.wallkat-public-header[b-lbf6lr0uxj] {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.97);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.wallkat-public-header-inner[b-lbf6lr0uxj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0.75rem 1.5rem;
}

.wallkat-public-brand[b-lbf6lr0uxj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    text-decoration: none;
}

    .wallkat-public-brand img[b-lbf6lr0uxj] {
        max-height: 30px;
    }

    .wallkat-public-brand span[b-lbf6lr0uxj] {
        font-size: 1.25rem;
        font-weight: 700;
        color: #699ad5;
    }

.wallkat-public-nav[b-lbf6lr0uxj] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 1.25rem;
}

    .wallkat-public-nav a[b-lbf6lr0uxj] {
        color: #212529;
        text-decoration: none;
        font-size: 0.95rem;
    }

        .wallkat-public-nav a:hover[b-lbf6lr0uxj] {
            color: #0250c4;
        }

    .wallkat-public-nav .wallkat-public-login[b-lbf6lr0uxj] {
        background-color: #0250c4;
        color: #ffffff;
        border-radius: 2rem;
        padding: 0.4rem 1.4rem;
        font-weight: 600;
        transition: background-color 0.15s ease-in-out;
    }

        .wallkat-public-nav .wallkat-public-login:hover[b-lbf6lr0uxj] {
            background-color: #043476;
            color: #ffffff;
        }

.wallkat-public-main[b-lbf6lr0uxj] {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

.wallkat-public-footer[b-lbf6lr0uxj] {
    flex-shrink: 0;
    background-color: #000000;
    padding: 2.5rem 1.5rem;
    text-align: center;
}

.wallkat-public-footer-inner[b-lbf6lr0uxj] {
    max-width: 1140px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.875rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wallkat-public-footer-links[b-lbf6lr0uxj] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

    .wallkat-public-footer-links a[b-lbf6lr0uxj] {
        color: rgba(255, 255, 255, 0.75);
        text-decoration: none;
    }

        .wallkat-public-footer-links a:hover[b-lbf6lr0uxj] {
            color: #ffffff;
            text-decoration: underline;
        }
/* /Components/Pages/Portal/AcademyAdmin.razor.rz.scp.css */
.academy-admin-selector[b-ja5hnkktyy] {
    flex-wrap: wrap;
}

.academy-admin-errors[b-ja5hnkktyy] {
    margin: 0;
    padding-left: 1.2rem;
}

@media (max-width: 600px) {
    .academy-admin-selector[b-ja5hnkktyy] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Portal/AcademyGuidePage.razor.rz.scp.css */
.academy-guide-hero-copy[b-dnoryxnr1i] {
    max-width: 76ch;
}

.academy-guide-layout[b-dnoryxnr1i] {
    align-items: flex-start;
}

.academy-guide-article[b-dnoryxnr1i] {
    overflow-wrap: anywhere;
}

.academy-guide-flow[b-dnoryxnr1i] {
    align-items: center;
    background: color-mix(in srgb, var(--mud-palette-primary) 7%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 24%, var(--mud-palette-divider));
    border-radius: var(--mud-default-borderradius);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.75rem;
    padding: 1rem;
}

.academy-guide-prose[b-dnoryxnr1i] {
    line-height: 1.65;
    max-width: 76ch;
}

.academy-guide-content[b-dnoryxnr1i]  h2 {
    font-size: 1.45rem;
    line-height: 1.3;
    margin: 2rem 0 0.75rem;
}

.academy-guide-content[b-dnoryxnr1i]  h2:first-child {
    margin-top: 0;
}

.academy-guide-content[b-dnoryxnr1i]  h3,
.academy-guide-content[b-dnoryxnr1i]  h4 {
    line-height: 1.35;
    margin: 1.5rem 0 0.6rem;
}

.academy-guide-content[b-dnoryxnr1i]  p,
.academy-guide-content[b-dnoryxnr1i]  ul,
.academy-guide-content[b-dnoryxnr1i]  ol {
    margin: 0 0 1rem;
}

.academy-guide-content[b-dnoryxnr1i]  ul,
.academy-guide-content[b-dnoryxnr1i]  ol {
    padding-left: 1.5rem;
}

.academy-guide-content[b-dnoryxnr1i]  li + li {
    margin-top: 0.45rem;
}

.academy-guide-content[b-dnoryxnr1i]  a {
    color: var(--mud-palette-primary);
    text-decoration: underline;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.16em;
}

.academy-guide-content[b-dnoryxnr1i]  a:hover {
    color: var(--mud-palette-primary-darken);
}

.academy-guide-content[b-dnoryxnr1i]  a:focus-visible {
    border-radius: 2px;
    outline: 3px solid color-mix(in srgb, var(--mud-palette-primary) 42%, transparent);
    outline-offset: 3px;
}

.academy-guide-content[b-dnoryxnr1i]  img {
    border-radius: 8px;
    max-width: 100%;
}

.academy-guide-content[b-dnoryxnr1i]  blockquote {
    border-left: 3px solid var(--mud-palette-primary);
    color: var(--mud-palette-text-secondary);
    margin: 0 0 1rem;
    padding: 0.25rem 0 0.25rem 1rem;
}

.academy-guide-content[b-dnoryxnr1i]  code {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    border-radius: 4px;
    padding: 0.05rem 0.3rem;
}

.academy-guide-content[b-dnoryxnr1i]  pre {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    border-radius: 8px;
    overflow-x: auto;
    padding: 0.8rem;
}

.academy-guide-content[b-dnoryxnr1i]  pre code {
    background: transparent;
    padding: 0;
}

.academy-guide-sidebar[b-dnoryxnr1i] {
    align-self: flex-start;
}

@media (min-width: 960px) {
    .academy-guide-sidebar[b-dnoryxnr1i] {
        position: sticky;
        top: 5.5rem;
    }
}

@media (max-width: 600px) {
    .academy-guide-flow[b-dnoryxnr1i] {
        align-items: stretch;
        flex-direction: column;
    }

    .academy-guide-flow .mud-button-root[b-dnoryxnr1i] {
        width: 100%;
    }
}

.academy-guide-finish[b-dnoryxnr1i] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
}

@media (max-width: 600px) {
    .academy-guide-finish[b-dnoryxnr1i] {
        align-items: stretch;
        flex-direction: column;
    }

    .academy-guide-finish .mud-button-root[b-dnoryxnr1i] {
        width: 100%;
    }
}
/* /Components/Pages/Portal/AcademyHub.razor.rz.scp.css */
.academy-hero-copy[b-li6lyp4iqr] {
    max-width: 76ch;
}

.academy-search-card[b-li6lyp4iqr] {
    position: relative;
    z-index: 1;
}

.academy-search-card .wallkat-search[b-li6lyp4iqr] {
    flex: 1 1 auto;
    max-width: none;
    width: 100%;
}

.academy-guide-sections[b-li6lyp4iqr] {
    display: grid;
    gap: 2rem;
}

.academy-section-heading[b-li6lyp4iqr] {
    align-items: baseline;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.academy-guide-card[b-li6lyp4iqr] {
    display: flex;
    flex-direction: column;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.academy-guide-card:hover[b-li6lyp4iqr],
.academy-guide-card:focus-within[b-li6lyp4iqr] {
    border-color: var(--mud-palette-primary);
    box-shadow: var(--mud-elevation-4);
}

.academy-guide-card-body[b-li6lyp4iqr] {
    flex: 1 1 auto;
}

.academy-guide-card-title[b-li6lyp4iqr] {
    min-width: 0;
}

.academy-guide-card-actions[b-li6lyp4iqr] {
    align-items: center;
    border-top: 1px solid var(--mud-palette-divider);
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: space-between;
    margin-top: 1rem;
    padding-top: 0.75rem;
}

.academy-footer-cards[b-li6lyp4iqr] {
    margin-top: 2rem;
}

@media (max-width: 600px) {
    .academy-search-card .wallkat-toolbar[b-li6lyp4iqr] {
        align-items: stretch;
        flex-direction: column;
    }

    .academy-search-card .mud-button-root[b-li6lyp4iqr] {
        width: 100%;
    }

    .academy-guide-card-actions[b-li6lyp4iqr] {
        align-items: stretch;
        flex-direction: column;
    }

    .academy-guide-card-actions .mud-button-root[b-li6lyp4iqr] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .academy-guide-card[b-li6lyp4iqr] {
        transition: none;
    }
}
/* /Components/Pages/Portal/PublicLanding.razor.rz.scp.css */
/* Public landing page (port of Views/Home/Landing.cshtml). */

.landing[b-d8acfq76ey] {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.landing-container[b-d8acfq76ey] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
}

/* ---- Hero ---- */
.landing-hero[b-d8acfq76ey] {
    align-items: center;
    background: #f5f5f5 url("/image/Wallkat_FrontPage_lighter_gif.gif") no-repeat right center;
    background-size: contain;
    display: flex;
    min-height: 600px;
    padding: 5rem 0 4rem;
    text-align: left;
}

.landing-title[b-d8acfq76ey] {
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 1.1;
    margin: 0 0 1rem;
    color: #699ad5;
}

.landing-tagline[b-d8acfq76ey] {
    font-size: 2.5rem;
    font-weight: 400;
    color: #43494f;
    margin: 0 0 2.5rem;
}

.landing-cta-btn[b-d8acfq76ey] {
    display: inline-block;
    background-color: #198754;
    color: #ffffff;
    border-radius: 2rem;
    padding: 0.6rem 1.6rem;
    font-size: 1.1rem;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out;
}

    .landing-cta-btn:hover[b-d8acfq76ey] {
        background-color: #146c43;
        color: #ffffff;
    }

/* ---- Gradient aside ---- */
.landing-aside[b-d8acfq76ey] {
    background: linear-gradient(-81deg, #3ba2bf 0%, #0250c4 100%);
    color: #ffffff;
    padding: 3rem 0;
    text-align: left;
}

.landing-aside-row[b-d8acfq76ey] {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    flex-wrap: wrap;
}

.landing-aside-logo[b-d8acfq76ey] {
    flex: 0 1 300px;
    display: flex;
    justify-content: center;
}

    .landing-aside-logo img[b-d8acfq76ey] {
        max-width: 100%;
        height: auto;
    }

.landing-aside-text[b-d8acfq76ey] {
    flex: 1 1 420px;
}

    .landing-aside-text h1[b-d8acfq76ey] {
        font-size: 2rem;
        font-weight: 500;
        margin: 0 0 1rem;
    }

    .landing-aside-text p[b-d8acfq76ey] {
        margin: 0;
        line-height: 1.6;
    }

/* ---- Generic split sections ---- */
.landing-section[b-d8acfq76ey] {
    padding: 4.5rem 0;
}

.landing-section-shaded[b-d8acfq76ey] {
    background-color: #f8f9fa;
}

.landing-split[b-d8acfq76ey] {
    display: flex;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
}

.landing-split-text[b-d8acfq76ey] {
    flex: 1 1 380px;
}

    .landing-split-text h2[b-d8acfq76ey] {
        font-size: 1.9rem;
        font-weight: 500;
        margin: 0 0 1.25rem;
        color: #212529;
    }

    .landing-split-text h4[b-d8acfq76ey] {
        font-size: 1.2rem;
        font-weight: 600;
        margin: 1.25rem 0 0.35rem;
        color: #212529;
    }

    .landing-split-text p[b-d8acfq76ey] {
        color: #6c757d;
        line-height: 1.65;
        margin: 0 0 0.75rem;
    }

.landing-split-image[b-d8acfq76ey] {
    flex: 1 1 380px;
}

    .landing-split-image img[b-d8acfq76ey] {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

.landing-display[b-d8acfq76ey] {
    font-size: 2.6rem !important;
    line-height: 1.15;
}

.landing-lead[b-d8acfq76ey] {
    font-size: 1.15rem;
    color: #6c757d;
    line-height: 1.65;
}

/* ---- Features ---- */
.landing-feature-grid[b-d8acfq76ey] {
    flex: 1 1 520px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
}

.landing-feature[b-d8acfq76ey] {
    text-align: center;
}

    .landing-feature h3[b-d8acfq76ey] {
        font-size: 1.35rem;
        font-weight: 500;
        margin: 0.75rem 0 0;
        color: #212529;
    }

.landing-feature-side[b-d8acfq76ey] {
    flex: 0 1 300px;
}

/* ---- Pricing ---- */
.landing-pricing-heading[b-d8acfq76ey] {
    font-size: 1.9rem;
    font-weight: 500;
    margin: 0 0 2rem;
    color: #212529;
}

.landing-price-cards[b-d8acfq76ey] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    align-items: stretch;
}

.landing-price-card[b-d8acfq76ey] {
    flex: 1 1 280px;
    display: flex;
    transition: transform 0.2s ease;
}

    .landing-price-card:hover[b-d8acfq76ey] {
        transform: translateY(-10px);
    }

.landing-price-box[b-d8acfq76ey] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.10);
    padding: 1.5rem;
    overflow: hidden;
}

.landing-price-box:hover[b-d8acfq76ey] {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
}

.landing-price-ribbon[b-d8acfq76ey] {
    position: absolute;
    top: 18px;
    right: -42px;
    transform: rotate(45deg);
    background: linear-gradient(81deg, rgb(2, 80, 196) 0%, rgb(11, 162, 191) 100%);
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    width: 160px;
}

.landing-price-label[b-d8acfq76ey] {
    display: inline-block;
    align-self: flex-start;
    font-size: 1rem;
    font-weight: 600;
    padding: 6px 15px;
    border-radius: 3px;
}

.landing-price-label-basic[b-d8acfq76ey] {
    background: #f1f1f1;
    color: #525252;
}

.landing-price-label-value[b-d8acfq76ey] {
    background: #e8f5e9;
    color: #2c632d;
}

.landing-price-label-premium[b-d8acfq76ey] {
    background: #d7e7fe;
    color: #0242a2;
}

.landing-price[b-d8acfq76ey] {
    font-size: 2.4rem;
    font-weight: 900;
    margin: 0.9rem 0 0.35rem;
    color: #212529;
}

.landing-price-info[b-d8acfq76ey] {
    font-size: 0.9rem;
    color: #989898;
}

.landing-price-box ul[b-d8acfq76ey] {
    list-style: none;
    margin: 1rem 0 1.75rem;
    padding: 0.75rem 0 0;
    border-top: solid 1px #e9e9e9;
}

    .landing-price-box ul li[b-d8acfq76ey] {
        padding: 0.45rem 0 0.45rem 1.5rem;
        font-size: 0.9rem;
        color: #808080;
        position: relative;
    }

        .landing-price-box ul li[b-d8acfq76ey]::before {
            content: "\2713";
            position: absolute;
            left: 0;
            color: #68ae4a;
            font-weight: 700;
        }

.landing-plan-btn[b-d8acfq76ey] {
    display: block;
    margin-top: auto;
    background-color: #064db2;
    border: 2px solid #064db2;
    border-radius: 5px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem;
    padding: 0.7rem 1.5rem;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

    .landing-plan-btn:hover[b-d8acfq76ey] {
        background-color: #043476;
        border-color: #043476;
        color: #ffffff;
    }

.landing-pricing-note[b-d8acfq76ey] {
    margin: 1.75rem 0 0;
    color: #212529;
}

/* ---- CTA / contact ---- */
.landing-cta[b-d8acfq76ey] {
    position: relative;
    padding: 8rem 0;
    background-image: url("/image/landing-footer.jpg");
    background-position: center;
    background-size: cover;
}

    .landing-cta[b-d8acfq76ey]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);
    }

.landing-cta-content[b-d8acfq76ey] {
    position: relative;
    z-index: 1;
}

.landing-cta h2.landing-cta-heading[b-d8acfq76ey] {
    color: #ffffff;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.1;
    margin: 0 0 2rem;
}

.landing-cta-outline-btn[b-d8acfq76ey] {
    display: inline-block;
    border: 1px solid #ffffff;
    border-radius: 2rem;
    color: #ffffff;
    padding: 0.9rem 1.6rem;
    font-size: 1.1rem;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

    .landing-cta-outline-btn:hover[b-d8acfq76ey] {
        background-color: #ffffff;
        color: #0250c4;
    }

.landing-contact-cards[b-d8acfq76ey] {
    flex: 1 1 380px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.landing-contact-card[b-d8acfq76ey] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background: #ffffff;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
}

.landing-contact-card h4[b-d8acfq76ey] {
    margin: 0 0 0.25rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #212529;
}

.landing-contact-card p[b-d8acfq76ey] {
    margin: 0;
    color: #6c757d;
}

@media (max-width: 768px) {
    .landing-title[b-d8acfq76ey] {
        font-size: 3rem;
    }

    .landing-tagline[b-d8acfq76ey] {
        font-size: 1.7rem;
    }

    .landing-display[b-d8acfq76ey] {
        font-size: 2rem !important;
    }

    .landing-cta-heading[b-d8acfq76ey] {
        font-size: 2.4rem;
    }
}

@media (max-width: 1199px) {
    .landing-hero[b-d8acfq76ey] {
        background-image: none;
        min-height: auto;
    }
}

/* FocusOnNavigate targets h1 on navigation; suppress the default focus box. */
h1:focus[b-d8acfq76ey] {
    outline: none;
}
/* /Components/Pages/Portal/PublicNewDevice.razor.rz.scp.css */
/* Public QR device-onboarding page (port of Views/New/Index.cshtml). */

.new-device[b-xs7wl3col1] {
    flex: 1 0 auto;
    background-color: #051627;
    color: #ffffff;
    text-align: center;
    padding: 2.5rem 1.5rem 4rem;
}

.new-device-logo[b-xs7wl3col1] {
    height: 100px;
    margin: 0 auto 2.5rem;
    display: block;
}

.new-device-heading[b-xs7wl3col1] {
    font-weight: 300;
    color: #90bbff;
    font-size: 2.6rem;
    margin: 0 0 0.5rem;
}

.new-device-subheading[b-xs7wl3col1] {
    color: #ffffff;
    font-size: 1.15rem;
    margin: 0 0 3rem;
}

.new-device-columns[b-xs7wl3col1] {
    display: flex;
    justify-content: center;
    gap: 4rem;
    flex-wrap: wrap;
    max-width: 1140px;
    margin: 0 auto;
}

.new-device-column[b-xs7wl3col1] {
    flex: 1 1 340px;
    max-width: 460px;
}

    .new-device-column h2[b-xs7wl3col1] {
        color: #90bbff;
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0 0 1.25rem;
    }

    .new-device-column p[b-xs7wl3col1] {
        color: #ffffff;
        margin: 0 0 1.5rem;
    }

.new-device-login-btn[b-xs7wl3col1] {
    display: block;
    width: 80%;
    margin: 2rem auto 0;
    padding: 0.6rem 1rem;
    border: 1px solid #0dcaf0;
    border-radius: 0.25rem;
    color: #0dcaf0;
    font-size: 1.25rem;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

    .new-device-login-btn:hover[b-xs7wl3col1] {
        background-color: #0dcaf0;
        color: #051627;
    }

.new-device-qr-container[b-xs7wl3col1] {
    width: min(320px, 70vw);
    aspect-ratio: 1 / 1;
    margin: 0 auto;
}

    .new-device-qr-container #wallkat-qr-code[b-xs7wl3col1] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* FocusOnNavigate targets h1 on navigation; suppress the default focus box. */
h1:focus[b-xs7wl3col1] {
    outline: none;
}
/* /Components/Pages/Portal/PublicNewDeviceSuccess.razor.rz.scp.css */
/* Public device-registered success page (port of Views/New/Success.cshtml). */

.new-device-success[b-yt7qnrhgxx] {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

.new-device-success-hero[b-yt7qnrhgxx] {
    background: linear-gradient(81deg, rgb(2, 80, 196) 0%, rgb(11, 162, 191) 100%);
    padding: 2.5rem 1.5rem;
}

    .new-device-success-hero h1[b-yt7qnrhgxx] {
        color: #ffffff;
        font-size: 2.2rem;
        font-weight: 500;
        margin: 0 0 0.35rem;
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
    }

    .new-device-success-hero p[b-yt7qnrhgxx] {
        color: rgba(255, 255, 255, 0.75);
        font-size: 1.15rem;
        margin: 0;
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
    }

.new-device-success-body[b-yt7qnrhgxx] {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem;
}

.new-device-success-card[b-yt7qnrhgxx] {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
}

.new-device-success-btn[b-yt7qnrhgxx] {
    display: inline-block;
    border: 1px solid #198754;
    border-radius: 0.25rem;
    color: #198754;
    padding: 0.5rem 1.25rem;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

    .new-device-success-btn:hover[b-yt7qnrhgxx] {
        background-color: #198754;
        color: #ffffff;
    }

/* FocusOnNavigate targets h1 on navigation; suppress the default focus box. */
h1:focus[b-yt7qnrhgxx] {
    outline: none;
}
/* /Components/Pages/Portal/PublicPrivacy.razor.rz.scp.css */
/* Shared article styling for the public legal/content pages. */

.public-article[b-hux5k387vd] {
    max-width: 900px;
    margin: 0 auto;
    padding: 3.5rem 1.5rem 4.5rem;
    color: #212529;
    line-height: 1.7;
}

    .public-article h1[b-hux5k387vd] {
        font-size: 2.2rem;
        font-weight: 600;
        margin: 0 0 1.5rem;
    }

    .public-article h2[b-hux5k387vd] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 2.25rem 0 0.9rem;
    }

    .public-article p[b-hux5k387vd] {
        margin: 0 0 1rem;
    }

    .public-article ul[b-hux5k387vd] {
        margin: 0 0 1rem;
        padding-left: 1.5rem;
    }

    .public-article li[b-hux5k387vd] {
        margin-bottom: 0.35rem;
    }

    .public-article a[b-hux5k387vd] {
        color: #0250c4;
    }

/* FocusOnNavigate targets h1 on navigation; suppress the default focus box. */
h1:focus[b-hux5k387vd] {
    outline: none;
}
/* /Components/Pages/Portal/PublicRegister.razor.rz.scp.css */
/* Public registration page (port of Views/Home/Register.cshtml). */

.register[b-50id0zj7gf] {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.register-container[b-50id0zj7gf] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
}

.register-hero[b-50id0zj7gf] {
    background-color: #f8f9fa;
    padding: 4rem 0 3rem;
}

.register-title[b-50id0zj7gf] {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.1;
    margin: 0 0 1rem;
    color: #212529;
}

.register-tagline[b-50id0zj7gf] {
    font-size: 1.15rem;
    color: #6c757d;
    line-height: 1.65;
    margin: 0;
    max-width: 720px;
}

.register-body[b-50id0zj7gf] {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
}

.register-section-heading[b-50id0zj7gf] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.25rem;
    font-weight: 500;
    margin: 1.75rem 0 1rem;
    color: #212529;
}

.register-step-badge[b-50id0zj7gf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 1.6rem;
    padding: 0 0.35rem;
    border-radius: 0.25rem;
    background-color: #198754;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 700;
}

    .register-step-badge .mud-icon-root[b-50id0zj7gf] {
        width: 1rem;
        height: 1rem;
    }

/* ---- Plan picker ---- */
.register-plan-grid[b-50id0zj7gf] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    align-items: stretch;
}

.register-plan-box[b-50id0zj7gf] {
    appearance: none;
    position: relative;
    flex: 1 1 240px;
    background: #ffffff;
    border: 2px solid transparent;
    border-radius: 8px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.10);
    padding: 1.5rem;
    overflow: hidden;
    cursor: pointer;
    color: inherit;
    font: inherit;
    text-align: left;
    transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

    .register-plan-box:hover[b-50id0zj7gf] {
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
    }

.register-plan-box:focus-visible[b-50id0zj7gf] {
    border-color: #198754;
    outline: 3px solid rgb(25 135 84 / 35%);
    outline-offset: 3px;
}

.register-plan-selected[b-50id0zj7gf] {
    border-color: #198754;
}

.register-price-ribbon[b-50id0zj7gf] {
    position: absolute;
    top: 18px;
    right: -42px;
    transform: rotate(45deg);
    background: linear-gradient(81deg, rgb(2, 80, 196) 0%, rgb(11, 162, 191) 100%);
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    width: 160px;
}

.register-price-label[b-50id0zj7gf] {
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    padding: 6px 15px;
    border-radius: 3px;
}

.register-price-label-basic[b-50id0zj7gf] {
    background: #f1f1f1;
    color: #525252;
}

.register-price-label-value[b-50id0zj7gf] {
    background: #e8f5e9;
    color: #2c632d;
}

.register-price-label-premium[b-50id0zj7gf] {
    background: #d7e7fe;
    color: #0242a2;
}

.register-price[b-50id0zj7gf] {
    display: block;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.2;
    margin: 0.9rem 0 0.35rem;
    color: #212529;
}

.register-price-info[b-50id0zj7gf] {
    display: block;
    font-size: 0.9rem;
    color: #989898;
}

.register-plan-note[b-50id0zj7gf] {
    margin: 1.25rem 0 0;
    color: #212529;
}

/* ---- Two-column body ---- */
.register-columns[b-50id0zj7gf] {
    display: flex;
    gap: 3rem;
    align-items: flex-start;
    margin-top: 2rem;
}

.register-copy[b-50id0zj7gf] {
    flex: 1 1 0;
    color: #6c757d;
    line-height: 1.65;
}

    .register-copy p[b-50id0zj7gf] {
        margin: 0 0 1.25rem;
    }

    .register-copy img[b-50id0zj7gf] {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 1.5rem;
        border-radius: 8px;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.12);
    }

.register-form-column[b-50id0zj7gf] {
    flex: 1 1 0;
    min-width: 0;
}

.register-terms[b-50id0zj7gf] {
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
    margin-bottom: 1rem;
    color: #212529;
}

.register-terms-checkbox[b-50id0zj7gf] {
    margin-top: -0.45rem;
}

.register-server-errors[b-50id0zj7gf] {
    border: 1px solid #dc3545;
    border-radius: 6px;
    background-color: #fdf0f1;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

    .register-server-errors p[b-50id0zj7gf] {
        margin: 0.25rem 0;
        color: #dc3545;
    }

.register-captcha[b-50id0zj7gf] {
    margin-bottom: 1.25rem;
}

.register-captcha-error[b-50id0zj7gf] {
    color: #dc3545;
    margin: 0.5rem 0 0;
}

/* ---- Success panel ---- */
.register-success[b-50id0zj7gf] {
    max-width: 640px;
    margin: 3rem auto 5rem;
    text-align: center;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.10);
    padding: 3rem 2.5rem;
}

.register-success-icon[b-50id0zj7gf] {
    font-size: 4rem;
    color: #198754;
}

.register-success h2[b-50id0zj7gf] {
    font-size: 2rem;
    font-weight: 500;
    margin: 1rem 0 0.75rem;
    color: #212529;
}

.register-success p[b-50id0zj7gf] {
    color: #6c757d;
    line-height: 1.65;
    margin: 0 0 1.75rem;
}

.register-success-btn[b-50id0zj7gf] {
    display: inline-block;
    background-color: #198754;
    color: #ffffff;
    border-radius: 2rem;
    padding: 0.7rem 2rem;
    font-size: 1.1rem;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out;
}

    .register-success-btn:hover[b-50id0zj7gf] {
        background-color: #146c43;
        color: #ffffff;
    }

@media (max-width: 900px) {
    .register-columns[b-50id0zj7gf] {
        flex-direction: column;
    }

    .register-copy[b-50id0zj7gf] {
        display: none;
    }
}

@media (max-width: 768px) {
    .register-title[b-50id0zj7gf] {
        font-size: 2.6rem;
    }
}

/* FocusOnNavigate targets h1 on navigation; suppress the default focus box. */
h1:focus[b-50id0zj7gf] {
    outline: none;
}
/* /Components/Pages/Portal/PublicRegisterReseller.razor.rz.scp.css */
/* Public reseller registration page (port of Views/Home/RegisterReseller.cshtml). */

.reseller-register[b-hx1gf9i2dh] {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    background-color: #f2f3f8;
}

.reseller-register-container[b-hx1gf9i2dh] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 3rem 1.5rem 4rem;
    width: 100%;
}

.reseller-register-title[b-hx1gf9i2dh] {
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
    color: #212529;
}

.reseller-step-header[b-hx1gf9i2dh] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.reseller-step-lead[b-hx1gf9i2dh] {
    font-size: 1.15rem;
    color: #6c757d;
    margin: 0;
}

/* ---- Step 1: program cards ---- */
.reseller-program-grid[b-hx1gf9i2dh] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    align-items: stretch;
}

.reseller-program-card[b-hx1gf9i2dh] {
    flex: 1 1 360px;
    display: flex;
    flex-direction: column;
    background: #f8f9fa;
    border: 2px solid #7de1fd;
    border-radius: 0.75rem;
    box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.08);
    padding: 1.5rem;
}

.reseller-program-image[b-hx1gf9i2dh] {
    height: 220px;
    object-fit: contain;
    margin-bottom: 1rem;
}

.reseller-program-name[b-hx1gf9i2dh] {
    font-size: 1.75rem;
    font-weight: 500;
    text-align: center;
    margin: 0 0 1rem;
    color: #212529;
}

.reseller-program-points[b-hx1gf9i2dh] {
    color: #6c757d;
    font-size: 1.05rem;
    line-height: 1.8;
    margin: 0 0 1.5rem;
    padding-left: 1.25rem;
}

.reseller-select-btn[b-hx1gf9i2dh] {
    margin-top: auto;
    display: block;
    width: 100%;
    background-color: #0dcaf0;
    border: none;
    border-radius: 0.375rem;
    color: #000000;
    font-size: 1.1rem;
    padding: 0.6rem 1rem;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}

    .reseller-select-btn:hover[b-hx1gf9i2dh] {
        background-color: #31d2f2;
    }

.reseller-program-note[b-hx1gf9i2dh] {
    margin: 1.25rem 0 0;
    color: #6c757d;
}

/* ---- Step 2: form ---- */
.reseller-form-columns[b-hx1gf9i2dh] {
    display: flex;
    gap: 3rem;
    align-items: flex-start;
}

.reseller-form-image[b-hx1gf9i2dh] {
    flex: 1 1 0;
}

    .reseller-form-image img[b-hx1gf9i2dh] {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

.reseller-form-fields[b-hx1gf9i2dh] {
    flex: 1 1 0;
    min-width: 0;
}

.reseller-terms[b-hx1gf9i2dh] {
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
    margin-bottom: 1rem;
    color: #212529;
}

.reseller-terms-checkbox[b-hx1gf9i2dh] {
    margin-top: -0.45rem;
}

.reseller-server-errors[b-hx1gf9i2dh] {
    border: 1px solid #dc3545;
    border-radius: 6px;
    background-color: #fdf0f1;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

    .reseller-server-errors p[b-hx1gf9i2dh] {
        margin: 0.25rem 0;
        color: #dc3545;
    }

.reseller-captcha[b-hx1gf9i2dh] {
    margin-bottom: 1.25rem;
}

.reseller-captcha-error[b-hx1gf9i2dh] {
    color: #dc3545;
    margin: 0.5rem 0 0;
}

.reseller-actions[b-hx1gf9i2dh] {
    display: flex;
    gap: 1rem;
}

.reseller-back-btn[b-hx1gf9i2dh] {
    flex: 1 1 0;
    background: transparent;
    border: 1px solid #198754;
    border-radius: 0.375rem;
    color: #198754;
    font-size: 1.1rem;
    padding: 0.6rem 1rem;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

    .reseller-back-btn:hover[b-hx1gf9i2dh] {
        background-color: #198754;
        color: #ffffff;
    }

.reseller-actions .mud-button-root[b-hx1gf9i2dh] {
    flex: 1 1 0;
}

/* ---- Success panel ---- */
.reseller-success[b-hx1gf9i2dh] {
    max-width: 640px;
    margin: 2rem auto;
    text-align: center;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.10);
    padding: 3rem 2.5rem;
}

.reseller-success-icon[b-hx1gf9i2dh] {
    font-size: 4rem;
    color: #198754;
}

.reseller-success h2[b-hx1gf9i2dh] {
    font-size: 2rem;
    font-weight: 500;
    margin: 1rem 0 0.75rem;
    color: #212529;
}

.reseller-success p[b-hx1gf9i2dh] {
    color: #6c757d;
    line-height: 1.65;
    margin: 0 0 1.75rem;
}

.reseller-success-btn[b-hx1gf9i2dh] {
    display: inline-block;
    background-color: #198754;
    color: #ffffff;
    border-radius: 2rem;
    padding: 0.7rem 2rem;
    font-size: 1.1rem;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out;
}

    .reseller-success-btn:hover[b-hx1gf9i2dh] {
        background-color: #146c43;
        color: #ffffff;
    }

@media (max-width: 900px) {
    .reseller-form-columns[b-hx1gf9i2dh] {
        flex-direction: column;
    }

    .reseller-form-image[b-hx1gf9i2dh] {
        display: none;
    }
}

/* FocusOnNavigate targets h1 on navigation; suppress the default focus box. */
h1:focus[b-hx1gf9i2dh] {
    outline: none;
}
/* /Components/Pages/Portal/PublicReseller.razor.rz.scp.css */
/* Public reseller page (port of Views/Home/Reseller.cshtml). */

.reseller[b-8v3vpuu0jw] {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.reseller-container[b-8v3vpuu0jw] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
}

.reseller-brand[b-8v3vpuu0jw] {
    color: #699ad5;
}

.reseller-lead[b-8v3vpuu0jw] {
    font-size: 1.15rem;
    color: #6c757d;
    line-height: 1.6;
}

/* ---- Hero ---- */
.reseller-hero[b-8v3vpuu0jw] {
    background: #ffffff;
    padding: 3.5rem 0;
}

.reseller-split[b-8v3vpuu0jw] {
    display: flex;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
}

.reseller-hero-text[b-8v3vpuu0jw] {
    flex: 1 1 360px;
}

    .reseller-hero-text h1[b-8v3vpuu0jw] {
        font-size: 2.6rem;
        font-weight: 500;
        line-height: 1.15;
        margin: 0 0 1rem;
        color: #212529;
    }

.reseller-hero-action[b-8v3vpuu0jw] {
    margin-top: 2.5rem;
}

.reseller-register-btn[b-8v3vpuu0jw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #198754;
    color: #ffffff;
    border-radius: 0.3rem;
    padding: 0.8rem 1.75rem;
    font-size: 1.15rem;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out;
}

    .reseller-register-btn:hover[b-8v3vpuu0jw] {
        background-color: #146c43;
        color: #ffffff;
    }

.reseller-hero-image[b-8v3vpuu0jw] {
    flex: 1 1 420px;
}

    .reseller-hero-image img[b-8v3vpuu0jw] {
        max-width: 100%;
        height: auto;
        display: block;
        border-radius: 8px;
    }

/* ---- Sections ---- */
.reseller-section[b-8v3vpuu0jw] {
    padding: 4rem 0;
}

.reseller-section-shaded[b-8v3vpuu0jw] {
    background-color: #f8f9fa;
}

.reseller-section-heading[b-8v3vpuu0jw] {
    margin-bottom: 2.5rem;
}

    .reseller-section-heading h2[b-8v3vpuu0jw] {
        font-size: 1.9rem;
        font-weight: 500;
        margin: 0 0 0.5rem;
        color: #212529;
    }

.reseller-benefits[b-8v3vpuu0jw] {
    display: flex;
    gap: 2.5rem;
    flex-wrap: wrap;
}

.reseller-benefit[b-8v3vpuu0jw] {
    flex: 1 1 260px;
}

    .reseller-benefit img[b-8v3vpuu0jw] {
        height: 220px;
        max-width: 100%;
        display: block;
        margin: 0 auto 1.25rem;
    }

    .reseller-benefit h3[b-8v3vpuu0jw] {
        font-size: 1.2rem;
        font-weight: 600;
        margin: 0 0 0.75rem;
        color: #212529;
    }

    .reseller-benefit p[b-8v3vpuu0jw] {
        color: #6c757d;
        line-height: 1.65;
        margin: 0;
    }

/* ---- Steps ---- */
.reseller-steps-col[b-8v3vpuu0jw] {
    flex: 1 1 380px;
}

.reseller-step[b-8v3vpuu0jw] {
    position: relative;
    display: flex;
    gap: 1rem;
    padding-bottom: 1.5rem;
    color: #0250c4;
}

    .reseller-step:not(:last-child)[b-8v3vpuu0jw]::before {
        content: "";
        position: absolute;
        top: 1.75rem;
        left: 0.74rem;
        bottom: 0;
        width: 2px;
        background-color: rgba(2, 80, 196, 0.25);
    }

.reseller-step-circle[b-8v3vpuu0jw] {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 50%;
    background-color: #0250c4;
    color: #ffffff;
    text-align: center;
    font-size: 0.9rem;
}

.reseller-step-title[b-8v3vpuu0jw] {
    font-weight: 700;
    font-size: 1.1rem;
    color: #0250c4;
}

.reseller-step-caption[b-8v3vpuu0jw] {
    color: #6c757d;
}

.reseller-steps-image[b-8v3vpuu0jw] {
    flex: 1 1 360px;
}

    .reseller-steps-image img[b-8v3vpuu0jw] {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

.reseller-footnote[b-8v3vpuu0jw] {
    margin-top: 2.5rem;
    color: #6c757d;
}

/* ---- Final CTA ---- */
.reseller-final[b-8v3vpuu0jw] {
    text-align: center;
}

    .reseller-final h2[b-8v3vpuu0jw] {
        font-size: 1.9rem;
        font-weight: 500;
        margin: 0 0 0.5rem;
        color: #212529;
    }

    .reseller-final p[b-8v3vpuu0jw] {
        color: #6c757d;
        margin: 0 0 1.5rem;
    }

/* FocusOnNavigate targets h1 on navigation; suppress the default focus box. */
h1:focus[b-8v3vpuu0jw] {
    outline: none;
}
/* /Components/Pages/Portal/PublicTerms.razor.rz.scp.css */
/* Shared article styling for the public legal/content pages. */

.public-article[b-a4r5pm0ruu] {
    max-width: 900px;
    margin: 0 auto;
    padding: 3.5rem 1.5rem 4.5rem;
    color: #212529;
    line-height: 1.7;
}

    .public-article h1[b-a4r5pm0ruu] {
        font-size: 2.2rem;
        font-weight: 600;
        margin: 0 0 1.5rem;
    }

    .public-article h2[b-a4r5pm0ruu] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 2.25rem 0 0.9rem;
    }

    .public-article p[b-a4r5pm0ruu] {
        margin: 0 0 1rem;
    }

    .public-article ul[b-a4r5pm0ruu] {
        margin: 0 0 1rem;
        padding-left: 1.5rem;
    }

    .public-article li[b-a4r5pm0ruu] {
        margin-bottom: 0.35rem;
    }

    .public-article a[b-a4r5pm0ruu] {
        color: #0250c4;
    }

/* FocusOnNavigate targets h1 on navigation; suppress the default focus box. */
h1:focus[b-a4r5pm0ruu] {
    outline: none;
}
/* /Components/Pages/Portal/ResourcesIndex.razor.rz.scp.css */
.wallkat-resource-card[b-w2zz2wlv2s] {
    overflow: hidden;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.wallkat-resource-card-link[b-w2zz2wlv2s] {
    color: inherit;
    display: block;
    height: 100%;
    text-decoration: none;
}

.wallkat-resource-card-link:hover .wallkat-resource-card[b-w2zz2wlv2s] {
    border-color: var(--mud-palette-primary);
    box-shadow: var(--mud-elevation-4);
    transform: translateY(-2px);
}

.wallkat-resource-card-link:focus-visible[b-w2zz2wlv2s] {
    border-radius: var(--mud-default-borderradius);
    outline: 3px solid var(--mud-palette-primary);
    outline-offset: 3px;
}

.wallkat-resource-preview[b-w2zz2wlv2s] {
    align-items: center;
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
    display: flex;
    height: 170px;
    justify-content: center;
    padding: 0.75rem;
}

    .wallkat-resource-preview img[b-w2zz2wlv2s] {
        max-height: 150px;
        max-width: 100%;
        object-fit: contain;
    }

@media (prefers-reduced-motion: reduce) {
    .wallkat-resource-card[b-w2zz2wlv2s] {
        transition: none;
    }

    .wallkat-resource-card-link:hover .wallkat-resource-card[b-w2zz2wlv2s] {
        transform: none;
    }
}
/* /Components/Pages/Portal/TableReportEditor.razor.rz.scp.css */
.wallboard-table-report-editor[b-bvb6tga6oz] {
    --wallboard-table-border: var(--mud-palette-lines-default);
    --wallboard-table-panel: var(--mud-palette-surface);
    --wallboard-table-inset: var(--mud-palette-background-grey);
    min-width: 0;
}

.wallboard-table-settings[b-bvb6tga6oz],
.wallboard-table-workbench[b-bvb6tga6oz] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--wallboard-table-border);
    border-radius: 10px;
    background: var(--wallboard-table-panel);
}

.wallboard-table-settings[b-bvb6tga6oz] {
    margin-bottom: .75rem;
}

.wallboard-table-section-header[b-bvb6tga6oz] {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: .75rem;
    padding: .45rem .75rem;
    border-bottom: 1px solid var(--wallboard-table-border);
    background: color-mix(in srgb, var(--wallboard-table-inset) 72%, var(--wallboard-table-panel));
}

.wallboard-table-section-icon[b-bvb6tga6oz] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 38%, transparent);
    border-radius: .6rem;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.wallboard-table-section-copy[b-bvb6tga6oz] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    line-height: 1.35;
}

.wallboard-table-section-copy strong[b-bvb6tga6oz],
.wallboard-table-section-copy[b-bvb6tga6oz]  .mud-typography {
    margin: 0;
    color: var(--mud-palette-text-primary);
    font-size: 1rem;
    font-weight: 700;
}

.wallboard-table-section-copy small[b-bvb6tga6oz] {
    color: var(--mud-palette-text-secondary);
    font-size: .76rem;
}

.wallboard-table-settings.is-collapsed > .wallboard-table-settings-body[b-bvb6tga6oz] {
    display: none;
}

.wallboard-table-section-spacer[b-bvb6tga6oz] {
    flex: 1 1 auto;
}

.wallboard-table-section-summary[b-bvb6tga6oz] {
    min-width: 0;
    margin-left: .35rem;
    padding-left: .65rem;
    overflow: hidden;
    border-left: 1px solid var(--wallboard-table-border);
    color: var(--mud-palette-text-secondary);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wallboard-table-settings-body[b-bvb6tga6oz],
.wallboard-table-columns-body[b-bvb6tga6oz] {
    padding: .5rem;
}

.wallboard-table-settings[b-bvb6tga6oz]  .wallboard-table-settings-grid {
    align-items: stretch;
}

.wallboard-table-settings[b-bvb6tga6oz]  .wallboard-table-settings-grid > .mud-grid-item {
    display: flex;
}

.wallboard-table-settings[b-bvb6tga6oz]  .wallboard-table-setting-card {
    width: 100%;
    border-color: color-mix(in srgb, var(--wallboard-table-border) 82%, transparent);
    background: color-mix(in srgb, var(--wallboard-table-panel) 90%, var(--wallboard-table-inset));
    box-shadow: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: .5rem;
}

.wallboard-table-settings[b-bvb6tga6oz]  .wallboard-table-setting-heading {
    grid-column: 1 / -1;
    min-height: 2rem;
    gap: .55rem;
    margin-bottom: 0 !important;
}

.wallboard-table-settings[b-bvb6tga6oz]  .wallboard-table-setting-card > .mb-2 {
    margin-bottom: 0 !important;
}

.wallboard-table-settings[b-bvb6tga6oz]  .wallboard-table-setting-card > .mud-stack,
.wallboard-table-settings[b-bvb6tga6oz]  .wallboard-table-setting-card .mud-input-control {
    min-width: 0;
}

.wallboard-table-settings[b-bvb6tga6oz]  .wallboard-table-setting-heading .wallkat-icon-tile {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: .55rem;
}

.wallboard-table-settings[b-bvb6tga6oz]  .wallboard-table-setting-heading .mud-typography-h6 {
    font-size: .95rem;
    line-height: 1.15;
}

.wallboard-table-workbench[b-bvb6tga6oz] {
    background: var(--wallboard-table-inset);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}

.wallboard-table-workbench[b-bvb6tga6oz]  .wallboard-table-region-header {
    min-height: 44px;
    gap: .75rem;
    margin: 0;
    padding: .4rem .75rem;
    border-bottom: 1px solid var(--wallboard-table-border);
    background: color-mix(in srgb, var(--wallboard-table-inset) 72%, var(--wallboard-table-panel));
}

.wallboard-table-columns-body[b-bvb6tga6oz]  .wallkat-content-card {
    border-color: var(--wallboard-table-border);
    background: var(--wallboard-table-panel);
}

.wallboard-table-columns-body[b-bvb6tga6oz]  .wallboard-table-column-card .mud-typography-h6 {
    font-size: .95rem;
    line-height: 1.2;
}

.wallboard-table-columns-body[b-bvb6tga6oz]  .wallboard-table-column-card .mud-typography-overline {
    font-size: .68rem;
    line-height: 1.4;
}

@media (min-width: 1440px) {
    .wallboard-table-columns-body[b-bvb6tga6oz]  .wallboard-table-column-grid > .mud-grid-item {
        flex: 0 0 25%;
        max-width: 25%;
    }

    /* Embedded shows three setting cards: the report title is renamed from the slide toolbar. */
    .wallboard-table-settings[b-bvb6tga6oz]  .wallboard-table-settings-grid > .mud-grid-item {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

.wallboard-table-report-editor[b-bvb6tga6oz]  .wallkat-sticky-actions {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 28%, var(--wallboard-table-border));
    background: color-mix(in srgb, var(--wallboard-table-panel) 96%, transparent);
    backdrop-filter: blur(8px);
}

@media (max-width: 600px) {
    .wallboard-table-section-copy small[b-bvb6tga6oz] {
        display: none;
    }

    .wallboard-table-settings-body[b-bvb6tga6oz],
    .wallboard-table-columns-body[b-bvb6tga6oz] {
        padding: .5rem;
    }

    .wallboard-table-workbench[b-bvb6tga6oz]  .wallboard-table-region-header {
        align-items: stretch !important;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Portal/WallboardEditor.razor.rz.scp.css */
.wallboard-editor-hero-actions[b-ccqe5we8mh] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.wallboard-editor-hero[b-ccqe5we8mh] {
    margin-bottom: -1rem;
    padding: 1.1rem 1.5rem 2rem;
}

.wallboard-section-header[b-ccqe5we8mh] {
    display: flex;
    min-height: 3.25rem;
    align-items: center;
    gap: .65rem;
    padding: .5rem .8rem;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: color-mix(in srgb, var(--mud-palette-background-grey) 72%, var(--mud-palette-surface));
}

.wallboard-section-icon[b-ccqe5we8mh] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 38%, transparent);
    border-radius: .6rem;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.wallboard-section-copy[b-ccqe5we8mh] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    line-height: 1.35;
}

.wallboard-section-copy strong[b-ccqe5we8mh] {
    color: var(--mud-palette-text-primary);
    font-size: 1rem;
    font-weight: 700;
}

.wallboard-section-copy small[b-ccqe5we8mh] {
    color: var(--mud-palette-text-secondary);
    font-size: .76rem;
}

.wallboard-show-settings[b-ccqe5we8mh] {
    display: grid;
    grid-template-columns: 12rem minmax(0, 1fr);
    align-items: stretch;
    overflow: hidden;
    background: var(--mud-palette-surface);
}

.wallboard-show-settings > .wallboard-section-header[b-ccqe5we8mh] {
    border-right: 1px solid var(--mud-palette-divider);
    border-bottom: 0;
}

.wallboard-show-settings.is-collapsed[b-ccqe5we8mh] {
    grid-template-columns: minmax(0, 1fr);
}

.wallboard-show-settings.is-collapsed > .wallboard-section-header[b-ccqe5we8mh] {
    border-right: 0;
}

.wallboard-show-settings.is-collapsed > .wallboard-section-body[b-ccqe5we8mh] {
    display: none;
}

.wallboard-section-summary[b-ccqe5we8mh] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .5rem;
    margin-left: .35rem;
    padding-left: .65rem;
    border-left: 1px solid var(--mud-palette-divider);
    color: var(--mud-palette-text-secondary);
}

.wallboard-section-summary-text[b-ccqe5we8mh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wallboard-section-badge[b-ccqe5we8mh] {
    display: grid;
    min-width: 1.4rem;
    height: 1.4rem;
    place-items: center;
    padding: 0 .35rem;
    border-radius: .7rem;
    background: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    color: var(--mud-palette-primary);
    font-size: .72rem;
    font-weight: 700;
}

.wallboard-section-body[b-ccqe5we8mh] {
    align-self: center;
    padding: .55rem .9rem .65rem;
}

.wallboard-template-control[b-ccqe5we8mh] {
    min-height: 3.5rem;
}

.wallboard-page-navigator[b-ccqe5we8mh] {
    position: sticky;
    top: 5.5rem;
}

.wallboard-page-list[b-ccqe5we8mh] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.wallboard-page-button[b-ccqe5we8mh] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: transparent;
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    text-align: left;
}

.wallboard-page-button:hover[b-ccqe5we8mh],
.wallboard-page-button:focus-visible[b-ccqe5we8mh] {
    border-color: var(--mud-palette-primary);
    outline: none;
}

.wallboard-page-button.selected[b-ccqe5we8mh] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
}

.wallboard-page-number[b-ccqe5we8mh] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-weight: 700;
}

.wallboard-page-summary[b-ccqe5we8mh] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.wallboard-page-summary small[b-ccqe5we8mh] {
    color: var(--mud-palette-text-secondary);
}

.wallboard-page-drag[b-ccqe5we8mh] {
    color: var(--mud-palette-text-secondary);
}

.wallboard-duration-controls[b-ccqe5we8mh] {
    flex-wrap: wrap;
}

.wallboard-duration-custom[b-ccqe5we8mh] {
    width: 10rem;
}

.wallboard-logo-field[b-ccqe5we8mh] {
    display: flex;
    min-height: 7rem;
    align-items: center;
    gap: 1rem;
}

.wallboard-logo-empty[b-ccqe5we8mh] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.wallboard-logo-image[b-ccqe5we8mh] {
    width: 9rem;
    height: 5rem;
    object-fit: contain;
}

.wallboard-logo-url[b-ccqe5we8mh] {
    max-width: 22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wallboard-content-empty[b-ccqe5we8mh] {
    display: flex;
    min-height: 15rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: 2rem;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    text-align: center;
}

.wallboard-report-row[b-ccqe5we8mh] {
    margin-bottom: .5rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.wallboard-report-title[b-ccqe5we8mh] {
    display: flex;
    min-width: 12rem;
    flex: 1 1 auto;
    align-items: center;
    gap: .75rem;
}

.wallboard-play-form[b-ccqe5we8mh] {
    display: none;
}

@media (max-width: 959px) {
    .wallboard-page-navigator[b-ccqe5we8mh] {
        position: static;
    }

    .wallboard-page-list[b-ccqe5we8mh] {
        overflow-x: auto;
        flex-direction: row;
        padding-bottom: .25rem;
    }

    .wallboard-page-button[b-ccqe5we8mh] {
        min-width: 14rem;
    }
}

@media (max-width: 600px) {
    .wallboard-logo-field[b-ccqe5we8mh],
    .wallboard-report-title[b-ccqe5we8mh] {
        align-items: stretch;
        flex-direction: column;
    }

    .wallboard-logo-image[b-ccqe5we8mh] {
        width: 100%;
    }

    .wallboard-duration-custom[b-ccqe5we8mh] {
        width: 100%;
    }
}

.wallboard-designer[b-ccqe5we8mh] {
    display: grid;
    grid-template-columns: minmax(248px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
}

.wallboard-slide-rail[b-ccqe5we8mh] {
    position: sticky;
    top: 5.5rem;
    max-height: calc(100vh - 7rem);
    overflow: hidden;
    border-color: color-mix(in srgb, var(--mud-palette-primary) 24%, var(--mud-palette-divider));
    background: color-mix(in srgb, var(--mud-palette-background-grey) 42%, var(--mud-palette-surface));
    box-shadow: var(--mud-elevation-2);
}

.wallboard-slide-rail-header[b-ccqe5we8mh] {
    background: color-mix(in srgb, var(--mud-palette-background-grey) 86%, var(--mud-palette-surface));
}

.wallboard-slide-list[b-ccqe5we8mh] {
    display: flex;
    max-height: calc(100vh - 15rem);
    flex-direction: column;
    gap: .55rem;
    overflow-y: auto;
    padding: .55rem .65rem .2rem;
}

.wallboard-slide-row[b-ccqe5we8mh] {
    display: flex;
    align-items: center;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: .65rem;
    background: var(--mud-palette-surface);
    transition: border-color .15s ease, background-color .15s ease;
}

.wallboard-slide-row:hover[b-ccqe5we8mh],
.wallboard-slide-row:focus-within[b-ccqe5we8mh] {
    border-color: var(--mud-palette-primary);
}

.wallboard-slide-row.selected[b-ccqe5we8mh] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 13%, var(--mud-palette-surface));
    box-shadow: inset 3px 0 0 var(--mud-palette-primary);
}

.wallboard-slide-select[b-ccqe5we8mh] {
    display: grid;
    min-width: 0;
    flex: 1 1 auto;
    grid-template-columns: 1.8rem 4.4rem minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    padding: .65rem .35rem .65rem .65rem;
    border: 0;
    background: transparent;
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    text-align: left;
}

.wallboard-slide-select:focus-visible[b-ccqe5we8mh],
.wallboard-legacy-report:focus-visible[b-ccqe5we8mh] {
    border-radius: .5rem;
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
}

.wallboard-slide-number[b-ccqe5we8mh] {
    display: grid;
    width: 1.65rem;
    height: 1.65rem;
    place-items: center;
    border-radius: 50%;
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
    font-size: .75rem;
    font-weight: 700;
}

.wallboard-slide-row.selected .wallboard-slide-number[b-ccqe5we8mh] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 52%, transparent);
    background: color-mix(in srgb, var(--mud-palette-primary) 16%, transparent);
    color: var(--mud-palette-primary);
}

.wallboard-slide-thumbnail[b-ccqe5we8mh] {
    display: grid;
    width: 4.4rem;
    aspect-ratio: 16 / 9;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--mud-palette-divider);
    border-radius: .35rem;
    color: #fff;
}

.wallboard-slide-thumbnail.is-grid[b-ccqe5we8mh] {
    background:
        linear-gradient(90deg, transparent 48%, rgba(255,255,255,.2) 49%, rgba(255,255,255,.2) 51%, transparent 52%),
        linear-gradient(transparent 48%, rgba(255,255,255,.2) 49%, rgba(255,255,255,.2) 51%, transparent 52%),
        color-mix(in srgb, var(--mud-palette-primary) 72%, #101827);
}

.wallboard-slide-thumbnail.is-table[b-ccqe5we8mh] {
    background:
        repeating-linear-gradient(0deg, rgba(255,255,255,.16) 0 1px, transparent 1px 7px),
        color-mix(in srgb, var(--mud-palette-info) 68%, #101827);
}

.wallboard-slide-thumbnail.is-empty[b-ccqe5we8mh] {
    border-style: dashed;
    background: color-mix(in srgb, var(--mud-palette-surface) 80%, #111827);
    color: var(--mud-palette-text-secondary);
}

.wallboard-slide-summary[b-ccqe5we8mh],
.wallboard-slide-summary strong[b-ccqe5we8mh],
.wallboard-slide-summary small[b-ccqe5we8mh] {
    min-width: 0;
}

.wallboard-slide-summary[b-ccqe5we8mh] {
    display: flex;
    flex-direction: column;
}

.wallboard-slide-summary strong[b-ccqe5we8mh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wallboard-slide-summary small[b-ccqe5we8mh],
.wallboard-legacy-heading small[b-ccqe5we8mh],
.wallboard-legacy-report small[b-ccqe5we8mh] {
    color: var(--mud-palette-text-secondary);
}

.wallboard-slide-drag[b-ccqe5we8mh] {
    margin-right: .35rem;
    color: var(--mud-palette-text-secondary);
    cursor: grab;
}

[b-ccqe5we8mh] .wallboard-slide-actions {
    flex: 0 0 auto;
}

.wallboard-legacy-page[b-ccqe5we8mh] {
    padding: .55rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 55%, transparent);
    border-radius: .65rem;
    background: color-mix(in srgb, var(--mud-palette-warning) 7%, transparent);
}

.wallboard-legacy-heading[b-ccqe5we8mh] {
    display: grid;
    grid-template-columns: 1.8rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .6rem;
    padding: .2rem .15rem .5rem;
}

.wallboard-legacy-heading > span:nth-child(2)[b-ccqe5we8mh],
.wallboard-legacy-report > span[b-ccqe5we8mh] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.wallboard-legacy-report[b-ccqe5we8mh] {
    display: grid;
    width: 100%;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    margin-top: .35rem;
    padding: .55rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    background: color-mix(in srgb, var(--mud-palette-surface) 90%, transparent);
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    text-align: left;
}

.wallboard-legacy-report:hover[b-ccqe5we8mh],
.wallboard-legacy-report.selected[b-ccqe5we8mh] {
    border-color: var(--mud-palette-primary);
}

.wallboard-legacy-report.selected[b-ccqe5we8mh] {
    background: color-mix(in srgb, var(--mud-palette-primary) 13%, transparent);
}

/* Collapsed rail keeps two grid tracks so the designer stays a two-column layout, and keeps
   every control in the DOM so Academy tour targets can still be found. */
.wallboard-designer.is-rail-collapsed[b-ccqe5we8mh] {
    grid-template-columns: 3.75rem minmax(0, 1fr);
}

.wallboard-designer.is-rail-collapsed .wallboard-section-header[b-ccqe5we8mh] {
    justify-content: center;
    padding-inline: .3rem;
    gap: .25rem;
}

.wallboard-designer.is-rail-collapsed .wallboard-slide-rail-header .wallboard-section-icon[b-ccqe5we8mh],
.wallboard-designer.is-rail-collapsed .wallboard-slide-rail-header .wallboard-section-copy[b-ccqe5we8mh],
.wallboard-designer.is-rail-collapsed .wallboard-slide-rail-header .wallboard-section-badge[b-ccqe5we8mh],
.wallboard-designer.is-rail-collapsed .wallboard-slide-add-label[b-ccqe5we8mh],
.wallboard-designer.is-rail-collapsed .wallboard-slide-summary[b-ccqe5we8mh],
.wallboard-designer.is-rail-collapsed .wallboard-slide-rail-footer[b-ccqe5we8mh] {
    display: none;
}

/* MudBlazor renders these, so scope isolation needs ::deep to reach them. */
.wallboard-designer.is-rail-collapsed[b-ccqe5we8mh]  .wallboard-slide-drag {
    display: none;
}

.wallboard-designer.is-rail-collapsed[b-ccqe5we8mh]  .wallboard-slide-actions {
    display: none;
}

.wallboard-designer.is-rail-collapsed .wallboard-slide-rail-header[b-ccqe5we8mh] {
    flex-direction: column-reverse;
    min-height: auto;
    padding-block: .4rem;
}

.wallboard-designer.is-rail-collapsed[b-ccqe5we8mh]  .wallboard-slide-add {
    min-width: 0;
    padding: .25rem;
}

.wallboard-designer.is-rail-collapsed .wallboard-slide-list[b-ccqe5we8mh] {
    padding-inline: .35rem;
}

.wallboard-designer.is-rail-collapsed .wallboard-slide-select[b-ccqe5we8mh] {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: .3rem;
    padding: .45rem .2rem;
}

.wallboard-designer.is-rail-collapsed .wallboard-slide-thumbnail[b-ccqe5we8mh] {
    width: 2.4rem;
}

.wallboard-designer.is-rail-collapsed .wallboard-legacy-page[b-ccqe5we8mh] {
    padding: .3rem;
}

.wallboard-designer.is-rail-collapsed .wallboard-legacy-heading[b-ccqe5we8mh],
.wallboard-designer.is-rail-collapsed .wallboard-legacy-report[b-ccqe5we8mh] {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
}

.wallboard-designer.is-rail-collapsed .wallboard-legacy-heading > span:nth-child(2)[b-ccqe5we8mh],
.wallboard-designer.is-rail-collapsed .wallboard-legacy-report > span[b-ccqe5we8mh] {
    display: none;
}

.wallboard-designer-stage[b-ccqe5we8mh] {
    min-width: 0;
}

.wallboard-selected-slide[b-ccqe5we8mh] {
    min-width: 0;
    overflow: clip;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 42%, var(--mud-palette-divider));
    border-radius: 14px;
    background: color-mix(in srgb, var(--mud-palette-background-grey) 68%, var(--mud-palette-surface));
    box-shadow: var(--mud-elevation-3);
}

.wallboard-slide-toolbar[b-ccqe5we8mh] {
    position: sticky;
    top: 4.75rem;
    z-index: 5;
}

.wallboard-slide-settings[b-ccqe5we8mh] {
    padding: .55rem .75rem !important;
    border-bottom: 1px solid var(--mud-palette-divider);
    border-radius: 0;
    background: color-mix(in srgb, var(--mud-palette-surface) 96%, transparent);
    box-shadow: none;
    backdrop-filter: blur(8px);
}

.wallboard-report-region[b-ccqe5we8mh] {
    min-width: 0;
    padding: .7rem;
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--mud-palette-surface));
}

.wallboard-active-title[b-ccqe5we8mh] {
    min-width: 10rem;
}

/* The slide toolbar is the only place the report title is editable while embedded, so the
   heading doubles as the rename control. */
.wallboard-active-title[b-ccqe5we8mh]  .wallboard-rename-trigger {
    justify-content: flex-start;
    min-width: 0;
    max-width: 100%;
    padding: 0 .35rem;
    color: var(--mud-palette-text-primary);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6;
    text-transform: none;
}

.wallboard-active-title[b-ccqe5we8mh]  .wallboard-rename-trigger .mud-button-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wallboard-active-title[b-ccqe5we8mh]  .wallboard-rename-field {
    max-width: 20rem;
}

.wallboard-slide-duration[b-ccqe5we8mh] {
    width: 5.5rem;
}

.wallboard-empty-slide[b-ccqe5we8mh] {
    display: flex;
    min-height: 32rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: 2rem;
    border-style: dashed;
    background: var(--mud-palette-surface);
    text-align: center;
}

.wallboard-designer-stage[b-ccqe5we8mh]  .wallboard-report-embedded {
    min-width: 0;
}

@media (max-width: 1100px) {
    .wallboard-designer[b-ccqe5we8mh],
    .wallboard-designer.is-rail-collapsed[b-ccqe5we8mh] {
        grid-template-columns: 1fr;
    }

    .wallboard-designer.is-rail-collapsed .wallboard-slide-list[b-ccqe5we8mh] {
        display: none;
    }

    .wallboard-slide-rail[b-ccqe5we8mh] {
        position: static;
        max-height: none;
    }

    .wallboard-slide-list[b-ccqe5we8mh] {
        max-height: none;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: .75rem;
    }

    .wallboard-slide-row[b-ccqe5we8mh],
    .wallboard-legacy-page[b-ccqe5we8mh] {
        min-width: 17rem;
    }

    .wallboard-slide-toolbar[b-ccqe5we8mh] {
        position: static;
    }
}

@media (max-width: 959px) {
    .wallboard-show-settings[b-ccqe5we8mh] {
        display: block;
    }

    .wallboard-show-settings > .wallboard-section-header[b-ccqe5we8mh] {
        border-right: 0;
        border-bottom: 1px solid var(--mud-palette-divider);
    }
}

@media (max-width: 600px) {
    .wallboard-section-header[b-ccqe5we8mh] {
        padding-inline: .85rem;
    }

    .wallboard-section-copy small[b-ccqe5we8mh],
    .wallboard-section-summary[b-ccqe5we8mh] {
        display: none;
    }

    .wallboard-section-body[b-ccqe5we8mh],
    .wallboard-report-region[b-ccqe5we8mh] {
        padding: .6rem;
    }

    .wallboard-slide-toolbar .mud-stack-row[b-ccqe5we8mh] {
        align-items: stretch !important;
    }

    .wallboard-slide-duration[b-ccqe5we8mh] {
        width: 100%;
    }
}
/* /Components/Pages/Portal/WallboardsIndex.razor.rz.scp.css */
.wallboards-toolbar[b-9atb2kfn7o] {
    position: relative;
}

.wallboards-search[b-9atb2kfn7o] {
    flex: 1 1 20rem;
    max-width: 30rem;
}

.wallboards-sort[b-9atb2kfn7o] {
    min-width: 13rem;
}

.wallboards-results[b-9atb2kfn7o] {
    white-space: nowrap;
}

.wallboard-card[b-9atb2kfn7o] {
    height: 100%;
    transition: border-color .15s ease, transform .15s ease;
}

.wallboard-card:hover[b-9atb2kfn7o] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 55%, transparent);
    transform: translateY(-1px);
}

.wallboard-card-icon[b-9atb2kfn7o] {
    flex: 0 0 auto;
}

.wallboard-card-main[b-9atb2kfn7o] {
    min-width: 0;
    flex: 1 1 auto;
}

.wallboard-title-row[b-9atb2kfn7o] {
    flex-wrap: wrap;
}

.wallboard-title-link[b-9atb2kfn7o] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--mud-palette-text-primary);
    font-weight: 500;
    overflow-wrap: anywhere;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--mud-palette-primary) 45%, transparent);
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
}

.wallboard-title-link:hover[b-9atb2kfn7o] {
    color: var(--mud-palette-primary);
    text-decoration-color: currentColor;
}

.wallboard-title-edit-icon[b-9atb2kfn7o] {
    flex: 0 0 auto;
    color: var(--mud-palette-primary);
    opacity: .8;
}

.wallboard-metadata[b-9atb2kfn7o] {
    flex-wrap: wrap;
}

.wallboard-metadata .mud-typography[b-9atb2kfn7o] {
    display: inline-flex;
    gap: .3rem;
    align-items: center;
}

.wallboard-card-actions[b-9atb2kfn7o] {
    flex-wrap: wrap;
}

.play-compact-label[b-9atb2kfn7o] {
    display: none;
}

.wallboards-empty[b-9atb2kfn7o] {
    display: flex;
    min-height: 16rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: center;
}

@media (max-width: 700px) {
    .wallboards-search[b-9atb2kfn7o],
    .wallboards-sort[b-9atb2kfn7o] {
        width: 100%;
        max-width: none;
    }

    .wallboards-results[b-9atb2kfn7o] {
        margin-right: auto;
    }

    .play-wide-label[b-9atb2kfn7o] {
        display: none;
    }

    .play-compact-label[b-9atb2kfn7o] {
        display: inline;
    }

}
/* /Components/WallboardLogoDialog.razor.rz.scp.css */
.wallboard-logo-option[b-r1d1bpuhl8] {
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    text-align: left;
}

.wallboard-logo-option:hover[b-r1d1bpuhl8],
.wallboard-logo-option:focus-visible[b-r1d1bpuhl8] {
    border-color: var(--mud-palette-primary);
    outline: none;
}

.wallboard-logo-option span[b-r1d1bpuhl8] {
    display: block;
    padding: .65rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wallboard-logo-option-image[b-r1d1bpuhl8] {
    display: block;
    width: 100%;
    height: 7rem;
    object-fit: contain;
    background: rgba(0, 0, 0, .15);
}

.wallboard-logo-preview[b-r1d1bpuhl8] {
    width: 100%;
    max-height: 14rem;
    object-fit: contain;
}

.wallboard-logo-upload[b-r1d1bpuhl8] {
    position: relative;
    width: fit-content;
    cursor: pointer;
}

.wallboard-logo-upload[b-r1d1bpuhl8]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}