/* Die Vorstellungen sind reine Inhalte; Typografie, Farben und Layout stammen aus dem Original. */
.platform-card { cursor: default; }
/* Native Buttons verwenden dieselben Originalregeln wie die früheren Anbieter-Links. */
button.trial-provider-button { width: 100%; cursor: pointer; }
/* Die öffentliche Bestätigung verwendet denselben Seitenrahmen wie bisher. */
.preview-status { min-height: 55vh; }
#preview-registration button:disabled, #preview-provider-registration button:disabled { opacity: .6; cursor: wait; }
/* Zusätzliche Preview-Inhalte verwenden Farben und Formularstil des Originals. */
.preview-registration-shared { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.preview-provider-fields { margin-top: 20px; }
.preview-provider-fields [hidden] { display: none; }
.preview-countdown { margin-top: 24px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; }
.preview-countdown p { margin: 0; color: var(--muted); font-size: .95rem; line-height: 1.5; }
.preview-countdown time { display: block; font-weight: 700; }
.preview-countdown-units { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; }
.preview-countdown-units[hidden] { display: none; }
.preview-countdown-units > div { display: flex; flex-direction: column-reverse; text-align: center; }
.preview-countdown-units dt { color: var(--muted); font-size: .7rem; }
.preview-countdown-units dd { margin: 0; color: var(--ink); font-size: clamp(1.3rem, 3vw, 2rem); font-weight: 700; font-variant-numeric: tabular-nums; }