/* Zentrale: gleicher Neon-Look wie Rex Diner, aber mit Verlauf und Raster statt Foto (liegt nach rex.css). */
.bg-brand {
    background-image:
        linear-gradient(to bottom, transparent 58%, rgba(7, 3, 26, .85) 100%),
        repeating-linear-gradient(to right, rgba(139, 92, 246, .28) 0 1px, transparent 1px 64px),
        repeating-linear-gradient(to bottom, rgba(139, 92, 246, .28) 0 1px, transparent 1px 64px),
        radial-gradient(circle at 50% 108%, rgba(255, 61, 216, .5) 0, rgba(255, 61, 216, 0) 42%),
        linear-gradient(180deg, #07031a 0%, #1a0b4a 55%, #2a1170 100%);
    background-size: auto, 64px 64px, 64px 64px, auto, auto;
    background-position: center bottom;
}
.bg-brand.bg-brand-dim { opacity: .55; }

.sys-card { border-top: 3px solid var(--sys, var(--c-accent)); }
.stat-value { font-family: var(--rex-display); font-size: 1.35rem; font-weight: 700; color: #fff; }
.dot { display: inline-block; width: .55rem; height: .55rem; border-radius: 9999px; }
.dot-ok { background: #22c55e; box-shadow: 0 0 8px #22c55e; }
.dot-bad { background: #ef4444; box-shadow: 0 0 8px #ef4444; }
.btn-sm { padding: .35rem .7rem; font-size: .8rem; }
textarea.input { min-height: 7rem; resize: vertical; }
select.input { appearance: auto; }
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }