/* /Components/Layout/AccountBadge.razor.rz.scp.css */
.account-badge[b-slv7ltk81j] { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 12px 16px 20px; }
.account-caption[b-slv7ltk81j] { font-size: .85rem; }
.account-name[b-slv7ltk81j] { font-size: 1rem; overflow-wrap: anywhere; max-width: 100%; }
.account-role[b-slv7ltk81j] { display: inline-block; border: 1px solid currentColor; border-radius: 6px; padding: 3px 9px; font-size: .85rem; margin-top: 3px; }
/* /Components/Layout/ColorField.razor.rz.scp.css */
.color-field[b-jdz7vs2pg4]{margin:0 0 18px;max-width:100%;min-width:0}.color-label[b-jdz7vs2pg4]{display:block;margin-bottom:7px}.color-preview[b-jdz7vs2pg4]{display:inline-flex;gap:12px;align-items:center;min-height:46px;padding:6px 10px;border:1px solid #8887;border-radius:9px;background:transparent;color:inherit;font:inherit}.color-swatch[b-jdz7vs2pg4]{width:34px;height:28px;border:1px solid #8888;border-radius:5px;flex-shrink:0}.color-choices[b-jdz7vs2pg4]{margin-top:10px;padding:14px;border:1px solid #8886;border-radius:12px;max-width:400px;box-sizing:border-box}.palette[b-jdz7vs2pg4]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.palette-color[b-jdz7vs2pg4]{height:44px;min-width:0;border:2px solid #8888;border-radius:8px;cursor:pointer}.palette-color[aria-pressed=true][b-jdz7vs2pg4]{outline:3px solid currentColor;outline-offset:2px}.hex-input[b-jdz7vs2pg4]{display:block;width:100%;min-width:0;padding:10px;margin-top:6px;border:1px solid #8888;border-radius:7px;background:transparent;color:inherit;font:inherit}.color-help[b-jdz7vs2pg4]{font-size:.85rem;margin:8px 0 12px;line-height:1.4}.channel[b-jdz7vs2pg4]{display:block;margin-top:12px}.channel input[b-jdz7vs2pg4]{display:block;width:100%;min-height:36px}summary[b-jdz7vs2pg4]{padding:8px 0;cursor:pointer}button:focus-visible[b-jdz7vs2pg4],input:focus-visible[b-jdz7vs2pg4]{outline:3px solid var(--family-accent);outline-offset:3px}
.palette-color.picked[b-jdz7vs2pg4]{outline:3px solid currentColor;outline-offset:2px}.hex-input[aria-invalid=true][b-jdz7vs2pg4]{border-color:#d03b63}
/* /Components/Layout/DesignEditor.razor.rz.scp.css */
.design-editor[b-usn9mnot9w]{max-width:44rem;min-width:0}.design-actions[b-usn9mnot9w]{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 10px}.design-actions button[b-usn9mnot9w]{min-height:44px}.design-hint[b-usn9mnot9w]{font-size:.9rem;border-inline-start:3px solid var(--family-accent);padding:8px 12px;margin-bottom:18px}.reset-confirm[b-usn9mnot9w]{padding:14px;border:1px solid #8887;border-radius:10px;margin:14px 0}fieldset[b-usn9mnot9w]{min-width:0}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-screen[b-fqyd4uyru1] {
    color-scheme: light dark;
    --login-page: #f3f5f8;
    --login-card: #ffffff;
    --login-text: #172333;
    --login-border: #e1e6ed;
    --login-input-border: #b9c4d1;
    --login-input: #ffffff;
    --login-link: #245b91;
    --login-error: #b42318;
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: var(--login-page);
    color: var(--login-text);
}
.login-screen[b-fqyd4uyru1]  .login-card {
    width: 100%;
    max-width: 400px;
    padding: 36px;
    background: var(--login-card);
    border: 1px solid var(--login-border);
    border-radius: 16px;
    box-shadow: 0 12px 40px #1723330d;
}
.login-screen[b-fqyd4uyru1]  h1 { font-size: 1.8rem; margin: 0 0 28px; text-align: center; font-weight: 600; }
.login-screen[b-fqyd4uyru1]  .login-logo { display: block; margin: 0 auto 16px; object-fit: contain; }
.login-screen[b-fqyd4uyru1]  .login-field { margin-bottom: 20px; }
.login-screen[b-fqyd4uyru1]  .login-field label { display: block; margin-bottom: 7px; font-size: .95rem; font-weight: 500; }
.login-screen[b-fqyd4uyru1]  .login-field input { width: 100%; min-width: 0; height: 46px; border: 1px solid var(--login-input-border); border-radius: 8px; padding: 10px 12px; background: var(--login-input); color: var(--login-text); }
.login-screen[b-fqyd4uyru1]  input:focus-visible, .login-screen[b-fqyd4uyru1]  button:focus-visible { outline: 3px solid #78aee8; outline-offset: 2px; }
.login-screen[b-fqyd4uyru1]  .password-field { position: relative; }
.login-screen[b-fqyd4uyru1]  .password-field input { padding-right: 92px; }
.login-screen[b-fqyd4uyru1]  .password-toggle { position: absolute; right: 5px; top: 5px; height: 36px; border: 0; border-radius: 5px; background: transparent; color: var(--login-link); padding: 0 8px; font-size: .85rem; }
.login-screen[b-fqyd4uyru1]  .remember-me { display: flex; align-items: center; gap: 9px; margin: 4px 0 24px; font-size: .95rem; }
.login-screen[b-fqyd4uyru1]  .remember-me input { width: 17px; height: 17px; accent-color: #1664aa; }
.login-screen[b-fqyd4uyru1]  .login-submit { width: 100%; min-height: 46px; padding: 10px; border: 0; border-radius: 8px; background: #1664aa; color: #fff; font-weight: 600; }
.login-screen[b-fqyd4uyru1]  .login-submit:hover { background: #104f89; }
.login-screen[b-fqyd4uyru1]  .validation-message { color: var(--login-error); font-size: .85rem; margin-top: 6px; }
.login-screen[b-fqyd4uyru1]  input:autofill { color: var(--login-text); }
@media (prefers-color-scheme: dark) {
    .login-screen[b-fqyd4uyru1] {
        --login-page: #10141b;
        --login-card: #1b222d;
        --login-text: #edf2f8;
        --login-border: #303c4c;
        --login-input-border: #53647a;
        --login-input: #141b25;
        --login-link: #9bcaff;
        --login-error: #ffb4ab;
    }
}
@media (max-width: 420px) { .login-screen[b-fqyd4uyru1] { padding: 16px; } .login-screen[b-fqyd4uyru1]  .login-card { padding: 26px 22px; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-n8bt0poudi] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-n8bt0poudi] {
    flex: 1;
}

.sidebar[b-n8bt0poudi] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-n8bt0poudi] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-n8bt0poudi]  a, .top-row[b-n8bt0poudi]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-n8bt0poudi]  a:hover, .top-row[b-n8bt0poudi]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-n8bt0poudi]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-n8bt0poudi] { display: none; }
    .top-row[b-n8bt0poudi] {
        justify-content: space-between;
    }

    .top-row[b-n8bt0poudi]  a, .top-row[b-n8bt0poudi]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-n8bt0poudi] {
        flex-direction: row;
    }

    .sidebar[b-n8bt0poudi] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-n8bt0poudi] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-n8bt0poudi]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-n8bt0poudi], article[b-n8bt0poudi] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-n8bt0poudi] {
    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-n8bt0poudi] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand-logo[b-bzps1b6f6g] {
    display: inline-block;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    background-color: currentColor;
    -webkit-mask: url('/familien-server-logo.png') center / contain no-repeat;
    mask: url('/familien-server-logo.png') center / contain no-repeat;
}

