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

    #blazor-error-ui .dismiss[b-lb4byx6van] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ojutezmc7c],
.components-reconnect-repeated-attempt-visible[b-ojutezmc7c],
.components-reconnect-failed-visible[b-ojutezmc7c],
.components-pause-visible[b-ojutezmc7c],
.components-resume-failed-visible[b-ojutezmc7c],
.components-rejoining-animation[b-ojutezmc7c] {
    display: none;
}

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


#components-reconnect-modal[b-ojutezmc7c] {
    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-ojutezmc7c 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-ojutezmc7c {
    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/Aushang.razor.rz.scp.css */
/* === A4-Aushang (Druckversion, QR + Gruppenname + Erklärtext) === */
.aushang[b-4hd9pwcaoi] {
    max-width: 640px;
    margin: 0 auto;
    padding: 48px 32px;
    text-align: center;
    background: #fff;
    min-height: 100dvh;
}

.aushang-emoji[b-4hd9pwcaoi] { font-size: 72px; margin-bottom: 8px; }

.aushang-title[b-4hd9pwcaoi] {
    font-family: 'Nunito', sans-serif;
    font-size: 40px;
    font-weight: 800;
    color: var(--primary);
    margin-bottom: 8px;
}

.aushang-desc[b-4hd9pwcaoi] { font-size: 18px; color: var(--text-secondary); margin-bottom: 24px; }

.aushang-qr[b-4hd9pwcaoi] { margin: 24px auto; }
.aushang-qr img[b-4hd9pwcaoi] { border: 2px solid var(--border); border-radius: 16px; padding: 12px; }

.aushang-explain[b-4hd9pwcaoi] { font-size: 18px; line-height: 1.6; margin-bottom: 24px; }

.aushang-url[b-4hd9pwcaoi] {
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: 700;
    background: var(--primary-light);
    color: var(--primary-dark);
    display: inline-block;
    padding: 10px 24px;
    border-radius: 10px;
    margin-bottom: 32px;
}

.aushang-footer[b-4hd9pwcaoi] { font-size: 13px; color: var(--text-muted); }

.aushang-print[b-4hd9pwcaoi] {
    margin-top: 32px;
    padding: 14px 28px;
    border-radius: 10px;
    background: var(--primary);
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: 700;
    border: none;
    cursor: pointer;
}

@media print {
    .no-print[b-4hd9pwcaoi] { display: none; }
}
/* /Components/Pages/Einstellungen.razor.rz.scp.css */
/* === Einstellungen (screen-10) === */
.section-label[b-dhdjghb0st] { font-family: 'Nunito', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); margin-bottom: var(--sp-sm); padding: 0 var(--sp-xs); }

.setting-row[b-dhdjghb0st] { display: flex; align-items: center; gap: var(--sp-md); padding: var(--sp-md) var(--sp-base); border-bottom: 1px solid var(--border); }
.setting-row:last-child[b-dhdjghb0st] { border-bottom: none; }
.setting-icon[b-dhdjghb0st] { font-size: 20px; width: 28px; text-align: center; flex-shrink: 0; }
.setting-content[b-dhdjghb0st] { flex: 1; min-width: 0; }
.setting-title[b-dhdjghb0st] { font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; }
.setting-desc[b-dhdjghb0st] { font-size: 12px; color: var(--text-muted); margin-top: 1px; line-height: 1.4; }
.setting-chevron[b-dhdjghb0st] { font-size: 18px; color: var(--border); flex-shrink: 0; }

/* Toggle als Submit-Button */
button.toggle-track[b-dhdjghb0st] { border: none; padding: 0; }

/* Profile card */
.profile-card[b-dhdjghb0st] { display: flex; align-items: center; gap: var(--sp-md); padding: var(--sp-base); }
.profile-avatar[b-dhdjghb0st] { width: 52px; height: 52px; border-radius: 50%; background: var(--primary); display: flex; align-items: center; justify-content: center; font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: 800; color: #fff; flex-shrink: 0; }
.profile-name[b-dhdjghb0st] { font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 800; }
.profile-email[b-dhdjghb0st] { font-size: 13px; color: var(--text-muted); margin-top: 1px; }

/* Footer */
.settings-footer[b-dhdjghb0st] { text-align: center; padding: var(--sp-xl) var(--sp-base); font-size: 12px; color: var(--text-muted); line-height: 1.6; }
.settings-footer a[b-dhdjghb0st] { color: var(--text-muted); text-decoration: underline; }

.btn-cancel[b-dhdjghb0st] { background: transparent; color: var(--text-secondary); border: 2px solid var(--border); }
/* /Components/Pages/GruppeErstellen.razor.rz.scp.css */
/* === Gruppe erstellen (screen-15) === */
.input-hint[b-a7nueb8kub] { font-size: 12px; color: var(--text-muted); margin-top: var(--sp-xs); }

/* Emoji Picker */
.emoji-pick[b-a7nueb8kub] { display: flex; align-items: center; gap: var(--sp-base); }
.emoji-current[b-a7nueb8kub] { width: 64px; height: 64px; border-radius: var(--radius-sm); background: var(--primary-light); display: flex; align-items: center; justify-content: center; font-size: 36px; flex-shrink: 0; cursor: pointer; border: 2px solid var(--border); transition: border-color 0.15s; }
.emoji-current:hover[b-a7nueb8kub] { border-color: var(--primary); }
.emoji-pick-hint[b-a7nueb8kub] { font-size: 13px; color: var(--text-secondary); line-height: 1.4; }

.emoji-grid[b-a7nueb8kub] { display: none; margin-top: var(--sp-md); padding: var(--sp-md); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); max-height: 320px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.emoji-grid.show[b-a7nueb8kub] { display: block; }

.emoji-search[b-a7nueb8kub] { width: 100%; padding: var(--sp-sm) var(--sp-md); border: 2px solid var(--border); border-radius: var(--radius-sm); background: #fff; font-size: 14px; font-family: inherit; margin-bottom: var(--sp-md); position: sticky; top: 0; z-index: 1; }
.emoji-search:focus[b-a7nueb8kub] { outline: none; border-color: var(--primary); }

.emoji-cat[b-a7nueb8kub] { margin-bottom: var(--sp-base); }
.emoji-cat:last-of-type[b-a7nueb8kub] { margin-bottom: 0; }
.emoji-cat-label[b-a7nueb8kub] { font-family: 'Nunito', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); margin-bottom: var(--sp-sm); }
.emoji-cat-row[b-a7nueb8kub] { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--sp-sm); }

