/* /Components/Account/Pages/Security.razor.rz.scp.css */
.security-page[b-gtgsld5ha9] {
    width: min(720px, 100%);
    margin: 0 auto;
    padding: 1.25rem 0 5rem;
}

.security-header[b-gtgsld5ha9] {
    margin-bottom: 1.25rem;
}

.security-header h1[b-gtgsld5ha9] {
    margin: .65rem 0 .35rem;
    font-size: clamp(1.75rem, 5vw, 2.3rem);
}

.security-header p[b-gtgsld5ha9],
.security-card p[b-gtgsld5ha9],
.passkey-info span[b-gtgsld5ha9] {
    color: var(--bs-secondary-color);
}

.security-back[b-gtgsld5ha9] {
    display: inline-flex;
    gap: .4rem;
    align-items: center;
    text-decoration: none;
}

.security-card[b-gtgsld5ha9] {
    padding: 1.1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 1rem;
    background: rgba(255, 255, 255, .035);
}

.security-card-heading[b-gtgsld5ha9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.security-card-heading h2[b-gtgsld5ha9] {
    margin: 0 0 .25rem;
    font-size: 1.2rem;
}

.security-card-heading p[b-gtgsld5ha9] {
    margin: 0;
}

.security-card-icon[b-gtgsld5ha9] {
    font-size: 1.55rem;
    opacity: .75;
}

.passkey-list[b-gtgsld5ha9] {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.passkey-row[b-gtgsld5ha9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: .85rem;
    border-radius: .8rem;
    background: rgba(255, 255, 255, .045);
}

.passkey-info[b-gtgsld5ha9] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.passkey-info > i[b-gtgsld5ha9] {
    font-size: 1.35rem;
}

.passkey-info div[b-gtgsld5ha9] {
    min-width: 0;
    display: grid;
}

.passkey-info strong[b-gtgsld5ha9],
.passkey-info span[b-gtgsld5ha9] {
    overflow-wrap: anywhere;
}

.passkey-info span[b-gtgsld5ha9] {
    font-size: .82rem;
}

.passkey-actions[b-gtgsld5ha9] {
    display: flex;
    gap: .4rem;
}

.security-empty[b-gtgsld5ha9] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: 1rem;
    padding: .9rem;
    border-radius: .8rem;
    color: var(--bs-secondary-color);
    background: rgba(255, 255, 255, .03);
}

@media (max-width: 575.98px) {
    .security-page[b-gtgsld5ha9] {
        padding-top: .75rem;
    }

    .passkey-row[b-gtgsld5ha9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .passkey-actions[b-gtgsld5ha9],
    .passkey-actions button[b-gtgsld5ha9] {
        width: 100%;
    }
}
/* /Components/Layout/AdminAuthLayout.razor.rz.scp.css */
.admin-auth-shell[b-puqdjnwh83] {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background:
        radial-gradient(circle at 50% 0%, rgba(169,35,48,.16), transparent 30rem),
        #09090b;
}

.admin-auth-card[b-puqdjnwh83] {
    width: min(430px, 100%);
    padding: 1.4rem;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 1.25rem;
    background: rgba(18,18,21,.92);
    box-shadow: 0 24px 70px rgba(0,0,0,.32);
}

.admin-auth-brand[b-puqdjnwh83] {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: 1.35rem;
    color: #fff;
    text-decoration: none;
}

.admin-auth-brand img[b-puqdjnwh83] {
    width: 2.1rem;
    height: 2.1rem;
}

.admin-auth-brand span[b-puqdjnwh83] {
    display: grid;
    line-height: 1;
}

.admin-auth-brand strong[b-puqdjnwh83] {
    font-size: 1.05rem;
}

.admin-auth-brand small[b-puqdjnwh83] {
    margin-top: .28rem;
    color: #dc6d76;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-shell[b-1kma0wsg6w] {
    min-height: 100dvh;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    background:
        radial-gradient(circle at 15% -10%, rgba(169, 35, 48, .12), transparent 34rem),
        #0b0b0d;
    color: var(--text-primary);
}

.admin-sidebar[b-1kma0wsg6w] {
    position: sticky;
    top: 0;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    padding: 1.15rem;
    border-right: 1px solid rgba(255,255,255,.075);
    background: rgba(10,10,12,.92);
    backdrop-filter: blur(18px);
}

.admin-brand[b-1kma0wsg6w] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .35rem .4rem 1.35rem;
    color: inherit;
    text-decoration: none;
}

.admin-brand img[b-1kma0wsg6w],
.admin-mobile-brand img[b-1kma0wsg6w] {
    width: 2rem;
    height: 2rem;
}

.admin-brand-copy[b-1kma0wsg6w] {
    display: grid;
    line-height: 1.05;
}

.admin-brand-copy strong[b-1kma0wsg6w] {
    font-size: 1.02rem;
    letter-spacing: .01em;
}

.admin-brand-copy small[b-1kma0wsg6w] {
    margin-top: .23rem;
    color: #dc6d76;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.admin-nav[b-1kma0wsg6w] {
    display: grid;
    gap: .35rem;
}

.admin-nav[b-1kma0wsg6w]  .admin-nav-link {
    display: flex;
    align-items: center;
    gap: .72rem;
    padding: .7rem .78rem;
    border-radius: .72rem;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: .93rem;
    font-weight: 560;
}

.admin-nav[b-1kma0wsg6w]  .admin-nav-link:hover {
    color: var(--text-primary);
    background: rgba(255,255,255,.045);
}

.admin-nav[b-1kma0wsg6w]  .admin-nav-link.active {
    color: #fff;
    background: rgba(169,35,48,.2);
    box-shadow: inset 0 0 0 1px rgba(220,109,118,.22);
}

.admin-nav[b-1kma0wsg6w]  .admin-nav-link i {
    font-size: 1.12rem;
}

.admin-sidebar-footer[b-1kma0wsg6w] {
    margin-top: auto;
    display: grid;
    gap: .75rem;
}

.admin-account[b-1kma0wsg6w] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .75rem;
    border-radius: .8rem;
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.025);
    min-width: 0;
}

.admin-account-icon[b-1kma0wsg6w] {
    width: 2.05rem;
    height: 2.05rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(169,35,48,.18);
    color: #e78b93;
}

.admin-account > div[b-1kma0wsg6w] {
    min-width: 0;
    display: grid;
}

.admin-account-label[b-1kma0wsg6w] {
    color: var(--text-muted);
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.admin-account strong[b-1kma0wsg6w] {
    margin-top: .15rem;
    font-size: .78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-logout[b-1kma0wsg6w],
.admin-mobile-logout[b-1kma0wsg6w] {
    border: 0;
    color: var(--text-secondary);
    background: transparent;
}

.admin-logout[b-1kma0wsg6w] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .65rem .75rem;
    border-radius: .65rem;
    text-align: left;
}

.admin-logout:hover[b-1kma0wsg6w] {
    color: #fff;
    background: rgba(255,255,255,.04);
}

.admin-main[b-1kma0wsg6w] {
    min-width: 0;
}

.admin-content[b-1kma0wsg6w] {
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 2rem 2.25rem 4rem;
}

.admin-mobile-header[b-1kma0wsg6w],
.admin-mobile-nav[b-1kma0wsg6w] {
    display: none;
}

@media (max-width: 760px) {
    .admin-shell[b-1kma0wsg6w] {
        display: block;
    }

    .admin-sidebar[b-1kma0wsg6w] {
        display: none;
    }

    .admin-mobile-header[b-1kma0wsg6w] {
        position: sticky;
        top: 0;
        z-index: 20;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .8rem 1rem;
        border-bottom: 1px solid rgba(255,255,255,.07);
        background: rgba(10,10,12,.94);
        backdrop-filter: blur(18px);
    }

    .admin-mobile-brand[b-1kma0wsg6w] {
        display: flex;
        align-items: center;
        gap: .55rem;
        color: #fff;
        text-decoration: none;
        font-weight: 700;
    }

    .admin-mobile-brand img[b-1kma0wsg6w] {
        width: 1.6rem;
        height: 1.6rem;
    }

    .admin-mobile-logout[b-1kma0wsg6w] {
        width: 2.25rem;
        height: 2.25rem;
        display: grid;
        place-items: center;
        border-radius: 50%;
        font-size: 1.15rem;
    }

    .admin-mobile-nav[b-1kma0wsg6w] {
        display: flex;
        gap: .42rem;
        overflow-x: auto;
        padding: .55rem 1rem .6rem;
        border-bottom: 1px solid rgba(255,255,255,.055);
        background: #0b0b0d;
        scrollbar-width: none;
    }

    .admin-mobile-nav[b-1kma0wsg6w]::-webkit-scrollbar {
        display: none;
    }

    .admin-mobile-nav[b-1kma0wsg6w]  .admin-mobile-link {
        flex: 0 0 auto;
        min-width: 4.35rem;
        display: grid;
        place-items: center;
        gap: .18rem;
        padding: .48rem .62rem .44rem;
        border-radius: .78rem;
        color: var(--text-muted);
        text-decoration: none;
        font-size: .66rem;
        font-weight: 650;
        line-height: 1.1;
        background: rgba(255,255,255,.025);
    }

    .admin-mobile-nav[b-1kma0wsg6w]  .admin-mobile-link i {
        font-size: 1.05rem;
    }

    .admin-mobile-nav[b-1kma0wsg6w]  .admin-mobile-link.active {
        color: #fff;
        background: rgba(169,35,48,.18);
        box-shadow: inset 0 0 0 1px rgba(220,109,118,.2);
    }

    .admin-content[b-1kma0wsg6w] {
        padding: 1.15rem 1rem 3rem;
    }
}


#blazor-error-ui[b-1kma0wsg6w] {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    box-sizing: border-box;
    padding: .65rem 1rem;
    color: #fff;
    background: #7a1f28;
    box-shadow: 0 -2px 16px rgba(0,0,0,.35);
}

#blazor-error-ui .reload[b-1kma0wsg6w] {
    color: #fff;
    font-weight: 700;
}
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-a4dsw65tdq] {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    /* Behåll mittenplacering men låt höga formulär växa uppåt utan att klippas. */
    align-items: safe center;
    padding: clamp(1rem, 4vw, 3rem) 1rem;
    background:
        radial-gradient(ellipse at 50% -14%, var(--accent-bg), transparent 34rem),
        var(--surface-0);
}

.auth-card[b-a4dsw65tdq] {
    width: min(100%, 32rem);
    padding: clamp(1.4rem, 4vw, 2.5rem);
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 1.1rem;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .18);
}

.auth-header[b-a4dsw65tdq] { margin-bottom: 1.8rem; }

.auth-brand[b-a4dsw65tdq] {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 1.12rem;
    font-weight: 700;
}

.auth-brand img[b-a4dsw65tdq] { width: 2.2rem; height: 2.2rem; }
.auth-header p[b-a4dsw65tdq] { margin: .8rem 0 0; color: var(--text-secondary); font-size: .9rem; }

.auth-content[b-a4dsw65tdq]  h1 {
    margin: 0 0 1.45rem;
    font-size: clamp(1.65rem, 3.5vw, 2rem);
    font-weight: 650;
    letter-spacing: -.025em;
}

.auth-content[b-a4dsw65tdq]  .row { margin: 0; }

.auth-content[b-a4dsw65tdq]  .row > [class*="col-"] {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.auth-content[b-a4dsw65tdq]  .form-control { min-height: 2.8rem; }
.auth-content[b-a4dsw65tdq]  .btn-lg { min-height: 2.85rem; font-size: .95rem; }
.auth-content[b-a4dsw65tdq]  .form-label { color: var(--text-secondary); }
.auth-content[b-a4dsw65tdq]  .text-muted { line-height: 1.55; }

.auth-content[b-a4dsw65tdq]  .auth-help-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.4rem;
    padding-top: 1.15rem;
    border-top: 1px solid var(--border);
    font-size: .88rem;
}

.auth-content[b-a4dsw65tdq]  .auth-login-prompt {
    margin: 1.25rem 0 0;
    color: var(--text-secondary);
    font-size: .9rem;
    text-align: center;
}

.auth-footer[b-a4dsw65tdq] { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--border); }

.auth-footer a[b-a4dsw65tdq] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: .83rem;
}

.auth-footer a:hover[b-a4dsw65tdq] { color: var(--text-primary); }


/* Lägre laptopfönster: minska luft, inte innehåll eller klickytor.
   Gäller både logga in och skapa konto utan att påverka mobil-layouten. */
@media (min-width: 576px) and (max-height: 820px) {
    .auth-shell[b-a4dsw65tdq] {
        padding-block: .75rem;
    }

    .auth-card[b-a4dsw65tdq] {
        padding: 1.25rem 1.8rem;
    }

    .auth-header[b-a4dsw65tdq] {
        margin-bottom: .9rem;
    }

    .auth-brand img[b-a4dsw65tdq] {
        width: 1.85rem;
        height: 1.85rem;
    }

    .auth-header p[b-a4dsw65tdq] {
        margin-top: .3rem;
        font-size: .84rem;
    }

    .auth-content[b-a4dsw65tdq]  h1 {
        margin-bottom: .85rem;
        font-size: 1.65rem;
    }

    .auth-content[b-a4dsw65tdq]  .mb-3 {
        margin-bottom: .7rem !important;
    }

    .auth-content[b-a4dsw65tdq]  .form-control {
        min-height: 2.55rem;
    }

    .auth-content[b-a4dsw65tdq]  .btn-lg {
        min-height: 2.6rem;
        padding-top: .4rem;
        padding-bottom: .4rem;
    }

    .auth-content[b-a4dsw65tdq]  .my-3 {
        margin-top: .7rem !important;
        margin-bottom: .7rem !important;
    }

    .auth-content[b-a4dsw65tdq]  .text-muted.small {
        line-height: 1.4;
    }

    .auth-content[b-a4dsw65tdq]  form > hr {
        margin: .7rem 0;
    }

    .auth-content[b-a4dsw65tdq]  form > div:last-child > p {
        margin-bottom: .35rem;
    }

    .auth-content[b-a4dsw65tdq]  .form-check {
        margin-bottom: .8rem !important;
    }

    .auth-content[b-a4dsw65tdq]  .auth-help-links {
        margin-top: .8rem;
        padding-top: .8rem;
    }

    .auth-footer[b-a4dsw65tdq] {
        margin-top: 1rem;
        padding-top: .65rem;
    }
}

/* Extra låga fönster får ytterligare några pixlar tillbaka.
   Vid ännu mindre höjd får sidan scrolla; inga fält får döljas. */
@media (min-width: 576px) and (max-height: 690px) {
    .auth-shell[b-a4dsw65tdq] {
        padding-block: .5rem;
    }

    .auth-card[b-a4dsw65tdq] {
        padding: .95rem 1.5rem;
    }

    .auth-header[b-a4dsw65tdq] {
        margin-bottom: .55rem;
    }

    .auth-content[b-a4dsw65tdq]  h1 {
        margin-bottom: .6rem;
    }

    .auth-content[b-a4dsw65tdq]  .mb-3 {
        margin-bottom: .5rem !important;
    }

    .auth-content[b-a4dsw65tdq]  .my-3 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .auth-footer[b-a4dsw65tdq] {
        margin-top: .65rem;
        padding-top: .5rem;
    }
}

@media (max-width: 575px) {
    .auth-shell[b-a4dsw65tdq] {
        align-items: start;
        padding: max(2.5rem, env(safe-area-inset-top)) 1.25rem 2rem;
        background: var(--surface-0);
    }

    .auth-card[b-a4dsw65tdq] { padding: 0; border: 0; box-shadow: none; background: transparent; }
}
/* /Components/Layout/CreateBandMenuItem.razor.rz.scp.css */
.create-band-sheet[b-y03s7frnsb] {
    max-height: min(86dvh, 760px);
    overflow-y: auto;
}

.create-band-intro[b-y03s7frnsb] {
    margin: -.25rem 0 1rem;
    color: var(--text-muted);
    font-size: .8rem;
}

.create-band-fields[b-y03s7frnsb] {
    display: grid;
    gap: .85rem;
}

.create-band-fields label[b-y03s7frnsb] {
    display: grid;
    gap: .35rem;
}

.create-band-fields label > span[b-y03s7frnsb],
.create-band-genres legend[b-y03s7frnsb] {
    color: var(--text-secondary);
    font-size: .78rem;
    font-weight: 650;
}

.create-band-genres[b-y03s7frnsb] {
    margin: 0;
    padding: 0;
    border: 0;
}

.create-band-genres legend[b-y03s7frnsb] {
    margin-bottom: .45rem;
}

.create-band-genres legend small[b-y03s7frnsb] {
    margin-left: .35rem;
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 500;
}

.create-band-genre-grid[b-y03s7frnsb] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    max-height: 11.5rem;
    overflow-y: auto;
    padding-right: .15rem;
}

.create-band-genre[b-y03s7frnsb] {
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    padding: .34rem .66rem;
    color: var(--text-secondary);
    background: transparent;
    font-size: .75rem;
}

.create-band-genre.selected[b-y03s7frnsb] {
    border-color: var(--accent-border);
    color: var(--accent);
    background: var(--accent-bg);
}

.create-band-required-note[b-y03s7frnsb] {
    color: var(--text-secondary);
    font-size: .76rem;
    margin: -.35rem 0 .8rem;
}
.create-band-required[b-y03s7frnsb] {
    color: var(--accent);
    font-weight: 750;
}
.create-band-field-hint[b-y03s7frnsb] {
    color: var(--text-muted);
    font-size: .72rem;
}
.create-band-sheet .sheet-btn.sheet-btn-primary[b-y03s7frnsb] {
    background: var(--accent-fill);
    color: var(--accent-text);
    border: 1px solid var(--accent-fill);
    font-weight: 650;
}
.create-band-sheet .sheet-btn.sheet-btn-primary:hover:not(:disabled)[b-y03s7frnsb] {
    background: var(--accent-fill-hover);
    border-color: var(--accent-fill-hover);
}
.create-band-sheet .sheet-btn.sheet-btn-primary:disabled[b-y03s7frnsb] {
    background: var(--surface-3);
    border-color: var(--border-strong);
    color: var(--text-secondary);
    opacity: 1;
}
/* /Components/Layout/InstallAppBanner.razor.rz.scp.css */
.install-app-banner[b-3p2m3gt7lq] {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: calc(70px + env(safe-area-inset-bottom));
    max-width: 26rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.9rem 1rem;
    background: var(--surface-2);
    border: 0.5px solid var(--border-strong);
    border-radius: var(--radius-card);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
    z-index: 150;
    transform: translateY(calc(100% + 90px));
    transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
    pointer-events: none;
}

    .install-app-banner.is-visible[b-3p2m3gt7lq] {
        transform: translateY(0);
        pointer-events: auto;
    }

.install-app-banner-dismiss[b-3p2m3gt7lq] {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background: none;
    color: var(--text-muted);
    font-size: 1.1rem;
    padding: 0.3rem;
    line-height: 1;
}

.install-app-banner-row[b-3p2m3gt7lq] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding-right: 1.4rem;
}

.install-app-banner-icon[b-3p2m3gt7lq] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 10px;
    flex-shrink: 0;
}

.install-app-banner-info[b-3p2m3gt7lq] {
    min-width: 0;
}

.install-app-banner-title[b-3p2m3gt7lq] {
    margin: 0;
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.92rem;
}

.install-app-banner-text[b-3p2m3gt7lq] {
    margin: 2px 0 0;
    color: var(--text-secondary);
    font-size: 0.8rem;
    line-height: 1.3;
}

.install-app-banner-action[b-3p2m3gt7lq] {
    border: none;
    background: var(--accent-fill);
    color: var(--surface-0);
    border-radius: var(--radius);
    padding: 0.55rem 0.8rem;
    font-size: 0.85rem;
    font-weight: 500;
    width: 100%;
}

    .install-app-banner-action:disabled[b-3p2m3gt7lq] {
        opacity: 0.6;
    }

/* Tydlig kontrast på primärhandlingen, även i ljust tema. */
.install-app-banner-action[b-3p2m3gt7lq] {
    color: var(--accent-text);
}
.install-app-banner-action:hover:not(:disabled)[b-3p2m3gt7lq] {
    background: var(--accent-fill-hover);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */

.app-shell[b-1otd9ipbvq] {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

.app-main[b-1otd9ipbvq] {
    flex: 1;
    min-width: 0;
    background: var(--surface-0);
    padding-top: 3.25rem;
}

.content[b-1otd9ipbvq] {
    width: 100%;
    max-width: var(--content-max);
    margin: 0 auto;
    padding-bottom: calc(5.25rem + env(safe-area-inset-bottom));
}

@media (min-width: 768px) {
    .content[b-1otd9ipbvq] {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media (min-width: 1024px) {
    .app-shell[b-1otd9ipbvq] {
        display: block;
        padding-left: var(--sidebar-width);
    }

    .app-main[b-1otd9ipbvq] {
        min-height: 100dvh;
        padding-top: 0;
    }

    .content[b-1otd9ipbvq] {
        padding: 2.25rem 2.5rem 3rem !important;
    }
}

#blazor-error-ui[b-1otd9ipbvq] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-1otd9ipbvq] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.topbar[b-03vqaey1fc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.25rem;
    padding: 0 1rem;
    background: var(--surface-2);
    border-bottom: 0.5px solid var(--border);
    position: sticky;
    top: 0;
    /* position + z-index gör .topbar till en egen stacking context — allt
       som ligger inuti (hamburgermenyn, sheets) trycks då ner till DENNA
       nivå oavsett vilket z-index de själva har. Måste ligga över .tabbar
       (z-index 100, wwwroot/css/tokens.css) annars fastnar menyns innehåll
       osynligt bakom bottenfliken. */
    z-index: 101;
}

@media (max-width: 1023px) {
    .topbar[b-03vqaey1fc] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
    }
}

.topbar-band-switch[b-03vqaey1fc] {
    position: relative;
    min-width: 0;
}

.topbar-band[b-03vqaey1fc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
}

.topbar-band-logo[b-03vqaey1fc] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: contain;
    background: var(--surface-1);
    flex-shrink: 0;
}

.topbar-band-initial[b-03vqaey1fc] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: var(--accent-bg);
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 500;
    flex-shrink: 0;
}

.topbar-band-switch-backdrop[b-03vqaey1fc] {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 29;
    border: 0;
    padding: 0;
    background: transparent;
}

.topbar-band-switch-menu[b-03vqaey1fc] {
    display: block;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 30;
    min-width: 14rem;
    max-width: 17rem;
    max-height: 60vh;
    overflow-y: auto;
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    padding: 0.4rem;
}

.topbar-band-switch-item[b-03vqaey1fc] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.5rem;
    border: 0;
    border-radius: var(--radius);
    background: transparent;
    color: var(--text-primary) !important;
    text-decoration: none !important;
    font: inherit;
    font-size: 0.9rem;
    text-align: left;
}

    .topbar-band-switch-item:hover[b-03vqaey1fc] {
        background: var(--surface-1);
    }

    .topbar-band-switch-item.active[b-03vqaey1fc] {
        background: var(--surface-1);
    }

.topbar-band-switch-check[b-03vqaey1fc] {
    margin-left: auto;
    color: var(--accent);
    font-size: 1rem;
}

.topbar-band-switch-logo[b-03vqaey1fc] {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 6px;
    object-fit: contain;
    background: var(--surface-1);
    flex-shrink: 0;
}

.topbar-band-switch-initial[b-03vqaey1fc] {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 6px;
    background: var(--accent-bg);
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 500;
    flex-shrink: 0;
}

.topbar-right-group[b-03vqaey1fc] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.topbar-band-name[b-03vqaey1fc] {
    font-weight: 500;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-03vqaey1fc] .topbar-link {
    color: var(--text-secondary) !important;
    text-decoration: none !important;
    font-size: 0.9rem;
}

.topbar-back[b-03vqaey1fc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--text-primary);
    text-decoration: none;
    font-weight: 500;
    min-width: 0;
}

    .topbar-back i[b-03vqaey1fc] {
        font-size: 1.2rem;
        color: var(--text-secondary);
        flex-shrink: 0;
    }

.topbar-back-title[b-03vqaey1fc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.avatar-toggle[b-03vqaey1fc] {
    display: none;
}

.topbar-menu-btn[b-03vqaey1fc] {
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    font-size: 1.5rem;
    cursor: pointer;
    flex-shrink: 0;
    user-select: none;
}

    .topbar-menu-btn:hover[b-03vqaey1fc] {
        color: var(--text-primary);
    }

.avatar-fullscreen[b-03vqaey1fc] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1;
    background: var(--surface-0);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* Generöst med utrymme under sista raden — annars kan den hamna precis
       vid kanten av synligt område (eller bottenflikens tap-yta) på mobiler
       med hemindikator, vilket gör tryck där opålitliga. */
    padding: 0 1.1rem calc(4rem + env(safe-area-inset-bottom));
}

.avatar-toggle:checked ~ .avatar-fullscreen[b-03vqaey1fc] {
    display: block;
}

.avatar-fullscreen-header[b-03vqaey1fc] {
    display: flex;
    justify-content: flex-end;
    padding: calc(0.75rem + env(safe-area-inset-top)) 0 0.5rem;
}

.avatar-fullscreen-close[b-03vqaey1fc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    margin-left: auto;
    color: var(--text-secondary);
    font-size: 1.5rem;
    cursor: pointer;
}

.avatar-account-row[b-03vqaey1fc] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.6rem 0 1rem;
}

.avatar-account-avatar[b-03vqaey1fc] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-bg);
    color: var(--accent);
    font-weight: 600;
}

.avatar-account-name[b-03vqaey1fc] {
    color: var(--text-primary);
    font-weight: 500;
}

.avatar-menu-divider[b-03vqaey1fc] {
    height: 1px;
    background: var(--border);
    margin: 0.7rem 0;
}

.avatar-menu-label[b-03vqaey1fc] {
    padding: 0.25rem 0.2rem 0.45rem;
    color: var(--text-muted);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.avatar-menu-section[b-03vqaey1fc] {
    display: flex;
    flex-direction: column;
}

[b-03vqaey1fc] .avatar-menu-item,
.avatar-menu-item[b-03vqaey1fc] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 2.9rem;
    padding: 0.65rem 0.5rem;
    border-radius: var(--radius);
    color: var(--text-primary) !important;
    text-decoration: none !important;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
}

[b-03vqaey1fc] .avatar-menu-item:hover,
.avatar-menu-item:hover[b-03vqaey1fc] {
    background: var(--surface-1);
}

[b-03vqaey1fc] .avatar-menu-item i,
.avatar-menu-item i[b-03vqaey1fc] {
    width: 1.25rem;
    color: var(--text-muted);
    font-size: 1.1rem;
}

.avatar-menu-band-logo[b-03vqaey1fc] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 4px;
    object-fit: cover;
}

.avatar-menu-note[b-03vqaey1fc] {
    margin: -0.25rem 0 0.5rem 2.4rem;
    color: var(--text-muted);
    font-size: 0.75rem;
}

.avatar-menu-logout[b-03vqaey1fc] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    text-align: left;
}

.avatar-menu-logout i[b-03vqaey1fc] {
    width: 1.25rem;
}

.mobile-brand[b-03vqaey1fc] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-weight: 600;
}

.mobile-brand img[b-03vqaey1fc] {
    width: 1.7rem;
    height: 1.7rem;
}

.tabbar[b-03vqaey1fc] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 0.35rem 0.3rem max(0.25rem, calc(env(safe-area-inset-bottom) - 0.35rem));
    background: var(--surface-2);
    border-top: 0.5px solid var(--border);
}

[b-03vqaey1fc] .tabbar a {
    min-width: 0;
    color: var(--text-muted);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.18rem;
    font-size: 0.68rem;
}

[b-03vqaey1fc] .tabbar a i {
    font-size: 1.35rem;
}

[b-03vqaey1fc] .tabbar a.active {
    color: var(--accent);
}

.tabbar-icon-wrap[b-03vqaey1fc] {
    position: relative;
    display: inline-flex;
}

.tabbar-badge[b-03vqaey1fc],
.desktop-nav-badge[b-03vqaey1fc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.05rem;
    height: 1.05rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: var(--accent-fill);
    color: white;
    font-size: 0.58rem;
    font-weight: 700;
}

.tabbar-badge[b-03vqaey1fc] {
    position: absolute;
    top: -0.4rem;
    right: -0.6rem;
}

.desktop-sidebar[b-03vqaey1fc] {
    display: none;
}

@media (min-width: 1024px) {
    .topbar[b-03vqaey1fc],
    .tabbar[b-03vqaey1fc] {
        display: none;
    }

    .desktop-sidebar[b-03vqaey1fc] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 90;
        width: var(--sidebar-width);
        display: flex;
        flex-direction: column;
        background: var(--surface-2);
        border-right: 0.5px solid var(--border);
        padding: 1.1rem 0.85rem;
    }

    .desktop-brand[b-03vqaey1fc] {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        color: var(--text-primary);
        text-decoration: none;
        padding: 0.45rem 0.5rem 1rem;
    }

    .desktop-brand-mark[b-03vqaey1fc] {
        width: 2rem;
        height: 2rem;
    }

    .desktop-brand-word[b-03vqaey1fc] {
        font-size: 1.05rem;
        font-weight: 700;
    }

    .desktop-band-card[b-03vqaey1fc] {
        display: flex;
        align-items: center;
        gap: 0.7rem;
        padding: 0.75rem 0.5rem;
        border-top: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
        margin-bottom: 0.8rem;
    }

    .desktop-band-logo[b-03vqaey1fc],
    .desktop-band-initial[b-03vqaey1fc] {
        width: 2.15rem;
        height: 2.15rem;
        border-radius: 7px;
        flex-shrink: 0;
    }

    .desktop-band-logo[b-03vqaey1fc] {
        object-fit: cover;
        background: var(--surface-1);
    }

    .desktop-band-initial[b-03vqaey1fc] {
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--accent-bg);
        color: var(--accent);
        font-weight: 600;
    }

    .desktop-band-copy[b-03vqaey1fc] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .desktop-band-label[b-03vqaey1fc] {
        color: var(--text-muted);
        font-size: 0.66rem;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }

    .desktop-band-copy strong[b-03vqaey1fc] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.88rem;
    }

    .desktop-nav[b-03vqaey1fc] {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
        overflow-y: auto;
    }

    .desktop-nav-section[b-03vqaey1fc] {
        padding: 1rem 0.65rem 0.35rem;
        color: var(--text-muted);
        font-size: 0.64rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

    [b-03vqaey1fc] .desktop-nav-item,
    .desktop-secondary-link[b-03vqaey1fc] {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        min-height: 2.4rem;
        padding: 0.5rem 0.65rem;
        border-radius: var(--radius);
        color: var(--text-secondary) !important;
        text-decoration: none !important;
        font-size: 0.82rem;
    }

    [b-03vqaey1fc] .desktop-nav-item i,
    .desktop-secondary-link i[b-03vqaey1fc] {
        width: 1.15rem;
        font-size: 1.05rem;
        flex-shrink: 0;
    }

    [b-03vqaey1fc] .desktop-nav-item:hover,
    .desktop-secondary-link:hover[b-03vqaey1fc] {
        background: var(--surface-1);
        color: var(--text-primary) !important;
    }

    [b-03vqaey1fc] .desktop-nav-item.active {
        background: var(--accent-bg);
        color: var(--accent) !important;
    }

    .desktop-nav-badge[b-03vqaey1fc] {
        margin-left: auto;
    }

    .desktop-sidebar-footer[b-03vqaey1fc] {
        margin-top: auto;
        padding-top: 0.75rem;
        border-top: 1px solid var(--border);
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .desktop-account[b-03vqaey1fc] {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        padding: 0.55rem 0.65rem;
    }

    .desktop-account-avatar[b-03vqaey1fc] {
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--accent-bg);
        color: var(--accent);
        font-size: 0.72rem;
        font-weight: 600;
    }

    .desktop-account-name[b-03vqaey1fc] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--text-muted);
        font-size: 0.75rem;
    }
}


.avatar-menu-admin[b-03vqaey1fc] {
    margin-top: .25rem;
    border: 1px solid var(--accent-border) !important;
    background: var(--accent-bg) !important;
}

.avatar-menu-admin i[b-03vqaey1fc] {
    color: var(--accent) !important;
}


