@import '_content/Weddination.Components/Weddination.Components.54yq5g8ib7.bundle.scp.css';

/* /Features/Access/Admin/Benutzer.razor.rz.scp.css */
.crumb[b-qgwmb5metn] {
    margin: 0 0 var(--wd-space-4) 0;
}

.crumb a[b-qgwmb5metn] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--wd-primary);
    text-decoration: none;
}

.head[b-qgwmb5metn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--wd-space-4);
}

h1[b-qgwmb5metn] {
    margin: 0;
    font-size: var(--wd-text-2xl);
}

.filters[b-qgwmb5metn] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--wd-space-4);
    margin: var(--wd-space-5) 0;
}

.filters[b-qgwmb5metn]  .wd-field {
    flex: 1;
    min-width: 240px;
}

.toggle[b-qgwmb5metn] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-2);
    min-height: 44px;
    padding: 0 var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font-size: var(--wd-text-sm);
    cursor: pointer;
}

.toggle input[b-qgwmb5metn] {
    width: 18px;
    height: 18px;
}

.rows[b-qgwmb5metn] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
    margin: 0 0 var(--wd-space-4) 0;
    padding: 0;
    list-style: none;
}

.rows li[b-qgwmb5metn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-4);
    padding: var(--wd-space-4);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
}

.person[b-qgwmb5metn] {
    flex: 1;
    min-width: 260px;
}

.name[b-qgwmb5metn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-2);
    margin: 0;
    font-weight: 600;
}

.mail[b-qgwmb5metn],
.weddings[b-qgwmb5metn] {
    margin: 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.chip[b-qgwmb5metn] {
    padding: var(--wd-space-1) var(--wd-space-3);
    border-radius: 999px;
    font-size: var(--wd-text-sm);
    font-weight: 600;
}

.chip.admin[b-qgwmb5metn] {
    background: var(--wd-primary-soft);
    color: var(--wd-primary-hover);
}

.chip.blocked[b-qgwmb5metn] {
    background: var(--wd-danger-soft);
    color: var(--wd-danger);
}

.chip.active[b-qgwmb5metn] {
    border: 1px solid var(--wd-line);
    color: var(--wd-ink-soft);
    font-weight: 400;
}

.chip.paused[b-qgwmb5metn] {
    border: 1px solid var(--wd-line);
    color: var(--wd-ink-soft);
    font-weight: 400;
}

.links[b-qgwmb5metn] {
    margin: 0;
    padding-left: var(--wd-space-5);
}

.links a[b-qgwmb5metn] {
    color: var(--wd-primary);
}

.actions[b-qgwmb5metn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wd-space-2);
}

.lede[b-qgwmb5metn] {
    margin: 0;
    color: var(--wd-ink-soft);
}

.note[b-qgwmb5metn] {
    margin: 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.general-error[b-qgwmb5metn] {
    margin: 0;
    padding: var(--wd-space-3);
    background: var(--wd-danger-soft);
    border-radius: var(--wd-radius);
    font-size: var(--wd-text-sm);
}
/* /Features/Access/Admin/HochzeitDetail.razor.rz.scp.css */
.crumb[b-byrlsdy7xr] {
    margin: 0 0 var(--wd-space-4) 0;
}

.crumb a[b-byrlsdy7xr] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--wd-primary);
    text-decoration: none;
}

h1[b-byrlsdy7xr] {
    margin: 0 0 var(--wd-space-5) 0;
    font-size: var(--wd-text-2xl);
}

.card[b-byrlsdy7xr] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--wd-space-4);
    margin-bottom: var(--wd-space-5);
    padding: var(--wd-space-5);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    box-shadow: var(--wd-shadow);
}

.card[b-byrlsdy7xr]  .wd-field {
    align-self: stretch;
    max-width: 420px;
}

.head[b-byrlsdy7xr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--wd-space-4);
    align-self: stretch;
}

h2[b-byrlsdy7xr] {
    margin: 0;
    font-size: var(--wd-text-lg);
}

.note[b-byrlsdy7xr] {
    margin: 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.members[b-byrlsdy7xr],
.found[b-byrlsdy7xr] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
    align-self: stretch;
}

.members li[b-byrlsdy7xr],
.found li[b-byrlsdy7xr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-3);
    padding: var(--wd-space-3) var(--wd-space-4);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
}

.members li > div:first-child[b-byrlsdy7xr],
.found li > span[b-byrlsdy7xr] {
    flex: 1;
    min-width: 40%;
}

.name[b-byrlsdy7xr] {
    margin: 0;
    font-weight: 600;
}

.mail[b-byrlsdy7xr] {
    margin: 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.role[b-byrlsdy7xr] {
    padding: var(--wd-space-1) var(--wd-space-3);
    border-radius: 999px;
    font-size: var(--wd-text-sm);
    font-weight: 600;
}

.role.owner[b-byrlsdy7xr] {
    background: var(--wd-primary-soft);
    color: var(--wd-primary-hover);
}

.role.helper[b-byrlsdy7xr] {
    border: 1px solid var(--wd-line);
    color: var(--wd-ink-soft);
}

.hint[b-byrlsdy7xr] {
    flex-basis: 100%;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.lede[b-byrlsdy7xr] {
    margin: 0;
    color: var(--wd-ink-soft);
}

.ok[b-byrlsdy7xr] {
    margin: 0;
    padding: var(--wd-space-2) var(--wd-space-3);
    background: var(--wd-primary-soft);
    border-radius: var(--wd-radius);
    color: var(--wd-primary-hover);
    font-size: var(--wd-text-sm);
}
/* /Features/Access/Admin/Hochzeiten.razor.rz.scp.css */
.head[b-yiw2aw9w85] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--wd-space-4);
    margin-bottom: var(--wd-space-5);
}

h1[b-yiw2aw9w85] {
    margin: 0;
    font-size: var(--wd-text-2xl);
}

.rows[b-yiw2aw9w85] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.rows a[b-yiw2aw9w85] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-3);
    min-height: 56px;
    padding: var(--wd-space-4);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    color: inherit;
    text-decoration: none;
}

.rows a:hover[b-yiw2aw9w85] {
    background: var(--wd-primary-soft);
}

.name[b-yiw2aw9w85] {
    flex: 1;
    min-width: 40%;
    font-weight: 600;
}

.date[b-yiw2aw9w85],
.owners[b-yiw2aw9w85] {
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.warn[b-yiw2aw9w85] {
    padding: var(--wd-space-1) var(--wd-space-3);
    border-radius: 999px;
    background: var(--wd-danger-soft);
    color: var(--wd-danger);
    font-size: var(--wd-text-sm);
    font-weight: 600;
}
/* /Features/Access/Admin/Uebersicht.razor.rz.scp.css */
h1[b-xlulwzs92t] {
    font-size: var(--wd-text-2xl);
    margin: 0;
}

.lede[b-xlulwzs92t] {
    margin: var(--wd-space-2) 0 var(--wd-space-6) 0;
    color: var(--wd-ink-soft);
}

.tiles[b-xlulwzs92t] {
    display: grid;
    gap: var(--wd-space-4);
}

@media (min-width: 768px) {
    .tiles[b-xlulwzs92t] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.tiles a[b-xlulwzs92t] {
    display: block;
    min-height: 120px;
    padding: var(--wd-space-6);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    box-shadow: var(--wd-shadow);
    color: inherit;
    text-decoration: none;
}

.tiles a:hover[b-xlulwzs92t] {
    background: var(--wd-primary-soft);
}

h2[b-xlulwzs92t] {
    margin: 0 0 var(--wd-space-2) 0;
    font-size: var(--wd-text-lg);
}

.tiles p[b-xlulwzs92t] {
    margin: 0;
    color: var(--wd-ink-soft);
}
/* /Features/Access/Anmelden.razor.rz.scp.css */
.card[b-7mslaecu7m] {
    width: min(420px, 100%);
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-4);
    padding: var(--wd-space-6);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    box-shadow: var(--wd-shadow);
}

h1[b-7mslaecu7m] {
    margin: 0;
    font-size: var(--wd-text-xl);
}

form[b-7mslaecu7m] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-4);
}

.general-error[b-7mslaecu7m] {
    margin: 0;
    padding: var(--wd-space-3);
    background: var(--wd-danger-soft);
    border-radius: var(--wd-radius);
    color: var(--wd-ink);
    font-size: var(--wd-text-sm);
}

.help[b-7mslaecu7m] {
    margin: 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}
/* /Features/Access/EinladungEinloesen.razor.rz.scp.css */
.card[b-9zfs3qnjjq] {
    width: min(420px, 100%);
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-4);
    padding: var(--wd-space-6);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    box-shadow: var(--wd-shadow);
}

h1[b-9zfs3qnjjq] {
    margin: 0;
    font-size: var(--wd-text-xl);
}

form[b-9zfs3qnjjq] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-4);
}

.general-error[b-9zfs3qnjjq] {
    margin: 0;
    padding: var(--wd-space-3);
    background: var(--wd-danger-soft);
    border-radius: var(--wd-radius);
    color: var(--wd-ink);
    font-size: var(--wd-text-sm);
}

.help[b-9zfs3qnjjq] {
    margin: 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.lede[b-9zfs3qnjjq] {
    margin: 0;
    color: var(--wd-ink-soft);
}

.account[b-9zfs3qnjjq] {
    margin: 0;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.actions[b-9zfs3qnjjq] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
}

.link[b-9zfs3qnjjq] {
    color: var(--wd-primary);
}

.help a[b-9zfs3qnjjq],
.card a:not(.link)[b-9zfs3qnjjq] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--wd-primary);
    font-weight: 600;
}
/* /Features/Access/Einrichtung.razor.rz.scp.css */
.card[b-gosaqhudi9] {
    width: min(420px, 100%);
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-4);
    padding: var(--wd-space-6);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    box-shadow: var(--wd-shadow);
}

h1[b-gosaqhudi9] {
    margin: 0;
    font-size: var(--wd-text-xl);
}

form[b-gosaqhudi9] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-4);
}

.general-error[b-gosaqhudi9] {
    margin: 0;
    padding: var(--wd-space-3);
    background: var(--wd-danger-soft);
    border-radius: var(--wd-radius);
    color: var(--wd-ink);
    font-size: var(--wd-text-sm);
}

