:root{--alert-info:#0057ff;--alert-success:#238636;--alert-warning:#b66a00;--alert-error:#d1242f}
.surco-alert{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid #b9d0ff;border-radius:16px;background:#f1f6ff;color:#171717;font-size:15px;line-height:1.5}
.surco-alert-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:var(--alert-info);color:#fff!important;font-size:14px;font-weight:800}
.surco-alert>div{min-width:0;flex:1}.surco-alert strong{display:block;font-size:16px;line-height:1.3;margin:1px 0 4px}.surco-alert p{margin:0;color:#505760}.surco-alert a:not(.button){color:#0047d6;font-weight:700;text-underline-offset:3px}
.surco-alert-success{border-color:#aad3b0;background:#f0f8f1}.surco-alert-success .surco-alert-icon{background:var(--alert-success)}
.surco-alert-warning{border-color:#e7c171;background:#fff9e9}.surco-alert-warning .surco-alert-icon{background:var(--alert-warning)}
.surco-alert-error{border-color:#efb0b5;background:#fff2f3}.surco-alert-error .surco-alert-icon{background:var(--alert-error)}
main [role="alert"]:not(.support-error):not(.surco-alert):not(.toast-message),main>.flash.error{padding:14px 17px;border:1px solid #efb0b5;border-radius:14px;background:#fff2f3;color:#8e1821;font-size:14px;line-height:1.5}
main>.flash.success{padding:14px 17px;border:1px solid #aad3b0;border-radius:14px;background:#f0f8f1;color:#175d25;font-size:14px;line-height:1.5}
@media(max-width:600px){.surco-alert{padding:16px;gap:12px;font-size:14px}.surco-alert strong{font-size:15px}}