.status-pill.inactive {
  color: var(--red);
  border-color: rgba(255, 68, 95, .3);
  background: rgba(255, 68, 95, .06);
}

.status-pill.inactive i {
  background: var(--red);
  box-shadow: 0 0 10px var(--red);
}

.subscription-error {
  padding: 12px;
  margin: 0 0 15px;
  border: 1px solid rgba(255, 68, 95, .25);
  background: rgba(255, 68, 95, .07);
  color: #ff9bab;
  font: 9px var(--mono);
  line-height: 1.6;
}

.subscription-card.loading { opacity: .78; }
.service.telegram svg { fill: #44c8f5; }

.download-options {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.download-options a {
  padding: 10px 12px;
  border: 1px solid rgba(56, 205, 247, .22);
  background: rgba(56, 205, 247, .06);
  color: var(--cyan);
  text-decoration: none;
  font: 700 10px var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: .2s ease;
}

.download-options a:hover {
  background: var(--cyan);
  color: #00131b;
}

.install-note {
  grid-column: 1 / -1;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  color: #8ea6b2;
  font-size: 12px;
  line-height: 1.55;
}

.install-note button {
  all: unset;
  cursor: pointer;
  color: var(--cyan);
  font-family: var(--mono);
  word-break: break-all;
}

.install-note button:hover {
  text-decoration: underline;
}