.help[b-gosaqhudi9] {
    margin: 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.lede[b-gosaqhudi9] {
    margin: 0;
    color: var(--wd-ink-soft);
}
/* /Features/Access/Hochzeit.razor.rz.scp.css */
/* Der Seitenrhythmus liegt hier — ein Abstand für alle Blöcke. Kein Block
   trägt seinen eigenen Außenabstand, sonst entstehen Lücken wie die zwischen
   Geschenkeliste und Platzhalter (Lauf 011). */
.page[b-7cpid4jsb9] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-5);
}

h1[b-7cpid4jsb9] {
    font-size: var(--wd-text-2xl);
    margin: 0;
}

.sub[b-7cpid4jsb9] {
    margin: var(--wd-space-1) 0 0 0;
    color: var(--wd-ink-soft);
}

.tiles[b-7cpid4jsb9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--wd-space-4);
}

.tile[b-7cpid4jsb9] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-1);
    padding: var(--wd-space-5);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    text-decoration: none;
    color: inherit;
    min-height: 44px;
}

.tile:hover[b-7cpid4jsb9] {
    border-color: var(--wd-primary);
}

.tile-title[b-7cpid4jsb9] {
    font-family: "Fraunces", Georgia, serif;
    font-size: var(--wd-text-lg);
    color: var(--wd-ink);
}

.tile-sub[b-7cpid4jsb9] {
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.placeholder[b-7cpid4jsb9] {
    padding: var(--wd-space-6);
    background: var(--wd-primary-soft);
    border-radius: var(--wd-radius-lg);
    color: var(--wd-primary-hover);
}

.gift-card[b-7cpid4jsb9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wd-space-4);
    padding: var(--wd-space-5);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    box-shadow: 0 1px 3px rgb(43 40 51 / 0.12);
    text-decoration: none;
    color: inherit;
}

.gift-card:hover[b-7cpid4jsb9] {
    background: var(--wd-primary-soft);
}

.gift-card-title[b-7cpid4jsb9] {
    margin: 0;
    font-weight: 600;
}

.gift-card-sub[b-7cpid4jsb9] {
    margin: var(--wd-space-1) 0 0;
    color: var(--wd-ink-soft);
}

.section-head[b-7cpid4jsb9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wd-space-4);
    margin-bottom: var(--wd-space-4);
}

h2[b-7cpid4jsb9] {
    font-size: var(--wd-text-xl);
    margin: 0;
}

.members[b-7cpid4jsb9],
.invitations ul[b-7cpid4jsb9] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.members li[b-7cpid4jsb9],
.invitations li[b-7cpid4jsb9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-3);
    padding: var(--wd-space-4);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
}

.members li > div:first-child[b-7cpid4jsb9],
.what[b-7cpid4jsb9] {
    flex: 1;
    min-width: 40%;
}

.name[b-7cpid4jsb9] {
    margin: 0;
    font-weight: 600;
}

.mail[b-7cpid4jsb9],
.what[b-7cpid4jsb9] {
    margin: 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.role[b-7cpid4jsb9] {
    padding: var(--wd-space-1) var(--wd-space-3);
    border-radius: 999px;
    font-size: var(--wd-text-sm);
    font-weight: 600;
}

.role.owner[b-7cpid4jsb9] {
    background: var(--wd-primary-soft);
    color: var(--wd-primary-hover);
}

.role.helper[b-7cpid4jsb9] {
    border: 1px solid var(--wd-line);
    color: var(--wd-ink-soft);
}

.hint[b-7cpid4jsb9] {
    flex-basis: 100%;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.invitations h2[b-7cpid4jsb9] {
    margin-bottom: var(--wd-space-4);
}

fieldset[b-7cpid4jsb9] {
    border: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
}

legend[b-7cpid4jsb9] {
    padding: 0 0 var(--wd-space-2) 0;
    font-size: var(--wd-text-sm);
    font-weight: 600;
    color: var(--wd-ink-soft);
}

.choice[b-7cpid4jsb9] {
    display: flex;
    gap: var(--wd-space-3);
    align-items: flex-start;
    min-height: 44px;
    padding: var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    cursor: pointer;
}

.choice:hover[b-7cpid4jsb9] {
    background: var(--wd-primary-soft);
}

.choice span[b-7cpid4jsb9] {
    display: flex;
    flex-direction: column;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.choice strong[b-7cpid4jsb9] {
    color: var(--wd-ink);
}

.lede[b-7cpid4jsb9] {
    margin: 0;
    color: var(--wd-ink-soft);
}

.general-error[b-7cpid4jsb9] {
    margin: 0;
    padding: var(--wd-space-3);
    background: var(--wd-danger-soft);
    border-radius: var(--wd-radius);
    font-size: var(--wd-text-sm);
}
/* /Features/Access/Konto.razor.rz.scp.css */
h1[b-hxury15ck7] {
    font-size: var(--wd-text-2xl);
    margin: 0 0 var(--wd-space-5) 0;
}

.card[b-hxury15ck7] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--wd-space-4);
    max-width: 480px;
    margin-bottom: var(--wd-space-5);
    padding: var(--wd-space-5);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    box-shadow: var(--wd-shadow);
}

.card > .wd-field[b-hxury15ck7],
.card[b-hxury15ck7]  .wd-field {
    align-self: stretch;
}

h2[b-hxury15ck7] {
    margin: 0;
    font-size: var(--wd-text-lg);
}

.lede[b-hxury15ck7] {
    margin: 0;
    color: var(--wd-ink-soft);
}

.ok[b-hxury15ck7] {
    margin: 0;
    padding: var(--wd-space-2) var(--wd-space-3);
    background: var(--wd-primary-soft);
    border-radius: var(--wd-radius);
    color: var(--wd-primary-hover);
    font-size: var(--wd-text-sm);
}

.general-error[b-hxury15ck7] {
    margin: 0;
    padding: var(--wd-space-2) var(--wd-space-3);
    background: var(--wd-danger-soft);
    border-radius: var(--wd-radius);
    font-size: var(--wd-text-sm);
}
/* /Features/Access/MeineHochzeiten.razor.rz.scp.css */
h1[b-r09sxv6wll] {
    font-size: var(--wd-text-2xl);
    margin-bottom: var(--wd-space-5);
}

.cards[b-r09sxv6wll] {
    display: grid;
    gap: var(--wd-space-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 768px) {
    .cards[b-r09sxv6wll] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.cards a[b-r09sxv6wll] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
    align-items: flex-start;
    min-height: 72px;
    padding: var(--wd-space-5);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    box-shadow: var(--wd-shadow);
    color: inherit;
    text-decoration: none;
}

.cards a:hover[b-r09sxv6wll] {
    background: var(--wd-primary-soft);
}

h2[b-r09sxv6wll] {
    margin: 0;
    font-size: var(--wd-text-lg);
}

.date[b-r09sxv6wll] {
    margin: 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.role[b-r09sxv6wll] {
    padding: var(--wd-space-1) var(--wd-space-3);
    border-radius: 999px;
    font-size: var(--wd-text-sm);
    font-weight: 600;
}

.role.owner[b-r09sxv6wll] {
    background: var(--wd-primary-soft);
    color: var(--wd-primary-hover);
}

.role.helper[b-r09sxv6wll] {
    border: 1px solid var(--wd-line);
    color: var(--wd-ink-soft);
}
/* /Features/Access/PasswortNeu.razor.rz.scp.css */
.card[b-y8hufwshfe] {
    width: min(420px, 100%);
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-4);
    padding: var(--wd-space-6);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    box-shadow: var(--wd-shadow);
}

h1[b-y8hufwshfe] {
    margin: 0;
    font-size: var(--wd-text-xl);
}

form[b-y8hufwshfe] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-4);
}

.general-error[b-y8hufwshfe] {
    margin: 0;
    padding: var(--wd-space-3);
    background: var(--wd-danger-soft);
    border-radius: var(--wd-radius);
    color: var(--wd-ink);
    font-size: var(--wd-text-sm);
}

.help[b-y8hufwshfe] {
    margin: 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.lede[b-y8hufwshfe] {
    margin: 0;
    color: var(--wd-ink-soft);
}

.account[b-y8hufwshfe] {
    margin: 0;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.actions[b-y8hufwshfe] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
}

.link[b-y8hufwshfe] {
    color: var(--wd-primary);
}
/* /Features/Budget/Budgetbalken.razor.rz.scp.css */
.balken[b-2qvhrwjmqv] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-3);
    min-width: 0;
}

.track[b-2qvhrwjmqv] {
    display: block;
    flex: 1;
    min-width: var(--wd-space-7);
    height: var(--wd-space-2);
    border-radius: 999px;
    background: var(--wd-line);
    overflow: hidden;
}

.fill[b-2qvhrwjmqv] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--wd-primary);
    transition: width 200ms ease-out;
}

.fill.knapp[b-2qvhrwjmqv] {
    background: var(--wd-accent);
}

.fill.ueber[b-2qvhrwjmqv] {
    background: var(--wd-danger);
}

.wert[b-2qvhrwjmqv] {
    font-variant-numeric: tabular-nums;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
    white-space: nowrap;
}

/* Der Text sagt dasselbe wie die Farbe — Farbe trägt nie allein. */
.wert.ueber[b-2qvhrwjmqv] {
    color: var(--wd-danger);
    font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
    .fill[b-2qvhrwjmqv] {
        transition: none;
    }
}
/* /Features/Budget/Budgetkategorien.razor.rz.scp.css */
.krumen[b-udgj0j4r84] {
    margin: 0 0 var(--wd-space-4) 0;
}

.krumen a[b-udgj0j4r84] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--wd-primary);
}

h1[b-udgj0j4r84] {
    font-family: "Fraunces", Georgia, serif;
    font-size: var(--wd-text-xl);
    margin: 0;
}

.sub[b-udgj0j4r84] {
    margin: var(--wd-space-1) 0 var(--wd-space-5) 0;
    color: var(--wd-ink-soft);
}

.fehler[b-udgj0j4r84] {
    margin: 0 0 var(--wd-space-4) 0;
    padding: var(--wd-space-3) var(--wd-space-4);
    background: var(--wd-danger-soft);
    border-radius: var(--wd-radius);
    color: var(--wd-danger);
}

.anlegen[b-udgj0j4r84] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wd-space-2);
    margin-bottom: var(--wd-space-5);
}

