/* S/MIME: the method switch in compose, the reader's S/MIME tag and the
   certificates in Settings > Security. Badges and panels use openpgp.css. */

.pgp-method {
  padding: 3px 8px; border-radius: 14px; border: 1px dashed var(--line); background: transparent;
  color: var(--accent-ink); font-size: 12px; font-weight: 500; cursor: pointer;
}
.pgp-method:hover:not(:disabled) { background: var(--hover); }
.pgp-method:disabled { cursor: default; border-style: solid; border-color: transparent; color: var(--text-2); }

.pgp-badge.smime-tag { font-weight: 600; letter-spacing: .02em; }

.smime-cert { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-top: 1px solid var(--line); margin-top: 6px; }
.smime-cert:first-of-type { border-top: 0; }
.smime-cert .spacer { flex: 1; min-width: 0; }
@media (max-width: 720px) {
  .smime-cert { flex-wrap: wrap; }
}