/* Shared dark-theme account actions. Prevent browser/default grey buttons. */
.desktop-logout-form[b-03vqaey1fc] { margin:0; padding:0; }
.desktop-logout-button[b-03vqaey1fc] {
    -webkit-appearance:none !important;
    appearance:none !important;
    display:flex !important;
    width:100% !important;
    align-items:center;
    gap:.65rem;
    background:transparent !important;
    border:1px solid transparent !important;
    box-shadow:none !important;
    color:var(--text-secondary) !important;
    cursor:pointer;
    font:inherit;
    text-align:left;
    border-radius:var(--radius);
    padding:.5rem .65rem;
    min-height:2.4rem;
    font-size:.82rem;
    transition:background-color .15s, color .15s;
}
.desktop-logout-button i[b-03vqaey1fc] { color:var(--text-muted); width:1.15rem; font-size:1.05rem; }
.desktop-logout-button:hover[b-03vqaey1fc] {
    color:var(--text-primary) !important;
    background:var(--surface-1) !important;
}
.desktop-logout-button:hover i[b-03vqaey1fc] { color:var(--accent); }
.desktop-logout-button:focus-visible[b-03vqaey1fc] { outline:2px solid var(--accent); outline-offset:2px; }
@media(min-width:1024px) {
    .desktop-band-picker[b-03vqaey1fc] { position:relative; margin-bottom:.8rem; }
    .desktop-band-select[b-03vqaey1fc] { width:100%; text-align:left; border-left:0; border-right:0; cursor:pointer;
        background:transparent; color:var(--text-primary); transition:background-color .15s; }
    .desktop-band-select:hover[b-03vqaey1fc] { background:var(--surface-1); }
    .desktop-band-select:focus-visible[b-03vqaey1fc] { outline:2px solid var(--accent); outline-offset:-2px; }
    .desktop-band-card[b-03vqaey1fc] { margin-bottom:0; width:100%; }
    .desktop-band-copy[b-03vqaey1fc] { flex:1; }
    .desktop-band-chevron[b-03vqaey1fc] { color:var(--text-muted); font-size:1rem; flex-shrink:0; }
    .desktop-band-switch-backdrop[b-03vqaey1fc] { position:fixed; inset:0; z-index:92;
        background:transparent; border:0; cursor:default; }
    .desktop-band-switch-list[b-03vqaey1fc] { position:absolute; top:calc(100% + .35rem); left:0; width:100%;
        z-index:93; background:var(--surface-1); border:1px solid var(--border);
        border-radius:12px; padding:.4rem; box-shadow:0 16px 44px rgba(0,0,0,.38);
        max-height: min(60vh, 320px); overflow-y:auto; }
    .desktop-band-switch-option[b-03vqaey1fc],.desktop-band-all-link[b-03vqaey1fc] { display:flex; align-items:center; gap:.55rem; width:100%;
        padding:.57rem .5rem; border:0; background:transparent; color:var(--text-secondary);
        font:inherit; font-size:.79rem; text-align:left; border-radius:7px; text-decoration:none; cursor:pointer; }
    .desktop-band-switch-option:hover[b-03vqaey1fc],.desktop-band-all-link:hover[b-03vqaey1fc],.desktop-band-switch-option.active[b-03vqaey1fc] {
        color:var(--text-primary); background:var(--surface-2); }
    .desktop-band-switch-option.active>i[b-03vqaey1fc] { margin-left:auto; color:var(--accent); }
    .desktop-band-switch-option img[b-03vqaey1fc],.desktop-band-switch-letter[b-03vqaey1fc] { display:grid; place-items:center; width:1.35rem;
        height:1.35rem; border-radius:5px; object-fit:cover; background:var(--accent-bg); color:var(--accent); }
    .desktop-band-all-link[b-03vqaey1fc] { border-top:1px solid var(--border); margin-top:.2rem; }
    .desktop-band-all-link i[b-03vqaey1fc] { color:var(--accent); }
}
/* /Components/Layout/PausedBandLayout.razor.rz.scp.css */
.paused-shell[b-k5zt5qiul7] {
    min-height: 100dvh;
    background:
        radial-gradient(circle at 50% -10%, rgba(169,35,48,.1), transparent 34rem),
        var(--bg);
    color: var(--text-primary);
}

.paused-topbar[b-k5zt5qiul7] {
    height: 3.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1rem;
    border-bottom: 1px solid var(--border);
    background: rgba(10,10,12,.88);
    backdrop-filter: blur(14px);
}

.paused-brand[b-k5zt5qiul7],
.paused-switch[b-k5zt5qiul7] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: inherit;
    text-decoration: none;
}

.paused-brand[b-k5zt5qiul7] {
    font-weight: 700;
}

.paused-brand img[b-k5zt5qiul7] {
    width: 1.7rem;
    height: 1.7rem;
}

.paused-switch[b-k5zt5qiul7] {
    color: var(--text-secondary);
    font-size: .8rem;
}

.paused-main[b-k5zt5qiul7] {
    width: min(620px, 100%);
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
}
/* /Components/Layout/PushNotificationPrompt.razor.rz.scp.css */
.push-prompt-backdrop[b-oe5j1f9xko] {
    position: fixed;
    inset: 0;
    z-index: 300;
    background: rgba(0, 0, 0, 0.58);
    backdrop-filter: blur(2px);
}

.push-prompt[b-oe5j1f9xko] {
    position: fixed;
    z-index: 301;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(30rem, calc(100vw - 2rem));
    padding: 1.3rem;
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-card);
    background: var(--surface-2);
    color: var(--text-primary);
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.45);
}

.push-prompt-close[b-oe5j1f9xko] {
    position: absolute;
    top: 0.65rem;
    right: 0.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--text-muted);
    font-size: 1.15rem;
}

.push-prompt-close:hover[b-oe5j1f9xko] {
    color: var(--text-primary);
    background: var(--surface-1);
}

.push-prompt-icon[b-oe5j1f9xko] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    margin-bottom: 0.8rem;
    border-radius: 50%;
    background: var(--accent-bg);
    color: var(--accent);
    font-size: 1.35rem;
}

.push-prompt-copy h2[b-oe5j1f9xko] {
    margin: 0 2.2rem 0.35rem 0;
    font-size: 1.15rem;
}

.push-prompt-copy p[b-oe5j1f9xko] {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.45;
}

.push-prompt-error[b-oe5j1f9xko] {
    margin: 0.9rem 0 0;
    padding: 0.65rem 0.75rem;
    border-radius: var(--radius);
    background: var(--danger-bg);
    color: var(--danger);
    font-size: 0.82rem;
}

.push-prompt-never[b-oe5j1f9xko] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    color: var(--text-secondary);
    font-size: 0.85rem;
    cursor: pointer;
}

.push-prompt-never input[b-oe5j1f9xko] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--accent);
}

.push-prompt-actions[b-oe5j1f9xko] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.push-prompt-actions .btn-primary[b-oe5j1f9xko] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

@media (max-width: 640px) {
    .push-prompt[b-oe5j1f9xko] {
        top: auto;
        bottom: calc(0.75rem + env(safe-area-inset-bottom));
        transform: translateX(-50%);
        width: calc(100vw - 1rem);
        border-radius: 1rem;
    }

    .push-prompt-actions[b-oe5j1f9xko] {
        flex-direction: column;
        align-items: stretch;
    }

    .push-prompt-actions .btn[b-oe5j1f9xko] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-g334dp0xu3],
.components-reconnect-repeated-attempt-visible[b-g334dp0xu3],
.components-reconnect-failed-visible[b-g334dp0xu3],
.components-pause-visible[b-g334dp0xu3],
.components-resume-failed-visible[b-g334dp0xu3],
.components-rejoining-animation[b-g334dp0xu3] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-g334dp0xu3] {
    border: 0;
    background-color: var(--accent-fill);
    color: var(--accent-text);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-g334dp0xu3] {
        background-color: var(--accent-border);
    }

    #components-reconnect-modal button:active[b-g334dp0xu3] {
        background-color: var(--accent-fill);
    }

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/AdminBands.razor.rz.scp.css */
.admin-page-heading[b-jm6uvbtwdq] {
    margin-bottom: 1.15rem;
}

.admin-page-eyebrow[b-jm6uvbtwdq] {
    color: #dc6d76;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.admin-page-heading h1[b-jm6uvbtwdq] {
    margin: .3rem 0 .25rem;
    font-size: clamp(1.8rem, 4vw, 2.35rem);
}

.admin-page-heading p[b-jm6uvbtwdq] {
    margin: 0;
    color: var(--text-secondary);
}

.admin-list-panel[b-jm6uvbtwdq] {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 1rem;
    overflow: hidden;
    background: rgba(255,255,255,.025);
}

.admin-band-row[b-jm6uvbtwdq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.055);
}

.admin-band-row:last-child[b-jm6uvbtwdq] {
    border-bottom: none;
}

.admin-band-main[b-jm6uvbtwdq] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    padding: .85rem .9rem;
}

.admin-band-icon[b-jm6uvbtwdq] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: .7rem;
    color: #f0a0a7;
    background: rgba(169,35,48,.18);
}

.admin-row-copy[b-jm6uvbtwdq] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.admin-row-title[b-jm6uvbtwdq] {
    font-weight: 650;
    overflow-wrap: anywhere;
}

.admin-row-sub[b-jm6uvbtwdq] {
    color: var(--text-muted);
    font-size: .76rem;
    overflow-wrap: anywhere;
}

.admin-band-controls[b-jm6uvbtwdq] {
    display: flex;
    align-items: end;
    gap: .55rem;
    padding: .6rem .7rem;
}

.admin-band-controls label[b-jm6uvbtwdq] {
    display: grid;
    gap: .2rem;
}

.admin-band-controls label > span[b-jm6uvbtwdq] {
    color: var(--text-muted);
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.admin-band-controls .form-select[b-jm6uvbtwdq] {
    min-width: 7.4rem;
    border-color: rgba(255,255,255,.1);
    background-color: rgba(255,255,255,.045);
}

.admin-delete-button[b-jm6uvbtwdq] {
    align-self: stretch;
    width: 3rem;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.055);
    color: #d66a73;
    background: transparent;
}

.admin-delete-button:hover[b-jm6uvbtwdq] {
    color: #fff;
    background: rgba(169,35,48,.14);
}

.admin-empty[b-jm6uvbtwdq] {
    padding: 1.1rem;
    color: var(--text-secondary);
}

@media (max-width: 820px) {
    .admin-band-row[b-jm6uvbtwdq] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .admin-band-controls[b-jm6uvbtwdq] {
        grid-column: 1 / -1;
        order: 3;
        width: 100%;
        padding: 0 .9rem .85rem;
    }

    .admin-band-controls label[b-jm6uvbtwdq] {
        flex: 1;
    }

    .admin-band-controls .form-select[b-jm6uvbtwdq] {
        width: 100%;
        min-width: 0;
    }

    .admin-delete-button[b-jm6uvbtwdq] {
        grid-column: 2;
        grid-row: 1;
        min-height: 4rem;
    }
}


.admin-toolbar[b-jm6uvbtwdq] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) repeat(7, minmax(110px, auto));
    gap: .5rem;
    margin-bottom: .55rem;
}

.admin-search[b-jm6uvbtwdq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    padding: 0 .7rem;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: .72rem;
    background: rgba(255,255,255,.025);
}

.admin-search > i[b-jm6uvbtwdq] {
    color: var(--text-muted);
}

.admin-search input[b-jm6uvbtwdq] {
    min-width: 0;
    height: 2.45rem;
    border: 0;
    outline: 0;
    color: var(--text-primary);
    background: transparent;
}

.admin-search input[b-jm6uvbtwdq]::placeholder {
    color: var(--text-muted);
}

.admin-search button[b-jm6uvbtwdq] {
    width: 1.8rem;
    height: 1.8rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: var(--text-muted);
    background: transparent;
}

.admin-filter-select[b-jm6uvbtwdq] {
    min-width: 8.4rem;
    border-color: rgba(255,255,255,.09);
    background-color: rgba(255,255,255,.035);
}

.admin-result-summary[b-jm6uvbtwdq] {
    min-height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .4rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.admin-result-summary button[b-jm6uvbtwdq] {
    border: 0;
    padding: 0;
    color: #dc6d76;
    background: transparent;
    font-size: inherit;
}

.admin-pagination[b-jm6uvbtwdq] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: .6rem;
    margin-top: .75rem;
    color: var(--text-muted);
    font-size: .74rem;
}

.admin-pagination button[b-jm6uvbtwdq] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    width: max-content;
    padding: .45rem .65rem;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: .65rem;
    color: var(--text-secondary);
    background: rgba(255,255,255,.025);
}

.admin-pagination button:last-child[b-jm6uvbtwdq] {
    justify-self: end;
}

.admin-pagination button:disabled[b-jm6uvbtwdq] {
    opacity: .35;
}

@media (max-width: 980px) {
    .admin-toolbar[b-jm6uvbtwdq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-search[b-jm6uvbtwdq] {
        grid-column: 1 / -1;
    }

    .admin-filter-select[b-jm6uvbtwdq] {
        min-width: 0;
        width: 100%;
    }
}


.admin-band-active[b-jm6uvbtwdq] {
    color: #8ccfa2;
}

.admin-band-paused[b-jm6uvbtwdq] {
    color: #e0b36d;
}

@media (max-width: 1280px) {
    .admin-toolbar[b-jm6uvbtwdq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-search[b-jm6uvbtwdq] {
        grid-column: 1 / -1;
    }
}


.admin-plan-paused[b-jm6uvbtwdq] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    padding: .3rem .5rem;
    border-radius: .55rem;
    color: #e0b36d;
    background: rgba(184,120,25,.1);
    font-size: .68rem;
    white-space: nowrap;
}
/* /Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
.admin-page-heading[b-t6nyb6u3rj] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
}

.admin-page-eyebrow[b-t6nyb6u3rj] {
    color: #dc6d76;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.admin-page-heading h1[b-t6nyb6u3rj] {
    margin: .3rem 0 .25rem;
    font-size: clamp(1.8rem, 4vw, 2.45rem);
}

.admin-page-heading p[b-t6nyb6u3rj] {
    margin: 0;
    color: var(--text-secondary);
}

.admin-loading[b-t6nyb6u3rj] {
    padding: 1rem 0;
    color: var(--text-secondary);
}

.admin-kpi-grid[b-t6nyb6u3rj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: .85rem;
}

.admin-kpi-card[b-t6nyb6u3rj] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: .65rem;
    row-gap: .08rem;
    align-items: center;
    padding: .85rem;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: .9rem;
    background: rgba(255,255,255,.025);
}

.admin-kpi-accent[b-t6nyb6u3rj] {
    border-color: rgba(220,109,118,.16);
    background: rgba(169,35,48,.055);
}

.admin-kpi-icon[b-t6nyb6u3rj] {
    grid-row: 1 / 4;
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: .62rem;
    color: #e78b93;
    background: rgba(169,35,48,.16);
}

.admin-kpi-value[b-t6nyb6u3rj] {
    font-size: 1.4rem;
    font-weight: 760;
    line-height: 1;
}

.admin-kpi-label[b-t6nyb6u3rj] {
    font-size: .78rem;
    font-weight: 650;
}

.admin-kpi-meta[b-t6nyb6u3rj] {
    color: var(--text-muted);
    font-size: .68rem;
}

.admin-signal-grid[b-t6nyb6u3rj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: .85rem;
}

.admin-signal-card[b-t6nyb6u3rj] {
    display: grid;
    gap: .42rem;
    padding: .9rem;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: .85rem;
    background: rgba(255,255,255,.018);
}

.admin-signal-label[b-t6nyb6u3rj] {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.admin-signal-card strong[b-t6nyb6u3rj] {
    font-size: 1.15rem;
}

.admin-signal-note[b-t6nyb6u3rj] {
    color: var(--text-muted);
    font-size: .72rem;
}

.admin-progress[b-t6nyb6u3rj] {
    height: .3rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.07);
}

.admin-progress span[b-t6nyb6u3rj] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #c7535e;
}

.admin-insight-note[b-t6nyb6u3rj] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    padding: .9rem;
    border-radius: .85rem;
    color: var(--text-secondary);
    background: rgba(255,255,255,.02);
}

.admin-insight-note-icon[b-t6nyb6u3rj] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: .6rem;
    color: #dc6d76;
    background: rgba(169,35,48,.12);
}

.admin-insight-note strong[b-t6nyb6u3rj] {
    color: var(--text-primary);
    font-size: .82rem;
}

.admin-insight-note p[b-t6nyb6u3rj] {
    margin: .18rem 0 0;
    font-size: .74rem;
}

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

@media (max-width: 620px) {
    .admin-kpi-grid[b-t6nyb6u3rj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem;
    }

    .admin-kpi-card[b-t6nyb6u3rj] {
        grid-template-columns: 1fr;
        padding: .75rem;
    }

    .admin-kpi-icon[b-t6nyb6u3rj] {
        grid-row: auto;
        width: 1.8rem;
        height: 1.8rem;
        margin-bottom: .25rem;
    }

    .admin-kpi-value[b-t6nyb6u3rj] {
        font-size: 1.55rem;
    }

    .admin-signal-grid[b-t6nyb6u3rj] {
        grid-template-columns: 1fr;
        gap: .55rem;
    }
}
/* /Components/Pages/Admin/AdminInsights.razor.rz.scp.css */
.admin-page-heading[b-ykcybiyikr] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
}

.admin-page-eyebrow[b-ykcybiyikr] {
    color: #dc6d76;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.admin-page-heading h1[b-ykcybiyikr] {
    margin: .3rem 0 .25rem;
    font-size: clamp(1.8rem, 4vw, 2.35rem);
}

.admin-page-heading p[b-ykcybiyikr] {
    margin: 0;
    color: var(--text-secondary);
}

.admin-period-select[b-ykcybiyikr] {
    width: auto;
    min-width: 8.5rem;
    border-color: rgba(255,255,255,.09);
    background-color: rgba(255,255,255,.035);
}

.admin-loading[b-ykcybiyikr] {
    color: var(--text-secondary);
}

.admin-insight-kpis[b-ykcybiyikr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    margin-bottom: .8rem;
}

.admin-insight-kpis > div[b-ykcybiyikr] {
    display: grid;
    gap: .12rem;
    padding: .9rem;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: .85rem;
    background: rgba(255,255,255,.025);
}

.admin-insight-kpis span[b-ykcybiyikr] {
    color: var(--text-muted);
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.admin-insight-kpis strong[b-ykcybiyikr] {
    font-size: 1.45rem;
    line-height: 1.1;
}

.admin-insight-kpis small[b-ykcybiyikr] {
    color: var(--text-muted);
    font-size: .7rem;
}

.admin-insight-columns[b-ykcybiyikr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
    margin-bottom: .8rem;
}

.admin-insight-panel[b-ykcybiyikr] {
    padding: .95rem;
    margin-bottom: .8rem;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: .9rem;
    background: rgba(255,255,255,.022);
}

.admin-panel-heading h2[b-ykcybiyikr] {
    margin: 0 0 .2rem;
    font-size: 1rem;
}

.admin-panel-heading p[b-ykcybiyikr] {
    margin: 0;
    color: var(--text-muted);
    font-size: .74rem;
}

.admin-data-gap[b-ykcybiyikr] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    padding: .9rem;
    border: 1px dashed rgba(220,109,118,.22);
    border-radius: .9rem;
    background: rgba(169,35,48,.035);
}

.admin-data-gap-icon[b-ykcybiyikr] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: .6rem;
    color: #dc6d76;
    background: rgba(169,35,48,.12);
}

.admin-data-gap strong[b-ykcybiyikr] {
    font-size: .82rem;
}

.admin-data-gap p[b-ykcybiyikr] {
    margin: .2rem 0 0;
    color: var(--text-secondary);
    font-size: .74rem;
    line-height: 1.45;
}

@media (max-width: 760px) {
    .admin-page-heading[b-ykcybiyikr] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-period-select[b-ykcybiyikr] {
        width: 100%;
    }

    .admin-insight-kpis[b-ykcybiyikr] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .45rem;
    }

    .admin-insight-kpis > div[b-ykcybiyikr] {
        padding: .7rem;
    }

    .admin-insight-kpis strong[b-ykcybiyikr] {
        font-size: 1.2rem;
    }

    .admin-insight-columns[b-ykcybiyikr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 460px) {
    .admin-insight-kpis[b-ykcybiyikr] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/AdminLogin.razor.rz.scp.css */
.admin-login-heading[b-iump1djbnx] {
    margin-bottom: 1.2rem;
}

.admin-login-eyebrow[b-iump1djbnx] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #dc6d76;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.admin-login-heading h1[b-iump1djbnx] {
    margin: .45rem 0 .35rem;
    font-size: clamp(1.7rem, 5vw, 2.15rem);
}

.admin-login-heading p[b-iump1djbnx] {
    margin: 0;
    color: var(--text-secondary);
}

.admin-passkey-button[b-iump1djbnx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.admin-login-divider[b-iump1djbnx] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.1rem 0;
    color: var(--text-muted);
    font-size: .75rem;
}

.admin-login-divider[b-iump1djbnx]::before,
.admin-login-divider[b-iump1djbnx]::after {
    content: "";
    height: 1px;
    flex: 1;
    background: rgba(255,255,255,.08);
}

.admin-login-divider span[b-iump1djbnx] {
    padding: 0 .7rem;
}

.admin-remember[b-iump1djbnx] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--text-secondary);
}

.admin-login-foot[b-iump1djbnx] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255,255,255,.07);
    color: var(--text-muted);
    font-size: .78rem;
}

.admin-login-foot a[b-iump1djbnx] {
    color: var(--text-secondary);
}


.admin-login-current[b-iump1djbnx] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    margin: 0 0 1rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(220, 109, 118, .28);
    border-radius: .85rem;
    background: rgba(220, 109, 118, .08);
}

.admin-login-current > i[b-iump1djbnx] {
    flex: 0 0 auto;
    margin-top: .05rem;
    color: #dc6d76;
    font-size: 1.15rem;
}

.admin-login-current > div[b-iump1djbnx] {
    display: grid;
    gap: .15rem;
}

.admin-login-current strong[b-iump1djbnx] {
    color: var(--text-primary);
    font-size: .82rem;
}

.admin-login-current span[b-iump1djbnx] {
    color: var(--text-secondary);
    font-size: .75rem;
    line-height: 1.35;
}
/* /Components/Pages/Admin/AdminUsers.razor.rz.scp.css */
.admin-page-heading[b-g02r16r9p2] {
    margin-bottom: 1.15rem;
}

.admin-page-eyebrow[b-g02r16r9p2] {
    color: #dc6d76;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.admin-page-heading h1[b-g02r16r9p2] {
    margin: .3rem 0 .25rem;
    font-size: clamp(1.8rem, 4vw, 2.35rem);
}

.admin-page-heading p[b-g02r16r9p2] {
    margin: 0;
    color: var(--text-secondary);
}

.admin-list-panel[b-g02r16r9p2] {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 1rem;
    overflow: hidden;
    background: rgba(255,255,255,.025);
}

.admin-user-row[b-g02r16r9p2] {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid rgba(255,255,255,.055);
}

.admin-user-row:last-child[b-g02r16r9p2] {
    border-bottom: none;
}

.admin-row-main[b-g02r16r9p2] {
    min-width: 0;
    flex: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: .85rem .9rem;
    border: 0;
    color: inherit;
    text-align: left;
    background: transparent;
}

.admin-row-main:hover[b-g02r16r9p2] {
    background: rgba(255,255,255,.035);
}

.admin-user-avatar[b-g02r16r9p2] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f0a0a7;
    background: rgba(169,35,48,.18);
    font-size: .8rem;
    font-weight: 750;
}

.admin-user-avatar-large[b-g02r16r9p2] {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
}

.admin-row-copy[b-g02r16r9p2] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.admin-row-title[b-g02r16r9p2] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .4rem;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.admin-row-sub[b-g02r16r9p2] {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .28rem;
    color: var(--text-muted);
    font-size: .76rem;
    overflow-wrap: anywhere;
}

.admin-row-chevron[b-g02r16r9p2] {
    color: var(--text-muted);
}

.admin-pill[b-g02r16r9p2] {
    display: inline-flex;
    align-items: center;
    padding: .12rem .4rem;
    border-radius: 999px;
    font-size: .64rem;
    font-weight: 700;
}

.admin-pill-neutral[b-g02r16r9p2] {
    color: var(--text-secondary);
    background: rgba(255,255,255,.07);
}

.admin-delete-button[b-g02r16r9p2] {
    width: 3rem;
    flex: 0 0 auto;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.055);
    color: #d66a73;
    background: transparent;
}

.admin-delete-button:hover[b-g02r16r9p2] {
    color: #fff;
    background: rgba(169,35,48,.14);
}

.admin-empty[b-g02r16r9p2] {
    padding: 1.1rem;
    color: var(--text-secondary);
}

.admin-modal-backdrop[b-g02r16r9p2] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0,0,0,.64);
    backdrop-filter: blur(3px);
}

.admin-detail-modal[b-g02r16r9p2] {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1001;
    width: min(520px, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    transform: translate(-50%, -50%);
    padding: 1.1rem;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 1rem;
    background: #141417;
    box-shadow: 0 24px 80px rgba(0,0,0,.48);
}

.admin-modal-close[b-g02r16r9p2] {
    position: absolute;
    top: .7rem;
    right: .7rem;
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: var(--text-secondary);
    background: rgba(255,255,255,.055);
}

.admin-detail-heading[b-g02r16r9p2] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding-right: 2.5rem;
}

.admin-detail-heading h2[b-g02r16r9p2] {
    margin: 0 0 .35rem;
    font-size: 1.2rem;
}

.admin-status[b-g02r16r9p2] {
    display: inline-flex;
    padding: .22rem .5rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
}

.admin-status-ok[b-g02r16r9p2] {
    color: #98d6ae;
    background: rgba(54,145,88,.16);
}

.admin-status-warn[b-g02r16r9p2] {
    color: #e7be7e;
    background: rgba(184,120,25,.15);
}

.admin-detail-grid[b-g02r16r9p2] {
    display: grid;
    gap: .75rem;
    margin: 1rem 0 0;
}

.admin-detail-grid > div[b-g02r16r9p2] {
    padding: .75rem;
    border-radius: .75rem;
    background: rgba(255,255,255,.035);
}

.admin-detail-grid dt[b-g02r16r9p2] {
    margin-bottom: .2rem;
    color: var(--text-muted);
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.admin-detail-grid dd[b-g02r16r9p2] {
    margin: 0;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.admin-mono[b-g02r16r9p2] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .76rem;
}

@media (max-width: 560px) {
    .admin-row-main[b-g02r16r9p2] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-row-chevron[b-g02r16r9p2] {
        display: none;
    }

    .admin-delete-button[b-g02r16r9p2] {
        width: 2.75rem;
    }
}


.admin-toolbar[b-g02r16r9p2] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto;
    gap: .55rem;
    margin-bottom: .55rem;
}

.admin-search[b-g02r16r9p2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    padding: 0 .7rem;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: .72rem;
    background: rgba(255,255,255,.025);
}

.admin-search > i[b-g02r16r9p2] {
    color: var(--text-muted);
}

.admin-search input[b-g02r16r9p2] {
    min-width: 0;
    height: 2.45rem;
    border: 0;
    outline: 0;
    color: var(--text-primary);
    background: transparent;
}

.admin-search input[b-g02r16r9p2]::placeholder {
    color: var(--text-muted);
}

.admin-search button[b-g02r16r9p2] {
    width: 1.8rem;
    height: 1.8rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: var(--text-muted);
    background: transparent;
}

.admin-filter-select[b-g02r16r9p2] {
    min-width: 9.4rem;
    border-color: rgba(255,255,255,.09);
    background-color: rgba(255,255,255,.035);
}

.admin-result-summary[b-g02r16r9p2] {
    min-height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .4rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.admin-result-summary button[b-g02r16r9p2] {
    border: 0;
    padding: 0;
    color: #dc6d76;
    background: transparent;
    font-size: inherit;
}

.admin-inline-ok[b-g02r16r9p2] {
    color: #8ccfa2;
}

.admin-inline-warn[b-g02r16r9p2] {
    color: #dfb573;
}

.admin-pagination[b-g02r16r9p2] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: .6rem;
    margin-top: .75rem;
    color: var(--text-muted);
    font-size: .74rem;
}

.admin-pagination button[b-g02r16r9p2] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    width: max-content;
    padding: .45rem .65rem;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: .65rem;
    color: var(--text-secondary);
    background: rgba(255,255,255,.025);
}

.admin-pagination button:last-child[b-g02r16r9p2] {
    justify-self: end;
}

.admin-pagination button:disabled[b-g02r16r9p2] {
    opacity: .35;
}

@media (max-width: 760px) {
    .admin-toolbar[b-g02r16r9p2] {
        grid-template-columns: 1fr 1fr;
    }

    .admin-search[b-g02r16r9p2] {
        grid-column: 1 / -1;
    }

    .admin-filter-select[b-g02r16r9p2] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Pages/Admin/Distribution.razor.rz.scp.css */
.distribution-list[b-f4he3dthaq] {
    display: grid;
    gap: .75rem;
    margin-top: .9rem;
}

.distribution-row[b-f4he3dthaq] {
    display: grid;
    gap: .35rem;
}

.distribution-copy[b-f4he3dthaq] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .8rem;
    font-size: .8rem;
}

.distribution-copy span[b-f4he3dthaq] {
    color: var(--text-secondary);
    overflow-wrap: anywhere;
}

.distribution-copy strong[b-f4he3dthaq] {
    flex: 0 0 auto;
    font-size: .78rem;
}

.distribution-copy small[b-f4he3dthaq] {
    margin-left: .25rem;
    color: var(--text-muted);
    font-weight: 500;
}

.distribution-track[b-f4he3dthaq] {
    height: .36rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.07);
}

.distribution-track span[b-f4he3dthaq] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #c7535e;
}

.distribution-empty[b-f4he3dthaq] {
    margin-top: .8rem;
    padding: .75rem;
    border-radius: .7rem;
    color: var(--text-muted);
    background: rgba(255,255,255,.025);
    font-size: .78rem;
}
/* /Components/Pages/Availability/AvailabilityPage.razor.rz.scp.css */
.availability-sheet[b-u0ys8ozxtr] {
    max-height: 85vh;
    overflow-y: auto;
}

.availability-sheet-windows[b-u0ys8ozxtr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 0.9rem;
}

.availability-sheet-window-row[b-u0ys8ozxtr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.4rem;
    border-radius: var(--radius);
    color: var(--text-primary);
    border-bottom: 0.5px solid var(--border);
}

    .availability-sheet-window-row:last-child[b-u0ys8ozxtr] {
        border-bottom: none;
    }

.availability-sheet-window-info[b-u0ys8ozxtr] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.availability-sheet-window-kinds[b-u0ys8ozxtr] {
    font-size: 0.76rem;
    color: var(--text-muted);
}

.availability-sheet-remove[b-u0ys8ozxtr] {
    border: none;
    background: none;
    color: var(--text-muted);
    padding: 0.25rem 0.4rem;
    border-radius: var(--radius);
}

    .availability-sheet-remove:hover[b-u0ys8ozxtr] {
        color: var(--danger);
        background: var(--danger-bg);
    }

.availability-sheet-other[b-u0ys8ozxtr] {
    margin: 0 0 0.9rem;
    padding-top: 0.6rem;
    border-top: 0.5px solid var(--border);
}

.availability-sheet-other-title[b-u0ys8ozxtr] {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    margin: 0 0 0.4rem;
}