.anlegen input[b-udgj0j4r84],
.name-feld[b-udgj0j4r84],
.rahmen-feld[b-udgj0j4r84] {
    min-height: 44px;
    padding: 0 var(--wd-space-4);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font: inherit;
    color: var(--wd-ink);
}

.anlegen input:first-child[b-udgj0j4r84] {
    flex: 1 1 50%;
}

.anlegen input[inputmode="decimal"][b-udgj0j4r84],
.rahmen-feld[b-udgj0j4r84] {
    flex: 0 1 9rem;
    font-variant-numeric: tabular-nums;
}

.liste[b-udgj0j4r84] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.liste li[b-udgj0j4r84] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-3);
    padding: var(--wd-space-3) var(--wd-space-4);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
}

.reihenfolge[b-udgj0j4r84] {
    display: flex;
    /* Mindestabstand zwischen interaktiven Elementen: --wd-space-2 (design-system.md). */
    gap: var(--wd-space-2);
}

.reihenfolge button[b-udgj0j4r84] {
    width: 44px;
    height: 44px;
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-ink-soft);
    font: inherit;
    cursor: pointer;
}

.reihenfolge button:hover:not(:disabled)[b-udgj0j4r84] {
    background: var(--wd-primary-soft);
}

.reihenfolge button:disabled[b-udgj0j4r84] {
    opacity: 0.45;
    cursor: not-allowed;
}

.name[b-udgj0j4r84] {
    flex: 1;
    min-width: 30%;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.name-feld[b-udgj0j4r84] {
    flex: 1;
    min-width: 40%;
}

.rahmen[b-udgj0j4r84],
.anzahl[b-udgj0j4r84] {
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.anlegen input:focus-visible[b-udgj0j4r84],
.name-feld:focus-visible[b-udgj0j4r84],
.rahmen-feld:focus-visible[b-udgj0j4r84],
.reihenfolge button:focus-visible[b-udgj0j4r84] {
    outline: 2px solid var(--wd-focus);
    outline-offset: 2px;
}

.zeilen-fehler[b-udgj0j4r84] {
    flex: 1 0 100%;
    margin: var(--wd-space-1) 0 0;
    color: var(--wd-danger);
    font-size: var(--wd-text-sm);
}
/* /Features/Budget/Budgetposition.razor.rz.scp.css */
.zurueck[b-zn9d91foqm] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-bottom: var(--wd-space-3);
    color: var(--wd-primary);
    font-size: var(--wd-text-sm);
}

h1[b-zn9d91foqm] {
    font-family: "Fraunces", Georgia, serif;
    font-size: var(--wd-text-xl);
    margin: 0 0 var(--wd-space-4);
    overflow-wrap: anywhere;
}

.fehler[b-zn9d91foqm] {
    margin: 0 0 var(--wd-space-4);
    padding: var(--wd-space-3);
    border-radius: var(--wd-radius);
    background: var(--wd-danger-soft);
    color: var(--wd-danger);
}

.formular[b-zn9d91foqm] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-4);
    max-width: 32rem;
}

.feld[b-zn9d91foqm] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-1);
}

.feld > span[b-zn9d91foqm] {
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

select[b-zn9d91foqm],
textarea[b-zn9d91foqm] {
    min-height: 44px;
    padding: var(--wd-space-2) var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-ink);
    font: inherit;
}

textarea[b-zn9d91foqm] {
    resize: vertical;
    line-height: 1.5;
}

.schalter[b-zn9d91foqm] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-2);
    min-height: 44px;
    cursor: pointer;
}

.schalter input[b-zn9d91foqm] {
    width: var(--wd-space-4);
    height: var(--wd-space-4);
    accent-color: var(--wd-primary);
}

.rechenweg[b-zn9d91foqm] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wd-space-3);
}

.rechenweg > *[b-zn9d91foqm] {
    flex: 1 1 8rem;
}

.ergebnis[b-zn9d91foqm] {
    margin: 0;
    font-variant-numeric: tabular-nums;
    color: var(--wd-ink-soft);
}

.beschreibung[b-zn9d91foqm] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
}

.beschreibung-kopf[b-zn9d91foqm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wd-space-3);
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.umschalter[b-zn9d91foqm] {
    display: flex;
    /* Mindestabstand zwischen interaktiven Elementen (design-system.md). */
    gap: var(--wd-space-2);
}

.umschalter button[b-zn9d91foqm] {
    min-height: 44px;
    padding: var(--wd-space-1) var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: 999px;
    background: var(--wd-surface);
    color: var(--wd-ink-soft);
    font: inherit;
    cursor: pointer;
}

.umschalter button.aktiv[b-zn9d91foqm] {
    background: var(--wd-primary-soft);
    color: var(--wd-ink);
}

.markdown-vorschau[b-zn9d91foqm] {
    padding: var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    line-height: 1.5;
}

.aktionen[b-zn9d91foqm] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wd-space-2);
}

.gefahr[b-zn9d91foqm] {
    margin-top: var(--wd-space-5);
    padding-top: var(--wd-space-4);
    border-top: 1px solid var(--wd-line);
}

select:focus-visible[b-zn9d91foqm],
textarea:focus-visible[b-zn9d91foqm],
.umschalter button:focus-visible[b-zn9d91foqm] {
    outline: 2px solid var(--wd-focus);
    outline-offset: 2px;
}
/* /Features/Budget/Budgetuebersicht.razor.rz.scp.css */
.kopf[b-waz3qwp1vy] {
    margin-bottom: var(--wd-space-5);
}

.kopf-titel[b-waz3qwp1vy] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--wd-space-3);
}

h1[b-waz3qwp1vy] {
    font-family: "Fraunces", Georgia, serif;
    font-size: var(--wd-text-xl);
    margin: 0;
}

.verwalten[b-waz3qwp1vy] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--wd-primary);
    font-size: var(--wd-text-sm);
}

.held[b-waz3qwp1vy] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--wd-space-2);
    margin: var(--wd-space-3) 0 var(--wd-space-2);
}

.kosten[b-waz3qwp1vy] {
    font-family: "Fraunces", Georgia, serif;
    font-size: var(--wd-text-2xl);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.von[b-waz3qwp1vy] {
    color: var(--wd-ink-soft);
    font-variant-numeric: tabular-nums;
}

.neben[b-waz3qwp1vy] {
    margin: var(--wd-space-2) 0 0;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.neben.ausserhalb[b-waz3qwp1vy] {
    color: var(--wd-ink);
}

.fehler[b-waz3qwp1vy] {
    margin: 0 0 var(--wd-space-4);
    padding: var(--wd-space-3);
    border-radius: var(--wd-radius);
    background: var(--wd-danger-soft);
    color: var(--wd-danger);
}

.werkzeuge[b-waz3qwp1vy] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--wd-space-3);
}

.schalter[b-waz3qwp1vy] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-2);
    min-height: 44px;
    font-size: var(--wd-text-sm);
    cursor: pointer;
}

.schalter input[b-waz3qwp1vy] {
    width: var(--wd-space-4);
    height: var(--wd-space-4);
    accent-color: var(--wd-primary);
}

.gruppen[b-waz3qwp1vy] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-3);
}

.gruppe[b-waz3qwp1vy] {
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    padding: var(--wd-space-4);
}

.gruppe-kopf[b-waz3qwp1vy] {
    display: grid;
    /* Schmal: Name in einer Zeile, Zahlen und Balken darunter. Mit den Zahlen
       daneben blieb für den Namen so wenig übrig, dass „Location" mitten im
       Wort umbrach. */
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: var(--wd-space-2) var(--wd-space-3);
    width: 100%;
    padding: 0;
    background: none;
    border: 0;
    text-align: left;
    font: inherit;
    color: inherit;
    cursor: pointer;
    min-height: 44px;
}

.chevron[b-waz3qwp1vy] {
    transition: transform 200ms ease-out;
    color: var(--wd-ink-soft);
}

.chevron.auf[b-waz3qwp1vy] {
    transform: rotate(90deg);
}

.gruppe-name[b-waz3qwp1vy] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.gruppe-zahlen .bezahlt[b-waz3qwp1vy] {
    margin-left: var(--wd-space-1);
}

.gruppe-zahlen[b-waz3qwp1vy] {
    grid-column: 1 / -1;
    font-variant-numeric: tabular-nums;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

/* Der Balken bekommt die volle Breite unter Name und Zahlen. */
.gruppe-kopf[b-waz3qwp1vy]  .balken {
    grid-column: 1 / -1;
}

.positionen[b-waz3qwp1vy] {
    list-style: none;
    margin: var(--wd-space-3) 0 0;
    padding: 0;
}

.leer[b-waz3qwp1vy] {
    margin: var(--wd-space-3) 0 0;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.anlegen-gruppe[b-waz3qwp1vy],
.anlegen-global[b-waz3qwp1vy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wd-space-2);
    margin-top: var(--wd-space-3);
}

.anlegen-global[b-waz3qwp1vy] {
    margin-top: var(--wd-space-4);
    padding: var(--wd-space-4);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
}

.anlegen-gruppe input:first-child[b-waz3qwp1vy],
.anlegen-global input:first-child[b-waz3qwp1vy] {
    flex: 1 1 12rem;
}

input[b-waz3qwp1vy],
select[b-waz3qwp1vy] {
    min-height: 44px;
    padding: var(--wd-space-2) var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-ink);
    font: inherit;
}

.anlegen-gruppe input[inputmode="decimal"][b-waz3qwp1vy],
.anlegen-global input[inputmode="decimal"][b-waz3qwp1vy] {
    flex: 0 1 8rem;
    font-variant-numeric: tabular-nums;
}

input:focus-visible[b-waz3qwp1vy],
select:focus-visible[b-waz3qwp1vy],
.gruppe-kopf:focus-visible[b-waz3qwp1vy],
.schalter:focus-within[b-waz3qwp1vy] {
    outline: 2px solid var(--wd-focus);
    outline-offset: 2px;
}

