/* /Components/Layout/LandingLayout.razor.rz.scp.css */
#blazor-error-ui[b-js63cgcsyv] {
    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-js63cgcsyv] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-4i8c2mwuze] {
    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-4i8c2mwuze] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ytu7dhlnts],
.components-reconnect-repeated-attempt-visible[b-ytu7dhlnts],
.components-reconnect-failed-visible[b-ytu7dhlnts],
.components-pause-visible[b-ytu7dhlnts],
.components-resume-failed-visible[b-ytu7dhlnts],
.components-rejoining-animation[b-ytu7dhlnts] {
    display: none;
}

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


#components-reconnect-modal[b-ytu7dhlnts] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ytu7dhlnts 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-ytu7dhlnts] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ytu7dhlnts] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-ytu7dhlnts] {
        background-color: #6b9ed2;
    }

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/CreateEvent.razor.rz.scp.css */
.scrimmy-event-editor-page[b-d29u3myrey] {
    display: grid;
    gap: 28px;
    min-width: 0;
    color: var(--scrimmy-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.scrimmy-event-editor-page[b-d29u3myrey],
.scrimmy-event-editor-page *[b-d29u3myrey],
.scrimmy-event-editor-page *[b-d29u3myrey]::before,
.scrimmy-event-editor-page *[b-d29u3myrey]::after {
    box-sizing: border-box;
}

.scrimmy-event-editor-page h1[b-d29u3myrey],
.scrimmy-event-editor-page h2[b-d29u3myrey],
.scrimmy-event-editor-page p[b-d29u3myrey] {
    margin: 0;
}

.scrimmy-event-editor-page a[b-d29u3myrey] {
    color: inherit;
    text-decoration: none;
}

.scrimmy-event-editor-page a:focus-visible[b-d29u3myrey] {
    outline: 4px solid var(--scrimmy-mint-focus);
    outline-offset: 3px;
}

.scrimmy-event-editor-heading[b-d29u3myrey] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.scrimmy-event-editor-heading > div[b-d29u3myrey] {
    min-width: 0;
}

.scrimmy-event-editor-heading > div > p[b-d29u3myrey],
.scrimmy-event-editor-card > header > p[b-d29u3myrey] {
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.scrimmy-event-editor-heading h1[b-d29u3myrey] {
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3.3rem, 6vw, 6.2rem);
    font-weight: 700;
    letter-spacing: -.065em;
    line-height: .78;
    text-transform: uppercase;
}

.scrimmy-event-editor-heading > div > span[b-d29u3myrey] {
    display: block;
    max-width: 700px;
    margin-top: 18px;
    color: var(--scrimmy-text-muted);
    font-size: .94rem;
    font-weight: 600;
    line-height: 1.6;
}

.scrimmy-event-page-button[b-d29u3myrey] {
    appearance: none;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 15px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease;
}

.scrimmy-event-page-button:hover[b-d29u3myrey] {
    transform: translate(-2px, -2px);
}

.scrimmy-event-page-button.is-secondary[b-d29u3myrey] {
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text);
}

.scrimmy-event-editor-alert[b-d29u3myrey] {
    min-height: 52px;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    background: var(--scrimmy-danger);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text-dark);
    font-size: .84rem;
    font-weight: 800;
}

.scrimmy-event-editor-card[b-d29u3myrey] {
    overflow: hidden;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-hard);
}

.scrimmy-event-editor-card > header[b-d29u3myrey] {
    position: relative;
    overflow: hidden;
    min-height: 150px;
    display: grid;
    align-content: center;
    padding: clamp(24px, 4vw, 42px);
    border-bottom: 3px solid var(--scrimmy-stroke);
    background:
        linear-gradient(128deg, var(--scrimmy-mint) 0 58%, var(--scrimmy-mint-deep) 58.3% 100%);
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-editor-card > header[b-d29u3myrey]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(136deg, transparent 0 72%, var(--scrimmy-ink-soft) 72.2% 100%);
}

.scrimmy-event-editor-card > header > *[b-d29u3myrey] {
    position: relative;
    z-index: 1;
}

.scrimmy-event-editor-card > header > p[b-d29u3myrey] {
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-editor-card > header h2[b-d29u3myrey] {
    max-width: 960px;
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(2.6rem, 4.5vw, 4.8rem);
    font-weight: 700;
    letter-spacing: -.055em;
    line-height: .8;
    text-transform: uppercase;
}

.scrimmy-event-editor-card__body[b-d29u3myrey] {
    padding: clamp(18px, 3vw, 30px);
}

.scrimmy-event-editor-page[b-d29u3myrey]  .empty-state {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    padding: clamp(28px, 5vw, 54px);
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background: var(--scrimmy-mint);
    box-shadow: var(--scrimmy-shadow-hard);
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-editor-page[b-d29u3myrey]  .empty-state__copy .eyebrow {
    color: var(--scrimmy-text-dark);
    font-family: Rajdhani, sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.scrimmy-event-editor-page[b-d29u3myrey]  .empty-state__copy h2 {
    max-width: 850px;
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3rem, 5vw, 5.2rem);
    font-weight: 700;
    letter-spacing: -.06em;
    line-height: .8;
    text-transform: uppercase;
}

.scrimmy-event-editor-page[b-d29u3myrey]  .empty-state__copy > p:last-child {
    max-width: 680px;
    margin-top: 18px;
    color: rgba(7, 17, 29, .80);
    font-size: .94rem;
    font-weight: 700;
    line-height: 1.6;
}

.scrimmy-event-editor-page[b-d29u3myrey]  .empty-state__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.scrimmy-event-editor-page[b-d29u3myrey]  .empty-state .primary-action {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 17px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    background: var(--scrimmy-charcoal);
    box-shadow: 6px 6px 0 var(--scrimmy-stroke);
    color: var(--scrimmy-text);
    font-size: .82rem;
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 720px) {
    .scrimmy-event-editor-heading[b-d29u3myrey] {
        align-items: stretch;
        flex-direction: column;
    }

    .scrimmy-event-editor-heading h1[b-d29u3myrey] {
        font-size: clamp(3.1rem, 15vw, 4.5rem);
    }

    .scrimmy-event-page-button[b-d29u3myrey] {
        width: 100%;
    }

    .scrimmy-event-editor-card > header[b-d29u3myrey] {
        min-height: 130px;
        padding: 26px 22px;
        background: var(--scrimmy-mint);
    }

    .scrimmy-event-editor-card__body[b-d29u3myrey] {
        padding: 14px;
    }

    .scrimmy-event-editor-page[b-d29u3myrey]  .empty-state {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 28px 24px 34px;
    }

    .scrimmy-event-editor-page[b-d29u3myrey]  .empty-state__actions,
    .scrimmy-event-editor-page[b-d29u3myrey]  .empty-state .primary-action {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scrimmy-event-editor-page *[b-d29u3myrey],
    .scrimmy-event-editor-page *[b-d29u3myrey]::before,
    .scrimmy-event-editor-page *[b-d29u3myrey]::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* /Components/Pages/Dashboard.razor.rz.scp.css */
.scrimmy-dashboard[b-xkd37100xc] {
    display: grid;
    gap: 28px;
    min-width: 0;
    color: var(--scrimmy-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.scrimmy-dashboard[b-xkd37100xc],
.scrimmy-dashboard *[b-xkd37100xc],
.scrimmy-dashboard *[b-xkd37100xc]::before,
.scrimmy-dashboard *[b-xkd37100xc]::after {
    box-sizing: border-box;
}

.scrimmy-dashboard h1[b-xkd37100xc],
.scrimmy-dashboard h2[b-xkd37100xc],
.scrimmy-dashboard h3[b-xkd37100xc],
.scrimmy-dashboard p[b-xkd37100xc],
.scrimmy-dashboard ul[b-xkd37100xc],
.scrimmy-dashboard ol[b-xkd37100xc] {
    margin: 0;
}

.scrimmy-dashboard :where(ul, ol)[b-xkd37100xc] {
    padding: 0;
    list-style: none;
}

.scrimmy-dashboard a[b-xkd37100xc] {
    color: inherit;
    text-decoration: none;
}

.scrimmy-dashboard button[b-xkd37100xc] {
    font: inherit;
}

.scrimmy-dashboard a:focus-visible[b-xkd37100xc],
.scrimmy-dashboard button:focus-visible[b-xkd37100xc] {
    outline: 4px solid var(--scrimmy-mint-focus);
    outline-offset: 3px;
}

.scrimmy-dashboard-eyebrow[b-xkd37100xc] {
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.scrimmy-dashboard-heading[b-xkd37100xc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.scrimmy-dashboard-heading > div:first-child[b-xkd37100xc] {
    min-width: 0;
}

.scrimmy-dashboard-heading h1[b-xkd37100xc],
.scrimmy-dashboard-empty h1[b-xkd37100xc] {
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3.3rem, 6vw, 6.2rem);
    font-weight: 700;
    letter-spacing: -.065em;
    line-height: .78;
    text-transform: uppercase;
}

.scrimmy-dashboard-heading > div:first-child > p:last-child[b-xkd37100xc] {
    max-width: 680px;
    margin-top: 18px;
    color: var(--scrimmy-text-muted);
    font-size: .96rem;
    font-weight: 600;
    line-height: 1.6;
}

.scrimmy-dashboard-heading__actions[b-xkd37100xc],
.scrimmy-dashboard-empty__actions[b-xkd37100xc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.scrimmy-dashboard-button[b-xkd37100xc] {
    appearance: none;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 14px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    cursor: pointer;
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.scrimmy-dashboard-button:hover[b-xkd37100xc] {
    transform: translate(-2px, -2px);
}

.scrimmy-dashboard-button--primary[b-xkd37100xc] {
    min-height: 54px;
    padding: 14px 18px;
    border-radius: 17px;
    background: var(--scrimmy-mint);
    box-shadow: 7px 7px 0 var(--scrimmy-stroke);
    color: var(--scrimmy-text-dark);
    font-size: .86rem;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.scrimmy-dashboard-button--primary:hover[b-xkd37100xc] {
    box-shadow: 9px 9px 0 var(--scrimmy-stroke);
}

.scrimmy-dashboard-button--secondary[b-xkd37100xc],
.scrimmy-dashboard-button--mini[b-xkd37100xc] {
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text);
}

.scrimmy-dashboard-button--mini[b-xkd37100xc] {
    min-height: 40px;
    padding: 9px 12px;
    font-size: .75rem;
    text-transform: uppercase;
}

.scrimmy-dashboard-alert[b-xkd37100xc] {
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    background: var(--scrimmy-danger);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text-dark);
    font-size: .86rem;
    font-weight: 800;
}

.scrimmy-dashboard-empty[b-xkd37100xc],
.scrimmy-dashboard-no-event[b-xkd37100xc] {
    position: relative;
    overflow: hidden;
    min-height: 360px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 30px;
    align-items: center;
    padding: clamp(28px, 5vw, 58px);
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background:
        linear-gradient(128deg, var(--scrimmy-mint) 0 62%, var(--scrimmy-mint-deep) 62.3% 100%);
    box-shadow: var(--scrimmy-shadow-hard);
    color: var(--scrimmy-text-dark);
}

.scrimmy-dashboard-empty[b-xkd37100xc]::after,
.scrimmy-dashboard-no-event[b-xkd37100xc]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(136deg, transparent 0 70%, var(--scrimmy-ink-soft) 70.2% 100%);
}

.scrimmy-dashboard-empty > *[b-xkd37100xc],
.scrimmy-dashboard-no-event > *[b-xkd37100xc] {
    position: relative;
    z-index: 1;
}

.scrimmy-dashboard-empty__mark[b-xkd37100xc] {
    width: 90px;
    height: 90px;
    display: grid;
    place-items: center;
    border: 3px solid var(--scrimmy-stroke);
    background: var(--scrimmy-charcoal);
    box-shadow: 8px 8px 0 var(--scrimmy-stroke);
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    transform: rotate(-3deg);
}

.scrimmy-dashboard-empty .scrimmy-dashboard-eyebrow[b-xkd37100xc],
.scrimmy-dashboard-no-event .scrimmy-dashboard-eyebrow[b-xkd37100xc] {
    color: var(--scrimmy-text-dark);
}

.scrimmy-dashboard-empty h1[b-xkd37100xc] {
    max-width: 790px;
    font-size: clamp(3rem, 5.5vw, 5.4rem);
}

.scrimmy-dashboard-empty > div > p:last-child[b-xkd37100xc],
.scrimmy-dashboard-no-event > div > p:last-child[b-xkd37100xc] {
    max-width: 680px;
    margin-top: 20px;
    color: rgba(7, 17, 29, .82);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.65;
}

.scrimmy-dashboard-empty .scrimmy-dashboard-button--primary[b-xkd37100xc],
.scrimmy-dashboard-no-event .scrimmy-dashboard-button--primary[b-xkd37100xc] {
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-text);
}

.scrimmy-dashboard-empty .scrimmy-dashboard-button--secondary[b-xkd37100xc] {
    background: var(--scrimmy-ink-soft);
    color: var(--scrimmy-text-dark);
}

.scrimmy-dashboard-no-event[b-xkd37100xc] {
    min-height: 300px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.scrimmy-dashboard-no-event h2[b-xkd37100xc] {
    max-width: 800px;
    margin-top: 10px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(2.8rem, 5vw, 5rem);
    font-weight: 700;
    letter-spacing: -.055em;
    line-height: .82;
    text-transform: uppercase;
}

.scrimmy-dashboard-hero-grid[b-xkd37100xc] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
    gap: 22px;
    align-items: stretch;
}

.scrimmy-next-event-card[b-xkd37100xc],
.scrimmy-your-part-card[b-xkd37100xc],
.scrimmy-dashboard-panel[b-xkd37100xc] {
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
}

.scrimmy-next-event-card[b-xkd37100xc] {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: clamp(24px, 3.5vw, 42px);
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-hard);
}

.scrimmy-next-event-card[b-xkd37100xc]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(136deg, transparent 0 63%, var(--scrimmy-mint-wash) 63.2% 100%),
        linear-gradient(45deg, var(--scrimmy-white-faint), transparent 42%);
}

.scrimmy-next-event-card > *[b-xkd37100xc] {
    position: relative;
    z-index: 1;
}

.scrimmy-next-event-card__topline[b-xkd37100xc],
.scrimmy-next-event-card__heading[b-xkd37100xc],
.scrimmy-readiness-block__label[b-xkd37100xc],
.scrimmy-roster-strip[b-xkd37100xc],
.scrimmy-dashboard-panel__header[b-xkd37100xc],
.scrimmy-current-response[b-xkd37100xc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.scrimmy-dashboard-meta-pill[b-xkd37100xc],
.scrimmy-count-pill[b-xkd37100xc] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 11px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-surface-soft);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .22);
    color: var(--scrimmy-text);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.scrimmy-status[b-xkd37100xc] {
    width: fit-content;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-surface-soft);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .22);
    color: var(--scrimmy-text);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.scrimmy-status > span[b-xkd37100xc] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 50%;
    background: var(--scrimmy-text-muted);
}

.scrimmy-status.is-success[b-xkd37100xc] {
    background: var(--scrimmy-success);
    color: var(--scrimmy-text-dark);
}

.scrimmy-status.is-success > span[b-xkd37100xc] {
    background: var(--scrimmy-mint-deep);
}

.scrimmy-status.is-warning[b-xkd37100xc] {
    background: var(--scrimmy-warning);
    color: var(--scrimmy-text-dark);
}

.scrimmy-status.is-warning > span[b-xkd37100xc] {
    background: #c88920;
}

.scrimmy-status.is-danger[b-xkd37100xc] {
    background: var(--scrimmy-danger);
    color: var(--scrimmy-text-dark);
}

.scrimmy-status.is-danger > span[b-xkd37100xc] {
    background: #ad253e;
}

.scrimmy-next-event-card__heading[b-xkd37100xc] {
    align-items: flex-end;
    margin-top: 28px;
}

.scrimmy-next-event-card__heading > div:first-child[b-xkd37100xc] {
    min-width: 0;
}

.scrimmy-next-event-card__heading h2[b-xkd37100xc] {
    max-width: 850px;
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3rem, 5.2vw, 5.6rem);
    font-weight: 700;
    letter-spacing: -.06em;
    line-height: .79;
    text-transform: uppercase;
}

.scrimmy-next-event-card__heading > div:first-child > p:last-child[b-xkd37100xc] {
    max-width: 760px;
    margin-top: 18px;
    color: var(--scrimmy-text-muted);
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.55;
}

.scrimmy-readiness-score[b-xkd37100xc] {
    display: grid;
    grid-template-columns: auto auto;
    align-items: end;
    flex: 0 0 auto;
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    line-height: .74;
}

.scrimmy-readiness-score strong[b-xkd37100xc] {
    font-size: clamp(4rem, 6vw, 6.5rem);
    font-weight: 700;
    letter-spacing: -.08em;
}

.scrimmy-readiness-score > span[b-xkd37100xc] {
    padding-bottom: 6px;
    color: var(--scrimmy-text-muted);
    font-size: 2rem;
    font-weight: 700;
}

.scrimmy-readiness-score small[b-xkd37100xc] {
    grid-column: 1 / -1;
    margin-top: 8px;
    color: var(--scrimmy-text-muted);
    font-family: Inter, system-ui, sans-serif;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-align: right;
    text-transform: uppercase;
}

.scrimmy-readiness-block[b-xkd37100xc] {
    margin-top: 30px;
    padding: 18px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 20px;
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
}

.scrimmy-readiness-block__label[b-xkd37100xc] {
    margin-bottom: 13px;
    font-size: .78rem;
    font-weight: 700;
}

.scrimmy-readiness-block__label span[b-xkd37100xc] {
    color: var(--scrimmy-text-muted);
    letter-spacing: .06em;
    text-transform: uppercase;
}

.scrimmy-readiness-block__label strong[b-xkd37100xc] {
    color: var(--scrimmy-mint-soft);
    text-align: right;
}

.scrimmy-readiness-track[b-xkd37100xc] {
    height: 18px;
    overflow: hidden;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: rgba(0, 0, 0, .18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14);
}

.scrimmy-readiness-track > span[b-xkd37100xc] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--scrimmy-mint-deep), var(--scrimmy-mint), var(--scrimmy-mint-soft));
    transition: width .22s ease;
}