.availability-sheet-other-row[b-u0ys8ozxtr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem;
    border-radius: var(--radius);
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.availability-sheet-other-row-conflict[b-u0ys8ozxtr] {
    background: var(--warning-bg);
    color: var(--warning);
}

    .availability-sheet-other-row-conflict i[b-u0ys8ozxtr] {
        color: var(--warning);
    }

.availability-add-form[b-u0ys8ozxtr] {
    margin-top: 0.6rem;
    padding-top: 0.6rem;
    border-top: 0.5px solid var(--border);
}

.availability-kind-toggle[b-u0ys8ozxtr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.availability-kind-btn[b-u0ys8ozxtr] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 0.5px solid var(--border-strong);
    background: transparent;
    color: var(--text-secondary);
    border-radius: 999px;
    padding: 0.35rem 0.7rem;
    font-size: 0.8rem;
}

.availability-kind-btn-active[b-u0ys8ozxtr] {
    background: var(--accent-bg);
    color: var(--accent);
    border-color: var(--accent-border);
}
/* /Components/Pages/Band/BandHome.razor.rz.scp.css */
.focus-header[b-ud6hfn5hdu] { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.focus-header h1[b-ud6hfn5hdu] { font-size:clamp(1.65rem, 4vw, 2.25rem); margin:.15rem 0; }
.focus-header p[b-ud6hfn5hdu] { color:var(--text-secondary); margin:0; }
.focus-kicker[b-ud6hfn5hdu],.focus-section-label[b-ud6hfn5hdu] { color:#d28c94; font-size:.68rem; letter-spacing:.13em; font-weight:600; }
.focus-calendar-link[b-ud6hfn5hdu] { display:inline-flex; align-items:center; gap:.35rem; color:var(--text-secondary); text-decoration:none; border:1px solid var(--border); border-radius:var(--radius); padding:.5rem .7rem; }
.focus-next[b-ud6hfn5hdu],.focus-empty-next[b-ud6hfn5hdu] { max-width:64rem; display:grid; grid-template-columns:auto 1fr auto; gap:1rem; align-items:center; background:linear-gradient(115deg,var(--accent-bg),var(--surface-2) 55%); border:1px solid var(--accent-border); border-radius:18px; padding:1.15rem; margin-bottom:1rem; }
.focus-next-date[b-ud6hfn5hdu] { width:4.3rem; height:4.7rem; border-radius:12px; background:rgba(0,0,0,.22); display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1; color:var(--text-secondary); text-transform:uppercase; }
.focus-next-date strong[b-ud6hfn5hdu] { color:var(--text-primary); font-size:1.7rem; margin:.2rem 0; }
.focus-next-date span[b-ud6hfn5hdu] { font-size:.65rem; letter-spacing:.08em; }
.focus-next-copy h2[b-ud6hfn5hdu] { font-size:1.3rem; margin:.15rem 0 .2rem; }
.focus-next-copy p[b-ud6hfn5hdu] { color:var(--text-secondary); margin:0; font-size:.88rem; }
.focus-next-status[b-ud6hfn5hdu] { display:flex; flex-wrap:wrap; gap:.5rem .9rem; align-items:center; margin-top:.7rem; color:var(--text-secondary); font-size:.78rem; }
.focus-next-status span[b-ud6hfn5hdu] { display:inline-flex; align-items:center; gap:.25rem; }
.focus-next-open[b-ud6hfn5hdu] { color:var(--text-primary); text-decoration:none; display:flex; align-items:center; gap:.35rem; }
.focus-empty-next[b-ud6hfn5hdu] { grid-template-columns:1fr auto; }
.focus-grid[b-ud6hfn5hdu] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; max-width:64rem; }
.focus-card[b-ud6hfn5hdu] { background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-card); padding:1rem; min-width:0; }
.focus-card-heading[b-ud6hfn5hdu] { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:.75rem; }
.focus-card-heading h2[b-ud6hfn5hdu] { margin:.1rem 0 0; }
.focus-card-heading a[b-ud6hfn5hdu] { font-size:.78rem; color:var(--text-secondary); text-decoration:none; }
.focus-count[b-ud6hfn5hdu] { min-width:1.65rem; height:1.65rem; display:grid; place-items:center; border-radius:999px; background:var(--accent-bg); color:#e4a4ab; font-size:.75rem; }
.focus-attention-list[b-ud6hfn5hdu],.focus-upcoming-list[b-ud6hfn5hdu],.focus-song-list[b-ud6hfn5hdu] { display:flex; flex-direction:column; }
.focus-attention-row[b-ud6hfn5hdu],.focus-upcoming-row[b-ud6hfn5hdu],.focus-song-row[b-ud6hfn5hdu] { display:flex; align-items:center; gap:.7rem; padding:.7rem 0; border-top:1px solid var(--border); text-decoration:none; color:inherit; }
.focus-attention-row:first-child[b-ud6hfn5hdu],.focus-upcoming-row:first-child[b-ud6hfn5hdu],.focus-song-row:first-child[b-ud6hfn5hdu] { border-top:0; }
.focus-attention-icon[b-ud6hfn5hdu],.focus-song-icon[b-ud6hfn5hdu] { width:2.25rem; height:2.25rem; display:grid; place-items:center; border-radius:10px; background:var(--accent-bg); color:#d7949c; flex-shrink:0; }
.focus-attention-copy[b-ud6hfn5hdu],.focus-upcoming-copy[b-ud6hfn5hdu],.focus-song-row>span:last-child[b-ud6hfn5hdu] { min-width:0; flex:1; display:flex; flex-direction:column; }
.focus-attention-copy strong[b-ud6hfn5hdu],.focus-upcoming-copy strong[b-ud6hfn5hdu],.focus-song-row strong[b-ud6hfn5hdu] { font-size:.88rem; font-weight:500; }
.focus-attention-copy small[b-ud6hfn5hdu],.focus-upcoming-copy small[b-ud6hfn5hdu],.focus-song-row small[b-ud6hfn5hdu] { color:var(--text-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.focus-attention-row>i[b-ud6hfn5hdu],.focus-upcoming-row>i[b-ud6hfn5hdu] { color:var(--text-muted); }
.focus-clear[b-ud6hfn5hdu] { display:flex; align-items:center; gap:.55rem; color:var(--text-secondary); padding:.8rem 0; }
.focus-clear i[b-ud6hfn5hdu] { color:var(--success); font-size:1.25rem; }
.focus-upcoming-date[b-ud6hfn5hdu] { width:2.4rem; text-align:center; display:flex; flex-direction:column; border-right:1px solid var(--border); padding-right:.65rem; }
.focus-upcoming-date strong[b-ud6hfn5hdu] { font-size:1.05rem; }
.focus-upcoming-date small[b-ud6hfn5hdu] { color:var(--text-muted); text-transform:uppercase; font-size:.62rem; }
.focus-quick-grid[b-ud6hfn5hdu] { display:grid; grid-template-columns:repeat(2,1fr); gap:.55rem; }
.focus-quick-grid a[b-ud6hfn5hdu] { text-decoration:none; color:var(--text-secondary); background:var(--surface-1); border:1px solid var(--border); border-radius:10px; padding:.8rem; display:flex; align-items:center; gap:.55rem; }
.focus-quick-grid a i[b-ud6hfn5hdu] { color:#d18d95; font-size:1.1rem; }
@media(max-width:760px){
    .focus-header[b-ud6hfn5hdu] { align-items:flex-start; }
    .focus-calendar-link[b-ud6hfn5hdu] { display:none; }
    .focus-next[b-ud6hfn5hdu] { grid-template-columns:auto 1fr; }
    .focus-next-open[b-ud6hfn5hdu] { grid-column:1/-1; justify-content:center; background:var(--accent-fill); border-radius:var(--radius); padding:.65rem; }
    .focus-grid[b-ud6hfn5hdu] { grid-template-columns:1fr; }
}


.profile-reminder[b-ud6hfn5hdu] {
    max-width: 64rem;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: .8rem .9rem;
    border: 1px solid var(--accent-border);
    border-radius: var(--radius-card);
    background: var(--accent-bg);
}

.profile-reminder-icon[b-ud6hfn5hdu] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: .65rem;
    color: #dfa0a7;
    background: rgba(0,0,0,.18);
}

.profile-reminder-copy[b-ud6hfn5hdu] {
    min-width: 0;
    display: grid;
    gap: .12rem;
}

.profile-reminder-copy strong[b-ud6hfn5hdu] {
    font-size: .84rem;
}

.profile-reminder-copy span[b-ud6hfn5hdu] {
    color: var(--text-secondary);
    font-size: .73rem;
}

.profile-reminder-actions[b-ud6hfn5hdu] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.profile-reminder-actions a[b-ud6hfn5hdu],
.profile-reminder-actions button[b-ud6hfn5hdu] {
    border: 0;
    color: #e7b0b6;
    background: transparent;
    text-decoration: none;
    font-size: .72rem;
    font-weight: 650;
    white-space: nowrap;
}

.profile-reminder-actions button[b-ud6hfn5hdu] {
    color: var(--text-muted);
}

@media(max-width:760px){
    .profile-reminder[b-ud6hfn5hdu] {
        grid-template-columns: auto minmax(0,1fr);
    }

    .profile-reminder-actions[b-ud6hfn5hdu] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

/* Member-facing requests shown directly on each member's band overview. */
.member-finance-requests[b-ud6hfn5hdu] { padding:1rem 1.25rem; margin:1rem 0 1.25rem;
  background:var(--surface-1); border:1px solid var(--border); border-radius:var(--radius-card); }
.member-finance-requests-head[b-ud6hfn5hdu] { display:flex; align-items:center; gap:.55rem; margin-bottom:.6rem; }
.member-finance-requests-head i[b-ud6hfn5hdu] { color:var(--accent); font-size:1.2rem; }
.member-finance-requests-head h2[b-ud6hfn5hdu] { font-size:1.05rem; font-weight:650; margin:0; }
.member-finance-requests-head .member-finance-count[b-ud6hfn5hdu] { color:var(--text-secondary); font-size:.75rem; margin-left:auto; }
.member-finance-row[b-ud6hfn5hdu] { display:flex; align-items:center; justify-content:space-between;
  gap:1rem; padding:.75rem 0; border-top:1px solid var(--border); }
.member-finance-info[b-ud6hfn5hdu] { display:flex; flex-direction:column; gap:.2rem; min-width:0; }
.member-finance-info strong[b-ud6hfn5hdu] { font-size:.87rem; overflow-wrap:anywhere; }
.member-finance-info small[b-ud6hfn5hdu] { color:var(--text-secondary); font-size:.75rem; line-height:1.4; }
.member-finance-actions[b-ud6hfn5hdu] { display:flex; align-items:flex-end; flex-direction:column; gap:.4rem; flex-shrink:0; }
.member-finance-actions strong[b-ud6hfn5hdu] { font-size:.85rem; font-variant-numeric:tabular-nums; }
.member-finance-actions .btn[b-ud6hfn5hdu] { font-size:.72rem; padding:.33rem .55rem; }
.member-finance-requests .alert[b-ud6hfn5hdu] { margin:.55rem 0; }
@media(max-width:560px) { .member-finance-row[b-ud6hfn5hdu] { flex-direction:column; align-items:stretch; gap:.6rem; }
 .member-finance-actions[b-ud6hfn5hdu] { align-items:flex-start; } }

/* Compact next activity with contextual setlist/agenda. */
.focus-header-task-link[b-ud6hfn5hdu] { display:inline-flex; align-items:center; gap:.45rem;
  color:var(--text-secondary); text-decoration:none; border:1px solid var(--border);
  border-radius:var(--radius); padding:.55rem .85rem; font-size:.81rem;
  white-space:nowrap; align-self:center; }
.focus-header-task-link:hover[b-ud6hfn5hdu] { color:var(--text-primary); background:var(--surface-2); }
.focus-next[b-ud6hfn5hdu] { max-width:68rem; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);
  align-items:stretch; gap:1.1rem; padding:1.1rem 1.25rem; background:var(--surface-2);
  border:1px solid var(--border); border-radius:var(--radius-card); }
.focus-next-main[b-ud6hfn5hdu] { display:flex; gap:1rem; min-width:0; }
.focus-next-date[b-ud6hfn5hdu] { width:4.1rem; height:4.45rem; background:var(--accent-bg); flex-shrink:0; }
.focus-next-date strong[b-ud6hfn5hdu] { font-size:1.65rem; }
.focus-next-copy[b-ud6hfn5hdu] { min-width:0; flex:1; }
.focus-next-copy h2[b-ud6hfn5hdu] { font-size:1.2rem; margin:.15rem 0 .35rem; overflow-wrap:anywhere; }
.focus-next-copy p[b-ud6hfn5hdu] { display:flex; align-items:center; gap:.35rem; margin:.22rem 0; font-size:.82rem; }
.focus-next-copy p i[b-ud6hfn5hdu] { color:var(--accent); }
.focus-next-status[b-ud6hfn5hdu] { margin-top:.65rem; gap:.45rem .8rem; font-size:.75rem; }
.focus-next-open[b-ud6hfn5hdu] { display:inline-flex; justify-content:flex-start; width:max-content; gap:.4rem;
  background:none; padding:0; border:0; margin-top:.8rem; font-size:.8rem;
  color:var(--accent); font-weight:600; }
.focus-next-open:hover[b-ud6hfn5hdu] { color:var(--text-primary); }
.focus-next-agenda[b-ud6hfn5hdu] { display:flex; flex-direction:column; min-width:0; padding:.4rem 0 .25rem 1.15rem;
  border-left:1px solid var(--border); }
.focus-next-agenda-head[b-ud6hfn5hdu] { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin-bottom:.55rem; }
.focus-next-agenda-head>span:first-child[b-ud6hfn5hdu] { display:inline-flex; gap:.4rem; align-items:center; font-size:.66rem;
  letter-spacing:.08em; font-weight:700; color:var(--text-secondary); }
.focus-next-agenda-head i[b-ud6hfn5hdu] { color:var(--accent); font-size:.9rem; }
.focus-next-setlist-name[b-ud6hfn5hdu] { font-size:.72rem; color:var(--text-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.focus-next-agenda-list[b-ud6hfn5hdu] { list-style:none; counter-reset:song; padding:0; margin:0;
  display:flex; flex-direction:column; gap:.05rem; }
.focus-next-agenda-list li[b-ud6hfn5hdu] { counter-increment:song; display:flex; align-items:center; gap:.65rem;
  padding:.28rem 0; font-size:.81rem; color:var(--text-primary); min-width:0; }
.focus-next-agenda-list li[b-ud6hfn5hdu]::before { content:counter(song, decimal-leading-zero); color:var(--text-muted); font-size:.69rem; }
.focus-next-agenda-list li span[b-ud6hfn5hdu] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.focus-next-more[b-ud6hfn5hdu] { color:var(--text-muted); font-size:.7rem; }
.focus-next-agenda-note[b-ud6hfn5hdu] { color:var(--text-secondary); font-size:.78rem; line-height:1.45; margin:.15rem 0; white-space:pre-line; }
.focus-next-agenda-muted[b-ud6hfn5hdu] { color:var(--text-muted); font-size:.77rem; margin:.2rem 0; line-height:1.45; }
.focus-next-agenda-link[b-ud6hfn5hdu] { align-self:flex-start; font-size:.76rem; color:var(--accent);
  text-decoration:none; display:inline-flex; align-items:center; gap:.35rem; margin-top:auto; padding-top:.6rem; }
.focus-next-agenda-link:hover[b-ud6hfn5hdu] { color:var(--text-primary); }
.focus-empty-next[b-ud6hfn5hdu],.focus-grid[b-ud6hfn5hdu],.profile-reminder[b-ud6hfn5hdu] { max-width:68rem; }
.focus-calendar-inline[b-ud6hfn5hdu] { display:inline-flex; align-items:center; gap:.35rem; white-space:nowrap;
  padding:.38rem .6rem; border:1px solid var(--border); border-radius:var(--radius);
  color:var(--text-secondary); text-decoration:none; }
.focus-calendar-inline:hover[b-ud6hfn5hdu] { color:var(--text-primary); background:var(--surface-1); }
.focus-heading-new-task[b-ud6hfn5hdu] { display:inline-flex; align-items:center; gap:.3rem;
  border:1px solid var(--border); padding:.42rem .65rem; border-radius:var(--radius);
  font-size:.76rem !important; white-space:nowrap; }
.focus-heading-new-task i[b-ud6hfn5hdu] { color:var(--accent); }
.focus-tasks-list[b-ud6hfn5hdu] { display:flex; flex-direction:column; gap:0; }
.focus-task-row[b-ud6hfn5hdu] { display:flex; align-items:center; gap:.65rem; padding:.76rem 0; border-top:1px solid var(--border); }
.focus-task-check[b-ud6hfn5hdu] { flex-shrink:0; display:grid; place-items:center; background:transparent; color:var(--text-muted);
  border:0; border-radius:50%; width:1.8rem; height:1.8rem; font-size:1.35rem; cursor:pointer; }
.focus-task-check:hover:not(:disabled)[b-ud6hfn5hdu] { color:var(--success); }
.focus-task-check:disabled[b-ud6hfn5hdu] { opacity:.4; cursor:default; }
.focus-task-copy[b-ud6hfn5hdu] { flex:1; display:flex; flex-direction:column; gap:.2rem; min-width:0; }
.focus-task-copy strong[b-ud6hfn5hdu] { font-size:.83rem; font-weight:600; overflow-wrap:anywhere; }
.focus-task-copy small[b-ud6hfn5hdu] { color:var(--text-muted); font-size:.73rem; line-height:1.4; }
.focus-task-copy small i[b-ud6hfn5hdu] { font-size:.75rem; }
.focus-task-overdue[b-ud6hfn5hdu] { color:var(--warning); }
.focus-task-mine[b-ud6hfn5hdu] { color:var(--accent); background:var(--accent-bg); padding:.18rem .5rem;
  border-radius:100px; font-size:.69rem; font-weight:650; }
.focus-tasks-all[b-ud6hfn5hdu] { display:inline-flex; align-items:center; gap:.3rem;
  color:var(--accent); text-decoration:none; font-size:.76rem; font-weight:600; padding:.65rem 0; }
.focus-tasks-all:hover[b-ud6hfn5hdu] { color:var(--text-primary); }
.focus-attention-subheading[b-ud6hfn5hdu] { margin:1rem 0 .55rem; padding-top:.8rem; border-top:1px solid var(--border);
  font-size:.75rem; font-weight:600; color:var(--text-secondary); }
.focus-attention-subheading+.focus-attention-list .focus-attention-row[b-ud6hfn5hdu] { padding:.5rem 0; }
.focus-attention-subheading+.focus-attention-list .focus-attention-icon[b-ud6hfn5hdu] { width:1.85rem; height:1.85rem; }
@media(max-width:850px) {
  .focus-next[b-ud6hfn5hdu] { grid-template-columns:1fr; }
  .focus-next-agenda[b-ud6hfn5hdu] { border-left:0; border-top:1px solid var(--border); padding:.85rem 0 .2rem; }
}
@media(max-width:760px) {
  .focus-header[b-ud6hfn5hdu] { align-items:center; }
  .focus-header-task-link[b-ud6hfn5hdu] { display:inline-flex; font-size:.74rem; padding:.5rem .6rem; }
  .focus-next[b-ud6hfn5hdu] { grid-template-columns:1fr; padding:1rem; gap:.65rem; }
  .focus-next-main[b-ud6hfn5hdu] { align-items:flex-start; }
  .focus-next-date[b-ud6hfn5hdu] { width:3.4rem; height:3.9rem; }
  .focus-next-date strong[b-ud6hfn5hdu] { font-size:1.4rem; }
  .focus-next-open[b-ud6hfn5hdu] { grid-column:auto; justify-content:flex-start; background:none; border:0; padding:0; }
}
@media(max-width:420px) {
  .focus-header-task-link[b-ud6hfn5hdu] { font-size:0; gap:0; }
  .focus-header-task-link i[b-ud6hfn5hdu] { font-size:1.1rem; }
}

/* Overview refinement: less vertical room without losing the agenda. */
.focus-next[b-ud6hfn5hdu] { column-gap:.85rem; row-gap:.6rem; padding:.78rem .95rem; }
.focus-next-main[b-ud6hfn5hdu] { gap:.75rem; }
.focus-next-date[b-ud6hfn5hdu] { width:3.45rem; height:3.9rem; }
.focus-next-date strong[b-ud6hfn5hdu] { font-size:1.45rem; }
.focus-next-copy h2[b-ud6hfn5hdu] { font-size:1.12rem; margin:.07rem 0 .2rem; }
.focus-next-copy p[b-ud6hfn5hdu] { font-size:.79rem; margin:.1rem 0; }
.focus-next-actions[b-ud6hfn5hdu] { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem .85rem; margin-top:.42rem; }
.focus-next-actions .focus-next-status[b-ud6hfn5hdu] { margin:0; gap:.4rem .65rem; font-size:.73rem; }
.focus-next-actions .focus-next-open[b-ud6hfn5hdu] { margin:0; padding:0; white-space:nowrap; font-size:.75rem; }
.focus-next-agenda[b-ud6hfn5hdu] { padding:.08rem 0 .08rem .85rem; }
.focus-next-agenda-head[b-ud6hfn5hdu] { margin-bottom:.28rem; }
.focus-next-agenda-list li[b-ud6hfn5hdu] { padding:.11rem 0; font-size:.78rem; }
.focus-next-agenda-note[b-ud6hfn5hdu] { font-size:.76rem; line-height:1.36; }
.focus-next-agenda-muted[b-ud6hfn5hdu] { font-size:.74rem; margin:.1rem 0; }
.focus-tasks-recent-label[b-ud6hfn5hdu] { display:block; border-top:1px solid var(--border); padding:.6rem 0 .15rem;
  color:var(--text-muted); font-size:.69rem; }
.focus-task-row-done[b-ud6hfn5hdu] { padding:.48rem 0; }
.focus-task-row-done .focus-task-copy strong[b-ud6hfn5hdu] { color:var(--text-muted); text-decoration:line-through; }
.focus-task-row-done .focus-task-check[b-ud6hfn5hdu] { color:var(--success); }
.focus-task-row-done .focus-task-check:hover:not(:disabled)[b-ud6hfn5hdu] { color:var(--accent); }
@media(max-width:850px) {
  .focus-next-agenda[b-ud6hfn5hdu] { padding:.52rem 0 .1rem; }
}
@media(max-width:760px) {
  .focus-next[b-ud6hfn5hdu] { padding:.75rem .85rem; row-gap:.45rem; }
  .focus-next-main[b-ud6hfn5hdu] { gap:.65rem; }
}
/* /Components/Pages/Band/BandPaused.razor.rz.scp.css */
.paused-card[b-ffupmbmnsi] {
    display: grid;
    justify-items: center;
    text-align: center;
    padding: clamp(1.25rem, 4vw, 2rem);
    border: 1px solid var(--border);
    border-radius: 1.1rem;
    background: var(--surface-2);
}

.paused-icon[b-ffupmbmnsi] {
    width: 3.5rem;
    height: 3.5rem;
    display: grid;
    place-items: center;
    margin-bottom: .9rem;
    border-radius: 50%;
    color: #e39aa2;
    background: var(--accent-bg);
    font-size: 1.35rem;
}

.paused-kicker[b-ffupmbmnsi] {
    color: #d28c94;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .13em;
}

.paused-card h1[b-ffupmbmnsi] {
    margin: .3rem 0 .55rem;
    font-size: clamp(1.7rem, 6vw, 2.35rem);
}

.paused-lead[b-ffupmbmnsi] {
    max-width: 32rem;
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.5;
}

.paused-facts[b-ffupmbmnsi] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .55rem;
    margin: 1.2rem 0;
}

.paused-facts > div[b-ffupmbmnsi] {
    display: grid;
    gap: .15rem;
    padding: .75rem;
    border-radius: .75rem;
    background: var(--surface-1);
}

.paused-facts span[b-ffupmbmnsi] {
    color: var(--text-muted);
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.paused-facts strong[b-ffupmbmnsi] {
    font-size: .86rem;
}

.paused-wait[b-ffupmbmnsi] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .8rem;
    border-radius: .75rem;
    color: var(--text-secondary);
    background: var(--surface-1);
    text-align: left;
    font-size: .8rem;
}

.paused-wait i[b-ffupmbmnsi] {
    flex: 0 0 auto;
    color: #d28c94;
    font-size: 1.05rem;
}

.paused-home-link[b-ffupmbmnsi] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: 1.1rem;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: .8rem;
}

@media(max-width:520px) {
    .paused-facts[b-ffupmbmnsi] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Band/BandProfile.razor.rz.scp.css */
.profile-header[b-rmcj0nd1yw] {
    max-width: 54rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.profile-kicker[b-rmcj0nd1yw] {
    color: #d28c94;
    font-size: .68rem;
    font-weight: 650;
    letter-spacing: .13em;
}

.profile-header h1[b-rmcj0nd1yw] {
    margin: .18rem 0 .2rem;
}

.profile-header p[b-rmcj0nd1yw],
.profile-hint[b-rmcj0nd1yw] {
    color: var(--text-muted);
}

.profile-header p[b-rmcj0nd1yw] {
    margin: 0;
}

.profile-completion[b-rmcj0nd1yw] {
    flex: 0 0 auto;
    padding: .35rem .6rem;
    border-radius: 999px;
    color: #dca0a7;
    background: var(--accent-bg);
    font-size: .72rem;
    font-weight: 650;
}

.profile-card[b-rmcj0nd1yw] {
    max-width: 54rem;
    margin-bottom: .85rem;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    background: var(--surface-2);
}

.profile-card h2[b-rmcj0nd1yw] {
    margin: 0 0 .75rem;
    font-size: 1rem;
}

.profile-hint[b-rmcj0nd1yw] {
    margin: -.45rem 0 .75rem;
    font-size: .76rem;
}

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

.profile-grid label[b-rmcj0nd1yw],
.profile-main-genre[b-rmcj0nd1yw] {
    display: grid;
    gap: .3rem;
}

.profile-grid label > span[b-rmcj0nd1yw],
.profile-main-genre > span[b-rmcj0nd1yw] {
    color: var(--text-secondary);
    font-size: .74rem;
    font-weight: 650;
}

.profile-genre-grid[b-rmcj0nd1yw] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.profile-genre[b-rmcj0nd1yw] {
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    padding: .34rem .65rem;
    color: var(--text-secondary);
    background: transparent;
    font-size: .74rem;
}

.profile-genre.selected[b-rmcj0nd1yw] {
    border-color: var(--accent-border);
    color: var(--accent);
    background: var(--accent-bg);
}

.profile-genre:disabled[b-rmcj0nd1yw] {
    opacity: .65;
}

.profile-main-genre[b-rmcj0nd1yw] {
    max-width: 18rem;
    margin-top: .8rem;
}

.profile-tags[b-rmcj0nd1yw] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.profile-tag[b-rmcj0nd1yw] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .35rem .55rem;
    border-radius: 999px;
    color: var(--text-secondary);
    background: var(--surface-1);
    font-size: .75rem;
}

.profile-tag button[b-rmcj0nd1yw] {
    width: 1.1rem;
    height: 1.1rem;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    color: var(--text-muted);
    background: transparent;
}

.profile-add-row[b-rmcj0nd1yw] {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    margin-top: .65rem;
}

.profile-add-row input[b-rmcj0nd1yw] {
    flex: 1;
    min-width: 0;
}

.profile-add-city-btn[b-rmcj0nd1yw] {
    flex: 0 0 auto;
    width: 2.45rem;
    height: 2.45rem;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--border-strong);
    border-radius: .72rem;
    background: var(--surface-1);
    color: var(--accent);
    font-size: 1rem;
}

.profile-add-city-btn:hover:not(:disabled)[b-rmcj0nd1yw],
.profile-add-city-btn:focus-visible:not(:disabled)[b-rmcj0nd1yw] {
    border-color: var(--accent-border);
    background: var(--accent-bg);
}

.profile-add-city-btn:disabled[b-rmcj0nd1yw] {
    color: var(--text-muted);
    opacity: .55;
}

.profile-bio[b-rmcj0nd1yw] {
    resize: vertical;
}

.profile-check[b-rmcj0nd1yw] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .75rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.profile-save[b-rmcj0nd1yw] {
    width: min(54rem,100%);
    margin-bottom: 3rem;
}

@media(max-width:680px) {
    .profile-header[b-rmcj0nd1yw] {
        align-items: flex-start;
    }

    .profile-grid[b-rmcj0nd1yw] {
        grid-template-columns: 1fr;
    }
}


.profile-section-heading[b-rmcj0nd1yw] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}

.profile-section-heading h2[b-rmcj0nd1yw] {
    margin: 0;
}

.profile-section-heading a[b-rmcj0nd1yw] {
    color: var(--text-muted);
    text-decoration: none;
    font-size: .7rem;
}


.profile-add-row[b-rmcj0nd1yw]  .locality-picker {
    flex: 1;
    min-width: 0;
}
/* /Components/Pages/Band/BandSettings.razor.rz.scp.css */
.settings-profile-card[b-yfu78prjlz] {
    max-width: 30rem;
}

.settings-image-row[b-yfu78prjlz] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.settings-image-picker[b-yfu78prjlz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.settings-thumb[b-yfu78prjlz] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius);
    object-fit: cover;
    flex-shrink: 0;
}

.settings-thumb-placeholder[b-yfu78prjlz] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius);
    background: var(--surface-1);
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.settings-image-picker-info[b-yfu78prjlz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.15rem;
}

.settings-filename[b-yfu78prjlz] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-hint[b-yfu78prjlz] {
    font-size: 12px;
    color: var(--text-muted);
    margin: 0.75rem 0 0;
}

.settings-file-input[b-yfu78prjlz] {
    display: none;
}

.settings-upload-icon-btn[b-yfu78prjlz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.2rem;
    height: 2.2rem;
    border: 0.5px solid var(--border-strong);
    background: transparent;
    color: var(--text-secondary);
    border-radius: var(--radius);
    cursor: pointer;
}

    .settings-upload-icon-btn:hover[b-yfu78prjlz] {
        color: var(--text-primary);
        background: var(--surface-1);
    }

.settings-members-card[b-yfu78prjlz] {
    max-width: 30rem;
}

.settings-member-list[b-yfu78prjlz] {
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    /* Inte overflow:hidden — det klipper bort behörighets-dropdownen när den
       öppnas nära listans nedre kant. Rundning sköts av blocken själva. */
}

.settings-member-block[b-yfu78prjlz] {
    position: relative;
    border-bottom: 0.5px solid var(--border);
}

    .settings-member-block:first-child[b-yfu78prjlz] {
        border-top-left-radius: var(--radius-card);
        border-top-right-radius: var(--radius-card);
    }

    .settings-member-block:last-child[b-yfu78prjlz] {
        border-bottom: none;
        border-bottom-left-radius: var(--radius-card);
        border-bottom-right-radius: var(--radius-card);
    }

.settings-member-row[b-yfu78prjlz] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 14px;
}

.settings-member-avatar[b-yfu78prjlz] {
    flex-shrink: 0;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    background: var(--accent-bg);
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 0.85rem;
    margin-top: 0.1rem;
}

.settings-member-info[b-yfu78prjlz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.3rem;
}

.settings-member-top[b-yfu78prjlz] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.settings-member-name[b-yfu78prjlz] {
    font-weight: 500;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-member-role-btn[b-yfu78prjlz] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    border: none;
    background: none;
    padding: 0;
}

.settings-member-instruments[b-yfu78prjlz] {
    display: flex;
    align-items: center;
    border: none;
    background: none;
    padding: 0;
    text-align: left;
    font-size: 0.82rem;
    color: var(--text-secondary);
}

    .settings-member-instruments:hover[b-yfu78prjlz] {
        color: var(--accent);
    }

.settings-member-instruments-empty[b-yfu78prjlz] {
    font-size: 0.82rem;
    color: var(--text-muted);
}

.settings-member-menu[b-yfu78prjlz] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 5;
    min-width: 11rem;
    display: flex;
    flex-direction: column;
    background: var(--surface-1);
    border: 0.5px solid var(--border);
    border-radius: var(--radius);
    padding: 0.3rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.settings-member-menu-item[b-yfu78prjlz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    background: none;
    color: var(--text-primary);
    padding: 0.4rem 0.5rem;
    border-radius: var(--radius);
    font-size: 0.85rem;
    text-align: left;
}

    .settings-member-menu-item i[b-yfu78prjlz] {
        color: var(--text-muted);
    }

    .settings-member-menu-item:hover:not(:disabled)[b-yfu78prjlz] {
        background: var(--surface-2);
    }

    .settings-member-menu-item:disabled[b-yfu78prjlz] {
        opacity: 0.35;
        cursor: not-allowed;
    }

.settings-member-menu-item-danger:hover:not(:disabled)[b-yfu78prjlz] {
    color: var(--danger);
}

    .settings-member-menu-item-danger:hover:not(:disabled) i[b-yfu78prjlz] {
        color: var(--danger);
    }

.settings-member-menu-hint[b-yfu78prjlz] {
    padding: 0.2rem 0.5rem;
    margin: 0;
}

.settings-instrument-editor[b-yfu78prjlz] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 0 14px 14px;
    align-items: stretch;
    background: var(--surface-2);
}

.settings-instrument-chip[b-yfu78prjlz] {
    border: 0.5px solid var(--border-strong);
    background: transparent;
    color: var(--text-secondary);
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
    font-size: 0.8rem;
}