@media (min-width: 768px) {
    .gruppe-kopf[b-waz3qwp1vy] {
        grid-template-columns: auto minmax(8rem, 1fr) auto minmax(8rem, 14rem);
    }

    .gruppe-zahlen[b-waz3qwp1vy] {
        grid-column: auto;
        white-space: nowrap;
    }

    .gruppe-kopf[b-waz3qwp1vy]  .balken {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .chevron[b-waz3qwp1vy] {
        transition: none;
    }
}

/* Die Meldung steht an der Zeile, in der getippt wurde — nicht am Seitenkopf. */
.zeilen-fehler[b-waz3qwp1vy] {
    flex-basis: 100%;
    margin: var(--wd-space-2) 0 0;
    color: var(--wd-danger);
    font-size: var(--wd-text-sm);
}
/* /Features/Budget/Budgetzeile.razor.rz.scp.css */
.zeile[b-1poktznfqc] {
    display: flex;
    align-items: flex-start;
    gap: var(--wd-space-3);
    padding: var(--wd-space-3) 0;
    border-top: 1px solid var(--wd-line);
}

.haken[b-1poktznfqc] {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Touch-Ziel ≥ 44 px, auch wenn die Checkbox kleiner aussieht. */
    min-width: 44px;
    min-height: 44px;
    margin-left: calc(var(--wd-space-3) * -1);
    cursor: pointer;
}

.haken input[b-1poktznfqc] {
    width: var(--wd-space-4);
    height: var(--wd-space-4);
    accent-color: var(--wd-primary);
    cursor: pointer;
}

.titel[b-1poktznfqc] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--wd-space-1);
    /* Der Weg zur Detailseite ist ein Touch-Ziel wie jedes andere: ≥ 44 px. */
    min-height: 44px;
    padding: var(--wd-space-2) 0;
    color: var(--wd-ink);
    text-decoration: none;
}

.titel:hover .name[b-1poktznfqc] {
    text-decoration: underline;
}

.name[b-1poktznfqc] {
    overflow-wrap: anywhere;
}

.rechenweg[b-1poktznfqc],
.plan[b-1poktznfqc] {
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.betraege[b-1poktznfqc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--wd-space-1);
    padding: var(--wd-space-2) 0;
    text-align: right;
    white-space: nowrap;
}

.betrag[b-1poktznfqc] {
    font-variant-numeric: tabular-nums;
}

/* Bezahltes tritt zurück, verschwindet aber nicht — der Haken bleibt der Träger. */
.zeile.bezahlt .name[b-1poktznfqc],
.zeile.bezahlt .betrag[b-1poktznfqc] {
    color: var(--wd-ink-soft);
}
/* /Features/Gifts/Geschenke.razor.rz.scp.css */
.section-head[b-nfxsq9v4uo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--wd-space-4);
    margin-bottom: var(--wd-space-5);
    flex-wrap: wrap;
}

h1[b-nfxsq9v4uo] {
    font-size: var(--wd-text-2xl);
    margin: 0;
}

.sub[b-nfxsq9v4uo] {
    margin: var(--wd-space-1) 0 0;
    color: var(--wd-ink-soft);
}

.public-card[b-nfxsq9v4uo] {
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    padding: var(--wd-space-5);
    margin-bottom: var(--wd-space-5);
}

.public-head[b-nfxsq9v4uo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wd-space-3);
    margin-bottom: var(--wd-space-3);
}

.status[b-nfxsq9v4uo] {
    font-weight: 600;
}

.status.on[b-nfxsq9v4uo] {
    color: var(--wd-primary);
}

.status.off[b-nfxsq9v4uo] {
    color: var(--wd-ink-soft);
}

.hint[b-nfxsq9v4uo] {
    color: var(--wd-ink-soft);
    margin: 0 0 var(--wd-space-3);
}

.greeting-preview[b-nfxsq9v4uo] {
    margin: var(--wd-space-3) 0 0;
    color: var(--wd-ink-soft);
    font-style: italic;
}

.gifts[b-nfxsq9v4uo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
}

.gift[b-nfxsq9v4uo] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-3);
    padding: var(--wd-space-3);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
}

.thumb[b-nfxsq9v4uo] {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: var(--wd-radius);
    object-fit: cover;
    background: var(--wd-primary-soft);
}

.text[b-nfxsq9v4uo] {
    flex: 1;
    min-width: 0;
}

.title[b-nfxsq9v4uo] {
    margin: 0;
    font-weight: 600;
}

.description[b-nfxsq9v4uo] {
    margin: var(--wd-space-1) 0 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.url[b-nfxsq9v4uo] {
    margin: 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price[b-nfxsq9v4uo] {
    color: var(--wd-ink-soft);
    white-space: nowrap;
}

.wd-field[b-nfxsq9v4uo] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-1);
    margin-bottom: var(--wd-space-4);
}

.wd-field label[b-nfxsq9v4uo] {
    font-weight: 600;
}

.wd-field textarea[b-nfxsq9v4uo] {
    font: inherit;
    padding: var(--wd-space-2) var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    resize: vertical;
}

.wd-field textarea:focus-visible[b-nfxsq9v4uo] {
    outline: 2px solid var(--wd-focus);
    outline-offset: 2px;
}

.general-error[b-nfxsq9v4uo] {
    background: var(--wd-danger-soft);
    color: var(--wd-danger);
    padding: var(--wd-space-3);
    border-radius: var(--wd-radius);
    margin: 0 0 var(--wd-space-4);
}

/* Natives Datei-Feld bleibt semantisch (Tastatur, Screenreader, Drag&Drop),
   nur der Auswahlknopf wird an die übrigen Buttons angeglichen. */
input[type="file"][b-nfxsq9v4uo] {
    font: inherit;
}

input[type="file"][b-nfxsq9v4uo]::file-selector-button {
    font: inherit;
    font-weight: 600;
    padding: var(--wd-space-2) var(--wd-space-4);
    min-height: 44px;
    margin-right: var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-ink);
    cursor: pointer;
}

input[type="file"][b-nfxsq9v4uo]::file-selector-button:hover {
    background: var(--wd-primary-soft);
}

.gift.reserved[b-nfxsq9v4uo] {
    opacity: 0.8;
}

.badge[b-nfxsq9v4uo] {
    display: inline-block;
    margin-left: var(--wd-space-2);
    padding: 0 var(--wd-space-2);
    border-radius: var(--wd-radius);
    background: var(--wd-primary-soft);
    color: var(--wd-primary);
    font-size: var(--wd-text-sm);
    font-weight: 600;
    vertical-align: middle;
}

.helper-rights[b-nfxsq9v4uo] {
    margin-top: var(--wd-space-6);
    padding-top: var(--wd-space-5);
    border-top: 1px solid var(--wd-line);
}

.helper-rights h2[b-nfxsq9v4uo] {
    font-size: var(--wd-text-lg);
    margin: 0 0 var(--wd-space-3);
}

.helpers[b-nfxsq9v4uo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
}

.helpers li[b-nfxsq9v4uo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wd-space-3);
    padding: var(--wd-space-2) 0;
}

.switch[b-nfxsq9v4uo] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-2);
    cursor: pointer;
}

.helper-view .gift[b-nfxsq9v4uo] {
    justify-content: space-between;
}

.image-preview[b-nfxsq9v4uo] {
    display: block;
    margin-top: var(--wd-space-3);
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: var(--wd-radius);
    border: 1px solid var(--wd-line);
}
/* /Features/Guests/Gaeste.razor.rz.scp.css */
.crumb[b-omjg7xv36p] {
    margin: 0 0 var(--wd-space-3) 0;
}

.crumb a[b-omjg7xv36p] {
    color: var(--wd-ink-soft);
}

.head[b-omjg7xv36p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wd-space-4);
    margin-bottom: var(--wd-space-3);
}

h1[b-omjg7xv36p] {
    font-size: var(--wd-text-2xl);
    margin: 0;
}

.deadline[b-omjg7xv36p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-2);
    margin-bottom: var(--wd-space-4);
    font-size: var(--wd-text-sm);
}

.deadline label[b-omjg7xv36p] {
    color: var(--wd-ink-soft);
}

.deadline input[type="date"][b-omjg7xv36p] {
    padding: var(--wd-space-1) var(--wd-space-2);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font: inherit;
    min-height: 44px;
}

.deadline .hint[b-omjg7xv36p] {
    color: var(--wd-ink-soft);
}

/* --- Infotext für die Anmeldeseite --------------------------------------------- */

.info-editor[b-omjg7xv36p] {
    margin-bottom: var(--wd-space-5);
}

.info-editor summary[b-omjg7xv36p] {
    cursor: pointer;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
    margin-bottom: var(--wd-space-2);
}

.info-editor .wd-button[b-omjg7xv36p] {
    margin-top: var(--wd-space-2);
}

.markdown-field[b-omjg7xv36p] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
}

.mode-switch[b-omjg7xv36p] {
    display: inline-flex;
    align-self: flex-start;
    gap: var(--wd-space-1);
    padding: var(--wd-space-1);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: 999px;
}

.mode-switch button[b-omjg7xv36p] {
    min-height: 44px;
    padding: 0 var(--wd-space-3);
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--wd-ink-soft);
    font: inherit;
    font-size: var(--wd-text-sm);
    cursor: pointer;
}

.mode-switch button.active[b-omjg7xv36p] {
    background: var(--wd-primary);
    color: #fff;
}

.mode-switch button:hover:not(.active)[b-omjg7xv36p] {
    background: var(--wd-primary-soft);
}

.markdown-field textarea[b-omjg7xv36p] {
    min-height: 120px;
    padding: var(--wd-space-3) var(--wd-space-4);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font: inherit;
    color: var(--wd-ink);
    resize: vertical;
}

.markdown-preview[b-omjg7xv36p] {
    padding: var(--wd-space-3) var(--wd-space-4);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    color: var(--wd-ink);
    line-height: 1.5;
    overflow-wrap: break-word;
}

.markdown-preview :first-child[b-omjg7xv36p] {
    margin-top: 0;
}

.markdown-preview :last-child[b-omjg7xv36p] {
    margin-bottom: 0;
}

/* --- Layout: Desktop zweispaltig, Handy einspaltig ---------------------------- */

.layout[b-omjg7xv36p] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--wd-space-5);
    align-items: start;
}

@media (min-width: 1024px) {
    .layout[b-omjg7xv36p] {
        grid-template-columns: minmax(0, 1fr) 300px;
    }

    .main[b-omjg7xv36p] {
        order: 1;
    }

    .stats-desktop[b-omjg7xv36p] {
        order: 2;
        position: sticky;
        top: var(--wd-space-4);
    }

    .stats-mobile[b-omjg7xv36p] {
        display: none;
    }
}

