:root{
  --sgo-dialog-radius:14px;
  --sgo-dialog-border:#94a3b8;
  --sgo-dialog-title-a:#1e3a8a;
  --sgo-dialog-title-b:#6d28d9;
}

.modal-overlay,
.mce2-modal-overlay,.mce2-overlay,
.oi-cause-modal-overlay,.oi-cause-overlay,
.ot-view-overlay{
  background:rgba(15,23,42,.52)!important;
  backdrop-filter:blur(4px);
}

.modal-overlay>.modal,
.modal-overlay>.modal-box,
.mce2-modal-overlay>.mce2-modal,.mce2-overlay>.mce2-modal,
.oi-cause-modal-overlay>.oi-cause-modal,.oi-cause-overlay>.oi-cause-modal,
.ot-view-overlay>.ot-view-modal{
  box-sizing:border-box;
  border:2px solid var(--sgo-dialog-border)!important;
  border-radius:var(--sgo-dialog-radius)!important;
  outline:3px solid rgba(255,255,255,.72);
  box-shadow:0 22px 58px rgba(15,23,42,.34)!important;
}

.sgo-dialog-frame{
  --sgo-dialog-title-a:#1e3a8a;
  --sgo-dialog-title-b:#6d28d9;
}
.sgo-dialog-frame[data-sgo-dialog-tone="teal"]{--sgo-dialog-title-a:#0f766e;--sgo-dialog-title-b:#0891b2}
.sgo-dialog-frame[data-sgo-dialog-tone="blue"]{--sgo-dialog-title-a:#1d4ed8;--sgo-dialog-title-b:#4f46e5}
.sgo-dialog-frame[data-sgo-dialog-tone="violet"]{--sgo-dialog-title-a:#4338ca;--sgo-dialog-title-b:#7e22ce}
.sgo-dialog-frame[data-sgo-dialog-tone="amber"]{--sgo-dialog-title-a:#92400e;--sgo-dialog-title-b:#d97706}
.sgo-dialog-frame[data-sgo-dialog-tone="red"]{--sgo-dialog-title-a:#991b1b;--sgo-dialog-title-b:#dc2626}
.sgo-dialog-frame[data-sgo-dialog-tone="slate"]{--sgo-dialog-title-a:#334155;--sgo-dialog-title-b:#475569}
.sgo-dialog-frame[data-sgo-dialog-tone="green"]{--sgo-dialog-title-a:#166534;--sgo-dialog-title-b:#0f766e}

.sgo-dialog-head,
.sgo-dialog-generated-head{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:54px;
  box-sizing:border-box;
  padding:10px 14px!important;
  margin:0!important;
  border-bottom:1px solid rgba(255,255,255,.24)!important;
  border-radius:11px 11px 0 0;
  background:linear-gradient(115deg,var(--sgo-dialog-title-a),var(--sgo-dialog-title-b))!important;
  color:#fff!important;
}
.ot-view-modal>header.sgo-dialog-head{position:sticky;top:0;z-index:2}
.sgo-dialog-head h1,.sgo-dialog-head h2,.sgo-dialog-head h3,.sgo-dialog-head h4,
.sgo-dialog-head strong,.sgo-dialog-generated-head h1,.sgo-dialog-generated-head h2,.sgo-dialog-generated-head h3{
  margin:0!important;
  color:#fff!important;
  line-height:1.2;
}
.sgo-dialog-head small,.sgo-dialog-head p,.sgo-dialog-head>div>span{
  color:rgba(255,255,255,.78)!important;
}
.sgo-dialog-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:9px;
  background:rgba(15,23,42,.22);
  color:#fff;
  font-size:17px;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.sgo-dialog-title-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}
.sgo-dialog-title-copy>*{min-width:0}
.sgo-dialog-close{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  border:1px solid rgba(148,163,184,.55)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:0!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 2px 7px rgba(15,23,42,.2)!important;
}
.sgo-dialog-close::before{content:'×';font-size:27px;font-weight:300;line-height:1}
.sgo-dialog-close:hover,.sgo-dialog-close:focus{background:#f8fafc!important;color:#dc2626!important;outline:2px solid rgba(255,255,255,.5)}

.sgo-dialog-generated,.sgo-dialog-structured{padding:0!important;overflow:hidden}
.sgo-dialog-generated-body{padding:20px 24px 4px}
.sgo-dialog-generated>.modal-actions,
.sgo-dialog-generated>.modal-footer,
.sgo-dialog-generated>.modal-foot{
  margin:0!important;
  padding:14px 18px!important;
  border-top:1px solid #dbe3ec;
  background:#f8fafc;
}

.sgo-dialog-structured>.modal-actions,
.sgo-dialog-structured>.modal-footer,
.sgo-dialog-structured>.modal-foot{
  margin:0!important;
  padding:14px 18px!important;
}

.sgo-dialog-frame .modal-footer,
.sgo-dialog-frame .modal-foot,
.sgo-dialog-frame .map-ui-modal__footer{
  border-top-color:#dbe3ec!important;
  background:#f8fafc;
}

#toast{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-height:46px;
  box-sizing:border-box;
  border:1px solid #a7d8bc!important;
  border-left:5px solid #16a34a!important;
  border-radius:11px!important;
  background:#f0fdf4!important;
  color:#14532d!important;
  box-shadow:0 14px 34px rgba(15,23,42,.2)!important;
  line-height:1.35;
}
#toast::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;flex:0 0 21px;width:21px;height:21px;border-radius:50%;background:#16a34a;color:#fff;font-size:12px;font-weight:900}
#toast.error{border-color:#fecaca!important;border-left-color:#dc2626!important;background:#fff1f2!important;color:#991b1b!important}
#toast.error::before{content:'!';background:#dc2626}
#toast.warning{border-color:#fde68a!important;border-left-color:#d97706!important;background:#fffbeb!important;color:#92400e!important}
#toast.warning::before{content:'!';background:#d97706}
#toast.info{border-color:#bfdbfe!important;border-left-color:#2563eb!important;background:#eff6ff!important;color:#1e3a8a!important}
#toast.info::before{content:'i';background:#2563eb}

@media(max-width:640px){
  .sgo-dialog-head,.sgo-dialog-generated-head{min-height:50px;padding:8px 10px!important;gap:8px!important}
  .sgo-dialog-icon{width:31px;height:31px;flex-basis:31px;font-size:15px}
  .sgo-dialog-close{width:32px!important;height:32px!important;flex-basis:32px!important}
  .sgo-dialog-generated-body{padding:16px 16px 3px}
  #toast{right:12px;bottom:16px;left:12px;max-width:none}
}