.scrimmy-readiness-track > span.is-warning[b-xkd37100xc] {
    background: linear-gradient(90deg, #d69b2b, var(--scrimmy-warning));
}

.scrimmy-readiness-track > span.is-danger[b-xkd37100xc] {
    background: linear-gradient(90deg, #d93655, var(--scrimmy-danger));
}

.scrimmy-readiness-stats[b-xkd37100xc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.scrimmy-readiness-stats > div[b-xkd37100xc] {
    min-height: 76px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 17px;
    background: var(--scrimmy-surface-soft);
}

.scrimmy-readiness-stats span[b-xkd37100xc] {
    color: var(--scrimmy-text-muted);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.scrimmy-readiness-stats strong[b-xkd37100xc] {
    font-family: Rajdhani, sans-serif;
    font-size: 2.15rem;
    font-weight: 700;
    line-height: .8;
}

.scrimmy-readiness-stats .is-available strong[b-xkd37100xc] {
    color: var(--scrimmy-success);
}

.scrimmy-readiness-stats .is-maybe strong[b-xkd37100xc] {
    color: var(--scrimmy-warning);
}

.scrimmy-readiness-stats .is-unavailable strong[b-xkd37100xc] {
    color: var(--scrimmy-danger);
}

.scrimmy-readiness-stats .is-missing strong[b-xkd37100xc] {
    color: var(--scrimmy-text-muted);
}

.scrimmy-roster-strip[b-xkd37100xc] {
    margin-top: 22px;
    padding: 18px 0;
    border-top: 2px solid var(--scrimmy-line);
    border-bottom: 2px solid var(--scrimmy-line);
}

.scrimmy-avatar-stack[b-xkd37100xc] {
    display: flex;
    padding-left: 10px;
}

.scrimmy-avatar[b-xkd37100xc] {
    position: relative;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    margin-left: -10px;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: 50%;
    background: var(--scrimmy-surface-bright);
    color: var(--scrimmy-text);
    font-family: Rajdhani, sans-serif;
    font-size: .9rem;
    font-weight: 700;
}

.scrimmy-avatar img[b-xkd37100xc] {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
    object-fit: cover;
}

.scrimmy-avatar__fallback[b-xkd37100xc] {
    position: absolute;
    inset: 0;
    display: none;
    place-items: center;
}

.scrimmy-avatar > i[b-xkd37100xc] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 19px;
    height: 19px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 50%;
    background: var(--scrimmy-text-muted);
    color: var(--scrimmy-text-dark);
    font-size: .62rem;
}

.scrimmy-avatar.is-available > i[b-xkd37100xc] {
    background: var(--scrimmy-success);
}

.scrimmy-avatar.is-maybe > i[b-xkd37100xc] {
    background: var(--scrimmy-warning);
}

.scrimmy-avatar.is-unavailable > i[b-xkd37100xc] {
    background: var(--scrimmy-danger);
}

.scrimmy-roster-strip > p[b-xkd37100xc] {
    max-width: 46%;
    text-align: right;
}

.scrimmy-roster-strip > p span[b-xkd37100xc],
.scrimmy-roster-strip > p strong[b-xkd37100xc] {
    display: block;
}

.scrimmy-roster-strip > p span[b-xkd37100xc] {
    margin-bottom: 4px;
    color: var(--scrimmy-warning);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.scrimmy-roster-strip > p strong[b-xkd37100xc] {
    overflow: hidden;
    font-size: .84rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrimmy-roster-strip > p.is-complete span[b-xkd37100xc] {
    color: var(--scrimmy-success);
}

.scrimmy-event-tools[b-xkd37100xc] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.scrimmy-event-tools form[b-xkd37100xc] {
    margin: 0;
}

.scrimmy-your-part-card[b-xkd37100xc] {
    position: relative;
    overflow: hidden;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 28px;
    padding: clamp(24px, 3.2vw, 36px);
    background: var(--scrimmy-mint);
    box-shadow: var(--scrimmy-shadow-hard);
    color: var(--scrimmy-text-dark);
}

.scrimmy-your-part-card[b-xkd37100xc]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(136deg, transparent 0 68%, var(--scrimmy-ink-soft) 68.2% 100%);
}

.scrimmy-your-part-card > *[b-xkd37100xc] {
    position: relative;
    z-index: 1;
}

.scrimmy-your-part-card .scrimmy-dashboard-eyebrow[b-xkd37100xc] {
    color: var(--scrimmy-text-dark);
}

.scrimmy-your-part-card h2[b-xkd37100xc] {
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3rem, 4vw, 4.4rem);
    font-weight: 700;
    letter-spacing: -.06em;
    line-height: .8;
    text-transform: uppercase;
}

.scrimmy-your-part-card > div:first-child > p:last-child[b-xkd37100xc] {
    margin-top: 18px;
    color: rgba(7, 17, 29, .78);
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.55;
}

.scrimmy-current-response[b-xkd37100xc] {
    padding: 13px 14px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 17px;
    background: var(--scrimmy-ink-soft);
}

.scrimmy-current-response > span[b-xkd37100xc] {
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.scrimmy-current-response .scrimmy-status[b-xkd37100xc] {
    box-shadow: none;
}

.scrimmy-availability-form[b-xkd37100xc] {
    margin: 0;
}

.scrimmy-availability-form > div[b-xkd37100xc] {
    display: grid;
    gap: 10px;
}

.scrimmy-response-button[b-xkd37100xc] {
    appearance: none;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 17px;
    background: var(--scrimmy-surface);
    box-shadow: 5px 5px 0 var(--scrimmy-stroke);
    color: var(--scrimmy-text);
    cursor: pointer;
    font-size: .85rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.scrimmy-response-button:hover[b-xkd37100xc] {
    transform: translate(-2px, -2px);
    box-shadow: 7px 7px 0 var(--scrimmy-stroke);
}

.scrimmy-response-button > i[b-xkd37100xc] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 11px;
    background: var(--scrimmy-surface-soft);
}

.scrimmy-response-button.is-available.is-active[b-xkd37100xc] {
    background: var(--scrimmy-success);
    color: var(--scrimmy-text-dark);
}

.scrimmy-response-button.is-maybe.is-active[b-xkd37100xc] {
    background: var(--scrimmy-warning);
    color: var(--scrimmy-text-dark);
}

.scrimmy-response-button.is-unavailable.is-active[b-xkd37100xc] {
    background: var(--scrimmy-danger);
    color: var(--scrimmy-text-dark);
}

.scrimmy-response-button.is-active > i[b-xkd37100xc] {
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-mint-soft);
}

.scrimmy-your-part-card__link[b-xkd37100xc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    font-size: .78rem;
    font-weight: 800;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 4px;
}

.scrimmy-quick-links[b-xkd37100xc] {
    display: grid;
    gap: 10px;
}

.scrimmy-quick-links > a[b-xkd37100xc] {
    min-height: 72px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 11px 12px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 17px;
    background: var(--scrimmy-surface);
    box-shadow: 5px 5px 0 var(--scrimmy-stroke);
    color: var(--scrimmy-text);
    transition: transform .15s ease, box-shadow .15s ease;
}

.scrimmy-quick-links > a:hover[b-xkd37100xc] {
    transform: translate(-2px, -2px);
    box-shadow: 7px 7px 0 var(--scrimmy-stroke);
}

.scrimmy-quick-links > a > i:first-child[b-xkd37100xc] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 13px;
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
}

.scrimmy-quick-links span[b-xkd37100xc],
.scrimmy-quick-links strong[b-xkd37100xc],
.scrimmy-quick-links small[b-xkd37100xc] {
    display: block;
}

.scrimmy-quick-links strong[b-xkd37100xc] {
    font-size: .82rem;
    font-weight: 800;
}

.scrimmy-quick-links small[b-xkd37100xc] {
    margin-top: 3px;
    color: var(--scrimmy-text-muted);
    font-size: .7rem;
    font-weight: 600;
}

.scrimmy-dashboard-lower-grid[b-xkd37100xc] {
    display: grid;
    grid-template-columns: minmax(0, 1.32fr) minmax(330px, .68fr);
    gap: 22px;
    align-items: start;
}

.scrimmy-dashboard-panel[b-xkd37100xc] {
    min-width: 0;
    overflow: hidden;
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-soft);
}

.scrimmy-dashboard-panel__header[b-xkd37100xc] {
    min-height: 92px;
    padding: 18px 20px;
    border-bottom: 3px solid var(--scrimmy-stroke);
    background:
        linear-gradient(135deg, rgba(96, 200, 176, .28), transparent 52%),
        var(--scrimmy-surface-soft);
}

.scrimmy-dashboard-panel__header h2[b-xkd37100xc] {
    margin-top: 5px;
    font-family: Rajdhani, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -.05em;
    line-height: .82;
    text-transform: uppercase;
}

.scrimmy-count-pill[b-xkd37100xc] {
    min-width: 40px;
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
    font-family: Rajdhani, sans-serif;
    font-size: 1.2rem;
}

.scrimmy-schedule-list[b-xkd37100xc] {
    display: grid;
    gap: 10px;
    padding: 18px;
}

.scrimmy-schedule-list li > a[b-xkd37100xc] {
    min-height: 86px;
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr) auto 68px 22px;
    gap: 14px;
    align-items: center;
    padding: 10px 12px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 19px;
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}

.scrimmy-schedule-list li > a:hover[b-xkd37100xc] {
    background: var(--scrimmy-surface-bright);
    box-shadow: 6px 6px 0 rgba(0, 0, 0, .26);
    transform: translateY(-2px);
}

.scrimmy-schedule-list li.is-next > a[b-xkd37100xc] {
    outline: 4px solid rgba(96, 200, 176, .30);
    background: #173746;
}

.scrimmy-schedule-list time[b-xkd37100xc] {
    width: 62px;
    min-height: 62px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 15px;
    background: var(--scrimmy-charcoal);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, .28);
    text-align: center;
}

.scrimmy-schedule-list time span[b-xkd37100xc],
.scrimmy-schedule-list time strong[b-xkd37100xc],
.scrimmy-schedule-list time small[b-xkd37100xc],
.scrimmy-schedule-list__event small[b-xkd37100xc],
.scrimmy-schedule-list__event strong[b-xkd37100xc],
.scrimmy-schedule-list__event > span[b-xkd37100xc],
.scrimmy-schedule-list__score strong[b-xkd37100xc],
.scrimmy-schedule-list__score small[b-xkd37100xc] {
    display: block;
}