@media (max-width: 1023.98px) {
    .stats-desktop[b-omjg7xv36p] {
        display: none;
    }
}

/* --- Filter ------------------------------------------------------------------ */

.filters[b-omjg7xv36p] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-3);
    margin-bottom: var(--wd-space-3);
}

.search[b-omjg7xv36p] {
    flex: 1;
    min-width: 0;
    padding: var(--wd-space-2) var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font: inherit;
    min-height: 44px;
}

.reset[b-omjg7xv36p] {
    padding: var(--wd-space-1) var(--wd-space-2);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-ink-soft);
    cursor: pointer;
    min-height: 44px;
    white-space: nowrap;
}

/* --- Haushaltsliste ------------------------------------------------------------ */

.households[b-omjg7xv36p] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    overflow: hidden;
}

.households li + li[b-omjg7xv36p] {
    border-top: 1px solid var(--wd-line);
}

.households li:has(.wd-household-editor)[b-omjg7xv36p] {
    border-top: none;
    border-bottom: none;
}

.row[b-omjg7xv36p] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-2);
}

.row-open[b-omjg7xv36p] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: var(--wd-space-2) var(--wd-space-3);
    color: inherit;
    font: inherit;
}

.row-open:hover[b-omjg7xv36p] {
    background: var(--wd-primary-soft);
}

.name-line[b-omjg7xv36p] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--wd-space-2);
}

.name[b-omjg7xv36p] {
    font-weight: 600;
    color: var(--wd-ink);
}

.pills[b-omjg7xv36p] {
    display: flex;
    gap: var(--wd-space-1);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pill[b-omjg7xv36p] {
    display: inline-block;
    padding: 2px var(--wd-space-2);
    border-radius: 999px;
    background: color-mix(in srgb, var(--pill-color) 16%, var(--wd-surface));
    border: 1px solid var(--pill-color);
    font-size: var(--wd-text-sm);
    white-space: nowrap;
}

.persons-line[b-omjg7xv36p] {
    display: flex;
    justify-content: space-between;
    gap: var(--wd-space-2);
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.status[b-omjg7xv36p] {
    white-space: nowrap;
}

.actions[b-omjg7xv36p] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-1);
    padding-right: var(--wd-space-2);
}

.icon-button[b-omjg7xv36p] {
    min-width: 44px;
    min-height: 44px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--wd-ink-soft);
    border-radius: var(--wd-radius);
    cursor: pointer;
    font-size: var(--wd-text-sm);
    padding: 0 var(--wd-space-2);
}

.icon-button:hover[b-omjg7xv36p] {
    background: var(--wd-primary-soft);
}

.icon-button.active[b-omjg7xv36p] {
    color: var(--wd-primary);
    font-weight: 600;
}

.no-link[b-omjg7xv36p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    color: var(--wd-ink-soft);
}

/* --- Statistik ----------------------------------------------------------------- */

.tiles[b-omjg7xv36p] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-4);
    padding: var(--wd-space-4);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
}

.tiles h2[b-omjg7xv36p] {
    margin: 0 0 var(--wd-space-2) 0;
    font-size: var(--wd-text-sm);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--wd-ink-soft);
}

.tiles section + section[b-omjg7xv36p] {
    padding-top: var(--wd-space-3);
    border-top: 1px solid var(--wd-line);
}

.stat[b-omjg7xv36p] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    padding: var(--wd-space-1) var(--wd-space-2);
    border: none;
    border-radius: var(--wd-radius);
    background: transparent;
    cursor: pointer;
    min-height: 44px;
    text-align: left;
}

.stat:hover[b-omjg7xv36p] {
    background: var(--wd-primary-soft);
}

.stat[aria-pressed="true"][b-omjg7xv36p] {
    background: var(--wd-primary-soft);
    outline: 1px solid var(--wd-primary);
}

.stat .value[b-omjg7xv36p] {
    font-size: var(--wd-text-lg);
    font-weight: 600;
    color: var(--wd-ink);
}

.stat .what[b-omjg7xv36p] {
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.static-stat[b-omjg7xv36p] {
    margin: 0;
    padding: var(--wd-space-1) var(--wd-space-2);
}

.static-stat .value[b-omjg7xv36p] {
    font-size: var(--wd-text-lg);
    font-weight: 600;
}

.static-stat .what[b-omjg7xv36p] {
    margin-left: var(--wd-space-1);
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.label-stat[b-omjg7xv36p] {
    display: grid;
    grid-template-columns: 1fr 2fr auto;
    align-items: center;
    gap: var(--wd-space-2);
    width: 100%;
    padding: var(--wd-space-1) var(--wd-space-2);
    border: none;
    background: transparent;
    cursor: pointer;
    min-height: 44px;
    border-radius: var(--wd-radius);
}

.label-stat:hover[b-omjg7xv36p],
.label-stat[aria-pressed="true"][b-omjg7xv36p] {
    background: var(--wd-primary-soft);
}

.label-name[b-omjg7xv36p] {
    font-size: var(--wd-text-sm);
    color: var(--wd-ink);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bar-track[b-omjg7xv36p] {
    height: 6px;
    border-radius: 999px;
    background: var(--wd-line);
    overflow: hidden;
}

.bar[b-omjg7xv36p] {
    display: block;
    height: 100%;
    background: var(--pill-color);
}

.label-stat .value[b-omjg7xv36p] {
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
    text-align: right;
}

/* --- Handy: Statistik als zuklappbarer Kopf ------------------------------------ */

.stats-mobile[b-omjg7xv36p] {
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    background: var(--wd-surface);
    margin-bottom: var(--wd-space-4);
}

.stats-mobile summary[b-omjg7xv36p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wd-space-2);
    padding: var(--wd-space-3);
    cursor: pointer;
    list-style: none;
    font-weight: 600;
    min-height: 44px;
}

.stats-mobile summary[b-omjg7xv36p]::-webkit-details-marker {
    display: none;
}

.stats-mobile .body[b-omjg7xv36p] {
    padding: 0 var(--wd-space-3) var(--wd-space-3);
}

.stats-mobile .tiles[b-omjg7xv36p] {
    border: none;
    padding: 0;
}

@media (min-width: 1024px) {
    .stats-mobile[b-omjg7xv36p] {
        display: none;
    }
}

/* Fehler einer Aktion — die Seite behält ihren Stand, die Meldung steht darüber.
   Muster aus Geschenke.razor.css, Lauf 007; die Tokens sind verbindlich
   (design-system.md), scoped CSS zwingt zur Wiederholung je Komponente. */
.general-error[b-omjg7xv36p] {
    background: var(--wd-danger-soft);
    color: var(--wd-danger);
    padding: var(--wd-space-3);
    border-radius: var(--wd-radius);
    margin: 0 0 var(--wd-space-4);
}
/* /Features/Guests/HouseholdEditor.razor.rz.scp.css */
.wd-household-editor[b-niof9ze68j] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-4);
    padding: var(--wd-space-4);
    background: var(--wd-primary-soft);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
}

.field[b-niof9ze68j] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-1);
}

.field label[b-niof9ze68j] {
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.field input[type="text"][b-niof9ze68j],
.field input:not([type])[b-niof9ze68j],
.wd-household-editor input[type="text"][b-niof9ze68j],
.wd-household-editor > .field input[b-niof9ze68j] {
    padding: var(--wd-space-2) var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-ink);
    font: inherit;
    min-height: 44px;
}

.field input:focus-visible[b-niof9ze68j],
.person-row input:focus-visible[b-niof9ze68j],
.labels input:focus-visible[b-niof9ze68j] {
    outline: 2px solid var(--wd-focus);
    outline-offset: 2px;
}

.persons[b-niof9ze68j] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
}

.persons-label[b-niof9ze68j] {
    margin: 0;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.person-row[b-niof9ze68j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-2);
    padding: var(--wd-space-2);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
}

.person-row input.first-name[b-niof9ze68j],
.person-row input.last-name[b-niof9ze68j] {
    flex: 1 1 120px;
    min-width: 100px;
    padding: var(--wd-space-2) var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-bg);
    color: var(--wd-ink);
    font: inherit;
    min-height: 44px;
}

.child[b-niof9ze68j] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-1);
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
    white-space: nowrap;
}

.scope[b-niof9ze68j] {
    display: flex;
    gap: var(--wd-space-3);
    font-size: var(--wd-text-sm);
    white-space: nowrap;
}

.scope label[b-niof9ze68j] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-1);
}

.remove[b-niof9ze68j] {
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-lg);
    border-radius: var(--wd-radius);
    cursor: pointer;
}

.remove:hover[b-niof9ze68j] {
    background: var(--wd-danger-soft);
    color: var(--wd-danger);
}

.labels-field .labels[b-niof9ze68j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-2);
}

.pill[b-niof9ze68j] {
    display: inline-flex;
    align-items: center;
    gap: var(--wd-space-1);
    padding: var(--wd-space-1) var(--wd-space-2);
    border-radius: 999px;
    background: color-mix(in srgb, var(--pill-color) 16%, var(--wd-surface));
    border: 1px solid var(--pill-color);
    color: var(--wd-ink);
    font-size: var(--wd-text-sm);
}

.pill button[b-niof9ze68j] {
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.labels input[b-niof9ze68j] {
    flex: 1 1 140px;
    min-width: 120px;
    padding: var(--wd-space-1) var(--wd-space-2);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font: inherit;
    min-height: 44px;
}

.general-error[b-niof9ze68j] {
    margin: 0;
    padding: var(--wd-space-2) var(--wd-space-3);
    background: var(--wd-danger-soft);
    color: var(--wd-danger);
    border-radius: var(--wd-radius);
}

.actions[b-niof9ze68j] {
    display: flex;
    justify-content: flex-end;
    gap: var(--wd-space-2);
}
/* /Features/Tasks/Aufgabe.razor.rz.scp.css */
.crumbs[b-dxd9tbhlh9] {
    margin: 0 0 var(--wd-space-4) 0;
}

.crumbs a[b-dxd9tbhlh9] {
    color: var(--wd-primary);
}

.head[b-dxd9tbhlh9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--wd-space-4);
}

h1[b-dxd9tbhlh9] {
    font-size: var(--wd-text-2xl);
    margin: 0;
}

h1.done[b-dxd9tbhlh9] {
    color: var(--wd-ink-soft);
    text-decoration: line-through;
}

