:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--primary: hsl(210, 100%, 50%);--primary-hover: hsl(210, 100%, 45%);--secondary: hsl(142, 76%, 36%);--accent: hsl(25, 95%, 53%);--warning: hsl(38, 92%, 50%);--success: hsl(142, 76%, 36%);--background: hsl(0, 0%, 100%);--muted: hsl(210, 20%, 98%);--foreground: hsl(222.2, 84%, 4.9%);--muted-foreground: hsl(215.4, 16.3%, 46.9%);--border: hsl(210, 20%, 90%);--border-light: hsl(210, 20%, 95%);background:var(--muted);color:var(--foreground)}*{box-sizing:border-box}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--background: hsl(222.2, 84%, 6%);--muted: hsl(217.2, 32.6%, 10%);--foreground: hsl(210, 40%, 98%);--muted-foreground: hsl(210, 40%, 75%);--border: hsl(210, 20%, 25%);--border-light: hsl(210, 20%, 20%)}}body{margin:0;min-height:100vh;background:var(--muted)}button{font-family:inherit}.app-shell{display:flex;flex-direction:column;height:100vh}.top-navbar{display:flex;align-items:center;gap:1rem;padding:0 1.25rem;height:56px;min-height:56px;background:#0f172a;color:#fff;box-shadow:0 2px 8px #0003;z-index:20}.navbar-left{display:flex;align-items:center;flex-shrink:0}.navbar-logo{height:28px;width:auto}.navbar-tabs{display:flex;align-items:center;gap:2px;margin-left:2rem}.navbar-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;background:transparent;color:#fff9;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.navbar-tab:hover{background:#ffffff14;color:#ffffffe6}.navbar-tab.active{background:#ffffff26;color:#fff}.tab-icon{font-size:1rem}.tab-label{font-size:.85rem}.navbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.navbar-select{border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px 10px;font-size:12px;background:#ffffff14;color:#fff;cursor:pointer;transition:border-color .15s}.navbar-select:hover{border-color:#fff6}.navbar-select option{background:#1e293b;color:#fff}.navbar-icon-btn{width:32px;height:32px;border-radius:6px;border:none;background:#ffffff14;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;transition:background .15s;padding:0}.navbar-icon-btn:hover{background:#ffffff2e}.navbar-icon-btn:disabled{opacity:.4;cursor:default}.navbar-separator{width:1px;height:24px;background:#ffffff26;margin:0 4px}.navbar-user{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#fffc}.navbar-user img{width:26px;height:26px;border-radius:999px}.navbar-logout{padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffffb3;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.navbar-logout:hover{background:#ffffff1a;border-color:#fff6;color:#fff}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:300px;background:var(--background);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-light);background:var(--background)}.sidebar-count{font-size:.82rem;color:var(--muted-foreground);font-weight:500}.filter-bar{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border-light);background:var(--background)}.filter-button{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--muted-foreground);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.filter-button:hover{background:var(--muted);border-color:var(--primary);color:var(--foreground)}.filter-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-button.active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.session-list{overflow-y:auto;overflow-x:hidden;flex:1;scroll-behavior:smooth}.session-list::-webkit-scrollbar{width:6px}.session-list::-webkit-scrollbar-track{background:var(--background)}.session-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.session-list::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.session-row{padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background-color .15s ease;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem .75rem;background:var(--background);contain:layout paint}.session-row:hover{background:var(--muted)}.session-row.active{background:color-mix(in srgb,var(--primary) 12%,var(--background));border-left:4px solid var(--primary);padding-left:calc(1.5rem - 4px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 28%,var(--background))}.session-row .session-name{font-weight:600;font-size:1rem;color:var(--foreground);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:block}.session-row .session-mode{justify-self:end;display:inline-flex;align-items:center;justify-content:center;height:22px;width:36px;min-width:36px;padding:0;border-radius:999px;background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.02em;line-height:1;font-size:.75rem;font-weight:700;white-space:nowrap;transition:background .2s ease,color .2s ease;align-self:start;margin-top:2px}.session-row .session-mode.human{background:var(--secondary)}.session-row .session-mode.ai{background:var(--primary)}.session-row .session-email{font-size:.85rem;color:var(--muted-foreground);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-row .session-updated{font-size:.8rem;color:var(--muted-foreground);justify-self:end;font-weight:500}.session-row.hidden{display:none}.chat-skeleton{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.chat-skeleton .sk-bubble{height:48px;border-radius:12px;background:linear-gradient(90deg,var(--muted) 0%,var(--border-light) 50%,var(--muted) 100%);background-size:200% 100%;animation:sk-shimmer 1.2s linear infinite;max-width:70%}.chat-skeleton .sk-bubble.right{align-self:flex-end}.chat-skeleton .sk-bubble.narrow{width:40%}.chat-skeleton .sk-bubble.wide{width:65%}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.media-lazy-placeholder{min-height:120px;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);font-size:.85rem}.content{flex:1;display:flex;flex-direction:column;background:var(--muted);min-height:0;overflow:hidden}.content-header{padding:16px 24px;border-bottom:1px solid var(--border-light);background:var(--background)}.content-header h2{margin:0;font-size:1.15rem;font-weight:600;color:var(--foreground)}.content-header p{margin:.25rem 0 0;color:var(--muted-foreground);font-size:.85rem;line-height:1.4}.secondary-button{padding:.75rem 1.5rem;border-radius:12px;border:1px solid var(--border);background:var(--background);color:var(--foreground);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.secondary-button:hover{background:var(--muted);border-color:var(--primary);transform:translateY(-1px)}.chat-wrapper{flex:1;display:flex;overflow:hidden;min-height:0}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--muted);min-width:0;height:100%;overflow:hidden}.mode-controls{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#ffffff0d;border-radius:8px;border-bottom:1px solid var(--border);background:var(--background);flex-wrap:wrap}.mode-status{display:flex;flex-direction:column;gap:.35rem;min-width:220px;flex:1}.mode-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--muted);color:var(--muted-foreground)}.mode-badge.ai{background:var(--primary);color:#fff}.mode-badge.human{background:var(--secondary);color:#fff}.mode-caption{font-size:.85rem;color:var(--muted-foreground);max-width:360px}.mode-toggle{display:flex;align-items:center}.toggle-switch{position:relative;display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:60px;height:32px;background:var(--border);border-radius:16px;transition:all .3s ease;border:2px solid var(--border)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--secondary);border-color:var(--secondary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(28px)}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.toggle-labels{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;font-weight:600;color:var(--muted-foreground);min-width:80px}.toggle-label{transition:color .3s ease}.toggle-switch input:checked~.toggle-labels .toggle-label:first-child{color:var(--muted-foreground)}.toggle-switch input:checked~.toggle-labels .toggle-label:last-child{color:var(--secondary)}.toggle-switch input:not(:checked)~.toggle-labels .toggle-label:first-child{color:var(--primary)}.toggle-switch input:not(:checked)~.toggle-labels .toggle-label:last-child{color:var(--muted-foreground)}.chat-sidebar{border-right:1px solid var(--border);padding:1.5rem;overflow-y:auto;overflow-x:hidden;background:var(--background);scroll-behavior:smooth}.chat-sidebar::-webkit-scrollbar{width:6px}.chat-sidebar::-webkit-scrollbar-track{background:var(--background)}.chat-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-sidebar::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.user-data-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.user-data-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--foreground)}.collapse-button{background:none;border:none;color:var(--muted-foreground);cursor:pointer;font-size:1rem;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.collapse-button:hover{background:var(--muted);color:var(--foreground)}.chat-sidebar.collapsed{width:60px;min-width:60px;max-width:60px;padding:1rem .75rem}.chat-sidebar.collapsed .user-data-header{margin-bottom:0}.chat-sidebar.collapsed .user-data-header h3{display:none}.chat-sidebar.collapsed .collapse-button{margin:0 auto}.chat-sidebar h3{margin:0 0 1rem;font-size:1.1rem;font-weight:700;color:var(--foreground)}.chat-sidebar .empty-state,.chat-timeline .empty-state{color:var(--muted-foreground);font-size:1rem;font-weight:500;text-align:center;padding:2rem 1rem;background:var(--muted);border-radius:12px;border:1px solid var(--border-light)}.chat-sidebar dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.5rem .75rem;font-size:.9rem}.chat-sidebar dt{font-weight:600;color:var(--foreground);font-size:.9rem}.chat-sidebar dd{margin:0}.chat-timeline{position:relative;background:var(--muted);flex:1;min-height:0;display:flex;flex-direction:column}.chat-scroller{flex:1;min-height:0;display:flex;flex-direction:column-reverse;overflow-y:auto;overscroll-behavior:contain}.chat-bottom-spacer{height:1rem;flex:none}.message-row{padding:0 2rem}.timeline-day-chip{text-align:center;margin:1.25rem 0 1rem;padding:0 2rem}.timeline-day-chip span{display:inline-block;padding:.35rem .9rem;border-radius:999px;background:var(--background);color:var(--muted-foreground);font-size:.75rem;font-weight:600;border:1px solid var(--border);box-shadow:0 2px 4px #0000000d}.scroll-to-bottom{position:absolute;bottom:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:none;background:var(--primary);color:#fff;box-shadow:0 8px 20px #0000002e;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,background .2s ease;z-index:2}.scroll-to-bottom.visible{opacity:1;transform:translateY(0)}.scroll-to-bottom:hover{background:var(--primary-hover)}.chat-timeline::-webkit-scrollbar{width:8px}.chat-timeline::-webkit-scrollbar-track{background:var(--muted)}.chat-timeline::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.chat-timeline::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.timeline-day{text-align:center;margin:1.25rem 0 1.75rem}.timeline-day span{display:inline-block;padding:.35rem .9rem;border-radius:999px;background:var(--background);color:var(--muted-foreground);font-size:.75rem;font-weight:600;border:1px solid var(--border);box-shadow:0 2px 4px #0000000d}.message-row{display:flex;margin-bottom:.85rem}.message-row.align-right{justify-content:flex-end}.message-bubble{position:relative;max-width:70%;padding:.95rem 3.6rem 1.6rem 1.1rem;border-radius:18px;font-size:1rem;line-height:1.5;box-shadow:0 4px 12px #0000001a;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid rgba(0,0,0,.05);text-align:left}.message-text{margin-bottom:.5rem;white-space:pre-wrap;text-align:left}.message-bubble .meta{position:absolute;right:14px;bottom:10px;margin:0;font-size:.72rem;line-height:1;color:var(--muted-foreground);opacity:.9;display:inline-flex;gap:.25rem;font-weight:500;white-space:nowrap;pointer-events:none;z-index:1;background:transparent;border:none;padding:0;box-shadow:none}.message-bubble .meta span{background:transparent;border:0;padding:0;box-shadow:none}.message-bubble.agent .meta,.message-bubble.ops .meta{color:#ffffffeb;opacity:1}.timeline-day .message-row:first-of-type{margin-top:.75rem}.message-bubble.user{background:var(--background);color:var(--foreground);border-top-left-radius:4px;border:1px solid var(--border)}.message-bubble.agent{background:var(--primary);color:#fff;border-bottom-right-radius:4px;border:1px solid var(--primary)}.message-bubble.ops{background:var(--accent);color:#fff;border-bottom-right-radius:4px;border:1px solid var(--accent)}@media (max-width: 600px){.message-bubble{max-width:90%;padding-right:3.2rem}}.media-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem}.media-item{padding:.6rem .75rem;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#ffffff29}.media-item-audio{padding:.25rem .35rem;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.message-bubble.user .media-item{background:#0000000a;border-color:#00000014}.media-title{font-weight:600;font-size:.95rem;display:block}.media-meta{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;opacity:.85}.media-meta code{background:#00000014;padding:.1rem .35rem;border-radius:8px}.message-bubble.agent .media-item,.message-bubble.ops .media-item{border-color:#ffffff59;background:#ffffff2e}.message-bubble.agent .media-meta code,.message-bubble.ops .media-meta code{background:#ffffff40}.outbox-bubble{opacity:.85}.outbox-bubble.outbox-failed{opacity:1;box-shadow:0 0 0 1px #dc26268c inset}.outbox-status{font-style:italic}.outbox-status-failed{font-style:normal;color:#fee2e2}.outbox-action{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.outbox-action:hover{opacity:.8}.media-image-container{margin-bottom:.75rem;border-radius:12px;overflow:hidden;background:#0000000d;position:relative}.media-image{width:100%;max-width:300px;height:auto;display:block;border-radius:8px;cursor:pointer;transition:transform .2s ease}.media-image:hover{transform:scale(1.02)}.media-image-placeholder,.media-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#0000000d;border-radius:8px;border:2px dashed rgba(0,0,0,.1)}.media-image-loading{border-style:solid;border-color:var(--primary);background:#d2ff7f0d}.media-image-icon{font-size:2rem;margin-bottom:.5rem;opacity:.6}.media-image-text{font-size:.9rem;color:var(--muted-foreground);font-weight:500}.message-bubble.agent .media-image-container,.message-bubble.ops .media-image-container{background:#ffffff1a}.message-bubble.agent .media-image-placeholder,.message-bubble.ops .media-image-placeholder,.message-bubble.agent .media-image-loading,.message-bubble.ops .media-image-loading{background:#ffffff1a;border-color:#fff3}.message-bubble.agent .media-image-loading,.message-bubble.ops .media-image-loading{border-color:#fff6;background:#ffffff26}.message-bubble.agent .media-image-text,.message-bubble.ops .media-image-text{color:#fffc}.media-video-container{margin-bottom:.75rem;border-radius:12px;overflow:hidden;background:#0000000d;position:relative}.media-video{width:100%;max-width:400px;height:auto;display:block;border-radius:8px}.media-video-placeholder,.media-video-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#0000000d;border-radius:8px;border:2px dashed rgba(0,0,0,.1)}.media-video-loading{border-style:solid;border-color:var(--primary);background:#d2ff7f0d}.media-video-icon{font-size:2rem;margin-bottom:.5rem;opacity:.6}.media-video-text{font-size:.9rem;color:var(--muted-foreground);font-weight:500}.media-audio-container{margin-bottom:.5rem;border-radius:0;overflow:visible;background:transparent;position:static}.media-audio{width:260px;max-width:100%;height:32px;opacity:1}.media-audio-placeholder,.media-audio-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:#0000000d;border-radius:8px;border:2px dashed rgba(0,0,0,.1)}.media-audio-loading{border-style:solid;border-color:var(--primary);background:#d2ff7f0d}.media-audio-icon{font-size:1.5rem;margin-bottom:.5rem;opacity:.6}.media-audio-text{font-size:.9rem;color:var(--muted-foreground);font-weight:500}.message-bubble.user .voice-note,.message-bubble.user .custom-audio-player{background:#0000000a}.message-bubble.agent .voice-note,.message-bubble.ops .voice-note,.message-bubble.agent .custom-audio-player,.message-bubble.ops .custom-audio-player{background:#fff3;border-color:#ffffff59}.voice-play-button,.play-pause-btn{width:36px;height:36px;border-radius:999px;border:none;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #00000026;transition:transform .15s ease,background .2s ease}.voice-play-button:hover,.play-pause-btn:hover{transform:translateY(-1px);background:var(--primary-hover)}.voice-play-button.playing,.play-pause-btn.playing{background:var(--secondary)}.voice-progress,.progress-bar-container{flex:1;height:4px;border-radius:999px;background:#00000014;overflow:hidden}.message-bubble.agent .voice-progress,.message-bubble.ops .voice-progress,.message-bubble.agent .progress-bar-container,.message-bubble.ops .progress-bar-container{background:#ffffff59}.voice-progress-bar,.progress-bar-fill{height:100%;width:0%;background:var(--primary);transition:width .1s linear}.message-bubble.agent .voice-progress-bar,.message-bubble.ops .voice-progress-bar,.message-bubble.agent .progress-bar-fill,.message-bubble.ops .progress-bar-fill{background:#fff}.voice-duration,.audio-duration,.audio-time{font-size:.85rem;color:var(--muted-foreground);min-width:38px;text-align:right}.progress-bar-container{cursor:pointer}.media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:#0000000d;border-radius:8px;border:2px dashed rgba(0,0,0,.1);margin-bottom:.75rem}.media-icon{font-size:1.5rem;margin-bottom:.5rem;opacity:.6}.media-text{font-size:.9rem;color:var(--muted-foreground);font-weight:500}.media-document-container{display:flex;flex-direction:column;gap:.75rem}.media-document-card{display:grid;grid-template-columns:44px 1fr;gap:.75rem;align-items:center;background:var(--background);border:1px solid var(--border);border-radius:12px;padding:.75rem;box-shadow:0 2px 6px #0000000f}.message-bubble.agent .media-document-card,.message-bubble.ops .media-document-card{background:#fff}.file-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;letter-spacing:.02em;box-shadow:inset 0 -6px #0000001f}.file-icon-ext{font-size:.8rem}.media-document-body{display:flex;flex-direction:column;min-width:0}.file-title{font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{margin-top:.2rem;color:var(--muted-foreground);font-size:.85rem;text-align:center;align-self:center}.media-document-header{display:flex;align-items:center;gap:.6rem}.media-document-icon{font-size:1.4rem}.media-document-actions{display:flex;gap:.5rem}.download-button{padding:.5rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--background);color:var(--foreground);font-weight:600;cursor:pointer}.download-button.wide{width:100%;padding:.65rem 1rem;border-radius:12px;box-shadow:0 1px #0000000a}.download-button:hover:not(:disabled){background:var(--muted);border-color:var(--primary)}.message-bubble.agent .media-video-container,.message-bubble.ops .media-video-container,.message-bubble.agent .media-placeholder,.message-bubble.ops .media-placeholder{background:#ffffff1a}.message-bubble.agent .media-audio-container,.message-bubble.ops .media-audio-container{background:transparent}.message-bubble.agent .media-video-placeholder,.message-bubble.ops .media-video-placeholder,.message-bubble.agent .media-video-loading,.message-bubble.ops .media-video-loading,.message-bubble.agent .media-audio-placeholder,.message-bubble.ops .media-audio-placeholder,.message-bubble.agent .media-audio-loading,.message-bubble.ops .media-audio-loading{background:#ffffff1a;border-color:#fff3}.message-bubble.agent .media-video-loading,.message-bubble.ops .media-video-loading,.message-bubble.agent .media-audio-loading,.message-bubble.ops .media-audio-loading{border-color:#fff6;background:#ffffff26}.message-bubble.agent .media-video-text,.message-bubble.ops .media-video-text,.message-bubble.agent .media-audio-text,.message-bubble.ops .media-audio-text,.message-bubble.agent .media-text,.message-bubble.ops .media-text{color:#fffc}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:var(--background);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.image-modal-close{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;z-index:1001;transition:background .2s ease}.image-modal-close:hover{background:#000000e6}.image-modal-image{width:100%;height:auto;max-height:90vh;object-fit:contain;display:block}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;background:linear-gradient(180deg,var(--muted) 0%,hsl(210,40%,95%) 100%)}.login-card{background:var(--background);padding:2.5rem 3rem;border-radius:20px;box-shadow:0 25px 40px -30px #0f172a59;text-align:center;max-width:420px;display:flex;flex-direction:column;align-items:center}.login-card h1{margin-top:0;font-size:1.5rem}.login-card p{color:var(--muted-foreground);margin-bottom:1.5rem}.error-box{margin-top:1rem;padding:1rem 1.25rem;border-radius:12px;background:#fde8e8;color:#8d0c0c;font-size:.95rem;font-weight:500;border:1px solid hsl(0,84%,85%)}.reply-form{border-top:1px solid var(--border);background:var(--background);padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.reply-label{font-weight:600;font-size:.95rem;color:var(--foreground)}.reply-textarea{width:100%;resize:vertical;min-height:120px;border-radius:12px;border:1px solid var(--border);padding:.85rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.5;background:var(--background);color:var(--foreground);transition:border-color .2s ease,box-shadow .2s ease}.reply-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0080ff33}.reply-textarea:disabled{opacity:.7;background:var(--muted)}.reply-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.reply-error{color:#a40e0e;font-size:.85rem;font-weight:500}.reply-buttons{display:flex;align-items:center;gap:.5rem;margin-left:auto}.reply-tool-button{display:inline-flex;align-items:center;gap:.25rem;padding:.6rem .75rem;border-radius:12px;border:1px solid var(--border);background:var(--surface, #fff);color:var(--text, #1f2937);font-size:.95rem;cursor:pointer;transition:all .2s ease}.reply-tool-button:hover:not(:disabled){border-color:var(--primary)}.reply-tool-button:disabled{opacity:.55;cursor:default}.reply-tool-button.recording{background:#fdecec;border-color:#ed2c2c;color:#a40e0e;font-weight:600}.reply-attachment{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted, hsl(210, 20%, 97%))}.reply-attachment-name{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-attachment-audio{height:36px;max-width:100%}.reply-attachment-remove{margin-left:auto;border:none;background:transparent;cursor:pointer;font-size:.9rem;color:var(--text-muted, #6b7280)}.reply-attachment-remove:hover:not(:disabled){color:#d31212}.primary-button{padding:.75rem 1.5rem;border-radius:12px;border:none;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem;box-shadow:0 4px 12px #0080ff40}.primary-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:default;box-shadow:none}.reply-hint{border-top:1px solid var(--border);background:var(--background);color:var(--muted-foreground);font-size:.9rem;padding:1.25rem 1.5rem}.loading-indicator{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--primary)}.loading-indicator span{display:inline-block;width:.6rem;height:.6rem;border-radius:999px;background:currentColor;opacity:.8;animation:pulse 1.2s infinite ease-in-out}.loading-indicator span:nth-child(2){animation-delay:.2s}.loading-indicator span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{transform:scale(.85);opacity:.5}50%{transform:scale(1);opacity:1}}@media (max-width: 1100px){.top-navbar{padding:0 .75rem;gap:.5rem}.navbar-tabs{margin-left:.5rem}.navbar-tab{padding:6px 10px}.tab-label,.navbar-user span{display:none}.app-body{flex-direction:column}.sidebar{width:100%;height:220px}.content{height:auto;flex:1}.chat-wrapper{grid-template-columns:1fr}.chat-sidebar{display:none}.message-bubble{max-width:85%}}.recetas-view{overflow-y:auto;background:var(--muted)}.recetas-loading{padding:48px;text-align:center;color:var(--muted-foreground)}.recetas-body{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.recetas-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.recetas-kpi{background:var(--background);border-radius:10px;padding:14px 16px;border:1px solid var(--border);border-left:3px solid}.kpi-total{border-color:#7c6ef7}.kpi-completed{border-color:#10b981}.kpi-tele{border-color:#3b82f6}.kpi-otx{border-color:#14b8a6}.kpi-pending{border-color:#f97316}.kpi-bought{border-color:#ec4899}.kpi-assisted{border-color:#a855f7}.kpi-abandoned{border-color:#f59e0b}.kpi-conv{border-color:#eab308}.kpi-num{font-size:28px;font-weight:800;line-height:1}.kpi-total .kpi-num{color:#7c6ef7}.kpi-completed .kpi-num{color:#10b981}.kpi-tele .kpi-num{color:#3b82f6}.kpi-otx .kpi-num{color:#14b8a6}.kpi-pending .kpi-num{color:#f97316}.kpi-bought .kpi-num{color:#ec4899}.kpi-assisted .kpi-num{color:#a855f7}.kpi-abandoned .kpi-num{color:#f59e0b}.kpi-conv .kpi-num{color:#b45309}.kpi-label{font-size:11px;color:var(--muted-foreground);margin-top:3px}.kpi-sub{font-size:10px;color:var(--muted-foreground);margin-top:2px}.funnels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 900px){.funnels-grid{grid-template-columns:1fr}}.channel-funnel{background:var(--background);border-radius:12px;border:1px solid var(--border);border-top:3px solid var(--cf-accent);padding:16px 20px 14px;display:flex;flex-direction:column}.cf-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--border-light)}.cf-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--foreground)}.cf-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:14px;background:color-mix(in srgb,var(--cf-accent) 18%,var(--background))}.cf-conv{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.cf-conv-num{font-size:20px;font-weight:800;color:var(--cf-accent)}.cf-conv-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-foreground)}.cf-stages{display:flex;flex-direction:column;gap:12px;flex:1}.cf-stage{display:flex;flex-direction:column;gap:4px}.cf-stage-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cf-stage-label{font-size:13px;color:var(--foreground)}.cf-stage-meta{display:flex;align-items:baseline;gap:6px;flex-shrink:0}.cf-stage-value{font-size:15px;font-weight:700;color:var(--foreground)}.cf-stage-pct{font-size:11px;font-weight:600;color:var(--muted-foreground);min-width:34px;text-align:right}.cf-track{background:var(--border-light);border-radius:5px;height:18px;overflow:hidden}.cf-bar{height:100%;border-radius:5px;min-width:3px;background:var(--cf-accent);transition:width .4s ease}.cf-step{font-size:11px;color:var(--muted-foreground);align-self:flex-start}.cf-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:28px 0;color:var(--muted-foreground);font-size:13px}.cf-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-light)}.cf-chip{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}.cf-chip-assist{color:#a855f7;background:color-mix(in srgb,#a855f7 14%,var(--background))}.cf-chip-leak{color:#f59e0b;background:color-mix(in srgb,#f59e0b 14%,var(--background))}.cf-chip-context{color:#64748b;background:color-mix(in srgb,#64748b 14%,var(--background))}.recetas-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.recetas-search{margin-left:auto;border:1.5px solid var(--border);border-radius:8px;padding:6px 12px;font-size:13px;width:240px;outline:none;background:var(--background);color:var(--foreground)}.recetas-search::placeholder{color:var(--muted-foreground)}.recetas-search:focus{border-color:#7c6ef7}.recetas-table-wrap{background:var(--background);border-radius:10px;border:1px solid var(--border);overflow-x:auto}.recetas-table{width:100%;border-collapse:collapse;font-size:13px}.recetas-table--solicitudes{table-layout:fixed}.recetas-table--solicitudes th:nth-child(1),.recetas-table--solicitudes td:nth-child(1){width:7%}.recetas-table--solicitudes th:nth-child(2),.recetas-table--solicitudes td:nth-child(2){width:8%}.recetas-table--solicitudes th:nth-child(3),.recetas-table--solicitudes td:nth-child(3){width:19%}.recetas-table--solicitudes th:nth-child(4),.recetas-table--solicitudes td:nth-child(4){width:11%}.recetas-table--solicitudes th:nth-child(5),.recetas-table--solicitudes td:nth-child(5){width:12%}.recetas-table--solicitudes th:nth-child(6),.recetas-table--solicitudes td:nth-child(6){width:6%}.recetas-table--solicitudes th:nth-child(7),.recetas-table--solicitudes td:nth-child(7){width:12%}.recetas-table--solicitudes th:nth-child(8),.recetas-table--solicitudes td:nth-child(8){width:9%}.recetas-table--solicitudes th:nth-child(9),.recetas-table--solicitudes td:nth-child(9){width:9%}.recetas-table--solicitudes th:nth-child(10),.recetas-table--solicitudes td:nth-child(10){width:7%}.recetas-table--solicitudes tbody td{overflow-wrap:anywhere;word-break:break-word}.recetas-table thead th{background:var(--muted);font-size:11px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.recetas-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .1s}.recetas-table tbody tr:hover{background:var(--muted)}.recetas-table tbody tr.row-bought{background:color-mix(in srgb,#ec4899 8%,var(--background))}.recetas-table tbody tr.row-assisted{background:color-mix(in srgb,#a855f7 6%,var(--background))}.recetas-table tbody td{padding:10px 12px;vertical-align:top;color:var(--foreground)}.recetas-empty{text-align:center;padding:40px;color:var(--muted-foreground)}.cell-date{color:var(--muted-foreground);font-size:12px;white-space:nowrap}.cell-name strong{display:block}.cell-sub{font-size:11px;color:var(--muted-foreground);margin-top:2px}.cell-mono{font-family:monospace;color:var(--muted-foreground);font-size:12px;overflow-wrap:anywhere}.cell-notif,.cell-urls{font-size:12px}.rx-url-links{display:flex;flex-direction:column;gap:4px}.rx-url-link{display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;border-radius:6px;text-decoration:none;color:var(--foreground);background:color-mix(in srgb,#6366f1 14%,transparent);border:1px solid color-mix(in srgb,#6366f1 28%,transparent);max-width:72px;text-align:center}.rx-url-link:hover{background:color-mix(in srgb,#6366f1 24%,transparent)}.rx-badge{display:inline-block;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;white-space:nowrap}.rx-badge-completed{background:color-mix(in srgb,#10b981 18%,transparent);color:#10b981}.rx-badge-auto_approved{background:color-mix(in srgb,#eab308 18%,transparent);color:#ca8a04}.rx-badge-teleconsulta{background:color-mix(in srgb,#3b82f6 18%,transparent);color:#3b82f6}.rx-badge-whatsapp{background:color-mix(in srgb,#25d366 18%,transparent);color:#25d366}.rx-badge-otx{background:color-mix(in srgb,#14b8a6 18%,transparent);color:#14b8a6}.rx-badge-tele-consulta{background:color-mix(in srgb,#06b6d4 18%,transparent);color:#06b6d4}.rx-badge-bought{background:color-mix(in srgb,#ec4899 18%,transparent);color:#ec4899}.rx-badge-assisted{background:color-mix(in srgb,#a855f7 18%,transparent);color:#a855f7}.rx-badge-abandoned{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#f59e0b}.rx-badge-icon{padding:2px 6px;font-size:13px;line-height:1}
