.logo {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: clamp(15px, 1.45vw, 22px);
  letter-spacing: 1.5px;
}

.logo small { letter-spacing: 3px; }
.sidebar .logo { font-size: 16px; letter-spacing: 1px; }

.text-link {
  border: 0;
  background: none;
  color: var(--blue);
  font-weight: 800;
  padding: 14px 0 0;
  text-align: left;
}

.qr-code {
  width: min(250px, 100%);
  aspect-ratio: 1;
  margin: 14px 0;
}

.qr-code svg { display: block; width: 100%; height: 100%; }
.activation-url { font-size: 11px; overflow-wrap: anywhere; }
.print-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.button.danger { border-color: #d92d20; color: #b42318; background: #fff; }
.button.danger:hover { color: #fff; background: #b42318; }
.button.compact { display: block; width: fit-content; margin-top: 14px; padding: 8px 10px; font-size: 12px; }

@media print {
  body { background: #fff; }
  .app, .login, dialog .dialog-head, dialog .form-grid, dialog .dialog-actions { display: none !important; }
  dialog[open] { display: block; position: static; width: auto; max-width: none; box-shadow: none; margin: 0; }
  .print-sheet { display: grid !important; grid-template-columns: 72mm 1fr; gap: 4mm 8mm; align-items: center; border: 0; background: #fff; padding: 8mm; color: #000; }
  .print-sheet .kicker, .print-sheet h3, .print-sheet .qr-code { grid-column: 1; }
  .print-sheet p { grid-column: 2; margin: 2mm 0; }
  .print-sheet .qr-code { width: 65mm; height: 65mm; }
  .print-actions { display: none !important; }
  @page { size: A4; margin: 12mm; }
}