.fi-no[role=status]{z-index:70!important}.timeline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background-color:#0000004d}.timeline-panel{position:fixed;top:0;right:0;z-index:60;width:440px;height:100vh;display:flex;flex-direction:column;border-left:1px solid rgb(229,231,235);box-shadow:-4px 0 24px #0000001f;background-color:#fff}.dark .timeline-panel{background-color:#111827;border-left-color:#374151}.timeline-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:0}.timeline-bubble{max-width:80%;border-radius:1rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.timeline-bubble--own{margin-left:auto;background-color:#eff6ff;color:#1e3a8a}.dark .timeline-bubble--own{background-color:#1e3a8a4d;color:#bfdbfe}.timeline-bubble--other{margin-right:auto;background-color:#f3f4f6;color:#111827}.dark .timeline-bubble--other{background-color:#1f2937;color:#f3f4f6}.timeline-system{text-align:center;font-size:.75rem;color:#6b7280;padding:.5rem 0}.dark .timeline-system{color:#9ca3af}.timeline-system-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .75rem;background-color:#f9fafb}.dark .timeline-system-badge{background-color:#1f2937}.timeline-system-badge--error{background-color:#fef2f2;color:#991b1b}.dark .timeline-system-badge--error{background-color:#991b1b33;color:#fecaca}.timeline-input{border-top:1px solid rgb(229,231,235);padding:.75rem}.dark .timeline-input{border-top-color:#374151}.timeline-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;width:3.5rem;height:3.5rem;border-radius:9999px;background-color:#4f46e5;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background-color .15s ease-in-out}.timeline-fab:hover{background-color:#4338ca}.timeline-fab-badge{position:absolute;top:-.25rem;right:-.25rem;min-width:1.25rem;height:1.25rem;border-radius:9999px;background-color:#dc2626;color:#fff;font-size:.65rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 .25rem}.timeline-status-actions{border-top:1px solid rgb(229,231,235);padding:.5rem .75rem;flex-shrink:0}.dark .timeline-status-actions{border-top-color:#374151}.timeline-status-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;line-height:1rem;border-radius:9999px;border:none;cursor:pointer;transition:opacity .15s,background-color .15s;white-space:nowrap}.timeline-status-btn:disabled{opacity:.5;cursor:not-allowed}.timeline-status-btn--success{background-color:#dcfce7;color:#166534}.timeline-status-btn--success:hover{background-color:#bbf7d0}.dark .timeline-status-btn--success{background-color:#1665344d;color:#bbf7d0}.timeline-status-btn--primary{background-color:#dbeafe;color:#1e40af}.timeline-status-btn--primary:hover{background-color:#bfdbfe}.dark .timeline-status-btn--primary{background-color:#1e40af4d;color:#bfdbfe}.timeline-status-btn--info{background-color:#e0f2fe;color:#0369a1}.timeline-status-btn--info:hover{background-color:#bae6fd}.dark .timeline-status-btn--info{background-color:#0369a14d;color:#bae6fd}.timeline-status-btn--purple{background-color:#f3e8ff;color:#6b21a8}.timeline-status-btn--purple:hover{background-color:#e9d5ff}.dark .timeline-status-btn--purple{background-color:#6b21a84d;color:#d8b4fe}.timeline-status-btn--warning{background-color:#fef9c3;color:#854d0e}.timeline-status-btn--warning:hover{background-color:#fef08a}.dark .timeline-status-btn--warning{background-color:#854d0e4d;color:#fef08a}.timeline-status-btn--danger{background-color:#fee2e2;color:#991b1b}.timeline-status-btn--danger:hover{background-color:#fecaca}.dark .timeline-status-btn--danger{background-color:#991b1b4d;color:#fecaca}.timeline-status-btn--gray{background-color:#f3f4f6;color:#4b5563}.timeline-status-btn--gray:hover{background-color:#e5e7eb}.dark .timeline-status-btn--gray{background-color:#374151;color:#d1d5db}@media (max-width: 640px){.timeline-panel{width:100vw}}