.settings-instrument-chip-active[b-yfu78prjlz] {
    background: var(--accent-bg);
    color: var(--accent);
    border-color: var(--accent-border);
}

.settings-instrument-other[b-yfu78prjlz] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

    .settings-instrument-other input[b-yfu78prjlz] {
        flex: 1;
        width: auto;
        min-width: 0;
    }

.settings-leave-card[b-yfu78prjlz] {
    max-width: 30rem;
}

.settings-requests-card[b-yfu78prjlz] {
    max-width: 30rem;
}

.settings-request-row[b-yfu78prjlz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.2rem;
    border-bottom: 0.5px solid var(--border);
}

    .settings-request-row:last-child[b-yfu78prjlz] {
        border-bottom: none;
    }

.settings-request-actions[b-yfu78prjlz] {
    display: flex;
    gap: 0.4rem;
    flex-shrink: 0;
}

.settings-invite-row[b-yfu78prjlz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

    .settings-invite-row input[b-yfu78prjlz] {
        flex: 1;
    }

.settings-instrument-editor-head[b-yfu78prjlz] { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:.1rem; }
.settings-instrument-editor-head > div[b-yfu78prjlz] { display:flex; flex-direction:column; }
.settings-instrument-close[b-yfu78prjlz] { width:2.4rem; height:2.4rem; border:0; border-radius:50%; background:var(--surface-1); color:var(--text-secondary); display:grid; place-items:center; }
.settings-instrument-chips[b-yfu78prjlz] { display:flex; flex-wrap:wrap; gap:.4rem; }
.settings-instrument-actions[b-yfu78prjlz] { margin-top:.1rem; }
@media(max-width:640px){
    .settings-instrument-editor[b-yfu78prjlz] { position:fixed; left:0; right:0; bottom:0; z-index:220; border-radius:18px 18px 0 0; padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom)); box-shadow:0 -18px 50px rgba(0,0,0,.45); max-height:75dvh; overflow:auto; }
}


.settings-profile-link[b-yfu78prjlz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .9rem;
    padding: .75rem;
    border-radius: var(--radius);
    color: inherit;
    text-decoration: none;
    background: var(--surface-1);
}

.settings-profile-link > span[b-yfu78prjlz] {
    min-width: 0;
    display: grid;
    gap: .12rem;
}

.settings-profile-link strong[b-yfu78prjlz] {
    font-size: .84rem;
}

.settings-profile-link small[b-yfu78prjlz] {
    color: var(--text-muted);
    font-size: .72rem;
}

.settings-profile-link > i[b-yfu78prjlz] {
    color: var(--text-muted);
}

.settings-status-head[b-yfu78prjlz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.settings-pause-rules[b-yfu78prjlz] {
    display: grid;
    gap: .3rem;
    margin-top: .8rem;
    padding: .7rem;
    border-radius: var(--radius);
    color: var(--text-muted);
    background: var(--surface-1);
    font-size: .72rem;
}

.settings-pause-rules span[b-yfu78prjlz] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.settings-pause-rules span[b-yfu78prjlz]::before {
    content: "•";
    color: var(--accent);
}
/* /Components/Pages/Band/BandTasks.razor.rz.scp.css */
.tasks-page[b-az899lxkta] { max-width:68rem; margin:0 auto; padding-bottom:3rem; }
.tasks-header[b-az899lxkta] { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.3rem; }
.tasks-header h1[b-az899lxkta] { font-size:clamp(1.6rem,4vw,2.1rem); margin:.2rem 0 .35rem; }
.tasks-header p[b-az899lxkta] { color:var(--text-secondary); font-size:.87rem; margin:0; }
.tasks-eyebrow[b-az899lxkta] { color:var(--accent); letter-spacing:.12em; font-size:.67rem; font-weight:650; }
.tasks-add-btn[b-az899lxkta] { white-space:nowrap; flex-shrink:0; }
.tasks-stats[b-az899lxkta] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin:0 0 1.1rem; }
.tasks-stats>div[b-az899lxkta] { display:flex; flex-direction:column; gap:.5rem; border:1px solid var(--border);
 background:var(--surface-1); border-radius:var(--radius-card); padding:1rem 1.1rem; }
.tasks-stats span[b-az899lxkta] { font-size:.76rem; color:var(--text-secondary); }
.tasks-stats strong[b-az899lxkta] { font-size:1.55rem; font-variant-numeric:tabular-nums; }
.tasks-filter[b-az899lxkta] { display:flex; border-bottom:1px solid var(--border); margin-bottom:1rem; gap:.3rem; flex-wrap:wrap; }
.tasks-filter button[b-az899lxkta] { background:none; color:var(--text-secondary); border:0; border-bottom:2px solid transparent;
 font-size:.81rem; padding:.75rem .9rem; cursor:pointer; }
.tasks-filter button.active[b-az899lxkta] { border-color:var(--accent); color:var(--accent); font-weight:650; }
.tasks-panel[b-az899lxkta] { border:1px solid var(--border); background:var(--surface-1); border-radius:var(--radius-card); padding:.4rem 1.2rem; }
.task-row[b-az899lxkta] { display:flex; align-items:flex-start; gap:.85rem; padding:1.05rem 0; border-top:1px solid var(--border); flex-wrap:wrap; }
.task-row:first-of-type[b-az899lxkta] { border-top:0; }
.task-complete-button[b-az899lxkta] { flex-shrink:0; display:grid; place-items:center; width:1.9rem; height:1.9rem;
 border:0; background:transparent; border-radius:50%; cursor:pointer; color:var(--text-muted); font-size:1.45rem; }
.task-complete-button:hover:not(:disabled)[b-az899lxkta],.task-complete-button.checked[b-az899lxkta] { color:var(--success); }
.task-complete-button:disabled[b-az899lxkta] { opacity:.45; cursor:default; }
.task-row-main[b-az899lxkta] { display:flex; flex:1; flex-direction:column; gap:.4rem; min-width:0; }
.task-row-main>strong[b-az899lxkta] { font-size:.9rem; font-weight:600; overflow-wrap:anywhere; }
.task-row-done .task-row-main>strong[b-az899lxkta] { color:var(--text-muted); text-decoration:line-through; }
.task-row-main p[b-az899lxkta] { color:var(--text-secondary); font-size:.81rem; margin:0; white-space:pre-wrap; }
.task-row-meta[b-az899lxkta] { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem .9rem; font-size:.73rem; color:var(--text-muted); }
.task-row-meta span[b-az899lxkta],.task-row-meta a[b-az899lxkta] { display:inline-flex; align-items:center; gap:.28rem; }
.task-row-meta a[b-az899lxkta] { color:var(--text-secondary); text-decoration:none; }
.task-row-meta a:hover[b-az899lxkta] { color:var(--accent); }
.task-row-meta .task-overdue[b-az899lxkta] { color:var(--warning); }
.task-row-meta .task-done-label[b-az899lxkta] { color:var(--success); }
.task-row-actions[b-az899lxkta] { display:flex; gap:.25rem; }
.task-icon-btn[b-az899lxkta] { display:grid; place-items:center; width:2rem; height:2rem; color:var(--text-secondary);
 border:1px solid transparent; background:transparent; border-radius:var(--radius); cursor:pointer; font-size:.98rem; }
.task-icon-btn:hover[b-az899lxkta] { background:var(--surface-2); color:var(--text-primary); }
.task-icon-btn:disabled[b-az899lxkta] { opacity:.35; cursor:default; }
.task-delete-trigger:hover[b-az899lxkta] { color:var(--accent); }
.task-confirm-delete[b-az899lxkta] { flex-basis:100%; display:flex; align-items:center; flex-wrap:wrap; gap:.55rem;
 margin-left:2.75rem; padding:.65rem; border-radius:var(--radius); background:var(--surface-2); }
.task-confirm-delete span[b-az899lxkta] { font-size:.79rem; color:var(--text-secondary); }
.tasks-empty[b-az899lxkta] { display:flex; align-items:center; flex-direction:column; text-align:center; gap:.65rem; padding:3rem 1rem; }
.tasks-empty>i[b-az899lxkta] { font-size:2rem; color:var(--success); }
.tasks-empty h2[b-az899lxkta] { margin:0; font-size:1.1rem; }
.tasks-empty p[b-az899lxkta] { color:var(--text-secondary); font-size:.86rem; }
.tasks-modal[b-az899lxkta] { position:fixed; inset:0; display:flex; align-items:flex-start; justify-content:center; overflow:auto;
 padding:clamp(1rem,5vw,3rem) .8rem; z-index:1050; background:rgba(0,0,0,.72); }
.tasks-editor[b-az899lxkta] { background:var(--surface-1); border:1px solid var(--border); border-radius:var(--radius-card);
 padding:clamp(1.2rem,4vw,1.75rem); width:min(100%,34rem); box-shadow:0 26px 70px rgba(0,0,0,.34); }
.tasks-editor-head[b-az899lxkta] { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.3rem; }
.tasks-editor-head h2[b-az899lxkta] { margin:0; font-size:1.25rem; }
.tasks-field[b-az899lxkta] { display:flex; flex-direction:column; gap:.4rem; margin-bottom:1rem; min-width:0; }
.tasks-field label[b-az899lxkta] { color:var(--text-secondary); font-size:.8rem; }
.tasks-field .form-control[b-az899lxkta],.tasks-field .form-select[b-az899lxkta] { width:100%; }
.tasks-field-grid[b-az899lxkta] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.tasks-editor-actions[b-az899lxkta] { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; margin-top:1.35rem; }
@media(max-width:650px) {
 .tasks-header[b-az899lxkta] { align-items:flex-start; flex-direction:column; }
 .tasks-stats[b-az899lxkta] { gap:.4rem; }
 .tasks-stats>div[b-az899lxkta] { padding:.85rem .65rem; }
 .tasks-stats strong[b-az899lxkta] { font-size:1.28rem; }
 .tasks-panel[b-az899lxkta] { padding:.35rem .8rem; }
 .tasks-field-grid[b-az899lxkta] { grid-template-columns:1fr; gap:0; }
 .tasks-modal[b-az899lxkta] { padding:0; }
 .tasks-editor[b-az899lxkta] { min-height:100dvh; border:0; border-radius:0; }
}

/* Completed tasks stay visible in the active list so a mistaken click is reversible. */
.tasks-completed-heading[b-az899lxkta] { border-top:1px solid var(--border); padding:.85rem 0 .15rem;
    font-size:.76rem; font-weight:600; color:var(--text-secondary); }
.task-row-done .task-complete-button.checked[b-az899lxkta] { color:var(--success); }
.task-row-done .task-complete-button.checked:hover:not(:disabled)[b-az899lxkta] { color:var(--accent); }

/* Task attachments appear beneath each item and never expose storage bucket URLs. */
.task-attachments[b-az899lxkta] { display:flex; gap:.4rem; align-items:center; flex-wrap:wrap; margin-top:.25rem; }
.task-file[b-az899lxkta] { display:inline-flex; gap:.3rem; align-items:center; min-width:0; border:1px solid var(--border-strong); border-radius:.5rem; padding:.24rem .45rem; background:var(--surface-2); }
.task-file a[b-az899lxkta] { display:inline-flex; gap:.3rem; align-items:center; color:var(--text-secondary); max-width:16rem; font-size:.75rem; overflow-wrap:anywhere; }
.task-file a:hover[b-az899lxkta] { color:var(--accent); }
.task-file button[b-az899lxkta] { color:var(--text-muted); border:0; padding:.1rem .2rem; background:transparent; cursor:pointer; }
.task-file button:hover[b-az899lxkta] { color:var(--accent); }
/* /Components/Pages/Calendar/CalendarPage.razor.rz.scp.css */
.calendar-header[b-1ngslyw0fz] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.calendar-header-actions[b-1ngslyw0fz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.calendar-availability-link[b-1ngslyw0fz] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.85rem;
}

    .calendar-availability-link:hover[b-1ngslyw0fz] {
        color: var(--accent);
    }

.calendar-fab[b-1ngslyw0fz] {
    position: fixed;
    right: 1.1rem;
    bottom: calc(76px + env(safe-area-inset-bottom));
    z-index: 90;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 999px;
    border: none;
    background: var(--accent-fill);
    color: var(--accent-text);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
}

    .calendar-fab:hover[b-1ngslyw0fz] {
        filter: brightness(1.08);
    }

.calendar-view-toggle[b-1ngslyw0fz] {
    display: flex;
    gap: 2px;
    background: var(--surface-1);
    border-radius: var(--radius);
    padding: 2px;
    width: fit-content;
    margin-bottom: 0.75rem;
}

.calendar-view-btn[b-1ngslyw0fz] {
    border: none;
    background: transparent;
    color: var(--text-secondary);
    border-radius: calc(var(--radius) - 2px);
    padding: 0.4rem 0.9rem;
    font-size: 0.85rem;
}

.calendar-view-btn-active[b-1ngslyw0fz] {
    background: var(--surface-2);
    color: var(--text-primary);
    font-weight: 500;
}

.calendar-filters[b-1ngslyw0fz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.calendar-filter-chip[b-1ngslyw0fz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 0.5px solid var(--border);
    background: var(--surface-1);
    color: var(--text-secondary);
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
    font-size: 0.8rem;
    box-shadow: none;
    filter: none;
}

.calendar-filter-chip-active[b-1ngslyw0fz] {
    background: color-mix(in srgb, var(--kind-color) 12%, var(--surface-2));
    color: color-mix(in srgb, var(--kind-color) 68%, var(--text-primary));
    border-color: var(--border);
    box-shadow: none;
    filter: none;
}

.mcal-dot[b-1ngslyw0fz] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 1px;
}

.mcal-day-more[b-1ngslyw0fz] {
    font-size: 0.6rem;
    color: var(--text-muted);
    line-height: 1;
}

.mcal-day-marked[b-1ngslyw0fz] {
    border-color: var(--success);
    background: var(--success-bg);
}

    .wcal-day.mcal-day-marked:hover[b-1ngslyw0fz] {
        background-color: var(--success-bg);
        border-color: var(--success);
    }

.mcal-day-conflict[b-1ngslyw0fz] {
    border-color: var(--warning);
    box-shadow: inset 0 0 0 1px var(--warning);
}

    .wcal-day.mcal-day-conflict:hover[b-1ngslyw0fz] {
        border-color: var(--warning);
    }

.mcal-day-selected[b-1ngslyw0fz] {
    box-shadow: inset 0 0 0 2px var(--accent);
}

.wcal[b-1ngslyw0fz] {
    max-width: 46rem;
}

.wcal-header[b-1ngslyw0fz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.wcal-title[b-1ngslyw0fz] {
    font-weight: 500;
    font-size: 1.05rem;
    text-transform: capitalize;
    color: var(--text-primary);
}

.wcal-grid[b-1ngslyw0fz] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
}

.wcal-day[b-1ngslyw0fz] {
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: 10px;
    min-height: 5.5rem;
    padding: 0.4rem;
    cursor: pointer;
    min-width: 0;
    overflow: hidden;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

    .wcal-day:hover[b-1ngslyw0fz] {
        background-color: var(--surface-1);
        border-color: var(--border-strong);
    }

.wcal-day-today .wcal-day-number[b-1ngslyw0fz] {
    background: var(--accent-fill);
    color: var(--accent-text);
    border-radius: 999px;
}

.wcal-day-label[b-1ngslyw0fz] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
}

.wcal-day-number[b-1ngslyw0fz] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.15rem;
}

.wcal-day-entries[b-1ngslyw0fz] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    margin-top: 0.4rem;
}

.calendar-list[b-1ngslyw0fz] {
    max-width: 40rem;
}

.calendar-date-sep[b-1ngslyw0fz] {
    text-align: center;
    margin: 0.9rem 0 0.4rem;
}

    .calendar-date-sep:first-child[b-1ngslyw0fz] {
        margin-top: 0;
    }

    .calendar-date-sep span[b-1ngslyw0fz] {
        font-size: 0.72rem;
        color: var(--text-muted);
        background: var(--surface-1);
        padding: 0.15rem 0.6rem;
        border-radius: 999px;
    }

.calendar-sheet[b-1ngslyw0fz] {
    max-height: 85vh;
    overflow-y: auto;
}

.calendar-sheet-availability[b-1ngslyw0fz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    background: var(--success-bg);
    color: var(--success);
    border-radius: var(--radius);
    padding: 0.6rem 0.8rem;
    margin-bottom: 0.9rem;
    font-size: 0.9rem;
}

.calendar-sheet-events[b-1ngslyw0fz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 0.9rem;
}

.calendar-sheet-event-row[b-1ngslyw0fz] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.4rem;
    border-radius: var(--radius);
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 0.5px solid var(--border);
}

    .calendar-sheet-event-row:last-child[b-1ngslyw0fz] {
        border-bottom: none;
    }

    .calendar-sheet-event-row:hover[b-1ngslyw0fz] {
        background: var(--surface-1);
    }

.calendar-sheet-event-time[b-1ngslyw0fz] {
    color: var(--text-muted);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.calendar-sheet-event-title[b-1ngslyw0fz] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-sheet-event-row-wrap[b-1ngslyw0fz] {
    flex-wrap: wrap;
}

.calendar-conflict-note[b-1ngslyw0fz] {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-left: calc(18px + 0.6rem);
    color: var(--warning);
    font-size: 0.78rem;
}

.event-form-sheet[b-1ngslyw0fz] {
    max-height: 90vh;
    overflow-y: auto;
    padding-top: 0.5rem;
}

.event-form-header[b-1ngslyw0fz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.event-form-header-btn[b-1ngslyw0fz] {
    border: none;
    background: none;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.95rem;
    padding: 0.3rem;
}

.event-form-header-title[b-1ngslyw0fz] {
    font-weight: 500;
    color: var(--text-primary);
}

.event-form-header-save[b-1ngslyw0fz] {
    color: var(--accent);
    font-size: 1.2rem;
}

.event-form-card[b-1ngslyw0fz] {
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    overflow: hidden;
    margin-bottom: 0.9rem;
}

.event-form-row[b-1ngslyw0fz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    width: 100%;
    padding: 0.7rem 0.9rem;
    border-bottom: 0.5px solid var(--border);
    color: var(--text-primary);
    font-size: 0.9rem;
    border-left: none;
    border-right: none;
    border-top: none;
    background: none;
    text-align: left;
}

    .event-form-row:last-child[b-1ngslyw0fz] {
        border-bottom: none;
    }

.event-form-row-select[b-1ngslyw0fz],
.event-form-row-link[b-1ngslyw0fz] {
    cursor: pointer;
}

    .event-form-row-select i[b-1ngslyw0fz],
    .event-form-row-link .ti-chevron-right[b-1ngslyw0fz] {
        color: var(--text-muted);
    }

    .event-form-row-select .ti-check[b-1ngslyw0fz] {
        color: var(--accent);
    }

.event-form-input[b-1ngslyw0fz] {
    border: none;
    background: none;
    color: var(--text-primary);
    font-size: 0.95rem;
    width: 100%;
    padding: 0;
}

    .event-form-input:focus[b-1ngslyw0fz] {
        outline: none;
    }

.event-form-value[b-1ngslyw0fz] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-secondary);
    flex-shrink: 0;
}

.event-form-inline-input[b-1ngslyw0fz] {
    border: none;
    background: none;
    color: var(--text-secondary);
    font-size: 0.85rem;
    text-align: right;
}

    .event-form-inline-input:focus[b-1ngslyw0fz] {
        outline: none;
        color: var(--text-primary);
    }

.event-form-switch[b-1ngslyw0fz] {
    position: relative;
    display: inline-block;
    width: 2.6rem;
    height: 1.5rem;
    flex-shrink: 0;
}

    .event-form-switch input[b-1ngslyw0fz] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.event-form-switch-track[b-1ngslyw0fz] {
    position: absolute;
    inset: 0;
    background: var(--surface-1);
    border: 0.5px solid var(--border-strong);
    border-radius: 999px;
    transition: background-color 0.15s ease;
}

    .event-form-switch-track[b-1ngslyw0fz]::before {
        content: "";
        position: absolute;
        width: 1.1rem;
        height: 1.1rem;
        left: 2px;
        top: 1px;
        background: white;
        border-radius: 50%;
        transition: transform 0.15s ease;
    }

.event-form-switch input:checked + .event-form-switch-track[b-1ngslyw0fz] {
    background: var(--accent-fill);
    border-color: var(--accent);
}

.event-form-switch input:checked + .event-form-switch-track[b-1ngslyw0fz]::before {
    transform: translateX(1.1rem);
}


.event-form-time-hidden[b-1ngslyw0fz] {
    display: none;
}


/* Heldagsevent visas som en tunn färgrand över hela dagen i stället för som
   en tidsprick. Samma markering fungerar i både månads- och veckovyn. */
.mcal-day[b-1ngslyw0fz],
.wcal-day[b-1ngslyw0fz] {
    position: relative;
}

.calendar-all-day-stripe[b-1ngslyw0fz] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--event-color);
    border-radius: 10px 10px 0 0;
    pointer-events: none;
}

.calendar-sheet-event-all-day[b-1ngslyw0fz] {
    color: var(--text-secondary);
    font-weight: 500;
}

.event-song-picker-card[b-1ngslyw0fz] {
    padding: 0;
}

.event-song-picker-heading[b-1ngslyw0fz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-bottom: 0.5px solid var(--border);
    color: var(--text-primary);
    font-size: 0.86rem;
    font-weight: 500;
}

.event-song-picker-heading > span:last-child[b-1ngslyw0fz] {
    color: var(--text-muted);
    font-size: 0.72rem;
    font-weight: 400;
}

.event-song-picker-list[b-1ngslyw0fz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 13rem;
    overflow-y: auto;
    padding: 0.3rem;
}

.event-song-picker-row[b-1ngslyw0fz] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.55rem;
    border-radius: calc(var(--radius) - 2px);
    color: var(--text-secondary);
    cursor: pointer;
    font-size: 0.86rem;
}

.event-song-picker-row input[b-1ngslyw0fz] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    accent-color: var(--accent);
}

.event-song-picker-row-selected[b-1ngslyw0fz] {
    background: var(--accent-bg);
    color: var(--text-primary);
}

.event-song-picker-empty[b-1ngslyw0fz] {
    margin: 0;
    padding: 0.7rem 0.85rem;
    color: var(--text-muted);
    font-size: 0.82rem;
}
/* /Components/Pages/Calendar/CalendarSubscribe.razor.rz.scp.css */
.calendar-subscribe-trigger[b-55ia2ggmll] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    flex-shrink: 0;
    min-height: 2.65rem;
    padding: .55rem .9rem;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    background: var(--surface-1);
    color: var(--text-primary);
    font-size: .89rem;
    font-weight: 600;
    line-height: 1.15;
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.calendar-subscribe-trigger i[b-55ia2ggmll] {
    font-size: 1.2rem;
    color: var(--accent);
}

.calendar-subscribe-trigger:hover[b-55ia2ggmll],
.calendar-subscribe-trigger:focus-visible[b-55ia2ggmll] {
    color: var(--text-primary);
    border-color: var(--accent-border);
    background: var(--surface-2);
}

.calendar-subscribe-trigger:focus-visible[b-55ia2ggmll] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.calendar-subscribe-sheet[b-55ia2ggmll] {
    max-height: min(85dvh, 44rem);
    overflow-y: auto;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}

.calendar-subscribe-heading[b-55ia2ggmll] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.calendar-subscribe-heading h2[b-55ia2ggmll] {
    margin: .3rem 0 .7rem;
    font-size: 1.12rem;
}

.calendar-subscribe-close[b-55ia2ggmll] {
    border: 0;
    background: transparent;
    color: var(--text-secondary);
    padding: .4rem;
    font-size: 1.2rem;
}

.calendar-subscribe-description[b-55ia2ggmll],
.calendar-subscribe-instructions p[b-55ia2ggmll] {
    font-size: .86rem;
    line-height: 1.5;
    color: var(--text-secondary);
}

.calendar-subscribe-label[b-55ia2ggmll] {
    display: block;
    margin: 1rem 0 .3rem;
    color: var(--text-primary);
    font-size: .82rem;
    font-weight: 600;
}

.calendar-subscribe-url[b-55ia2ggmll] {
    font-size: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar-subscribe-actions[b-55ia2ggmll] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: .65rem 0 1rem;
}

.calendar-subscribe-actions .btn[b-55ia2ggmll] {
    display: inline-flex;
    gap: .35rem;
    align-items: center;
}

.calendar-subscribe-instructions[b-55ia2ggmll] {
    display: grid;
    gap: .2rem;
    margin: .7rem 0;
}

.calendar-subscribe-instructions strong[b-55ia2ggmll] {
    font-size: .85rem;
}

.calendar-subscribe-instructions p[b-55ia2ggmll] {
    margin: .1rem 0 .65rem;
}

.calendar-subscribe-warning[b-55ia2ggmll] {
    display: flex;
    gap: .45rem;
    font-size: .77rem;
    line-height: 1.4;
    color: var(--text-muted);
    margin: .65rem 0;
}

.calendar-subscribe-warning i[b-55ia2ggmll] { flex: none; }

.calendar-subscribe-status[b-55ia2ggmll] {
    color: var(--text-muted);
    padding: 1rem 0;
}

.calendar-subscribe-reset[b-55ia2ggmll] {
    border: 0;
    padding: .4rem 0;
    background: transparent;
    color: var(--text-muted);
    font-size: .78rem;
    text-decoration: underline;
}

.calendar-subscribe-reset-note[b-55ia2ggmll] {
    color: var(--text-secondary);
    font-size: .82rem;
}

.calendar-subscribe-reset-actions[b-55ia2ggmll] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

@media (max-width: 400px) {
    .calendar-subscribe-trigger[b-55ia2ggmll] {
        min-height: 2.55rem;
        padding: .5rem .8rem;
    }
    .calendar-subscribe-actions .btn[b-55ia2ggmll] { font-size: .82rem; }
}
/* /Components/Pages/Chat/ChatChannelInfo.razor.rz.scp.css */
.channel-info-page[b-oxtvjru7cl] {
    position: fixed;
    inset: 0;
    z-index: 50;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--surface-0);
    color: var(--text-primary);
}

.channel-info-header[b-oxtvjru7cl] {
    position: sticky;
    top: 0;
    z-index: 5;
    min-height: calc(3.25rem + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 1rem 0;
    display: grid;
    grid-template-columns: 2.5rem 1fr 2.5rem;
    align-items: center;
    background: color-mix(in srgb, var(--surface-0) 92%, transparent);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 0.5px solid var(--border);
}

.channel-info-header strong[b-oxtvjru7cl] {
    text-align: center;
    font-size: 0.95rem;
    font-weight: 600;
}

.channel-info-back[b-oxtvjru7cl] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--text-primary);
    background: var(--surface-1);
    text-decoration: none;
    font-size: 1.25rem;
}

.channel-info-header-spacer[b-oxtvjru7cl] {
    width: 2.5rem;
}

.channel-info-content[b-oxtvjru7cl] {
    width: min(42rem, 100%);
    margin: 0 auto;
    padding: 1.5rem 1rem calc(2rem + env(safe-area-inset-bottom));
}

.channel-info-hero[b-oxtvjru7cl] {
    text-align: center;
    padding: 0.5rem 0 1.25rem;
}

.channel-info-avatar[b-oxtvjru7cl] {
    width: 5.75rem;
    height: 5.75rem;
    margin: 0 auto 0.85rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--accent-bg);
    border: 1px solid var(--accent-border);
    color: var(--accent);
    font-size: 2.35rem;
}

.channel-info-hero h1[b-oxtvjru7cl] {
    margin: 0 0 0.35rem;
    font-size: 1.6rem;
    font-weight: 650;
}

.channel-description[b-oxtvjru7cl] {
    max-width: 32rem;
    margin: 0 auto;
    padding: 0.25rem 0.5rem;
    border: 0;
    background: none;
    color: var(--text-secondary);
    font: inherit;
    font-size: 0.92rem;
    line-height: 1.45;
}

.channel-description i[b-oxtvjru7cl] {
    margin-left: 0.35rem;
    color: var(--text-muted);
}

.channel-description-add[b-oxtvjru7cl] {
    color: var(--accent);
}

.channel-description-editor[b-oxtvjru7cl] {
    max-width: 32rem;
    margin: 0.75rem auto 0;
    text-align: left;
}

.channel-description-actions[b-oxtvjru7cl] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.channel-info-actions[b-oxtvjru7cl] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.55rem;
    margin-bottom: 1.75rem;
}

.channel-info-actions a[b-oxtvjru7cl],
.channel-info-actions button[b-oxtvjru7cl] {
    min-width: 0;
    min-height: 5rem;
    padding: 0.75rem 0.35rem;
    border: 0.5px solid var(--border);
    border-radius: 1rem;
    background: var(--surface-1);
    color: var(--text-primary);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    font: inherit;
    font-size: 0.78rem;
}

.channel-info-actions i[b-oxtvjru7cl] {
    color: var(--accent);
    font-size: 1.35rem;
}

.channel-info-section[b-oxtvjru7cl] {
    margin: 0 0 1.5rem;
    scroll-margin-top: 4.5rem;
}

.channel-info-section > h2[b-oxtvjru7cl],
.channel-info-section-heading h2[b-oxtvjru7cl] {
    margin: 0 0 0.55rem;
    color: var(--text-secondary);
    font-size: 0.86rem;
    font-weight: 600;
}

.channel-info-section-heading[b-oxtvjru7cl] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.channel-info-section-heading > span[b-oxtvjru7cl] {
    color: var(--text-muted);
    font-size: 0.78rem;
}

.channel-info-card[b-oxtvjru7cl] {
    background: var(--surface-1);
    border: 0.5px solid var(--border);
    border-radius: 1rem;
    overflow: hidden;
}

.channel-setting-row[b-oxtvjru7cl] {
    min-height: 4.4rem;
    padding: 0.75rem 0.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 0.5px solid var(--border);
}

.channel-setting-row:last-child[b-oxtvjru7cl] {
    border-bottom: 0;
}

.channel-setting-row > div[b-oxtvjru7cl] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.channel-setting-row strong[b-oxtvjru7cl],
.channel-info-nav-row strong[b-oxtvjru7cl] {
    font-size: 0.92rem;
    font-weight: 500;
}

.channel-setting-row span[b-oxtvjru7cl],
.channel-info-nav-row small[b-oxtvjru7cl] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.channel-setting-row-select[b-oxtvjru7cl] {
    align-items: center;
}

.channel-notification-select[b-oxtvjru7cl] {
    width: auto;
    max-width: 12rem;
    flex-shrink: 0;
    font-size: 0.82rem;
}

.channel-mute-options[b-oxtvjru7cl] {
    padding: 0.7rem 0.9rem;
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.channel-mute-options button[b-oxtvjru7cl],
.channel-show-more[b-oxtvjru7cl] {
    border: 0.5px solid var(--border-strong);
    background: var(--surface-2);
    color: var(--text-secondary);
    border-radius: 999px;
    padding: 0.4rem 0.75rem;
    font-size: 0.78rem;
}

.channel-media-label[b-oxtvjru7cl] {
    margin: 0.7rem 0 0.4rem;
    color: var(--text-muted);
    font-size: 0.75rem;
}

.channel-media-grid[b-oxtvjru7cl] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.4rem;
}

.channel-media-thumb[b-oxtvjru7cl] {
    aspect-ratio: 1;
    border-radius: 0.65rem;
    overflow: hidden;
    background: var(--surface-1);
}

.channel-media-thumb img[b-oxtvjru7cl] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.channel-file-list[b-oxtvjru7cl],
.channel-link-list[b-oxtvjru7cl] {
    overflow: hidden;
}

.channel-file-row[b-oxtvjru7cl],
.channel-link-row[b-oxtvjru7cl] {
    min-height: 3.7rem;
    padding: 0.65rem 0.8rem;
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr) 1.2rem;
    align-items: center;
    gap: 0.55rem;
    color: var(--text-primary);
    text-decoration: none;
    border-bottom: 0.5px solid var(--border);
}

.channel-file-row:last-child[b-oxtvjru7cl],
.channel-link-row:last-child[b-oxtvjru7cl] {
    border-bottom: 0;
}

.channel-file-row > i:first-child[b-oxtvjru7cl],
.channel-link-row > i:first-child[b-oxtvjru7cl] {
    color: var(--accent);
    font-size: 1.15rem;
}

.channel-file-row > i:last-child[b-oxtvjru7cl],
.channel-link-row > i:last-child[b-oxtvjru7cl] {
    color: var(--text-muted);
}

