/* Seite „Weitergeleitete Mails“ (tabs/weiterleitung.js). Flach wie die übrigen Verwaltungsseiten; Karten mit Linie, Farben hell/dunkel. */
.wl-seite { max-width: 960px; padding-bottom: 96px; color: var(--bs-body-color, #1f2937); }
.wl-kopf { padding-bottom: 12px; }
.wl-titel { font-size: 1.5rem; font-weight: 600; margin: 0 0 6px; }
.wl-intro, .wl-meta, .wl-leer, .wl-hinweis { color: var(--crm-quiet, #6b7280); font-size: .875rem; line-height: 1.45; max-width: 70ch; margin: 0 0 6px; }
.wl-hinweis { padding: 8px 12px; border-left: 3px solid var(--bs-warning, #e0a800); margin: 12px 0; }
.wl-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 16px; }
.wl-filter .btn { min-height: 36px; }
.wl-liste { display: flex; flex-direction: column; gap: 12px; }
.wl-karte { border: 1px solid var(--crm-line, #e5e7eb); border-radius: 10px; padding: 14px 16px; background: var(--bs-body-bg, #fff); }
.wl-karte-kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
.wl-betreff { font-size: 1rem; font-weight: 600; margin: 0; overflow-wrap: anywhere; min-width: 0; flex: 1 1 240px; }
.wl-karte p { margin: 6px 0 0; font-size: .875rem; line-height: 1.45; overflow-wrap: anywhere; }
.wl-grund { color: var(--bs-body-color, #1f2937); }
.wl-warnung { color: #8a1c1c; }
.wl-notiz { white-space: pre-wrap; border-left: 2px solid var(--crm-line, #e5e7eb); padding-left: 10px; }
.wl-aktionen { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.wl-aktionen .btn { min-height: 36px; }
.wl-text { margin: 10px 0 0; padding: 10px 12px; border-radius: 8px; background: rgba(127, 127, 127, .08); font: inherit; font-size: .875rem; line-height: 1.5; white-space: pre-wrap; word-break: break-word; }
.wl-pille { display: inline-block; font-size: 12px; line-height: 18px; font-weight: 600; padding: 0 9px; border-radius: 9px; white-space: nowrap; background: #eef0f3; color: #374151; }
.wl-pille[data-art="ok"] { background: #e3f4e8; color: #1d6b3a; }
.wl-pille[data-art="offen"] { background: #fff4d6; color: #7a5600; }
.wl-pille[data-art="fehler"] { background: #fde7e9; color: #8a1c1c; }
.wl-meldung { font-size: .875rem; margin: 8px 0; }
.wl-status { margin-top: 24px; font-size: .875rem; }
.wl-status summary { cursor: pointer; font-weight: 600; }
.wl-dialog { border: 1px solid var(--crm-line, #e5e7eb); border-radius: 12px; padding: 0; width: min(520px, calc(100vw - 32px)); background: var(--bs-body-bg, #fff); color: var(--bs-body-color, #1f2937); }
.wl-dialog::backdrop { background: rgba(0, 0, 0, .35); }
.wl-dialog-form { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px; }
.wl-dialog-titel { font-size: 1.1rem; font-weight: 600; margin: 0; }
.wl-label { font-size: .875rem; font-weight: 500; }
.wl-dialog .form-control { min-height: 42px; }
.wl-treffer { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.wl-treffer .btn { width: 100%; text-align: left; min-height: 40px; }
.wl-dialog-fuss { display: flex; justify-content: flex-end; }
html[data-bs-theme=dark] .wl-karte { background: #1f2327; border-color: #343a40; }
html[data-bs-theme=dark] .wl-pille { background: #2b3035; color: #dee2e6; }
html[data-bs-theme=dark] .wl-pille[data-art="ok"] { background: #1c3a27; color: #a8e6bd; }
html[data-bs-theme=dark] .wl-pille[data-art="offen"] { background: #3d3217; color: #ffe08a; }
html[data-bs-theme=dark] .wl-pille[data-art="fehler"] { background: #4a1d1f; color: #ffb3b8; }
html[data-bs-theme=dark] .wl-warnung { color: #ffb3b8; }
@media (max-width: 640px) {
  .wl-karte { padding: 12px; }
  .wl-aktionen .btn { flex: 1 1 auto; }
}