/* Print styles — applied when printing backup codes via the print button. */

/* Font face for Roobert font family. */
@font-face {
  font-family: "Roobert";
  src:
    url("/fonts/Roobert-Regular.otf") format("opentype"),
    url("/fonts/Roobert-Bold.otf") format("opentype"),
    url("/fonts/Roobert-Heavy.otf") format("opentype"),
    url("/fonts/Roobert-Light.otf") format("opentype"),
    url("/fonts/Roobert-Medium.otf") format("opentype");
  font-display: swap;
}

/* Print container is hidden on screen. */
.lcp-print-only {
  display: none;
}

/* When printing backup codes, hide everything except the print content. */
@media print {
  /* Remove browser-generated headers, footers, and margins so the
     content fits on a single page with no extra chrome. */
  @page {
    margin: 0;
  }

  html:has(body.lcp-printing-backup-codes),
  body.lcp-printing-backup-codes {
    margin: 0;
    padding: 0;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.lcp-printing-backup-codes > *:not(.lcp-print-only) {
    display: none !important;
  }

  body.lcp-printing-backup-codes .lcp-print-only {
    display: block !important;
  }
}

/* Backup codes print layout — styled to match the recovery codes document. */
.lcp-print-backup-codes-container {
  border: 1px solid #333;
  padding: 40px 50px;
  margin: 40px;
  font-family: "Roobert", sans-serif;
  color: #000;
}

.lcp-print-backup-codes-container h1 {
  font-size: 26px;
  font-weight: normal;
  margin: 0 0 16px 0;
}

.lcp-print-backup-codes-subtitle {
  font-size: 14px;
  margin: 0 0 24px 0;
}

.lcp-print-backup-codes-list {
  list-style-type: disc;
  padding-left: 40px;
  margin: 0 0 30px 0;
  font-family: "Roobert", sans-serif;
  font-size: 13px;
  color: #000;
}

.lcp-print-backup-codes-list li {
  margin-bottom: 2px;
}

.lcp-print-backup-codes-date {
  font-size: 14px;
}

.lcp-print-backup-codes-date span {
  font-weight: bold;
  margin-right: 4px;
}