.channel-file-row span[b-oxtvjru7cl],
.channel-link-row span[b-oxtvjru7cl] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.channel-file-row strong[b-oxtvjru7cl],
.channel-link-row strong[b-oxtvjru7cl] {
    font-size: 0.85rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channel-file-row small[b-oxtvjru7cl],
.channel-link-row small[b-oxtvjru7cl] {
    color: var(--text-muted);
    font-size: 0.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channel-show-more[b-oxtvjru7cl] {
    display: block;
    margin: 0.75rem auto 0;
}

.channel-info-nav-row[b-oxtvjru7cl] {
    min-height: 4.2rem;
    padding: 0.75rem 0.85rem;
    display: grid;
    grid-template-columns: 2.3rem minmax(0, 1fr) 1.2rem;
    align-items: center;
    gap: 0.6rem;
    color: var(--text-primary);
    text-decoration: none;
}

.channel-info-nav-row > span:nth-child(2)[b-oxtvjru7cl] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.channel-info-nav-row > i[b-oxtvjru7cl] {
    color: var(--text-muted);
}

.channel-info-nav-icon[b-oxtvjru7cl] {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--accent-bg);
    color: var(--accent);
}

.channel-info-empty[b-oxtvjru7cl],
.channel-info-empty-card[b-oxtvjru7cl] {
    color: var(--text-muted);
    text-align: center;
    padding: 2rem 1rem;
}

@media (max-width: 430px) {
    .channel-info-actions[b-oxtvjru7cl] {
        gap: 0.4rem;
    }

    .channel-info-actions a[b-oxtvjru7cl],
    .channel-info-actions button[b-oxtvjru7cl] {
        min-height: 4.6rem;
        font-size: 0.72rem;
    }

    .channel-media-grid[b-oxtvjru7cl] {
        grid-template-columns: repeat(3, 1fr);
    }

    .channel-setting-row-select[b-oxtvjru7cl] {
        align-items: flex-start;
        flex-direction: column;
    }

    .channel-notification-select[b-oxtvjru7cl] {
        width: 100%;
        max-width: none;
    }
}


@media (min-width: 1024px) {
    .channel-info-page[b-oxtvjru7cl] {
        left: var(--sidebar-width);
    }
}


.channel-audio-list[b-oxtvjru7cl] {
    overflow: hidden;
}

.channel-audio-row[b-oxtvjru7cl] {
    padding: 0.75rem 0.8rem;
    border-bottom: 0.5px solid var(--border);
}

.channel-audio-row:last-child[b-oxtvjru7cl] {
    border-bottom: 0;
}

.channel-audio-meta[b-oxtvjru7cl] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.5rem;
}

.channel-audio-meta > i[b-oxtvjru7cl] {
    flex-shrink: 0;
    color: var(--accent);
    font-size: 1.2rem;
}

.channel-audio-meta > span[b-oxtvjru7cl] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.channel-audio-meta strong[b-oxtvjru7cl] {
    font-size: 0.85rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channel-audio-meta small[b-oxtvjru7cl] {
    color: var(--text-muted);
    font-size: 0.7rem;
}

.channel-audio-row audio[b-oxtvjru7cl] {
    width: 100%;
    height: 2.4rem;
    display: block;
    color-scheme: dark;
}

[data-theme="light"] .channel-audio-row audio[b-oxtvjru7cl] {
    color-scheme: light;
}


.channel-info-search[b-oxtvjru7cl] {
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--surface-1);
    color: var(--text-primary);
    font-size: 1.1rem;
}

.channel-linked-list[b-oxtvjru7cl] {
    overflow: hidden;
}

.channel-linked-row[b-oxtvjru7cl] {
    min-height: 4rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.8rem;
    align-items: stretch;
    border-bottom: 0.5px solid var(--border);
}

.channel-linked-row:last-child[b-oxtvjru7cl] {
    border-bottom: 0;
}

.channel-linked-target[b-oxtvjru7cl] {
    min-width: 0;
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 0.8rem;
    color: var(--text-primary);
    text-decoration: none;
}

.channel-linked-target > span:last-child[b-oxtvjru7cl] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.channel-linked-target strong[b-oxtvjru7cl] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
    font-weight: 550;
}

.channel-linked-target small[b-oxtvjru7cl] {
    color: var(--text-muted);
    font-size: 0.7rem;
}

.channel-linked-icon[b-oxtvjru7cl] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.65rem;
    display: grid;
    place-items: center;
    background: var(--accent-bg);
    color: var(--accent);
}

.channel-linked-message[b-oxtvjru7cl] {
    border-left: 0.5px solid var(--border);
    display: grid;
    place-items: center;
    color: var(--text-muted);
    text-decoration: none;
    font-size: 1rem;
}

.channel-linked-message:hover[b-oxtvjru7cl] {
    color: var(--accent);
    background: var(--accent-bg);
}


.channel-info-danger-zone[b-oxtvjru7cl] {
    margin-top: 2.75rem;
    padding-top: 1rem;
    border-top: 0.5px solid var(--border);
}

.channel-delete-button[b-oxtvjru7cl] {
    width: 100%;
    min-height: 4.2rem;
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    padding: 0.8rem 0.9rem;
    border: 0.5px solid color-mix(in srgb, var(--danger) 32%, var(--border));
    border-radius: 1rem;
    background: var(--danger-bg);
    color: var(--danger);
    text-align: left;
}

.channel-delete-button > i[b-oxtvjru7cl] {
    font-size: 1.25rem;
}

.channel-delete-button > span[b-oxtvjru7cl] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.channel-delete-button strong[b-oxtvjru7cl] {
    font-size: 0.9rem;
    font-weight: 600;
}

.channel-delete-button small[b-oxtvjru7cl] {
    color: color-mix(in srgb, var(--danger) 72%, var(--text-secondary));
    font-size: 0.72rem;
}
/* /Components/Pages/Chat/ChatChannelView.razor.rz.scp.css */
.chat[b-pv6vzbj2o1] {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    overflow: hidden;
    background: var(--surface-0);
}

.chat-header[b-pv6vzbj2o1] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    padding-top: calc(0.75rem + env(safe-area-inset-top));
    background: var(--surface-2);
    border-bottom: 0.5px solid var(--border);
}

.chat-header-back[b-pv6vzbj2o1] {
    color: var(--text-secondary);
    font-size: 1.3rem;
    display: flex;
    flex-shrink: 0;
}

    .chat-header-back:hover[b-pv6vzbj2o1] {
        color: var(--text-primary);
    }

.chat-header-info[b-pv6vzbj2o1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.chat-header-name[b-pv6vzbj2o1] {
    font-weight: 500;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-header-desc[b-pv6vzbj2o1] {
    font-size: 0.78rem;
    color: var(--text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-header-delete[b-pv6vzbj2o1] {
    flex-shrink: 0;
    border: none;
    background: none;
    color: var(--text-muted);
    padding: 0.3rem;
    border-radius: var(--radius);
}

    .chat-header-delete:hover[b-pv6vzbj2o1] {
        color: var(--danger);
        background: var(--danger-bg);
    }

.chat-header-icon-btn[b-pv6vzbj2o1] {
    flex-shrink: 0;
    border: none;
    background: none;
    color: var(--text-muted);
    padding: 0.3rem;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    font-size: 1.05rem;
}

    .chat-header-icon-btn:hover:not(:disabled)[b-pv6vzbj2o1] {
        color: var(--text-primary);
        background: var(--surface-1);
    }

    .chat-header-icon-btn:disabled[b-pv6vzbj2o1] {
        opacity: 0.35;
    }

.chat-search-bar[b-pv6vzbj2o1] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    color: var(--text-muted);
}

.chat-search-input[b-pv6vzbj2o1] {
    flex: 1;
    min-width: 0;
    border: none;
    background: none;
    color: var(--text-primary);
    font-size: 0.9rem;
}

    .chat-search-input:focus[b-pv6vzbj2o1] {
        outline: none;
    }

.chat-search-count[b-pv6vzbj2o1] {
    flex-shrink: 0;
    font-size: 0.78rem;
    color: var(--text-muted);
    white-space: nowrap;
}

.chat-log[b-pv6vzbj2o1] {
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: relative;
}

.chat-new-messages-btn[b-pv6vzbj2o1] {
    position: absolute;
    left: 50%;
    bottom: 5.5rem;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--accent-fill);
    color: var(--accent-text);
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1rem;
    font-size: 0.82rem;
    font-weight: 500;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.chat-composer[b-pv6vzbj2o1] {
    flex: none;
    padding: 0.6rem 0.75rem calc(0.6rem + env(safe-area-inset-bottom));
    background: var(--surface-2);
    border-top: 0.5px solid var(--border);
}

/* @omnämnanden visas ovanför skrivraden utan att överlappa iOS-tangentbordet. */
.chat-mention-picker[b-pv6vzbj2o1] {
    max-height: min(34dvh, 15rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--border-strong);
    background: var(--surface-1);
    border-radius: 0.9rem;
    margin-bottom: 0.45rem;
    padding: 0.3rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
}

.chat-mention-picker-title[b-pv6vzbj2o1] {
    padding: 0.3rem 0.55rem;
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 600;
}

.chat-mention-option[b-pv6vzbj2o1] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0.55rem;
    min-height: 2.8rem;
    padding: 0.4rem 0.55rem;
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 0.65rem;
    color: var(--text-primary);
}

.chat-mention-option:hover[b-pv6vzbj2o1],
.chat-mention-option:focus-visible[b-pv6vzbj2o1] {
    background: var(--surface-2);
    outline: none;
}

.chat-mention-avatar[b-pv6vzbj2o1] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 50%;
    background: var(--surface-2);
    color: var(--accent);
    font-size: 0.85rem;
    font-weight: 700;
}

.chat-mention-name[b-pv6vzbj2o1] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 0.88rem;
    font-weight: 500;
}

.chat-mention-hint[b-pv6vzbj2o1] {
    font-size: 0.72rem;
    color: var(--text-muted);
}

.chat-text .chat-mention[b-pv6vzbj2o1] {
    color: var(--accent);
    font-weight: 650;
    border-radius: 0.22rem;
    background: color-mix(in srgb, var(--accent) 12%, transparent);
    padding: 0 0.1em;
}

.chat-composer-row[b-pv6vzbj2o1] {
    display: flex;
    align-items: flex-end;
    gap: 0.4rem;
}

.chat-attachment-input[b-pv6vzbj2o1] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.chat-attachment-btn[b-pv6vzbj2o1] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    color: var(--text-secondary);
    cursor: pointer;
    font-size: 1.15rem;
}

    .chat-attachment-btn:hover[b-pv6vzbj2o1] {
        color: var(--accent);
    }

.chat-composer-textarea[b-pv6vzbj2o1] {
    flex: 1;
    min-width: 0;
    min-height: 2.5rem;
    max-height: min(35dvh, 16rem);
    box-sizing: border-box;
    resize: none;
    overflow-y: hidden;
    border: 0.5px solid var(--border-strong);
    background: var(--surface-1);
    color: var(--text-primary);
    border-radius: 1.1rem;
    padding: 0.55rem 0.9rem;
    font: inherit;
    font-size: 0.92rem;
    line-height: 1.35;
    color-scheme: dark;
}

[data-theme="light"] .chat-composer-textarea[b-pv6vzbj2o1] {
    color-scheme: light;
}

    .chat-composer-textarea:focus[b-pv6vzbj2o1] {
        outline: none;
        border-color: var(--accent-border);
    }

.chat-send-btn[b-pv6vzbj2o1] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    border: none;
    background: var(--accent-fill);
    color: var(--accent-text);
    font-size: 1.1rem;
}

    .chat-send-btn:disabled[b-pv6vzbj2o1] {
        background: var(--surface-1);
        color: var(--text-muted);
    }

.chat-pending-attachments[b-pv6vzbj2o1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.chat-pending-attachment[b-pv6vzbj2o1] {
    position: relative;
}

.chat-pending-attachment-thumb[b-pv6vzbj2o1] {
    width: 3.5rem;
    height: 3.5rem;
    object-fit: cover;
    border-radius: var(--radius);
    display: block;
}

.chat-pending-attachment-file[b-pv6vzbj2o1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    width: 3.5rem;
    height: 3.5rem;
    background: var(--surface-1);
    border-radius: var(--radius);
    padding: 0.2rem;
    font-size: 0.6rem;
    color: var(--text-secondary);
    text-align: center;
    overflow: hidden;
}

    .chat-pending-attachment-file i[b-pv6vzbj2o1] {
        font-size: 1.1rem;
        color: var(--text-muted);
    }

.chat-pending-attachment-remove[b-pv6vzbj2o1] {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    border: none;
    background: var(--danger);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    padding: 0;
}

.chat-date-sep[b-pv6vzbj2o1] {
    text-align: center;
    margin: 0.6rem 0;
}

    .chat-date-sep span[b-pv6vzbj2o1] {
        font-size: 0.72rem;
        color: var(--text-muted);
        background: var(--surface-1);
        padding: 0.15rem 0.6rem;
        border-radius: 999px;
    }

.chat-row[b-pv6vzbj2o1] {
    display: flex;
    margin: 1px 0;
    touch-action: pan-y;
}

.chat-row-own[b-pv6vzbj2o1] {
    justify-content: flex-end;
}

.chat-row-other[b-pv6vzbj2o1] {
    justify-content: flex-start;
}

.chat-bubble[b-pv6vzbj2o1] {
    position: relative;
    max-width: 78%;
    border-radius: var(--radius-card);
    padding: 0.5rem 0.75rem;
    border: 1px solid transparent;
}

.chat-bubble-own[b-pv6vzbj2o1] {
    background: rgba(139, 30, 40, 0.18);
    border-color: rgba(164, 38, 50, 0.28);
    border-bottom-right-radius: 3px;
}

.chat-bubble-other[b-pv6vzbj2o1] {
    background: var(--surface-1);
    border-color: var(--border);
    border-bottom-left-radius: 3px;
}

.chat-row-search-match .chat-bubble[b-pv6vzbj2o1] {
    outline: 1px solid var(--warning);
}

.chat-row-search-current .chat-bubble[b-pv6vzbj2o1] {
    outline: 2px solid var(--warning);
}

.chat-sender[b-pv6vzbj2o1] {
    font-size: 0.76rem;
    font-weight: 650;
    color: #d9a2aa;
    margin-bottom: 0.16rem;
}

.chat-quote[b-pv6vzbj2o1] {
    display: flex;
    flex-direction: column;
    border-left: 2px solid var(--accent-border);
    padding-left: 0.5rem;
    margin-bottom: 0.35rem;
    font-size: 0.78rem;
    color: var(--text-secondary);
}

.chat-quote-sender[b-pv6vzbj2o1] {
    font-weight: 600;
    color: var(--text-primary);
}

.chat-quote-text[b-pv6vzbj2o1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-text[b-pv6vzbj2o1] {
    color: var(--text-primary);
    font-size: 0.94rem;
    line-height: 1.42;
    white-space: pre-wrap;
    word-break: break-word;
}

    .chat-text a[b-pv6vzbj2o1] {
        color: inherit;
        text-decoration: underline;
    }

.chat-meta[b-pv6vzbj2o1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    margin-top: 0.25rem;
}

.chat-action-btn[b-pv6vzbj2o1] {
    border: none;
    background: none;
    color: var(--text-muted);
    font-size: 0.8rem;
    padding: 0.1rem 0.25rem;
    border-radius: var(--radius);
    line-height: 1;
}

    .chat-action-btn:hover[b-pv6vzbj2o1] {
        color: var(--accent);
    }

.chat-time[b-pv6vzbj2o1] {
    font-size: 11px;
    color: var(--text-muted);
    margin-left: 3px;
}

.chat-reaction-picker[b-pv6vzbj2o1] {
    display: flex;
    gap: 4px;
    margin-top: 0.3rem;
    background: var(--surface-2);
    border: 0.5px solid var(--border-strong);
    border-radius: 999px;
    padding: 3px 6px;
    width: fit-content;
}

.chat-reaction-option[b-pv6vzbj2o1] {
    border: none;
    background: none;
    font-size: 1rem;
    padding: 0.05rem;
    line-height: 1;
}

    .chat-reaction-option:hover[b-pv6vzbj2o1] {
        transform: scale(1.2);
    }

.chat-reactions[b-pv6vzbj2o1] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 0.35rem;
}

.chat-reaction-pill[b-pv6vzbj2o1] {
    border: 0.5px solid var(--border-strong);
    background: var(--surface-2);
    color: var(--text-secondary);
    border-radius: 999px;
    font-size: 0.72rem;
    padding: 1px 6px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.chat-reaction-pill-mine[b-pv6vzbj2o1] {
    border-color: var(--accent-border);
    background: var(--accent-bg);
    color: var(--accent);
}

.chat-reply-preview[b-pv6vzbj2o1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--surface-1);
    border-radius: var(--radius);
    padding: 0.4rem 0.6rem;
    margin-bottom: 0.4rem;
}

.chat-reply-cancel[b-pv6vzbj2o1] {
    border: none;
    background: none;
    color: var(--text-muted);
    flex-shrink: 0;
}

    .chat-reply-cancel:hover[b-pv6vzbj2o1] {
        color: var(--danger);
    }

.chat-attachments[b-pv6vzbj2o1] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
}

.chat-attachment-image-link[b-pv6vzbj2o1] {
    display: block;
}

.chat-attachment-image[b-pv6vzbj2o1] {
    max-width: 100%;
    max-height: 16rem;
    border-radius: var(--radius);
    display: block;
}

.chat-attachment-file[b-pv6vzbj2o1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--surface-2);
    border-radius: var(--radius);
    padding: 0.5rem 0.7rem;
    text-decoration: none;
    color: var(--text-primary);
}

    .chat-attachment-file i[b-pv6vzbj2o1] {
        color: var(--text-muted);
        font-size: 1.1rem;
        flex-shrink: 0;
    }

.chat-attachment-file-name[b-pv6vzbj2o1] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
}

.chat-attachment-file-size[b-pv6vzbj2o1] {
    flex-shrink: 0;
    font-size: 0.72rem;
    color: var(--text-muted);
}

.chat-attachment-error[b-pv6vzbj2o1] {
    color: var(--danger);
    font-size: 0.8rem;
    margin: 0 0 0.4rem;
}

.chat-attachment-uploading[b-pv6vzbj2o1] {
    color: var(--text-muted);
    font-size: 0.8rem;
    margin: 0 0 0.4rem;
}

.chat-action-sheet-item[b-pv6vzbj2o1] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    border: none;
    background: none;
    color: var(--text-primary);
    text-align: left;
    padding: 0.75rem 0.3rem;
    font-size: 0.95rem;
    border-bottom: 0.5px solid var(--border);
}

    .chat-action-sheet-item:last-child[b-pv6vzbj2o1] {
        border-bottom: none;
    }

    .chat-action-sheet-item i[b-pv6vzbj2o1] {
        color: var(--text-muted);
        font-size: 1.1rem;
        width: 1.4rem;
    }

.chat-action-sheet-item-danger[b-pv6vzbj2o1] {
    color: var(--danger);
}

    .chat-action-sheet-item-danger i[b-pv6vzbj2o1] {
        color: var(--danger);
    }

@media (max-width: 640px) {
    .chat-bubble[b-pv6vzbj2o1] {
        max-width: 86%;
    }

    .chat-meta[b-pv6vzbj2o1] {
        gap: 0.15rem;
    }
}


/* Channel header / search / pins polish */
.chat-header[b-pv6vzbj2o1] {
    position: relative;
    min-height: calc(3.65rem + env(safe-area-inset-top));
}

.chat-header:not(.chat-header-searching)[b-pv6vzbj2o1] {
    justify-content: space-between;
}

.chat-header-info[b-pv6vzbj2o1] {
    position: absolute;
    left: 50%;
    top: calc(50% + env(safe-area-inset-top) / 2);
    transform: translate(-50%, -50%);
    width: min(56%, 24rem);
    align-items: center;
    text-align: center;
}

.chat-header-actions[b-pv6vzbj2o1] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    z-index: 1;
}

.chat-header-back[b-pv6vzbj2o1] {
    z-index: 1;
}

.chat-header-back-button[b-pv6vzbj2o1] {
    border: 0;
    background: transparent;
    padding: 0;
}

.chat-header-searching[b-pv6vzbj2o1] {
    gap: 0.55rem;
}

.chat-header-searching .chat-search-bar[b-pv6vzbj2o1] {
    flex: 1;
    padding: 0.35rem 0.45rem 0.35rem 0.7rem;
    border: 1px solid var(--accent-border);
    border-radius: 0.9rem;
    background: var(--accent-bg);
    box-shadow: 0 0 0 2px rgba(139, 30, 40, 0.10);
}

.chat-header-searching .chat-search-input[b-pv6vzbj2o1] {
    min-height: 2rem;
    color: var(--text-primary);
}

.chat-header-searching .chat-search-input[b-pv6vzbj2o1]::placeholder {
    color: var(--text-secondary);
}

.chat-search-results[b-pv6vzbj2o1] {
    flex: none;
    max-height: min(18rem, 38dvh);
    overflow-y: auto;
    padding: 0.35rem 0.55rem 0.55rem;
    background: var(--surface-2);
    border-bottom: 0.5px solid var(--border);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

.chat-search-result[b-pv6vzbj2o1] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.05rem 0.75rem;
    padding: 0.65rem 0.7rem;
    border: 0;
    border-bottom: 0.5px solid var(--border);
    background: transparent;
    color: var(--text-primary);
    text-align: left;
}

.chat-search-result:last-child[b-pv6vzbj2o1] {
    border-bottom: 0;
}

.chat-search-result-current[b-pv6vzbj2o1] {
    background: var(--accent-bg);
    border-radius: 0.65rem;
}

.chat-search-result-sender[b-pv6vzbj2o1] {
    grid-column: 1;
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--accent);
}

.chat-search-result-text[b-pv6vzbj2o1] {
    grid-column: 1 / -1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
    color: var(--text-primary);
}

.chat-search-result-time[b-pv6vzbj2o1] {
    grid-column: 2;
    grid-row: 1;
    font-size: 0.68rem;
    color: var(--text-muted);
    white-space: nowrap;
}

.chat-search-empty[b-pv6vzbj2o1] {
    padding: 0.85rem 0.75rem;
    color: var(--text-muted);
    font-size: 0.82rem;
    text-align: center;
}

.chat-pinned-strip[b-pv6vzbj2o1] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 3rem;
    padding: 0.4rem 0.6rem;
    background: var(--surface-1);
    border-bottom: 0.5px solid var(--border);
}

.chat-pinned-title[b-pv6vzbj2o1] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--accent);
    font-size: 0.72rem;
    font-weight: 600;
}

.chat-pinned-title i[b-pv6vzbj2o1] {
    font-size: 1rem;
}

.chat-pinned-count[b-pv6vzbj2o1] {
    min-width: 1.05rem;
    height: 1.05rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-bg);
    color: var(--accent);
    font-size: 0.62rem;
}

.chat-pinned-items[b-pv6vzbj2o1] {
    min-width: 0;
    flex: 1;
    display: flex;
    gap: 0.4rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.chat-pinned-items[b-pv6vzbj2o1]::-webkit-scrollbar {
    display: none;
}

.chat-pinned-item[b-pv6vzbj2o1] {
    flex: 0 0 auto;
    max-width: min(17rem, 66vw);
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    padding: 0.38rem 0.6rem;
    border: 0.5px solid var(--border-strong);
    border-radius: 999px;
    background: var(--surface-2);
    color: var(--text-primary);
    text-align: left;
}

.chat-pinned-item strong[b-pv6vzbj2o1] {
    flex-shrink: 0;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--accent);
}

.chat-pinned-item span[b-pv6vzbj2o1] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.72rem;
    color: var(--text-secondary);
}

.chat-attachment-audio[b-pv6vzbj2o1] {
    min-width: min(19rem, 70vw);
    padding: 0.55rem;
    border-radius: var(--radius);
    background: var(--surface-2);
}

.chat-attachment-audio-meta[b-pv6vzbj2o1] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.4rem;
}

.chat-attachment-audio-meta > i[b-pv6vzbj2o1] {
    flex-shrink: 0;
    color: var(--accent);
    font-size: 1.1rem;
}

.chat-attachment-audio audio[b-pv6vzbj2o1] {
    display: block;
    width: 100%;
    height: 2.4rem;
    color-scheme: dark;
}

[data-theme="light"] .chat-attachment-audio audio[b-pv6vzbj2o1] {
    color-scheme: light;
}

@media (max-width: 430px) {
    .chat-header-info[b-pv6vzbj2o1] {
        width: 50%;
    }

    .chat-header-desc[b-pv6vzbj2o1] {
        max-width: 100%;
    }

    .chat-pinned-title > span:not(.chat-pinned-count)[b-pv6vzbj2o1] {
        display: none;
    }
}


/* Message editing, direct unpin and linked Bandlair content */
.chat-pinned-item[b-pv6vzbj2o1] {
    padding: 0;
    overflow: hidden;
    align-items: stretch;
}

.chat-pinned-jump[b-pv6vzbj2o1] {
    min-width: 0;
    max-width: min(15rem, 58vw);
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    padding: 0.38rem 0.25rem 0.38rem 0.6rem;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
}

.chat-pinned-jump strong[b-pv6vzbj2o1] {
    flex-shrink: 0;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--accent);
}

.chat-pinned-jump span[b-pv6vzbj2o1] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.72rem;
    color: var(--text-secondary);
}

.chat-pinned-unpin[b-pv6vzbj2o1] {
    width: 1.8rem;
    flex-shrink: 0;
    border: 0;
    border-left: 0.5px solid var(--border);
    background: transparent;
    color: var(--text-muted);
    display: grid;
    place-items: center;
}

.chat-pinned-unpin:hover[b-pv6vzbj2o1] {
    color: var(--danger);
    background: var(--danger-bg);
}

.chat-edited[b-pv6vzbj2o1] {
    margin-left: 0.2rem;
    color: var(--text-muted);
    font-size: 10px;
}

.chat-linked-content[b-pv6vzbj2o1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.chat-linked-chip[b-pv6vzbj2o1] {
    min-width: 0;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.38rem 0.55rem;
    border: 0.5px solid var(--accent-border);
    border-radius: 0.7rem;
    background: var(--accent-bg);
    color: var(--text-primary);
    text-decoration: none;
}

.chat-linked-chip > i[b-pv6vzbj2o1] {
    flex-shrink: 0;
    color: var(--accent);
    font-size: 1rem;
}

.chat-linked-chip > span[b-pv6vzbj2o1] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.chat-linked-chip small[b-pv6vzbj2o1] {
    color: var(--accent);
    font-size: 0.62rem;
    line-height: 1.15;
}

.chat-linked-chip strong[b-pv6vzbj2o1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.76rem;
    font-weight: 550;
}

.chat-edit-sheet[b-pv6vzbj2o1],
.chat-link-sheet[b-pv6vzbj2o1] {
    max-height: min(78dvh, 42rem);
}

.chat-edit-sheet h3[b-pv6vzbj2o1],
.chat-link-sheet h3[b-pv6vzbj2o1] {
    margin: 0 0 0.65rem;
    font-size: 1rem;
}

.chat-edit-textarea[b-pv6vzbj2o1] {
    min-height: 7rem;
    resize: vertical;
}

.chat-sheet-actions[b-pv6vzbj2o1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.chat-link-sheet[b-pv6vzbj2o1] {
    display: flex;
    flex-direction: column;
}

.chat-link-sheet-header[b-pv6vzbj2o1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.chat-link-sheet-header h3[b-pv6vzbj2o1] {
    margin-bottom: 0.15rem;
}

.chat-link-sheet-header p[b-pv6vzbj2o1] {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.78rem;
}

.chat-sheet-close[b-pv6vzbj2o1] {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 50%;
    background: var(--surface-2);
    color: var(--text-secondary);
    display: grid;
    place-items: center;
}

.chat-link-tabs[b-pv6vzbj2o1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.35rem;
    margin: 0.8rem 0 0.55rem;
}

.chat-link-tabs button[b-pv6vzbj2o1] {
    min-width: 0;
    border: 0.5px solid var(--border);
    border-radius: 0.75rem;
    background: var(--surface-2);
    color: var(--text-secondary);
    padding: 0.55rem 0.35rem;
    font-size: 0.75rem;
}

.chat-link-tabs button.active[b-pv6vzbj2o1] {
    border-color: var(--accent-border);
    background: var(--accent-bg);
    color: var(--accent);
}

.chat-link-search[b-pv6vzbj2o1] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.65rem;
    border: 0.5px solid var(--border-strong);
    border-radius: 0.75rem;
    background: var(--surface-1);
    color: var(--text-muted);
}

.chat-link-search input[b-pv6vzbj2o1] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary);
    font: inherit;
    font-size: 0.85rem;
}

.chat-link-candidates[b-pv6vzbj2o1] {
    min-height: 0;
    overflow-y: auto;
    margin-top: 0.55rem;
}

.chat-link-candidate[b-pv6vzbj2o1] {
    width: 100%;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) 1.4rem;
    align-items: center;
    gap: 0.55rem;
    padding: 0.62rem 0.35rem;
    border: 0;
    border-bottom: 0.5px solid var(--border);
    background: transparent;
    color: var(--text-primary);
    text-align: left;
}

.chat-link-candidate > span:nth-child(2)[b-pv6vzbj2o1] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.chat-link-candidate strong[b-pv6vzbj2o1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
    font-weight: 550;
}

.chat-link-candidate small[b-pv6vzbj2o1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-muted);
    font-size: 0.7rem;
}

.chat-link-candidate > i:last-child[b-pv6vzbj2o1] {
    color: var(--text-muted);
    font-size: 1.05rem;
}

.chat-link-candidate.linked[b-pv6vzbj2o1] {
    background: var(--accent-bg);
}

.chat-link-candidate.linked > i:last-child[b-pv6vzbj2o1] {
    color: var(--accent);
}

.chat-link-candidate-icon[b-pv6vzbj2o1] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.6rem;
    display: grid;
    place-items: center;
    background: var(--surface-2);
    color: var(--accent);
}

.chat-link-empty[b-pv6vzbj2o1] {
    padding: 1.5rem 0.5rem;
    color: var(--text-muted);
    text-align: center;
    font-size: 0.82rem;
}


/* Koppla innehåll direkt medan meddelandet skrivs. */
.chat-link-compose-btn[b-pv6vzbj2o1] {
    position: relative;
    border: 0;
    padding: 0;
    background: transparent;
}

.chat-link-compose-btn.active[b-pv6vzbj2o1] {
    color: var(--accent);
}

.chat-link-compose-count[b-pv6vzbj2o1] {
    position: absolute;
    top: .05rem;
    right: -.05rem;
    min-width: 1rem;
    height: 1rem;
    display: grid;
    place-items: center;
    padding: 0 .2rem;
    border-radius: 999px;
    background: var(--accent-fill);
    color: var(--accent-text);
    font-size: .56rem;
    font-weight: 700;
    line-height: 1;
}

.chat-pending-links[b-pv6vzbj2o1] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .5rem;
}

.chat-pending-link[b-pv6vzbj2o1] {
    --link-kind-color: var(--accent);
    --link-kind-bg: var(--accent-bg);
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    max-width: 100%;
    padding: .3rem .38rem .3rem .5rem;
    border: .5px solid color-mix(in srgb, var(--link-kind-color) 35%, var(--border));
    border-radius: .7rem;
    background: var(--link-kind-bg);
    color: var(--text-primary);
    font-size: .72rem;
}

.chat-pending-link > i[b-pv6vzbj2o1],
.chat-pending-link > svg[b-pv6vzbj2o1] {
    flex: 0 0 auto;
    color: var(--link-kind-color);
}

.chat-pending-link > span[b-pv6vzbj2o1] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-pending-link > button[b-pv6vzbj2o1] {
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--text-muted);
    padding: 0;
}

.chat-pending-link > button:hover[b-pv6vzbj2o1] {
    background: color-mix(in srgb, var(--link-kind-color) 12%, transparent);
    color: var(--link-kind-color);
}

/* Event använder exakt samma färgvariabler som kalendern. */
.chat-link-candidate-event[b-pv6vzbj2o1] {
    --link-kind-color: var(--accent);
    --link-kind-bg: var(--accent-bg);
}

.chat-link-candidate-event .chat-link-candidate-icon[b-pv6vzbj2o1] {
    background: var(--link-kind-bg);
    color: var(--link-kind-color);
}

