/* Benachrichtigungs-Modul (Anlegen + Verwalten). Hell + Dark (html.mm-dark). */
.mm_benachr { max-width: 680px; margin: 20px auto; }
.mm_benachr_titel { font-size: 22px; font-weight: 700; margin: 0 0 4px; }
.mm_benachr_sub { color: #666; margin: 0 0 18px; font-size: 14px; }
.mm_benachr_hint { color: #777; padding: 24px; text-align: center; background: #fafafa; border: 1px dashed #ddd; border-radius: 8px; }
.mm_benachr_warn { color: #c04b1e; font-weight: 600; }

.mm_benachr_box { background: #fafafa; border: 1px solid #e0e0e0; border-radius: 10px; padding: 20px; }

/* Anmelden/Registrieren-Box (Magic-Link zur Übersicht) */
.mm_benachr_loginbox { background: #17202b; color: #fff; border-radius: 10px; padding: 20px; margin-bottom: 16px; }
.mm_benachr_login_h { font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.mm_benachr_login_sub { color: rgba(255,255,255,.7); font-size: 14px; margin: 0 0 14px; }
.mm_benachr_loginform { display: flex; gap: 8px; flex-wrap: wrap; }
.mm_benachr_loginmail { flex: 1 1 240px; min-width: 180px; padding: 11px 12px; font-size: 15px; border: 1px solid #3a4653; border-radius: 6px; background: #fff; color: #222; }
.mm_benachr_loginmail:focus { outline: none; border-color: #e85d26; }
.mm_benachr_loginbtn { background: #e85d26; color: #fff; border: 0; border-radius: 6px; padding: 11px 20px; font-size: 15px; font-weight: 500; cursor: pointer; transition: background .15s; }
.mm_benachr_loginbtn:hover { background: #c04b1e; }
.mm_benachr_loginbtn:disabled { opacity: .6; cursor: default; }
.mm_benachr_loginmsg { margin-top: 12px; padding: 10px 12px; border-radius: 6px; font-size: 14px; }
.mm_benachr_loginmsg[hidden] { display: none; }
@media (max-width: 560px) { .mm_benachr_loginbtn { flex: 1 1 100%; } }

.mm_benachr_summary { background: #fff6f2; border: 1px solid #f3cdbb; border-radius: 8px; padding: 12px 16px; margin-bottom: 16px; }
.mm_benachr_summary_h { font-weight: 600; color: #c04b1e; margin-bottom: 6px; font-size: 13px; }
.mm_benachr_summary ul { margin: 0; padding-left: 18px; font-size: 14px; }

.mm_benachr_picker, .mm_benachr_catpick { margin-bottom: 16px; }
.mm_benachr_picker_h { font-weight: 600; font-size: 13px; color: #555; margin-bottom: 6px; }

/* Kategorie-/Unterkategorie-Auswahl (Buttons/Chips im Seitenfluss – kein natives
   Select-Popup, das über das Formular gelegt würde). */
.mm_benachr_flabel { display: block; font-size: 12px; color: #777; margin-bottom: 6px; }
.mm_benachr_subfield { margin-top: 14px; }
.mm_benachr_subfield[hidden] { display: none; }

/* Kategorie: scrollbare Liste voller Breite */
.mm_benachr_catlist {
    display: flex; flex-direction: column; gap: 4px;
    max-height: 260px; overflow-y: auto;
    border: 1px solid #e0e0e0; border-radius: 8px; padding: 6px; background: #fff;
}
.mm_benachr_catbtn {
    text-align: left; padding: 9px 12px; border: 0; border-radius: 6px; background: none;
    font-size: 14px; font-family: inherit; color: #333; cursor: pointer;
}
.mm_benachr_catbtn:hover { background: #fdeee7; color: #c04b1e; }
.mm_benachr_catbtn.active { background: #e85d26; color: #fff; font-weight: 500; }

/* Unterkategorie: Chips */
.mm_benachr_subchips { display: flex; flex-wrap: wrap; gap: 6px; }
.mm_benachr_chipbtn {
    padding: 7px 14px; border: 1px solid #ccc; border-radius: 16px; background: #f7f7f7;
    font-size: 13px; font-family: inherit; color: #222; cursor: pointer; transition: background .15s, border-color .15s, color .15s;
}
.mm_benachr_chipbtn:hover { border-color: #e85d26; color: #c04b1e; }
.mm_benachr_chipbtn.active { background: #e85d26; border-color: #e85d26; color: #fff; font-weight: 500; }

.mm_benachr_hinweis { font-size: 12.5px; color: #777; margin: 12px 0 0; line-height: 1.45; }

/* Dark-Mode */
html.mm-dark .mm_benachr_catlist { background: #1b2530; border-color: #3a4653; }
html.mm-dark .mm_benachr_catbtn { color: #e6ebf0; }
html.mm-dark .mm_benachr_catbtn:hover { background: #26313d; color: #ff8b5e; }
html.mm-dark .mm_benachr_chipbtn { background: #1b2530; border-color: #3a4653; color: #e6ebf0; }
.mm_benachr_hinweis a { color: #e85d26; }
html.mm-dark .mm_benachr_cat, html.mm-dark .mm_benachr_sub { background: #1b2530; border-color: #3a4653; color: #f2f6fa; }
html.mm-dark .mm_benachr_hinweis, html.mm-dark .mm_benachr_flabel { color: #90a2b2; }
.mm_benachr_searchwrap { position: relative; }
.mm_benachr_search { width: 100%; box-sizing: border-box; padding: 10px 12px; font-size: 14px; border: 1px solid #ccc; border-radius: 6px; }
.mm_benachr_search:focus { outline: none; border-color: #e85d26; }
.mm_benachr_results {
    position: absolute; left: 0; right: 0; top: calc(100% + 2px); z-index: 20;
    background: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 6px 20px rgba(0,0,0,.12);
    max-height: 260px; overflow-y: auto;
}
.mm_benachr_results[hidden] { display: none; }
.mm_benachr_result { display: block; width: 100%; text-align: left; padding: 9px 12px; border: 0; background: none; cursor: pointer; font-size: 14px; }
.mm_benachr_result:hover { background: #fdeee7; color: #c04b1e; }

.mm_benachr_chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mm_benachr_chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px 4px 12px; background: #fff; border: 1px solid #f6cbb3; border-radius: 16px; font-size: 13px; color: #c04b1e; }
.mm_benachr_chip_x { width: 16px; height: 16px; border: 0; border-radius: 50%; background: #e85d26; color: #fff; cursor: pointer; font-size: 13px; line-height: 1; }

.mm_benachr_form { display: flex; flex-direction: column; gap: 10px; }
.mm_benachr_form input { padding: 11px 12px; font-size: 15px; border: 1px solid #ccc; border-radius: 6px; font-family: inherit; }
.mm_benachr_form input:focus { outline: none; border-color: #e85d26; }
.mm_benachr_actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.mm_benachr_submit { flex: 1 1 auto; background: #e85d26; color: #fff; border: 0; border-radius: 6px; padding: 12px 20px; font-size: 15px; font-weight: 500; cursor: pointer; transition: background .15s; }
.mm_benachr_submit:hover { background: #c04b1e; }
.mm_benachr_submit:disabled { opacity: .6; cursor: default; }
.mm_benachr_test { background: #fff; color: #e85d26; border: 1px solid #e85d26; border-radius: 6px; padding: 12px 16px; font-size: 14px; font-weight: 600; cursor: pointer; }
.mm_benachr_test:hover { background: #fdeee7; }
.mm_benachr_consent { font-size: 12px; color: #999; margin: 6px 0 0; }

.mm_benachr_msg { margin-top: 14px; padding: 12px 14px; border-radius: 6px; font-size: 14px; }
.mm_benachr_msg[hidden] { display: none; }
.mm_benachr_msg_ok { background: #eaf6ec; border: 1px solid #b7e0c0; color: #256b34; }
.mm_benachr_msg_err { background: #fdecea; border: 1px solid #f5c6c0; color: #a32b1c; }

/* Verwalten */
.mm_benachr_liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.mm_benachr_item { background: #fafafa; border: 1px solid #e0e0e0; border-radius: 8px; padding: 12px 14px; }
.mm_benachr_item_off { opacity: .6; }
.mm_benachr_item_head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mm_benachr_del { border: 0; background: #eee; color: #a32b1c; width: 26px; height: 26px; border-radius: 50%; cursor: pointer; font-size: 18px; line-height: 1; }
.mm_benachr_del:hover { background: #f5c6c0; }
.mm_benachr_krit { margin: 6px 0 0; padding-left: 18px; font-size: 13px; color: #555; }
.mm_benachr_abmelden { margin-top: 16px; font-size: 13px; display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.mm_benachr_abmelden a { color: #a32b1c; }
.mm_benachr_logout { background: none; border: 0; padding: 0; color: #e85d26; font-size: 13px; cursor: pointer; text-decoration: underline; }
.mm_benachr_logout:hover { color: #c04b1e; }

/* Neue Benachrichtigung einrichten (in der Verwalten-Ansicht) */
.mm_benachr_add { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e0e0e0; }
.mm_benachr_addh { font-size: 16px; font-weight: 700; margin: 0 0 4px; }
.mm_benachr_addsub { color: #666; font-size: 14px; margin: 0 0 14px; }
.mm_benachr_addform { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.mm_benachr_addform input { padding: 11px 12px; font-size: 15px; border: 1px solid #ccc; border-radius: 6px; font-family: inherit; }
.mm_benachr_addform input:focus { outline: none; border-color: #e85d26; }
.mm_benachr_addsubmit { flex: 1 1 auto; background: #e85d26; color: #fff; border: 0; border-radius: 6px; padding: 12px 20px; font-size: 15px; font-weight: 500; cursor: pointer; transition: background .15s; }
.mm_benachr_addsubmit:hover { background: #c04b1e; }
.mm_benachr_addsubmit:disabled { opacity: .6; cursor: default; }

/* --- Dark-Mode --- */
html.mm-dark .mm_benachr_add { border-top-color: #2c3742; }
html.mm-dark .mm_benachr_addsub { color: #90a2b2; }
html.mm-dark .mm_benachr_addh { color: #f2f6fa; }
html.mm-dark .mm_benachr_addform input { background: #1b2530; border-color: #3a4653; color: #f2f6fa; }
html.mm-dark .mm_benachr_box,
html.mm-dark .mm_benachr_item { background: #17202b; border-color: #2c3742; }
html.mm-dark .mm_benachr_sub, html.mm-dark .mm_benachr_krit { color: #90a2b2; }
html.mm-dark .mm_benachr_hint { background: #17202b; border-color: #2c3742; color: #90a2b2; }
html.mm-dark .mm_benachr_titel { color: #f2f6fa; }
html.mm-dark .mm_benachr_search,
html.mm-dark .mm_benachr_form input { background: #1b2530; border-color: #3a4653; color: #f2f6fa; }
html.mm-dark .mm_benachr_results { background: #1b2530; border-color: #3a4653; }
html.mm-dark .mm_benachr_result { color: #e6ebf0; }
html.mm-dark .mm_benachr_result:hover { background: #26313d; color: #ff8b5e; }
html.mm-dark .mm_benachr_chip { background: #1b2530; border-color: #6b3a22; }
html.mm-dark .mm_benachr_test { background: transparent; }
html.mm-dark .mm_benachr_picker_h { color: #90a2b2; }