/* Permission-aware states stay quiet until the server response arrives. */
.entitlement-nav-pending,
.entitlement-nav-free,
.entitlement-nav-full,
.entitlement-inline-free,
.entitlement-inline-full,
.entitlement-view-pending,
.entitlement-view-free,
.entitlement-view-full { display: none; }

body[data-entitlement-state="pending"] .entitlement-nav-pending,
body[data-entitlement-state="free"] .entitlement-nav-free,
body[data-entitlement-state="full"] .entitlement-nav-full,
body[data-entitlement-state="free"] .entitlement-inline-free,
body[data-entitlement-state="full"] .entitlement-inline-full { display: inline-flex; }

body[data-entitlement-state="pending"] .entitlement-view-pending,
body[data-entitlement-state="free"] .entitlement-view-free,
body[data-entitlement-state="full"] .entitlement-view-full { display: block; }

.entitlement-nav-pending { color: var(--muted); }
.entitlement-nav-full {
  align-items: center;
  gap: 5px;
  padding: 7px 11px;
  border: 1px solid #a8cdbb;
  border-radius: 999px;
  color: #2d765e !important;
  background: #edf8f0;
  font-weight: 600;
}
.entitlement-inline-full { color: #2d765e; font-weight: 600; }
.entitlement-band-action { display: flex; align-items: end; min-height: 24px; }
.entitlement-band-action a { color: var(--teal); font-size: 13px; white-space: nowrap; }
.entitlement-view-pending { color: var(--muted); }
.entitlement-check { margin: 0; font-size: 14px; }
@media(max-width:900px){.knowledge-band .entitlement-band-action{grid-column:1/-1}}
@media(max-width:560px){.knowledge-band .entitlement-band-action{grid-column:auto}}