.error[b-dxd9tbhlh9] {
    margin: var(--wd-space-4) 0 0 0;
    padding: var(--wd-space-3) var(--wd-space-4);
    background: var(--wd-danger-soft);
    border-radius: var(--wd-radius);
    color: var(--wd-danger);
}

.fields[b-dxd9tbhlh9] {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    gap: var(--wd-space-3) var(--wd-space-5);
    margin: var(--wd-space-5) 0;
    padding: var(--wd-space-5);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
}

dt[b-dxd9tbhlh9] {
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

dd[b-dxd9tbhlh9] {
    margin: 0;
}

dd select[b-dxd9tbhlh9],
dd input[type="date"][b-dxd9tbhlh9] {
    min-height: 44px;
    padding: 0 var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font: inherit;
    color: var(--wd-ink);
}

.description[b-dxd9tbhlh9],
.comments[b-dxd9tbhlh9] {
    margin: var(--wd-space-5) 0;
}

.description h2[b-dxd9tbhlh9],
.comments h2[b-dxd9tbhlh9] {
    font-size: var(--wd-text-lg);
    margin: 0 0 var(--wd-space-3) 0;
}

.description .wd-button[b-dxd9tbhlh9],
.comments .wd-button[b-dxd9tbhlh9] {
    margin-top: var(--wd-space-3);
}

/* --- Markdown-Feld: Textfeld plus Schreiben/Vorschau-Umschalter ----------- */

.markdown-field[b-dxd9tbhlh9] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
}

.mode-switch[b-dxd9tbhlh9] {
    display: inline-flex;
    align-self: flex-start;
    gap: var(--wd-space-1);
    padding: var(--wd-space-1);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: 999px;
}

.mode-switch button[b-dxd9tbhlh9] {
    min-height: 44px;
    padding: 0 var(--wd-space-3);
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--wd-ink-soft);
    font: inherit;
    font-size: var(--wd-text-sm);
    cursor: pointer;
}

.mode-switch button.active[b-dxd9tbhlh9] {
    background: var(--wd-primary);
    color: #fff;
}

.mode-switch button:hover:not(.active)[b-dxd9tbhlh9] {
    background: var(--wd-primary-soft);
}

.markdown-field textarea[b-dxd9tbhlh9] {
    min-height: 120px;
    padding: var(--wd-space-3) var(--wd-space-4);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font: inherit;
    color: var(--wd-ink);
    resize: vertical;
}

/* Gerendertes Markdown — bewusst schmal gehalten, keine eigene Typografie-Kür. */
.markdown-preview[b-dxd9tbhlh9] {
    padding: var(--wd-space-3) var(--wd-space-4);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    color: var(--wd-ink);
    line-height: 1.5;
    overflow-wrap: break-word;
}

.markdown-preview :first-child[b-dxd9tbhlh9] {
    margin-top: 0;
}

.markdown-preview :last-child[b-dxd9tbhlh9] {
    margin-bottom: 0;
}

/* --- Kommentarfaden -------------------------------------------------------- */

.nothing[b-dxd9tbhlh9] {
    color: var(--wd-ink-soft);
    margin: 0 0 var(--wd-space-4) 0;
}

.thread[b-dxd9tbhlh9] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-3);
    margin: 0 0 var(--wd-space-4) 0;
    padding: 0;
    list-style: none;
}

.thread li[b-dxd9tbhlh9] {
    padding: var(--wd-space-4);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
}

.thread .meta[b-dxd9tbhlh9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wd-space-3);
    margin-bottom: var(--wd-space-2);
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.thread .markdown-preview[b-dxd9tbhlh9] {
    padding: 0;
    border: none;
    background: transparent;
}

.rename[b-dxd9tbhlh9] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--wd-space-3);
    margin-bottom: var(--wd-space-5);
}

.rename > :first-child[b-dxd9tbhlh9] {
    flex: 1;
    min-width: 50%;
}

.trace[b-dxd9tbhlh9] {
    margin: var(--wd-space-5) 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.trace p[b-dxd9tbhlh9] {
    margin: 0 0 var(--wd-space-1) 0;
}

.danger-zone[b-dxd9tbhlh9] {
    margin-top: var(--wd-space-6);
    padding-top: var(--wd-space-5);
    border-top: 1px solid var(--wd-line);
}
/* /Features/Tasks/Aufgaben.razor.rz.scp.css */
.head[b-vqshnk4e3a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--wd-space-4);
}

h1[b-vqshnk4e3a] {
    font-size: var(--wd-text-2xl);
    margin: 0;
}

.views[b-vqshnk4e3a] {
    display: flex;
    gap: var(--wd-space-1);
    padding: var(--wd-space-1);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: 999px;
}

.views button[b-vqshnk4e3a] {
    min-height: 44px;
    padding: 0 var(--wd-space-4);
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--wd-ink-soft);
    font: inherit;
    cursor: pointer;
}

.views button.active[b-vqshnk4e3a] {
    background: var(--wd-primary);
    color: #fff;
}

.views button:hover:not(.active)[b-vqshnk4e3a] {
    background: var(--wd-primary-soft);
}

.crumbs[b-vqshnk4e3a] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--wd-space-3);
    margin: var(--wd-space-3) 0 var(--wd-space-5) 0;
}

.crumbs a[b-vqshnk4e3a] {
    color: var(--wd-primary);
}

.error[b-vqshnk4e3a] {
    margin: 0 0 var(--wd-space-4) 0;
    padding: var(--wd-space-3) var(--wd-space-4);
    background: var(--wd-danger-soft);
    border-radius: var(--wd-radius);
    color: var(--wd-danger);
}

.empty-actions[b-vqshnk4e3a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wd-space-3);
    justify-content: center;
}

/* --- Fortschrittsansicht ------------------------------------------------- */

.categories[b-vqshnk4e3a] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.category[b-vqshnk4e3a] {
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    overflow: hidden;
}

.category-head[b-vqshnk4e3a] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-3);
    width: 100%;
    min-height: 44px;
    padding: var(--wd-space-3) var(--wd-space-4);
    border: none;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.category-head:hover[b-vqshnk4e3a] {
    background: var(--wd-primary-soft);
}

.category-head .name[b-vqshnk4e3a] {
    flex: 1;
    min-width: 30%;
    font-weight: 600;
    color: var(--wd-ink);
}

/* Der Balken ist der Kern dieser Ansicht — er bekommt festen Platz, statt auf
   Inhaltsbreite zusammenzufallen. ::deep, weil WdProgress eine Kindkomponente ist. */
.category-head[b-vqshnk4e3a]  .wd-progress {
    flex: none;
    width: var(--wd-space-8);
}

@media (min-width: 640px) {
    .category-head[b-vqshnk4e3a]  .wd-progress {
        width: 280px;
    }
}

.chevron[b-vqshnk4e3a] {
    display: inline-block;
    color: var(--wd-ink-soft);
    transition: transform 200ms ease-out;
}

.chevron.open[b-vqshnk4e3a] {
    transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
    .chevron[b-vqshnk4e3a] {
        transition: none;
    }
}

.add-in-group[b-vqshnk4e3a] {
    padding: var(--wd-space-3) var(--wd-space-4);
    border-top: 1px solid var(--wd-line);
}

.add-in-group input[b-vqshnk4e3a] {
    width: 100%;
    min-height: 44px;
    padding: 0 var(--wd-space-3);
    border: 1px dashed var(--wd-line);
    border-radius: var(--wd-radius);
    background: transparent;
    font: inherit;
    color: var(--wd-ink);
}

/* --- Listenansicht -------------------------------------------------------- */

.filters[b-vqshnk4e3a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-5);
    margin-bottom: var(--wd-space-4);
}

.filter[b-vqshnk4e3a],
.toggle[b-vqshnk4e3a] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-2);
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.filter select[b-vqshnk4e3a] {
    min-height: 44px;
    padding: 0 var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font: inherit;
    color: var(--wd-ink);
}

.toggle input[b-vqshnk4e3a] {
    width: var(--wd-space-4);
    height: var(--wd-space-4);
}

.quick-add[b-vqshnk4e3a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wd-space-2);
    margin-bottom: var(--wd-space-4);
}

.quick-add input[type="text"][b-vqshnk4e3a] {
    flex: 1;
    min-width: 50%;
    min-height: 44px;
    padding: 0 var(--wd-space-4);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font: inherit;
    color: var(--wd-ink);
}

.quick-add select[b-vqshnk4e3a] {
    min-height: 44px;
    padding: 0 var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font: inherit;
    color: var(--wd-ink);
}

.tasks[b-vqshnk4e3a] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tasks.flat[b-vqshnk4e3a] {
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    overflow: hidden;
}

.nothing[b-vqshnk4e3a] {
    margin: var(--wd-space-5) 0;
    color: var(--wd-ink-soft);
    text-align: center;
}
/* /Features/Tasks/Aufgabenkarte.razor.rz.scp.css */
.task-card[b-1uq8u6koom] {
    padding: var(--wd-space-5);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
}

.card-head[b-1uq8u6koom] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--wd-space-4);
    margin-bottom: var(--wd-space-4);
}

h2[b-1uq8u6koom] {
    font-size: var(--wd-text-xl);
    margin: 0;
}

.card-head a[b-1uq8u6koom],
.start[b-1uq8u6koom] {
    color: var(--wd-primary);
    font-size: var(--wd-text-sm);
}

.count[b-1uq8u6koom] {
    margin: 0 0 var(--wd-space-2) 0;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

h3[b-1uq8u6koom] {
    margin: var(--wd-space-5) 0 var(--wd-space-2) 0;
    font-size: var(--wd-text-base);
    font-family: system-ui, "Segoe UI", sans-serif;
    color: var(--wd-ink-soft);
}

.next[b-1uq8u6koom] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.next li[b-1uq8u6koom] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--wd-space-3);
}

.next a[b-1uq8u6koom] {
    color: var(--wd-ink);
}

.due[b-1uq8u6koom] {
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
    white-space: nowrap;
}

.due.overdue[b-1uq8u6koom] {
    color: var(--wd-ink);
    font-weight: 600;
    border-bottom: 2px solid var(--wd-accent);
}

.nothing[b-1uq8u6koom] {
    margin: 0;
    color: var(--wd-ink-soft);
}

