/* Risikoberatung: dunkles Nachtblau, Petrol als Akzent, kantiger */
:root{
  --bg:#edf1f5; --card:#fff; --ink:#0f1f33; --muted:#5b6b80; --line:#d8e0e8; --line-soft:#e8edf2; --link:#0b7a7d;
  --accent:#0f8b8d; --accent-soft:#e2f3f3; --accent-ink:#0b6668; --chip:#e9eef3;
  --hd-bg:#0f2742; --hd-border:0; --hd-line:rgba(255,255,255,.18); --hd-ink:#fff; --hd-muted:#9fb3c8; --hd-hover:rgba(255,255,255,.1); --logo-pad:5px 8px;
  --nav-bg:#173556; --nav-ink:#b9c8d8; --nav-on:#fff;
  --radius:6px; --shadow:0 1px 3px rgba(15,31,51,.08);
}
.topnav{border-bottom:0}
.topnav a.on{border-bottom-color:#4fd1c5}
.brand img{height:40px}
.amp{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius);margin-bottom:12px;color:#fff}
.amp.gruen{background:linear-gradient(90deg,#1e7a3c,#2e9150)} .amp.gelb{background:linear-gradient(90deg,#b7791f,#d69e2e)} .amp.rot{background:linear-gradient(90deg,#9b1c1c,#c53030)}
.amp .light{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;flex:none}
.amp .light svg{width:24px;height:24px}
.amp b{font-size:17px;display:block} .amp span{font-size:13px;opacity:.92}
.kpi{border-left:4px solid var(--accent)}
.kpi.bad{border-left-color:#c53030} .kpi.warn{border-left-color:#d69e2e} .kpi.ok{border-left-color:#2e9150}
.pay{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}
.pay div{text-align:center;font-size:11px;color:var(--muted)}
.pay i{display:block;height:34px;border-radius:4px;margin-bottom:3px;font-style:normal;color:#fff;font-weight:700;line-height:34px;font-size:15px}
.pay i.p{background:#2e9150} .pay i.m{background:#c53030}
.hh{display:grid;grid-template-columns:1fr;gap:10px}
.hh .line{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}
.bar.ein i{background:#2e9150} .bar.aus i{background:#c53030}
.mrow{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--line-soft);cursor:pointer}
.mrow:first-child{border-top:0}
.mrow:hover{background:var(--accent-soft)}
.mrow .ic{width:36px;height:36px;border-radius:8px;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;flex:none}
.mrow .main{flex:1} .mrow .main b{display:block} .mrow .main span{font-size:12.5px;color:var(--muted)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.dot.gruen{background:#2e9150} .dot.gelb{background:#d69e2e} .dot.rot{background:#c53030}