.status.succeeded { background: #dcefe5; color: var(--green); }
.status.failed { background: #f2dfdc; color: var(--red); }
.status.pending, .status.leased { background: #f9e7ca; color: #8b4a17; }
.command-refresh { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; color: var(--muted); font-size: .82rem; font-weight: 700; }
.refresh-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(32,132,90,.13); }
.command-refresh.refresh-error { color: var(--red); }
.command-refresh.refresh-error .refresh-dot { background: var(--red); box-shadow: 0 0 0 4px rgba(185,54,44,.13); }
.mode-indicator { display: inline-flex; align-items: center; gap: 8px; min-width: 104px; padding: 7px 11px; border: 1px solid transparent; border-radius: 3px; font-size: .76rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.mode-indicator.sas { color: #075f63; background: #d8efec; border-color: #addbd6; }
.mode-indicator.peripheral { color: #8b4a17; background: #f9e7ca; border-color: #edc99d; }
.mode-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(255,255,255,.65); }
details { margin-top: 8px; }
summary { color: var(--teal); cursor: pointer; font-weight: 800; }
pre { max-width: 680px; max-height: 260px; overflow: auto; white-space: pre-wrap; background: #102b3a; color: #c8ffea; padding: 12px; }