/* NAK Liedvorschläge – Einladungen */
dialog.lvei-dlg { width: min(720px, calc(100vw - 1.5rem)); max-height: calc(100vh - 2rem); border: 0; border-radius: 20px; padding: 0; box-shadow: 0 30px 80px rgb(10 20 40 / .35); color: inherit; background: var(--lv-bg, #fff); }
dialog.lvei-dlg::backdrop { background: rgb(15 23 42 / .45); backdrop-filter: blur(2px); }
.lvei { padding: 1.2rem 1.4rem; font: 15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
.lvei-load { color: #6b7686; }
.lvei-h { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.lvei-h h3 { margin: 0; font-size: 1.25rem; font-family: inherit; }
.lvei-h p { margin: .1rem 0 0; color: #4a5870; font-size: .9rem; }
.lvei-h .lvei-auto { font-size: .8rem; color: #6b7686; }
.lvei-list { margin: .6rem 0; max-height: 46vh; overflow: auto; }
.lvei-g { margin: .9rem 0 .1rem; font-size: .76rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #0f2f52; }
.lvei-p { display: grid; grid-template-columns: 22px 1fr auto; gap: .6rem; align-items: center; padding: .45rem 0; border-bottom: 1px solid rgb(0 0 0 / .08); cursor: pointer; }
.lvei-p.is-dis { opacity: .6; cursor: default; }
.lvei-p input { width: 18px; height: 18px; accent-color: #1d4f7c; }
.lvei-p b { display: block; font-weight: 600; font-size: .95rem; }
.lvei-p small { display: block; color: #6b7686; font-size: .8rem; }
.lvei-pill { font-size: .72rem; font-weight: 700; border-radius: 99px; padding: .1rem .55rem; white-space: nowrap; }
.lvei-pill.is-o { background: #e3f6ec; color: #11683f; }
.lvei-pill.is-w { background: #fff4dd; color: #8a5300; }
.lvei-pill.is-m { background: #eef1f5; color: #5b6678; }
.lvei-opts { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; margin: .7rem 0 .3rem; font-size: .9rem; }
.lvei-tg { display: inline-flex; gap: .4rem; align-items: center; cursor: pointer; }
.lvei-tg input { width: 17px; height: 17px; accent-color: #1d4f7c; }
.lvei-note { display: grid; gap: .2rem; margin-top: .5rem; font-size: .82rem; font-weight: 600; color: #4a5870; }
.lvei-note textarea { font: inherit; font-weight: 400; width: 100%; border-radius: 10px; padding: .5rem .65rem; border: 1px solid #cfd7e3; }
.lvei-f { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .9rem; }
.lvei-log { margin-top: .9rem; background: rgb(29 79 124 / .06); border-radius: 10px; padding: .55rem .8rem; font-size: .8rem; color: #4a5870; display: grid; gap: .1rem; }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) dialog.lvei-dlg { background: #19212b; color: #e8edf5; }
	:root:not([data-theme="light"]) .lvei-h p, :root:not([data-theme="light"]) .lvei-note { color: #a3adbd; }
	:root:not([data-theme="light"]) .lvei-g { color: #8cb8e6; }
	:root:not([data-theme="light"]) .lvei-p { border-color: rgb(255 255 255 / .1); }
	:root:not([data-theme="light"]) .lvei-log { background: rgb(140 184 230 / .08); color: #a3adbd; }
	:root:not([data-theme="light"]) .lvei-note textarea { background: #11161d; color: inherit; border-color: #2c3644; }
}
/* Support */
.lvei-sub { margin: .5rem 0 .2rem; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; opacity: .75; }
.lvei-pl { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }
.lvei-pl li { display: grid; grid-template-columns: 1fr auto; gap: .5rem; align-items: center; border: 1px solid rgb(0 0 0 / .1); border-radius: 10px; padding: .45rem .6rem; font-size: .85rem; }
.lvei-pl li b { display: block; }
.lvei-pl li span { display: block; }
.lvei-pl li small { display: block; opacity: .75; font-size: .76rem; }
.lvei-pl li small.is-plan { color: #1d4f7c; opacity: 1; font-weight: 600; }
.lvei-acts { display: flex; flex-direction: column; gap: .2rem; align-items: flex-end; }
/* Für mich */
.lvei-o { display: flex; gap: .6rem; align-items: flex-start; border: 1.5px solid rgb(0 0 0 / .1); border-radius: 12px; padding: .5rem .7rem; margin: .35rem 0; cursor: pointer; font-size: .9rem; }
.lvei-o.is-on { border-color: #1d4f7c; background: rgb(29 79 124 / .06); }
.lvei-o input { margin-top: .25rem; accent-color: #1d4f7c; }
.lvei-o small { display: block; opacity: .7; font-size: .8rem; }
.lvei-sbox .lvei-pl li { grid-template-columns: 1fr; }
.lvei-sbox .lvei-acts { flex-direction: row; flex-wrap: wrap; align-items: center; gap: .3rem .8rem; }
.lvei-sbox .lvei-pl { max-height: 26rem; overflow: auto; }