/* Public member Follow appearance, shared with the compact aquarium owner row.
 * The important declarations match the existing profile/theme specificity boundary. */
:is(#alMemberArea #alProfile, .al-showcase) .alpp-follow{
  --al-follow-moss:var(--pp-moss,var(--almx-color-moss,#2c6b4a));
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid color-mix(in srgb,var(--al-follow-moss) 44%,transparent) !important;
  border-radius:14px !important;font-size:14px;font-weight:720 !important;letter-spacing:0 !important;
  background:linear-gradient(135deg,var(--pp-moss-strong,var(--almx-color-brand-strong,#24543c)),var(--al-follow-moss) 58%,var(--pp-aqua,var(--almx-color-aqua,#5ca892))) !important;
  color:var(--al-color-text-inverse,#fff) !important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--al-follow-moss) 22%,transparent) !important;
}
:is(#alMemberArea #alProfile, .al-showcase) .alpp-follow.is-following{
  border-color:var(--pp-line,color-mix(in srgb,#2c6b4a 13%,#e6e8ec)) !important;
  background:color-mix(in srgb,var(--pp-surface,#fff) 90%,var(--pp-moss-soft,rgba(44,107,74,.08))) !important;
  color:var(--pp-text,var(--almx-color-text,#0f172a)) !important;
  box-shadow:var(--pp-shadow,var(--almx-shadow-sm,0 8px 24px rgba(16,24,40,.06))) !important;font-weight:690 !important;
}
.al-showcase .al-showcase-owner-row .alpp-follow{min-width:0;min-height:44px;width:auto;padding:6px 12px;margin:0;flex:none;white-space:nowrap;cursor:pointer}
:is(#alMemberArea #alProfile, .al-showcase) .alpp-follow:focus-visible{outline:2px solid var(--al-color-border-focus,#416a78);outline-offset:3px}
.al-showcase .alpp-follow:disabled{opacity:.65;cursor:default}

/* Native dialog uses the same compact surface on all public follow controls. */
dialog.al-unfollow-dialog{box-sizing:border-box;width:min(420px,calc(100% - 32px));max-height:85svh;margin:auto;padding:24px;border:1px solid var(--al-color-border-default,#dce5e1);border-radius:16px;background:var(--al-color-surface-card,#fff);color:var(--al-color-text-ink,#14231c)}
dialog.al-unfollow-dialog::backdrop{background:rgba(15,23,42,.4)}
dialog.al-unfollow-dialog h2{font-size:1.15rem;margin:0 0 12px}dialog.al-unfollow-dialog p{font-size:.9rem;line-height:1.5;margin:0 0 20px}
dialog.al-unfollow-dialog footer{display:flex;justify-content:flex-end;gap:12px}dialog.al-unfollow-dialog button{min-height:44px;padding:8px 16px;border:1px solid var(--al-color-border-default,#dce5e1);border-radius:8px;background:transparent;color:inherit;font:inherit}
dialog.al-unfollow-dialog button:focus-visible{outline:2px solid var(--al-primary,#2C6B4A);outline-offset:2px}
@media(max-width:600px){dialog.al-unfollow-dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:16px 16px 0 0;padding-bottom:max(24px,env(safe-area-inset-bottom))}}