.toast-region{position:fixed;right:24px;top:96px;z-index:1000;width:min(420px,calc(100vw - 32px));display:grid;gap:12px;pointer-events:none}.app-toast{--accent:#1678ca;position:relative;display:grid;grid-template-columns:42px 1fr 30px;align-items:start;gap:12px;padding:17px 15px 18px;background:#fff;border:1px solid #dbe4ec;border-left:5px solid var(--accent);border-radius:11px;box-shadow:0 18px 45px rgba(17,42,70,.2);overflow:hidden;pointer-events:auto;animation:toast-in .32s ease both}.toast-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-weight:800;font-size:1.1rem}.toast-copy strong{display:block;color:#17263c;font-size:1rem}.toast-copy p{margin:3px 0 0;color:#5f6d80;line-height:1.4;font-size:.9rem}.toast-close{border:0;background:transparent;color:#8290a1;font-size:1.35rem;line-height:1;cursor:pointer;padding:2px}.toast-close:hover{color:#17263c}.toast-success{--accent:#087f63}.toast-error{--accent:#c4352a}.toast-warning{--accent:#c17b08}.toast-info{--accent:#1678ca}.toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--accent);transform-origin:left;animation:toast-progress var(--toast-duration,6500ms) linear forwards}.app-toast.leaving{animation:toast-out .25s ease forwards}.processing-notice{position:fixed;left:50%;bottom:26px;z-index:1001;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:13px 18px;border-radius:12px;background:#102d50;color:#fff;box-shadow:0 16px 38px rgba(10,30,52,.3)}.processing-notice[hidden]{display:none}.processing-notice>span{width:22px;height:22px;border:3px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:toast-spin .75s linear infinite}.processing-notice div{display:grid}.processing-notice small{color:#c9e3f3}.is-processing{cursor:wait}.is-processing button[type=submit]{opacity:.72;pointer-events:none}@keyframes toast-in{from{opacity:0;transform:translateX(35px) scale(.97)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateX(35px) scale(.97)}}@keyframes toast-progress{to{transform:scaleX(0)}}@keyframes toast-spin{to{transform:rotate(360deg)}}@media(max-width:650px){.toast-region{top:76px;right:16px}.app-toast{grid-template-columns:36px 1fr 26px;padding:14px 12px}.toast-symbol{width:34px;height:34px}.processing-notice{bottom:14px;width:calc(100vw - 28px)}}