.mobile-header[b-bzps1b6f6g] { display: flex; align-items: center; justify-content: space-between; }
.menu-button[b-bzps1b6f6g], .menu-toggle[b-bzps1b6f6g] { display: none; }
@media (max-width: 640.98px) {
    nav[b-bzps1b6f6g] { position: relative; }
    .mobile-header > a[b-bzps1b6f6g] { padding-left: 0; font-size: 1rem; }
    .menu-button[b-bzps1b6f6g] { display: flex; gap: .4rem; align-items: center; min-height: 44px; padding: .5rem; border: 1px solid currentColor; border-radius: .5rem; cursor: pointer; }
    .menu-toggle[b-bzps1b6f6g] { display: block; position: absolute; top: 1rem; right: 1rem; width: 80px; height: 44px; opacity: 0; cursor: pointer; }
    .navigation-links[b-bzps1b6f6g] { display: none; padding-top: .5rem; }
    .menu-toggle:checked ~ .navigation-links[b-bzps1b6f6g] { display: block; }
    .mobile-header:has(+ .menu-toggle:focus-visible) .menu-button[b-bzps1b6f6g] { outline: 3px solid currentColor; outline-offset: 3px; }
    .navigation-links .nav-link[b-bzps1b6f6g] { min-height: 44px; }
}
/* /Components/Layout/PwaInstall.razor.rz.scp.css */
.pwa-install p[b-nuruvjimp7]{margin:10px 0;font-size:.9rem;line-height:1.4}.pwa-install button[b-nuruvjimp7]{min-height:44px}.install-link[b-nuruvjimp7]{display:block;text-align:left;width:100%;background:none;border:0;color:inherit;font:inherit;padding:12px;margin:4px 0}.compact p[b-nuruvjimp7]{padding:0 12px}.compact[b-nuruvjimp7]{margin-top:4px}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-c9wblct4fv],
.components-reconnect-repeated-attempt-visible[b-c9wblct4fv],
.components-reconnect-failed-visible[b-c9wblct4fv],
.components-pause-visible[b-c9wblct4fv],
.components-resume-failed-visible[b-c9wblct4fv],
.components-rejoining-animation[b-c9wblct4fv] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-c9wblct4fv {
    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/Layout/UpdateNotice.razor.rz.scp.css */
.update-notice[b-m7iwduorzw] { border: 1px solid currentColor; border-radius: 10px; padding: 16px; max-width: 680px; margin: 20px 0; }
button[b-m7iwduorzw] { min-height: 44px; }
button:disabled[b-m7iwduorzw] {
    background-color: #616975 !important;
    border-color: #616975 !important;
    color: #ffffff !important;
    opacity: 1;
    cursor: wait;
}
/* /Components/Pages/Administration.razor.rz.scp.css */
.administration-sections[b-vka53ji6db] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 24px; margin-top: 24px; max-width: 960px; }
.administration-sections section[b-vka53ji6db] { border: 1px solid currentColor; border-radius: 12px; padding: 24px; }
h2[b-vka53ji6db] { font-size: 1.2rem; }
a[b-vka53ji6db] { display: inline-block; padding: 10px 0; }
/* /Components/Pages/AppPermissions.razor.rz.scp.css */
.permission-card[b-k0b6kfsckk] { max-width: 680px; padding: 20px; margin: 20px 0; border: 1px solid currentColor; border-radius: 12px; }
h2[b-k0b6kfsckk], h3[b-k0b6kfsckk] { font-size: 1.25rem; }
fieldset[b-k0b6kfsckk] { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 16px; }
label[b-k0b6kfsckk] { display: flex; align-items: center; gap: 10px; min-height: 44px; }
input[b-k0b6kfsckk] { width: 20px; height: 20px; }
button[b-k0b6kfsckk] { min-height: 44px; }
/* /Components/Pages/Home.razor.rz.scp.css */
.camera-icon[b-0o8ving0vz] {
    position: relative;
    display: grid;
    place-items: center;
    width: 30px;
    height: 22px;
    border: 2px solid currentColor;
    border-radius: 5px;
}

