/* Backoffice bekleyen talepler: the notice shown on every panel page when new requests arrive (backoffice-alerts.js). */
.bo-toasts{position:fixed;right:16px;bottom:16px;z-index:300;display:grid;gap:8px;width:min(400px,calc(100vw - 32px))}
.bo-toast{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border:1px solid var(--danger-line);border-left:4px solid var(--danger);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);animation:bo-in .2s ease-out}
.bo-toast>div:first-child{display:grid;min-width:0;flex:1}
.bo-toast strong{font-size:13px}
.bo-toast small{font-size:11.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bo-toast-actions{display:flex;align-items:center;gap:6px;flex:none}
.bo-toast-open{border:0;border-radius:8px;padding:7px 12px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:650}
.bo-toast-link{border:0;background:none;padding:0 4px;color:var(--text-2);font-size:11px;text-decoration:underline}
.bo-toast-x{border:0;background:none;color:var(--text-3);font-size:18px;line-height:1;padding:2px 4px}
@keyframes bo-in{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.bo-toast{animation:none}}