/* Deliberately scoped: no admin, payment, calendar, or global button overrides. */
dialog.yana-message {
  box-sizing: border-box; position: fixed; inset: 0; margin: auto;
  width: min(440px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px);
  overflow: auto; overscroll-behavior: contain; padding: 64px 28px 28px;
  border: 1px solid #dfe5eb; border-radius: 24px; background: #fff; color: #111827;
  box-shadow: 0 24px 80px #0f172a30; font-family: inherit; text-align: center;
}
.yana-message::backdrop { background: #10182880; backdrop-filter: blur(5px); }
.yana-message .yana-message__close {
  position: absolute; inset-block-start: 14px; inset-inline-end: 14px; display: grid; place-items: center;
  width: 44px; height: 44px; min-height: 44px; padding: 0; border-radius: 14px; border: 1px solid #e2e8f0;
  background: #f8fafc; color: inherit; cursor: pointer;
}
.yana-message__icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 18px; border-radius: 20px; background: #eef3f7; color: #23354a; font: 700 28px/1 system-ui; }
.yana-message[data-kind="success"] .yana-message__icon { background: #e6f6ef; color: #08745d; }
.yana-message[data-kind="danger"] .yana-message__icon,
.yana-message[data-kind="error"] .yana-message__icon { background: #fff0ee; color: #b43d33; }
.yana-message h2 { margin: 0 0 12px; color: inherit; font-size: clamp(22px, 4vw, 27px); line-height: 1.35; font-weight: 750; }
.yana-message .yana-message__body { margin: 0 0 26px; font-size: 16px; line-height: 1.7; color: #526172; white-space: pre-wrap; overflow-wrap: anywhere; }
.yana-message__actions { display: grid; gap: 10px; }
.yana-message__actions button { min-height: 48px; padding: 12px 18px; width: 100%; border: 1px solid #dbe2ea; border-radius: 14px; font-size: 16px; line-height: 1.45; font-weight: 700; font-family: inherit; cursor: pointer; }
.yana-message__actions .yana-message__primary { background: #101827; border-color: #101827; color: #fff; }
.yana-message[data-kind="danger"] .yana-message__primary { background: #ad3030; border-color: #ad3030; }
.yana-message__actions .yana-message__cancel { background: #fff; color: #283548; }
.yana-message__actions [hidden] { display: none; }
.yana-message button:focus-visible,
#authSuggestionModal button:focus-visible,
#forgotNudgeModal button:focus-visible { outline: 3px solid #b78f39; outline-offset: 3px; }
.yana-field-message { color: #a12a35; background: #fff2f2; border: 1px solid #f1d5da; border-radius: 12px; padding: 12px 14px; margin: 12px 0; font-size: 14px; line-height: 1.6; text-align: start; }
.yana-field-message:empty { display: none !important; }
#authSuggestionModal .auth-action-card, #forgotNudgeModal .auth-action-card {
  box-sizing: border-box; width: min(460px, calc(100% - 32px)); max-width: 460px;
  padding: 64px 28px 28px !important; border-radius: 24px !important; border: 1px solid #dfe5eb;
  background: #fff; color: #111827; max-height: calc(100dvh - 32px); overflow-y: auto;
}
#authSuggestionModal .auth-action-icon, #forgotNudgeModal .auth-action-icon {
  width: 58px; height: 58px; border-radius: 20px; margin: 0 auto 18px; background: #eef3f7; color: #23354a; font-size: 28px;
}
#authSuggestionModal h2, #forgotNudgeModal h2 { font-size: clamp(22px, 4vw, 27px); line-height: 1.35; margin: 0 0 14px; }
#authSuggestionModal .auth-action-copy, #forgotNudgeModal .auth-action-copy,
#authSuggestionText, #forgotNudgeText { font-size: 16px; line-height: 1.7; color: #526172; overflow-wrap: anywhere; }
#authSuggestionModal .auth-action-identity, #forgotNudgeModal .auth-action-identity {
  display: inline-block; direction: ltr; unicode-bidi: isolate; max-width: 100%; overflow-wrap: anywhere;
  border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; padding: 9px 14px; margin-top: 14px; font-size: 16px; color: #23354a;
}
#authSuggestionModal .btn, #forgotNudgeModal .btn { min-height: 48px; border-radius: 14px; padding: 12px 18px; font-size: 16px; }
#authSuggestionModal .close-modal, #forgotNudgeModal .close-modal,
#otpModal .close-modal, #passwordRecoveryModal .close-modal, #restoreAccountModal .close-modal {
  display: grid; place-items: center; width: 44px; height: 44px; min-height: 44px; padding: 0;
  border: 1px solid #e2e8f0; border-radius: 14px; background: #f8fafc; color: #182334; cursor: pointer; font-family: inherit;
}
@media (max-width: 600px) {
  dialog.yana-message { inset-block-start: auto; inset-block-end: 0; width: 100%; margin: 0; border-radius: 24px 24px 0 0; padding: 64px 24px max(24px, env(safe-area-inset-bottom)); max-height: calc(100dvh - 16px); }
  #authSuggestionModal .auth-action-card, #forgotNudgeModal .auth-action-card { width: calc(100% - 24px); margin: 12px; padding: 64px 22px 24px !important; }
}
body.dark-mode dialog.yana-message, body.dark-mode #authSuggestionModal .auth-action-card, body.dark-mode #forgotNudgeModal .auth-action-card { background: #151e2b; border-color: #364153; color: #f1f5f9; }
body.dark-mode .yana-message .yana-message__body, body.dark-mode #authSuggestionText, body.dark-mode #forgotNudgeText { color: #c0cbd8; }
body.dark-mode .yana-field-message { background: #351f29; border-color: #70414d; color: #ffced5; }
@media (prefers-reduced-motion: reduce) { .yana-message, .yana-message * { animation: none !important; transition: none !important; } }