/* Accordion Header - keine Standard-Border */
.card-header {
    border-bottom: none;
}

/* Accordion Card */
.accordion .card {
    border: none;
    background-color: #141414; /* Dunkler, einheitlicher Hintergrund */
    border-radius: 15px;
}

/* Entferne grüne Linie beim Öffnen */
.accordion .card.show,
.accordion .collapse.show {
    border-top: none;
}

/* Buttons vollständig klickbar und schöner Stil */
.accordion .btn-link {
    width: 100%;
    text-align: left;
    padding: 20px;
    font-size: 1.5rem;
    color: white;
    text-decoration: none;
    background-color: transparent;
    border: none;
}

/* Kein hässlicher Focus-Ring */
.accordion .btn-link:focus {
    box-shadow: none;
    outline: none;
    border: none;
}

/* MOTD – dark/green theme */
.motd-card{
  position: relative;
  border-radius: 14px;
  padding: 16px 18px;
  background: radial-gradient(120% 120% at 0% 0%, rgba(0,255,120,0.06) 0%, rgba(0,0,0,0) 45%) #0e0f10;
  border: 1px solid rgba(0,255,120,0.18);
  box-shadow: 0 0 28px rgba(0,255,120,0.12), inset 0 0 0 1px rgba(0,255,120,0.06);
  color: #e8ffe8;
}

.motd-header{
  display:flex; align-items:center; gap:.5rem;
  font-weight:700; letter-spacing:.2px; 
  color:#bfffd1;
}
.motd-header .fa-bullhorn{ opacity:.9; }

.motd-text{
  margin:.4rem 0 .6rem; 
  color:#d9ffe6;
}

.motd-meta{
  display:flex; align-items:center; gap:.4rem;
  font-size:.85rem; 
  color:#79ffa9; opacity:.85;
}

/* Loading state */
.motd-card.is-loading{
  border-color: rgba(0,255,120,0.25);
}
.motd-card.is-loading #motd-title{ opacity:.9; }
.motd-card.is-loading #motd-message{
  position: relative; overflow: hidden;
}
.motd-card.is-loading #motd-message::after{
  content:"";
  position:absolute; inset:0 0 0 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
  animation: motd-shimmer 1.2s linear infinite;
}
@keyframes motd-shimmer{ from{ transform:translateX(-100%);} to{ transform:translateX(100%);} }
@media (prefers-reduced-motion: reduce){
  .motd-card.is-loading #motd-message::after{ animation:none; }
}

/* Error state */
.motd-card.is-error{
  border-color: rgba(255,90,90,.35);
  box-shadow: 0 0 24px rgba(255,90,90,.12), inset 0 0 0 1px rgba(255,90,90,.08);
}
.motd-card.is-error .motd-header{ color:#ffd4d4; }
.motd-card.is-error .motd-text{ color:#ffe9e9; }
.motd-card.is-error .motd-meta{ color:#ffb7b7; }