.chat-link-candidate-event.linked[b-pv6vzbj2o1] {
    background: color-mix(in srgb, var(--link-kind-color) 11%, transparent);
}

.chat-link-candidate-event.linked > i:last-child[b-pv6vzbj2o1] {
    color: var(--link-kind-color);
}

.chat-linked-chip-event[b-pv6vzbj2o1] {
    --link-kind-color: var(--accent);
    --link-kind-bg: var(--accent-bg);
    border-color: color-mix(in srgb, var(--link-kind-color) 35%, var(--border));
    background: var(--link-kind-bg);
}

.chat-linked-chip-event > i[b-pv6vzbj2o1],
.chat-linked-chip-event > svg[b-pv6vzbj2o1],
.chat-linked-chip-event small[b-pv6vzbj2o1] {
    color: var(--link-kind-color);
}
/* /Components/Pages/Chat/ChatList.razor.rz.scp.css */
.chat-list-header[b-nmq2wcldzq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .chat-list-header h1[b-nmq2wcldzq] {
        margin: 0;
    }

.chat-new-sheet-backdrop[b-nmq2wcldzq] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 199;
}

.chat-new-sheet[b-nmq2wcldzq] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--surface-2);
    border-radius: 16px 16px 0 0;
    padding: 20px 16px calc(20px + env(safe-area-inset-bottom));
    z-index: 200;
}

.chat-new-toggle[b-nmq2wcldzq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: var(--radius);
    border: 0.5px solid var(--border-strong);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    font-size: 1.1rem;
}

    .chat-new-toggle:hover[b-nmq2wcldzq] {
        color: var(--accent);
        border-color: var(--accent-border);
    }

.chat-channel-list[b-nmq2wcldzq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: 30rem;
    margin-top: 1.25rem;
}

.chat-channel-row[b-nmq2wcldzq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    padding: 0.7rem 1rem;
    text-decoration: none;
}

    .chat-channel-row:hover[b-nmq2wcldzq] {
        border-color: var(--border-strong);
    }

.chat-channel-info[b-nmq2wcldzq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.1rem;
}

.chat-channel-name[b-nmq2wcldzq] {
    font-weight: 500;
    color: var(--text-primary);
}

.chat-channel-preview[b-nmq2wcldzq] {
    font-size: 0.82rem;
    color: var(--text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-empty[b-nmq2wcldzq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    text-align: center;
    color: var(--text-muted);
    padding: 3rem 1rem;
}

    .chat-empty i[b-nmq2wcldzq] {
        font-size: 2.2rem;
    }

    .chat-empty p[b-nmq2wcldzq] {
        margin: 0;
    }
/* /Components/Pages/Chat/ChatSavedMessages.razor.rz.scp.css */
.saved-messages-page[b-48y6kaq1r4] {
    position: fixed;
    inset: 0;
    z-index: 50;
    overflow-y: auto;
    background: var(--surface-0);
}

.saved-messages-header[b-48y6kaq1r4] {
    position: sticky;
    top: 0;
    z-index: 5;
    min-height: calc(3.25rem + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 1rem 0;
    display: grid;
    grid-template-columns: 2.5rem 1fr 2.5rem;
    align-items: center;
    background: color-mix(in srgb, var(--surface-0) 92%, transparent);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 0.5px solid var(--border);
}

.saved-messages-header > a[b-48y6kaq1r4] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--text-primary);
    background: var(--surface-1);
    text-decoration: none;
    font-size: 1.25rem;
}

.saved-messages-header > strong[b-48y6kaq1r4] {
    text-align: center;
    font-size: 0.95rem;
    font-weight: 600;
}

.saved-messages-content[b-48y6kaq1r4] {
    width: min(42rem, 100%);
    margin: 0 auto;
    padding: 1rem 1rem calc(2rem + env(safe-area-inset-bottom));
}

.saved-messages-list[b-48y6kaq1r4] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.saved-message-card[b-48y6kaq1r4] {
    display: block;
    padding: 0.85rem 0.95rem;
    border: 0.5px solid var(--border);
    border-radius: 1rem;
    background: var(--surface-1);
    color: var(--text-primary);
    text-decoration: none;
}

.saved-message-topline[b-48y6kaq1r4] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.3rem;
}

.saved-message-topline strong[b-48y6kaq1r4] {
    font-size: 0.83rem;
    font-weight: 600;
    color: var(--accent);
}

.saved-message-topline span[b-48y6kaq1r4] {
    font-size: 0.7rem;
    color: var(--text-muted);
    flex-shrink: 0;
}

.saved-message-card p[b-48y6kaq1r4] {
    margin: 0;
    color: var(--text-primary);
    font-size: 0.9rem;
    line-height: 1.42;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.saved-message-attachments[b-48y6kaq1r4] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.55rem;
    color: var(--text-muted);
    font-size: 0.75rem;
}

.saved-messages-empty[b-48y6kaq1r4] {
    min-height: 55vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--text-muted);
}

.saved-messages-empty > i[b-48y6kaq1r4] {
    font-size: 2rem;
    color: var(--accent);
    margin-bottom: 0.75rem;
}

.saved-messages-empty h1[b-48y6kaq1r4] {
    margin: 0 0 0.4rem;
    color: var(--text-primary);
    font-size: 1.1rem;
}

.saved-messages-empty p[b-48y6kaq1r4] {
    margin: 0;
    max-width: 24rem;
    font-size: 0.85rem;
}


@media (min-width: 1024px) {
    .saved-messages-page[b-48y6kaq1r4] {
        left: var(--sidebar-width);
    }
}
/* /Components/Pages/Events/EventDetail.razor.rz.scp.css */
.event-header[b-7dg1xd7a3r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    max-width: 40rem;
}

.event-header-meta[b-7dg1xd7a3r] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.event-header-actions[b-7dg1xd7a3r] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.event-edit-btn[b-7dg1xd7a3r],
.event-delete-btn[b-7dg1xd7a3r] {
    border: 0.5px solid var(--border);
    background: var(--surface-2);
    border-radius: var(--radius);
    width: 2.2rem;
    height: 2.2rem;
    color: var(--text-secondary);
}

    .event-edit-btn:hover[b-7dg1xd7a3r] {
        color: var(--accent);
        border-color: var(--accent-border);
    }

    .event-delete-btn:hover[b-7dg1xd7a3r] {
        color: var(--danger);
        border-color: var(--danger-bg);
    }

.attendance-pills[b-7dg1xd7a3r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    max-width: 40rem;
}

.attendance-pills + .d-flex .btn-outline-primary[b-7dg1xd7a3r] {
    background: var(--accent-fill);
    border-color: var(--accent);
    color: var(--accent-text);
}

.attendance-pills + .d-flex .btn-outline-primary:hover[b-7dg1xd7a3r],
.attendance-pills + .d-flex .btn-outline-primary:focus[b-7dg1xd7a3r] {
    background: var(--accent-hover);
    border-color: var(--accent-hover);
    color: var(--accent-text);
}

.pill-no[b-7dg1xd7a3r] {
    background: var(--danger-bg);
    color: var(--danger);
}

.pill-unknown[b-7dg1xd7a3r] {
    background: var(--surface-1);
    color: var(--text-muted);
}

.korlista[b-7dg1xd7a3r] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 40rem;
}

.korlista-row[b-7dg1xd7a3r] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-left: 2px solid var(--border-strong);
    border-radius: var(--radius);
    padding: 0.45rem 0.55rem;
}

.korlista-row-original[b-7dg1xd7a3r] {
    border-left-color: var(--accent);
    background: color-mix(in srgb, var(--accent-bg) 28%, var(--surface-2));
}

.korlista-handle[b-7dg1xd7a3r] {
    color: var(--text-muted);
    cursor: grab;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-top: 0.12rem;
}

.korlista-body[b-7dg1xd7a3r] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.korlista-line1[b-7dg1xd7a3r] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
}

.korlista-line2[b-7dg1xd7a3r] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    min-width: 0;
    color: var(--text-muted);
    font-size: 0.73rem;
}

.korlista-title[b-7dg1xd7a3r] {
    min-width: 0;
    font-weight: 500;
    font-size: 0.9rem;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.korlista-origin[b-7dg1xd7a3r] {
    min-width: 0;
    flex: 1;
    color: var(--text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.korlista-note[b-7dg1xd7a3r] {
    flex-shrink: 0;
    color: var(--text-secondary);
    font-style: italic;
    white-space: nowrap;
}

.korlista-remove[b-7dg1xd7a3r] {
    flex-shrink: 0;
    border: none;
    background: none;
    color: var(--text-muted);
    padding: 0.2rem 0.35rem;
    border-radius: var(--radius);
    margin-top: 0.05rem;
}

.korlista-remove:hover[b-7dg1xd7a3r] {
    color: var(--danger);
    background: var(--danger-bg);
}

.picker-chips[b-7dg1xd7a3r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.7rem;
}

.picker-list[b-7dg1xd7a3r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: 40rem;
    max-height: 18rem;
    overflow-y: auto;
    border: 0.5px solid var(--border);
    border-radius: var(--radius);
    padding: 0.4rem;
    background: var(--surface-2);
}

.picker-row[b-7dg1xd7a3r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    background: none;
    border-radius: var(--radius);
    padding: 0.5rem 0.7rem;
    font-weight: 400;
    text-align: left;
    color: var(--text-primary);
}

    .picker-row:not(:disabled):hover[b-7dg1xd7a3r] {
        background: var(--surface-1);
    }

.picker-row-added[b-7dg1xd7a3r] {
    color: var(--text-muted);
}

.picker-icon[b-7dg1xd7a3r] {
    font-weight: 500;
}

.attendance-checklist[b-7dg1xd7a3r] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 20rem;
}

.attendance-check-row[b-7dg1xd7a3r] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.3rem 0;
}

.review-list[b-7dg1xd7a3r] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 30rem;
    margin-bottom: 1rem;
}

.review-row[b-7dg1xd7a3r] {
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius);
    padding: 0.6rem 0.8rem;
}

.review-author[b-7dg1xd7a3r] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: 0.9rem;
}

.review-stars[b-7dg1xd7a3r] {
    display: inline-flex;
    gap: 1px;
    margin-left: 0.5rem;
    font-size: 0.85rem;
}

.review-star-filled[b-7dg1xd7a3r] {
    color: var(--warning);
}

.review-star-empty[b-7dg1xd7a3r] {
    color: var(--text-muted);
}

.review-comment[b-7dg1xd7a3r] {
    color: var(--text-secondary);
    font-size: 0.85rem;
    margin: 0.3rem 0 0;
}

.review-form[b-7dg1xd7a3r] {
    max-width: 30rem;
}

.review-stars-input[b-7dg1xd7a3r] {
    margin-left: 0;
    font-size: 1.1rem;
}

.review-star-btn[b-7dg1xd7a3r] {
    border: none;
    background: none;
    padding: 0.1rem;
}


.event-edit-all-day[b-7dg1xd7a3r] {
    display: flex;
    flex-direction: column;
}

.event-all-day-pill[b-7dg1xd7a3r] {
    display: inline-flex;
    align-items: center;
    min-height: 2.35rem;
    padding: 0.45rem 0.7rem;
    border: 0.5px solid var(--border-strong);
    border-radius: var(--radius);
    background: var(--surface-1);
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.korlista-source[b-7dg1xd7a3r] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    flex-shrink: 0;
    padding: 0.12rem 0.38rem;
    border-radius: 999px;
    font-size: 0.63rem;
    font-weight: 500;
    line-height: 1.2;
}

.korlista-source-original[b-7dg1xd7a3r] {
    background: var(--accent-bg);
    color: var(--accent);
}

.korlista-source-pool[b-7dg1xd7a3r] {
    background: var(--warning-bg);
    color: var(--warning);
}

.korlista-source-decided[b-7dg1xd7a3r] {
    background: var(--success-bg);
    color: var(--success);
}

.korlista-source-archived[b-7dg1xd7a3r] {
    background: var(--surface-1);
    color: var(--text-muted);
}

.picker-song-main[b-7dg1xd7a3r] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.event-linked-songs[b-7dg1xd7a3r] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
}

.event-linked-songs > strong[b-7dg1xd7a3r] {
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.event-linked-songs a[b-7dg1xd7a3r] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    width: fit-content;
    text-decoration: none;
}

.event-edit-song-list[b-7dg1xd7a3r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 14rem;
    overflow-y: auto;
    border: 0.5px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface-1);
    padding: 0.25rem;
}

.event-edit-song-row[b-7dg1xd7a3r] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.55rem;
    border-radius: calc(var(--radius) - 2px);
    color: var(--text-secondary);
    cursor: pointer;
    font-size: 0.86rem;
}

.event-edit-song-row input[b-7dg1xd7a3r] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--accent);
    flex-shrink: 0;
}

.event-edit-song-row-selected[b-7dg1xd7a3r] {
    background: var(--accent-bg);
    color: var(--text-primary);
}

@media (max-width: 640.98px) {
    .korlista-source[b-7dg1xd7a3r] {
        flex-shrink: 0;
    }

    .korlista-line2[b-7dg1xd7a3r] {
        gap: 0.35rem;
    }
}
/* /Components/Pages/Finance/FinancePage.razor.rz.scp.css */
.finance-simple[b-2uc239w3ju] { max-width:1120px; margin:0 auto; padding:0 0 3rem; }
.finance-simple-header[b-2uc239w3ju] { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; margin:0 0 1.5rem; }
.finance-simple-header h1[b-2uc239w3ju] { margin:.2rem 0 .4rem; font-size:clamp(1.6rem,3vw,2rem); font-weight:650; letter-spacing:-.025em; }
.finance-simple-header p[b-2uc239w3ju] { color:var(--text-secondary); font-size:.9rem; line-height:1.5; max-width:44rem; margin:0; }
.finance-simple-eyebrow[b-2uc239w3ju] { font-size:.66rem; color:var(--text-muted); letter-spacing:.12em; font-weight:600; }
.finance-simple-panel[b-2uc239w3ju] { background:var(--surface-1); border:1px solid var(--border); border-radius:var(--radius-card); padding:clamp(1rem,2.5vw,1.45rem); min-width:0; margin-bottom:1rem; }
.finance-simple-panel h2[b-2uc239w3ju] { font-size:1.08rem; font-weight:650; margin:0 0 .55rem; }
.finance-simple-muted[b-2uc239w3ju] { color:var(--text-secondary); font-size:.79rem; line-height:1.55; }
.finance-simple-empty[b-2uc239w3ju] { color:var(--text-muted); font-size:.86rem; padding:1rem 0; margin:0; }
.finance-simple-welcome[b-2uc239w3ju] { max-width:600px; margin:3rem auto; }
.finance-simple-welcome > i[b-2uc239w3ju] { color:var(--accent); font-size:2.5rem; display:block; margin-bottom:.9rem; }
.finance-simple-welcome p[b-2uc239w3ju] { color:var(--text-secondary); font-size:.9rem; line-height:1.6; margin-bottom:1.2rem; }
.finance-simple-switch[b-2uc239w3ju] { border-bottom:1px solid var(--border); display:flex; align-items:center; gap:.5rem; margin-bottom:1.4rem; }
.finance-simple-switch button[b-2uc239w3ju] { appearance:none; border:0; border-bottom:2px solid transparent; color:var(--text-secondary); background:none; padding:.8rem 1.1rem; cursor:pointer; font-size:.86rem; }
.finance-simple-switch button.active[b-2uc239w3ju] { border-bottom-color:var(--accent); color:var(--accent); font-weight:600; }
.finance-simple-metrics[b-2uc239w3ju] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; margin-bottom:.65rem; }
.finance-simple-metrics > div[b-2uc239w3ju] { display:grid; gap:.55rem; padding:1rem; border-radius:var(--radius-card); border:1px solid var(--border); background:var(--surface-1); min-width:0; }
.finance-simple-metrics span[b-2uc239w3ju] { color:var(--text-secondary); font-size:.72rem; }
.finance-simple-metrics strong[b-2uc239w3ju] { font-size:clamp(1rem,1.7vw,1.32rem); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.finance-simple-columns[b-2uc239w3ju] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); align-items:start; gap:.9rem; margin-top:1.25rem; }
.finance-simple-panel-heading[b-2uc239w3ju] { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.8rem; }
.finance-simple-panel-heading h2[b-2uc239w3ju] { margin:0; }
.finance-simple-text-button[b-2uc239w3ju] { cursor:pointer; background:none; border:0; padding:.25rem 0; color:var(--accent); text-decoration:none; font-size:.8rem; }
.finance-simple-year[b-2uc239w3ju] { max-width:6.5rem; font-size:.84rem; }
.finance-simple-preview[b-2uc239w3ju] { display:flex; gap:.75rem; align-items:center; justify-content:space-between; width:100%; border:0; border-top:1px solid var(--border); background:transparent; color:var(--text-primary); text-align:left; padding:.82rem 0; cursor:pointer; }
.finance-simple-preview:hover[b-2uc239w3ju] { background:var(--surface-2); }
.finance-simple-preview span:first-child[b-2uc239w3ju] { display:grid; min-width:0; gap:.25rem; }
.finance-simple-preview strong[b-2uc239w3ju] { font-size:.87rem; }
.finance-simple-preview small[b-2uc239w3ju] { font-size:.75rem; color:var(--text-muted); }
.finance-simple-amount[b-2uc239w3ju] { flex-shrink:0; font-weight:600; font-variant-numeric:tabular-nums; }
.finance-simple-amount.is-income[b-2uc239w3ju] { color:var(--success); }
.finance-simple-table-scroll[b-2uc239w3ju] { width:100%; overflow-x:auto; }
.finance-simple-stats[b-2uc239w3ju] { width:100%; border-collapse:collapse; min-width:430px; }
.finance-simple-stats th[b-2uc239w3ju] { text-align:right; color:var(--text-muted); font-size:.7rem; font-weight:500; padding:.6rem .35rem; border-bottom:1px solid var(--border); white-space:nowrap; }
.finance-simple-stats td[b-2uc239w3ju] { text-align:right; padding:.7rem .35rem; border-bottom:1px solid var(--border); font-size:.8rem; font-variant-numeric:tabular-nums; white-space:nowrap; }
.finance-simple-stats th:first-child[b-2uc239w3ju],.finance-simple-stats td:first-child[b-2uc239w3ju] { text-align:left; white-space:normal; }
.finance-simple-filters[b-2uc239w3ju] { display:flex; gap:.4rem; flex-wrap:wrap; margin:0 0 1rem; }
.finance-simple-filters button[b-2uc239w3ju] { background:var(--surface-2); border:1px solid var(--border); border-radius:999px; font-size:.75rem; padding:.4rem .75rem; color:var(--text-secondary); cursor:pointer; }
.finance-simple-filters button.active[b-2uc239w3ju] { border-color:var(--accent-border); color:var(--accent); background:var(--accent-bg); }
.finance-simple-post[b-2uc239w3ju] { padding:1rem 0; border-top:1px solid var(--border); }
.finance-simple-post-top[b-2uc239w3ju] { display:flex; gap:.6rem; align-items:center; margin-bottom:.35rem; }
.finance-simple-type[b-2uc239w3ju] { text-transform:uppercase; letter-spacing:.055em; font-size:.65rem; color:var(--text-muted); }
.finance-simple-state[b-2uc239w3ju] { font-size:.68rem; border-radius:999px; padding:.18rem .55rem; }
.finance-simple-state.is-open[b-2uc239w3ju] { color:var(--warning); background:var(--warning-bg); }
.finance-simple-state.is-done[b-2uc239w3ju] { color:var(--success); background:var(--success-bg); }
.finance-simple-post-main[b-2uc239w3ju] { display:flex; gap:1rem; align-items:flex-start; justify-content:space-between; }
.finance-simple-post-info[b-2uc239w3ju] { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:.27rem; }
.finance-simple-post-info strong[b-2uc239w3ju] { overflow-wrap:anywhere; font-size:.95rem; font-weight:600; }
.finance-simple-post-info p[b-2uc239w3ju] { margin:0; color:var(--text-secondary); font-size:.8rem; }
.finance-simple-post-info small[b-2uc239w3ju] { display:block; font-size:.74rem; color:var(--text-muted); }
.finance-simple-post-info small.finance-simple-overdue[b-2uc239w3ju] { color:var(--warning); }
.finance-simple-post-info a[b-2uc239w3ju] { font-size:.77rem; }
.finance-simple-post-right[b-2uc239w3ju] { display:flex; flex-direction:column; gap:.7rem; align-items:flex-end; text-align:right; }
.finance-simple-actions[b-2uc239w3ju] { display:flex; flex-wrap:wrap; gap:.35rem; justify-content:flex-end; }
.finance-simple-actions .btn[b-2uc239w3ju] { font-size:.72rem; padding:.35rem .6rem; }
.finance-simple-inline[b-2uc239w3ju] { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem; margin-top:.85rem; padding:.8rem; border:1px solid var(--border); border-radius:var(--radius-card); background:var(--surface-2); }
.finance-simple-inline label[b-2uc239w3ju],.finance-simple-inline span[b-2uc239w3ju] { font-size:.8rem; }
.finance-simple-inline input[type=date][b-2uc239w3ju] { width:auto; min-width:150px; }
.finance-simple-delete[b-2uc239w3ju] { border-color:var(--accent-border); }
.finance-simple-posts-heading .finance-simple-muted[b-2uc239w3ju] { margin:.4rem 0 0; }
.finance-simple-form[b-2uc239w3ju] { position:fixed; inset:0; z-index:1050; overflow-y:auto; background:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:flex-start; padding:clamp(.75rem,3vw,2.5rem) .75rem; }
.finance-simple-form-card[b-2uc239w3ju] { width:min(100%,570px); padding:clamp(1.1rem,3vw,1.6rem); background:var(--surface-1); border:1px solid var(--border); border-radius:var(--radius-card); box-shadow:0 25px 65px rgba(0,0,0,.25); }
.finance-simple-form-heading[b-2uc239w3ju] { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1.1rem; }
.finance-simple-form-heading h2[b-2uc239w3ju] { font-size:1.18rem; margin:0; }
.finance-simple-close[b-2uc239w3ju] { border:0; background:transparent; color:var(--text-secondary); cursor:pointer; font-size:1.35rem; }
.finance-simple-field[b-2uc239w3ju] { display:flex; flex-direction:column; gap:.35rem; margin-bottom:.95rem; min-width:0; }
.finance-simple-field label[b-2uc239w3ju] { color:var(--text-secondary); font-size:.78rem; }
.finance-simple-field .form-control[b-2uc239w3ju],.finance-simple-field .form-select[b-2uc239w3ju] { width:100%; }
.finance-simple-field input[type=file][b-2uc239w3ju] { max-width:100%; font-size:.78rem; }
.finance-simple-field small[b-2uc239w3ju] { font-size:.73rem; color:var(--text-muted); }
.finance-simple-fields-two[b-2uc239w3ju] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.finance-simple-form-actions[b-2uc239w3ju] { display:flex; gap:.55rem; flex-wrap:wrap; margin:1.4rem 0 1rem; }
.finance-simple-checkbox[b-2uc239w3ju] { display:flex; flex-direction:row; align-items:center; gap:.5rem; margin-top:.6rem; }
.finance-simple-privacy[b-2uc239w3ju] { border-top:1px solid var(--border); margin:1.3rem 0 0; padding:.85rem 0; }
.finance-simple-privacy label[b-2uc239w3ju] { display:flex; align-items:center; gap:.5rem; font-size:.78rem; color:var(--text-secondary); }
@media(max-width:850px) { .finance-simple-metrics[b-2uc239w3ju] { grid-template-columns:repeat(2,minmax(0,1fr)); } .finance-simple-columns[b-2uc239w3ju] { grid-template-columns:1fr; } }
@media(max-width:560px) {
 .finance-simple-header[b-2uc239w3ju] { flex-direction:column; }
 .finance-simple-panel[b-2uc239w3ju] { padding:1rem; }
 .finance-simple-post-main[b-2uc239w3ju] { flex-direction:column; gap:.8rem; }
 .finance-simple-post-right[b-2uc239w3ju] { width:100%; align-items:flex-start; text-align:left; }
 .finance-simple-actions[b-2uc239w3ju] { justify-content:flex-start; }
 .finance-simple-fields-two[b-2uc239w3ju] { grid-template-columns:1fr; gap:0; }
 .finance-simple-inline[b-2uc239w3ju] { align-items:stretch; flex-direction:column; }
 .finance-simple-inline input[type=date][b-2uc239w3ju] { width:100%; }
 .finance-simple-form[b-2uc239w3ju] { padding:0; }
 .finance-simple-form-card[b-2uc239w3ju] { min-height:100dvh; border-radius:0; border:0; }
}

/* Bandkassa: compact top-level balance and focused cash ledger. */
.finance-cash-card[b-2uc239w3ju] { display:flex; align-items:center; gap:1.1rem; width:100%; text-align:left;
  padding:1.25rem 1.45rem; background:var(--surface-1); border:1px solid var(--border);
  border-radius:var(--radius-card); color:var(--text-primary); cursor:pointer; margin:0 0 1rem;
  transition:border-color .15s, transform .15s; }
.finance-cash-card:hover[b-2uc239w3ju] { border-color:var(--accent); transform:translateY(-1px); }
.finance-cash-card:focus-visible[b-2uc239w3ju] { outline:2px solid var(--accent); outline-offset:3px; }
.finance-cash-icon[b-2uc239w3ju] { display:grid; place-items:center; border-radius:14px; padding:.7rem;
  background:var(--accent-bg); color:var(--accent); font-size:1.6rem; flex-shrink:0; }
.finance-cash-copy[b-2uc239w3ju] { display:flex; flex-direction:column; gap:.2rem; flex:1; min-width:0; }
.finance-cash-copy > strong[b-2uc239w3ju] { font-size:.92rem; }
.finance-cash-copy > small[b-2uc239w3ju] { font-size:.76rem; color:var(--text-secondary); }
.finance-cash-amount[b-2uc239w3ju] { font-size:clamp(1.4rem,2.3vw,1.85rem); font-weight:700;
  font-variant-numeric:tabular-nums; overflow-wrap:anywhere; margin:.25rem 0; }
.finance-cash-chevron[b-2uc239w3ju] { color:var(--text-muted); font-size:1.15rem; }
.finance-cash-heading-amount[b-2uc239w3ju] { font-size:clamp(1.1rem,2.2vw,1.55rem);
  font-variant-numeric:tabular-nums; white-space:nowrap; }
.finance-cash-request-form[b-2uc239w3ju] { border:1px solid var(--border); border-radius:var(--radius-card);
  padding:1rem; margin-top:1rem; background:var(--surface-2); }
.finance-cash-request-form h3[b-2uc239w3ju] { font-size:1rem; margin-bottom:1.1rem; }
.finance-cash-movement[b-2uc239w3ju] { display:flex; align-items:center; gap:.85rem; padding:.9rem 0;
  border-top:1px solid var(--border); min-width:0; }
.finance-cash-movement-icon[b-2uc239w3ju] { display:grid; place-items:center; color:var(--text-secondary);
  background:var(--surface-2); border-radius:10px; width:2.2rem; height:2.2rem; flex-shrink:0; }
.finance-cash-movement-icon.is-income[b-2uc239w3ju] { color:var(--success); }
.finance-cash-movement-info[b-2uc239w3ju] { display:flex; flex-direction:column; flex:1; gap:.25rem; min-width:0; }
.finance-cash-movement-info strong[b-2uc239w3ju] { font-size:.85rem; overflow-wrap:anywhere; }
.finance-cash-movement-info small[b-2uc239w3ju] { font-size:.74rem; color:var(--text-muted); }
.finance-cash-movement-amount[b-2uc239w3ju] { font-size:.86rem; text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.finance-cash-movement-amount.is-income[b-2uc239w3ju] { color:var(--success); }
.finance-member-request[b-2uc239w3ju] { border-top:1px solid var(--border); padding:1rem 0 .5rem; }
.finance-member-request-heading[b-2uc239w3ju] { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;
  gap:.65rem; margin-bottom:.5rem; }
.finance-member-request-heading > div[b-2uc239w3ju] { display:flex; flex-direction:column; gap:.25rem; }
.finance-member-request-heading strong[b-2uc239w3ju] { font-size:.92rem; }
.finance-member-request-heading small[b-2uc239w3ju] { color:var(--text-secondary); font-size:.75rem; }
.finance-member-request-heading > span[b-2uc239w3ju] { color:var(--text-secondary); font-size:.75rem; }
.finance-member-share-row[b-2uc239w3ju] { display:flex; justify-content:space-between; align-items:center;
  flex-wrap:wrap; gap:.65rem; padding:.65rem 0; border-top:1px solid var(--border); }
.finance-member-share-row > span:first-child[b-2uc239w3ju] { display:flex; flex-direction:column; gap:.2rem; }
.finance-member-share-row strong[b-2uc239w3ju] { font-size:.84rem; }
.finance-member-share-row small[b-2uc239w3ju] { color:var(--text-muted); font-size:.74rem; }
@media(max-width:560px) {
  .finance-cash-card[b-2uc239w3ju] { padding:1rem; gap:.75rem; }
  .finance-cash-movement[b-2uc239w3ju] { gap:.5rem; }
  .finance-cash-movement-amount[b-2uc239w3ju] { white-space:normal; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-band-grid[b-tprdm225r7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 40rem;
}

.home-band-card[b-tprdm225r7] {
    padding: 0;
    overflow: hidden;
}

.home-hint[b-tprdm225r7] {
    font-size: 0.85rem;
    margin: -0.5rem 0 1rem;
}

.home-band-card-header[b-tprdm225r7] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1.3rem 1.1rem 1.1rem;
    border-bottom: 0.5px solid var(--border);
}

.home-band-card-handle[b-tprdm225r7] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    color: var(--text-muted);
    font-size: 1.1rem;
    cursor: grab;
}

.home-band-card-header-link[b-tprdm225r7] {
    flex: 1;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.home-band-card-ghost[b-tprdm225r7] {
    opacity: 0.4;
}

.home-band-card-logo[b-tprdm225r7] {
    display: block;
    max-height: 64px;
    max-width: 88%;
    object-fit: contain;
}

.home-band-card-name[b-tprdm225r7] {
    display: block;
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--text-primary);
    text-align: center;
}

/* Samma klassnamn som i BandHome.razor.css — CSS-isolering scopar per
   komponent, och de här raderna renderas här, inte där. */
.home-activity-list[b-tprdm225r7] {
    display: flex;
    flex-direction: column;
}

    .home-activity-list p[b-tprdm225r7] {
        margin: 0;
        padding: 0.7rem 1.1rem;
    }

.home-activity-row[b-tprdm225r7] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.7rem 1.1rem;
    text-decoration: none;
    color: inherit;
    border-bottom: 0.5px solid var(--border);
}

    .home-activity-row:last-child[b-tprdm225r7] {
        border-bottom: none;
    }

    .home-activity-row:hover[b-tprdm225r7] {
        background: var(--surface-1);
    }

.home-activity-date[b-tprdm225r7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 2.6rem;
    flex-shrink: 0;
}

.home-activity-day[b-tprdm225r7] {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--text-primary);
    line-height: 1.1;
}

.home-activity-month[b-tprdm225r7] {
    font-size: 0.7rem;
    color: var(--text-muted);
    text-transform: uppercase;
}

