/* Admin styles with tooltips, badges, eyes */
.albp-wrap h1, .albp-wrap h2 { margin-bottom: 8px; }
.albp-header { display:flex; align-items:center; gap:12px; margin:12px 0 16px; }
.albp-wrap .albp-progress { position: relative; background: #f1f1f1; height: 12px; border-radius: 6px; overflow: hidden; margin-top: 8px; }
.albp-wrap .albp-progress span { display: block; height: 100%; width: 0; background: #2271b1; transition: width .2s; }
.albp-log { background:#0b1020; color:#d6e2ff; padding:10px; border-radius:8px; height:220px; overflow:auto; font-family:monospace; font-size:12px; }
.albp-cats { background:#fff; border:1px solid #e5e7eb; padding:8px; border-radius:8px; max-height:140px; overflow:auto; }
.albp-topcard { border:1px solid #e2e8f0; background:#f8fafc; border-radius:12px; padding:12px 14px; margin:10px 0 16px; }
.albp-help { cursor: help; color:#444; margin-left:6px; position:relative; display:inline-block; }
.albp-help::after {
  content: attr(data-tip);
  position:absolute; left:0; top:135%;
  white-space: pre-wrap;
  max-width: 420px;
  background:#111; color:#fff; padding:8px 10px; border-radius:6px;
  font-size:12px; line-height:1.35;
  opacity:0; pointer-events:none; transform: translateY(4px);
  transition: all .15s ease;
  z-index: 9999;
}
.albp-help:hover::after { opacity:1; transform: translateY(0); }
.albp-lead-image { margin:0 0 14px; text-align:center; }
.albp-lead-image figcaption{ font-size:.9em; opacity:.8; }
.albp-eye { margin-left:8px; cursor:pointer; vertical-align:middle; }
.albp-badge { display:inline-block; margin-top:6px; padding:3px 8px; border-radius:8px; font-weight:600; font-size:12px; }
.albp-badge.free { background:#e2e8f0; color:#1f2937; }
.albp-badge.pro { background:#10b981; color:white; }
/* Icon-only help link: no underline, subtle spacing */
.albp-help-link{
  margin-left: 10px;
  display: inline-flex;
  align-items: center;
  text-decoration: none !important;
}
.albp-help-link .dashicons{
  font-size: 18px;
  line-height: 1;
  color: #2271b1;
}
.albp-help-link:hover .dashicons,
.albp-help-link:focus .dashicons{
  color: #135e96;
}