.cf-toast-region{position:fixed;right:20px;top:82px;z-index:20000;display:flex;flex-direction:column;gap:10px;width:min(410px,calc(100vw - 28px));pointer-events:none}
.cf-toast{--toast-accent:#087d9d;position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:start;gap:11px;overflow:hidden;padding:14px 12px 15px;border:1px solid rgba(6,45,69,.09);border-left:5px solid var(--toast-accent);border-radius:14px;background:#fff;color:#173c4d;box-shadow:0 16px 42px rgba(4,45,70,.2);pointer-events:auto;opacity:0;transform:translateY(-10px) scale(.98);transition:opacity .22s ease,transform .22s ease}
.cf-toast.cf-toast-show{opacity:1;transform:none}.cf-toast.cf-toast-leave{opacity:0;transform:translateY(-8px) scale(.98)}
.cf-toast-success{--toast-accent:#16834b}.cf-toast-error{--toast-accent:#c0392b}.cf-toast-warning{--toast-accent:#d48900}.cf-toast-info{--toast-accent:#087d9d}
.cf-toast-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#edf7f1;color:var(--toast-accent);font-size:20px;font-weight:1000;line-height:1}.cf-toast-error .cf-toast-icon{background:#fbeceb}.cf-toast-warning .cf-toast-icon{background:#fff5dc}.cf-toast-info .cf-toast-icon{background:#e9f6fa}
.cf-toast-title{display:block;margin:0 0 2px;color:#102f3e;font-size:14px;font-weight:900}.cf-toast-message{margin:0;color:#496570;font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.cf-toast-close{width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:#70868f;font-size:20px;line-height:26px;cursor:pointer}.cf-toast-close:hover{background:#edf3f5;color:#173c4d}
.cf-toast-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--toast-accent);transform-origin:left;animation:cfToastProgress var(--toast-duration,4200ms) linear forwards}
@keyframes cfToastProgress{to{transform:scaleX(0)}}
@media(max-width:600px){.cf-toast-region{left:14px;right:14px;top:72px;width:auto}.cf-toast{grid-template-columns:34px minmax(0,1fr) 26px;padding:12px 10px 14px}.cf-toast-icon{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.cf-toast,.cf-toast-progress{transition:none;animation:none}}