.home-activity-info[b-tprdm225r7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.home-activity-type[b-tprdm225r7] {
    font-size: 0.92rem;
    font-weight: 500;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.home-activity-place[b-tprdm225r7] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-invites-card[b-tprdm225r7] {
    max-width: 30rem;
}

.home-onboarding[b-tprdm225r7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 30rem;
}

.home-onboarding-card[b-tprdm225r7] {
    margin-bottom: 0;
}

.home-join-section[b-tprdm225r7] {
    max-width: 30rem;
    margin-top: 1.5rem;
}

.home-onboarding-subheading[b-tprdm225r7] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    margin: 1rem 0 0.5rem;
}

.home-search-results[b-tprdm225r7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.home-search-row[b-tprdm225r7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.2rem;
    border-bottom: 0.5px solid var(--border);
}

    .home-search-row:last-child[b-tprdm225r7] {
        border-bottom: none;
    }



.home-create-form[b-tprdm225r7] {
    display: grid;
    gap: .8rem;
}

.home-create-form > label[b-tprdm225r7] {
    display: grid;
    gap: .3rem;
}

.home-create-form > label > span[b-tprdm225r7],
.home-create-genres legend[b-tprdm225r7] {
    color: var(--text-secondary);
    font-size: .76rem;
    font-weight: 650;
}

.home-create-genres[b-tprdm225r7] {
    margin: 0;
    padding: 0;
    border: 0;
}

.home-create-genres legend[b-tprdm225r7] {
    margin-bottom: .45rem;
}

.home-create-genres legend small[b-tprdm225r7] {
    color: var(--text-muted);
    font-size: .68rem;
    font-weight: 500;
}

.home-create-genre-grid[b-tprdm225r7] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    max-height: 10rem;
    overflow-y: auto;
}

.home-create-genre[b-tprdm225r7] {
    position: relative;
}

.home-create-genre input[b-tprdm225r7] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.home-create-genre span[b-tprdm225r7] {
    display: inline-flex;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    padding: .32rem .62rem;
    color: var(--text-secondary);
    font-size: .72rem;
}

.home-create-genre input:checked + span[b-tprdm225r7] {
    border-color: var(--accent-border);
    color: var(--accent);
    background: var(--accent-bg);
}


.home-band-paused[b-tprdm225r7] {
    flex: 0 0 auto;
    margin-left: .5rem;
}

.home-create-required-note[b-tprdm225r7] {
    font-size: .76rem;
    color: var(--text-secondary);
    margin: 0 0 .6rem;
}
.home-create-required[b-tprdm225r7] {
    font-weight: 750;
    color: var(--accent);
}
.home-create-field-hint[b-tprdm225r7] {
    color: var(--text-muted);
    font-size: .72rem;
}
.home-create-form > button.btn.btn-primary[b-tprdm225r7] {
    background: var(--accent-fill);
    color: var(--accent-text);
    border-color: var(--accent-fill);
    font-weight: 650;
}
.home-create-form > button.btn.btn-primary:hover:not(:disabled)[b-tprdm225r7] {
    background: var(--accent-fill-hover);
    border-color: var(--accent-fill-hover);
}
.home-create-form > button.btn.btn-primary:disabled[b-tprdm225r7] {
    background: var(--surface-3);
    color: var(--text-secondary);
    border-color: var(--border-strong);
    opacity: 1;
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.legal-page[b-xzkgl75wjt] {
    max-width: 48rem;
    margin: 0 auto;
    padding-bottom: 4rem;
}

.legal-page h1[b-xzkgl75wjt] {
    margin-bottom: 0.25rem;
}

.legal-updated[b-xzkgl75wjt] {
    color: var(--text-muted);
    font-size: 0.82rem;
    margin-bottom: 2rem;
}

.legal-page section[b-xzkgl75wjt] {
    margin-bottom: 1.75rem;
}

.legal-page h2[b-xzkgl75wjt] {
    margin-bottom: 0.55rem;
    font-size: 1.05rem;
}

.legal-page p[b-xzkgl75wjt],
.legal-page li[b-xzkgl75wjt] {
    color: var(--text-secondary);
    line-height: 1.6;
}

.legal-page ul[b-xzkgl75wjt] {
    padding-left: 1.25rem;
}

.legal-page a[b-xzkgl75wjt] {
    color: var(--accent);
}
/* /Components/Pages/Setlists/SetlistEditor.razor.rz.scp.css */
.setlist-name-input[b-g83zppipi2] {
    max-width: 24rem;
    font-size: 1.4rem;
    font-weight: 500;
    border: none;
    background: transparent;
    padding-left: 0;
}

    .setlist-name-input:focus[b-g83zppipi2] {
        box-shadow: none;
        border-bottom: 2px solid var(--accent);
        border-radius: 0;
    }

.setlist-items[b-g83zppipi2] {
    max-width: 40rem;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.setlist-row[b-g83zppipi2] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-left: 2px solid var(--text-muted);
    border-radius: var(--radius);
    padding: 0.5rem 0.6rem;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.setlist-row-ghost[b-g83zppipi2] {
    opacity: 0.4;
}

/* Raden som just flyttades (pil eller SortableJS) — ögat ska hinna följa med. */
.setlist-row-highlight[b-g83zppipi2] {
    border-color: var(--accent);
    background: var(--accent-bg);
}

.setlist-row-song[b-g83zppipi2] {
    border-left-color: var(--accent);
}

.setlist-row-break[b-g83zppipi2], .setlist-row-talk[b-g83zppipi2] {
    border-left-color: var(--warning);
}

.setlist-row-handle[b-g83zppipi2] {
    color: var(--text-muted);
    cursor: grab;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-top: 0.15rem;
}

.setlist-row-icon[b-g83zppipi2] {
    font-size: 15px;
    color: var(--text-muted);
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.setlist-row-body[b-g83zppipi2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.setlist-row-line1[b-g83zppipi2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
}

.setlist-row-line2[b-g83zppipi2] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    min-width: 0;
    font-size: 0.76rem;
    color: var(--text-muted);
}

.setlist-row-title[b-g83zppipi2] {
    display: block;
    font-weight: 500;
    font-size: 0.9rem;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.setlist-row-artist[b-g83zppipi2] {
    display: block;
    font-size: 0.8rem;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.setlist-row-meta[b-g83zppipi2] {
    display: block;
    font-size: 0.76rem;
    color: var(--text-secondary);
    white-space: nowrap;
}

.setlist-row-comment[b-g83zppipi2] {
    display: block;
    font-size: 0.78rem;
    font-style: italic;
    color: var(--text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.setlist-row-remove[b-g83zppipi2] {
    flex-shrink: 0;
    border: none;
    background: none;
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1;
    padding: 0.25rem 0.4rem;
    border-radius: var(--radius);
    margin-top: 0.1rem;
}

    .setlist-row-remove:hover[b-g83zppipi2] {
        color: var(--danger);
        background: var(--danger-bg);
    }


.setlist-add-choose[b-g83zppipi2], .setlist-add-panel[b-g83zppipi2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    border: 0.5px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface-1);
    padding: 0.9rem;
}

.setlist-add-panel[b-g83zppipi2] {
    flex-direction: column;
    align-items: stretch;
}

.setlist-song-picker[b-g83zppipi2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 16rem;
    overflow-y: auto;
}

.setlist-song-option[b-g83zppipi2] {
    text-align: left;
    border: none;
    background: var(--surface-2);
    border-radius: var(--radius);
    padding: 0.5rem 0.7rem;
    font-weight: 400;
    color: var(--text-primary);
}

    .setlist-song-option:hover[b-g83zppipi2] {
        background: var(--accent-bg);
    }

.setlist-import-panel[b-g83zppipi2] {
    max-width: 40rem;
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    background: var(--surface-2);
    padding: 1rem;
}

.setlist-import-tabs[b-g83zppipi2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.setlist-header[b-g83zppipi2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: 40rem;
    margin-bottom: 1rem;
}
.setlist-live-btn[b-g83zppipi2] { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
.setlist-row-duration[b-g83zppipi2] { color: var(--text-secondary); font-size: .8rem; white-space: nowrap; flex-shrink: 0; }
.setlist-library-tabs[b-g83zppipi2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    background: var(--surface-0);
    padding: 4px;
    border-radius: var(--radius);
}
.setlist-library-tab[b-g83zppipi2] {
    border: 0;
    background: transparent;
    color: var(--text-secondary);
    border-radius: calc(var(--radius) - 2px);
    padding: .5rem .8rem;
}
.setlist-library-tab.active[b-g83zppipi2] { background: var(--accent-bg); color: #e5aab0; }
.setlist-song-option[b-g83zppipi2] { display:flex; align-items:center; justify-content:space-between; gap:.75rem; cursor:pointer; }
.setlist-song-option-check[b-g83zppipi2] { flex-shrink:0; width:1rem; height:1rem; accent-color:var(--accent); }
.setlist-song-option-selected[b-g83zppipi2] { background:var(--accent-bg); }
.setlist-song-option-copy[b-g83zppipi2] { display:flex; flex-direction:column; min-width:0; flex:1; }
.setlist-song-option-copy strong[b-g83zppipi2] { font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.setlist-song-option-copy span[b-g83zppipi2] { color:var(--text-secondary); font-size:.78rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.setlist-song-option-meta[b-g83zppipi2] { display:flex; flex-direction:column; align-items:flex-end; color:var(--text-muted); font-size:.76rem; white-space:nowrap; }
.setlist-song-option-added[b-g83zppipi2] { opacity:.55; cursor:default; }
.setlist-added-label[b-g83zppipi2] { color:var(--text-secondary); }
.setlist-add-actions[b-g83zppipi2] { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }

@media (max-width: 640px) {
    .setlist-header[b-g83zppipi2] { align-items:flex-start; }
    .setlist-live-btn[b-g83zppipi2] { padding:.55rem .7rem; }
}

/* =================== 2026 Setlist workspace ===================
   Keep the existing add/import/sort flows; only improve the reading/editing
   surface. On small screens the same details become a bottom sheet.
*/
.setlist-editor-page[b-g83zppipi2] { width:100%; max-width:1280px; margin:0 auto; padding-bottom:2.5rem; }
.setlist-header[b-g83zppipi2] { max-width:none; display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.05rem; }
.setlist-heading-copy[b-g83zppipi2] { min-width:0; display:grid; gap:.2rem; }
.setlist-eyebrow[b-g83zppipi2] { color:var(--accent); letter-spacing:.13em; font-size:.67rem; font-weight:700; }
.setlist-name-input[b-g83zppipi2] { max-width:min(100%,38rem); font-size:clamp(1.25rem,2.1vw,1.6rem); font-weight:650; padding:.22rem .15rem; }
.setlist-header-actions[b-g83zppipi2] { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:.55rem; }
.setlist-live-btn[b-g83zppipi2],.setlist-share-trigger[b-g83zppipi2] { font-size:.82rem; white-space:nowrap; display:inline-flex; align-items:center; gap:.4rem; }
.setlist-share-panel[b-g83zppipi2] { margin:.1rem 0 1rem; padding:1rem 1.15rem; display:grid; gap:.75rem;
 background:var(--surface-1); border:1px solid var(--border); border-radius:var(--radius-card); }
.setlist-share-panel strong[b-g83zppipi2] { font-size:.95rem; }
.setlist-share-panel p[b-g83zppipi2] { font-size:.81rem; line-height:1.45; color:var(--text-secondary); margin:.3rem 0 0; }
.setlist-share-panel small[b-g83zppipi2] { color:var(--text-muted); font-size:.74rem; }
.setlist-share-actions[b-g83zppipi2] { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; }
.setlist-share-actions .btn[b-g83zppipi2] { display:inline-flex; align-items:center; gap:.45rem; font-size:.76rem; }
.setlist-share-feedback[b-g83zppipi2] { margin:0; color:var(--success); font-size:.77rem; }
.setlist-workspace[b-g83zppipi2] { min-width:0; }
.setlist-main[b-g83zppipi2] { min-width:0; }
.setlist-table-shell[b-g83zppipi2] { width:100%; border:1px solid var(--border); border-radius:var(--radius-card);
 overflow-x:auto; background:var(--surface-1); }
.setlist-table-heading[b-g83zppipi2] { display:grid; grid-template-columns:22px 32px minmax(160px,2fr) 70px 68px 78px minmax(125px,1.5fr) 20px 28px;
 align-items:center; gap:.3rem; min-width:760px; padding:.72rem .55rem; border-bottom:1px solid var(--border);
 background:var(--surface-2); font-size:.69rem; font-weight:700; color:var(--text-muted);
 letter-spacing:.04em; text-transform:uppercase; }
.setlist-items[b-g83zppipi2] { width:100%; max-width:none; min-width:760px; gap:0; margin:0 !important; }
.setlist-row[b-g83zppipi2] { display:grid; grid-template-columns:22px minmax(0,1fr) 28px;
 gap:.3rem; align-items:center; width:100%; border:0; border-left:3px solid transparent; border-radius:0;
 border-bottom:1px solid var(--border); padding:.08rem .55rem; margin:0; background:transparent; transition:background .15s; }
.setlist-row-song[b-g83zppipi2] { border-left-color:transparent; }
.setlist-row-break[b-g83zppipi2],.setlist-row-talk[b-g83zppipi2] { border-left-color:var(--warning); background:var(--surface-2); }
.setlist-row:hover[b-g83zppipi2] { background:var(--surface-2); }
.setlist-row-selected[b-g83zppipi2] { background:var(--accent-bg) !important; border-left-color:var(--accent); }
.setlist-row-handle[b-g83zppipi2] { padding:.4rem 0; margin:0; justify-content:center; color:var(--text-muted); touch-action:none; }
.setlist-row-select[b-g83zppipi2] { display:grid; grid-template-columns:32px minmax(160px,2fr) 70px 68px 78px minmax(125px,1.5fr) 20px;
 align-items:center; gap:.3rem; min-height:3rem; width:100%; min-width:0; appearance:none;
 background:none; color:var(--text-primary); border:0; padding:.42rem 0;
 text-align:left; cursor:pointer; font:inherit; }
.setlist-row-select:focus-visible[b-g83zppipi2] { outline:2px solid var(--accent); outline-offset:-2px; border-radius:4px; }
.setlist-cell-number[b-g83zppipi2] { color:var(--text-muted); font-size:.73rem; font-variant-numeric:tabular-nums; }
.setlist-cell-song[b-g83zppipi2] { display:grid; gap:.13rem; min-width:0; }
.setlist-cell-song>.setlist-row-title[b-g83zppipi2] { display:flex; align-items:center; gap:.35rem;
 overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:600; font-size:.85rem; }
.setlist-cell-song>.setlist-row-title>i[b-g83zppipi2] { color:var(--warning); flex-shrink:0; font-size:.87rem; }
.setlist-cell-song>small[b-g83zppipi2] { font-size:.73rem; color:var(--text-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.setlist-cell-key[b-g83zppipi2] { font-size:.76rem; }
.setlist-key-badge[b-g83zppipi2] { display:inline-block; min-width:2.3rem; max-width:100%; padding:.14rem .4rem; border-radius:5px;
 background:var(--accent-bg); border:1px solid var(--accent-border); color:var(--accent);
 text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.72rem; font-weight:650; }
.setlist-cell-time[b-g83zppipi2],.setlist-cell-transition[b-g83zppipi2] { color:var(--text-secondary); font-size:.78rem; font-variant-numeric:tabular-nums; }
.setlist-cell-note[b-g83zppipi2] { min-width:0; font-size:.76rem; color:var(--text-secondary); line-height:1.4;
 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.setlist-cell-open[b-g83zppipi2] { color:var(--text-muted); text-align:right; font-size:.9rem; }
.setlist-row-remove[b-g83zppipi2] { margin:0; border-radius:5px; padding:.32rem .25rem; text-align:center; justify-self:center; }
.setlist-row-ghost[b-g83zppipi2] { opacity:.42; }
.setlist-row-highlight[b-g83zppipi2] { background:var(--accent-bg); }
.setlist-add-choose[b-g83zppipi2],.setlist-add-panel[b-g83zppipi2] { border:0; background:transparent; border-top:1px solid var(--border);
 border-radius:0; padding:.85rem 1rem; }
.setlist-import-panel[b-g83zppipi2] { max-width:none; }

/* Right-side editor: preserve visibility of the surrounding setlist. */
.setlist-detail-backdrop[b-g83zppipi2] { display:none; }
.setlist-detail-panel[b-g83zppipi2] { position:fixed; z-index:1210; top:0; right:0; bottom:0;
 width:min(435px,43vw); min-width:340px; display:flex; flex-direction:column;
 color:var(--text-primary); background:var(--surface-1); border-left:1px solid var(--border-strong);
 box-shadow:-18px 0 52px rgba(0,0,0,.43); }
.setlist-detail-heading[b-g83zppipi2] { display:flex; align-items:flex-start; justify-content:space-between;
 gap:.65rem; padding:1.2rem 1.25rem .65rem; }
.setlist-detail-heading h2[b-g83zppipi2] { font-size:1.16rem; line-height:1.3; margin:.2rem 0; overflow-wrap:anywhere; }
.setlist-detail-heading small[b-g83zppipi2],.setlist-detail-eyebrow[b-g83zppipi2] { color:var(--text-muted); font-size:.72rem; }
.setlist-detail-eyebrow[b-g83zppipi2] { color:var(--accent); letter-spacing:.1em; font-weight:700; font-size:.65rem; }
.setlist-detail-close[b-g83zppipi2] { color:var(--text-secondary); background:transparent; border:0; border-radius:8px;
 font-size:1.25rem; cursor:pointer; width:2rem; height:2rem; display:grid; place-items:center; }
.setlist-detail-close:hover[b-g83zppipi2] { color:var(--text-primary); background:var(--surface-2); }
.setlist-detail-artist[b-g83zppipi2] { display:flex; justify-content:space-between; gap:1rem; align-items:center;
 padding:0 1.25rem .9rem; color:var(--text-secondary); font-size:.76rem; }
.setlist-detail-artist a[b-g83zppipi2] { color:var(--accent); text-decoration:none; font-size:.75rem; }
.setlist-detail-nav[b-g83zppipi2] { display:flex; gap:.4rem; align-items:center; justify-content:space-between;
 padding:.7rem 1.25rem; border-block:1px solid var(--border); }
.setlist-detail-nav>.btn[b-g83zppipi2] { display:flex; align-items:center; gap:.25rem; font-size:.75rem; }
.setlist-detail-fields[b-g83zppipi2] { overflow:auto; padding:1.05rem 1.25rem 1.4rem; min-height:0; flex:1; }
.setlist-detail-field[b-g83zppipi2] { display:flex; flex-direction:column; gap:.33rem; margin-bottom:.95rem; min-width:0; }
.setlist-detail-field label[b-g83zppipi2] { font-size:.78rem; color:var(--text-secondary); font-weight:550; }
.setlist-detail-field input[b-g83zppipi2],.setlist-detail-field textarea[b-g83zppipi2] { width:100%; }
.setlist-detail-field textarea[b-g83zppipi2] { resize:vertical; line-height:1.4; }
.setlist-detail-two-col[b-g83zppipi2] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.setlist-detail-hint[b-g83zppipi2] { color:var(--text-muted); font-size:.73rem; line-height:1.5; }
.setlist-detail-footer[b-g83zppipi2] { border-top:1px solid var(--border); padding:.85rem 1.25rem;
 display:flex; align-items:center; justify-content:flex-end; gap:.5rem; flex-wrap:wrap;
 background:var(--surface-1); }
.setlist-detail-feedback[b-g83zppipi2] { font-size:.75rem; color:var(--success); }
.setlist-detail-footer .btn[b-g83zppipi2] { display:flex; align-items:center; gap:.4rem; }

/* Compact mobile list; tapping any item opens an accessible bottom detail sheet. */
@media (max-width:700px) {
 .setlist-header[b-g83zppipi2] { align-items:flex-start; flex-direction:column; gap:.6rem; }
 .setlist-header-actions[b-g83zppipi2] { width:100%; justify-content:flex-start; }
 .setlist-header-actions .btn[b-g83zppipi2] { font-size:.75rem; }
 .setlist-table-shell[b-g83zppipi2] { overflow:visible; }
 .setlist-table-heading[b-g83zppipi2] { display:none; }
 .setlist-items[b-g83zppipi2] { min-width:0; }
 .setlist-row[b-g83zppipi2] { grid-template-columns:16px minmax(0,1fr) 24px; padding:.25rem .45rem; gap:.3rem; }
 .setlist-row-handle[b-g83zppipi2] { align-self:center; }
 .setlist-row-select[b-g83zppipi2] { min-height:3.65rem; grid-template-columns:minmax(0,1fr) auto;
   grid-template-areas:"song open" "key time" "note note"; gap:.17rem .5rem; padding:.4rem .1rem; }
 .setlist-cell-number[b-g83zppipi2] { display:none; }
 .setlist-cell-song[b-g83zppipi2] { grid-area:song; }
 .setlist-cell-song>.setlist-row-title[b-g83zppipi2] { font-size:.86rem; }
 .setlist-cell-song>small[b-g83zppipi2] { font-size:.7rem; }
 .setlist-cell-key[b-g83zppipi2] { grid-area:key; }
 .setlist-cell-time[b-g83zppipi2] { grid-area:time; text-align:right; }
 .setlist-cell-transition[b-g83zppipi2] { display:none; }
 .setlist-cell-note[b-g83zppipi2] { grid-area:note; font-size:.71rem; }
 .setlist-cell-open[b-g83zppipi2] { grid-area:open; }
 .setlist-key-badge[b-g83zppipi2] { padding:.08rem .32rem; font-size:.68rem; }
 .setlist-detail-backdrop[b-g83zppipi2] { display:block; position:fixed; z-index:1200; inset:0;
   background:rgba(0,0,0,.67); border:0; cursor:pointer; }
 .setlist-detail-panel[b-g83zppipi2] { top:auto; left:0; right:0; bottom:0; height:min(89dvh,790px);
   width:100%; min-width:0; border:1px solid var(--border-strong); border-bottom:0;
   border-radius:18px 18px 0 0; box-shadow:0 -14px 55px rgba(0,0,0,.56); }
 .setlist-detail-heading[b-g83zppipi2] { padding:1rem 1rem .6rem; }
 .setlist-detail-artist[b-g83zppipi2] { padding:0 1rem .6rem; }
 .setlist-detail-nav[b-g83zppipi2] { padding:.6rem 1rem; }
 .setlist-detail-fields[b-g83zppipi2] { padding:.8rem 1rem 1rem; }
 .setlist-detail-footer[b-g83zppipi2] { padding:.7rem 1rem max(.8rem,env(safe-area-inset-bottom)); }
 .setlist-share-actions .btn[b-g83zppipi2] { flex:1 1 44%; justify-content:center; }
}
@media (max-width:380px) {
 .setlist-detail-two-col[b-g83zppipi2] { gap:.5rem; }
 .setlist-header-actions[b-g83zppipi2] { flex-wrap:wrap; }
}

/* Read-only song library notes stay visible when the sheet is opened on mobile. */
.setlist-detail-library-notes[b-g83zppipi2] { margin:0 0 1.05rem; padding:.75rem .85rem; border:1px solid var(--border);
  border-radius:var(--radius); background:var(--surface-2); }
.setlist-detail-library-notes strong[b-g83zppipi2] { display:block; color:var(--text-secondary); font-size:.72rem;
  margin-bottom:.3rem; }
.setlist-detail-library-notes p[b-g83zppipi2] { color:var(--text-primary); font-size:.79rem; line-height:1.45;
  white-space:pre-wrap; overflow-wrap:anywhere; margin:0; }

/* Wide desktops can keep all setlist columns visible beside the detail drawer. */
@media(min-width:1450px) {
  .setlist-workspace-editing[b-g83zppipi2] { padding-right:435px; }
  .setlist-detail-panel[b-g83zppipi2] { width:435px; }
}
/* /Components/Pages/Setlists/SetlistList.razor.rz.scp.css */
.setlists-header[b-m8iwx66gfi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.setlists-new-btn[b-m8iwx66gfi] {
    border: 0.5px solid var(--border-strong);
    background: transparent;
    color: var(--text-secondary);
    width: 2.2rem;
    height: 2.2rem;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

    .setlists-new-btn:hover[b-m8iwx66gfi] {
        color: var(--accent);
        border-color: var(--accent-border);
    }

.setlist-card-grid[b-m8iwx66gfi] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.9rem;
    max-width: 60rem;
    margin-top: 1rem;
}

.setlist-summary-card[b-m8iwx66gfi] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.setlist-summary-link[b-m8iwx66gfi] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.setlist-summary-name[b-m8iwx66gfi] {
    font-weight: 500;
    font-size: 1.05rem;
    color: var(--text-primary);
}

.setlist-summary-theme[b-m8iwx66gfi] {
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.setlist-summary-meta[b-m8iwx66gfi] {
    font-size: 0.78rem;
    color: var(--text-muted);
    margin-top: 0.3rem;
}

.setlist-summary-duplicate[b-m8iwx66gfi] {
    align-self: flex-start;
    margin-top: 0.6rem;
}
/* /Components/Pages/Setlists/SetlistLive.razor.rz.scp.css */
.live-shell[b-a7mkiodqhx] {
    position: fixed; inset: 0; z-index: 500;
    min-height: 100dvh;
    background: radial-gradient(circle at 50% 20%, #231113 0, var(--surface-0) 34rem);
    color: var(--text-primary);
    display: grid;
    grid-template-rows: auto 1fr auto;
    padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
}
.live-topbar[b-a7mkiodqhx] { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.8rem; }
.live-close[b-a7mkiodqhx] { width:2.6rem; height:2.6rem; border-radius:50%; display:grid; place-items:center; background:var(--surface-2); color:var(--text-primary); text-decoration:none; font-size:1.2rem; }
.live-topbar-copy[b-a7mkiodqhx] { display:flex; flex-direction:column; min-width:0; }
.live-topbar-copy strong[b-a7mkiodqhx] { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.live-kicker[b-a7mkiodqhx] { color:#e3a0a8; font-size:.68rem; letter-spacing:.18em; }
.live-progress[b-a7mkiodqhx] { color:var(--text-secondary); font-variant-numeric:tabular-nums; }
.live-stage[b-a7mkiodqhx] { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:2rem .5rem; }
.live-type[b-a7mkiodqhx] { color:#d89098; text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; margin-bottom:.75rem; }
.live-stage h1[b-a7mkiodqhx] { font-size:clamp(2.4rem, 11vw, 6rem); line-height:.98; font-weight:650; max-width:14ch; margin:0; }
.live-artist[b-a7mkiodqhx] { color:var(--text-secondary); font-size:clamp(1.05rem, 4vw, 1.5rem); margin:.9rem 0 0; }
.live-meta[b-a7mkiodqhx] { display:flex; justify-content:center; gap:.7rem; flex-wrap:wrap; margin:1.5rem 0 0; }
.live-meta span[b-a7mkiodqhx] { display:inline-flex; gap:.35rem; align-items:center; background:rgba(255,255,255,.05); border:1px solid var(--border); border-radius:999px; padding:.45rem .7rem; color:var(--text-secondary); }
.live-notes[b-a7mkiodqhx] { margin-top:1.5rem; max-width:40rem; padding:1rem 1.2rem; background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-card); color:var(--text-secondary); white-space:pre-line; }
.live-stage-break h1[b-a7mkiodqhx], .live-stage-talk h1[b-a7mkiodqhx] { color:#e7b970; }
.live-controls[b-a7mkiodqhx] { display:grid; grid-template-columns:1fr minmax(0, 1.4fr) 1fr; gap:.7rem; align-items:center; border-top:1px solid var(--border); padding-top:1rem; }
.live-nav[b-a7mkiodqhx] { min-height:3.5rem; border:1px solid var(--border-strong); background:var(--surface-2); color:var(--text-primary); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; gap:.35rem; }
.live-nav-next[b-a7mkiodqhx] { background:var(--accent-fill); border-color:var(--accent); }
.live-nav:disabled[b-a7mkiodqhx] { opacity:.3; }
.live-next-copy[b-a7mkiodqhx] { min-width:0; text-align:center; display:flex; flex-direction:column; }
.live-next-copy span[b-a7mkiodqhx] { color:var(--text-muted); font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; }
.live-next-copy strong[b-a7mkiodqhx] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.live-empty[b-a7mkiodqhx] { display:grid; place-items:center; color:var(--text-muted); }
@media (max-width:640px) {
    .live-controls[b-a7mkiodqhx] { grid-template-columns:1fr 1fr; }
    .live-next-copy[b-a7mkiodqhx] { grid-column:1/-1; grid-row:1; }
    .live-nav[b-a7mkiodqhx] { grid-row:2; }
}
/* /Components/Pages/Songs/OriginalSongs.razor.rz.scp.css */
.catalog-card[b-qyim3fwnyx] {
    max-width: 34rem;
    margin-bottom: 1.5rem;
}

.manual-form input[b-qyim3fwnyx] {
    max-width: 100%;
}

.manual-toggle[b-qyim3fwnyx] {
    display: block;
    margin-top: 0.75rem;
    border: none;
    background: none;
    color: var(--text-secondary);
    font-size: 0.85rem;
    padding: 0;
}

.manual-toggle-accent[b-qyim3fwnyx] {
    color: var(--accent);
}

.manual-toggle:hover .manual-toggle-accent[b-qyim3fwnyx] {
    opacity: 0.8;
}

.song-audio-pending-form[b-qyim3fwnyx] {
    max-width: 30rem;
    background: var(--surface-1);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    padding: 0.9rem;
    margin-top: 0.75rem;
}

.song-audio-pending-file[b-qyim3fwnyx] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.85rem;
    margin: 0 0 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.song-grid[b-qyim3fwnyx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.9rem;
    max-width: 60rem;
}

.song-card[b-qyim3fwnyx] {
    position: relative;
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    padding: 1rem 1.1rem;
}

.song-card-main[b-qyim3fwnyx] {
    display: block;
    text-decoration: none;
    padding-right: 1.5rem;
}

    .song-card-main:hover .song-card-title[b-qyim3fwnyx] {
        color: var(--accent);
    }

.song-card-heading[b-qyim3fwnyx] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.song-card-title[b-qyim3fwnyx] {
    font-weight: 500;
    font-size: 1.02rem;
    color: var(--text-primary);
}

.song-card-meta[b-qyim3fwnyx] {
    font-size: 0.76rem;
    color: var(--text-muted);
    margin-top: 0.15rem;
}

.song-card-menu-btn[b-qyim3fwnyx] {
    position: absolute;
    top: 0.9rem;
    right: 0.9rem;
    border: none;
    background: none;
    color: var(--text-muted);
    padding: 0.1rem 0.3rem;
    border-radius: var(--radius);
}

    .song-card-menu-btn:hover[b-qyim3fwnyx] {
        color: var(--text-primary);
        background: var(--surface-1);
    }

.song-card-menu[b-qyim3fwnyx] {
    display: flex;
    flex-direction: column;
    background: var(--surface-1);
    border-radius: var(--radius);
    padding: 0.3rem;
    margin-top: 0.6rem;
}

.song-card-menu-item[b-qyim3fwnyx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    background: none;
    color: var(--text-primary);
    text-decoration: none;
    padding: 0.4rem 0.5rem;
    border-radius: var(--radius);
    font-size: 0.85rem;
    text-align: left;
}

    .song-card-menu-item i[b-qyim3fwnyx] {
        color: var(--text-muted);
    }

    .song-card-menu-item:hover[b-qyim3fwnyx] {
        background: var(--surface-2);
    }

.song-card-menu-item-danger:hover[b-qyim3fwnyx] {
    color: var(--danger);
}

    .song-card-menu-item-danger:hover i[b-qyim3fwnyx] {
        color: var(--danger);
    }

.song-card-setlist-picker[b-qyim3fwnyx] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    background: var(--surface-1);
    border-radius: var(--radius);
    padding: 0.5rem;
    margin-top: 0.4rem;
    font-size: 0.85rem;
}

.song-card-setlist-option[b-qyim3fwnyx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}


.song-card-title-row[b-qyim3fwnyx] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}

.song-card-title-row .song-card-title[b-qyim3fwnyx] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.song-new-badge[b-qyim3fwnyx] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .12rem .38rem;
    border-radius: 999px;
    background: var(--accent-fill);
    color: var(--accent-text);
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .02em;
}

/* Även nya egna låtar ska ha samma röda primärknappar som resten av appen. */
.catalog-card .btn.btn-primary[b-qyim3fwnyx] {
    --bs-btn-bg: var(--accent-fill);
    --bs-btn-color: var(--accent-text);
    --bs-btn-border-color: var(--accent-fill);
    --bs-btn-hover-bg: var(--accent-fill-hover);
    --bs-btn-hover-color: var(--accent-text);
    background: var(--accent-fill);
    color: var(--accent-text);
    border-color: var(--accent-fill);
}

.catalog-card .btn.btn-primary:hover[b-qyim3fwnyx] {
    background: var(--accent-fill-hover);
    color: var(--accent-text);
    border-color: var(--accent-fill-hover);
}
/* /Components/Pages/Songs/SongDecided.razor.rz.scp.css */
.song-grid[b-ihit0e11s7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.9rem;
    max-width: 60rem;
}

.song-card[b-ihit0e11s7] {
    position: relative;
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    padding: 1rem 1.1rem;
}

.song-card-top[b-ihit0e11s7] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
}

.song-card-main[b-ihit0e11s7] {
    display: block;
    flex: 1;
    min-width: 0;
}

.song-card-heading[b-ihit0e11s7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.song-card-title[b-ihit0e11s7] {
    font-weight: 500;
    font-size: 1.02rem;
    color: var(--text-primary);
}

.song-card-artist[b-ihit0e11s7] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-top: 0.1rem;
}

.song-card-meta[b-ihit0e11s7] {
    font-size: 0.76rem;
    color: var(--text-muted);
    margin-top: 0.15rem;
}

.song-card-mini-actions[b-ihit0e11s7] {
    display: flex;
    align-items: center;
    gap: .3rem;
    flex-shrink: 0;
}

.song-mini-btn[b-ihit0e11s7] {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-grid;
    place-items: center;
    border: 0.5px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface-1);
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 1.05rem;
    padding: 0;
}

.song-mini-btn:hover[b-ihit0e11s7],
.song-mini-btn-active[b-ihit0e11s7] {
    color: var(--text-primary);
    border-color: var(--accent-border);
    background: var(--accent-bg);
}

.song-mini-btn-danger:hover[b-ihit0e11s7] {
    color: var(--danger);
    border-color: color-mix(in srgb, var(--danger) 35%, var(--border));
    background: var(--danger-bg);
}

.song-card-setlist-picker[b-ihit0e11s7] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    background: var(--surface-1);
    border-radius: var(--radius);
    padding: 0.6rem;
    margin-top: 0.65rem;
    font-size: 0.85rem;
}

.song-card-setlist-option[b-ihit0e11s7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2rem;
}

.song-card-actions[b-ihit0e11s7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.7rem;
}

.song-card-quicklinks[b-ihit0e11s7] {
    display: flex;
    gap: 0.4rem;
    margin-left: auto;
}

.song-quicklink[b-ihit0e11s7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius);
    border: 0.5px solid var(--border);
    background: var(--surface-1);
    font-size: 1rem;
    text-decoration: none;
}

.song-quicklink-active[b-ihit0e11s7] {
    color: var(--accent);
    border-color: var(--accent-border);
    background: var(--accent-bg);
}

.song-quicklink-muted[b-ihit0e11s7] {
    color: var(--text-muted);
    opacity: 0.6;
}

.song-quicklink-muted:hover[b-ihit0e11s7] {
    opacity: 1;
    color: var(--text-secondary);
}

@media (max-width: 480px) {
    .song-card[b-ihit0e11s7] {
        padding: .9rem;
    }

    .song-mini-btn[b-ihit0e11s7] {
        width: 2.1rem;
        height: 2.1rem;
    }
}
/* /Components/Pages/Songs/SongEdit.razor.rz.scp.css */
.song-edit-quicklinks[b-64jtsn3r5a] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.song-quicklink[b-64jtsn3r5a] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: var(--radius);
    border: 0.5px solid var(--border);
    background: var(--surface-1);
    font-size: 1.1rem;
    text-decoration: none;
}

.song-quicklink-active[b-64jtsn3r5a] {
    color: var(--accent);
    border-color: var(--accent-border);
    background: var(--accent-bg);
}

.song-quicklink-muted[b-64jtsn3r5a] {
    color: var(--text-muted);
    opacity: 0.6;
}

.song-quicklink-muted:hover[b-64jtsn3r5a] {
    opacity: 1;
    color: var(--text-secondary);
}

.song-edit-paste-row[b-64jtsn3r5a] {
    display: flex;
    gap: 0.5rem;
    max-width: 30rem;
    margin-bottom: 1rem;
}

.song-edit-paste-row input[b-64jtsn3r5a] {
    flex: 1;
}

.song-link-list[b-64jtsn3r5a] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    overflow: hidden;
    max-width: 30rem;
}

.song-link-row[b-64jtsn3r5a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
    padding: 0.7rem 1rem;
    border-bottom: 0.5px solid var(--border);
}

.song-link-row:last-child[b-64jtsn3r5a] {
    border-bottom: none;
}

.song-link-row a[b-64jtsn3r5a] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.song-audio-pending-form[b-64jtsn3r5a] {
    max-width: 30rem;
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    padding: 0.9rem;
}

.song-audio-pending-file[b-64jtsn3r5a] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.85rem;
    margin: 0 0 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.song-audio-list[b-64jtsn3r5a] {
    list-style: none;
    margin: 0.5rem 0 1rem;
    padding: 0;
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    overflow: hidden;
    max-width: 30rem;
}

.song-audio-row[b-64jtsn3r5a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 1rem;
    border-bottom: 0.5px solid var(--border);
}

.song-audio-row:last-child[b-64jtsn3r5a] {
    border-bottom: none;
}

.song-audio-info[b-64jtsn3r5a] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
    flex: 1;
}

.song-audio-label[b-64jtsn3r5a] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
}

.song-audio-player[b-64jtsn3r5a] {
    width: 100%;
    height: 2.2rem;
}

.song-vote-list[b-64jtsn3r5a] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    max-width: 30rem;
}

.song-vote-row[b-64jtsn3r5a] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--surface-1);
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.song-comment-list[b-64jtsn3r5a] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    max-width: 30rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.song-comment-row[b-64jtsn3r5a] {
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius);
    padding: 0.6rem 0.8rem;
}

.song-comment-meta[b-64jtsn3r5a] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.15rem;
}

.song-comment-author[b-64jtsn3r5a] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: 0.85rem;
}

.song-comment-time[b-64jtsn3r5a] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.song-comment-body[b-64jtsn3r5a] {
    color: var(--text-secondary);
    font-size: 0.88rem;
    white-space: pre-wrap;
}

.song-comment-actions[b-64jtsn3r5a] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.4rem;
}

.song-comment-action[b-64jtsn3r5a] {
    border: 0;
    background: transparent;
    color: var(--text-muted);
    padding: 0;
    font-size: 0.75rem;
}

.song-comment-action:hover[b-64jtsn3r5a] {
    color: var(--text-primary);
}

.song-comment-action-danger:hover[b-64jtsn3r5a] {
    color: var(--danger);
}

.song-comment-edit[b-64jtsn3r5a] {
    margin-top: 0.35rem;
}

.song-comment-form[b-64jtsn3r5a] {
    display: flex;
    gap: 0.5rem;
    max-width: 30rem;
    margin-bottom: 1rem;
}

.song-comment-form input[b-64jtsn3r5a] {
    flex: 1;
}

.song-vote-own[b-64jtsn3r5a] {
    display: flex;
    gap: 0.5rem;
    max-width: 30rem;
    margin: 0 0 1rem;
}

.song-vote-own-btn[b-64jtsn3r5a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    border: 0.5px solid var(--border-strong);
    background: var(--surface-1);
    color: var(--text-secondary);
    border-radius: var(--radius);
    padding: 0.8rem 0.5rem;
    font-size: 0.85rem;
}

.song-vote-own-btn i[b-64jtsn3r5a] {
    font-size: 1.3rem;
}

.song-vote-own-btn-yes.song-vote-own-btn-active[b-64jtsn3r5a] {
    background: var(--success-bg);
    color: var(--success);
    border-color: var(--success);
}

.song-vote-own-btn-maybe.song-vote-own-btn-active[b-64jtsn3r5a] {
    background: var(--warning-bg);
    color: var(--warning);
    border-color: var(--warning);
}

.song-vote-own-btn-no.song-vote-own-btn-active[b-64jtsn3r5a] {
    background: var(--danger-bg);
    color: var(--danger);
    border-color: var(--danger);
}

.song-detail-header[b-64jtsn3r5a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    max-width: 52rem;
    margin-bottom: 1.25rem;
}

.song-detail-header h1[b-64jtsn3r5a] {
    margin-bottom: .15rem;
}

.song-detail-header-actions[b-64jtsn3r5a] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
}

.song-detail-edit-btn[b-64jtsn3r5a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 2.2rem;
    border: .5px solid var(--border-strong);
    border-radius: var(--radius);
    background: var(--surface-1);
    color: var(--text-secondary);
    padding: .35rem .7rem;
    font-size: .82rem;
}

.song-detail-edit-btn-primary[b-64jtsn3r5a] {
    background: var(--accent-fill);
    border-color: var(--accent);
    color: var(--accent-text);
}

.song-detail-edit-btn-muted[b-64jtsn3r5a] {
    color: var(--text-muted);
}

.song-detail-kind[b-64jtsn3r5a] {
    display: block;
    color: var(--accent);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin-bottom: .25rem;
}

.song-detail-subtitle[b-64jtsn3r5a] {
    color: var(--text-secondary);
    margin: 0;
}

.song-detail-section[b-64jtsn3r5a] {
    max-width: 52rem;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    padding: 1rem;
    margin: 0 0 1rem;
}

.song-detail-section-heading[b-64jtsn3r5a] {
    margin-bottom: .8rem;
}

.song-detail-section-heading h2[b-64jtsn3r5a] {
    margin: 0;
}

.song-detail-form-grid[b-64jtsn3r5a],
.song-detail-read-grid[b-64jtsn3r5a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.song-detail-field-wide[b-64jtsn3r5a],
.song-detail-read-field-wide[b-64jtsn3r5a] {
    grid-column: 1 / -1;
}

.song-detail-notes[b-64jtsn3r5a] {
    min-height: 7rem;
}

.song-detail-read-field[b-64jtsn3r5a] {
    min-width: 0;
    padding: .15rem 0;
}

.song-detail-read-label[b-64jtsn3r5a] {
    display: block;
    color: var(--text-muted);
    font-size: .72rem;
    margin-bottom: .18rem;
}

.song-detail-read-value[b-64jtsn3r5a] {
    display: block;
    color: var(--text-primary);
    font-size: .92rem;
    min-height: 1.3rem;
}

.song-detail-read-notes[b-64jtsn3r5a] {
    white-space: pre-wrap;
    color: var(--text-secondary);
}

.song-detail-identity[b-64jtsn3r5a] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
}

.song-detail-artwork[b-64jtsn3r5a],
.song-detail-original-mark[b-64jtsn3r5a] {
    width: 3.7rem;
    height: 3.7rem;
    border-radius: 11px;
    flex-shrink: 0;
}

.song-detail-artwork[b-64jtsn3r5a] {
    object-fit: cover;
}

.song-detail-original-mark[b-64jtsn3r5a] {
    display: grid;
    place-items: center;
    background: var(--accent-bg);
    border: 1px solid var(--accent-border);
    color: #e5aab0;
    font-size: 1.35rem;
}

.song-detail-header-original[b-64jtsn3r5a] {
    border-left: 2px solid var(--accent);
    padding-left: .8rem;
}

@media (max-width: 640px) {
    .song-detail-header[b-64jtsn3r5a] {
        align-items: flex-start;
        gap: .7rem;
    }

    .song-detail-header-actions[b-64jtsn3r5a] {
        flex-direction: column;
        align-items: stretch;
    }

    .song-detail-edit-btn[b-64jtsn3r5a] {
        min-width: 2.4rem;
    }

    .song-detail-form-grid[b-64jtsn3r5a],
    .song-detail-read-grid[b-64jtsn3r5a] {
        grid-template-columns: 1fr;
    }

    .song-detail-field-wide[b-64jtsn3r5a],
    .song-detail-read-field-wide[b-64jtsn3r5a] {
        grid-column: auto;
    }

    .song-detail-section[b-64jtsn3r5a] {
        padding: .9rem;
    }
}

/* Ljudfilsknapparna ska använda Bandlairs egna accentpalett i båda teman. */
.song-detail-audio-section .btn.btn-primary[b-64jtsn3r5a] {
    --bs-btn-bg: var(--accent-fill);
    --bs-btn-color: var(--accent-text);
    --bs-btn-border-color: var(--accent-fill);
    --bs-btn-hover-bg: var(--accent-fill-hover);
    --bs-btn-hover-color: var(--accent-text);
    --bs-btn-hover-border-color: var(--accent-fill-hover);
    color: var(--accent-text);
    background: var(--accent-fill);
    border-color: var(--accent-fill);
}

.song-detail-audio-section .btn.btn-primary:hover[b-64jtsn3r5a],
.song-detail-audio-section .btn.btn-primary:focus[b-64jtsn3r5a] {
    background: var(--accent-fill-hover);
    color: var(--accent-text);
    border-color: var(--accent-fill-hover);
}

.song-detail-audio-section .btn.btn-outline-primary[b-64jtsn3r5a] {
    color: var(--accent);
    background: transparent;
    border-color: var(--accent-border);
}

.song-detail-audio-section .btn.btn-outline-primary:hover[b-64jtsn3r5a] {
    color: var(--accent-text);
    background: var(--accent-fill);
    border-color: var(--accent-fill);
}

.song-audio-upload-notice[b-64jtsn3r5a],
.song-audio-upload-success[b-64jtsn3r5a] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .65rem .75rem;
    border: 1px solid var(--accent-border);
    border-radius: var(--radius);
    background: var(--accent-bg);
    color: var(--text-primary);
    font-size: .82rem;
    max-width: 30rem;
}

.song-audio-upload-notice i[b-64jtsn3r5a],
.song-audio-upload-success i[b-64jtsn3r5a] {
    color: var(--accent);
    font-size: 1rem;
}

.song-audio-upload-notice strong[b-64jtsn3r5a] {
    overflow-wrap: anywhere;
}

.song-audio-upload-success[b-64jtsn3r5a] {
    border-color: var(--border);
    background: var(--surface-1);
}

.song-audio-upload-success i[b-64jtsn3r5a] {
    color: var(--success);
}
/* /Components/Pages/Songs/SongList.razor.rz.scp.css */
.catalog-card[b-vo8sfb4eld] {
    max-width: 34rem;
    margin-bottom: 1.5rem;
}

.catalog-search-row[b-vo8sfb4eld] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 0.5px solid var(--border-strong);
    border-radius: var(--radius);
    padding: 0.5rem 0.75rem;
    background: var(--surface-2);
}

.catalog-search-icon[b-vo8sfb4eld] {
    color: var(--text-muted);
    font-size: 18px;
}

.catalog-search-input[b-vo8sfb4eld] {
    flex: 1;
    border: none;
    background: none;
    color: var(--text-primary);
    font-size: 0.95rem;
}

.catalog-search-input:focus[b-vo8sfb4eld] {
    outline: none;
}

.catalog-status[b-vo8sfb4eld] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin: 0.6rem 0 0;
}

