:root{--bg-app: #f3f4f8;--bg-surface: #ffffff;--bg-subtle: #f8fafc;--bg-chat-canvas: radial-gradient(circle at 18% 12%, rgba(99, 102, 241, .06) 0%, transparent 45%), radial-gradient(circle at 82% 85%, rgba(139, 92, 246, .06) 0%, transparent 45%), linear-gradient(180deg, #f6f7fb 0%, #eef1f8 100%);--border: #e4e7f1;--border-strong: #cdd3e3;--text-main: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef2ff;--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #6366f1 55%, #7c3aed 100%);--manager-bubble-bg: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 52%, #ede9fe 100%);--customer-bubble-bg: #ffffff;--success: #059669;--success-soft: #d1fae5;--warning: #d97706;--warning-soft: #fef3c7;--danger: #e11d48;--danger-soft: #ffe4e6;--purple: #7c3aed;--purple-soft: #f3e8ff;--radius: 14px;--shadow-sm: 0 2px 6px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .03);--shadow-md: 0 10px 26px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;color:var(--text-main);background:var(--bg-app);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}.login-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,#1e293b,#0f172a)}.login-card{width:100%;max-width:430px;background:var(--bg-surface);border-radius:14px;padding:28px;box-shadow:0 20px 40px #00000040}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.login-brand img{width:40px;height:40px;flex-shrink:0}.login-brand h1{margin:0;font-size:20px;font-weight:700}.login-brand p{margin:2px 0 0;color:var(--text-muted);font-size:12.5px}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg-subtle);padding:4px;border-radius:9px;border:1px solid var(--border);margin-bottom:18px}.auth-mode-btn{padding:7px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer}.auth-mode-btn.active{background:var(--bg-surface);color:var(--primary);box-shadow:var(--shadow-sm)}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;position:relative}.topbar{background:#0f172af5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f8fafc;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;min-height:52px;gap:12px;flex-shrink:0;border-bottom:1px solid #1e293b;z-index:40}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px;min-width:0}.menu-toggle-btn{position:relative;width:36px;height:36px;border-radius:9px;border:1px solid #334155;background:#1e293b;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .16s ease}.menu-toggle-btn:hover,.menu-toggle-btn.active{background:#334155;border-color:#475569}.menu-burger-lines{display:flex;flex-direction:column;gap:4px;width:16px}.menu-burger-lines span{display:block;height:2px;width:100%;background:#e2e8f0;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.menu-unread-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#ef4444;border:2px solid #0f172a}.brand-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:-.01em;white-space:nowrap}.brand-title img{width:26px;height:26px}.topbar-active-section{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:#ffffff12;color:#e2e8f0;font-size:13px;font-weight:600;white-space:nowrap}.org-switcher-select{background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:500;outline:none}.topbar-notice{font-size:12px;color:#86efac;font-weight:600;background:#16a34a29;border:1px solid rgba(34,197,94,.35);padding:4px 10px;border-radius:999px;white-space:nowrap}.topbar-push-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .16s ease;white-space:nowrap}.topbar-push-pill.is-on{background:#16a34a33;color:#86efac;border-color:#22c55e66}.topbar-push-pill.is-off{background:#1e293b;color:#94a3b8;border-color:#334155}.topbar-push-pill:hover:not(:disabled){filter:brightness(1.12)}.topbar-user-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;background:#1e293b;border:1px solid #334155;color:#f8fafc;border-radius:999px;font-size:12.5px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.topbar-user-pill:hover{background:#334155}.topbar-user-name{font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis}.topbar-user-score{color:#60a5fa;font-weight:700;font-size:12px}.nav-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;opacity:0;pointer-events:none;transition:opacity .22s ease}.nav-drawer-backdrop.open{opacity:1;pointer-events:auto}.nav-drawer{position:fixed;top:0;left:0;bottom:0;width:290px;max-width:86vw;background:#0f172a;color:#f8fafc;border-right:1px solid #1e293b;box-shadow:12px 0 36px #0006;z-index:90;display:flex;flex-direction:column;transform:translate(-104%);transition:transform .24s cubic-bezier(.22,1,.36,1);overflow-y:auto}.nav-drawer.open{transform:translate(0)}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #1e293b}.nav-drawer-close{width:32px;height:32px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#cbd5e1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.nav-drawer-close:hover{background:#334155;color:#fff}.nav-user-card{margin:14px 14px 6px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#1e293b,#172033);border:1px solid #334155;display:flex;align-items:center;gap:12px}.nav-user-avatar{position:relative;width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-avatar-dot{position:absolute;right:0;bottom:0;border:2px solid #1e293b}.nav-user-details{min-width:0;flex:1}.nav-user-title{font-weight:700;font-size:14px;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;margin-top:2px}.nav-drawer-section{padding:8px 14px}.nav-drawer-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:6px;padding:0 4px}.nav-drawer-links{padding:8px 14px;display:flex;flex-direction:column;gap:4px;flex:1}.nav-drawer-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:#cbd5e1;font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s ease}.nav-drawer-item:hover{background:#ffffff0f;color:#fff}.nav-drawer-item.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 4px 12px #2563eb59}.nav-drawer-icon{font-size:16px;width:22px;text-align:center}.nav-drawer-text{flex:1}.nav-drawer-count{font-size:11.5px;color:#94a3b8;background:#ffffff14;padding:2px 7px;border-radius:999px}.nav-drawer-item.active .nav-drawer-count{color:#fff;background:#ffffff38}.nav-drawer-footer{padding:14px;border-top:1px solid #1e293b;display:flex;flex-direction:column;gap:10px;background:#0f172a99}.nav-push-card{background:#1e293b;border:1px solid #334155;border-radius:11px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.nav-push-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.nav-push-title{font-size:13px;font-weight:600;color:#f8fafc}.nav-push-sub{font-size:11.5px;color:#94a3b8;margin-top:2px}.modern-switch{position:relative;width:44px;height:24px;border-radius:999px;border:none;padding:2px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.modern-switch.on{background:#16a34a}.modern-switch.off{background:#475569}.modern-switch:disabled{opacity:.5;cursor:not-allowed}.modern-switch-thumb{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.modern-switch.on .modern-switch-thumb{transform:translate(20px)}.modern-switch.off .modern-switch-thumb{transform:translate(0)}.nav-push-actions{display:flex;flex-direction:column;gap:6px}.nav-action-btn.primary-push-btn{background:var(--primary-gradient);border-color:#6366f199;color:#fff;font-weight:600;box-shadow:0 4px 12px #4f46e54d}.nav-action-btn.primary-push-btn:hover:not(:disabled){background:var(--primary-hover);color:#fff}.push-alert-box{font-size:11.5px;line-height:1.4;padding:8px 10px;border-radius:8px}.push-alert-box.warning{background:#f59e0b24;border:1px solid rgba(245,158,11,.38);color:#fde68a}.push-alert-box.danger{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fecaca}.pwa-install-box{border-top:1px solid rgba(148,163,184,.16);padding-top:8px;display:flex;flex-direction:column;gap:6px}.pwa-installed-badge{font-size:11.5px;font-weight:600;color:#86efac;background:#16a34a29;border:1px solid rgba(34,197,94,.32);border-radius:8px;padding:6px 10px;text-align:center}.pwa-hint-text{font-size:11.5px;line-height:1.4;color:#cbd5e1}.ios-push-guide{border-top:1px solid rgba(148,163,184,.16);padding-top:8px}.ios-push-guide-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:600;color:#e2e8f0;-webkit-user-select:none;user-select:none}.ios-push-guide-summary::-webkit-details-marker{display:none}.ios-push-guide-chevron{font-size:11px;color:#94a3b8;transition:transform .18s ease}.ios-push-guide[open] .ios-push-guide-chevron{transform:rotate(180deg)}.ios-push-guide-body{margin-top:8px;font-size:11.5px;line-height:1.42;color:#cbd5e1}.ios-push-steps{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:5px}.ios-push-steps code{background:#ffffff1f;padding:1px 5px;border-radius:4px;color:#fff}.floating-toast-notice{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:140;background:#0f172af0;color:#f8fafc;border:1px solid rgba(99,102,241,.45);box-shadow:0 10px 28px #0f172a59;padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:600;max-width:92vw;text-align:center;pointer-events:none}.nav-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nav-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:9px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.nav-action-btn:hover{background:#334155;color:#fff}.nav-action-btn.danger{color:#fca5a5;border-color:#ef44444d}.nav-action-btn.danger:hover{background:#ef444426;color:#fecaca}.badge-pill{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.badge-danger{background:#ef4444;color:#fff}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-purple{background:var(--purple-soft);color:var(--purple)}.badge-neutral{background:#e2e8f0;color:#334155}.workspace-grid{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:330px minmax(0,1fr) 310px;grid-template-rows:minmax(0,1fr);overflow:hidden;background:var(--bg-surface);position:relative}.chat-sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-subtle);overflow:hidden}.sidebar-filters{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;background:var(--bg-surface)}.filter-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.filter-tab{padding:6px 8px;font-size:12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;font-weight:500;text-align:center}.filter-tab.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.chat-list{flex:1;overflow-y:auto}.chat-item{position:relative;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;background:var(--bg-surface);transition:background .15s ease}.chat-item:hover{background:#f8fafc}.chat-item.selected{background:linear-gradient(90deg,#6366f117,#6366f105)}.chat-item.selected:before{content:"";position:absolute;left:4px;top:10px;bottom:10px;width:3.5px;border-radius:999px;background:var(--primary-gradient);box-shadow:0 0 8px #6366f173}.chat-item.urgent-rabbit{background:#fffbeb}.chat-item.urgent-rabbit.selected{background:#fef3c7}.chat-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.chat-customer-name{font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{font-size:11.5px;color:var(--text-muted);flex-shrink:0}.chat-preview{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.chat-item-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:11.5px}.rabbit-timer-bar{margin-top:7px;background:#fde68a;border-radius:6px;padding:4px 8px;font-size:11.5px;font-weight:600;color:#92400e;display:flex;align-items:center;justify-content:space-between}.chat-main{display:flex;flex-direction:column;min-height:0;min-width:0;height:100%;width:100%;overflow:hidden;background:var(--bg-chat-canvas)}.chat-header{padding:10px 16px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;flex-shrink:0}.chat-header-top{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.chat-header-identity{min-width:0;flex:1}.chat-header-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chat-header-customer{font-size:15px;color:var(--text-main)}.chat-header-username{color:var(--text-muted);font-size:13px}.chat-header-subtitle{font-size:11.5px;color:var(--text-muted);margin-top:2px}.chat-header-mobile-tools{display:none;align-items:center;gap:5px;flex-shrink:0}.chat-header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mobile-only-btn{display:none!important}.rabbit-pickup-banner{background:linear-gradient(90deg,#fef3c7,#fde68a);border-bottom:1px solid #f59e0b;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0}.messages-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 22px;display:flex;flex-direction:column;gap:12px}.msg-row{display:flex;flex-direction:column;gap:6px;max-width:74%}.msg-row.customer{align-self:flex-start;align-items:flex-start}.msg-row.manager{align-self:flex-end;align-items:flex-end}.msg-row.system{align-self:center;align-items:center;max-width:90%}.msg-bubble{padding:10px 14px;border-radius:18px;word-break:break-word;white-space:pre-wrap;line-height:1.48;transition:transform .14s ease,box-shadow .14s ease,border-color .2s ease}@keyframes pushMessagePulse{0%{box-shadow:0 0 #6366f18c,0 8px 24px #4f46e538;transform:scale(1.015)}45%{box-shadow:0 0 0 6px #6366f12e,0 8px 24px #4f46e529;transform:scale(1)}to{box-shadow:0 0 #6366f100,0 4px 14px #0f172a0a;transform:scale(1)}}.msg-row.push-target-highlight .msg-bubble{border-color:#6366f1!important;animation:pushMessagePulse 2.4s cubic-bezier(.22,1,.36,1) forwards}.msg-sender-name{font-size:11px;font-weight:700;letter-spacing:.01em;margin-bottom:3px}.msg-row.customer .msg-bubble{background:var(--customer-bubble-bg);color:var(--text-main);border:1px solid rgba(226,232,240,.95);border-bottom-left-radius:6px;box-shadow:0 4px 14px #0f172a0a,0 1px 2px #0f172a05}.msg-row.customer .msg-sender-name{color:#64748b}.msg-row.manager .msg-bubble{background:var(--manager-bubble-bg);color:#1e1b4b;border:1px solid rgba(99,102,241,.18);border-bottom-right-radius:6px;box-shadow:0 6px 18px #4f46e514,0 1px 3px #4f46e50d,inset 0 1px #ffffffd9}.msg-row.manager .msg-sender-name{color:#4f46e5}.msg-row.system .msg-bubble{background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(203,213,225,.8);color:#475569;font-size:12px;font-weight:500;padding:6px 14px;border-radius:999px;text-align:center}.msg-meta{font-size:11px;color:var(--text-muted);margin-top:-2px;padding:0 6px;font-weight:500}.msg-row.manager .msg-meta{text-align:right}.msg-attachments{display:flex;flex-direction:column;gap:6px;margin-top:6px}.msg-bubble.has-visual-media{padding:0;overflow:hidden;max-width:310px}.msg-media-gallery{display:flex;flex-direction:column;gap:2px}.msg-media-card{position:relative;display:block;overflow:hidden;background:#0f172a;text-decoration:none}.msg-attachment-img{max-width:310px;max-height:250px;width:100%;height:auto;object-fit:cover;display:block;transition:transform .28s cubic-bezier(.22,1,.36,1)}.msg-media-card:hover .msg-attachment-img{transform:scale(1.025)}.msg-attachment-video{max-width:310px;max-height:250px;width:100%;display:block}.msg-caption-body{padding:9px 14px 11px;border-top:1px solid rgba(15,23,42,.05)}.msg-media-badge{position:absolute;top:10px;left:10px;z-index:2;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;color:#fff;background:#0f172a94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);pointer-events:none}.msg-media-zoom{position:absolute;right:10px;bottom:10px;z-index:2;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;color:#fff;background:#0f172a9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.msg-media-card:hover .msg-media-zoom{opacity:1;transform:translateY(0)}.msg-attachment-file{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;background:#0f172a0d;border:1px solid rgba(15,23,42,.08);color:inherit;text-decoration:none;font-size:12.5px;font-weight:500;transition:background .15s ease}.msg-attachment-file:hover{background:#0f172a17}.msg-row.manager .msg-attachment-file{background:#ffffffa6;border-color:#6366f133;color:#1e1b4b}.chat-composer{padding:12px 16px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.composer-row{display:flex;align-items:flex-end;gap:8px}.composer-icon-btn{width:38px;height:38px;padding:0;font-size:17px;flex-shrink:0}.composer-icon-btn.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.emoji-picker-wrapper{position:relative;display:inline-flex}.emoji-picker-popover{position:absolute;bottom:calc(100% + 10px);left:0;width:310px;max-width:88vw;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 12px 32px #0f172a2e;padding:10px;z-index:60;display:flex;flex-direction:column;gap:8px}.emoji-picker-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--bg-subtle);padding:3px;border-radius:8px;border:1px solid var(--border)}.emoji-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 6px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap}.emoji-tab-btn.active{background:var(--bg-surface);color:var(--primary);box-shadow:var(--shadow-sm)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;max-height:196px;overflow-y:auto}.emoji-cell-btn{height:38px;border:none;border-radius:8px;background:transparent;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,transform .12s}.emoji-cell-btn:hover{background:var(--primary-soft);transform:scale(1.12)}.composer-textarea{flex:1 1 auto;min-width:0;width:100%;min-height:40px;max-height:110px;resize:none;padding:9px 12px;border:1px solid var(--border-strong);border-radius:12px;outline:none;line-height:1.4}.composer-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb26}.composer-send-btn{flex-shrink:0;height:40px}.composer-send-btn .send-btn-icon{display:none}.chat-info-panel{border-left:1px solid var(--border);background:var(--bg-surface);overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px}.info-section{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--bg-subtle)}.info-section h4{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--text-main);display:flex;align-items:center;justify-content:space-between}.timeline-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.timeline-item{position:relative;font-size:12px;padding:9px 11px 9px 24px;border-radius:10px;background:var(--bg-surface);border:1px solid rgba(226,232,240,.9);box-shadow:0 2px 8px #0f172a08}.timeline-item:before{content:"";position:absolute;left:9px;top:14px;width:7px;height:7px;border-radius:50%;background:#6366f1;box-shadow:0 0 0 3px #6366f129}.timeline-item.timeout{border-color:#f43f5e38;background:linear-gradient(135deg,#fff1f2,#ffe4e6)}.timeline-item.timeout:before{background:var(--danger);box-shadow:0 0 0 3px #e11d482e}.timeline-item.picked_up{border-color:#10b98138;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.timeline-item.picked_up:before{background:var(--success);box-shadow:0 0 0 3px #0596692e}.admin-page{flex:1;overflow-y:auto;padding:20px 24px;max-width:1380px;width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-header h2{margin:0;font-size:19px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);margin-bottom:16px;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:640px}.data-table th,.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.data-table th{font-size:12px;font-weight:600;color:var(--text-muted);background:var(--bg-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border-radius:7px;font-weight:500;font-size:13px;border:1px solid transparent;cursor:pointer;transition:all .14s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 3px 10px #4f46e540}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 5px 14px #4f46e557;transform:translateY(-1px)}.ttl-settings-card{background:linear-gradient(135deg,#fff,#f5f7ff);border-color:#dbe2f6}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-secondary{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle)}.btn-sm{padding:5px 9px;font-size:12px}.input,.select{width:100%;padding:8px 11px;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-surface);color:var(--text-main)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:12px;font-weight:600;color:var(--text-secondary)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot.online{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.status-dot.offline{background:#94a3b8}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:100;padding:14px}.modal-box{background:var(--bg-surface);border-radius:12px;width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;padding:20px;box-shadow:0 20px 40px #00000040}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.kpi-value{font-size:22px;font-weight:700;color:var(--text-main)}.kpi-label{font-size:12px;color:var(--text-muted)}@media(max-width:960px){.workspace-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.mobile-only-btn{display:inline-flex!important}.app-shell.mobile-in-chat>.topbar{display:none}.desktop-only-push-pill{display:none!important}.workspace-grid.mobile-view-list .chat-main,.workspace-grid.mobile-view-list .chat-info-panel,.workspace-grid.mobile-view-chat .chat-sidebar,.workspace-grid.mobile-view-chat .chat-info-panel,.workspace-grid.mobile-view-info .chat-sidebar,.workspace-grid.mobile-view-info .chat-main{display:none}.chat-sidebar,.chat-info-panel{border:none;width:100%;height:100%;min-height:0}.topbar{padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px;min-height:48px;gap:6px}.desktop-only-org,.topbar .brand-title span,.topbar-push-label{display:none}.topbar-user-name{max-width:90px}.chat-header{padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px;gap:6px;flex-direction:column;align-items:stretch}.chat-header-top{width:100%;gap:8px}.chat-back-btn{padding:5px 8px;font-size:12px;flex-shrink:0}.chat-header-title-row{flex-wrap:nowrap;overflow:hidden}.chat-header-customer{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-username{display:none}.chat-header-subtitle{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-actions{width:100%;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:2px;-webkit-overflow-scrolling:touch}.chat-header-actions .btn-sm{padding:4px 8px;font-size:11.5px;flex-shrink:0}.rabbit-pickup-banner{padding:8px 10px;gap:8px}.messages-container{padding:12px 10px;gap:10px}.chat-composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:6px;flex-shrink:0}.composer-row{display:flex;align-items:flex-end;gap:6px;width:100%;min-width:0}.composer-icon-btn{width:36px;height:38px;border-radius:10px;font-size:16px;flex-shrink:0}.composer-textarea{flex:1 1 auto;min-width:0;width:100%;min-height:38px;max-height:96px;padding:8px 12px;border-radius:18px;font-size:16px;line-height:1.35}.composer-send-btn{width:40px;height:38px;padding:0;border-radius:12px;flex-shrink:0}.composer-send-btn .send-btn-text{display:none}.composer-send-btn .send-btn-icon{display:inline-block;font-size:16px;line-height:1}.emoji-picker-popover{position:fixed;left:10px;right:10px;bottom:calc(60px + env(safe-area-inset-bottom,0px));width:auto;max-width:none}.admin-page,.card{padding:12px}.msg-row{max-width:88%}.input,.select{font-size:16px}}