.camera-icon[b-0o8ving0vz]::before {
    content: "";
    position: absolute;
    top: -6px;
    width: 12px;
    height: 5px;
    border: 2px solid currentColor;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
}

.camera-icon[b-0o8ving0vz]::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid currentColor;
    border-radius: 50%;
}
/* /Components/Pages/Lists.razor.rz.scp.css */
.lists-app[b-ufblpassyq]{--surface-color:color-mix(in srgb,var(--family-background,#171b24) 90%,var(--family-foreground,#fff) 10%);--accent-color:var(--family-accent,#8b9df8);--accent-foreground:var(--family-accent-text,#fff);min-height:100dvh;max-width:960px;margin:auto;padding-bottom:110px;color:inherit;background:inherit;font-family:inherit}
header[b-ufblpassyq]{height:68px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #8883}button[b-ufblpassyq],input[b-ufblpassyq],select[b-ufblpassyq]{font:inherit}button[b-ufblpassyq]{color:inherit;cursor:pointer}.icon[b-ufblpassyq]{background:none;border:0;min-width:44px;min-height:44px;font-size:1.5rem}.app-name[b-ufblpassyq]{flex:1;font-weight:600}.small-label[b-ufblpassyq]{font-size:.9rem}main[b-ufblpassyq]{padding:20px 16px}h1[b-ufblpassyq]{font-size:2rem;font-weight:650;margin:10px 0 26px;overflow-wrap:anywhere;color:var(--accent-color,inherit)}.muted[b-ufblpassyq],.start-label[b-ufblpassyq]{opacity:.65}.start-label[b-ufblpassyq]{font-size:.8rem;margin-top:-20px}.sort-row[b-ufblpassyq]{display:flex;justify-content:space-between;margin:18px 8px;font-size:.9rem}.items[b-ufblpassyq]{min-height:20px}.item-shell[b-ufblpassyq]{position:relative;margin-bottom:5px;border-radius:7px;overflow:hidden;background:#bb2535;touch-action:pan-y}.item[b-ufblpassyq]{position:relative;z-index:1;display:flex;align-items:center;min-height:70px;background:var(--surface-color,#262a31);color:inherit;transition:margin-right .15s;gap:4px;padding:6px 8px}.item.revealed[b-ufblpassyq]{margin-right:72px}.check[b-ufblpassyq],.star[b-ufblpassyq]{flex-shrink:0;border:0;background:none;min-width:44px;min-height:48px;font-size:1.9rem}.check[b-ufblpassyq]{color:var(--accent-color,#8b9df8)}.item-text[b-ufblpassyq]{flex:1;text-align:left;background:none;border:0;padding:8px 3px;overflow-wrap:anywhere;min-width:0}.done .item-text[b-ufblpassyq]{text-decoration:line-through;opacity:.55}.star[b-ufblpassyq]{font-size:1.7rem}.grip[b-ufblpassyq]{display:flex;align-items:center;justify-content:center;width:32px;min-height:48px;opacity:.5;cursor:grab;touch-action:none;user-select:none}.trash[b-ufblpassyq]{position:absolute;right:0;top:0;height:100%;width:72px;background:#bb2535;color:white;border:0;font-size:1.4rem}.completed-heading[b-ufblpassyq]{background:none;border:0;min-height:52px;padding:12px 5px;opacity:.8}.add-bar[b-ufblpassyq]{position:fixed;bottom:16px;left:16px;right:16px;max-width:928px;margin:auto;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #8885;border-radius:14px;background:var(--surface-color,#262a31);z-index:5;box-shadow:0 3px 20px #0003}.add-bar input[b-ufblpassyq]{flex:1;min-width:0;background:transparent;border:0;color:inherit;padding:10px;outline-offset:0}.add[b-ufblpassyq],.primary[b-ufblpassyq]{background:var(--accent-color,#596ec3);color:var(--accent-foreground,#fff);border:0;border-radius:9px;padding:12px 18px;min-height:44px}.add[b-ufblpassyq]{font-size:1.7rem;padding:0 12px}.add:disabled[b-ufblpassyq]{opacity:.4}.overview-list[b-ufblpassyq]{display:flex;gap:12px;align-items:center;text-align:left;width:100%;border:1px solid #8883;border-radius:8px;padding:18px;margin:8px 0;background:transparent}.arrow[b-ufblpassyq]{margin-left:auto}.drawer-shade[b-ufblpassyq],.modal-shade[b-ufblpassyq]{position:fixed;inset:0;background:#0008;z-index:20}aside[b-ufblpassyq]{position:fixed;left:0;top:0;bottom:0;width:min(330px,88vw);z-index:21;background:var(--surface-color,#262a31);padding:18px;overflow:auto;box-shadow:0 0 30px #0004}.drawer-heading[b-ufblpassyq]{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-button[b-ufblpassyq],.list-link[b-ufblpassyq]{display:block;width:100%;text-align:left;background:none;border:0;padding:13px;border-radius:8px;overflow-wrap:anywhere}.section-button[b-ufblpassyq]{font-weight:650;margin-top:14px}.list-link[b-ufblpassyq]{padding-left:28px}.selected[b-ufblpassyq]{background:#8883}.portal-link[b-ufblpassyq]{display:block;margin:25px 12px;color:inherit}.options[b-ufblpassyq]{border:1px solid #8884;padding:14px;border-radius:10px;margin-bottom:20px}.options button[b-ufblpassyq]{display:block;background:none;border:0;padding:12px 0}.options label[b-ufblpassyq]{display:block}.options select[b-ufblpassyq]{display:block;width:100%;padding:10px;background:inherit;color:inherit;border:1px solid #8887;border-radius:7px}.options option[b-ufblpassyq]{color:#171a22;background:#fff}.danger-text[b-ufblpassyq]{color:#e95d6c!important}.modal-shade[b-ufblpassyq]{display:grid;place-items:center;padding:20px;z-index:30}.list-dialog[b-ufblpassyq]{background:var(--surface-color,#262a31);border:1px solid #8885;border-radius:16px;padding:24px;width:min(440px,100%);max-height:85dvh;overflow:auto}.list-dialog h2[b-ufblpassyq]{font-size:1.4rem;margin-bottom:20px}.list-dialog>input[b-ufblpassyq]{width:100%;padding:12px;background:transparent;color:inherit;border:1px solid #8888;border-radius:7px}.dialog-buttons[b-ufblpassyq]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dialog-buttons>button:not(.primary)[b-ufblpassyq]{background:none;border:0}.member[b-ufblpassyq]{display:flex;gap:12px;align-items:center;padding:12px 0}.member input[b-ufblpassyq]{width:22px;height:22px}.undo[b-ufblpassyq],.notice[b-ufblpassyq]{border:1px solid #8885;border-radius:10px;padding:14px;background:var(--surface-color,#262a31)}.undo[b-ufblpassyq]{position:fixed;bottom:100px;left:16px;right:16px;max-width:600px;margin:auto;z-index:10;display:flex;justify-content:space-between}.undo button[b-ufblpassyq],.notice button[b-ufblpassyq]{background:none;color:inherit;border:0;text-decoration:underline}.error[b-ufblpassyq]{border-color:#d55}.moving[b-ufblpassyq]{opacity:.55}.drop-target[b-ufblpassyq]{outline:3px solid #91a1ee;outline-offset:1px}button:focus-visible[b-ufblpassyq],.grip:focus-visible[b-ufblpassyq]{outline:3px solid #91a1ee;outline-offset:2px}
@media(prefers-color-scheme:light){.item[b-ufblpassyq],.add-bar[b-ufblpassyq],aside[b-ufblpassyq],.list-dialog[b-ufblpassyq],.undo[b-ufblpassyq],.notice[b-ufblpassyq]{background:var(--surface-color,#f1f2f5)}}
.edit-delete[b-ufblpassyq]{display:block;margin-top:20px;padding:12px 16px;min-height:44px;border:0;border-radius:8px;background:#bb2535;color:white}.grip[b-ufblpassyq]{-webkit-user-select:none;-webkit-touch-callout:none}.item.revealed[b-ufblpassyq]{pointer-events:auto}
.edit-pencil[b-ufblpassyq]{flex-shrink:0;background:none;border:0;color:inherit;min-width:44px;min-height:48px;font-size:1.5rem}.item-text[b-ufblpassyq]{display:block}.item.revealed .grip[b-ufblpassyq]{display:none}
.transfer-options[b-ufblpassyq]{margin-top:22px;border-top:1px solid #8884;padding-top:16px}.transfer-options label[b-ufblpassyq]{display:block;margin-bottom:8px}.transfer-options select[b-ufblpassyq]{width:100%;padding:10px;background:transparent;color:inherit;border:1px solid #8887;border-radius:7px}.transfer-options option[b-ufblpassyq]{color:#171b24;background:white}.transfer-buttons[b-ufblpassyq]{display:flex;gap:12px;margin-top:12px}.transfer-buttons button[b-ufblpassyq]{flex:1;min-height:44px;background:transparent;border:1px solid #8887;border-radius:8px;padding:8px}.transfer-buttons button:disabled[b-ufblpassyq]{opacity:.4}.transfer-options .muted[b-ufblpassyq]{font-size:.85rem;margin-top:8px}.item[b-ufblpassyq]{will-change:transform}
.sort-row[b-ufblpassyq]{align-items:center;gap:12px;margin:10px 0 18px}.sort-selection[b-ufblpassyq]{appearance:auto;color:inherit;background:transparent;border:1px solid #8885;border-radius:8px;min-height:44px;max-width:calc(100% - 65px);padding:8px 10px;font:inherit}.sort-selection option[b-ufblpassyq]{color:#171b24;background:#fff}.sort-row>.muted[b-ufblpassyq]{white-space:nowrap}
.transfer-options summary[b-ufblpassyq]{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.transfer-options[open] summary[b-ufblpassyq]{margin-bottom:10px}.save-status[b-ufblpassyq]{font-size:.85rem;min-height:1.4em;margin:10px 0;opacity:.8}.item-text[b-ufblpassyq]{min-height:48px;cursor:pointer}.item-shell.delete-ready[b-ufblpassyq]{background:#d01530}.delete-ready .trash[b-ufblpassyq]{background:#d01530;width:100%;text-align:right;padding-right:25px}.delete-ready .trash[b-ufblpassyq]::before{content:"Loslassen zum Löschen";font-size:.9rem;margin-right:12px}
.grip[b-ufblpassyq]{font-size:1.5rem;opacity:.8}
.check[b-ufblpassyq]{width:48px;min-width:48px;min-height:52px;font-size:0;display:grid;place-items:center;padding:0}.check[b-ufblpassyq]::before{content:"";display:block;width:30px;height:30px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}.done .check[b-ufblpassyq]::before{content:"✓";font-size:21px;line-height:26px;text-align:center;background:var(--accent-color);color:var(--accent-foreground);border-color:var(--accent-color)}
/* Einheitliche Flächen und gemeinsame vertikale Mitte. */
.item-shell[b-ufblpassyq]{border-radius:14px;border:1px solid #8885;margin-bottom:8px}
.item[b-ufblpassyq]{min-height:64px;padding:8px;gap:6px}
.item-text[b-ufblpassyq]{display:flex;align-items:center;min-height:48px;line-height:1.4;padding:0 3px}
.check[b-ufblpassyq],.star[b-ufblpassyq],.grip[b-ufblpassyq]{align-self:center;display:flex;align-items:center;justify-content:center;min-height:48px;line-height:1;padding:0}
.check[b-ufblpassyq]{height:48px;width:48px;min-width:48px;font-size:0;color:color-mix(in srgb,var(--accent-color) 75%,var(--family-foreground) 25%)}
.check[b-ufblpassyq]::before{flex:none;margin:0}
.star[b-ufblpassyq]{width:44px}
.grip[b-ufblpassyq]{width:32px;flex-shrink:0}
.add-bar[b-ufblpassyq]{min-height:64px;box-sizing:border-box}
.add-bar input[b-ufblpassyq]{min-height:46px;padding:0 10px;line-height:1.4}
aside[b-ufblpassyq]{padding:16px}
.drawer-heading[b-ufblpassyq]{margin-bottom:8px}
.section-button[b-ufblpassyq]{margin-top:16px;padding:10px 12px}
.list-link[b-ufblpassyq]{padding:10px 16px;min-height:44px;border-inline-start:3px solid transparent;border-radius:10px}
.list-link.selected[b-ufblpassyq]{background:color-mix(in srgb,var(--accent-color) 20%,var(--surface-color));border-inline-start-color:var(--accent-color)}
.portal-link[b-ufblpassyq]{margin:24px 12px;text-decoration:none;opacity:.8}
.portal-link:hover[b-ufblpassyq]{text-decoration:underline;opacity:1}
.item-shell[b-ufblpassyq]{background:var(--surface-color);background-clip:padding-box}.item-shell.delete-ready[b-ufblpassyq]{background:#d01530;background-clip:padding-box}
header[b-ufblpassyq]{min-height:56px;height:auto;padding:6px 12px;gap:6px;flex-wrap:nowrap}
header .app-name[b-ufblpassyq]{min-width:0;flex:1;margin:0;font-size:1.2rem;line-height:1.3;font-weight:650;color:var(--family-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
header .icon[b-ufblpassyq]{flex-shrink:0}
main[b-ufblpassyq]{padding-top:10px}
.start-label[b-ufblpassyq]{margin:0 0 4px;font-size:.8rem}
.sort-row[b-ufblpassyq]{margin:0 0 12px}
@media(max-width:640.98px){header .small-label[b-ufblpassyq]{display:none}}
.sharing-control[b-ufblpassyq]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 8px;white-space:nowrap}
.sharing-control.is-shared[b-ufblpassyq]{border-radius:9px;background:color-mix(in srgb,var(--accent-color) 16%,transparent)}
.share-count[b-ufblpassyq]{font-size:.9rem;font-weight:650}
.sharing-status[b-ufblpassyq]{font-size:.8rem;opacity:.75;margin:0 0 4px}
.sort-text[b-ufblpassyq]{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin:0;cursor:pointer}
.sort-text .sort-selection[b-ufblpassyq]{appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:transparent;padding:10px 0;min-height:44px;max-width:100%;font-size:1rem;line-height:1.4;cursor:pointer}
.sort-text .sort-selection:focus-visible[b-ufblpassyq]{outline:2px solid var(--accent-color);outline-offset:3px}
.sort-text>span[b-ufblpassyq]{pointer-events:none}
.sort-row[b-ufblpassyq]{margin:0 0 2px}
.open-heading[b-ufblpassyq],.completed-heading[b-ufblpassyq]{font-size:1rem;font-weight:400;line-height:1.4;min-height:44px;margin:0;padding:10px 5px;text-align:left;color:inherit}
.drawer-account[b-ufblpassyq]{border-top:1px solid #8885;margin-top:20px;padding-top:14px}
.drawer-account[b-ufblpassyq]  .account-badge{display:grid;gap:4px;padding:0 12px;margin:0 0 6px;font-size:.9rem}
.drawer-account[b-ufblpassyq]  .account-caption{font-size:.75rem;opacity:.65}
.drawer-account[b-ufblpassyq]  .account-role{font-size:.8rem;opacity:.8}
.drawer-account .section-button[b-ufblpassyq]{margin-top:4px}
.list-link[b-ufblpassyq]{display:flex;align-items:center;gap:10px}.menu-list-title[b-ufblpassyq]{flex:1;min-width:0;overflow-wrap:anywhere}.menu-shared[b-ufblpassyq]{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:.85rem;opacity:.85}.menu-shared[b-ufblpassyq]  svg{width:20px;height:20px}
.menu-markers[b-ufblpassyq]{margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.menu-home[b-ufblpassyq]{display:inline-grid;place-items:center;width:20px;font-size:1.1rem;line-height:1}.menu-markers:empty[b-ufblpassyq]{display:none}
/* Mobil bleibt das Menü ein ausklappbarer Bereich. Desktop nutzt zwei feste Spalten. */
aside[b-ufblpassyq]{display:none}
.drawer-open aside[b-ufblpassyq]{display:block}
@media(min-width:1100px){
    .lists-app[b-ufblpassyq]{--desktop-sidebar:300px;max-width:none;margin:0;padding-left:var(--desktop-sidebar);padding-bottom:120px;box-sizing:border-box}
    aside[b-ufblpassyq]{display:block!important;width:var(--desktop-sidebar);box-sizing:border-box;border-right:1px solid #8883;box-shadow:none;padding:24px 18px;z-index:6}
    .drawer-shade[b-ufblpassyq],.mobile-menu-toggle[b-ufblpassyq],.mobile-menu-close[b-ufblpassyq]{display:none}
    .drawer-heading[b-ufblpassyq]{min-height:44px;padding:0 12px;font-size:1.2rem;margin-bottom:14px}
    header[b-ufblpassyq]{max-width:1280px;margin:0 auto;min-height:76px;padding:12px 32px;box-sizing:border-box}
    header .app-name[b-ufblpassyq]{font-size:1.6rem;white-space:normal}
    main[b-ufblpassyq]{max-width:1280px;margin:0 auto;padding:20px 32px 28px;box-sizing:border-box}
    .add-bar[b-ufblpassyq]{left:calc(var(--desktop-sidebar) + 32px);right:32px;max-width:1216px;bottom:24px}
    .undo[b-ufblpassyq]{left:calc(var(--desktop-sidebar) + 32px);right:32px;bottom:110px}
    .item-shell[b-ufblpassyq]{margin-bottom:10px}
    .overview[b-ufblpassyq]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-bottom:20px}
    .overview-list[b-ufblpassyq]{margin:0;min-height:88px}
}
/* /Components/Pages/ListSettings.razor.rz.scp.css */
.list-settings[b-410mx7tnqu]{max-width:800px;margin:auto;min-height:100dvh}.list-settings header[b-410mx7tnqu]{display:flex;align-items:center;gap:12px;padding:6px 12px;min-height:56px;border-bottom:1px solid #8885}.list-settings header a[b-410mx7tnqu]{display:grid;place-items:center;width:44px;min-height:44px;font-size:2rem;color:inherit;text-decoration:none}.list-settings h1[b-410mx7tnqu]{font-size:1.25rem;font-weight:650;margin:0}.list-settings main[b-410mx7tnqu]{padding:18px 16px 36px}.list-settings h2[b-410mx7tnqu]{font-size:1.35rem;margin-bottom:14px}.connection-settings[b-410mx7tnqu]{margin-top:30px;padding-top:20px;border-top:1px solid #8885}.endpoint[b-410mx7tnqu]{overflow-wrap:anywhere}.connection-settings a[b-410mx7tnqu]{color:inherit;text-decoration:underline}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-sections[b-btlsxgxgzf] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 24px; margin-top: 24px; max-width: 960px; }
.settings-sections section[b-btlsxgxgzf] { border: 1px solid currentColor; border-radius: 12px; padding: 24px; }
h2[b-btlsxgxgzf] { font-size: 1.2rem; }
/* /Components/Pages/Users.razor.rz.scp.css */
.account-card[b-uiy2i8cbl5] { max-width: 680px; padding: 20px; margin: 20px 0; border: 1px solid currentColor; border-radius: 12px; }
h2[b-uiy2i8cbl5] { font-size: 1.3rem; overflow-wrap: anywhere; }
input.form-control[b-uiy2i8cbl5] { margin: 8px 0 16px; min-height: 44px; }
fieldset[b-uiy2i8cbl5] { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 18px; }
legend[b-uiy2i8cbl5] { float: none; font-size: 1rem; }
fieldset label[b-uiy2i8cbl5] { display: flex; align-items: center; gap: 10px; min-height: 44px; }
fieldset input[b-uiy2i8cbl5] { width: 20px; height: 20px; }
.account-actions[b-uiy2i8cbl5] { display: flex; flex-wrap: wrap; gap: 12px; }
button[b-uiy2i8cbl5] { min-height: 44px; }