.emoji-option[b-a7nueb8kub] { width: 100%; aspect-ratio: 1; border-radius: var(--radius-sm); background: #fff; border: 2px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 24px; cursor: pointer; transition: all 0.15s; }
.emoji-option:hover[b-a7nueb8kub] { border-color: var(--primary); background: var(--primary-light); }
.emoji-option.selected[b-a7nueb8kub] { border-color: var(--primary); background: var(--primary-light); }

.emoji-empty[b-a7nueb8kub] { display: none; text-align: center; font-size: 13px; color: var(--text-muted); padding: var(--sp-base) 0; }
.emoji-empty.show[b-a7nueb8kub] { display: block; }

/* Preview */
.preview-card[b-a7nueb8kub] { background: var(--primary-light); border-radius: var(--radius-sm); padding: var(--sp-base); text-align: center; margin-bottom: var(--sp-base); }
.preview-emoji[b-a7nueb8kub] { font-size: 40px; margin-bottom: var(--sp-sm); }
.preview-name[b-a7nueb8kub] { font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 800; }
.preview-desc[b-a7nueb8kub] { font-size: 13px; color: var(--text-secondary); margin-top: var(--sp-xs); }
.preview-label[b-a7nueb8kub] { font-size: 11px; color: var(--text-muted); font-weight: 700; margin-bottom: var(--sp-sm); }
/* /Components/Pages/GruppenDetail.razor.rz.scp.css */
/* === Gruppen-Detail (screen-09) === */
.btn-danger-outline[b-5wc5rn95ga] { background: transparent; color: var(--danger); border: 2px solid var(--danger); }

/* Group info banner */
.group-banner[b-5wc5rn95ga] { display: flex; align-items: center; gap: var(--sp-md); padding: var(--sp-base); }
.group-banner-emoji[b-5wc5rn95ga] { font-size: 36px; flex-shrink: 0; }
.group-banner-name[b-5wc5rn95ga] { font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 800; }
.group-banner-desc[b-5wc5rn95ga] { font-size: 13px; color: var(--text-secondary); line-height: 1.4; margin-top: 2px; }
.group-banner-meta[b-5wc5rn95ga] { font-size: 12px; color: var(--text-muted); margin-top: 4px; }

/* Verwalten-Einstieg (nur Poster) */
.manage-item[b-5wc5rn95ga] { display: flex; align-items: center; gap: var(--sp-md); padding: 14px var(--sp-base); cursor: pointer; transition: background 0.15s; color: var(--text); text-decoration: none; }
.manage-item:hover[b-5wc5rn95ga] { background: var(--primary-light); }
.manage-icon[b-5wc5rn95ga] { font-size: 20px; width: 28px; text-align: center; flex-shrink: 0; }
.manage-title[b-5wc5rn95ga] { font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; flex: 1; }
.manage-chevron[b-5wc5rn95ga] { font-size: 18px; color: var(--border); flex-shrink: 0; }

/* Leave-Sheet (states-group-leave) */
.warning-box[b-5wc5rn95ga] { background: var(--accent-light); border-radius: var(--radius-sm); padding: var(--sp-md) var(--sp-base); border-left: 4px solid var(--accent); margin-bottom: var(--sp-base); }
.warning-box-title[b-5wc5rn95ga] { font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: 700; color: var(--accent); margin-bottom: 2px; }
.warning-box-desc[b-5wc5rn95ga] { font-size: 13px; color: var(--text-secondary); line-height: 1.5; }

.danger-box[b-5wc5rn95ga] { background: var(--danger-light); border-radius: var(--radius-sm); padding: var(--sp-md) var(--sp-base); border-left: 4px solid var(--danger); margin-bottom: var(--sp-base); }
.danger-box-title[b-5wc5rn95ga] { font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: 700; color: var(--danger); margin-bottom: 2px; }
.danger-box-desc[b-5wc5rn95ga] { font-size: 13px; color: var(--text-secondary); line-height: 1.5; }

.btn-cancel[b-5wc5rn95ga] { background: transparent; color: var(--text-secondary); border: 2px solid var(--border); }
/* /Components/Pages/GruppenListe.razor.rz.scp.css */
/* === Gruppen-Liste (screen-08) === */
.tag-pending[b-a4bwbf3zom] { background: #F5F5F5; color: var(--text-muted); }
.tag-archived[b-a4bwbf3zom] { background: #EEEEE9; color: var(--text-muted); }

.group-item[b-a4bwbf3zom] { display: flex; align-items: center; gap: 14px; padding: 14px var(--sp-base); border-bottom: 1px solid var(--border); cursor: pointer; transition: background 0.15s; color: var(--text); text-decoration: none; }
.group-item:last-child[b-a4bwbf3zom] { border-bottom: none; }
.group-item:hover[b-a4bwbf3zom] { background: var(--primary-light); }
.group-item.pending[b-a4bwbf3zom] { opacity: 0.5; cursor: default; }
.group-item.pending:hover[b-a4bwbf3zom] { background: transparent; }
.group-item.archived[b-a4bwbf3zom] { opacity: 0.4; cursor: pointer; }
.group-item.archived:hover[b-a4bwbf3zom] { background: var(--primary-light); opacity: 0.5; }

.archive-divider[b-a4bwbf3zom] { font-family: 'Nunito', sans-serif; font-size: 12px; font-weight: 700; color: var(--text-muted); padding: var(--sp-lg) 0 var(--sp-sm); display: flex; align-items: center; gap: var(--sp-md); }
.archive-divider[b-a4bwbf3zom]::before { content: ''; flex: 1; height: 1px; background: var(--border); }
.archive-divider[b-a4bwbf3zom]::after { content: ''; flex: 1; height: 1px; background: var(--border); }

.group-avatar[b-a4bwbf3zom] { width: 46px; height: 46px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
.group-content[b-a4bwbf3zom] { flex: 1; min-width: 0; }
.group-name[b-a4bwbf3zom] { font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; }
.group-meta[b-a4bwbf3zom] { font-size: 12px; color: var(--text-muted); margin-top: 2px; display: flex; align-items: center; gap: var(--sp-sm); }
.group-chevron[b-a4bwbf3zom] { font-size: 18px; color: var(--border); flex-shrink: 0; }
.unread-badge[b-a4bwbf3zom] { min-width: 22px; height: 22px; border-radius: 11px; background: var(--accent); color: #fff; font-size: 12px; font-weight: 700; font-family: 'Nunito', sans-serif; display: flex; align-items: center; justify-content: center; padding: 0 6px; flex-shrink: 0; }

.sticky-actions[b-a4bwbf3zom] { position: sticky; bottom: 0; padding: var(--sp-md) var(--sp-base) var(--sp-lg); background: linear-gradient(transparent, var(--bg) 12px); z-index: 10; }
/* /Components/Pages/Home.razor.rz.scp.css */
/* === Landing-specific (screen-01) === */
.hero[b-uxacy6ir3u] { background: var(--primary); color: #fff; padding: 40px max(var(--sp-lg), calc(50vw - var(--app-width) / 2)) 32px; text-align: center; position: relative; overflow: hidden; margin-inline: calc(50% - 50vw); }
.hero[b-uxacy6ir3u]::after { content: ''; position: absolute; bottom: -20px; left: -10%; right: -10%; height: 40px; background: var(--bg); border-radius: 50% 50% 0 0; }
.hero-logo[b-uxacy6ir3u] { margin-bottom: var(--sp-md); }
.hero-title[b-uxacy6ir3u] { font-family: 'Nunito', sans-serif; font-size: 26px; font-weight: 800; line-height: 1.2; margin-bottom: var(--sp-sm); }
.hero-sub[b-uxacy6ir3u] { font-size: 15px; opacity: 0.85; line-height: 1.5; max-width: 320px; margin: 0 auto; }

.section-label[b-uxacy6ir3u] { font-family: 'Nunito', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--accent); margin-bottom: var(--sp-sm); }
.section-title[b-uxacy6ir3u] { font-family: 'Nunito', sans-serif; font-size: 18px; font-weight: 800; color: var(--text); margin: 0 0 var(--sp-md); line-height: 1.3; }

.step[b-uxacy6ir3u] { display: flex; gap: var(--sp-md); margin-bottom: var(--sp-lg); }
.step-num[b-uxacy6ir3u] { width: 32px; height: 32px; border-radius: 50%; background: var(--primary); color: #fff; display: flex; align-items: center; justify-content: center; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 800; flex-shrink: 0; margin-top: 2px; }
.step-title[b-uxacy6ir3u] { font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; margin-bottom: 2px; }
.step-desc[b-uxacy6ir3u] { font-size: 13px; color: var(--text-secondary); line-height: 1.45; }

.benefit[b-uxacy6ir3u] { display: flex; gap: var(--sp-md); align-items: flex-start; margin-bottom: var(--sp-base); }
.benefit-icon[b-uxacy6ir3u] { font-size: 28px; flex-shrink: 0; width: 36px; text-align: center; }
.benefit-title[b-uxacy6ir3u] { font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; margin-bottom: 1px; }
.benefit-desc[b-uxacy6ir3u] { font-size: 13px; color: var(--text-secondary); line-height: 1.4; }

.footer[b-uxacy6ir3u] { text-align: center; padding: var(--sp-xl) var(--sp-base); font-size: 12px; color: var(--text-muted); line-height: 1.6; }
.footer a[b-uxacy6ir3u] { color: var(--text-muted); text-decoration: underline; }

.mock-preview[b-uxacy6ir3u] { background: var(--primary-light); border-radius: var(--radius-sm); padding: var(--sp-base); margin: var(--sp-base) 0; }
.mock-day[b-uxacy6ir3u] { font-family: 'Nunito', sans-serif; font-size: 12px; font-weight: 700; color: var(--text-secondary); margin-bottom: var(--sp-sm); }
.mock-event[b-uxacy6ir3u] { display: flex; gap: var(--sp-sm); align-items: center; padding: var(--sp-sm) 0; }
.mock-dot[b-uxacy6ir3u] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.mock-event-text[b-uxacy6ir3u] { font-size: 13px; font-weight: 600; }
.mock-event-time[b-uxacy6ir3u] { font-size: 12px; color: var(--text-muted); margin-left: auto; flex-shrink: 0; }
/* /Components/Pages/Join.razor.rz.scp.css */
/* === Gruppe beitreten (screen-04) === */
.group-info[b-14d640vdho] { text-align: center; padding: var(--sp-xl) var(--sp-base); }
.group-info-emoji[b-14d640vdho] { font-size: 56px; margin-bottom: var(--sp-md); }
.group-info-name[b-14d640vdho] { font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: 800; margin-bottom: var(--sp-xs); }
.group-info-desc[b-14d640vdho] { font-size: 14px; color: var(--text-secondary); line-height: 1.5; }
.group-info-meta[b-14d640vdho] { font-size: 12px; color: var(--text-muted); margin-top: var(--sp-md); }

.freitext-wrap[b-14d640vdho] { margin-top: var(--sp-sm); display: none; }
.freitext-wrap.show[b-14d640vdho] { display: block; }

/* Onboarding für nicht-eingeloggte Eltern (QR-Flow) */
.join-intro[b-14d640vdho] { text-align: center; padding: var(--sp-base) var(--sp-sm) 0; }
.join-intro-title[b-14d640vdho] { font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 800; margin-bottom: var(--sp-xs); }
.join-intro-text[b-14d640vdho] { font-size: 14px; color: var(--text-secondary); line-height: 1.55; }
/* /Components/Pages/Mitglieder.razor.rz.scp.css */
/* === Mitglieder & Anfragen (screen-13) === */
.section-title-members[b-hpj60p9jfa] { font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 800; color: var(--text); margin-bottom: var(--sp-md); display: flex; align-items: center; gap: var(--sp-sm); }
.tag-poster[b-hpj60p9jfa] { background: var(--primary-light); color: var(--primary); }

/* Request card */
.request-card[b-hpj60p9jfa] { padding: var(--sp-base); border-bottom: 1px solid var(--border); }
.request-card:last-child[b-hpj60p9jfa] { border-bottom: none; }
.request-top[b-hpj60p9jfa] { display: flex; align-items: center; gap: var(--sp-md); margin-bottom: var(--sp-md); }
.request-avatar[b-hpj60p9jfa] { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 800; color: #fff; flex-shrink: 0; }
.request-info[b-hpj60p9jfa] { flex: 1; min-width: 0; }
.request-name[b-hpj60p9jfa] { font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; }
.request-meta[b-hpj60p9jfa] { font-size: 12px; color: var(--text-muted); margin-top: 1px; }
.request-actions[b-hpj60p9jfa] { display: flex; gap: var(--sp-sm); }
.request-btn[b-hpj60p9jfa] { padding: var(--sp-sm) var(--sp-base); border-radius: var(--radius-sm); font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: 700; border: none; cursor: pointer; transition: opacity 0.15s; min-height: 36px; }
.request-btn:hover[b-hpj60p9jfa] { opacity: 0.9; }
.request-btn-approve[b-hpj60p9jfa] { background: var(--primary); color: #fff; flex: 1; }
.request-btn-reject[b-hpj60p9jfa] { background: var(--danger-light); color: var(--danger); flex: 0 0 auto; }

/* Member list */
.member-item[b-hpj60p9jfa] { display: flex; align-items: center; gap: var(--sp-md); padding: var(--sp-md) var(--sp-base); border-bottom: 1px solid var(--border); cursor: pointer; transition: background 0.15s; }
.member-item:hover[b-hpj60p9jfa] { background: var(--primary-light); }
.member-item:last-child[b-hpj60p9jfa] { border-bottom: none; }
.member-avatar[b-hpj60p9jfa] { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 800; color: #fff; flex-shrink: 0; }
.member-info[b-hpj60p9jfa] { flex: 1; min-width: 0; }
.member-name[b-hpj60p9jfa] { font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; }
.member-role[b-hpj60p9jfa] { font-size: 12px; color: var(--text-muted); margin-top: 1px; }
.member-badge[b-hpj60p9jfa] { flex-shrink: 0; }

/* Action sheet */
.sheet-action[b-hpj60p9jfa] { display: flex; align-items: center; gap: var(--sp-md); padding: 14px 0; border-bottom: 1px solid var(--border); cursor: pointer; font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; transition: opacity 0.15s; background: none; border-left: none; border-right: none; border-top: none; width: 100%; text-align: left; color: var(--text); }
.sheet-action:last-child[b-hpj60p9jfa] { border-bottom: none; }
.sheet-action:hover[b-hpj60p9jfa] { opacity: 0.7; }
.sheet-action-icon[b-hpj60p9jfa] { font-size: 20px; width: 28px; text-align: center; }
.sheet-action-danger[b-hpj60p9jfa] { color: var(--danger); }

/* Poster einladen (Link-Box wie screen-14) */
.link-box[b-hpj60p9jfa] { display: flex; align-items: center; gap: var(--sp-sm); padding: var(--sp-md); background: var(--bg); border-radius: var(--radius-sm); border: 2px solid var(--border); }
.link-url[b-hpj60p9jfa] { flex: 1; font-size: 13px; color: var(--text-secondary); font-family: 'Nunito Sans', sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.link-copy-btn[b-hpj60p9jfa] { padding: var(--sp-sm) var(--sp-md); border-radius: 8px; background: var(--primary); color: #fff; font-family: 'Nunito', sans-serif; font-size: 12px; font-weight: 700; border: none; cursor: pointer; flex-shrink: 0; transition: opacity 0.15s; }
.link-copy-btn:hover[b-hpj60p9jfa] { opacity: 0.9; }
/* /Components/Pages/QrTeilen.razor.rz.scp.css */
/* === QR-Code teilen (screen-14) === */
.qr-section[b-olot6z9sg6] { text-align: center; padding: var(--sp-xl) var(--sp-base) var(--sp-lg); }
.qr-frame[b-olot6z9sg6] { width: 220px; height: 220px; margin: 0 auto var(--sp-lg); background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); display: flex; align-items: center; justify-content: center; position: relative; }
.qr-frame img[b-olot6z9sg6] { border-radius: 8px; }
.qr-group-badge[b-olot6z9sg6] { position: absolute; bottom: -14px; background: var(--primary); color: #fff; font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: 700; padding: var(--sp-xs) var(--sp-md); border-radius: var(--radius-pill); display: flex; align-items: center; gap: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.qr-title[b-olot6z9sg6] { font-family: 'Nunito', sans-serif; font-size: 18px; font-weight: 800; margin-bottom: var(--sp-xs); }
.qr-desc[b-olot6z9sg6] { font-size: 13px; color: var(--text-secondary); line-height: 1.5; max-width: 300px; margin: 0 auto; }

/* Link copy */
.link-box[b-olot6z9sg6] { display: flex; align-items: center; gap: var(--sp-sm); padding: var(--sp-md); background: var(--bg); border-radius: var(--radius-sm); border: 2px solid var(--border); margin-bottom: var(--sp-base); }
.link-url[b-olot6z9sg6] { flex: 1; font-size: 13px; color: var(--text-secondary); font-family: 'Nunito Sans', sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.link-copy-btn[b-olot6z9sg6] { padding: var(--sp-sm) var(--sp-md); border-radius: 8px; background: var(--primary); color: #fff; font-family: 'Nunito', sans-serif; font-size: 12px; font-weight: 700; border: none; cursor: pointer; flex-shrink: 0; transition: opacity 0.15s; }
.link-copy-btn:hover[b-olot6z9sg6] { opacity: 0.9; }

/* Action list */
.action-item[b-olot6z9sg6] { display: flex; align-items: center; gap: var(--sp-md); padding: 14px var(--sp-base); border-bottom: 1px solid var(--border); cursor: pointer; transition: background 0.15s; color: var(--text); text-decoration: none; }
.action-item:last-child[b-olot6z9sg6] { border-bottom: none; }
.action-item:hover[b-olot6z9sg6] { background: var(--primary-light); }
.action-icon[b-olot6z9sg6] { font-size: 20px; width: 28px; text-align: center; flex-shrink: 0; }
.action-title[b-olot6z9sg6] { font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; flex: 1; }
.action-chevron[b-olot6z9sg6] { font-size: 18px; color: var(--border); flex-shrink: 0; }

/* Print preview hint */
.print-hint[b-olot6z9sg6] { background: var(--accent-light); border-radius: var(--radius-sm); padding: var(--sp-md) var(--sp-base); margin-bottom: var(--sp-base); }
.print-hint-text[b-olot6z9sg6] { font-size: 13px; color: var(--accent); line-height: 1.5; }
.print-hint-text strong[b-olot6z9sg6] { font-weight: 700; }
/* /Components/Pages/Verwaltung.razor.rz.scp.css */
/* === Gruppen-Verwaltung (screen-11) === */
.btn-danger-outline[b-e69z1w0qjo] { background: transparent; color: var(--danger); border: 2px solid var(--danger); }

.group-header[b-e69z1w0qjo] { text-align: center; padding: var(--sp-lg) var(--sp-base); }
.group-stats[b-e69z1w0qjo] { display: flex; justify-content: center; gap: var(--sp-xl); margin-top: var(--sp-base); }
.group-stat[b-e69z1w0qjo] { text-align: center; }
.group-stat-num[b-e69z1w0qjo] { font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: 800; color: var(--primary); }
.group-stat-label[b-e69z1w0qjo] { font-size: 11px; color: var(--text-muted); font-weight: 600; }

.action-row[b-e69z1w0qjo] { display: flex; align-items: center; gap: var(--sp-md); padding: 14px var(--sp-base); border-bottom: 1px solid var(--border); cursor: pointer; transition: background 0.15s; color: var(--text); text-decoration: none; }
.action-row:last-child[b-e69z1w0qjo] { border-bottom: none; }
.action-row:hover[b-e69z1w0qjo] { background: var(--primary-light); }
.action-icon[b-e69z1w0qjo] { width: 40px; height: 40px; border-radius: var(--radius-sm); background: var(--bg); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.action-content[b-e69z1w0qjo] { flex: 1; }
.action-title[b-e69z1w0qjo] { font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; }
.action-desc[b-e69z1w0qjo] { font-size: 12px; color: var(--text-muted); }
.action-chevron[b-e69z1w0qjo] { font-size: 18px; color: var(--border); }
.action-badge[b-e69z1w0qjo] { min-width: 22px; height: 22px; border-radius: 11px; background: var(--danger); color: #fff; font-size: 12px; font-weight: 700; font-family: 'Nunito', sans-serif; display: flex; align-items: center; justify-content: center; padding: 0 6px; }

.btn-cancel[b-e69z1w0qjo] { background: transparent; color: var(--text-secondary); border: 2px solid var(--border); }

/* Letzte Beiträge (screen-11) */
.section-title-admin[b-e69z1w0qjo] { font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 800; color: var(--text); margin-bottom: var(--sp-md); }
.post-item[b-e69z1w0qjo] { padding: var(--sp-base); border-bottom: 1px solid var(--border); cursor: pointer; transition: background 0.15s; }
.post-item:hover[b-e69z1w0qjo] { background: var(--primary-light); }
.post-item:last-child[b-e69z1w0qjo] { border-bottom: none; }
.post-type[b-e69z1w0qjo] { font-size: 11px; font-weight: 700; font-family: 'Nunito', sans-serif; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: var(--sp-xs); }
.post-type-event[b-e69z1w0qjo] { color: var(--primary); }
.post-type-info[b-e69z1w0qjo] { color: var(--accent); }
.post-type-cancel[b-e69z1w0qjo] { color: var(--danger); }
.post-type-poll[b-e69z1w0qjo] { color: var(--poll); }
.post-title[b-e69z1w0qjo] { font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; margin-bottom: var(--sp-xs); }
.post-meta[b-e69z1w0qjo] { font-size: 12px; color: var(--text-muted); display: flex; align-items: center; gap: var(--sp-md); }
.post-seen[b-e69z1w0qjo] { display: flex; align-items: center; gap: 4px; }
.post-date[b-e69z1w0qjo] { font-size: 12px; color: var(--text-muted); }

/* Post Action Sheet */
.sheet-action[b-e69z1w0qjo] { display: flex; align-items: center; gap: var(--sp-md); padding: 14px 0; border-bottom: 1px solid var(--border); cursor: pointer; font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; transition: opacity 0.15s; background: none; border-left: none; border-right: none; border-top: none; width: 100%; text-align: left; color: var(--text); text-decoration: none; }
.sheet-action:last-child[b-e69z1w0qjo] { border-bottom: none; }
.sheet-action:hover[b-e69z1w0qjo] { opacity: 0.7; }
.sheet-action-icon[b-e69z1w0qjo] { font-size: 20px; width: 28px; text-align: center; }
.sheet-action-danger[b-e69z1w0qjo] { color: var(--danger); }
/* /Components/Shared/AuthPanel.razor.rz.scp.css */
.login-box[b-a42jmgvsg0] { background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: var(--sp-lg); margin-top: var(--sp-lg); margin-bottom: var(--sp-base); }

.tab-switch[b-a42jmgvsg0] { display: flex; background: var(--border); border-radius: var(--radius-sm); padding: 3px; margin-bottom: var(--sp-lg); }
.tab-switch-item[b-a42jmgvsg0] { flex: 1; text-align: center; padding: var(--sp-sm) 0; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; color: var(--text-muted); border-radius: 8px; cursor: pointer; transition: all 0.2s; }
.tab-switch-item.active[b-a42jmgvsg0] { background: #fff; color: var(--text); box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
/* /Components/Shared/GroupFeed.razor.rz.scp.css */
/* Post cards (aus GruppenDetail verschoben – jetzt im Live-Feed-Inseln-Scope) */
.post-card[b-528zy2x8pn] { padding: var(--sp-base); border-bottom: 1px solid var(--border); }
.post-card:last-child[b-528zy2x8pn] { border-bottom: none; }
.post-type-label[b-528zy2x8pn] { font-size: 11px; font-weight: 700; font-family: 'Nunito', sans-serif; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: var(--sp-xs); }
.post-type-event[b-528zy2x8pn] { color: var(--primary); }
.post-type-info[b-528zy2x8pn] { color: var(--accent); }
.post-type-cancel[b-528zy2x8pn] { color: var(--danger); }
.post-type-poll[b-528zy2x8pn] { color: var(--poll); }
.post-title[b-528zy2x8pn] { font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; margin-bottom: var(--sp-xs); }
.post-detail[b-528zy2x8pn] { font-size: 13px; color: var(--text-secondary); line-height: 1.5; margin-bottom: var(--sp-sm); }
.post-datetime[b-528zy2x8pn] { font-size: 12px; color: var(--text-muted); display: flex; align-items: center; gap: var(--sp-sm); }
.post-title.post-cancelled span[b-528zy2x8pn] { text-decoration: line-through; opacity: 0.5; }

/* New indicator */
.post-new[b-528zy2x8pn] { position: relative; }
.post-new[b-528zy2x8pn]::before { content: 'NEU'; position: absolute; top: var(--sp-base); right: var(--sp-base); font-size: 10px; font-weight: 800; font-family: 'Nunito', sans-serif; background: var(--accent); color: #fff; padding: 2px 6px; border-radius: 4px; }

/* Date divider */
.date-divider[b-528zy2x8pn] { display: flex; align-items: center; gap: var(--sp-md); padding: var(--sp-sm) 0; font-family: 'Nunito', sans-serif; font-size: 12px; font-weight: 700; color: var(--text-muted); }
.date-divider[b-528zy2x8pn]::before, .date-divider[b-528zy2x8pn]::after { content: ''; flex: 1; height: 1px; background: var(--border); }
/* /Components/Shared/InstallBanner.razor.rz.scp.css */
/* === PWA Install-Banner (states-pwa.html) === */
.install-banner[b-3vxxsklp6u] { background: var(--card); margin: 0; padding: 14px 16px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--border); position: relative; animation: slideDown-b-3vxxsklp6u 0.3s ease-out; }
@keyframes slideDown-b-3vxxsklp6u { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.install-icon[b-3vxxsklp6u] { width: 40px; height: 40px; border-radius: 10px; background: var(--primary); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.install-content[b-3vxxsklp6u] { flex: 1; min-width: 0; }
.install-title[b-3vxxsklp6u] { font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: 800; color: var(--text); }
.install-desc[b-3vxxsklp6u] { font-size: 12px; color: var(--text-muted); line-height: 1.4; margin-top: 1px; }
.install-btn[b-3vxxsklp6u] { background: var(--primary); color: #fff; border: none; border-radius: 8px; padding: 8px 16px; font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: 700; cursor: pointer; flex-shrink: 0; transition: opacity 0.15s; }
.install-btn:hover[b-3vxxsklp6u] { opacity: 0.9; }
.install-close[b-3vxxsklp6u] { position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; border-radius: 50%; background: var(--border); border: none; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; color: var(--text-muted); transition: background 0.15s; }
.install-close:hover[b-3vxxsklp6u] { background: #D5D5D0; }
/* /Components/Shared/LegalLayout.razor.rz.scp.css */
/* === Impressum & Datenschutz (screen-legal) === */
.legal-header[b-ged1llgi7i] { background: var(--primary); color: #fff; padding: 16px max(20px, calc(50vw - var(--app-width) / 2)) 20px; display: flex; align-items: center; gap: 12px; margin-inline: calc(50% - 50vw); }
.legal-back[b-ged1llgi7i] { font-size: 20px; cursor: pointer; opacity: 0.8; color: #fff; text-decoration: none; }
.legal-header h2[b-ged1llgi7i] { font-size: 20px; font-weight: 800; font-family: 'Nunito', sans-serif; }

.legal-tabs[b-ged1llgi7i] { display: flex; background: var(--card); border-bottom: 2px solid var(--border); margin-inline: calc(50% - 50vw); padding-inline: max(0px, calc(50vw - var(--app-width) / 2)); }
.legal-tab[b-ged1llgi7i] { flex: 1; padding: 14px; text-align: center; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; cursor: pointer; color: var(--text-muted); transition: all 0.2s; border-bottom: 3px solid transparent; margin-bottom: -2px; text-decoration: none; }
.legal-tab.active[b-ged1llgi7i] { color: var(--primary); border-bottom-color: var(--primary); }

.legal-body[b-ged1llgi7i] { background: var(--card); padding: 24px 20px; line-height: 1.65; flex: 1; }
.legal-body[b-ged1llgi7i]  h3 { font-size: 16px; font-weight: 800; margin: 24px 0 8px; color: var(--text); font-family: 'Nunito', sans-serif; }
.legal-body[b-ged1llgi7i]  h3:first-child { margin-top: 0; }
.legal-body[b-ged1llgi7i]  p { color: var(--text-secondary); margin-bottom: 12px; }
.legal-body[b-ged1llgi7i]  a { color: var(--primary); text-decoration: underline; }
.legal-body[b-ged1llgi7i]  strong { color: var(--text); }
.legal-body[b-ged1llgi7i]  ul { margin: 0 0 12px 20px; color: var(--text-secondary); }
.legal-body[b-ged1llgi7i]  li { margin-bottom: 4px; }
/* /Components/Shared/PollCard.razor.rz.scp.css */
/* === Umfrage-Karte (states-poll.html, alle 6 Zustände) === */
.poll-card[b-tgsmoadqye] { padding: var(--sp-lg); }
.poll-tag[b-tgsmoadqye] { display: inline-block; font-family: 'Nunito', sans-serif; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 4px; margin-bottom: var(--sp-sm); }
.poll-tag-active[b-tgsmoadqye] { background: var(--poll-light); color: var(--poll); }
.poll-tag-expired[b-tgsmoadqye] { background: var(--border); color: var(--text-muted); }
.poll-title[b-tgsmoadqye] { font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 800; margin-bottom: var(--sp-md); }
.poll-group[b-tgsmoadqye] { font-size: 12px; color: var(--text-muted); margin-top: var(--sp-md); }
.poll-footer[b-tgsmoadqye] { font-size: 12px; color: var(--text-muted); margin-top: var(--sp-sm); }

/* Voting options */
.poll-option[b-tgsmoadqye] { display: flex; align-items: center; gap: var(--sp-sm); padding: 10px 0; border-bottom: 1px solid var(--border); cursor: pointer; }
.poll-option:last-child[b-tgsmoadqye] { border-bottom: none; }
.poll-radio[b-tgsmoadqye] { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 12px; flex-shrink: 0; transition: all 0.15s; }
.poll-radio-selected[b-tgsmoadqye] { background: var(--poll); border-color: var(--poll); color: #fff; }
.poll-option-label[b-tgsmoadqye] { flex: 1; font-size: 14px; }

/* Mehrfachauswahl */
.poll-check[b-tgsmoadqye] { width: 20px; height: 20px; accent-color: var(--poll); flex-shrink: 0; }
.poll-submit-btn[b-tgsmoadqye] { margin-top: var(--sp-md); padding: var(--sp-sm) var(--sp-base); border-radius: var(--radius-sm); background: var(--poll); color: #fff; font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: 700; border: none; cursor: pointer; transition: opacity 0.15s; }
.poll-submit-btn:hover[b-tgsmoadqye] { opacity: 0.9; }

/* Result bars */
.poll-result[b-tgsmoadqye] { margin-bottom: var(--sp-sm); }
.poll-result:last-child[b-tgsmoadqye] { margin-bottom: 0; }
.poll-result-row[b-tgsmoadqye] { display: flex; align-items: center; gap: var(--sp-sm); font-size: 13px; }
.poll-result-label[b-tgsmoadqye] { min-width: 100px; color: var(--text-secondary); }
.poll-result-track[b-tgsmoadqye] { flex: 1; height: 8px; background: var(--poll-light); border-radius: 4px; overflow: hidden; }
.poll-result-fill[b-tgsmoadqye] { height: 100%; background: var(--poll); border-radius: 4px; }
.poll-result-count[b-tgsmoadqye] { min-width: 32px; text-align: right; font-family: 'Nunito', sans-serif; font-weight: 700; color: var(--text-muted); }
.poll-result-highlight .poll-result-label[b-tgsmoadqye] { color: var(--poll); font-weight: 600; }
.poll-result-highlight .poll-result-count[b-tgsmoadqye] { color: var(--poll); }

/* Voted badge */
.poll-voted-badge[b-tgsmoadqye] { display: inline-flex; align-items: center; gap: 4px; background: var(--poll-light); color: var(--poll); font-family: 'Nunito', sans-serif; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 6px; margin-top: var(--sp-sm); }

/* Expired banner */
.poll-expired-banner[b-tgsmoadqye] { background: var(--border); border-radius: var(--radius-sm); padding: var(--sp-sm) var(--sp-md); font-size: 12px; color: var(--text-muted); text-align: center; margin-bottom: var(--sp-md); }

/* Private lock */
.poll-private[b-tgsmoadqye] { text-align: center; padding: var(--sp-lg) 0; }
.poll-private-icon[b-tgsmoadqye] { font-size: 36px; margin-bottom: var(--sp-sm); }
.poll-private-text[b-tgsmoadqye] { font-size: 13px; color: var(--text-muted); }
/* /Components/Shared/PostComposer.razor.rz.scp.css */
/* === Beitrag erstellen (screen-12) === */
.input-hint[b-q1yawclayg] { font-size: 12px; color: var(--text-muted); margin-top: var(--sp-xs); }
.input-row[b-q1yawclayg] { display: flex; gap: var(--sp-sm); }
/* min-width:0, sonst schrumpfen die Flex-Spalten nicht unter die breite intrinsische
   Mindestbreite der nativen iOS date/time-Felder → die Zeile läuft rechts raus. */
.input-row .input-group[b-q1yawclayg] { flex: 1; min-width: 0; margin-bottom: 0; }
.input-row .input-field[b-q1yawclayg] { min-width: 0; }

/* Type chips */
.type-chip[b-q1yawclayg] { flex: 1; text-align: center; }
.type-chip:hover[b-q1yawclayg] { border-color: var(--primary); }
.type-chip.selected-event[b-q1yawclayg] { background: var(--primary-light); border-color: var(--primary); color: var(--primary); }
.type-chip.selected-info[b-q1yawclayg] { background: var(--accent-light); border-color: var(--accent); color: var(--accent); }
.type-chip.selected-cancel[b-q1yawclayg] { background: var(--danger-light); border-color: var(--danger); color: var(--danger); }
.type-chip.selected-poll[b-q1yawclayg] { background: var(--poll-light); border-color: var(--poll); color: var(--poll); }

/* Poll fields */
.poll-fields[b-q1yawclayg] { display: none; }
.poll-fields.show[b-q1yawclayg] { display: block; }
.poll-option-row[b-q1yawclayg] { display: flex; align-items: center; gap: var(--sp-sm); margin-bottom: var(--sp-sm); }
.poll-option-row input[b-q1yawclayg] { flex: 1; }
.poll-option-num[b-q1yawclayg] { width: 24px; height: 24px; border-radius: 50%; background: var(--border); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; font-family: 'Nunito', sans-serif; flex-shrink: 0; color: var(--text-secondary); }
.poll-remove-btn[b-q1yawclayg] { width: 32px; height: 32px; border-radius: 8px; background: var(--danger-light); color: var(--danger); display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; font-size: 16px; flex-shrink: 0; transition: opacity 0.15s; }
.poll-remove-btn:hover[b-q1yawclayg] { opacity: 0.7; }
.poll-add-btn[b-q1yawclayg] { display: flex; align-items: center; gap: var(--sp-sm); padding: var(--sp-sm) 0; font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: 700; color: var(--poll); cursor: pointer; border: none; background: none; transition: opacity 0.15s; }
.poll-add-btn:hover[b-q1yawclayg] { opacity: 0.7; }
.poll-add-btn:disabled[b-q1yawclayg] { opacity: 0.3; cursor: not-allowed; }
.poll-settings[b-q1yawclayg] { display: flex; gap: var(--sp-base); margin-top: var(--sp-md); }
.poll-setting[b-q1yawclayg] { display: flex; align-items: center; gap: var(--sp-sm); font-size: 13px; color: var(--text-secondary); }
.toggle-sm[b-q1yawclayg] { width: 40px; height: 24px; background: var(--border); border-radius: 12px; position: relative; cursor: pointer; flex-shrink: 0; transition: background 0.2s; }
.toggle-sm.on[b-q1yawclayg] { background: var(--poll); }
.toggle-sm-thumb[b-q1yawclayg] { width: 18px; height: 18px; background: #fff; border-radius: 50%; position: absolute; top: 3px; left: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.15); transition: left 0.2s; }
.toggle-sm.on .toggle-sm-thumb[b-q1yawclayg] { left: 19px; }

/* Group selector */
.group-check[b-q1yawclayg] { display: flex; align-items: center; gap: var(--sp-md); padding: var(--sp-md) 0; cursor: pointer; }
.group-check:not(:last-child)[b-q1yawclayg] { border-bottom: 1px solid var(--border); }
.group-check-box[b-q1yawclayg] { width: 24px; height: 24px; border-radius: 6px; border: 2px solid var(--border); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.15s; font-size: 14px; color: #fff; }
.group-check-box.checked[b-q1yawclayg] { background: var(--primary); border-color: var(--primary); }
.group-check-emoji[b-q1yawclayg] { font-size: 20px; flex-shrink: 0; }
.group-check-name[b-q1yawclayg] { font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; flex: 1; }

/* Preview */
.preview-strip[b-q1yawclayg] { border-radius: var(--radius-sm); padding: var(--sp-md) var(--sp-base); margin-bottom: var(--sp-base); }
.preview-strip-event[b-q1yawclayg] { background: var(--primary-light); border-left: 4px solid var(--primary); }
.preview-strip-info[b-q1yawclayg] { background: var(--accent-light); border-left: 4px solid var(--accent); }
.preview-strip-cancel[b-q1yawclayg] { background: var(--danger-light); border-left: 4px solid var(--danger); }
.preview-strip-poll[b-q1yawclayg] { background: var(--poll-light); border-left: 4px solid var(--poll); }
.preview-strip-type[b-q1yawclayg] { font-size: 11px; font-weight: 700; font-family: 'Nunito', sans-serif; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; }
.preview-strip-title[b-q1yawclayg] { font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; }
.preview-strip-meta[b-q1yawclayg] { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
.preview-strip-label[b-q1yawclayg] { font-size: 11px; color: var(--text-muted); font-weight: 700; margin-bottom: var(--sp-sm); }

/* Preview poll */
.preview-poll-options[b-q1yawclayg] { margin-top: var(--sp-sm); }
.preview-poll-bar[b-q1yawclayg] { display: flex; align-items: center; gap: var(--sp-sm); margin-bottom: var(--sp-xs); font-size: 12px; }
.preview-poll-bar-track[b-q1yawclayg] { flex: 1; height: 6px; background: var(--poll-track); border-radius: 3px; overflow: hidden; }
.preview-poll-bar-fill[b-q1yawclayg] { height: 100%; background: var(--poll); border-radius: 3px; }