/* Body scope also reaches shared dialogs appended outside the page's main element. */
.birthday-dialog-theme .psh-sheet-card,
.birthday-dialog-theme .app-dialog-card { background: var(--birthday-dialog-background); color: var(--birthday-dialog-text); border: 1px solid var(--birthday-dialog-border); }
.birthday-dialog-theme .psh-sheet-card {
  width: min(420px, calc(100vw - 32px));
  height: min(640px, calc(100vh - 32px));
  height: min(640px, calc(100dvh - 32px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)));
}
.birthday-dialog-theme .psh-sheet-modal { height: 100dvh; }
.birthday-dialog-theme .psh-sheet-header,
.birthday-dialog-theme .psh-sheet-footer,
.birthday-dialog-theme .app-dialog-actions { background: var(--birthday-dialog-surface); border-color: var(--birthday-dialog-border); }
.birthday-dialog-theme .psh-sheet-body { min-height: 0; background: var(--birthday-dialog-background); color: var(--birthday-dialog-text); scrollbar-color: var(--birthday-dialog-border) transparent; }
.birthday-dialog-theme .psh-sheet-body-inner { font-weight: 400; }
.birthday-dialog-theme .psh-sheet-body-inner h1,
.birthday-dialog-theme .psh-sheet-body-inner h2,
.birthday-dialog-theme .psh-sheet-body-inner h3,
.birthday-dialog-theme .psh-sheet-close,
.birthday-dialog-theme .app-dialog-header,
.birthday-dialog-theme .app-dialog-body,
.birthday-dialog-theme .app-dialog-rate-limit-note { color: var(--birthday-dialog-text); }
.birthday-dialog-theme .psh-sheet-body a,
.birthday-dialog-theme .psh-sheet-tip { color: var(--birthday-dialog-button); }
.birthday-dialog-theme .psh-sheet-btn,
.birthday-dialog-theme .app-dialog-btn.primary { background: var(--birthday-dialog-button); color: var(--birthday-dialog-button-text); box-shadow: none; }
.birthday-dialog-theme .psh-sheet-btn:not(:disabled):active,
.birthday-dialog-theme .app-dialog-btn.primary:not(:disabled):active { background: var(--birthday-dialog-button-hover); }
@media (hover: hover) {
  .birthday-dialog-theme .psh-sheet-btn:not(:disabled):hover,
  .birthday-dialog-theme .app-dialog-btn.primary:not(:disabled):hover { background: var(--birthday-dialog-button-hover); }
}
.birthday-dialog-theme .psh-sheet-btn:disabled,
.birthday-dialog-theme .app-dialog-btn:disabled { background: var(--birthday-dialog-disabled); color: var(--birthday-dialog-text); box-shadow: none; }
.birthday-dialog-theme .app-dialog-btn.secondary { background: var(--birthday-dialog-background); border-color: var(--birthday-dialog-button); color: var(--birthday-dialog-button); }
.birthday-dialog-theme .app-dialog-rate-limit-badge { background: var(--birthday-dialog-surface); color: var(--birthday-dialog-button); }
.birthday-dialog-theme .psh-sheet-btn:focus-visible,
.birthday-dialog-theme .psh-sheet-close:focus-visible,
.birthday-dialog-theme .app-dialog-btn:focus-visible { outline: 2px solid var(--birthday-dialog-button); outline-offset: 3px; }