/* Reuse the premium daisyUI button, theme colours and keyboard focus. */
.premium-ui .premium-arrival-toggle { flex: 0 0 auto; gap: 7px; padding-inline: 12px; margin-left: auto; background: var(--color-base-200); color: var(--color-base-content); }
.premium-ui .premium-topbar:has(.premium-arrival-toggle) .premium-notifications { margin-left: 0; }
.premium-ui .premium-arrival-toggle[aria-pressed="true"] { color: var(--color-success-content); background: var(--color-success); }
.premium-ui .premium-arrival-toggle[aria-busy="true"] { cursor: progress; }
.premium-ui .app-toast { display: flex; align-items: flex-start; gap: 8px; border-radius: 16px; padding: 12px; }
.premium-ui .premium-toast-content { flex: 1; min-width: 0; line-height: 1.5; overflow-wrap: anywhere; padding: 5px 0 4px 3px; }
.premium-ui .app-toast .premium-toast-close { flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; box-shadow: none; }
.premium-ui .premium-toast-close > span { font-size: 25px; line-height: 1; font-weight: 400; }
.premium-ui .app-toast .premium-toast-close:hover { background: color-mix(in oklab, currentColor 9%, transparent); }
.premium-ui #toast-region .app-toast .premium-toast-action { display: flex; width: fit-content; max-width: 100%; min-height: 44px; margin-top: 10px; padding: 8px 12px; border: 0; border-radius: 10px; background: color-mix(in oklab, currentColor 8%, transparent); color: inherit; font-size: 13px; white-space: normal; text-decoration: none; box-shadow: none; }
@media (max-width: 700px) {
  .premium-ui .premium-arrival-toggle { padding-inline: 9px; font-size: 12px; }
  .premium-ui .premium-topbar:has(.premium-arrival-toggle) { flex-wrap: wrap; row-gap: 8px; }
  .premium-ui .premium-topbar:has(.premium-arrival-toggle) .premium-preview-label { display: none; }
}