/* SECTR7 — News-kort (match højre kolonne/Serverstatus-stil) */

.s7__info{ display:flex; flex-direction:column; align-items:center; gap:14px; }



#news{

  width:92%;

  max-width:320px;

  margin:0 auto 8px;

  padding:14px 16px;

  border:1px solid rgba(255,255,255,.08);

  border-radius:14px;

  background:linear-gradient(180deg, rgba(16,25,49,.92), rgba(11,18,42,.92));

  box-shadow:0 1px 0 rgba(255,255,255,.03) inset, 0 10px 28px rgba(0,0,0,.34);

  position:relative;

}



#news .news__title{

  margin:0 0 8px; text-align:center; font-weight:800; color:var(--ink,#e7eefb);

}



#news .news__actions{ position:absolute; right:10px; top:10px; }

#news #news-refresh{

  background:transparent; border:1px solid rgba(255,255,255,.12);

  color:var(--muted,#9fb0c8); border-radius:8px; padding:2px 6px; cursor:pointer;

}

#news #news-refresh:hover{ background:rgba(255,255,255,.06); }



#news .news__list{

  list-style:none; margin:6px 0 0; padding:0;

  min-height: 110px; /* så placeholder altid kan ses */

}

#news .news__empty{ color:var(--muted,#9fb0c8); text-align:center; padding:10px 0; }



#news .item{

  padding:8px 0; border-top:1px solid rgba(255,255,255,.06);

  display:grid; grid-template-columns:auto max-content; column-gap:8px; align-items:center;

}

#news .item:first-child{ border-top:none; }

#news .item a{ color:var(--ink,#dfe6f5); text-decoration:none; line-height:1.25; }

#news .item a:hover{ text-decoration:underline; }

#news .meta{ color:var(--muted,#9fb0c8); font-size:.92em; white-space:nowrap; }



/* fejlbadge */

#news .news__error{

  text-align:center; color:#ffb1b1; background:rgba(255,90,90,.08);

  border:1px solid rgba(255,120,120,.25); padding:8px 10px; border-radius:10px;

}