/* Scoped to the Rearmed login profile only. */
#rearmed-connected-accounts[hidden],
#rearmed-connected-accounts [hidden] { display: none !important; }

#rearmed-connected-accounts {
  margin: 23px 0 20px;
  padding: 20px 18px;
  background: #151c20;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  color: #d5dde2;
}

.rearmed-linked-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

#rearmed-connected-accounts h4 {
  margin: 0;
  color: #e3e9e6;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
}

.rearmed-linked-heading > span {
  color: #9eb8ac;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .13em;
}

.rearmed-linked-provider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 43px;
  border-top: 1px solid rgba(255,255,255,.075);
  font-size: 12px;
}

.rearmed-linked-provider-name {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}

.rearmed-linked-provider-icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  background: #29353b;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 5px;
  font-size: 12px;
  color: #e8ecee;
}

.rearmed-linked-provider-status {
  text-align: right;
  color: #98a8b1;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .06em;
}

.rearmed-linked-provider-status[data-connected="true"] { color: #a3ccb2; }

#rearmed-discord-link-form { margin-top: 14px; }

#rearmed-discord-link-button {
  display: block;
  width: 100%;
  padding: 13px 15px;
  background: #a0baaf;
  border: 1px solid #a0baaf;
  border-radius: 6px;
  color: #101a17;
  font: inherit;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .1em;
  cursor: pointer;
  transition: transform 150ms ease, filter 150ms ease;
}

#rearmed-discord-link-button:hover { filter: brightness(1.08); transform: translateY(-1px); }
#rearmed-discord-link-button:active,
#rearmed-discord-link-button.rearmed-link-connecting { transform: scale(.975); }
#rearmed-discord-link-button:disabled { cursor: wait; }
#rearmed-discord-link-button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

#rearmed-link-hint {
  margin: 12px 0 0;
  color: #9aaab2;
  font-size: 11px;
  line-height: 1.6;
}

#rearmed-link-notice {
  margin: 12px 0 0;
  padding: 11px 12px;
  background: rgba(209,158,98,.08);
  border: 1px solid rgba(209,158,98,.24);
  border-radius: 5px;
  color: #e3c6a1;
  font-size: 11px;
  line-height: 1.6;
}

#rearmed-link-notice[data-success="true"] {
  background: rgba(152,181,168,.09);
  border-color: rgba(152,181,168,.28);
  color: #b8d8c7;
}

@media (prefers-reduced-motion: reduce) {
  #rearmed-discord-link-button { transition: none; }
}