.start[b-1uq8u6koom] {
    display: inline-block;
    margin-top: var(--wd-space-3);
}
/* /Features/Tasks/Aufgabenzeile.razor.rz.scp.css */
.task[b-vsrha9y7js] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-3);
    padding: var(--wd-space-3) var(--wd-space-4);
    border-top: 1px solid var(--wd-line);
}

.task:first-child[b-vsrha9y7js] {
    border-top: none;
}

.check[b-vsrha9y7js] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    /* 44x44 Trefferfläche, ohne die Zeile aufzublähen: das Kästchen selbst
       bleibt klein, der Rand darum ist mitklickbar. */
    width: 44px;
    height: 44px;
    margin: calc(-1 * var(--wd-space-2)) calc(-1 * var(--wd-space-3));
}

.check input[type="checkbox"][b-vsrha9y7js] {
    width: var(--wd-space-5);
    height: var(--wd-space-5);
}

.title[b-vsrha9y7js] {
    flex: 1;
    min-width: 40%;
}

.title a[b-vsrha9y7js] {
    display: inline-block;
    /* Etwas Höhe für den Daumen, ohne die Zeile spürbar zu strecken. */
    padding-block: var(--wd-space-1);
    color: var(--wd-ink);
    text-decoration: none;
}

.title a:hover[b-vsrha9y7js] {
    text-decoration: underline;
}

.task.done .title a[b-vsrha9y7js] {
    color: var(--wd-ink-soft);
    text-decoration: line-through;
}

.due[b-vsrha9y7js] {
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
    white-space: nowrap;
}

/* Überfälliges wird ruhig kenntlich gemacht: warmer Akzent statt Alarmrot —
   und die Frist steht ohnehin als Wort daneben, Farbe trägt nichts allein. */
.due.overdue[b-vsrha9y7js] {
    color: var(--wd-ink);
    font-weight: 600;
    border-bottom: 2px solid var(--wd-accent);
}

.pill[b-vsrha9y7js] {
    padding: var(--wd-space-1) var(--wd-space-3);
    border-radius: 999px;
    background: var(--wd-primary-soft);
    color: var(--wd-primary-hover);
    font-size: var(--wd-text-sm);
    white-space: nowrap;
}

/* Am Telefon bleibt die Zeile ruhig: Termin und Zuständigkeit setzt man dort
   in der Detailansicht. Verteilt wird ohnehin am Planungsabend am Laptop —
   unterwegs zählt Nachsehen und Abhaken. */
.due-input[b-vsrha9y7js],
.assignee[b-vsrha9y7js] {
    display: none;
    min-height: 44px;
    padding: 0 var(--wd-space-2);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-ink-soft);
    font: inherit;
    font-size: var(--wd-text-sm);
}

@media (min-width: 640px) {
    .due-input[b-vsrha9y7js],
    .assignee[b-vsrha9y7js] {
        display: inline-block;
    }
}

.assignee-text[b-vsrha9y7js] {
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
    white-space: nowrap;
}
/* /Features/Tasks/Bereiche.razor.rz.scp.css */
.crumbs[b-jt8a9a63mh] {
    margin: 0 0 var(--wd-space-4) 0;
}

.crumbs a[b-jt8a9a63mh] {
    color: var(--wd-primary);
}

h1[b-jt8a9a63mh] {
    font-size: var(--wd-text-2xl);
    margin: 0;
}

.sub[b-jt8a9a63mh] {
    margin: var(--wd-space-1) 0 var(--wd-space-5) 0;
    color: var(--wd-ink-soft);
}

.error[b-jt8a9a63mh] {
    margin: 0 0 var(--wd-space-4) 0;
    padding: var(--wd-space-3) var(--wd-space-4);
    background: var(--wd-danger-soft);
    border-radius: var(--wd-radius);
    color: var(--wd-danger);
}

.create[b-jt8a9a63mh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wd-space-2);
    margin-bottom: var(--wd-space-5);
}

.create input[b-jt8a9a63mh] {
    flex: 1;
    min-width: 50%;
    min-height: 44px;
    padding: 0 var(--wd-space-4);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    font: inherit;
    color: var(--wd-ink);
}

.list[b-jt8a9a63mh] {
    display: flex;
    flex-direction: column;
    gap: var(--wd-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.list li[b-jt8a9a63mh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wd-space-3);
    padding: var(--wd-space-3) var(--wd-space-4);
    background: var(--wd-surface);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
}

.order[b-jt8a9a63mh] {
    display: flex;
    gap: var(--wd-space-1);
}

.order button[b-jt8a9a63mh] {
    width: 44px;
    height: 44px;
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-ink-soft);
    font: inherit;
    cursor: pointer;
}

.order button:hover:not(:disabled)[b-jt8a9a63mh] {
    background: var(--wd-primary-soft);
}

.order button:disabled[b-jt8a9a63mh] {
    opacity: 0.45;
    cursor: not-allowed;
}

.name[b-jt8a9a63mh] {
    flex: 1;
    min-width: 30%;
    font-weight: 600;
}

.count[b-jt8a9a63mh] {
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
    white-space: nowrap;
}

.rename[b-jt8a9a63mh] {
    flex: 1;
    min-width: 40%;
    min-height: 44px;
    padding: 0 var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    font: inherit;
    color: var(--wd-ink);
}
/* /Features/Venue/Raumplanung.razor.rz.scp.css */
/* Abstände ausschließlich aus der Skala des Design-Systems (4/8/12/16/24/32/48/64). */

.crumb[b-ur4thuwlqd] {
    margin: 0 0 var(--wd-space-4);
}

.bar[b-ur4thuwlqd] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-4);
    flex-wrap: wrap;
    margin-bottom: var(--wd-space-4);
}

.bar h1[b-ur4thuwlqd] {
    margin: 0;
    font-size: var(--wd-text-xl);
}

.status[b-ur4thuwlqd] {
    margin: 0;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.status.good[b-ur4thuwlqd] {
    color: var(--wd-primary);
}

.status.bad[b-ur4thuwlqd] {
    color: var(--wd-danger);
}

.bar-actions[b-ur4thuwlqd] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-2);
    margin-left: auto;
}

.icon[b-ur4thuwlqd] {
    min-width: 44px;
    min-height: 44px;
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-ink);
    font-size: var(--wd-text-lg);
    cursor: pointer;
}

.icon:hover:not(:disabled)[b-ur4thuwlqd] {
    background: var(--wd-primary-soft);
}

.icon:disabled[b-ur4thuwlqd] {
    opacity: 0.45;
    cursor: not-allowed;
}

.zoom[b-ur4thuwlqd] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-1);
}

.zoom-value[b-ur4thuwlqd] {
    min-width: 5ch;
    text-align: center;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

/* --- Modus-Umschalter ---------------------------------------------------- */

.modes[b-ur4thuwlqd] {
    display: flex;
    gap: var(--wd-space-1);
    padding: var(--wd-space-1);
    border: 1px solid var(--wd-line);
    border-radius: 999px;
    background: var(--wd-surface);
}

.mode[b-ur4thuwlqd] {
    min-height: 36px;
    padding: 0 var(--wd-space-4);
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--wd-ink-soft);
    font: inherit;
    cursor: pointer;
}

.mode.active[b-ur4thuwlqd] {
    background: var(--wd-primary);
    color: #FFFFFF;
}

/* --- Meldungen, die nichts verschweigen ---------------------------------- */

.notices[b-ur4thuwlqd] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-4);
    flex-wrap: wrap;
    padding: var(--wd-space-4);
    margin-bottom: var(--wd-space-4);
    border: 1px solid var(--wd-accent);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
}

.notices ul[b-ur4thuwlqd] {
    margin: 0;
    padding-left: var(--wd-space-5);
}

/* --- Restliste ----------------------------------------------------------- */

.rest[b-ur4thuwlqd] {
    padding: var(--wd-space-4);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    background: var(--wd-surface);
    max-height: 70vh;
    overflow-y: auto;
}

.rest-count[b-ur4thuwlqd] {
    margin: 0 0 var(--wd-space-3);
}

.dragging[b-ur4thuwlqd] {
    margin: 0 0 var(--wd-space-3);
    padding: var(--wd-space-2) var(--wd-space-3);
    border-radius: var(--wd-radius);
    background: var(--wd-primary-soft);
    font-size: var(--wd-text-sm);
}

.drop-hint[b-ur4thuwlqd] {
    margin: 0 0 var(--wd-space-3);
    padding: var(--wd-space-2) var(--wd-space-3);
    border-radius: var(--wd-radius);
    background: var(--wd-danger-soft);
    color: var(--wd-danger);
    font-size: var(--wd-text-sm);
}

.card[b-ur4thuwlqd] {
    margin-bottom: var(--wd-space-2);
    padding: var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    cursor: grab;
    touch-action: none;
}

.card:hover[b-ur4thuwlqd] {
    background: var(--wd-primary-soft);
}

/* Haushalte ohne Rückmeldung sind ziehbar, aber erkennbar unsicher. */
.card.unsure[b-ur4thuwlqd] {
    border-style: dashed;
}

.card-head[b-ur4thuwlqd] {
    display: flex;
    justify-content: space-between;
    gap: var(--wd-space-2);
    margin: 0 0 var(--wd-space-1);
}

.card ul[b-ur4thuwlqd] {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.card li[b-ur4thuwlqd] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-2);
    min-height: 28px;
}

.tag[b-ur4thuwlqd] {
    padding: 0 var(--wd-space-2);
    border: 1px solid var(--wd-line);
    border-radius: 999px;
    font-size: var(--wd-text-sm);
}

.placeholder[b-ur4thuwlqd] {
    margin-top: var(--wd-space-5);
    padding-top: var(--wd-space-4);
    border-top: 1px solid var(--wd-line);
}

/* --- Platzliste eines Tisches -------------------------------------------- */

.seats[b-ur4thuwlqd] {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: platz;
}

.seats li[b-ur4thuwlqd] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-3);
    min-height: 44px;
    border-bottom: 1px solid var(--wd-line);
}

