.ac-capacity {
  --ac-ink: var(--admin-ink, #15231f);
  --ac-muted: var(--admin-muted, #718079);
  --ac-line: var(--admin-line, #dce5e0);
  --ac-panel: var(--admin-panel, #fff);
  --ac-soft: var(--admin-soft, #edf3ef);
  --ac-green: var(--admin-accent, #0b6b4f);
  min-width: 0;
  color: var(--ac-ink);
}
.ac-capacity-header,
.ac-capacity-card-head,
.ac-capacity-card-title,
.ac-capacity-summary,
.ac-capacity-usage-row,
.ac-capacity-card-foot {
  display: flex;
  min-width: 0;
  align-items: center;
}
.ac-capacity-header,
.ac-capacity-card-head,
.ac-capacity-usage-row {
  justify-content: space-between;
  gap: 14px;
}
.ac-capacity-header { align-items: flex-start; margin-bottom: 17px; }
.ac-capacity-heading { min-width: 0; }
.ac-capacity-kicker { margin: 0 0 6px; color: var(--ac-green); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.ac-capacity-heading h2 { margin: 0; font-size: 19px; font-weight: 650; letter-spacing: -.035em; }
.ac-capacity-intro { margin: 6px 0 0; color: var(--ac-muted); font-size: 11px; line-height: 1.55; }
.ac-capacity-summary { flex: 0 0 auto; align-items: flex-end; flex-direction: column; gap: 7px; }
.ac-capacity-summary time { color: var(--ac-muted); font-size: 10px; font-variant-numeric: tabular-nums; }
.ac-capacity-badge { display: inline-flex; max-width: 100%; align-items: center; padding: 5px 9px; border: 1px solid transparent; border-radius: 999px; background: var(--ac-soft); color: var(--ac-muted); font-size: 9px; font-weight: 700; white-space: nowrap; }
.ac-capacity-badge[data-tone="healthy"] { background: var(--brand-soft, #dff3e9); color: var(--admin-accent-strong, #0b6b4f); }
.ac-capacity-badge[data-tone="warning"] { background: var(--warning-soft, #fff4d8); color: #805b08; }
.ac-capacity-badge[data-tone="critical"] { background: var(--danger-soft, #fff0ef); color: #a72c25; }
:root[data-theme="Oscuro"] .ac-capacity-badge[data-tone="warning"] { color: #f3d58e; }
:root[data-theme="Oscuro"] .ac-capacity-badge[data-tone="critical"] { color: #ffaaa3; }
.ac-capacity-badge[data-tone="unknown"],
.ac-capacity-badge[data-tone="unavailable"] { background: var(--ac-soft); color: var(--ac-muted); }
.ac-capacity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.ac-capacity-card { min-width: 0; padding: 17px; border: 1px solid var(--ac-line); border-radius: 16px; background: var(--ac-panel); box-shadow: var(--admin-shadow, 0 10px 24px -20px rgb(15 23 42 / .3)); }
.ac-capacity-card-head { align-items: flex-start; margin-bottom: 20px; }
.ac-capacity-card-title { gap: 10px; align-items: flex-start; }
.ac-capacity-icon { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border: 1px solid var(--ac-line); border-radius: 11px; background: var(--ac-soft); color: var(--ac-green); font-size: 17px; line-height: 1; }
.ac-capacity-card-title h3 { margin: 1px 0 0; font-size: 13px; font-weight: 700; letter-spacing: -.015em; }
.ac-capacity-card-title p { margin: 4px 0 0; color: var(--ac-muted); font-size: 9px; line-height: 1.45; }
.ac-capacity-usage-row { margin-bottom: 9px; }
.ac-capacity-usage-row strong { min-width: 0; color: var(--ac-ink); font-size: 16px; font-weight: 650; font-variant-numeric: tabular-nums; letter-spacing: -.025em; overflow-wrap: anywhere; }
.ac-capacity-usage-row > span { flex: 0 0 auto; color: var(--ac-muted); font-size: 11px; font-weight: 650; font-variant-numeric: tabular-nums; }
.ac-capacity-track { height: 8px; overflow: hidden; border-radius: 99px; background: var(--ac-soft); }
.ac-capacity-fill { display: block; height: 100%; border-radius: inherit; background: var(--ac-green); transition: width .25s ease; }
.ac-capacity-card[data-state="warning"] .ac-capacity-fill { background: #c58b14; }
.ac-capacity-card[data-state="critical"] .ac-capacity-fill { background: #c84940; }
.ac-capacity-card[data-state="unknown"] .ac-capacity-fill,
.ac-capacity-card[data-state="unavailable"] .ac-capacity-fill { background: #aebbb4; }
.ac-capacity-card-foot { justify-content: space-between; gap: 8px; margin-top: 10px; color: var(--ac-muted); font-size: 9px; line-height: 1.45; }
.ac-capacity-card-foot span { min-width: 0; overflow-wrap: anywhere; }
.ac-capacity-footer { margin: 12px 1px 0; color: var(--ac-muted); font-size: 9px; line-height: 1.5; }
@media (max-width: 640px) {
  .ac-capacity-header { align-items: flex-start; flex-direction: column; gap: 10px; }
  .ac-capacity-summary { align-items: flex-start; }
  .ac-capacity-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}
@media (max-width: 380px) {
  .ac-capacity-card { padding: 14px; }
  .ac-capacity-card-head { gap: 8px; }
  .ac-capacity-badge { padding: 4px 7px; font-size: 8px; }
  .ac-capacity-usage-row strong { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .ac-capacity *, .ac-capacity *::before, .ac-capacity *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }