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

/* Chrome is one frame: sidebar and topbar share a tone and a hairline. */
.sidebar[b-0odvqrligk] {
    position: fixed;
    inset: 0 auto 0 0;
    width: 244px;
    height: 100vh;
    background: var(--so-shell-gradient);
    border-right: 1px solid var(--so-border);
    z-index: 100;
}

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

.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: color-mix(in srgb, var(--so-shell-glass) 86%, transparent);
    border-bottom: 1px solid var(--so-border);
    -webkit-backdrop-filter: saturate(140%) blur(18px);
    backdrop-filter: saturate(140%) blur(18px);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .topbar[b-0odvqrligk] { background: var(--so-sidebar); }
}

.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: var(--so-text-secondary); 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: var(--so-text-muted); 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: var(--so-text); font-size: 1rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
/* This used to be transparent with no border, so it only looked like a
   control once the pointer was over it — and a phone never hovers, which is
   why people did not realise it could be pressed. It now sits in its own
   surface at rest: a contained object with an edge, a caret and a pressed
   state, the way a workspace switcher reads in Slack or Linear. The caret is
   the last cue, not the only one. */
.band-switcher-trigger[b-0odvqrligk] {
    display: inline-flex; align-items: center; gap: .5rem;
    min-width: 0; max-width: min(48vw, 560px);
    margin: .18rem 0 0; padding: .3rem .5rem .3rem .38rem;
    color: var(--so-text);
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: .55rem;
    cursor: pointer; font: inherit; text-align: left;
    transition: background-color 130ms var(--so-ease, ease), border-color 130ms var(--so-ease, ease), box-shadow 130ms var(--so-ease, ease);
}
.band-switcher-caret[b-0odvqrligk] { display: inline-flex; flex: 0 0 auto; margin-left: auto; padding-left: .1rem; color: var(--so-text-muted); }
.band-switcher-caret svg[b-0odvqrligk] { width: 14px; height: 14px; transition: transform 150ms var(--so-ease, ease); }
.desktop-band-switcher[open] .band-switcher-caret svg[b-0odvqrligk] { transform: rotate(180deg); }
.desktop-band-switcher[open] .band-switcher-trigger[b-0odvqrligk] { border-color: var(--so-accent); background: var(--so-surface-3); }
.band-switcher-trigger:focus-visible[b-0odvqrligk] { outline: 2px solid var(--so-focus); outline-offset: 2px; }
.band-switcher-trigger strong[b-0odvqrligk] { overflow: hidden; font-size: 1rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.band-switcher-avatar[b-0odvqrligk] { width: 26px; height: 26px; flex: 0 0 auto; object-fit: cover; border-radius: 50%; }.band-switcher-avatar.initials[b-0odvqrligk] { display:grid; place-items:center; color:var(--so-text); background:linear-gradient(145deg,#60469a,#263852); font-size:.6rem; font-weight:800; }
.band-switcher-trigger:hover[b-0odvqrligk] { background: var(--so-surface-3); border-color: color-mix(in srgb, var(--so-accent) 45%, var(--so-border)); }
.band-switcher-trigger:hover .band-switcher-caret[b-0odvqrligk] { color: var(--so-text-secondary); }
.band-switcher-trigger:active[b-0odvqrligk] { background: var(--so-surface-3); transform: translateY(1px); }
.band-switcher-popover[b-0odvqrligk] { position: fixed; z-index: 92; top: 74px; left: 266px; width: min(320px, calc(100vw - 290px)); padding: .6rem; background: #0d1624; border: 1px solid #263247; border-radius: 14px; box-shadow: 0 22px 55px rgba(0,0,0,.48); }
.desktop-band-switcher[b-0odvqrligk] { position: relative; }
.desktop-band-switcher > summary[b-0odvqrligk] { list-style: none; }
.desktop-band-switcher > summary[b-0odvqrligk]::-webkit-details-marker { display: none; }
.desktop-band-switcher .band-switcher-popover[b-0odvqrligk] { position: absolute; top: calc(100% + .55rem); left: 0; width: 320px; }
.band-switcher-popover h2[b-0odvqrligk] { margin: .25rem .5rem .55rem; color: var(--so-text-muted); font-size: .63rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.band-switcher-popover form[b-0odvqrligk] { display: grid; gap: .2rem; }
.band-switcher-option[b-0odvqrligk] { display: flex; align-items: center; gap: .55rem; width: 100%; min-height: 44px; padding: .6rem .65rem; color: var(--so-text-secondary); background: transparent; border: 0; border-radius: var(--so-radius-control, 10px); cursor: pointer; font: inherit; font-size: .82rem; font-weight: 650; text-align: left; }
.band-switcher-option:hover[b-0odvqrligk], .band-switcher-option:focus-visible[b-0odvqrligk] { color: #fff; background: #172132; outline: none; }
.band-switcher-option.current[b-0odvqrligk] { color: var(--so-accent-hover); }
.band-switcher-option.current span[b-0odvqrligk] { color: var(--so-accent-hover); font-weight: 900; }
.band-switcher-actions[b-0odvqrligk] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .2rem; margin-top: .45rem; padding-top: .45rem; border-top: 1px solid #202b3d; }
.band-switcher-actions a[b-0odvqrligk] { min-height: 40px; padding: .55rem .65rem; color: var(--so-text-secondary); border-radius: 8px; font-size: .74rem; font-weight: 650; text-decoration: none; }
.band-switcher-actions a:last-child[b-0odvqrligk] { grid-column: 1 / -1; }
.band-switcher-actions a:hover[b-0odvqrligk], .band-switcher-actions a:focus-visible[b-0odvqrligk] { color: #fff; background: #172132; outline: none; }
.topbar-band-selection[b-0odvqrligk] { color: var(--so-text-secondary); font-size: .78rem; font-weight: 700; text-decoration: none; }
.topbar-band-selection:hover[b-0odvqrligk], .topbar-band-selection:focus-visible[b-0odvqrligk] { color: var(--so-accent-bright); }

.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-menu > summary:focus-visible[b-0odvqrligk] { outline: 2px solid var(--so-focus); outline-offset: 2px; }
.account-copy[b-0odvqrligk] { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.15; }
.account-copy small[b-0odvqrligk] { color: var(--so-text-muted); font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.account-copy strong[b-0odvqrligk] { margin-top: .16rem; color: var(--so-text); 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: 246px;
    padding: 0;
    overflow: hidden;
    background: #0d1624;
    border: 1px solid #263247;
    border-radius: 11px;
    box-shadow: 0 12px 30px rgba(0,0,0,.34);
}
.account-identity[b-0odvqrligk] { display: flex; align-items: center; gap: .65rem; min-height: 58px; padding: .7rem .8rem; border-bottom: 1px solid #202b3d; }
.account-identity-copy[b-0odvqrligk] { display: flex; min-width: 0; flex-direction: column; }
.account-identity strong[b-0odvqrligk] { overflow: hidden; color: var(--so-text); font-size: .82rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.account-identity small[b-0odvqrligk] { overflow: hidden; margin-top: .2rem; color: var(--so-text-muted); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.user-avatar.large[b-0odvqrligk] { width: 36px; height: 36px; flex: 0 0 auto; background: #182234; border-color: #354158; }
.account-menu-actions[b-0odvqrligk] { display: grid; padding: .3rem 0; border-bottom: 1px solid #202b3d; }
.account-menu-link[b-0odvqrligk] {
    display: flex;
    align-items: center;
    gap: .7rem;
    width: 100%;
    min-height: 43px;
    margin: 0;
    padding: .6rem .85rem;
    color: var(--so-text-secondary);
    background: transparent;
    border: 0;
    border-radius: 0;
    font: inherit;
    font-size: .82rem;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}
.account-popover > form[b-0odvqrligk] { display: block; padding: .3rem 0; }
.account-menu-link[b-0odvqrligk] { white-space: nowrap; }
.account-menu-icon[b-0odvqrligk] { display: grid; width: 18px; height: 18px; flex: 0 0 auto; place-items: center; color: #aeb8c8; }
.account-menu-icon svg[b-0odvqrligk] { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.account-menu-link:hover[b-0odvqrligk], .account-menu-link:focus-visible[b-0odvqrligk] { color: #fff; background: #151f2e; outline: none; }
.account-menu-link.sign-out[b-0odvqrligk] { color: var(--so-text-secondary); }
.account-menu-link.sign-out:hover[b-0odvqrligk] { color: #fff; background: #151f2e; }

.main-content[b-0odvqrligk] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 66px);
    background-color: var(--so-bg);
    background-image: linear-gradient(var(--so-canvas-pattern-overlay), var(--so-canvas-pattern-overlay)), url('/giggeist-pattern.svg');
    background-position: left top;
    background-size: 420px 320px;
}

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

/* Page wrappers should expose the shared canvas; cards keep their own surfaces. */
.content[b-0odvqrligk]  main { background-color: transparent; }

/* Light mode overrides for topbar elements */
:root[data-theme="light"] .notification-bell[b-0odvqrligk] { background: var(--so-surface-2); border-color: var(--so-border-light); }
:root[data-theme="light"] .notification-bell:hover[b-0odvqrligk] { color: var(--so-text); border-color: var(--so-border); }
:root[data-theme="light"] .notification-bell > strong[b-0odvqrligk] { border-color: var(--so-bg); }
:root[data-theme="light"] .topbar-tagline[b-0odvqrligk] { color: var(--so-text-muted); }
:root[data-theme="light"] .user-avatar[b-0odvqrligk] { background: var(--so-surface-2); border-color: var(--so-border-light); color: var(--so-text); }
:root[data-theme="light"] .band-switcher-avatar.initials[b-0odvqrligk] { background: linear-gradient(145deg, #c9b7e3, #d4c8de); color: var(--so-text); }
:root[data-theme="light"] .band-switcher-trigger:hover[b-0odvqrligk],
:root[data-theme="light"] .band-switcher-trigger:focus-visible[b-0odvqrligk] { background: var(--so-surface-2); }
:root[data-theme="light"] .band-switcher-trigger:active[b-0odvqrligk] { background: var(--so-surface-3); }
:root[data-theme="light"] .band-switcher-popover[b-0odvqrligk] { background: var(--so-surface); border-color: var(--so-border); box-shadow: var(--so-shadow-md); }
:root[data-theme="light"] .band-switcher-option:hover[b-0odvqrligk],
:root[data-theme="light"] .band-switcher-option:focus-visible[b-0odvqrligk] { color: var(--so-text); background: var(--so-surface-3); }
:root[data-theme="light"] .band-switcher-actions[b-0odvqrligk] { border-color: var(--so-border); }
:root[data-theme="light"] .band-switcher-actions a:hover[b-0odvqrligk],
:root[data-theme="light"] .band-switcher-actions a:focus-visible[b-0odvqrligk] { color: var(--so-text); background: var(--so-surface-2); }
:root[data-theme="light"] .account-menu > summary:hover[b-0odvqrligk],
:root[data-theme="light"] .account-menu[open] > summary[b-0odvqrligk] { background: var(--so-surface-2); border-color: var(--so-border-light); }
:root[data-theme="light"] .account-chevron[b-0odvqrligk] { color: var(--so-text-muted); }
:root[data-theme="light"] .user-avatar.large[b-0odvqrligk] { background: var(--so-surface-2); border-color: var(--so-border-light); }
:root[data-theme="light"] .account-identity[b-0odvqrligk] { border-color: var(--so-border); }
:root[data-theme="light"] .account-menu-actions[b-0odvqrligk] { border-color: var(--so-border); }
:root[data-theme="light"] .account-menu-icon[b-0odvqrligk] { color: var(--so-text-secondary); }
:root[data-theme="light"] .account-menu-link:hover[b-0odvqrligk],
:root[data-theme="light"] .account-menu-link:focus-visible[b-0odvqrligk] { color: var(--so-text); background: var(--so-surface-2); }
:root[data-theme="light"] .account-menu-link.sign-out:hover[b-0odvqrligk] { color: var(--so-text); background: var(--so-surface-2); }

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

@media (max-width: 1024px) {

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

    /* Prevent iOS Safari focus-zoom without changing page-wide touch handling. */
    .app-shell[b-0odvqrligk]  input:not([type]),
    .app-shell[b-0odvqrligk]  input[type="text"],
    .app-shell[b-0odvqrligk]  input[type="search"],
    .app-shell[b-0odvqrligk]  input[type="email"],
    .app-shell[b-0odvqrligk]  input[type="url"],
    .app-shell[b-0odvqrligk]  input[type="tel"],
    .app-shell[b-0odvqrligk]  input[type="password"],
    .app-shell[b-0odvqrligk]  input[type="number"],
    .app-shell[b-0odvqrligk]  input[type="date"],
    .app-shell[b-0odvqrligk]  input[type="datetime-local"],
    .app-shell[b-0odvqrligk]  input[type="month"],
    .app-shell[b-0odvqrligk]  input[type="week"],
    .app-shell[b-0odvqrligk]  input[type="time"],
    .app-shell[b-0odvqrligk]  textarea,
    .app-shell[b-0odvqrligk]  select {
        font-size: 16px !important;
    }

    .main-content[b-0odvqrligk] {
        padding-bottom: calc(var(--so-mobile-nav-height) + 1.25rem + env(safe-area-inset-bottom));
        scroll-padding-bottom: calc(var(--so-mobile-nav-height) + 1.25rem + env(safe-area-inset-bottom));
    }

    .sidebar[b-0odvqrligk] {
        position: sticky;
        top: 0;
        width: 100%;
        height: auto;
        background: transparent;
        border-right: 0;
        border-bottom: 0;
        z-index: 50;
    }

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

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

    .band-switcher-popover[b-0odvqrligk] { display: none; }

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

    .content[b-0odvqrligk] {
        max-width: none;
        padding: 0.7rem 0.65rem calc(var(--so-mobile-nav-height) + 1.25rem + env(safe-area-inset-bottom));
    }
}

@media (max-width: 1024px) {
    .sidebar[b-0odvqrligk] { min-height: var(--so-mobile-header-height); }
    .main-content[b-0odvqrligk] { min-height: calc(100vh - var(--so-mobile-header-height)); }
}
.profile-completion-prompt[b-0odvqrligk] { display: grid; gap: .25rem; max-width: 760px; margin: 0 auto var(--so-space-4); padding: var(--so-space-3) var(--so-space-4); color: var(--so-text); background: var(--so-accent-soft); border: 1px solid color-mix(in srgb, var(--so-accent) 38%, var(--so-border)); border-radius: var(--so-radius-md); text-decoration: none; }
.profile-completion-prompt span[b-0odvqrligk] { color: var(--so-text-secondary); font-size: var(--so-font-size-sm); }
.profile-completion-prompt b[b-0odvqrligk] { color: var(--so-accent-hover); font-size: var(--so-font-size-sm); }


/* Very small phones */

@media (max-width: 420px) { .content[b-0odvqrligk] { padding-left: .55rem; padding-right: .55rem; } }
/* /Components/Layout/MobileBottomNavigation.razor.rz.scp.css */
.mobile-bottom-nav[b-z7v45x5nhc] { display: none; }

@media (max-width: 768px) {
    .mobile-bottom-nav[b-z7v45x5nhc] {
        --mobile-nav-gap: 2px;
        --mobile-nav-inset: max(1rem, env(safe-area-inset-left), env(safe-area-inset-right));
        --mobile-nav-radius: 30px;
        --mobile-nav-motion: 230ms;
        --mobile-nav-ease: cubic-bezier(.34, 1.42, .58, 1);
        position: fixed;
        z-index: 30;
        right: var(--mobile-nav-inset);
        bottom: calc(var(--mobile-nav-gap) + env(safe-area-inset-bottom));
        left: var(--mobile-nav-inset);
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: auto;
        max-width: 29rem;
        min-height: 62px;
        margin-inline: auto;
        padding: 5px;
        overflow: hidden;
        isolation: isolate;
        background: color-mix(in srgb, var(--so-shell-glass) 94%, transparent);
        border: 1px solid rgba(238, 240, 250, .16);
        border-radius: var(--mobile-nav-radius);
        box-shadow: 0 16px 40px rgba(0, 0, 0, .46), inset 0 1px rgba(255,255,255,.18), inset 0 -1px rgba(255,255,255,.03);
        -webkit-backdrop-filter: saturate(185%) blur(28px);
        backdrop-filter: saturate(185%) blur(28px);
    }

    .mobile-nav-selection[b-z7v45x5nhc] {
        position: absolute;
        z-index: -1;
        top: 5px;
        bottom: 5px;
        left: 5px;
        width: calc((100% - 10px) / 4);
        border: 0;
        background: transparent;
        transform: translate3d(0, 0, 0);
        transition: transform var(--mobile-nav-motion) var(--mobile-nav-ease);
        will-change: transform;
    }
    .mobile-nav-selection[b-z7v45x5nhc]::before {
        content: "";
        position: absolute;
        inset: 5px 3px;
        border: 1px solid var(--so-nav-active-border);
        border-radius: 999px;
        background-color: rgba(29, 23, 35, .54);
        background-image:
            linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.035) 42%, rgba(255,255,255,.075)),
            linear-gradient(110deg, transparent 18%, rgba(255,255,255,.1) 42%, transparent 63%);
        box-shadow: inset 0 1px rgba(255,255,255,.38), inset 0 -1px rgba(255,255,255,.08);
        -webkit-backdrop-filter: saturate(190%) blur(14px);
        backdrop-filter: saturate(190%) blur(14px);
    }
    .mobile-bottom-nav.selected-1 .mobile-nav-selection[b-z7v45x5nhc] { transform: translate3d(100%, 0, 0); }
    .mobile-bottom-nav.selected-2 .mobile-nav-selection[b-z7v45x5nhc] { transform: translate3d(200%, 0, 0); }
    .mobile-bottom-nav.selected-3 .mobile-nav-selection[b-z7v45x5nhc] { transform: translate3d(300%, 0, 0); }

    .mobile-bottom-link[b-z7v45x5nhc] {
        position: relative;
        display: grid;
        min-width: 0;
        min-height: 54px;
        place-items: center;
        align-content: center;
        gap: .2rem;
        color: var(--so-text-muted);
        border-radius: 999px;
        font-size: clamp(.57rem, 2.25vw, .66rem);
        font-weight: 700;
        line-height: 1;
        text-align: center;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        transition: color 120ms ease, opacity 80ms ease, transform 80ms ease;
    }
    .mobile-bottom-link svg[b-z7v45x5nhc] { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform var(--mobile-nav-motion) var(--mobile-nav-ease), filter 160ms ease; }
    .mobile-bottom-link.active[b-z7v45x5nhc] { color: var(--so-nav-active-text); font-weight: 800; }
    .mobile-bottom-link.active svg[b-z7v45x5nhc] { transform: scale(1.04); }
    .mobile-bottom-link:active[b-z7v45x5nhc] { opacity: .8; transform: scale(.95); }
    .mobile-bottom-link:focus-visible[b-z7v45x5nhc] { outline: 2px solid var(--so-focus); outline-offset: -3px; }
    .mobile-bottom-link > span:last-child[b-z7v45x5nhc] { width: 100%; text-align: center; }
    .mobile-bottom-icon[b-z7v45x5nhc] { position: relative; display: grid; place-items: center; }
    .mobile-bottom-icon strong[b-z7v45x5nhc] { position: absolute; top: -8px; left: 11px; display: grid; min-width: 17px; height: 17px; place-items: center; padding: 0 3px; color: #fff; background: var(--so-accent); border: 2px solid #111824; border-radius: 999px; font-size: .52rem; font-weight: 850; line-height: 1; }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    @media (max-width: 768px) {
        .mobile-bottom-nav[b-z7v45x5nhc] { background: #252b38; }
    }
}

@media (max-width: 374px) {
    .mobile-bottom-nav[b-z7v45x5nhc] { --mobile-nav-inset: max(.85rem, env(safe-area-inset-left), env(safe-area-inset-right)); }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-nav-selection[b-z7v45x5nhc], .mobile-bottom-link[b-z7v45x5nhc], .mobile-bottom-link svg[b-z7v45x5nhc] { transition-duration: 0ms; }
    .mobile-bottom-link.active svg[b-z7v45x5nhc] { transform: none; }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.mobile-nav-shell[b-aogwmpmc5h] {
    min-height: 100%;
}

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

.app-shell-brand[b-aogwmpmc5h] { display: flex; align-items: center; height: 66px; padding: 0 1.5rem; border-bottom: 1px solid var(--so-border); }
.app-shell-brand[b-aogwmpmc5h]  .app-shell-brand-link { max-width: 168px; }
/* 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: var(--so-text-secondary); 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-menu > summary:focus-visible[b-aogwmpmc5h] { outline: 2px solid var(--so-focus); outline-offset: 2px; }
.mobile-account-popover[b-aogwmpmc5h] {
    position: absolute;
    z-index: 20;
    top: calc(100% + .55rem);
    right: 0;
    width: 246px;
    padding: 0;
    background: #0d1624;
    border: 1px solid #263247;
    border-radius: 11px;
    box-shadow: 0 12px 30px rgba(0,0,0,.34);
}
.mobile-account-identity[b-aogwmpmc5h] { display: flex; align-items: center; gap: .65rem; min-height: 58px; padding: .7rem .8rem; border-bottom: 1px solid #202b3d; }
.mobile-menu-avatar[b-aogwmpmc5h] { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; color: #fff; background: #182234; border: 1px solid #354158; border-radius: 50%; font-size: .68rem; font-weight: 750; }
.mobile-account-identity-copy[b-aogwmpmc5h] { display: flex; min-width: 0; flex-direction: column; }
.mobile-account-identity-copy strong[b-aogwmpmc5h] { overflow: hidden; color: var(--so-text); font-size: .82rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.mobile-account-identity-copy small[b-aogwmpmc5h] { overflow: hidden; margin-top: .2rem; color: var(--so-text-muted); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.mobile-account-actions[b-aogwmpmc5h] { display: grid; padding: .3rem 0; border-bottom: 1px solid #202b3d; }
.mobile-account-popover > form[b-aogwmpmc5h] { display: block; padding: .3rem 0; }
.mobile-account-link[b-aogwmpmc5h] { display: flex; align-items: center; gap: .7rem; width: 100%; min-height: 43px; padding: .6rem .85rem; color: var(--so-text-secondary); background: transparent; border: 0; border-radius: 0; font: inherit; font-size: .82rem; font-weight: 500; text-align: left; text-decoration: none; cursor: pointer; }
.mobile-account-icon[b-aogwmpmc5h] { display: grid; width: 18px; height: 18px; flex: 0 0 auto; place-items: center; color: #aeb8c8; }
.mobile-account-icon svg[b-aogwmpmc5h] { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mobile-account-link:hover[b-aogwmpmc5h], .mobile-account-link:focus-visible[b-aogwmpmc5h] { color: #fff; background: #151f2e; outline: none; }

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

/* Same problem, worse: on a phone there is no hover at all, so a
   transparent trigger was indistinguishable from a heading. It carries its
   own surface now. */
.mobile-band-switcher-trigger[b-aogwmpmc5h] {
    gap: .45rem; max-width: min(56vw, 260px);
    padding: .22rem .4rem .22rem .3rem;
    color: #fff;
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: .55rem;
    cursor: pointer; font: inherit; text-align: left;
    transition: background-color 130ms ease, border-color 130ms ease;
}
.mobile-band-switcher-trigger:hover[b-aogwmpmc5h] { background: var(--so-surface-3); }
.mobile-band-switcher-trigger:focus-visible[b-aogwmpmc5h] { outline: 2px solid var(--so-focus); outline-offset: 2px; }
.mobile-band-switcher-trigger:active[b-aogwmpmc5h] { background: var(--so-surface-3); }
.mobile-band-switcher-trigger[aria-expanded="true"][b-aogwmpmc5h] { border-color: var(--so-accent); background: var(--so-surface-3); }
.mobile-band-switcher-trigger .band-switcher-caret[b-aogwmpmc5h] { display: inline-flex; flex: 0 0 auto; margin-left: auto; color: var(--so-text-muted); }
.mobile-band-switcher-trigger .band-switcher-caret svg[b-aogwmpmc5h] { width: 13px; height: 13px; transition: transform 150ms ease; }
.mobile-band-switcher-trigger[aria-expanded="true"] .band-switcher-caret svg[b-aogwmpmc5h] { transform: rotate(180deg); }
.mobile-band-avatar[b-aogwmpmc5h] { width:30px; height:30px; flex:0 0 auto; object-fit:cover; border-radius:50%; }.mobile-band-avatar.initials[b-aogwmpmc5h] { display:grid; place-items:center; color:var(--so-text); background:linear-gradient(145deg,#60469a,#263852); font-size:.62rem; font-weight:800; }
.mobile-band-switcher-scrim[b-aogwmpmc5h] { position: fixed; z-index: 1190; inset: 0; width: 100%; border: 0; background: var(--so-overlay); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.mobile-band-switcher-popover[b-aogwmpmc5h] { position: fixed; z-index: 1200; right: 0; bottom: 0; left: 0; display: flex; max-height: min(78dvh, 42rem); flex-direction: column; width: 100%; padding: .85rem max(1rem, env(safe-area-inset-right, 0px)) calc(.75rem + env(safe-area-inset-bottom, 0px)) max(1rem, env(safe-area-inset-left, 0px)); overflow: hidden; overscroll-behavior: contain; background: var(--so-surface); border: 1px solid var(--so-border); border-width: 1px 0 0; border-radius: 22px 22px 0 0; box-shadow: var(--so-shadow-lg); animation: giggeist-sheet-in-b-aogwmpmc5h 220ms cubic-bezier(.2,.72,.2,1) both; }
.mobile-band-switcher-heading[b-aogwmpmc5h] { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 1rem; padding: .1rem .35rem .7rem; border-bottom: 1px solid var(--so-border); }
.mobile-band-switcher-heading span[b-aogwmpmc5h] { color: var(--so-text-muted); font-size: .6rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.mobile-band-switcher-heading h2[b-aogwmpmc5h] { margin: .12rem 0 0; color: var(--so-text); font-size: 1.05rem; }
.mobile-band-switcher-heading button[b-aogwmpmc5h] { display: grid; width: 44px; height: 44px; place-items: center; color: var(--so-text-secondary); background: transparent; border: 0; border-radius: 10px; font-size: 1.5rem; }
.mobile-band-switcher-heading button:hover[b-aogwmpmc5h], .mobile-band-switcher-heading button:focus-visible[b-aogwmpmc5h] { color: var(--so-text); background: var(--so-surface-3); outline: 2px solid var(--so-focus); }
.mobile-band-switcher-list[b-aogwmpmc5h] { display: grid; align-content: start; gap: .2rem; min-height: 0; flex: 0 1 auto; max-height: min(48dvh, 25rem); padding: .45rem 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.mobile-band-switcher-option[b-aogwmpmc5h] { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: .7rem; width: 100%; min-height: 54px; padding: .5rem .65rem; color: var(--so-text-secondary); background: transparent; border: 0; border-radius: 12px; cursor: pointer; font: inherit; font-size: .88rem; font-weight: 650; text-align: left; }
.mobile-band-switcher-option img[b-aogwmpmc5h], .band-option-avatar[b-aogwmpmc5h] { display: grid; width: 36px; height: 36px; place-items: center; object-fit: cover; color: var(--so-accent-hover); background: var(--so-surface-3); border-radius: 50%; font-size: .62rem; font-weight: 800; }
.mobile-band-switcher-option strong[b-aogwmpmc5h] { min-width: 0; overflow-wrap: anywhere; font: inherit; }
.mobile-band-switcher-option small[b-aogwmpmc5h] { color: var(--so-accent-hover); font-size: .65rem; white-space: nowrap; }
.mobile-band-switcher-option:hover[b-aogwmpmc5h], .mobile-band-switcher-option:focus-visible[b-aogwmpmc5h] { color: var(--so-text); background: var(--so-surface-3); outline: none; }
.mobile-band-switcher-option.current[b-aogwmpmc5h] { color: var(--so-accent-hover); background: color-mix(in srgb, var(--so-accent) 13%, transparent); }
.band-option-check[b-aogwmpmc5h] { color: var(--so-accent-hover); font-weight: 900; }
.mobile-band-switcher-actions[b-aogwmpmc5h] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .2rem; flex: 0 0 auto; padding-top: .45rem; border-top: 1px solid var(--so-border); }
.mobile-band-switcher-actions a[b-aogwmpmc5h] { min-height: 44px; padding: .65rem .7rem; color: var(--so-text-secondary); border-radius: 9px; font-size: .78rem; font-weight: 650; text-decoration: none; }
.mobile-band-switcher-actions .manage-bands[b-aogwmpmc5h] { grid-column: 1 / -1; display: flex; justify-content: space-between; border-bottom: 1px solid var(--so-border); }
.mobile-band-switcher-actions a:hover[b-aogwmpmc5h], .mobile-band-switcher-actions a:focus-visible[b-aogwmpmc5h] { color: var(--so-text); background: var(--so-surface-3); outline: none; }
.mobile-no-band[b-aogwmpmc5h] { color: var(--so-text-secondary); }
@keyframes giggeist-sheet-in-b-aogwmpmc5h { from { opacity: .72; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .mobile-band-switcher-popover[b-aogwmpmc5h] { animation: 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 {
        position: relative;
        z-index: 0;
        display: flex;
        align-items: center;
        gap: 0.7rem;
        min-height: 44px;
        padding: 0.6rem 0.75rem;
        color: var(--so-text-secondary);
        background: transparent;
        overflow: hidden;
        border-radius: 999px;
        isolation: isolate;
        font-size: 0.85rem;
        font-weight: 550;
        text-decoration: none;
        transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease;
    }

        .nav-item[b-aogwmpmc5h]  .nav-link:hover,
        .nav-item[b-aogwmpmc5h]  .nav-link:focus-visible {
            color: var(--so-text);
            background: var(--so-nav-hover-bg);
        }

    /* The link keeps a 44px target while its inset pseudo-element draws the
       smaller, slicker selected pill. */
    .nav-item[b-aogwmpmc5h]  a.active {
        color: var(--so-nav-active-text);
        background: transparent;
        box-shadow: none;
    }
    .nav-item[b-aogwmpmc5h]  a.active::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 4px 5px;
        border: 1px solid var(--so-nav-active-border);
        border-radius: 999px;
        background: var(--so-nav-active-bg);
        box-shadow: inset 0 1px rgba(255, 255, 255, .34);
    }
    .nav-item[b-aogwmpmc5h]  a.active .nav-home-icon { color: var(--so-accent-hover); }

.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: 20px;
    height: 20px;
    color: var(--so-text-secondary);
}
.nav-home-icon svg[b-aogwmpmc5h] {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.nav-item[b-aogwmpmc5h]  .nav-link:hover .nav-home-icon { color: var(--so-text); }


/* 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: var(--so-text-muted);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.mobile-event-context strong[b-aogwmpmc5h] {
    color: var(--so-text);
    font-size: 0.93rem;
    font-weight: 700;
    margin-top: 0.35rem;
}

.mobile-event-context small[b-aogwmpmc5h] {
    color: var(--so-text-muted);
    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] {
    --event-stage-inline-padding: 0.7rem;
    --event-stage-marker-size: 15px;
    --event-stage-marker-column: 15px;
    --event-stage-column-gap: 0.8rem;
    --event-stage-row-height: 46px;
    --event-stage-rail-x: calc(var(--event-stage-inline-padding) + (var(--event-stage-marker-column) / 2));
    position: relative;
    padding-bottom: 0.5rem;
}

.event-stage-list[b-aogwmpmc5h]::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: calc(var(--event-stage-row-height) / 2);
    bottom: calc(0.5rem + (var(--event-stage-row-height) / 2));
    left: var(--event-stage-rail-x);
    width: 2px;
    background: #262c36;
    border-radius: 999px;
    transform: translateX(-50%);
}

.event-stage[b-aogwmpmc5h] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: var(--event-stage-marker-column, 15px) minmax(0, 1fr);
    align-items: center;
    column-gap: var(--event-stage-column-gap, 0.8rem);
    min-height: var(--event-stage-row-height, 46px);
    padding: 0.55rem var(--event-stage-inline-padding, 0.7rem);
    color: var(--so-text-muted);
    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;
        font-size: 0.76rem;
    }


    /* Connecting line */

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

    .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: var(--event-stage-marker-size, 15px);
    height: var(--event-stage-marker-size, 15px);
    justify-self: center;
    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] {
    /* Was #aeb5c0, a dark-theme slate that fell to 1.9:1 on the light shell. */
    color: var(--so-text-secondary);
}

    .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: 1025px) {

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

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


/* Phone */

@media (max-width: 1024px) {

    .mobile-nav-shell[b-aogwmpmc5h] {
        --mobile-header-total-height: calc(var(--so-mobile-header-height) + env(safe-area-inset-top, 0px));
        min-height: 0;
        background: transparent;
    }

    .navbar[b-aogwmpmc5h] {
        min-height: var(--mobile-header-total-height);
        padding: env(safe-area-inset-top, 0px) max(.55rem, env(safe-area-inset-right, 0px)) 0 max(.55rem, env(safe-area-inset-left, 0px));
        border-bottom: 0;
    }

    .desktop-app-brand[b-aogwmpmc5h] { display: none; }
    .mobile-brand-context[b-aogwmpmc5h] { display: flex; min-width: 0; flex: 1 1 auto; align-items: center; }

    .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: var(--so-text-muted);
        font-size: .52rem;
        font-weight: 850;
        letter-spacing: .12em;
    }

    .mobile-event-title strong[b-aogwmpmc5h] {
        overflow: hidden;
        margin-top: .15rem;
        color: var(--so-text);
        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[b-aogwmpmc5h] {
        display: none !important;
    }

    .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] { max-width: none; font-size: .82rem; font-weight: 700; }

    .mobile-band-switcher-trigger[b-aogwmpmc5h] { width: 100%; max-width: none; min-width: 0; padding-right: .35rem; }
    .mobile-band-switcher-trigger .stageops-brand-name[b-aogwmpmc5h] { min-width: 0; }
    .mobile-band-avatar[b-aogwmpmc5h] { width: 28px; height: 28px; }
    .mobile-header-actions[b-aogwmpmc5h] { flex: 0 0 auto; }

    .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: var(--mobile-header-total-height) 0 0; width: 100%; border: 0; background: rgba(0,0,0,.48); animation: drawer-scrim-in-b-aogwmpmc5h 180ms ease-out both; }
    .nav-scrollable[b-aogwmpmc5h] {
        display: block;
        position: fixed;
        z-index: 40;
        top: var(--mobile-header-total-height);
        left: 0;
        width: min(86vw, 360px);
        min-height: calc(100vh - var(--mobile-header-total-height));
        max-height: calc(100vh - var(--mobile-header-total-height));
        padding: 0.4rem 0.7rem 1.25rem;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
        color: var(--so-text-secondary);
        background: #07101d;
        border-top: 1px solid #172132;
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4);
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translateX(-14px);
        transition: transform 180ms ease-out, opacity 180ms ease-out, visibility 0s linear 180ms;
    }

    .nav-scrollable.drawer-open[b-aogwmpmc5h] { visibility: visible; opacity: 1; pointer-events: auto; transform: translateX(0); transition-delay: 0s; }

    .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; }
}

@keyframes drawer-scrim-in-b-aogwmpmc5h { from { opacity: 0; } to { opacity: 1; } }

@media (max-width: 1024px) {
    :global(body:has(.mobile-nav-shell.drawer-active))[b-aogwmpmc5h] { overflow: hidden; overscroll-behavior: none; }
    .mobile-nav-shell.drawer-active .mobile-menu-button[b-aogwmpmc5h] { color: var(--so-text); border-color: var(--so-accent); background: var(--so-accent-soft); }
}

@media (prefers-reduced-motion: reduce) {
    .nav-scrollable[b-aogwmpmc5h], .mobile-nav-scrim[b-aogwmpmc5h] { animation: none; transition: none; }
}

@media (max-width: 1024px) {
    .navbar[b-aogwmpmc5h] { min-height: var(--mobile-header-total-height); }
    .mobile-nav-shell .navbar[b-aogwmpmc5h] { min-height: var(--mobile-header-total-height); }
    .stageops-brand-name[b-aogwmpmc5h] { max-width: none; font-size: .78rem; }
    .mobile-header-actions[b-aogwmpmc5h] { gap: .25rem; }
    .mobile-menu-button[b-aogwmpmc5h], .mobile-notification-bell[b-aogwmpmc5h], .mobile-account-menu > summary[b-aogwmpmc5h] { width: 44px; height: 44px; background: transparent; border-color: transparent; }
    .mobile-menu-button[b-aogwmpmc5h] { width: 40px; padding: 0 10px; opacity: .78; }
    .mobile-menu-button:hover[b-aogwmpmc5h], .mobile-menu-button:focus-visible[b-aogwmpmc5h] { opacity: 1; background: var(--so-surface-raised); border-color: var(--so-border); }
    .mobile-nav-scrim[b-aogwmpmc5h] { top: var(--mobile-header-total-height); }
    .nav-scrollable[b-aogwmpmc5h] { top: var(--mobile-header-total-height); min-height: calc(100vh - var(--mobile-header-total-height)); max-height: calc(100vh - var(--mobile-header-total-height)); }
}
.mobile-bottom-nav[b-aogwmpmc5h] { display: none; }

@media (max-width: 1024px) {
    .top-row[b-aogwmpmc5h] { justify-content: flex-start; }
    .top-row > .stageops-brand[b-aogwmpmc5h] { order: 1; margin-left: 0; }
    .top-row > .mobile-header-actions[b-aogwmpmc5h] { order: 2; margin-left: auto; }
    .mobile-bottom-nav[b-aogwmpmc5h] { position: fixed; z-index: 30; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); min-height: 68px; padding: .35rem max(.35rem, env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom)) max(.35rem, env(safe-area-inset-left)); background: #0b111b; border-top: 1px solid #202b3c; box-shadow: 0 -8px 24px rgba(0,0,0,.18); }
    .mobile-bottom-link[b-aogwmpmc5h] { position: relative; display: grid; min-width: 0; min-height: 50px; place-items: center; align-content: center; gap: .18rem; color: #93a0b3; border-radius: 10px; font-size: .65rem; font-weight: 700; line-height: 1; text-decoration: none; }
    .mobile-bottom-link svg[b-aogwmpmc5h] { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .mobile-bottom-link.active[b-aogwmpmc5h] { color: var(--so-accent-hover); background: rgba(126,99,218,.15); }
    .mobile-bottom-link.active[b-aogwmpmc5h]::after { position: absolute; top: 0; width: 20px; height: 2px; content: ""; background: #9c84ee; border-radius: 999px; }
    .mobile-bottom-icon[b-aogwmpmc5h] { position: relative; display: grid; place-items: center; }
    .mobile-bottom-icon strong[b-aogwmpmc5h] { position: absolute; top: -8px; left: 11px; display: grid; min-width: 17px; height: 17px; place-items: center; padding: 0 3px; color: #fff; background: var(--so-accent); border: 2px solid #0b111b; border-radius: 999px; font-size: .52rem; font-weight: 850; line-height: 1; }
.mobile-bottom-link:focus-visible[b-aogwmpmc5h] { outline: 2px solid #bba9ff; outline-offset: 2px; }

/* Event Detail is readiness-led; the former desktop step rail implied a
   mandatory wizard and duplicated the page's own status/navigation. */
@media (min-width: 769px) {
    .desktop-event-workflow[b-aogwmpmc5h] { display: none !important; }
    .desktop-current-event[b-aogwmpmc5h] { display: grid; gap: .15rem; margin: 1.35rem .75rem 0; padding-top: 1rem; border-top: 1px solid var(--so-border); }
    .desktop-current-event strong[b-aogwmpmc5h] { overflow-wrap: anywhere; color: var(--so-text); font-size: .78rem; }
    .desktop-current-event small[b-aogwmpmc5h] { color: var(--so-text-muted); font-size: .66rem; }
}

/* Stage 4 shell vocabulary: keep the existing markup and navigation behavior. */
.mobile-nav-shell .navbar[b-aogwmpmc5h],
.nav-scrollable[b-aogwmpmc5h],
.mobile-bottom-nav[b-aogwmpmc5h] {
    background: var(--so-shell-gradient);
    border-color: var(--so-border);
}
.mobile-nav-shell .navbar[b-aogwmpmc5h] { min-height: var(--mobile-header-total-height); }
.nav-item[b-aogwmpmc5h]  .nav-link,
.mobile-bottom-link[b-aogwmpmc5h] { min-height: 44px; color: var(--so-text-secondary); border-radius: var(--so-radius-sm); }
.nav-item[b-aogwmpmc5h]  .nav-link:not(.active):hover,
.mobile-bottom-link:hover[b-aogwmpmc5h] { color: var(--so-text); background: var(--so-surface-raised); }

/* Mobile workflow rail: keep one continuous connector behind the markers.
   The previous percentage/negative-bottom geometry exposed gaps between rows
   once the compact mobile padding was applied. */
@media (max-width: 1024px) {
    .mobile-workflow-list[b-aogwmpmc5h] {
        --event-stage-inline-padding: 0.7rem;
        --event-stage-marker-size: 15px;
        --event-stage-marker-column: 15px;
        --event-stage-column-gap: 0.8rem;
        --event-stage-row-height: 44px;
        --event-stage-rail-x: calc(var(--event-stage-inline-padding) + (var(--event-stage-marker-column) / 2));
        position: relative;
    }
    .mobile-workflow-list[b-aogwmpmc5h]::before {
        position: absolute;
        z-index: 0;
        top: 22px;
        bottom: 22px;
        left: var(--event-stage-rail-x);
        width: 2px;
        content: "";
        background: var(--so-accent);
        border-radius: 999px;
        transform: translateX(-50%);
    }
    .mobile-workflow-list .event-stage[b-aogwmpmc5h] {
        position: relative;
        z-index: 1;
        min-height: 44px;
        margin-left: 0;
        padding: 0 .7rem;
        border: 0;
        border-top: 0;
        border-bottom: 0;
        box-shadow: none;
        background: transparent !important;
    }
    .mobile-workflow-list .event-stage[b-aogwmpmc5h]::before {
        display: none;
    }
    .mobile-workflow-list .stage-marker[b-aogwmpmc5h] { z-index: 2; }
}
.nav-item[b-aogwmpmc5h]  a.active {
    color: var(--so-nav-active-text);
    background: transparent;
    border-color: transparent;
}
.mobile-bottom-link.active[b-aogwmpmc5h] { color: var(--so-nav-active-text); background: transparent; border-color: transparent; }
.nav-attention-badge[b-aogwmpmc5h],
.mobile-notification-bell strong[b-aogwmpmc5h],
.mobile-bottom-icon strong[b-aogwmpmc5h] { min-width: 1.25rem; min-height: 1.25rem; background: var(--so-accent); border-color: var(--so-sidebar); }
.mobile-notification-bell[b-aogwmpmc5h],
.mobile-account-menu > summary[b-aogwmpmc5h],
.mobile-band-switcher-trigger[b-aogwmpmc5h],
.mobile-menu-button[b-aogwmpmc5h] { min-width: 44px; min-height: 44px; border-radius: var(--so-radius-sm); }
.mobile-notification-bell:focus-visible[b-aogwmpmc5h],
.mobile-account-menu > summary:focus-visible[b-aogwmpmc5h],
.mobile-band-switcher-trigger:focus-visible[b-aogwmpmc5h],
.mobile-menu-button:focus-visible[b-aogwmpmc5h],
.nav-item[b-aogwmpmc5h]  .nav-link:focus-visible,
.mobile-bottom-link:focus-visible[b-aogwmpmc5h] { outline: 2px solid var(--so-focus); outline-offset: 2px; }
}

/* Mobile header shares the floating bottom nav's glass material:
   translucent, blurred, hairline edge. Applied to .navbar (not its
   ancestors) so the drawer's fixed positioning is unaffected. */
@media (max-width: 1024px) {
    .mobile-nav-shell .navbar[b-aogwmpmc5h] {
        background: linear-gradient(180deg, rgba(52, 58, 76, .5), rgba(18, 23, 35, .66));
        border-bottom: 1px solid rgba(238, 240, 250, .1);
        box-shadow: inset 0 -1px rgba(255, 255, 255, .04);
        -webkit-backdrop-filter: saturate(155%) blur(22px);
        backdrop-filter: saturate(155%) blur(22px);
    }
    .mobile-nav-shell.drawer-active .navbar[b-aogwmpmc5h] {
        background: var(--so-sidebar);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    @media (max-width: 1024px) {
        .mobile-nav-shell .navbar[b-aogwmpmc5h] { background: var(--so-sidebar); }
    }
}
/* /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] { display: none; }

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[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 .components-reconnect-repeated-attempt-visible[b-z1l17nohkd],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-z1l17nohkd] { display: block; }

/* Blazor keeps the `show` class while adding `retrying`, which would reveal the
   first-attempt paragraph and the repeated-attempt paragraph at once — two flex
   items where there should be one, so the centred logo hops up by one `gap`
   step on the second retry. Collapse the first-attempt line whenever a retry or
   failure state is active. */
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-first-attempt-visible[b-z1l17nohkd],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-first-attempt-visible[b-z1l17nohkd] { display: none; }

/* Reserve the message row so swapping between an empty line and a one/two-line
   message never shifts the mark. */
.components-reconnect-container > p[b-z1l17nohkd] { min-height: 1.35rem; }

#components-reconnect-modal:not([open])[b-z1l17nohkd] { display: none; }
#components-reconnect-modal[b-z1l17nohkd] { box-sizing: border-box; width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); overflow: hidden; color: var(--so-text); background: #17141c; border: 0; opacity: 1; }
#components-reconnect-modal[b-z1l17nohkd]::backdrop { background: #17141c; }
.components-reconnect-container[b-z1l17nohkd] { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column; gap: 1rem; padding: 1.5rem; text-align: center; }
.components-reconnect-mark[b-z1l17nohkd] { display: block; width: min(15rem, 64vw); height: auto; animation: giggeist-reconnect-arrive-b-z1l17nohkd 450ms cubic-bezier(.2,.75,.25,1) both; }
#components-reconnect-modal p[b-z1l17nohkd] { max-width: 28rem; margin: 0; color: #aeb7c5; font-size: .9rem; }
#components-reconnect-modal button[b-z1l17nohkd] { min-height: 44px; padding: .55rem 1rem; color: #fff; background: #7652c4; border: 1px solid #8d6bd6; border-radius: 8px; font: inherit; font-weight: 700; }
#components-reconnect-modal button:hover[b-z1l17nohkd] { background: #8562d1; }
#components-reconnect-modal button:focus-visible[b-z1l17nohkd] { outline: 2px solid #c4b5fd; outline-offset: 3px; }
@keyframes giggeist-reconnect-arrive-b-z1l17nohkd { from { opacity: 0; transform: scale(.97); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .components-reconnect-mark[b-z1l17nohkd] { animation: none; } }
/* /Components/Pages/Account.razor.rz.scp.css */
.account-access-shell.in-app[b-6odmq52ylz] { max-width: 680px; margin: 0 auto; padding: var(--so-space-4); display: flex; flex-direction: column; gap: var(--so-space-5); }
.account-access-card[b-6odmq52ylz] { width: 100%; padding: var(--so-space-5); border: 1px solid var(--so-border); border-radius: var(--so-radius-lg); background: var(--so-surface); color: var(--so-text); box-shadow: var(--so-shadow-sm); }
.account-access-card h2[b-6odmq52ylz] { font-size: 1.15rem; font-weight: var(--so-font-weight-bold); margin-bottom: var(--so-space-2); }
.account-access-actions[b-6odmq52ylz] { display: flex; flex-wrap: wrap; gap: var(--so-space-3); margin: var(--so-space-3) 0; }
.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: var(--so-text); }
.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: var(--so-text); background: #0b0e14; border-color: #333a47; }
.account-delete-blockers[b-6odmq52ylz] { margin: 0; padding-left: 1.1rem; display: grid; gap: .3rem; color: var(--so-text-secondary); font-size: .82rem; line-height: 1.55; }
.account-delete-blockers strong[b-6odmq52ylz] { color: var(--so-text); }
/* /Components/Pages/Availability.razor.rz.scp.css */
.availability-page[b-uld8drwlrk] { max-width: 900px; margin: 0 auto; padding: 1.5rem; }
.availability-card[b-uld8drwlrk] { display: grid; gap: 1rem; }
.availability-card-heading[b-uld8drwlrk] { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.availability-card-heading h2[b-uld8drwlrk] { margin:0; font-size:1.1rem; }
.availability-card-heading p[b-uld8drwlrk] { margin:.25rem 0 0; color:var(--so-text-muted); font-size:.82rem; }
.availability-form[b-uld8drwlrk] { align-items:end; padding:1rem; border:1px solid var(--so-border); border-radius:var(--so-radius-md); background:var(--so-surface-raised); }
.availability-note[b-uld8drwlrk] { grid-column:1 / -1; }
.availability-form-actions[b-uld8drwlrk] { display:flex; gap:.5rem; grid-column:1 / -1; }
.availability-list[b-uld8drwlrk] { display:grid; gap:.5rem; }
.availability-item[b-uld8drwlrk] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.8rem 0; border-bottom:1px solid var(--so-border); }
.availability-item div:first-child[b-uld8drwlrk] { display:grid; gap:.2rem; }
.availability-item strong[b-uld8drwlrk] { color:var(--so-text); }
.availability-item span[b-uld8drwlrk] { color:var(--so-text-muted); font-size:.8rem; }
.availability-actions[b-uld8drwlrk] { display:flex; gap:.75rem; }
.availability-actions .danger[b-uld8drwlrk] { color:var(--so-danger); }
.availability-empty[b-uld8drwlrk] { display:grid; gap:.25rem; padding:1.25rem 0; color:var(--so-text-muted); }
.availability-empty strong[b-uld8drwlrk] { color:var(--so-text); }
@media (max-width:600px) { .availability-page[b-uld8drwlrk] { padding:.9rem .75rem; } .availability-card-heading[b-uld8drwlrk] { align-items:stretch; flex-direction:column; } .availability-card-heading .so-btn-primary[b-uld8drwlrk] { width:100%; } .availability-form[b-uld8drwlrk] { grid-template-columns:1fr; } .availability-note[b-uld8drwlrk] { grid-column:auto; } .availability-form-actions[b-uld8drwlrk] { grid-column:auto; } .availability-form-actions button[b-uld8drwlrk] { flex:1; } .availability-item[b-uld8drwlrk] { align-items:flex-start; flex-direction:column; } }

/* Story 4: availability actions align tightly without reducing their touch targets. */
.availability-form-actions[b-uld8drwlrk], .availability-actions[b-uld8drwlrk] { gap: .4rem; }
.availability-form-actions .so-btn[b-uld8drwlrk], .availability-actions .so-btn[b-uld8drwlrk] { min-height: 40px; padding-inline: .7rem; }
.availability-item[b-uld8drwlrk] { min-height: 56px; padding-block: .65rem; }
/* /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/DeleteAccount.razor.rz.scp.css */
/* Same treatment as the privacy policy: the shared .account-access-card is
   sized for a narrow form (30rem), so widen it for readable prose and
   left-align instead of the shell's default centered layout. */
.delete-account-shell[b-a27n1f8902] { align-items: flex-start; padding-top: var(--so-space-8); padding-bottom: var(--so-space-8); }
.delete-account-card[b-a27n1f8902] { width: min(100%, 42rem); text-align: left; }
.delete-account-card h1[b-a27n1f8902] { text-align: left; }
.delete-account-card .account-access-eyebrow[b-a27n1f8902] { text-align: left; }
.delete-account-updated[b-a27n1f8902] { margin: 0 0 var(--so-space-5); color: var(--so-text-muted); font-size: var(--so-font-size-sm); }

.delete-account-card h2[b-a27n1f8902] { margin: var(--so-space-6) 0 var(--so-space-2); color: var(--so-text); font-size: 1.05rem; font-weight: var(--so-font-weight-bold); }
.delete-account-card h2:first-of-type[b-a27n1f8902] { margin-top: var(--so-space-5); }
.delete-account-card p[b-a27n1f8902] { margin: 0 0 var(--so-space-3); color: var(--so-text-secondary); line-height: 1.6; }
.delete-account-card p strong[b-a27n1f8902] { color: var(--so-text); }
.delete-account-card ul[b-a27n1f8902] { margin: 0 0 var(--so-space-3); padding-left: 1.25rem; color: var(--so-text-secondary); line-height: 1.6; }
.delete-account-card li[b-a27n1f8902] { margin-bottom: var(--so-space-1); }
.delete-account-card a[b-a27n1f8902] { color: var(--so-accent-hover); }
.delete-account-card .alert[b-a27n1f8902] { text-align: left; }

@media (max-width: 600px) {
    .delete-account-shell[b-a27n1f8902] { padding-top: var(--so-space-4); padding-bottom: var(--so-space-4); }
}
/* /Components/Pages/EditEvent.razor.rz.scp.css */
.edit-event-shell[b-3idsy726hn] { width: min(100% - 2rem, 760px); margin: 0 auto; padding: clamp(1rem,3vw,2rem) 0 7rem; }
.edit-event-shell header a[b-3idsy726hn] { color: var(--so-text-secondary); text-decoration: none; }
.edit-event-shell header h1[b-3idsy726hn] { margin: .2rem 0 1rem; }
.edit-event-form[b-3idsy726hn] { display: grid; gap: 1rem; padding: clamp(1rem,3vw,1.5rem); background: var(--so-surface); border: 1px solid var(--so-border); border-radius: var(--so-radius-lg); }
.field-group[b-3idsy726hn] { display: grid; gap: .4rem; }
.field-group label[b-3idsy726hn] { color: var(--so-text-secondary); font-size: .76rem; font-weight: 750; }
.edit-event-times[b-3idsy726hn] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.edit-event-actions[b-3idsy726hn] { display: flex; justify-content: flex-end; gap: .6rem; }
.edit-event-confirm-scrim[b-3idsy726hn] { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 1rem; background: rgba(3,6,11,.72); backdrop-filter: blur(8px); }
.edit-event-confirm[b-3idsy726hn] { width: min(100%,440px); padding: 1.25rem; background: var(--so-surface-raised); border: 1px solid var(--so-border); border-radius: var(--so-radius-lg); box-shadow: 0 24px 60px rgba(0,0,0,.45); }
.edit-event-confirm h2[b-3idsy726hn] { margin: 0 0 .6rem; }
.edit-event-confirm p[b-3idsy726hn] { color: var(--so-text-secondary); }
.edit-event-confirm > div[b-3idsy726hn] { display: flex; justify-content: flex-end; gap: .6rem; }
@media (max-width: 1024px) { .edit-event-times[b-3idsy726hn] { grid-template-columns: 1fr; } .edit-event-actions .btn[b-3idsy726hn] { flex: 1; } }
/* /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-section-heading[b-p7a4nf1tqh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
}

/* Setlist section actions — Perform Set, chart export and the offline
   control share one wrapping row so they stay tidy on a phone instead of
   stretching the heading. */
.setlist-section-actions[b-p7a4nf1tqh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.setlist-section-actions .btn[b-p7a4nf1tqh] {
    min-height: 40px;
}

.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] {
    color: var(--so-accent-bright);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}


/* Section headings */

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


/* Team */

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


/* Add members */

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

.event-viewer-status[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    color: var(--so-text-secondary);
    background: rgba(83, 133, 226, .08);
    border: 1px solid rgba(83, 133, 226, .22);
    border-radius: 12px;
}

.event-viewer-status > span[b-p7a4nf1tqh] {
    display: grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 auto;
    color: var(--so-info);
    border: 1px solid rgba(168, 197, 255, .45);
    border-radius: 50%;
    font-size: .75rem;
    font-weight: 800;
}

.event-viewer-status strong[b-p7a4nf1tqh] { color: var(--so-text); }
.event-viewer-status p[b-p7a4nf1tqh] { margin: .1rem 0 0; font-size: .86rem; }
.event-viewer-status a[b-p7a4nf1tqh] { margin-left: auto; white-space: nowrap; }
.event-viewer-status.confirmed[b-p7a4nf1tqh] { background: color-mix(in srgb, var(--so-success) 7%, var(--so-surface)); border-color: color-mix(in srgb, var(--so-success) 28%, var(--so-border)); }
.event-viewer-status.confirmed > span[b-p7a4nf1tqh] { color: var(--so-success); border-color: color-mix(in srgb, var(--so-success) 45%, transparent); }
.event-viewer-status.cancelled[b-p7a4nf1tqh] { background: color-mix(in srgb, var(--so-danger) 11%, var(--so-surface)); border-color: color-mix(in srgb, var(--so-danger) 55%, var(--so-border)); }
.event-viewer-status.cancelled > span[b-p7a4nf1tqh] { color: var(--so-danger); border-color: color-mix(in srgb, var(--so-danger) 55%, transparent); }

.milestone-banner[b-p7a4nf1tqh] { display: flex; align-items: center; gap: .8rem; margin-bottom: .8rem; padding: .8rem 1rem; color: var(--so-success); 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: var(--so-success); 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: var(--so-success); }
@keyframes milestone-in-b-p7a4nf1tqh { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }


/* Stage 2 shared control adoption; layout and existing selectors remain unchanged. */
.event-section .form-control[b-p7a4nf1tqh],
.event-section .form-select[b-p7a4nf1tqh],
.event-summary-card .form-control[b-p7a4nf1tqh],
.event-summary-card .form-select[b-p7a4nf1tqh] {
    min-height: 44px;
    color: var(--so-text);
    background: var(--so-surface-2);
    border-color: var(--so-border);
    border-radius: var(--so-radius-sm);
}
.event-section .form-control:focus[b-p7a4nf1tqh],
.event-section .form-select:focus[b-p7a4nf1tqh],
.event-summary-card .form-control:focus[b-p7a4nf1tqh],
.event-summary-card .form-select:focus[b-p7a4nf1tqh] {
    border-color: var(--so-accent);
    box-shadow: 0 0 0 3px var(--so-accent-soft);
}
.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; }
}

/* 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: var(--so-text-secondary);
    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;
}


/* Responsive */

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

@media (max-width: 767px) {
    .event-section-heading[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-section[b-p7a4nf1tqh] { margin-bottom: .7rem; }

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

    .poster-field-group[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;
    }
}

.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] {
    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: var(--so-text-secondary);
    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;
}


/* Responsive */

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

@media (max-width: 767px) {
    .event-section-heading[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-section[b-p7a4nf1tqh] { margin-bottom: .7rem; }

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

    .poster-field-group[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;
    }
}

.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;
    }

.event-summary-card[b-p7a4nf1tqh],
.event-section[b-p7a4nf1tqh],
.gig-brief[b-p7a4nf1tqh],
.overview-detail[b-p7a4nf1tqh] {
    scroll-margin-top: calc(var(--so-mobile-header-height, 52px) + 28px);
}

.gig-brief-subtitle[b-p7a4nf1tqh] {
    color: var(--so-text-secondary);
    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: 999px;
    padding: 0.5rem 0.9rem;
}

    .gig-edit-button:hover[b-p7a4nf1tqh] {
        color: white;
        border-color: var(--so-accent);
        background: var(--so-accent-soft);
    }


/* 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: var(--so-text);
    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: var(--so-accent);
    border: 3px solid color-mix(in srgb, var(--so-accent) 42%, white);
    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: var(--so-text-secondary);
    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, color-mix(in srgb, var(--so-accent) 72%, #241946), var(--so-accent), color-mix(in srgb, var(--so-accent) 72%, #241946));
    margin-top: 0.1rem;
}


/* CONTENT */

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

    .gig-brief-section + .gig-brief-section[b-p7a4nf1tqh] {
        border-top: 1px solid #252b38;
    }

.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: var(--so-text-secondary);
        font-size: 0.9rem;
        font-weight: 500;
        white-space: pre-line;
    }


/* PRODUCTION */

.brief-copy[b-p7a4nf1tqh] {
    min-height: 100px;
    color: var(--so-text-secondary);
    font-size: 0.9rem;
    line-height: 1.7;
    white-space: pre-line;
}


/* 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: var(--so-text-secondary);
    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] {
        position: relative;
        grid-template-columns: 1fr;
        gap: 0;
        padding: 1.5rem;
        border-bottom: 0;
    }

    .gig-schedule[b-p7a4nf1tqh]::before {
        position: absolute;
        z-index: 0;
        top: 3.9rem;
        bottom: 3.9rem;
        left: calc(1.5rem + 84px);
        width: 2px;
        content: "";
        background: var(--so-accent);
        border: 0;
        border-radius: 999px;
    }

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

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

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

    .schedule-line[b-p7a4nf1tqh] {
        display: none;
        width: 0;
        height: 0;
        margin: 0;
        background: transparent;
        border: 0;
    }

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

    .brief-detail:nth-child(odd)[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;
        }

    .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: var(--so-danger);
    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: var(--so-text-secondary);
    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: var(--so-danger);
    }

    .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] {
    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] { min-height: 40px; padding: .4rem .7rem; border: 0; background: transparent; color: var(--so-accent-hover); font-size: .78rem; font-weight: 800; }
.financial-edit:hover[b-p7a4nf1tqh] { color: #fff; }
.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: var(--so-text); 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: var(--so-warning); 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] { 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); }
.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; }
    .financial-amount-input[b-p7a4nf1tqh] { width: 7.5rem; }
}

/* Financials: summary-first rows and contextual editing. */
.financials-section[b-p7a4nf1tqh] { gap: var(--so-space-5); }
.financial-overview[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
    background: var(--so-surface-raised);
}
.financial-overview > div[b-p7a4nf1tqh],
.financial-overview > .financial-summary-row[b-p7a4nf1tqh] {
    min-height: 52px;
    padding: .7rem .9rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(7rem, auto) auto;
    align-items: center;
    gap: .65rem;
    border: 0;
    border-bottom: 1px solid var(--so-border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
    text-align: left;
}
.financial-overview > :last-child[b-p7a4nf1tqh] { border-bottom: 0; }
.financial-overview span[b-p7a4nf1tqh] { font-size: .84rem; }
.financial-overview strong[b-p7a4nf1tqh] {
    margin: 0;
    justify-self: end;
    color: var(--so-text);
    font-size: clamp(1.05rem, 4.8vw, 1.35rem);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.financial-summary-row[b-p7a4nf1tqh] { cursor: pointer; font: inherit; }
.financial-summary-row:hover[b-p7a4nf1tqh],
.financial-summary-row:focus-visible[b-p7a4nf1tqh] { background: var(--so-accent-soft); outline: none; }
.financial-overview .remaining[b-p7a4nf1tqh] { background: color-mix(in srgb, var(--so-success) 5%, transparent); }
.financial-overview .remaining.is-negative[b-p7a4nf1tqh] { background: color-mix(in srgb, var(--so-danger) 6%, transparent); }
.financial-overview .remaining.is-negative span[b-p7a4nf1tqh],
.financial-overview .remaining.is-negative strong[b-p7a4nf1tqh] { color: var(--so-danger); }
.financial-block[b-p7a4nf1tqh] { gap: .55rem; }
.financial-block + .financial-block[b-p7a4nf1tqh] { padding-top: var(--so-space-4); }
.financial-block-heading[b-p7a4nf1tqh] { margin-bottom: .1rem; align-items: center; }
.financial-block-heading h3[b-p7a4nf1tqh] { font-size: 1.05rem; }
.musician-payment-list[b-p7a4nf1tqh] { display: grid; }
.musician-payment-row[b-p7a4nf1tqh],
.financial-cost-row[b-p7a4nf1tqh] { min-width: 0; min-height: 60px; padding: 0; }
.financial-row-trigger[b-p7a4nf1tqh] {
    width: 100%;
    min-width: 0;
    min-height: 60px;
    padding: .55rem .15rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(6.5rem, auto) auto;
    align-items: center;
    gap: .65rem;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.financial-row-trigger:hover[b-p7a4nf1tqh],
.financial-row-trigger:focus-visible[b-p7a4nf1tqh] { background: color-mix(in srgb, var(--so-accent) 7%, transparent); outline: none; }
.payment-person[b-p7a4nf1tqh] { min-width: 0; display: grid; gap: .12rem; }
.payment-person strong[b-p7a4nf1tqh] { overflow-wrap: anywhere; }
.payment-person small[b-p7a4nf1tqh] { color: var(--so-text-muted); overflow-wrap: anywhere; }
.row-amount[b-p7a4nf1tqh] {
    justify-self: end;
    color: var(--so-text);
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.row-chevron[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: 1.3rem; line-height: 1; }
.financial-sheet-backdrop[b-p7a4nf1tqh] {
    position: fixed;
    inset: 0;
    z-index: 1190;
    background: rgba(3, 5, 10, .70);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
.financial-sheet[b-p7a4nf1tqh] {
    position: fixed;
    z-index: 1200;
    top: auto;
    right: auto;
    left: 50%;
    bottom: 0;
    width: min(100%, 34rem);
    max-height: min(88dvh, 48rem);
    overflow-y: auto;
    transform: translateX(-50%);
    display: grid;
    gap: var(--so-space-4);
    padding: var(--so-space-5);
    padding-bottom: calc(var(--so-space-5) + env(safe-area-inset-bottom));
    border: 1px solid var(--so-border-strong);
    border-bottom: 0;
    border-radius: var(--so-radius-lg) var(--so-radius-lg) 0 0;
    background: var(--so-surface-raised);
    box-shadow: 0 -18px 50px rgba(0, 0, 0, .35);
}
.financial-edit-form[b-p7a4nf1tqh] { grid-template-columns: 1fr; }
.financial-edit-form .field-group[b-p7a4nf1tqh] { min-width: 0; margin: 0; }
.financial-edit-form .form-control[b-p7a4nf1tqh],
.financial-edit-form .form-select[b-p7a4nf1tqh] { min-height: 48px; }
.fee-input[b-p7a4nf1tqh],
.money-control[b-p7a4nf1tqh] { display: grid; grid-template-columns: auto minmax(0, 1fr); overflow: hidden; background: var(--so-input-bg, var(--so-surface-2)); border: 1px solid var(--so-border-strong); border-radius: var(--so-radius-sm); }
.fee-input:focus-within[b-p7a4nf1tqh],
.money-control:focus-within[b-p7a4nf1tqh] { border-color: color-mix(in srgb, var(--so-accent) 72%, white); box-shadow: 0 0 0 3px color-mix(in srgb, var(--so-accent) 22%, transparent); }
.fee-input .currency-select[b-p7a4nf1tqh] { width: 58px; padding-inline: .8rem; border: 0; border-right: 1px solid var(--so-border); border-radius: 0; background-color: color-mix(in srgb, var(--so-surface-3) 80%, transparent); font-weight: 750; }
.fee-input .form-control[b-p7a4nf1tqh],
.money-control .form-control[b-p7a4nf1tqh] { border: 0; border-radius: 0; box-shadow: none; font-variant-numeric: tabular-nums; }
.money-control > span[b-p7a4nf1tqh] { display: grid; min-width: 48px; place-items: center; color: var(--so-text-secondary); border-right: 1px solid var(--so-border); font-weight: 750; }
.paid-control label[b-p7a4nf1tqh] { display: flex; min-height: 54px; align-items: center; gap: .75rem; padding: .55rem .75rem; cursor: pointer; background: color-mix(in srgb, var(--so-surface-3) 70%, transparent); border: 1px solid var(--so-border); border-radius: var(--so-radius-sm); }
.paid-control input[b-p7a4nf1tqh] { width: 20px; height: 20px; accent-color: var(--so-accent); }
.paid-control label > span[b-p7a4nf1tqh] { display: grid; gap: .05rem; }
.paid-control strong[b-p7a4nf1tqh] { color: var(--so-text); font-size: .86rem; }
.paid-control small[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: .7rem; font-weight: 500; }
.financial-sheet-heading[b-p7a4nf1tqh] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; grid-column: 1 / -1; }
.financial-sheet-heading h3[b-p7a4nf1tqh] { margin: 0; color: var(--so-text); font-size: 1.15rem; }
.financial-sheet-heading p[b-p7a4nf1tqh] { margin: .15rem 0 0; color: var(--so-text-muted); }
.financial-sheet-close[b-p7a4nf1tqh] {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--so-text-secondary);
    font: inherit;
    font-size: 1.5rem;
}
.financial-sheet-save[b-p7a4nf1tqh] { width: 100%; grid-column: 1 / -1; }
.financial-sheet-footer[b-p7a4nf1tqh] { grid-column: 1 / -1; }
.financial-sheet-delete[b-p7a4nf1tqh] {
    min-height: 44px;
    grid-column: 1 / -1;
    border: 0;
    background: transparent;
    color: var(--so-danger);
    font: inherit;
    font-weight: 650;
}
@media (min-width: 768px) {
    .financial-overview[b-p7a4nf1tqh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .financial-overview > div[b-p7a4nf1tqh],
    .financial-overview > .financial-summary-row[b-p7a4nf1tqh] { border-right: 1px solid var(--so-border); }
    .financial-overview > :nth-child(even)[b-p7a4nf1tqh] { border-right: 0; }
    .financial-overview > :nth-last-child(-n + 2)[b-p7a4nf1tqh] { border-bottom: 0; }
    /* bottom:0 + a vh-based translateY, not bottom:50% + translateY(50%):
       this element also carries .financial-edit-form's auto-height flex
       column (see that rule's own comment). A vertical offset that's a
       percentage of the CONTAINING block (bottom:50%) combined with a
       transform percentage that's self-referencing (translateY(50%), i.e.
       relative to this box's own not-yet-known height) made the browser
       resolve the box's auto height to a near-zero degenerate value
       instead of shrink-wrapping its content. calc(50% - 50vh) computes
       the same vertical offset from a viewport unit instead, which
       doesn't depend on this box's own size, avoiding the circularity.
       Horizontal centering (left:50%/translateX(-50%), from the base
       rule above) doesn't hit this: this box's width is a definite
       value, never auto, so there's no equivalent circularity there. */
    .financial-sheet[b-p7a4nf1tqh] { bottom: 0; border-bottom: 1px solid var(--so-border-strong); border-radius: var(--so-radius-lg); transform: translate(-50%, calc(50% - 50vh)); }
    .financial-edit-form[b-p7a4nf1tqh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .financial-edit-form .gig-fee-field[b-p7a4nf1tqh],
    .financial-edit-form .field-group:nth-last-of-type(-n + 2)[b-p7a4nf1tqh] { grid-column: 1 / -1; }
}

/* Premium venue atmosphere: the image and event opening are one composition. */
.event-summary-card.event-top-flow[b-p7a4nf1tqh] { margin-inline: 0; }
.event-venue-hero[b-p7a4nf1tqh] {
    min-height: clamp(430px, 64vh, 590px);
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: radial-gradient(circle at 78% 16%, rgba(141, 92, 246, .26), transparent 35%), linear-gradient(150deg, #201833 0%, #0f1520 55%, var(--so-page-bg, #080d14) 100%);
}
.event-venue-hero[b-p7a4nf1tqh]::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 54% 0 -2px;
    background: linear-gradient(to bottom, transparent, var(--so-page-bg, #080d14) 94%);
    pointer-events: none;
}
.event-venue-hero img[b-p7a4nf1tqh] { object-position: center 42%; }
.event-hero-shade[b-p7a4nf1tqh] {
    background:
        linear-gradient(90deg, rgba(5,8,13,.48) 0%, rgba(5,8,13,.08) 68%, rgba(5,8,13,.2) 100%),
        linear-gradient(180deg, rgba(4,7,12,.18) 0%, rgba(4,7,12,.16) 30%, rgba(5,8,14,.72) 66%, var(--so-page-bg, #080d14) 100%);
}
.event-hero-lower[b-p7a4nf1tqh] {
    position: absolute;
    right: clamp(1rem, 3vw, 1.75rem);
    bottom: clamp(.75rem, 2vw, 1.25rem);
    left: clamp(1rem, 3vw, 1.75rem);
    display: grid;
    gap: 1rem;
}
.event-hero-content[b-p7a4nf1tqh] { position: static; max-width: 52rem; text-shadow: 0 2px 18px rgba(0,0,0,.78); }
.event-hero-date[b-p7a4nf1tqh] { margin-bottom: .4rem; color: var(--so-accent-hover); font-size: clamp(.7rem, 1.8vw, .82rem); }
.event-venue-hero .event-title[b-p7a4nf1tqh] { max-width: 18ch; font-size: clamp(2rem, 7vw, 4.25rem); line-height: .98; letter-spacing: -.045em; text-wrap: balance; }
.event-hero-locality[b-p7a4nf1tqh] { margin-top: .45rem; font-size: clamp(.82rem, 2vw, 1rem); }
.event-hero-metadata[b-p7a4nf1tqh] { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; margin-top: .8rem; color: rgba(255,255,255,.88); font-size: .78rem; }
.event-hero-metadata span[b-p7a4nf1tqh] { display: inline-flex; align-items: center; gap: .3rem; white-space: nowrap; }
.event-hero-metadata b[b-p7a4nf1tqh] { font-weight: 760; }
.event-hero-metadata svg[b-p7a4nf1tqh] { width: 16px; height: 16px; fill: none; stroke: #cbb8ff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.event-top-flow > .readiness-summary[b-p7a4nf1tqh] { position: relative; z-index: 2; margin: .75rem 1.25rem .8rem; }
.event-hero-attribution[b-p7a4nf1tqh] { top: .65rem; right: .75rem; opacity: .72; }
.event-action-bar[b-p7a4nf1tqh] {
    display: flex;
    grid-template-columns: none;
    align-items: center;
    gap: .5rem;
    min-height: 0;
    margin: 0;
    padding: 0;
}
.event-action-bar > a[b-p7a4nf1tqh], .event-action-bar > span[b-p7a4nf1tqh], .event-action-bar > details > summary[b-p7a4nf1tqh] {
    min-height: 46px;
    flex-direction: row;
    gap: .42rem;
    padding: .55rem .85rem;
    border-radius: 999px;
    font-size: .73rem;
    backdrop-filter: none;
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 7px 20px rgba(0,0,0,.2);
}
.event-action-bar > a:first-of-type[b-p7a4nf1tqh] {
    padding-inline: 1rem;
    color: #fff;
    border-color: rgba(190,164,255,.46);
    background: color-mix(in srgb, var(--so-accent) 68%, #241946);
}
.event-action-icon[b-p7a4nf1tqh] { min-height: 0; }
.event-action-icon svg[b-p7a4nf1tqh] { width: 18px; height: 18px; }
.event-more-menu summary[b-p7a4nf1tqh] { padding-inline: .7rem !important; }
.event-more-menu .event-action-icon[b-p7a4nf1tqh] { letter-spacing: .08em; }
.event-top-flow > .readiness-summary[b-p7a4nf1tqh] { margin: .55rem 0 .8rem; border-radius: 14px; }
.readiness-summary[role="button"][b-p7a4nf1tqh] { cursor: pointer; }
.readiness-summary[role="button"]:focus-visible[b-p7a4nf1tqh] { outline: 2px solid var(--so-focus); outline-offset: 2px; }
.readiness-complete-detail[b-p7a4nf1tqh] { margin: .45rem 0 0 1.65rem; color: var(--so-text-muted); font-size: .78rem; }
.event-overview[b-p7a4nf1tqh] { margin-top: .7rem; }
.event-overview-grid[b-p7a4nf1tqh] { gap: .6rem; overflow: visible; border: 0; background: transparent; }
.event-overview-row[b-p7a4nf1tqh], .event-overview-row:nth-child(odd)[b-p7a4nf1tqh] {
    grid-template-columns: 34px minmax(0,1fr) 16px;
    min-height: 72px;
    padding: .7rem .75rem;
    border: 1px solid color-mix(in srgb, var(--so-border) 66%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--so-surface-raised) 76%, transparent);
    box-shadow: none;
}
.event-overview-icon[b-p7a4nf1tqh] { display: grid; width: 32px; height: 32px; place-items: center; color: var(--so-accent-hover) !important; background: color-mix(in srgb, var(--so-accent) 12%, transparent); border-radius: 10px; font-size: .9rem !important; }
.event-overview-row > i:last-child[b-p7a4nf1tqh] { justify-self: end; }

@media (max-width: 767px) {
    .event-venue-hero[b-p7a4nf1tqh] { min-height: clamp(420px, 64svh, 520px); margin-inline: -.85rem; border-radius: 0; }
    .event-hero-lower[b-p7a4nf1tqh] { right: max(1rem, env(safe-area-inset-right)); left: max(1rem, env(safe-area-inset-left)); bottom: .8rem; gap: .9rem; }
    .event-venue-hero .event-title[b-p7a4nf1tqh] { font-size: clamp(2rem, 10vw, 3.15rem); }
    .event-action-bar[b-p7a4nf1tqh] { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.9fr) minmax(0,1.05fr) auto; gap: .38rem; }
    .event-action-bar > a[b-p7a4nf1tqh], .event-action-bar > span[b-p7a4nf1tqh], .event-action-bar > details > summary[b-p7a4nf1tqh] { justify-content: center; min-height: 46px; padding: .45rem .5rem; }
    .event-action-bar .event-action-icon svg[b-p7a4nf1tqh] { width: 17px; height: 17px; }
    .event-more-menu summary > span:last-child[b-p7a4nf1tqh] { display: none; }
    .event-more-menu summary[b-p7a4nf1tqh] { width: 46px; padding: .4rem !important; }
    .event-overview-grid[b-p7a4nf1tqh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .event-overview-row[b-p7a4nf1tqh], .event-overview-row:nth-child(odd)[b-p7a4nf1tqh] { min-height: 78px; grid-template-columns: 30px minmax(0,1fr) 12px; padding: .65rem; }
    .event-overview-icon[b-p7a4nf1tqh] { width: 30px; height: 30px; }
}
@media (max-width: 374px) {
    .event-action-bar > a[b-p7a4nf1tqh], .event-action-bar > span[b-p7a4nf1tqh], .event-action-bar > details > summary[b-p7a4nf1tqh] { font-size: .66rem; gap: .25rem; padding-inline: .4rem; }
    .event-action-bar > a:first-of-type[b-p7a4nf1tqh] { padding-inline: .6rem; }
    .event-hero-metadata[b-p7a4nf1tqh] { gap: .4rem .7rem; font-size: .72rem; }
}
@media (min-width: 1100px) {
    .event-venue-hero[b-p7a4nf1tqh] { min-height: 560px; }
    .event-hero-lower[b-p7a4nf1tqh] { bottom: 1.75rem; }
    .event-action-bar > *[b-p7a4nf1tqh] { flex: 0 0 auto; }
    .event-overview[b-p7a4nf1tqh] { max-width: 900px; }
}
@media (prefers-reduced-motion: reduce) {
    .event-action-bar > a[b-p7a4nf1tqh], .event-action-bar > details > summary[b-p7a4nf1tqh], .event-overview-row[b-p7a4nf1tqh] { transition: none; }
}
@media (max-width: 390px) {
    .financial-overview > div[b-p7a4nf1tqh],
    .financial-overview > .financial-summary-row[b-p7a4nf1tqh],
    .financial-row-trigger[b-p7a4nf1tqh] { grid-template-columns: minmax(0, 1fr) auto auto; gap: .45rem; }
    .financial-overview strong[b-p7a4nf1tqh], .row-amount[b-p7a4nf1tqh] { font-size: .98rem; }
    .financial-sheet[b-p7a4nf1tqh] { padding: var(--so-space-4); padding-bottom: calc(var(--so-space-4) + env(safe-area-inset-bottom)); }
}

/* 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-section[b-p7a4nf1tqh] { padding: 1.5rem; background: #101721; box-shadow: none; }

@media (max-width: 767px) {
    .event-summary-card[b-p7a4nf1tqh] { padding: 1.15rem; border-radius: 15px; }
    .event-title[b-p7a4nf1tqh] { font-size: 2.6rem; }
    .event-section[b-p7a4nf1tqh] { padding: .9rem; }
}

/* Stage 6B operational refinement */
.event-summary-card[b-p7a4nf1tqh] { padding: 1.6rem; border-radius: var(--so-radius-lg); background: var(--so-surface-raised); border-color: var(--so-border); box-shadow: var(--so-shadow-md); }
.event-title[b-p7a4nf1tqh] { max-width: 22ch; font-size: clamp(2.25rem, 5vw, 3.5rem); line-height: .98; letter-spacing: -.045em; }
.event-section[b-p7a4nf1tqh] { padding: 1.25rem; background: var(--so-surface); border-color: var(--so-border); border-radius: var(--so-radius-md); box-shadow: none; }
.event-section-heading[b-p7a4nf1tqh] { margin-bottom: 1rem; }
.event-section-heading h2[b-p7a4nf1tqh] { font-size: 1.3rem; letter-spacing: -.02em; }
.financial-overview > div[b-p7a4nf1tqh] { background: var(--so-surface-raised); border-color: var(--so-border); }
.payment-person strong[b-p7a4nf1tqh], .financial-cost-row strong[b-p7a4nf1tqh] { color: var(--so-text); }
.gig-brief[b-p7a4nf1tqh] { border-color: var(--so-border); }
.event-summary-card:focus-within[b-p7a4nf1tqh], .event-section:focus-within[b-p7a4nf1tqh] { border-color: color-mix(in srgb, var(--so-accent) 38%, var(--so-border)); }

/* Stage 6D Financials refinement: calmer hierarchy, token surfaces and deliberate edit states. */
.financials-section[b-p7a4nf1tqh] {
    gap: var(--so-space-8);
}

.financial-overview[b-p7a4nf1tqh] {
    gap: var(--so-space-3);
}

.financial-overview > div[b-p7a4nf1tqh] {
    padding: var(--so-space-5);
    background: var(--so-surface-raised);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
    box-shadow: none;
}

.financial-overview span[b-p7a4nf1tqh] {
    color: var(--so-text-muted);
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-semibold);
    letter-spacing: .01em;
    text-transform: none;
}

.financial-overview strong[b-p7a4nf1tqh] {
    margin-top: var(--so-space-2);
    color: var(--so-text);
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.025em;
}

.financial-overview .remaining[b-p7a4nf1tqh] {
    background: color-mix(in srgb, var(--so-success) 7%, var(--so-surface-raised));
    border-color: color-mix(in srgb, var(--so-success) 34%, var(--so-border));
}

.financial-overview .remaining span[b-p7a4nf1tqh] { color: var(--so-success); }
.financial-overview .remaining strong[b-p7a4nf1tqh] { color: var(--so-success); }

.financial-block[b-p7a4nf1tqh] {
    gap: var(--so-space-4);
}

.financial-block + .financial-block[b-p7a4nf1tqh] {
    padding-top: var(--so-space-6);
    border-top-color: var(--so-border);
}

.financial-block-heading[b-p7a4nf1tqh] {
    align-items: flex-start;
}

.financial-block-heading h3[b-p7a4nf1tqh] {
    color: var(--so-text);
    font-size: 1.2rem;
    font-weight: var(--so-font-weight-semibold);
}

.financial-edit[b-p7a4nf1tqh] {
    min-height: 44px;
    padding: var(--so-space-2) var(--so-space-3);
    border-radius: var(--so-radius-sm);
    font: inherit;
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-semibold);
    color: var(--so-accent-hover);
}

.financial-edit:hover[b-p7a4nf1tqh],
.financial-edit:focus-visible[b-p7a4nf1tqh] {
    color: var(--so-text);
    background: var(--so-accent-soft);
}

.deal-details[b-p7a4nf1tqh] {
    gap: var(--so-space-5) var(--so-space-8);
    margin: 0;
}

.deal-details dt[b-p7a4nf1tqh] {
    margin-bottom: var(--so-space-1);
    color: var(--so-text-muted);
    font-size: var(--so-font-size-sm);
}

.deal-details dd[b-p7a4nf1tqh] {
    color: var(--so-text);
    font-size: 1rem;
    font-weight: var(--so-font-weight-semibold);
}

.payment-status-list[b-p7a4nf1tqh] {
    gap: var(--so-space-3);
}

.payment-status-list > div[b-p7a4nf1tqh] {
    min-width: 0;
    padding: var(--so-space-4);
    background: var(--so-surface);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-sm);
}

.payment-status-list strong[b-p7a4nf1tqh] {
    color: var(--so-text);
    font-variant-numeric: tabular-nums;
}

.payment-badge[b-p7a4nf1tqh] {
    padding: var(--so-space-1) var(--so-space-2);
    font-size: var(--so-font-size-sm);
    line-height: 1.25;
}

.payment-badge.paid[b-p7a4nf1tqh] {
    color: var(--so-success);
    background: color-mix(in srgb, var(--so-success) 12%, transparent);
}

.payment-badge.awaiting[b-p7a4nf1tqh] {
    color: var(--so-warning);
    background: color-mix(in srgb, var(--so-warning) 12%, transparent);
}

.payment-badge.overdue[b-p7a4nf1tqh] {
    color: var(--so-danger);
    background: color-mix(in srgb, var(--so-danger) 14%, transparent);
}

.expense-category-badge[b-p7a4nf1tqh] {
    display: inline-block;
    margin-left: .4rem;
    padding: .12rem .4rem;
    color: var(--so-text-muted);
    background: color-mix(in srgb, var(--so-surface-3) 70%, transparent);
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    vertical-align: middle;
}

.financial-edit-form[b-p7a4nf1tqh],
.cost-entry-form[b-p7a4nf1tqh] {
    padding: var(--so-space-5);
    background: var(--so-surface);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
}

.financial-edit-form .field-group[b-p7a4nf1tqh],
.cost-entry-form .field-group[b-p7a4nf1tqh] {
    gap: var(--so-space-2);
}

.musician-payment-row[b-p7a4nf1tqh],
.financial-cost-row[b-p7a4nf1tqh] {
    min-height: 64px;
    padding: var(--so-space-3) 0;
    border-bottom-color: var(--so-border);
}

.payment-person span[b-p7a4nf1tqh] {
    color: var(--so-accent-hover);
    font-size: var(--so-font-size-sm);
    letter-spacing: .04em;
}

.payment-person strong[b-p7a4nf1tqh] {
    color: var(--so-text);
    font-size: 1rem;
    font-weight: var(--so-font-weight-semibold);
}

.payment-person small[b-p7a4nf1tqh] {
    color: var(--so-text-muted);
    font-size: var(--so-font-size-sm);
}

.financial-cost-row strong[b-p7a4nf1tqh] {
    color: var(--so-text);
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

.financial-cost-row > span[b-p7a4nf1tqh] {
    color: var(--so-text-secondary);
}

.financial-empty[b-p7a4nf1tqh] {
    padding: var(--so-space-3) 0;
    color: var(--so-text-muted);
}

@media (max-width: 720px) {
    .financial-overview > div[b-p7a4nf1tqh] { padding: var(--so-space-4); }
    .financial-block + .financial-block[b-p7a4nf1tqh] { padding-top: var(--so-space-5); }
    .cost-entry-form[b-p7a4nf1tqh] { padding: var(--so-space-4); }
}

@media (max-width: 430px) {
    .financials-section[b-p7a4nf1tqh] { gap: var(--so-space-6); }
    .financial-overview > div[b-p7a4nf1tqh] { padding: var(--so-space-3) var(--so-space-4); }
    .financial-overview strong[b-p7a4nf1tqh] { font-size: 1.4rem; }
    .financial-block-heading[b-p7a4nf1tqh] { align-items: flex-start; }
    .musician-payment-row[b-p7a4nf1tqh] { gap: var(--so-space-3); }
    .financial-cost-row[b-p7a4nf1tqh] { align-items: center; gap: var(--so-space-2); }
    .financial-cost-row > span[b-p7a4nf1tqh] { flex: 1 1 9rem; }
    .financial-cost-row strong[b-p7a4nf1tqh] { margin-left: 0; }
}
@media (max-width: 767px) {
    .event-summary-card[b-p7a4nf1tqh] { padding: 1rem; }
    .event-title[b-p7a4nf1tqh] { font-size: clamp(2rem, 11vw, 2.75rem); }
    .event-section[b-p7a4nf1tqh] { padding: 1rem; margin-bottom: .8rem; }
    .event-section-heading[b-p7a4nf1tqh] { gap: .7rem; }
}

/* Compact the cumulative Event Details rhythm without changing its layout or
   touch-target sizing. */
@media (max-width: 430px) {
    .event-section[b-p7a4nf1tqh] { padding: .85rem; margin-bottom: .6rem; }
    .event-section-heading[b-p7a4nf1tqh] { margin-bottom: .7rem; }
    .financials-section[b-p7a4nf1tqh] { gap: var(--so-space-5); }
    .financial-overview > div[b-p7a4nf1tqh] { padding: .7rem .85rem; }
}

/* Financial summary/status correction: values stay contained in each tile,
   while payment state remains a compact inline badge rather than a heading. */
.financial-overview > div[b-p7a4nf1tqh] {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: .35rem;
}
.financial-overview span[b-p7a4nf1tqh] { min-width: 0; line-height: 1.2; }
.financial-overview strong[b-p7a4nf1tqh] { display: block; margin-top: .15rem; overflow-wrap: anywhere; }
.payment-status-list > div[b-p7a4nf1tqh] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.payment-badge[b-p7a4nf1tqh] { display: inline-flex; align-items: center; width: fit-content; min-height: 24px; padding: .2rem .45rem; border-radius: 999px; font-size: .66rem; line-height: 1; white-space: nowrap; }
@media (max-width: 430px) {
    .financial-overview > div[b-p7a4nf1tqh] { padding: .7rem .8rem; }
    .financial-overview strong[b-p7a4nf1tqh] { font-size: 1.3rem; }
    .payment-status-list > div[b-p7a4nf1tqh] { align-items: flex-start; }
}
.readiness-summary[b-p7a4nf1tqh] {
    display: grid;
    gap: var(--so-space-4, 1rem);
    margin-top: var(--so-space-4, 1rem);
    padding: var(--so-space-3, .75rem) var(--so-space-4, 1rem);
    border: 1px solid var(--so-border, rgba(255,255,255,.12));
    border-radius: var(--so-radius-md, .75rem);
    background: var(--so-surface-raised, rgba(255,255,255,.04));
}
.readiness-summary.is-ready[b-p7a4nf1tqh] { padding-block: var(--so-space-3); background: transparent; border-color: color-mix(in srgb, var(--so-success) 24%, var(--so-border)); }
.readiness-summary.is-attention[b-p7a4nf1tqh] { border-color: rgba(240, 177, 72, .4); }
.readiness-summary.is-blocked[b-p7a4nf1tqh] { border-color: rgba(235, 100, 100, .45); }
.readiness-summary > div:first-child[b-p7a4nf1tqh] { display: grid; gap: .15rem; }
.readiness-kicker[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: .7rem; font-weight: 700; letter-spacing: .08em; }
.readiness-summary strong[b-p7a4nf1tqh] { font-size: 1rem; }
.readiness-summary > div:first-child > span:last-child[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: .82rem; }

/* Venue-led event opening */
.event-summary-card.event-top-flow[b-p7a4nf1tqh] {
    padding: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.event-venue-hero[b-p7a4nf1tqh] {
    position: relative;
    min-height: clamp(220px, 34vw, 330px);
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: var(--so-radius-lg) var(--so-radius-lg) 0 0;
    background:
        radial-gradient(circle at 78% 12%, rgba(156,108,255,.32), transparent 34%),
        linear-gradient(145deg, #221838 0%, #111722 48%, #090d14 100%);
}
.event-venue-hero.uses-fallback[b-p7a4nf1tqh]::before {
    content: "g";
    position: absolute;
    z-index: -1;
    right: clamp(1rem, 7vw, 5rem);
    top: 50%;
    color: rgba(167,139,250,.12);
    font-size: clamp(9rem, 28vw, 18rem);
    font-weight: 900;
    line-height: .7;
    transform: translateY(-48%);
}
.event-venue-hero img[b-p7a4nf1tqh] { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.event-hero-shade[b-p7a4nf1tqh] { position: absolute; inset: 0; z-index: -1; background: linear-gradient(to bottom, rgba(4,7,12,.08) 5%, rgba(4,7,12,.32) 42%, rgba(4,7,12,.94) 100%); }
.event-hero-content[b-p7a4nf1tqh] { position: absolute; inset: auto clamp(1rem, 3vw, 1.6rem) clamp(1rem, 3vw, 1.5rem); max-width: 46rem; text-shadow: 0 2px 14px rgba(0,0,0,.72); }
.event-hero-date[b-p7a4nf1tqh] { display: block; margin-bottom: .3rem; color: var(--so-accent-hover); font-size: .72rem; font-weight: 850; letter-spacing: .13em; }
.event-venue-hero .event-title[b-p7a4nf1tqh] { max-width: 21ch; margin: 0; color: #fff; font-size: clamp(1.75rem, 6vw, 3.1rem); line-height: 1.02; overflow-wrap: anywhere; }
.event-hero-locality[b-p7a4nf1tqh] { margin: .3rem 0 0; color: rgba(255,255,255,.82); font-size: .86rem; }
.event-hero-attribution[b-p7a4nf1tqh] { position: absolute; z-index: 2; top: .55rem; right: .65rem; max-width: 55%; padding: .18rem .35rem; color: rgba(255,255,255,.7); background: rgba(0,0,0,.42); border-radius: 5px; font-size: .55rem; text-align: right; }

.event-action-bar[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(.4rem, 1.5vw, .75rem);
    min-height: 68px;
    padding: .7rem 0 .2rem;
    margin-bottom: .75rem;
    border: 0;
    background: transparent;
}
.event-action-bar > a[b-p7a4nf1tqh], .event-action-bar > span[b-p7a4nf1tqh], .event-action-bar > details > summary[b-p7a4nf1tqh] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 62px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    padding: .45rem .25rem;
    color: var(--so-text-secondary);
    background: color-mix(in srgb, var(--so-surface-raised) 82%, transparent);
    border: 1px solid color-mix(in srgb, var(--so-border) 75%, transparent);
    border-radius: 16px;
    box-shadow: inset 0 1px rgba(255,255,255,.035), 0 5px 15px rgba(0,0,0,.12);
    font-size: .68rem;
    font-weight: 750;
    text-decoration: none;
    list-style: none;
    cursor: pointer;
    transition: color 120ms ease, background 120ms ease, border-color 120ms ease, transform 80ms ease;
}
.event-action-bar > a:first-of-type[b-p7a4nf1tqh] { border-color: color-mix(in srgb, var(--so-accent) 36%, var(--so-border)); background: color-mix(in srgb, var(--so-accent) 9%, var(--so-surface-raised)); }
.event-action-bar > a:hover[b-p7a4nf1tqh], .event-action-bar > details > summary:hover[b-p7a4nf1tqh] { color: #fff; border-color: color-mix(in srgb, var(--so-accent) 42%, var(--so-border)); background: color-mix(in srgb, var(--so-accent) 13%, var(--so-surface-raised)); }
.event-action-bar > a:active[b-p7a4nf1tqh], .event-action-bar > details > summary:active[b-p7a4nf1tqh] { transform: scale(.98); }
.event-action-icon[b-p7a4nf1tqh] { display: grid; min-height: 1.4rem; place-items: center; color: var(--so-accent-bright); }
.event-action-icon svg[b-p7a4nf1tqh] { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.event-action-disabled[b-p7a4nf1tqh] { opacity: .42; cursor: default !important; }
.event-action-menu[b-p7a4nf1tqh] { position: relative; min-width: 0; }
.event-action-menu summary[b-p7a4nf1tqh]::-webkit-details-marker { display: none; }
.event-action-menu > div[b-p7a4nf1tqh] { position: absolute; z-index: 30; top: calc(100% + .4rem); right: .35rem; min-width: 205px; padding: .35rem; background: var(--so-surface-raised); border: 1px solid var(--so-border-strong); border-radius: 10px; box-shadow: var(--so-shadow-lg); }
.event-action-menu a[b-p7a4nf1tqh] { display: block; padding: .7rem .75rem; color: var(--so-text); border-radius: 7px; font-size: .76rem; font-weight: 750; text-decoration: none; }
.event-action-menu a:hover[b-p7a4nf1tqh] { color: var(--so-text); background: var(--so-accent-soft); }
.event-chat-unread[b-p7a4nf1tqh] { position: absolute; top: .65rem; left: calc(50% + .3rem); min-width: 1.05rem; padding: .08rem .25rem; color: #fff; background: var(--so-danger); border: 2px solid var(--so-surface-raised); border-radius: 999px; font-size: .55rem; line-height: 1; text-align: center; }
.event-top-flow > .readiness-summary[b-p7a4nf1tqh] { margin: 0 0 .75rem; }
.readiness-summary.is-ready .readiness-healthy-row[b-p7a4nf1tqh] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .65rem; width: 100%; }
.readiness-summary.is-ready .readiness-healthy-row > span:first-child[b-p7a4nf1tqh] { color: var(--so-success); font-weight: 900; }
.readiness-summary.is-ready .readiness-healthy-row > span:last-child[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: 1.15rem; }

@media (max-width: 700px) {
    .event-venue-hero[b-p7a4nf1tqh] { min-height: 230px; border-radius: 14px; }
    .event-action-bar[b-p7a4nf1tqh] { gap: .4rem; padding-top: .55rem; }
    .event-action-bar > a[b-p7a4nf1tqh], .event-action-bar > span[b-p7a4nf1tqh], .event-action-bar > details > summary[b-p7a4nf1tqh] { min-height: 60px; border-radius: 14px; }
    .event-action-menu[open] > div[b-p7a4nf1tqh] { position: fixed; z-index: 120; right: max(.65rem, env(safe-area-inset-right)); bottom: calc(var(--so-mobile-nav-height) + env(safe-area-inset-bottom) + .6rem); left: max(.65rem, env(safe-area-inset-left)); top: auto; padding: .55rem; border-radius: 16px; }
    .event-action-menu[open] a[b-p7a4nf1tqh] { min-height: 48px; display: flex; align-items: center; }
    .event-top-flow > .readiness-summary[b-p7a4nf1tqh] { margin-top: 0; }
}
.readiness-items[b-p7a4nf1tqh] { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.readiness-items li[b-p7a4nf1tqh] { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: var(--so-space-2); min-height: 48px; color: var(--so-text-secondary); border-top: 1px solid color-mix(in srgb, var(--so-border) 68%, transparent); font-size: .78rem; }
.readiness-items li > span:first-child[b-p7a4nf1tqh] { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; font-size: .7rem; font-weight: 800; }
.readiness-items li.is-critical > span:first-child[b-p7a4nf1tqh] { color: var(--so-danger); background: color-mix(in srgb, var(--so-danger) 10%, transparent); }
.readiness-items li.is-attention > span:first-child[b-p7a4nf1tqh] { color: var(--so-warning); background: color-mix(in srgb, var(--so-warning) 10%, transparent); }
.readiness-items li.is-informational > span:first-child[b-p7a4nf1tqh] { color: var(--so-text-muted); background: var(--so-surface-3); }
.readiness-items li strong[b-p7a4nf1tqh] { color: var(--so-text-secondary); font-size: .8rem; font-weight: 650; }
.readiness-items a[b-p7a4nf1tqh] { color: var(--so-accent); font-weight: 600; }
.readiness-action[b-p7a4nf1tqh] { min-height: 40px; border: 0; padding: .25rem .4rem; background: transparent; color: var(--so-accent-hover); font: inherit; font-weight: 650; white-space: nowrap; }
.interaction-target[b-p7a4nf1tqh] { scroll-margin-top: 5rem; }
.interaction-target:target[b-p7a4nf1tqh] { outline: 0; animation: interaction-arrival-b-p7a4nf1tqh 520ms ease-out; }
@keyframes interaction-arrival-b-p7a4nf1tqh {
    from { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--so-accent) 48%, transparent); }
    to { box-shadow: inset 0 0 0 0 transparent; }
}
.event-menu-danger[b-p7a4nf1tqh] { color: color-mix(in srgb, var(--so-danger) 82%, white) !important; }
.cancel-gig-sheet[b-p7a4nf1tqh] { display: grid; gap: var(--so-space-4); }
.cancel-gig-sheet > p[b-p7a4nf1tqh] { margin: 0; color: var(--so-text-secondary); }
.cancel-gig-sheet .planning-textarea[b-p7a4nf1tqh] { min-height: 92px; }
@media (max-width: 600px) {
    .readiness-items li[b-p7a4nf1tqh] { grid-template-columns: 22px minmax(0, 1fr); padding-block: var(--so-space-2); }
    .readiness-action[b-p7a4nf1tqh] { grid-column: 2; justify-self: start; min-height: 36px; padding-left: 0; }
    .event-viewer-status[b-p7a4nf1tqh] { align-items: flex-start; flex-wrap: wrap; }
    .event-viewer-status a[b-p7a4nf1tqh] { width: 100%; margin-left: 0; }
    .interaction-target[b-p7a4nf1tqh] { scroll-margin-top: 4.5rem; }
}

/* Event landing overview: concise status first, full workflow one interaction deeper. */
.event-overview[b-p7a4nf1tqh] { margin: 1rem 0; padding: var(--so-surface-padding-standard); }
.event-overview-heading[b-p7a4nf1tqh] { margin-bottom: .45rem; }
.event-overview-heading span[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: .62rem; font-weight: 800; letter-spacing: .12em; }
.event-overview-heading h2[b-p7a4nf1tqh] { margin: .12rem 0 0; color: var(--so-text); font-size: 1rem; }
.event-overview-grid[b-p7a4nf1tqh] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--so-border); border-radius: var(--so-radius-md); background: color-mix(in srgb, var(--so-surface) 94%, transparent); }
.event-overview.so-section-surface .event-overview-grid[b-p7a4nf1tqh] { border: 0; border-radius: 0; background: transparent; }
.event-overview-row[b-p7a4nf1tqh] { display: grid; grid-template-columns: minmax(0,1fr) auto 18px; align-items: center; gap: .65rem; min-height: 68px; padding: .65rem .8rem; color: inherit; background: transparent; border: 0; border-bottom: 1px solid var(--so-border); text-align: left; text-decoration: none; cursor: pointer; }
.event-overview-row:nth-child(odd)[b-p7a4nf1tqh] { border-right: 1px solid var(--so-border); }
.event-overview-row span[b-p7a4nf1tqh] { display: grid; min-width: 0; gap: .12rem; }
.event-overview-row strong[b-p7a4nf1tqh] { color: var(--so-text); font-size: .82rem; }
.event-overview-row small[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: .68rem; line-height: 1.3; overflow-wrap: anywhere; }
.event-overview-row b[b-p7a4nf1tqh] { color: var(--so-text-secondary); font-size: .68rem; font-weight: 750; text-align: right; }
.event-overview-row i[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: 1.1rem; font-style: normal; }
.event-overview-row.needs-attention[b-p7a4nf1tqh] { box-shadow: inset 3px 0 0 var(--so-warning); }
.event-overview-row.needs-attention small[b-p7a4nf1tqh] { color: var(--so-warning); font-weight: 650; }
.event-overview-row.is-healthy[b-p7a4nf1tqh] { box-shadow: none; }
.event-overview-row:hover[b-p7a4nf1tqh] { background: var(--so-surface-raised); }
.event-overview-row:active[b-p7a4nf1tqh] { background: var(--so-surface-3); transform: translateY(1px); }
.event-overview-row:focus-visible[b-p7a4nf1tqh] { position: relative; z-index: 1; outline: 2px solid var(--so-focus); outline-offset: -2px; }
.overview-close[b-p7a4nf1tqh] { min-height: 40px; padding: .35rem .65rem; color: var(--so-text-secondary); background: transparent; border: 1px solid var(--so-border); border-radius: var(--so-radius-sm); font-size: .72rem; font-weight: 750; }
.overview-detail[b-p7a4nf1tqh] { scroll-margin-top: 5rem; }
.planning-disclosure[b-p7a4nf1tqh] { display: none; }
.planning-disclosure.is-open[b-p7a4nf1tqh] { display: block; }
.overview-detail[b-p7a4nf1tqh] { display: none !important; }
.overview-detail.is-open[b-p7a4nf1tqh] { display: block !important; }

@media (max-width: 767px) {
    .event-summary-card[b-p7a4nf1tqh] { padding: .85rem; }
    .event-title[b-p7a4nf1tqh] { margin-bottom: .25rem; }
    .readiness-summary[b-p7a4nf1tqh] { margin-top: .7rem; padding: .65rem .75rem; }
    .readiness-items[b-p7a4nf1tqh] { display: none; }
    .event-overview[b-p7a4nf1tqh] { margin-top: .75rem; }
    .event-overview[b-p7a4nf1tqh] { padding: 0; background: transparent; border: 0; }
    .event-overview-grid[b-p7a4nf1tqh] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; overflow: visible; }
    .event-overview-row[b-p7a4nf1tqh], .event-overview-row:nth-child(odd)[b-p7a4nf1tqh] { min-height: 82px; grid-template-columns: minmax(0,1fr) 14px; align-content: center; border: 1px solid color-mix(in srgb, var(--so-border) 72%, transparent); border-radius: 13px; background: color-mix(in srgb, var(--so-surface-raised) 78%, transparent); box-shadow: none; }
    .event-overview-row b[b-p7a4nf1tqh] { display: none; }
    .event-overview-row:last-child[b-p7a4nf1tqh] { border-bottom: 1px solid color-mix(in srgb, var(--so-border) 72%, transparent); }
}

/* Keep the Financials summary compact after the legacy cumulative rules above. */
.financials-section .financial-overview[b-p7a4nf1tqh] { grid-template-columns: 1fr; gap: 0; border: 1px solid var(--so-border); background: var(--so-surface-raised); }
.financials-section .financial-overview > div[b-p7a4nf1tqh],
.financials-section .financial-overview > .financial-summary-row[b-p7a4nf1tqh] {
    min-height: 52px;
    padding: .7rem .9rem;
    grid-template-columns: minmax(0, 1fr) minmax(7rem, auto) auto;
    border: 0;
    border-bottom: 1px solid var(--so-border);
    border-radius: 0;
    background: transparent;
}
.financials-section .financial-overview > :last-child[b-p7a4nf1tqh] { border-bottom: 0; }
.financials-section .financial-overview strong[b-p7a4nf1tqh] { margin: 0; font-size: clamp(1.05rem, 4.8vw, 1.35rem); white-space: nowrap; overflow-wrap: normal; }
.financials-section .financial-overview .remaining[b-p7a4nf1tqh] { background: transparent; }
.financials-section .financial-overview .remaining.is-positive[b-p7a4nf1tqh] { background: color-mix(in srgb, var(--so-success) 4%, transparent); }
.financials-section .financial-overview .remaining.is-zero[b-p7a4nf1tqh] { color: var(--so-text-secondary); }
.financials-section .financial-overview .remaining.is-negative[b-p7a4nf1tqh] { background: color-mix(in srgb, var(--so-danger) 6%, transparent); }
@media (min-width: 768px) {
    .financials-section .financial-overview[b-p7a4nf1tqh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .financials-section .financial-overview > div[b-p7a4nf1tqh],
    .financials-section .financial-overview > .financial-summary-row[b-p7a4nf1tqh] { border-right: 1px solid var(--so-border); }
    .financials-section .financial-overview > :nth-child(even)[b-p7a4nf1tqh] { border-right: 0; }
    .financials-section .financial-overview > :nth-last-child(-n + 2)[b-p7a4nf1tqh] { border-bottom: 0; }
}

/* Authoritative event-opening overrides (kept last after legacy cumulative rules). */
.event-summary-card.event-top-flow[b-p7a4nf1tqh] { padding: 0; overflow: visible; border: 0; background: transparent; box-shadow: none; }
/* isolation:isolate (below) traps the "More" menu's dropdown in its own stacking
   context; without an explicit z-index here it loses to the later-painted
   .event-top-flow sibling (e.g. the readiness card), which intercepts clicks on
   menu items whenever the open dropdown extends past the hero's own bottom edge. */
.event-venue-hero[b-p7a4nf1tqh] { position: relative; z-index: 3; min-height: clamp(430px, 64vh, 590px); overflow: visible; border: 0; border-radius: 0; }
.event-venue-hero.uses-fallback[b-p7a4nf1tqh] { min-height: clamp(260px, 38vh, 340px); }
.event-venue-hero[b-p7a4nf1tqh]::after { content: ""; position: absolute; z-index: -1; inset: 58% 0 0; background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--so-page-bg) 26%, transparent) 42%, color-mix(in srgb, var(--so-page-bg) 82%, transparent) 74%, var(--so-page-bg) 91%, var(--so-page-bg) 100%); pointer-events: none; }
.event-venue-hero img[b-p7a4nf1tqh] { object-position: center 42%; }
.event-hero-shade[b-p7a4nf1tqh] { background: linear-gradient(90deg, rgba(5,8,13,.46), rgba(5,8,13,.06) 66%, rgba(5,8,13,.18)), linear-gradient(180deg, rgba(4,7,12,.1) 0%, rgba(4,7,12,.1) 36%, rgba(5,8,14,.4) 62%, rgba(5,8,14,.46) 78%, color-mix(in srgb, var(--so-page-bg) 50%, #05080e) 89%, var(--so-page-bg) 97%, var(--so-page-bg) 100%); }
.event-hero-lower[b-p7a4nf1tqh] { position: absolute; right: clamp(1rem,3vw,1.75rem); bottom: clamp(.75rem,2vw,1.25rem); left: clamp(1rem,3vw,1.75rem); display: grid; gap: 1rem; }
.event-hero-content[b-p7a4nf1tqh] { position: static; max-width: 52rem; }
.event-venue-hero .event-title[b-p7a4nf1tqh] { max-width: 18ch; font-size: clamp(2rem,7vw,4.25rem); line-height: .98; letter-spacing: -.045em; text-wrap: balance; }
.event-hero-metadata[b-p7a4nf1tqh] { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; margin-top: .8rem; color: rgba(255,255,255,.88); font-size: .78rem; }
.event-hero-metadata span[b-p7a4nf1tqh] { display: inline-flex; align-items: center; gap: .3rem; white-space: nowrap; }
.event-hero-metadata svg[b-p7a4nf1tqh] { width: 16px; height: 16px; fill: none; stroke: #cbb8ff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.event-action-bar[b-p7a4nf1tqh] { display: flex; grid-template-columns: none; align-items: center; gap: .5rem; min-height: 0; margin: 0; padding: 0; }
.event-action-bar > a[b-p7a4nf1tqh], .event-action-bar > span[b-p7a4nf1tqh], .event-action-bar > details > summary[b-p7a4nf1tqh] { min-height: 46px; flex-direction: row; gap: .42rem; padding: .55rem .85rem; border-radius: 999px; font-size: .73rem; box-shadow: inset 0 1px rgba(255,255,255,.08), 0 7px 20px rgba(0,0,0,.2); }
.event-action-bar > a:first-of-type[b-p7a4nf1tqh] { padding-inline: 1rem; color: #fff; border-color: rgba(190,164,255,.46); background: color-mix(in srgb, var(--so-accent) 68%, #241946); }
.event-action-icon[b-p7a4nf1tqh] { min-height: 0; }
.event-action-icon svg[b-p7a4nf1tqh] { width: 18px; height: 18px; }
.event-more-menu summary[b-p7a4nf1tqh] { padding-inline: .7rem !important; }
.event-overview-grid[b-p7a4nf1tqh] { gap: .6rem; overflow: visible; border: 0; background: transparent; }
.event-overview-row[b-p7a4nf1tqh], .event-overview-row:nth-child(odd)[b-p7a4nf1tqh] { grid-template-columns: 34px minmax(0,1fr) 16px; min-height: 72px; padding: .7rem .75rem; border: 1px solid color-mix(in srgb, var(--so-border) 66%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--so-surface-raised) 76%, transparent); box-shadow: none; }
.event-overview-icon[b-p7a4nf1tqh] { display: grid; width: 32px; height: 32px; place-items: center; color: var(--so-accent-hover) !important; background: color-mix(in srgb, var(--so-accent) 12%, transparent); border-radius: 10px; font-size: .9rem !important; }
@media (max-width: 767px) {
    .event-venue-hero[b-p7a4nf1tqh] { min-height: clamp(360px,54svh,420px); margin-inline: 0; border-radius: 0; }
    .event-venue-hero.uses-fallback[b-p7a4nf1tqh] { min-height: clamp(255px,38svh,310px); }
    .event-hero-lower[b-p7a4nf1tqh] { right: max(1rem,env(safe-area-inset-right)); left: max(1rem,env(safe-area-inset-left)); bottom: .8rem; gap: .9rem; }
    .event-venue-hero .event-title[b-p7a4nf1tqh] { font-size: clamp(2rem,10vw,3.15rem); }
    .event-top-flow > .readiness-summary[b-p7a4nf1tqh] { margin: .7rem .65rem .8rem; }
    .event-action-bar[b-p7a4nf1tqh] { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.9fr) minmax(0,1.05fr) auto; gap: .38rem; }
    .event-action-bar > a[b-p7a4nf1tqh], .event-action-bar > span[b-p7a4nf1tqh], .event-action-bar > details > summary[b-p7a4nf1tqh] { justify-content: center; min-height: 46px; padding: .45rem .5rem; }
    .event-more-menu summary > span:last-child[b-p7a4nf1tqh] { display: none; }
    .event-more-menu summary[b-p7a4nf1tqh] { width: 46px; padding: .4rem !important; }
    .event-overview-grid[b-p7a4nf1tqh] { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .event-overview-row[b-p7a4nf1tqh], .event-overview-row:nth-child(odd)[b-p7a4nf1tqh] { min-height: 78px; grid-template-columns: 30px minmax(0,1fr) 12px; padding: .65rem; }
    .readiness-summary.is-expanded .readiness-items[b-p7a4nf1tqh] { display: grid; }
}

/* Flex (not grid-with-1fr) column: when the dialog's own height is
   intrinsic (only max-height is set, no definite height — see .gg-sheet),
   a grid row sized minmax(0,1fr) has nothing to distribute and collapses
   to 0 whenever the body's content is short enough not to force scrolling
   (hit on the member-fee sheet, which has only 3 short fields). Flex
   items default to their content size instead of collapsing, and
   flex:1 1 auto on the body still lets it absorb/scroll extra height
   when content is long enough to need it.
   The footer is deliberately NOT position:sticky here: its nearest
   scrolling ancestor is this same shrink-to-fit container, so a sticky
   offset computed against that container's own (still-being-determined)
   scrollport height created a circular layout — the browser resolved it
   by collapsing the whole sheet to ~42px with header and footer stacked
   on top of each other. The outer .gg-sheet already clips to max-height
   with its own overflow:auto as a fallback for content that's too long. */
.financial-edit-form[b-p7a4nf1tqh] { display: flex; flex-direction: column; overflow: hidden; }
.financial-sheet-body[b-p7a4nf1tqh] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--so-space-4); flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: .15rem .15rem .75rem; }
.financial-sheet-body > .field-group[b-p7a4nf1tqh] { min-width: 0; }
.financial-sheet-footer[b-p7a4nf1tqh] { flex: 0 0 auto; margin-inline: -.15rem; padding: .85rem .15rem 0; background: var(--so-surface-raised); }
.financial-discard-confirmation[b-p7a4nf1tqh] { position: absolute; inset: auto 1rem 1rem; z-index: 4; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: .6rem; padding: .75rem; background: var(--so-surface-raised); border: 1px solid var(--so-border-strong); border-radius: var(--so-radius-md); box-shadow: var(--so-shadow-lg); }
.financial-discard-confirmation span[b-p7a4nf1tqh] { display: grid; gap: .1rem; }
.financial-discard-confirmation small[b-p7a4nf1tqh] { color: var(--so-text-muted); }
@media (max-width: 600px) {
    .financial-sheet-body[b-p7a4nf1tqh] { grid-template-columns: 1fr; }
    .financial-discard-confirmation[b-p7a4nf1tqh] { grid-template-columns: 1fr 1fr; }
    .financial-discard-confirmation span[b-p7a4nf1tqh] { grid-column: 1 / -1; }
}

.event-action-menu > div > button[b-p7a4nf1tqh] { display: block; width: 100%; padding: .7rem .75rem; color: var(--so-text); background: transparent; border: 0; border-radius: 7px; font: inherit; font-size: .76rem; font-weight: 750; text-align: left; cursor: pointer; }
.event-action-menu > div > button:hover[b-p7a4nf1tqh],
.event-action-menu > div > button:focus-visible[b-p7a4nf1tqh] { color: var(--so-text); background: var(--so-accent-soft); outline: none; }
.readiness-summary.is-blocked[b-p7a4nf1tqh] {
    border-color: color-mix(in srgb, var(--so-warning) 32%, var(--so-border));
    background: color-mix(in srgb, var(--so-warning) 3%, var(--so-surface-raised));
}
.readiness-items li.is-critical > span:first-child[b-p7a4nf1tqh] {
    color: var(--so-warning);
    background: color-mix(in srgb, var(--so-warning) 10%, transparent);
}
.readiness-summary[b-p7a4nf1tqh] { padding: .7rem .85rem; }
.readiness-summary > div:first-child[b-p7a4nf1tqh] { gap: .1rem; }
.readiness-items[b-p7a4nf1tqh] { margin-top: .45rem; }
.readiness-items li[b-p7a4nf1tqh] { min-height: 42px; }
.readiness-view-all[b-p7a4nf1tqh] { display: inline-flex; align-items: center; gap: .25rem; margin-top: .45rem; color: var(--so-accent-bright); font-size: .72rem; font-weight: 750; }

@media (max-width: 767px) {
    .event-action-menu[open] > div > button[b-p7a4nf1tqh] { min-height: 48px; display: flex; align-items: center; }
}

/* ============================================================
   LINE-UP ROSTER  (.lu-*)  the flagship role-assignment surface.
   A fresh namespace: none of the legacy .lineup-slot-* layers reach
   these elements. Token-driven; holds in both themes.
   ============================================================ */

.lu-add[b-p7a4nf1tqh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
    margin-bottom: 1rem;
    padding: .7rem .85rem;
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
}
.lu-add-label[b-p7a4nf1tqh] { color: var(--so-text-secondary); font-size: var(--so-font-size-sm); font-weight: 650; }
.lu-add-select[b-p7a4nf1tqh] { flex: 1 1 12rem; min-width: 10rem; min-height: 40px; }
.lu-add .lu-btn[b-p7a4nf1tqh] { flex: 0 0 auto; }

.lu-progress[b-p7a4nf1tqh] {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    margin-bottom: 1rem;
    padding: .8rem 1rem;
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-left: 3px solid var(--so-border-light);
    border-radius: var(--so-radius-md);
}
.lu-progress--done[b-p7a4nf1tqh] { border-left-color: var(--so-success); }
.lu-progress--wip[b-p7a4nf1tqh] { border-left-color: var(--so-accent); }
.lu-progress-count[b-p7a4nf1tqh] { color: var(--so-text); font-size: 1.35rem; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.lu-progress-count > span[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: 1rem; font-weight: 650; }
.lu-progress-label[b-p7a4nf1tqh] { color: var(--so-text-secondary); font-size: var(--so-font-size-sm); }

.lu-roster[b-p7a4nf1tqh] { display: grid; gap: .7rem; }

.lu-role[b-p7a4nf1tqh] {
    position: relative;
    overflow: hidden;
    padding: .95rem 1.05rem 1.05rem 1.15rem;
    background: var(--so-surface);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
    box-shadow: var(--so-shadow-sm);
}
.lu-role[b-p7a4nf1tqh]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--so-border-light);
}
/* Calm by default: the spine only carries colour where the eye should land —
   a wavering reply, a confirmation, or a broken role. In-flight rows stay
   neutral so the coloured ones actually stand out. */
.lu-role--unassigned[b-p7a4nf1tqh]::before { background: color-mix(in srgb, var(--so-text-muted) 45%, transparent); }
.lu-role--waiting[b-p7a4nf1tqh]::before { background: color-mix(in srgb, var(--so-text-muted) 40%, transparent); }
.lu-role--ready[b-p7a4nf1tqh]::before { background: color-mix(in srgb, var(--so-accent) 55%, var(--so-border)); }
.lu-role--maybe[b-p7a4nf1tqh]::before { background: var(--so-warning); }
.lu-role--confirmed[b-p7a4nf1tqh]::before { background: var(--so-success); }
.lu-role--replace[b-p7a4nf1tqh]::before { background: var(--so-danger); }
.lu-role.is-open[b-p7a4nf1tqh] {
    border-color: color-mix(in srgb, var(--so-accent) 45%, var(--so-border));
    box-shadow: 0 0 0 3px var(--so-accent-soft), var(--so-shadow-sm);
}

.lu-role-head[b-p7a4nf1tqh] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.lu-role-id[b-p7a4nf1tqh] { min-width: 0; }
.lu-role-name[b-p7a4nf1tqh] {
    margin: 0 0 .5rem;
    color: var(--so-text);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.lu-assignee[b-p7a4nf1tqh] { display: flex; align-items: center; gap: .6rem; min-width: 0; }
.lu-avatar[b-p7a4nf1tqh] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    color: var(--so-text);
    background: color-mix(in srgb, var(--so-accent) 22%, var(--so-surface-3));
    border-radius: 50%;
    font-size: .74rem;
    font-weight: 800;
}
.lu-avatar--sm[b-p7a4nf1tqh] { width: 30px; height: 30px; font-size: .68rem; }
.lu-avatar--empty[b-p7a4nf1tqh] { background: var(--so-surface-3); color: var(--so-text-muted); }
.lu-avatar--empty svg[b-p7a4nf1tqh] { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.lu-avatar--empty.lu-avatar--sm svg[b-p7a4nf1tqh] { width: 13px; height: 13px; }
.lu-assignee-text[b-p7a4nf1tqh] { display: grid; min-width: 0; gap: .1rem; }
.lu-assignee-text > strong[b-p7a4nf1tqh] { overflow: hidden; color: var(--so-text); font-size: .95rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.lu-assignee-text > strong.lu-unassigned[b-p7a4nf1tqh] { color: var(--so-text-muted); font-weight: 600; font-size: .88rem; white-space: normal; }
.lu-assignee-text > small[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: .72rem; line-height: 1.35; }

.lu-status[b-p7a4nf1tqh] {
    flex: 0 0 auto;
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .26rem .6rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 750;
    white-space: nowrap;
}
.lu-status[b-p7a4nf1tqh]::before { content: ""; width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: currentColor; }
/* Quiet states — dot + text, no chip fill. A hollow dot on "waiting" reads as
   "unresolved, ball's in their court". */
.lu-status--unassigned[b-p7a4nf1tqh],
.lu-status--waiting[b-p7a4nf1tqh],
.lu-status--ready[b-p7a4nf1tqh] { padding-inline: .1rem; background: transparent; }
.lu-status--unassigned[b-p7a4nf1tqh] { color: var(--so-text-muted); }
.lu-status--waiting[b-p7a4nf1tqh] { color: var(--so-text-secondary); }
.lu-status--waiting[b-p7a4nf1tqh]::before { background: transparent; box-shadow: inset 0 0 0 1.5px currentColor; }
.lu-status--ready[b-p7a4nf1tqh] { color: var(--so-accent-hover); }
/* Loud states — a real chip, because you should act on them. */
.lu-status--maybe[b-p7a4nf1tqh] { color: var(--so-warning); background: color-mix(in srgb, var(--so-warning) 15%, transparent); }
.lu-status--confirmed[b-p7a4nf1tqh] { color: var(--so-success); background: color-mix(in srgb, var(--so-success) 12%, transparent); }
.lu-status--replace[b-p7a4nf1tqh] { color: var(--so-danger); background: color-mix(in srgb, var(--so-danger) 15%, transparent); }

.lu-auto-confirm[b-p7a4nf1tqh] { display: flex; align-items: center; gap: .5rem; min-height: 36px; margin-top: .75rem; color: var(--so-text-secondary); font-size: .78rem; font-weight: 600; cursor: pointer; }
.lu-auto-confirm input[b-p7a4nf1tqh] { width: 1.05rem; height: 1.05rem; accent-color: var(--so-accent); }

.lu-role-actions[b-p7a4nf1tqh] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .9rem; }

.lu-btn[b-p7a4nf1tqh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 38px;
    padding: .5rem .9rem;
    border: 1px solid transparent;
    border-radius: var(--so-radius-sm);
    font: inherit;
    font-size: .8rem;
    font-weight: 650;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background .14s ease, border-color .14s ease, color .14s ease;
}
.lu-btn svg[b-p7a4nf1tqh] { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.lu-btn--primary[b-p7a4nf1tqh] {
    color: #fff;
    background-color: var(--so-primary-action);
    background-image: var(--so-primary-action-gradient);
    border-color: var(--so-primary-action);
    box-shadow: var(--so-primary-action-shadow);
}
.lu-btn--primary:hover[b-p7a4nf1tqh] { background-color: var(--so-primary-action-hover); background-image: var(--so-primary-action-hover-gradient); }
.lu-btn--ghost[b-p7a4nf1tqh] { color: var(--so-text-secondary); background-color: var(--so-surface-2); background-image: var(--so-secondary-action-gradient); border-color: var(--so-border); }
.lu-btn--ghost:hover[b-p7a4nf1tqh] { color: var(--so-text); border-color: var(--so-border-light); }
.lu-btn--quiet[b-p7a4nf1tqh] { color: var(--so-text-muted); background: transparent; border-color: transparent; padding-inline: .55rem; font-size: .76rem; }
.lu-btn--quiet:hover[b-p7a4nf1tqh] { color: var(--so-text-secondary); background: var(--so-surface-2); }
.lu-btn--warn[b-p7a4nf1tqh] { color: var(--so-text-muted); }
.lu-btn--warn:hover[b-p7a4nf1tqh] { color: var(--so-warning); background: color-mix(in srgb, var(--so-warning) 12%, transparent); }
.lu-btn--danger[b-p7a4nf1tqh] { color: var(--so-danger); }
.lu-btn--danger:hover[b-p7a4nf1tqh] { color: var(--so-danger); background: color-mix(in srgb, var(--so-danger) 12%, transparent); }
.lu-btn--danger-solid[b-p7a4nf1tqh] { color: #fff; background: var(--so-danger); border-color: var(--so-danger); }
.lu-btn--ok[b-p7a4nf1tqh] { color: #fff; background: var(--so-success); border-color: var(--so-success); }
.lu-btn--wa[b-p7a4nf1tqh] { color: var(--so-success); }
.lu-btn--wa:hover[b-p7a4nf1tqh] { background: color-mix(in srgb, var(--so-success) 12%, transparent); }
.lu-role-remove[b-p7a4nf1tqh] { margin-left: auto; }

.lu-note[b-p7a4nf1tqh] { margin: .7rem 0 0; color: var(--so-text-muted); font-size: .72rem; }

.lu-offline[b-p7a4nf1tqh] {
    display: grid;
    gap: .45rem;
    margin-top: .8rem;
    padding: .7rem .8rem;
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-sm);
}
.lu-offline-label[b-p7a4nf1tqh] { color: var(--so-text-secondary); font-size: .72rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.lu-offline-buttons[b-p7a4nf1tqh] { display: flex; flex-wrap: wrap; gap: .4rem; }

.lu-confirm[b-p7a4nf1tqh] {
    display: grid;
    gap: .3rem;
    margin-top: .8rem;
    padding: .8rem .9rem;
    background: color-mix(in srgb, var(--so-danger) 7%, var(--so-surface-2));
    border: 1px solid color-mix(in srgb, var(--so-danger) 28%, var(--so-border));
    border-radius: var(--so-radius-sm);
}
.lu-confirm > strong[b-p7a4nf1tqh] { color: var(--so-text); font-size: .85rem; }
.lu-confirm > p[b-p7a4nf1tqh] { margin: 0; color: var(--so-text-secondary); font-size: .74rem; line-height: 1.5; }
.lu-confirm-buttons[b-p7a4nf1tqh] { display: flex; justify-content: flex-end; gap: .5rem; margin-top: .35rem; }

.lu-picker[b-p7a4nf1tqh] { margin-top: .9rem; padding-top: .9rem; border-top: 1px solid var(--so-border); }
.lu-picker-head[b-p7a4nf1tqh] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .7rem; }
.lu-picker-head > strong[b-p7a4nf1tqh] { color: var(--so-text); font-size: .85rem; }
.lu-picker-close[b-p7a4nf1tqh] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    color: var(--so-text-muted);
    background: transparent;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
}
.lu-picker-close:hover[b-p7a4nf1tqh] { color: var(--so-text); background: var(--so-surface-2); }
.lu-picker-close svg[b-p7a4nf1tqh] { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.lu-picker-group-label[b-p7a4nf1tqh] { margin: .8rem 0 .4rem; color: var(--so-text-muted); font-size: .66rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.lu-picker-group-label:first-of-type[b-p7a4nf1tqh] { margin-top: 0; }
.lu-picker-list[b-p7a4nf1tqh] { display: grid; gap: .35rem; }
.lu-picker-more[b-p7a4nf1tqh] { margin-top: .55rem; padding: .35rem 0; color: var(--so-accent-hover); background: transparent; border: 0; cursor: pointer; font: inherit; font-size: .76rem; font-weight: 700; }
.lu-picker-more:hover[b-p7a4nf1tqh] { text-decoration: underline; }
.lu-picker-empty[b-p7a4nf1tqh] {
    padding: .8rem;
    color: var(--so-text-secondary);
    background: color-mix(in srgb, var(--so-warning) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--so-warning) 22%, var(--so-border));
    border-radius: var(--so-radius-sm);
    font-size: .78rem;
    line-height: 1.5;
}
.lu-picker-empty a[b-p7a4nf1tqh] { display: inline-block; margin-top: .25rem; color: var(--so-accent-hover); font-weight: 700; }

.lu-candidate[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    width: 100%;
    padding: .55rem .65rem;
    color: inherit;
    text-align: left;
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-sm);
    cursor: pointer;
    transition: border-color .14s ease, background .14s ease;
}
.lu-candidate:hover[b-p7a4nf1tqh] { border-color: color-mix(in srgb, var(--so-accent) 45%, var(--so-border)); background: color-mix(in srgb, var(--so-accent) 6%, var(--so-surface-2)); }
.lu-candidate.is-selected[b-p7a4nf1tqh] { border-color: var(--so-success); background: color-mix(in srgb, var(--so-success) 10%, transparent); }
.lu-candidate-text[b-p7a4nf1tqh] { display: grid; min-width: 0; gap: .28rem; }
.lu-candidate-text > strong[b-p7a4nf1tqh] { overflow: hidden; color: var(--so-text); font-size: .84rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.lu-chips[b-p7a4nf1tqh] { display: flex; flex-wrap: wrap; gap: .3rem; }
.lu-chip[b-p7a4nf1tqh] { display: inline-flex; align-items: center; padding: .12rem .42rem; border-radius: 999px; font-size: .64rem; font-weight: 700; white-space: nowrap; }
.lu-chip--match-strong[b-p7a4nf1tqh] { color: var(--so-accent-hover); background: var(--so-accent-soft); }
.lu-chip--match-ok[b-p7a4nf1tqh] { color: var(--so-info); background: var(--so-info-soft); }
.lu-chip--match-none[b-p7a4nf1tqh] { color: var(--so-text-muted); background: var(--so-surface-3); }
.lu-chip--avail-ok[b-p7a4nf1tqh] { color: var(--so-success); background: color-mix(in srgb, var(--so-success) 13%, transparent); }
.lu-chip--avail-warn[b-p7a4nf1tqh] { color: var(--so-warning); background: color-mix(in srgb, var(--so-warning) 15%, transparent); }
.lu-chip--avail-bad[b-p7a4nf1tqh] { color: var(--so-danger); background: color-mix(in srgb, var(--so-danger) 13%, transparent); }
.lu-chip--avail-unknown[b-p7a4nf1tqh] { color: var(--so-text-muted); background: var(--so-surface-3); }
.lu-candidate-tick[b-p7a4nf1tqh] { color: var(--so-success); font-size: .9rem; font-weight: 800; }
.lu-candidate--clear[b-p7a4nf1tqh] { grid-template-columns: auto minmax(0, 1fr); margin-top: .5rem; background: transparent; border-style: dashed; }
.lu-candidate--clear:hover[b-p7a4nf1tqh] { border-color: var(--so-danger); background: color-mix(in srgb, var(--so-danger) 6%, transparent); }
.lu-candidate--clear .lu-candidate-text > strong[b-p7a4nf1tqh] { color: var(--so-text-secondary); }
.lu-candidate--clear small[b-p7a4nf1tqh] { color: var(--so-text-muted); font-size: .68rem; }

.lu-send[b-p7a4nf1tqh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.1rem;
    padding: 1rem 1.1rem;
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
}
.lu-send-copy[b-p7a4nf1tqh] { display: grid; gap: .15rem; }
.lu-send-copy > strong[b-p7a4nf1tqh] { color: var(--so-text); font-size: .92rem; }
.lu-send-copy > span[b-p7a4nf1tqh] { color: var(--so-text-secondary); font-size: .78rem; }
.lu-send-btn[b-p7a4nf1tqh] { min-height: 44px; padding-inline: 1.2rem; }
.lu-send-btn:disabled[b-p7a4nf1tqh] { opacity: .5; cursor: not-allowed; }

@media (max-width: 560px) {
    .lu-role-head[b-p7a4nf1tqh] { flex-direction: row; gap: .5rem; }
    .lu-status[b-p7a4nf1tqh] { align-self: center; }
    .lu-role-remove[b-p7a4nf1tqh] { margin-left: 0; }
    .lu-role-actions .lu-btn[b-p7a4nf1tqh] { flex: 0 1 auto; }
    .lu-send[b-p7a4nf1tqh] { flex-direction: column; align-items: stretch; }
    .lu-send-btn[b-p7a4nf1tqh] { width: 100%; }
}

.song-setlist-link-picker[b-p7a4nf1tqh] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--so-space-2); flex: 1 1 100%; margin-top: var(--so-space-2); padding-top: var(--so-space-2); border-top: 1px dashed var(--so-border); }
.song-setlist-link-picker select[b-p7a4nf1tqh] { flex: 1 1 auto; min-height: 44px; }
.song-setlist-bulk-import[b-p7a4nf1tqh] { margin-top: var(--so-space-4); border: 1px solid var(--so-border); border-radius: var(--so-radius-sm); padding: var(--so-space-3) var(--so-space-4); }
.song-setlist-bulk-import summary[b-p7a4nf1tqh] { cursor: pointer; font-weight: var(--so-font-weight-semibold); color: var(--so-text); }
.song-setlist-bulk-grid[b-p7a4nf1tqh] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--so-space-4); margin-top: var(--so-space-3); }
.song-setlist-bulk-panel[b-p7a4nf1tqh] { display: flex; flex-direction: column; gap: var(--so-space-2); }
.song-setlist-bulk-panel h3[b-p7a4nf1tqh] { margin: 0; font-size: var(--so-font-size-sm); text-transform: uppercase; letter-spacing: .04em; color: var(--so-text-muted); }
.song-setlist-pending-matches[b-p7a4nf1tqh] { display: grid; gap: var(--so-space-2); margin: var(--so-space-2) 0 0; padding: 0; list-style: none; }
.song-setlist-pending-matches li[b-p7a4nf1tqh] { display: flex; flex-direction: column; gap: var(--so-space-2); padding: var(--so-space-3); background: color-mix(in srgb, var(--so-warning) 6%, var(--so-surface)); border: 1px solid color-mix(in srgb, var(--so-warning) 34%, var(--so-border)); border-radius: var(--so-radius-sm); }
@media (max-width: 768px) {
    .song-setlist-bulk-grid[b-p7a4nf1tqh] { grid-template-columns: 1fr; }
}

/* Story 1: event-only geometry that cannot be expressed by shared surfaces. */
@media (max-width: 1024px) {
    .event-summary-card[b-p7a4nf1tqh], .event-section[b-p7a4nf1tqh] { margin-bottom: var(--so-section-gap); }
    .event-section[b-p7a4nf1tqh] { padding: var(--so-surface-padding-standard); }
    .event-section-heading[b-p7a4nf1tqh] { margin-bottom: var(--so-section-heading-gap); }
    .planning-heading[b-p7a4nf1tqh] { margin: var(--so-section-gap) 0 var(--so-section-heading-gap); }
    .planning-grid[b-p7a4nf1tqh], .planning-details-grid[b-p7a4nf1tqh] { gap: var(--so-space-3); }
    .activity-item[b-p7a4nf1tqh] { padding-block: var(--so-space-2); }
    .lu-roster[b-p7a4nf1tqh] { gap: var(--so-space-2); }
    .lu-role[b-p7a4nf1tqh] { padding: var(--so-space-3) var(--so-space-3) var(--so-space-3) var(--so-space-4); }
    .lu-progress[b-p7a4nf1tqh], .lu-add[b-p7a4nf1tqh] { margin-bottom: var(--so-space-3); padding: var(--so-space-2) var(--so-space-3); }
    .lu-role-actions[b-p7a4nf1tqh], .lu-picker[b-p7a4nf1tqh] { margin-top: var(--so-space-3); }
    .lu-send[b-p7a4nf1tqh] { margin-top: var(--so-space-3); padding: var(--so-space-3); }
}
@media (max-width: 767px) {
    .event-venue-hero[b-p7a4nf1tqh] { min-height: clamp(300px, 44svh, 360px); }
    .event-venue-hero.uses-fallback[b-p7a4nf1tqh] { min-height: clamp(220px, 31svh, 260px); }
    .event-hero-lower[b-p7a4nf1tqh] { gap: var(--so-space-2); bottom: var(--so-space-2); }
    .event-overview[b-p7a4nf1tqh] { margin: var(--so-space-2) 0 var(--so-space-3); }
    .event-overview-grid[b-p7a4nf1tqh] { gap: var(--so-space-2); }
    .event-overview-row[b-p7a4nf1tqh], .event-overview-row:nth-child(odd)[b-p7a4nf1tqh] { min-height: 64px; padding: var(--so-space-2); }
    .event-overview-row span[b-p7a4nf1tqh] { gap: 0; }
    .event-section[b-p7a4nf1tqh] { margin-bottom: var(--so-space-3); }
    .planning-heading[b-p7a4nf1tqh] { align-items: flex-start; margin-top: var(--so-space-4); }
    .field-group .form-label[b-p7a4nf1tqh] { margin-bottom: var(--so-space-1); }
    .lu-roster[b-p7a4nf1tqh] { gap: .375rem; }
    .lu-role[b-p7a4nf1tqh] { padding: .55rem .625rem .55rem .75rem; box-shadow: none; }
    .lu-role-head[b-p7a4nf1tqh] { gap: var(--so-space-2); }
    .lu-role-name[b-p7a4nf1tqh] { margin-bottom: .125rem; }
    .lu-avatar[b-p7a4nf1tqh] { width: 32px; height: 32px; }
    .lu-assignee[b-p7a4nf1tqh] { gap: .45rem; }
    .lu-assignee-text > strong[b-p7a4nf1tqh] { white-space: normal; overflow-wrap: anywhere; }
    .lu-auto-confirm[b-p7a4nf1tqh] { min-height: 32px; margin-top: var(--so-space-1); }
    .lu-role-actions[b-p7a4nf1tqh] { gap: var(--so-space-1); margin-top: .375rem; }
    .lu-role-actions .lu-btn[b-p7a4nf1tqh] { min-height: 44px; padding: .45rem .65rem; }
    .lu-note[b-p7a4nf1tqh] { margin-top: var(--so-space-1); }
    .lu-offline[b-p7a4nf1tqh], .lu-confirm[b-p7a4nf1tqh] { margin-top: var(--so-space-2); }
    .lu-offline[b-p7a4nf1tqh], .lu-confirm[b-p7a4nf1tqh] { padding: var(--so-space-2); }
    .lu-picker-close[b-p7a4nf1tqh] { width: 40px; height: 40px; }
    .lu-candidate[b-p7a4nf1tqh] { min-height: 44px; padding: var(--so-space-2); }
}

/* Story 2: values and identities lead; labels, status, and guidance recede. */
.event-overview-row strong[b-p7a4nf1tqh],
.planning-heading h2[b-p7a4nf1tqh],
.event-section-heading h2[b-p7a4nf1tqh],
.lu-assignee-text > strong[b-p7a4nf1tqh],
.lu-candidate-text > strong[b-p7a4nf1tqh],
.lu-send-copy > strong[b-p7a4nf1tqh] {
    color: var(--so-text);
    font-weight: var(--so-font-weight-bold);
}

.event-overview-row small[b-p7a4nf1tqh] {
    color: var(--so-text-secondary);
    font-weight: var(--so-font-weight-semibold);
}

.planning-heading p[b-p7a4nf1tqh],
.lu-assignee-text > small[b-p7a4nf1tqh],
.lu-send-copy > span[b-p7a4nf1tqh] {
    color: var(--so-text-muted);
    font-weight: var(--so-font-weight-regular);
}

.lu-role-name[b-p7a4nf1tqh] {
    color: var(--so-text-secondary);
    font-weight: var(--so-font-weight-bold);
}

.lu-status[b-p7a4nf1tqh],
.field-group .form-label[b-p7a4nf1tqh] {
    font-weight: var(--so-font-weight-semibold);
}

/* Story 3: line-up assignments read as one divided operational roster. */
.lu-roster[b-p7a4nf1tqh] {
    gap: 0;
    overflow: hidden;
    background: var(--so-surface);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
}

.lu-role[b-p7a4nf1tqh] {
    background: transparent;
    border: 0;
    border-top: 1px solid var(--so-border);
    border-radius: 0;
    box-shadow: none;
}

.lu-role:first-child[b-p7a4nf1tqh] { border-top: 0; }
.lu-role.is-open[b-p7a4nf1tqh] { background: var(--so-surface-raised); }

/* Story 4: the hero actions are a compact, ordered action cluster. */
.event-action-bar[b-p7a4nf1tqh] { gap: .4rem; padding-top: .25rem; margin-bottom: .5rem; }
.event-action-bar > a[b-p7a4nf1tqh],
.event-action-bar > span[b-p7a4nf1tqh],
.event-action-bar > details > summary[b-p7a4nf1tqh] {
    min-height: 42px;
    gap: .35rem;
    padding: .45rem .7rem;
    border-radius: var(--so-radius-sm);
    box-shadow: inset 0 1px rgba(255,255,255,.06), 0 3px 10px rgba(0,0,0,.12);
    font-size: .7rem;
    font-weight: var(--so-font-weight-semibold);
}
.event-action-bar > a:first-of-type[b-p7a4nf1tqh] { padding-inline: .82rem; }
.event-action-icon svg[b-p7a4nf1tqh] { width: 17px; height: 17px; }
.event-action-menu > div[b-p7a4nf1tqh] { min-width: 190px; padding: .25rem; }
.event-action-menu a[b-p7a4nf1tqh],
.event-action-menu > div > button[b-p7a4nf1tqh] { min-height: 40px; padding: .45rem .6rem; font-size: .72rem; }
.planning-heading-actions[b-p7a4nf1tqh] { gap: .4rem; }
.planning-heading-actions .btn[b-p7a4nf1tqh] { min-height: 40px; padding-inline: .7rem; }
@media (max-width: 767px) {
    .event-action-bar[b-p7a4nf1tqh] { gap: .3rem; }
    .event-action-bar > a[b-p7a4nf1tqh],
    .event-action-bar > span[b-p7a4nf1tqh],
    .event-action-bar > details > summary[b-p7a4nf1tqh] { min-height: 44px; padding-inline: .4rem; }
    .event-more-menu summary[b-p7a4nf1tqh] { width: 44px; }
}

/* Story 5: operational content wraps instead of widening a phone viewport. */
.event-summary-card[b-p7a4nf1tqh], .event-section[b-p7a4nf1tqh], .planning-grid[b-p7a4nf1tqh], .planning-details-grid[b-p7a4nf1tqh],
.lu-role[b-p7a4nf1tqh], .lu-role-head[b-p7a4nf1tqh], .lu-role-id[b-p7a4nf1tqh], .lu-send-copy[b-p7a4nf1tqh] { min-width: 0; }
.event-hero-metadata span[b-p7a4nf1tqh], .event-overview-row span[b-p7a4nf1tqh], .readiness-items li > span[b-p7a4nf1tqh],
.lu-assignee-text[b-p7a4nf1tqh], .lu-send-copy[b-p7a4nf1tqh] { overflow-wrap: anywhere; }
@media (max-width: 560px) {
    .event-action-bar[b-p7a4nf1tqh] { grid-template-columns: minmax(0, 1.25fr) minmax(0, .82fr) minmax(0, 1.05fr) 44px; }
    .event-action-bar > details[b-p7a4nf1tqh] { grid-column: auto; }
    .event-action-icon svg[b-p7a4nf1tqh] { display: block; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
    .event-action-menu > div[b-p7a4nf1tqh] { right: 0; min-width: min(190px, calc(100vw - 1.5rem)); }
    .event-overview-grid[b-p7a4nf1tqh] { grid-template-columns: 1fr; }
    .readiness-items li[b-p7a4nf1tqh] { min-width: 0; }
    .lu-role-actions[b-p7a4nf1tqh] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lu-role-actions .lu-btn[b-p7a4nf1tqh], .lu-role-remove[b-p7a4nf1tqh] { min-width: 0; margin-left: 0; white-space: normal; }
    .lu-confirm-buttons[b-p7a4nf1tqh] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lu-confirm-buttons .lu-btn[b-p7a4nf1tqh] { min-width: 0; padding-inline: .45rem; }
}

/* WhatsApp is a fast handoff layer; this card keeps the reviewed GigGeist
   line-up and external-provider state visually separate from the roster. */
.whatsapp-coordination-card[b-p7a4nf1tqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--so-space-4);
    min-width: 0;
    margin-top: var(--so-space-4);
    padding: var(--so-space-4);
    background: color-mix(in srgb, var(--so-success) 7%, var(--so-surface));
    border: 1px solid color-mix(in srgb, var(--so-success) 30%, var(--so-border));
    border-radius: var(--so-radius-md);
}

.whatsapp-coordination-copy[b-p7a4nf1tqh] { display: grid; gap: .2rem; min-width: 0; }
.whatsapp-coordination-copy strong[b-p7a4nf1tqh] { color: var(--so-text); }
.whatsapp-coordination-copy span[b-p7a4nf1tqh] { color: var(--so-text-secondary); font-size: var(--so-font-size-sm); overflow-wrap: anywhere; }
.whatsapp-lineup-warning[b-p7a4nf1tqh] { margin-top: .3rem; color: var(--so-warning) !important; font-weight: var(--so-font-weight-semibold); }
.whatsapp-coordination-actions[b-p7a4nf1tqh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--so-space-2);
    min-width: 0;
}
.whatsapp-coordination-card .btn[b-p7a4nf1tqh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 0.95rem;
    white-space: nowrap;
    vertical-align: middle;
}

.whatsapp-sheet[b-p7a4nf1tqh] { gap: var(--so-space-4); overflow-x: hidden; }
.whatsapp-name-field[b-p7a4nf1tqh], .whatsapp-update-fields[b-p7a4nf1tqh] { display: grid; gap: var(--so-space-2); min-width: 0; }
.whatsapp-name-field input[b-p7a4nf1tqh], .whatsapp-update-fields input[b-p7a4nf1tqh], .whatsapp-update-fields select[b-p7a4nf1tqh], .whatsapp-message-preview[b-p7a4nf1tqh] { width: 100%; min-width: 0; }
.whatsapp-participant-list[b-p7a4nf1tqh] { display: grid; gap: 0; overflow: hidden; border: 1px solid var(--so-border); border-radius: var(--so-radius-md); }
.whatsapp-participant-row[b-p7a4nf1tqh] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--so-space-3);
    min-height: 64px;
    padding: var(--so-space-2) var(--so-space-3);
    border-top: 1px solid var(--so-border);
}
.whatsapp-participant-row:first-child[b-p7a4nf1tqh] { border-top: 0; }
.whatsapp-participant-avatar[b-p7a4nf1tqh] { display: grid; width: 40px; height: 40px; place-items: center; color: var(--so-text); background: var(--so-surface-3); border-radius: 50%; font-size: .75rem; font-weight: var(--so-font-weight-bold); }
.whatsapp-participant-identity[b-p7a4nf1tqh] { display: grid; min-width: 0; }
.whatsapp-participant-identity strong[b-p7a4nf1tqh], .whatsapp-participant-identity small[b-p7a4nf1tqh] { overflow-wrap: anywhere; }
.whatsapp-participant-identity small[b-p7a4nf1tqh] { color: var(--so-text-muted); }
.whatsapp-phone-status[b-p7a4nf1tqh] { font-size: .75rem; font-weight: var(--so-font-weight-semibold); text-align: right; }
.lu-response-note[b-p7a4nf1tqh] { margin: .75rem 0; padding: .75rem; border-inline-start: 3px solid var(--so-border); background: var(--so-surface); font-size: var(--so-font-size-sm); overflow-wrap: anywhere; }
.lu-response-note p[b-p7a4nf1tqh] { margin: .25rem 0 0; white-space: pre-wrap; }
.whatsapp-phone-status.is-ready[b-p7a4nf1tqh] { color: var(--so-success); }
.whatsapp-phone-status.is-missing[b-p7a4nf1tqh], .whatsapp-phone-warning[b-p7a4nf1tqh] { color: var(--so-warning); }
.whatsapp-phone-warning[b-p7a4nf1tqh] { margin: 0; padding: var(--so-space-3); background: color-mix(in srgb, var(--so-warning) 8%, var(--so-surface)); border-radius: var(--so-radius-sm); font-size: var(--so-font-size-sm); }
.whatsapp-provider-note[b-p7a4nf1tqh], .whatsapp-authority-note[b-p7a4nf1tqh] { display: grid; gap: .2rem; margin: 0; padding: var(--so-space-3); color: var(--so-text-secondary); background: var(--so-surface); border: 1px solid var(--so-border); border-radius: var(--so-radius-sm); font-size: var(--so-font-size-sm); }
.whatsapp-provider-note strong[b-p7a4nf1tqh], .whatsapp-authority-note strong[b-p7a4nf1tqh] { color: var(--so-text); }
.whatsapp-message-preview[b-p7a4nf1tqh] { resize: vertical; min-height: 13rem; max-height: 42dvh; line-height: 1.5; overflow-wrap: anywhere; }
.whatsapp-sheet-footer[b-p7a4nf1tqh] { position: sticky; bottom: calc(-1 * var(--so-space-4)); margin: 0 calc(-1 * var(--so-space-4)) calc(-1 * var(--so-space-4)); padding: var(--so-space-3) var(--so-space-4) calc(var(--so-space-3) + env(safe-area-inset-bottom)); background: var(--so-surface-raised); }
.whatsapp-sheet-footer .btn[b-p7a4nf1tqh] { min-height: 44px; }

@media (max-width: 560px) {
    .whatsapp-coordination-card[b-p7a4nf1tqh] { align-items: stretch; flex-direction: column; padding: var(--so-space-3); }
    .whatsapp-coordination-actions[b-p7a4nf1tqh] { display: grid; grid-template-columns: 1fr; }
    .whatsapp-participant-row[b-p7a4nf1tqh] { grid-template-columns: 40px minmax(0, 1fr); }
    .whatsapp-phone-status[b-p7a4nf1tqh] { grid-column: 2; text-align: left; }
    .whatsapp-sheet[b-p7a4nf1tqh] { width: 100%; max-width: 100%; padding-inline: var(--so-space-3); }
    .whatsapp-sheet-footer[b-p7a4nf1tqh] { margin-inline: calc(-1 * var(--so-space-3)); padding-inline: var(--so-space-3); }
    .whatsapp-sheet-footer .btn[b-p7a4nf1tqh] { flex: 1 1 0; min-width: 0; white-space: normal; }
}

/* ── Recording money in ──────────────────────────────────────────
   The deposit and balance rows used to be read-only: a status badge and
   nothing to press. Marking a payment received meant finding the chevron on
   the Gig fee row and opening the gig-deal editor, which nobody would guess.
   The action now lives on the row that shows the amount. */
.payment-status-list > div[b-p7a4nf1tqh] { flex-wrap: wrap; }
.payment-status-list > div > span:first-child[b-p7a4nf1tqh] { flex: 1 1 auto; min-width: 0; }
.payment-mark-action[b-p7a4nf1tqh] {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 0 .65rem;
    color: var(--so-accent-hover);
    background: var(--so-accent-soft);
    border: 1px solid color-mix(in srgb, var(--so-accent) 34%, transparent);
    border-radius: var(--so-radius-control, 10px);
    font: inherit;
    font-size: .72rem;
    font-weight: var(--so-font-weight-bold);
    letter-spacing: .01em;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}
.payment-mark-action:hover[b-p7a4nf1tqh],
.payment-mark-action:focus-visible[b-p7a4nf1tqh] {
    background: color-mix(in srgb, var(--so-accent) 22%, transparent);
    border-color: var(--so-accent);
}
.payment-mark-action:focus-visible[b-p7a4nf1tqh] { outline: 2px solid var(--so-focus); outline-offset: 2px; }
/* Undoing is a correction, not the thing you came to do. */
.payment-mark-action.is-undo[b-p7a4nf1tqh] {
    color: var(--so-text-muted);
    background: transparent;
    border-color: var(--so-border);
}
.payment-mark-action.is-undo:hover[b-p7a4nf1tqh],
.payment-mark-action.is-undo:focus-visible[b-p7a4nf1tqh] {
    color: var(--so-text);
    background: var(--so-surface-raised);
    border-color: var(--so-text-muted);
}
@media (max-width: 430px) {
    /* Full tap target on a phone, where this is most likely pressed while
       standing in a venue. */
    .payment-mark-action[b-p7a4nf1tqh] { min-height: 40px; }
}

@media (max-width: 430px) {
    /* Letting these wrap naturally made the two rows different heights: the
       button fitted beside "€600.00" but not beside "€2,400.00", so one row
       was one line and the other two. An explicit grid puts the amount on its
       own line and the status and its action together underneath, whatever
       the numbers are. */
    .payment-status-list > div[b-p7a4nf1tqh] {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas: "amount amount" "badge action";
        align-items: center;
        gap: var(--so-space-2, .5rem);
    }
    .payment-status-list > div > span:first-child[b-p7a4nf1tqh] { grid-area: amount; }
    .payment-status-list > div > .payment-badge[b-p7a4nf1tqh] { grid-area: badge; justify-self: start; }
    .payment-status-list > div > .payment-mark-action[b-p7a4nf1tqh] { grid-area: action; justify-self: end; }
}
/* /Components/Pages/FinancialDashboard.razor.rz.scp.css */
.financial-dashboard-page[b-6wr7m47r8e] { max-width: 1180px; padding: var(--so-space-5); margin: 0 auto; }

.financial-dashboard-totals[b-6wr7m47r8e] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--so-space-3); margin: var(--so-space-5) 0; }
.financial-dashboard-totals-card[b-6wr7m47r8e] { padding: var(--so-space-4); background: var(--so-surface); border: 1px solid var(--so-border); border-radius: var(--so-radius-md); }
.financial-dashboard-totals-grid[b-6wr7m47r8e] { display: grid; gap: var(--so-space-2); margin-top: var(--so-space-3); }
.financial-dashboard-totals-grid > div[b-6wr7m47r8e] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--so-space-3); }
.financial-dashboard-totals-grid span[b-6wr7m47r8e] { color: var(--so-text-secondary); font-size: var(--so-font-size-sm); }
.financial-dashboard-totals-grid strong[b-6wr7m47r8e] { color: var(--so-text); font-variant-numeric: tabular-nums; }
.financial-dashboard-totals-grid .remaining.is-positive strong[b-6wr7m47r8e] { color: var(--so-success, #35d07f); }
.financial-dashboard-totals-grid .remaining.is-negative strong[b-6wr7m47r8e] { color: var(--so-danger); }

.financial-dashboard-table[b-6wr7m47r8e] { display: grid; gap: 1px; background: var(--so-border); border: 1px solid var(--so-border); border-radius: var(--so-radius-md); overflow: hidden; }
.financial-dashboard-row[b-6wr7m47r8e] { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr 1fr; gap: var(--so-space-2); align-items: center; padding: var(--so-space-3) var(--so-space-4); color: inherit; text-decoration: none; background: var(--so-surface); font-size: var(--so-font-size-sm); font-variant-numeric: tabular-nums; }
.financial-dashboard-row:hover[b-6wr7m47r8e] { background: var(--so-surface-raised); }
.financial-dashboard-row--heading[b-6wr7m47r8e] { color: var(--so-text-muted); font-size: var(--so-font-size-xs); font-weight: var(--so-font-weight-semibold); text-transform: uppercase; letter-spacing: .04em; }
.financial-dashboard-row--heading:hover[b-6wr7m47r8e] { background: var(--so-surface); }
.financial-dashboard-gig[b-6wr7m47r8e] { display: flex; flex-direction: column; gap: 2px; }
.financial-dashboard-gig strong[b-6wr7m47r8e] { color: var(--so-text); }
.financial-dashboard-gig small[b-6wr7m47r8e] { color: var(--so-text-muted); }
.fin-cell[b-6wr7m47r8e] { display: flex; flex-direction: column; gap: 2px; }
.fin-lbl[b-6wr7m47r8e] { display: none; color: var(--so-text-muted); font-size: 0.72rem; text-transform: uppercase; letter-spacing: .04em; font-weight: var(--so-font-weight-medium); }

/* Money reads down a column, not across: right-aligned so the thousands line
   up and totals can be compared at a glance. The summary cards above already
   do this — the table was the odd one out. The gig name stays left-aligned. */
@media (min-width: 1025px) {
    .financial-dashboard-row > :not(.financial-dashboard-gig)[b-6wr7m47r8e] {
        text-align: right;
        justify-items: end;
    }
    .financial-dashboard-row .fin-cell[b-6wr7m47r8e] { align-items: flex-end; }
}

@media (max-width: 1024px) {
    .financial-dashboard-page[b-6wr7m47r8e] { padding: var(--so-space-3); }
    .financial-dashboard-row[b-6wr7m47r8e] { grid-template-columns: 1fr 1fr; gap: var(--so-space-3); padding: var(--so-space-3); }
    .financial-dashboard-row--heading[b-6wr7m47r8e] { display: none; }
    .financial-dashboard-gig[b-6wr7m47r8e] { grid-column: 1 / -1; margin-bottom: 2px; }
    .fin-lbl[b-6wr7m47r8e] { display: block; }
}
/* /Components/Pages/FoundingBands.razor.rz.scp.css */
.founding-hero[b-5urvouvia1] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 5rem);
    padding-block: clamp(2.5rem, 7vw, 6rem) clamp(2rem, 5vw, 4rem);
}

.founding-hero-copy[b-5urvouvia1] { max-width: 760px; }
.founding-hero-copy .public-eyebrow[b-5urvouvia1] { margin-bottom: 1.1rem; }
.founding-hero h1[b-5urvouvia1] {
    max-width: 15ch;
    margin: 0;
    font-size: clamp(2.8rem, 7vw, 5.6rem);
    line-height: .98;
    letter-spacing: -.06em;
    font-weight: 600;
}
.founding-intro[b-5urvouvia1] {
    max-width: 46ch;
    margin-top: 1.4rem !important;
    color: var(--so-text-secondary);
    font-size: clamp(1rem, 1.7vw, 1.2rem);
    line-height: 1.65;
}
.founding-offer[b-5urvouvia1] {
    max-width: 440px;
    margin-top: 1.75rem;
    padding: 1rem 1.2rem;
    border-left: 3px solid var(--so-accent);
    background: var(--so-surface-3);
}
.founding-offer p + p[b-5urvouvia1] { margin-top: .2rem; }
.founding-offer strong[b-5urvouvia1] { font-size: 1.08rem; }
.founding-limit[b-5urvouvia1] {
    margin-top: .65rem !important;
    color: var(--so-text-secondary);
    font: 500 .7rem/1.5 var(--so-font-mono);
    letter-spacing: .06em;
    text-transform: uppercase;
}
.founding-cta[b-5urvouvia1] { width: fit-content; min-width: 260px; margin-top: 1.3rem; }
.founding-feedback-note[b-5urvouvia1] {
    max-width: 48ch;
    margin-top: .8rem !important;
    color: var(--so-text-secondary);
    font-size: .78rem;
}
.founding-hero-product[b-5urvouvia1] {
    width: 100%;
    max-width: 560px;
    justify-self: center;
}
.founding-hero-picture[b-5urvouvia1], .founding-hero-picture img[b-5urvouvia1] {
    display: block;
    width: 100%;
    height: auto;
}

.founding-product[b-5urvouvia1] {
    padding-block: 1.7rem clamp(3rem, 7vw, 6rem);
    border-top: 1px solid var(--so-border);
    scroll-margin-top: 24px;
}
.founding-product-heading[b-5urvouvia1] { max-width: 760px; }
.founding-product-heading .public-eyebrow[b-5urvouvia1] { margin-bottom: .8rem; }
.founding-product h2[b-5urvouvia1], .founding-close h2[b-5urvouvia1] {
    margin: 0;
    font-size: clamp(2rem, 4.3vw, 3.7rem);
    line-height: 1.05;
    letter-spacing: -.05em;
    font-weight: 600;
}
.founding-product-heading > p:last-child[b-5urvouvia1] {
    max-width: 62ch;
    margin-top: .9rem;
    color: var(--so-text-secondary);
    font-size: .95rem;
}
.founding-workflow[b-5urvouvia1] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    margin: 1.4rem 0 0;
    padding: 0;
    list-style: none;
    counter-reset: workflow;
}
.founding-workflow li[b-5urvouvia1] {
    position: relative;
    min-height: 70px;
    padding: 1rem .8rem .5rem 0;
    border-top: 1px solid var(--so-border-strong);
    font-size: .8rem;
    font-weight: 600;
    counter-increment: workflow;
}
.founding-workflow li[b-5urvouvia1]::before {
    display: block;
    margin-bottom: .25rem;
    color: var(--so-accent);
    content: "0" counter(workflow);
    font: 400 .65rem/1.4 var(--so-font-mono);
}
.founding-workflow-ready[b-5urvouvia1] { color: var(--so-accent); }

.founding-close[b-5urvouvia1] {
    border-block: 1px solid var(--so-border);
    background: var(--so-surface-3);
}
.founding-close-inner[b-5urvouvia1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2rem;
    padding-block: clamp(2.5rem, 6vw, 4rem);
}
.founding-close .public-eyebrow[b-5urvouvia1] { margin-bottom: .8rem; color: var(--so-accent-2); }
.founding-close h2[b-5urvouvia1] { max-width: 20ch; font-size: clamp(1.8rem, 3.4vw, 2.8rem); }
.founding-close-inner > div > p:last-child[b-5urvouvia1] { margin-top: .8rem; color: var(--so-text-secondary); }
.founding-close .founding-cta[b-5urvouvia1] { margin: 0; }

@media (max-width: 1000px) {
    .founding-hero[b-5urvouvia1] { grid-template-columns: 1fr; gap: 1.5rem; }
    .founding-hero-product[b-5urvouvia1] { max-width: 390px; }
}

@media (max-width: 700px) {
    .founding-hero h1[b-5urvouvia1] { font-size: clamp(2.7rem, 12vw, 4rem); }
    .founding-offer[b-5urvouvia1] { margin-top: 1.3rem; }
    .founding-cta[b-5urvouvia1] { width: 100%; }
    .founding-workflow[b-5urvouvia1] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .founding-workflow li[b-5urvouvia1] { min-height: 62px; }
    .founding-close-inner[b-5urvouvia1] { grid-template-columns: 1fr; gap: .5rem; }
}

@media (prefers-reduced-motion: reduce) {
    .founding-bands-page *[b-5urvouvia1] { scroll-behavior: auto; }
}
/* /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: var(--so-text-secondary); 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: var(--so-danger); 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; } }

/* Stage 6I Chat refinement: focused conversation surface using shared tokens. */
.chat-shell[b-dwjhdzacyv] {
    max-width: 960px;
    min-width: 0;
    height: min(780px, calc(100dvh - 104px));
    margin: 0 auto;
    background: var(--so-surface);
    border-color: var(--so-border);
    border-radius: var(--so-radius-lg);
    box-shadow: var(--so-shadow-sm);
}

.chat-header[b-dwjhdzacyv] {
    gap: var(--so-space-3);
    padding: var(--so-space-3) var(--so-space-4);
    background: var(--so-surface-raised);
}

.chat-header > a[b-dwjhdzacyv] {
    width: 44px;
    height: 44px;
    color: var(--so-text);
    background: var(--so-surface-3);
    border-color: var(--so-border-light);
    border-radius: var(--so-radius-sm);
}

.chat-header > a:hover[b-dwjhdzacyv],
.chat-header > a:focus-visible[b-dwjhdzacyv] {
    color: var(--so-accent-hover);
    border-color: var(--so-accent);
}

.chat-header span[b-dwjhdzacyv] {
    color: var(--so-accent-hover);
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-bold);
    letter-spacing: .06em;
}

.chat-header h1[b-dwjhdzacyv] {
    margin-top: var(--so-space-1);
    color: var(--so-text);
    font-size: 1.05rem;
    font-weight: var(--so-font-weight-semibold);
}

.chat-messages[b-dwjhdzacyv] {
    gap: var(--so-space-3);
    padding: var(--so-space-6) clamp(var(--so-space-4), 5vw, var(--so-space-8));
    background-color: var(--so-bg);
    background-image: linear-gradient(rgba(11, 15, 22, .9), rgba(11, 15, 22, .9)), url('/giggeist-pattern.svg');
    background-position: center top;
    background-size: 420px 320px;
    background-blend-mode: normal;
}

.chat-message[b-dwjhdzacyv] {
    max-width: min(78%, 640px);
    padding: var(--so-space-3) var(--so-space-4);
    background: var(--so-surface-raised);
    border-color: var(--so-border);
    border-radius: var(--so-radius-sm) var(--so-radius-md) var(--so-radius-md);
}

.chat-message.mine[b-dwjhdzacyv] {
    background: color-mix(in srgb, var(--so-accent) 14%, var(--so-surface-raised));
    border-color: color-mix(in srgb, var(--so-accent) 42%, var(--so-border));
    border-radius: var(--so-radius-md) var(--so-radius-sm) var(--so-radius-md) var(--so-radius-md);
}

.chat-message-meta[b-dwjhdzacyv] { gap: var(--so-space-4); }
.chat-message-meta strong[b-dwjhdzacyv] { color: var(--so-text); font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-semibold); }
.chat-message-meta time[b-dwjhdzacyv] { color: var(--so-text-muted); font-size: var(--so-font-size-sm); font-variant-numeric: tabular-nums; }
.chat-message p[b-dwjhdzacyv] { margin-top: var(--so-space-2); color: var(--so-text); font-size: .9rem; line-height: 1.55; }

.chat-empty[b-dwjhdzacyv] { padding: var(--so-space-8) var(--so-space-5); }
.chat-empty span[b-dwjhdzacyv] { color: var(--so-text); font-size: 1.1rem; font-weight: var(--so-font-weight-semibold); }
.chat-empty p[b-dwjhdzacyv] { margin-top: var(--so-space-2); color: var(--so-text-secondary); font-size: var(--so-font-size-sm); line-height: 1.5; }

.chat-composer[b-dwjhdzacyv] {
    gap: var(--so-space-3);
    padding: var(--so-space-4);
    background: var(--so-surface-raised);
    border-top-color: var(--so-border);
}

.chat-composer textarea[b-dwjhdzacyv] {
    min-height: 64px;
    padding: var(--so-space-3) var(--so-space-4);
    color: var(--so-text);
    background: var(--so-surface);
    border-color: var(--so-border-light);
    border-radius: var(--so-radius-md);
}

.chat-composer textarea:focus-visible[b-dwjhdzacyv] {
    outline: 3px solid var(--so-focus);
    outline-offset: 2px;
    border-color: var(--so-accent);
    box-shadow: none;
}

.chat-composer button[b-dwjhdzacyv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    min-height: 44px;
    padding: var(--so-space-2) var(--so-space-4);
    color: #ffffff;
    background: var(--so-primary-action-gradient);
    border: 0;
    border-radius: var(--so-radius-sm);
    font: inherit;
    font-weight: var(--so-font-weight-bold);
    box-shadow: var(--so-primary-action-shadow);
}

.chat-composer button:hover[b-dwjhdzacyv],
.chat-composer button:focus-visible[b-dwjhdzacyv] { background: var(--so-primary-action-hover-gradient); }
.chat-composer button:focus-visible[b-dwjhdzacyv] { outline: 3px solid var(--so-focus); outline-offset: 2px; }
.chat-composer button:disabled[b-dwjhdzacyv] { opacity: .55; cursor: wait; }
.chat-error[b-dwjhdzacyv] { padding: var(--so-space-3) var(--so-space-4); color: var(--so-danger); background: color-mix(in srgb, var(--so-danger) 9%, var(--so-surface)); border-top: 1px solid color-mix(in srgb, var(--so-danger) 32%, var(--so-border)); font-size: var(--so-font-size-sm); }
.chat-unavailable[b-dwjhdzacyv], .chat-loading[b-dwjhdzacyv] { width: min(100% - 2rem, 700px); padding: var(--so-space-6); background: var(--so-surface); border-color: var(--so-border); border-radius: var(--so-radius-md); }

@media (max-width: 767px) {
    .chat-shell[b-dwjhdzacyv] { width: 100%; height: calc(100dvh - .8rem); margin: -.25rem 0 0; border-radius: var(--so-radius-md); }
    .chat-header[b-dwjhdzacyv] { padding: var(--so-space-3); }
    .chat-messages[b-dwjhdzacyv] { gap: var(--so-space-2); padding: var(--so-space-4) var(--so-space-3) var(--so-space-6); scroll-padding-bottom: var(--so-space-6); }
    .chat-message[b-dwjhdzacyv] { max-width: 92%; padding: var(--so-space-3); }
    .chat-message p[b-dwjhdzacyv] { font-size: .88rem; }
    .chat-composer[b-dwjhdzacyv] { padding: var(--so-space-3); }
    .chat-composer textarea[b-dwjhdzacyv] { min-height: 60px; }
    .chat-composer button[b-dwjhdzacyv] { width: 100%; }
}

@media (max-width: 430px) {
    .chat-header[b-dwjhdzacyv] { grid-template-columns: 44px minmax(0, 1fr) 12px; }
    .chat-header span[b-dwjhdzacyv] { font-size: var(--so-font-size-sm); }
    .chat-header h1[b-dwjhdzacyv] { font-size: 1rem; }
    .chat-message[b-dwjhdzacyv] { max-width: 95%; }
}
/* /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 var(--so-border-light);
    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: var(--so-border);
}


/* 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: var(--so-text-muted);
    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: var(--so-accent-hover);
}

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

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

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

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

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

.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: var(--so-surface-3);
    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: var(--so-surface-2);
    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: var(--so-surface);
    border: 1px solid var(--so-border);
    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: var(--so-text);
    }

.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: var(--so-text-muted);
}

.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 var(--so-border-light);
    border-radius: 50%;
    background: var(--so-surface);
}

    .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: var(--so-accent-hover); 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: var(--so-text);
    /* Tokens, not fixed hex. This shell used to paint a hardcoded blue-black
       (#070b12) under text that was already themed, so in light mode — the
       default for a visitor with no stored preference — #1f1b24 body text
       landed on near-black at about 1.3:1 and the whole hero was unreadable.
       The accent washes are mixed from the palette so they read as a soft
       plum glow on the dark canvas and a pale mauve wash on the light one. */
    background:
        radial-gradient(circle at 75% 20%, color-mix(in srgb, var(--so-accent-2) 18%, transparent), transparent 28%),
        radial-gradient(circle at 20% 70%, color-mix(in srgb, var(--so-accent) 22%, transparent), transparent 32%),
        var(--so-bg);
}
.landing-nav[b-7ozdqe0dhj] { display: flex; align-items: center; justify-content: flex-end; }
.landing-login[b-7ozdqe0dhj] { color: var(--so-text-secondary); 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: var(--so-text); 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: var(--so-text-secondary); 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: var(--so-text-secondary); 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 var(--so-border); color: var(--so-text); background: var(--so-surface); }
.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; }
}

/* Premium Home reference: one decisive hero, compact actions, restrained brand colour. */
.peaceful-home[b-7ozdqe0dhj] {
    width: min(100%, 1120px);
    max-width: 1120px;
    gap: 1rem;
}

.peaceful-home .band-hero[b-7ozdqe0dhj] {
    min-height: clamp(360px, 48vw, 540px);
    border: 0;
    border-radius: 22px;
    background: #121924;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .35);
}

.peaceful-home .band-hero-artwork[b-7ozdqe0dhj]::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, rgba(5, 9, 15, .94) 0%, rgba(5, 9, 15, .68) 46%, rgba(5, 9, 15, .14) 78%), linear-gradient(0deg, rgba(5, 9, 15, .82), transparent 54%);
    pointer-events: none;
}

.peaceful-home .band-hero-overlay[b-7ozdqe0dhj] {
    z-index: 2;
    inset: auto auto 0 0;
    display: flex;
    width: min(610px, 68%);
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(1.5rem, 4vw, 3.25rem);
    background: none;
}

.home-band-name[b-7ozdqe0dhj] {
    order: -2;
    margin-bottom: clamp(2.8rem, 8vw, 6rem);
    color: rgba(247, 249, 252, .72) !important;
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-hero-eyebrow[b-7ozdqe0dhj] {
    order: -1;
    margin: 0 0 .55rem !important;
    color: var(--so-accent-hover) !important;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.peaceful-home .band-hero-overlay h1[b-7ozdqe0dhj] {
    max-width: 14ch;
    font-size: clamp(2.3rem, 5vw, 4.25rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.peaceful-home .band-hero-overlay p[b-7ozdqe0dhj] {
    margin: .75rem 0 0;
    color: var(--so-text-secondary);
    font-size: clamp(.92rem, 1.4vw, 1.08rem);
    font-weight: 600;
}

.home-hero-action[b-7ozdqe0dhj] {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-height: 44px;
    margin-top: 1.25rem;
    padding: .65rem 1rem;
    color: #fff;
    background: var(--so-accent);
    border-radius: 9px;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform 150ms ease, background-color 150ms ease;
}

/* app.css styles the hero's description line with a broad
   `.band-hero-overlay span` rule (muted grey, display:block, margin-top).
   That also caught the arrow inside this button, rendering it grey and
   nudging it below the label's baseline. */
.peaceful-home .band-hero-overlay .home-hero-action span[b-7ozdqe0dhj] {
    display: inline;
    max-width: none;
    margin-top: 0;
    color: inherit;
    line-height: 1;
}

.home-hero-action:hover[b-7ozdqe0dhj] { color: #fff; transform: translateY(-1px); }
.home-hero-action:focus-visible[b-7ozdqe0dhj] { outline: 3px solid var(--so-focus); outline-offset: 3px; }

.peaceful-home .home-secondary-widgets[b-7ozdqe0dhj] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.peaceful-home .home-secondary-widgets > h2[b-7ozdqe0dhj] {
    grid-column: 1 / -1;
    margin: .35rem 0 .15rem;
    color: var(--so-text);
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: -.015em;
}

.peaceful-home .home-secondary-card[b-7ozdqe0dhj] {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 84px;
    align-content: center;
    padding: .9rem 1rem;
    background: var(--so-surface);
    border: 1px solid var(--so-border);
    border-radius: 13px;
    box-shadow: var(--so-shadow-sm);
}

.peaceful-home .home-secondary-card > span[b-7ozdqe0dhj],
.peaceful-home .home-secondary-card > strong[b-7ozdqe0dhj] { grid-column: 1; }
.peaceful-home .home-secondary-card > span[b-7ozdqe0dhj] { color: var(--so-text-muted); }
.peaceful-home .home-secondary-card.attention > span[b-7ozdqe0dhj] { color: var(--so-warning); }
.peaceful-home .home-secondary-card.attention[b-7ozdqe0dhj] { box-shadow: inset 3px 0 0 var(--so-warning), var(--so-shadow-sm); }
.peaceful-home .home-secondary-card > em[b-7ozdqe0dhj] { grid-column: 2; grid-row: 1 / 3; align-self: center; margin: 0; color: var(--so-text-secondary); }

.peaceful-home .home-pinned-post[b-7ozdqe0dhj] {
    padding: .95rem 1rem;
    background: var(--so-surface);
    border-color: var(--so-border);
    box-shadow: none;
    opacity: 1;
}

/* A member's other accepted gigs — quiet, scannable, same cue-sheet date
   chip as the gigs list. Never shown to owners (they have the full board). */
.home-coming-up[b-7ozdqe0dhj] { display: grid; gap: .6rem; }
.home-coming-up > h2[b-7ozdqe0dhj] {
    margin: .35rem 0 .15rem;
    color: var(--so-text);
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: -.015em;
}
.home-coming-up-list[b-7ozdqe0dhj] { display: grid; gap: .55rem; }
.home-coming-up-item[b-7ozdqe0dhj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    min-height: 68px;
    padding: .7rem .9rem;
    color: inherit;
    background: var(--so-surface);
    border: 1px solid var(--so-border);
    border-radius: 13px;
    text-decoration: none;
    transition: border-color 160ms ease;
}
.home-coming-up-item:hover[b-7ozdqe0dhj] { border-color: var(--so-border-light); }
.home-coming-up-item:focus-visible[b-7ozdqe0dhj] { outline: 3px solid var(--so-focus); outline-offset: 3px; }
.home-coming-up-item time[b-7ozdqe0dhj] {
    display: grid;
    place-items: center;
    align-content: center;
    min-width: 46px;
    padding: .3rem .2rem;
    color: var(--so-accent-hover);
    background: var(--so-accent-soft);
    border-radius: 9px;
    font-family: var(--so-font-mono);
    line-height: 1.1;
}
.home-coming-up-item time span[b-7ozdqe0dhj] { font-size: .6rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.home-coming-up-item time strong[b-7ozdqe0dhj] { font-size: 1.1rem; font-weight: 500; font-variant-numeric: tabular-nums; }
.home-coming-up-copy[b-7ozdqe0dhj] { display: grid; min-width: 0; gap: .15rem; }
.home-coming-up-copy strong[b-7ozdqe0dhj] { overflow: hidden; color: var(--so-text); text-overflow: ellipsis; white-space: nowrap; }
.home-coming-up-copy small[b-7ozdqe0dhj] { overflow: hidden; color: var(--so-text-muted); text-overflow: ellipsis; white-space: nowrap; }
.home-coming-up-chevron[b-7ozdqe0dhj] { color: var(--so-text-muted); font-size: .95rem; }

@media (max-width: 768px) {
    .peaceful-home[b-7ozdqe0dhj] { padding: .35rem 0 calc(5rem + env(safe-area-inset-bottom)); }
    .peaceful-home .band-hero[b-7ozdqe0dhj] { min-height: min(66vh, 520px); border-radius: 16px; }
    .peaceful-home .band-hero-artwork[b-7ozdqe0dhj]::after { background: linear-gradient(0deg, rgba(5,9,15,.98) 2%, rgba(5,9,15,.7) 50%, rgba(5,9,15,.12) 84%); }
    .peaceful-home .band-hero-overlay[b-7ozdqe0dhj] { width: 100%; padding: 1.15rem; }
    .home-band-name[b-7ozdqe0dhj] { margin-bottom: min(22vh, 9rem); }
    .peaceful-home .band-hero-overlay h1[b-7ozdqe0dhj] { max-width: 12ch; font-size: clamp(2.15rem, 10vw, 3.1rem); }
    .peaceful-home .home-secondary-widgets[b-7ozdqe0dhj] { grid-template-columns: 1fr; }
    .peaceful-home .home-pinned-post[b-7ozdqe0dhj] { order: 3; }
}

@media (max-width: 390px) {
    .peaceful-home .band-hero[b-7ozdqe0dhj] { min-height: 470px; }
    .home-band-name[b-7ozdqe0dhj] { margin-bottom: 7rem; }
}

@media (prefers-reduced-motion: reduce) {
    .home-hero-action[b-7ozdqe0dhj],
    .peaceful-home .home-secondary-card[b-7ozdqe0dhj] { transition: none; }
}

.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: var(--so-accent-hover); font-size: .68rem; font-weight: 800; text-decoration: none; }
.owner-member-gigs[b-7ozdqe0dhj] { display: block; }

.band-hero[b-7ozdqe0dhj] { position: relative; }
.band-hero-artwork[b-7ozdqe0dhj] { position: absolute; inset: 0; display: grid; overflow: hidden; border-radius: inherit; }
.band-hero-image[b-7ozdqe0dhj] { position: absolute; inset: 0; overflow: hidden; background: #080c13; }
.band-hero-image > img[b-7ozdqe0dhj] { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; user-select: none; }
.band-hero-image-background[b-7ozdqe0dhj] { object-fit: cover; object-position: var(--hero-x) var(--hero-y); filter: blur(24px) brightness(.48) saturate(.8); transform: scale(1.12); }
.band-hero-image-foreground[b-7ozdqe0dhj] { object-fit: contain; object-position: var(--hero-x) var(--hero-y); transform: scale(var(--hero-scale)); transform-origin: center; transition: transform 120ms ease-out, object-position 120ms ease-out; }
.band-hero-artwork:focus-visible[b-7ozdqe0dhj] { outline: 3px solid var(--so-focus); outline-offset: -4px; }
.band-poster[b-7ozdqe0dhj] { position: relative; display: block; isolation: isolate; overflow: hidden; width: 100%; height: 100%; color: var(--so-text); background: #1a1226; }
.band-poster[b-7ozdqe0dhj]::before, .band-poster[b-7ozdqe0dhj]::after { position: absolute; z-index: -1; content: ""; pointer-events: none; }
.poster-name[b-7ozdqe0dhj] { position: absolute; color: rgba(244,240,255,.22); font-weight: 900; letter-spacing: -.08em; line-height: .76; white-space: nowrap; }
.poster-name-a[b-7ozdqe0dhj] { top: 11%; left: -3%; font-size: clamp(3.8rem, 14vw, 9rem); }
.poster-name-b[b-7ozdqe0dhj] { bottom: 18%; right: -4%; color: rgba(224,200,255,.14); font-size: clamp(3rem, 11vw, 7rem); transform: rotate(-8deg); }
.poster-monogram[b-7ozdqe0dhj] { position: absolute; left: 8%; bottom: 18%; color: #fff; font-size: clamp(2rem, 8vw, 4.6rem); font-weight: 900; letter-spacing: -.1em; }
.poster-location[b-7ozdqe0dhj] { position: absolute; top: 14%; right: 8%; color: rgba(255,255,255,.78); font-size: .63rem; font-weight: 800; letter-spacing: .22em; writing-mode: vertical-rl; }
.poster-wave[b-7ozdqe0dhj] { position: absolute; right: 7%; bottom: 13%; width: 43%; height: 18%; border-top: 4px solid rgba(238,224,255,.55); border-radius: 50%; transform: rotate(-14deg); }
.poster-lines[b-7ozdqe0dhj] { position: absolute; inset: 0; opacity: .35; background: repeating-linear-gradient(90deg, transparent 0 11%, rgba(255,255,255,.14) 11.3% 11.8%, transparent 12.1% 21%); }
.band-poster.has-vocals .poster-wave[b-7ozdqe0dhj] { box-shadow: 0 -16px 0 -13px rgba(220,208,255,.55), 0 -33px 0 -30px rgba(220,208,255,.36); }
.band-poster.has-strings .poster-lines[b-7ozdqe0dhj] { transform: skewY(-14deg); transform-origin: bottom; }
.band-poster.has-drums[b-7ozdqe0dhj]::after { width: 220px; height: 220px; right: 12%; top: 18%; border: 2px solid rgba(255,255,255,.22); border-radius: 50%; box-shadow: 0 0 0 23px rgba(255,255,255,.06), 0 0 0 51px rgba(255,255,255,.04); }
.band-poster.has-keys[b-7ozdqe0dhj]::before { inset: auto 0 0; height: 36%; background: repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 5%, transparent 5.6% 11%); opacity: .4; }
.band-poster.has-brass[b-7ozdqe0dhj]::after { width: 280px; height: 100px; right: -30px; top: 30%; border: 3px solid rgba(255,222,171,.28); border-radius: 50%; transform: rotate(-25deg); }
/* Six deterministic poster identities. Kept visually distinct from one
   another, but all now in GigGeist's warm dark family — violet, orchid,
   wine, aubergine — rather than the earlier mix of teal, navy and green. */
.band-poster-1[b-7ozdqe0dhj] { background: #1a1226; }.band-poster-1[b-7ozdqe0dhj]::before { inset: -20% 38% -10% -12%; background: #5a4593; transform: skewX(-22deg); }.band-poster-1 .poster-name-a[b-7ozdqe0dhj] { transform: rotate(-4deg); }
.band-poster-2[b-7ozdqe0dhj] { background: #23121e; }.band-poster-2[b-7ozdqe0dhj]::before { inset: 0 0 0 54%; background: #6e3b58; clip-path: polygon(40% 0,100% 0,100% 100%,0 100%); }.band-poster-2 .poster-name-a[b-7ozdqe0dhj] { top: 20%; left: 6%; font-size: clamp(3.4rem,12vw,8rem); writing-mode: vertical-rl; }
.band-poster-3[b-7ozdqe0dhj] { background: #1c1030; }.band-poster-3[b-7ozdqe0dhj]::before { inset: 0; background: linear-gradient(112deg, transparent 35%, rgba(224,123,208,.22) 35.5% 38%, transparent 38.5% 61%, rgba(148,106,224,.18) 61.5% 64%, transparent 64.5%); }.band-poster-3 .poster-name-b[b-7ozdqe0dhj] { bottom: 8%; left: -2%; right: auto; transform: none; }
.band-poster-4[b-7ozdqe0dhj] { background: #251331; }.band-poster-4[b-7ozdqe0dhj]::before { inset: 8% 12%; border: 1px solid rgba(240,168,230,.26); }.band-poster-4 .poster-name-a[b-7ozdqe0dhj] { top: 30%; left: 5%; font-size: clamp(3.2rem,10vw,7rem); }.band-poster-4 .poster-monogram[b-7ozdqe0dhj] { right: 8%; left: auto; top: 12%; bottom: auto; }
.band-poster-5[b-7ozdqe0dhj] { background: #2a1420; }.band-poster-5[b-7ozdqe0dhj]::before { inset: 0; background: repeating-radial-gradient(ellipse at 70% 115%, transparent 0 8%, rgba(240,168,230,.14) 8.5% 9%, transparent 9.5% 15%); }.band-poster-5 .poster-name-a[b-7ozdqe0dhj] { top: 14%; left: 7%; font-size: clamp(3rem,9.5vw,6.5rem); letter-spacing: -.04em; }
.band-poster-6[b-7ozdqe0dhj] { background: #1c1428; }.band-poster-6[b-7ozdqe0dhj]::before { width: 130%; height: 45%; left: -15%; top: 25%; background: #7a3f6b; transform: rotate(-12deg); }.band-poster-6 .poster-name-a[b-7ozdqe0dhj] { top: 6%; left: -5%; }.band-poster-6 .poster-name-b[b-7ozdqe0dhj] { bottom: 6%; right: 5%; color: rgba(255,218,240,.2); }
.band-hero-fallback[b-7ozdqe0dhj] { position: relative; isolation: isolate; overflow: hidden; }
.band-hero-fallback[b-7ozdqe0dhj]::before, .band-hero-fallback[b-7ozdqe0dhj]::after { position: absolute; z-index: -1; content: ""; pointer-events: none; }
.band-artwork-1[b-7ozdqe0dhj] { background: radial-gradient(ellipse at 18% 18%, rgba(180,132,255,.75), transparent 28%), radial-gradient(ellipse at 88% 76%, rgba(55,142,214,.55), transparent 36%), linear-gradient(130deg, #171128, #13243a 64%, #0d1928); }
.band-artwork-1[b-7ozdqe0dhj]::before { inset: -20% -8%; background: repeating-radial-gradient(ellipse at 72% 100%, transparent 0 9%, rgba(214,195,255,.14) 9.5% 10.5%, transparent 11% 16%); transform: rotate(-12deg); }
.band-artwork-2[b-7ozdqe0dhj] { background: radial-gradient(circle at 74% 24%, rgba(255,196,104,.55), transparent 14%), linear-gradient(145deg, #25202d, #39223a 48%, #132a3d); }
.band-artwork-2[b-7ozdqe0dhj]::before { inset: -55% 16% 8% -22%; border: 2px solid rgba(255,220,165,.19); border-radius: 50%; box-shadow: 0 0 0 32px rgba(255,184,114,.06), 0 0 0 65px rgba(157,107,207,.06); transform: rotate(27deg); }
.band-artwork-3[b-7ozdqe0dhj] { background: radial-gradient(ellipse at 50% -10%, rgba(126,243,213,.45), transparent 42%), linear-gradient(125deg, #0d2630, #1e2448 58%, #21152f); }
.band-artwork-3[b-7ozdqe0dhj]::before { inset: 0; background: linear-gradient(112deg, transparent 26%, rgba(166,255,231,.12) 27% 29%, transparent 30% 48%, rgba(181,197,255,.14) 49% 51%, transparent 52%); }
.band-artwork-4[b-7ozdqe0dhj] { background: radial-gradient(circle at 14% 80%, rgba(93,140,255,.56), transparent 26%), radial-gradient(circle at 88% 18%, rgba(232,113,201,.5), transparent 24%), #151b36; }
.band-artwork-4[b-7ozdqe0dhj]::before { inset: -30% -10%; background: repeating-linear-gradient(90deg, transparent 0 9%, rgba(208,186,255,.1) 9.4% 9.8%, transparent 10.2% 18%); transform: skewY(-15deg); }
.band-artwork-5[b-7ozdqe0dhj] { background: radial-gradient(ellipse at 80% 15%, rgba(218,241,174,.38), transparent 24%), linear-gradient(150deg, #17231b, #253329 48%, #182542); }
.band-artwork-5[b-7ozdqe0dhj]::before { width: 170%; height: 50%; left: -30%; bottom: 8%; border-top: 2px solid rgba(214,244,190,.2); border-radius: 50%; box-shadow: 0 -20px 0 -18px rgba(214,244,190,.14), 0 -44px 0 -42px rgba(214,244,190,.1); transform: rotate(-8deg); }
.band-artwork-6[b-7ozdqe0dhj] { background: radial-gradient(circle at 50% 50%, rgba(125,95,217,.4), transparent 18%), linear-gradient(135deg, #281528, #24203f 48%, #112a34); }
.band-artwork-6[b-7ozdqe0dhj]::before { inset: 9% 18%; border: 1px solid rgba(229,211,255,.2); border-radius: 50%; box-shadow: 0 0 0 20px rgba(152,124,230,.06), 0 0 0 44px rgba(87,195,199,.06); }
.band-artwork-7[b-7ozdqe0dhj] { background: radial-gradient(ellipse at 22% 20%, rgba(244,123,154,.48), transparent 23%), linear-gradient(150deg, #311b2a, #1c2648 55%, #132b38); }
.band-artwork-7[b-7ozdqe0dhj]::before { inset: -40% 30% -40% -15%; background: linear-gradient(90deg, transparent 42%, rgba(255,194,211,.13) 43% 57%, transparent 58%); transform: rotate(33deg); }
.band-artwork-8[b-7ozdqe0dhj] { background: radial-gradient(circle at 82% 73%, rgba(115,179,255,.5), transparent 28%), linear-gradient(130deg, #101c31, #1c2f4a 50%, #2b1c3f); }
.band-artwork-8[b-7ozdqe0dhj]::before { inset: 0; background: repeating-linear-gradient(0deg, transparent 0 15%, rgba(186,218,255,.08) 15.5% 16%, transparent 16.5% 29%); transform: perspective(300px) rotateX(48deg) scale(1.5) translateY(24%); transform-origin: bottom; }
.band-artwork-1[b-7ozdqe0dhj], .band-artwork-2[b-7ozdqe0dhj], .band-artwork-3[b-7ozdqe0dhj], .band-artwork-4[b-7ozdqe0dhj], .band-artwork-5[b-7ozdqe0dhj], .band-artwork-6[b-7ozdqe0dhj], .band-artwork-7[b-7ozdqe0dhj], .band-artwork-8[b-7ozdqe0dhj] { background-size: cover; background-position: center; }
.band-artwork-1[b-7ozdqe0dhj] { background-image: url('/brand/band-artwork-1.svg'); }
.band-artwork-2[b-7ozdqe0dhj] { background-image: url('/brand/band-artwork-2.svg'); }
.band-artwork-3[b-7ozdqe0dhj] { background-image: url('/brand/band-artwork-3.svg'); }
.band-artwork-4[b-7ozdqe0dhj] { background-image: url('/brand/band-artwork-4.svg'); }
.band-artwork-5[b-7ozdqe0dhj] { background-image: url('/brand/band-artwork-5.svg'); }
.band-artwork-6[b-7ozdqe0dhj] { background-image: url('/brand/band-artwork-6.svg'); }
.band-artwork-7[b-7ozdqe0dhj] { background-image: url('/brand/band-artwork-7.svg'); }
.band-artwork-8[b-7ozdqe0dhj] { background-image: url('/brand/band-artwork-8.svg'); }
.band-artwork-1[b-7ozdqe0dhj]::before, .band-artwork-1[b-7ozdqe0dhj]::after, .band-artwork-2[b-7ozdqe0dhj]::before, .band-artwork-2[b-7ozdqe0dhj]::after, .band-artwork-3[b-7ozdqe0dhj]::before, .band-artwork-3[b-7ozdqe0dhj]::after, .band-artwork-4[b-7ozdqe0dhj]::before, .band-artwork-4[b-7ozdqe0dhj]::after, .band-artwork-5[b-7ozdqe0dhj]::before, .band-artwork-5[b-7ozdqe0dhj]::after, .band-artwork-6[b-7ozdqe0dhj]::before, .band-artwork-6[b-7ozdqe0dhj]::after, .band-artwork-7[b-7ozdqe0dhj]::before, .band-artwork-7[b-7ozdqe0dhj]::after, .band-artwork-8[b-7ozdqe0dhj]::before, .band-artwork-8[b-7ozdqe0dhj]::after { display: none; }
.band-hero-photo-action[b-7ozdqe0dhj] { position: absolute; z-index: 4; top: .7rem; right: .7rem; display: grid; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; }
.band-hero-photo-action[b-7ozdqe0dhj]  input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.band-hero-photo-action span[b-7ozdqe0dhj] { display: grid; min-width: 34px; height: 34px; place-items: center; color: var(--so-text); background: rgba(7,13,24,.72); border: 1px solid rgba(255,255,255,.18); border-radius: 50%; font-size: .78rem; opacity: 0; transition: opacity 150ms ease, background 150ms ease; }
.band-hero-photo-remove[b-7ozdqe0dhj] { position: absolute; z-index: 4; top: .72rem; right: 3.35rem; min-height: 32px; padding: .35rem .55rem; color: var(--so-danger); background: rgba(39,13,24,.74); border: 1px solid rgba(255,203,216,.22); border-radius: 999px; cursor: pointer; font: inherit; font-size: .68rem; font-weight: 750; opacity: 0; transition: opacity 150ms ease, background 150ms ease; }
.band-hero:hover .band-hero-photo-remove[b-7ozdqe0dhj], .band-hero-photo-remove:focus-visible[b-7ozdqe0dhj] { opacity: 1; outline: none; }
.band-hero:hover .band-hero-photo-action span[b-7ozdqe0dhj], .band-hero-photo-action:focus-within span[b-7ozdqe0dhj] { opacity: 1; }
.band-hero-photo-action:focus-within[b-7ozdqe0dhj] { outline: 3px solid var(--so-focus); outline-offset: 3px; }
.band-photo-error[b-7ozdqe0dhj] { margin: .6rem 0 0; color: var(--so-danger); font-size: .82rem; }

@media (max-width: 768px) { .band-hero-photo-action span[b-7ozdqe0dhj], .band-hero-photo-remove[b-7ozdqe0dhj] { opacity: .88; } }

.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: var(--so-warning); }
.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: var(--so-accent-hover); 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: var(--so-accent-hover); 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: var(--so-text); 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; }
}

.peaceful-home[b-7ozdqe0dhj] { max-width: 980px; gap: 1.25rem; }
.onboarding-next[b-7ozdqe0dhj] { max-width:36rem; padding:1rem 1.15rem 1.1rem; border:1px solid var(--so-border); border-radius:var(--so-radius-lg,1rem); background:var(--so-surface-raised); box-shadow:var(--so-shadow-sm); }
.onboarding-next-meta[b-7ozdqe0dhj] { display:flex; justify-content:space-between; gap:1rem; color:var(--so-text-muted); font-size:.76rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.onboarding-next-progress[b-7ozdqe0dhj] { height:.25rem; margin:.65rem 0 1rem; border-radius:99px; background:var(--so-border); overflow:hidden; }
.onboarding-next-progress span[b-7ozdqe0dhj] { display:block; height:100%; border-radius:inherit; background:var(--so-accent); transition:width 180ms ease; }
.onboarding-next-kicker[b-7ozdqe0dhj] { margin:0 0 .25rem; color:var(--so-text-muted); font-size:.82rem; }
.onboarding-next h2[b-7ozdqe0dhj] { margin:0; font-size:1.25rem; }
.onboarding-next > p:not(.onboarding-next-kicker)[b-7ozdqe0dhj] { margin:.35rem 0 1rem; color:var(--so-text-muted); }
.onboarding-next-actions[b-7ozdqe0dhj] { display:flex; align-items:center; gap:.9rem; flex-wrap:wrap; }
.onboarding-next-secondary[b-7ozdqe0dhj] { color:var(--so-text-muted); font-size:.86rem; font-weight:600; }
@media (prefers-reduced-motion: reduce) { .onboarding-next-progress span[b-7ozdqe0dhj] { transition:none; } }
.peaceful-home .home-next-gig[b-7ozdqe0dhj] { position: relative; min-height: 150px; padding: 1.35rem 1.5rem; border-left: 4px solid var(--so-accent); border-color: var(--so-border); box-shadow: var(--so-shadow-md); transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease; }
.peaceful-home .home-next-gig strong[b-7ozdqe0dhj] { font-size: clamp(1.55rem, 3vw, 2.25rem); letter-spacing: -.04em; }
.peaceful-home .home-next-gig p[b-7ozdqe0dhj] { font-size: 1rem; }
.peaceful-home .home-next-gig em[b-7ozdqe0dhj] { margin-top: .7rem; }
.peaceful-home .home-next-gig:hover[b-7ozdqe0dhj] { border-color: var(--so-accent); transform: translateY(-1px); box-shadow: var(--so-shadow-lg); }
.peaceful-home .home-next-gig:focus-visible[b-7ozdqe0dhj], .peaceful-home .home-secondary-card:focus-visible[b-7ozdqe0dhj], .peaceful-home .home-pinned-post a:focus-visible[b-7ozdqe0dhj] { outline: 3px solid var(--so-focus); outline-offset: 3px; }
.peaceful-home .home-secondary-widgets[b-7ozdqe0dhj] { gap: 1rem; }
.peaceful-home .home-secondary-card[b-7ozdqe0dhj] { min-height: 108px; padding: 1.1rem 1.2rem; border-color: var(--so-border); transition: border-color 160ms ease, background-color 160ms ease; }
.peaceful-home .home-secondary-card:hover[b-7ozdqe0dhj] { border-color: var(--so-border-light); }
.peaceful-home .home-pinned-post[b-7ozdqe0dhj] { opacity: .92; }
@media (min-width: 768px) {
    .peaceful-home[b-7ozdqe0dhj] { padding-left: 1rem; padding-right: 1rem; }
    .peaceful-home .band-hero[b-7ozdqe0dhj] { min-height: 210px; }
}
@media (max-width: 480px) {
    .peaceful-home[b-7ozdqe0dhj] { gap: .85rem; padding-top: .5rem; }
    .peaceful-home .band-hero[b-7ozdqe0dhj] { min-height: 190px; }
    .peaceful-home .home-next-gig[b-7ozdqe0dhj] { min-height: 138px; padding: 1.1rem; border-left-width: 3px; }
    .peaceful-home .home-next-gig strong[b-7ozdqe0dhj] { font-size: 1.45rem; }
    .peaceful-home .home-next-gig p[b-7ozdqe0dhj] { font-size: .9rem; }
    .peaceful-home .home-secondary-card[b-7ozdqe0dhj] { min-height: 0; padding: .9rem; }
}

/* Stage 6 scale pass: keep the band identity visible without letting the hero
   displace the actionable dashboard content on compact screens. */
@media (max-width: 600px) {
    /* Keep the uploaded photo frame tall enough to preserve its composition. */
    .peaceful-home .band-hero[b-7ozdqe0dhj] { min-height: 235px; }
    .peaceful-home .band-hero-overlay[b-7ozdqe0dhj] { padding: 2.7rem 1rem 1rem; }
    .peaceful-home .band-hero-overlay h1[b-7ozdqe0dhj] { font-size: clamp(1.75rem, 8vw, 2.35rem); }
    .peaceful-home .band-hero-overlay p[b-7ozdqe0dhj] { font-size: .82rem; }
    .peaceful-home .attention-centre[b-7ozdqe0dhj] { margin-bottom: 1rem; }
}

/* Final cascade guard while legacy Home rules are retired incrementally. */
.peaceful-home[b-7ozdqe0dhj] { width: min(100%, 1120px); max-width: 1120px; }
.peaceful-home .band-hero[b-7ozdqe0dhj] { min-height: clamp(360px, 48vw, 540px); border: 0; border-radius: 22px; }
.peaceful-home .band-hero-overlay[b-7ozdqe0dhj] { inset: auto auto 0 0; width: min(610px, 68%); padding: clamp(1.5rem, 4vw, 3.25rem); background: none; }
.peaceful-home .band-hero-overlay h1[b-7ozdqe0dhj] { font-size: clamp(2.3rem, 5vw, 4.25rem); }
.peaceful-home .band-hero-overlay p[b-7ozdqe0dhj] { font-size: clamp(.92rem, 1.4vw, 1.08rem); }
.peaceful-home .home-secondary-widgets[b-7ozdqe0dhj] { gap: .65rem; }
.peaceful-home .home-secondary-card[b-7ozdqe0dhj] { min-height: 84px; padding: .9rem 1rem; }

@media (max-width: 768px) {
    .peaceful-home[b-7ozdqe0dhj] { padding: .35rem 0 calc(5rem + env(safe-area-inset-bottom)); }
    .peaceful-home .band-hero[b-7ozdqe0dhj] { min-height: min(66vh, 520px); border-radius: 16px; }
    .peaceful-home .band-hero-overlay[b-7ozdqe0dhj] { width: 100%; padding: 1.15rem; }
    .peaceful-home .band-hero-overlay h1[b-7ozdqe0dhj] { font-size: clamp(2.15rem, 10vw, 3.1rem); }
    .peaceful-home .band-hero-overlay p[b-7ozdqe0dhj] { font-size: .92rem; }
}

@media (max-width: 390px) {
    .peaceful-home .band-hero[b-7ozdqe0dhj] { min-height: 470px; }
}

.band-photo-menu[b-7ozdqe0dhj] { position: absolute; z-index: 5; top: .75rem; right: .75rem; }
.band-photo-menu > summary[b-7ozdqe0dhj] { display: grid; width: 44px; height: 44px; place-items: center; color: #fff; cursor: pointer; background: rgba(7, 12, 20, .72); border: 1px solid rgba(255,255,255,.18); border-radius: 50%; list-style: none; backdrop-filter: blur(10px); }
.band-photo-menu > summary[b-7ozdqe0dhj]::-webkit-details-marker { display: none; }
.band-photo-menu > summary:focus-visible[b-7ozdqe0dhj] { outline: 3px solid var(--so-focus); outline-offset: 2px; }
.band-photo-menu > div[b-7ozdqe0dhj] { position: absolute; top: calc(100% + .4rem); right: 0; display: grid; width: 170px; padding: .3rem; background: var(--so-surface-raised); border: 1px solid var(--so-border); border-radius: 11px; box-shadow: var(--so-shadow-lg); }
.band-photo-menu button[b-7ozdqe0dhj], .band-photo-menu-action[b-7ozdqe0dhj] { display: flex; min-height: 42px; align-items: center; padding: .55rem .65rem; color: var(--so-text-secondary); cursor: pointer; background: transparent; border: 0; border-radius: 7px; font: inherit; font-size: .78rem; font-weight: 650; text-align: left; }
.band-photo-menu button:hover[b-7ozdqe0dhj], .band-photo-menu-action:hover[b-7ozdqe0dhj] { color: var(--so-text); background: var(--so-surface-3); }
.band-photo-menu button.danger[b-7ozdqe0dhj] { color: var(--so-danger); }
.band-photo-menu-action[b-7ozdqe0dhj]  input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.hero-position-backdrop[b-7ozdqe0dhj] { position: fixed; z-index: 120; inset: 0; display: grid; place-items: center; padding: 1rem; background: rgba(1,4,8,.78); backdrop-filter: blur(8px); }
.hero-position-dialog[b-7ozdqe0dhj] { width: min(100%, 680px); padding: 1rem; background: var(--so-surface); border: 1px solid var(--so-border); border-radius: 18px; box-shadow: var(--so-shadow-lg); }
.hero-position-dialog header[b-7ozdqe0dhj], .hero-position-dialog footer[b-7ozdqe0dhj] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.hero-position-dialog header span[b-7ozdqe0dhj] { color: var(--so-text-muted); font-size: .67rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hero-position-dialog h2[b-7ozdqe0dhj] { margin: .15rem 0 0; font-size: 1.15rem; }
.hero-position-dialog header button[b-7ozdqe0dhj] { display: grid; width: 44px; height: 44px; place-items: center; color: var(--so-text-secondary); background: transparent; border: 0; border-radius: 50%; font-size: 1.35rem; }
.hero-position-preview[b-7ozdqe0dhj] { position: relative; aspect-ratio: 760 / 330; height: auto; max-height: min(42vh, 330px); margin: 1rem 0; overflow: hidden; touch-action: none; cursor: grab; background: #090e16; border-radius: 13px; }
.hero-position-preview:active[b-7ozdqe0dhj] { cursor: grabbing; }
.hero-position-preview > img[b-7ozdqe0dhj] { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; user-select: none; }
.hero-position-preview span[b-7ozdqe0dhj] { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.16); border-radius: inherit; pointer-events: none; }
.hero-position-controls[b-7ozdqe0dhj] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.hero-position-controls label[b-7ozdqe0dhj] { display: grid; gap: .4rem; color: var(--so-text-secondary); font-size: .75rem; font-weight: 650; }
.hero-position-controls input[b-7ozdqe0dhj] { width: 100%; accent-color: var(--so-accent); }
.hero-position-controls input[type="range"][b-7ozdqe0dhj] { min-height: 32px; }
.hero-position-controls .hero-zoom-control[b-7ozdqe0dhj] { grid-column: 1 / -1; grid-template-columns: 1fr auto; }
.hero-position-controls .hero-zoom-control input[b-7ozdqe0dhj] { grid-column: 1 / -1; }
.hero-position-dialog > p[b-7ozdqe0dhj] { margin: .85rem 0; color: var(--so-text-muted); font-size: .75rem; }
.hero-position-dialog footer[b-7ozdqe0dhj] { justify-content: flex-end; }
.hero-position-dialog footer > span[b-7ozdqe0dhj] { flex: 1; }
@media (max-width: 600px) { .hero-position-backdrop[b-7ozdqe0dhj] { align-items: end; padding: 0; } .hero-position-dialog[b-7ozdqe0dhj] { max-height: calc(100dvh - env(safe-area-inset-top)); overflow-y: auto; border-radius: 18px 18px 0 0; padding: 1rem max(1rem, env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); overscroll-behavior: contain; } .hero-position-controls[b-7ozdqe0dhj] { grid-template-columns: 1fr; gap: .45rem; } .hero-position-controls .hero-zoom-control[b-7ozdqe0dhj] { grid-column: 1; } .hero-position-preview[b-7ozdqe0dhj] { width: min(100%, 24vh); aspect-ratio: 3 / 4; margin-right: auto; margin-left: auto; max-height: 32vh; } .hero-position-dialog footer[b-7ozdqe0dhj] { position: sticky; bottom: calc(-1rem - env(safe-area-inset-bottom)); margin: 0 -1rem calc(-1rem - env(safe-area-inset-bottom)); padding: .7rem 1rem calc(.7rem + env(safe-area-inset-bottom)); background: var(--so-surface); border-top: 1px solid var(--so-border); } }

@media (max-width: 768px) {
    .peaceful-home[b-7ozdqe0dhj] { gap: var(--so-section-gap); }
    .peaceful-home .band-hero[b-7ozdqe0dhj] { min-height: min(52svh, 400px); }
    .peaceful-home .band-hero-overlay[b-7ozdqe0dhj] { padding: var(--so-surface-padding-hero); }
    .home-coming-up[b-7ozdqe0dhj] { gap: var(--so-section-heading-gap); }
    .home-coming-up-list[b-7ozdqe0dhj] { gap: var(--so-space-2); }
    .home-coming-up-item[b-7ozdqe0dhj] { min-height: 52px; padding: var(--so-space-2) var(--so-space-3); }
    .peaceful-home .home-pinned-post[b-7ozdqe0dhj] { padding: var(--so-surface-padding-standard); }
    .peaceful-home .home-secondary-widgets[b-7ozdqe0dhj], .attention-list[b-7ozdqe0dhj] { gap: var(--so-space-2); }
    .peaceful-home .home-secondary-card[b-7ozdqe0dhj] { min-height: 72px; padding: var(--so-space-3); }
    .attention-centre[b-7ozdqe0dhj] { margin-bottom: var(--so-section-gap); padding: var(--so-surface-padding-standard); }
    .attention-row[b-7ozdqe0dhj] { min-height: 56px; padding: var(--so-space-2) var(--so-space-3); }
}
@media (max-width: 390px) { .peaceful-home .band-hero[b-7ozdqe0dhj] { min-height: 360px; } }

/* Story 2: keep the next gig dominant and make supporting dashboard data quieter. */
.home-coming-up-copy strong[b-7ozdqe0dhj],
.attention-copy strong[b-7ozdqe0dhj],
.peaceful-home .home-next-gig strong[b-7ozdqe0dhj] {
    color: var(--so-text);
    font-weight: var(--so-font-weight-bold);
}

.home-coming-up-copy small[b-7ozdqe0dhj],
.attention-copy small[b-7ozdqe0dhj],
.peaceful-home .home-next-gig p[b-7ozdqe0dhj] {
    color: var(--so-text-muted);
    font-weight: var(--so-font-weight-regular);
}

.peaceful-home .home-secondary-card > span[b-7ozdqe0dhj] {
    color: var(--so-text-muted);
    font-weight: var(--so-font-weight-semibold);
}

.peaceful-home .home-secondary-card > strong[b-7ozdqe0dhj] {
    color: var(--so-text-secondary);
    font-weight: var(--so-font-weight-semibold);
}
/* /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-back-link[b-4gen2p1q0d] {
    display: block;
    width: fit-content;
    margin-bottom: var(--so-space-3);
    color: var(--so-accent);
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-semibold);
    text-decoration: none;
}

.invite-back-link:hover[b-4gen2p1q0d],
.invite-back-link:focus-visible[b-4gen2p1q0d] { color: var(--so-accent-hover); }

.invite-brand[b-4gen2p1q0d] {
    display: block;
    width: fit-content;
    margin-bottom: 1.25rem;
    color: var(--so-text);
    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: var(--so-warning);
        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: var(--so-danger);
        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: var(--so-warning);
        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: var(--so-danger);
    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: var(--so-warning);
    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);
}

/* Shared StageOps status semantics; response-specific selectors remain for layout. */
.response-result.available-result[b-4gen2p1q0d] { border-color: var(--so-border); background: rgba(135,145,161,.12); }
.response-result.maybe-result[b-4gen2p1q0d] { border-color: color-mix(in srgb, var(--so-warning) 50%, var(--so-border)); background: rgba(244,185,66,.12); }
.response-result.success-result[b-4gen2p1q0d] { border-color: color-mix(in srgb, var(--so-success) 50%, var(--so-border)); background: rgba(56,212,135,.12); }
.response-result.declined-result[b-4gen2p1q0d] { border-color: color-mix(in srgb, var(--so-danger) 50%, var(--so-border)); background: rgba(240,100,100,.12); }

    .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: var(--so-accent-hover);
    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: var(--so-accent-hover); 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; }

/* Stage 6G Invitations refinement: focused decision surface with semantic response states. */
.invite-shell[b-4gen2p1q0d] {
    max-width: 720px;
    padding: var(--so-space-6) var(--so-space-4) var(--so-space-10);
}

.invite-brand[b-4gen2p1q0d] {
    margin-bottom: var(--so-space-5);
    color: var(--so-text);
    font-size: 1.5rem;
    font-weight: var(--so-font-weight-bold);
    letter-spacing: -.035em;
}

.invite-card[b-4gen2p1q0d],
.conversation-card[b-4gen2p1q0d] {
    background: var(--so-surface);
    border-color: var(--so-border);
    border-radius: var(--so-radius-lg);
    box-shadow: var(--so-shadow-sm);
}

.invite-card[b-4gen2p1q0d] { padding: var(--so-space-6); }

.invite-header[b-4gen2p1q0d] {
    gap: var(--so-space-5);
    padding-bottom: var(--so-space-5);
}

.invite-eyebrow[b-4gen2p1q0d],
.invite-small-label[b-4gen2p1q0d] {
    margin-bottom: var(--so-space-2);
    color: var(--so-accent-hover);
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-bold);
    letter-spacing: .08em;
}

.invite-header h1[b-4gen2p1q0d] {
    margin-bottom: var(--so-space-2);
    color: var(--so-text);
    font-size: clamp(1.8rem, 4vw, 2.4rem);
    font-weight: var(--so-font-weight-bold);
    letter-spacing: -.04em;
    overflow-wrap: anywhere;
}

.invite-meta[b-4gen2p1q0d] {
    gap: var(--so-space-2);
    color: var(--so-text-secondary);
    font-size: 1rem;
    font-weight: var(--so-font-weight-semibold);
    line-height: 1.45;
}

.invite-status[b-4gen2p1q0d] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    padding: var(--so-space-2) var(--so-space-3);
    border: 1px solid transparent;
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-semibold);
}

.invite-status.pending[b-4gen2p1q0d] { color: var(--so-warning); background: color-mix(in srgb, var(--so-warning) 12%, transparent); border-color: color-mix(in srgb, var(--so-warning) 36%, var(--so-border)); }
.invite-status.accepted[b-4gen2p1q0d] { color: var(--so-success); background: color-mix(in srgb, var(--so-success) 12%, transparent); border-color: color-mix(in srgb, var(--so-success) 36%, var(--so-border)); }
.invite-status.declined[b-4gen2p1q0d] { color: var(--so-danger); background: color-mix(in srgb, var(--so-danger) 12%, transparent); border-color: color-mix(in srgb, var(--so-danger) 36%, var(--so-border)); }
.invite-status.available-again[b-4gen2p1q0d] { color: var(--so-accent-hover); background: var(--so-accent-soft); border-color: color-mix(in srgb, var(--so-accent) 36%, var(--so-border)); }
.invite-status.maybe[b-4gen2p1q0d] { color: var(--so-warning); background: color-mix(in srgb, var(--so-warning) 12%, transparent); border-color: color-mix(in srgb, var(--so-warning) 36%, var(--so-border)); }

.invite-assigned-role[b-4gen2p1q0d] {
    align-items: center;
    gap: var(--so-space-2);
    margin-top: var(--so-space-4);
    padding: var(--so-space-3) var(--so-space-4);
    background: var(--so-accent-soft);
    border: 1px solid color-mix(in srgb, var(--so-accent) 32%, var(--so-border));
    border-radius: var(--so-radius-sm);
}

.invite-assigned-role span[b-4gen2p1q0d] { color: var(--so-text-secondary); font-size: var(--so-font-size-sm); letter-spacing: .03em; }
.invite-assigned-role strong[b-4gen2p1q0d] { color: var(--so-text); font-size: 1.15rem; font-weight: var(--so-font-weight-bold); }

.invite-prompt[b-4gen2p1q0d] { padding: var(--so-space-6) 0 var(--so-space-4); }
.invite-prompt h2[b-4gen2p1q0d] { margin-bottom: var(--so-space-2); font-size: 1.65rem; font-weight: var(--so-font-weight-semibold); }
.invite-prompt > p:last-child[b-4gen2p1q0d] { color: var(--so-text-secondary); line-height: 1.5; }

.response-field[b-4gen2p1q0d], .availability-change[b-4gen2p1q0d] { margin-top: var(--so-space-4); }
.response-field label[b-4gen2p1q0d] { margin-bottom: var(--so-space-2); color: var(--so-text-secondary); font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-semibold); }
.response-box[b-4gen2p1q0d] { min-height: 104px; padding: var(--so-space-3); background: var(--so-surface-raised); border-color: var(--so-border); }

.response-actions[b-4gen2p1q0d] { gap: var(--so-space-3); margin-top: var(--so-space-5); }
.response-button[b-4gen2p1q0d] { min-height: 76px; padding: var(--so-space-3) var(--so-space-4); border-radius: var(--so-radius-md); font: inherit; }
.response-button:hover[b-4gen2p1q0d] { transform: none; }
.response-button:focus-visible[b-4gen2p1q0d] { outline: 3px solid var(--so-focus); outline-offset: 2px; }
.response-button strong[b-4gen2p1q0d] { font-size: 1rem; font-weight: var(--so-font-weight-semibold); }
.response-button small[b-4gen2p1q0d] { color: inherit; opacity: .78; font-size: var(--so-font-size-sm); }
.response-button-icon[b-4gen2p1q0d] { width: 34px; height: 34px; flex-basis: 34px; }
.accept-button[b-4gen2p1q0d] { color: var(--so-success); background: color-mix(in srgb, var(--so-success) 10%, var(--so-surface)); border-color: color-mix(in srgb, var(--so-success) 42%, var(--so-border)); }
.accept-button:hover[b-4gen2p1q0d] { background: color-mix(in srgb, var(--so-success) 16%, var(--so-surface)); border-color: var(--so-success); }
.maybe-button[b-4gen2p1q0d] { color: var(--so-warning); background: color-mix(in srgb, var(--so-warning) 9%, var(--so-surface)); border-color: color-mix(in srgb, var(--so-warning) 42%, var(--so-border)); }
.maybe-button:hover[b-4gen2p1q0d] { background: color-mix(in srgb, var(--so-warning) 15%, var(--so-surface)); border-color: var(--so-warning); }
.decline-button[b-4gen2p1q0d] { color: var(--so-danger); background: color-mix(in srgb, var(--so-danger) 8%, var(--so-surface)); border-color: color-mix(in srgb, var(--so-danger) 38%, var(--so-border)); }
.decline-button:hover[b-4gen2p1q0d] { background: color-mix(in srgb, var(--so-danger) 14%, var(--so-surface)); border-color: var(--so-danger); }

.response-result[b-4gen2p1q0d] { gap: var(--so-space-4); margin-top: var(--so-space-5); padding: var(--so-space-4); border-radius: var(--so-radius-md); }
.response-result h2[b-4gen2p1q0d] { font-size: 1.2rem; font-weight: var(--so-font-weight-semibold); }
.result-icon[b-4gen2p1q0d] { width: 42px; height: 42px; flex-basis: 42px; }
.response-result.available-result[b-4gen2p1q0d] { border-color: var(--so-border); background: var(--so-surface-raised); }
.response-result.maybe-result[b-4gen2p1q0d] { border-color: color-mix(in srgb, var(--so-warning) 48%, var(--so-border)); background: color-mix(in srgb, var(--so-warning) 10%, var(--so-surface)); }
.response-result.success-result[b-4gen2p1q0d] { border-color: color-mix(in srgb, var(--so-success) 48%, var(--so-border)); background: color-mix(in srgb, var(--so-success) 10%, var(--so-surface)); }
.response-result.declined-result[b-4gen2p1q0d] { border-color: color-mix(in srgb, var(--so-danger) 45%, var(--so-border)); background: color-mix(in srgb, var(--so-danger) 8%, var(--so-surface)); }

.calendar-actions[b-4gen2p1q0d] { gap: var(--so-space-3); margin: var(--so-space-5) 0; }
.calendar-file-link[b-4gen2p1q0d] { color: var(--so-accent-hover); font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-semibold); }
.calendar-file-link:hover[b-4gen2p1q0d], .calendar-file-link:focus-visible[b-4gen2p1q0d] { color: var(--so-text); }

.conversation-card[b-4gen2p1q0d] { margin-top: var(--so-space-4); padding: var(--so-space-5); }
.conversation-heading[b-4gen2p1q0d] { margin-bottom: var(--so-space-4); }
.conversation-heading h2[b-4gen2p1q0d] { font-size: 1.2rem; font-weight: var(--so-font-weight-semibold); }
.conversation-item[b-4gen2p1q0d] { gap: var(--so-space-3); padding: var(--so-space-4) 0; }
.conversation-avatar[b-4gen2p1q0d] { width: 38px; height: 38px; color: var(--so-text); background: var(--so-accent-soft); }
.conversation-meta strong[b-4gen2p1q0d] { font-weight: var(--so-font-weight-semibold); }
.conversation-status[b-4gen2p1q0d] { color: var(--so-accent-hover); font-size: var(--so-font-size-sm); }
.conversation-content p[b-4gen2p1q0d] { font-size: var(--so-font-size-sm); }

@media (max-width: 767px) {
    .invite-shell[b-4gen2p1q0d] { padding: var(--so-space-4) var(--so-space-3) var(--so-space-8); }
    .invite-card[b-4gen2p1q0d] { padding: var(--so-space-4); }
    .invite-header[b-4gen2p1q0d] { gap: var(--so-space-3); }
    .invite-status[b-4gen2p1q0d] { align-self: flex-start; }
    .response-actions[b-4gen2p1q0d] { grid-template-columns: 1fr; }
    .response-button[b-4gen2p1q0d] { width: 100%; min-height: 52px; }
}

@media (max-width: 430px) {
    .invite-shell[b-4gen2p1q0d] { padding: var(--so-space-3) var(--so-space-2) var(--so-space-6); }
    .invite-card[b-4gen2p1q0d] { padding: var(--so-space-4) var(--so-space-3); }
    .invite-meta[b-4gen2p1q0d] { font-size: var(--so-font-size-sm); }
    .invite-assigned-role[b-4gen2p1q0d] { padding: var(--so-space-3); }
    .conversation-card[b-4gen2p1q0d] { padding: var(--so-space-4) var(--so-space-3); }
}

/* Keep the invitation hierarchy calm on phone widths: role is prominent,
   but not louder than the event and response actions. */
@media (max-width: 430px) {
    .invite-assigned-role[b-4gen2p1q0d] { gap: .45rem; margin-top: .75rem; }
    .invite-assigned-role span[b-4gen2p1q0d] { font-size: .66rem; letter-spacing: .06em; }
    .invite-assigned-role strong[b-4gen2p1q0d] { font-size: 1rem; }
    .response-button[b-4gen2p1q0d] { padding: .7rem .85rem; }
}

/* Keep the three response actions substantial enough to tap without reading
   as oversized tiles on desktop. */
.response-button[b-4gen2p1q0d] { min-height: 64px; }
@media (max-width: 767px) { .response-button[b-4gen2p1q0d] { min-height: 52px; } }
/* /Components/Pages/Invitations.razor.rz.scp.css */
.invitation-section.is-empty[b-rbia9s1sv0] {
    gap: 0.3rem;
}

.invitations-empty[b-rbia9s1sv0] {
    margin: 0;
    padding: 0.1rem 0;
}

.invitation-section[b-rbia9s1sv0] { padding: var(--so-surface-padding-standard); }
.invitation-card[b-rbia9s1sv0] { padding: var(--so-space-3) 0; background: transparent; border: 0; border-radius: 0; }
.invitation-section > h2[b-rbia9s1sv0] { margin-bottom: var(--so-section-heading-gap); font-size: 1rem; }
.invitation-section.is-empty[b-rbia9s1sv0] { padding-block: var(--so-space-3); background: transparent; border-color: transparent; }
/* /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: var(--so-text); }
.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: var(--so-text); 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] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.template-heading h1[b-8bprpisfsi], .panel-heading h2[b-8bprpisfsi] { margin: 0; color: var(--so-text); }
.template-heading p[b-8bprpisfsi], .slot-card p[b-8bprpisfsi], .empty-template span[b-8bprpisfsi] { color: var(--so-text-muted); }
.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] { color: var(--so-text-muted); font-size: .72rem; font-weight: 700; }
.add-slot-panel[b-8bprpisfsi], .slot-list[b-8bprpisfsi] { padding: 1.1rem; border: 1px solid rgba(145,158,180,.16); border-radius: .85rem; background: rgba(16,22,32,.84); }
.slot-list[b-8bprpisfsi] { padding: var(--so-surface-padding-standard); border-color: color-mix(in srgb, var(--so-border) 72%, transparent); background: color-mix(in srgb, var(--so-surface) 92%, transparent); }
.slot-form-grid[b-8bprpisfsi] { display: grid; grid-template-columns: 1fr 1.2fr; gap: 1rem; margin: 1.2rem 0; }
.field-group label[b-8bprpisfsi] { display: block; margin-bottom: .4rem; color: var(--so-text-secondary); font-size: .78rem; font-weight: 700; }
.form-control[b-8bprpisfsi], .form-select[b-8bprpisfsi] { color: var(--so-text); border-color: #343e4e; background-color: #0a1019; }
.slot-grid[b-8bprpisfsi] { display: grid; gap: 0; margin-top: .7rem; }
.slot-card[b-8bprpisfsi] { border: 0; background: transparent; }
.slot-row[b-8bprpisfsi] { display: grid; grid-template-columns: minmax(0,1fr) 24px; align-items: center; width: 100%; min-height: 68px; padding: .65rem 0; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.slot-row:focus-visible[b-8bprpisfsi] { outline: 2px solid var(--so-focus); outline-offset: 2px; }
.slot-card-copy[b-8bprpisfsi] { display: grid; min-width: 0; gap: .15rem; }
.slot-card-copy h3[b-8bprpisfsi] { margin: 0; color: #fff; font-size: .95rem; }
.slot-card-copy small[b-8bprpisfsi] { color: var(--so-text-secondary); font-size: .82rem; overflow-wrap: anywhere; }
.slot-row-chevron[b-8bprpisfsi] { justify-self: end; color: var(--so-text-muted); font-size: 1.2rem; }
.slot-editor[b-8bprpisfsi] { padding: .2rem 0 1rem; }
.slot-editor-actions[b-8bprpisfsi], .slot-editor-secondary[b-8bprpisfsi], .delete-position-confirmation > div[b-8bprpisfsi] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .55rem; }
.slot-editor-secondary[b-8bprpisfsi] { align-items: center; justify-content: space-between; margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--so-border); }
.remove-member-action[b-8bprpisfsi], .delete-position-action[b-8bprpisfsi] { min-height: 40px; border: 0; background: transparent; font-weight: 700; }
.remove-member-action[b-8bprpisfsi] { color: var(--so-text-secondary); }
.delete-position-action[b-8bprpisfsi] { color: var(--so-danger); }
.delete-position-confirmation[b-8bprpisfsi] { display: grid; width: 100%; gap: .3rem; padding: .8rem; border: 1px solid rgba(255,133,143,.35); border-radius: .65rem; background: rgba(255,133,143,.06); }
/* Was a hardcoded #fff from when the app was dark-only — invisible on the
   light theme's pale danger panel. */
.delete-position-confirmation strong[b-8bprpisfsi] { color: var(--so-text); }
.delete-position-confirmation span[b-8bprpisfsi] { color: var(--so-text-secondary); font-size: .78rem; }
.add-position-action[b-8bprpisfsi] { min-height: 40px; padding: .4rem .65rem; color: var(--so-text-secondary); background: transparent; border: 1px solid #343e4e; border-radius: .55rem; font: inherit; font-size: .76rem; font-weight: 700; }
.add-slot-actions[b-8bprpisfsi] { display: flex; justify-content: flex-end; gap: .55rem; }
.empty-template[b-8bprpisfsi] { display: grid; gap: .25rem; padding: 2rem; margin-top: 1rem; border: 1px dashed #343e4e; border-radius: .8rem; text-align: center; }
.lineup-presets[b-8bprpisfsi] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .6rem; margin-top: 1rem; text-align: left; }
.lineup-preset[b-8bprpisfsi] { display: grid; justify-items: start; gap: .3rem; padding: .8rem .9rem; color: inherit; background: color-mix(in srgb, var(--so-surface-raised) 90%, transparent); border: 1px solid var(--so-border-light); border-radius: .7rem; font: inherit; text-align: left; cursor: pointer; transition: border-color 120ms var(--so-ease), background 120ms var(--so-ease); }
.lineup-preset:hover:not(:disabled)[b-8bprpisfsi], .lineup-preset:focus-visible[b-8bprpisfsi] { border-color: var(--so-accent); background: var(--so-accent-soft); }
.lineup-preset:focus-visible[b-8bprpisfsi] { outline: 2px solid var(--so-focus); outline-offset: 2px; }
.lineup-preset:disabled[b-8bprpisfsi] { opacity: .55; cursor: default; }
.lineup-preset strong[b-8bprpisfsi] { color: var(--so-text); font-size: .9rem; }
.lineup-preset small[b-8bprpisfsi] { color: var(--so-text-muted); font-size: .76rem; }
.template-error[b-8bprpisfsi] { color: var(--so-danger); }
.lineup-next-steps[b-8bprpisfsi] { display: grid; gap: .3rem; }
.lineup-next-steps h2[b-8bprpisfsi] { margin: 0 0 .8rem; color: var(--so-text); font-size: 1rem; }
.next-step-list[b-8bprpisfsi] { display: grid; gap: .6rem; }
.next-step[b-8bprpisfsi] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem .95rem; color: inherit; text-decoration: none; background: color-mix(in srgb, var(--so-surface-raised) 90%, transparent); border: 1px solid var(--so-border-light); border-radius: .7rem; transition: border-color 120ms var(--so-ease), background 120ms var(--so-ease); }
.next-step:hover[b-8bprpisfsi], .next-step:focus-visible[b-8bprpisfsi] { border-color: var(--so-accent); background: var(--so-accent-soft); }
.next-step:focus-visible[b-8bprpisfsi] { outline: 2px solid var(--so-focus); outline-offset: 2px; }
.next-step > span:first-child[b-8bprpisfsi] { display: grid; gap: .15rem; min-width: 0; }
.next-step strong[b-8bprpisfsi] { color: var(--so-text); font-size: .9rem; }
.next-step small[b-8bprpisfsi] { color: var(--so-text-muted); font-size: .78rem; }
.next-step-chevron[b-8bprpisfsi] { flex: 0 0 auto; color: var(--so-text-muted); font-size: 1.05rem; }
.next-step-primary[b-8bprpisfsi] { border-color: var(--so-accent); background: var(--so-accent-soft); }
.next-step-primary .next-step-chevron[b-8bprpisfsi] { color: var(--so-accent-bright); }
@media (max-width: 767px) { .template-shell[b-8bprpisfsi] { gap: .8rem; } .template-heading[b-8bprpisfsi] { align-items: flex-start; } .template-heading > div > p:last-child[b-8bprpisfsi] { margin-bottom: 0; font-size: .82rem; } .slot-form-grid[b-8bprpisfsi] { grid-template-columns: 1fr; margin: .8rem 0; } .slot-row[b-8bprpisfsi] { min-height: 72px; } .slot-card-copy small[b-8bprpisfsi] { white-space: normal; overflow: visible; text-overflow: clip; } .slot-editor-actions > button[b-8bprpisfsi] { flex: 1; } .slot-editor-secondary[b-8bprpisfsi] { align-items: stretch; flex-direction: column; } .remove-member-action[b-8bprpisfsi], .delete-position-action[b-8bprpisfsi] { text-align: left; } }

@media (max-width: 767px) {
    .template-shell[b-8bprpisfsi] { gap: var(--so-space-3); }
    .add-slot-panel[b-8bprpisfsi], .slot-list[b-8bprpisfsi] { padding: var(--so-surface-padding-standard); }
    .slot-grid[b-8bprpisfsi] { margin-top: var(--so-space-2); }
    .slot-row[b-8bprpisfsi] { min-height: 56px; padding-block: var(--so-space-2); }
    .slot-card-copy[b-8bprpisfsi] { gap: var(--so-space-1); }
    .slot-editor[b-8bprpisfsi] { padding-bottom: var(--so-space-3); }
    .lineup-presets[b-8bprpisfsi], .next-step-list[b-8bprpisfsi] { gap: var(--so-space-2); margin-top: var(--so-space-3); }
    .lineup-preset[b-8bprpisfsi], .next-step[b-8bprpisfsi] { min-height: 44px; padding: var(--so-space-2) var(--so-space-3); }
}

/* Story 2: role and next action first, explanatory copy second. */
.slot-card-copy h3[b-8bprpisfsi],
.next-step strong[b-8bprpisfsi],
.lineup-next-steps h2[b-8bprpisfsi] {
    color: var(--so-text);
    font-weight: var(--so-font-weight-bold);
}

.slot-card-copy small[b-8bprpisfsi],
.next-step small[b-8bprpisfsi] {
    color: var(--so-text-muted);
    font-weight: var(--so-font-weight-regular);
}

/* Story 4: management actions are compact companions to the roster. */
.slot-editor-actions[b-8bprpisfsi], .add-slot-actions[b-8bprpisfsi], .delete-position-confirmation > div[b-8bprpisfsi] { gap: .4rem; }
.slot-editor-actions .so-btn[b-8bprpisfsi], .add-slot-actions .so-btn[b-8bprpisfsi], .delete-position-confirmation .btn[b-8bprpisfsi] { min-height: 40px; padding-inline: .7rem; }
.add-position-action[b-8bprpisfsi] { min-height: 40px; padding-inline: .6rem; }
.lineup-preset[b-8bprpisfsi] { min-height: 44px; padding: .65rem .75rem; }
/* /Components/Pages/MemberGig.razor.rz.scp.css */
/* ===========================================================================
   Member gig — "My booking" / Gig Day brief for a confirmed performer.
   One consolidated sheet: a self-contained hero carries venue, date, role,
   fee and response; the rest is the operational brief once it's released.
   =========================================================================== */

.member-gig-shell[b-cpyt93y943] {
    width: min(100%, 680px);
    margin: 0 auto;
    display: grid;
    gap: var(--so-space-4);
    padding-bottom: var(--so-space-10);
}

/* --- Hero ---------------------------------------------------------------- */
.member-gig-hero[b-cpyt93y943] {
    padding: var(--so-space-6);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-lg);
    background:
        linear-gradient(180deg, var(--so-accent-soft), transparent 44%),
        var(--so-surface-raised);
    box-shadow: var(--so-shadow-sm);
}

.gig-kicker[b-cpyt93y943] {
    margin: 0 0 var(--so-space-2);
    color: var(--so-accent-bright);
    font-size: var(--so-font-size-xs);
    font-weight: var(--so-font-weight-heavy);
    letter-spacing: .16em;
}

.member-gig-hero h1[b-cpyt93y943] {
    margin: 0;
    max-width: 20ch;
    color: var(--so-text);
    font-size: clamp(1.9rem, 6vw, 3rem);
    line-height: 1.04;
    letter-spacing: -.03em;
}

.mg-when[b-cpyt93y943] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--so-space-2) var(--so-space-3);
    margin-top: var(--so-space-3);
}
.mg-date[b-cpyt93y943] {
    color: var(--so-text);
    font-weight: var(--so-font-weight-semibold);
}
.mg-countdown[b-cpyt93y943] {
    padding: .12rem .5rem;
    border-radius: 999px;
    background: var(--so-accent-soft);
    color: var(--so-accent-bright);
    font-size: var(--so-font-size-xs);
    font-weight: var(--so-font-weight-bold);
}

.gig-address[b-cpyt93y943] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--so-space-2) var(--so-space-3);
    margin: var(--so-space-2) 0 0;
    color: var(--so-text-secondary);
    font-size: var(--so-font-size-sm);
    line-height: 1.5;
}
.gig-map-link[b-cpyt93y943] {
    flex: none;
    color: var(--so-accent-bright);
    font-weight: var(--so-font-weight-bold);
    font-size: var(--so-font-size-xs);
    text-decoration: none;
    white-space: nowrap;
}
.gig-map-link:hover[b-cpyt93y943] { text-decoration: underline; }

/* facts row: role · fee · response */
.mg-facts[b-cpyt93y943] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: var(--so-space-3) var(--so-space-4);
    margin: var(--so-space-5) 0 0;
    padding-top: var(--so-space-4);
    border-top: 1px solid var(--so-border);
}
.mg-fact[b-cpyt93y943] { display: grid; gap: .3rem; align-content: start; }
.mg-fact dt[b-cpyt93y943] {
    color: var(--so-text-muted);
    font-size: var(--so-font-size-xs);
    font-weight: var(--so-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: .07em;
}
.mg-fact dd[b-cpyt93y943] {
    margin: 0;
    color: var(--so-text);
    font-size: var(--so-font-size-lg);
    font-weight: var(--so-font-weight-semibold);
}
.mg-fee[b-cpyt93y943] {
    font-family: var(--so-font-mono);
    font-size: var(--so-font-size-md);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.01em;
}
.mg-fee--none[b-cpyt93y943] {
    color: var(--so-text-muted);
    font-weight: var(--so-font-weight-medium);
}

.mg-status[b-cpyt93y943] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .2rem .62rem;
    border-radius: 999px;
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-bold);
    line-height: 1.3;
}
.mg-status[b-cpyt93y943]::before {
    content: "";
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: currentColor;
}
.mg-status--ok[b-cpyt93y943]    { color: var(--so-success); background: color-mix(in srgb, var(--so-success) 15%, transparent); }
.mg-status--maybe[b-cpyt93y943] { color: var(--so-warning); background: color-mix(in srgb, var(--so-warning) 15%, transparent); }
.mg-status--wait[b-cpyt93y943]  { color: var(--so-text-secondary); background: color-mix(in srgb, var(--so-text-secondary) 14%, transparent); }
.mg-status--off[b-cpyt93y943]   { color: var(--so-danger); background: color-mix(in srgb, var(--so-danger) 15%, transparent); }

/* hero actions */
.gig-hero-actions[b-cpyt93y943] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--so-space-2) var(--so-space-3);
    margin-top: var(--so-space-5);
}
.gig-btn[b-cpyt93y943] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 var(--so-space-4);
    border: 1px solid var(--so-border-light);
    border-radius: var(--so-radius-sm);
    background: var(--so-surface-2);
    color: var(--so-text);
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-bold);
    text-decoration: none;
    transition: border-color .15s var(--so-ease), background .15s var(--so-ease), color .15s var(--so-ease);
}
.gig-btn:hover[b-cpyt93y943] { border-color: var(--so-accent); }
.gig-btn--accent[b-cpyt93y943] {
    border-color: var(--so-accent);
    background: var(--so-accent);
    color: #fff;
}
.gig-btn--accent:hover[b-cpyt93y943] {
    background: var(--so-accent-hover);
    border-color: var(--so-accent-hover);
    color: #1c1526;
}
.gig-btn:focus-visible[b-cpyt93y943],
.gig-calendar-help summary:focus-visible[b-cpyt93y943] {
    outline: 3px solid var(--so-focus);
    outline-offset: 2px;
}

.gig-ics[b-cpyt93y943] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--so-space-2);
    font-size: var(--so-font-size-xs);
}
.gig-ics > a[b-cpyt93y943] {
    color: var(--so-text-secondary);
    font-weight: var(--so-font-weight-bold);
    text-decoration: none;
}
.gig-ics > a:hover[b-cpyt93y943] { color: var(--so-text); text-decoration: underline; }

.gig-calendar-help[b-cpyt93y943] { position: relative; display: inline-block; }
.gig-calendar-help summary[b-cpyt93y943] {
    list-style: none;
    cursor: pointer;
    color: var(--so-text-muted);
    text-decoration: underline dotted;
    text-underline-offset: 2px;
    border-radius: 3px;
}
.gig-calendar-help summary[b-cpyt93y943]::-webkit-details-marker { display: none; }
.gig-calendar-help > div[b-cpyt93y943] {
    position: absolute;
    z-index: 5;
    left: 0;
    top: calc(100% + .5rem);
    width: min(20rem, calc(100vw - 2.5rem));
    padding: var(--so-space-4);
    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 strong[b-cpyt93y943] { color: var(--so-text); font-size: var(--so-font-size-sm); }
.gig-calendar-help p[b-cpyt93y943] {
    margin: .35rem 0 0;
    color: var(--so-text-secondary);
    font-size: var(--so-font-size-sm);
    line-height: 1.5;
}

/* --- Cards ------------------------------------------------------------- */
.member-gig-card[b-cpyt93y943] {
    padding: var(--so-space-5);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
    background: var(--so-surface);
}
.member-gig-card h2[b-cpyt93y943] {
    margin: 0 0 var(--so-space-4);
    color: var(--so-text);
    font-size: var(--so-font-size-xl);
    letter-spacing: -.02em;
}
.brief-copy[b-cpyt93y943] {
    color: var(--so-text-secondary);
    line-height: 1.7;
    white-space: pre-wrap;
}

/* --- "What happens next" tracker (pre-brief) ------------------------- */
.mg-steps[b-cpyt93y943] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
}
.mg-step[b-cpyt93y943] {
    position: relative;
    display: grid;
    grid-template-columns: 1.15rem 1fr;
    gap: var(--so-space-3);
    padding-bottom: var(--so-space-5);
}
.mg-step:last-child[b-cpyt93y943] { padding-bottom: 0; }
.mg-step[b-cpyt93y943]::before {
    content: "";
    position: absolute;
    left: calc(1.15rem / 2 - 1px);
    top: .95rem;
    bottom: -.15rem;
    width: 2px;
    background: var(--so-border-light);
}
.mg-step:last-child[b-cpyt93y943]::before { display: none; }
.mg-step-dot[b-cpyt93y943] {
    position: relative;
    z-index: 1;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    border: 2px solid var(--so-border-light);
    background: var(--so-surface);
}
.mg-step.is-done .mg-step-dot[b-cpyt93y943] {
    border-color: var(--so-success);
    background: var(--so-success);
}
.mg-step.is-done .mg-step-dot[b-cpyt93y943]::after {
    content: "";
    position: absolute;
    left: 3.5px;
    top: 4px;
    width: 4.5px;
    height: 2px;
    border-left: 2px solid #10231b;
    border-bottom: 2px solid #10231b;
    transform: rotate(-45deg);
}
.mg-step.is-current .mg-step-dot[b-cpyt93y943] {
    border-color: var(--so-accent);
    background: var(--so-accent);
    box-shadow: 0 0 0 4px var(--so-accent-soft);
}
.mg-step > div[b-cpyt93y943] { display: grid; gap: .2rem; }
.mg-step strong[b-cpyt93y943] {
    color: var(--so-text);
    font-size: var(--so-font-size-md);
    font-weight: var(--so-font-weight-bold);
}
.mg-step:not(.is-current) strong[b-cpyt93y943] { color: var(--so-text-secondary); }
.mg-step p[b-cpyt93y943] {
    margin: 0;
    color: var(--so-text-muted);
    font-size: var(--so-font-size-sm);
    line-height: 1.55;
}
.mg-step.is-current p[b-cpyt93y943] { color: var(--so-text-secondary); }
.mg-step em[b-cpyt93y943] {
    font-style: normal;
    color: var(--so-accent-bright);
    font-weight: var(--so-font-weight-semibold);
}

/* --- Readiness notice ---------------------------------------------- */
.member-readiness[b-cpyt93y943] {
    border-color: color-mix(in srgb, var(--so-warning) 40%, var(--so-border));
}

/* --- Brief: critical times --------------------------------------- */
.critical-times[b-cpyt93y943] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--so-space-2);
}
.critical-time[b-cpyt93y943] {
    padding: var(--so-space-4);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
    background: var(--so-surface);
}
.critical-time span[b-cpyt93y943] {
    display: block;
    font-family: var(--so-font-mono);
    color: var(--so-text-muted);
    font-size: var(--so-font-size-xs);
    font-weight: var(--so-font-weight-medium);
    letter-spacing: .1em;
}
.critical-time strong[b-cpyt93y943] {
    display: block;
    margin-top: .35rem;
    font-family: var(--so-font-mono);
    color: var(--so-text);
    font-size: 1.3rem;
    font-weight: var(--so-font-weight-medium);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.02em;
}
.stage-time[b-cpyt93y943] {
    border-color: color-mix(in srgb, var(--so-success) 50%, var(--so-border));
    background: color-mix(in srgb, var(--so-success) 8%, transparent);
}
.stage-time strong[b-cpyt93y943] { color: var(--so-success); }

/* --- Brief: detail cards --------------------------------------- */
.priority-card[b-cpyt93y943] { display: grid; gap: var(--so-space-4); }
.priority-detail span[b-cpyt93y943],
.member-detail-grid span[b-cpyt93y943] {
    display: block;
    margin-bottom: .25rem;
    color: var(--so-text-muted);
    font-size: var(--so-font-size-xs);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: var(--so-font-weight-bold);
}
.priority-detail strong[b-cpyt93y943],
.member-detail-grid strong[b-cpyt93y943] {
    color: var(--so-text);
    white-space: pre-wrap;
}

.setlist-card[b-cpyt93y943] { border-color: color-mix(in srgb, var(--so-accent) 42%, var(--so-border)); }
.setlist-copy[b-cpyt93y943] {
    color: var(--so-text);
    font-size: var(--so-font-size-md);
    line-height: 1.7;
    white-space: pre-wrap;
}

.member-detail-grid[b-cpyt93y943] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--so-space-5);
}

.member-lineup[b-cpyt93y943] { display: grid; }
.member-lineup > div[b-cpyt93y943] {
    display: grid;
    grid-template-columns: minmax(7rem, .8fr) 1fr;
    gap: var(--so-space-3);
    min-height: 3rem;
    align-items: center;
    padding: var(--so-space-3) 0;
    border-top: 1px solid var(--so-border);
}
.member-lineup strong[b-cpyt93y943] { color: var(--so-accent-bright); }
.member-lineup span[b-cpyt93y943] { color: var(--so-text-secondary); }

/* --- Empty / loading ------------------------------------------ */
.member-gig-empty[b-cpyt93y943],
.member-gig-loading[b-cpyt93y943] {
    width: min(100%, 640px);
    margin: 4rem auto;
    padding: var(--so-space-8);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
    background: var(--so-surface);
    color: var(--so-text-secondary);
}
.member-gig-empty h1[b-cpyt93y943] { color: var(--so-text); }

/* --- Mobile ------------------------------------------------- */
@media (max-width: 1024px) {
    .member-gig-shell[b-cpyt93y943] { gap: var(--so-space-3); padding-bottom: var(--so-space-8); }
    .member-gig-hero[b-cpyt93y943] { padding: var(--so-space-4); border-radius: var(--so-radius-md); }
    .member-gig-card[b-cpyt93y943] { padding: var(--so-space-4); }
    .gig-hero-actions .gig-btn[b-cpyt93y943] { flex: 1 1 auto; }
    .critical-times[b-cpyt93y943] {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 0 var(--so-space-4);
        border: 1px solid var(--so-border);
        border-radius: var(--so-radius-md);
        background: var(--so-surface);
    }
    .critical-time[b-cpyt93y943] {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        min-height: 3.25rem;
        padding: var(--so-space-3) 0;
        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 strong[b-cpyt93y943] { margin-top: 0; font-size: 1.25rem; }
    .stage-time[b-cpyt93y943] { background: transparent; }
    .member-detail-grid[b-cpyt93y943] { grid-template-columns: 1fr; gap: var(--so-space-4); }
}

/* --- Performance mode CTA — the gig-day headline action --------------- */
.perform-card[b-cpyt93y943] {
    border-color: color-mix(in srgb, var(--so-accent) 45%, var(--so-border));
    background: linear-gradient(180deg, color-mix(in srgb, var(--so-accent) 9%, var(--so-surface)), var(--so-surface) 65%);
}
.perform-pitch[b-cpyt93y943] {
    margin: 0 0 var(--so-space-4);
    color: var(--so-text-secondary);
    font-size: var(--so-font-size-sm);
    line-height: 1.6;
}
.perform-cta[b-cpyt93y943] {
    display: flex;
    align-items: center;
    gap: var(--so-space-3);
    width: 100%;
    padding: var(--so-space-4) var(--so-space-5);
    border-radius: var(--so-radius-md);
    background: linear-gradient(135deg, var(--so-accent), var(--so-accent-hover));
    box-shadow: 0 10px 26px -10px color-mix(in srgb, var(--so-accent) 65%, transparent);
    color: #fff;
    text-decoration: none;
    transition: transform .15s var(--so-ease), box-shadow .15s var(--so-ease);
}
.perform-cta:hover[b-cpyt93y943] {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px -10px color-mix(in srgb, var(--so-accent) 75%, transparent);
}
.perform-cta:focus-visible[b-cpyt93y943] { outline: 3px solid var(--so-focus); outline-offset: 3px; }
.perform-cta-icon[b-cpyt93y943] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    font-size: 1.05rem;
}
.perform-cta-copy[b-cpyt93y943] { display: grid; gap: .15rem; }
.perform-cta-copy strong[b-cpyt93y943] { font-size: 1.08rem; font-weight: var(--so-font-weight-heavy); letter-spacing: -.01em; }
.perform-cta-copy small[b-cpyt93y943] { color: rgba(255, 255, 255, .85); font-size: var(--so-font-size-xs); font-weight: var(--so-font-weight-medium); }

.member-gig-chart-list[b-cpyt93y943] { display: grid; gap: var(--so-space-2); margin: var(--so-space-4) 0 0; padding: 0; list-style: none; }
.member-gig-chart-list a[b-cpyt93y943] { display: flex; align-items: center; justify-content: space-between; gap: var(--so-space-3); padding: var(--so-space-3); color: inherit; text-decoration: none; background: var(--so-surface-raised); border: 1px solid var(--so-border); border-radius: var(--so-radius-sm); transition: border-color .15s ease; }
.member-gig-chart-list a:hover[b-cpyt93y943], .member-gig-chart-list a:focus-visible[b-cpyt93y943] { border-color: color-mix(in srgb, var(--so-accent) 42%, var(--so-border)); }
.member-gig-chart-list span[b-cpyt93y943] { color: var(--so-text); font-size: var(--so-font-size-sm); }
.member-gig-chart-list strong[b-cpyt93y943] { font-family: var(--so-font-mono); color: var(--so-accent-hover); font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-semibold); white-space: nowrap; }
/* /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;
}

.offline-badge[b-r4e396f8ja] {
    display: inline-flex;
    margin-left: .4rem;
    padding: .18rem .4rem;
    color: var(--so-text-secondary);
    background: #222c3a;
    border: 1px solid #3a4658;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 750;
    letter-spacing: .04em;
    vertical-align: middle;
}

.invite-member-panel[b-r4e396f8ja] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.invite-member-panel h2[b-r4e396f8ja] { margin: .15rem 0; color: var(--so-text); font-size: 1.2rem; }
.invite-member-panel p[b-r4e396f8ja] { margin: 0; color: var(--so-text-secondary); }
.invite-method-grid[b-r4e396f8ja] { display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--so-border); }
.invite-method[b-r4e396f8ja] { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: .75rem; width: 100%; min-height: 72px; padding: .65rem .25rem; color: var(--so-text-secondary); text-align: left; background: transparent; border: 0; border-bottom: 1px solid var(--so-border); border-radius: 0; }
.invite-method:hover[b-r4e396f8ja] { background: rgba(255, 255, 255, .035); }
.invite-method:focus-visible[b-r4e396f8ja] { position: relative; outline: 2px solid var(--so-focus); outline-offset: -2px; border-radius: var(--so-radius-sm); }
.invite-method.selected[b-r4e396f8ja] { background: rgba(140, 104, 223, .08); box-shadow: inset 3px 0 var(--so-accent); }
.invite-method-icon[b-r4e396f8ja] { display: grid; place-items: center; width: 36px; height: 36px; color: var(--so-accent); background: rgba(140, 104, 223, .1); border-radius: 50%; font-size: 1.05rem; }
.invite-method-copy[b-r4e396f8ja] { display: grid; gap: .15rem; min-width: 0; }
.invite-method strong[b-r4e396f8ja] { font-size: .9rem; }
.invite-method small[b-r4e396f8ja] { color: var(--so-text-secondary); line-height: 1.35; }
.invite-method-chevron[b-r4e396f8ja] { padding: 0 .35rem; color: var(--so-text-muted); font-size: 1.5rem; line-height: 1; }
.invite-method.selected .invite-method-chevron[b-r4e396f8ja] { color: var(--so-accent-bright); }
.pending-people-card[b-r4e396f8ja] { margin-top: .2rem; }

@media (max-width: 720px) {
    .invite-method[b-r4e396f8ja] { min-height: 68px; }
}

.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: var(--so-danger);
    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;
    width: auto;
    min-height: 38px;
    padding: .5rem .85rem;
    font-size: .78rem;
}

.invite-share-actions[b-r4e396f8ja] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; margin-top: .8rem; }
.invite-share-actions .btn[b-r4e396f8ja], .invite-share-actions button[b-r4e396f8ja] { width: auto; min-height: 36px; padding: .45rem .72rem; font-size: .75rem; }
.invite-row-actions[b-r4e396f8ja] { display: inline-flex; align-items: center; gap: .35rem; margin-left: auto; }
.context-button[b-r4e396f8ja] { min-height: 32px; padding: .35rem .58rem; color: var(--so-text-secondary); background: #202938; border: 1px solid #3b4759; border-radius: 8px; font-size: .7rem; font-weight: 750; }
.context-button:hover[b-r4e396f8ja] { color: #fff; background: #293446; border-color: #56647a; }
.context-button.danger[b-r4e396f8ja] { color: var(--so-danger); background: transparent; border-color: #5c3b43; }
.context-button.danger:hover[b-r4e396f8ja] { color: var(--so-danger); background: #352229; border-color: #86515d; }

.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: var(--so-accent-hover); font-size: .7rem; font-weight: 800; }
.member-action.danger[b-r4e396f8ja] { color: var(--so-danger); }
.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: var(--so-accent-hover);
    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; }
}

/* Stage 6E Members refinement: compact roster hierarchy using shared StageOps tokens. */
.members-shell[b-r4e396f8ja] {
    max-width: 1180px;
}

.members-heading[b-r4e396f8ja] {
    align-items: flex-start;
    margin-bottom: var(--so-space-6);
}

.members-heading h1[b-r4e396f8ja] {
    margin-bottom: var(--so-space-2);
    font-size: clamp(2rem, 4vw, 2.5rem);
    font-weight: var(--so-font-weight-bold);
    letter-spacing: -.04em;
}

.members-heading p:last-child[b-r4e396f8ja] {
    max-width: 40rem;
    line-height: 1.5;
}

.member-count[b-r4e396f8ja] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    padding: var(--so-space-2) var(--so-space-3);
    color: var(--so-text-secondary);
    background: var(--so-surface-raised);
    border-color: var(--so-border);
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-semibold);
}

.add-member-card[b-r4e396f8ja],
.member-card[b-r4e396f8ja] {
    background: var(--so-surface);
    border-color: var(--so-border);
    border-radius: var(--so-radius-md);
    box-shadow: none;
}

.add-member-card[b-r4e396f8ja] {
    padding: var(--so-space-5);
    margin-bottom: var(--so-space-8);
}

.card-heading h2[b-r4e396f8ja],
.list-heading h2[b-r4e396f8ja] {
    font-size: 1.2rem;
    font-weight: var(--so-font-weight-semibold);
}

.field-group label[b-r4e396f8ja],
.skills-editor > label[b-r4e396f8ja] {
    color: var(--so-text-secondary);
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-semibold);
}

.form-control[b-r4e396f8ja],
.form-select[b-r4e396f8ja],
.rate-input[b-r4e396f8ja] {
    background-color: var(--so-surface-raised);
    border-color: var(--so-border);
}

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

.validation-message[b-r4e396f8ja] {
    color: var(--so-danger);
    font-size: var(--so-font-size-sm);
}

.member-grid[b-r4e396f8ja] {
    gap: var(--so-space-3);
}

.member-card[b-r4e396f8ja] {
    padding: var(--so-space-4);
    transition: border-color .15s ease, background-color .15s ease;
}

.member-card:hover[b-r4e396f8ja],
.member-card:focus-within[b-r4e396f8ja] {
    border-color: color-mix(in srgb, var(--so-accent) 38%, var(--so-border));
}

.member-card-header[b-r4e396f8ja] {
    gap: var(--so-space-3);
}

.member-avatar[b-r4e396f8ja] {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    color: var(--so-text);
    background: var(--so-accent-soft);
    border: 1px solid color-mix(in srgb, var(--so-accent) 35%, var(--so-border));
    font-size: var(--so-font-size-sm);
}

.member-card-header h3[b-r4e396f8ja] {
    font-size: 1.05rem;
    font-weight: var(--so-font-weight-semibold);
}

.member-card-header span[b-r4e396f8ja] {
    display: block;
    margin-top: var(--so-space-1);
    color: var(--so-accent-hover);
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-semibold);
}

.member-card-actions[b-r4e396f8ja] {
    gap: var(--so-space-1);
}

.member-action[b-r4e396f8ja] {
    min-height: 40px;
    padding: var(--so-space-2) var(--so-space-3);
    border: 1px solid transparent;
    border-radius: var(--so-radius-sm);
    color: var(--so-accent-hover);
    font: inherit;
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-semibold);
}

.member-action:hover[b-r4e396f8ja],
.member-action:focus-visible[b-r4e396f8ja] {
    background: var(--so-accent-soft);
}

.member-action.danger[b-r4e396f8ja] {
    color: var(--so-danger);
}

.member-action.danger:hover[b-r4e396f8ja],
.member-action.danger:focus-visible[b-r4e396f8ja] {
    background: color-mix(in srgb, var(--so-danger) 12%, transparent);
}

.member-contact[b-r4e396f8ja] {
    gap: var(--so-space-2) var(--so-space-4);
    padding: var(--so-space-3) 0;
    margin: var(--so-space-4) 0;
    border-color: var(--so-border);
}

.member-contact a[b-r4e396f8ja] {
    max-width: 100%;
    overflow-wrap: anywhere;
    color: var(--so-text-secondary);
    font-size: var(--so-font-size-sm);
}

.member-contact a:hover[b-r4e396f8ja],
.member-contact a:focus-visible[b-r4e396f8ja] {
    color: var(--so-accent-hover);
}

.member-editor[b-r4e396f8ja] {
    gap: var(--so-space-4);
}

.skill-chip[b-r4e396f8ja] {
    min-height: 36px;
    padding: var(--so-space-2) var(--so-space-3);
    color: var(--so-text-muted);
    background: var(--so-surface-raised);
    border-color: var(--so-border);
    font-size: var(--so-font-size-sm);
}

.skill-chip:hover[b-r4e396f8ja],
.skill-chip:focus-visible[b-r4e396f8ja] {
    color: var(--so-accent-hover);
    border-color: var(--so-accent);
}

.skill-chip.selected[b-r4e396f8ja] {
    color: var(--so-success);
    background: color-mix(in srgb, var(--so-success) 10%, var(--so-surface-raised));
    border-color: color-mix(in srgb, var(--so-success) 38%, var(--so-border));
}

.member-remove-confirmation[b-r4e396f8ja] {
    margin-top: var(--so-space-4);
    padding: var(--so-space-4);
    background: color-mix(in srgb, var(--so-danger) 7%, var(--so-surface));
    border-color: color-mix(in srgb, var(--so-danger) 36%, var(--so-border));
    border-radius: var(--so-radius-sm);
}

.member-remove-confirmation p[b-r4e396f8ja] {
    margin: var(--so-space-1) 0 var(--so-space-3);
    color: var(--so-text-secondary);
    font-size: var(--so-font-size-sm);
}

@media (max-width: 430px) {
    .members-heading[b-r4e396f8ja] { margin-bottom: var(--so-space-5); }
    .add-member-card[b-r4e396f8ja] { padding: var(--so-space-4); margin-bottom: var(--so-space-6); }
    .member-card[b-r4e396f8ja] { padding: var(--so-space-3); }
    .member-card-actions[b-r4e396f8ja] { margin-left: 0; }
    .member-card-actions .member-action[b-r4e396f8ja] { flex: 1 1 0; }
    .member-contact[b-r4e396f8ja] { display: grid; gap: var(--so-space-2); }
    .invite-row-actions[b-r4e396f8ja] { width: 100%; margin-left: 0; }
}

/* Compact roster rows: identity and contact stay scannable; management is disclosed on demand. */
.member-card[b-r4e396f8ja] {
    position: relative;
    min-width: 0;
    padding: var(--so-space-3) var(--so-space-4);
    border-color: color-mix(in srgb, var(--so-border) 68%, transparent);
    background: color-mix(in srgb, var(--so-surface) 94%, transparent);
    box-shadow: none;
}

.member-card-header[b-r4e396f8ja] {
    min-height: 48px;
    padding-right: 44px;
}

.member-identity[b-r4e396f8ja] { display: grid; min-width: 0; gap: .12rem; }
.member-card-header h3[b-r4e396f8ja] { margin: 0; color: var(--so-text); font-size: 1rem; font-weight: 800; line-height: 1.22; overflow-wrap: anywhere; }
.member-musical-role[b-r4e396f8ja] { color: var(--so-text-secondary) !important; font-size: .76rem !important; line-height: 1.3; overflow-wrap: anywhere; }
.member-statuses[b-r4e396f8ja] { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; margin-top: .16rem; }
.membership-badge[b-r4e396f8ja], .offline-badge[b-r4e396f8ja] { display: inline-flex; align-items: center; width: fit-content; min-height: 19px; padding: .08rem .38rem; border: 1px solid color-mix(in srgb, var(--so-border) 72%, transparent); border-radius: 999px; color: var(--so-text-muted) !important; background: transparent; font-size: .6rem !important; font-weight: 750; line-height: 1; letter-spacing: .025em; }
.membership-badge.owner[b-r4e396f8ja] { color: color-mix(in srgb, var(--so-accent-bright) 72%, var(--so-text-secondary)) !important; border-color: color-mix(in srgb, var(--so-accent) 25%, var(--so-border)); }
.member-avatar.owner[b-r4e396f8ja] { color: color-mix(in srgb, var(--so-accent-bright) 74%, white); border-color: color-mix(in srgb, var(--so-accent) 32%, var(--so-border)); background: color-mix(in srgb, var(--so-accent) 8%, var(--so-surface-raised)); }
.member-contact[b-r4e396f8ja] { gap: var(--so-space-2); padding: 0; margin: .45rem 0 0 56px; border: 0; }
.member-contact a[b-r4e396f8ja] { display: inline-flex; align-items: center; gap: .3rem; min-height: 36px; padding: .2rem .45rem; color: var(--so-text-secondary); background: transparent; border: 0; border-radius: var(--so-radius-sm); font-size: .72rem; font-weight: 700; }
.member-contact a:hover[b-r4e396f8ja], .member-contact a:focus-visible[b-r4e396f8ja] { color: var(--so-text); background: var(--so-surface-raised); }
.member-contact-action svg[b-r4e396f8ja] { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.member-contact-action.whatsapp[b-r4e396f8ja] { color: color-mix(in srgb, var(--so-success) 76%, var(--so-text)); }
.member-contact > span[b-r4e396f8ja] { color: var(--so-text-muted); font-size: var(--so-font-size-xs); }

.member-action-menu[b-r4e396f8ja] { position: absolute; top: var(--so-space-3); right: var(--so-space-3); z-index: 2; }
.member-action-menu > summary[b-r4e396f8ja] { display: grid; width: 38px; min-height: 38px; place-items: center; color: var(--so-text-muted); cursor: pointer; list-style: none; border: 1px solid transparent; border-radius: 999px; font-size: .9rem; letter-spacing: .08em; }
.member-action-menu > summary[b-r4e396f8ja]::-webkit-details-marker { display: none; }
.member-action-menu > summary:hover[b-r4e396f8ja] { color: var(--so-text); border-color: var(--so-border); background: color-mix(in srgb, var(--so-surface-raised) 68%, transparent); }
.member-action-menu > summary:focus-visible[b-r4e396f8ja] { color: var(--so-text); background: var(--so-surface-raised); outline: 2px solid var(--so-focus); outline-offset: 1px; }
.member-action-menu .member-card-actions[b-r4e396f8ja] { position: absolute; top: 42px; right: 0; display: grid; width: max-content; min-width: 150px; padding: var(--so-space-2); background: var(--so-surface-raised); border: 1px solid var(--so-border); border-radius: var(--so-radius-sm); box-shadow: var(--so-shadow-lg); }
.member-action-menu .member-action[b-r4e396f8ja] { width: 100%; text-align: left; }
.member-readonly-details[b-r4e396f8ja] { margin: .45rem 0 0 56px; }
.member-readonly-details > summary[b-r4e396f8ja] { color: var(--so-text-muted); font-size: var(--so-font-size-sm); cursor: pointer; }
.member-readonly-details .member-editor[b-r4e396f8ja] { margin-top: var(--so-space-3); }

.profile-address-heading[b-r4e396f8ja] { margin: var(--so-space-4) 0 0; color: var(--so-text); font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-semibold); }
.profile-address-heading small[b-r4e396f8ja] { display: block; margin-top: 2px; color: var(--so-text-muted); font-weight: var(--so-font-weight-regular); }

@media (max-width: 767px) {
    .member-grid[b-r4e396f8ja] { gap: 0; padding: 0 var(--so-space-3); }
    .member-card[b-r4e396f8ja] { min-height: 96px; padding-inline: 0; background: transparent; border: 0; border-radius: 0; }
    .member-card:hover[b-r4e396f8ja], .member-card:focus-within[b-r4e396f8ja] { background: color-mix(in srgb, var(--so-surface-raised) 60%, transparent); }
    .member-card-header[b-r4e396f8ja] { align-items: center; flex-wrap: nowrap; }
    .member-contact[b-r4e396f8ja] { display: flex; }
}

@media (max-width: 767px) {
    .members-shell[b-r4e396f8ja] { gap: var(--so-section-gap); padding-bottom: calc(var(--so-mobile-nav-height) + var(--so-space-4) + env(safe-area-inset-bottom)); }
    .members-heading[b-r4e396f8ja] { margin-bottom: var(--so-page-header-gap); }
    .invite-member-panel[b-r4e396f8ja], .add-member-card[b-r4e396f8ja] { padding: var(--so-surface-padding-standard); margin-bottom: var(--so-section-gap); }
    .member-list[b-r4e396f8ja] { gap: var(--so-section-heading-gap); }
    .member-card[b-r4e396f8ja] { min-height: 76px; padding-block: var(--so-space-2); }
    .member-card-header[b-r4e396f8ja] { min-height: 44px; }
    .member-contact[b-r4e396f8ja] { margin: var(--so-space-2) 0; padding: var(--so-space-2) 0; }
    .member-contact-action[b-r4e396f8ja], .member-action-menu > summary[b-r4e396f8ja] { min-height: 40px; }
    .member-editor[b-r4e396f8ja] { gap: var(--so-space-3); }
}

/* Story 2: member identity first; role, status, and contact remain supporting. */
.member-card-header h3[b-r4e396f8ja] {
    color: var(--so-text);
    font-weight: var(--so-font-weight-heavy);
}

.member-musical-role[b-r4e396f8ja] {
    font-weight: var(--so-font-weight-semibold);
}

.membership-badge[b-r4e396f8ja],
.offline-badge[b-r4e396f8ja],
.member-contact a[b-r4e396f8ja],
.member-contact > span[b-r4e396f8ja] {
    font-weight: var(--so-font-weight-regular);
}

/* Story 3: one roster surface, with expanded management UI still elevated. */
.member-grid[b-r4e396f8ja] {
    grid-template-columns: 1fr;
    gap: 0;
    overflow: visible;
    background: var(--so-surface);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
}

.member-card[b-r4e396f8ja] {
    background: transparent;
    border: 0;
    border-top: 1px solid var(--so-border);
    border-radius: 0;
    box-shadow: none;
}

.member-card:first-child[b-r4e396f8ja] { border-top: 0; }
.member-card:has(.member-editor)[b-r4e396f8ja] { background: var(--so-surface-raised); }

/* Story 4: preserve a generous hit area while making secondary member tools quieter. */
.invite-share-actions[b-r4e396f8ja] { gap: .4rem; }
.invite-share-actions .btn[b-r4e396f8ja], .invite-share-actions button[b-r4e396f8ja] { min-height: 40px; padding-inline: .65rem; }
.member-statuses[b-r4e396f8ja] { gap: .28rem; }
.membership-badge[b-r4e396f8ja], .offline-badge[b-r4e396f8ja] { min-height: 22px; padding: .16rem .42rem; border-radius: var(--so-radius-pill, 999px); font-size: .64rem !important; }
.member-action-menu > summary[b-r4e396f8ja] { width: 40px; min-height: 40px; }
.member-action-menu .member-card-actions[b-r4e396f8ja] { top: 44px; padding: .3rem; }
.member-action-menu .member-action[b-r4e396f8ja] { min-height: 40px; padding: .35rem .55rem; font-weight: var(--so-font-weight-semibold); }
.member-contact a[b-r4e396f8ja] { min-height: 40px; padding-inline: .4rem; }

/* Story 5: roster content stays structural when names and statuses get long. */
.members-shell[b-r4e396f8ja], .member-card[b-r4e396f8ja], .member-card-header[b-r4e396f8ja], .member-identity[b-r4e396f8ja],
.member-editor[b-r4e396f8ja], .member-statuses[b-r4e396f8ja] { min-width: 0; }
.member-card-header h3[b-r4e396f8ja], .member-musical-role[b-r4e396f8ja], .member-contact > span[b-r4e396f8ja] { overflow-wrap: anywhere; }
@media (max-width: 560px) {
    .member-card[b-r4e396f8ja] { padding-inline: var(--so-space-3); }
    .member-card-header[b-r4e396f8ja] { grid-template-columns: 42px minmax(0, 1fr) auto; gap: var(--so-space-2); }
    .member-contact[b-r4e396f8ja], .member-readonly-details[b-r4e396f8ja] { margin-left: 0; }
    .member-contact[b-r4e396f8ja] { flex-wrap: wrap; }
    .member-editor[b-r4e396f8ja] { grid-template-columns: minmax(0, 1fr); }
}

.invite-validation[b-r4e396f8ja] { margin: .75rem 0 0; color: var(--so-danger); font-weight: var(--so-font-weight-semibold); }

/* Editor sits between Owner and Member, so it reads as a lighter version of
   the owner treatment rather than a second, competing colour. */
.membership-badge.editor[b-r4e396f8ja] {
    color: var(--so-text-secondary) !important;
    border-color: color-mix(in srgb, var(--so-accent) 16%, var(--so-border));
    background: color-mix(in srgb, var(--so-accent) 6%, transparent);
}
.member-avatar.editor[b-r4e396f8ja] {
    border-color: color-mix(in srgb, var(--so-accent) 22%, var(--so-border));
    background: color-mix(in srgb, var(--so-accent) 8%, var(--so-surface-raised));
}
/* /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: var(--so-warning); }
.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: var(--so-accent-hover); 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;
    display: grid;
    gap: var(--so-space-2);
}

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

.form-label[b-330cr4dpj6] {
    color: var(--so-text-secondary);
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-semibold);
    margin-bottom: 0;
}

.form-control[b-330cr4dpj6] {
    min-height: 44px;
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-sm);
    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: 44px;
    background-color: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-sm);
    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: var(--so-font-size-sm);
    margin-top: 0;
}

.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; }
.selected-venue[b-330cr4dpj6] { min-height: 44px; display: flex; align-items: center; justify-content: space-between; padding: .65rem .8rem; background: var(--so-surface-2); border: 1px solid var(--so-border); border-radius: var(--so-radius-sm); }.selected-venue button[b-330cr4dpj6] { color: var(--so-accent-bright); background: transparent; border: 0; }
.new-event-loading[b-330cr4dpj6] { display: flex; min-height: 180px; align-items: center; justify-content: center; gap: .65rem; color: var(--so-text-secondary); }
.new-event-loading p[b-330cr4dpj6] { margin: 0; }
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notifications-shell[b-kdr84aasza] { width: min(calc(100% - 2rem), 760px); margin: 0 auto; }
.notification-filters[b-kdr84aasza] { display: flex; gap: var(--so-space-2); margin-bottom: var(--so-space-3); }
/* 40px to match every other control in the app (and to stay a reliable tap
   target); 36px left these tabs visibly shorter than the buttons near them. */
.notification-filters button[b-kdr84aasza] { min-height: var(--so-target-min, 40px); padding: .35rem .9rem; color: var(--so-text-secondary); background: transparent; border: 1px solid var(--so-border); border-radius: 999px; cursor: pointer; }
.notification-filters button:hover[b-kdr84aasza], .notification-filters button:focus-visible[b-kdr84aasza] { color: var(--so-text); border-color: var(--so-accent); }
.notification-filters button.active[b-kdr84aasza] { color: var(--so-text); background: var(--so-accent-soft); border-color: var(--so-accent); }
.notification-list[b-kdr84aasza] { display: grid; gap: 0; padding: 0 var(--so-space-3); }
.notification-item[b-kdr84aasza] { display: grid; grid-template-columns: 8px 28px minmax(0, 1fr) auto; align-items: center; gap: var(--so-space-2); padding: 0; background: transparent; border: 0; border-radius: 0; transition: background-color .15s ease; }
.notification-item:hover[b-kdr84aasza], .notification-item:focus-within[b-kdr84aasza] { background: color-mix(in srgb, var(--so-surface-raised) 72%, transparent); }
.notification-item.unread[b-kdr84aasza] { background: color-mix(in srgb, var(--so-accent) 6%, transparent); }
.notification-item.read[b-kdr84aasza] { opacity: .82; }
.notification-dot[b-kdr84aasza] { width: 8px; height: 8px; border: 1px solid var(--so-border-strong); border-radius: 50%; }
.notification-item.unread .notification-dot[b-kdr84aasza] { background: var(--so-accent); border-color: var(--so-accent-hover); }
.notification-icon[b-kdr84aasza] { display: grid; place-items: center; width: 28px; height: 28px; color: var(--so-text-secondary); background: var(--so-surface-raised); border-radius: var(--so-radius-sm); font-size: .8rem; font-weight: var(--so-font-weight-bold); }
.notification-item.unread .notification-icon[b-kdr84aasza] { color: var(--so-accent-hover); }
.notification-item > a[b-kdr84aasza] { display: grid; min-width: 0; padding: var(--so-space-3) 0; color: inherit; text-decoration: none; }
.notification-item strong[b-kdr84aasza] { color: var(--so-text); font-size: .95rem; font-weight: var(--so-font-weight-semibold); line-height: 1.35; }
.notification-item p[b-kdr84aasza] { margin: var(--so-space-1) 0 0; color: var(--so-text-secondary); font-size: var(--so-font-size-sm); line-height: 1.45; overflow-wrap: anywhere; }
.notification-time[b-kdr84aasza] { margin-top: var(--so-space-1); color: var(--so-text-muted); font-size: .72rem; font-variant-numeric: tabular-nums; }
.notification-action[b-kdr84aasza] { margin-top: var(--so-space-2); color: var(--so-accent-hover); font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-semibold); }
.notification-item > form[b-kdr84aasza] { align-self: center; }
.notification-item > form .so-btn-inline[b-kdr84aasza] { min-height: 40px; color: var(--so-text-secondary); font-size: var(--so-font-size-sm); }
.notification-item > form .so-btn-inline:hover[b-kdr84aasza], .notification-item > form .so-btn-inline:focus-visible[b-kdr84aasza] { color: var(--so-text); background: var(--so-surface-3); }
.notification-empty[b-kdr84aasza] { display: grid; gap: var(--so-space-2); padding: var(--so-space-8) var(--so-space-5); color: var(--so-text-secondary); background: var(--so-surface); border: 1px solid var(--so-border); border-radius: var(--so-radius-md); }
.notification-empty strong[b-kdr84aasza] { color: var(--so-text); font-size: 1.05rem; }
.notification-empty span[b-kdr84aasza] { line-height: 1.45; }
@media (max-width: 767px) {
    .notifications-shell[b-kdr84aasza] { width: calc(100% - 1.5rem); }
    .notification-item[b-kdr84aasza] { grid-template-columns: 8px 28px minmax(0, 1fr); padding-right: var(--so-space-2); }
    .notification-item > form[b-kdr84aasza] { grid-column: 3; justify-self: start; padding-bottom: var(--so-space-2); }
}
@media (max-width: 430px) {
    .notifications-shell[b-kdr84aasza] { width: calc(100% - 1rem); }
    .notification-item[b-kdr84aasza] { grid-template-columns: 8px 24px minmax(0, 1fr); gap: var(--so-space-2); padding-left: var(--so-space-2); }
    .notification-icon[b-kdr84aasza] { width: 24px; height: 24px; font-size: .75rem; }
}
/* /Components/Pages/OwnerDashboard.razor.rz.scp.css */
.owner-dashboard-page[b-sifvo8ey4u] { max-width: 1280px; padding: var(--so-space-5); margin: 0 auto; }
.owner-dashboard-period[b-sifvo8ey4u] { min-width: 160px; }

.owner-dashboard-empty[b-sifvo8ey4u] { display: grid; gap: var(--so-space-3); padding: var(--so-space-8) var(--so-space-5); text-align: center; background: var(--so-surface); border: 1px dashed var(--so-border); border-radius: var(--so-radius-md); }
.owner-dashboard-empty h2[b-sifvo8ey4u] { margin: 0; color: var(--so-text); font-size: 1.15rem; }
.owner-dashboard-empty-actions[b-sifvo8ey4u] { display: flex; justify-content: center; gap: var(--so-space-3); flex-wrap: wrap; }

.owner-dashboard-kpis[b-sifvo8ey4u] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--so-space-3); margin-bottom: var(--so-space-4); }
/* align-content: start — the cards stretch to a shared height, and without it
   the grid rows stretch too. "Outstanding Payments" has no "vs previous
   period" line, so its two rows split the height and its figure dropped ~12px
   below the other three. Top-packed, every figure shares a baseline. */
.owner-dashboard-kpi-card[b-sifvo8ey4u] { display: grid; align-content: start; gap: var(--so-space-1); padding: var(--so-space-4); background: var(--so-surface); border: 1px solid var(--so-border); border-radius: var(--so-radius-md); }
.owner-dashboard-kpi-card span[b-sifvo8ey4u] { color: var(--so-text-secondary); font-size: var(--so-font-size-sm); }
.owner-dashboard-kpi-card strong[b-sifvo8ey4u] { color: var(--so-text); font-size: 1.6rem; font-variant-numeric: tabular-nums; }
.owner-dashboard-trend[b-sifvo8ey4u] { font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-semibold); }
.owner-dashboard-trend.is-positive[b-sifvo8ey4u] { color: var(--so-success); }
.owner-dashboard-trend.is-negative[b-sifvo8ey4u] { color: var(--so-danger); }

.owner-dashboard-trend-row[b-sifvo8ey4u] { display: grid; grid-template-columns: 2fr 1fr; gap: var(--so-space-3); margin-bottom: var(--so-space-4); }
.owner-dashboard-card[b-sifvo8ey4u] { padding: var(--so-space-4); background: var(--so-surface); border: 1px solid var(--so-border); border-radius: var(--so-radius-md); }
.owner-dashboard-trend-card h2[b-sifvo8ey4u] { margin: 0 0 var(--so-space-3); font-size: 1rem; }
.owner-dashboard-metric-stack[b-sifvo8ey4u] { display: grid; gap: var(--so-space-3); }
/* Same reason: these sit beside the tall chart, so the group stretches and the
   figure used to float in the middle of a mostly-empty card. */
.owner-dashboard-metric-card[b-sifvo8ey4u] { display: grid; align-content: start; gap: var(--so-space-1); padding: var(--so-space-4); background: var(--so-surface); border: 1px solid var(--so-border); border-radius: var(--so-radius-md); }
.owner-dashboard-metric-card span[b-sifvo8ey4u] { color: var(--so-text-secondary); font-size: var(--so-font-size-sm); }
.owner-dashboard-metric-card strong[b-sifvo8ey4u] { color: var(--so-text); font-size: 1.3rem; font-variant-numeric: tabular-nums; }
.owner-dashboard-metric-card small[b-sifvo8ey4u] { color: var(--so-text-muted); font-size: var(--so-font-size-xs); }

.owner-dashboard-insights[b-sifvo8ey4u] { display: flex; flex-wrap: wrap; gap: var(--so-space-2); margin-bottom: var(--so-space-4); }
.owner-dashboard-insight-chip[b-sifvo8ey4u] { padding: var(--so-space-2) var(--so-space-3); color: var(--so-accent-hover); background: color-mix(in srgb, var(--so-accent) 10%, transparent); border-radius: 999px; font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-semibold); }

.owner-dashboard-grid[b-sifvo8ey4u] { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--so-space-3); margin-bottom: var(--so-space-4); }
.owner-dashboard-grid--two[b-sifvo8ey4u] { grid-template-columns: 1fr 1fr; }
.owner-dashboard-card-heading[b-sifvo8ey4u] { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--so-space-3); }
.owner-dashboard-card-heading h2[b-sifvo8ey4u], .owner-dashboard-card > h2[b-sifvo8ey4u] { margin: 0; font-size: 1rem; }
.owner-dashboard-view-all[b-sifvo8ey4u] { color: var(--so-accent-hover); background: none; border: 0; font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-semibold); text-decoration: none; cursor: pointer; }
.owner-dashboard-card-empty[b-sifvo8ey4u] { color: var(--so-text-muted); font-size: var(--so-font-size-sm); }

.owner-dashboard-table[b-sifvo8ey4u] { display: grid; gap: var(--so-space-1); }
.owner-dashboard-table-row[b-sifvo8ey4u] { display: grid; grid-template-columns: 1.4fr 0.6fr 0.8fr; gap: var(--so-space-2); align-items: center; padding: var(--so-space-2) 0; border-top: 1px solid var(--so-border); font-size: var(--so-font-size-sm); font-variant-numeric: tabular-nums; }
.owner-dashboard-table-row:first-child[b-sifvo8ey4u] { border-top: 0; }
.owner-dashboard-table-row--heading[b-sifvo8ey4u] { color: var(--so-text-muted); font-size: var(--so-font-size-xs); font-weight: var(--so-font-weight-semibold); text-transform: uppercase; letter-spacing: .03em; }
.owner-dashboard-table-row span:last-child[b-sifvo8ey4u], .owner-dashboard-table-row span:nth-child(2)[b-sifvo8ey4u] { text-align: right; }

.owner-dashboard-mileage-grid[b-sifvo8ey4u] { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--so-space-3); }
.owner-dashboard-mileage-grid span[b-sifvo8ey4u] { display: block; color: var(--so-text-secondary); font-size: var(--so-font-size-xs); }
.owner-dashboard-mileage-grid strong[b-sifvo8ey4u] { color: var(--so-text); font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.owner-dashboard-mileage-caption[b-sifvo8ey4u] { margin: var(--so-space-3) 0 0; color: var(--so-text-muted); font-size: var(--so-font-size-xs); }

.owner-dashboard-list-row[b-sifvo8ey4u] { display: flex; align-items: center; gap: var(--so-space-2); padding: var(--so-space-2) 0; color: inherit; text-decoration: none; border-top: 1px solid var(--so-border); font-size: var(--so-font-size-sm); }
.owner-dashboard-list-row:first-of-type[b-sifvo8ey4u] { border-top: 0; }
.owner-dashboard-list-primary[b-sifvo8ey4u] { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
.owner-dashboard-list-primary small[b-sifvo8ey4u] { color: var(--so-text-muted); font-size: var(--so-font-size-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.owner-dashboard-category-badge[b-sifvo8ey4u] { flex: 0 0 auto; padding: .12rem .4rem; color: var(--so-text-muted); background: color-mix(in srgb, var(--so-surface-3) 70%, transparent); border-radius: 999px; font-size: .66rem; font-weight: 700; text-transform: uppercase; }
.owner-dashboard-list-row strong[b-sifvo8ey4u] { flex: 0 0 auto; font-variant-numeric: tabular-nums; }

/* Story 3: secondary metrics form a divided group instead of nested cards. */
.owner-dashboard-metric-stack[b-sifvo8ey4u] {
    gap: 0;
    overflow: hidden;
    background: var(--so-surface);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
}

.owner-dashboard-metric-card[b-sifvo8ey4u] {
    border: 0;
    border-top: 1px solid var(--so-border);
    border-radius: 0;
    box-shadow: none;
}

.owner-dashboard-metric-card:first-child[b-sifvo8ey4u] { border-top: 0; }

/* Story 4: insight labels read as compact metadata, leaving next actions dominant. */
.owner-dashboard-empty-actions[b-sifvo8ey4u] { gap: var(--so-space-2); }
.owner-dashboard-empty-actions .btn[b-sifvo8ey4u] { min-height: 42px; padding-inline: .8rem; }
.owner-dashboard-empty-actions .btn-primary[b-sifvo8ey4u] { min-height: 44px; }
.owner-dashboard-insights[b-sifvo8ey4u] { gap: .4rem; }
.owner-dashboard-insight-chip[b-sifvo8ey4u],
.owner-dashboard-category-badge[b-sifvo8ey4u] { min-height: 24px; padding: .2rem .45rem; border-radius: var(--so-radius-sm); font-size: .68rem; line-height: 1; }
.owner-dashboard-view-all[b-sifvo8ey4u] { display: inline-flex; align-items: center; min-height: 40px; padding: 0 .35rem; font-size: .75rem; }

/* Story 5: dashboard is an operational canvas, not a grid of fixed cards. */
.owner-dashboard-page > *[b-sifvo8ey4u] { min-width: 0; }
.owner-dashboard-period[b-sifvo8ey4u] { width: min(100%, 11rem); max-width: 100%; }
.owner-dashboard-kpis[b-sifvo8ey4u] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.owner-dashboard-kpi-card[b-sifvo8ey4u], .owner-dashboard-card[b-sifvo8ey4u], .owner-dashboard-metric-card[b-sifvo8ey4u] { min-width: 0; }
.owner-dashboard-kpi-card strong[b-sifvo8ey4u], .owner-dashboard-metric-card strong[b-sifvo8ey4u] { overflow-wrap: anywhere; }
.owner-dashboard-table-row[b-sifvo8ey4u] { grid-template-columns: minmax(0, 1.4fr) minmax(3.25rem, .6fr) minmax(4.5rem, .8fr); }
.owner-dashboard-table-row > span[b-sifvo8ey4u] { min-width: 0; overflow-wrap: anywhere; }
.owner-dashboard-card-heading[b-sifvo8ey4u] { gap: var(--so-space-2); }
.owner-dashboard-card-heading h2[b-sifvo8ey4u] { min-width: 0; }
.owner-dashboard-trend-card[b-sifvo8ey4u] { min-width: 0; }

@media (max-width: 767px) {
    .owner-dashboard-page[b-sifvo8ey4u] { display: flex; flex-direction: column; padding: var(--so-space-3); }
    .owner-dashboard-kpis[b-sifvo8ey4u] { grid-template-columns: repeat(2, 1fr); }
    .owner-dashboard-trend-row[b-sifvo8ey4u] { grid-template-columns: 1fr; }
    .owner-dashboard-grid[b-sifvo8ey4u], .owner-dashboard-grid--two[b-sifvo8ey4u] { grid-template-columns: 1fr; }
    /* Story's mobile order: summary, trend, gig metrics, outstanding
       payments, expenses, musicians, venues, mileage. Every top-level
       child of the (now flex) page becomes a flex item once display:flex
       applies — including the header and empty-state panel — so every
       section needs an explicit order, not just the one being moved,
       or it jumps above the header too (order:0 is still "first" among
       unset siblings). */
    .owner-dashboard-page > .so-page-header[b-sifvo8ey4u] { order: 0; }
    .owner-dashboard-empty[b-sifvo8ey4u] { order: 1; }
    .owner-dashboard-kpis[b-sifvo8ey4u] { order: 1; }
    .owner-dashboard-trend-row[b-sifvo8ey4u] { order: 2; }
    .owner-dashboard-insights[b-sifvo8ey4u] { order: 3; }
    .owner-dashboard-grid--payments[b-sifvo8ey4u] { order: 4; }
    .owner-dashboard-grid--rankings[b-sifvo8ey4u] { order: 5; }
}

@media (max-width: 430px) {
    .owner-dashboard-page[b-sifvo8ey4u] { padding: var(--so-space-3); }
    .owner-dashboard-page .so-page-header[b-sifvo8ey4u] { grid-template-columns: 1fr; }
    .owner-dashboard-page .so-page-header-aside[b-sifvo8ey4u] { width: 100%; justify-content: stretch; }
    .owner-dashboard-period[b-sifvo8ey4u] { width: 100%; }
    .owner-dashboard-kpis[b-sifvo8ey4u] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--so-space-2); }
    .owner-dashboard-kpi-card[b-sifvo8ey4u] { padding: var(--so-space-3); }
    .owner-dashboard-kpi-card strong[b-sifvo8ey4u] { font-size: clamp(1.08rem, 6vw, 1.35rem); }
    .owner-dashboard-card[b-sifvo8ey4u] { padding: var(--so-space-3); }
    .owner-dashboard-table-row[b-sifvo8ey4u] { grid-template-columns: minmax(0, 1fr) minmax(2.5rem, auto) minmax(3.75rem, auto); gap: var(--so-space-1); font-size: .72rem; }
    .owner-dashboard-table-row--heading[b-sifvo8ey4u] { font-size: .6rem; }
    .owner-dashboard-mileage-grid[b-sifvo8ey4u] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--so-space-2); }
    .owner-dashboard-mileage-grid strong[b-sifvo8ey4u] { font-size: .9rem; overflow-wrap: anywhere; }
    .owner-dashboard-insight-chip[b-sifvo8ey4u] { max-width: 100%; overflow-wrap: anywhere; }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
/* The shared .account-access-card is sized for a narrow form (30rem) —
   widen it here for readable prose, and left-align text instead of the
   shell's default centered layout. */
.privacy-page-shell[b-yy28judwj1] { align-items: flex-start; padding-top: var(--so-space-8); padding-bottom: var(--so-space-8); }
.privacy-page-card[b-yy28judwj1] { width: min(100%, 42rem); text-align: left; }
.privacy-page-card h1[b-yy28judwj1] { text-align: left; }
.privacy-page-card .account-access-eyebrow[b-yy28judwj1] { text-align: left; }
.privacy-updated[b-yy28judwj1] { margin: 0 0 var(--so-space-5); color: var(--so-text-muted); font-size: var(--so-font-size-sm); }

.privacy-page-card h2[b-yy28judwj1] { margin: var(--so-space-6) 0 var(--so-space-2); color: var(--so-text); font-size: 1.05rem; font-weight: var(--so-font-weight-bold); }
.privacy-page-card h2:first-of-type[b-yy28judwj1] { margin-top: var(--so-space-5); }
.privacy-page-card p[b-yy28judwj1] { margin: 0 0 var(--so-space-3); color: var(--so-text-secondary); line-height: 1.6; }
.privacy-page-card p strong[b-yy28judwj1] { color: var(--so-text); }
.privacy-page-card ul[b-yy28judwj1] { margin: 0 0 var(--so-space-3); padding-left: 1.25rem; color: var(--so-text-secondary); line-height: 1.6; }
.privacy-page-card li[b-yy28judwj1] { margin-bottom: var(--so-space-1); }
.privacy-page-card a[b-yy28judwj1] { color: var(--so-accent-hover); }

@media (max-width: 600px) {
    .privacy-page-shell[b-yy28judwj1] { padding-top: var(--so-space-4); padding-bottom: var(--so-space-4); }
}
/* /Components/Pages/Profile.razor.rz.scp.css */
.profile-skill-summary[b-el4kim7eoz] { display:flex; gap:1.5rem; margin:1.25rem 0; padding:1rem; border:1px solid var(--so-border); border-radius:var(--so-radius-md,.75rem); }
.profile-skill-summary span[b-el4kim7eoz] { display:grid; gap:.25rem; min-width:0; }
.profile-skill-group[b-el4kim7eoz] { display:grid; gap:.55rem; margin:1.25rem 0; }
.profile-skill-pills[b-el4kim7eoz] { display:flex; flex-wrap:wrap; gap:.5rem; }
/* inline-flex + gap so the selected tick sits a space away from the label
   rather than butting against it ("Lead Vocal✓"). */
.skill-pill[b-el4kim7eoz] { display:inline-flex; align-items:center; gap:.35rem; min-height:2.5rem; padding:.45rem .85rem; border:1px solid var(--so-border); border-radius:999px; background:var(--so-surface-raised); color:var(--so-text-primary); cursor:pointer; }
.skill-pill:hover[b-el4kim7eoz], .skill-pill:focus-visible[b-el4kim7eoz] { border-color:var(--so-accent); }
.skill-pill.selected[b-el4kim7eoz] { border-color:var(--so-accent); background:color-mix(in srgb, var(--so-accent) 18%, var(--so-surface-raised)); color:var(--so-accent); font-weight:600; }
/* /Components/Pages/PublicMarketingHomepage.razor.rz.scp.css */
/* Public components share scoped rules in wwwroot/public-site.css. */
/* /Components/Pages/PublicOrganisationInvitation.razor.rz.scp.css */
.invitation-landing-card[b-i8p1xwgyzo] {
    max-width: 29rem;
}

.invitation-band-identity[b-i8p1xwgyzo] {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin: 1rem 0;
    padding: .8rem;
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md, .75rem);
    background: var(--so-surface-raised);
}

.invitation-band-identity > div[b-i8p1xwgyzo] {
    display: grid;
    min-width: 0;
    gap: .3rem;
}

.invitation-band-identity strong[b-i8p1xwgyzo] {
    overflow: hidden;
    color: var(--so-text);
    font-size: 1.18rem;
    line-height: 1.2;
    text-overflow: ellipsis;
}

.invitation-band-avatar[b-i8p1xwgyzo] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    border-radius: 50%;
    object-fit: cover;
}

.invitation-band-initials[b-i8p1xwgyzo] {
    display: grid;
    place-items: center;
    color: white;
    background: linear-gradient(145deg, var(--so-accent), #5d38af);
    font-weight: 800;
    letter-spacing: .03em;
}

.invitation-status-badge[b-i8p1xwgyzo] {
    width: fit-content;
    padding: .18rem .48rem;
    border: 1px solid color-mix(in srgb, var(--so-accent) 35%, transparent);
    border-radius: 999px;
    color: var(--so-text-secondary);
    background: color-mix(in srgb, var(--so-accent) 10%, transparent);
    font-size: .72rem;
    font-weight: 700;
}

.invitation-auth-actions[b-i8p1xwgyzo] {
    display: grid;
    gap: var(--so-space-3, .75rem);
    margin-top: var(--so-space-5, 1.25rem);
}

.invitation-auth-actions .btn[b-i8p1xwgyzo] {
    width: 100%;
}

.invitation-ready-copy[b-i8p1xwgyzo] { margin-bottom: .8rem; }

.invitation-decision-form label[b-i8p1xwgyzo] { display: block; margin-bottom: .4rem; }

.invitation-decision-actions[b-i8p1xwgyzo] {
    display: flex;
    align-items: stretch;
    gap: .65rem;
    margin-top: 1rem;
}

.invitation-landing-card .invitation-decision-actions .btn[b-i8p1xwgyzo] {
    width: auto;
    min-height: 44px;
    margin-top: 0;
    padding: .58rem .9rem;
    line-height: 1.2;
    white-space: nowrap;
}

.invitation-decision-actions .btn:first-child[b-i8p1xwgyzo] { flex: 1 1 auto; }
.invitation-decision-actions .invitation-decline[b-i8p1xwgyzo] { flex: 0 1 auto; }

.invitation-result-mark[b-i8p1xwgyzo] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    margin: .75rem 0;
    place-items: center;
    border-radius: 50%;
    color: var(--so-text-secondary);
    background: var(--so-surface-raised);
    font-size: 1.3rem;
    font-weight: 800;
}

.invitation-result-mark-success[b-i8p1xwgyzo] { color: #7ee2a8; }
.invitation-landing-card .invitation-result-action[b-i8p1xwgyzo] { width: auto; margin-top: .5rem; }

.invitation-landing-help[b-i8p1xwgyzo] {
    margin-top: var(--so-space-4, 1rem);
    text-align: center;
}

@media (min-width: 480px) {
    .invitation-auth-actions[b-i8p1xwgyzo] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 285px) {
    .invitation-decision-actions[b-i8p1xwgyzo] { flex-direction: column; }
    .invitation-landing-card .invitation-decision-actions .btn[b-i8p1xwgyzo] { width: 100%; }
}
/* /Components/Pages/SongEditor.razor.rz.scp.css */
.song-lookup-start[b-l9weffl0li] { display: grid; gap: .75rem; padding: 1rem; background: var(--so-surface-1); border: 1px solid var(--so-border); border-radius: var(--so-radius-lg); }
.song-lookup-start h2[b-l9weffl0li] { font-size: 1rem; margin: 0; }
.song-manual-entry[b-l9weffl0li] { justify-self: start; min-height: 36px; padding: .35rem .15rem; color: var(--so-accent-bright); background: transparent; border: 0; border-radius: var(--so-radius-sm); font: inherit; font-size: .8rem; font-weight: 750; cursor: pointer; }
.song-manual-entry:hover[b-l9weffl0li] { color: #fff; }
.song-manual-entry:focus-visible[b-l9weffl0li] { outline: 2px solid var(--so-focus); outline-offset: 3px; }
.song-manual-entry:active[b-l9weffl0li] { color: var(--so-accent); }
/* /Components/Pages/VenueEditor.razor.rz.scp.css */
.venue-editor[b-ai7ig8kq10] { max-width: 920px; padding: var(--so-space-5); }
.venue-editor header[b-ai7ig8kq10] { margin-bottom: var(--so-space-6); }
.venue-editor header > a[b-ai7ig8kq10], .maps-link[b-ai7ig8kq10] { color: var(--so-accent-hover); font-weight: var(--so-font-weight-semibold); }
.venue-editor header p[b-ai7ig8kq10] { margin: var(--so-space-5) 0 var(--so-space-1); color: var(--so-accent-hover); font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-bold); letter-spacing: .08em; }
.venue-editor h1[b-ai7ig8kq10] { font-size: clamp(2rem, 4vw, 3.25rem); font-weight: var(--so-font-weight-bold); letter-spacing: -.04em; }
.venue-editor header span[b-ai7ig8kq10] { color: var(--so-text-secondary); line-height: 1.5; }
.venue-editor section[b-ai7ig8kq10] { margin: var(--so-space-4) 0; padding: var(--so-space-5); background: var(--so-surface); border-color: var(--so-border); border-radius: var(--so-radius-md); }
.venue-editor h2[b-ai7ig8kq10] { margin: 0 0 var(--so-space-5); color: var(--so-text); font-size: 1.1rem; font-weight: var(--so-font-weight-semibold); }
.editor-grid[b-ai7ig8kq10] { gap: var(--so-space-4); }
.field-group[b-ai7ig8kq10] { gap: var(--so-space-2); }
.field-group label[b-ai7ig8kq10] { color: var(--so-text-secondary); font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-semibold); }
.field-group .form-control[b-ai7ig8kq10], .field-group .form-select[b-ai7ig8kq10] { background: var(--so-surface-raised); border-color: var(--so-border); }
.field-group textarea[b-ai7ig8kq10] { min-height: 104px; }
.field-group small[b-ai7ig8kq10] { color: var(--so-text-muted); font-size: .72rem; line-height: 1.45; }
.venue-image-preview[b-ai7ig8kq10] { width: 100%; margin-top: var(--so-space-3); overflow: hidden; aspect-ratio: 16 / 7; background: var(--so-surface-raised); border: 1px solid var(--so-border); border-radius: var(--so-radius-md); }
.venue-image-preview img[b-ai7ig8kq10] { width: 100%; height: 100%; object-fit: cover; }
.venue-provider-link > p[b-ai7ig8kq10] { display: grid; gap: .2rem; margin: 0 0 var(--so-space-3); color: var(--so-text-secondary); }
.venue-provider-link > p strong[b-ai7ig8kq10] { color: var(--so-text); }
.venue-provider-link > p span[b-ai7ig8kq10] { font-size: .8rem; }
.editor-actions[b-ai7ig8kq10] { gap: var(--so-space-3); padding: var(--so-space-4) 0 var(--so-space-8); }
.similar-warning[b-ai7ig8kq10] { gap: var(--so-space-2); padding: var(--so-space-4); color: var(--so-text-secondary); background: color-mix(in srgb, var(--so-warning) 9%, var(--so-surface)); border-color: color-mix(in srgb, var(--so-warning) 42%, var(--so-border)); border-radius: var(--so-radius-md); }
.similar-warning strong[b-ai7ig8kq10] { color: var(--so-warning); }
.similar-warning a[b-ai7ig8kq10] { color: var(--so-accent-hover); font-weight: var(--so-font-weight-semibold); }
.maps-link[b-ai7ig8kq10] { display: inline-flex; min-height: 44px; align-items: center; margin-top: var(--so-space-3); }
.venue-remove[b-ai7ig8kq10] { background: color-mix(in srgb, var(--so-danger) 6%, var(--so-surface)) !important; border-color: color-mix(in srgb, var(--so-danger) 32%, var(--so-border)) !important; }
@media (max-width: 650px) { .venue-editor[b-ai7ig8kq10] { padding: var(--so-space-4); } .venue-editor section[b-ai7ig8kq10] { padding: var(--so-space-4); } .editor-actions[b-ai7ig8kq10] { position: sticky; bottom: 0; padding: var(--so-space-3); margin: 0 calc(var(--so-space-4) * -1); background: color-mix(in srgb, var(--so-surface-1) 94%, transparent); border-top: 1px solid var(--so-border); } }
@media (max-width: 430px) { .venue-editor[b-ai7ig8kq10] { padding: var(--so-space-3); } .venue-editor section[b-ai7ig8kq10] { padding: var(--so-space-3); } .editor-actions[b-ai7ig8kq10] { margin: 0 calc(var(--so-space-3) * -1); } }
.venue-lookup-start[b-ai7ig8kq10] { display: grid; gap: .75rem; padding: 1rem; background: var(--so-surface-1); border: 1px solid var(--so-border); border-radius: var(--so-radius-lg); }.venue-lookup-start h2[b-ai7ig8kq10] { font-size: 1rem; margin: 0; }.venue-manual-entry[b-ai7ig8kq10] { justify-self:start; min-height:36px; padding:.35rem .15rem; color:var(--so-accent-bright); background:transparent; border:0; border-radius:var(--so-radius-sm); font:inherit; font-size:.8rem; font-weight:750; cursor:pointer; }.venue-manual-entry:hover[b-ai7ig8kq10] { color:#fff; }.venue-manual-entry:focus-visible[b-ai7ig8kq10] { outline:2px solid var(--so-focus); outline-offset:3px; }.venue-manual-entry:active[b-ai7ig8kq10] { color:var(--so-accent); }
/* /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; } }

/* Stage 6F Venues refinement: a compact working directory built on shared tokens. */
.venue-page[b-v9aa51vtfe] { max-width: 1180px; padding: var(--so-space-5); }
.venue-page-header[b-v9aa51vtfe] { align-items: flex-start; margin-bottom: var(--so-space-6); }
.venue-page-header h1[b-v9aa51vtfe] { font-size: clamp(2rem, 4vw, 2.75rem); font-weight: var(--so-font-weight-bold); letter-spacing: -.04em; }
.venue-page-header p[b-v9aa51vtfe] { line-height: 1.5; }
.venue-eyebrow[b-v9aa51vtfe] { margin-bottom: var(--so-space-2); color: var(--so-accent-hover) !important; font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-bold); letter-spacing: .08em; }
.venue-search[b-v9aa51vtfe] { max-width: 34rem; margin-bottom: var(--so-space-5); }
.venue-search input[b-v9aa51vtfe] { min-height: 44px; background: var(--so-surface-2); border: 1px solid var(--so-border-light); }
.venue-grid[b-v9aa51vtfe] { gap: var(--so-space-3); }
.venue-card[b-v9aa51vtfe] { min-height: 0; padding: var(--so-space-4); background: var(--so-surface); border-color: var(--so-border); border-radius: var(--so-radius-md); transition: border-color .15s ease, background-color .15s ease; }
.venue-card:hover[b-v9aa51vtfe], .venue-card:focus-visible[b-v9aa51vtfe] { transform: none; background: var(--so-surface-raised); border-color: color-mix(in srgb, var(--so-accent) 42%, var(--so-border)); }
.venue-card-top[b-v9aa51vtfe] { color: var(--so-accent-hover); font-size: var(--so-font-size-sm); font-weight: var(--so-font-weight-semibold); letter-spacing: .04em; }
.venue-card-top b[b-v9aa51vtfe] { font-size: 1.1rem; }
.venue-card h2[b-v9aa51vtfe] { margin: var(--so-space-5) 0 var(--so-space-1); color: var(--so-text); font-size: 1.25rem; font-weight: var(--so-font-weight-semibold); overflow-wrap: anywhere; }
.venue-card p[b-v9aa51vtfe] { margin: 0; color: var(--so-text-secondary); font-size: var(--so-font-size-sm); line-height: 1.45; }
.venue-meta[b-v9aa51vtfe] { flex-wrap: wrap; margin-top: var(--so-space-5); color: var(--so-text-muted); font-size: var(--so-font-size-sm); line-height: 1.35; }
.venue-empty[b-v9aa51vtfe] { gap: var(--so-space-2); padding: var(--so-space-8) var(--so-space-5); background: var(--so-surface); border-color: var(--so-border); border-radius: var(--so-radius-md); }
.venue-empty strong[b-v9aa51vtfe] { color: var(--so-text); font-size: 1.05rem; }
.venue-empty span[b-v9aa51vtfe] { color: var(--so-text-secondary); line-height: 1.45; }
.venue-empty a[b-v9aa51vtfe] { color: var(--so-accent-hover); font-weight: var(--so-font-weight-semibold); }
@media (max-width: 600px) { .venue-page[b-v9aa51vtfe] { padding: var(--so-space-4); } .venue-page-header[b-v9aa51vtfe] { margin-bottom: var(--so-space-5); } .venue-grid[b-v9aa51vtfe] { gap: var(--so-space-3); } .venue-card[b-v9aa51vtfe] { padding: var(--so-space-4); } }
@media (max-width: 430px) { .venue-page[b-v9aa51vtfe] { padding: var(--so-space-3); } .venue-card h2[b-v9aa51vtfe] { margin-top: var(--so-space-4); } .venue-meta[b-v9aa51vtfe] { margin-top: var(--so-space-4); } }
/* /Components/Shared/BandNavigation.razor.rz.scp.css */
/* Segmented control — a raised chip marks the current section, no heavy
   border or bottom rail. Token-driven so it holds in both themes. */
.band-navigation[b-54rd4zklgc] {
    display: flex;
    gap: .25rem;
    margin-bottom: 1.25rem;
    padding: 4px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background: var(--so-surface-3);
    border: 1px solid var(--so-border);
    border-radius: 14px;
}
.band-navigation[b-54rd4zklgc]::-webkit-scrollbar { display: none; }

.band-navigation a[b-54rd4zklgc] {
    /* Equal segments. `1 0 auto` sized each tab to its own label, so the four
       sections came out 253/235/233/241px — visibly lopsided for a control
       that reads as one bar. `1 1 0` divides the bar evenly; the min-width
       keeps labels from crushing when the bar scrolls on a phone. */
    flex: 1 1 0;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .48rem;
    padding: .6rem .9rem;
    color: var(--so-text-secondary);
    background: transparent;
    border: 0;
    border-radius: 10px;
    font-size: .82rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.band-nav-icon[b-54rd4zklgc] { display: grid; place-items: center; width: 17px; height: 17px; flex: 0 0 auto; color: var(--so-text-muted); }
.band-nav-icon svg[b-54rd4zklgc] { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.85; stroke-linecap: round; stroke-linejoin: round; }
.band-navigation a:hover[b-54rd4zklgc] { color: var(--so-text); background: color-mix(in srgb, var(--so-surface) 60%, transparent); }
.band-navigation a:hover .band-nav-icon[b-54rd4zklgc] { color: var(--so-text-secondary); }
.band-navigation a.active[b-54rd4zklgc] { color: var(--so-text); background: var(--so-surface); box-shadow: var(--so-shadow-sm); }
.band-navigation a.active .band-nav-icon[b-54rd4zklgc] { color: var(--so-accent); }
.band-navigation a:focus-visible[b-54rd4zklgc] { outline: 2px solid var(--so-focus); outline-offset: 2px; }

@media (max-width: 520px) {
    .band-navigation[b-54rd4zklgc] { margin-inline: -.15rem; }
    .band-navigation a[b-54rd4zklgc] { padding-inline: .68rem; }
}
/* /Components/Shared/ChartViewer.razor.rz.scp.css */
.chart-viewer[b-gq426j4vvn] {
    display: grid;
    gap: var(--so-space-5);
    padding: 0 var(--so-space-5) var(--so-space-6);
    background: var(--so-surface);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-lg);
    box-shadow: var(--so-shadow-sm, 0 1px 2px rgba(0, 0, 0, .08));
    color-scheme: light dark;
}
.chart-viewer-header[b-gq426j4vvn] { position: sticky; top: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--so-space-4); padding: var(--so-space-4) 0; background: var(--so-surface); z-index: 10; }
.chart-viewer-header h2[b-gq426j4vvn] { margin: 0; color: var(--so-text); font-family: var(--so-font-display); font-size: 1.9rem; font-weight: var(--so-font-weight-heavy); letter-spacing: -.01em; line-height: 1.1; text-wrap: balance; }
.chart-viewer-artist[b-gq426j4vvn] { margin: var(--so-space-2) 0 0; color: var(--so-text-secondary); font-size: var(--so-font-size-md); }
.chart-viewer-key[b-gq426j4vvn] { display: grid; justify-items: end; gap: var(--so-space-1); text-align: right; flex: 0 0 auto; }
.chart-viewer-key span[b-gq426j4vvn] { color: var(--so-text-muted); font-size: var(--so-font-size-xs); text-transform: uppercase; letter-spacing: .06em; font-weight: var(--so-font-weight-semibold); }
.chart-key-select[b-gq426j4vvn] {
    min-height: 40px; padding: .15rem var(--so-space-3);
    color: var(--so-accent-hover); background: var(--so-accent-soft);
    border: 1px solid color-mix(in srgb, var(--so-accent-hover) 45%, var(--so-border));
    border-radius: var(--so-radius-sm);
    font-family: var(--so-font-mono); font-size: 1.1rem; font-weight: var(--so-font-weight-bold);
    text-align: right; cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.chart-key-select:focus[b-gq426j4vvn] { border-color: var(--so-accent-hover); box-shadow: 0 0 0 2px color-mix(in srgb, var(--so-accent) 20%, transparent); outline: none; }

.chart-viewer-actions[b-gq426j4vvn] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--so-space-2); }
.chart-viewer-export[b-gq426j4vvn] { justify-self: start; }
.chart-viewer-font-control[b-gq426j4vvn] { display: flex; gap: var(--so-space-1); margin-left: auto; }
.chart-font-btn[b-gq426j4vvn] {
    min-width: 40px; min-height: 36px; padding: 0 var(--so-space-2);
    color: var(--so-text-secondary); background: var(--so-surface-2);
    border: 1px solid var(--so-border); border-radius: var(--so-radius-sm);
    font-family: var(--so-font-mono); font-weight: var(--so-font-weight-semibold);
    cursor: pointer; transition: all .12s ease;
}
.chart-font-btn:hover:not(:disabled)[b-gq426j4vvn] { color: var(--so-text); border-color: var(--so-accent-hover); }
.chart-font-btn:disabled[b-gq426j4vvn] { opacity: .4; cursor: default; }

.chart-viewer-body[b-gq426j4vvn] {
    --chart-base-font-size: clamp(.84rem, .58rem + 1.3vw, 1.06rem);
    margin: 0;
    padding: var(--so-space-6) var(--so-space-5);
    overflow-x: auto;
    color: var(--so-text);
    background: linear-gradient(180deg, color-mix(in srgb, var(--so-accent) 4%, var(--so-surface-2)), var(--so-surface-2) 12rem);
    border: 1px solid var(--so-border);
    border-radius: var(--so-radius-md);
    font-family: var(--so-font-mono);
    font-size: calc(var(--chart-base-font-size) * var(--chart-font-scale, 1));
    line-height: 1.55;
}
.chart-line[b-gq426j4vvn] { margin-bottom: .35em; }
.chart-chord-row[b-gq426j4vvn],
.chart-lyric-row[b-gq426j4vvn],
.chart-blank-line[b-gq426j4vvn] { white-space: pre; min-height: 1.55em; }
.chart-chord-row[b-gq426j4vvn] {
    color: var(--so-accent-hover);
    font-weight: var(--so-font-weight-heavy, 800);
    font-size: 1.08em;
    letter-spacing: .02em;
    line-height: 1.4;
}
.chart-lyric-row[b-gq426j4vvn] { color: var(--so-text); }
.chart-blank-line[b-gq426j4vvn] { min-height: .9em; }

.chart-section-label[b-gq426j4vvn] {
    margin: 1.6em 0 .5em;
    padding-left: .15em;
    display: flex;
    align-items: center;
    gap: .6em;
}
.chart-section-label[b-gq426j4vvn]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: color-mix(in srgb, var(--so-accent) 30%, transparent);
}
.chart-section-label:first-child[b-gq426j4vvn] { margin-top: 0; }
.chart-section-label span[b-gq426j4vvn] {
    padding: .25em .7em;
    color: var(--so-accent-hover);
    background: var(--so-accent-soft);
    border-radius: 999px;
    font-family: var(--so-font-display);
    font-size: .72em;
    font-weight: var(--so-font-weight-bold);
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}
.chart-comment[b-gq426j4vvn] { margin: .3em 0; color: var(--so-text-muted); font-style: italic; font-size: .92em; }
.chart-viewer-empty[b-gq426j4vvn] { color: var(--so-text-muted); font-style: italic; }

.chart-viewer-body[b-gq426j4vvn]::-webkit-scrollbar { height: 6px; }
.chart-viewer-body[b-gq426j4vvn]::-webkit-scrollbar-track { background: transparent; }
.chart-viewer-body[b-gq426j4vvn]::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--so-accent) 25%, transparent); border-radius: 3px; }
.chart-viewer-body[b-gq426j4vvn]::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--so-accent) 40%, transparent); }
.chart-viewer-body[b-gq426j4vvn] { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--so-accent) 25%, transparent) transparent; }

@media (max-width: 480px) {
    .chart-viewer[b-gq426j4vvn] { padding: var(--so-space-4); }
    .chart-viewer-header[b-gq426j4vvn] { flex-direction: column; }
    .chart-viewer-header h2[b-gq426j4vvn] { font-size: 1.5rem; }
    .chart-viewer-key[b-gq426j4vvn] { justify-items: start; text-align: left; }
    .chart-viewer-font-control[b-gq426j4vvn] { margin-left: 0; }
    .chart-viewer-body[b-gq426j4vvn] { padding: var(--so-space-4) var(--so-space-3); }
}
/* /Components/Shared/OfflineDownloadButton.razor.rz.scp.css */
/* Scoped to this component on purpose: a parent page's scoped CSS never
   reaches a child component, so the control has to carry its own styling
   wherever it is dropped in. */

.offline-download[b-da00g8q2rd] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

.offline-download-state[b-da00g8q2rd] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.offline-download-state strong[b-da00g8q2rd] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--accent, #8b5c8e);
}

.offline-download-state small[b-da00g8q2rd] {
    font-size: .72rem;
    color: var(--text-muted, #837b88);
    font-variant-numeric: tabular-nums;
}

/* Quiet by default: offline now happens by itself, so these are escape
   hatches rather than the main event. */
.offline-download-quiet[b-da00g8q2rd] {
    background: transparent;
    border-color: transparent;
    color: var(--text-muted, #837b88);
    font-size: .78rem;
}

.offline-download-quiet:hover:not(:disabled)[b-da00g8q2rd] {
    color: var(--accent, #8b5c8e);
    border-color: currentColor;
}

.offline-download-message[b-da00g8q2rd] {
    flex: 1 1 100%;
    margin: .1rem 0 0;
    font-size: .76rem;
    line-height: 1.4;
    color: var(--text-muted, #837b88);
}

.offline-download-message.is-error[b-da00g8q2rd] {
    color: var(--danger, #d9534f);
}
/* /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); }
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.so-page-header[b-z8hqy892da] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: var(--so-space-4);
    min-width: 0;
}

.so-page-header-copy[b-z8hqy892da] { min-width: 0; }
.so-page-header-spaced[b-z8hqy892da] { margin-bottom: var(--so-page-header-gap, var(--so-space-5)); }
.so-page-header-eyebrow[b-z8hqy892da] {
    margin: 0 0 var(--so-space-1);
    color: var(--so-text-muted);
    font-size: var(--so-font-size-sm);
    font-weight: var(--so-font-weight-semibold);
    letter-spacing: .07em;
    line-height: 1.3;
    text-transform: uppercase;
}
.so-page-header h1[b-z8hqy892da] {
    margin: 0;
    color: var(--so-text);
    font-size: clamp(1.65rem, 3.5vw, 2.35rem);
    font-weight: var(--so-font-weight-bold);
    letter-spacing: -.035em;
    line-height: 1.08;
    overflow-wrap: anywhere;
}
.so-page-header-description[b-z8hqy892da] {
    max-width: 62ch;
    margin: var(--so-space-2) 0 0;
    color: var(--so-text-secondary);
    font-size: .88rem;
    line-height: 1.45;
}
.so-page-header-aside[b-z8hqy892da] { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: var(--so-space-2); }
.so-page-header-badge[b-z8hqy892da] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: .25rem .6rem;
    color: var(--so-text-secondary);
    background: var(--so-surface-2);
    border: 1px solid var(--so-border);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: var(--so-font-weight-semibold);
    line-height: 1;
    white-space: nowrap;
}
.so-page-header-aside[b-z8hqy892da]  .btn,
.so-page-header-aside[b-z8hqy892da]  button,
.so-page-header-aside[b-z8hqy892da]  a { min-height: 40px; white-space: nowrap; }

@media (max-width: 600px) {
    .so-page-header[b-z8hqy892da] { grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--so-space-3); }
    .so-page-header h1[b-z8hqy892da] { font-size: clamp(1.55rem, 7vw, 1.9rem); }
    .so-page-header-description[b-z8hqy892da] { margin-top: var(--so-space-1); font-size: .82rem; }
    .so-page-header-aside[b-z8hqy892da] { align-self: center; }
    .so-page-header-aside[b-z8hqy892da]  .btn,
    .so-page-header-aside[b-z8hqy892da]  button,
    .so-page-header-aside[b-z8hqy892da]  a { min-height: 40px; padding: .45rem .65rem; font-size: .78rem; }
}

@media (max-width: 390px) {
    .so-page-header:has(.so-page-header-aside)[b-z8hqy892da] { grid-template-columns: 1fr; }
    .so-page-header .so-page-header-aside[b-z8hqy892da] { width: 100%; justify-content: flex-start; }
    .so-page-header-aside[b-z8hqy892da]  form { width: 100%; }
    .so-page-header-aside[b-z8hqy892da]  form .btn { width: 100%; }
}
/* /Components/Shared/SetlistSongSearch.razor.rz.scp.css */
.song-search-sheet[b-dfbrxo363n] { display: grid; gap: .65rem; }
.song-search-input[b-dfbrxo363n] { min-height: 44px; }
.song-search-group[b-dfbrxo363n] { display: grid; gap: .2rem; max-height: 40vh; overflow-y: auto; }
.song-group-label[b-dfbrxo363n] { padding: .3rem .1rem .05rem; color: var(--so-text-muted); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.song-search-local-row[b-dfbrxo363n] { display: flex; align-items: center; justify-content: space-between; gap: .65rem; min-height: 52px; padding: .4rem .55rem; background: var(--so-accent-soft, var(--so-surface-2)); border: 1px solid color-mix(in srgb, var(--so-accent) 30%, var(--so-border)); border-radius: var(--so-radius-sm); }
.song-search-local-row strong[b-dfbrxo363n] { display: block; font-size: .88rem; }
.song-search-local-row small[b-dfbrxo363n] { color: var(--so-text-secondary); font-size: .76rem; }
.song-search-online-row[b-dfbrxo363n], .song-result[b-dfbrxo363n] { display: grid; gap: .1rem; min-height: 52px; width: 100%; padding: .45rem .55rem; color: var(--so-text); text-align: left; background: transparent; border: 1px solid transparent; border-radius: var(--so-radius-sm); position: relative; }
.song-search-online-row:hover[b-dfbrxo363n], .song-search-online-row:focus-visible[b-dfbrxo363n] { background: var(--so-surface-2); border-color: var(--so-border); outline: none; }
.song-search-online-row strong[b-dfbrxo363n] { font-size: .88rem; padding-right: 5rem; }
.song-search-online-row small[b-dfbrxo363n] { color: var(--so-text-secondary); font-size: .76rem; }
.song-search-provider[b-dfbrxo363n] { position: absolute; top: .5rem; right: .55rem; color: var(--so-text-muted); font-size: .66rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.song-notice[b-dfbrxo363n], .song-loading[b-dfbrxo363n] { padding: .3rem .1rem; color: var(--so-text-secondary); font-size: .8rem; }
.song-search-back[b-dfbrxo363n] { align-self: start; padding: .3rem 0; color: var(--so-accent-hover); background: transparent; border: 0; font-size: .82rem; font-weight: 650; }
.song-search-preview[b-dfbrxo363n] { display: grid; gap: .4rem; }
.song-search-preview h3[b-dfbrxo363n] { margin: 0; }
.song-search-preview-meta[b-dfbrxo363n] { margin: 0; color: var(--so-text-secondary); font-size: .85rem; }
.song-search-preview-body[b-dfbrxo363n] { max-height: 45vh; margin: 0; padding: .75rem; overflow-y: auto; color: var(--so-text); background: var(--so-surface-2); border: 1px solid var(--so-border); border-radius: var(--so-radius-sm); font-family: var(--so-font-mono); font-size: .82rem; line-height: 1.55; white-space: pre-wrap; }
@media (max-width: 480px) {
    .song-search-group[b-dfbrxo363n] { max-height: 32vh; }
}
/* /Components/Shared/SongPicker.razor.rz.scp.css */
.song-picker[b-u5mnzyxnif] { position: relative; }
.song-suggestions[b-u5mnzyxnif] { position: absolute; z-index: 60; width: 100%; margin-top: .35rem; padding: .45rem; display: grid; gap: .2rem; background: var(--so-surface-1); border: 1px solid var(--so-border); border-radius: var(--so-radius-sm); box-shadow: 0 14px 32px rgba(0,0,0,.26); }
.song-group-label[b-u5mnzyxnif] { padding: .35rem .45rem .15rem; color: var(--so-text-muted); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.song-result[b-u5mnzyxnif], .song-manual[b-u5mnzyxnif] { min-height: 44px; padding: .45rem .55rem; display: grid; gap: .08rem; color: var(--so-text); text-align: left; background: transparent; border: 0; border-radius: 7px; width: 100%; }
.song-result:hover[b-u5mnzyxnif], .song-result:focus[b-u5mnzyxnif], .song-result.highlighted[b-u5mnzyxnif], .song-manual:hover[b-u5mnzyxnif], .song-manual:focus[b-u5mnzyxnif] { background: var(--so-surface-2); outline: none; }
.song-result:active[b-u5mnzyxnif] { background: var(--so-accent-soft); }
.song-result:disabled[b-u5mnzyxnif] { opacity: .55; cursor: default; }
.song-result strong[b-u5mnzyxnif] { font-size: .88rem; }
.song-result small[b-u5mnzyxnif], .song-notice[b-u5mnzyxnif], .song-loading[b-u5mnzyxnif] { color: var(--so-text-secondary); font-size: .76rem; }
.song-loading[b-u5mnzyxnif], .song-notice[b-u5mnzyxnif] { padding: .45rem; }
.song-manual[b-u5mnzyxnif] { color: var(--so-accent-bright); font-weight: 700; }
/* /Components/Shared/TrendBarChart.razor.rz.scp.css */
/* .trend-chart-* rules for the SVG itself live in app.css (global) — the
   chart is raw MarkupString HTML, which never receives a scoped-CSS
   attribute, so scoped rules here would silently never match it. Only
   the legend below (real Razor markup, genuinely scoped) belongs here. */
.trend-chart-empty[b-2oxefbv2f6] { padding: var(--so-space-5) 0; color: var(--so-text-muted); text-align: center; }

.trend-chart-legend[b-2oxefbv2f6] { display: flex; justify-content: center; gap: var(--so-space-4); margin-top: var(--so-space-2); }
.trend-chart-legend-item[b-2oxefbv2f6] { display: inline-flex; align-items: center; gap: .4rem; color: var(--so-text-secondary); font-size: var(--so-font-size-sm); }
.trend-chart-swatch[b-2oxefbv2f6] { display: inline-block; width: 10px; height: 10px; border-radius: 3px; }
.trend-chart-swatch--revenue[b-2oxefbv2f6] { background: var(--so-success); }
.trend-chart-swatch--costs[b-2oxefbv2f6] { background: var(--so-accent); }
/* /Components/Shared/VenuePicker.razor.rz.scp.css */
.venue-picker[b-qwxamztkp2] { position: relative; }.venue-suggestions[b-qwxamztkp2] { position: absolute; z-index: 60; width: 100%; margin-top: .35rem; padding: .45rem; display: grid; gap: .2rem; background: var(--so-surface-1); border: 1px solid var(--so-border); border-radius: var(--so-radius-sm); box-shadow: 0 14px 32px rgba(0,0,0,.26); }.venue-group-label[b-qwxamztkp2] { padding: .35rem .45rem .15rem; color: var(--so-text-muted); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.venue-result[b-qwxamztkp2],.venue-manual[b-qwxamztkp2] { min-height: 44px; padding: .45rem .55rem; display: grid; gap: .08rem; color: var(--so-text); text-align: left; background: transparent; border: 0; border-radius: 7px; }.venue-result:hover[b-qwxamztkp2],.venue-result:focus[b-qwxamztkp2],.venue-result.highlighted[b-qwxamztkp2],.venue-manual:hover[b-qwxamztkp2],.venue-manual:focus[b-qwxamztkp2] { background: var(--so-surface-2); outline: none; }.venue-result:active[b-qwxamztkp2] { background:var(--so-accent-soft); }.venue-result strong[b-qwxamztkp2] { font-size: .88rem; }.venue-result small[b-qwxamztkp2],.venue-notice[b-qwxamztkp2],.venue-loading[b-qwxamztkp2] { color: var(--so-text-secondary); font-size: .76rem; }.venue-loading[b-qwxamztkp2],.venue-notice[b-qwxamztkp2] { padding: .45rem; }.venue-manual[b-qwxamztkp2] { color: var(--so-accent-bright); font-weight: 700; }.venue-attribution[b-qwxamztkp2] { padding: .3rem .45rem 0; color: var(--so-text-muted); font-size: .62rem; }.venue-attribution a[b-qwxamztkp2] { color: inherit; }
/* /Components/WhatsAppConnectionPanel.razor.rz.scp.css */
.wa-connection[b-90c8eaqp7a] { display:grid; gap:.75rem; padding:1rem; border:1px solid var(--so-border); border-radius:.8rem; }
.wa-connection p[b-90c8eaqp7a], .wa-connection small[b-90c8eaqp7a] { margin:0; }
.wa-connected[b-90c8eaqp7a] { display:flex; flex-direction:column; gap:.2rem; }
.wa-pairing[b-90c8eaqp7a] { display:grid; gap:1rem; }
.wa-pairing-code[b-90c8eaqp7a] { display:grid; gap:.6rem; order:0; }
.wa-code[b-90c8eaqp7a] { padding:.8rem; border-radius:.6rem; background:var(--so-surface); font-size:1.35rem; font-weight:800; letter-spacing:.12em; text-align:center; }
.wa-qr[b-90c8eaqp7a] { order:1; }
.wa-qr img[b-90c8eaqp7a] { display:block; width:min(100%, 16rem); aspect-ratio:1; margin:.6rem auto 0; }
.wa-connection button[b-90c8eaqp7a], .wa-connection input[b-90c8eaqp7a] { min-height:44px; }
@media (min-width: 700px) { .wa-pairing[b-90c8eaqp7a] { grid-template-columns:1fr 1fr; } }