/* Seitenspezifische Styles für nachrichten.html */

/* ---- Seitenstil ---- */
.syncbar{position:sticky;top:0;z-index:100;background:#fff;padding:max(10px,env(safe-area-inset-top)) 16px 10px}
.headrow{margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.headrow h1{font-size:1.25rem;margin:0}
.back-btn{border:1px solid var(--smartcart-black);background:#fff;color:var(--smartcart-black);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:7px;font:inherit;font-weight:600;cursor:pointer}

/* v680: Nachrichten zum Nachlesen */
.nachrichten-hinweis{margin:4px 0 0}
.nachricht-karte{border-top:5px solid #3A83F7!important}
.nachricht-karte.art-hinweis{border-top-color:#f2c200!important}.nachricht-karte.art-wichtig{border-top-color:#c22!important}
.nachricht-kopf{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:#666}
html[data-theme="dark"] .nachricht-kopf{color:#bbb}
.nachricht-symbol{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#3A83F7;color:#fff;font-weight:700}
.art-hinweis .nachricht-symbol{background:#f2c200;color:#262626}.art-wichtig .nachricht-symbol{background:#c22}
.nachricht-datum{margin-left:auto;font-weight:400}
.nachricht-karte h2{margin:8px 0 6px;font-size:1.05rem}
.nachricht-text{white-space:pre-wrap;line-height:1.4}
.nachricht-bis{margin-top:8px;font-size:.85rem;color:#777}
html[data-theme="dark"] .nachricht-bis{color:#999}
.nachricht-neu{font-size:.75rem;font-weight:700;color:#fff;background:#2e9b42;border-radius:9px;padding:1px 7px}
.nachrichten-leer{color:#777;margin-top:18px}
html[data-theme="dark"] .panel.nachricht-karte{border-top-color:#3A83F7!important}html[data-theme="dark"] .panel.nachricht-karte.art-hinweis{border-top-color:#f2c200!important}html[data-theme="dark"] .panel.nachricht-karte.art-wichtig{border-top-color:#c22!important}