:root{
  --bg:#0b1220; --panel:#141b2d; --panel-2:#1b2336;
  --muted:#8ea3c0; --text:#e6eefb; --border:#22304a;
  --blue:#3b82f6; --green:#22c55e; --purple:#8b5cf6; --gray:#64748b;
}
body{ background:var(--bg); color:var(--text); font-family:"Inter",system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
a{ color:#93c5fd; } a:hover{ color:#bfdbfe; text-decoration:underline; }
.topbar{ background:var(--panel); border-bottom:1px solid var(--border); padding:12px 18px; position:sticky; top:0; z-index:5;}
.brand{ font-weight:700; letter-spacing:.4px; }
.sidebar{ background:var(--panel); min-height:100vh; padding:18px 14px; border-right:1px solid var(--border); position:sticky; top:0;}
.nav-link{ color:var(--muted); padding:.5rem .75rem; border-radius:8px; display:block; }
.nav-link.active,.nav-link:hover{ background:var(--panel-2); color:var(--text); }
.card{ background:var(--panel); border:1px solid var(--border); border-radius:14px; box-shadow:0 6px 20px rgba(0,0,0,.25);}
.card-header{ background:var(--panel); border-bottom:1px solid var(--border); color:#c4d6f5; font-weight:600;}
.kpi{ display:flex; gap:10px; align-items:center }
.dot{ width:12px; height:12px; border-radius:50% }
.dot-news{ background:var(--purple) } .dot-move{ background:var(--green) } .dot-hb{ background:var(--gray) }
.badge{ border-radius:8px; padding:.45em .6em; font-weight:600 }
.badge-blue{ background:rgba(59,130,246,.15); color:#93c5fd; border:1px solid rgba(59,130,246,.35)}
.badge-green{ background:rgba(34,197,94,.15); color:#86efac; border:1px solid rgba(34,197,94,.35)}
.badge-purple{ background:rgba(139,92,246,.15); color:#c4b5fd; border:1px solid rgba(139,92,246,.35)}
.log-card{ border-left:4px solid var(--gray); background:var(--panel); }
.log-news{ border-left-color:var(--purple); background:linear-gradient(90deg, rgba(139,92,246,.08), transparent); }
.log-move{ border-left-color:var(--green); background:linear-gradient(90deg, rgba(34,197,94,.08), transparent); }
.log-hb{ border-left-color:var(--gray); }
pre{ white-space:pre-wrap; color:var(--text); margin:0 }
.muted{ color:var(--muted) } .smallx{ font-size:.85rem }
.url-pill{ display:inline-block; font-size:.8rem; padding:.15rem .4rem; border-radius:999px; background:var(--panel-2); border:1px solid var(--border); color:#c7d2fe; }
.card-body {color: #fff;}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
   color: #fff;}
}
    .tab-scroller{max-height:520px;overflow:auto}
.news-item{border-bottom:1px solid var(--border);padding:.75rem 0}
.news-item:last-child{border-bottom:0}
.news-title{font-weight:700;color:#e6eefb;display:block}
.news-meta{color:var(--muted);font-size:.85rem;margin-top:.15rem}
.news-link{color:#93c5fd}
.news-desc{color:#cbd5e1;font-size:.95rem;line-height:1.35;margin-top:.35rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.log-card{border-left:4px solid var(--gray);background:var(--panel)}
.log-news{border-left-color:#8b5cf6}
.log-move{border-left-color:#22c55e}
.log-hb{border-left-color:#64748b}
pre{white-space:pre-wrap;margin:0;color:var(--text)}
#line24{height:300px !important;} /* <<< Chart nur 300px hoch */

/* ==== Dark Modal Styling ==== */
.modal-backdrop.show{ opacity:.5; }                /* dezent */
.modal-content{
  background: var(--panel-2);
  color: var(--text);
  border: 1px solid var(--border);
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
}
.modal-header{
  background: var(--panel);
  color: var(--text);
  border-bottom: 1px solid var(--border);
}
.modal-title{ color: var(--text); font-weight: 600; }
.modal-body{ color: var(--text); line-height: 1.5; }
.modal-footer{
  background: var(--panel);
  border-top: 1px solid var(--border);
}
.btn-close{
  filter: invert(1) opacity(.8);    /* helle Close-Icon-Farbe */
}

.ihelp{ color: var(--muted); }
.card-header .ihelp:hover,
.ihelp:hover{ color: var(--blue) !important;cursor: pointer }