.jobell-toast-host{position:fixed;top:24px;right:24px;z-index:10900;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;pointer-events:none;padding:4px 4px 16px}
.jobell-toast.toast{--tone:#2563eb;--soft:#eff6ff;position:relative;width:100%;overflow:hidden;pointer-events:auto;background:#fff;color:#1e293b;border:1px solid #e8ecf1;border-radius:16px;box-shadow:0 12px 32px rgba(15,23,42,.14);margin-bottom:12px;font-family:inherit}
.jobell-toast.toast.show{display:block!important;opacity:1!important;visibility:visible!important}
.jobell-toast .btn-close{margin-left:auto;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:#64748b;font-size:24px;line-height:28px;cursor:pointer;opacity:1}
.jobell-toast .btn-close:hover{background:#f1f5f9;color:#0f172a}
.jobell-toast .btn-close:focus-visible{outline:2px solid var(--tone);outline-offset:2px}
.jobell-toast[data-kind="success"]{--tone:#15803d;--soft:#ecfdf3}
.jobell-toast[data-kind="error"]{--tone:#dc2626;--soft:#fef2f2}
.jobell-toast[data-kind="warning"]{--tone:#b45309;--soft:#fffbeb}
.jobell-toast .toast-header{display:flex;gap:12px;padding:16px 16px 0;background:transparent;color:#1e293b;border:0;font-size:14px}
.jobell-toast-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;background:var(--soft);color:var(--tone);border-radius:10px;font-size:20px;font-weight:700}
.jobell-toast-icon::before{content:'i'}
.jobell-toast[data-kind="success"] .jobell-toast-icon::before{content:'\2713'}
.jobell-toast[data-kind="error"] .jobell-toast-icon::before{content:'\00d7'}
.jobell-toast[data-kind="warning"] .jobell-toast-icon::before{content:'!'}
.jobell-toast .toast-body{padding:0 48px 18px 60px;color:#64748b;font-size:13px;line-height:20px;overflow-wrap:anywhere}
.jobell-toast-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--tone);transform-origin:left}
.jobell-toast.show .jobell-toast-progress{animation:jobell-toast-countdown 5s linear forwards}
.jobell-toast[data-kind="error"].show .jobell-toast-progress{animation-duration:8s}
.jobell-toast.show{animation:jobell-toast-enter .25s ease-out}
@keyframes jobell-toast-enter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes jobell-toast-countdown{to{transform:scaleX(0)}}
@media(max-width:575px){.jobell-toast-host{top:16px;right:12px;width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.jobell-toast.show{animation:none}.jobell-toast-progress{display:none}}
@media print{.jobell-toast-host{display:none}}