#eddy-capacity {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 100%;
  max-width: 56rem;
  margin: 0 auto 0.5rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid #94a3b8;
  border-radius: 0.65rem;
  background: #f8fafc;
  color: #334155;
  font: 0.8rem/1.5 system-ui, sans-serif;
}
#eddy-capacity summary { cursor: pointer; overflow-wrap: anywhere; }
#eddy-capacity summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#eddy-capacity p { margin: 0.45rem 0 0; }
#eddy-capacity small { display: block; margin-top: 0.35rem; }
#eddy-capacity[data-state="available"] { border-color: #86b8a0; background: #f0fdf4; color: #14532d; }
#eddy-capacity[data-state="busy"], #eddy-capacity[data-state="limited"] {
  border-color: #d7a74b; background: #fffbeb; color: #78350f;
}
#eddy-capacity[data-state="offline"] { border-color: #e4a5a5; background: #fef2f2; color: #7f1d1d; }
.dark #eddy-capacity { background: #1e293b; color: #e2e8f0; }
.dark #eddy-capacity[data-state="available"] { background: #142d22; color: #bbf7d0; }
.dark #eddy-capacity[data-state="busy"], .dark #eddy-capacity[data-state="limited"] {
  background: #362a16; color: #fde68a;
}
.dark #eddy-capacity[data-state="offline"] { background: #361e1e; color: #fecaca; }