.catalog-results[b-vo8sfb4eld] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 0.6rem;
    max-height: 20rem;
    overflow-y: auto;
}

.catalog-hit[b-vo8sfb4eld] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    border: none;
    background: none;
    border-radius: var(--radius);
    padding: 0.4rem 0.5rem;
    text-align: left;
    width: 100%;
    cursor: pointer;
}

.catalog-hit:hover[b-vo8sfb4eld] {
    background: var(--surface-1);
}

.catalog-hit-checkbox[b-vo8sfb4eld] {
    flex-shrink: 0;
    accent-color: var(--accent);
}

.catalog-hit-art[b-vo8sfb4eld] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 4px;
    object-fit: cover;
    flex-shrink: 0;
}

.catalog-hit-art-placeholder[b-vo8sfb4eld] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-1);
    color: var(--text-muted);
}

.catalog-hit-info[b-vo8sfb4eld] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.catalog-hit-title[b-vo8sfb4eld] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-hit-artist[b-vo8sfb4eld] {
    color: var(--text-secondary);
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-hit-duration[b-vo8sfb4eld] {
    color: var(--text-muted);
    font-size: 0.8rem;
    flex-shrink: 0;
}

.manual-toggle[b-vo8sfb4eld] {
    display: block;
    margin-top: 0.75rem;
    border: none;
    background: none;
    color: var(--text-secondary);
    font-size: 0.85rem;
    padding: 0;
}

.manual-toggle-accent[b-vo8sfb4eld] {
    color: var(--accent);
}

.manual-toggle:hover .manual-toggle-accent[b-vo8sfb4eld] {
    opacity: 0.8;
}

.manual-form[b-vo8sfb4eld] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 0.5px solid var(--border);
}

.pool-list[b-vo8sfb4eld] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 40rem;
}

.pool-row-shell[b-vo8sfb4eld] {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-card);
    background: var(--danger-bg);
}

.pool-row-delete[b-vo8sfb4eld] {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 4.6rem;
    display: grid;
    place-items: center;
    border: 0;
    background: var(--danger-bg);
    color: var(--danger);
    font-size: 1.35rem;
}

.pool-row[b-vo8sfb4eld] {
    position: relative;
    z-index: 1;
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-card);
    padding: 0.7rem 0.9rem;
    transform: translateX(0);
    transition: transform 0.16s ease;
    touch-action: pan-y;
}

.pool-row-shell-swiped .pool-row[b-vo8sfb4eld] {
    transform: translateX(-4.6rem);
}

.pool-row-main[b-vo8sfb4eld] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: inherit;
}

.pool-art[b-vo8sfb4eld] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 4px;
    object-fit: cover;
    flex-shrink: 0;
}

.pool-art-placeholder[b-vo8sfb4eld] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-1);
    color: var(--text-muted);
}

.pool-info[b-vo8sfb4eld] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.pool-title[b-vo8sfb4eld] {
    font-weight: 500;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pool-artist[b-vo8sfb4eld] {
    color: var(--text-secondary);
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pool-duration[b-vo8sfb4eld] {
    color: var(--text-muted);
    font-size: 0.8rem;
    flex-shrink: 0;
}

.pool-majority[b-vo8sfb4eld] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--success);
    font-size: 0.75rem;
    font-weight: 500;
    margin: 0.4rem 0 0;
}

.pool-vote-row[b-vo8sfb4eld] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.pool-vote-btn[b-vo8sfb4eld] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    width: 100%;
    min-height: 2.1rem;
    border: 0.5px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface-1);
    color: var(--text-secondary);
    padding: 0.3rem 0.45rem;
    font-size: 0.75rem;
    text-align: center;
    box-shadow: none;
    filter: none;
}

.pool-vote-btn strong[b-vo8sfb4eld] {
    font-size: 0.72rem;
    font-weight: 600;
}

.pool-vote-btn-yes.pool-vote-btn-active[b-vo8sfb4eld] {
    background: color-mix(in srgb, var(--success) 14%, var(--surface-1));
    color: color-mix(in srgb, var(--success) 76%, var(--text-primary));
    border-color: var(--border);
}

.pool-vote-btn-maybe.pool-vote-btn-active[b-vo8sfb4eld] {
    background: color-mix(in srgb, var(--warning) 14%, var(--surface-1));
    color: color-mix(in srgb, var(--warning) 76%, var(--text-primary));
    border-color: var(--border);
}

.pool-vote-btn-no.pool-vote-btn-active[b-vo8sfb4eld] {
    background: color-mix(in srgb, var(--danger) 14%, var(--surface-1));
    color: color-mix(in srgb, var(--danger) 76%, var(--text-primary));
    border-color: var(--border);
}

.pool-meta-row[b-vo8sfb4eld] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.55rem;
}

.pool-added-by[b-vo8sfb4eld] {
    color: var(--text-muted);
    font-size: 0.78rem;
    flex: 1;
}

.pool-vote-summary-btn[b-vo8sfb4eld] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    border: 0.5px solid var(--border);
    background: var(--surface-1);
    color: var(--text-secondary);
    border-radius: 999px;
    padding: 0.3rem 0.6rem;
    font-size: 0.78rem;
    box-shadow: none;
}

.pool-vote-summary-btn:hover[b-vo8sfb4eld] {
    border-color: var(--border-strong);
    color: var(--text-primary);
}

.pool-quicklinks[b-vo8sfb4eld] {
    display: flex;
    gap: 0.4rem;
    margin-left: auto;
}

.song-quicklink[b-vo8sfb4eld] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius);
    border: 0.5px solid var(--border);
    background: var(--surface-1);
    font-size: 1rem;
    text-decoration: none;
    box-shadow: none;
}

.song-quicklink-active[b-vo8sfb4eld] {
    color: var(--accent);
    border-color: var(--border);
    background: color-mix(in srgb, var(--accent) 10%, var(--surface-1));
}

.song-quicklink-muted[b-vo8sfb4eld] {
    color: var(--text-muted);
    opacity: 0.72;
}

.song-quicklink-muted:hover[b-vo8sfb4eld] {
    opacity: 1;
    color: var(--text-secondary);
}

.song-quicklink-sm[b-vo8sfb4eld] {
    width: 2.15rem;
    height: 2.15rem;
    font-size: 1rem;
}

.vote-sheet[b-vo8sfb4eld] {
    max-height: 85vh;
    overflow-y: auto;
}

.vote-sheet-group[b-vo8sfb4eld] {
    margin-bottom: 0.9rem;
}

.vote-sheet-group-label[b-vo8sfb4eld] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 0 0 0.4rem;
}

.vote-sheet-group-label-muted[b-vo8sfb4eld] {
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
}

.vote-sheet-empty[b-vo8sfb4eld] {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.vote-sheet-name[b-vo8sfb4eld] {
    display: inline-block;
    background: var(--surface-1);
    color: var(--text-primary);
    border-radius: 999px;
    padding: 0.25rem 0.7rem;
    font-size: 0.82rem;
    margin: 0 0.3rem 0.3rem 0;
}

.vote-sheet-name-muted[b-vo8sfb4eld] {
    color: var(--text-muted);
}

.vote-sheet-own[b-vo8sfb4eld] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.vote-sheet-own-btn[b-vo8sfb4eld] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    border: 0.5px solid var(--border-strong);
    background: var(--surface-1);
    color: var(--text-secondary);
    border-radius: var(--radius);
    padding: 0.8rem 0.5rem;
    font-size: 0.85rem;
}

.vote-sheet-own-btn i[b-vo8sfb4eld] {
    font-size: 1.3rem;
}

.vote-sheet-own-btn-yes.vote-sheet-own-btn-active[b-vo8sfb4eld] {
    background: var(--success-bg);
    color: var(--success);
    border-color: var(--success);
}

.vote-sheet-own-btn-maybe.vote-sheet-own-btn-active[b-vo8sfb4eld] {
    background: var(--warning-bg);
    color: var(--warning);
    border-color: var(--warning);
}

.vote-sheet-own-btn-no.vote-sheet-own-btn-active[b-vo8sfb4eld] {
    background: var(--danger-bg);
    color: var(--danger);
    border-color: var(--danger);
}

@media (max-width: 640px) {
    .pool-vote-btn[b-vo8sfb4eld] {
        min-height: 2rem;
        padding: 0.25rem 0.35rem;
        gap: 0.25rem;
    }

    .pool-vote-btn span[b-vo8sfb4eld] {
        line-height: 1;
    }
}


.pool-title-row[b-vo8sfb4eld] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
}

.pool-title-row .pool-title[b-vo8sfb4eld] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pool-new-badge[b-vo8sfb4eld] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .1rem .34rem;
    border-radius: 999px;
    background: var(--accent-fill);
    color: var(--accent-text);
    font-size: .6rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .02em;
}
/* /Components/Pages/Terms.razor.rz.scp.css */
.legal-page[b-634kavz7q4] {
    max-width: 48rem;
    margin: 0 auto;
    padding-bottom: 4rem;
}

.legal-page h1[b-634kavz7q4] { margin-bottom: 0.25rem; }

.legal-updated[b-634kavz7q4] {
    color: var(--text-muted);
    font-size: 0.82rem;
    margin-bottom: 2rem;
}

.legal-page section[b-634kavz7q4] { margin-bottom: 1.75rem; }

.legal-page h2[b-634kavz7q4] {
    margin-bottom: 0.55rem;
    font-size: 1.05rem;
}

.legal-page p[b-634kavz7q4],
.legal-page li[b-634kavz7q4] {
    color: var(--text-secondary);
    line-height: 1.6;
}

.legal-page a[b-634kavz7q4] { color: var(--accent); }
/* /Components/Shared/GenrePicker.razor.rz.scp.css */
.genre-picker[b-pzz858qby7] {
    display: grid;
    gap: .65rem;
}

.genre-search[b-pzz858qby7] {
    position: relative;
}

.genre-search > i[b-pzz858qby7] {
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    pointer-events: none;
}

.genre-search input[b-pzz858qby7] {
    padding-left: 2.15rem;
    padding-right: 2.15rem;
}

.genre-search button[b-pzz858qby7] {
    position: absolute;
    right: .45rem;
    top: 50%;
    width: 1.7rem;
    height: 1.7rem;
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    border: 0;
    border-radius: 50%;
    color: var(--text-muted);
    background: transparent;
}

.genre-selected[b-pzz858qby7],
.genre-results[b-pzz858qby7] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
}

.genre-results[b-pzz858qby7] {
    max-height: 10.5rem;
    overflow-y: auto;
    align-content: flex-start;
}

.genre-chip[b-pzz858qby7] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    padding: .34rem .62rem;
    color: var(--text-secondary);
    background: transparent;
    font-size: .75rem;
}

.genre-chip.selected[b-pzz858qby7] {
    border-color: var(--accent-border);
    color: var(--accent);
    background: var(--accent-bg);
}

.genre-chip:disabled[b-pzz858qby7] {
    opacity: .65;
}

.genre-primary[b-pzz858qby7] {
    max-width: 18rem;
    display: grid;
    gap: .3rem;
}

.genre-primary > span[b-pzz858qby7] {
    color: var(--text-secondary);
    font-size: .74rem;
    font-weight: 650;
}


.genre-chip-custom[b-pzz858qby7] {
    border-style: dashed;
    color: var(--accent);
    background: color-mix(in srgb, var(--accent-bg) 45%, transparent);
}

.genre-chip-custom small[b-pzz858qby7] {
    margin-left: .15rem;
    color: var(--text-muted);
    font-size: .58rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.genre-help[b-pzz858qby7] {
    margin: -.2rem 0 0;
    color: var(--text-muted);
    font-size: .68rem;
}
/* /Components/Shared/LocalityPicker.razor.rz.scp.css */
.locality-picker[b-s0jqg551lr] {
    position: relative;
    width: 100%;
}

.locality-input-wrap[b-s0jqg551lr] {
    position: relative;
}

.locality-input-wrap > i[b-s0jqg551lr] {
    position: absolute;
    left: .75rem;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    color: var(--text-muted);
    pointer-events: none;
}

.locality-input-wrap input[b-s0jqg551lr] {
    padding-left: 2.15rem;
    padding-right: 2.15rem;
}

.locality-clear[b-s0jqg551lr] {
    position: absolute;
    right: .45rem;
    top: 50%;
    width: 1.7rem;
    height: 1.7rem;
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    border: 0;
    border-radius: 50%;
    color: var(--text-muted);
    background: transparent;
}

.locality-results[b-s0jqg551lr] {
    position: absolute;
    z-index: 80;
    left: 0;
    right: 0;
    top: calc(100% + .35rem);
    max-height: 15rem;
    overflow-y: auto;
    padding: .3rem;
    border: 1px solid var(--border);
    border-radius: .75rem;
    background: var(--surface-1);
    box-shadow: 0 14px 36px rgba(0,0,0,.34);
}

.locality-option[b-s0jqg551lr] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .55rem .6rem;
    border: 0;
    border-radius: .55rem;
    color: var(--text-primary);
    background: transparent;
    text-align: left;
    font-size: .82rem;
}

.locality-option:hover[b-s0jqg551lr],
.locality-option:focus-visible[b-s0jqg551lr] {
    background: var(--surface-2);
}

.locality-option i[b-s0jqg551lr] {
    color: var(--accent);
}

.locality-state[b-s0jqg551lr] {
    display: block;
    padding: .6rem;
    color: var(--text-muted);
    font-size: .76rem;
}

.locality-error[b-s0jqg551lr] {
    color: var(--danger);
}


.locality-option-copy[b-s0jqg551lr] {
    min-width: 0;
    display: grid;
    gap: .08rem;
}

.locality-option-copy strong[b-s0jqg551lr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8rem;
    font-weight: 650;
}

.locality-option-copy small[b-s0jqg551lr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-muted);
    font-size: .68rem;
}

.locality-attribution[b-s0jqg551lr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .22rem;
    margin-top: .2rem;
    padding: .35rem .35rem .1rem;
    border-top: .5px solid var(--border);
    color: var(--text-muted);
    font-size: .56rem;
    line-height: 1.2;
    opacity: .78;
}

.locality-attribution > i[b-s0jqg551lr] {
    font-size: .72rem;
}

.locality-attribution a[b-s0jqg551lr] {
    color: inherit;
    text-decoration: none;
}

.locality-attribution a:hover[b-s0jqg551lr] {
    color: var(--text-secondary);
    text-decoration: underline;
}


.locality-option[b-s0jqg551lr] {
    position: relative;
}

.locality-source-badge[b-s0jqg551lr] {
    flex: 0 0 auto;
    margin-left: auto;
    padding: .16rem .34rem;
    border-radius: 999px;
    color: var(--text-muted);
    background: var(--surface-2);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .04em;
}

.locality-osm-fallback[b-s0jqg551lr] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin-top: .25rem;
    padding: .55rem .6rem;
    border: 1px dashed var(--border-strong);
    border-radius: .6rem;
    color: var(--text-secondary);
    background: transparent;
    font-size: .74rem;
}

.locality-osm-fallback:hover:not(:disabled)[b-s0jqg551lr],
.locality-osm-fallback:focus-visible:not(:disabled)[b-s0jqg551lr] {
    border-color: var(--accent-border);
    color: var(--accent);
    background: var(--accent-bg);
}

.locality-osm-fallback:disabled[b-s0jqg551lr] {
    opacity: .7;
}

.locality-spin[b-s0jqg551lr] {
    animation: locality-spin-b-s0jqg551lr .9s linear infinite;
}

@keyframes locality-spin-b-s0jqg551lr {
    to { transform: rotate(360deg); }
}
/* /Components/Shared/MonthCalendar.razor.rz.scp.css */
.mcal[b-l4llk2g55q] {
    max-width: 46rem;
}

.mcal-header[b-l4llk2g55q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.mcal-title[b-l4llk2g55q] {
    font-weight: 500;
    font-size: 1.05rem;
    text-transform: capitalize;
    color: var(--text-primary);
}

.mcal-weekdays[b-l4llk2g55q] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    text-align: center;
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    padding-bottom: 0.4rem;
}

.mcal-grid[b-l4llk2g55q] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
}

.mcal-day[b-l4llk2g55q] {
    position: relative;
    background: var(--surface-2);
    border: 0.5px solid var(--border);
    border-radius: 10px;
    min-height: 4.2rem;
    padding: 0.35rem;
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease;
    /* Grid-celler krymper aldrig under sitt innehålls naturliga bredd som
       standard — utan min-width: 0 här tvingar en lång pilltext hela
       rutnätet åt höger. Det är detta som spräckte kalendern. */
    min-width: 0;
    overflow: hidden;
}

    .mcal-day:hover[b-l4llk2g55q] {
        background-color: var(--surface-1);
        border-color: var(--border-strong);
    }

.mcal-day-outside[b-l4llk2g55q] {
    opacity: 0.4;
}

.mcal-day-marked[b-l4llk2g55q] {
    border-color: var(--success);
    background: var(--success-bg);
}

    /* :hover ensam har högre specificitet än en enkel klass, så utan detta
       "slocknar" den gröna/accentfärgade markeringen så fort man trycker på
       dagen — precis vid tryck, innan tapet ens hunnit öppna arket. */
    .mcal-day-marked:hover[b-l4llk2g55q] {
        background-color: var(--success-bg);
        border-color: var(--success);
    }

.mcal-day-conflict[b-l4llk2g55q] {
    border-color: var(--warning);
    box-shadow: inset 0 0 0 1px var(--warning);
}

    .mcal-day-conflict:hover[b-l4llk2g55q] {
        border-color: var(--warning);
    }

.mcal-day-today .mcal-day-number[b-l4llk2g55q] {
    background: var(--accent-fill);
    color: var(--accent-text);
    border-radius: 999px;
}

.mcal-day-number[b-l4llk2g55q] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--text-secondary);
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mcal-day-entries[b-l4llk2g55q] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    margin-top: 2px;
}

.mcal-day-more[b-l4llk2g55q] {
    font-size: 0.6rem;
    color: var(--text-muted);
    line-height: 1;
}

.mcal-day-filled[b-l4llk2g55q] {
    background: var(--accent-bg);
    border-color: var(--accent-border);
}

    .mcal-day-filled:hover[b-l4llk2g55q] {
        background: var(--accent-bg);
        border-color: var(--accent-border);
    }

.mcal-day-selected[b-l4llk2g55q] {
    box-shadow: inset 0 0 0 2px var(--accent);
}

@media (max-width: 640.98px) {
    .mcal-day[b-l4llk2g55q] {
        min-height: 3rem;
        font-size: 0.8rem;
    }
}