/* Live feed grid (Add-on v1.1.2) */
.dww-feed{
  display:grid; gap:12px; margin-top:16px;
  grid-template-columns: repeat(3, minmax(0,1fr));
  max-height: calc((120px + 12px) * 5); /* 5 rows */
  overflow:auto; padding-right:4px;
}
@media (max-width:1024px){ .dww-feed{ grid-template-columns: repeat(2, minmax(0,1fr)); max-height:none; } }
@media (max-width:640px){ .dww-feed{ grid-template-columns: 1fr; } }
.dww-card{ border-radius:14px; padding:12px 14px; display:grid; grid-template-columns:64px 1fr; gap:12px; align-items:center; min-height:120px;
  background: #fff; box-shadow:0 6px 20px rgba(0,0,0,.06); border:1px solid rgba(0,0,0,.05); }
.dww-card .thumb{ width:64px; height:64px; border-radius:10px; object-fit:cover; }
.dww-card .emoji{ font-size:28px; width:64px; height:64px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#f4f6f8; }
.dww-card .meta{ font-size:.94rem; line-height:1.25; }
.dww-badges{ display:flex; flex-wrap:wrap; gap:6px; margin:.35rem 0 .35rem; }
.dww-badge{ display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:4px 8px; font-size:.78rem; font-weight:600; }

/* Vollflächige Warnfarben */
.dww-lvl-yellow{ background: linear-gradient(0deg, rgba(255,212,0,.18), rgba(255,212,0,.18)), #fff; }
.dww-lvl-orange{ background: linear-gradient(0deg, rgba(255,140,0,.18), rgba(255,140,0,.18)), #fff; }
.dww-lvl-red{    background: linear-gradient(0deg, rgba(224,0,42,.22), rgba(224,0,42,.22)), #fff; }

.dww-badge.haz{ background:#eef5ff; color:#0b3d91; }
.dww-badge.lvl-yellow{ background:#fff0a6; color:#5f4800; }
.dww-badge.lvl-orange{ background:#ffd2a6; color:#6a3300; }
.dww-badge.lvl-red{    background:#ffb9c5; color:#740018; }

/* Disclaimer-Footer */
.dww-feed-footer{
  margin-top:10px; font-size:.85rem; color:#5b6b7c;
  background: rgba(0,0,0,.02); border:1px solid rgba(0,0,0,.06);
  border-radius:10px; padding:10px 12px;
}
.dww-feed-footer p{ margin:0; }