@import '_content/Wildgaense.Shared/Wildgaense.Shared.f1xo00e8kw.bundle.scp.css';

/* /Components/Layout/PublicLayout.razor.rz.scp.css */
/* Public / chrome-less layout wrapper - component-scoped */
.public-shell[b-pkjcnqvud8] { min-height: 100vh; display: grid; place-items: center; padding: 24px;
  background:
    radial-gradient(1200px 500px at 80% -10%, rgba(255, 210, 8, .10), transparent 60%),
    var(--bdp-paper); }
/* /Components/Layout/ReconnectModalComponent.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-nqeujmxwgx],
.components-reconnect-repeated-attempt-visible[b-nqeujmxwgx],
.components-reconnect-failed-visible[b-nqeujmxwgx],
.components-pause-visible[b-nqeujmxwgx],
.components-resume-failed-visible[b-nqeujmxwgx],
.components-rejoining-animation[b-nqeujmxwgx] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/EinstellungenPage.razor.rz.scp.css */
/* Einstellungen - page-scoped */
.settings-layout[b-woc1ejeqj1] { display: grid; grid-template-columns: 232px 1fr; gap: 26px; align-items: start; }
.settings-tabs[b-woc1ejeqj1] { display: flex; flex-direction: column; gap: 3px; position: sticky; top: 76px; }
.settings-tab[b-woc1ejeqj1] { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border-radius: 10px; border: none; cursor: pointer; text-align: left; width: 100%; background: transparent; color: var(--bdp-pfadiblau); font-weight: 700; font-size: 14px; font-family: var(--font-body); }
.settings-tab[b-woc1ejeqj1]  .i { width: 18px; height: 18px; }
.settings-tab:hover[b-woc1ejeqj1] { background: var(--bdp-woelflingsgelb-hell); }
.settings-tab.on[b-woc1ejeqj1] { background: var(--bdp-pfadiblau); color: #fff; }
.settings-card[b-woc1ejeqj1] { max-width: 680px; }

/* Setting groups & access/role cards */
.set-group[b-woc1ejeqj1] { margin-top: 14px; }
.muted-sm[b-woc1ejeqj1] { font-size: 13.5px; color: var(--fg-muted); }
.access-list[b-woc1ejeqj1] { max-width: 680px; display: flex; flex-direction: column; gap: 14px; }
.role-head[b-woc1ejeqj1] { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.role-name[b-woc1ejeqj1] { font-size: 17px; }
.role-desc[b-woc1ejeqj1] { font-size: 13px; color: var(--fg-muted); margin-bottom: 10px; }
.tag-wrap[b-woc1ejeqj1] { display: flex; gap: 7px; flex-wrap: wrap; }
.optin-active[b-woc1ejeqj1] { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 700; color: var(--bdp-waldgruen); }
.optin-dot[b-woc1ejeqj1] { width: 8px; height: 8px; border-radius: 99px; background: var(--bdp-lagerplatzgruen); }
.url-code[b-woc1ejeqj1] { font-size: 13.5px; font-weight: 700; color: var(--bdp-pfadiblau); background: var(--bdp-line); padding: 7px 11px; border-radius: 8px; }
.sync-note[b-woc1ejeqj1] { font-size: 14px; color: var(--fg-muted); margin-bottom: 8px; }

@media (max-width: 860px) { .settings-layout[b-woc1ejeqj1] { grid-template-columns: 1fr; } .settings-tabs[b-woc1ejeqj1] { flex-direction: row; flex-wrap: wrap; position: static; } }
/* /Components/Pages/Mailings/MailingComposerPage.razor.rz.scp.css */
/* Mailing composer - page-scoped */
.composer[b-5ppoyo9cjv] { display: flex; flex-direction: column; min-height: calc(100vh - 150px); }
.composer-bar[b-5ppoyo9cjv] { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--bdp-line); margin-bottom: 14px; }
.composer-subject[b-5ppoyo9cjv] { flex: 1; min-width: 0; border: none; background: none; outline: none; font-family: var(--font-display); font-weight: 900; font-size: 20px; color: var(--bdp-pfadiblau); }
.composer-subject[b-5ppoyo9cjv]::placeholder { color: var(--fg-subtle); }
.composer-body[b-5ppoyo9cjv] { display: grid; grid-template-columns: 230px 1fr 312px; gap: 0; border: 1px solid var(--bdp-line); border-radius: var(--radius-md); overflow: hidden; flex: 1; min-height: 560px; }
.composer-body.readonly[b-5ppoyo9cjv] { grid-template-columns: 1fr; } /* schreibgeschützte Ansicht: nur die Canvas-Vorschau */
.composer-left[b-5ppoyo9cjv] { border-right: 1px solid var(--bdp-line); padding: 16px 14px; background: #fff; overflow-y: auto; }
.composer-cap[b-5ppoyo9cjv] { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--fg-muted); margin: 0 0 10px; }
.composer-left .composer-cap:not(:first-child)[b-5ppoyo9cjv] { margin-top: 22px; }
.palette[b-5ppoyo9cjv] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.palette-btn[b-5ppoyo9cjv] { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 6px; border: 1px solid var(--bdp-line); border-radius: 10px; background: #fff; cursor: pointer; color: var(--bdp-pfadiblau); font-family: var(--font-body); }
.palette-btn:hover[b-5ppoyo9cjv] { background: var(--bdp-woelflingsgelb-hell); }
.palette-btn span[b-5ppoyo9cjv] { font-size: 11px; font-weight: 700; text-align: center; line-height: 1.2; }
.palette-btn[b-5ppoyo9cjv]  .i { width: 18px; height: 18px; }
.rcpt[b-5ppoyo9cjv] { display: flex; align-items: flex-start; gap: 9px; padding: 9px 11px; border: 1px solid var(--bdp-line); border-radius: 10px; cursor: pointer; background: #fff; }
.rcpt.on[b-5ppoyo9cjv] { border-color: var(--bdp-pfadiblau); background: var(--bdp-woelflingsgelb-hell); }
.rcpt input[b-5ppoyo9cjv] { margin-top: 2px; }
.composer-canvas[b-5ppoyo9cjv] { overflow-y: auto; background: rgba(14,66,120,.06); padding: 22px 20px 50px; }
.composer-canvas-meta[b-5ppoyo9cjv] { display: flex; align-items: center; gap: 8px; max-width: 600px; margin: 0 auto 12px; font-size: 12.5px; color: var(--fg-muted); font-weight: 700; }
.composer-canvas-meta[b-5ppoyo9cjv]  .i { width: 15px; height: 15px; }
.mail-paper[b-5ppoyo9cjv] { max-width: 600px; margin: 0 auto; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: var(--shadow-md); }
.mail-block[b-5ppoyo9cjv] { position: relative; cursor: pointer; outline: 2px solid transparent; outline-offset: -2px; transition: outline-color .12s; }
.mail-block.sel[b-5ppoyo9cjv] { outline-color: var(--bdp-rrrot); }
.mail-block-ctrl[b-5ppoyo9cjv] { position: absolute; top: 6px; right: 6px; z-index: 4; display: flex; gap: 4px; background: #fff; border-radius: 99px; box-shadow: var(--shadow-md); padding: 3px; }
.mail-block-ctrl button[b-5ppoyo9cjv] { border: none; background: none; cursor: pointer; padding: 5px; border-radius: 99px; color: var(--bdp-pfadiblau); display: grid; place-items: center; }
.mail-block-ctrl button:hover[b-5ppoyo9cjv] { background: var(--bdp-woelflingsgelb-hell); }
.mail-block-ctrl[b-5ppoyo9cjv]  .i { width: 14px; height: 14px; }
.mail-block-ctrl .flip[b-5ppoyo9cjv] { transform: rotate(180deg); }
.eb-header[b-5ppoyo9cjv] { position: relative; overflow: hidden; padding: 30px; }
.eb-header-in[b-5ppoyo9cjv] { position: relative; z-index: 2; }
.eb-kicker[b-5ppoyo9cjv] { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-size: 11px; margin-bottom: 14px; }
.eb-title[b-5ppoyo9cjv] { color: #fff; font-family: var(--font-display); font-weight: 900; font-size: 30px; line-height: 1.04; max-width: 62%; }
.eb-image[b-5ppoyo9cjv] { aspect-ratio: 16/8; background: repeating-linear-gradient(135deg,#eef2f6 0 14px,#e6ecf2 14px 28px); border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--fg-subtle); font-weight: 700; font-size: 13px; border: 1px solid var(--bdp-line); }
.eb-event[b-5ppoyo9cjv] { border: 2px solid var(--bdp-pfadiblau); border-radius: 14px; padding: 16px 18px; display: flex; gap: 16px; align-items: center; background: var(--bdp-paper); }
.eb-event[b-5ppoyo9cjv]  .i { width: 26px; height: 26px; color: var(--bdp-pfadiblau); flex: 0 0 auto; }
.eb-footer[b-5ppoyo9cjv] { padding: 22px 30px 26px; border-top: 1px solid var(--bdp-line); margin-top: 8px; }
.eb-sheet[b-5ppoyo9cjv] { width: 100%; max-width: 600px; margin: 0 auto; background: #fff; border: 1px solid var(--bdp-line); border-radius: 14px; overflow: hidden; }
.composer-inspector[b-5ppoyo9cjv] { border-left: 1px solid var(--bdp-line); background: #fff; padding: 18px 20px; overflow-y: auto; }
.composer-inspector[b-5ppoyo9cjv]  .insp-del { margin-left: auto; }
.tpl-card[b-5ppoyo9cjv] { text-align: left; padding: 0; overflow: hidden; cursor: pointer; }
.tpl-head[b-5ppoyo9cjv] { height: 70px; display: flex; align-items: center; padding: 0 18px; }
.send-row[b-5ppoyo9cjv] { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--bdp-line); }

/* Composer bar (read-only subject) + error banner */
.subject-ro[b-5ppoyo9cjv] { display: flex; align-items: center; gap: 10px; }
.subject-text[b-5ppoyo9cjv] { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.composer-error[b-5ppoyo9cjv] { margin: 10px 0; }

/* Left panel - recipients */
.no-seg[b-5ppoyo9cjv] { font-size: 12.5px; color: var(--fg-muted); }
.rcpt-cap[b-5ppoyo9cjv] { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--fg-subtle); margin: 12px 0 5px; }
.rcpt-list[b-5ppoyo9cjv] { display: flex; flex-direction: column; gap: 7px; }
.rcpt-main[b-5ppoyo9cjv] { display: block; min-width: 0; }
.rcpt-name[b-5ppoyo9cjv] { display: block; font-weight: 700; font-size: 13px; color: var(--bdp-pfadiblau); }
.rcpt-rule[b-5ppoyo9cjv] { display: block; font-size: 11.5px; color: var(--fg-muted); }

/* Canvas empty state */
.canvas-empty[b-5ppoyo9cjv] { padding: 50px; text-align: center; color: var(--fg-subtle); }

/* Inspector chrome */
.insp-head[b-5ppoyo9cjv] { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.insp-sec[b-5ppoyo9cjv] { margin: 0; }
.insp-title[b-5ppoyo9cjv] { font-size: 18px; margin-bottom: 10px; }
.ta-sm[b-5ppoyo9cjv] { min-height: 60px; }
.ta-lg[b-5ppoyo9cjv] { min-height: 160px; }
.insp-empty[b-5ppoyo9cjv] { padding: 24px 6px; color: var(--fg-muted); font-size: 13.5px; text-align: center; }
.insp-empty-img[b-5ppoyo9cjv] { opacity: .4; margin-bottom: 10px; }
.insp-empty-title[b-5ppoyo9cjv] { font-weight: 700; }
.insp-empty-sub[b-5ppoyo9cjv] { font-size: 12.5px; margin-top: 4px; }

/* Template modal */
.tpl-modal[b-5ppoyo9cjv] { padding: 24px 26px; }
.tpl-modal-title[b-5ppoyo9cjv] { font-size: 24px; margin: 4px 0 16px; }
.tpl-grid[b-5ppoyo9cjv] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tpl-body[b-5ppoyo9cjv] { padding: 12px 16px; }
.tpl-name[b-5ppoyo9cjv] { font-weight: 900; font-family: var(--font-display); font-size: 16px; color: var(--bdp-pfadiblau); }
.tpl-desc[b-5ppoyo9cjv] { font-size: 12.5px; color: var(--fg-muted); margin-top: 2px; }

/* Send modal */
.send-head[b-5ppoyo9cjv] { position: relative; overflow: hidden; background: var(--bdp-pfadiblau); padding: 22px 26px; }
.send-head-in[b-5ppoyo9cjv] { position: relative; z-index: 2; }
.send-eyebrow[b-5ppoyo9cjv] { color: var(--bdp-woelflingsgelb); font-size: 22px; }
.send-title[b-5ppoyo9cjv] { color: #fff; font-size: 23px; margin-top: 4px; }
.send-body[b-5ppoyo9cjv] { padding: 20px 26px 24px; }
.send-row-label[b-5ppoyo9cjv] { font-weight: 700; font-size: 13px; }
.send-row-val[b-5ppoyo9cjv] { color: var(--bdp-pfadiblau); }
.send-actions[b-5ppoyo9cjv] { display: flex; gap: 10px; }

/* Preview modal */
.preview-modal[b-5ppoyo9cjv] { padding: 18px 22px; }
.preview-kicker[b-5ppoyo9cjv] { color: var(--bdp-rrrot); }
.preview-title[b-5ppoyo9cjv] { margin: 4px 0 14px; }
.preview-frame[b-5ppoyo9cjv] { width: 100%; height: 62vh; border: 1px solid var(--bdp-line); border-radius: 12px; background: #fff; }

@media (max-width: 1000px) { .composer-body[b-5ppoyo9cjv] { grid-template-columns: 1fr; } .composer-left[b-5ppoyo9cjv], .composer-inspector[b-5ppoyo9cjv] { border: none; border-bottom: 1px solid var(--bdp-line); } }
/* /Components/Pages/Mailings/MailingVerlaufPage.razor.rz.scp.css */
/* Mailing-Verlauf - page-scoped */
.ml-ic[b-j7bdlimakh] { width: 34px; height: 34px; border-radius: 9px; background: rgba(14,66,120,.08); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.ml-ic[b-j7bdlimakh]  .i { width: 17px; height: 17px; color: var(--bdp-pfadiblau); }
.seg-bar[b-j7bdlimakh] { margin-bottom: 18px; }
.subj-cell[b-j7bdlimakh] { display: flex; align-items: center; gap: 11px; }
.subj-main[b-j7bdlimakh] { min-width: 0; }
.subj-text[b-j7bdlimakh] { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; }
.subj-sub[b-j7bdlimakh] { font-size: 11.5px; color: var(--fg-subtle); }
.cell-listen[b-j7bdlimakh] { font-size: 13px; color: var(--fg-muted); font-weight: 700; max-width: 220px; }
.ellipsis[b-j7bdlimakh] { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* /Components/Pages/MeinProfilPage.razor.rz.scp.css */
/* Mein Profil - page-scoped */
.consent-check[b-2b056rqa89] { display: flex; gap: 9px; align-items: center; margin: 6px 0 2px; font-weight: 600; }
.save-row[b-2b056rqa89] { margin-top: 18px; display: flex; gap: 12px; align-items: center; }
.saved-badge[b-2b056rqa89] { color: var(--bdp-waldgruen); font-weight: 700; }
/* /Components/Pages/MitgliederPage.razor.rz.scp.css */
/* Mitglieder - page-scoped.
   ResultLine and the group-card chrome now live in their components; the group-member
   tiles below are still authored on this page, so their styles stay here. */
.group-member[b-0pk3dlpguz] { display: flex; align-items: center; gap: 11px; padding: 9px 11px; border-radius: 10px; cursor: pointer; border: 1px solid var(--bdp-line); }
.group-member:hover[b-0pk3dlpguz] { background: var(--bdp-woelflingsgelb-hell); }

/* Bulk bar + table cells */
.bulk-count[b-0pk3dlpguz] { font-weight: 700; font-size: 14px; }
.col-check[b-0pk3dlpguz] { width: 34px; }
.cell-gruppe[b-0pk3dlpguz] { font-size: 13.5px; font-weight: 700; white-space: nowrap; }
.cell-amt[b-0pk3dlpguz] { font-size: 13.5px; }

/* Card (group) view */
.group-list[b-0pk3dlpguz] { display: flex; flex-direction: column; gap: 18px; }
.gm-main[b-0pk3dlpguz] { min-width: 0; flex: 1; }
.gm-name[b-0pk3dlpguz] { font-weight: 700; font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gm-sub[b-0pk3dlpguz] { font-size: 11.5px; color: var(--fg-muted); }

/* Detail drawer */
.dh-actions[b-0pk3dlpguz] { display: flex; gap: 8px; }
.dh-id-main[b-0pk3dlpguz] { min-width: 0; }
.dh-tags[b-0pk3dlpguz] { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.tag-row[b-0pk3dlpguz] { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.drow-group[b-0pk3dlpguz] { margin-bottom: 18px; }
.mirror-card[b-0pk3dlpguz] { background: rgba(14, 66, 120, .04); margin-bottom: 16px; }
.mirror-head[b-0pk3dlpguz] { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.mirror-title[b-0pk3dlpguz] { font-weight: 900; font-family: var(--font-display); font-size: 15px; }
.mirror-warn[b-0pk3dlpguz] { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 12.5px; color: var(--bdp-lagerfeuerorange); font-weight: 700; }
.notiz-text[b-0pk3dlpguz] { font-size: 14px; color: var(--fg-muted); }

/* Add / edit drawer */
.form-title[b-0pk3dlpguz] { font-size: 21px; }
.amt-chips[b-0pk3dlpguz] { display: flex; flex-wrap: wrap; gap: 8px; }
.amt-chip[b-0pk3dlpguz] { cursor: pointer; }
.amt-check[b-0pk3dlpguz] { display: none; }
.form-col-spaced[b-0pk3dlpguz] { margin-top: 16px; }
/* /Components/Pages/OeffentlicheListePage.razor.rz.scp.css */
/* Öffentliche Liste - page-scoped */
.col-actions[b-iboudjwa1s] { width: 120px; }
.row-static[b-iboudjwa1s] { cursor: default; }
.name-cell[b-iboudjwa1s] { display: flex; align-items: center; gap: 10px; }
.name-text[b-iboudjwa1s] { font-weight: 700; }
.cell-email[b-iboudjwa1s] { font-size: 13.5px; color: var(--fg-muted); }
.row-actions[b-iboudjwa1s] { display: flex; gap: 6px; justify-content: flex-end; }
/* /Components/Pages/TeamZugaengePage.razor.rz.scp.css */
/* Team & Zugänge - page-scoped.
   The onb-step chrome now lives in OnboardingStepComponent; .onb-code is still
   authored on this page (inside the step content), so it stays here. */
.onb-code[b-jh5dfw034m] { display: inline-block; background: #fff; border: 1px solid var(--bdp-line); border-radius: 8px; padding: 8px 11px; font-size: 13px; color: var(--bdp-pfadiblau); font-family: ui-monospace, Menlo, Consolas, monospace; }

/* Intro + table cells */
.intro-text[b-jh5dfw034m] { margin: -10px 0 20px; max-width: 680px; font-size: 14px; }
.email-cell[b-jh5dfw034m] { font-size: 12.5px; color: var(--bdp-pfadiblau); }
.pill-meta-orange[b-jh5dfw034m] { color: var(--bdp-lagerfeuerorange); }

/* Drawer: onboarding header + steps */
.dh-role[b-jh5dfw034m] { color: var(--bdp-woelflingsgelb); font-size: 13.5px; font-weight: 700; margin-top: 2px; }
.drawer-body-tint[b-jh5dfw034m] { background: rgba(14, 66, 120, .04); }
.onb-bar[b-jh5dfw034m] { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.onb-sec[b-jh5dfw034m] { margin: 0; }
.onb-progress[b-jh5dfw034m] { flex: 1; }
.onb-count[b-jh5dfw034m] { font-size: 12.5px; font-weight: 700; color: var(--fg-muted); }
.onb-note[b-jh5dfw034m] { font-size: 13px; color: var(--fg-muted); margin-bottom: 10px; }
.onb-row[b-jh5dfw034m] { display: flex; gap: 8px; align-items: center; }
.onb-code-suggest[b-jh5dfw034m] { flex: 1; color: var(--fg-muted); }
.step-row[b-jh5dfw034m] { display: flex; align-items: center; gap: 8px; }
.step-hint[b-jh5dfw034m] { font-size: 12px; color: var(--fg-subtle); }
.step-actions[b-jh5dfw034m] { margin-left: auto; display: flex; gap: 6px; }
.step-foot[b-jh5dfw034m] { font-size: 12px; color: var(--fg-subtle); margin-top: 8px; }
/* /Components/Pages/UebersichtPage.razor.rz.scp.css */
/* Dashboard (Übersicht) - page-scoped */
.dash-grid[b-gbrarusqz6] { display: grid; grid-template-columns: 1.4fr 1fr; gap: 22px; align-items: start; }
.dash-col[b-gbrarusqz6] { display: flex; flex-direction: column; gap: 22px; }

/* .att-list holds MemberListRowComponent rows; the row styles live in that component. */
.att-list[b-gbrarusqz6] { display: flex; flex-direction: column; margin-bottom: 8px; }

.bars[b-gbrarusqz6] { display: flex; flex-direction: column; gap: 14px; }
.bar-row[b-gbrarusqz6] { display: grid; grid-template-columns: 130px 1fr auto; align-items: center; gap: 14px; }
.bar-row .bl[b-gbrarusqz6] { font-weight: 700; font-size: 14px; color: var(--bdp-ink); }
.bar-track[b-gbrarusqz6] { height: 14px; border-radius: var(--radius-pill); background: var(--track); overflow: hidden; }
.bar-fill[b-gbrarusqz6] { height: 100%; border-radius: var(--radius-pill); transition: width var(--dur-slow) var(--ease-out); }
.bar-row .bv[b-gbrarusqz6] { font-family: var(--font-display); font-weight: 900; font-size: 18px; color: var(--bdp-pfadiblau); text-align: right; min-width: 32px; font-variant-numeric: tabular-nums; }

.ml-list[b-gbrarusqz6] { display: flex; flex-direction: column; }
.ml-row[b-gbrarusqz6] { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--bdp-line); }
.ml-row:first-child[b-gbrarusqz6] { border-top: none; }
.ml-main[b-gbrarusqz6] { flex: 1; min-width: 0; }
.ml-subj[b-gbrarusqz6] { font-weight: 700; color: var(--bdp-pfadiblau); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ml-meta[b-gbrarusqz6] { font-size: 12.5px; color: var(--fg-muted); margin-top: 2px; }

@media (max-width: 1000px) { .dash-grid[b-gbrarusqz6] { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .bar-row[b-gbrarusqz6] { grid-template-columns: 100px 1fr auto; } }
/* /Components/Shared/GroupCardComponent.razor.rz.scp.css */
/* Group card chrome - moved from MitgliederPage.razor.css so the component owns it.
   The .group-member tiles stay caller-authored, so their CSS remains on the page. */
.group-card[b-28ndft69jf] { overflow: hidden; }
.group-card-head[b-28ndft69jf] { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--bdp-line); }
.group-dot[b-28ndft69jf] { width: 12px; height: 12px; border-radius: 99px; }
.group-card-title[b-28ndft69jf] { font-weight: 900; font-family: var(--font-display); font-size: 16px; }
.group-grid[b-28ndft69jf] { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; padding: 14px; }
/* /Components/Shared/MemberListRowComponent.razor.rz.scp.css */
/* Dashboard member row - moved from UebersichtPage.razor.css so the component owns it. */
.att-row[b-iwfgiylw2d] { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--bdp-line); text-decoration: none; }
.att-row:first-child[b-iwfgiylw2d] { border-top: none; }
.att-main[b-iwfgiylw2d] { flex: 1; min-width: 0; }
.att-name[b-iwfgiylw2d] { font-weight: 700; color: var(--bdp-pfadiblau); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.att-sub[b-iwfgiylw2d] { font-size: 12.5px; color: var(--fg-muted); }
/* /Components/Shared/SetRowComponent.razor.rz.scp.css */
/* SetRow - component-scoped */
.set-row[b-5mzyx36erf] { display: grid; grid-template-columns: 200px 1fr; gap: 16px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--bdp-line); }
.set-row:last-child[b-5mzyx36erf] { border-bottom: none; }
.set-label[b-5mzyx36erf] { font-weight: 700; font-size: 13.5px; color: var(--bdp-pfadiblau); }
.set-hint[b-5mzyx36erf] { font-size: 12px; color: var(--fg-muted); margin-top: 2px; }
.set-value-text[b-5mzyx36erf] { font-size: 13.5px; font-weight: 700; color: var(--bdp-pfadiblau); }
@media (max-width: 860px) { .set-row[b-5mzyx36erf] { grid-template-columns: 1fr; gap: 6px; } }