/* send-mails.de für WordPress – Gestaltung wie send-mails.de (helle Variante, passend zum WordPress-Admin). */
.sendmails {
  --sm-grund: #f4f6f8; --sm-kachel: #ffffff; --sm-flaeche: #eef2f6; --sm-rahmen: #dde3ea; --sm-rahmen-stark: #c3ccd6;
  --sm-text: #16202c; --sm-leise: #5a6676;
  --sm-akzent: #059669; --sm-akzent-tief: #047857; --sm-akzent-zart: #e6f7ef; --sm-akzent-rand: #9bd8bb;
  --sm-ok: #059669; --sm-ok-text: #047857; --sm-ok-zart: #e6f7ef;
  --sm-warn: #c2650a; --sm-warn-text: #9a4507; --sm-warn-zart: #fff7e6;
  --sm-fehler: #dc2626; --sm-fehler-text: #b91c1c; --sm-fehler-zart: #fef2f2;
  --sm-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;
  --sm-schatten: 0 1px 2px rgba(22,32,44,.04), 0 4px 16px rgba(22,32,44,.06);
  --sm-radius: 12px;
  max-width: 1120px;
}
.sendmails, .sendmails * { box-sizing: border-box; }

/* Kopf */
.sendmails .sm-kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin: 18px 0 8px; }
.sendmails .sm-marke-logo { display: inline-flex; align-items: center; gap: 12px; }
.sendmails .sm-logo-feld { width: 40px; height: 40px; border-radius: 10px; background: var(--sm-akzent); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; box-shadow: 0 4px 12px rgba(5,150,105,.28); }
.sendmails .sm-logo-text { font: 700 24px/1 var(--sm-mono); color: var(--sm-text); letter-spacing: -.5px; }
.sendmails .sm-logo-text b { color: var(--sm-akzent); font-weight: 700; }
.sendmails .sm-logo-text i { color: var(--sm-leise); font-style: normal; font-weight: 400; }
.sendmails .sm-statuszeile { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.sendmails .sm-marke { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 600; border: 1px solid transparent; margin: 0; line-height: 1.3; }
.sendmails .sm-marke::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .85; }
.sendmails .sm-marke.sm-ok { background: var(--sm-ok-zart); color: var(--sm-ok-text); border-color: var(--sm-akzent-rand); }
.sendmails .sm-marke.sm-warn { background: var(--sm-warn-zart); color: var(--sm-warn-text); border-color: #f0c45a; }
.sendmails .sm-marke.sm-fehler { background: var(--sm-fehler-zart); color: var(--sm-fehler-text); border-color: #f3b4b4; }
.sendmails .sm-marke.sm-aus { background: var(--sm-kachel); color: var(--sm-leise); border-color: var(--sm-rahmen-stark); }

/* Kacheln */
.sendmails .sm-kachel { background: var(--sm-kachel); border: 1px solid var(--sm-rahmen); border-radius: var(--sm-radius); box-shadow: var(--sm-schatten); padding: 24px 28px; margin: 20px 0; }
.sendmails .sm-kachel h2 { margin: 0 0 14px; font-size: 16px; font-weight: 650; color: var(--sm-text); }
.sendmails .sm-kachel-titel { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; margin: 0 0 14px; }
.sendmails .sm-kachel-titel h2 { margin: 0; }
.sendmails .sm-kachel-titel a { font-size: 13px; font-weight: 600; color: var(--sm-akzent-tief); text-decoration: none; white-space: nowrap; }
.sendmails .sm-kachel-titel a:hover, .sendmails .sm-kachel-titel a:focus { text-decoration: underline; }
.sendmails .sm-kachel p { font-size: 14px; line-height: 1.6; color: var(--sm-text); }
.sendmails .sm-leise, .sendmails .sm-kachel p.sm-leise { color: var(--sm-leise); }
.sendmails .sm-eyebrow { display: block; font: 600 11.5px var(--sm-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--sm-akzent-tief); margin-bottom: 6px; }

/* Einrichtung */
.sendmails .sm-ablauf { padding: 0; overflow: hidden; }
.sendmails .sm-ablauf-kopf { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px; padding: 24px 28px 18px; }
.sendmails .sm-ablauf-kopf h2 { margin: 0; font-size: 20px; font-weight: 700; }
.sendmails .sm-portal { font-weight: 600; text-decoration: none; color: var(--sm-akzent-tief); border: 1px solid var(--sm-akzent-rand); background: var(--sm-akzent-zart); padding: 7px 14px; border-radius: 8px; }
.sendmails .sm-portal:hover, .sendmails .sm-portal:focus { background: #d4f1e3; color: var(--sm-akzent-tief); }
.sendmails .sm-fortschritt { height: 4px; background: var(--sm-flaeche); }
.sendmails .sm-fortschritt span { display: block; height: 100%; background: linear-gradient(90deg, var(--sm-akzent), #34d399); transition: width .3s; }
.sendmails .sm-leiste { list-style: none; margin: 0; padding: 18px 28px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; border-bottom: 1px solid var(--sm-rahmen); background: #fbfcfd; counter-reset: none; }
.sendmails .sm-schritt { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; border: 0; font-size: 13px; color: var(--sm-leise); min-width: 0; }
.sendmails .sm-schritt-text { line-height: 1.3; }
.sendmails .sm-nr { flex: 0 0 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font: 700 12.5px var(--sm-mono); background: var(--sm-kachel); color: var(--sm-leise); border: 1.5px solid var(--sm-rahmen-stark); }
.sendmails .sm-fertig { color: var(--sm-ok-text); }
.sendmails .sm-fertig .sm-nr { background: var(--sm-akzent); border-color: var(--sm-akzent); color: #fff; }
.sendmails .sm-jetzt { color: var(--sm-text); font-weight: 650; }
.sendmails .sm-jetzt .sm-nr { background: var(--sm-text); border-color: var(--sm-text); color: #fff; box-shadow: 0 0 0 4px rgba(22,32,44,.08); }
.sendmails .sm-spaeter { opacity: 1; }
.sendmails .sm-arbeitsbereich { padding: 24px 28px 28px; max-width: 760px; }
.sendmails .sm-arbeitsbereich > p:first-child { margin-top: 0; color: var(--sm-leise); font-size: 14.5px; }

/* Formulare */
.sendmails .sm-kachel label { font-weight: 600; font-size: 13px; color: var(--sm-text); }
.sendmails .sm-kachel input[type=text], .sendmails .sm-kachel input[type=password], .sendmails .sm-kachel input[type=email], .sendmails .sm-kachel input[type=number], .sendmails .sm-kachel select {
  margin-top: 6px; min-height: 42px; padding: 8px 12px; border: 1px solid var(--sm-rahmen-stark); border-radius: 8px; background: #fff; font-size: 14px; font-weight: 400; color: var(--sm-text); box-shadow: none; max-width: 100%;
}
.sendmails .sm-kachel input.regular-text { width: 26em; }
.sendmails .sm-kachel input[type=password], .sendmails .sm-kachel input[name=api_schluessel] { font-family: var(--sm-mono); }
.sendmails .sm-kachel input:focus, .sendmails .sm-kachel select:focus { border-color: var(--sm-akzent); box-shadow: 0 0 0 3px rgba(5,150,105,.18); outline: none; }
.sendmails .sm-kachel input[type=checkbox] { border-radius: 4px; border-color: var(--sm-rahmen-stark); width: 18px; height: 18px; margin: 0 6px 0 0; vertical-align: -4px; }
.sendmails .sm-kachel input[type=checkbox]:checked { background: var(--sm-akzent); border-color: var(--sm-akzent); }
.sendmails .sm-kachel input[type=checkbox]:checked::before { filter: brightness(0) invert(1); margin: -1px 0 0 -1px; }
.sendmails .sm-kachel input[type=checkbox]:focus { box-shadow: 0 0 0 3px rgba(5,150,105,.18); border-color: var(--sm-akzent); }
.sendmails .sm-kachel input[type=number] { width: 72px; min-height: 36px; padding: 4px 8px; margin: 0 6px; font-family: var(--sm-mono); }
.sendmails .sm-aktion { margin: 18px 0 0; }
.sendmails .button.sm-knopf { min-height: 40px; padding: 0 18px; border-radius: 8px; font-weight: 600; font-size: 14px; line-height: 38px; }
.sendmails .button.sm-knopf.button-primary { background: var(--sm-akzent); border-color: var(--sm-akzent-tief); color: #fff; box-shadow: 0 1px 2px rgba(4,120,87,.3); }
.sendmails .button.sm-knopf.button-primary:hover, .sendmails .button.sm-knopf.button-primary:focus { background: var(--sm-akzent-tief); border-color: #065f46; color: #fff; box-shadow: 0 0 0 3px rgba(5,150,105,.25); }
.sendmails .button.sm-knopf:not(.button-primary) { border-color: var(--sm-rahmen-stark); color: var(--sm-text); background: #fff; }
.sendmails .button.sm-knopf:not(.button-primary):hover { border-color: var(--sm-akzent); color: var(--sm-akzent-tief); }
.sendmails > p > .button-primary { background: var(--sm-akzent); border-color: var(--sm-akzent-tief); border-radius: 8px; min-height: 40px; line-height: 38px; padding: 0 18px; font-weight: 600; }

.sendmails details.sm-hand { margin-top: 22px; border-top: 1px solid var(--sm-rahmen); padding-top: 14px; }
.sendmails details.sm-hand summary { cursor: pointer; color: var(--sm-leise); font-size: 13px; }

/* Werkzeuge */
.sendmails .sm-werkzeuge { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.sendmails .sm-werkzeug { display: flex; flex-direction: column; border: 1px solid var(--sm-rahmen); border-radius: 10px; padding: 18px 20px; background: #fbfcfd; }
.sendmails .sm-werkzeug h3 { margin: 0 0 6px; font-size: 14.5px; font-weight: 650; color: var(--sm-text); }
.sendmails .sm-werkzeug > p.sm-leise { margin: 0 0 12px; font-size: 13px; line-height: 1.5; }
.sendmails .sm-werkzeug form { margin-top: auto; }
.sendmails .sm-werkzeug form p { margin: 0; }
.sendmails .sm-werkzeug form p.sm-aktion { margin-top: 10px; }
.sendmails .sm-werkzeug input.regular-text { width: 100%; }
.sendmails .sm-gefahr { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-top: 20px; padding: 16px 20px; border: 1px solid #f3b4b4; border-radius: 10px; background: var(--sm-fehler-zart); }
.sendmails .sm-gefahr strong { color: var(--sm-fehler-text); font-size: 14px; }
.sendmails .sm-gefahr p.sm-leise { margin: 4px 0 0; font-size: 13px; }
.sendmails .sm-gefahr form p.sm-aktion { margin: 0; }
.sendmails .button.sm-knopf.sm-knopf-gefahr { background: #fff; border: 1px solid var(--sm-fehler); color: var(--sm-fehler-text); }
.sendmails .button.sm-knopf.sm-knopf-gefahr:hover, .sendmails .button.sm-knopf.sm-knopf-gefahr:focus { background: var(--sm-fehler); color: #fff; border-color: var(--sm-fehler-text); box-shadow: 0 0 0 3px rgba(220,38,38,.18); }

/* Uebersicht */
.sendmails .sm-raster { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 0 20px; }
.sendmails .sm-raster .sm-kachel { margin: 20px 0 0; }
.sendmails .sm-breit { grid-column: 1 / -1; }
.sendmails .sm-halbkreis { width: 230px; max-width: 100%; display: block; margin: 0 auto; }
.sendmails .sm-bahn, .sendmails .sm-fuell { fill: none; stroke-width: 16; stroke-linecap: round; }
.sendmails .sm-bahn { stroke: var(--sm-flaeche); }
.sendmails .sm-fuell.sm-ok { stroke: var(--sm-ok); }
.sendmails .sm-fuell.sm-warn { stroke: var(--sm-warn); }
.sendmails .sm-fuell.sm-fehler { stroke: var(--sm-fehler); }
.sendmails .sm-gross { font: 700 24px var(--sm-mono); text-anchor: middle; fill: var(--sm-text); }
.sendmails .sm-klein { font-size: 12px; text-anchor: middle; fill: var(--sm-leise); }
.sendmails .sm-werte { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; margin: 14px 0 0; font-size: 13.5px; }
.sendmails .sm-werte dt { color: var(--sm-leise); }
.sendmails .sm-werte dd { margin: 0; font-family: var(--sm-mono); text-align: right; }
.sendmails .sm-quote { margin: 0 0 16px; }
.sendmails .sm-quote-kopf { display: flex; justify-content: space-between; margin-bottom: 6px; font-size: 13.5px; }
.sendmails .sm-quote-kopf strong { font-family: var(--sm-mono); }
.sendmails .sm-balken { height: 8px; background: var(--sm-flaeche); border-radius: 999px; overflow: hidden; }
.sendmails .sm-balken span { display: block; height: 100%; border-radius: 999px; }
.sendmails .sm-balken .sm-ok { background: var(--sm-ok); }
.sendmails .sm-balken .sm-warn { background: var(--sm-warn); }
.sendmails .sm-balken .sm-fehler { background: var(--sm-fehler); }
.sendmails .sm-saeulen { width: 100%; height: 170px; display: block; }
.sendmails .sm-saeule { fill: var(--sm-ok); }
.sendmails .sm-saeule-rot { fill: var(--sm-fehler); }
.sendmails .sm-achse { stroke: var(--sm-rahmen); stroke-width: 1; }
.sendmails .sm-knopfreihe { display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: flex-end; }
.sendmails .sm-knopfreihe form { margin: 0; max-width: 360px; }
.sendmails .sm-kachel table.widefat { border-color: var(--sm-rahmen); border-radius: 8px; overflow: hidden; box-shadow: none; }
.sendmails .sm-kachel table.widefat thead th { background: var(--sm-flaeche); font-weight: 600; font-size: 12.5px; color: var(--sm-leise); }
.sm-widget .sm-quote, .sm-widget .sm-balken { margin-bottom: 8px; }
@media (max-width: 900px) {
  .sendmails .sm-leiste { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 600px) {
  .sendmails .sm-kachel, .sendmails .sm-ablauf-kopf, .sendmails .sm-arbeitsbereich, .sendmails .sm-leiste { padding-left: 16px; padding-right: 16px; }
  .sendmails .sm-kachel input.regular-text { width: 100%; }
}

/* Statistik */
.sendmails .sm-abschnitt { margin: 32px 0 0; font-size: 18px; }
.sendmails .sm-kopfzeile { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; max-width: 1100px; margin: 12px 0; }
.sendmails .sm-zeitraum { display: inline-flex; border: 1px solid var(--sm-rahmen); border-radius: 8px; overflow: hidden; background: var(--sm-kachel); }
.sendmails .sm-zeitraum a { padding: 6px 14px; text-decoration: none; color: var(--sm-text); border-left: 1px solid var(--sm-rahmen); }
.sendmails .sm-zeitraum a:first-child { border-left: 0; }
.sendmails .sm-zeitraum a.sm-aktiv { background: var(--sm-akzent); color: #fff; }
.sendmails .sm-kennzahlen { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; max-width: 1100px; margin: 16px 0 0; }
.sendmails .sm-kennzahlen.sm-klein { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); margin: 0 0 12px; }
.sendmails .sm-kennzahl { background: var(--sm-kachel); border: 1px solid var(--sm-rahmen); border-radius: 10px; box-shadow: var(--sm-schatten); padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; }
.sendmails .sm-kachel .sm-kennzahl { background: var(--sm-flaeche); border-color: transparent; }
.sendmails .sm-kz-titel { color: var(--sm-leise); font-size: 12px; }
.sendmails .sm-kennzahl strong { font: 700 22px var(--sm-mono); color: var(--sm-text); }
.sendmails .sm-trend { font-size: 12px; font-weight: 600; }
.sendmails .sm-gut { color: var(--sm-ok-text); }
.sendmails .sm-schlecht { color: var(--sm-fehler-text); }
.sendmails .sm-gitter { stroke: var(--sm-flaeche); stroke-width: 1; }
.sendmails .sm-treffer { fill: transparent; }
.sendmails g:hover .sm-treffer { fill: rgba(29, 35, 39, .05); }
.sendmails .sm-f-ok { fill: var(--sm-ok); background: var(--sm-ok); }
.sendmails .sm-f-blau { fill: #2563eb; background: #2563eb; }
.sendmails .sm-f-warn { fill: var(--sm-warn); background: var(--sm-warn); }
.sendmails .sm-f-fehler { fill: var(--sm-fehler); background: var(--sm-fehler); }
.sendmails .sm-f-lila { fill: #7c3aed; background: #7c3aed; }
.sendmails .sm-f-grau { fill: #94a3b8; background: #94a3b8; }
.sendmails .sm-legende { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 12px; color: var(--sm-leise); margin: 8px 0 0; }
.sendmails .sm-legende i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 6px; vertical-align: -1px; }
.sendmails .sm-achsentext { display: flex; justify-content: space-between; font-size: 11px; color: var(--sm-leise); margin-top: 2px; }
.sendmails .sm-kurve { width: 100%; height: 120px; display: block; margin-top: 8px; }
.sendmails .sm-linie { fill: none; stroke: #1d2327; stroke-width: 2; vector-effect: non-scaling-stroke; }
.sendmails .sm-grenze { stroke: var(--sm-fehler); stroke-width: 1.5; stroke-dasharray: 6 4; vector-effect: non-scaling-stroke; }
.sendmails .sm-warnzone { fill: var(--sm-warn-zart); }
.sendmails .sm-grenztext { color: var(--sm-fehler-text); }
.sendmails .sm-heatmap { border-collapse: separate; border-spacing: 2px; width: 100%; table-layout: fixed; font-size: 10px; }
.sendmails .sm-heatmap th { color: var(--sm-leise); font-weight: 400; text-align: center; padding: 0; }
.sendmails .sm-heatmap tbody th { text-align: left; width: 24px; }
.sendmails .sm-heatmap td { height: 16px; border-radius: 2px; background: var(--sm-flaeche); }
.sendmails .sm-heatmap td.sm-h1 { background: #c7ecdb; }
.sendmails .sm-heatmap td.sm-h2 { background: #7fd1ab; }
.sendmails .sm-heatmap td.sm-h3 { background: #2fb47a; }
.sendmails .sm-heatmap td.sm-h4 { background: #047857; }
.sendmails .sm-balkenliste { display: flex; flex-direction: column; gap: 8px; }
.sendmails .sm-bl-zeile { display: grid; grid-template-columns: 140px 1fr 60px; gap: 8px; align-items: center; }
.sendmails .sm-bl-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sendmails .sm-bl-balken { display: flex; height: 12px; background: var(--sm-flaeche); border-radius: 3px; overflow: hidden; }
.sendmails .sm-bl-balken i { display: block; height: 100%; }
.sendmails .sm-bl-wert { font-family: var(--sm-mono); text-align: right; }
.sendmails .sm-warnung { background: var(--sm-warn-zart); color: var(--sm-warn-text); border-left: 3px solid var(--sm-warn); padding: 8px 12px; margin: 12px 0 0; }
.sendmails .sm-balken.sm-mini { display: inline-block; width: 80px; height: 6px; vertical-align: middle; }
.sendmails .sm-tabelle td { vertical-align: middle; }
.sm-widget .sm-saeulen { height: 60px; margin: 4px 0; }
@media (max-width: 600px) { .sendmails .sm-bl-zeile { grid-template-columns: 90px 1fr 50px; } }

/* Senderate */
.sendmails .sm-rate-zahl { font-family: var(--sm-mono); font-size: 14px; margin: 4px 0 8px; }
.sendmails .sm-fortschritt { height: 8px; border-radius: 4px; background: var(--sm-rahmen, #dcdcde); overflow: hidden; }
.sendmails .sm-fortschritt span { display: block; height: 100%; background: var(--sm-akzent, #2271b1); }
.sendmails .sm-fortschritt.sm-voll span { background: var(--sm-warn, #dba617); }

/* Sperrliste */
.sendmails .sm-suche { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.sendmails .sm-suche input[type=search] { min-width: 240px; max-width: 100%; }
.sendmails .sm-blaettern { margin: 14px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sendmails .sm-sperr-werkzeuge { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px; margin: 0 0 14px; }
.sendmails .sm-sperren summary { cursor: pointer; font-weight: 600; color: var(--sm-akzent-tief); padding: 4px 0; }
.sendmails .sm-sperren .sm-suche { margin: 10px 0 0; }
.sendmails td form { margin: 0; }

/* Portal-Gleichstand: Verlaufslinien, Hochrechnung, Zeitraum */
.sendmails .sm-spark { width: 100%; height: 28px; margin-top: 6px; display: block; }
.sendmails .sm-spark-linie { fill: none; stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.sendmails .sm-spark-flaeche { stroke: none; opacity: .14; }
.sendmails .sm-spark.sm-ok .sm-spark-linie { stroke: var(--sm-ok); } .sendmails .sm-spark.sm-ok .sm-spark-flaeche { fill: var(--sm-ok); }
.sendmails .sm-spark.sm-warn .sm-spark-linie { stroke: var(--sm-warn); } .sendmails .sm-spark.sm-warn .sm-spark-flaeche { fill: var(--sm-warn); }
.sendmails .sm-spark.sm-fehler .sm-spark-linie { stroke: var(--sm-fehler); } .sendmails .sm-spark.sm-fehler .sm-spark-flaeche { fill: var(--sm-fehler); }
.sendmails .sm-hoch { fill: none; stroke-width: 16; stroke-linecap: round; opacity: .3; }
.sendmails .sm-hoch.sm-ok { stroke: var(--sm-ok); } .sendmails .sm-hoch.sm-warn { stroke: var(--sm-warn); } .sendmails .sm-hoch.sm-fehler { stroke: var(--sm-fehler); }
.sendmails .sm-legende i.sm-f-hoch { background: var(--sm-ok); opacity: .3; }
.sendmails .sm-legende.sm-mitte { justify-content: center; }
.sendmails .sm-von-bis { margin: 4px 0 0; }
.sendmails .sm-sperrtabelle td { vertical-align: top; }
.sendmails .sm-sperr-klar { color: var(--sm-text); }
.sendmails .sm-sperr-roh { display: inline-block; margin-top: 4px; font-size: 11.5px; white-space: normal; word-break: break-word; background: var(--sm-flaeche); color: var(--sm-leise); }
.sendmails .sm-tabelle .sm-zahl { text-align: right; font-variant-numeric: tabular-nums; }

/* Tagesdiagramme mit Achse */
.sendmails .sm-diagramm, .sm-widget .sm-diagramm { display: grid; grid-template-columns: auto 1fr; gap: 0 8px; }
.sendmails .sm-yachse, .sm-widget .sm-yachse { position: relative; height: 170px; min-width: 2.2em; font: 11px var(--sm-mono); color: var(--sm-leise); }
.sendmails .sm-yachse span, .sm-widget .sm-yachse span { position: absolute; right: 0; transform: translateY(50%); line-height: 1; white-space: nowrap; }
.sendmails .sm-hilfslinie { stroke: var(--sm-rahmen); stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
.sendmails .sm-achse { vector-effect: non-scaling-stroke; }
.sendmails .sm-einheit { margin: 4px 0 0; font-size: 11.5px; color: var(--sm-leise); }
.sm-widget .sm-yachse { height: 60px; }
.sm-widget .sm-yachse span:not(:first-child):not(:last-child) { display: none; }

/* Reiter Uebersicht / Statistik / Einstellungen */
.sendmails .sm-reiter { display: flex; flex-wrap: wrap; gap: 4px; margin: 4px 0 16px; border-bottom: 1px solid var(--sm-rahmen); max-width: 1100px; }
.sendmails .sm-reiter a { padding: 9px 16px; margin-bottom: -1px; border: 1px solid transparent; border-radius: 8px 8px 0 0; text-decoration: none; color: var(--sm-leise); font-weight: 600; font-size: 14px; }
.sendmails .sm-reiter a:hover, .sendmails .sm-reiter a:focus { color: var(--sm-text); }
.sendmails .sm-reiter a.sm-aktiv { color: var(--sm-akzent-tief); background: var(--sm-kachel); border-color: var(--sm-rahmen); border-bottom-color: var(--sm-kachel); }

/* Kennzahlen symmetrisch: feste Spalten, Verlaufslinie immer unten */
.sendmails .sm-kennzahlen.sm-vier { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sendmails .sm-kennzahlen.sm-fuenf { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.sendmails .sm-kennzahl .sm-spark { margin-top: auto; padding-top: 8px; box-sizing: content-box; }
@media (max-width: 960px) { .sendmails .sm-kennzahlen.sm-vier, .sendmails .sm-kennzahlen.sm-fuenf { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* E-Mail-Protokoll */
.sendmails .sm-protokoll td { vertical-align: top; }
.sendmails .sm-protokoll td:nth-child(2), .sendmails .sm-protokoll td:nth-child(3) { word-break: break-word; }
.sendmails .sm-nowrap { white-space: nowrap; }
.sendmails .sm-protokoll-details summary { cursor: pointer; color: var(--sm-akzent-tief); font-size: 12px; margin-top: 4px; }
.sendmails .sm-protokoll-details p, .sendmails .sm-protokoll-details ul { margin: 6px 0; font-size: 12px; }
.sendmails .sm-protokoll-details code { font-size: 11.5px; white-space: normal; word-break: break-word; background: var(--sm-flaeche); color: var(--sm-leise); }
.sendmails .sm-protokoll-ereignisse li { margin: 0 0 6px; }
.sendmails .sm-protokoll-filter select { max-width: 220px; }

/* Schutz vor Massenversand */
.sendmails .sm-angehalten { border-left: 4px solid var(--sm-fehler); }
.sendmails .sm-angehalten .sm-knopfreihe form { display: inline-block; margin: 0 8px 0 0; }

/* Wahl bei vollem Kontingent */
.sendmails .sm-wahl { display: flex; gap: 8px; align-items: flex-start; margin: 10px 0; }
.sendmails .sm-wahl input { margin-top: 3px; }
.sendmails .sm-berechnet { margin: 8px 0 0 26px; }
.sendmails .sm-haftung { border-left: 3px solid var(--sm-warn); background: var(--sm-flaeche); padding: 6px 12px; margin: 8px 0; }
.sendmails .sm-haftung p { margin: 6px 0; }

/* Domain-Check */
.sendmails .sm-domain { border-top: 1px solid var(--sm-rahmen, #dcdcde); padding: 10px 0; }
.sendmails .sm-domain summary { cursor: pointer; }
.sendmails .sm-dns { margin-top: 10px; }
.sendmails .sm-dns td { vertical-align: top; word-break: break-word; }

/* Absender je Quelle */
.sendmails .sm-regeln input, .sendmails .sm-regeln select { width: 100%; max-width: 260px; }

/* Absenderadresse: Eingabe und Domain-Auswahl gleich hoch */
.sendmails input[name=absender_lokal], .sendmails select[name=absender_domain] { height: 40px; min-height: 40px; vertical-align: middle; }
.sendmails select[name=absender_domain] { padding-top: 0; padding-bottom: 0; line-height: 38px; }

/* Einstellungen: ein Bereich je Kachel, Sprungleiste */
.sendmails .sm-sprung { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0 18px; }
.sendmails .sm-sprung a { padding: 5px 12px; border: 1px solid var(--sm-rahmen, #dcdcde); border-radius: 999px; background: var(--sm-kachel, #fff); color: var(--sm-akzent-tief); text-decoration: none; font-size: 13px; }
.sendmails .sm-sprung a:hover, .sendmails .sm-sprung a:focus { background: var(--sm-akzent-zart); border-color: var(--sm-akzent-rand); }
.sendmails .sm-einstellung { margin: 0 0 20px; }
.sendmails .sm-einstellung > h3:first-child { font-size: 17px; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--sm-rahmen, #dcdcde); }
.sendmails .sm-einstellung h3[id], .sendmails .sm-einstellung h4[id] { scroll-margin-top: 48px; }
.sendmails .sm-einstellung h4 { font-size: 14px; margin: 22px 0 6px; }
.sendmails .sm-einstellung form + form { margin-top: 8px; }