.system-popup{border:1px solid var(--border-color,#e9dfd5);width:min(440px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--text-dark,#382b24);background:var(--bg-primary,#fffdfb);font-family:var(--font-sans,inherit);border-radius:24px;margin:auto;padding:clamp(24px,5vw,34px);animation:.16s ease-out popup-enter;overflow:auto;box-shadow:0 24px 90px #20160e38}.system-popup::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17110dc2}.system-popup__heading{align-items:center;gap:14px;margin-bottom:16px;display:flex}.system-popup .system-popup__heading h2{overflow-wrap:anywhere;min-width:0;margin:0}.system-popup__icon{width:54px;height:54px;color:var(--primary-color,#934308);background:#b56c2018;border-radius:17px;flex:0 0 54px;place-items:center;margin-bottom:0;display:grid}.system-popup--danger .system-popup__icon,.system-popup--error .system-popup__icon{color:#ba3535;background:#bd353514}.system-popup--success .system-popup__icon{color:#218054;background:#21805418}.system-popup h2{font-family:var(--font-serif,inherit);margin:0 0 12px;font-size:1.4rem;line-height:1.3}.system-popup__message{white-space:pre-line;overflow-wrap:anywhere;color:var(--text-muted,#796b62);font-size:.95rem;line-height:1.65}.system-popup__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.system-popup__actions button{border:1px solid var(--border-color,#dfd3c8);min-height:44px;font:inherit;cursor:pointer;color:inherit;background:0 0;border-radius:12px;padding:10px 18px;font-size:.9rem;font-weight:650}.system-popup__actions .system-popup__primary{background:var(--primary-color,#934308);color:#fff;border-color:#0000}.system-popup--danger .system-popup__actions .system-popup__primary{background:#b93630}.system-popup button:focus-visible{outline:3px solid var(--primary-color,#934308);outline-offset:3px}.system-popup button:disabled{opacity:.6;cursor:wait}@keyframes popup-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.system-popup{animation:none}}.system-popup__fields{border:0;min-width:0;margin:16px 0 0;padding:0}.system-popup__close{color:#796c62;cursor:pointer;background:#f3ede5;border:0;border-radius:50%;flex-shrink:0;align-self:flex-start;width:28px;height:28px;margin-left:auto;font-size:20px;line-height:1}
