:root{
  --brand-primary:#003b75; /* an CI anpassen */
  --brand-accent:#00a4e6;  /* an CI anpassen */
  --bg:#0b0e11;            /* Header-Hintergrund */
  --text:#222;
  --muted:#666;
  --border:#e2e8f0;
  --danger:#c62828;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:#fff}
.container{max-width:980px;margin:0 auto;padding:1rem}
.row{display:flex;gap:.5rem}
.space{justify-content:space-between;align-items:center}
.topbar{background:var(--bg);color:#fff}
.topbar .brand{font-weight:700;letter-spacing:.2px}
.topbar nav a{color:#fff;text-decoration:none;margin-right:1rem}
.topbar .btn{background:var(--brand-accent);color:#002; padding:.4rem .7rem;border-radius:.4rem}
.btn{background:var(--brand-primary);color:#fff;border:none;padding:.6rem 1rem;border-radius:.4rem;cursor:pointer}
.btn.danger{background:var(--danger)}
.btn.full{width:100%}
.link{background:none;border:none;color:#fff;cursor:pointer}
ul{list-style:none;padding:0;margin:0}
.post-list .post-item{border:1px solid var(--border);padding:1rem;margin:.6rem 0;border-left:6px solid var(--brand-primary);border-radius:.25rem}
.post-item.severity-warning{border-left-color:#ef6c00}
.post-item.severity-critical{border-left-color:#c62828}
.post-item.severity-resolved{border-left-color:#2e7d32;opacity:.9}
.post .content{border:1px solid var(--border);padding:1rem;border-radius:.25rem}
.post header .meta{color:var(--muted);margin-bottom:.5rem}
label{display:block;margin:.6rem 0 .2rem}
input,select,textarea{width:100%;padding:.6rem;border:1px solid var(--border);border-radius:.25rem}
.help{color:var(--muted);font-size:.9rem}
.alert{padding:.7rem 1rem;border-radius:.25rem;margin:.7rem 0}
.alert.error{background:#fdecea;color:#b71c1c;border:1px solid #f5c6cb}
.footer{color:var(--muted);border-top:1px solid var(--border);margin-top:2rem}

/* Login */
body.login{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent))}
.login-box{background:#fff;border-radius:.5rem;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:2rem; width:min(400px,92vw)}
.login-box h1{margin-top:0;color:var(--brand-primary)}

/* Comments */
ul.comments{margin:0;padding:0}
ul.comments li{border-top:1px solid var(--border);padding:.6rem 0}
ul.comments li:first-child{border-top:none}