/* System Info panel (board index footer) */
.si { border: 1px solid rgba(127,127,127,.3); border-radius: 8px; background: rgba(10,14,18,.55); margin: 14px 0 0; overflow: hidden; font-size: 13px; }
.si-head { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background: #11151a; border-bottom: 1px solid rgba(127,127,127,.25); }
.si-title { font-weight: bold; color: #7fd0ff; letter-spacing: .3px; }
.si-ok-flag { font-size: 11px; font-weight: bold; color: #3aff6a; }
.si-ok-flag.warn { color: #ffd23a; }
.si-ok-flag.crit { color: #ff5a5a; }
.si-rows { padding: 9px 12px; display: flex; flex-direction: column; gap: 5px; }
.si-row { display: flex; gap: 10px; align-items: baseline; }
.si-k { flex: 0 0 76px; color: #7f8c95; text-transform: uppercase; font-size: 10px; letter-spacing: .05em; }
.si-v { color: #cfe0d6; }
.si-v b { color: #3aff6a; font-variant-numeric: tabular-nums; }
.si-dim { color: #6f7c85; }
.si-host { color: #caa53a; }
.si-meter { padding: 7px 12px 0; }
.si-meter-h { font-size: 11px; color: #9aa6ad; margin-bottom: 4px; }
.si-meter-h span { color: #cfe0d6; font-family: "Consolas","Lucida Console",monospace; }
.si-bar { height: 12px; background: #1b2026; border: 1px solid rgba(127,127,127,.25); border-radius: 3px; overflow: hidden; }
.si-bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #2e8b57, #5fd38a); transition: width .5s ease; }
.si-bar i.ok { background: linear-gradient(90deg, #2e8b57, #5fd38a); }
.si-bar i.warn { background: linear-gradient(90deg, #c8951a, #ffd23a); }
.si-bar i.crit { background: linear-gradient(90deg, #a32d2d, #ff5a5a); }