/* Live updates (js/live.js): link toasts, bell ring, freshly arrived table rows; automation cards (last result, open ideas, fallback). */
.toast.lv-toast { align-items: flex-start; max-width: 380px; padding: 12px 12px 12px 14px; line-height: 1.4; }
.toast.lv-toast::before { content: none; }
.toast.lv-toast > svg { flex: none; width: 18px; height: 18px; margin-top: 1px; }
.toast.lv-toast.ok > svg { color: #4ade80; } .toast.lv-toast.err > svg { color: #f87171; }
.toast.lv-toast span { min-width: 0; flex: 1; }
.toast.lv-toast a { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; word-break: break-word; }
.lv-x { flex: none; border: 0; background: transparent; color: inherit; opacity: .7; cursor: pointer; padding: 0; width: 20px; height: 20px; display: grid; place-items: center; }
.lv-x:hover { opacity: 1; } .lv-x svg { width: 14px; height: 14px; }

[data-bell].lv-ring svg { animation: lv-ring .9s ease-in-out 1; transform-origin: 50% 4px; }
@keyframes lv-ring { 0%, 100% { transform: rotate(0); } 20% { transform: rotate(14deg); } 40% { transform: rotate(-12deg); } 60% { transform: rotate(8deg); } 80% { transform: rotate(-4deg); } }
[data-bell-dot][hidden] { display: none; }

.tbl tr.lv-new td { animation: lv-new 2.4s ease-out 1; }
@keyframes lv-new { 0%, 30% { background: var(--accent-50); } 100% { background: transparent; } }
@media (prefers-reduced-motion: reduce) { [data-bell].lv-ring svg, .tbl tr.lv-new td { animation: none; } }

/* automation cards + form (pages/automations.js) */
.au-last { align-items: flex-start; }
.au-last > span { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.au-hint { display: inline-flex; gap: 6px; align-items: flex-start; color: var(--text-2); }
.au-hint svg { flex: none; margin-top: 3px; }
.au-buffer { display: flex; gap: 6px; align-items: center; margin: 0; }
.au-ideas.err { background: var(--err-bg); color: var(--err); }
.au-fb { margin-top: 10px; padding: 12px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-2); display: flex; flex-direction: column; gap: 8px; }
.au-fb-q { font-size: var(--fs-sm); font-weight: 600; }
.au-fb-opts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.au-fb-opt { display: flex; gap: 8px; align-items: flex-start; padding: 10px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); cursor: pointer; }
.au-fb-opt:has(input:checked) { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.au-fb-opt input { margin-top: 3px; accent-color: var(--accent); }
.au-fb-opt span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.au-fb-opt b { font-size: var(--fs-sm); } .au-fb-opt small { font-size: var(--fs-xs); color: var(--text-3); line-height: 1.4; }
@media (max-width: 760px) { .au-fb-opts { grid-template-columns: 1fr; } }