/* Database loading states inherit the dashboard's light/dark Hydra palette. */
#hydra-api-status { padding:12px 18px; border-bottom:1px solid var(--border,#D9DBDE); background:var(--card,#F6F7F8); color:var(--text-2,#2A2C30); font:12px/1.6 monospace; }
#hydra-api-status[data-level=current] { color:var(--good,#0E763A); }
#hydra-api-status[data-level=delayed] { color:var(--warn,#855D00); }
#hydra-api-status[data-level=error] { color:var(--crit,#B63129); }
#hydra-api-status[data-level=loading]::before,.hydra-load-spinner { content:""; display:inline-block; width:14px; height:14px; flex:0 0 14px; border:2px solid var(--border-2,#C7CACD); border-top-color:var(--accent,#FF5A1F); border-radius:50%; animation:hydra-load-spin .9s linear infinite; }
#hydra-api-status[data-level=loading]::before { margin-right:9px; vertical-align:-2px; }
#hydra-api-status button,.hydra-load-state button { font:inherit; color:inherit; background:var(--card,#F6F7F8); border:1px solid var(--border-2,#C7CACD); padding:5px 10px; margin-left:10px; cursor:pointer; }
#hydra-api-status input { font:inherit; color:var(--text,#141518); background:var(--card,#F6F7F8); border:1px solid var(--border-2,#C7CACD); padding:6px; max-width:100%; }
#hydra-api-status form { margin-top:10px; }
[data-hydra-load-state] { position:relative; }
[data-hydra-load-mode=initial] { min-height:142px; }
[data-hydra-load-mode=initial] > :not(.hydra-load-state) { visibility:hidden; }
.hydra-load-state { box-sizing:border-box; width:100%; min-width:0; grid-column:1/-1; flex:1 0 100%; padding:18px; border:1px solid var(--border,#D9DBDE); background:var(--card,#F6F7F8); color:var(--text-3,#585C61); font:11px/1.6 "IBM Plex Mono",monospace; text-align:left; }
.hydra-load-caption { display:flex; align-items:center; gap:10px; margin-bottom:17px; overflow-wrap:anywhere; }
.hydra-load-label { color:var(--text-2,#2A2C30); }
.hydra-load-lines { display:grid; gap:10px; }
.hydra-load-line { display:block; position:relative; overflow:hidden; height:9px; background:var(--grid,#DDDFE2); border-radius:2px; }
.hydra-load-line:nth-child(2) { width:76%; }
.hydra-load-line:nth-child(3) { width:46%; }
.hydra-load-line::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,var(--border-2,#C7CACD),transparent); transform:translateX(-100%); animation:hydra-load-sweep 1.8s ease-in-out infinite; }
.hydra-load-compact { margin:0 0 10px; padding:9px 12px; border-left:2px solid var(--accent,#FF5A1F); }
.hydra-load-compact .hydra-load-caption { margin:0; }
.hydra-load-error { color:var(--crit,#B63129); border-left:2px solid currentColor; }
.hydra-load-error .hydra-load-caption { margin:0; }
.hydra-load-error .hydra-load-label { color:inherit; }
.hydra-load-state button:focus-visible,#hydra-api-status button:focus-visible { outline:2px solid var(--accent-ink,#B43C0C); outline-offset:3px; }
@keyframes hydra-load-spin { to { transform:rotate(360deg); } }
@keyframes hydra-load-sweep { to { transform:translateX(100%); } }
@media (prefers-reduced-motion:reduce) {
  #hydra-api-status::before,.hydra-load-spinner,.hydra-load-line::after { animation:none !important; }
  .hydra-load-line::after { display:none; }
}
@media (max-width:600px) { .hydra-load-state { padding:14px; } .hydra-load-compact { padding:9px; } }