/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-0odvqrligk] {
    display: flex;
    min-height: 100vh;
    background: var(--so-bg);
}

.sidebar[b-0odvqrligk] {
    position: fixed;
    inset: 0 auto 0 0;
    width: 242px;
    height: 100vh;
    background: #07101d;
    border-right: 1px solid #172132;
    z-index: 100;
}

.app-main[b-0odvqrligk] {
    flex: 1;
    min-width: 0;
    margin-left: 242px;
}

.topbar[b-0odvqrligk] {
    position: sticky;
    top: 0;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 66px;
    padding: 0 1.75rem;
    background: rgba(7, 13, 24, 0.92);
    border-bottom: 1px solid #172132;
    backdrop-filter: blur(16px);
}

.topbar-left[b-0odvqrligk],
.topbar-actions[b-0odvqrligk] {
    display: flex;
    align-items: center;
}

.topbar-actions[b-0odvqrligk] {
    gap: 0.8rem;
}
.notification-bell[b-0odvqrligk] { position: relative; display: grid; width: 42px; height: 42px; place-items: center; color: #cbd3df; background: #101827; border: 1px solid #243047; border-radius: 12px; text-decoration: none; }
.notification-bell:hover[b-0odvqrligk] { color: #fff; border-color: #3a4964; }
.notification-bell > strong[b-0odvqrligk] { position: absolute; top: -6px; right: -6px; min-width: 19px; height: 19px; padding: 0 4px; color: #fff; background: var(--so-accent); border: 2px solid #0c121d; border-radius: 10px; font-size: .58rem; line-height: 15px; text-align: center; }

.topbar-tagline[b-0odvqrligk] {
    color: #9ea8b8;
    font-size: 0.78rem;
    font-weight: 500;
}

.user-avatar[b-0odvqrligk] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #1a2233;
    border: 1px solid #2b3548;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
}

.band-home-identity[b-0odvqrligk] { display: flex; min-width: 0; flex-direction: column; line-height: 1.1; }
.band-home-identity > span[b-0odvqrligk] { color: #7d899d; font-size: .58rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.band-home-identity h1[b-0odvqrligk] { overflow: hidden; max-width: min(48vw, 560px); margin: .18rem 0 0; color: #f4f6fb; font-size: 1rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }

.account-menu[b-0odvqrligk] { position: relative; }
.account-menu > summary[b-0odvqrligk] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-height: 46px;
    padding: .25rem .4rem .25rem .65rem;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 13px;
    list-style: none;
    transition: background 150ms ease, border-color 150ms ease;
}
.account-menu > summary[b-0odvqrligk]::-webkit-details-marker { display: none; }
.account-menu > summary:hover[b-0odvqrligk],
.account-menu[open] > summary[b-0odvqrligk] { background: #111a29; border-color: #273248; }
.account-copy[b-0odvqrligk] { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.15; }
.account-copy small[b-0odvqrligk] { color: #69758a; font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.account-copy strong[b-0odvqrligk] { margin-top: .16rem; color: #e9edf5; font-size: .76rem; font-weight: 700; }
.account-chevron[b-0odvqrligk] { color: #657187; font-size: .8rem; transition: transform 150ms ease; }
.account-menu[open] .account-chevron[b-0odvqrligk] { transform: rotate(180deg); }
.account-popover[b-0odvqrligk] {
    position: absolute;
    top: calc(100% + .55rem);
    right: 0;
    width: 270px;
    padding: .55rem;
    overflow: hidden;
    background: #0d1624;
    border: 1px solid #263247;
    border-radius: 15px;
    box-shadow: 0 22px 55px rgba(0,0,0,.48);
}
.account-identity[b-0odvqrligk] { display: flex; align-items: center; gap: .75rem; padding: .55rem .55rem .75rem; border-bottom: 1px solid #202b3d; }
.account-identity > span:last-child[b-0odvqrligk] { display: flex; min-width: 0; flex-direction: column; }
.account-identity strong[b-0odvqrligk] { color: #f3f5f9; font-size: .8rem; }
.account-identity small[b-0odvqrligk] { overflow: hidden; margin-top: .2rem; color: #7e899c; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.user-avatar.large[b-0odvqrligk] { width: 42px; height: 42px; flex: 0 0 auto; background: linear-gradient(145deg, #33245c, #171f31); border-color: #6746a5; }
.account-menu-link[b-0odvqrligk] {
    display: flex;
    align-items: center;
    gap: .65rem;
    width: 100%;
    min-height: 42px;
    margin-top: .35rem;
    padding: .55rem .65rem;
    color: #bdc6d5;
    background: transparent;
    border: 0;
    border-radius: 9px;
    font: inherit;
    font-size: .76rem;
    font-weight: 650;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}
.account-menu-link:hover[b-0odvqrligk] { color: #fff; background: #172132; }
.account-menu-link.sign-out[b-0odvqrligk] { color: #d5aeb2; }
.account-menu-link.sign-out:hover[b-0odvqrligk] { color: #ffd8dc; background: rgba(180,65,80,.12); }

.main-content[b-0odvqrligk] {
    min-height: calc(100vh - 66px);
    background: radial-gradient( circle at top center, rgba(94, 52, 255, 0.06), transparent 34% ), var(--so-bg);
}

.content[b-0odvqrligk] {
    width: 100%;
    max-width: 1540px;
    margin: 0 auto;
    padding: 1.5rem 1.6rem 3rem;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .app-shell[b-0odvqrligk] {
        display: block;
    }

    .sidebar[b-0odvqrligk] {
        position: sticky;
        top: 0;
        width: 100%;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid #172132;
        z-index: 200;
    }

    .app-main[b-0odvqrligk] {
        margin-left: 0;
    }

    .topbar[b-0odvqrligk] {
        display: none;
    }

    .main-content[b-0odvqrligk] {
        min-height: calc(100vh - 64px);
    }

    .content[b-0odvqrligk] {
        max-width: none;
        padding: 0.7rem 0.65rem 2rem;
    }
}


/* Very small phones */

@media (max-width: 420px) { .content[b-0odvqrligk] { padding-left: .55rem; padding-right: .55rem; } }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.mobile-nav-shell[b-aogwmpmc5h] {
    min-height: 100%;
}

.mobile-event-summary[b-aogwmpmc5h] {
    display: none;
}


/* Brand */

.navbar[b-aogwmpmc5h] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
    padding: 0 1rem;
    border-bottom: 1px solid var(--so-border);
}

.navbar-brand[b-aogwmpmc5h] {
    margin: 0;
}

.mobile-header-actions[b-aogwmpmc5h] { display: flex; align-items: center; gap: .45rem; }
.mobile-notification-bell[b-aogwmpmc5h] { position: relative; display: none; width: 38px; height: 38px; place-items: center; color: #d6dce7; background: #111a28; border: 1px solid #273449; border-radius: 11px; text-decoration: none; }
.mobile-notification-bell strong[b-aogwmpmc5h] { position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; padding: 0 3px; color: #fff; background: var(--so-accent); border: 2px solid #0b111b; border-radius: 10px; font-size: .54rem; line-height: 14px; text-align: center; }
.mobile-account-menu[b-aogwmpmc5h] { position: relative; display: none; }
.mobile-account-menu > summary[b-aogwmpmc5h] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(145deg, #33245c, #171f31);
    border: 1px solid #6746a5;
    border-radius: 50%;
    font-size: .68rem;
    font-weight: 800;
    list-style: none;
}
.mobile-account-menu > summary[b-aogwmpmc5h]::-webkit-details-marker { display: none; }
.mobile-account-popover[b-aogwmpmc5h] {
    position: absolute;
    z-index: 20;
    top: calc(100% + .55rem);
    right: 0;
    width: 230px;
    padding: .55rem;
    background: #0d1624;
    border: 1px solid #263247;
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(0,0,0,.5);
}
.mobile-account-popover small[b-aogwmpmc5h] { display: block; overflow: hidden; padding: .45rem .55rem .65rem; color: #7e899c; text-overflow: ellipsis; white-space: nowrap; }
.mobile-account-popover a[b-aogwmpmc5h],
.mobile-account-popover button[b-aogwmpmc5h] { display: flex; align-items: center; width: 100%; min-height: 43px; padding: .55rem; color: #c5cedc; background: transparent; border: 0; border-radius: 9px; font: inherit; font-size: .78rem; font-weight: 650; text-decoration: none; cursor: pointer; }
.mobile-account-popover a:hover[b-aogwmpmc5h] { color: #fff; background: #172132; }
.mobile-account-popover button[b-aogwmpmc5h] { color: #d5aeb2; }
.mobile-account-popover button:hover[b-aogwmpmc5h] { color: #ffd8dc; background: rgba(180,65,80,.12); }

.stageops-brand[b-aogwmpmc5h] {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: .35rem 0;
    text-decoration: none;
}

.stageops-brand-name[b-aogwmpmc5h] {
    display: block;
    overflow: hidden;
    max-width: min(52vw, 260px);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Navigation */

.nav-scrollable[b-aogwmpmc5h] {
    padding: 0.8rem 0.75rem 1.5rem;
}

.nav-item[b-aogwmpmc5h] {
    position: relative;
}

    .nav-item[b-aogwmpmc5h]  .nav-link {
        display: flex;
        align-items: center;
        gap: 0.7rem;
        min-height: 44px;
        padding: 0.6rem 0.75rem;
        color: #9da5b3;
        background: transparent;
        border-radius: 10px;
        font-size: 0.85rem;
        font-weight: 550;
        text-decoration: none;
        transition: background 160ms ease, color 160ms ease;
    }

        .nav-item[b-aogwmpmc5h]  .nav-link:hover {
            color: #ffffff;
            background: #141821;
        }

    .nav-item[b-aogwmpmc5h]  a.active {
        color: #ffffff;
        background: #181d28;
        box-shadow: inset 3px 0 0 var(--so-accent);
    }

.nav-attention-badge[b-aogwmpmc5h] { display: inline-grid; min-width: 1.3rem; height: 1.3rem; place-items: center; margin-left: auto; padding: 0 .3rem; color: #fff; background: var(--so-accent); border-radius: 999px; font-size: .64rem; font-weight: 800; line-height: 1; }

.nav-home-icon[b-aogwmpmc5h] {
    display: grid;
    place-items: center;
    width: 18px;
    color: #8993a5;
    font-size: 1rem;
}


/* Current event */

.mobile-event-context[b-aogwmpmc5h] {
    display: flex;
    flex-direction: column;
    margin: 1.4rem 0.75rem 0.25rem;
}

.mobile-event-label[b-aogwmpmc5h],
.nav-section-title[b-aogwmpmc5h] {
    color: #596376;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.mobile-event-context strong[b-aogwmpmc5h] {
    color: #f5f7fb;
    font-size: 0.93rem;
    font-weight: 700;
    margin-top: 0.35rem;
}

.mobile-event-context small[b-aogwmpmc5h] {
    color: #70798a;
    font-size: 0.7rem;
    margin-top: 0.1rem;
}

.nav-section-title[b-aogwmpmc5h] {
    margin: 1.25rem 0.75rem 0.5rem;
}


/* Event journey */

.event-stage-list[b-aogwmpmc5h] {
    padding-bottom: 0.5rem;
}

.event-stage[b-aogwmpmc5h] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 46px;
    padding: 0.55rem 0.7rem;
    color: #667080;
    font-size: 0.8rem;
    font-weight: 550;
    border-radius: 10px;
    transition: color 180ms ease, background 180ms ease;
}

    .event-stage.sub-stage[b-aogwmpmc5h] {
        margin-left: 0.7rem;
        font-size: 0.76rem;
    }


    /* Connecting line */

    .event-stage[b-aogwmpmc5h]::before {
        content: "";
        position: absolute;
        left: 1.09rem;
        top: 30px;
        bottom: -16px;
        width: 2px;
        background: #262c36;
    }

    .event-stage:last-child[b-aogwmpmc5h]::before {
        display: none;
    }


/* Stage node */

.stage-marker[b-aogwmpmc5h] {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    color: #07101d;
    border: 2px solid #353d49;
    border-radius: 50%;
    background: #07101d;
    font-size: 0.55rem;
    font-weight: 900;
    transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}


/* Complete */

.event-stage.complete[b-aogwmpmc5h] {
    color: #aeb5c0;
}

    .event-stage.complete .stage-marker[b-aogwmpmc5h] {
        background: var(--so-accent);
        border-color: var(--so-accent);
        color: #ffffff;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.07), 0 0 10px rgba(139, 92, 246, 0.16);
    }


/* Current */

.event-stage.current[b-aogwmpmc5h] {
    color: #ffffff;
    background: #151924;
    font-weight: 700;
}

    .event-stage.current .stage-marker[b-aogwmpmc5h] {
        background: #151924;
        border-color: var(--so-accent-bright);
        box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.11), 0 0 16px rgba(139, 92, 246, 0.42);
        animation: stagePulse-b-aogwmpmc5h 1.9s ease-in-out infinite;
    }


        /* Small centre glow instead of ▶ */

        .event-stage.current .stage-marker[b-aogwmpmc5h]::after {
            content: "";
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--so-accent-bright);
            box-shadow: 0 0 7px var(--so-accent-bright);
        }


/* Future */

.event-stage.future[b-aogwmpmc5h] {
    color: #505968;
}

@keyframes stagePulse-b-aogwmpmc5h {

    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}


/* =========================================================
   MOBILE MENU
   ========================================================= */

.navbar-toggler[b-aogwmpmc5h] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.mobile-menu-button[b-aogwmpmc5h] {
    display: none;
}


/* Desktop */

@media (min-width: 768px) {

    .nav-scrollable[b-aogwmpmc5h] {
        display: block;
        height: calc(100vh - 64px);
        overflow-y: auto;
    }
}


/* Phone */

@media (max-width: 767px) {

    .mobile-nav-shell[b-aogwmpmc5h] {
        min-height: 0;
        background: rgba(7, 16, 29, 0.97);
        backdrop-filter: blur(18px);
    }

    .navbar[b-aogwmpmc5h] {
        min-height: 62px;
        padding: 0 0.9rem;
        border-bottom: 0;
    }

    .mobile-event-summary[b-aogwmpmc5h] {
        display: block;
        padding: 0 .9rem .7rem;
        border-top: 1px solid rgba(255,255,255,.035);
    }

    .mobile-event-summary-row[b-aogwmpmc5h] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: .8rem;
        padding-top: .62rem;
    }

    .mobile-event-title[b-aogwmpmc5h],
    .mobile-current-stage[b-aogwmpmc5h] {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

    .mobile-event-title > span[b-aogwmpmc5h],
    .mobile-current-stage > span[b-aogwmpmc5h] {
        color: #596376;
        font-size: .52rem;
        font-weight: 850;
        letter-spacing: .12em;
    }

    .mobile-event-title strong[b-aogwmpmc5h] {
        overflow: hidden;
        margin-top: .15rem;
        color: #f5f7fb;
        font-size: .78rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-current-stage[b-aogwmpmc5h] { text-align: right; }
    .mobile-current-stage strong[b-aogwmpmc5h] { margin-top: .15rem; color: var(--so-accent-bright); font-size: .68rem; }

    .mobile-progress[b-aogwmpmc5h] {
        height: 3px;
        margin-top: .55rem;
        overflow: hidden;
        background: #202b3b;
        border-radius: 999px;
    }

    .mobile-progress span[b-aogwmpmc5h] {
        display: block;
        height: 100%;
        background: linear-gradient(90deg, var(--so-accent), var(--so-accent-bright));
        border-radius: inherit;
    }

    .mobile-workflow summary[b-aogwmpmc5h] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 34px;
        color: #9ea8b8;
        cursor: pointer;
        font-size: .64rem;
        font-weight: 750;
        list-style: none;
    }

    .mobile-workflow summary[b-aogwmpmc5h]::-webkit-details-marker { display: none; }
    .mobile-workflow[open] summary span[b-aogwmpmc5h] { transform: rotate(180deg); }
    .mobile-workflow-list[b-aogwmpmc5h] { max-height: min(46vh, 330px); padding: .15rem 0 .35rem; overflow-y: auto; }
    .mobile-workflow-list .event-stage[b-aogwmpmc5h] { min-height: 38px; padding-top: .35rem; padding-bottom: .35rem; }

    .desktop-event-workflow[b-aogwmpmc5h] {
        display: none;
    }

    .stageops-brand-name[b-aogwmpmc5h] { font-size: .98rem; }

    .mobile-menu-button[b-aogwmpmc5h] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        width: 42px;
        height: 42px;
        padding: 0 10px;
        cursor: pointer;
        border: 1px solid #263246;
        border-radius: 10px;
        background: #111927;
    }

    .mobile-account-menu[b-aogwmpmc5h] { display: block; }
    .mobile-notification-bell[b-aogwmpmc5h] { display: grid; }

        .mobile-menu-button span[b-aogwmpmc5h] {
            display: block;
            width: 100%;
            height: 2px;
            border-radius: 999px;
            background: #b8c0ce;
            transition: transform 160ms ease, opacity 160ms ease;
        }

    .mobile-nav-scrim[b-aogwmpmc5h] { position: fixed; z-index: 39; inset: 64px 0 0; width: 100%; border: 0; background: rgba(0,0,0,.48); }
    .nav-scrollable[b-aogwmpmc5h] {
        display: none;
        position: fixed;
        z-index: 40;
        top: 64px;
        left: 0;
        width: min(86vw, 360px);
        min-height: calc(100vh - 64px);
        max-height: calc(100vh - 62px);
        padding: 0.4rem 0.7rem 1.25rem;
        overflow-y: auto;
        color: #dce3ef;
        background: #07101d;
        border-top: 1px solid #172132;
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4);
    }

    .nav-scrollable.drawer-open[b-aogwmpmc5h] { display: block; }

    .nav-item[b-aogwmpmc5h]  .nav-link {
        min-height: 48px;
        padding: 0.7rem 0.8rem;
        font-size: 0.9rem;
    }

    .event-stage[b-aogwmpmc5h] { min-height: 44px; }
}
.band-switcher[b-aogwmpmc5h] { margin: .6rem .7rem 1rem; padding: .75rem; border: 1px solid rgba(255,255,255,.08); border-radius: .7rem; background: rgba(255,255,255,.025); }
.band-switcher label[b-aogwmpmc5h] { display: block; margin-bottom: .4rem; color: var(--so-text-muted); font-size: .58rem; font-weight: 800; letter-spacing: .11em; }
.band-switcher > div[b-aogwmpmc5h] { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .35rem; }
.band-switcher select[b-aogwmpmc5h] { min-width: 0; height: 38px; padding: 0 .5rem; border: 1px solid rgba(255,255,255,.1); border-radius: .45rem; background: #111925; color: var(--so-text); font-size: .72rem; }
.band-switcher button[b-aogwmpmc5h] { min-height: 38px; padding: .35rem .55rem; border: 1px solid rgba(167,139,250,.3); border-radius: .45rem; background: transparent; color: #cfc5ff; font-size: .65rem; font-weight: 800; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-z1l17nohkd],
.components-reconnect-repeated-attempt-visible[b-z1l17nohkd],
.components-reconnect-failed-visible[b-z1l17nohkd],
.components-pause-visible[b-z1l17nohkd],
.components-resume-failed-visible[b-z1l17nohkd],
.components-rejoining-animation[b-z1l17nohkd] {
    display: none;
}

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


#components-reconnect-modal[b-z1l17nohkd] {
    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-z1l17nohkd 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-z1l17nohkd {
    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/Account.razor.rz.scp.css */
.login-shell[b-6odmq52ylz] { min-height: 70vh; display: grid; place-items: center; padding: 1.5rem; }
.login-card[b-6odmq52ylz] { width: min(100%, 30rem); padding: 2rem; border: 1px solid #2a2f3a; border-radius: 1rem; background: #11151d; color: #f5f7fa; }
.login-eyebrow[b-6odmq52ylz] { color: var(--so-accent-bright); font-size: .75rem; font-weight: 800; letter-spacing: .18em; }
.login-copy[b-6odmq52ylz] { color: #9ba4b3; }
.field-group[b-6odmq52ylz] { margin-bottom: 1rem; }
.field-group label[b-6odmq52ylz] { display: block; margin-bottom: .4rem; }
.form-control[b-6odmq52ylz] { color: #f5f7fa; background: #0b0e14; border-color: #333a47; }
/* /Components/Pages/CloneEvent.razor.rz.scp.css */
.clone-shell[b-n1y87vimn2] { width: min(100%, 720px); margin: 0 auto; }
.clone-heading[b-n1y87vimn2] { padding: 1rem 0 1.5rem; }
.clone-heading p[b-n1y87vimn2], .clone-source span[b-n1y87vimn2] { margin: 0 0 .4rem; color: var(--so-accent-bright); font-size: .62rem; font-weight: 850; letter-spacing: .15em; }
.clone-heading h1[b-n1y87vimn2] { margin: 0; font-size: clamp(2.4rem, 6vw, 4rem); font-weight: 840; letter-spacing: -.06em; line-height: .96; }
.clone-heading > span[b-n1y87vimn2] { display: block; margin-top: .75rem; color: var(--so-text-secondary); font-size: .82rem; }
.clone-card[b-n1y87vimn2] { display: grid; gap: 1.2rem; padding: 1.4rem; background: linear-gradient(145deg, #151d29, #101721); border: 1px solid #2b3749; border-radius: 16px; box-shadow: var(--so-shadow-md); }
.clone-source[b-n1y87vimn2] { display: flex; flex-direction: column; padding-bottom: 1.1rem; border-bottom: 1px solid var(--so-border); }
.clone-source strong[b-n1y87vimn2] { color: var(--so-text); font-size: 1.2rem; }
.clone-source small[b-n1y87vimn2] { margin-top: .2rem; color: var(--so-text-muted); }
.clone-field label[b-n1y87vimn2] { display: block; margin-bottom: .4rem; color: var(--so-text-secondary); font-size: .68rem; font-weight: 750; }
.clone-review-grid[b-n1y87vimn2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.clone-field-wide[b-n1y87vimn2] { grid-column: 1 / -1; }
.lineup-choice[b-n1y87vimn2] { display: flex; align-items: flex-start; gap: .75rem; padding: 1rem; cursor: pointer; background: rgba(139,92,246,.06); border: 1px solid rgba(139,92,246,.2); border-radius: 12px; }
.lineup-choice input[b-n1y87vimn2] { width: 20px; height: 20px; flex: 0 0 20px; margin-top: .1rem; accent-color: var(--so-accent); }
.lineup-choice span[b-n1y87vimn2] { display: flex; flex-direction: column; }
.lineup-choice strong[b-n1y87vimn2] { color: var(--so-text); font-size: .82rem; }
.lineup-choice small[b-n1y87vimn2] { margin-top: .2rem; color: var(--so-text-secondary); font-size: .68rem; line-height: 1.5; }
.clone-actions[b-n1y87vimn2] { display: flex; justify-content: flex-end; gap: .7rem; padding-top: .2rem; }
.clone-loading[b-n1y87vimn2] { padding: 2rem; color: var(--so-text-secondary); }
@media (max-width: 767px) { .clone-heading[b-n1y87vimn2] { padding-top: .4rem; } .clone-card[b-n1y87vimn2] { padding: 1rem; border-radius: 13px; } .clone-review-grid[b-n1y87vimn2] { grid-template-columns: 1fr; } .clone-field-wide[b-n1y87vimn2] { grid-column: auto; } .clone-actions[b-n1y87vimn2] { flex-direction: column-reverse; } .clone-actions .btn[b-n1y87vimn2] { width: 100%; min-height: 48px; } }
/* /Components/Pages/EventDetails.razor.rz.scp.css */
.event-summary-card[b-p7a4nf1tqh],
.event-section[b-p7a4nf1tqh] {
    background: #111722;
    border: 1px solid #202b3a;
    border-radius: 16px;
    padding: 1.35rem;
    margin-bottom: 1.1rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.event-summary-card[b-p7a4nf1tqh] {
    position: relative;
    background: radial-gradient( circle at 95% 0%, rgba(139, 92, 246, 0.09), transparent 28% ), #111722;
    border-color: #273346;
}

.event-header[b-p7a4nf1tqh],
.event-next-action[b-p7a4nf1tqh],
.event-section-heading[b-p7a4nf1tqh],
.event-progress-row[b-p7a4nf1tqh] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
}

.event-header[b-p7a4nf1tqh],
.event-section-heading[b-p7a4nf1tqh] {
    align-items: flex-start;
}

.event-next-action[b-p7a4nf1tqh],
.event-progress-row[b-p7a4nf1tqh] {
    align-items: center;
}

.event-title[b-p7a4nf1tqh] {
    color: var(--so-text);
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: -0.055em;
    margin-bottom: 0.45rem;
}

.event-eyebrow[b-p7a4nf1tqh],
.next-action-label[b-p7a4nf1tqh] {
    color: var(--so-accent-bright);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.event-meta[b-p7a4nf1tqh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    color: var(--so-text-secondary);
    font-size: 0.84rem;
}

.meta-divider[b-p7a4nf1tqh] {
    color: #465063;
}


/* Status */

.event-status-badge[b-p7a4nf1tqh],
.invitation-status[b-p7a4nf1tqh] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 750;
    padding: 0.4rem 0.7rem;
}

.event-status-draft[b-p7a4nf1tqh] {
    color: #cbbdff;
    background: rgba(139, 92, 246, 0.12);
}

.event-status-waiting[b-p7a4nf1tqh] {
    color: #f6d778;
    background: rgba(245, 185, 66, 0.12);
}

.event-status-confirmed[b-p7a4nf1tqh],
.event-status-ready[b-p7a4nf1tqh] {
    color: #95e9be;
    background: rgba(56, 212, 135, 0.12);
}

.event-status-planning[b-p7a4nf1tqh] {
    color: #a8c5ff;
    background: rgba(83, 133, 226, 0.13);
}

.event-status-live[b-p7a4nf1tqh] {
    color: #ffaaaa;
    background: rgba(240, 100, 100, 0.13);
}

.event-status-completed[b-p7a4nf1tqh] {
    color: #d3d6dc;
    background: #262d38;
}

.event-status-cancelled[b-p7a4nf1tqh] {
    color: #ffaaaa;
    background: rgba(240, 100, 100, 0.13);
}


/* Event progress */

.event-progress-row[b-p7a4nf1tqh] {
    margin-top: 1.4rem;
}

    .event-progress-row > div:first-child[b-p7a4nf1tqh] {
        display: flex;
        flex-direction: column;
        min-width: 7rem;
    }

.progress-label[b-p7a4nf1tqh] {
    color: var(--so-text-muted);
    font-size: 0.72rem;
}

.event-progress-row strong[b-p7a4nf1tqh] {
    color: var(--so-text);
    font-size: 0.9rem;
}

.event-progress-bar[b-p7a4nf1tqh] {
    flex: 1;
    height: 0.45rem;
    background: #252d39;
    border-radius: 999px;
}

    .event-progress-bar .progress-bar[b-p7a4nf1tqh] {
        background: linear-gradient( 90deg, var(--so-accent), var(--so-accent-bright) );
        border-radius: 999px;
        box-shadow: 0 0 12px rgba(139, 92, 246, 0.28);
    }


/* Next action */

.event-next-action[b-p7a4nf1tqh] {
    border-top: 1px solid #273142;
    padding-top: 1.1rem;
}

    .event-next-action > div[b-p7a4nf1tqh] {
        display: flex;
        flex-direction: column;
    }


/* Section headings */

.event-section-heading h2[b-p7a4nf1tqh] {
    color: var(--so-text);
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 0;
}

.section-summary[b-p7a4nf1tqh] {
    color: var(--so-text-secondary);
    font-size: 0.78rem;
}


/* Team */

.invitation-grid[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 0.8rem;
}

.invitation-card[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
    padding: 0.95rem;
    background: #151c28;
    border: 1px solid #283344;
    border-radius: 12px;
    transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

    .invitation-card:hover[b-p7a4nf1tqh] {
        transform: translateY(-1px);
        border-color: #38465d;
        background: #17202d;
    }

.invitation-card-header h3[b-p7a4nf1tqh] {
    color: var(--so-text);
    font-size: 0.98rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.invitation-status.accepted[b-p7a4nf1tqh] {
    color: #95e9be;
    background: rgba(56, 212, 135, 0.11);
}

.invitation-status.pending[b-p7a4nf1tqh] {
    color: #f6d778;
    background: rgba(245, 185, 66, 0.11);
}

.invitation-status.declined[b-p7a4nf1tqh] {
    color: #ffaaaa;
    background: rgba(240, 100, 100, 0.11);
}

.invitation-status.available-again[b-p7a4nf1tqh] {
    color: #bdaaff;
    background: var(--so-accent-soft);
}

.invitation-card-body[b-p7a4nf1tqh] {
    flex: 1;
    margin-top: 0.85rem;
}

.invitation-message[b-p7a4nf1tqh] {
    color: #c8ced8;
    font-size: 0.82rem;
    line-height: 1.5;
    margin-bottom: 0.4rem;
}

.muted[b-p7a4nf1tqh] {
    color: var(--so-text-muted);
}

.invitation-card-body small[b-p7a4nf1tqh] {
    color: var(--so-text-muted);
    font-size: 0.7rem;
}

.invitation-card-footer[b-p7a4nf1tqh] {
    border-top: 1px solid #283344;
    margin-top: 0.9rem;
    padding-top: 0.8rem;
}


/* Add members */

.add-members-panel[b-p7a4nf1tqh] {
    padding: 1rem;
    background: #121925;
    border: 1px dashed #344155;
    border-radius: 12px;
}

    .add-members-panel h3[b-p7a4nf1tqh] {
        color: var(--so-text);
        font-size: 0.95rem;
        margin-bottom: 0.8rem;
    }

.empty-section[b-p7a4nf1tqh] {
    color: var(--so-text-muted);
    padding: 1.5rem 0;
}

.event-header-actions[b-p7a4nf1tqh] { display: flex; align-items: center; gap: .55rem; }
.event-chat-link[b-p7a4nf1tqh] { display: inline-flex; align-items: center; min-height: 42px; padding: .5rem .72rem; color: #d8d0ff; background: rgba(139,92,246,.09); border: 1px solid rgba(167,139,250,.2); border-radius: 10px; font-size: .68rem; font-weight: 800; text-decoration: none; }
.event-chat-link:hover[b-p7a4nf1tqh] { color: #fff; background: rgba(139,92,246,.16); }
.event-chat-link.calendar-primary[b-p7a4nf1tqh] { color:#fff; background:var(--so-accent); border-color:var(--so-accent); }
.event-calendar-help[b-p7a4nf1tqh] { position:relative; display:inline-block; }
.event-calendar-help summary[b-p7a4nf1tqh] { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--so-border); border-radius:50%; cursor:pointer; list-style:none; }
.event-calendar-help summary[b-p7a4nf1tqh]::-webkit-details-marker { display:none; }
.event-calendar-help summary:focus-visible[b-p7a4nf1tqh] { outline:3px solid var(--so-focus); outline-offset:2px; }
.event-calendar-help div[b-p7a4nf1tqh] { position:absolute; z-index:8; right:0; top:calc(100% + .5rem); width:min(310px, calc(100vw - 2.5rem)); padding:1rem; border:1px solid var(--so-border); border-radius:var(--so-radius-md); background:var(--so-surface-raised); box-shadow:var(--so-shadow-lg); color:var(--so-text-secondary); }
.event-calendar-help p[b-p7a4nf1tqh] { margin:.35rem 0 0; font-size:.82rem; line-height:1.5; }
.event-overflow-menu[b-p7a4nf1tqh] { position: relative; }
.event-overflow-menu summary[b-p7a4nf1tqh] { display: grid; place-items: center; width: 42px; height: 42px; color: var(--so-text-secondary); cursor: pointer; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; font-weight: 800; list-style: none; }
.event-overflow-menu summary[b-p7a4nf1tqh]::-webkit-details-marker { display: none; }
.event-overflow-menu > div[b-p7a4nf1tqh] { position: absolute; z-index: 20; top: calc(100% + .4rem); right: 0; min-width: 150px; padding: .35rem; background: #111925; border: 1px solid #303b4d; border-radius: 10px; box-shadow: 0 18px 45px rgba(0,0,0,.4); }
.event-overflow-menu a[b-p7a4nf1tqh] { display: block; padding: .65rem .75rem; color: var(--so-text); border-radius: 7px; font-size: .72rem; font-weight: 750; text-decoration: none; }
.event-overflow-menu a:hover[b-p7a4nf1tqh] { background: var(--so-accent-soft); color: #fff; }

.milestone-banner[b-p7a4nf1tqh] { display: flex; align-items: center; gap: .8rem; margin-bottom: .8rem; padding: .8rem 1rem; color: #d9f8e8; background: linear-gradient(90deg, rgba(56,212,135,.11), rgba(56,212,135,.035)); border: 1px solid rgba(56,212,135,.24); border-radius: 12px; animation: milestone-in-b-p7a4nf1tqh 420ms var(--so-ease) both; }
.milestone-check[b-p7a4nf1tqh] { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px; color: #07140e; background: var(--so-success); border-radius: 50%; font-size: .78rem; font-weight: 900; box-shadow: 0 0 0 5px rgba(56,212,135,.08); }
.milestone-banner div[b-p7a4nf1tqh] { display: flex; flex-direction: column; }
.milestone-banner strong[b-p7a4nf1tqh] { color: #e9fff3; font-size: .78rem; }
.milestone-banner small[b-p7a4nf1tqh] { margin-top: .08rem; color: #8ebba3; font-size: .67rem; }
.event-milestone-completed[b-p7a4nf1tqh] { background: radial-gradient(circle at 95% 0, rgba(56,212,135,.12), transparent 32%), #111722; border-color: rgba(56,212,135,.28); }
.event-milestone-completed .event-title[b-p7a4nf1tqh] { color: #f2fff8; }
@keyframes milestone-in-b-p7a4nf1tqh { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }


/* Role-first line-up */

.lineup-add-role[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) minmax(10rem, 1fr) auto;
    align-items: end;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid var(--so-border);
    border-radius: 12px;
    background: rgba(255,255,255,.018);
}

.lineup-add-role strong[b-p7a4nf1tqh] { display: block; color: var(--so-text); }
.lineup-add-role-picker label[b-p7a4nf1tqh] { display: block; margin-bottom: .35rem; color: var(--so-text-secondary); font-size: .75rem; font-weight: 700; }

@media (max-width: 700px) {
    .lineup-add-role[b-p7a4nf1tqh] { grid-template-columns: 1fr; }
}

.lineup-progress-panel[b-p7a4nf1tqh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    padding: 0.9rem 1rem;
    margin-bottom: 1rem;
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.09), transparent 55%), #101722;
    border: 1px solid #293548;
    border-radius: 12px;
}

.lineup-progress-copy[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
    min-width: 180px;
}

    .lineup-progress-copy strong[b-p7a4nf1tqh] {
        color: var(--so-text);
        font-size: 0.9rem;
        font-weight: 750;
    }

    .lineup-progress-copy span[b-p7a4nf1tqh] {
        color: var(--so-text-muted);
        font-size: 0.7rem;
        margin-top: 0.16rem;
    }

.lineup-role-indicators[b-p7a4nf1tqh] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.lineup-role-indicator[b-p7a4nf1tqh] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.32rem 0.5rem;
    color: #9ca8b9;
    background: #151d29;
    border: 1px solid #2c384a;
    border-radius: 999px;
    font-size: 0.66rem;
    white-space: nowrap;
}

    .lineup-role-indicator strong[b-p7a4nf1tqh] {
        color: #738096;
        font-size: 0.78rem;
    }

    .lineup-role-indicator.prepared[b-p7a4nf1tqh],
    .lineup-role-indicator.accepted[b-p7a4nf1tqh] {
        color: #b8e9ce;
        border-color: rgba(56, 212, 135, 0.25);
        background: rgba(56, 212, 135, 0.07);
    }

        .lineup-role-indicator.prepared strong[b-p7a4nf1tqh],
        .lineup-role-indicator.accepted strong[b-p7a4nf1tqh] {
            color: var(--so-success);
        }

    .lineup-role-indicator.invited[b-p7a4nf1tqh] {
        color: #efcf75;
        border-color: rgba(245, 185, 66, 0.24);
        background: rgba(245, 185, 66, 0.07);
    }

    .lineup-role-indicator.maybe[b-p7a4nf1tqh] {
        color: #e7ca7b;
        border-color: rgba(245, 185, 66, 0.32);
        background: rgba(245, 185, 66, 0.1);
    }

    .lineup-role-indicator.replacement[b-p7a4nf1tqh] {
        color: #ffb1b1;
        border-color: rgba(240, 100, 100, 0.3);
        background: rgba(240, 100, 100, 0.08);
    }

        .lineup-role-indicator.replacement strong[b-p7a4nf1tqh] {
            color: #ff8585;
        }

.lineup-slot-grid[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    gap: 0.85rem;
}

.lineup-slot-card[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1rem;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.018), transparent 45%), #141b27;
    border: 1px solid #2a3546;
    border-top: 3px solid #4a5669;
    border-radius: 12px;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

    .lineup-slot-card:hover[b-p7a4nf1tqh] {
        transform: translateY(-1px);
        background-color: #17202d;
    }

    .lineup-slot-card.prepared[b-p7a4nf1tqh],
    .lineup-slot-card.accepted[b-p7a4nf1tqh] {
        border-top-color: var(--so-success);
    }

    .lineup-slot-card.invited[b-p7a4nf1tqh] {
        border-top-color: #e2ad3c;
    }

    .lineup-slot-card.maybe[b-p7a4nf1tqh] {
        border-color: rgba(245, 185, 66, 0.28);
        border-top-color: #e2ad3c;
        background: linear-gradient(145deg, rgba(245, 185, 66, 0.055), transparent 48%), #151b26;
    }

    .lineup-slot-card.missing[b-p7a4nf1tqh] {
        border-style: dashed;
        border-top-style: solid;
        border-top-color: #697589;
    }

    .lineup-slot-card.replacement[b-p7a4nf1tqh] {
        border-color: rgba(240, 100, 100, 0.38);
        border-top-color: #f06464;
        background: linear-gradient(145deg, rgba(240, 100, 100, 0.065), transparent 48%), #171b25;
    }

.lineup-slot-header[b-p7a4nf1tqh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
}

.lineup-slot-kicker[b-p7a4nf1tqh] {
    display: block;
    color: #69768a;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    margin-bottom: 0.22rem;
}

.lineup-slot-header h3[b-p7a4nf1tqh] {
    color: #f3f5f8;
    font-size: 1.28rem;
    font-weight: 780;
    letter-spacing: -0.025em;
    line-height: 1.12;
    margin: 0;
}

.lineup-state-badge[b-p7a4nf1tqh] {
    flex: 0 0 auto;
    padding: 0.3rem 0.46rem;
    color: #aeb7c5;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 999px;
    font-size: 0.59rem;
    font-weight: 750;
    white-space: nowrap;
}

.lineup-slot-card.prepared .lineup-state-badge[b-p7a4nf1tqh],
.lineup-slot-card.accepted .lineup-state-badge[b-p7a4nf1tqh] {
    color: #95e9be;
    background: rgba(56, 212, 135, 0.11);
}

.lineup-slot-card.invited .lineup-state-badge[b-p7a4nf1tqh] {
    color: #f6d778;
    background: rgba(245, 185, 66, 0.11);
}

.lineup-slot-card.maybe .lineup-state-badge[b-p7a4nf1tqh] {
    color: #f6d778;
    background: rgba(245, 185, 66, 0.13);
}

.invitation-status.maybe[b-p7a4nf1tqh] {
    color: #f6d778;
    background: rgba(245, 185, 66, 0.11);
}

.lineup-slot-card.replacement .lineup-state-badge[b-p7a4nf1tqh] {
    color: #ffaaaa;
    background: rgba(240, 100, 100, 0.12);
}

.lineup-musician[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
    min-height: 72px;
    padding: 0.8rem 0 0.75rem;
}

    .lineup-musician > span[b-p7a4nf1tqh] {
        color: #667388;
        font-size: 0.58rem;
        font-weight: 800;
        letter-spacing: 0.12em;
    }

    .lineup-musician strong[b-p7a4nf1tqh] {
        color: #d8dde5;
        font-size: 0.94rem;
        font-weight: 680;
        margin-top: 0.2rem;
    }

        .lineup-musician strong.musician-required[b-p7a4nf1tqh] {
            color: #aeb7c5;
            font-style: italic;
        }

    .lineup-slot-card.replacement .lineup-musician strong.musician-required[b-p7a4nf1tqh] {
        color: #ffaaaa;
        font-style: normal;
    }

    .lineup-musician small[b-p7a4nf1tqh] {
        color: var(--so-text-muted);
        font-size: 0.66rem;
        margin-top: 0.14rem;
    }

.lineup-slot-action[b-p7a4nf1tqh] {
    padding-top: 0.7rem;
    border-top: 1px solid #273244;
}

    .lineup-slot-action label[b-p7a4nf1tqh] {
        display: block;
        color: var(--so-text-secondary);
        font-size: 0.64rem;
        font-weight: 700;
        margin-bottom: 0.35rem;
    }

    .lineup-slot-action .form-select[b-p7a4nf1tqh] {
        min-height: 40px;
        color: #dce1e8;
        background-color: #0d1420;
        border: 1px solid #303c50;
        border-radius: 9px;
        font-size: 0.78rem;
    }

        .lineup-slot-action .form-select:focus[b-p7a4nf1tqh] {
            border-color: var(--so-accent);
            box-shadow: 0 0 0 3px var(--so-accent-soft);
        }

.replacement-action .form-select[b-p7a4nf1tqh] {
    border-color: rgba(240, 100, 100, 0.42);
}

.replacement-member-select[b-p7a4nf1tqh] {
    width: 100%;
    cursor: pointer;
}

.replacement-selection-hint[b-p7a4nf1tqh] {
    display: block;
    margin-top: .45rem;
    color: var(--so-text-muted);
    font-size: .64rem;
    line-height: 1.45;
}

.planning-import-notice[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1rem;
    padding: .9rem 1rem;
    color: var(--so-text-secondary);
    background: rgba(125, 104, 238, .08);
    border: 1px solid rgba(125, 104, 238, .22);
    border-radius: 12px;
}

.planning-import-notice div[b-p7a4nf1tqh] { display: grid; gap: .18rem; }
.planning-import-notice strong[b-p7a4nf1tqh] { color: var(--so-text); font-size: .78rem; }
.planning-import-notice span[b-p7a4nf1tqh] { font-size: .68rem; line-height: 1.5; }

@media (max-width: 767px) {
    .planning-import-notice[b-p7a4nf1tqh] { align-items: stretch; flex-direction: column; }
    .planning-import-notice .btn[b-p7a4nf1tqh] { width: 100%; min-height: 44px; }
}

.musician-picker-toggle[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 44px;
    padding: .65rem .75rem;
    color: #dce1e8;
    background: #0d1420;
    border: 1px solid #303c50;
    border-radius: 9px;
    font-size: .76rem;
    font-weight: 750;
}

.musician-picker-toggle strong[b-p7a4nf1tqh] { color: var(--so-accent-bright); font-size: 1rem; }
.replacement-picker-toggle[b-p7a4nf1tqh] { border-color: rgba(240, 100, 100, .42); }
.musician-picker-list[b-p7a4nf1tqh] { display: grid; gap: .4rem; margin-top: .45rem; }
.musician-picker-option[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 52px;
    padding: .6rem .75rem;
    color: var(--so-text);
    text-align: left;
    background: #151e2b;
    border: 1px solid #2c394d;
    border-radius: 9px;
}
.musician-picker-option > span:first-child[b-p7a4nf1tqh] { display: flex; flex-direction: column; }
.musician-picker-option strong[b-p7a4nf1tqh] { font-size: .78rem; }
.musician-picker-option small[b-p7a4nf1tqh] { margin-top: .1rem; color: var(--so-text-muted); font-size: .62rem; }
.musician-picker-option > span:last-child[b-p7a4nf1tqh] { color: var(--so-accent-bright); }
.musician-picker-option.selected[b-p7a4nf1tqh] { color: #b8e9ce; background: rgba(56,212,135,.07); border-color: rgba(56,212,135,.28); }
.musician-picker-empty[b-p7a4nf1tqh] { padding: .7rem; color: var(--so-text-secondary); background: rgba(245,185,66,.05); border: 1px solid rgba(245,185,66,.18); border-radius: 9px; font-size: .68rem; line-height: 1.5; }
.musician-picker-empty a[b-p7a4nf1tqh] { display: block; margin-top: .3rem; color: var(--so-accent-bright); font-weight: 750; }

.replacement-ready-copy[b-p7a4nf1tqh] {
    display: block;
    color: var(--so-text-secondary);
    font-size: 0.68rem;
    line-height: 1.45;
    margin-bottom: 0.6rem;
}

.replacement-send-button[b-p7a4nf1tqh] {
    width: 100%;
    min-height: 40px;
    font-size: 0.72rem;
}

.lineup-slot-footer[b-p7a4nf1tqh] {
    margin-top: auto;
    padding-top: 0.72rem;
    border-top: 1px solid #273244;
}

    .lineup-slot-footer a[b-p7a4nf1tqh] {
        color: #a99af5;
        font-size: 0.68rem;
        font-weight: 650;
        text-decoration: none;
    }

        .lineup-slot-footer a:hover[b-p7a4nf1tqh] {
            color: #c6bcff;
        }

.lineup-warning[b-p7a4nf1tqh] {
    padding: 0.7rem 0.8rem;
    color: #e8cd83;
    background: rgba(245, 185, 66, 0.07);
    border: 1px solid rgba(245, 185, 66, 0.2);
    border-radius: 9px;
    font-size: 0.72rem;
}

@media (max-width: 767px) {
    .lineup-progress-panel[b-p7a4nf1tqh] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.75rem;
    }

    .lineup-role-indicators[b-p7a4nf1tqh] {
        justify-content: flex-start;
    }

    .lineup-slot-grid[b-p7a4nf1tqh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .lineup-slot-header[b-p7a4nf1tqh] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .lineup-state-badge[b-p7a4nf1tqh] {
        align-self: flex-start;
    }
}


/* Planning header */

.planning-heading[b-p7a4nf1tqh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin: 1.75rem 0 1rem;
}

    .planning-heading h2[b-p7a4nf1tqh] {
        color: var(--so-text);
        font-size: 1.65rem;
        font-weight: 750;
        letter-spacing: -0.035em;
        margin-bottom: 0.25rem;
    }

    .planning-heading p[b-p7a4nf1tqh] {
        margin-bottom: 0;
    }


/* Autosave */

.autosave-status[b-p7a4nf1tqh],
.global-autosave-status[b-p7a4nf1tqh] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    color: var(--so-success);
    font-size: 0.7rem;
    font-weight: 650;
    white-space: nowrap;
}

.global-autosave-status[b-p7a4nf1tqh] {
    padding: 0.42rem 0.65rem;
    background: rgba(56, 212, 135, 0.07);
    border: 1px solid rgba(56, 212, 135, 0.15);
    border-radius: 999px;
}

.autosave-dot[b-p7a4nf1tqh] {
    width: 6px;
    height: 6px;
    background: var(--so-success);
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(56, 212, 135, 0.6);
}


/* Planning forms */

.planning-grid[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.planning-details-grid[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.field-group[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
}

    .field-group .form-label[b-p7a4nf1tqh] {
        color: var(--so-text-secondary);
        font-size: 0.72rem;
        font-weight: 650;
        margin-bottom: 0.4rem;
    }

    .field-group .form-control[b-p7a4nf1tqh] {
        min-height: 44px;
        padding: 0.65rem 0.75rem;
        color: var(--so-text);
        background: #0d1420;
        border: 1px solid #293548;
        border-radius: 10px;
        transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
    }

        .field-group .form-control[b-p7a4nf1tqh]::placeholder {
            color: #596578;
        }

        .field-group .form-control:hover[b-p7a4nf1tqh] {
            border-color: #344359;
        }

        .field-group .form-control:focus[b-p7a4nf1tqh] {
            color: var(--so-text);
            background: #0f1724;
            border-color: var(--so-accent);
            box-shadow: 0 0 0 3px var(--so-accent-soft);
        }

.planning-textarea[b-p7a4nf1tqh] {
    min-height: 105px;
    resize: vertical;
}

.production-textarea[b-p7a4nf1tqh] {
    min-height: 170px;
}

.setlist-textarea[b-p7a4nf1tqh] {
    min-height: 170px;
    resize: vertical;
    font-family: inherit;
    line-height: 1.55;
}


/* Activity */

.activity-list[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.activity-item[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: 0.7rem 1fr;
    gap: 0.8rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #222d3d;
}

    .activity-item:last-child[b-p7a4nf1tqh] {
        border-bottom: 0;
    }

.activity-marker[b-p7a4nf1tqh] {
    width: 7px;
    height: 7px;
    margin-top: 0.42rem;
    background: var(--so-accent);
    border-radius: 999px;
    box-shadow: 0 0 9px rgba(139, 92, 246, 0.45);
}

.activity-item strong[b-p7a4nf1tqh] {
    color: var(--so-text);
    font-size: 0.8rem;
}

.activity-message[b-p7a4nf1tqh] {
    color: #c3cad5;
    font-size: 0.78rem;
    margin-top: 0.25rem;
}

.activity-item small[b-p7a4nf1tqh] {
    display: block;
    color: var(--so-text-muted);
    font-size: 0.68rem;
    margin-top: 0.25rem;
}


/* Danger zone */

.danger-zone[b-p7a4nf1tqh] {
    background: linear-gradient( 90deg, rgba(240, 100, 100, 0.025), transparent 45% ), #111722;
    border-color: rgba(240, 100, 100, 0.22);
}

    .danger-zone h2[b-p7a4nf1tqh] {
        color: #f3d4d4;
    }

.danger-eyebrow[b-p7a4nf1tqh] {
    color: var(--so-danger);
}


/* Responsive */

@media (max-width: 1000px) {
    .planning-grid[b-p7a4nf1tqh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .event-header[b-p7a4nf1tqh],
    .event-next-action[b-p7a4nf1tqh],
    .event-section-heading[b-p7a4nf1tqh],
    .event-progress-row[b-p7a4nf1tqh],
    .planning-heading[b-p7a4nf1tqh] {
        align-items: stretch;
        flex-direction: column;
    }

    .event-title[b-p7a4nf1tqh] {
        font-size: 2.15rem;
        line-height: 1;
    }

    .event-summary-card[b-p7a4nf1tqh] { margin-bottom: .7rem; }
    .event-header[b-p7a4nf1tqh] { gap: .7rem; }
    .event-header-actions[b-p7a4nf1tqh] { justify-content: space-between; width: 100%; }
    .event-meta[b-p7a4nf1tqh] { gap: .35rem .5rem; font-size: .76rem; }
    .event-progress-row[b-p7a4nf1tqh] { gap: .45rem; margin-top: .9rem; }
    .event-progress-row > div:first-child[b-p7a4nf1tqh] { flex-direction: row; justify-content: space-between; }
    .event-next-action[b-p7a4nf1tqh] { gap: .8rem; margin-top: 1rem !important; padding-top: .85rem; }
    .event-next-action .btn[b-p7a4nf1tqh],
    .ready-action .btn[b-p7a4nf1tqh] { width: 100%; min-height: 46px; }
    .event-section[b-p7a4nf1tqh] { margin-bottom: .7rem; }
    .lineup-slot-card .btn[b-p7a4nf1tqh] { min-height: 44px; }

    .event-progress-row > div:first-child[b-p7a4nf1tqh] {
        min-width: 0;
    }

    .invitation-grid[b-p7a4nf1tqh] {
        grid-template-columns: 1fr;
    }

    .planning-details-grid[b-p7a4nf1tqh] {
        grid-template-columns: 1fr;
    }

    .autosave-status[b-p7a4nf1tqh],
    .global-autosave-status[b-p7a4nf1tqh] {
        align-self: flex-start;
    }
}

@media (max-width: 600px) {
    .planning-grid[b-p7a4nf1tqh] {
        grid-template-columns: 1fr;
    }

    .event-summary-card[b-p7a4nf1tqh],
    .event-section[b-p7a4nf1tqh] {
        padding: 1rem;
        border-radius: 13px;
    }
}

.ready-action[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.planning-guidance[b-p7a4nf1tqh] {
    color: var(--so-text-muted);
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.ready-action .btn:disabled[b-p7a4nf1tqh] {
    opacity: 0.4;
    cursor: not-allowed;
}

@media (max-width: 767px) {
    .ready-action[b-p7a4nf1tqh] {
        align-items: stretch;
        flex-direction: column;
    }
}

.planning-heading-actions[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

@media (max-width: 767px) {
    .planning-heading-actions[b-p7a4nf1tqh] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* =========================================================
   GIG BRIEF
   ========================================================= */

.gig-brief[b-p7a4nf1tqh] {
    background: radial-gradient(circle at 80% 0%, rgba(139, 92, 246, 0.08), transparent 32%), #11151d;
    border: 1px solid #252b38;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.gig-brief-header[b-p7a4nf1tqh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.75rem 2rem;
    border-bottom: 1px solid #252b38;
}

    .gig-brief-header h2[b-p7a4nf1tqh] {
        font-size: 1.8rem;
        font-weight: 750;
        margin: 0;
    }

.gig-brief-subtitle[b-p7a4nf1tqh] {
    color: #929bad;
    margin: 0.35rem 0 0;
}

.gig-edit-button[b-p7a4nf1tqh] {
    color: #b9a2ff;
    border: 1px solid #59448d;
    background: rgba(139, 92, 246, 0.07);
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
}

    .gig-edit-button:hover[b-p7a4nf1tqh] {
        color: white;
        border-color: #8b5cf6;
        background: rgba(139, 92, 246, 0.16);
    }


/* TIMELINE */

.gig-schedule[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: minmax(100px, 1fr) minmax(30px, .55fr) minmax(100px, 1fr) minmax(30px, .55fr) minmax(100px, 1fr) minmax(30px, .55fr) minmax(100px, 1fr);
    align-items: center;
    padding: 2rem 3rem 2.25rem;
    background: #0d1118;
    border-bottom: 1px solid #252b38;
}

.schedule-item[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.schedule-time[b-p7a4nf1tqh] {
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 750;
    letter-spacing: -0.03em;
    margin-bottom: 0.8rem;
}

.schedule-dot[b-p7a4nf1tqh] {
    position: relative;
    z-index: 2;
    width: 13px;
    height: 13px;
    background: #8b5cf6;
    border: 3px solid #c4b5fd;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(139, 92, 246, 0.12), 0 0 18px rgba(139, 92, 246, 0.55);
}

.schedule-label[b-p7a4nf1tqh] {
    color: #8f98aa;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.1em;
    margin-top: 0.8rem;
}

.schedule-line[b-p7a4nf1tqh] {
    height: 2px;
    background: linear-gradient( 90deg, #59438e, #8b5cf6, #59438e );
    margin-top: 0.1rem;
}


/* CONTENT */

.gig-brief-section[b-p7a4nf1tqh] {
    padding: 1.6rem 2rem;
}

.gig-section-heading[b-p7a4nf1tqh] {
    margin-bottom: 1.2rem;
}

    .gig-section-heading h3[b-p7a4nf1tqh] {
        font-size: 1.15rem;
        font-weight: 700;
        margin: 0;
    }

.logistics-grid[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    border: 1px solid #252b38;
    border-radius: 12px;
    overflow: hidden;
}

.brief-detail[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-height: 90px;
    padding: 1rem 1.15rem;
    background: #151a23;
    border-bottom: 1px solid #252b38;
}

    .brief-detail:nth-child(odd)[b-p7a4nf1tqh] {
        border-right: 1px solid #252b38;
    }

    .brief-detail:nth-last-child(-n+2)[b-p7a4nf1tqh] {
        border-bottom: 0;
    }

    .brief-detail span[b-p7a4nf1tqh] {
        color: #788296;
        font-size: 0.7rem;
        font-weight: 650;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .brief-detail strong[b-p7a4nf1tqh] {
        color: #e7eaf0;
        font-size: 0.9rem;
        font-weight: 500;
        white-space: pre-line;
    }


/* PRODUCTION */

.production-grid[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #252b38;
}

.production-panel:first-child[b-p7a4nf1tqh] {
    border-right: 1px solid #252b38;
}

.brief-copy[b-p7a4nf1tqh],
.brief-setlist[b-p7a4nf1tqh] {
    min-height: 100px;
    color: #d2d7e0;
    font-size: 0.9rem;
    line-height: 1.7;
    white-space: pre-line;
}

.brief-setlist[b-p7a4nf1tqh] {
    counter-reset: setlist;
}


/* FOOTER */

.gig-brief-footer[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 2rem;
    background: #0d1118;
    border-top: 1px solid #252b38;
}

.brief-confirmation[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.confirmation-icon[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #07140d;
    background: #35d07f;
    font-size: 1rem;
    font-weight: 900;
    box-shadow: 0 0 18px rgba(53, 208, 127, 0.2);
}

.brief-confirmation > div[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
}

.brief-confirmation strong[b-p7a4nf1tqh] {
    color: #e8ebf1;
    font-size: 0.85rem;
}

.brief-confirmation span[b-p7a4nf1tqh] {
    color: #788296;
    font-size: 0.72rem;
    margin-top: 0.1rem;
}

.gig-live-button[b-p7a4nf1tqh] {
    min-width: 180px;
}


/* MOBILE */

@media (max-width: 767px) {

    .gig-brief-header[b-p7a4nf1tqh] {
        padding: 1.25rem;
    }

    .gig-schedule[b-p7a4nf1tqh] {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 1.5rem;
    }

    .schedule-item[b-p7a4nf1tqh] {
        display: grid;
        grid-template-columns: 75px 20px 1fr;
        align-items: center;
        text-align: left;
    }

    .schedule-time[b-p7a4nf1tqh] {
        font-size: 1.1rem;
        margin: 0;
    }

    .schedule-label[b-p7a4nf1tqh] {
        margin: 0;
        padding-left: 0.5rem;
    }

    .schedule-line[b-p7a4nf1tqh] {
        width: 2px;
        height: 30px;
        margin-left: 84px;
    }

    .logistics-grid[b-p7a4nf1tqh],
    .production-grid[b-p7a4nf1tqh] {
        grid-template-columns: 1fr;
    }

    .brief-detail:nth-child(odd)[b-p7a4nf1tqh],
    .production-panel:first-child[b-p7a4nf1tqh] {
        border-right: 0;
    }

    .brief-detail[b-p7a4nf1tqh] {
        border-bottom: 1px solid #252b38 !important;
    }

        .brief-detail:last-child[b-p7a4nf1tqh] {
            border-bottom: 0 !important;
        }

    .production-panel:first-child[b-p7a4nf1tqh] {
        border-bottom: 1px solid #252b38;
    }

    .gig-brief-footer[b-p7a4nf1tqh] {
        align-items: stretch;
        flex-direction: column;
    }

    .gig-live-button[b-p7a4nf1tqh] {
        width: 100%;
    }
}

/* =========================================================
   LIVE EVENT
   ========================================================= */

.live-workspace[b-p7a4nf1tqh] {
    margin-bottom: 1.5rem;
}

.live-header[b-p7a4nf1tqh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    padding: 1.6rem 1.75rem;
    background: radial-gradient( circle at 80% 0%, rgba(139, 92, 246, 0.12), transparent 35% ), #111722;
    border: 1px solid #2b3446;
    border-radius: 18px;
    margin-bottom: 1rem;
}

    .live-header h2[b-p7a4nf1tqh] {
        margin: 0.35rem 0 0.2rem;
        color: var(--so-text);
        font-size: 2rem;
        font-weight: 800;
    }

    .live-header p[b-p7a4nf1tqh] {
        color: var(--so-text-secondary);
        margin: 0;
    }

.live-status[b-p7a4nf1tqh] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #ff8f9c;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.live-pulse[b-p7a4nf1tqh] {
    width: 8px;
    height: 8px;
    background: #ff4d60;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(255, 77, 96, 0.08), 0 0 14px rgba(255, 77, 96, 0.65);
    animation: livePulse-b-p7a4nf1tqh 1.6s ease-in-out infinite;
}

@keyframes livePulse-b-p7a4nf1tqh {
    50% {
        transform: scale(1.25);
        opacity: 0.7;
    }
}

.live-header-actions[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.live-clock-label[b-p7a4nf1tqh] {
    color: var(--so-text-muted);
    font-size: 0.72rem;
}


/* Times */

.live-times[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.live-time-card[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: #111722;
    border: 1px solid #202b3a;
    border-radius: 13px;
}

    .live-time-card span[b-p7a4nf1tqh] {
        color: var(--so-text-muted);
        font-size: 0.64rem;
        font-weight: 750;
        letter-spacing: 0.08em;
    }

    .live-time-card strong[b-p7a4nf1tqh] {
        margin-top: 0.4rem;
        color: var(--so-text);
        font-size: 1.55rem;
        font-weight: 750;
    }

.live-time-primary[b-p7a4nf1tqh] {
    border-color: rgba(139, 92, 246, 0.55);
    background: linear-gradient( 135deg, rgba(139, 92, 246, 0.12), transparent ), #111722;
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.08);
}


/* Main live layout */

.live-grid[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.8fr);
    gap: 1rem;
}

.live-side[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.live-panel[b-p7a4nf1tqh] {
    background: #111722;
    border: 1px solid #202b3a;
    border-radius: 15px;
    padding: 1.2rem;
}

.live-panel-heading[b-p7a4nf1tqh] {
    margin-bottom: 1rem;
}

    .live-panel-heading h3[b-p7a4nf1tqh] {
        margin: 0;
        color: var(--so-text);
        font-size: 1.1rem;
    }

.live-setlist-content[b-p7a4nf1tqh] {
    color: #e1e4ea;
    white-space: pre-line;
    font-size: 1rem;
    line-height: 2;
}

.live-detail[b-p7a4nf1tqh] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.7rem 0;
    border-bottom: 1px solid #222d3d;
}

    .live-detail:last-child[b-p7a4nf1tqh] {
        border-bottom: 0;
    }

    .live-detail span[b-p7a4nf1tqh] {
        color: var(--so-text-muted);
        font-size: 0.67rem;
        text-transform: uppercase;
    }

    .live-detail strong[b-p7a4nf1tqh] {
        color: var(--so-text);
        font-size: 0.82rem;
        font-weight: 500;
        white-space: pre-line;
    }

.live-copy[b-p7a4nf1tqh] {
    color: var(--so-text-secondary);
    white-space: pre-line;
    line-height: 1.6;
    font-size: 0.82rem;
}


/* Complete event */

.complete-event-panel[b-p7a4nf1tqh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem 1.2rem;
    background: rgba(240, 100, 100, 0.05);
    border: 1px solid rgba(240, 100, 100, 0.26);
    border-radius: 13px;
}

    .complete-event-panel strong[b-p7a4nf1tqh] {
        color: #ffd1d6;
    }

    .complete-event-panel p[b-p7a4nf1tqh] {
        color: var(--so-text-muted);
        font-size: 0.78rem;
        margin: 0.2rem 0 0;
    }


/* Responsive */

@media (max-width: 900px) {
    .live-grid[b-p7a4nf1tqh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .live-header[b-p7a4nf1tqh],
    .complete-event-panel[b-p7a4nf1tqh] {
        align-items: stretch;
        flex-direction: column;
    }

    .live-header-actions[b-p7a4nf1tqh] {
        justify-content: space-between;
    }

    .live-times[b-p7a4nf1tqh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 450px) {
    .live-times[b-p7a4nf1tqh] {
        grid-template-columns: 1fr 1fr;
    }
}
.financials-section[b-p7a4nf1tqh] {
    display: grid;
    gap: 2rem;
}

.financial-overview[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 1rem;
    background: rgba(255, 255, 255, .08);
}

.financial-overview > div[b-p7a4nf1tqh] {
    min-width: 0;
    padding: 1.35rem;
    background: #111923;
}

.financial-overview span[b-p7a4nf1tqh],
.financial-kicker[b-p7a4nf1tqh] {
    display: block;
    color: var(--so-text-muted);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.financial-overview strong[b-p7a4nf1tqh] {
    display: block;
    margin-top: .4rem;
    color: #fff;
    font-size: clamp(1.45rem, 3vw, 2.15rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.financial-overview .remaining[b-p7a4nf1tqh] {
    background: radial-gradient(circle at 100% 0, rgba(214,255,69,.13), transparent 48%), #151d22;
}

.financial-overview .remaining strong[b-p7a4nf1tqh] { color: var(--so-accent-bright); }
.financial-block[b-p7a4nf1tqh] { display: grid; gap: 1rem; }
.financial-block + .financial-block[b-p7a4nf1tqh] { padding-top: 1.75rem; border-top: 1px solid rgba(255,255,255,.07); }
.financial-block-heading[b-p7a4nf1tqh] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.financial-block-heading h3[b-p7a4nf1tqh] { margin: .22rem 0 0; color: #fff; font-size: 1.35rem; }
.financial-edit[b-p7a4nf1tqh], .financial-remove[b-p7a4nf1tqh] { min-height: 40px; padding: .4rem .7rem; border: 0; background: transparent; color: #cfc5ff; font-size: .78rem; font-weight: 800; }
.financial-edit:hover[b-p7a4nf1tqh] { color: #fff; }
.financial-remove[b-p7a4nf1tqh] { color: #d99494; }
.deal-details[b-p7a4nf1tqh] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem 2rem; margin: .35rem 0; }
.deal-details div[b-p7a4nf1tqh] { min-width: 0; }
.deal-details dt[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: .72rem; margin-bottom: .3rem; }
.deal-details dd[b-p7a4nf1tqh] { margin: 0; color: #f4f6f9; font-size: 1rem; font-weight: 700; }
.payment-status-list[b-p7a4nf1tqh] { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.payment-status-list > div[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-radius: .8rem;
    background: rgba(255,255,255,.025);
}
.payment-status-list small[b-p7a4nf1tqh] { display: block; color: var(--so-text-muted); }
.payment-status-list strong[b-p7a4nf1tqh] { display: block; margin-top: .15rem; }
.payment-badge[b-p7a4nf1tqh] { flex: 0 0 auto; padding: .35rem .55rem; border-radius: 999px; font-size: .69rem; font-weight: 800; }
.payment-badge.paid[b-p7a4nf1tqh] { color: #bdf58d; background: rgba(96,190,93,.12); }
.payment-badge.awaiting[b-p7a4nf1tqh] { color: #efca86; background: rgba(224,165,63,.11); }
.financial-notes[b-p7a4nf1tqh] { margin: 0; padding-left: 1rem; border-left: 2px solid rgba(167,139,250,.45); color: var(--so-text-secondary); }
.financial-edit-form[b-p7a4nf1tqh] { padding: 1rem; border-radius: .85rem; background: rgba(255,255,255,.02); }
.musician-payment-list[b-p7a4nf1tqh], .additional-cost-list[b-p7a4nf1tqh] { display: grid; }
.musician-payment-row[b-p7a4nf1tqh], .financial-cost-row[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
    padding: .9rem 0;
    border-bottom: 1px solid rgba(255,255,255,.065);
}
.payment-person[b-p7a4nf1tqh] { display: grid; min-width: 0; }
.payment-person span[b-p7a4nf1tqh] { color: var(--so-accent-bright); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.payment-person strong[b-p7a4nf1tqh] { margin-top: .12rem; color: #fff; font-size: 1rem; }
.payment-person small[b-p7a4nf1tqh] { color: var(--so-text-muted); }
.payment-amount[b-p7a4nf1tqh] { display: flex; align-items: center; gap: .4rem; }
.payment-amount > strong[b-p7a4nf1tqh] { color: #fff; font-size: 1.15rem; white-space: nowrap; }
.inline-fee-editor[b-p7a4nf1tqh] { display: flex; align-items: center; gap: .35rem; }
.financial-amount-input[b-p7a4nf1tqh] { width: 8.5rem; }
.cost-entry-form[b-p7a4nf1tqh] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(8rem, 1fr) auto; align-items: end; gap: .75rem; padding: 1rem; border-radius: .85rem; background: rgba(255,255,255,.025); }
.cost-entry-form .btn[b-p7a4nf1tqh] { min-height: 44px; }
.financial-cost-row strong[b-p7a4nf1tqh] { margin-left: auto; color: #fff; white-space: nowrap; }
.financial-empty[b-p7a4nf1tqh] { margin: 0; padding: .7rem 0; color: var(--so-text-muted); font-size: .85rem; }

@media (max-width: 720px) {
    .financials-section[b-p7a4nf1tqh] { gap: 1.5rem; }
    .financial-overview[b-p7a4nf1tqh] { grid-template-columns: 1fr 1fr; }
    .financial-overview > div[b-p7a4nf1tqh] { padding: 1rem; }
    .financial-overview strong[b-p7a4nf1tqh] { font-size: 1.55rem; }
    .deal-details[b-p7a4nf1tqh] { grid-template-columns: 1fr 1fr; gap: 1rem; }
    .payment-status-list[b-p7a4nf1tqh] { grid-template-columns: 1fr; }
    .cost-entry-form[b-p7a4nf1tqh] { grid-template-columns: 1fr; }
    .cost-entry-form .btn[b-p7a4nf1tqh] { width: 100%; }
    .musician-payment-row[b-p7a4nf1tqh] { align-items: flex-end; }
    .payment-person small[b-p7a4nf1tqh] { display: none; }
    .financial-cost-row[b-p7a4nf1tqh] { flex-wrap: wrap; }
}

@media (max-width: 430px) {
    .financial-overview[b-p7a4nf1tqh] { grid-template-columns: 1fr; }
    .financial-overview > div[b-p7a4nf1tqh] { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
    .financial-overview strong[b-p7a4nf1tqh] { margin-top: 0; }
    .deal-details[b-p7a4nf1tqh] { grid-template-columns: 1fr; }
    .musician-payment-row[b-p7a4nf1tqh] { align-items: flex-start; }
    .inline-fee-editor[b-p7a4nf1tqh] { align-items: flex-end; flex-direction: column; }
    .financial-amount-input[b-p7a4nf1tqh] { width: 7.5rem; }
}

/* Stronger event hierarchy and role-first rhythm */
.event-summary-card[b-p7a4nf1tqh] { padding: 2rem; border-radius: 20px; background: radial-gradient(circle at 90% 5%, rgba(139,92,246,.18), transparent 28%), linear-gradient(145deg, #151c28, #0f151f); box-shadow: 0 24px 60px rgba(0,0,0,.24); }
.event-title[b-p7a4nf1tqh] { max-width: 16ch; font-size: clamp(3rem, 6vw, 5rem); font-weight: 840; line-height: .92; }
.event-status-badge[b-p7a4nf1tqh] { padding: .48rem .78rem; border: 1px solid rgba(255,255,255,.07); }
.event-next-action[b-p7a4nf1tqh] { margin-top: 1.5rem !important; padding-top: 1.25rem; }
.event-next-action strong[b-p7a4nf1tqh] { color: #fff; font-size: 1.05rem; }
.event-next-action .btn[b-p7a4nf1tqh] { min-width: 190px; }
.event-section[b-p7a4nf1tqh] { padding: 1.5rem; background: #101721; box-shadow: none; }
.lineup-progress-panel[b-p7a4nf1tqh] { padding: 1rem; background: rgba(255,255,255,.018); border: 1px solid rgba(255,255,255,.06); border-radius: 12px; }
.lineup-slot-grid[b-p7a4nf1tqh] { gap: .7rem; }
.lineup-slot-card[b-p7a4nf1tqh] { padding: 1.05rem; border-top-width: 1px; border-radius: 14px; box-shadow: inset 3px 0 0 #4a5669; }
.lineup-slot-card.prepared[b-p7a4nf1tqh], .lineup-slot-card.accepted[b-p7a4nf1tqh] { border-top-color: #2a3546; box-shadow: inset 3px 0 0 var(--so-success); }
.lineup-slot-card.invited[b-p7a4nf1tqh], .lineup-slot-card.maybe[b-p7a4nf1tqh] { border-top-color: #2a3546; box-shadow: inset 3px 0 0 var(--so-warning); }
.lineup-slot-card.replacement[b-p7a4nf1tqh] { border-top-color: rgba(240,100,100,.38); box-shadow: inset 3px 0 0 var(--so-danger); }
.lineup-slot-header h3[b-p7a4nf1tqh] { font-size: 1.45rem; font-weight: 820; letter-spacing: -.04em; }
.lineup-musician[b-p7a4nf1tqh] { min-height: 66px; }
.musician-picker-toggle[b-p7a4nf1tqh] { background: #0a111b; border-color: #344258; }

@media (max-width: 767px) {
    .event-summary-card[b-p7a4nf1tqh] { padding: 1.15rem; border-radius: 15px; }
    .event-title[b-p7a4nf1tqh] { font-size: 2.6rem; }
    .event-next-action .btn[b-p7a4nf1tqh] { min-width: 0; }
    .event-section[b-p7a4nf1tqh] { padding: .9rem; }
    .lineup-progress-panel[b-p7a4nf1tqh] { padding: .8rem; }
}
.lineup-change-action[b-p7a4nf1tqh] { display: grid; gap: .55rem; }
.lineup-change-action label[b-p7a4nf1tqh] { color: var(--so-text-secondary); font-size: .7rem; font-weight: 700; }
.lineup-change-action p[b-p7a4nf1tqh] { margin: 0; color: var(--so-text-muted); font-size: .68rem; line-height: 1.45; }
.lineup-change-trigger[b-p7a4nf1tqh] { min-height: 38px; padding: .35rem 0; border: 0; background: transparent; color: #d8a3a3; font-size: .72rem; font-weight: 800; text-align: left; }
.lineup-change-buttons[b-p7a4nf1tqh] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .45rem; }
.event-venue-location[b-p7a4nf1tqh] { display: flex; flex-wrap: wrap; gap: .35rem .75rem; margin-top: .35rem; color: var(--so-text-secondary); font-size: .68rem; }
.event-venue-location a[b-p7a4nf1tqh] { color: var(--so-accent-bright); text-decoration: none; font-weight: 750; }
/* /Components/Pages/GigChat.razor.rz.scp.css */
.chat-shell[b-dwjhdzacyv] { display: grid; width: 100%; min-width: 100%; max-width: none; height: min(780px, calc(100dvh - 104px)); min-height: 620px; margin: 0; grid-template-rows: auto minmax(0,1fr) auto auto; overflow: hidden; background: #0e151f; border: 1px solid #293548; border-radius: 18px; box-shadow: var(--so-shadow-md); }
.chat-header[b-dwjhdzacyv] { display: grid; grid-template-columns: 42px 1fr 42px; align-items: center; gap: .8rem; padding: .9rem 1rem; background: rgba(255,255,255,.025); border-bottom: 1px solid var(--so-border); }
.chat-header > a[b-dwjhdzacyv] { display: grid; place-items: center; width: 42px; height: 42px; color: var(--so-text); background: #171f2b; border: 1px solid #303c4e; border-radius: 11px; text-decoration: none; }
.chat-header div[b-dwjhdzacyv] { min-width: 0; text-align: center; }
.chat-header span[b-dwjhdzacyv] { color: var(--so-accent-bright); font-size: .55rem; font-weight: 850; letter-spacing: .12em; }
.chat-header h1[b-dwjhdzacyv] { overflow: hidden; margin: .15rem 0 0; font-size: 1rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.chat-messages[b-dwjhdzacyv] { display: flex; flex-direction: column-reverse; gap: .8rem; min-height: 0; padding: 1.25rem 1.4rem; overflow-y: auto; }
.chat-message[b-dwjhdzacyv] { width: fit-content; max-width: min(78%, 680px); padding: .78rem .9rem; background: #18212e; border: 1px solid #2c394b; border-radius: 5px 14px 14px; }
.chat-message.mine[b-dwjhdzacyv] { align-self: flex-end; background: rgba(139,92,246,.14); border-color: rgba(167,139,250,.28); border-radius: 14px 5px 14px 14px; }
.chat-message-meta[b-dwjhdzacyv] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.chat-message-meta strong[b-dwjhdzacyv] { color: var(--so-accent-bright); font-size: .64rem; }
.chat-message-meta time[b-dwjhdzacyv] { color: var(--so-text-muted); font-size: .57rem; }
.chat-message p[b-dwjhdzacyv] { margin: .28rem 0 0; color: #e8ebf0; font-size: .8rem; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.chat-empty[b-dwjhdzacyv] { margin: auto; padding: 1.5rem; text-align: center; }
.chat-empty span[b-dwjhdzacyv] { color: var(--so-text); font-weight: 800; }
.chat-empty p[b-dwjhdzacyv] { max-width: 390px; margin: .4rem auto 0; color: var(--so-text-muted); font-size: .72rem; }
.chat-composer[b-dwjhdzacyv] { display: grid; width: 100%; grid-template-columns: minmax(0,1fr); gap: .65rem; padding: .85rem; background: #0a111a; border-top: 1px solid var(--so-border); }
.chat-composer textarea[b-dwjhdzacyv] { display: block; width: 100%; min-height: 62px; max-height: 180px; padding: .85rem .9rem; resize: vertical; color: var(--so-text); background: #151e2b; border: 1px solid #334157; border-radius: 13px; font: inherit; font-size: .88rem; line-height: 1.45; }
.chat-composer textarea:focus[b-dwjhdzacyv] { outline: 0; border-color: var(--so-accent); box-shadow: 0 0 0 3px var(--so-accent-soft); }
.chat-composer button[b-dwjhdzacyv] { justify-self: end; min-width: 112px; min-height: 44px; color: #fff; background: var(--so-accent); border: 0; border-radius: 11px; font-size: .76rem; font-weight: 800; }
.chat-error[b-dwjhdzacyv] { padding: .5rem .8rem; color: #ffb0b0; background: rgba(240,100,100,.08); font-size: .66rem; }
.chat-unavailable[b-dwjhdzacyv], .chat-loading[b-dwjhdzacyv] { width: min(100%, 700px); margin: 2rem auto; padding: 1.5rem; background: var(--so-surface-1); border: 1px solid var(--so-border); border-radius: 14px; }
@media (max-width: 767px) { .chat-shell[b-dwjhdzacyv] { height: calc(100dvh - .8rem); min-height: 0; margin: -.25rem 0 0; border-radius: 13px; } .chat-messages[b-dwjhdzacyv] { padding: .8rem; } .chat-message[b-dwjhdzacyv] { max-width: 90%; } .chat-composer[b-dwjhdzacyv] { position: sticky; bottom: 0; padding: .7rem; } .chat-composer textarea[b-dwjhdzacyv] { min-height: 58px; max-height: 150px; padding: .8rem; font-size: .88rem; } .chat-composer button[b-dwjhdzacyv] { min-width: 100px; min-height: 44px; } }

@media (min-width: 768px) and (max-height: 780px) { .chat-shell[b-dwjhdzacyv] { height: calc(100dvh - 92px); min-height: 520px; } }
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-header[b-7ozdqe0dhj] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 2rem;
}

    .dashboard-header h1[b-7ozdqe0dhj] {
        font-size: 2.75rem;
        font-weight: 750;
        letter-spacing: -0.06rem;
        margin-bottom: 0.5rem;
    }

.dashboard-eyebrow[b-7ozdqe0dhj],
.focus-label[b-7ozdqe0dhj] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.dashboard-subtitle[b-7ozdqe0dhj] {
    color: var(--so-text-secondary);
}

.empty-state[b-7ozdqe0dhj] {
    position: relative;
    max-width: 900px;
    margin: 3.5rem auto 0;
    padding: 4rem 3rem 3rem;
    text-align: center;
    background: radial-gradient( circle at 50% 0%, rgba(139, 92, 246, 0.08), transparent 42% ), var(--so-surface-1);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-lg);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
}

.empty-eyebrow[b-7ozdqe0dhj] {
    color: var(--so-accent-bright);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    margin-bottom: 0.6rem;
    text-transform: uppercase;
}

.empty-state h2[b-7ozdqe0dhj] {
    color: var(--so-text);
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.05em;
    margin-bottom: 0.75rem;
}

.empty-description[b-7ozdqe0dhj] {
    max-width: 560px;
    margin: 0 auto 1.75rem;
    color: var(--so-text-secondary);
    font-size: 1rem;
    line-height: 1.65;
}

.empty-cta[b-7ozdqe0dhj] {
    margin-bottom: 3rem;
}


/* Mini workflow graphic */

.empty-state-mark[b-7ozdqe0dhj] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.75rem;
}

.empty-stage-node[b-7ozdqe0dhj] {
    width: 13px;
    height: 13px;
    border: 2px solid #404856;
    border-radius: 50%;
    background: var(--so-surface-1);
}

    .empty-stage-node.active[b-7ozdqe0dhj] {
        background: var(--so-accent);
        border-color: var(--so-accent);
        box-shadow: 0 0 0 5px var(--so-accent-soft), 0 0 20px rgba(139, 92, 246, 0.45);
    }

.empty-stage-line[b-7ozdqe0dhj] {
    width: 38px;
    height: 2px;
    background: #303643;
}


/* Workflow preview */

.empty-workflow[b-7ozdqe0dhj] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--so-border);
    padding-top: 1.5rem;
}

    .empty-workflow > div[b-7ozdqe0dhj] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        padding: 0 1rem;
    }

    .empty-workflow span[b-7ozdqe0dhj] {
        color: var(--so-accent-bright);
        font-size: 0.65rem;
        font-weight: 800;
        letter-spacing: 0.08em;
    }

    .empty-workflow strong[b-7ozdqe0dhj] {
        color: var(--so-text);
        font-size: 0.9rem;
    }

    .empty-workflow small[b-7ozdqe0dhj] {
        color: var(--so-text-muted);
        font-size: 0.72rem;
    }

@media (max-width: 700px) {
    .empty-state[b-7ozdqe0dhj] {
        margin-top: 1.5rem;
        padding: 2.5rem 1.25rem 2rem;
    }

        .empty-state h2[b-7ozdqe0dhj] {
            font-size: 2rem;
        }

    .empty-workflow[b-7ozdqe0dhj] {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }
}


.focus-card[b-7ozdqe0dhj] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--so-surface-1);
    border: 1px solid var(--so-border);
    border-left: 4px solid var(--so-accent);
    border-radius: var(--so-radius-lg);
    color: var(--so-text);
    padding: 1.6rem 1.75rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18), 0 0 28px rgba(139, 92, 246, 0.05);
    overflow: hidden;
}

    .focus-card[b-7ozdqe0dhj]::after {
        content: "";
        position: absolute;
        top: -80px;
        right: -60px;
        width: 220px;
        height: 220px;
        background: radial-gradient( circle, rgba(139, 92, 246, 0.18), transparent 68% );
        pointer-events: none;
    }

    .focus-card h2[b-7ozdqe0dhj] {
        position: relative;
        z-index: 1;
        color: var(--so-text);
        font-size: 1.8rem;
        font-weight: 750;
        margin-bottom: 0.35rem;
    }

    .focus-card p[b-7ozdqe0dhj] {
        position: relative;
        z-index: 1;
    }

.focus-label[b-7ozdqe0dhj] {
    position: relative;
    z-index: 1;
    color: var(--so-accent-bright);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.focus-symbol[b-7ozdqe0dhj] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: var(--so-accent-soft);
    color: var(--so-accent-bright);
    font-size: 1.5rem;
}

.section-heading[b-7ozdqe0dhj] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 1.5rem;
}

    .section-heading h2[b-7ozdqe0dhj] {
        margin-bottom: 0;
    }

.event-count[b-7ozdqe0dhj] {
    color: #6c757d;
    font-size: 0.9rem;
}

.event-card-grid[b-7ozdqe0dhj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
}


.event-card[b-7ozdqe0dhj] {
    display: flex;
    flex-direction: column;
    background: var(--so-surface-1);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-lg);
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
    transition: transform 180ms var(--so-ease), border-color 180ms ease, box-shadow 180ms var(--so-ease);
}

    .event-card:hover[b-7ozdqe0dhj] {
        transform: translateY(-2px);
        border-color: var(--so-border-light);
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
    }

.event-card-top[b-7ozdqe0dhj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--so-surface-2);
    border-bottom: 1px solid var(--so-border);
}

.event-date-group[b-7ozdqe0dhj] { grid-column: 1 / -1; margin: 1rem 0 0; padding-bottom: .45rem; border-bottom: 1px solid var(--so-border); color: var(--so-text-secondary); font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.event-date-group:first-child[b-7ozdqe0dhj] { margin-top: 0; }

.event-card-body[b-7ozdqe0dhj] {
    padding: 1.2rem 1rem 1rem;
}

    .event-card-body h3[b-7ozdqe0dhj] {
        color: var(--so-text);
        font-size: 1.45rem;
        font-weight: 750;
        letter-spacing: -0.035em;
        margin-bottom: 0.2rem;
    }

.event-full-date[b-7ozdqe0dhj] {
    color: var(--so-text-secondary);
    font-size: 0.85rem;
    margin-bottom: 1.1rem;
}

.event-date[b-7ozdqe0dhj] {
    color: var(--so-text-secondary);
    font-size: 0.8rem;
    font-weight: 650;
}

.status-badge[b-7ozdqe0dhj] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 750;
    padding: 0.35rem 0.7rem;
}

.status-draft[b-7ozdqe0dhj] {
    background: rgba(139, 92, 246, .12);
    color: #cbbdff;
}

.status-waiting[b-7ozdqe0dhj] {
    background: rgba(245, 185, 66, .11);
    color: #f1d381;
}

.status-confirmed[b-7ozdqe0dhj],
.status-ready[b-7ozdqe0dhj] {
    background: rgba(56, 212, 135, .11);
    color: #91e6b9;
}

.status-planning[b-7ozdqe0dhj] {
    background: rgba(83, 133, 226, .12);
    color: #a8c5ff;
}

.status-live[b-7ozdqe0dhj] {
    background: #ffe5e5;
    color: #9d2727;
}

.status-completed[b-7ozdqe0dhj] {
    background: rgba(56, 212, 135, .09);
    color: #a8d9be;
}

.status-cancelled[b-7ozdqe0dhj] {
    background: #f6d9dd;
    color: #8c2633;
}

.event-stats[b-7ozdqe0dhj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
    margin-bottom: 1rem;
}

    .event-stats > div[b-7ozdqe0dhj] {
        background: var(--so-surface-2);
        border: 1px solid var(--so-border);
        border-radius: var(--so-radius-md);
        padding: 0.7rem 0.75rem;
    }

    .event-stats strong[b-7ozdqe0dhj],
    .stat-label[b-7ozdqe0dhj] {
        display: block;
    }

.stat-label[b-7ozdqe0dhj] {
    display: block;
    color: var(--so-text-muted);
    font-size: 0.68rem;
    font-weight: 650;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.event-card .progress-bar[b-7ozdqe0dhj] {
    background: linear-gradient( 90deg, var(--so-accent), var(--so-accent-bright) );
    border-radius: 999px;
}

.progress-label-row[b-7ozdqe0dhj] {
    display: flex;
    justify-content: space-between;
    color: var(--so-text-muted);
    font-size: 0.72rem;
    margin-bottom: 0.45rem;
}

.event-card .progress[b-7ozdqe0dhj] {
    height: 0.45rem;
    background: #252b35;
    border-radius: 999px;
}

.progress[b-7ozdqe0dhj] {
    height: 0.55rem;
    border-radius: 999px;
}

.progress-bar[b-7ozdqe0dhj] {
    border-radius: 999px;
}

.event-card-footer[b-7ozdqe0dhj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem;
    background: #11151d;
    border-top: 1px solid var(--so-border);
}

    .event-card-footer .btn[b-7ozdqe0dhj] {
        font-size: 0.8rem;
        padding: 0.4rem 0.75rem;
    }

.next-action[b-7ozdqe0dhj] {
    color: var(--so-text-secondary);
    font-size: 0.78rem;
}

@media (max-width: 767px) {
    .dashboard-header[b-7ozdqe0dhj] {
        align-items: stretch;
        flex-direction: column;
    }

        .dashboard-header .btn[b-7ozdqe0dhj] {
            width: 100%;
        }

    .focus-symbol[b-7ozdqe0dhj] {
        display: none;
    }

    .event-card-grid[b-7ozdqe0dhj] {
        grid-template-columns: 1fr;
    }
}

/* Dashboard layout */

.dashboard-layout[b-7ozdqe0dhj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    gap: 1.25rem;
    align-items: start;
}

.dashboard-main[b-7ozdqe0dhj] {
    min-width: 0;
}

.dashboard-rail[b-7ozdqe0dhj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


/* Right rail cards */

.rail-card[b-7ozdqe0dhj] {
    background: #0d1624;
    border: 1px solid #1f2b3d;
    border-radius: 16px;
    padding: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}

.rail-card-heading[b-7ozdqe0dhj] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1rem;
}

    .rail-card-heading h3[b-7ozdqe0dhj] {
        margin: 0;
        color: var(--so-text);
        font-size: 0.9rem;
        font-weight: 700;
    }

.rail-icon[b-7ozdqe0dhj] {
    color: var(--so-accent-bright);
    font-size: 1rem;
}


/* Quick stats */

.quick-stats[b-7ozdqe0dhj] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

    .quick-stats > div[b-7ozdqe0dhj] {
        display: flex;
        justify-content: space-between;
        color: var(--so-text-secondary);
        font-size: 0.78rem;
    }

    .quick-stats strong[b-7ozdqe0dhj] {
        color: var(--so-text);
    }


/* Next 7 days */

.next-event-row[b-7ozdqe0dhj] {
    display: grid;
    grid-template-columns: 10px 1fr auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0;
    color: var(--so-text);
    text-decoration: none;
}

    .next-event-row:hover[b-7ozdqe0dhj] {
        color: #ffffff;
    }

.event-dot[b-7ozdqe0dhj],
.activity-dot[b-7ozdqe0dhj] {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.dot-success[b-7ozdqe0dhj] {
    background: var(--so-success);
    box-shadow: 0 0 10px rgba(56, 212, 135, 0.5);
}

.dot-warning[b-7ozdqe0dhj] {
    background: var(--so-warning);
    box-shadow: 0 0 10px rgba(245, 185, 66, 0.45);
}

.dot-danger[b-7ozdqe0dhj] {
    background: var(--so-danger);
}

.dot-neutral[b-7ozdqe0dhj] {
    background: #60708a;
}

.next-event-name[b-7ozdqe0dhj] {
    font-size: 0.78rem;
    font-weight: 600;
}

.next-event-date[b-7ozdqe0dhj] {
    color: var(--so-text-secondary);
    font-size: 0.72rem;
}

.rail-empty[b-7ozdqe0dhj] {
    color: var(--so-text-muted);
    font-size: 0.75rem;
    margin-bottom: 0;
}


/* Activity */

.rail-activity-row[b-7ozdqe0dhj] {
    display: grid;
    grid-template-columns: 9px 1fr auto;
    gap: 0.6rem;
    align-items: start;
    padding: 0.55rem 0;
    color: inherit;
    border-radius: 8px;
    text-decoration: none;
    transition: background 150ms ease, padding 150ms ease;
}
.rail-activity-row:hover[b-7ozdqe0dhj] { padding-right: .4rem; padding-left: .4rem; color: inherit; background: rgba(255,255,255,.035); }

.activity-dot[b-7ozdqe0dhj] {
    margin-top: 0.35rem;
    background: var(--so-accent);
    box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}

.rail-activity-row strong[b-7ozdqe0dhj] {
    display: block;
    color: var(--so-text);
    font-size: 0.75rem;
    font-weight: 600;
}

.rail-activity-row small[b-7ozdqe0dhj] {
    display: block;
    color: var(--so-text-muted);
    font-size: 0.68rem;
}

.activity-time[b-7ozdqe0dhj] {
    color: var(--so-text-secondary);
    font-size: 0.68rem;
}


/* Stage progress */

.rail-stage-row[b-7ozdqe0dhj] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 34px;
    color: var(--so-text-secondary);
    font-size: 0.75rem;
}

.rail-stage-node[b-7ozdqe0dhj] {
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #334157;
    border-radius: 50%;
    background: #09111d;
}

    .rail-stage-node.complete[b-7ozdqe0dhj] {
        background: var(--so-success);
        border-color: var(--so-success);
        box-shadow: 0 0 10px rgba(56, 212, 135, 0.25);
    }

    .rail-stage-node.current[b-7ozdqe0dhj] {
        border-color: var(--so-accent-bright);
        box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.12), 0 0 14px rgba(139, 92, 246, 0.4);
    }

    .rail-stage-node.future[b-7ozdqe0dhj] {
        opacity: 0.65;
    }


/* Responsive dashboard */

@media (max-width: 1100px) {
    .dashboard-layout[b-7ozdqe0dhj] {
        grid-template-columns: 1fr;
    }

    .dashboard-rail[b-7ozdqe0dhj] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .dashboard-rail[b-7ozdqe0dhj] {
        grid-template-columns: 1fr;
    }
}
.rail-activity-row small span[b-7ozdqe0dhj] { color: var(--so-text-secondary); }
.rail-activity-row small b[b-7ozdqe0dhj] { display: block; margin-top: .12rem; color: #d9d1ff; font-size: .68rem; font-weight: 700; }
.landing-shell[b-7ozdqe0dhj] {
    min-height: 100vh;
    margin: -1.5rem -1.6rem -3rem;
    padding: 1.5rem clamp(1.25rem, 5vw, 5rem);
    color: #f7f9fc;
    background: radial-gradient(circle at 75% 20%, rgba(114,156,165,.13), transparent 25%), radial-gradient(circle at 20% 70%, rgba(29,32,82,.32), transparent 30%), #070b12;
}
.landing-nav[b-7ozdqe0dhj] { display: flex; align-items: center; justify-content: flex-end; }
.landing-login[b-7ozdqe0dhj] { color: #d7dde7; text-decoration: none; font-weight: 700; }
.landing-hero[b-7ozdqe0dhj] { width: min(100%, 760px); min-height: calc(100vh - 6rem); display: flex; flex-direction: column; justify-content: center; padding: 4rem 0; }
.landing-hero-brand[b-7ozdqe0dhj] { display: block; width: fit-content; color: #f7f9fc; font-size: clamp(2.5rem, 6vw, 4.9rem); font-weight: 850; letter-spacing: -.065em; line-height: .92; text-decoration: none; }
.landing-tagline[b-7ozdqe0dhj] { margin: .65rem 0 clamp(2.25rem, 6vw, 4rem); color: #aab3c2; font-size: clamp(1rem, 2vw, 1.25rem); font-weight: 650; letter-spacing: .025em; }
.landing-hero h1[b-7ozdqe0dhj] { max-width: 12ch; margin: .5rem 0 1.25rem; font-size: clamp(2.8rem, 7vw, 6.5rem); line-height: .96; letter-spacing: -.05em; }
.landing-hero > p:not(.landing-eyebrow)[b-7ozdqe0dhj] { max-width: 620px; color: #aab3c2; font-size: clamp(1rem, 2vw, 1.25rem); line-height: 1.7; }
.landing-actions[b-7ozdqe0dhj] { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.75rem; }
.landing-actions .btn[b-7ozdqe0dhj] { padding: .85rem 1.4rem; border-radius: .65rem; font-weight: 800; }
.landing-primary[b-7ozdqe0dhj] { background: var(--so-accent); color: #fff; }
.landing-secondary[b-7ozdqe0dhj] { border: 1px solid #394354; color: #f7f9fc; background: #111722; }
.membership-onboarding[b-7ozdqe0dhj] { margin-top: 4rem; }
@media (max-width: 767px) { .landing-shell[b-7ozdqe0dhj] { margin: -.85rem -.8rem -2.5rem; } }
@media (max-width: 600px) { .landing-hero-brand[b-7ozdqe0dhj] { font-size: clamp(2.3rem, 12vw, 3.25rem); } .landing-tagline[b-7ozdqe0dhj] { margin-bottom: 2rem; } .landing-hero h1[b-7ozdqe0dhj] { font-size: 3.25rem; } .landing-actions[b-7ozdqe0dhj] { display: grid; } }
.member-dashboard[b-7ozdqe0dhj] { width: min(100%, 850px); margin: 0 auto; display: grid; gap: 1.25rem; }
.member-dashboard-header h1[b-7ozdqe0dhj] { margin: 0; font-size: clamp(2.2rem, 7vw, 4rem); letter-spacing: -.055em; }
.member-next-gig[b-7ozdqe0dhj] { display: grid; grid-template-columns: 1fr auto; gap: 1rem; padding: 1.5rem; border: 1px solid rgba(214,255,69,.3); border-radius: 1.1rem; background: radial-gradient(circle at 90% 0, rgba(214,255,69,.1), transparent 35%), var(--so-surface-1); }
.member-next-gig h2[b-7ozdqe0dhj] { margin: 0; font-size: 1.8rem; }
.member-next-gig p[b-7ozdqe0dhj] { margin: .4rem 0 0; color: var(--so-text-secondary); }
.member-next-gig .btn[b-7ozdqe0dhj], .brief-not-ready[b-7ozdqe0dhj] { grid-column: 1 / -1; }
.next-gig-stage[b-7ozdqe0dhj] { min-width: 90px; text-align: right; }
.next-gig-stage span[b-7ozdqe0dhj] { display: block; color: var(--so-text-muted); font-size: .65rem; font-weight: 800; letter-spacing: .1em; }
.next-gig-stage strong[b-7ozdqe0dhj] { color: var(--so-accent-bright); font-size: 1.8rem; }
.brief-not-ready[b-7ozdqe0dhj] { color: var(--so-text-muted); font-size: .8rem; }
.member-dashboard-section[b-7ozdqe0dhj] { padding: 1.25rem; border: 1px solid var(--so-border); border-radius: 1rem; background: var(--so-surface-1); }
.member-dashboard-list[b-7ozdqe0dhj] { display: grid; }
.member-dashboard-list > a[b-7ozdqe0dhj], .member-dashboard-row[b-7ozdqe0dhj] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 0; border-top: 1px solid var(--so-border); color: var(--so-text); text-decoration: none; }
.member-dashboard-list strong[b-7ozdqe0dhj], .member-dashboard-list span[b-7ozdqe0dhj] { display: block; }
.member-dashboard-list div > span[b-7ozdqe0dhj] { margin-top: .2rem; color: var(--so-text-muted); font-size: .78rem; }
.member-chat-link[b-7ozdqe0dhj] { color: var(--so-accent-bright); font-size: .72rem; font-weight: 800; text-decoration: none; }
@media (max-width: 600px) {
    .member-next-gig[b-7ozdqe0dhj] { grid-template-columns: 1fr; padding: 1rem; }
    .next-gig-stage[b-7ozdqe0dhj] { text-align: left; }
    .member-dashboard-section[b-7ozdqe0dhj] { padding: 1rem; }
}

.member-gig-actions[b-7ozdqe0dhj],
.member-row-actions[b-7ozdqe0dhj] { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; }
.member-row-actions a[b-7ozdqe0dhj] { color: #cfc5ff; font-size: .68rem; font-weight: 800; text-decoration: none; }
.owner-member-gigs[b-7ozdqe0dhj] { display: block; }

.attention-centre[b-7ozdqe0dhj] { margin-bottom: 1.5rem; padding: 1.25rem; border: 1px solid var(--so-border); border-radius: var(--so-radius-lg); background: var(--so-surface-1); }
.attention-heading[b-7ozdqe0dhj] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; }
.attention-heading h2[b-7ozdqe0dhj] { margin: 0; color: var(--so-text); font-size: 1.25rem; letter-spacing: -.025em; }
.attention-heading .dashboard-eyebrow[b-7ozdqe0dhj] { margin-bottom: .25rem; color: var(--so-accent-bright); }
.attention-list[b-7ozdqe0dhj] { display: grid; gap: .55rem; }
.attention-row[b-7ozdqe0dhj] { display: grid; grid-template-columns: 3.6rem minmax(0, 1fr) auto; align-items: center; gap: .9rem; min-height: 72px; padding: .8rem .85rem; border: 1px solid var(--so-border); border-radius: .7rem; background: rgba(255,255,255,.018); color: inherit; text-decoration: none; transition: border-color .16s ease, background-color .16s ease; }
.attention-row:hover[b-7ozdqe0dhj] { border-color: rgba(167,139,250,.48); background: rgba(167,139,250,.06); color: inherit; }
.attention-row:focus-visible[b-7ozdqe0dhj] { outline: 3px solid var(--so-focus); outline-offset: 3px; }
.attention-row.attention-warning[b-7ozdqe0dhj] { border-color: rgba(230,184,92,.34); }
.attention-date[b-7ozdqe0dhj] { white-space: pre-line; color: var(--so-text-muted); font-size: .65rem; font-weight: 800; line-height: 1.3; letter-spacing: .06em; text-transform: uppercase; }
.attention-warning .attention-date[b-7ozdqe0dhj] { color: #e6c77d; }
.attention-copy[b-7ozdqe0dhj] { display: grid; min-width: 0; gap: .2rem; }
.attention-copy strong[b-7ozdqe0dhj] { overflow: hidden; color: var(--so-text); font-size: .88rem; text-overflow: ellipsis; white-space: nowrap; }
.attention-copy small[b-7ozdqe0dhj] { color: var(--so-text-secondary); font-size: .78rem; line-height: 1.4; }
.attention-action[b-7ozdqe0dhj] { display: inline-flex; align-items: center; min-height: 40px; color: #d9d2ff; font-size: .75rem; font-weight: 800; white-space: nowrap; }
.attention-inline-actions[b-7ozdqe0dhj] { display: flex; gap: .45rem; }
.attention-inline-actions button[b-7ozdqe0dhj] { min-height: 40px; padding: .4rem .65rem; border: 1px solid var(--so-border); border-radius: .5rem; background: transparent; color: #d9d2ff; font-size: .72rem; font-weight: 800; }
.attention-clear[b-7ozdqe0dhj] { display: grid; gap: .2rem; padding: .75rem 0 .15rem; color: var(--so-text-secondary); font-size: .88rem; }
.attention-clear strong[b-7ozdqe0dhj] { color: var(--so-text); font-size: 1rem; }
.attention-clear p[b-7ozdqe0dhj] { margin: 0; }
.member-attention[b-7ozdqe0dhj] { margin-bottom: 0; }

@media (max-width: 600px) {
    .attention-centre[b-7ozdqe0dhj] { padding: 1rem; }
    .attention-row[b-7ozdqe0dhj] { grid-template-columns: 3.25rem minmax(0, 1fr); align-items: start; gap: .65rem; padding: .8rem; }
    .attention-action[b-7ozdqe0dhj] { grid-column: 2; min-height: 40px; padding-top: .1rem; }
    .attention-inline-actions[b-7ozdqe0dhj] { grid-column: 2; }
    .attention-copy strong[b-7ozdqe0dhj] { white-space: normal; }
}
.owner-member-gigs-heading[b-7ozdqe0dhj] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.owner-member-gigs-heading h2[b-7ozdqe0dhj] { margin: .2rem 0 0; }
.owner-member-gigs-list[b-7ozdqe0dhj] { display: grid; gap: .5rem; margin-top: 1rem; }
.owner-member-gigs-list > a[b-7ozdqe0dhj],
.owner-member-gigs-list > div[b-7ozdqe0dhj] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 56px; padding: .7rem .8rem; color: var(--so-text); background: rgba(255,255,255,.025); border: 1px solid var(--so-border); border-radius: 11px; text-decoration: none; }
.owner-member-gigs-list span:first-child[b-7ozdqe0dhj] { display: flex; min-width: 0; flex-direction: column; }
.owner-member-gigs-list strong[b-7ozdqe0dhj] { color: #fff; font-size: .78rem; }
.owner-member-gigs-list small[b-7ozdqe0dhj] { margin-top: .18rem; color: var(--so-text-muted); font-size: .65rem; }
.owner-member-gigs-list b[b-7ozdqe0dhj] { color: var(--so-accent-bright); font-size: .68rem; }

@media (max-width: 767px) {
    .member-gig-actions[b-7ozdqe0dhj] { align-items: stretch; flex-direction: column; width: 100%; }
    .member-gig-actions .btn[b-7ozdqe0dhj] { width: 100%; }
    .owner-member-gigs-heading[b-7ozdqe0dhj] { align-items: flex-start; flex-direction: column; }
    .owner-member-gigs-list > a[b-7ozdqe0dhj],
    .owner-member-gigs-list > div[b-7ozdqe0dhj] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Pages/Invitation.razor.rz.scp.css */
.invite-shell[b-4gen2p1q0d] {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 1.5rem 0 4rem;
}

.invite-brand[b-4gen2p1q0d] {
    display: block;
    width: fit-content;
    margin-bottom: 1.25rem;
    color: #f7f9fc;
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 850;
    letter-spacing: -.055em;
    line-height: 1;
    text-decoration: none;
}

.invite-card[b-4gen2p1q0d],
.conversation-card[b-4gen2p1q0d] {
    background: var(--so-surface-1);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-lg);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.invite-card[b-4gen2p1q0d] {
    padding: 1.5rem;
}

.invite-header[b-4gen2p1q0d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    border-bottom: 1px solid var(--so-border);
    padding-bottom: 1.4rem;
}

    .invite-header h1[b-4gen2p1q0d] {
        color: var(--so-text);
        font-size: 2.25rem;
        font-weight: 800;
        letter-spacing: -0.055em;
        margin-bottom: 0.4rem;
    }

.invite-eyebrow[b-4gen2p1q0d],
.invite-small-label[b-4gen2p1q0d] {
    color: var(--so-accent-bright);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 0.4rem;
    text-transform: uppercase;
}

.invite-meta[b-4gen2p1q0d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    color: var(--so-text-secondary);
    font-size: 0.86rem;
}

.meta-dot[b-4gen2p1q0d] {
    color: var(--so-text-muted);
}

.invite-status[b-4gen2p1q0d] {
    white-space: nowrap;
    border-radius: 999px;
    padding: 0.4rem 0.7rem;
    font-size: 0.72rem;
    font-weight: 750;
}

    .invite-status.pending[b-4gen2p1q0d] {
        color: #f6d778;
        background: rgba(245, 185, 66, 0.12);
    }

    .invite-status.accepted[b-4gen2p1q0d] {
        color: #8be5b8;
        background: rgba(56, 212, 135, 0.12);
    }

    .invite-status.declined[b-4gen2p1q0d] {
        color: #ffaaaa;
        background: rgba(240, 100, 100, 0.13);
    }

    .invite-status.available-again[b-4gen2p1q0d] {
        color: #baa7ff;
        background: var(--so-accent-soft);
    }

    .invite-status.maybe[b-4gen2p1q0d] {
        color: #f6d778;
        background: rgba(245, 185, 66, 0.11);
    }


/* Main question */

.invite-prompt[b-4gen2p1q0d] {
    padding: 2rem 0 1.5rem;
}

    .invite-prompt h2[b-4gen2p1q0d] {
        color: var(--so-text);
        font-size: 1.9rem;
        font-weight: 750;
        letter-spacing: -0.04em;
        margin-bottom: 0.4rem;
    }

    .invite-prompt > p:last-child[b-4gen2p1q0d] {
        color: var(--so-text-secondary);
        margin-bottom: 0;
    }


/* Response field */

.response-field[b-4gen2p1q0d],
.availability-change[b-4gen2p1q0d] {
    margin-top: 1rem;
}

    .response-field label[b-4gen2p1q0d] {
        display: block;
        color: var(--so-text-secondary);
        font-size: 0.76rem;
        font-weight: 650;
        margin-bottom: 0.45rem;
    }

.response-box[b-4gen2p1q0d] {
    min-height: 100px;
    resize: vertical;
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
    color: var(--so-text);
    padding: 0.8rem;
}

    .response-box:focus[b-4gen2p1q0d] {
        background: var(--so-surface-2);
        border-color: var(--so-accent);
        color: var(--so-text);
        box-shadow: 0 0 0 3px var(--so-accent-soft);
    }


/* Accept / decline */

.response-actions[b-4gen2p1q0d] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8rem;
    margin-top: 1rem;
}

.response-button[b-4gen2p1q0d] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 72px;
    padding: 0.8rem 1rem;
    text-align: left;
    border-radius: var(--so-radius-md);
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

    .response-button:hover[b-4gen2p1q0d] {
        transform: translateY(-1px);
    }

    .response-button > span:last-child[b-4gen2p1q0d] {
        display: flex;
        flex-direction: column;
    }

    .response-button strong[b-4gen2p1q0d] {
        font-size: 0.9rem;
    }

    .response-button small[b-4gen2p1q0d] {
        margin-top: 0.1rem;
        font-size: 0.72rem;
    }

.response-button-icon[b-4gen2p1q0d] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 800;
}

.accept-button[b-4gen2p1q0d] {
    color: #b8efd2;
    background: rgba(56, 212, 135, 0.07);
    border: 1px solid rgba(56, 212, 135, 0.28);
}

    .accept-button:hover[b-4gen2p1q0d] {
        background: rgba(56, 212, 135, 0.12);
        border-color: rgba(56, 212, 135, 0.55);
    }

    .accept-button .response-button-icon[b-4gen2p1q0d] {
        color: #08160f;
        background: var(--so-success);
    }

    .accept-button small[b-4gen2p1q0d] {
        color: #80ba9c;
    }

.decline-button[b-4gen2p1q0d] {
    color: #f0b6b6;
    background: rgba(240, 100, 100, 0.06);
    border: 1px solid rgba(240, 100, 100, 0.25);
}

    .decline-button:hover[b-4gen2p1q0d] {
        background: rgba(240, 100, 100, 0.11);
        border-color: rgba(240, 100, 100, 0.5);
    }

.maybe-button[b-4gen2p1q0d] {
    color: #f5dfa0;
    background: rgba(245, 185, 66, 0.07);
    border: 1px solid rgba(245, 185, 66, 0.28);
}

    .maybe-button:hover[b-4gen2p1q0d] {
        background: rgba(245, 185, 66, 0.12);
        border-color: rgba(245, 185, 66, 0.55);
    }

    .maybe-button .response-button-icon[b-4gen2p1q0d] {
        color: #1b1304;
        background: #e4b64c;
    }

    .maybe-button small[b-4gen2p1q0d] {
        color: #bca66d;
    }

.maybe-followup-actions[b-4gen2p1q0d] {
    grid-template-columns: 1fr 1fr;
}

    .decline-button .response-button-icon[b-4gen2p1q0d] {
        color: #1d090b;
        background: var(--so-danger);
    }

    .decline-button small[b-4gen2p1q0d] {
        color: #b98787;
    }


/* Result states */

.response-result[b-4gen2p1q0d] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
    border-radius: var(--so-radius-md);
    padding: 1.2rem;
}

.result-icon[b-4gen2p1q0d] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
    font-size: 1.1rem;
    font-weight: 800;
}

.response-result h2[b-4gen2p1q0d] {
    margin-bottom: 0.25rem;
    font-size: 1.25rem;
}

.response-result p:last-child[b-4gen2p1q0d] {
    margin-bottom: 0;
    color: var(--so-text-secondary);
}

.success-result[b-4gen2p1q0d] {
    background: rgba(56, 212, 135, 0.07);
    border: 1px solid rgba(56, 212, 135, 0.22);
}

    .success-result .result-icon[b-4gen2p1q0d] {
        color: #08160f;
        background: var(--so-success);
    }

.declined-result[b-4gen2p1q0d] {
    background: rgba(240, 100, 100, 0.07);
    border: 1px solid rgba(240, 100, 100, 0.22);
}

    .declined-result .result-icon[b-4gen2p1q0d] {
        color: #1c090b;
        background: var(--so-danger);
    }

.available-result[b-4gen2p1q0d] {
    background: var(--so-accent-soft);
    border: 1px solid rgba(139, 92, 246, 0.25);
}

    .available-result .result-icon[b-4gen2p1q0d] {
        color: #171020;
        background: var(--so-accent-bright);
    }

.maybe-result[b-4gen2p1q0d] {
    background: rgba(245, 185, 66, 0.07);
    border: 1px solid rgba(245, 185, 66, 0.24);
}

    .maybe-result .result-icon[b-4gen2p1q0d] {
        color: #1b1304;
        background: #e4b64c;
    }

.availability-change[b-4gen2p1q0d] {
    border-top: 1px solid var(--so-border);
    margin-top: 1.5rem;
    padding-top: 1.5rem;
}

    .availability-change h3[b-4gen2p1q0d] {
        font-size: 1.05rem;
        margin-bottom: 0.35rem;
    }

    .availability-change > p[b-4gen2p1q0d] {
        color: var(--so-text-secondary);
        font-size: 0.85rem;
    }


/* Conversation */

.conversation-card[b-4gen2p1q0d] {
    margin-top: 1rem;
    padding: 1.25rem;
}

.conversation-heading[b-4gen2p1q0d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

    .conversation-heading h2[b-4gen2p1q0d] {
        margin-bottom: 0;
        font-size: 1.25rem;
    }

    .conversation-heading > span[b-4gen2p1q0d] {
        color: var(--so-text-muted);
        font-size: 0.75rem;
    }

.conversation-list[b-4gen2p1q0d] {
    display: flex;
    flex-direction: column;
}

.conversation-item[b-4gen2p1q0d] {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 0.8rem;
    padding: 1rem 0;
    border-top: 1px solid var(--so-border);
}

    .conversation-item:first-child[b-4gen2p1q0d] {
        border-top: 0;
        padding-top: 0;
    }

.conversation-avatar[b-4gen2p1q0d] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #ddd4ff;
    background: var(--so-accent-soft);
    font-size: 0.8rem;
    font-weight: 750;
}

.conversation-meta[b-4gen2p1q0d] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

    .conversation-meta strong[b-4gen2p1q0d] {
        font-size: 0.84rem;
    }

    .conversation-meta span[b-4gen2p1q0d] {
        color: var(--so-text-muted);
        font-size: 0.7rem;
    }

.conversation-status[b-4gen2p1q0d] {
    color: var(--so-accent-bright);
    font-size: 0.7rem;
    font-weight: 700;
    margin-top: 0.1rem;
}

.conversation-content p[b-4gen2p1q0d] {
    color: var(--so-text-secondary);
    font-size: 0.85rem;
    line-height: 1.55;
    margin-top: 0.5rem;
    margin-bottom: 0;
}


/* Mobile */

@media (max-width: 767px) {
    .invite-shell[b-4gen2p1q0d] {
        padding: 0.5rem 0 2rem;
    }

    .invite-card[b-4gen2p1q0d],
    .conversation-card[b-4gen2p1q0d] {
        border-radius: 0.9rem;
    }

    .invite-card[b-4gen2p1q0d] {
        padding: 1.1rem;
    }

    .invite-header[b-4gen2p1q0d] {
        flex-direction: column;
    }

        .invite-header h1[b-4gen2p1q0d] {
            font-size: 1.9rem;
        }

    .response-actions[b-4gen2p1q0d] {
        grid-template-columns: 1fr;
    }

    .response-actions .btn[b-4gen2p1q0d],
    .invite-card .btn[b-4gen2p1q0d] {
        min-height: 48px;
    }

    .conversation-meta[b-4gen2p1q0d] {
        flex-direction: column;
        gap: 0.1rem;
    }
}
.invite-assigned-role[b-4gen2p1q0d] { display: flex; align-items: baseline; gap: .65rem; margin: 1rem 0 0; }
.invite-assigned-role span[b-4gen2p1q0d] { color: var(--so-text-muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.invite-assigned-role strong[b-4gen2p1q0d] { color: var(--so-text-primary); font-size: 1.15rem; }
.calendar-actions[b-4gen2p1q0d] { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.calendar-file-link[b-4gen2p1q0d] { min-height: 44px; display: inline-flex; align-items: center; padding: .55rem .75rem; color: #cfc5ff; font-size: .78rem; font-weight: 800; text-decoration: none; }
.calendar-help[b-4gen2p1q0d] { position: relative; }
.calendar-help summary[b-4gen2p1q0d] { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--so-border); border-radius: 50%; color: var(--so-text-secondary); cursor: pointer; font-weight: 800; list-style: none; }
.calendar-help summary[b-4gen2p1q0d]::-webkit-details-marker { display: none; }
.calendar-help summary:focus-visible[b-4gen2p1q0d] { outline: 3px solid var(--so-focus); outline-offset: 2px; }
.calendar-help div[b-4gen2p1q0d] { position: absolute; z-index: 5; right: 0; top: calc(100% + .5rem); width: min(310px, calc(100vw - 2.5rem)); padding: 1rem; border: 1px solid var(--so-border); border-radius: var(--so-radius-md); background: var(--so-surface-raised); box-shadow: var(--so-shadow-lg); color: var(--so-text-secondary); }
.calendar-help p[b-4gen2p1q0d] { margin: .35rem 0 0; font-size: .82rem; line-height: 1.5; }
/* /Components/Pages/Join.razor.rz.scp.css */
.login-shell[b-o0moqnr1mi] { min-height: 100vh; display: grid; place-items: center; padding: 1.5rem; background: #090b10; }
.login-card[b-o0moqnr1mi] { width: min(100%, 28rem); padding: 2rem; border: 1px solid #2a2f3a; border-radius: 1rem; background: #11151d; color: #f5f7fa; }
.login-eyebrow[b-o0moqnr1mi] { color: var(--so-accent-bright); font-size: .75rem; font-weight: 800; letter-spacing: .18em; }
.login-copy[b-o0moqnr1mi], .login-link[b-o0moqnr1mi] { color: #9ba4b3; }
.field-group[b-o0moqnr1mi] { margin-bottom: 1rem; }
.field-group label[b-o0moqnr1mi] { display: block; margin-bottom: .4rem; }
.form-control[b-o0moqnr1mi] { color: #f5f7fa; background: #0b0e14; border-color: #333a47; }
.login-link[b-o0moqnr1mi] { display: block; margin-top: 1rem; text-align: center; }
/* /Components/Pages/LineupTemplate.razor.rz.scp.css */
.template-shell[b-8bprpisfsi] { display: grid; gap: 1.25rem; }
.template-heading[b-8bprpisfsi], .panel-heading[b-8bprpisfsi], .slot-card[b-8bprpisfsi] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.template-heading h1[b-8bprpisfsi], .panel-heading h2[b-8bprpisfsi] { margin: 0; color: #f7f9fc; }
.template-heading p[b-8bprpisfsi], .slot-card p[b-8bprpisfsi], .empty-template span[b-8bprpisfsi] { color: #929dad; }
.template-eyebrow[b-8bprpisfsi] { margin: 0 0 .35rem; color: var(--so-accent-bright) !important; font-size: .72rem; font-weight: 800; letter-spacing: .16em; }
.slot-count[b-8bprpisfsi], .required-pill[b-8bprpisfsi] { border: 1px solid #394354; border-radius: 999px; padding: .4rem .7rem; color: #cbd3df; font-size: .72rem; font-weight: 700; }
.add-slot-panel[b-8bprpisfsi], .slot-list[b-8bprpisfsi] { padding: 1.35rem; border: 1px solid #242d3b; border-radius: 1rem; background: #101620; }
.slot-form-grid[b-8bprpisfsi] { display: grid; grid-template-columns: 1fr 1.2fr; gap: 1rem; margin: 1.2rem 0; }
.field-group label[b-8bprpisfsi], .slot-default label[b-8bprpisfsi] { display: block; margin-bottom: .4rem; color: #c5ceda; font-size: .78rem; font-weight: 700; }
.form-control[b-8bprpisfsi], .form-select[b-8bprpisfsi] { color: #eef2f7; border-color: #343e4e; background-color: #0a1019; }
.slot-grid[b-8bprpisfsi] { display: grid; gap: .8rem; margin-top: 1rem; }
.slot-card[b-8bprpisfsi] { padding: 1rem; border: 1px solid #273140; border-radius: .8rem; background: #0b111a; }
.slot-card-copy[b-8bprpisfsi] { min-width: 12rem; }
.slot-card h3[b-8bprpisfsi] { margin: .45rem 0 .15rem; color: #fff; font-size: 1.2rem; }
.slot-default[b-8bprpisfsi] { flex: 1; max-width: 24rem; }
.remove-slot[b-8bprpisfsi] { border: 0; background: transparent; color: #ff858f; font-weight: 700; }
.empty-template[b-8bprpisfsi] { display: grid; gap: .25rem; padding: 2rem; margin-top: 1rem; border: 1px dashed #343e4e; border-radius: .8rem; text-align: center; }
.template-error[b-8bprpisfsi] { color: #ff9299; }
@media (max-width: 767px) { .template-heading[b-8bprpisfsi], .slot-card[b-8bprpisfsi] { align-items: stretch; flex-direction: column; } .slot-form-grid[b-8bprpisfsi] { grid-template-columns: 1fr; } .slot-default[b-8bprpisfsi] { width: 100%; max-width: none; } .remove-slot[b-8bprpisfsi] { align-self: stretch; min-height: 44px; } .template-heading .btn[b-8bprpisfsi], .slot-card .btn[b-8bprpisfsi] { min-height: 44px; } }
/* /Components/Pages/Login.razor.rz.scp.css */
.login-shell[b-b5fam2p1fa] { min-height: 100vh; display: grid; place-items: center; padding: 1.5rem; background: #090b10; }
.login-card[b-b5fam2p1fa] { width: min(100%, 28rem); padding: 2rem; border: 1px solid #2a2f3a; border-radius: 1rem; background: #11151d; color: #f5f7fa; box-shadow: 0 1.5rem 4rem rgba(0,0,0,.35); }
.login-eyebrow[b-b5fam2p1fa] { color: var(--so-accent-bright); font-size: .75rem; font-weight: 800; letter-spacing: .18em; }
.login-copy[b-b5fam2p1fa] { color: #9ba4b3; margin-bottom: 1.5rem; }
.field-group[b-b5fam2p1fa] { margin-bottom: 1rem; }
.field-group label[b-b5fam2p1fa] { display: block; margin-bottom: .4rem; color: #c7ced8; font-weight: 600; }
.form-control[b-b5fam2p1fa] { color: #f5f7fa; background: #0b0e14; border-color: #333a47; }
.btn-primary[b-b5fam2p1fa] { width: 100%; margin-top: .5rem; background: var(--so-accent); border-color: var(--so-accent); color: #fff; font-weight: 800; }
.account-divider[b-b5fam2p1fa] { display: flex; align-items: center; gap: .75rem; margin: 1.35rem 0 .85rem; color: #747f90; font-size: .72rem; }
.account-divider[b-b5fam2p1fa]::before, .account-divider[b-b5fam2p1fa]::after { content: ""; flex: 1; height: 1px; background: #2a3341; }
.create-account-link[b-b5fam2p1fa] { display: flex; align-items: center; justify-content: center; min-height: 46px; color: #f5f7fa; background: #171d27; border: 1px solid #343e4e; border-radius: .55rem; font-size: .82rem; font-weight: 800; text-decoration: none; }
.create-account-link:hover[b-b5fam2p1fa] { color: var(--so-accent-bright); border-color: rgba(167,139,250,.4); }
.google-signin-form[b-b5fam2p1fa] { margin: 1.15rem 0 0; }
/* /Components/Pages/MemberGig.razor.rz.scp.css */
.member-gig-shell[b-cpyt93y943] { width: min(100%, 820px); margin: 0 auto; display: grid; gap: 1rem; padding-bottom: 3rem; }
.member-gig-hero[b-cpyt93y943] { padding: 1.5rem; border: 1px solid var(--so-border); border-radius: 1.25rem; background: radial-gradient(circle at 90% 0, rgba(214,255,69,.12), transparent 35%), #0d1420; }
.gig-kicker[b-cpyt93y943] { margin: 0 0 .45rem; color: var(--so-accent-bright); font-size: .7rem; font-weight: 850; letter-spacing: .15em; }
.member-gig-hero h1[b-cpyt93y943] { margin: 0; color: #fff; font-size: clamp(2.2rem, 8vw, 4.25rem); line-height: 1; letter-spacing: -.055em; }
.member-role-row[b-cpyt93y943] { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1rem; color: var(--so-text-secondary); }
.member-role-row strong[b-cpyt93y943] { color: #fff; }
.gig-chat-link[b-cpyt93y943] { display: inline-flex; margin-top: 1rem; padding: .58rem .75rem; color: #d9d0ff; background: rgba(139,92,246,.1); border: 1px solid rgba(167,139,250,.22); border-radius: .65rem; font-size: .7rem; font-weight: 800; text-decoration: none; }
.critical-times[b-cpyt93y943] { display: grid; grid-template-columns: repeat(4, 1fr); gap: .65rem; }
.critical-time[b-cpyt93y943] { padding: 1rem; border: 1px solid var(--so-border); border-radius: .9rem; background: var(--so-surface-1); }
.critical-time span[b-cpyt93y943] { display: block; color: var(--so-text-muted); font-size: .65rem; font-weight: 800; letter-spacing: .1em; }
.critical-time strong[b-cpyt93y943] { display: block; margin-top: .25rem; color: #fff; font-size: 1.5rem; }
.stage-time[b-cpyt93y943] { border-color: rgba(214,255,69,.4); background: rgba(214,255,69,.06); }
.stage-time strong[b-cpyt93y943] { color: var(--so-accent-bright); }
.member-gig-card[b-cpyt93y943] { padding: 1.25rem; border: 1px solid var(--so-border); border-radius: 1rem; background: var(--so-surface-1); }
.member-gig-card h2[b-cpyt93y943] { margin: 0 0 1rem; font-size: 1.2rem; }
.priority-card[b-cpyt93y943] { display: grid; gap: 1rem; }
.priority-detail span[b-cpyt93y943], .member-detail-grid span[b-cpyt93y943] { display: block; margin-bottom: .2rem; color: var(--so-text-muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; }
.priority-detail strong[b-cpyt93y943], .member-detail-grid strong[b-cpyt93y943] { color: #fff; white-space: pre-wrap; }
.setlist-card[b-cpyt93y943] { border-color: rgba(139,92,246,.45); }
.setlist-copy[b-cpyt93y943], .brief-copy[b-cpyt93y943] { color: var(--so-text-secondary); line-height: 1.7; white-space: pre-wrap; }
.setlist-copy[b-cpyt93y943] { color: #fff; font-size: 1rem; }
.member-detail-grid[b-cpyt93y943] { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.member-lineup[b-cpyt93y943] { display: grid; }
.member-lineup > div[b-cpyt93y943] { display: grid; grid-template-columns: minmax(120px, .8fr) 1fr; gap: 1rem; padding: .75rem 0; border-top: 1px solid var(--so-border); }
.member-lineup strong[b-cpyt93y943] { color: #fff; }
.member-lineup span[b-cpyt93y943] { color: var(--so-text-secondary); }
.member-gig-empty[b-cpyt93y943], .member-gig-loading[b-cpyt93y943] { width: min(100%, 700px); margin: 4rem auto; padding: 2rem; border: 1px solid var(--so-border); border-radius: 1rem; background: var(--so-surface-1); }
@media (max-width: 767px) {
    .member-gig-shell[b-cpyt93y943] { gap: .75rem; }
    .member-gig-hero[b-cpyt93y943], .member-gig-card[b-cpyt93y943] { padding: .95rem; border-radius: .85rem; }
    .member-gig-hero h1[b-cpyt93y943] { font-size: clamp(2.15rem, 12vw, 3.2rem); }
    .critical-times[b-cpyt93y943] { position: relative; display: grid; grid-template-columns: 1fr; gap: 0; padding: .3rem .9rem; border: 1px solid var(--so-border); border-radius: .85rem; background: var(--so-surface-1); }
    .critical-time[b-cpyt93y943] { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; min-height: 56px; padding: .6rem .15rem .6rem 1.2rem; border: 0; border-bottom: 1px solid var(--so-border); border-radius: 0; background: transparent; }
    .critical-time:last-child[b-cpyt93y943] { border-bottom: 0; }
    .critical-time[b-cpyt93y943]::before { content: ""; position: absolute; left: .05rem; width: 8px; height: 8px; border: 2px solid #657087; border-radius: 50%; background: #111722; }
    .critical-time:not(:last-child)[b-cpyt93y943]::after { content: ""; position: absolute; left: .275rem; top: calc(50% + 6px); bottom: -50%; width: 1px; background: #344055; }
    .critical-time span[b-cpyt93y943] { grid-column: 1; }
    .critical-time strong[b-cpyt93y943] { grid-column: 2; grid-row: 1; margin: 0; font-size: 1.3rem; }
    .stage-time[b-cpyt93y943] { background: transparent; }
    .stage-time[b-cpyt93y943]::before { border-color: var(--so-accent); background: var(--so-accent); box-shadow: 0 0 10px rgba(139,92,246,.35); }
    .member-detail-grid[b-cpyt93y943] { grid-template-columns: 1fr; }
    .member-role-row[b-cpyt93y943] { align-items: flex-start; flex-direction: column; }
    .member-lineup > div[b-cpyt93y943] { grid-template-columns: minmax(105px, .8fr) 1fr; gap: .65rem; }
    .setlist-copy[b-cpyt93y943], .brief-copy[b-cpyt93y943] { line-height: 1.55; }
}
.gig-hero-actions[b-cpyt93y943] { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; }
.gig-calendar-link[b-cpyt93y943] { min-height: 44px; display: inline-flex; align-items: center; padding: .55rem .75rem; border: 1px solid rgba(167,139,250,.35); border-radius: .55rem; color: var(--so-accent-bright); font-size: .75rem; font-weight: 800; text-decoration: none; }
.gig-calendar-link.primary[b-cpyt93y943] { background: var(--so-accent); border-color: var(--so-accent); color: #fff; }
.gig-calendar-link.secondary[b-cpyt93y943] { border-color: rgba(167,139,250,.25); color: #cfc5ff; }
.gig-calendar-help[b-cpyt93y943] { position: relative; }
.gig-calendar-help summary[b-cpyt93y943] { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--so-border); border-radius:50%; cursor:pointer; list-style:none; }
.gig-calendar-help summary[b-cpyt93y943]::-webkit-details-marker { display:none; }
.gig-calendar-help summary:focus-visible[b-cpyt93y943] { outline:3px solid var(--so-focus); outline-offset:2px; }
.gig-calendar-help div[b-cpyt93y943] { position:absolute; z-index:5; right:0; top:calc(100% + .5rem); width:min(310px, calc(100vw - 2.5rem)); padding:1rem; border:1px solid var(--so-border); border-radius:var(--so-radius-md); background:var(--so-surface-raised); box-shadow:var(--so-shadow-lg); }
.gig-calendar-help p[b-cpyt93y943] { margin:.35rem 0 0; color:var(--so-text-secondary); font-size:.82rem; line-height:1.5; }

@media (max-width: 430px) {
    .gig-hero-actions[b-cpyt93y943] { display: grid; grid-template-columns: 1fr 1fr; }
    .gig-hero-actions .gig-chat-link[b-cpyt93y943] { grid-column: 1 / -1; }
    .gig-calendar-link[b-cpyt93y943] { justify-content: center; }
}
.gig-address[b-cpyt93y943] { margin: .3rem 0; color: var(--so-text-secondary); font-size: .76rem; }
.gig-map-link[b-cpyt93y943] { display: inline-block; margin-top: .35rem; color: var(--so-accent-bright); font-size: .72rem; font-weight: 800; text-decoration: none; }
/* /Components/Pages/Members.razor.rz.scp.css */
.members-shell[b-r4e396f8ja] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.members-heading[b-r4e396f8ja],
.card-heading[b-r4e396f8ja],
.list-heading[b-r4e396f8ja] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
}

.members-heading[b-r4e396f8ja] {
    margin-bottom: 1.25rem;
}

.members-heading h1[b-r4e396f8ja] {
    color: var(--so-text);
    font-size: 2.35rem;
    font-weight: 800;
    letter-spacing: -0.05em;
    margin-bottom: 0.25rem;
}

.members-heading p:last-child[b-r4e396f8ja] {
    color: var(--so-text-secondary);
    margin: 0;
}

.members-eyebrow[b-r4e396f8ja] {
    color: var(--so-accent-bright);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 0.35rem;
}

.member-count[b-r4e396f8ja] {
    padding: 0.42rem 0.65rem;
    color: var(--so-text-secondary);
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: 999px;
    font-size: 0.7rem;
}

.add-member-card[b-r4e396f8ja],
.member-card[b-r4e396f8ja] {
    background: #121925;
    border: 1px solid #293548;
    border-radius: 14px;
}

.add-member-card[b-r4e396f8ja] {
    padding: 1.2rem;
    margin-bottom: 1.7rem;
}

.card-heading h2[b-r4e396f8ja],
.list-heading h2[b-r4e396f8ja] {
    color: var(--so-text);
    font-size: 1.15rem;
    margin-bottom: 0;
}

.member-form-grid[b-r4e396f8ja] {
    display: grid;
    grid-template-columns: 1.25fr 1.4fr 1fr 1fr 0.8fr;
    gap: 0.75rem;
    margin-top: 1rem;
}

.field-group label[b-r4e396f8ja],
.skills-editor > label[b-r4e396f8ja] {
    display: block;
    color: var(--so-text-secondary);
    font-size: 0.66rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.form-control[b-r4e396f8ja],
.form-select[b-r4e396f8ja] {
    min-height: 42px;
    color: var(--so-text);
    background-color: #0d1420;
    border: 1px solid #303c50;
    border-radius: 9px;
    font-size: 0.78rem;
}

.form-control:focus[b-r4e396f8ja],
.form-select:focus[b-r4e396f8ja] {
    color: var(--so-text);
    background-color: #0f1724;
    border-color: var(--so-accent);
    box-shadow: 0 0 0 3px var(--so-accent-soft);
}

.validation-message[b-r4e396f8ja] {
    color: #ff9f9f;
    font-size: 0.64rem;
}

.rate-input[b-r4e396f8ja] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    background: #0d1420;
    border: 1px solid #303c50;
    border-radius: 9px;
    overflow: hidden;
}

.rate-input > span[b-r4e396f8ja] {
    color: var(--so-text-muted);
    padding-left: 0.7rem;
    font-size: 0.78rem;
}

.rate-input .form-control[b-r4e396f8ja] {
    border: 0;
    border-radius: 0;
}

.add-member-button[b-r4e396f8ja] {
    margin-top: 0.9rem;
}

.list-heading[b-r4e396f8ja] {
    margin-bottom: 0.8rem;
}

.member-grid[b-r4e396f8ja] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.member-card[b-r4e396f8ja] {
    padding: 1rem;
}

.member-card-header[b-r4e396f8ja] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.member-card-actions[b-r4e396f8ja] { display: flex; gap: .25rem; margin-left: auto; }
.member-action[b-r4e396f8ja] { min-height: 36px; padding: .3rem .5rem; border: 0; background: transparent; color: #cfc5ff; font-size: .7rem; font-weight: 800; }
.member-action.danger[b-r4e396f8ja] { color: #e7a0a0; }
.member-remove-confirmation[b-r4e396f8ja] { margin-top: .85rem; padding: .85rem; border: 1px solid rgba(220,95,95,.25); border-radius: .65rem; background: rgba(160,45,45,.07); }
.member-remove-confirmation strong[b-r4e396f8ja] { color: var(--so-text); font-size: .85rem; }
.member-remove-confirmation p[b-r4e396f8ja] { margin: .25rem 0 .7rem; color: var(--so-text-secondary); font-size: .72rem; }
.member-remove-confirmation > div[b-r4e396f8ja] { display: flex; justify-content: flex-end; gap: .45rem; }

.member-avatar[b-r4e396f8ja] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    color: #eeeaff;
    background: linear-gradient(145deg, #7050d6, #432d8a);
    border-radius: 50%;
    font-size: 0.74rem;
    font-weight: 800;
}

.member-card-header h3[b-r4e396f8ja] {
    color: var(--so-text);
    font-size: 1rem;
    margin: 0;
}

.member-card-header span[b-r4e396f8ja] {
    color: var(--so-accent-bright);
    font-size: 0.68rem;
}

.member-contact[b-r4e396f8ja] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.9rem;
    padding: 0.75rem 0;
    margin: 0.8rem 0;
    border-top: 1px solid #273244;
    border-bottom: 1px solid #273244;
}

.member-contact a[b-r4e396f8ja] {
    color: var(--so-text-secondary);
    font-size: 0.7rem;
    text-decoration: none;
}

.member-editor[b-r4e396f8ja] {
    display: grid;
    grid-template-columns: 1fr 0.75fr;
    gap: 0.8rem;
}

.skills-editor[b-r4e396f8ja] {
    grid-column: 1 / -1;
}

.skill-chips[b-r4e396f8ja] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.skill-chip[b-r4e396f8ja] {
    padding: 0.32rem 0.5rem;
    color: #8995a8;
    background: #151d29;
    border: 1px solid #2c384a;
    border-radius: 999px;
    font-size: 0.64rem;
}

.skill-chip.selected[b-r4e396f8ja] {
    color: #b8e9ce;
    background: rgba(56, 212, 135, 0.07);
    border-color: rgba(56, 212, 135, 0.28);
}

.skill-chip span[b-r4e396f8ja] {
    margin-right: 0.2rem;
}

@media (max-width: 1000px) {
    .member-form-grid[b-r4e396f8ja] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .members-heading[b-r4e396f8ja] {
        align-items: flex-start;
        flex-direction: column;
    }

    .member-grid[b-r4e396f8ja],
    .member-form-grid[b-r4e396f8ja],
    .member-editor[b-r4e396f8ja] {
        grid-template-columns: 1fr;
    }

    .skills-editor[b-r4e396f8ja] {
        grid-column: auto;
    }

    .member-card-header[b-r4e396f8ja] { align-items: flex-start; flex-wrap: wrap; }
    .member-card-actions[b-r4e396f8ja] { width: 100%; margin-left: 3.55rem; }
}
/* /Components/Pages/NeedsAttention.razor.rz.scp.css */
.needs-attention-page[b-bk5t00uuqp] { width: min(100% - 2rem, 760px); margin: 0 auto; padding: 1.25rem 0 2rem; }
.needs-attention-header[b-bk5t00uuqp] { margin-bottom: 1.25rem; }
.needs-attention-header h1[b-bk5t00uuqp] { margin: .15rem 0; font-size: clamp(2rem, 5vw, 2.7rem); letter-spacing: -.045em; }
.needs-attention-header p:last-child[b-bk5t00uuqp] { margin: 0; color: var(--so-text-secondary); }
.needs-attention-list[b-bk5t00uuqp] { display: grid; gap: .6rem; }
.needs-attention-card[b-bk5t00uuqp] { display: grid; grid-template-columns: 3.6rem minmax(0, 1fr) auto; align-items: center; gap: .9rem; min-height: 74px; padding: .85rem; border: 1px solid var(--so-border); border-radius: .75rem; background: var(--so-surface-1); color: inherit; text-decoration: none; transition: border-color .16s ease, background-color .16s ease; }
.needs-attention-card:hover[b-bk5t00uuqp] { border-color: rgba(167,139,250,.48); background: rgba(167,139,250,.06); color: inherit; }
.needs-attention-card:focus-visible[b-bk5t00uuqp] { outline: 3px solid var(--so-focus); outline-offset: 3px; }
.needs-attention-card.attention-warning[b-bk5t00uuqp] { border-color: rgba(230,184,92,.34); }
.needs-attention-card time[b-bk5t00uuqp] { white-space: pre-line; color: var(--so-text-muted); font-size: .65rem; font-weight: 800; line-height: 1.3; letter-spacing: .06em; text-transform: uppercase; }
.needs-attention-card.attention-warning time[b-bk5t00uuqp] { color: #e6c77d; }
.needs-attention-copy[b-bk5t00uuqp] { display: grid; min-width: 0; gap: .2rem; }
.needs-attention-copy strong[b-bk5t00uuqp] { overflow: hidden; color: var(--so-text); font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }
.needs-attention-copy small[b-bk5t00uuqp] { color: var(--so-text-secondary); font-size: .79rem; line-height: 1.4; }
.needs-attention-action[b-bk5t00uuqp] { display: inline-flex; align-items: center; min-height: 40px; color: #d9d2ff; font-size: .75rem; font-weight: 800; white-space: nowrap; }
.needs-attention-empty[b-bk5t00uuqp] { padding: 1.35rem 0; }
.needs-attention-empty h2[b-bk5t00uuqp] { margin: 0 0 .3rem; font-size: 1.15rem; }
.needs-attention-empty p[b-bk5t00uuqp] { margin: 0; color: var(--so-text-secondary); }
@media (max-width: 600px) { .needs-attention-page[b-bk5t00uuqp] { width: min(100% - 2rem, 760px); padding-top: 1rem; } .needs-attention-card[b-bk5t00uuqp] { grid-template-columns: 3.25rem minmax(0, 1fr); align-items: start; gap: .65rem; padding: .8rem; } .needs-attention-copy strong[b-bk5t00uuqp] { white-space: normal; } .needs-attention-action[b-bk5t00uuqp] { grid-column: 2; min-height: 40px; } }
/* /Components/Pages/NewEvent.razor.rz.scp.css */
.new-event-shell[b-330cr4dpj6] {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding-top: 2rem;
}

.new-event-heading[b-330cr4dpj6] {
    margin-bottom: 1.75rem;
}

    .new-event-heading h1[b-330cr4dpj6] {
        color: var(--so-text);
        font-size: 2.6rem;
        font-weight: 800;
        letter-spacing: -0.055em;
        margin-bottom: 0.5rem;
    }

    .new-event-heading p:last-child[b-330cr4dpj6] {
        color: var(--so-text-secondary);
        max-width: 560px;
    }

.eyebrow[b-330cr4dpj6] {
    color: var(--so-accent-bright);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.new-event-card[b-330cr4dpj6] {
    background: var(--so-surface-1);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-lg);
    padding: 1.5rem;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);
}

.field-group[b-330cr4dpj6] {
    margin-bottom: 1.25rem;
}

.field-grid[b-330cr4dpj6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-label[b-330cr4dpj6] {
    color: var(--so-text-secondary);
    font-size: 0.78rem;
    font-weight: 650;
    margin-bottom: 0.45rem;
}

.form-control[b-330cr4dpj6] {
    min-height: 46px;
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
    color: var(--so-text);
    padding: 0.65rem 0.8rem;
}

    .form-control[b-330cr4dpj6]::placeholder {
        color: var(--so-text-muted);
    }

    .form-control:focus[b-330cr4dpj6] {
        background: var(--so-surface-2);
        border-color: var(--so-accent);
        color: var(--so-text);
        box-shadow: 0 0 0 3px var(--so-accent-soft);
    }

.fee-input[b-330cr4dpj6] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 0.5rem;
}

.currency-select[b-330cr4dpj6] {
    min-height: 46px;
    background-color: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
    color: var(--so-text);
    padding: 0.65rem 0.9rem;
}

    .currency-select:focus[b-330cr4dpj6] {
        border-color: var(--so-accent);
        box-shadow: 0 0 0 3px var(--so-accent-soft);
    }

.input-group .form-control[b-330cr4dpj6] {
    border-radius: 0 var(--so-radius-md) var(--so-radius-md) 0;
}

.validation-message[b-330cr4dpj6] {
    display: block;
    color: var(--so-danger);
    font-size: 0.75rem;
    margin-top: 0.4rem;
}

.form-actions[b-330cr4dpj6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    border-top: 1px solid var(--so-border);
    margin-top: 0.5rem;
    padding-top: 1.25rem;
}

@media (max-width: 767px) {
    .new-event-shell[b-330cr4dpj6] {
        padding-top: 0.5rem;
    }

    .new-event-heading h1[b-330cr4dpj6] {
        font-size: 2rem;
    }

    .field-grid[b-330cr4dpj6] {
        grid-template-columns: 1fr;
    }

    .form-actions[b-330cr4dpj6] {
        flex-direction: column-reverse;
    }

        .form-actions .btn[b-330cr4dpj6] {
            width: 100%;
        }
}
.new-venue-toggle[b-330cr4dpj6] { margin-top: .45rem; padding: .25rem 0; color: var(--so-accent-bright); background: transparent; border: 0; font-size: .72rem; font-weight: 800; }
.inline-venue-panel[b-330cr4dpj6] { display: grid; gap: .55rem; margin-top: .55rem; padding: .8rem; background: rgba(125,104,238,.06); border: 1px solid rgba(125,104,238,.2); border-radius: 11px; }
.inline-venue-panel strong[b-330cr4dpj6] { font-size: .72rem; }.inline-similar[b-330cr4dpj6] { display: grid; gap: .35rem; color: var(--so-text-secondary); font-size: .68rem; }.inline-similar button[b-330cr4dpj6] { min-height: 40px; color: var(--so-text); text-align: left; background: #151e2b; border: 1px solid #344055; border-radius: 8px; }
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notifications-shell[b-kdr84aasza] { width: min(100%, 820px); margin: 0 auto; }
.notifications-heading[b-kdr84aasza] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.notifications-heading p[b-kdr84aasza] { margin: 0 0 .35rem; color: var(--so-accent-bright); font-size: .62rem; font-weight: 850; letter-spacing: .16em; }
.notifications-heading h1[b-kdr84aasza] { margin: 0; font-size: clamp(2.2rem, 6vw, 3.6rem); font-weight: 840; letter-spacing: -.055em; }
.notifications-heading span[b-kdr84aasza] { display: block; margin-top: .5rem; color: var(--so-text-secondary); font-size: .8rem; }
.notification-list[b-kdr84aasza] { display: grid; gap: .65rem; }
.notification-item[b-kdr84aasza] { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: .8rem; padding: .3rem 1rem; background: #111925; border: 1px solid var(--so-border); border-radius: 14px; }
.notification-item.unread[b-kdr84aasza] { background: linear-gradient(100deg, rgba(139,92,246,.12), #121b28 45%); border-color: rgba(139,92,246,.35); }
.notification-dot[b-kdr84aasza] { width: 7px; height: 7px; background: transparent; border-radius: 50%; }
.unread .notification-dot[b-kdr84aasza] { background: var(--so-accent-bright); box-shadow: 0 0 12px rgba(139,92,246,.7); }
.notification-item > a[b-kdr84aasza] { display: grid; min-width: 0; padding: .85rem 0; color: inherit; text-decoration: none; }
.notification-time[b-kdr84aasza] { color: var(--so-text-muted); font-size: .62rem; }
.notification-item strong[b-kdr84aasza] { margin-top: .18rem; color: var(--so-text); font-size: .9rem; }
.notification-item p[b-kdr84aasza] { margin: .25rem 0 0; color: var(--so-text-secondary); font-size: .76rem; line-height: 1.5; }
.notification-action[b-kdr84aasza] { margin-top: .5rem; color: var(--so-accent-bright); font-size: .68rem; font-weight: 750; }
.notification-item > button[b-kdr84aasza] { min-height: 40px; color: var(--so-text-muted); background: transparent; border: 0; font-size: .65rem; cursor: pointer; }
.notification-empty[b-kdr84aasza] { display: grid; gap: .35rem; padding: 2rem; color: var(--so-text-secondary); background: #111925; border: 1px solid var(--so-border); border-radius: 14px; }
@media (max-width: 767px) { .notifications-heading[b-kdr84aasza] { align-items: stretch; flex-direction: column; } .notifications-heading .btn[b-kdr84aasza] { min-height: 46px; } .notification-item[b-kdr84aasza] { grid-template-columns: 8px 1fr; padding-right: .75rem; } .notification-item > button[b-kdr84aasza] { grid-column: 2; justify-self: start; min-height: 44px; padding: 0; } }
/* /Components/Pages/Organisations.razor.rz.scp.css */
.bands-shell[b-qf0rddt35w] {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.bands-heading[b-qf0rddt35w] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 1rem 0 2rem;
    border-bottom: 1px solid var(--so-border);
}

.bands-eyebrow[b-qf0rddt35w] {
    margin: 0 0 .45rem;
    color: var(--so-accent-bright);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.bands-heading h1[b-qf0rddt35w] {
    margin: 0;
    color: var(--so-text);
    font-size: clamp(2.25rem, 5vw, 3.5rem);
    font-weight: 850;
    letter-spacing: -.055em;
    line-height: .95;
}

.bands-heading p:last-child[b-qf0rddt35w] {
    max-width: 560px;
    margin: .8rem 0 0;
    color: var(--so-text-secondary);
    font-size: .9rem;
}

.band-actions[b-qf0rddt35w] {
    display: flex;
    gap: .65rem;
    flex: 0 0 auto;
}

.band-action[b-qf0rddt35w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 44px;
    padding: .7rem 1rem;
    border: 1px solid transparent;
    border-radius: 9px;
    font-size: .76rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.band-action:hover[b-qf0rddt35w] { transform: translateY(-1px); }
.band-action-primary[b-qf0rddt35w] { color: #fff; background: var(--so-accent); }
.band-action-primary span[b-qf0rddt35w] { font-size: 1.05rem; line-height: 0; }
.band-action-secondary[b-qf0rddt35w] { color: var(--so-text); background: var(--so-surface-2); border-color: var(--so-border); }

.bands-section[b-qf0rddt35w] { padding-top: 1.6rem; }
.bands-section-heading[b-qf0rddt35w] { display: flex; align-items: center; justify-content: space-between; margin-bottom: .85rem; }
.bands-section-heading h2[b-qf0rddt35w] { margin: 0; color: var(--so-text); font-size: .86rem; font-weight: 800; }
.bands-section-heading > span[b-qf0rddt35w] { padding: .3rem .55rem; color: var(--so-text-muted); background: var(--so-surface-2); border: 1px solid var(--so-border); border-radius: 999px; font-size: .62rem; }

.band-grid[b-qf0rddt35w] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.band-card[b-qf0rddt35w] { overflow: hidden; background: linear-gradient(145deg, #151d2a, #101722); border: 1px solid #293548; border-radius: 14px; box-shadow: 0 12px 35px rgba(0, 0, 0, .15); }
.band-card-main[b-qf0rddt35w] { display: flex; align-items: center; gap: .95rem; min-height: 112px; padding: 1.15rem; }
.band-avatar[b-qf0rddt35w] { display: grid; place-items: center; width: 54px; height: 54px; flex: 0 0 54px; color: #f4f0ff; background: linear-gradient(145deg, #7658db, #432b92); border: 1px solid rgba(255,255,255,.12); border-radius: 13px; font-size: 1.1rem; font-weight: 850; box-shadow: 0 8px 22px rgba(91, 61, 181, .25); }
.band-identity h3[b-qf0rddt35w] { margin: 0 0 .45rem; color: var(--so-text); font-size: 1.12rem; font-weight: 800; letter-spacing: -.02em; }
.band-role[b-qf0rddt35w] { display: inline-flex; padding: .25rem .5rem; color: #aab5c6; background: #1c2635; border: 1px solid #303d50; border-radius: 999px; font-size: .6rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.band-role-owner[b-qf0rddt35w] { color: #cebfff; background: rgba(118, 88, 219, .12); border-color: rgba(154, 128, 236, .32); }
.band-card-footer[b-qf0rddt35w] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1.15rem; color: var(--so-text-muted); background: rgba(8, 13, 21, .35); border-top: 1px solid #273244; font-size: .66rem; }
.band-card-link[b-qf0rddt35w] { color: var(--so-accent-bright); font-size: .7rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.band-card-link:hover[b-qf0rddt35w] { color: #fff; }

.bands-empty[b-qf0rddt35w] { padding: 3.5rem 1.5rem; text-align: center; background: #121925; border: 1px dashed #344156; border-radius: 14px; }
.bands-empty-mark[b-qf0rddt35w] { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 1rem; color: var(--so-accent-bright); background: var(--so-accent-soft); border-radius: 50%; font-size: 1.25rem; }
.bands-empty h2[b-qf0rddt35w] { margin: 0 0 .4rem; color: var(--so-text); font-size: 1.1rem; }
.bands-empty p[b-qf0rddt35w] { margin: 0; color: var(--so-text-secondary); font-size: .8rem; }

@media (max-width: 767px) {
    .bands-heading[b-qf0rddt35w] { align-items: stretch; flex-direction: column; gap: 1.25rem; padding-top: .3rem; }
    .band-actions[b-qf0rddt35w] { display: grid; grid-template-columns: 1fr 1fr; }
    .band-grid[b-qf0rddt35w] { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
    .band-actions[b-qf0rddt35w] { grid-template-columns: 1fr; }
    .band-card-footer[b-qf0rddt35w] { align-items: flex-start; flex-direction: column; gap: .45rem; }
}
/* /Components/Pages/Register.razor.rz.scp.css */
.login-shell[b-fq4cnd1w4c] { min-height: 100vh; display: grid; place-items: center; padding: 1.5rem; background: #090b10; }
.login-card[b-fq4cnd1w4c] { width: min(100%, 28rem); padding: 2rem; border: 1px solid #2a2f3a; border-radius: 1rem; background: #11151d; color: #f5f7fa; }
.login-eyebrow[b-fq4cnd1w4c] { color: var(--so-accent-bright); font-size: .75rem; font-weight: 800; letter-spacing: .18em; }
.login-copy[b-fq4cnd1w4c], .login-link[b-fq4cnd1w4c] { color: #9ba4b3; }
.field-group[b-fq4cnd1w4c] { margin-bottom: 1rem; }
.field-group label[b-fq4cnd1w4c] { display: block; margin-bottom: .4rem; }
.form-control[b-fq4cnd1w4c] { color: #f5f7fa; background: #0b0e14; border-color: #333a47; }
.login-link[b-fq4cnd1w4c] { display: block; margin-top: 1rem; text-align: center; }
.google-signin-form[b-fq4cnd1w4c] { margin: 1.15rem 0 0; }
.account-divider[b-fq4cnd1w4c] { display: flex; align-items: center; gap: .75rem; margin: 1.1rem 0; color: #747f90; font-size: .72rem; }
.account-divider[b-fq4cnd1w4c]::before, .account-divider[b-fq4cnd1w4c]::after { content: ""; flex: 1; height: 1px; background: #2a3341; }
/* /Components/Pages/VenueEditor.razor.rz.scp.css */
.venue-editor[b-ai7ig8kq10] { max-width: 920px; margin: 0 auto; padding: 1rem; }.venue-editor header[b-ai7ig8kq10] { margin-bottom: 1rem; }.venue-editor header>a[b-ai7ig8kq10],.maps-link[b-ai7ig8kq10] { color: var(--so-accent-bright); text-decoration: none; }.venue-editor header p[b-ai7ig8kq10] { margin: 1.2rem 0 .2rem; color: var(--so-accent-bright); font-size: .62rem; font-weight: 850; letter-spacing: .15em; }.venue-editor h1[b-ai7ig8kq10] { margin: 0; font-size: clamp(2rem,6vw,3.7rem); letter-spacing: -.05em; }.venue-editor header span[b-ai7ig8kq10] { color: var(--so-text-secondary); }.venue-editor section[b-ai7ig8kq10] { margin: .8rem 0; padding: 1rem; background: #111925; border: 1px solid #273245; border-radius: 14px; }.venue-editor h2[b-ai7ig8kq10] { margin: 0 0 1rem; font-size: 1rem; }.editor-grid[b-ai7ig8kq10] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }.field-group[b-ai7ig8kq10] { display: grid; gap: .3rem; }.field-group label[b-ai7ig8kq10] { color: var(--so-text-secondary); font-size: .68rem; font-weight: 750; }.field-group.wide[b-ai7ig8kq10] { grid-column: 1/-1; }.field-group textarea[b-ai7ig8kq10] { min-height: 100px; }.editor-actions[b-ai7ig8kq10] { display: flex; justify-content: flex-end; gap: .6rem; padding: .6rem 0 2rem; }.similar-warning[b-ai7ig8kq10] { display: grid; gap: .5rem; padding: 1rem; color: var(--so-text-secondary); background: rgba(245,185,66,.07); border: 1px solid rgba(245,185,66,.25); border-radius: 12px; }.similar-warning strong[b-ai7ig8kq10] { color: #f0d28a; }.similar-warning a[b-ai7ig8kq10] { color: var(--so-accent-bright); }.maps-link[b-ai7ig8kq10] { display: inline-block; margin-top: .8rem; }@media(max-width:650px){.venue-editor[b-ai7ig8kq10]{padding:.7rem}.editor-grid[b-ai7ig8kq10]{grid-template-columns:1fr}.field-group.wide[b-ai7ig8kq10]{grid-column:auto}.editor-actions[b-ai7ig8kq10]{position:sticky;bottom:0;padding:.7rem;background:#090f18}.editor-actions .btn[b-ai7ig8kq10]{flex:1;min-height:46px}}
/* /Components/Pages/Venues.razor.rz.scp.css */
.venue-page[b-v9aa51vtfe] { max-width: 1180px; margin: 0 auto; padding: 1.2rem; }
.venue-page-header[b-v9aa51vtfe] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.venue-page-header h1[b-v9aa51vtfe] { margin: 0; color: var(--so-text); font-size: clamp(2.2rem, 6vw, 4rem); letter-spacing: -.055em; }
.venue-page-header p[b-v9aa51vtfe] { margin: .3rem 0 0; color: var(--so-text-secondary); }
.venue-eyebrow[b-v9aa51vtfe] { color: var(--so-accent-bright) !important; font-size: .65rem; font-weight: 850; letter-spacing: .16em; }
.venue-search[b-v9aa51vtfe] { max-width: 480px; margin-bottom: 1rem; }
.venue-grid[b-v9aa51vtfe] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: .8rem; }
.venue-card[b-v9aa51vtfe] { display: block; min-height: 190px; padding: 1rem; color: inherit; text-decoration: none; background: #111925; border: 1px solid #273245; border-radius: 14px; transition: transform .16s ease, border-color .16s ease; }
.venue-card:hover[b-v9aa51vtfe] { transform: translateY(-2px); border-color: #4a5870; }
.venue-card-top[b-v9aa51vtfe], .venue-meta[b-v9aa51vtfe] { display: flex; justify-content: space-between; gap: .6rem; }
.venue-card-top[b-v9aa51vtfe] { color: var(--so-accent-bright); font-size: .64rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.venue-card h2[b-v9aa51vtfe] { margin: 1.2rem 0 .25rem; color: var(--so-text); font-size: 1.45rem; }
.venue-card p[b-v9aa51vtfe] { color: var(--so-text-secondary); font-size: .76rem; }
.venue-meta[b-v9aa51vtfe] { margin-top: 1.5rem; color: var(--so-text-muted); font-size: .62rem; }
.venue-empty[b-v9aa51vtfe] { display: grid; gap: .35rem; padding: 2rem; text-align: center; background: rgba(255,255,255,.018); border: 1px dashed #344055; border-radius: 14px; }
.venue-empty span[b-v9aa51vtfe] { color: var(--so-text-secondary); }.venue-empty a[b-v9aa51vtfe] { color: var(--so-accent-bright); }
@media (max-width: 600px) { .venue-page[b-v9aa51vtfe] { padding: .75rem; }.venue-page-header[b-v9aa51vtfe] { align-items: stretch; flex-direction: column; }.venue-page-header .btn[b-v9aa51vtfe] { width: 100%; min-height: 46px; }.venue-grid[b-v9aa51vtfe] { grid-template-columns: 1fr; } }
/* /Components/Shared/OwnerAccessDenied.razor.rz.scp.css */
.owner-access-denied[b-vv0tyyu1zj] {
    max-width: 42rem;
    margin: clamp(2rem, 8vh, 5rem) auto;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-lg);
    background: var(--so-surface-raised);
    box-shadow: var(--so-shadow-card);
}

.owner-access-eyebrow[b-vv0tyyu1zj] {
    margin-bottom: .5rem;
    color: var(--so-accent);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .12em;
}

.owner-access-denied h1[b-vv0tyyu1zj] { margin-bottom: .75rem; }
.owner-access-denied p:not(.owner-access-eyebrow)[b-vv0tyyu1zj] { color: var(--so-text-secondary); }