.live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.live-status{display:grid;grid-template-columns:12px auto;column-gap:9px;align-items:center;padding:10px 13px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;min-width:270px}.live-status .live-dot{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px #f59e0b22}.live-status strong{font-size:14px}.live-status small{color:#6b7280}.live-status.online .live-dot{background:#16a34a;box-shadow:0 0 0 5px #16a34a22}.live-status.offline .live-dot,.live-status.error .live-dot{background:#dc2626;box-shadow:0 0 0 5px #dc262622}.live-status.connecting .live-dot{animation:atiPulse 1.2s infinite}.ati-updated{animation:atiHighlight .9s ease}.ati-toast-stack{position:fixed;right:16px;bottom:16px;z-index:1000;display:grid;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}.ati-toast{background:#111827;color:#fff;border-radius:13px;padding:13px 15px;box-shadow:0 14px 40px #0004;transform:translateY(12px);opacity:0;animation:atiToastIn .22s forwards;pointer-events:auto}.ati-toast strong{display:block;margin-bottom:3px}.ati-toast small{color:#d1d5db}.ati-toast.success{border-left:5px solid #16a34a}.ati-toast.warning{border-left:5px solid #f59e0b}.ati-toast.error{border-left:5px solid #dc2626}.queue-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 14px;border-radius:12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.queue-status span{font-size:13px}.queue-status.offline{border-color:#fde68a;background:#fffbeb;color:#854d0e}.queue-status.pending{border-color:#bfdbfe;background:#eff6ff;color:#1e40af}.queue-status.failed{border-color:#fecaca;background:#fef2f2;color:#991b1b;cursor:pointer}.queue-status.syncing{border-color:#ddd6fe;background:#f5f3ff;color:#5b21b6}.btn[disabled]{opacity:.55;cursor:not-allowed}.live-empty{text-align:center;color:#6b7280;padding:16px}.live-row-new{animation:atiHighlight 1.1s ease}@keyframes atiPulse{50%{opacity:.35;transform:scale(.8)}}@keyframes atiHighlight{0%{background:#fef3c7}100%{background:transparent}}@keyframes atiToastIn{to{transform:translateY(0);opacity:1}}@media(max-width:760px){.live-toolbar{align-items:stretch;flex-direction:column}.live-status{min-width:0}.live-toolbar .btn{width:100%}.queue-status{align-items:flex-start;flex-direction:column}}