.app-credit-footer {
  width: 100%;
  padding: 0 1rem 1.5rem;
  text-align: center;
}
.app-credit-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .55rem .85rem;
  max-width: 100%;
  padding: .75rem 1.35rem;
  border: 1px solid var(--border-subtle, #dce7e1);
  border-radius: 9999px;
  background: var(--bg-surface, #fff);
  box-shadow: 0 6px 18px rgba(15, 23, 42, .08);
  color: var(--text-muted, #5a716a);
  font-size: .83rem;
  font-weight: 700;
  line-height: 1.5;
}
.app-credit-pill strong { color: var(--text-main, #17322e); font-size: .9rem; font-weight: 800; }
.app-credit-version { padding: .25rem .65rem; border-radius: 9999px; background: var(--primary, #17675d); color: #fff; font-size: .72rem; font-weight: 800; }
.app-credit-dot { color: var(--text-dim, #78918a); }
.app-credit-pill a { color: var(--primary, #17675d); font-weight: 800; text-decoration: none; }
.app-credit-pill a:hover, .app-credit-pill a:focus-visible { text-decoration: underline; }
@media (max-width: 520px) {
  .app-credit-footer { padding: 0 .5rem 1.25rem; }
  .app-credit-pill {
    flex-wrap: nowrap;
    width: max-content;
    gap: .3rem;
    padding: .55rem .6rem;
    white-space: nowrap;
    font-size: .6rem;
    letter-spacing: -.015em;
  }
  .app-credit-pill strong { font-size: .68rem; }
  .app-credit-version { padding: .17rem .4rem; font-size: .57rem; }
}
@media (max-width: 350px) {
  .app-credit-pill { gap: .2rem; padding-inline: .45rem; font-size: .55rem; }
  .app-credit-pill strong { font-size: .62rem; }
  .app-credit-version { padding-inline: .32rem; font-size: .53rem; }
}
@media (max-width: 300px) {
  .app-credit-dot { display: none; }
  .app-credit-pill { gap: .15rem; font-size: .51rem; }
}
@media print { .app-credit-footer { display: none !important; } }