diff --git a/src/static/css/style.css b/src/static/css/style.css index 2d0c4e0..c3b8eeb 100644 --- a/src/static/css/style.css +++ b/src/static/css/style.css @@ -1434,3 +1434,35 @@ details.adv-section .adv-hint { grid-column: 1 / -1; font-size: 12px; color: var /* === Klickbare Eintraege in der Ablauf-Liste === */ .expiring-item-link { cursor: pointer; border-radius: var(--radius); transition: background 0.15s ease; } .expiring-item-link:hover, .expiring-item-link:focus-visible { background: var(--bg-hover); } + +/* === Prominenter Org-Status-Umschalter in der Kopfzeile === */ +.org-status-toggle { + display: inline-flex; + border: 1px solid var(--border); + border-radius: var(--radius); + overflow: hidden; +} +.ost-btn { + padding: 8px 18px; + font-size: 14px; + font-weight: 600; + font-family: var(--font-body); + background: var(--bg-secondary); + color: var(--text-muted); + border: none; + cursor: pointer; + display: inline-flex; + align-items: center; + gap: 7px; + transition: background 0.15s ease, color 0.15s ease; +} +.ost-btn + .ost-btn { border-left: 1px solid var(--border); } +.ost-btn:hover { color: var(--text-primary); background: var(--bg-hover); } +.ost-btn.on.ost-aktiv { + background: rgba(16, 185, 129, 0.16); + color: var(--success); +} +.ost-btn.on.ost-inaktiv { + background: rgba(239, 68, 68, 0.16); + color: var(--danger); +} diff --git a/src/static/dashboard.html b/src/static/dashboard.html index 3ddffac..71a9b19 100644 --- a/src/static/dashboard.html +++ b/src/static/dashboard.html @@ -6,7 +6,7 @@ AegisSight Monitor-Verwaltung - +