/* Mail API settings: top-layer confirmation, independent of the page scroll. */
.mai-confirm-popup-v384 {
  padding: 0;
  width: min(540px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  border: 1px solid #cbd5e1;
  border-radius: 20px;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 28px 90px #02061766;
}
.mai-confirm-popup-v384::backdrop { background: #020617b3; backdrop-filter: blur(4px); }
.mai-confirm-popup-v384 .mai-confirm-v219 {
  width: auto;
  max-width: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: inherit;
  color: inherit;
  padding: 26px;
}
.mai-confirm-popup-v384 .mai-card-actions-v219 { margin-top: 18px; justify-content: flex-end; }
.mai-refresh-v384 { white-space: nowrap; }
.mai-refresh-v384 > span { font-size: 19px; line-height: 1; }
.dark .mai-confirm-popup-v384 { background: #0f172a; color: #e2e8f0; border-color: #334155; }
.dark .mai-confirm-popup-v384 .mai-confirm-v219 p { color: #a8b8ce; }
.dark .mai-confirm-popup-v384 .mai-delete-preview-v382 { background: #172236; color: #fecdd3; border-color: #334155; }
.dark .mai-confirm-popup-v384 .mai-input-v219 { background: #0b1220; color: #e2e8f0; border-color: #475569; }
.dark .mai-confirm-popup-v384 .mai-field-v219 > span { color: #cbd5e1; }
@media (max-width: 600px) {
  .mai-confirm-popup-v384 .mai-confirm-v219 { padding: 20px; }
}