/* Nachrichten an das Team (?p=messages, Michael 26.10.2026: „alles linksbündig an den Rand geklebt", Abstände überarbeiten).
   Die Seite steht mittig (shell.css, Standard 1240 px); hier nur ruhige, gleichmäßige Abstände: Karten mit Abschnittsabstand,
   Unterabschnitte der Einstellungen mit Linie und Luft, Speichern-Knopf in eigener Zeile, Empfänger-Chips in einer Reihe.
   Nur diese Seite — derselbe Baustein unter Einstellungen bleibt unberührt. */
.d2[data-page=messages] main>.card{margin:0 0 var(--sec-gap)}
.d2[data-page=messages] main>.card>h2,.d2[data-page=messages] main>.card>.hd{margin:0 0 14px}
.d2[data-page=messages] .msg-new form{display:flex;flex-direction:column;gap:10px}
.d2[data-page=messages] .msg-new form>label{margin:0}
.d2[data-page=messages] .msg-new textarea{width:100%;min-height:6.5rem}
.d2[data-page=messages] .msgpick{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.d2[data-page=messages] .msg-new form>div[style]{margin:0!important;display:flex;gap:8px}
.d2[data-page=messages] .msg-new form>.btn.primary{align-self:flex-start;margin-top:4px}
/* Einstellungen „Erinnerungen & Automatik": jeder Unterabschnitt (volle Zeile) mit Linie darüber und gleicher Luft */
.d2[data-page=messages] form.grid.cols3{row-gap:12px;column-gap:24px;align-items:start}
.d2[data-page=messages] form.grid.cols3>div[style*="grid-column:1/-1"]{margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}
.d2[data-page=messages] form.grid.cols3>div[style*="grid-column:1/-1"]:first-of-type{margin-top:0;padding-top:0;border-top:0}
.d2[data-page=messages] form.grid.cols3>div[style*="grid-column:1/-1"]>.muted{margin:4px 0 0!important;max-width:var(--measure,75ch)}
.d2[data-page=messages] form.grid.cols3>div[style*="grid-column:1/-1"]>.msgpick{margin-top:10px}
.d2[data-page=messages] form.grid.cols3 label{margin-bottom:4px}
/* Speichern: eigene Zeile unten links statt in der dritten Spalte */
.d2[data-page=messages] form.grid.cols3>div:has(>.btn.primary){grid-column:1/-1;padding-top:6px}
.d2[data-page=messages] form.grid.cols3>div:has(>.btn.primary)>label{display:none}
.d2[data-page=messages] form.grid.cols3+p{margin:12px 0 0!important}
.d2[data-page=messages] .card h3{margin:22px 0 8px!important;padding-top:16px;border-top:1px solid var(--line)}
.d2[data-page=messages] .card table{margin:0 0 4px}
.d2[data-page=messages] .card table+form{margin-top:12px!important}
.d2[data-page=messages] .histbox>summary{padding:2px 0}
.d2[data-page=messages] .msgitem{padding:12px 0;border-top:1px solid var(--line)}
@media(max-width:699.98px){
 .d2[data-page=messages] form.grid.cols3{column-gap:12px}
 .d2[data-page=messages] .msg-new form>.btn.primary{align-self:stretch}
}