:root{
  --system-dialog-border:var(--app-drawer-border,#cfdae5);
  --system-dialog-surface:var(--app-drawer-surface,#fff);
  --system-dialog-muted:var(--app-drawer-surface-muted,#f6f9fb);
  --system-dialog-text:var(--app-drawer-text,#082c58);
  --system-dialog-subtle:var(--app-drawer-muted,#607487);
  --system-dialog-backdrop:var(--app-drawer-backdrop,rgba(5,24,47,.52));
  --system-dialog-shadow:0 28px 80px rgba(5,24,47,.32)
}
.system-dialog-layer{
  box-sizing:border-box;position:fixed!important;inset:0!important;z-index:1900!important;display:grid!important;place-items:center!important;
  width:auto!important;height:auto!important;margin:0!important;padding:20px!important;overflow:auto!important;background:var(--system-dialog-backdrop)!important;
  backdrop-filter:blur(3px);overscroll-behavior:contain
}
.system-dialog-layer[hidden],.system-dialog[hidden]{display:none!important}
.system-dialog{
  box-sizing:border-box;position:relative!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,100%)!important;
  max-width:100%!important;max-height:min(88dvh,820px)!important;margin:auto!important;padding:0!important;overflow:hidden!important;
  border:1px solid var(--system-dialog-border)!important;border-radius:18px!important;background:var(--system-dialog-surface)!important;color:var(--system-dialog-text)!important;
  box-shadow:var(--system-dialog-shadow)!important;outline:none!important
}
.system-dialog--compact{width:min(520px,100%)!important}
.system-dialog--medium{width:min(760px,100%)!important}
.system-dialog--wide{width:min(1280px,100%)!important}
.system-dialog__head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:16px 18px!important;
  border-bottom:1px solid var(--system-dialog-border)!important;background:var(--system-dialog-muted)!important
}
.system-dialog__head>div{display:grid;gap:4px;min-width:0}
.system-dialog__head h2,.system-dialog__head h3{margin:0!important;color:var(--system-dialog-text)!important;font-size:18px!important;line-height:1.25!important;overflow-wrap:anywhere}
.system-dialog__head p,.system-dialog__head small{margin:0!important;color:var(--system-dialog-subtle)!important;font-size:12px!important;line-height:1.45!important}
.system-dialog__body{min-height:0;overflow:auto;padding:16px 18px;overscroll-behavior:contain;scrollbar-gutter:stable}
.system-dialog__message{margin:0;color:var(--system-dialog-text);font-size:15px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-line}
.system-dialog__actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0!important;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid var(--system-dialog-border)!important;background:#fff!important
}
.system-dialog__actions>*{margin:0!important}
.system-dialog__actions .danger,[data-system-confirm-accept].danger{background:var(--danger,#a12626)!important;color:#fff!important;border-color:var(--danger,#a12626)!important}
html.system-dialog-open,html.system-dialog-open body{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:620px){
  .system-dialog-layer{align-items:end!important;justify-items:stretch!important;padding:8px 8px 0!important}
  .system-dialog{width:100%!important;max-height:90dvh!important;margin:0!important;border-radius:18px 18px 0 0!important;border-bottom:0!important}
  .system-dialog__head{padding:14px!important}.system-dialog__body{padding:14px!important}
  .system-dialog__actions{display:grid!important;grid-template-columns:1fr!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))!important}
  .system-dialog__actions>button,.system-dialog__actions>.button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){.system-dialog-layer{scroll-behavior:auto!important}}