@import '_content/Kern.Web/Kern.Web.dxrsc7iz2c.bundle.scp.css';

/* /Components/Dokumente/DokumentArchiv.razor.rz.scp.css */
.kg-dokumente[b-kgoc5x22cz] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.kg-dokument[b-kgoc5x22cz] {
    padding: .75rem 1rem;
    border: 1px solid var(--app-line, #dee2e6);
    border-radius: var(--app-radius-md, .5rem);
    background: var(--app-surface, #fff);
}

.kg-dokument-kopf[b-kgoc5x22cz] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .75rem;
}

.kg-dokument-symbol[b-kgoc5x22cz] {
    font-size: 1.6rem;
    color: var(--app-accent, #0d6efd);
    line-height: 1;
}

.kg-dokument-text[b-kgoc5x22cz] {
    flex: 1 1 260px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.kg-dokument-aktionen[b-kgoc5x22cz] {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
}

/* Die Versionstabelle darf auf dem Telefon seitlich rollen statt die Seite zu verbreitern. */
.kg-versionen[b-kgoc5x22cz] {
    display: block;
    overflow-x: auto;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Rahmen der Kleingarten-Anwendung. Alle Farben aus den Gestaltungs-Token des Kerns
   (tokens.css), damit das helle und das dunkle Schema ohne eigene Werte stimmen. */

.app-shell[b-21wadtb18t] {
    display: grid;
    grid-template-columns: 240px 1fr;
    grid-template-rows: 56px 1fr;
    grid-template-areas:
        "header header"
        "drawer main";
    min-height: 100vh;
    background: var(--app-surface-subtle, #f8f9fa);
    color: var(--app-text, #212529);
}

.app-header[b-21wadtb18t] {
    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    background: var(--app-appbar-surface, #f8f9fa);
    color: var(--app-appbar-text, #212529);
    border-bottom: 1px solid var(--app-line, #dee2e6);
}

.app-brand[b-21wadtb18t] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 600;
    font-size: 1.1rem;
    color: inherit;
    text-decoration: none;
}

.app-brand i[b-21wadtb18t] {
    color: var(--app-accent, #0d6efd);
    font-size: 1.4rem;
}

.app-header-user[b-21wadtb18t] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.app-header-name[b-21wadtb18t] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--app-text-secondary, #495057);
    font-size: .9rem;
    text-decoration: none;
}

.app-header-name:hover[b-21wadtb18t] {
    color: var(--app-accent, #0d6efd);
}

.app-drawer[b-21wadtb18t] {
    grid-area: drawer;
    background: var(--app-nav-surface, #f8f9fa);
    border-right: 1px solid var(--app-line, #dee2e6);
    padding: .5rem 0;
}

.app-main[b-21wadtb18t] {
    grid-area: main;
    padding: 1.25rem 1.5rem;
    min-width: 0;
}

/* Unter Tablet-Breite: Navigation ueber dem Inhalt statt daneben. Die Mobil-Schublade von
   DasProjekt kommt, wenn sie in den Kern gezogen ist. */
@media (max-width: 767.98px) {
    .app-shell[b-21wadtb18t] {
        grid-template-columns: 1fr;
        grid-template-rows: 56px auto 1fr;
        grid-template-areas:
            "header"
            "drawer"
            "main";
    }

    .app-drawer[b-21wadtb18t] {
        border-right: 0;
        border-bottom: 1px solid var(--app-line, #dee2e6);
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.kg-nav[b-kpifhw4j53] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: .25rem .5rem;
}
/* /Components/Pages/Grundstuecke.razor.rz.scp.css */
.kg-karte[b-6010501mia] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: var(--app-surface-sunken, #e9ecef);
    border: 1px solid var(--app-line, #dee2e6);
    border-radius: var(--app-radius-lg, .75rem);
}

.kg-weg-name[b-6010501mia] {
    margin: 0 0 .5rem;
    font-size: var(--app-type-sm, .875rem);
    font-weight: 600;
    color: var(--app-text-secondary, #6c757d);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.kg-parzellen[b-6010501mia] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .5rem;
}

.kg-parzelle[b-6010501mia] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    max-width: 100%;
    padding: .5rem .6rem;
    overflow: hidden;
    background: var(--app-tint-green, #d1e7dd);
    border: 2px solid var(--app-ink-green, #198754);
    border-radius: var(--app-radius-sm, .25rem);
    color: var(--app-text, #212529);
    text-decoration: none;
    transition: box-shadow .15s ease, transform .15s ease;
}

.kg-parzelle:hover[b-6010501mia],
.kg-parzelle:focus-visible[b-6010501mia] {
    box-shadow: var(--app-shadow-md, 0 .5rem 1rem rgba(0, 0, 0, .15));
    transform: translateY(-2px);
}

.kg-parzelle-frei[b-6010501mia] {
    background: var(--app-surface, #fff);
    border-style: dashed;
    border-color: var(--app-line-strong, #adb5bd);
}

.kg-parzelle-ohne-flaeche[b-6010501mia] {
    border-style: dotted;
}

.kg-parzelle-eigen[b-6010501mia] {
    outline: 3px solid var(--app-accent, #0d6efd);
    outline-offset: 2px;
}

.kg-parzelle-nummer[b-6010501mia] {
    font-size: var(--app-type-xl, 1.25rem);
    font-weight: 700;
    line-height: 1.1;
}

.kg-parzelle-paechter[b-6010501mia] {
    font-size: var(--app-type-sm, .875rem);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kg-parzelle-flaeche[b-6010501mia] {
    margin-top: auto;
    font-size: var(--app-type-xs, .75rem);
    color: var(--app-text-secondary, #6c757d);
    white-space: nowrap;
}

.kg-legende[b-6010501mia] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: .75rem;
    color: var(--app-text-secondary, #6c757d);
    font-size: var(--app-type-sm, .875rem);
}

.kg-legende-quadrat[b-6010501mia] {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--app-line-strong, #adb5bd);
    border-radius: var(--app-radius-sm, .25rem);
    font-size: var(--app-type-xs, .75rem);
}
/* /Components/Pages/GrundstueckSeite.razor.rz.scp.css */
.kg-bemerkung[b-34ce7njtum] {
    white-space: pre-line;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Einstiegskachel der Startseite: ein ganzer Link, Symbol links, zwei Zeilen Text. */
.kg-kachel[b-vhqcrcc5oi] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 1rem;
    align-items: center;
    height: 100%;
    padding: 1rem 1.25rem;
    background: var(--app-surface, #fff);
    border: 1px solid var(--app-line, #dee2e6);
    border-radius: var(--app-radius-lg, .75rem);
    color: var(--app-text, #212529);
    text-decoration: none;
}

.kg-kachel:hover[b-vhqcrcc5oi],
.kg-kachel:focus-visible[b-vhqcrcc5oi] {
    border-color: var(--app-accent, #0d6efd);
    box-shadow: var(--app-shadow-md, 0 .5rem 1rem rgba(0, 0, 0, .1));
}

.kg-kachel i[b-vhqcrcc5oi] {
    grid-row: 1 / span 2;
    font-size: 2rem;
    color: var(--app-accent, #0d6efd);
}

.kg-kachel-titel[b-vhqcrcc5oi] {
    font-weight: 600;
}

.kg-kachel-text[b-vhqcrcc5oi] {
    color: var(--app-text-secondary, #6c757d);
    font-size: .9rem;
}
/* /Components/Pages/Kalender.razor.rz.scp.css */
.kg-termine[b-oexj0ngy77] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.kg-termin[b-oexj0ngy77] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: .75rem 1rem;
    background: var(--app-surface, #fff);
    border: 1px solid var(--app-line, #dee2e6);
    border-radius: var(--app-radius-md, .5rem);
}

.kg-termin-vorbei[b-oexj0ngy77] {
    opacity: .65;
}

.kg-termin-datum[b-oexj0ngy77] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 3.25rem;
    padding: .25rem .5rem;
    border-radius: var(--app-radius-md, .5rem);
    background: var(--app-accent, #0d6efd);
    color: var(--app-text-on-accent, #fff);
    line-height: 1.1;
}

.kg-termin-tag[b-oexj0ngy77] {
    font-size: 1.4rem;
    font-weight: 600;
}

.kg-termin-wochentag[b-oexj0ngy77] {
    font-size: .75rem;
    text-transform: uppercase;
}

.kg-termin-text[b-oexj0ngy77] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.kg-termin-beschreibung[b-oexj0ngy77] {
    margin-top: .25rem;
    white-space: pre-line;
}

.kg-termin-aktionen[b-oexj0ngy77] {
    display: flex;
    gap: .375rem;
}

.kg-termin-einladung[b-oexj0ngy77] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem;
    padding: .375rem .625rem;
    border-radius: var(--app-radius-md, .5rem);
    background: var(--app-tint-blue, #eef4ff);
}

.kg-termin-antworten[b-oexj0ngy77] {
    margin-top: .5rem;
}

.kg-termin-antworten summary[b-oexj0ngy77] {
    cursor: pointer;
}
/* /Components/Pages/Nachrichten.razor.rz.scp.css */
.msg-page[b-mrk5suhaqm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: calc(100vh - 120px);
    min-height: 420px;
}

.msg-head[b-mrk5suhaqm] {
    flex: 0 0 auto;
}

.msg-toolbar[b-mrk5suhaqm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 14px;
    background: var(--app-surface, #ffffff);
    border: 1px solid var(--app-line-subtle, #e9ecef);
    border-radius: 10px;
    flex: 0 0 auto;
}

.msg-settings[b-mrk5suhaqm] {
    background: var(--app-surface, #ffffff);
    border: 1px solid var(--app-line-subtle, #e9ecef);
    border-radius: 10px;
    padding: 18px 20px;
    max-width: 620px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

    .msg-settings h6[b-mrk5suhaqm] {
        margin: 0;
        font-weight: 600;
    }

.msg-settings-notice[b-mrk5suhaqm] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: var(--app-type-sm, 0.875rem);
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--app-tint-amber, #fff4e5);
    color: var(--app-ink-amber, #7a4f01);
    border: 1px solid #ffe0b2;
}

.msg-toolbar-actions[b-mrk5suhaqm] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.msg-body[b-mrk5suhaqm] {
    display: grid;
    grid-template-columns: minmax(280px, 400px) 1fr;
    gap: 12px;
    flex: 1;
    min-height: 0;
}

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

.msg-list[b-mrk5suhaqm],
.msg-reading[b-mrk5suhaqm] {
    background: var(--app-surface, #ffffff);
    border: 1px solid var(--app-line-subtle, #e9ecef);
    border-radius: 10px;
    overflow-y: auto;
    min-height: 0;
}

.msg-row[b-mrk5suhaqm] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--app-line-subtle, #e9ecef);
    cursor: pointer;
}

    .msg-row:hover[b-mrk5suhaqm] {
        background: var(--app-surface-subtle, #f8f9fa);
    }

    .msg-row.is-selected[b-mrk5suhaqm] {
        background: var(--app-tint-blue, #eef4ff);
    }

    .msg-row.is-unread .msg-row-title[b-mrk5suhaqm] {
        font-weight: 700;
        color: var(--app-text, #212529);
    }

    .msg-row.is-deleted .msg-row-title[b-mrk5suhaqm],
    .msg-row.is-deleted .msg-row-preview[b-mrk5suhaqm] {
        opacity: 0.65;
    }

.msg-row-text[b-mrk5suhaqm] {
    flex: 1;
    min-width: 0;
}

.msg-row-title[b-mrk5suhaqm] {
    font-size: var(--app-type-sm, 0.875rem);
    color: var(--app-text-secondary, #495057);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msg-row-preview[b-mrk5suhaqm] {
    font-size: var(--app-type-xs, 0.75rem);
    color: var(--app-text-muted, #6c757d);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msg-row-meta[b-mrk5suhaqm] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.msg-row-date[b-mrk5suhaqm] {
    font-size: var(--app-type-xs, 0.75rem);
    color: var(--app-text-disabled, #adb5bd);
    white-space: nowrap;
}

.msg-row-toggle[b-mrk5suhaqm] {
    background: none;
    border: none;
    color: var(--app-text-muted, #6c757d);
    cursor: pointer;
    padding: 2px 4px;
    line-height: 1;
}

    .msg-row-toggle:hover[b-mrk5suhaqm] {
        color: var(--app-ink-blue, #0b5ed7);
    }

    .msg-row-toggle.msg-row-delete:hover[b-mrk5suhaqm] {
        color: var(--app-danger, #dc3545);
    }

.msg-reading-head[b-mrk5suhaqm] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.msg-reading-head-text[b-mrk5suhaqm] {
    min-width: 0;
    flex: 1;
}

.msg-compose[b-mrk5suhaqm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.msg-compose-label[b-mrk5suhaqm] {
    font-size: var(--app-type-sm, 0.875rem);
    font-weight: 600;
    color: var(--app-text-secondary, #495057);
}

.msg-compose-chips[b-mrk5suhaqm] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.msg-compose-chip[b-mrk5suhaqm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 4px 3px 10px;
    border-radius: 999px;
    background: var(--app-tint-blue, #eef4ff);
    color: var(--app-text, #212529);
    font-size: var(--app-type-xs, 0.75rem);
}

    .msg-compose-chip.is-team[b-mrk5suhaqm] {
        background: var(--app-surface-subtle, #f1f3f5);
        border: 1px solid var(--app-line-subtle, #e9ecef);
    }

.msg-compose-chip-count[b-mrk5suhaqm] {
    background: var(--app-surface, #fff);
    border-radius: 999px;
    padding: 0 6px;
    font-variant-numeric: tabular-nums;
    color: var(--app-text-muted, #6c757d);
}

.msg-compose-chip-remove[b-mrk5suhaqm] {
    border: 0;
    background: transparent;
    color: var(--app-text-muted, #6c757d);
    line-height: 1;
    padding: 2px 4px;
    border-radius: 50%;
    cursor: pointer;
}

    .msg-compose-chip-remove:hover[b-mrk5suhaqm] {
        background: var(--app-surface-subtle, #f1f3f5);
        color: var(--app-danger, #dc3545);
    }

.msg-compose-list[b-mrk5suhaqm] {
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid var(--app-line-subtle, #e9ecef);
    border-radius: 6px;
}

.msg-compose-item[b-mrk5suhaqm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    cursor: pointer;
    border-bottom: 1px solid var(--app-line-subtle, #e9ecef);
    font-size: var(--app-type-sm, 0.875rem);
}

    .msg-compose-item:last-child[b-mrk5suhaqm] {
        border-bottom: 0;
    }

    .msg-compose-item:hover[b-mrk5suhaqm] {
        background: var(--app-surface-subtle, #f8f9fa);
    }

    .msg-compose-item.selected[b-mrk5suhaqm] {
        background: var(--app-tint-blue, #eef4ff);
        font-weight: 600;
    }

.msg-compose-item-name[b-mrk5suhaqm] {
    flex-shrink: 0;
}

.msg-compose-item-sub[b-mrk5suhaqm] {
    font-size: var(--app-type-xs, 0.75rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.msg-compose-item-mail[b-mrk5suhaqm] {
    margin-left: auto;
    color: var(--app-text-muted, #6c757d);
    flex-shrink: 0;
}

.msg-compose-group[b-mrk5suhaqm] {
    padding: 6px 10px;
    font-size: var(--app-type-xs, 0.75rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--app-text-muted, #6c757d);
    background: var(--app-surface-subtle, #f8f9fa);
    border-bottom: 1px solid var(--app-line-subtle, #e9ecef);
    position: sticky;
    top: 0;
}

.msg-compose-total[b-mrk5suhaqm] {
    font-size: var(--app-type-xs, 0.75rem);
    color: var(--app-text-secondary, #495057);
    font-variant-numeric: tabular-nums;
}

.msg-compose-empty[b-mrk5suhaqm] {
    text-align: center;
    padding: 20px 12px;
    color: var(--app-text-muted, #6c757d);
    font-size: var(--app-type-sm, 0.875rem);
}

.msg-compose-hint[b-mrk5suhaqm] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: var(--app-type-xs, 0.75rem);
    color: var(--app-text-muted, #6c757d);
    line-height: 1.5;
}

.msg-reading[b-mrk5suhaqm] {
    padding: 18px 20px;
}

.msg-reading-head h5[b-mrk5suhaqm] {
    margin: 0 0 6px 0;
}

.msg-reading-sub[b-mrk5suhaqm] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--app-type-xs, 0.75rem);
    color: var(--app-text-muted, #6c757d);
    margin-bottom: 16px;
}

.msg-reading-body[b-mrk5suhaqm] {
    font-size: var(--app-type-sm, 0.875rem);
    line-height: 1.6;
    color: var(--app-text-secondary, #495057);
    white-space: pre-wrap;
    margin-bottom: 20px;
}

.msg-reading-actions[b-mrk5suhaqm] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.msg-reading-hint[b-mrk5suhaqm] {
    margin-top: 14px;
    font-size: var(--app-type-xs, 0.75rem);
    color: var(--app-text-muted, #6c757d);
}

.msg-empty[b-mrk5suhaqm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
    min-height: 160px;
    color: var(--app-text-disabled, #adb5bd);
    font-size: var(--app-type-sm, 0.875rem);
}

    .msg-empty i[b-mrk5suhaqm] {
        font-size: 28px;
    }
/* /Components/Pages/Umfragen.razor.rz.scp.css */
.kg-umfrage-offen[b-ki67dao1iw] {
    border-left: 4px solid var(--app-accent, #0d6efd);
}
/* /Components/Pages/UmfrageSeite.razor.rz.scp.css */
.kg-umfrage-beschreibung[b-nc9a4d7dqj] {
    white-space: pre-line;
}

.kg-ergebnis[b-nc9a4d7dqj] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.kg-balken[b-nc9a4d7dqj] {
    height: .6rem;
    margin-top: .25rem;
    border-radius: var(--app-radius-sm, .25rem);
    background: var(--app-surface-sunken, #e9ecef);
    overflow: hidden;
}

.kg-balken-fuellung[b-nc9a4d7dqj] {
    height: 100%;
    background: var(--app-accent, #0d6efd);
}
/* /Components/Pages/Zugriffe.razor.rz.scp.css */
.kg-kennzahl[b-9q9woh3ijp] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: .75rem 1rem;
    background: var(--app-surface, #fff);
    border: 1px solid var(--app-line, #dee2e6);
    border-radius: var(--app-radius-lg, .75rem);
}

.kg-kennzahl-wert[b-9q9woh3ijp] {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.2;
}

.kg-kennzahl-text[b-9q9woh3ijp] {
    color: var(--app-text-secondary, #6c757d);
    font-size: .9rem;
}

.kg-kennzahl-warnung[b-9q9woh3ijp] {
    border-color: var(--app-danger-text, #dc3545);
}

.kg-kennzahl-warnung .kg-kennzahl-wert[b-9q9woh3ijp] {
    color: var(--app-danger-text, #dc3545);
}