.seat-no[b-ur4thuwlqd] {
    min-width: 2ch;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.seat-name[b-ur4thuwlqd] {
    flex: 1;
}

.free[b-ur4thuwlqd] {
    flex: 1;
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

.unseat[b-ur4thuwlqd] {
    min-width: 32px;
    min-height: 32px;
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-danger);
    cursor: pointer;
}

.conflict[b-ur4thuwlqd] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-4);
    flex-wrap: wrap;
    padding: var(--wd-space-4);
    margin-bottom: var(--wd-space-4);
    border: 1px solid var(--wd-danger);
    border-radius: var(--wd-radius);
    background: var(--wd-danger-soft);
}

.conflict p[b-ur4thuwlqd] {
    margin: 0;
}

/* --- Editor: Werkzeuge | Fläche | Eigenschaften -------------------------- */

.editor[b-ur4thuwlqd] {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr) 280px;
    gap: var(--wd-space-4);
    align-items: start;
}

.tools[b-ur4thuwlqd],
.props[b-ur4thuwlqd] {
    padding: var(--wd-space-4);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    background: var(--wd-surface);
}

.tools-title[b-ur4thuwlqd] {
    margin: var(--wd-space-4) 0 var(--wd-space-2);
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.tools-title:first-child[b-ur4thuwlqd] {
    margin-top: 0;
}

.tool[b-ur4thuwlqd] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-3);
    width: 100%;
    min-height: 44px;
    margin-bottom: var(--wd-space-2);
    padding: 0 var(--wd-space-3);
    border: 1px solid transparent;
    border-radius: var(--wd-radius);
    background: transparent;
    color: var(--wd-ink);
    font-size: var(--wd-text-sm);
    text-align: left;
    cursor: pointer;
}

.tool:hover[b-ur4thuwlqd] {
    background: var(--wd-primary-soft);
}

.tool.active[b-ur4thuwlqd] {
    border-color: var(--wd-primary);
    background: var(--wd-primary-soft);
}

.tool-glyph[b-ur4thuwlqd] {
    font-size: var(--wd-text-lg);
    line-height: 1;
}

.drawing[b-ur4thuwlqd] {
    margin-top: var(--wd-space-5);
    padding-top: var(--wd-space-4);
    border-top: 1px solid var(--wd-line);
}

.canvas[b-ur4thuwlqd] {
    position: relative;
    overflow: auto;
    min-height: 420px;
    max-height: 70vh;
    padding: var(--wd-space-2);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius-lg);
    background: var(--wd-bg);
}

/* Liegt über der leeren Fläche, ohne sie zu ersetzen — das Raster bleibt sichtbar. */
.empty-overlay[b-ur4thuwlqd] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--wd-space-4);
    pointer-events: none;
}

.empty-overlay > *[b-ur4thuwlqd] {
    pointer-events: auto;
}

.canvas:focus-visible[b-ur4thuwlqd] {
    outline: 2px solid var(--wd-focus);
    outline-offset: 2px;
}

.props h2[b-ur4thuwlqd] {
    margin: 0 0 var(--wd-space-4);
    font-size: var(--wd-text-lg);
}

.field[b-ur4thuwlqd] {
    margin-bottom: var(--wd-space-4);
}

.field label[b-ur4thuwlqd] {
    display: block;
    margin-bottom: var(--wd-space-1);
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

.field input[b-ur4thuwlqd],
.field select[b-ur4thuwlqd] {
    width: 100%;
    min-height: 44px;
    padding: 0 var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-ink);
    font: inherit;
}

.check[b-ur4thuwlqd] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-2);
    min-height: 44px;
    font-size: var(--wd-text-sm);
}

.hint[b-ur4thuwlqd] {
    margin: 0 0 var(--wd-space-4);
    font-size: var(--wd-text-sm);
    color: var(--wd-ink-soft);
}

/* --- Hinweise ------------------------------------------------------------ */

.issues[b-ur4thuwlqd] {
    margin-top: var(--wd-space-4);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
}

.issues-head[b-ur4thuwlqd] {
    display: flex;
    align-items: center;
    gap: var(--wd-space-2);
    width: 100%;
    min-height: 44px;
    padding: 0 var(--wd-space-4);
    border: 0;
    background: transparent;
    color: var(--wd-ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.issues .warn[b-ur4thuwlqd] {
    color: var(--wd-danger);
}

.issues ul[b-ur4thuwlqd] {
    margin: 0;
    padding: 0 0 var(--wd-space-2);
    list-style: none;
}

.issues li button[b-ur4thuwlqd] {
    width: 100%;
    padding: var(--wd-space-2) var(--wd-space-4);
    border: 0;
    background: transparent;
    color: var(--wd-ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.issues li button:hover[b-ur4thuwlqd] {
    background: var(--wd-primary-soft);
}

/* --- Tischliste ---------------------------------------------------------- */

.tables[b-ur4thuwlqd] {
    margin-top: var(--wd-space-5);
}

.tables h2[b-ur4thuwlqd] {
    font-size: var(--wd-text-lg);
}

.tables ul[b-ur4thuwlqd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--wd-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.tables li button[b-ur4thuwlqd] {
    display: flex;
    justify-content: space-between;
    gap: var(--wd-space-3);
    width: 100%;
    min-height: 44px;
    padding: var(--wd-space-2) var(--wd-space-3);
    border: 1px solid var(--wd-line);
    border-radius: var(--wd-radius);
    background: var(--wd-surface);
    color: var(--wd-ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.tables li button:hover[b-ur4thuwlqd] {
    background: var(--wd-primary-soft);
}

.tables li span[b-ur4thuwlqd] {
    color: var(--wd-ink-soft);
    font-size: var(--wd-text-sm);
}

/* --- Schmale Bildschirme: ansehen ja, bearbeiten nein -------------------- */

.narrow-note[b-ur4thuwlqd] {
    display: none;
}

@media (max-width: 900px) {
    .narrow-note[b-ur4thuwlqd] {
        display: block;
        padding: var(--wd-space-3) var(--wd-space-4);
        margin-bottom: var(--wd-space-4);
        border: 1px solid var(--wd-line);
        border-radius: var(--wd-radius);
        background: var(--wd-primary-soft);
        font-size: var(--wd-text-sm);
    }

    .editor[b-ur4thuwlqd] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tools[b-ur4thuwlqd],
    .props[b-ur4thuwlqd],
    .rest[b-ur4thuwlqd],
    .modes[b-ur4thuwlqd],
    .bar-actions[b-ur4thuwlqd] {
        display: none;
    }
}
/* /Layout/FocusLayout.razor.rz.scp.css */
.focus[b-uv9a8yo2qv] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--wd-space-5);
    padding: var(--wd-space-7) var(--wd-space-4);
}

.wordmark[b-uv9a8yo2qv] {
    margin: 0;
    font-family: var(--wd-font-heading);
    font-size: var(--wd-text-xl);
    color: var(--wd-primary);
    letter-spacing: 0.02em;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.shell[b-dde50nmejr] {
    max-width: 1200px;
    margin: 0 auto;
    padding: calc(52px + var(--wd-space-5)) var(--wd-space-4) calc(64px + var(--wd-space-5));
}

@media (min-width: 768px) {
    .shell[b-dde50nmejr] {
        padding: var(--wd-space-6) var(--wd-space-5) var(--wd-space-8);
    }
}
/* /Layout/NavShell.razor.rz.scp.css */
/* Handy: feste Leiste unten, drei gleich breite Ziele. */
.nav[b-77h4xm0iii] {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 10;
    background: var(--wd-surface);
    border-top: 1px solid var(--wd-line);
    padding-bottom: env(safe-area-inset-bottom);
}

/* Handy: die Leiste sitzt unten, die Wortmarke steht als Titelzeile oben. */
.wordmark[b-77h4xm0iii] {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 9;
    padding: var(--wd-space-3) var(--wd-space-4);
    background: var(--wd-surface);
    border-bottom: 1px solid var(--wd-line);
    font-family: var(--wd-font-heading);
    font-size: var(--wd-text-lg);
    color: var(--wd-primary);
}

ul[b-77h4xm0iii] {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

li[b-77h4xm0iii] {
    flex: 1;
}

[b-77h4xm0iii] a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--wd-space-1);
    min-height: 56px;
    padding: var(--wd-space-2);
    color: var(--wd-ink-soft);
    text-decoration: none;
    font-size: var(--wd-text-sm);
    border-bottom: 2px solid transparent;
}

[b-77h4xm0iii] a svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

[b-77h4xm0iii] a.active {
    color: var(--wd-primary);
    border-bottom-color: var(--wd-primary);
    font-weight: 600;
}

/* Desktop: Kopfzeile oben, Ziele rechts. Leiste (Hintergrund/Rand) über volle Breite,
   Inhalt darin auf Lesebreite begrenzt und zentriert. */
@media (min-width: 768px) {
    .nav[b-77h4xm0iii] {
        position: sticky;
        inset: 0 0 auto 0;
        border-top: none;
        border-bottom: 1px solid var(--wd-line);
    }

    .nav-inner[b-77h4xm0iii] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--wd-space-5);
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 var(--wd-space-5);
    }

    .wordmark[b-77h4xm0iii] {
        position: static;
        padding: 0;
        background: none;
        border-bottom: none;
    }

    ul[b-77h4xm0iii] {
        gap: var(--wd-space-2);
    }

    li[b-77h4xm0iii] {
        flex: none;
    }

    [b-77h4xm0iii] a {
        flex-direction: row;
        min-height: 48px;
        padding: var(--wd-space-2) var(--wd-space-3);
        font-size: var(--wd-text-base);
        border-bottom: none;
        border-top: 2px solid transparent;
    }

    [b-77h4xm0iii] a.active {
        border-top-color: var(--wd-primary);
    }
}
/* /Pages/NotFound.razor.rz.scp.css */
.notfound[b-od9u09mft2] {
  max-width: 72ch;
  margin: 0 auto;
  padding: var(--wd-space-8) 0;
  text-align: center;
}

h1[b-od9u09mft2] {
  font-size: var(--wd-text-2xl);
}

p[b-od9u09mft2] {
  margin: var(--wd-space-4) 0 var(--wd-space-5);
  color: var(--wd-ink-soft);
}

a[b-od9u09mft2] {
  display: inline-block;
  min-height: 44px;
  min-width: 44px;
  padding: var(--wd-space-3) var(--wd-space-5);
  border-radius: var(--wd-radius);
  background: var(--wd-primary);
  color: var(--wd-surface);
  text-decoration: none;
}

a:hover[b-od9u09mft2] {
  background: var(--wd-primary-hover);
}