/* Only warning, blocking and error prompts use this presentation. Ordinary
   confirmations and successful results inherit their original styles.
   Presentation only. Existing handlers, button labels, focus, stacking and timers
   remain owned by the original dialogs. Do not add visibility/animation rules. */
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card),
.system-modal-dialog:is(.system-confirm-dialog, .system-result-dialog):where(:has(.system-confirm-content.warning, .system-result-content.warning, .system-result-content.error)),
.action-notice:where(.warn, .error) .action-notice-card {
  --prompt-accent: #2264b5;
  --prompt-soft: #edf4fd;
  --prompt-glyph: "i";
  border: 1px solid #d6dfe9;
  border-top: 4px solid var(--prompt-accent);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 22px 56px rgba(20, 39, 64, .22);
  color: #23364d;
}
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card)[data-prompt-tone="warning"],
.special-event-confirm-modal > .mail-confirm-card,
.order-entry-factory-default-choice > .mail-confirm-card,
.action-notice.warn .action-notice-card,
.system-confirm-dialog:has(.system-confirm-content.warning),
.system-modal-dialog:is(.system-confirm-dialog, .system-result-dialog):where(:has(.system-confirm-content.warning, .system-result-content.warning, .system-result-content.error)):has(.system-result-content.warning) {
  --prompt-accent: #bc5700;
  --prompt-soft: #fff3e5;
  --prompt-glyph: "!";
}
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card)[data-prompt-tone="danger"],
.order-telex-block-modal > .mail-confirm-card,
.action-notice.error .action-notice-card,
.system-modal-dialog:is(.system-confirm-dialog, .system-result-dialog):where(:has(.system-confirm-content.warning, .system-result-content.warning, .system-result-content.error)):has(.system-result-content.error) {
  --prompt-accent: #cc243a;
  --prompt-soft: #fff0f2;
  --prompt-glyph: "!";
}

:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-head {
  position: relative;
  min-height: 88px;
  padding: 22px 54px 20px 88px;
  border-bottom: 0;
  background: #fff;
  box-shadow: none;
}
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-head::before {
  content: var(--prompt-glyph);
  position: absolute;
  left: 24px;
  top: 24px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 3px solid var(--prompt-accent);
  border-radius: 50%;
  color: var(--prompt-accent);
  background: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-head > span {
  color: #64758a;
  font-size: 11px;
  letter-spacing: .06em;
}
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-head > strong {
  color: #192f4d;
  font-size: 23px;
  line-height: 1.45;
  letter-spacing: 0;
  text-shadow: none;
}
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-body { padding: 0 24px 12px; }
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-body > dl {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: var(--prompt-soft);
  overflow-wrap: anywhere;
}
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-body dt,
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-body dd {
  color: #34485f;
  background: transparent;
  line-height: 1.65;
  text-shadow: none;
}
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-body dt { color: var(--prompt-accent); }
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-actions { gap: 10px; padding: 16px 24px 22px; flex-wrap: wrap; }
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-actions > :is(.default-confirm-btn, .default-cancel-btn),
.action-notice:where(.warn, .error) .action-notice-ok,
.system-modal-dialog:is(.system-confirm-dialog, .system-result-dialog):where(:has(.system-confirm-content.warning, .system-result-content.warning, .system-result-content.error)) > .system-modal-footer > button {
  min-height: 40px;
  height: auto;
  padding: 9px 18px;
  border: 1px solid #aab9cb;
  border-radius: 6px;
  background: #fff;
  color: #29405b;
  box-shadow: none;
  font-size: 14px;
  line-height: 1.4;
  text-shadow: none;
}
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-actions > .default-confirm-btn,
.action-notice:where(.warn, .error) .action-notice-ok,
.system-modal-dialog:is(.system-confirm-dialog, .system-result-dialog):where(:has(.system-confirm-content.warning, .system-result-content.warning, .system-result-content.error)) > .system-modal-footer > .system-modal-primary {
  border-color: var(--prompt-accent);
  background: var(--prompt-accent);
  color: #fff;
}
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-actions > button:disabled { opacity: .55; }
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-close,
.action-notice:where(.warn, .error) .action-notice-close {
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #64758a;
  box-shadow: none;
}
/* Existing special-event icons and all completion/defer controls stay intact. */
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .special-event-confirm-head { background: #fff; border-bottom-color: #e2e8f0; box-shadow: none; }
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) .special-event-confirm-emblem {
  border: 3px solid var(--prompt-accent);
  border-radius: 50%;
  background: #fff;
  color: var(--prompt-accent);
  box-shadow: none;
}
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) .special-event-confirm-head :is(em, strong) { color: #23364d; text-shadow: none; }
:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) .special-event-confirm-note { background: var(--prompt-soft); border-color: #e2e8f0; color: #34485f; }
.action-notice:where(.warn, .error) .action-notice-card { padding: 26px; gap: 18px; }
.action-notice:where(.warn, .error) .action-notice-icon {
  width: 48px;
  height: 48px;
  margin: 0;
  border: 3px solid var(--prompt-accent);
  background: #fff;
  color: var(--prompt-accent);
  box-shadow: none;
  font-size: 28px;
  line-height: 1;
}
.action-notice:where(.warn, .error) .action-notice-body em { color: var(--prompt-accent); }
.action-notice:where(.warn, .error) .action-notice-body strong { color: #192f4d; font-size: 23px; line-height: 1.45; }
.action-notice:where(.warn, .error) .action-notice-body > span {
  padding: 12px 14px;
  border-radius: 8px;
  background: var(--prompt-soft);
  color: #34485f;
  font-size: 14px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.system-modal-dialog:is(.system-confirm-dialog, .system-result-dialog):where(:has(.system-confirm-content.warning, .system-result-content.warning, .system-result-content.error)) > .system-modal-header { background: #fff; box-shadow: none; }
.system-modal-dialog:is(.system-confirm-dialog, .system-result-dialog):where(:has(.system-confirm-content.warning, .system-result-content.warning, .system-result-content.error)) :is(.system-confirm-content, .system-result-content) { background: var(--prompt-soft); border-color: #e2e8f0; color: #34485f; }
@media (max-width: 640px) {
  :is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-head { padding: 18px 42px 16px 72px; min-height: 78px; }
  :is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-head::before { left: 18px; top: 20px; width: 34px; height: 34px; font-size: 23px; }
  :is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-head > strong { font-size: 20px; }
  :is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-body { padding: 0 16px 10px; }
  :is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) > .mail-confirm-actions { padding: 12px 16px 18px; }
  .action-notice:where(.warn, .error) .action-notice-card { padding: 20px 16px; gap: 12px; }
  .action-notice:where(.warn, .error) .action-notice-icon { width: 38px; height: 38px; font-size: 24px; }
  .action-notice:where(.warn, .error) .action-notice-body strong { font-size: 20px; }
}

:is(.mail-confirm-card[data-prompt-tone="warning"], .mail-confirm-card[data-prompt-tone="danger"], .special-event-confirm-modal > .mail-confirm-card, .order-telex-block-modal > .mail-confirm-card, .order-entry-factory-default-choice > .mail-confirm-card) { max-height: calc(100dvh - 32px); overflow-y: auto; }
/* Unlock is a reason form: keep its checkboxes and single submit action. */
.order-lock-dialog {
  border: 1px solid #d6dfe9;
  border-top: 4px solid #bc5700;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 22px 56px rgba(20, 39, 64, .22);
}
.order-lock-dialog .order-lock-head { background: #fff; }
.order-lock-dialog .order-lock-status { background: #fff3e5; color: #34485f; }
.order-lock-dialog .order-lock-confirm {
  border: 1px solid #bc5700;
  border-radius: 6px;
  background: #bc5700;
  color: #fff;
  box-shadow: none;
}
/* Decorative status silhouettes match the reviewed warning/blocking mockups. */
.mail-confirm-modal > .mail-confirm-card[data-prompt-tone="warning"] > .mail-confirm-head::before,
.action-notice.warn .action-notice-icon,
.mail-confirm-modal.special-event-confirm-modal > .mail-confirm-card .special-event-confirm-emblem {
  content: "";
  border: 0;
  border-radius: 0;
  background: var(--prompt-accent);
  font-size: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M22 5Q24 2 26 5L45 39Q47 43 42 43H6Q1 43 3 39Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M24 17V28' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='35' r='2.2'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M22 5Q24 2 26 5L45 39Q47 43 42 43H6Q1 43 3 39Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M24 17V28' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='35' r='2.2'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mail-confirm-modal > .mail-confirm-card[data-prompt-tone="danger"] > .mail-confirm-head::before,
.action-notice.error .action-notice-icon,
.mail-confirm-modal.order-telex-block-modal > .mail-confirm-card .special-event-confirm-emblem {
  content: "";
  border: 0;
  border-radius: 0;
  background: var(--prompt-accent);
  font-size: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M15 3H33L45 15V33L33 45H15L3 33V15Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M24 13V27' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='35' r='2.2'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M15 3H33L45 15V33L33 45H15L3 33V15Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M24 13V27' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='35' r='2.2'/%3E%3C/svg%3E") center / contain no-repeat;
}