/* file: www/style/admin_bar.css */
.admin-bar{
  left:0; right:0; bottom:var(--nav-h);
  display:flex; align-items:center; gap:8px;
  padding:6px 10px; background:#f6f7fa; border-top:1px solid #e1e5ee;
  font:13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  pointer-events:auto;
}
.admin-bar *{ pointer-events:auto; }

.admin-bar .ab-title{ font-weight:600; color:#333; margin-right:4px; }
.admin-bar .ab-link{
  display:inline-flex; align-items:center; gap:6px; padding:4px 8px;
  border-radius:6px; text-decoration:none; color:#222; border:1px solid transparent;
  background:transparent; cursor:pointer;
}
.admin-bar .ab-link:hover{ background:#eef3ff; border-color:#dae4ff; }
.admin-bar .ab-link i{ width:14px; text-align:center; }
.admin-bar .ab-sep{ width:1px; height:18px; background:#e1e5ee; margin:0 4px; }

.admin-bar .ab-stats{ display:inline-flex; gap:6px; margin-left:8px; vertical-align:middle; }
.admin-bar .ab-chip{ background:#eceff4; border:1px solid #d9dde6; border-radius:999px; padding:2px 8px; font:12px/1.2 ui-monospace,Consolas,monospace; color:#111; }
.admin-bar .ab-chip.has-err{ background:#ffecec; border-color:#ffb3b3; }
.admin-bar .ab-badge{ background:#d33; color:#fff; font:10px/1 ui-monospace,Consolas,monospace; border-radius:10px; padding:2px 6px; }

.admin-bar .ab-pill{ margin-left:6px; padding:0 6px; border-radius:999px; font:11px/18px ui-monospace,Consolas,monospace; border:1px solid #ccd4e0; }
.admin-bar .ab-pill.on{ background:#e8fff0; color:#064; border-color:#bde1c8; }
.admin-bar .ab-pill.off{ background:#fff5f5; color:#600; border-color:#f2caca; }