.scrimmy-schedule-list time span[b-xkd37100xc] {
    color: var(--scrimmy-mint-soft);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.scrimmy-schedule-list time strong[b-xkd37100xc] {
    font-family: Rajdhani, sans-serif;
    font-size: 1.45rem;
    line-height: .9;
}

.scrimmy-schedule-list time small[b-xkd37100xc] {
    margin-top: 3px;
    color: var(--scrimmy-text-muted);
    font-size: .65rem;
    font-weight: 700;
}

.scrimmy-schedule-list__event[b-xkd37100xc] {
    min-width: 0;
}

.scrimmy-schedule-list__event small[b-xkd37100xc] {
    margin-bottom: 3px;
    color: var(--scrimmy-mint-soft);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.scrimmy-schedule-list__event strong[b-xkd37100xc],
.scrimmy-schedule-list__event > span[b-xkd37100xc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrimmy-schedule-list__event strong[b-xkd37100xc] {
    font-size: .9rem;
    font-weight: 800;
}

.scrimmy-schedule-list__event > span[b-xkd37100xc] {
    margin-top: 4px;
    color: var(--scrimmy-text-muted);
    font-size: .7rem;
    font-weight: 600;
}

.scrimmy-schedule-list__score[b-xkd37100xc] {
    text-align: right;
    white-space: nowrap;
}

.scrimmy-schedule-list__score strong[b-xkd37100xc] {
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: 1.55rem;
    line-height: .9;
}

.scrimmy-schedule-list__score small[b-xkd37100xc] {
    margin-top: 3px;
    color: var(--scrimmy-text-muted);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.scrimmy-schedule-list li > a > .bi-arrow-right[b-xkd37100xc] {
    color: var(--scrimmy-text-muted);
}

.scrimmy-dashboard-side-stack[b-xkd37100xc] {
    display: grid;
    gap: 22px;
}

.scrimmy-notifications-toolbar[b-xkd37100xc] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 16px;
    border-bottom: 2px solid var(--scrimmy-line);
    color: var(--scrimmy-text-muted);
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.scrimmy-notifications-toolbar form[b-xkd37100xc] {
    margin: 0;
}

.scrimmy-notifications-toolbar button[b-xkd37100xc] {
    appearance: none;
    padding: 7px 9px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
    cursor: pointer;
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
}

.scrimmy-notification-list[b-xkd37100xc] {
    display: grid;
    gap: 10px;
    padding: 18px;
}

.scrimmy-notification-list li[b-xkd37100xc] {
    min-height: 78px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px;
    gap: 8px;
    align-items: center;
    padding: 10px 10px 10px 12px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 17px;
    background: var(--scrimmy-surface-soft);
}

.scrimmy-notification-list li > a[b-xkd37100xc] {
    min-width: 0;
}

.scrimmy-notification-list li > a span[b-xkd37100xc],
.scrimmy-notification-list li > a strong[b-xkd37100xc],
.scrimmy-notification-list li > a small[b-xkd37100xc] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrimmy-notification-list li > a span[b-xkd37100xc] {
    color: var(--scrimmy-mint-soft);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.scrimmy-notification-list li > a strong[b-xkd37100xc] {
    margin-top: 3px;
    font-size: .8rem;
    font-weight: 800;
}

.scrimmy-notification-list li > a small[b-xkd37100xc] {
    margin-top: 4px;
    color: var(--scrimmy-text-muted);
    font-size: .65rem;
    font-weight: 600;
}

.scrimmy-notification-list form[b-xkd37100xc] {
    margin: 0;
}

.scrimmy-notification-list button[b-xkd37100xc] {
    appearance: none;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 13px;
    background: var(--scrimmy-surface-bright);
    color: var(--scrimmy-mint-soft);
    cursor: pointer;
}

.scrimmy-task-list[b-xkd37100xc] {
    display: grid;
    gap: 10px;
    padding: 18px;
}

.scrimmy-task-list li[b-xkd37100xc] {
    min-height: 54px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 9px 10px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 15px;
    background: var(--scrimmy-surface-soft);
}

.scrimmy-task-list li > span[b-xkd37100xc] {
    width: 18px;
    height: 18px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 6px;
    background: var(--scrimmy-warning);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .24);
}

.scrimmy-task-list li > a[b-xkd37100xc] {
    min-width: 0;
    overflow: hidden;
    font-size: .77rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrimmy-task-list li > i[b-xkd37100xc] {
    color: var(--scrimmy-text-muted);
    font-size: .78rem;
}

.scrimmy-task-list li.is-done[b-xkd37100xc] {
    opacity: .62;
}

.scrimmy-task-list li.is-done > span[b-xkd37100xc] {
    background: var(--scrimmy-success);
}

.scrimmy-task-list li.is-done > a[b-xkd37100xc] {
    text-decoration: line-through;
}

.scrimmy-tasks-panel__footer[b-xkd37100xc] {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-top: 3px solid var(--scrimmy-stroke);
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-mint-soft) !important;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.scrimmy-panel-empty[b-xkd37100xc] {
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 24px;
    color: var(--scrimmy-text-muted);
}

.scrimmy-panel-empty.is-compact[b-xkd37100xc] {
    min-height: 118px;
}

.scrimmy-panel-empty > i[b-xkd37100xc] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 14px;
    background: var(--scrimmy-mint);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text-dark);
    font-size: 1.1rem;
}

.scrimmy-panel-empty strong[b-xkd37100xc],
.scrimmy-panel-empty span[b-xkd37100xc] {
    display: block;
}

.scrimmy-panel-empty strong[b-xkd37100xc] {
    color: var(--scrimmy-text);
    font-size: .84rem;
    font-weight: 800;
}

.scrimmy-panel-empty span[b-xkd37100xc] {
    margin-top: 3px;
    font-size: .72rem;
    font-weight: 600;
}

@media (max-width: 1180px) {
    .scrimmy-dashboard-heading[b-xkd37100xc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .scrimmy-dashboard-heading__actions[b-xkd37100xc] {
        justify-content: flex-start;
    }

    .scrimmy-dashboard-hero-grid[b-xkd37100xc],
    .scrimmy-dashboard-lower-grid[b-xkd37100xc] {
        grid-template-columns: 1fr;
    }

    .scrimmy-dashboard-side-stack[b-xkd37100xc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .scrimmy-dashboard-empty[b-xkd37100xc] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .scrimmy-dashboard-empty > .scrimmy-dashboard-button[b-xkd37100xc],
    .scrimmy-dashboard-empty > .scrimmy-dashboard-empty__actions[b-xkd37100xc] {
        grid-column: 2;
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .scrimmy-dashboard[b-xkd37100xc] {
        gap: 22px;
    }

    .scrimmy-dashboard-heading h1[b-xkd37100xc],
    .scrimmy-dashboard-empty h1[b-xkd37100xc] {
        font-size: clamp(3rem, 15vw, 4.4rem);
    }

    .scrimmy-dashboard-heading__actions[b-xkd37100xc],
    .scrimmy-dashboard-empty__actions[b-xkd37100xc] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .scrimmy-dashboard-heading__actions .scrimmy-dashboard-button[b-xkd37100xc],
    .scrimmy-dashboard-empty__actions .scrimmy-dashboard-button[b-xkd37100xc] {
        width: 100%;
    }

    .scrimmy-dashboard-empty[b-xkd37100xc],
    .scrimmy-dashboard-no-event[b-xkd37100xc] {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 28px 24px 34px;
        background: var(--scrimmy-mint);
    }

    .scrimmy-dashboard-empty__mark[b-xkd37100xc] {
        width: 72px;
        height: 72px;
        font-size: 3.2rem;
    }

    .scrimmy-dashboard-empty > .scrimmy-dashboard-button[b-xkd37100xc],
    .scrimmy-dashboard-empty > .scrimmy-dashboard-empty__actions[b-xkd37100xc] {
        grid-column: auto;
    }

    .scrimmy-dashboard-empty > .scrimmy-dashboard-button[b-xkd37100xc],
    .scrimmy-dashboard-no-event > .scrimmy-dashboard-button[b-xkd37100xc] {
        width: 100%;
    }

    .scrimmy-next-event-card[b-xkd37100xc],
    .scrimmy-your-part-card[b-xkd37100xc] {
        padding: 24px 20px;
    }

    .scrimmy-next-event-card__heading[b-xkd37100xc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .scrimmy-next-event-card__heading h2[b-xkd37100xc] {
        font-size: clamp(3rem, 14vw, 4.5rem);
    }

    .scrimmy-readiness-score[b-xkd37100xc] {
        align-self: flex-end;
    }

    .scrimmy-readiness-stats[b-xkd37100xc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .scrimmy-roster-strip[b-xkd37100xc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .scrimmy-roster-strip > p[b-xkd37100xc] {
        max-width: 100%;
        text-align: left;
    }

    .scrimmy-event-tools[b-xkd37100xc] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .scrimmy-event-tools form[b-xkd37100xc],
    .scrimmy-event-tools .scrimmy-dashboard-button[b-xkd37100xc] {
        width: 100%;
    }

    .scrimmy-dashboard-side-stack[b-xkd37100xc] {
        grid-template-columns: 1fr;
    }

    .scrimmy-dashboard-panel__header[b-xkd37100xc] {
        min-height: 82px;
        padding: 16px;
    }

    .scrimmy-dashboard-panel__header h2[b-xkd37100xc] {
        font-size: 2.15rem;
    }

    .scrimmy-schedule-list[b-xkd37100xc] {
        padding: 12px;
    }

    .scrimmy-schedule-list li > a[b-xkd37100xc] {
        grid-template-columns: 60px minmax(0, 1fr) auto;
        gap: 11px;
    }

    .scrimmy-schedule-list li > a > .scrimmy-status[b-xkd37100xc] {
        grid-column: 2;
        width: fit-content;
    }

    .scrimmy-schedule-list__score[b-xkd37100xc] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .scrimmy-schedule-list li > a > .bi-arrow-right[b-xkd37100xc] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scrimmy-dashboard *[b-xkd37100xc],
    .scrimmy-dashboard *[b-xkd37100xc]::before,
    .scrimmy-dashboard *[b-xkd37100xc]::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
.scrimmy-setup-panel[b-xkd37100xc] {
    overflow: hidden;
    margin-bottom: 22px;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-card);
}

.scrimmy-setup-panel .scrimmy-progress-head[b-xkd37100xc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.scrimmy-setup-panel h2[b-xkd37100xc],
.scrimmy-setup-panel p[b-xkd37100xc] {
    margin: 0;
}

.scrimmy-setup-panel h2[b-xkd37100xc] {
    margin-top: 5px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: .86;
    letter-spacing: -.045em;
    text-transform: uppercase;
}

.scrimmy-setup-score[b-xkd37100xc] {
    flex: 0 0 auto;
    padding: 9px 12px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-mint-soft);
    font-weight: 900;
}

.scrimmy-setup-list[b-xkd37100xc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 20px;
    list-style: none;
}

.scrimmy-setup-list li[b-xkd37100xc] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 82px;
    padding: 12px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 18px;
    background: var(--scrimmy-surface-soft);
    box-shadow: 5px 5px 0 rgba(0, 0, 0, .18);
}

.scrimmy-setup-list li > span[b-xkd37100xc] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 14px;
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
}

.scrimmy-setup-list li.is-complete[b-xkd37100xc] {
    background: #173746;
}

.scrimmy-setup-list li.is-complete > span[b-xkd37100xc] {
    background: var(--scrimmy-success);
    color: var(--scrimmy-text-dark);
}

.scrimmy-setup-list strong[b-xkd37100xc],
.scrimmy-setup-list small[b-xkd37100xc] {
    display: block;
}

.scrimmy-setup-list small[b-xkd37100xc] {
    margin-top: 4px;
    color: var(--scrimmy-text-muted);
    font-size: .8rem;
    font-weight: 650;
}

.scrimmy-setup-footer[b-xkd37100xc] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border-top: 3px solid var(--scrimmy-stroke);
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text-muted);
    font-size: .84rem;
    font-weight: 700;
}

@media (max-width: 1180px) {
    .scrimmy-setup-list[b-xkd37100xc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .scrimmy-setup-panel .scrimmy-progress-head[b-xkd37100xc],
    .scrimmy-setup-footer[b-xkd37100xc] {
        align-items: stretch;
        flex-direction: column;
    }

    .scrimmy-setup-list[b-xkd37100xc] {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .scrimmy-setup-footer .scrimmy-dashboard-button[b-xkd37100xc] {
        width: 100%;
    }
}
/* /Components/Pages/EditEvent.razor.rz.scp.css */
.scrimmy-event-editor-page[b-vhh3eq4tpf] {
    display: grid;
    gap: 28px;
    min-width: 0;
    color: var(--scrimmy-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.scrimmy-event-editor-page[b-vhh3eq4tpf],
.scrimmy-event-editor-page *[b-vhh3eq4tpf],
.scrimmy-event-editor-page *[b-vhh3eq4tpf]::before,
.scrimmy-event-editor-page *[b-vhh3eq4tpf]::after {
    box-sizing: border-box;
}

.scrimmy-event-editor-page h1[b-vhh3eq4tpf],
.scrimmy-event-editor-page h2[b-vhh3eq4tpf],
.scrimmy-event-editor-page p[b-vhh3eq4tpf] {
    margin: 0;
}

.scrimmy-event-editor-page a[b-vhh3eq4tpf] {
    color: inherit;
    text-decoration: none;
}

.scrimmy-event-editor-page a:focus-visible[b-vhh3eq4tpf] {
    outline: 4px solid var(--scrimmy-mint-focus);
    outline-offset: 3px;
}

.scrimmy-event-editor-heading[b-vhh3eq4tpf] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.scrimmy-event-editor-heading > div[b-vhh3eq4tpf] {
    min-width: 0;
}

.scrimmy-event-editor-heading > div > p[b-vhh3eq4tpf],
.scrimmy-event-editor-card > header > p[b-vhh3eq4tpf] {
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.scrimmy-event-editor-heading h1[b-vhh3eq4tpf] {
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3.3rem, 6vw, 6.2rem);
    font-weight: 700;
    letter-spacing: -.065em;
    line-height: .78;
    text-transform: uppercase;
}

.scrimmy-event-editor-heading > div > span[b-vhh3eq4tpf] {
    display: block;
    max-width: 700px;
    margin-top: 18px;
    color: var(--scrimmy-text-muted);
    font-size: .94rem;
    font-weight: 600;
    line-height: 1.6;
}

.scrimmy-event-page-button[b-vhh3eq4tpf] {
    appearance: none;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 15px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease;
}

.scrimmy-event-page-button:hover[b-vhh3eq4tpf] {
    transform: translate(-2px, -2px);
}

.scrimmy-event-page-button.is-secondary[b-vhh3eq4tpf] {
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text);
}

.scrimmy-event-editor-alert[b-vhh3eq4tpf] {
    min-height: 52px;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    background: var(--scrimmy-danger);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text-dark);
    font-size: .84rem;
    font-weight: 800;
}

.scrimmy-event-editor-card[b-vhh3eq4tpf] {
    overflow: hidden;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-hard);
}

.scrimmy-event-editor-card > header[b-vhh3eq4tpf] {
    position: relative;
    overflow: hidden;
    min-height: 150px;
    display: grid;
    align-content: center;
    padding: clamp(24px, 4vw, 42px);
    border-bottom: 3px solid var(--scrimmy-stroke);
    background:
        linear-gradient(128deg, var(--scrimmy-mint) 0 58%, var(--scrimmy-mint-deep) 58.3% 100%);
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-editor-card > header[b-vhh3eq4tpf]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(136deg, transparent 0 72%, var(--scrimmy-ink-soft) 72.2% 100%);
}

.scrimmy-event-editor-card > header > *[b-vhh3eq4tpf] {
    position: relative;
    z-index: 1;
}

.scrimmy-event-editor-card > header > p[b-vhh3eq4tpf] {
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-editor-card > header h2[b-vhh3eq4tpf] {
    max-width: 960px;
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(2.6rem, 4.5vw, 4.8rem);
    font-weight: 700;
    letter-spacing: -.055em;
    line-height: .8;
    text-transform: uppercase;
}

.scrimmy-event-editor-card__body[b-vhh3eq4tpf] {
    padding: clamp(18px, 3vw, 30px);
}

.scrimmy-event-editor-page[b-vhh3eq4tpf]  .empty-state {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    padding: clamp(28px, 5vw, 54px);
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background: var(--scrimmy-mint);
    box-shadow: var(--scrimmy-shadow-hard);
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-editor-page[b-vhh3eq4tpf]  .empty-state__copy .eyebrow {
    color: var(--scrimmy-text-dark);
    font-family: Rajdhani, sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.scrimmy-event-editor-page[b-vhh3eq4tpf]  .empty-state__copy h2 {
    max-width: 850px;
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3rem, 5vw, 5.2rem);
    font-weight: 700;
    letter-spacing: -.06em;
    line-height: .8;
    text-transform: uppercase;
}

.scrimmy-event-editor-page[b-vhh3eq4tpf]  .empty-state__copy > p:last-child {
    max-width: 680px;
    margin-top: 18px;
    color: rgba(7, 17, 29, .80);
    font-size: .94rem;
    font-weight: 700;
    line-height: 1.6;
}

.scrimmy-event-editor-page[b-vhh3eq4tpf]  .empty-state__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.scrimmy-event-editor-page[b-vhh3eq4tpf]  .empty-state .primary-action {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 17px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    background: var(--scrimmy-charcoal);
    box-shadow: 6px 6px 0 var(--scrimmy-stroke);
    color: var(--scrimmy-text);
    font-size: .82rem;
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 720px) {
    .scrimmy-event-editor-heading[b-vhh3eq4tpf] {
        align-items: stretch;
        flex-direction: column;
    }

    .scrimmy-event-editor-heading h1[b-vhh3eq4tpf] {
        font-size: clamp(3.1rem, 15vw, 4.5rem);
    }

    .scrimmy-event-page-button[b-vhh3eq4tpf] {
        width: 100%;
    }

    .scrimmy-event-editor-card > header[b-vhh3eq4tpf] {
        min-height: 130px;
        padding: 26px 22px;
        background: var(--scrimmy-mint);
    }

    .scrimmy-event-editor-card__body[b-vhh3eq4tpf] {
        padding: 14px;
    }

    .scrimmy-event-editor-page[b-vhh3eq4tpf]  .empty-state {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 28px 24px 34px;
    }

    .scrimmy-event-editor-page[b-vhh3eq4tpf]  .empty-state__actions,
    .scrimmy-event-editor-page[b-vhh3eq4tpf]  .empty-state .primary-action {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scrimmy-event-editor-page *[b-vhh3eq4tpf],
    .scrimmy-event-editor-page *[b-vhh3eq4tpf]::before,
    .scrimmy-event-editor-page *[b-vhh3eq4tpf]::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* /Components/Pages/EventDetail.razor.rz.scp.css */
.scrimmy-event-detail[b-tl52kp5mwy] {
    display: grid;
    gap: 24px;
    min-width: 0;
    color: var(--scrimmy-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.scrimmy-event-detail[b-tl52kp5mwy],
.scrimmy-event-detail *[b-tl52kp5mwy],
.scrimmy-event-detail *[b-tl52kp5mwy]::before,
.scrimmy-event-detail *[b-tl52kp5mwy]::after {
    box-sizing: border-box;
}

.scrimmy-event-detail h1[b-tl52kp5mwy],
.scrimmy-event-detail h2[b-tl52kp5mwy],
.scrimmy-event-detail h3[b-tl52kp5mwy],
.scrimmy-event-detail p[b-tl52kp5mwy],
.scrimmy-event-detail ul[b-tl52kp5mwy] {
    margin: 0;
}

.scrimmy-event-detail :where(ul)[b-tl52kp5mwy] {
    padding: 0;
    list-style: none;
}

.scrimmy-event-detail a[b-tl52kp5mwy] {
    color: inherit;
    text-decoration: none;
}

.scrimmy-event-detail button[b-tl52kp5mwy],
.scrimmy-event-detail input[b-tl52kp5mwy],
.scrimmy-event-detail select[b-tl52kp5mwy],
.scrimmy-event-detail textarea[b-tl52kp5mwy] {
    font: inherit;
}

.scrimmy-event-detail a:focus-visible[b-tl52kp5mwy],
.scrimmy-event-detail button:focus-visible[b-tl52kp5mwy],
.scrimmy-event-detail input:focus-visible[b-tl52kp5mwy],
.scrimmy-event-detail select:focus-visible[b-tl52kp5mwy],
.scrimmy-event-detail textarea:focus-visible[b-tl52kp5mwy],
.scrimmy-event-detail summary:focus-visible[b-tl52kp5mwy] {
    outline: 4px solid var(--scrimmy-mint-focus);
    outline-offset: 3px;
}

.scrimmy-event-detail-heading[b-tl52kp5mwy] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.scrimmy-event-detail-heading > div:first-child[b-tl52kp5mwy] {
    min-width: 0;
}

.scrimmy-event-detail-heading > div:first-child > p[b-tl52kp5mwy],
.scrimmy-event-detail[b-tl52kp5mwy]  .dashboard-card__header .eyebrow {
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.scrimmy-event-detail-heading h1[b-tl52kp5mwy] {
    max-width: 1000px;
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3.3rem, 6vw, 6.2rem);
    font-weight: 700;
    letter-spacing: -.065em;
    line-height: .78;
    text-transform: uppercase;
}

.scrimmy-event-detail-heading > div:first-child > span[b-tl52kp5mwy] {
    display: block;
    max-width: 820px;
    margin-top: 17px;
    color: var(--scrimmy-text-muted);
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.55;
}

.scrimmy-event-detail-heading__actions[b-tl52kp5mwy] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.scrimmy-event-detail-button[b-tl52kp5mwy],
.scrimmy-event-detail[b-tl52kp5mwy]  .primary-action {
    appearance: none;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 15px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 800;
    line-height: 1.1;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.scrimmy-event-detail-button:hover[b-tl52kp5mwy],
.scrimmy-event-detail[b-tl52kp5mwy]  .primary-action:hover {
    transform: translate(-2px, -2px);
}

.scrimmy-event-detail-button.is-primary[b-tl52kp5mwy],
.scrimmy-event-detail[b-tl52kp5mwy]  .primary-action--primary {
    min-height: 52px;
    border-radius: 16px;
    background: var(--scrimmy-mint);
    box-shadow: 6px 6px 0 var(--scrimmy-stroke);
    color: var(--scrimmy-text-dark);
    text-transform: uppercase;
}

.scrimmy-event-detail-button.is-secondary[b-tl52kp5mwy],
.scrimmy-event-detail[b-tl52kp5mwy]  .primary-action--secondary {
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .primary-action:disabled {
    cursor: not-allowed;
    opacity: .46;
    transform: none;
}

.scrimmy-event-notice[b-tl52kp5mwy] {
    min-height: 52px;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text-dark);
    font-size: .83rem;
    font-weight: 800;
}

.scrimmy-event-notice.is-success[b-tl52kp5mwy] {
    background: var(--scrimmy-success);
}

.scrimmy-event-notice.is-danger[b-tl52kp5mwy] {
    background: var(--scrimmy-danger);
}

.event-tabs[b-tl52kp5mwy] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-lg);
    background: var(--scrimmy-charcoal);
    box-shadow: var(--scrimmy-shadow-card);
}

.event-tabs > a[b-tl52kp5mwy] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 15px;
    border: 2px solid transparent;
    border-radius: 16px;
    color: var(--scrimmy-text-muted);
    font-size: .82rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}

.event-tabs > a:hover[b-tl52kp5mwy] {
    border-color: var(--scrimmy-stroke);
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text);
}

.event-tabs > a.event-tab--active[b-tl52kp5mwy] {
    border-color: var(--scrimmy-stroke);
    background: var(--scrimmy-mint);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, .30);
    color: var(--scrimmy-text-dark);
    transform: translate(-1px, -1px);
}

.event-command-grid[b-tl52kp5mwy],
.event-detail-grid[b-tl52kp5mwy],
.memory-grid[b-tl52kp5mwy] {
    display: grid;
    gap: 22px;
    align-items: start;
}

.event-command-grid[b-tl52kp5mwy] {
    grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
}

.event-detail-grid[b-tl52kp5mwy] {
    grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr);
}

.memory-grid[b-tl52kp5mwy] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.memory-grid[b-tl52kp5mwy] >  .dashboard-card:first-child {
    grid-column: 1 / -1;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .dashboard-card {
    min-width: 0;
    overflow: hidden;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-soft);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .dashboard-card__header {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 3px solid var(--scrimmy-stroke);
    background:
        linear-gradient(135deg, rgba(96, 200, 176, .28), transparent 52%),
        var(--scrimmy-surface-soft);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .dashboard-card__header h2 {
    margin-top: 5px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(2.1rem, 3vw, 2.8rem);
    font-weight: 700;
    letter-spacing: -.05em;
    line-height: .82;
    text-transform: uppercase;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .dashboard-card__body {
    padding: 20px;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-hero-card {
    position: relative;
    overflow: hidden;
    box-shadow: var(--scrimmy-shadow-hard);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-hero-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(136deg, transparent 0 62%, var(--scrimmy-mint-wash) 62.2% 100%),
        linear-gradient(45deg, var(--scrimmy-white-faint), transparent 42%);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-hero-card > * {
    position: relative;
    z-index: 1;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-hero-card .dashboard-card__header {
    min-height: 112px;
    background: transparent;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-hero-card .dashboard-card__header h2 {
    font-size: clamp(3rem, 4.6vw, 5rem);
}

.match-summary[b-tl52kp5mwy],
.current-response[b-tl52kp5mwy],
.result-summary > div[b-tl52kp5mwy],
.memory-item__title[b-tl52kp5mwy],
.lineup-selection-toolbar[b-tl52kp5mwy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.match-summary > div[b-tl52kp5mwy] {
    min-width: 0;
}

.match-summary__time[b-tl52kp5mwy] {
    margin-top: 12px !important;
    color: var(--scrimmy-text-muted);
    font-size: .86rem;
    font-weight: 600;
    line-height: 1.55;
}

.match-summary__count[b-tl52kp5mwy] {
    flex: 0 0 auto;
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: clamp(4rem, 6vw, 6.2rem);
    font-weight: 700;
    letter-spacing: -.08em;
    line-height: .75;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .status-badge {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    padding: 7px 10px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-surface-soft);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .22);
    color: var(--scrimmy-text);
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .status-badge--success {
    background: var(--scrimmy-success);
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .status-badge--warning {
    background: var(--scrimmy-warning);
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .status-badge--danger {
    background: var(--scrimmy-danger);
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .status-badge--violet {
    background: var(--scrimmy-mint-deep);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .status-badge__dot {
    width: 8px;
    height: 8px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 50%;
    background: currentColor;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .readiness {
    margin-top: 24px;
    padding: 18px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 19px;
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .readiness__header,
.scrimmy-event-detail[b-tl52kp5mwy]  .readiness__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--scrimmy-text-muted);
    font-size: .72rem;
    font-weight: 700;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .readiness__header {
    margin-bottom: 12px;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .readiness__header strong {
    color: var(--scrimmy-mint-soft);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .readiness__track {
    height: 18px;
    overflow: hidden;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: rgba(0, 0, 0, .18);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .readiness__fill {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--scrimmy-mint-deep), var(--scrimmy-mint), var(--scrimmy-mint-soft));
}

.scrimmy-event-detail[b-tl52kp5mwy]  .readiness__fill--warning {
    background: var(--scrimmy-warning);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .readiness__fill--danger {
    background: var(--scrimmy-danger);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .readiness__footer {
    margin-top: 10px;
}

.availability-strip[b-tl52kp5mwy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .mini-avatar {
    position: relative;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: 50%;
    background: var(--scrimmy-surface-bright);
    color: var(--scrimmy-text);
    font-family: Rajdhani, sans-serif;
    font-size: .9rem;
    font-weight: 700;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .mini-avatar img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .mini-avatar__fallback {
    position: absolute;
    inset: 0;
    display: none;
    place-items: center;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .mini-avatar__state {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 19px;
    height: 19px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 50%;
    background: var(--scrimmy-text-muted);
    color: var(--scrimmy-text-dark);
    font-size: .6rem;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .mini-avatar--available .mini-avatar__state,
.scrimmy-event-detail[b-tl52kp5mwy]  .mini-avatar--success .mini-avatar__state {
    background: var(--scrimmy-success);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .mini-avatar--warning .mini-avatar__state,
.scrimmy-event-detail[b-tl52kp5mwy]  .mini-avatar--maybe .mini-avatar__state {
    background: var(--scrimmy-warning);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .mini-avatar--unavailable .mini-avatar__state,
.scrimmy-event-detail[b-tl52kp5mwy]  .mini-avatar--danger .mini-avatar__state {
    background: var(--scrimmy-danger);
}

.missing-response[b-tl52kp5mwy],
.event-note[b-tl52kp5mwy],
.current-response[b-tl52kp5mwy] {
    margin-top: 18px;
    padding: 14px 16px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 17px;
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
}

.missing-response span[b-tl52kp5mwy],
.missing-response strong[b-tl52kp5mwy] {
    display: block;
}

.missing-response span[b-tl52kp5mwy] {
    color: var(--scrimmy-warning);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.missing-response strong[b-tl52kp5mwy] {
    margin-top: 4px;
    font-size: .84rem;
}

.event-note[b-tl52kp5mwy] {
    color: var(--scrimmy-text-muted);
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.6;
}

.current-response[b-tl52kp5mwy] {
    margin-top: 0;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card {
    box-shadow: var(--scrimmy-shadow-hard);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .dashboard-card__header,
.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .dashboard-card__body {
    position: relative;
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .dashboard-card__header {
    min-height: 0;
    border-bottom: 0;
    padding-bottom: 10px;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .dashboard-card__header::after,
.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .dashboard-card__body::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(136deg, transparent 0 68%, var(--scrimmy-ink-soft) 68.2% 100%);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .dashboard-card__header > *,
.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .dashboard-card__body > * {
    position: relative;
    z-index: 1;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .dashboard-card__header .eyebrow {
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .dashboard-card__header h2 {
    margin-top: 8px;
    font-size: clamp(3rem, 4vw, 4.4rem);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .muted-copy {
    color: rgba(7, 17, 29, .78);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .current-response {
    border-radius: 17px;
    background: var(--scrimmy-ink-soft);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .event-your-part-card .current-response > span {
    color: var(--scrimmy-text-dark);
}

.current-response > span[b-tl52kp5mwy] {
    color: var(--scrimmy-text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.availability-form[b-tl52kp5mwy],
.memory-form[b-tl52kp5mwy],
.result-form[b-tl52kp5mwy],
.lineup-selection-form[b-tl52kp5mwy],
.captain-action-stack[b-tl52kp5mwy] {
    display: grid;
    gap: 16px;
    margin-top: 18px;
}

.availability-form textarea[b-tl52kp5mwy],
.memory-form input:not([type="hidden"]):not([type="checkbox"])[b-tl52kp5mwy],
.memory-form select[b-tl52kp5mwy],
.memory-form textarea[b-tl52kp5mwy],
.event-checklist-create input[b-tl52kp5mwy],
.event-checklist__edit-form input[b-tl52kp5mwy] {
    width: 100%;
    min-height: 50px;
    padding: 13px 14px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    outline: none;
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text);
    font-size: .84rem;
    font-weight: 700;
}

.availability-form textarea[b-tl52kp5mwy],
.memory-form textarea[b-tl52kp5mwy] {
    min-height: 110px;
    resize: vertical;
}

.availability-form textarea:focus[b-tl52kp5mwy],
.memory-form input:focus[b-tl52kp5mwy],
.memory-form select:focus[b-tl52kp5mwy],
.memory-form textarea:focus[b-tl52kp5mwy],
.event-checklist-create input:focus[b-tl52kp5mwy],
.event-checklist__edit-form input:focus[b-tl52kp5mwy] {
    border-color: var(--scrimmy-mint);
    outline: 4px solid rgba(96, 200, 176, .28);
}

.availability-buttons[b-tl52kp5mwy] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.availability-buttons button[b-tl52kp5mwy] {
    appearance: none;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 17px;
    background: var(--scrimmy-surface);
    box-shadow: 5px 5px 0 var(--scrimmy-stroke);
    color: var(--scrimmy-text);
    cursor: pointer;
    font-size: .85rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.availability-buttons button:hover[b-tl52kp5mwy] {
    transform: translate(-2px, -2px);
    box-shadow: 7px 7px 0 var(--scrimmy-stroke);
}

.availability-buttons button > i[b-tl52kp5mwy] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 11px;
    background: var(--scrimmy-surface-soft);
}

.availability-buttons .scrimmy-response-button.is-available.is-active[b-tl52kp5mwy] {
    background: var(--scrimmy-success);
    color: var(--scrimmy-text-dark);
}

.availability-buttons .scrimmy-response-button.is-maybe.is-active[b-tl52kp5mwy] {
    background: var(--scrimmy-warning);
    color: var(--scrimmy-text-dark);
}

.availability-buttons .scrimmy-response-button.is-unavailable.is-active[b-tl52kp5mwy] {
    background: var(--scrimmy-danger);
    color: var(--scrimmy-text-dark);
}

.availability-buttons .scrimmy-response-button.is-active > i[b-tl52kp5mwy] {
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-mint-soft);
}

.muted-copy[b-tl52kp5mwy] {
    color: var(--scrimmy-text-muted);
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.6;
}

.table-wrap[b-tl52kp5mwy] {
    overflow-x: auto;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 18px;
}

.roster-table[b-tl52kp5mwy] {
    width: 100%;
    border-collapse: collapse;
    min-width: 720px;
}

.roster-table th[b-tl52kp5mwy] {
    padding: 13px 14px;
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-text);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-align: left;
    text-transform: uppercase;
}

.roster-table td[b-tl52kp5mwy] {
    padding: 13px 14px;
    border-top: 1px solid var(--scrimmy-line);
    color: var(--scrimmy-text-muted);
    font-size: .78rem;
    font-weight: 600;
}

.roster-table tr:hover td[b-tl52kp5mwy] {
    background: var(--scrimmy-mint-faint);
}

.member-cell[b-tl52kp5mwy] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.member-cell > span:last-child[b-tl52kp5mwy],
.member-cell strong[b-tl52kp5mwy],
.member-cell small[b-tl52kp5mwy] {
    display: block;
    min-width: 0;
}

.member-cell strong[b-tl52kp5mwy] {
    overflow: hidden;
    color: var(--scrimmy-text);
    font-size: .8rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-cell small[b-tl52kp5mwy] {
    margin-top: 3px;
    color: var(--scrimmy-text-muted);
    font-size: .68rem;
    font-weight: 600;
}

.captain-stack[b-tl52kp5mwy] {
    display: grid;
    gap: 22px;
}

.captain-action-stack form[b-tl52kp5mwy],
.captain-action-stack[b-tl52kp5mwy]  .primary-action {
    width: 100%;
}

.lineup-selection-hint[b-tl52kp5mwy] {
    color: var(--scrimmy-text-muted);
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.5;
}

.lineup-selection-hint--warning[b-tl52kp5mwy] {
    color: var(--scrimmy-warning);
}

.lineup-selection-status[b-tl52kp5mwy],
.lineup-selection-chip[b-tl52kp5mwy] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text);
    font-size: .68rem;
    font-weight: 800;
}

.lineup-selection-status--ready[b-tl52kp5mwy] {
    background: var(--scrimmy-success);
    color: var(--scrimmy-text-dark);
}

.lineup-selection-status--invalid[b-tl52kp5mwy] {
    background: var(--scrimmy-warning);
    color: var(--scrimmy-text-dark);
}

.lineup-selection-chip[b-tl52kp5mwy] {
    cursor: pointer;
}

.lineup-select-list[b-tl52kp5mwy],
.lineup-list[b-tl52kp5mwy],
.event-checklist[b-tl52kp5mwy],
.memory-list[b-tl52kp5mwy] {
    display: grid;
    gap: 10px;
    margin-top: 16px !important;
}

.lineup-select-list li label[b-tl52kp5mwy],
.lineup-list li[b-tl52kp5mwy],
.event-checklist__item[b-tl52kp5mwy],
.memory-item[b-tl52kp5mwy] {
    min-height: 66px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 17px;
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
}

.lineup-select-list li label[b-tl52kp5mwy] {
    cursor: pointer;
}

.lineup-select-list input[b-tl52kp5mwy] {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    accent-color: var(--scrimmy-mint);
}

.lineup-list li > span:last-child[b-tl52kp5mwy],
.lineup-list strong[b-tl52kp5mwy],
.lineup-list small[b-tl52kp5mwy] {
    display: block;
}

.lineup-list strong[b-tl52kp5mwy] {
    font-size: .8rem;
}

.lineup-list small[b-tl52kp5mwy] {
    margin-top: 3px;
    color: var(--scrimmy-text-muted);
    font-size: .68rem;
}

.event-checklist-create[b-tl52kp5mwy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
}

.event-checklist__item[b-tl52kp5mwy] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.check-button[b-tl52kp5mwy] {
    appearance: none;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 7px;
    background: var(--scrimmy-warning);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .24);
    cursor: pointer;
}

.check-button--done[b-tl52kp5mwy] {
    background: var(--scrimmy-success);
}

.event-checklist__item--done .event-checklist__content > strong[b-tl52kp5mwy] {
    opacity: .62;
    text-decoration: line-through;
}

.event-checklist__content > strong[b-tl52kp5mwy],
.event-checklist__content > small[b-tl52kp5mwy] {
    display: block;
}

.event-checklist__content > strong[b-tl52kp5mwy] {
    font-size: .78rem;
    font-weight: 800;
}

.event-checklist__content > small[b-tl52kp5mwy] {
    margin-top: 3px;
    color: var(--scrimmy-text-muted);
    font-size: .66rem;
}

.event-checklist__rename[b-tl52kp5mwy] {
    margin-top: 7px;
}

.event-checklist__rename summary[b-tl52kp5mwy] {
    width: fit-content;
    color: var(--scrimmy-mint-soft);
    cursor: pointer;
    font-size: .67rem;
    font-weight: 800;
    list-style: none;
}

.event-checklist__edit-form[b-tl52kp5mwy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
    margin-top: 8px;
}

.tool-menu__item[b-tl52kp5mwy],
.event-checklist__icon-button[b-tl52kp5mwy] {
    appearance: none;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 13px;
    background: var(--scrimmy-surface-bright);
    color: var(--scrimmy-mint-soft);
    cursor: pointer;
}

.event-checklist__icon-button--danger[b-tl52kp5mwy] {
    background: var(--scrimmy-danger);
    color: var(--scrimmy-text-dark);
}

.memory-form[b-tl52kp5mwy] {
    padding: 16px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 18px;
    background: var(--scrimmy-surface-soft);
}

.member-form__grid[b-tl52kp5mwy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.member-form__grid label[b-tl52kp5mwy] {
    display: grid;
    gap: 7px;
    color: var(--scrimmy-text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.member-form__notes[b-tl52kp5mwy] {
    grid-column: 1 / -1;
}

.result-summary[b-tl52kp5mwy] {
    display: grid;
    gap: 10px;
    padding: 16px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 18px;
    background: var(--scrimmy-surface-soft);
}

.result-summary strong[b-tl52kp5mwy] {
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: 2.3rem;
}

.result-summary small[b-tl52kp5mwy],
.memory-item small[b-tl52kp5mwy] {
    color: var(--scrimmy-text-muted);
    font-size: .68rem;
    font-weight: 600;
}

.result-form__actions[b-tl52kp5mwy] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.memory-item[b-tl52kp5mwy] {
    align-items: flex-start;
    justify-content: space-between;
}

.memory-item > div[b-tl52kp5mwy] {
    min-width: 0;
    flex: 1;
}

.memory-item__title[b-tl52kp5mwy] {
    align-items: flex-start;
}

.memory-item__title strong[b-tl52kp5mwy] {
    font-size: .84rem;
    font-weight: 800;
}

.memory-item p[b-tl52kp5mwy] {
    margin-top: 8px !important;
    color: var(--scrimmy-text-muted);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.55;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .empty-state {
    min-height: 330px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    padding: clamp(28px, 5vw, 54px);
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background: var(--scrimmy-mint);
    box-shadow: var(--scrimmy-shadow-hard);
    color: var(--scrimmy-text-dark);
}

.scrimmy-event-detail[b-tl52kp5mwy]  .empty-state__copy .eyebrow {
    color: var(--scrimmy-text-dark);
    font-family: Rajdhani, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .empty-state__copy h2 {
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3rem, 5vw, 5rem);
    font-weight: 700;
    letter-spacing: -.06em;
    line-height: .8;
    text-transform: uppercase;
}

.scrimmy-event-detail[b-tl52kp5mwy]  .empty-state__copy > p:last-child {
    margin-top: 18px;
    color: rgba(7, 17, 29, .80);
    font-weight: 700;
}

@media (max-width: 1180px) {
    .event-command-grid[b-tl52kp5mwy],
    .event-detail-grid[b-tl52kp5mwy],
    .memory-grid[b-tl52kp5mwy] {
        grid-template-columns: 1fr;
    }

    .memory-grid[b-tl52kp5mwy] >  .dashboard-card:first-child {
        grid-column: auto;
    }

    .captain-stack[b-tl52kp5mwy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .captain-stack[b-tl52kp5mwy] >  .dashboard-card:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .scrimmy-event-detail-heading[b-tl52kp5mwy] {
        align-items: stretch;
        flex-direction: column;
    }

    .scrimmy-event-detail-heading h1[b-tl52kp5mwy] {
        font-size: clamp(3rem, 15vw, 4.5rem);
    }

    .scrimmy-event-detail-heading__actions[b-tl52kp5mwy] {
        align-items: stretch;
        flex-direction: column;
    }

    .scrimmy-event-detail-button[b-tl52kp5mwy] {
        width: 100%;
    }

    .event-tabs[b-tl52kp5mwy] {
        gap: 5px;
        padding: 6px;
    }

    .event-tabs > a[b-tl52kp5mwy] {
        min-height: 50px;
        gap: 5px;
        padding: 9px 7px;
        font-size: .72rem;
    }

    .scrimmy-event-detail[b-tl52kp5mwy]  .dashboard-card__header,
    .scrimmy-event-detail[b-tl52kp5mwy]  .dashboard-card__body {
        padding: 16px;
    }

    .match-summary[b-tl52kp5mwy] {
        align-items: flex-start;
        flex-direction: column;
    }

    .match-summary__count[b-tl52kp5mwy] {
        align-self: flex-end;
    }

    .availability-buttons[b-tl52kp5mwy],
    .member-form__grid[b-tl52kp5mwy],
    .captain-stack[b-tl52kp5mwy] {
        grid-template-columns: 1fr;
    }

    .availability-table[b-tl52kp5mwy],
    .availability-table tbody[b-tl52kp5mwy],
    .availability-table tr[b-tl52kp5mwy],
    .availability-table td[b-tl52kp5mwy] {
        display: block;
        width: 100%;
    }

    .availability-table thead[b-tl52kp5mwy] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .availability-table tbody[b-tl52kp5mwy] {
        display: grid;
        gap: 12px;
        padding: 12px;
    }

    .availability-table tr[b-tl52kp5mwy] {
        overflow: hidden;
        border: 2px solid var(--scrimmy-stroke);
        border-radius: 18px;
        background: var(--scrimmy-surface-soft);
        box-shadow: 5px 5px 0 rgba(0, 0, 0, .18);
    }

    .availability-table td[b-tl52kp5mwy] {
        display: grid;
        grid-template-columns: minmax(92px, .38fr) minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        padding: 10px 12px;
        border-top: 1px solid var(--scrimmy-line);
    }

    .availability-table td:first-child[b-tl52kp5mwy] {
        display: block;
        border-top: 0;
        background: var(--scrimmy-charcoal);
    }

    .availability-table td:not(:first-child)[b-tl52kp5mwy]::before {
        content: attr(data-label);
        color: var(--scrimmy-mint-soft);
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .member-form__notes[b-tl52kp5mwy],
    .captain-stack[b-tl52kp5mwy] >  .dashboard-card:last-child {
        grid-column: auto;
    }

    .lineup-selection-toolbar[b-tl52kp5mwy] {
        align-items: flex-start;
        flex-direction: column;
    }

    .event-checklist-create[b-tl52kp5mwy],
    .event-checklist__edit-form[b-tl52kp5mwy] {
        grid-template-columns: 1fr;
    }

    .result-form__actions[b-tl52kp5mwy] {
        align-items: stretch;
        flex-direction: column;
    }

    .result-form__actions[b-tl52kp5mwy]  .primary-action {
        width: 100%;
    }

    .scrimmy-event-detail[b-tl52kp5mwy]  .empty-state {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 28px 24px 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scrimmy-event-detail *[b-tl52kp5mwy],
    .scrimmy-event-detail *[b-tl52kp5mwy]::before,
    .scrimmy-event-detail *[b-tl52kp5mwy]::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
/* /Components/Pages/Events.razor.rz.scp.css */
.scrimmy-schedule-page[b-zhv5mx8rzb] {
    display: grid;
    gap: 28px;
    min-width: 0;
    color: var(--scrimmy-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.scrimmy-schedule-page[b-zhv5mx8rzb],
.scrimmy-schedule-page *[b-zhv5mx8rzb],
.scrimmy-schedule-page *[b-zhv5mx8rzb]::before,
.scrimmy-schedule-page *[b-zhv5mx8rzb]::after {
    box-sizing: border-box;
}

.scrimmy-schedule-page h1[b-zhv5mx8rzb],
.scrimmy-schedule-page h2[b-zhv5mx8rzb],
.scrimmy-schedule-page p[b-zhv5mx8rzb],
.scrimmy-schedule-page dl[b-zhv5mx8rzb],
.scrimmy-schedule-page dd[b-zhv5mx8rzb] {
    margin: 0;
}

.scrimmy-schedule-page a[b-zhv5mx8rzb] {
    color: inherit;
    text-decoration: none;
}

.scrimmy-schedule-page a:focus-visible[b-zhv5mx8rzb] {
    outline: 4px solid var(--scrimmy-mint-focus);
    outline-offset: 3px;
}

.scrimmy-schedule-heading[b-zhv5mx8rzb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.scrimmy-schedule-heading > div:first-child[b-zhv5mx8rzb] {
    min-width: 0;
}

.scrimmy-schedule-heading > div:first-child > p[b-zhv5mx8rzb] {
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.scrimmy-schedule-heading h1[b-zhv5mx8rzb] {
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3.3rem, 6vw, 6.2rem);
    font-weight: 700;
    letter-spacing: -.065em;
    line-height: .78;
    text-transform: uppercase;
}

.scrimmy-schedule-heading > div:first-child > span[b-zhv5mx8rzb] {
    display: block;
    max-width: 680px;
    margin-top: 18px;
    color: var(--scrimmy-text-muted);
    font-size: .94rem;
    font-weight: 600;
    line-height: 1.6;
}

.scrimmy-schedule-heading__actions[b-zhv5mx8rzb] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.scrimmy-schedule-button[b-zhv5mx8rzb] {
    appearance: none;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 15px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease;
}

.scrimmy-schedule-button:hover[b-zhv5mx8rzb] {
    transform: translate(-2px, -2px);
}

.scrimmy-schedule-button.is-primary[b-zhv5mx8rzb] {
    min-height: 52px;
    border-radius: 16px;
    background: var(--scrimmy-mint);
    box-shadow: 6px 6px 0 var(--scrimmy-stroke);
    color: var(--scrimmy-text-dark);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.scrimmy-schedule-button.is-secondary[b-zhv5mx8rzb] {
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text);
}

.scrimmy-schedule-controls[b-zhv5mx8rzb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-lg);
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-card);
}

.scrimmy-schedule-window-tabs[b-zhv5mx8rzb],
.scrimmy-schedule-type-filters[b-zhv5mx8rzb] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.scrimmy-schedule-window-tabs[b-zhv5mx8rzb] {
    padding: 5px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-charcoal);
}

.scrimmy-schedule-window-tab[b-zhv5mx8rzb] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border: 2px solid transparent;
    border-radius: var(--scrimmy-radius-pill);
    color: var(--scrimmy-text-muted);
    font-size: .78rem;
    font-weight: 800;
    transition: background .15s ease, color .15s ease, transform .15s ease;
}

.scrimmy-schedule-window-tab:hover[b-zhv5mx8rzb] {
    color: var(--scrimmy-text);
}

.scrimmy-schedule-window-tab.is-active[b-zhv5mx8rzb] {
    border-color: var(--scrimmy-stroke);
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
    transform: translate(-1px, -1px);
}

.scrimmy-schedule-filter-chip[b-zhv5mx8rzb] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 8px 11px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-surface-soft);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .22);
    color: var(--scrimmy-text);
    font-size: .73rem;
    font-weight: 800;
    transition: transform .15s ease, background .15s ease;
}

.scrimmy-schedule-filter-chip:hover[b-zhv5mx8rzb] {
    transform: translate(-1px, -1px);
}

.scrimmy-schedule-filter-chip.is-active[b-zhv5mx8rzb] {
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
}

.scrimmy-schedule-grid[b-zhv5mx8rzb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.scrimmy-schedule-card[b-zhv5mx8rzb] {
    --scrimmy-card-accent: var(--scrimmy-mint);

    position: relative;
    min-height: 370px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: 26px;
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-card);
    transition: transform .17s ease, box-shadow .17s ease;
}

.scrimmy-schedule-card.is-lime[b-zhv5mx8rzb] {
    --scrimmy-card-accent: var(--scrimmy-success);
}

.scrimmy-schedule-card.is-violet[b-zhv5mx8rzb] {
    --scrimmy-card-accent: var(--scrimmy-warning);
}

.scrimmy-schedule-card:hover[b-zhv5mx8rzb] {
    transform: translate(-4px, -4px) rotate(-.35deg);
    box-shadow: var(--scrimmy-shadow-card-hover);
}

.scrimmy-schedule-card[b-zhv5mx8rzb]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(136deg, transparent 0 58%, var(--scrimmy-mint-wash) 58.2% 100%),
        linear-gradient(45deg, var(--scrimmy-white-faint), transparent 42%);
}

.scrimmy-schedule-card[b-zhv5mx8rzb]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7px;
    background: var(--scrimmy-card-accent);
}

.scrimmy-schedule-card > *[b-zhv5mx8rzb] {
    position: relative;
    z-index: 1;
}

.scrimmy-schedule-card__top[b-zhv5mx8rzb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 18px 0;
}

.scrimmy-schedule-type-pill[b-zhv5mx8rzb],
.scrimmy-schedule-status[b-zhv5mx8rzb] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .22);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.scrimmy-schedule-type-pill[b-zhv5mx8rzb] {
    background: var(--scrimmy-card-accent);
    color: var(--scrimmy-text-dark);
}

.scrimmy-schedule-status[b-zhv5mx8rzb] {
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text);
}

.scrimmy-schedule-status > span[b-zhv5mx8rzb] {
    width: 8px;
    height: 8px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 50%;
    background: currentColor;
}

.scrimmy-schedule-status.is-success[b-zhv5mx8rzb] {
    background: var(--scrimmy-success);
    color: var(--scrimmy-text-dark);
}

.scrimmy-schedule-status.is-warning[b-zhv5mx8rzb] {
    background: var(--scrimmy-warning);
    color: var(--scrimmy-text-dark);
}

.scrimmy-schedule-status.is-danger[b-zhv5mx8rzb] {
    background: var(--scrimmy-danger);
    color: var(--scrimmy-text-dark);
}

.scrimmy-schedule-card__body[b-zhv5mx8rzb] {
    flex: 1;
    padding: 42px 20px 26px;
}

.scrimmy-schedule-card__body > p[b-zhv5mx8rzb] {
    color: var(--scrimmy-mint-soft);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.scrimmy-schedule-card__body h2[b-zhv5mx8rzb] {
    max-width: 94%;
    margin-top: 10px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(2.5rem, 3.6vw, 3.8rem);
    font-weight: 700;
    letter-spacing: -.055em;
    line-height: .81;
    text-transform: uppercase;
}

.scrimmy-schedule-card__body dl[b-zhv5mx8rzb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 30px;
}

.scrimmy-schedule-card__body dl > div[b-zhv5mx8rzb] {
    min-width: 0;
    padding: 10px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 14px;
    background: var(--scrimmy-surface-soft);
}

.scrimmy-schedule-card__body dt[b-zhv5mx8rzb] {
    color: var(--scrimmy-text-muted);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.scrimmy-schedule-card__body dd[b-zhv5mx8rzb] {
    margin-top: 4px;
    overflow: hidden;
    color: var(--scrimmy-text);
    font-size: .72rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrimmy-schedule-card__footer[b-zhv5mx8rzb] {
    min-height: 68px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border-top: 3px solid var(--scrimmy-stroke);
    background: var(--scrimmy-charcoal);
}

.scrimmy-schedule-card__footer > span[b-zhv5mx8rzb] {
    overflow: hidden;
    color: var(--scrimmy-text-muted);
    font-size: .73rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrimmy-schedule-card__footer > a[b-zhv5mx8rzb] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-mint);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text-dark);
    font-size: .71rem;
    font-weight: 800;
    text-transform: uppercase;
}

.scrimmy-schedule-page[b-zhv5mx8rzb]  .empty-state {
    min-height: 330px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    padding: clamp(28px, 5vw, 54px);
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background: var(--scrimmy-mint);
    box-shadow: var(--scrimmy-shadow-hard);
    color: var(--scrimmy-text-dark);
}

.scrimmy-schedule-page[b-zhv5mx8rzb]  .empty-state__copy .eyebrow {
    color: var(--scrimmy-text-dark);
    font-family: Rajdhani, sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.scrimmy-schedule-page[b-zhv5mx8rzb]  .empty-state__copy h2 {
    margin-top: 8px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3rem, 5vw, 5rem);
    font-weight: 700;
    letter-spacing: -.06em;
    line-height: .8;
    text-transform: uppercase;
}

.scrimmy-schedule-page[b-zhv5mx8rzb]  .empty-state__copy > p:last-child {
    margin-top: 18px;
    color: rgba(7, 17, 29, .80);
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.6;
}

.scrimmy-schedule-page[b-zhv5mx8rzb]  .empty-state__actions {
    display: flex;
    gap: 10px;
}

.scrimmy-schedule-page[b-zhv5mx8rzb]  .empty-state .primary-action {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 17px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    background: var(--scrimmy-charcoal);
    box-shadow: 6px 6px 0 var(--scrimmy-stroke);
    color: var(--scrimmy-text);
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 1180px) {
    .scrimmy-schedule-controls[b-zhv5mx8rzb] {
        align-items: flex-start;
        flex-direction: column;
    }

    .scrimmy-schedule-grid[b-zhv5mx8rzb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .scrimmy-schedule-heading[b-zhv5mx8rzb] {
        align-items: stretch;
        flex-direction: column;
    }

    .scrimmy-schedule-heading h1[b-zhv5mx8rzb] {
        font-size: clamp(3.1rem, 15vw, 4.5rem);
    }

    .scrimmy-schedule-heading__actions[b-zhv5mx8rzb] {
        align-items: stretch;
        flex-direction: column;
    }

    .scrimmy-schedule-button[b-zhv5mx8rzb] {
        width: 100%;
    }

    .scrimmy-schedule-controls[b-zhv5mx8rzb] {
        padding: 12px;
    }

    .scrimmy-schedule-window-tabs[b-zhv5mx8rzb] {
        width: 100%;
    }

    .scrimmy-schedule-window-tab[b-zhv5mx8rzb] {
        flex: 1;
        justify-content: center;
    }

    .scrimmy-schedule-grid[b-zhv5mx8rzb] {
        grid-template-columns: 1fr;
    }

    .scrimmy-schedule-card[b-zhv5mx8rzb] {
        min-height: 350px;
    }

    .scrimmy-schedule-card__top[b-zhv5mx8rzb] {
        align-items: flex-start;
        flex-direction: column;
    }

    .scrimmy-schedule-card__body dl[b-zhv5mx8rzb] {
        grid-template-columns: 1fr;
    }

    .scrimmy-schedule-page[b-zhv5mx8rzb]  .empty-state {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 28px 24px 34px;
    }

    .scrimmy-schedule-page[b-zhv5mx8rzb]  .empty-state__actions,
    .scrimmy-schedule-page[b-zhv5mx8rzb]  .empty-state .primary-action {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scrimmy-schedule-page *[b-zhv5mx8rzb],
    .scrimmy-schedule-page *[b-zhv5mx8rzb]::before,
    .scrimmy-schedule-page *[b-zhv5mx8rzb]::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.scrimmy-home[b-0iikz8i70x] {
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    color: var(--scrimmy-text);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .035) 25%, transparent 25%) 0 0 / 34px 34px,
        var(--scrimmy-bg);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.scrimmy-home[b-0iikz8i70x]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .72), transparent 76%);
}

.scrimmy-home[b-0iikz8i70x],
.scrimmy-home *[b-0iikz8i70x],
.scrimmy-home *[b-0iikz8i70x]::before,
.scrimmy-home *[b-0iikz8i70x]::after {
    box-sizing: border-box;
}

.scrimmy-home :where(h1, h2, p, ol)[b-0iikz8i70x] {
    margin: 0;
}

.scrimmy-home ol[b-0iikz8i70x] {
    padding: 0;
    list-style: none;
}

.scrimmy-home a[b-0iikz8i70x] {
    color: inherit;
    text-decoration: none;
}

.scrimmy-home a:focus-visible[b-0iikz8i70x] {
    outline: 4px solid rgba(139, 225, 211, .42);
    outline-offset: 3px;
}

.home-shell[b-0iikz8i70x] {
    position: relative;
    z-index: 1;
    width: min(var(--scrimmy-page-max), calc(100% - 36px));
    margin: 0 auto;
    padding: 28px 0 38px;
}

/* Navigation */
.home-nav[b-0iikz8i70x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.home-brand[b-0iikz8i70x] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.home-brand img[b-0iikz8i70x] {
    display: block;
    width: 154px;
    height: auto;
}

.home-brand span[b-0iikz8i70x] {
    padding-left: 14px;
    border-left: 2px solid var(--scrimmy-line-strong);
    color: var(--scrimmy-text-muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.home-nav__links[b-0iikz8i70x] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.home-nav__links > a:not(.home-button)[b-0iikz8i70x] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 9px 12px;
    border: 2px solid transparent;
    border-radius: var(--scrimmy-radius-pill);
    color: var(--scrimmy-text-muted);
    font-size: .86rem;
    font-weight: 800;
    transition: transform .15s ease, color .15s ease, background .15s ease, box-shadow .15s ease;
}

.home-nav__links > a:not(.home-button):hover[b-0iikz8i70x] {
    border-color: var(--scrimmy-stroke);
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text);
    box-shadow: var(--scrimmy-shadow-control);
    transform: translate(-2px, -2px);
}

/* Buttons */
.home-button[b-0iikz8i70x] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 2px solid var(--scrimmy-stroke);
    cursor: pointer;
    font-weight: 850;
    line-height: 1.1;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.home-button:hover[b-0iikz8i70x] {
    transform: translate(-2px, -2px);
}

.home-button--primary[b-0iikz8i70x] {
    min-height: 54px;
    padding: 15px 20px;
    border-radius: 17px;
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
    box-shadow: 7px 7px 0 var(--scrimmy-stroke);
    font-size: .9rem;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.home-button--primary:hover[b-0iikz8i70x] {
    box-shadow: 9px 9px 0 var(--scrimmy-stroke);
}

.home-button--secondary[b-0iikz8i70x] {
    min-height: 50px;
    padding: 12px 16px;
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text);
    box-shadow: var(--scrimmy-shadow-control);
    font-size: .86rem;
}

.home-button--mini[b-0iikz8i70x] {
    min-height: 44px;
    padding: 10px 14px;
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
    box-shadow: var(--scrimmy-shadow-control);
    font-size: .78rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* Hero */
.home-hero[b-0iikz8i70x] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
    min-height: 650px;
    overflow: hidden;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background:
        linear-gradient(
            128deg,
            var(--scrimmy-mint) 0,
            var(--scrimmy-mint-soft) 58%,
            var(--scrimmy-surface-dark) 58.3%,
            var(--scrimmy-surface-dark) 100%
        );
    box-shadow: var(--scrimmy-shadow-hard);
}

.home-hero[b-0iikz8i70x]::before {
    content: "";
    position: absolute;
    left: -100px;
    bottom: -170px;
    width: 390px;
    height: 390px;
    border: 28px solid rgba(7, 17, 29, .09);
    border-radius: 50%;
    pointer-events: none;
}

.home-hero__copy[b-0iikz8i70x] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
    padding: clamp(30px, 4.5vw, 64px);
    color: var(--scrimmy-text-dark);
}

.home-tag-row[b-0iikz8i70x] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.home-tag-row span[b-0iikz8i70x] {
    padding: 7px 10px;
    border: 2px solid rgba(6, 17, 31, .82);
    border-radius: var(--scrimmy-radius-pill);
    background: rgba(7, 17, 29, .08);
    color: var(--scrimmy-text-dark);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.home-eyebrow[b-0iikz8i70x] {
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: .88rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.home-hero__copy .home-eyebrow[b-0iikz8i70x] {
    color: rgba(7, 17, 29, .74);
}

.home-hero__copy h1[b-0iikz8i70x] {
    max-width: 720px;
    margin-top: 12px;
    color: var(--scrimmy-text-dark);
    font-family: Rajdhani, sans-serif;
    font-size: clamp(4rem, 6.7vw, 7.1rem);
    font-weight: 700;
    letter-spacing: -.066em;
    line-height: .76;
    text-transform: uppercase;
}

.home-hero__lede[b-0iikz8i70x] {
    max-width: 590px;
    margin-top: 26px !important;
    color: rgba(7, 17, 29, .82);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.7;
}

.home-hero__actions[b-0iikz8i70x] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.home-hero .home-button--primary[b-0iikz8i70x] {
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-text);
}

.home-hero .home-button--secondary[b-0iikz8i70x] {
    background: rgba(248, 248, 248, .36);
    color: var(--scrimmy-text-dark);
}

.home-no-catch[b-0iikz8i70x] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 28px !important;
    color: rgba(7, 17, 29, .74);
    font-size: .78rem;
    font-weight: 800;
}

.home-no-catch i[b-0iikz8i70x] {
    color: var(--scrimmy-text-dark);
}

/* Discord mock */
.home-chat-stage[b-0iikz8i70x] {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    align-content: center;
    min-width: 0;
    padding: clamp(30px, 4vw, 58px) clamp(26px, 4vw, 54px);
}

.discord-window[b-0iikz8i70x] {
    --discord-rail: #1e1f22;
    --discord-sidebar: #2b2d31;
    --discord-chat: #313338;
    --discord-chat-raised: #383a40;
    --discord-text: #f2f3f5;
    --discord-muted: #b5bac1;
    --discord-dim: #949ba4;
    --discord-brand: #5865f2;
    --discord-green: #23a559;

    width: min(100%, 710px);
    overflow: hidden;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: 24px;
    background: var(--discord-chat);
    color: var(--discord-text);
    box-shadow: 14px 14px 0 rgba(0, 0, 0, .34), 0 28px 80px rgba(0, 0, 0, .36);
    transform: rotate(1deg);
    transform-origin: center;
}

.discord-titlebar[b-0iikz8i70x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 54px;
    padding: 0 15px 0 82px;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    background: var(--discord-chat);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.discord-titlebar__channel[b-0iikz8i70x],
.discord-titlebar__icons[b-0iikz8i70x] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.discord-titlebar__channel > span[b-0iikz8i70x] {
    color: var(--discord-dim);
    font-size: 1.5rem;
    font-weight: 500;
}

.discord-titlebar__channel strong[b-0iikz8i70x] {
    font-size: .92rem;
}

.discord-titlebar__icons[b-0iikz8i70x] {
    color: var(--discord-muted);
    font-size: .9rem;
}

.discord-body[b-0iikz8i70x] {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    min-height: 500px;
}

.discord-rail[b-0iikz8i70x] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 9px;
    padding: 11px 8px;
    background: var(--discord-rail);
}

.discord-rail > span[b-0iikz8i70x] {
    position: relative;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--discord-sidebar);
    color: var(--discord-muted);
    font-size: .72rem;
    font-weight: 800;
}

.discord-rail > span.is-active[b-0iikz8i70x] {
    border-radius: 15px;
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
}

.discord-rail > span.is-active[b-0iikz8i70x]::before {
    content: "";
    position: absolute;
    left: -12px;
    width: 4px;
    height: 34px;
    border-radius: 0 4px 4px 0;
    background: var(--discord-text);
}

.discord-rail__home[b-0iikz8i70x] {
    background: var(--discord-brand) !important;
    color: white !important;
    font-size: 1.15rem !important;
}

.discord-rail__home[b-0iikz8i70x]::after {
    content: "";
    position: absolute;
    bottom: -6px;
    width: 32px;
    height: 2px;
    border-radius: 2px;
    background: var(--discord-chat-raised);
}

.discord-rail__add[b-0iikz8i70x] {
    color: var(--discord-green) !important;
}

.discord-channel[b-0iikz8i70x] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-width: 0;
    background: var(--discord-chat);
}

.discord-messages[b-0iikz8i70x] {
    display: grid;
    align-content: end;
    gap: 17px;
    min-width: 0;
    padding: 24px 18px 14px;
}

.discord-message[b-0iikz8i70x] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 11px;
    min-width: 0;
}

.discord-avatar[b-0iikz8i70x] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
    font-size: .8rem;
    font-weight: 800;
}

.discord-avatar.is-captain[b-0iikz8i70x] {
    background: #d26a95;
}

.discord-avatar.is-player[b-0iikz8i70x] {
    background: #6c82c7;
}

.discord-avatar.is-player-two[b-0iikz8i70x] {
    background: #d18448;
}

.discord-avatar.is-player-three[b-0iikz8i70x] {
    background: #6ea36f;
}

.discord-avatar.is-player-four[b-0iikz8i70x] {
    background: #8468ad;
}

.discord-avatar.is-scrimmy[b-0iikz8i70x] {
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 13px;
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
    box-shadow: 3px 3px 0 var(--scrimmy-stroke);
    font-family: Rajdhani, sans-serif;
    font-size: 1.3rem;
}

.discord-message > div[b-0iikz8i70x] {
    min-width: 0;
}

.discord-message__meta[b-0iikz8i70x] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    margin-bottom: 2px !important;
}

.discord-message__meta strong[b-0iikz8i70x] {
    color: var(--discord-text);
    font-size: .88rem;
}

.discord-message__meta b[b-0iikz8i70x] {
    padding: 2px 5px;
    border-radius: 3px;
    background: var(--discord-brand);
    color: white;
    font-size: .54rem;
    line-height: 1.2;
    text-transform: uppercase;
}

.discord-message__meta time[b-0iikz8i70x] {
    color: var(--discord-dim);
    font-size: .65rem;
}

.discord-message > div > p:last-of-type[b-0iikz8i70x] {
    color: var(--discord-text);
    font-size: .85rem;
    line-height: 1.42;
}

.discord-reactions[b-0iikz8i70x] {
    display: flex;
    gap: 5px;
    margin-top: 7px;
}

.discord-reactions span[b-0iikz8i70x] {
    padding: 3px 6px;
    border: 1px solid rgba(88, 101, 242, .45);
    border-radius: 6px;
    background: rgba(88, 101, 242, .14);
    color: var(--discord-muted);
    font-size: .68rem;
    font-weight: 700;
}

.discord-message--frustrated[b-0iikz8i70x] {
    margin: -3px -7px 0;
    padding: 9px 7px;
    border-left: 3px solid var(--scrimmy-warning);
    border-radius: 5px;
    background: rgba(244, 206, 106, .07);
}

.discord-divider[b-0iikz8i70x] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1px;
    margin: 4px 0 0;
    border-top: 1px solid rgba(181, 186, 193, .18);
}

.discord-divider span[b-0iikz8i70x] {
    position: absolute;
    padding: 0 8px;
    background: var(--discord-chat);
    color: var(--discord-dim);
    font-size: .62rem;
    font-weight: 700;
}

.discord-message--app[b-0iikz8i70x] {
    align-items: start;
}

.discord-app-card[b-0iikz8i70x] {
    padding: 13px 14px;
    border: 1px solid rgba(96, 200, 176, .52);
    border-left: 4px solid var(--scrimmy-mint);
    border-radius: 5px;
    background: rgba(30, 31, 34, .52);
}

.discord-app-card h2[b-0iikz8i70x] {
    margin: 7px 0 2px;
    color: var(--discord-text);
    font-size: .96rem;
    line-height: 1.25;
}

.discord-app-card > p:not(.discord-message__meta)[b-0iikz8i70x] {
    color: var(--discord-muted);
    font-size: .76rem;
}

.discord-readiness[b-0iikz8i70x] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-top: 11px;
}

.discord-readiness > div[b-0iikz8i70x] {
    display: grid;
    gap: 1px;
}

.discord-readiness span[b-0iikz8i70x] {
    color: var(--discord-dim);
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
}

.discord-readiness strong[b-0iikz8i70x] {
    color: var(--discord-text);
    font-size: .8rem;
}

.discord-readiness > b[b-0iikz8i70x] {
    color: var(--scrimmy-warning);
    font-size: .68rem;
}

.discord-progress[b-0iikz8i70x] {
    height: 8px;
    margin-top: 7px;
    overflow: hidden;
    border-radius: var(--scrimmy-radius-pill);
    background: rgba(0, 0, 0, .32);
}

.discord-progress span[b-0iikz8i70x] {
    display: block;
    width: 80%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--scrimmy-mint-deep), var(--scrimmy-mint-soft));
}

.discord-fake-button[b-0iikz8i70x] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 31px;
    margin-top: 10px;
    padding: 7px 9px;
    border-radius: 4px;
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
    font-size: .7rem;
    font-weight: 800;
}

.discord-composer[b-0iikz8i70x] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    margin: 0 16px 16px;
    padding: 0 13px;
    border-radius: 8px;
    background: var(--discord-chat-raised);
    color: var(--discord-dim);
    font-size: .76rem;
}

.home-chat-caption[b-0iikz8i70x] {
    position: absolute;
    right: clamp(18px, 3vw, 42px);
    bottom: clamp(18px, 3vw, 34px);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-warning);
    color: var(--scrimmy-text-dark);
    box-shadow: 5px 5px 0 var(--scrimmy-stroke);
    font-size: .72rem;
    font-weight: 850;
    transform: rotate(-2deg);
}

/* Three-step loop */
.home-loop[b-0iikz8i70x] {
    display: grid;
    grid-template-columns: minmax(250px, .58fr) minmax(0, 1.42fr);
    gap: 22px;
    margin-top: 34px;
}

.home-loop__intro[b-0iikz8i70x],
.home-loop__steps[b-0iikz8i70x] {
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-card);
}

.home-loop__intro[b-0iikz8i70x] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 270px;
    padding: clamp(24px, 4vw, 38px);
    background:
        linear-gradient(145deg, rgba(96, 200, 176, .16), transparent 58%),
        var(--scrimmy-surface);
}

.home-loop__intro h2[b-0iikz8i70x] {
    margin-top: 12px;
    color: var(--scrimmy-text);
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3rem, 5vw, 5.3rem);
    font-weight: 700;
    letter-spacing: -.06em;
    line-height: .8;
    text-transform: uppercase;
}

.home-loop__steps[b-0iikz8i70x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
}

.home-loop__steps li[b-0iikz8i70x] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    min-width: 0;
    min-height: 270px;
    padding: 22px;
    border-left: 3px solid var(--scrimmy-stroke);
    background: var(--scrimmy-surface-soft);
}

.home-loop__steps li:first-child[b-0iikz8i70x] {
    border-left: 0;
}

.home-loop__steps li:nth-child(2)[b-0iikz8i70x] {
    background: rgba(96, 200, 176, .13);
}

.home-loop__steps li > span[b-0iikz8i70x] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 14px;
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-mint-soft);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, .24);
    font-family: Rajdhani, sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
}

.home-loop__steps strong[b-0iikz8i70x] {
    display: block;
    color: var(--scrimmy-text);
    font-family: Rajdhani, sans-serif;
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: .95;
    text-transform: uppercase;
}

.home-loop__steps p[b-0iikz8i70x] {
    margin-top: 8px;
    color: var(--scrimmy-text-muted);
    font-size: .84rem;
    font-weight: 650;
    line-height: 1.55;
}

/* CTA and footer */
.home-cta[b-0iikz8i70x] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 28px;
    min-height: 280px;
    margin-top: 34px;
    padding: clamp(28px, 5vw, 52px);
    overflow: hidden;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background:
        linear-gradient(128deg, var(--scrimmy-mint) 0 67%, var(--scrimmy-mint-deep) 67.3% 100%);
    color: var(--scrimmy-text-dark);
    box-shadow: var(--scrimmy-shadow-hard);
}

.home-cta[b-0iikz8i70x]::after {
    content: "S";
    position: absolute;
    right: 5%;
    top: -26px;
    color: rgba(255, 255, 255, .13);
    font-family: Rajdhani, sans-serif;
    font-size: 18rem;
    font-weight: 700;
    line-height: 1;
    transform: rotate(-5deg);
}

.home-cta > *[b-0iikz8i70x] {
    position: relative;
    z-index: 1;
}

.home-cta .home-eyebrow[b-0iikz8i70x] {
    color: rgba(7, 17, 29, .7);
}

.home-cta h2[b-0iikz8i70x] {
    max-width: 890px;
    margin-top: 10px;
    color: var(--scrimmy-text-dark);
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3rem, 5.2vw, 5.4rem);
    font-weight: 700;
    letter-spacing: -.06em;
    line-height: .8;
    text-transform: uppercase;
}

.home-cta .home-button--primary[b-0iikz8i70x] {
    min-width: 190px;
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-text);
}

.home-footer[b-0iikz8i70x] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    margin-top: 34px;
    padding: 22px 2px 4px;
    border-top: 3px solid var(--scrimmy-stroke);
    color: var(--scrimmy-text-muted);
}

.home-footer img[b-0iikz8i70x] {
    display: block;
    width: 132px;
    height: auto;
}

.home-footer nav[b-0iikz8i70x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.home-footer nav a[b-0iikz8i70x] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: var(--scrimmy-radius-pill);
    font-size: .78rem;
    font-weight: 750;
}

.home-footer nav a:hover[b-0iikz8i70x] {
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text);
}

.home-footer > p[b-0iikz8i70x] {
    font-size: .7rem;
    font-weight: 650;
    text-align: right;
}

@media (max-width: 1180px) {
    .home-hero[b-0iikz8i70x] {
        grid-template-columns: 1fr;
        background: var(--scrimmy-mint);
    }

    .home-hero__copy[b-0iikz8i70x] {
        min-height: 560px;
    }

    .home-chat-stage[b-0iikz8i70x] {
        min-height: 650px;
        border-top: 3px solid var(--scrimmy-stroke);
        background: var(--scrimmy-surface-dark);
    }

    .home-loop[b-0iikz8i70x] {
        grid-template-columns: 1fr;
    }

    .home-loop__intro[b-0iikz8i70x] {
        min-height: 220px;
    }

    .home-footer[b-0iikz8i70x] {
        grid-template-columns: auto 1fr;
    }

    .home-footer > p[b-0iikz8i70x] {
        grid-column: 1 / -1;
        text-align: left;
    }
}

@media (max-width: 720px) {
    .home-shell[b-0iikz8i70x] {
        width: min(100% - 24px, var(--scrimmy-page-max));
        padding-top: 16px;
    }

    .home-nav[b-0iikz8i70x] {
        align-items: flex-start;
    }

    .home-brand img[b-0iikz8i70x] {
        width: 128px;
    }

    .home-brand span[b-0iikz8i70x],
    .home-nav__links > a:not(.home-button)[b-0iikz8i70x] {
        display: none;
    }

    .home-button--mini[b-0iikz8i70x] {
        min-height: 42px;
        padding-inline: 11px;
    }

    .home-hero[b-0iikz8i70x] {
        min-height: 0;
    }

    .home-hero__copy[b-0iikz8i70x] {
        min-height: 600px;
        padding: 28px 22px 34px;
    }

    .home-tag-row[b-0iikz8i70x] {
        margin-bottom: 25px;
    }

    .home-tag-row span:last-child[b-0iikz8i70x] {
        display: none;
    }

    .home-hero__copy h1[b-0iikz8i70x] {
        font-size: clamp(3.7rem, 18vw, 5.5rem);
    }

    .home-hero__lede[b-0iikz8i70x] {
        font-size: .94rem;
    }

    .home-hero__actions[b-0iikz8i70x] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .home-hero__actions .home-button[b-0iikz8i70x] {
        width: 100%;
    }

    .home-chat-stage[b-0iikz8i70x] {
        min-height: 610px;
        padding: 28px 12px 70px;
    }

    .discord-window[b-0iikz8i70x] {
        border-radius: 20px;
        transform: none;
    }

    .discord-titlebar[b-0iikz8i70x] {
        padding-left: 15px;
    }

    .discord-titlebar__icons i:first-child[b-0iikz8i70x],
    .discord-titlebar__icons i:nth-child(2)[b-0iikz8i70x],
    .discord-rail[b-0iikz8i70x] {
        display: none;
    }

    .discord-body[b-0iikz8i70x] {
        grid-template-columns: 1fr;
        min-height: 500px;
    }

    .discord-messages[b-0iikz8i70x] {
        gap: 15px;
        padding: 20px 13px 12px;
    }

    .discord-message[b-0iikz8i70x] {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 9px;
    }

    .discord-avatar[b-0iikz8i70x] {
        width: 36px;
        height: 36px;
    }

    .discord-message__meta time[b-0iikz8i70x] {
        display: none;
    }

    .discord-readiness[b-0iikz8i70x] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .discord-composer[b-0iikz8i70x] {
        margin-inline: 12px;
    }

    .home-chat-caption[b-0iikz8i70x] {
        right: 18px;
        bottom: 23px;
        max-width: calc(100% - 36px);
    }

    .home-loop[b-0iikz8i70x] {
        margin-top: 24px;
    }

    .home-loop__intro[b-0iikz8i70x] {
        min-height: 210px;
        padding: 26px 22px;
    }

    .home-loop__intro h2[b-0iikz8i70x] {
        font-size: 3.4rem;
    }

    .home-loop__steps[b-0iikz8i70x] {
        grid-template-columns: 1fr;
    }

    .home-loop__steps li[b-0iikz8i70x] {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        align-items: center;
        gap: 14px;
        min-height: 120px;
        padding: 16px;
        border-top: 3px solid var(--scrimmy-stroke);
        border-left: 0;
    }

    .home-loop__steps li:first-child[b-0iikz8i70x] {
        border-top: 0;
    }

    .home-cta[b-0iikz8i70x] {
        grid-template-columns: 1fr;
        align-items: start;
        min-height: 400px;
        margin-top: 24px;
        padding: 28px 22px;
        background: var(--scrimmy-mint);
    }

    .home-cta h2[b-0iikz8i70x] {
        font-size: 3.5rem;
    }

    .home-cta .home-button[b-0iikz8i70x] {
        align-self: end;
        width: 100%;
    }

    .home-footer[b-0iikz8i70x] {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 24px;
    }

    .home-footer nav[b-0iikz8i70x] {
        justify-content: flex-start;
    }

    .home-footer > p[b-0iikz8i70x] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scrimmy-home *[b-0iikz8i70x],
    .scrimmy-home *[b-0iikz8i70x]::before,
    .scrimmy-home *[b-0iikz8i70x]::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/* /Components/Pages/Reports.razor.rz.scp.css */
.reports-admin[b-pongxbjjkz] {
    --reports-panel: rgba(18, 35, 55, .92);
    --reports-panel-soft: rgba(24, 45, 68, .78);
    --reports-border: rgba(143, 171, 190, .17);
    --reports-border-strong: rgba(139, 225, 211, .34);
    --reports-ink-soft: #a7bac9;
    gap: 22px;
}

.reports-command-header[b-pongxbjjkz] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    min-width: 0;
    overflow: hidden;
    padding: clamp(24px, 4vw, 44px);
    border: 1px solid var(--reports-border-strong);
    border-radius: 26px;
    background:
        radial-gradient(circle at 83% -30%, rgba(96, 200, 176, .23), transparent 43%),
        linear-gradient(135deg, rgba(8, 21, 35, .98), rgba(20, 43, 63, .96));
    box-shadow: 8px 8px 0 rgba(4, 12, 21, .88);
}

.reports-command-header[b-pongxbjjkz]::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    opacity: .19;
    background-image:
        linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, transparent, #000);
}

.reports-command-header > *[b-pongxbjjkz] {
    position: relative;
    z-index: 1;
}

.reports-command-header > div:first-child[b-pongxbjjkz] {
    min-width: 0;
    max-width: 820px;
}

.reports-command-header .eyebrow[b-pongxbjjkz] {
    margin: 24px 0 8px;
}

.reports-command-header h1[b-pongxbjjkz] {
    margin: 0;
    color: #fff;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(3.4rem, 7vw, 6.8rem);
    font-weight: 700;
    letter-spacing: -.07em;
    line-height: .74;
    text-transform: uppercase;
}

.reports-command-header > div:first-child > p:last-child[b-pongxbjjkz] {
    max-width: 720px;
    margin: 22px 0 0;
    color: var(--reports-ink-soft);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.65;
}

.reports-live-line[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #8da3b5;
    font-family: Rajdhani, sans-serif;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.reports-live-pill[b-pongxbjjkz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    border: 1px solid rgba(115, 224, 161, .3);
    border-radius: 999px;
    color: #9ae8b9;
    background: rgba(115, 224, 161, .08);
}

.reports-live-pill > span[b-pongxbjjkz] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #73e0a1;
    box-shadow: 0 0 0 4px rgba(115, 224, 161, .11);
}

.reports-header-controls[b-pongxbjjkz] {
    display: grid;
    flex: 0 0 auto;
    gap: 10px;
    min-width: 260px;
}

.reports-range-picker[b-pongxbjjkz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    padding: 5px;
    border: 1px solid var(--reports-border);
    border-radius: 13px;
    background: rgba(3, 12, 21, .48);
}

.reports-range-picker button[b-pongxbjjkz],
.reports-refresh[b-pongxbjjkz],
.reports-tabs button[b-pongxbjjkz],
.reports-result-line button[b-pongxbjjkz],
.reports-pagination button[b-pongxbjjkz] {
    appearance: none;
    border: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.reports-range-picker button[b-pongxbjjkz] {
    min-height: 36px;
    border-radius: 9px;
    color: #8398aa;
    background: transparent;
    font-family: Rajdhani, sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .08em;
}

.reports-range-picker button:hover[b-pongxbjjkz],
.reports-range-picker button.is-active[b-pongxbjjkz] {
    color: #07111d;
    background: var(--scrimmy-mint-soft);
}

.reports-refresh[b-pongxbjjkz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 12px;
    color: #eef8f5;
    background: rgba(255,255,255,.06);
    font-weight: 800;
}

.reports-refresh:hover[b-pongxbjjkz] {
    border-color: var(--reports-border-strong);
    background: rgba(96, 200, 176, .12);
}

.reports-range-picker button:disabled[b-pongxbjjkz],
.reports-refresh:disabled[b-pongxbjjkz] {
    cursor: wait;
    opacity: .65;
}

.reports-refreshed[b-pongxbjjkz] {
    color: #7f95a6;
    font-size: .74rem;
    font-weight: 700;
    text-align: center;
}

.reports-tabs[b-pongxbjjkz] {
    display: flex;
    gap: 7px;
    min-width: 0;
    overflow-x: auto;
    padding: 6px;
    border: 1px solid var(--reports-border);
    border-radius: 17px;
    background: rgba(8, 21, 35, .76);
    scrollbar-width: thin;
}

.reports-tabs button[b-pongxbjjkz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: max-content;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 12px;
    color: #8ea5b6;
    background: transparent;
    font-weight: 800;
}

.reports-tabs button:hover[b-pongxbjjkz] {
    color: #eef8f5;
    background: rgba(255,255,255,.045);
}

.reports-tabs button.is-active[b-pongxbjjkz] {
    color: #07111d;
    background: var(--scrimmy-mint-soft);
    box-shadow: 3px 3px 0 rgba(0,0,0,.25);
}

.reports-tabs button strong[b-pongxbjjkz] {
    min-width: 24px;
    padding: 2px 7px;
    border-radius: 999px;
    color: inherit;
    background: rgba(0,0,0,.13);
    font-size: .72rem;
}

.reports-content[b-pongxbjjkz] {
    transition: opacity .18s ease, filter .18s ease;
}

.reports-content.is-refreshing[b-pongxbjjkz] {
    pointer-events: none;
    opacity: .46;
    filter: saturate(.6);
}

.reports-section-stack[b-pongxbjjkz],
.reports-directory[b-pongxbjjkz] {
    display: grid;
    gap: 22px;
}

.reports-kpi-grid[b-pongxbjjkz] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.reports-kpi[b-pongxbjjkz] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
    overflow: hidden;
    padding: 18px;
    border: 1px solid var(--reports-border);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(23, 43, 65, .98), rgba(12, 26, 43, .98));
    box-shadow: 5px 5px 0 rgba(4, 12, 21, .78);
}

.reports-kpi[b-pongxbjjkz]::after {
    position: absolute;
    right: -25px;
    bottom: -34px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    content: "";
    background: var(--kpi-tone);
    filter: blur(20px);
    opacity: .12;
}

.reports-kpi--mint[b-pongxbjjkz] { --kpi-tone: #8be1d3; }
.reports-kpi--violet[b-pongxbjjkz] { --kpi-tone: #ba9cff; }
.reports-kpi--blue[b-pongxbjjkz] { --kpi-tone: #72b8ff; }
.reports-kpi--green[b-pongxbjjkz] { --kpi-tone: #73e0a1; }
.reports-kpi--amber[b-pongxbjjkz] { --kpi-tone: #f4ce6a; }
.reports-kpi--pink[b-pongxbjjkz] { --kpi-tone: #ff7d9a; }

.reports-kpi__icon[b-pongxbjjkz] {
    display: grid;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--kpi-tone) 45%, transparent);
    border-radius: 11px;
    color: var(--kpi-tone);
    background: color-mix(in srgb, var(--kpi-tone) 9%, transparent);
}

.reports-kpi > div[b-pongxbjjkz] {
    display: grid;
    min-width: 0;
}

.reports-kpi small[b-pongxbjjkz] {
    overflow: hidden;
    color: #93a9ba;
    font-size: .75rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-kpi strong[b-pongxbjjkz] {
    margin: 4px 0 2px;
    color: #fff;
    font-family: Rajdhani, sans-serif;
    font-size: 2.15rem;
    line-height: 1;
}

.reports-kpi > div > span[b-pongxbjjkz] {
    color: #71899c;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.25;
}

.reports-overview-grid[b-pongxbjjkz] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(320px, .75fr);
    gap: 16px;
}

.reports-overview-grid--breakdowns[b-pongxbjjkz] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.reports-three-column[b-pongxbjjkz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.reports-panel[b-pongxbjjkz] {
    min-width: 0;
    padding: clamp(18px, 2.5vw, 28px);
    border: 1px solid var(--reports-border);
    border-radius: 22px;
    background: var(--reports-panel);
    box-shadow: 6px 6px 0 rgba(4, 12, 21, .78);
}

.reports-panel__heading[b-pongxbjjkz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.reports-panel__heading .eyebrow[b-pongxbjjkz] {
    margin-bottom: 3px;
    font-size: .72rem;
}

.reports-panel__heading h2[b-pongxbjjkz],
.reports-section-heading h2[b-pongxbjjkz] {
    margin: 0;
    color: #f8fbfc;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(1.55rem, 2.6vw, 2.25rem);
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1;
    text-transform: uppercase;
}

.reports-panel__heading > span[b-pongxbjjkz] {
    color: #8197a8;
    font-size: .74rem;
    font-weight: 700;
    white-space: nowrap;
}

.reports-panel__heading--compact[b-pongxbjjkz] {
    margin-bottom: 18px;
}

.reports-chart-wrap[b-pongxbjjkz] {
    height: 250px;
    min-width: 0;
}

.reports-line-chart[b-pongxbjjkz] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.chart-grid[b-pongxbjjkz] {
    stroke: rgba(170, 194, 210, .13);
    stroke-width: 1;
    stroke-dasharray: 4 7;
}

.chart-area[b-pongxbjjkz] {
    stroke: none;
}

.chart-area--audit[b-pongxbjjkz] {
    fill: url("#none");
    fill: rgba(139, 225, 211, .07);
}

.chart-line[b-pongxbjjkz] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
    vector-effect: non-scaling-stroke;
}

.chart-line--audit[b-pongxbjjkz] { stroke: #8be1d3; }
.chart-line--events[b-pongxbjjkz] { stroke: #f4ce6a; stroke-width: 3; }
.chart-line--users[b-pongxbjjkz] { stroke: #b99df9; stroke-width: 3; }
.chart-line--teams[b-pongxbjjkz] { stroke: #72b8ff; stroke-width: 3; }

.reports-chart-axis[b-pongxbjjkz],
.reports-chart-legend[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #728a9d;
    font-size: .7rem;
    font-weight: 700;
}

.reports-chart-axis[b-pongxbjjkz] {
    padding: 0 4px;
}

.reports-chart-legend[b-pongxbjjkz] {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 17px;
}

.reports-chart-legend span[b-pongxbjjkz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.reports-chart-legend i[b-pongxbjjkz] {
    width: 18px;
    height: 3px;
    border-radius: 99px;
}

.reports-chart-legend i.audit[b-pongxbjjkz] { background: #8be1d3; }
.reports-chart-legend i.events[b-pongxbjjkz] { background: #f4ce6a; }
.reports-chart-legend i.users[b-pongxbjjkz] { background: #b99df9; }
.reports-chart-legend i.teams[b-pongxbjjkz] { background: #72b8ff; }

.reports-chart-empty[b-pongxbjjkz],
.reports-inline-empty[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 160px;
    border: 1px dashed rgba(255,255,255,.16);
    border-radius: 15px;
    color: #8197a8;
    background: rgba(5, 15, 25, .23);
    font-weight: 700;
}

.reports-inline-empty[b-pongxbjjkz] {
    min-height: 120px;
}

.reports-signal-list[b-pongxbjjkz] {
    display: grid;
    gap: 9px;
}

.reports-signal[b-pongxbjjkz] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 13px;
    background: rgba(6, 18, 30, .38);
}

.reports-signal > span[b-pongxbjjkz] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    color: var(--signal-tone);
    background: color-mix(in srgb, var(--signal-tone) 10%, transparent);
}

.reports-signal--danger[b-pongxbjjkz] { --signal-tone: #ff7d8a; }
.reports-signal--warning[b-pongxbjjkz] { --signal-tone: #f4ce6a; }
.reports-signal--muted[b-pongxbjjkz] { --signal-tone: #91a6b7; }
.reports-signal--good[b-pongxbjjkz] { --signal-tone: #73e0a1; }

.reports-signal > div[b-pongxbjjkz] {
    display: grid;
    min-width: 0;
}

.reports-signal strong[b-pongxbjjkz] {
    color: #edf5f7;
    font-size: .82rem;
}

.reports-signal small[b-pongxbjjkz] {
    overflow: hidden;
    color: #758da0;
    font-size: .68rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-signal b[b-pongxbjjkz] {
    color: var(--signal-tone);
    font-family: Rajdhani, sans-serif;
    font-size: 1.35rem;
}

.reports-table-wrap[b-pongxbjjkz] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 15px;
    background: rgba(7, 18, 30, .36);
}

.reports-table[b-pongxbjjkz] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.reports-table th[b-pongxbjjkz],
.reports-table td[b-pongxbjjkz] {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,.075);
    text-align: left;
    vertical-align: middle;
}

.reports-table th[b-pongxbjjkz] {
    color: #7890a2;
    background: rgba(6, 16, 27, .52);
    font-family: Rajdhani, sans-serif;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.reports-table td[b-pongxbjjkz] {
    color: #dce8ec;
    font-size: .82rem;
    font-weight: 700;
}

.reports-table tbody tr:last-child td[b-pongxbjjkz] {
    border-bottom: 0;
}

.reports-table tbody tr:hover td[b-pongxbjjkz] {
    background: rgba(139, 225, 211, .035);
}

.reports-table td > strong[b-pongxbjjkz],
.reports-table td > small[b-pongxbjjkz] {
    display: block;
}

.reports-table td > small[b-pongxbjjkz] {
    max-width: 260px;
    margin-top: 3px;
    overflow: hidden;
    color: #71899c;
    font-size: .68rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-state[b-pongxbjjkz] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 3px 9px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    color: #b5c7d2;
    background: rgba(255,255,255,.05);
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

.reports-state--ready[b-pongxbjjkz],
.reports-state--confirmed[b-pongxbjjkz],
.reports-state--healthy[b-pongxbjjkz] {
    border-color: rgba(115, 224, 161, .28);
    color: #8fe6b1;
    background: rgba(115, 224, 161, .08);
}

.reports-state--waiting[b-pongxbjjkz],
.reports-state--risky[b-pongxbjjkz],
.reports-state--needs-attention[b-pongxbjjkz] {
    border-color: rgba(244, 206, 106, .3);
    color: #f4ce6a;
    background: rgba(244, 206, 106, .08);
}

.reports-state--not-ready[b-pongxbjjkz],
.reports-state--empty[b-pongxbjjkz],
.reports-state--failed[b-pongxbjjkz],
.reports-state--interrupted[b-pongxbjjkz] {
    border-color: rgba(255, 107, 122, .29);
    color: #ff8b96;
    background: rgba(255, 107, 122, .08);
}

.reports-state--dormant[b-pongxbjjkz] {
    color: #9aaebb;
}

.reports-state--running[b-pongxbjjkz],
.reports-state--scheduled[b-pongxbjjkz] {
    border-color: rgba(114, 184, 255, .3);
    color: #8fc8ff;
    background: rgba(114, 184, 255, .08);
}

.reports-state--disabled[b-pongxbjjkz] {
    color: #8499a9;
    background: rgba(255,255,255,.04);
}

.reports-response-stack[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.reports-response-stack > span[b-pongxbjjkz] {
    min-width: 24px;
    padding: 3px 5px;
    border-radius: 7px;
    text-align: center;
}

.reports-response-stack .available[b-pongxbjjkz] { color: #8fe6b1; background: rgba(115,224,161,.1); }
.reports-response-stack .maybe[b-pongxbjjkz] { color: #f4ce6a; background: rgba(244,206,106,.1); }
.reports-response-stack .unavailable[b-pongxbjjkz] { color: #ff8b96; background: rgba(255,107,122,.1); }
.reports-response-stack small[b-pongxbjjkz] { color: #71899c; font-size: .68rem; white-space: nowrap; }

.reports-number-alert[b-pongxbjjkz],
.reports-text-warning[b-pongxbjjkz] {
    color: #f4ce6a !important;
}

.reports-funnel[b-pongxbjjkz] {
    display: grid;
    gap: 17px;
}

.reports-funnel-step > div:first-child[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 7px;
}

.reports-funnel-step span[b-pongxbjjkz] {
    color: #a4b6c3;
    font-size: .78rem;
    font-weight: 700;
}

.reports-funnel-step strong[b-pongxbjjkz] {
    color: #edf5f7;
    font-size: .85rem;
}

.reports-funnel-step strong small[b-pongxbjjkz] {
    margin-left: 4px;
    color: #6f899c;
    font-size: .66rem;
}

.reports-funnel-track[b-pongxbjjkz] {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(4, 13, 23, .64);
}

.reports-funnel-track span[b-pongxbjjkz] {
    display: block;
    height: 100%;
    min-width: 2px;
    border-radius: inherit;
    background: linear-gradient(90deg, #35a99f, #8be1d3);
}

.reports-inventory[b-pongxbjjkz] {
    display: grid;
    gap: 0;
    margin: 0;
}

.reports-inventory > div[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 0;
    border-bottom: 1px solid rgba(255,255,255,.075);
}

.reports-inventory > div:last-child[b-pongxbjjkz] {
    border-bottom: 0;
}

.reports-inventory dt[b-pongxbjjkz] {
    color: #8fa4b4;
    font-size: .76rem;
    font-weight: 700;
}

.reports-inventory dd[b-pongxbjjkz] {
    margin: 0;
    color: #f1f7f8;
    font-family: Rajdhani, sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
}

.reports-breakdown-list[b-pongxbjjkz] {
    display: grid;
    gap: 11px;
}

.reports-breakdown-list > div[b-pongxbjjkz] {
    display: grid;
    grid-template-columns: minmax(74px, 1fr) minmax(60px, 1.2fr) 28px;
    align-items: center;
    gap: 9px;
}

.reports-breakdown-list span[b-pongxbjjkz] {
    overflow: hidden;
    color: #a8bac6;
    font-size: .71rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-breakdown-list > div > div[b-pongxbjjkz] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(4, 13, 23, .7);
}

.reports-breakdown-list i[b-pongxbjjkz] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #35a99f, #8be1d3);
}

.reports-breakdown-list strong[b-pongxbjjkz] {
    color: #e9f1f4;
    font-size: .74rem;
    text-align: right;
}

.reports-breakdown-empty[b-pongxbjjkz] {
    margin: 0;
    color: #71899c;
    font-size: .78rem;
    font-weight: 600;
}

.reports-section-heading[b-pongxbjjkz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    padding: 18px 3px 6px;
}

.reports-section-heading .eyebrow[b-pongxbjjkz] {
    margin-bottom: 5px;
}

.reports-section-heading > div:first-child > p:last-child[b-pongxbjjkz] {
    max-width: 740px;
    margin: 10px 0 0;
    color: #879dad;
    font-size: .86rem;
    font-weight: 600;
}

.reports-directory-total[b-pongxbjjkz] {
    display: grid;
    flex: 0 0 auto;
    text-align: right;
}

.reports-directory-total strong[b-pongxbjjkz] {
    color: #f3f9fa;
    font-family: Rajdhani, sans-serif;
    font-size: 2.7rem;
    line-height: .8;
}

.reports-directory-total span[b-pongxbjjkz] {
    margin-top: 7px;
    color: #738c9f;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.reports-toolbar[b-pongxbjjkz] {
    display: flex;
    align-items: stretch;
    gap: 11px;
    padding: 10px;
    border: 1px solid var(--reports-border);
    border-radius: 17px;
    background: rgba(11, 27, 43, .8);
}

.reports-search[b-pongxbjjkz] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
}

.reports-search i[b-pongxbjjkz] {
    position: absolute;
    left: 15px;
    color: #718b9e;
}

.reports-search input[b-pongxbjjkz],
.reports-sort select[b-pongxbjjkz] {
    min-height: 45px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 11px;
    outline: none;
    color: #edf5f7;
    background: rgba(5, 16, 27, .65);
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
}

.reports-search input[b-pongxbjjkz] {
    width: 100%;
    padding: 0 15px 0 43px;
}

.reports-search input[b-pongxbjjkz]::placeholder {
    color: #678195;
}

.reports-search input:focus[b-pongxbjjkz],
.reports-sort select:focus[b-pongxbjjkz] {
    border-color: rgba(139,225,211,.55);
    box-shadow: 0 0 0 3px rgba(139,225,211,.1);
}

.reports-sort[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
    color: #7891a3;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.reports-sort select[b-pongxbjjkz] {
    min-width: 160px;
    padding: 0 34px 0 12px;
}

.reports-sort option[b-pongxbjjkz] {
    color: #f2f7f8;
    background: #10243a;
}

.reports-result-line[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 3px;
    color: #718b9e;
    font-size: .74rem;
    font-weight: 700;
}

.reports-result-line button[b-pongxbjjkz] {
    padding: 0;
    color: #8be1d3;
    background: transparent;
    font-size: inherit;
    font-weight: 800;
}

.reports-table-wrap--directory[b-pongxbjjkz] {
    border-radius: 18px;
    box-shadow: 6px 6px 0 rgba(4, 12, 21, .62);
}

.reports-directory-table[b-pongxbjjkz] {
    min-width: 1040px;
}

.reports-directory-table th[b-pongxbjjkz],
.reports-directory-table td[b-pongxbjjkz] {
    padding: 16px;
}

.reports-user-cell[b-pongxbjjkz],
.reports-team-cell[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 250px;
}

.reports-user-cell img[b-pongxbjjkz],
.reports-avatar-fallback[b-pongxbjjkz],
.reports-team-mark[b-pongxbjjkz] {
    display: grid;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(139,225,211,.24);
    border-radius: 12px;
    color: #a4eadf;
    background: rgba(96,200,176,.09);
    object-fit: cover;
    font-family: Rajdhani, sans-serif;
    font-size: .83rem;
    font-weight: 700;
}

.reports-team-mark[b-pongxbjjkz] {
    border-radius: 11px 16px 11px 16px;
    color: #f4ce6a;
    background: rgba(244,206,106,.08);
    border-color: rgba(244,206,106,.22);
}

.reports-user-cell > div[b-pongxbjjkz],
.reports-team-cell > div[b-pongxbjjkz] {
    display: grid;
    min-width: 0;
}

.reports-user-cell strong[b-pongxbjjkz],
.reports-team-cell strong[b-pongxbjjkz] {
    overflow: hidden;
    color: #edf5f7;
    font-size: .83rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-user-cell span:not(.reports-avatar-fallback)[b-pongxbjjkz],
.reports-team-cell span[b-pongxbjjkz] {
    overflow: hidden;
    color: #7991a3;
    font-size: .68rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-user-cell small[b-pongxbjjkz],
.reports-team-cell small[b-pongxbjjkz] {
    overflow: hidden;
    color: #627e93;
    font-size: .65rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-discord-mark[b-pongxbjjkz] {
    margin-left: auto;
    color: #a9b5ff;
}

.reports-adoption-chips[b-pongxbjjkz] {
    display: flex;
    gap: 6px;
}

.reports-adoption-chips span[b-pongxbjjkz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 8px;
    color: #9db2c0;
    background: rgba(255,255,255,.055);
    font-size: .7rem;
}

.reports-adoption-chips i[b-pongxbjjkz] {
    color: #8be1d3;
}

.reports-discord-enabled[b-pongxbjjkz] {
    margin-top: 6px !important;
    color: #a9b5ff !important;
}

.reports-pagination[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.reports-pagination button[b-pongxbjjkz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    color: #acc0cc;
    background: rgba(13, 30, 47, .78);
    font-size: .74rem;
    font-weight: 800;
}

.reports-pagination button:hover:not(:disabled)[b-pongxbjjkz] {
    border-color: var(--reports-border-strong);
    color: #eaf6f4;
}

.reports-pagination button:disabled[b-pongxbjjkz] {
    cursor: not-allowed;
    opacity: .38;
}

.reports-pagination span[b-pongxbjjkz] {
    color: #71899c;
    font-size: .72rem;
    font-weight: 700;
}

.reports-audit-summary-grid[b-pongxbjjkz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.reports-retention-panel[b-pongxbjjkz] {
    border-color: rgba(114, 184, 255, .2);
    background:
        radial-gradient(circle at 100% 0, rgba(114, 184, 255, .08), transparent 36%),
        var(--reports-panel);
}

.reports-retention-layout[b-pongxbjjkz] {
    display: grid;
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.4fr);
    align-items: center;
    gap: 22px;
}

.reports-retention-summary[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.reports-retention-icon[b-pongxbjjkz] {
    display: grid;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(114, 184, 255, .25);
    border-radius: 14px;
    color: #8fc8ff;
    background: rgba(114, 184, 255, .08);
    font-size: 1.15rem;
}

.reports-retention-summary > div[b-pongxbjjkz] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.reports-retention-summary strong[b-pongxbjjkz] {
    color: #eef6f8;
    font-size: .86rem;
}

.reports-retention-summary span[b-pongxbjjkz] {
    color: #7891a3;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.45;
}

.reports-retention-policy[b-pongxbjjkz] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
    margin: 0;
}

.reports-retention-policy > div[b-pongxbjjkz] {
    display: grid;
    gap: 3px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 10px;
    background: rgba(6, 18, 30, .34);
}

.reports-retention-policy dt[b-pongxbjjkz] {
    color: #71899c;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.25;
}

.reports-retention-policy dd[b-pongxbjjkz] {
    margin: 0;
    color: #c9d9e1;
    font-family: Rajdhani, sans-serif;
    font-size: .92rem;
    font-weight: 700;
}

.reports-retention-last-run[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.075);
}

.reports-retention-last-run > span[b-pongxbjjkz] {
    padding: 4px 8px;
    border-radius: 7px;
    color: #7891a3;
    background: rgba(255,255,255,.045);
    font-size: .66rem;
    font-weight: 700;
}

.reports-retention-last-run > span:first-child[b-pongxbjjkz] {
    margin-right: auto;
    padding-left: 0;
    color: #9db0bd;
    background: transparent;
}

.reports-retention-last-run strong[b-pongxbjjkz] {
    color: #8be1d3;
}

.reports-privacy-seal[b-pongxbjjkz] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 5px 11px;
    border: 1px solid rgba(115, 224, 161, .28);
    border-radius: 999px;
    color: #8fe6b1;
    background: rgba(115, 224, 161, .07);
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

.reports-anonymous-kpis[b-pongxbjjkz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.reports-anonymous-chart[b-pongxbjjkz] {
    display: flex;
    align-items: flex-end;
    gap: clamp(2px, .45vw, 7px);
    height: 250px;
    padding: 18px 8px 0;
    border-bottom: 1px solid rgba(170, 194, 210, .16);
    background-image: repeating-linear-gradient(
        to bottom,
        transparent 0,
        transparent calc(25% - 1px),
        rgba(170, 194, 210, .08) 25%
    );
}

.reports-anonymous-day[b-pongxbjjkz] {
    position: relative;
    display: flex;
    flex: 1 1 0;
    align-items: flex-end;
    align-self: stretch;
    justify-content: center;
    gap: 2px;
    min-width: 2px;
}

.reports-anonymous-day > span[b-pongxbjjkz] {
    width: min(8px, 42%);
    min-width: 1px;
    border-radius: 4px 4px 1px 1px;
    transition: filter .15s ease;
}

.reports-anonymous-day:hover > span[b-pongxbjjkz] {
    filter: brightness(1.3);
}

.reports-anonymous-day .page[b-pongxbjjkz] {
    background: linear-gradient(180deg, #8be1d3, #35a99f);
}

.reports-anonymous-day .feature[b-pongxbjjkz] {
    background: linear-gradient(180deg, #f4ce6a, #bb8943);
}

.reports-anonymous-axis[b-pongxbjjkz] {
    padding-top: 8px;
}

.reports-privacy-boundary[b-pongxbjjkz] {
    border-color: rgba(115, 224, 161, .18);
    background:
        radial-gradient(circle at 100% 0, rgba(115, 224, 161, .07), transparent 38%),
        var(--reports-panel);
}

.reports-privacy-boundary .reports-panel__heading > i[b-pongxbjjkz] {
    color: #73e0a1;
    font-size: 1.5rem;
}

.reports-boundary-grid[b-pongxbjjkz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.reports-boundary-grid > div[b-pongxbjjkz] {
    display: grid;
    align-content: start;
    gap: 5px;
    min-height: 112px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 13px;
    background: rgba(6, 18, 30, .38);
}

.reports-boundary-grid strong[b-pongxbjjkz] {
    color: #dcebec;
    font-size: .8rem;
}

.reports-boundary-grid span[b-pongxbjjkz] {
    color: #748da0;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.55;
}

.reports-audit-stream[b-pongxbjjkz] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.reports-audit-stream > li[b-pongxbjjkz] {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    padding: 0 0 22px;
}

.reports-audit-stream > li:not(:last-child)[b-pongxbjjkz]::before {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 20px;
    width: 1px;
    content: "";
    background: rgba(139,225,211,.15);
}

.reports-audit-icon[b-pongxbjjkz] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(139,225,211,.25);
    border-radius: 13px;
    color: #8be1d3;
    background: #132b41;
}

.reports-audit-body[b-pongxbjjkz] {
    min-width: 0;
    padding: 15px 17px;
    border: 1px solid var(--reports-border);
    border-radius: 16px;
    background: rgba(16, 35, 54, .76);
}

.reports-audit-title[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.reports-audit-title > strong[b-pongxbjjkz] {
    color: #f0f6f7;
    font-size: .88rem;
}

.reports-entity-pill[b-pongxbjjkz] {
    padding: 3px 7px;
    border-radius: 999px;
    color: #8099aa;
    background: rgba(255,255,255,.055);
    font-size: .62rem;
    font-weight: 800;
}

.reports-audit-body > p[b-pongxbjjkz] {
    margin: 6px 0 2px;
    color: #8ca2b2;
    font-size: .76rem;
    font-weight: 600;
}

.reports-audit-body > p strong[b-pongxbjjkz] {
    color: #bdccd5;
}

.reports-audit-body > small[b-pongxbjjkz] {
    color: #637f93;
    font-size: .67rem;
    font-weight: 600;
}

.reports-audit-details[b-pongxbjjkz] {
    margin-top: 11px;
}

.reports-audit-details summary[b-pongxbjjkz] {
    width: max-content;
    color: #8be1d3;
    cursor: pointer;
    font-size: .7rem;
    font-weight: 800;
}

.reports-audit-details pre[b-pongxbjjkz] {
    max-height: 320px;
    margin: 10px 0 0;
    overflow: auto;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    color: #a9bfcc;
    background: rgba(3, 12, 21, .72);
    font-size: .68rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.reports-data-note[b-pongxbjjkz],
.reports-alert[b-pongxbjjkz],
.reports-loading[b-pongxbjjkz] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 17px;
    border: 1px solid var(--reports-border);
    border-radius: 14px;
    color: #748da0;
    background: rgba(10, 25, 41, .7);
    font-size: .72rem;
    font-weight: 600;
}

.reports-data-note i[b-pongxbjjkz] {
    color: #73e0a1;
}

.reports-alert[b-pongxbjjkz] {
    border-color: rgba(244,206,106,.34);
    color: #f4ce6a;
}

.reports-loading[b-pongxbjjkz] {
    min-height: 220px;
    justify-content: center;
}

.reports-loading__mark[b-pongxbjjkz] {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid rgba(139,225,211,.35);
    border-radius: 17px;
    color: #8be1d3;
    background: rgba(139,225,211,.08);
    font-size: 1.25rem;
}

.reports-loading > div[b-pongxbjjkz] {
    display: grid;
}

.reports-loading strong[b-pongxbjjkz] {
    color: #e9f3f5;
}

.reports-loading span:last-child[b-pongxbjjkz] {
    color: #748da0;
    font-size: .78rem;
}

.reports-spin[b-pongxbjjkz] {
    display: inline-block;
    animation: reports-spin-b-pongxbjjkz .9s linear infinite;
}

@keyframes reports-spin-b-pongxbjjkz {
    to { transform: rotate(360deg); }
}

@media (max-width: 1280px) {
    .reports-kpi-grid[b-pongxbjjkz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .reports-overview-grid--breakdowns[b-pongxbjjkz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .reports-command-header[b-pongxbjjkz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .reports-header-controls[b-pongxbjjkz] {
        width: 100%;
    }

    .reports-overview-grid[b-pongxbjjkz],
    .reports-three-column[b-pongxbjjkz] {
        grid-template-columns: 1fr;
    }

    .reports-overview-grid--breakdowns[b-pongxbjjkz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reports-anonymous-kpis[b-pongxbjjkz],
    .reports-boundary-grid[b-pongxbjjkz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reports-retention-layout[b-pongxbjjkz] {
        grid-template-columns: 1fr;
    }

    .reports-retention-policy[b-pongxbjjkz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .reports-admin[b-pongxbjjkz] {
        gap: 16px;
    }

    .reports-command-header[b-pongxbjjkz] {
        padding: 24px 20px;
        border-radius: 20px;
        box-shadow: 5px 5px 0 rgba(4, 12, 21, .82);
    }

    .reports-command-header h1[b-pongxbjjkz] {
        font-size: clamp(3.2rem, 17vw, 5rem);
    }

    .reports-live-line[b-pongxbjjkz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .reports-tabs[b-pongxbjjkz] {
        margin-inline: -2px;
    }

    .reports-tabs button[b-pongxbjjkz] {
        padding: 0 13px;
    }

    .reports-kpi-grid[b-pongxbjjkz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reports-kpi[b-pongxbjjkz] {
        display: grid;
        padding: 15px;
    }

    .reports-kpi strong[b-pongxbjjkz] {
        font-size: 1.85rem;
    }

    .reports-overview-grid--breakdowns[b-pongxbjjkz],
    .reports-audit-summary-grid[b-pongxbjjkz] {
        grid-template-columns: 1fr;
    }

    .reports-anonymous-kpis[b-pongxbjjkz],
    .reports-boundary-grid[b-pongxbjjkz] {
        grid-template-columns: 1fr;
    }

    .reports-anonymous-chart[b-pongxbjjkz] {
        height: 205px;
        gap: 2px;
    }

    .reports-boundary-grid > div[b-pongxbjjkz] {
        min-height: 0;
    }

    .reports-retention-policy[b-pongxbjjkz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reports-retention-last-run > span:first-child[b-pongxbjjkz] {
        width: 100%;
    }

    .reports-panel[b-pongxbjjkz] {
        padding: 18px;
        border-radius: 18px;
    }

    .reports-panel__heading[b-pongxbjjkz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .reports-chart-wrap[b-pongxbjjkz] {
        height: 210px;
    }

    .reports-chart-legend[b-pongxbjjkz] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reports-section-heading[b-pongxbjjkz] {
        align-items: flex-start;
    }

    .reports-directory-total[b-pongxbjjkz] {
        display: none;
    }

    .reports-toolbar[b-pongxbjjkz] {
        align-items: stretch;
        flex-direction: column;
    }

    .reports-sort[b-pongxbjjkz] {
        padding-left: 0;
    }

    .reports-sort select[b-pongxbjjkz] {
        flex: 1;
    }

    .reports-pagination[b-pongxbjjkz] {
        justify-content: space-between;
    }

    .reports-pagination button[b-pongxbjjkz] {
        padding: 0 10px;
    }
}

@media (max-width: 440px) {
    .reports-kpi-grid[b-pongxbjjkz] {
        grid-template-columns: 1fr;
    }

    .reports-kpi[b-pongxbjjkz] {
        display: flex;
    }

    .reports-chart-legend[b-pongxbjjkz] {
        grid-template-columns: 1fr;
    }

    .reports-chart-axis span:nth-child(2)[b-pongxbjjkz] {
        display: none;
    }

    .reports-result-line[b-pongxbjjkz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .reports-pagination span[b-pongxbjjkz] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .reports-content[b-pongxbjjkz] {
        transition: none;
    }

    .reports-spin[b-pongxbjjkz] {
        animation: none;
    }
}
/* /Components/Shared/AppShell.razor.rz.scp.css */
.scrimmy-app-shell[b-n4keg69xa8] {
    /* Backgrounds */
    --scrimmy-bg: #101828;
    --scrimmy-surface: #152238;
    --scrimmy-surface-soft: #1b2d45;
    --scrimmy-surface-bright: #213851;
    --scrimmy-surface-dark: #0b1625;
    --scrimmy-charcoal: #07111d;

    /* Text */
    --scrimmy-text: #f8f8f8;
    --scrimmy-text-muted: #9fb2c3;
    --scrimmy-text-dim: #70889b;
    --scrimmy-text-dark: #07111d;

    /* Stroke and lines */
    --scrimmy-stroke: #06111f;
    --scrimmy-line: rgba(248, 248, 248, .13);
    --scrimmy-line-strong: rgba(248, 248, 248, .28);

    /* Accent */
    --scrimmy-mint: #60c8b0;
    --scrimmy-mint-soft: #8be1d3;
    --scrimmy-mint-deep: #35a99f;
    --scrimmy-success: #73e0a1;
    --scrimmy-warning: #f4ce6a;
    --scrimmy-danger: #ff6b7a;

    /* Treatments */
    --scrimmy-mint-faint: rgba(96, 200, 176, .07);
    --scrimmy-mint-wash: rgba(96, 200, 176, .13);
    --scrimmy-mint-focus: rgba(139, 225, 211, .42);
    --scrimmy-ink-soft: rgba(6, 17, 31, .12);
    --scrimmy-ink-medium: rgba(6, 17, 31, .44);
    --scrimmy-white-faint: rgba(255, 255, 255, .035);

    /* Radius */
    --scrimmy-radius-xl: 30px;
    --scrimmy-radius-lg: 22px;
    --scrimmy-radius-md: 15px;
    --scrimmy-radius-sm: 12px;
    --scrimmy-radius-pill: 999px;

    /* Shadows */
    --scrimmy-shadow-soft: 0 24px 80px rgba(0, 0, 0, .28);
    --scrimmy-shadow-hard: 10px 10px 0 rgba(6, 17, 31, .92);
    --scrimmy-shadow-card: 7px 7px 0 rgba(6, 17, 31, .88);
    --scrimmy-shadow-control: 4px 4px 0 rgba(0, 0, 0, .22);

    /* Spacing and layout */
    --scrimmy-space-1: 4px;
    --scrimmy-space-2: 8px;
    --scrimmy-space-3: 12px;
    --scrimmy-space-4: 16px;
    --scrimmy-space-5: 20px;
    --scrimmy-space-6: 24px;
    --scrimmy-space-8: 32px;
    --scrimmy-page-max: 1480px;

    min-height: 100vh;
    color: var(--scrimmy-text);
    background:
        linear-gradient(135deg, var(--scrimmy-white-faint) 25%, transparent 25%) 0 0 / 34px 34px,
        var(--scrimmy-bg);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.scrimmy-app-shell[b-n4keg69xa8],
.scrimmy-app-shell *[b-n4keg69xa8],
.scrimmy-app-shell *[b-n4keg69xa8]::before,
.scrimmy-app-shell *[b-n4keg69xa8]::after {
    box-sizing: border-box;
}

.scrimmy-app-shell a[b-n4keg69xa8] {
    color: inherit;
    text-decoration: none;
}

.scrimmy-app-shell button[b-n4keg69xa8],
.scrimmy-app-shell summary[b-n4keg69xa8] {
    font: inherit;
}

.scrimmy-app-shell a:focus-visible[b-n4keg69xa8],
.scrimmy-app-shell button:focus-visible[b-n4keg69xa8],
.scrimmy-app-shell summary:focus-visible[b-n4keg69xa8],
.scrimmy-shell-content:focus-visible[b-n4keg69xa8] {
    outline: 4px solid var(--scrimmy-mint-focus);
    outline-offset: 3px;
}

.scrimmy-shell-skip[b-n4keg69xa8] {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 1000;
    padding: 12px 16px;
    border: 2px solid var(--scrimmy-stroke, #06111f);
    border-radius: 14px;
    background: var(--scrimmy-mint, #60c8b0);
    color: var(--scrimmy-text-dark, #07111d);
    box-shadow: 5px 5px 0 var(--scrimmy-stroke, #06111f);
    font-family: Inter, system-ui, sans-serif;
    font-weight: 800;
    transform: translateY(-160%);
    transition: transform .15s ease;
}

.scrimmy-shell-skip:focus[b-n4keg69xa8] {
    transform: translateY(0);
}

.scrimmy-app-container[b-n4keg69xa8] {
    width: min(var(--scrimmy-page-max), calc(100% - 36px));
    margin: 0 auto;
    padding: 18px 0 34px;
}

.scrimmy-shell-header[b-n4keg69xa8] {
    position: sticky;
    top: 14px;
    z-index: 30;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-xl);
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-hard);
}

.scrimmy-shell-nav-row[b-n4keg69xa8] {
    min-height: 82px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--scrimmy-space-6);
    align-items: center;
    padding: 14px 16px;
    border-radius: 27px 27px 0 0;
    background: var(--scrimmy-charcoal);
}

.scrimmy-shell-brand[b-n4keg69xa8] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.scrimmy-shell-logo[b-n4keg69xa8] {
    display: block;
    width: 150px;
    height: auto;
}

.scrimmy-shell-primary-nav[b-n4keg69xa8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    padding: 5px;
    border: 2px solid var(--scrimmy-line);
    border-radius: var(--scrimmy-radius-pill);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .02), transparent 72%),
        rgba(7, 17, 29, .42);
}

.scrimmy-shell-nav-link[b-n4keg69xa8] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 14px;
    border: 2px solid transparent;
    border-radius: var(--scrimmy-radius-pill);
    color: var(--scrimmy-text-muted);
    font-size: .83rem;
    font-weight: 800;
    letter-spacing: .01em;
    white-space: nowrap;
    transition: transform .15s ease, box-shadow .15s ease, color .15s ease, background .15s ease, border-color .15s ease;
}

/* NavLink renders anchor markup in a child component, so use ::deep for scoped CSS to reach it. */
[b-n4keg69xa8] .scrimmy-shell-nav-link {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 14px;
    border: 2px solid transparent;
    border-radius: var(--scrimmy-radius-pill);
    color: var(--scrimmy-text-muted);
    font-size: .83rem;
    font-weight: 800;
    letter-spacing: .01em;
    white-space: nowrap;
    transition: transform .15s ease, box-shadow .15s ease, color .15s ease, background .15s ease, border-color .15s ease;
}

.scrimmy-shell-nav-link > i[b-n4keg69xa8] {
    width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(255, 255, 255, .03);
    color: var(--scrimmy-mint-soft);
    font-size: .85rem;
    line-height: 1;
    flex: 0 0 24px;
}

[b-n4keg69xa8] .scrimmy-shell-nav-link > i {
    width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(255, 255, 255, .03);
    color: var(--scrimmy-mint-soft);
    font-size: .85rem;
    line-height: 1;
    flex: 0 0 24px;
}

.scrimmy-shell-nav-link > span[b-n4keg69xa8] {
    line-height: 1;
}

[b-n4keg69xa8] .scrimmy-shell-nav-link > span {
    line-height: 1;
}

.scrimmy-shell-nav-link:hover[b-n4keg69xa8],
.scrimmy-shell-nav-link.active[b-n4keg69xa8] {
    border-color: var(--scrimmy-stroke);
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .28);
    transform: translate(-1px, -1px);
}

[b-n4keg69xa8] .scrimmy-shell-nav-link:hover,
[b-n4keg69xa8] .scrimmy-shell-nav-link.active {
    border-color: var(--scrimmy-stroke);
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .28);
    transform: translate(-1px, -1px);
}

.scrimmy-shell-nav-link.active[b-n4keg69xa8] {
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
}

[b-n4keg69xa8] .scrimmy-shell-nav-link.active {
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
}

.scrimmy-shell-nav-link.active > i[b-n4keg69xa8] {
    border-color: rgba(7, 17, 29, .35);
    background: rgba(7, 17, 29, .11);
    color: var(--scrimmy-text-dark);
}

[b-n4keg69xa8] .scrimmy-shell-nav-link.active > i {
    border-color: rgba(7, 17, 29, .35);
    background: rgba(7, 17, 29, .11);
    color: var(--scrimmy-text-dark);
}

.scrimmy-shell-nav-count[b-n4keg69xa8] {
    min-width: 24px;
    min-height: 24px;
    display: inline-grid;
    place-items: center;
    padding: 2px 6px;
    border: 2px solid currentColor;
    border-radius: var(--scrimmy-radius-pill);
    font-size: .68rem;
    line-height: 1;
}

.scrimmy-shell-actions[b-n4keg69xa8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.scrimmy-shell-button[b-n4keg69xa8] {
    appearance: none;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.scrimmy-shell-button:hover[b-n4keg69xa8] {
    transform: translate(-2px, -2px);
}

.scrimmy-shell-button--primary[b-n4keg69xa8] {
    min-height: 48px;
    border-radius: 16px;
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
    box-shadow: 5px 5px 0 var(--scrimmy-stroke);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.scrimmy-shell-button--primary:hover[b-n4keg69xa8] {
    box-shadow: 7px 7px 0 var(--scrimmy-stroke);
}

.scrimmy-shell-button--secondary[b-n4keg69xa8],
.scrimmy-shell-button--quiet[b-n4keg69xa8] {
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text);
    box-shadow: var(--scrimmy-shadow-control);
}

.scrimmy-shell-button--quiet[b-n4keg69xa8] {
    min-height: 40px;
    padding: 8px 12px;
    font-size: .76rem;
}

.scrimmy-shell-menu[b-n4keg69xa8] {
    position: relative;
}

.scrimmy-shell-menu > summary[b-n4keg69xa8] {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 10px 6px 7px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text);
    cursor: pointer;
    list-style: none;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.scrimmy-shell-menu > summary[b-n4keg69xa8]::-webkit-details-marker {
    display: none;
}

.scrimmy-shell-menu > summary:hover[b-n4keg69xa8],
.scrimmy-shell-menu[open] > summary[b-n4keg69xa8] {
    background: var(--scrimmy-surface-bright);
    transform: translate(-1px, -1px);
}

.scrimmy-shell-account-avatar[b-n4keg69xa8] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 12px;
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
    font-family: Rajdhani, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.scrimmy-shell-account-copy[b-n4keg69xa8] {
    max-width: 124px;
    display: grid;
    min-width: 0;
    text-align: left;
}

.scrimmy-shell-account-copy small[b-n4keg69xa8],
.scrimmy-shell-account-copy strong[b-n4keg69xa8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrimmy-shell-account-copy small[b-n4keg69xa8] {
    color: var(--scrimmy-text-muted);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.scrimmy-shell-account-copy strong[b-n4keg69xa8] {
    font-size: .76rem;
    font-weight: 800;
}

.scrimmy-shell-menu > summary > .bi-chevron-down[b-n4keg69xa8] {
    color: var(--scrimmy-text-muted);
    font-size: .7rem;
    transition: transform .15s ease;
}

.scrimmy-shell-menu[open] > summary > .bi-chevron-down[b-n4keg69xa8] {
    transform: rotate(180deg);
}

.scrimmy-shell-menu-panel[b-n4keg69xa8] {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 50;
    width: 280px;
    padding: 10px;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-lg);
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-hard);
}

.scrimmy-shell-menu-label[b-n4keg69xa8] {
    margin: 6px 8px 8px;
    color: var(--scrimmy-mint-soft);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.scrimmy-shell-menu-label:not(:first-child)[b-n4keg69xa8] {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 2px solid var(--scrimmy-line);
}

.scrimmy-shell-menu-link[b-n4keg69xa8] {
    width: 100%;
    min-height: 44px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    column-gap: 10px;
    align-items: center;
    padding: 7px 9px;
    border: 2px solid transparent;
    border-radius: 14px;
    background: transparent;
    color: var(--scrimmy-text-muted);
    font-size: .8rem;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, transform .15s ease;
}

[b-n4keg69xa8] .scrimmy-shell-menu-link {
    width: 100%;
    min-height: 44px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    column-gap: 10px;
    align-items: center;
    padding: 7px 9px;
    border: 2px solid transparent;
    border-radius: 14px;
    background: transparent;
    color: var(--scrimmy-text-muted);
    font-size: .8rem;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, transform .15s ease;
}

.scrimmy-shell-menu-link > span[b-n4keg69xa8] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-n4keg69xa8] .scrimmy-shell-menu-link > span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrimmy-shell-menu-link > i[b-n4keg69xa8] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 11px;
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-mint-soft);
    flex: 0 0 32px;
}

[b-n4keg69xa8] .scrimmy-shell-menu-link > i {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 11px;
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-mint-soft);
    flex: 0 0 32px;
}

.scrimmy-shell-menu-link:hover[b-n4keg69xa8],
.scrimmy-shell-menu-link.active[b-n4keg69xa8] {
    border-color: var(--scrimmy-stroke);
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text);
    transform: translateX(2px);
}

[b-n4keg69xa8] .scrimmy-shell-menu-link:hover,
[b-n4keg69xa8] .scrimmy-shell-menu-link.active {
    border-color: var(--scrimmy-stroke);
    background: var(--scrimmy-surface-soft);
    color: var(--scrimmy-text);
    transform: translateX(2px);
}

.scrimmy-shell-menu-link.active > i[b-n4keg69xa8] {
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
}

[b-n4keg69xa8] .scrimmy-shell-menu-link.active > i {
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
}

/* Keep account dropdown icon + label on a single row even if global link styles compete. */
.scrimmy-shell-menu-panel--account .scrimmy-shell-menu-link[b-n4keg69xa8],
.scrimmy-shell-menu-panel--account .scrimmy-shell-menu-button[b-n4keg69xa8] {
    display: flex !important;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.scrimmy-shell-menu-panel--account[b-n4keg69xa8]  .scrimmy-shell-menu-link,
.scrimmy-shell-menu-panel--account[b-n4keg69xa8]  .scrimmy-shell-menu-button {
    display: flex !important;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.scrimmy-shell-menu-panel--account .scrimmy-shell-menu-link > i[b-n4keg69xa8],
.scrimmy-shell-menu-panel--account .scrimmy-shell-menu-button > i[b-n4keg69xa8] {
    display: inline-grid !important;
    flex: 0 0 32px;
}

.scrimmy-shell-menu-panel--account[b-n4keg69xa8]  .scrimmy-shell-menu-link > i,
.scrimmy-shell-menu-panel--account[b-n4keg69xa8]  .scrimmy-shell-menu-button > i {
    display: inline-grid !important;
    flex: 0 0 32px;
}

.scrimmy-shell-menu-panel--account .scrimmy-shell-menu-link > span[b-n4keg69xa8],
.scrimmy-shell-menu-panel--account .scrimmy-shell-menu-button > span[b-n4keg69xa8] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrimmy-shell-menu-panel--account[b-n4keg69xa8]  .scrimmy-shell-menu-link > span,
.scrimmy-shell-menu-panel--account[b-n4keg69xa8]  .scrimmy-shell-menu-button > span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrimmy-shell-menu-form[b-n4keg69xa8] {
    margin: 0;
}

.scrimmy-shell-menu-button[b-n4keg69xa8] {
    border: 2px solid transparent;
}

.scrimmy-shell-menu-button > i[b-n4keg69xa8] {
    color: var(--scrimmy-danger);
}

.scrimmy-shell-mobile-menu[b-n4keg69xa8] {
    display: none;
}

.scrimmy-shell-mobile-menu > summary[b-n4keg69xa8] {
    width: 48px;
    justify-content: center;
    padding: 0;
    border-radius: 15px;
    font-size: 1.4rem;
}

.scrimmy-shell-menu-panel--mobile[b-n4keg69xa8] {
    width: min(420px, calc(100vw - 36px));
    max-height: min(720px, calc(100vh - 112px));
    overflow-y: auto;
    overscroll-behavior: contain;
}

.scrimmy-shell-mobile-cta[b-n4keg69xa8] {
    width: 100%;
    margin-bottom: 16px;
}

.scrimmy-shell-mobile-team-summary[b-n4keg69xa8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0 4px 10px;
}

.scrimmy-shell-mobile-team-summary span[b-n4keg69xa8] {
    display: grid;
    gap: 2px;
    padding: 9px 10px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 12px;
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-text);
    font-size: .76rem;
    font-weight: 750;
}

.scrimmy-shell-mobile-team-summary strong[b-n4keg69xa8] {
    color: var(--scrimmy-mint-soft);
    font-size: .62rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.scrimmy-shell-team-context[b-n4keg69xa8] {
    min-height: 96px;
    display: grid;
    grid-template-columns: minmax(250px, .82fr) minmax(320px, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 16px 18px;
    border-top: 3px solid var(--scrimmy-stroke);
    border-radius: 0 0 27px 27px;
    background:
        linear-gradient(128deg, var(--scrimmy-mint-wash), transparent 58%),
        var(--scrimmy-surface-soft);
}

.scrimmy-shell-team-context.is-empty[b-n4keg69xa8] {
    grid-template-columns: minmax(280px, .8fr) minmax(260px, 1fr) auto;
}

.scrimmy-shell-team-identity[b-n4keg69xa8] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.scrimmy-shell-team-mark[b-n4keg69xa8] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    background: var(--scrimmy-charcoal);
    box-shadow: 5px 5px 0 var(--scrimmy-ink-medium);
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.scrimmy-shell-team-identity > div[b-n4keg69xa8] {
    min-width: 0;
}

.scrimmy-shell-team-identity p[b-n4keg69xa8],
.scrimmy-shell-team-name[b-n4keg69xa8],
.scrimmy-shell-team-prompt[b-n4keg69xa8] {
    margin: 0;
}

.scrimmy-shell-team-identity p[b-n4keg69xa8] {
    margin-bottom: 4px;
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.scrimmy-shell-team-name[b-n4keg69xa8] {
    display: block;
    overflow: hidden;
    color: var(--scrimmy-text);
    font-family: Rajdhani, sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: .9;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.scrimmy-shell-team-mobile-role[b-n4keg69xa8] {
    display: none;
}

.scrimmy-shell-team-meta[b-n4keg69xa8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.scrimmy-shell-pill[b-n4keg69xa8] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-surface);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .22);
    color: var(--scrimmy-text);
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.scrimmy-shell-pill i[b-n4keg69xa8] {
    color: var(--scrimmy-mint-soft);
}

.scrimmy-shell-team-actions[b-n4keg69xa8] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.scrimmy-shell-team-prompt[b-n4keg69xa8] {
    color: var(--scrimmy-text-muted);
    font-size: .86rem;
    font-weight: 600;
    line-height: 1.55;
}

.scrimmy-shell-content[b-n4keg69xa8] {
    min-width: 0;
    padding: 34px 0 54px;
    outline: none;
}

.scrimmy-shell-footer[b-n4keg69xa8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 2px 0;
    border-top: 2px solid var(--scrimmy-line);
    color: var(--scrimmy-text-dim);
    font-size: .74rem;
    font-weight: 700;
}

.scrimmy-shell-footer nav[b-n4keg69xa8] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.scrimmy-shell-footer a[b-n4keg69xa8] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
}

.scrimmy-shell-footer a:hover[b-n4keg69xa8] {
    color: var(--scrimmy-mint-soft);
}

@media (max-width: 1180px) {
    .scrimmy-shell-nav-row[b-n4keg69xa8] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .scrimmy-shell-primary-nav[b-n4keg69xa8],
    .scrimmy-shell-create-event[b-n4keg69xa8],
    .scrimmy-shell-account-menu[b-n4keg69xa8],
    .scrimmy-shell-sign-in[b-n4keg69xa8] {
        display: none;
    }

    .scrimmy-shell-mobile-menu[b-n4keg69xa8] {
        display: block;
    }

    .scrimmy-shell-team-context[b-n4keg69xa8],
    .scrimmy-shell-team-context.is-empty[b-n4keg69xa8] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .scrimmy-shell-team-meta[b-n4keg69xa8] {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
    }

    .scrimmy-shell-team-actions[b-n4keg69xa8],
    .scrimmy-shell-team-context.is-empty > .scrimmy-shell-button[b-n4keg69xa8] {
        grid-column: 2;
        grid-row: 1;
    }

    .scrimmy-shell-team-prompt[b-n4keg69xa8] {
        grid-column: 1;
        grid-row: 2;
    }
}

@media (max-width: 720px) {
    .scrimmy-app-container[b-n4keg69xa8] {
        width: min(calc(100% - 24px), var(--scrimmy-page-max));
        padding-top: 12px;
    }

    .scrimmy-shell-header[b-n4keg69xa8] {
        position: relative;
        top: 0;
        box-shadow: var(--scrimmy-shadow-card);
    }

    .scrimmy-shell-nav-row[b-n4keg69xa8] {
        min-height: 72px;
        padding: 10px 12px;
    }

    .scrimmy-shell-logo[b-n4keg69xa8] {
        width: 132px;
    }

    .scrimmy-shell-menu-panel--mobile[b-n4keg69xa8] {
        right: -3px;
        width: min(390px, calc(100vw - 24px));
        max-height: calc(100vh - 102px);
    }

    .scrimmy-shell-team-context[b-n4keg69xa8],
    .scrimmy-shell-team-context.is-empty[b-n4keg69xa8] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        padding: 12px 14px;
    }

    .scrimmy-shell-team-name[b-n4keg69xa8] {
        white-space: normal;
    }

    .scrimmy-shell-team-meta[b-n4keg69xa8] {
        display: none;
    }

    .scrimmy-shell-team-actions[b-n4keg69xa8] {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        justify-content: flex-end;
    }

    .scrimmy-shell-team-invite[b-n4keg69xa8] {
        display: none;
    }

    .scrimmy-shell-team-mobile-role[b-n4keg69xa8] {
        display: block;
        margin-top: 3px;
        color: var(--scrimmy-text-muted);
        font-size: .76rem;
        font-weight: 800;
    }

    .scrimmy-shell-team-context.is-empty[b-n4keg69xa8] {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .scrimmy-shell-team-context.is-empty .scrimmy-shell-team-prompt[b-n4keg69xa8],
    .scrimmy-shell-team-context.is-empty > .scrimmy-shell-button[b-n4keg69xa8] {
        grid-column: 1;
        grid-row: auto;
    }

    .scrimmy-shell-team-context.is-empty > .scrimmy-shell-button[b-n4keg69xa8] {
        width: 100%;
    }

    .scrimmy-shell-content[b-n4keg69xa8] {
        padding: 28px 0 44px;
    }

    .scrimmy-shell-footer[b-n4keg69xa8] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .scrimmy-shell-footer nav[b-n4keg69xa8] {
        gap: 14px;
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scrimmy-app-shell *[b-n4keg69xa8],
    .scrimmy-app-shell *[b-n4keg69xa8]::before,
    .scrimmy-app-shell *[b-n4keg69xa8]::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/* /Components/Shared/EventEditorForm.razor.rz.scp.css */
.scrimmy-event-form[b-k7oyhwp45i] {
    display: grid;
    gap: 18px;
    color: var(--scrimmy-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.scrimmy-event-form[b-k7oyhwp45i],
.scrimmy-event-form *[b-k7oyhwp45i],
.scrimmy-event-form *[b-k7oyhwp45i]::before,
.scrimmy-event-form *[b-k7oyhwp45i]::after {
    box-sizing: border-box;
}

.scrimmy-event-form p[b-k7oyhwp45i],
.scrimmy-event-form h3[b-k7oyhwp45i],
.scrimmy-event-form dl[b-k7oyhwp45i],
.scrimmy-event-form dd[b-k7oyhwp45i] {
    margin: 0;
}

.scrimmy-event-form > ul.validation-errors[b-k7oyhwp45i] {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 14px 16px 14px 38px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    background: var(--scrimmy-danger);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text-dark);
    font-size: .82rem;
    font-weight: 800;
}

.event-form__section[b-k7oyhwp45i] {
    overflow: hidden;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-lg);
    background: var(--scrimmy-surface);
    box-shadow: var(--scrimmy-shadow-card);
}

.event-form__section-heading[b-k7oyhwp45i] {
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 3px solid var(--scrimmy-stroke);
    background:
        linear-gradient(135deg, rgba(96, 200, 176, .28), transparent 52%),
        var(--scrimmy-surface-soft);
}

.event-form__section-heading .eyebrow[b-k7oyhwp45i],
.event-form__preview .eyebrow[b-k7oyhwp45i] {
    color: var(--scrimmy-mint-soft);
    font-family: Rajdhani, sans-serif;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.event-form__section-heading h3[b-k7oyhwp45i],
.event-form__preview h3[b-k7oyhwp45i] {
    margin-top: 6px;
    font-family: Rajdhani, sans-serif;
    font-size: clamp(2rem, 3.2vw, 3rem);
    font-weight: 700;
    letter-spacing: -.05em;
    line-height: .84;
    text-transform: uppercase;
}

.event-form__section-heading[b-k7oyhwp45i]  .status-badge {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 8px 11px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-mint);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text-dark);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.event-form__section-heading[b-k7oyhwp45i]  .status-badge__dot {
    width: 8px;
    height: 8px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 50%;
    background: var(--scrimmy-mint-deep);
}

.event-type-picker[b-k7oyhwp45i] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 20px;
    border-bottom: 2px solid var(--scrimmy-line);
}

.event-type-option[b-k7oyhwp45i] {
    position: relative;
    min-height: 112px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 14px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 18px;
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.event-type-option:hover[b-k7oyhwp45i] {
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0 rgba(0, 0, 0, .28);
}

.event-type-option--selected[b-k7oyhwp45i] {
    outline: 4px solid rgba(96, 200, 176, .34);
    background: #173746;
}

.event-type-option > input[b-k7oyhwp45i] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.event-type-option:has(input:focus-visible)[b-k7oyhwp45i] {
    outline: 4px solid var(--scrimmy-mint-focus);
    outline-offset: 3px;
}

.event-type-option__icon[b-k7oyhwp45i] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 14px;
    background: var(--scrimmy-charcoal);
    color: var(--scrimmy-mint-soft);
    font-size: 1.05rem;
}

.event-type-option--selected .event-type-option__icon[b-k7oyhwp45i] {
    background: var(--scrimmy-mint);
    color: var(--scrimmy-text-dark);
}

.event-type-option > span:last-child[b-k7oyhwp45i],
.event-type-option strong[b-k7oyhwp45i],
.event-type-option small[b-k7oyhwp45i] {
    display: block;
    min-width: 0;
}

.event-type-option strong[b-k7oyhwp45i] {
    font-size: .84rem;
    font-weight: 800;
}

.event-type-option small[b-k7oyhwp45i] {
    margin-top: 5px;
    color: var(--scrimmy-text-muted);
    font-size: .69rem;
    font-weight: 600;
    line-height: 1.35;
}

.member-form__grid[b-k7oyhwp45i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 20px;
}

.member-form__grid > label[b-k7oyhwp45i] {
    display: grid;
    align-content: start;
    gap: 8px;
    min-width: 0;
    color: var(--scrimmy-text-muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.member-form__grid > label > span:first-child[b-k7oyhwp45i] {
    display: block;
}

.member-form__grid input:not([type="checkbox"]):not([type="radio"])[b-k7oyhwp45i],
.member-form__grid select[b-k7oyhwp45i],
.member-form__grid textarea[b-k7oyhwp45i] {
    width: 100%;
    min-height: 50px;
    padding: 13px 14px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    outline: none;
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text);
    font: 700 .88rem/1.4 Inter, system-ui, sans-serif;
    letter-spacing: normal;
    text-transform: none;
}

.member-form__grid textarea[b-k7oyhwp45i] {
    min-height: 126px;
    resize: vertical;
}

.member-form__grid input:focus[b-k7oyhwp45i],
.member-form__grid select:focus[b-k7oyhwp45i],
.member-form__grid textarea:focus[b-k7oyhwp45i] {
    border-color: var(--scrimmy-mint);
    outline: 4px solid rgba(96, 200, 176, .28);
}

.member-form__grid input[b-k7oyhwp45i]::placeholder,
.member-form__grid textarea[b-k7oyhwp45i]::placeholder {
    color: rgba(248, 248, 248, .38);
}

.member-form__notes[b-k7oyhwp45i] {
    grid-column: 1 / -1;
}

.event-form__helper[b-k7oyhwp45i] {
    color: var(--scrimmy-text-dim);
    font-size: .69rem;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.45;
    text-transform: none;
}

.validation-message[b-k7oyhwp45i] {
    color: var(--scrimmy-danger);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: normal;
    text-transform: none;
}

.event-form__availability-toggle[b-k7oyhwp45i] {
    min-height: 82px;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    margin: 20px;
    padding: 14px 16px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 18px;
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    cursor: pointer;
}

.event-form__availability-toggle input[b-k7oyhwp45i] {
    width: 24px;
    height: 24px;
    accent-color: var(--scrimmy-mint);
}

.event-form__availability-toggle span[b-k7oyhwp45i],
.event-form__availability-toggle strong[b-k7oyhwp45i],
.event-form__availability-toggle small[b-k7oyhwp45i] {
    display: block;
}

.event-form__availability-toggle strong[b-k7oyhwp45i] {
    font-size: .86rem;
    font-weight: 800;
}

.event-form__availability-toggle small[b-k7oyhwp45i] {
    margin-top: 4px;
    color: var(--scrimmy-text-muted);
    font-size: .72rem;
    font-weight: 600;
}

.event-form__preview[b-k7oyhwp45i] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    padding: 24px;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-lg);
    background:
        linear-gradient(128deg, var(--scrimmy-mint) 0 63%, var(--scrimmy-mint-deep) 63.3% 100%);
    box-shadow: var(--scrimmy-shadow-card);
    color: var(--scrimmy-text-dark);
}

.event-form__preview[b-k7oyhwp45i]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(136deg, transparent 0 72%, var(--scrimmy-ink-soft) 72.2% 100%);
}

.event-form__preview > *[b-k7oyhwp45i] {
    position: relative;
    z-index: 1;
}

.event-form__preview .eyebrow[b-k7oyhwp45i] {
    color: var(--scrimmy-text-dark);
}

.event-form__preview h3[b-k7oyhwp45i] {
    max-width: 740px;
}

.event-form__preview dl[b-k7oyhwp45i] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.event-form__preview dl > div[b-k7oyhwp45i] {
    min-width: 104px;
    padding: 10px 12px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 15px;
    background: var(--scrimmy-ink-soft);
}

.event-form__preview dt[b-k7oyhwp45i] {
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.event-form__preview dd[b-k7oyhwp45i] {
    margin-top: 3px;
    font-size: .78rem;
    font-weight: 800;
}

.event-form__actions[b-k7oyhwp45i] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 20px;
    border: 3px solid var(--scrimmy-stroke);
    border-radius: var(--scrimmy-radius-lg);
    background: var(--scrimmy-charcoal);
    box-shadow: var(--scrimmy-shadow-card);
}

.event-form__actions[b-k7oyhwp45i]  .primary-action {
    appearance: none;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px 17px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 16px;
    cursor: pointer;
    font-family: Inter, system-ui, sans-serif;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    transition: transform .15s ease, box-shadow .15s ease;
}

.event-form__actions[b-k7oyhwp45i]  .primary-action:hover {
    transform: translate(-2px, -2px);
}

.event-form__actions[b-k7oyhwp45i]  .primary-action--primary {
    background: var(--scrimmy-mint);
    box-shadow: 6px 6px 0 var(--scrimmy-stroke);
    color: var(--scrimmy-text-dark);
}

.event-form__actions[b-k7oyhwp45i]  .primary-action--secondary {
    border-radius: var(--scrimmy-radius-pill);
    background: var(--scrimmy-surface-soft);
    box-shadow: var(--scrimmy-shadow-control);
    color: var(--scrimmy-text);
}

.event-form__actions[b-k7oyhwp45i]  .primary-action:disabled {
    cursor: not-allowed;
    opacity: .46;
    transform: none;
}

@media (max-width: 1180px) {
    .event-type-picker[b-k7oyhwp45i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-form__preview[b-k7oyhwp45i] {
        grid-template-columns: 1fr;
    }

    .event-form__preview dl[b-k7oyhwp45i] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .event-form__section-heading[b-k7oyhwp45i] {
        align-items: flex-start;
        flex-direction: column;
        padding: 16px;
    }

    .event-type-picker[b-k7oyhwp45i],
    .member-form__grid[b-k7oyhwp45i] {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .event-type-picker[b-k7oyhwp45i] {
        gap: 10px;
    }

    .event-type-option[b-k7oyhwp45i] {
        min-height: 88px;
    }

    .member-form__notes[b-k7oyhwp45i] {
        grid-column: auto;
    }

    .event-form__availability-toggle[b-k7oyhwp45i] {
        margin: 16px;
    }

    .event-form__preview[b-k7oyhwp45i] {
        padding: 20px;
        background: var(--scrimmy-mint);
    }

    .event-form__preview dl[b-k7oyhwp45i] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .event-form__actions[b-k7oyhwp45i] {
        align-items: stretch;
        flex-direction: column;
        padding: 16px;
    }

    .event-form__actions[b-k7oyhwp45i]  .primary-action {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scrimmy-event-form *[b-k7oyhwp45i],
    .scrimmy-event-form *[b-k7oyhwp45i]::before,
    .scrimmy-event-form *[b-k7oyhwp45i]::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
.event-form__helper.is-warning[b-k7oyhwp45i] {
    display: block;
    padding: 9px 10px;
    border: 2px solid var(--scrimmy-stroke);
    border-radius: 12px;
    background: rgba(244, 206, 106, .13);
    color: var(--scrimmy-warning);
}

.event-form__helper.is-warning span[b-k7oyhwp45i] {
    display: block;
    margin-top: 3px;
    color: var(--scrimmy-text-muted);
}

.event-form__validation-summary:has(.validation-summary-errors)[b-k7oyhwp45i] {
    margin-bottom: 18px;
}