:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none;--nav: #0b1729;--nav-soft: #16263d;--brand: #1e78f0;--brand-dark: #125dc4;--surface: #fff;--surface-2: #f7f9fc;--line: #e4e9f1;--muted: #667085;--success: #0a9369;--danger: #d64045;--warning: #d98408;--radius: 14px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.mobile-only,.mobile-header,.mobile-nav{display:none!important}.brand{display:flex;align-items:baseline;gap:5px;color:#fff;letter-spacing:-.02em;font-size:20px}.brand span{font-weight:800}.brand b{color:#63adff;font-weight:600}.brand-large{color:#172033;justify-content:center;font-size:27px}.brand-large b{color:var(--brand)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:20px 16px 16px;background:var(--nav);color:#d6dfec;display:flex;flex-direction:column;z-index:20;transition:width .2s ease,padding .2s ease}.sidebar-brand-row{min-height:42px;margin-bottom:17px;display:flex;align-items:center;gap:8px}.sidebar-brand-row .brand{min-width:0;flex:1;padding-left:12px;overflow:hidden;white-space:nowrap}.brand-symbol{display:none;flex:0 0 auto;color:#63adff}.sidebar-collapse-button{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #2a3c55;border-radius:8px;color:#9fb0c5;background:#14243a}.sidebar-collapse-button:hover{color:#fff;background:#20344f}.tenant-switch{background:var(--nav-soft);border:1px solid #273a55;padding:9px 10px;border-radius:10px;margin-bottom:19px}.tenant-collapsed-icon{display:none}.tenant-switch small{display:block;color:#8fa1b9;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.06em;margin-bottom:3px}.tenant-switch select{width:100%;color:#fff;background:transparent;border:0;outline:0;font-size:13px;font-weight:600}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:9px;font-size:14px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#1d304a;color:#fff}.sidebar nav a.active svg{color:#62adff}.sidebar-user{margin-top:auto;border-top:1px solid #25374f;padding:16px 7px 0;display:flex;align-items:center;gap:9px}.sidebar-user>div{min-width:0;flex:1}.sidebar-user b,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user b{color:#fff;font-size:13px}.sidebar-user small{color:#8fa1b9;font-size:10px;margin-top:2px}.user-dot{width:33px;height:33px;border-radius:50%;background:linear-gradient(145deg,#2789ff,#765ae6);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px}.app-main{margin-left:238px;min-height:100vh;transition:margin-left .2s ease}.sidebar-collapsed .sidebar{width:72px;padding-left:10px;padding-right:10px}.sidebar-collapsed .app-main{margin-left:72px}.sidebar-collapsed .sidebar-brand-row{flex-direction:column;gap:5px;margin-bottom:12px}.sidebar-collapsed .sidebar-brand-row .brand{width:36px;min-height:32px;padding:0;display:grid;place-items:center}.sidebar-collapsed .brand-symbol{display:block}.sidebar-collapsed .sidebar-brand-row .brand span,.sidebar-collapsed .sidebar-brand-row .brand b{display:none}.sidebar-collapsed .sidebar-collapse-button{width:34px;height:28px}.sidebar-collapsed .tenant-switch{min-height:42px;padding:0;display:grid;place-items:center;cursor:pointer}.sidebar-collapsed .tenant-collapsed-icon{display:block}.sidebar-collapsed .tenant-switch small,.sidebar-collapsed .tenant-switch select{display:none}.sidebar-collapsed .sidebar nav a{min-height:42px;padding:0;justify-content:center}.sidebar-collapsed .sidebar nav a span{display:none}.sidebar-collapsed .sidebar nav a svg{width:21px;height:21px}.sidebar-collapsed .sidebar-user{padding:14px 0 0;flex-direction:column}.sidebar-collapsed .sidebar-user>div{display:none}.sidebar-collapsed .sidebar-user .user-dot,.sidebar-collapsed .sidebar-user .icon-btn{width:34px;height:34px}.page{padding:30px;max-width:1600px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{font-size:25px;margin-bottom:4px}.page-header p{color:var(--muted);font-size:14px;margin:0}.header-actions{display:flex;align-items:center;gap:8px}.header-actions select{min-width:180px}button.primary,button.secondary,button.danger,.text-button{border:0;border-radius:9px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:650;font-size:13px}button.primary{background:var(--brand);color:#fff}.primary:hover{background:var(--brand-dark)}.secondary{background:#fff;color:#344054;border:1px solid var(--line)!important}.danger{background:#fff0f1;color:var(--danger)}.wide{width:100%}.icon-btn{border:0;background:transparent;color:inherit;width:35px;height:35px;border-radius:8px;display:grid;place-items:center;padding:0}.icon-btn:hover{background:#edf1f7}.sidebar .icon-btn:hover{background:#273a55}input,select,textarea{border:1px solid #d7deea;background:#fff;color:#1d2939;border-radius:8px;padding:9px 11px;outline:none}.field input,.field select,.field textarea{width:100%}.field textarea{min-height:88px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#6eaaf9;box-shadow:0 0 0 3px #e5f0ff}.field{display:flex;flex-direction:column;gap:6px;color:#344054;font-size:13px;font-weight:600}.field small{color:var(--muted);font-size:11px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-row{display:flex;gap:9px;align-items:center;font-size:13px;color:#344054}.check-row input{width:17px;height:17px}.member-list{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:9px}.member-list .check-row{padding:9px 11px}.member-list .check-row+.check-row{border-top:1px solid var(--line)}.member-list b,.member-list small{display:block}.member-list small{margin-top:2px;color:var(--muted);font-size:10px}.alert{background:#eef5ff;border:1px solid #cfe3ff;color:#22558b;padding:10px 12px;border-radius:9px;font-size:13px}.alert-error{background:#fff1f2;border-color:#ffcfd2;color:#a7282d}.alert-success{background:#edfff7;border-color:#b7f0da;color:#087b58}.badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:3px 7px;background:#eef1f5;color:#526071;font-size:10px;font-weight:700}.badge-success{background:#e6f8f1;color:#087b58}.badge-danger{background:#ffecef;color:#b4232a}.badge-warning{background:#fff5df;color:#a96100}.spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-block,.center-page{min-height:220px;display:grid;place-items:center}.center-page{min-height:100vh}.empty{margin:auto;max-width:360px;text-align:center;color:var(--muted);padding:36px 20px}.empty-icon{width:48px;height:48px;border-radius:15px;background:#e9f2ff;color:var(--brand);display:grid;place-items:center;margin:0 auto 13px;font-size:23px}.empty h3{color:#344054;margin-bottom:6px;font-size:16px}.empty p{font-size:13px;line-height:1.5}.avatar{border-radius:50%;object-fit:cover;flex:0 0 auto}.avatar-fallback{background:linear-gradient(145deg,#d8e9ff,#c5d4ef);color:#355578;display:grid;place-items:center;font-weight:700;font-size:12px}.auth-page{min-height:100vh;background:radial-gradient(circle at 20% 15%,#e8f2ff,transparent 33%),linear-gradient(150deg,#f7f9fc,#edf2f9);display:grid;place-items:center;padding:20px}.auth-card{width:min(410px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 22px 70px #1c35501a}.auth-card h1{text-align:center;margin:24px 0 7px;font-size:25px}.auth-card>p{text-align:center;color:var(--muted);font-size:14px;margin-bottom:25px}.auth-card form{display:flex;flex-direction:column;gap:15px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1729a3;display:grid;place-items:center;padding:20px;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;box-shadow:0 24px 90px #0004}.modal>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:17px 20px}.modal>header h2{font-size:17px;margin:0}.modal-form{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-form footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:3px}.conversation-page{height:100vh;display:grid;grid-template-columns:230px minmax(290px,380px) minmax(430px,1fr);background:#fff;overflow:hidden}.conversation-filters{padding:22px 14px;border-right:1px solid var(--line);background:#f8fafc}.conversation-filters header{display:flex;justify-content:space-between;align-items:center;padding:0 4px 13px}.conversation-filters h1{font-size:20px;margin:0}.search-box{min-height:38px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 9px}.search-box input{border:0;box-shadow:none;padding:7px 0;min-width:0;flex:1;background:transparent}.search-box button{border:0;background:transparent;padding:3px;display:grid;place-items:center}.conversation-filter-actions{display:flex;align-items:center;gap:3px}.conversation-filter-actions .icon-btn.active{color:var(--brand);background:#eaf3ff}.live-connection-state{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#23845e;background:#e8f7f0}.live-connection-state.connecting,.live-connection-state.reconnecting{color:#a26508;background:#fff4dd}.live-notification-toast{position:fixed;top:14px;right:14px;z-index:95;width:min(360px,calc(100vw - 28px));min-height:58px;padding:10px 12px;display:flex;align-items:flex-start;gap:9px;border:1px solid #bfd8f5;border-radius:12px;color:#2e527e;background:#fff;box-shadow:0 16px 42px #172b4535;text-align:left}.live-notification-toast>svg{flex:0 0 auto;margin-top:2px;color:var(--brand)}.live-notification-toast>svg:last-child{margin-left:auto;color:#8390a0}.live-notification-toast span{min-width:0;flex:1}.live-notification-toast b,.live-notification-toast small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-notification-toast b{color:#24364d;font-size:11px}.live-notification-toast small{margin-top:3px;color:#68778a;font-size:9px}.segment{display:grid;grid-template-columns:repeat(3,1fr);background:#e9edf3;border-radius:8px;padding:3px;margin:12px 0}.segment button{border:0;background:transparent;border-radius:6px;padding:6px 3px;color:var(--muted);font-size:10px;font-weight:700}.segment button.active{background:#fff;color:#344054;box-shadow:0 1px 4px #0001}.compact-field span{display:block;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted);margin:15px 0 5px}.compact-field select{width:100%;font-size:12px}.queue-filter{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:12px}.queue-filter button{min-height:28px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:10px;font-weight:700}.queue-filter button.active{border-color:#9bbbe0;color:var(--brand);background:#edf5ff}.load-more{width:calc(100% - 18px);min-height:34px;margin:9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand);font-size:11px;font-weight:700}.conversation-list{overflow-y:auto;border-right:1px solid var(--line)}.conversation-row{width:100%;border:0;border-bottom:1px solid #edf0f4;background:#fff;text-align:left;padding:13px 12px;display:flex;gap:10px}.conversation-row:hover,.conversation-row.active{background:#f1f7ff}.conversation-row-main{flex:1;min-width:0}.conversation-row-main>div{display:flex;align-items:center;gap:8px}.conversation-row-main>div:first-child b{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.conversation-row-main time{font-size:10px;color:var(--muted)}.preview{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px;margin-top:4px}.unread{min-width:18px;height:18px;padding:0 5px;background:var(--brand);color:#fff;border-radius:10px;display:grid;place-items:center;font-size:9px;font-weight:700}.conversation-row footer{display:flex;gap:4px;align-items:center;margin-top:7px}.conversation-row footer small{margin-left:auto;color:var(--muted);font-size:9px}.conversation-context-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0}.conversation-context-menu{position:fixed;width:242px;padding:5px;overflow:hidden;border:1px solid #dce2ea;border-radius:10px;color:#344054;background:#fff;box-shadow:0 16px 44px #17243b2e,0 3px 10px #17243b1f;font-size:10px}.conversation-context-menu button{width:100%;min-height:35px;padding:6px 8px;display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:7px;border:0;border-radius:7px;color:#344054;background:transparent;text-align:left}.conversation-context-menu button:hover:not(:disabled),.conversation-context-menu button:focus-visible{color:#245cc5;background:#f0f5ff;outline:none}.conversation-context-menu button:disabled{cursor:default;opacity:.55}.conversation-context-menu button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-context-menu button>svg:last-child{justify-self:end}.conversation-context-menu .conversation-context-back{margin-bottom:3px;border-radius:7px 7px 3px 3px;color:#2f3d51}.conversation-context-menu .conversation-context-back strong{grid-column:2 / 4;font-size:10px}.conversation-context-divider{height:1px;margin:4px 3px;background:#e7ebf0}.conversation-context-options.scrollable{max-height:270px;overflow-y:auto}.conversation-context-options p{margin:0;padding:15px 9px;color:#8994a4;text-align:center}.conversation-priority-dot,.conversation-label-dot{justify-self:center;width:9px;height:9px;border-radius:50%;background:#64748b}.conversation-priority-dot.urgent{background:#d92d20}.conversation-priority-dot.high{background:#f97316}.conversation-priority-dot.medium{background:#eab308}.conversation-priority-dot.low{background:#3b82f6}.conversation-priority-dot.none{border:1px solid #98a2b3;background:transparent}.conversation-context-options .avatar{justify-self:center}.conversation-workspace{min-width:0;background:#eef2f6;display:flex;overflow:hidden}.workspace-inner{min-width:0;width:100%;display:flex;flex-direction:column}.conversation-header{min-height:67px;padding:9px 14px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}.conversation-header h2{font-size:14px;margin:0 0 2px}.conversation-header small{color:var(--muted);font-size:10px}.conversation-header select{max-width:145px;font-size:11px;padding:7px}.label-picker{position:relative}.label-picker-trigger{min-height:32px;padding:0 8px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#fff;font-size:10px;cursor:pointer}.label-picker-trigger[aria-expanded=true]{color:var(--brand);border-color:#a9c8ee;background:#f3f8ff}.label-picker-menu{position:absolute;right:0;top:38px;z-index:18;width:210px;max-height:260px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 12px 30px #16263d26}.label-picker label{padding:7px;display:flex;align-items:center;gap:7px;border-radius:6px;font-size:11px}.label-picker label:hover{background:#f2f6fb}.label-picker label span{width:9px;height:9px;border-radius:50%}.message-list{flex:1;overflow-y:auto;padding:24px max(18px,7%);display:flex;flex-direction:column;gap:8px;background-color:#edf1f5;background-image:radial-gradient(#cdd5df55 1px,transparent 1px);background-size:18px 18px}.message{position:relative;max-width:min(72%,650px);padding:9px 11px 6px;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0001;align-self:flex-start}.message.outgoing{align-self:flex-end;background:#dcf8ec}.message.private{background:#fff3c7;border:1px solid #efd87e}.message.activity{align-self:center;background:#dfe5eb;color:#5a6572;font-size:10px;padding:5px 9px}.message p{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.45;margin:0 0 5px}.message footer{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:#7c8795;font-size:9px}.private-label{display:block;color:#9b6700;font-weight:700;font-size:9px;margin-bottom:4px}.message-reply{position:absolute;right:5px;top:5px;z-index:2;width:31px;height:31px;padding:0;display:grid;place-items:center;border:1px solid #dce4ed;border-radius:50%;color:#52667d;background:#fffffff2;box-shadow:0 4px 12px #172b4520;opacity:.24;transform:translateY(0);transition:opacity .14s ease,transform .14s ease,background .14s ease}.message:hover .message-reply,.message-reply:focus-visible{opacity:1;transform:translateY(0)}.message-reply:hover{color:var(--brand);background:#edf5ff}.attachment{display:flex;align-items:center;gap:7px;border-radius:7px;background:#fff9;padding:7px;margin:5px 0;font-size:11px}.attachment svg{width:20px}.composer-blocked{padding:10px;background:#fff3d9;color:#8b5900;text-align:center;font-size:12px}.composer-area{background:#fff;border-top:1px solid var(--line);padding:8px 12px 12px;position:relative}.composer-mode-bar{min-height:29px;margin-bottom:6px;display:flex;align-items:center;justify-content:flex-end;gap:12px;color:#7b8796;font-size:9px}.private-note-toggle{min-height:27px;padding:0 8px;display:flex;align-items:center;gap:5px;border:1px solid #d9e1ea;border-radius:8px;color:#59697c;background:#f8fafc;font-weight:700;cursor:pointer}.private-note-toggle input{width:14px;height:14px;margin:0;accent-color:#c68a12}.private-note-toggle.active{color:#8a5a00;border-color:#e7c45d;background:#fff7d9}.composer{border:1px solid #d6dde7;border-radius:11px;overflow:hidden}.composer.note-mode{border-color:#e0be4f;background:#fffaf0;box-shadow:0 0 0 3px #fff2bd}.composer textarea{border:0;box-shadow:none;width:100%;min-height:48px;max-height:150px;resize:vertical;padding:10px;background:transparent}.composer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 5px}.composer-toolbar>div{display:flex}.composer-toolbar button,.tool-button{width:32px;height:30px;border:0;background:transparent;color:#647184;border-radius:7px;display:grid;place-items:center;padding:0}.composer-toolbar button:hover,.composer-toolbar button.active,.tool-button:hover{background:#eef3f8;color:var(--brand)}.composer-toolbar button.recording{color:var(--danger);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.45}}.composer-toolbar .send-button{background:var(--brand);color:#fff;border-radius:8px}.reply-preview{display:flex;gap:8px;align-items:center;background:#f0f5fa;border-left:3px solid var(--brand);padding:6px 8px;margin-bottom:6px;border-radius:6px;font-size:10px}.reply-preview div{flex:1;min-width:0}.reply-preview b,.reply-preview span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview button,.file-chips button,.tool-panel button{border:0;background:transparent}.file-chips{display:flex;gap:5px;overflow-x:auto;margin-bottom:6px}.file-chips span{display:flex;gap:4px;align-items:center;background:#eef2f6;border-radius:6px;padding:5px 7px;font-size:10px;white-space:nowrap}.tool-panel{position:absolute;bottom:100%;left:12px;right:12px;max-height:290px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 15px 40px #16263d2b;overflow:hidden;z-index:4}.tool-panel>header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px}.tool-panel>div{padding:7px;overflow:auto;max-height:240px}.tool-panel>div>button{width:100%;display:flex;flex-direction:column;text-align:left;padding:8px;border-radius:6px}.tool-panel>div>button:hover{background:#f2f6fb}.tool-panel button b{font-size:11px}.tool-panel button span{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.ai-actions{display:flex;gap:5px;flex-wrap:wrap}.ai-actions button{width:auto!important;background:#eef4fc!important;color:#315b8d;padding:6px 8px!important}.ai-tool-panel{max-height:min(490px,calc(100vh - 185px))}.ai-tool-panel>div{max-height:min(440px,calc(100vh - 235px))}.ai-result{padding-top:8px;display:flex;flex-direction:column;align-items:stretch}.ai-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-result-head>b{color:#344054;font-size:10px}.ai-result textarea{width:100%;min-height:100px;margin:7px 0 0;resize:vertical}.ai-result .ai-apply-button{flex:0 0 auto;width:auto;padding:7px 11px;border:1px solid #1766cf;background:var(--brand);box-shadow:0 5px 16px #1e78f03d}.ai-result .ai-apply-button:hover{background:var(--brand-dark)}.quick-task-form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-task-form input{grid-column:1 / -1}.quick-task-form button{min-height:34px}.quick-task-form .success-text{grid-column:1 / -1;color:#18794e;font-size:11px}.ai-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.ai-settings label span{display:block;margin-bottom:3px;color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase}.ai-settings select{width:100%;font-size:10px;padding:6px}.contacts-layout{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 130px);background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.contacts-list-panel{border-right:1px solid var(--line);padding:12px;overflow:auto}.contacts-list-panel .search-box{margin-bottom:10px}.contact-row{border:0;background:#fff;width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:9px}.contact-row:hover,.contact-row.active{background:#eef5ff}.contact-row div{min-width:0}.contact-row b,.contact-row span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-row b{font-size:13px}.contact-row span{color:var(--muted);font-size:11px;margin-top:3px}.contact-detail{padding:25px;overflow:auto}.contact-detail>header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:19px}.contact-detail h2{margin:0 0 3px;font-size:20px}.contact-detail header span{color:var(--muted);font-size:12px}.contact-detail header button{margin-left:auto}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.info-card{border:1px solid var(--line);border-radius:10px;padding:11px;display:flex;gap:10px;align-items:center}.info-icon{width:32px;height:32px;border-radius:8px;background:#edf4fe;color:var(--brand);display:grid;place-items:center}.info-icon svg{width:16px}.info-card small,.info-card b{display:block}.info-card small{color:var(--muted);font-size:10px;margin-bottom:2px}.info-card b{font-size:12px}.detail-section{margin-top:25px}.detail-section h3{display:flex;align-items:center;gap:7px;font-size:14px}.related-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f3}.related-row div{flex:1;min-width:0}.related-row b,.related-row span{display:block}.related-row b{font-size:12px}.related-row span{color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attributes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.attributes div{background:#f6f8fb;padding:9px;border-radius:8px}.attributes dt{color:var(--muted);font-size:9px;text-transform:capitalize}.attributes dd{margin:3px 0 0;font-size:12px;font-weight:600}.kanban-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--muted);font-size:12px}.kanban-meta>div{display:flex;gap:9px;align-items:center}.text-button{background:transparent;color:var(--brand);padding:5px}.kanban-board{display:flex;gap:12px;overflow-x:auto;min-height:calc(100vh - 195px);padding:2px 2px 14px}.kanban-column{flex:0 0 286px;background:#e9eef4;border-radius:12px;padding:9px;display:flex;flex-direction:column}.kanban-column>header{display:flex;align-items:center;gap:7px;padding:4px 5px 10px;font-size:12px}.kanban-column>header b{flex:1}.stage-dot{width:9px;height:9px;border-radius:50%}.kanban-cards{display:flex;flex-direction:column;gap:8px}.kanban-card{position:relative;background:#fff;border:1px solid #dee4ec;border-radius:10px;padding:11px;box-shadow:0 1px 2px #0000000d;cursor:pointer}.kanban-card:hover{border-color:#a9c8ee}.kanban-card h3{font-size:13px;margin:0 16px 7px 0}.kanban-card p{color:var(--muted);font-size:10px;line-height:1.4;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drag-handle{position:absolute;right:7px;top:10px;color:#a0a9b5;cursor:grab}.card-contact{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600}.kanban-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:5px}.kanban-card footer>span{display:flex;gap:4px;align-items:center;color:var(--muted);font-size:9px}.add-card{border:1px dashed #b8c3d1;background:transparent;color:#647184;border-radius:8px;padding:8px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px}.add-card:hover{background:#fff}.settings-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto}.settings-tabs a{display:flex;gap:6px;align-items:center;padding:10px 13px;font-size:12px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.settings-tabs a.active{color:var(--brand);border-color:var(--brand)}.settings-content{max-width:1050px}.settings-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.settings-section-header h2{font-size:17px;margin-bottom:3px}.settings-section-header p{color:var(--muted);font-size:12px;margin:0}.section-gap{margin-top:35px}.integration-subtabs{margin-bottom:12px;padding:4px;display:flex;gap:4px;width:fit-content;border:1px solid var(--line);border-radius:10px;background:#eef2f6}.integration-subtabs button{min-height:34px;padding:0 11px;display:flex;align-items:center;gap:6px;border:0;border-radius:7px;color:#667085;background:transparent;font-size:11px;font-weight:700}.integration-subtabs button.active{color:#1f5fae;background:#fff;box-shadow:0 2px 7px #1b35551a}.integration-subtabs button:disabled{opacity:.45}.zoho-mapping-panel{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.zoho-mapping-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.zoho-mapping-panel h3{margin:0 0 4px;font-size:15px}.zoho-mapping-panel header p{max-width:590px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.zoho-mapping-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.zoho-mapping-actions button{min-height:34px;padding:7px 10px;font-size:10px}.zoho-mapping-note{margin:14px 0 12px;padding:9px 10px;display:flex;align-items:flex-start;gap:7px;border:1px solid #d4e3f6;border-radius:8px;color:#35658f;background:#f2f7fd;font-size:9px;line-height:1.45}.zoho-mapping-note svg{flex:0 0 auto;margin-top:1px}.zoho-module-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.zoho-module-tabs button{min-height:36px;padding:0 12px;display:flex;align-items:center;gap:6px;border:0;border-bottom:2px solid transparent;color:#718095;background:transparent;font-size:10px;font-weight:750}.zoho-module-tabs button.active{color:var(--brand);border-bottom-color:var(--brand)}.zoho-module-tabs .badge{padding:2px 5px;font-size:7px}.zoho-mapping-grid{padding:13px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 13px}.zoho-mapping-field{min-width:0;display:flex;flex-direction:column;gap:4px}.zoho-mapping-field>span{display:flex;align-items:center;gap:6px;color:#344054;font-size:10px;font-weight:750}.zoho-mapping-field em{padding:2px 5px;border-radius:8px;color:#7a8798;background:#eef1f5;font-size:7px;font-style:normal;font-weight:600}.zoho-mapping-field>div{position:relative}.zoho-mapping-field input{width:100%;height:36px;padding-right:35px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.zoho-mapping-field>div svg{position:absolute;right:10px;top:10px}.zoho-mapping-field small{min-height:22px;color:#8490a0;font-size:8px;line-height:1.4}.zoho-mapping-field.valid input{border-color:#8fd8bb;background:#f5fffa}.zoho-mapping-field.invalid input{border-color:#ed9ba0;background:#fff8f8}.mapping-check-valid{color:#13855e}.mapping-check-invalid{color:#c63b43}.table-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:auto}.table-card table{width:100%;border-collapse:collapse;font-size:12px}.table-card th{text-align:left;color:var(--muted);background:#f8fafc;text-transform:uppercase;font-size:9px;letter-spacing:.05em;padding:10px 13px}.table-card td{padding:11px 13px;border-top:1px solid var(--line)}.table-card td b,.table-card td span{display:block}.table-card td span{color:var(--muted);font-size:10px;margin-top:2px}.table-card select{font-size:11px;padding:6px}.status-toggle{border:0;border-radius:20px;padding:4px 8px;background:#eef1f5;color:#667085;font-size:10px}.status-toggle.active{background:#e6f8f1;color:#087b58}.text-danger{border:0;background:transparent;color:var(--danger);font-size:11px}.card-grid{display:grid;gap:10px}.setting-card,.integration-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px;display:flex;align-items:center;gap:12px}.setting-card h3,.integration-card h3{font-size:13px;margin:0 0 3px}.setting-card p,.integration-card p{color:var(--muted);font-size:10px;margin:0}.setting-icon,.zoho-logo{width:38px;height:38px;border-radius:10px;background:#edf4fe;color:var(--brand);display:grid;place-items:center;font-weight:800}.zoho-logo{background:linear-gradient(135deg,#ec3349,#ffca28);color:#fff;font-size:20px}.connection-modal,.invite-result{padding:25px;text-align:center}.connection-modal h3,.invite-result h3{margin:12px 0 5px}.connection-modal p,.invite-result p{color:var(--muted);font-size:12px}.qr-code{width:280px;max-width:100%;aspect-ratio:1;border:10px solid white;box-shadow:0 2px 14px #0002}.success-icon{width:52px;height:52px;border-radius:50%;background:#e6f8f1;color:var(--success);display:grid;place-items:center;margin:0 auto}.copy-box{display:flex;gap:6px;margin:15px 0}.copy-box input{min-width:0;flex:1;font-size:10px}.copy-box button{border:1px solid var(--line);background:#fff;border-radius:8px}.inline-form{display:flex;gap:8px;margin-bottom:12px}.inline-form input{min-width:0;flex:1}.secret-result{display:flex;align-items:center;gap:11px;background:#edfff7;border:1px solid #b9efd9;border-radius:10px;padding:11px;margin-bottom:12px;color:#087b58}.secret-result div{flex:1;min-width:0}.secret-result b,.secret-result code{display:block}.secret-result code{color:#344054;overflow:auto;margin-top:4px;font-size:10px}.secret-result button{border:0;background:transparent}.error-text{color:var(--danger)!important}.zoho-callback{margin:0}.zoho-callback input{background:#f7f9fc}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px;display:flex;align-items:center;gap:12px;color:var(--brand)}.stats-grid b,.stats-grid span{display:block}.stats-grid b{color:#172033;font-size:20px}.stats-grid span{color:var(--muted);font-size:10px}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}.diagnostics-panel{padding:18px;display:flex;flex-direction:column;gap:14px}.diagnostic-summary{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.diagnostic-summary>svg{width:27px;height:27px;flex:0 0 auto}.diagnostic-summary b,.diagnostic-summary span{display:block}.diagnostic-summary b{font-size:14px}.diagnostic-summary span{color:var(--muted);font-size:9px;margin-top:3px}.diagnostic-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}.diagnostic-item{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;background:#fff}.diagnostic-item+.diagnostic-item{border-top:1px solid var(--line)}.diagnostic-item>svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px}.diagnostic-item>div{min-width:0}.diagnostic-item b{display:block;font-size:12px}.diagnostic-item p{color:var(--muted);font-size:11px;line-height:1.4;margin:2px 0}.diagnostic-item small{color:#98a2b3;font-size:9px}.diagnostic-ok>svg{color:var(--success)}.diagnostic-warning>svg{color:var(--warning)}.diagnostic-error>svg{color:var(--danger)}.diagnostic-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.conversation-page{grid-template-columns:minmax(205px,235px) minmax(300px,360px) minmax(0,1fr)}.conversation-workspace{position:relative;min-width:0}.workspace-inner{position:relative;min-width:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}.workspace-inner.contact-panel-open{grid-template-columns:minmax(0,1fr) 300px}.conversation-main{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.conversation-header{min-height:0;padding:0;display:block;background:#fff;border-bottom:1px solid var(--line)}.conversation-title-row{min-width:0;min-height:62px;padding:9px 12px;display:flex;align-items:center;gap:9px}.conversation-heading-copy{min-width:90px;flex:1}.conversation-heading-copy h2{margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.conversation-heading-copy small{display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.channel-indicator{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#8491a3}.channel-indicator.whatsapp{background:#16a36b}.channel-indicator.instagram{background:#cf4c82}.channel-indicator.web{background:#2589a3}.channel-indicator.api{background:#7255c5}.conversation-view-switch{flex:0 0 auto;padding:3px;display:flex;gap:2px;border:1px solid var(--line);border-radius:9px;background:#f2f5f8}.conversation-view-switch button{min-height:30px;padding:0 8px;display:flex;align-items:center;gap:5px;border:0;border-radius:6px;color:#728095;background:transparent;font-size:9px;font-weight:700}.conversation-view-switch button.active{color:#245fb7;background:#fff;box-shadow:0 1px 4px #1b35551a}.contact-panel-toggle{min-height:34px;padding:0 9px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:8px;color:#657286;background:#fff;font-size:9px;font-weight:700}.contact-panel-toggle:hover,.contact-panel-toggle.active{color:var(--brand);border-color:#c8d8ec;background:#f2f7fe}.conversation-actions-row{min-width:0;padding:8px 12px;display:grid;grid-template-columns:minmax(125px,1.5fr) minmax(100px,1fr) minmax(115px,1fr) auto;align-items:end;gap:7px;border-top:1px solid #edf0f4;background:#fbfcfe}.conversation-control{min-width:0;display:flex;flex-direction:column;gap:3px}.conversation-control>span{color:#8591a1;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.conversation-control select{width:100%;max-width:none!important;height:32px;padding:5px 8px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.conversation-label-control{align-self:end}.conversation-label-control .label-picker-trigger{height:32px;min-width:78px;justify-content:center;background:#fff}.conversation-label-control .label-picker-menu{top:37px}.message-list{min-height:0}.message-entry{display:contents}.message-date-separator{align-self:stretch;margin:8px 0 12px;display:flex;align-items:center;gap:8px;color:#7b8797;font-size:9px}.message-date-separator:before,.message-date-separator:after{content:"";height:1px;flex:1;background:#dce2e9}.message-date-separator span{padding:4px 8px;border-radius:10px;background:#e1e6ec;white-space:nowrap}.message{min-width:115px}.message p{margin-right:32px}.quoted-message{margin:0 32px 7px 0;padding:6px 8px;display:flex;flex-direction:column;border-left:3px solid #76a4d9;border-radius:6px;background:#edf3f8;font-size:9px}.quoted-message b,.quoted-message span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quoted-message b{color:#356a9f}.quoted-message span{margin-top:2px;color:#68778a}.message-media-grid{display:grid;gap:6px;margin:5px 0}.message-image-preview{position:relative;max-width:360px;overflow:hidden;display:block;padding:0;border:0;border-radius:9px;background:#dfe5eb;text-align:left;cursor:zoom-in}.message-image-preview img{width:100%;max-height:340px;display:block;object-fit:cover}.message-image-preview>span:not(.media-preview-fallback){position:absolute;right:6px;bottom:6px;padding:4px 6px;display:flex;align-items:center;gap:4px;border-radius:6px;color:#fff;background:#0b1729b8;font-size:8px}.media-preview-fallback{min-width:210px;min-height:120px;display:flex;align-items:center;justify-content:center;gap:6px;color:#657286;font-size:10px}.media-preview-modal{padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#101828}.media-preview-modal img{max-width:100%;max-height:72vh;object-fit:contain;border-radius:8px}.media-preview-modal a{padding:7px 10px;display:flex;align-items:center;gap:5px;border-radius:7px;color:#fff;background:#ffffff1f;font-size:10px;font-weight:700}.unavailable-attachment{color:#8b5960;background:#fff5f5}.message-audio-card{min-width:min(320px,65vw);padding:8px;display:flex;align-items:center;gap:8px;border:1px solid #dfe6ee;border-radius:10px;background:#ffffffc7}.media-player-icon{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;background:#7b61c9}.message-audio-card audio{width:100%;height:34px}.message-video-card{position:relative;overflow:hidden;border-radius:10px;background:#101828}.message-video-card video{width:min(360px,100%);max-height:340px;display:block;border-radius:10px;background:#101828}.media-kind-badge{position:absolute;left:7px;top:7px;z-index:2;padding:4px 7px;display:flex;align-items:center;gap:4px;border-radius:999px;color:#fff;background:#0b1729b8;font-size:8px;font-weight:800}.message-file-card{min-width:250px;padding:9px;display:flex;align-items:center;gap:10px;border:1px solid #dce3eb;border-radius:10px;color:#536176;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.message-file-card:hover{border-color:#a9c8ee;box-shadow:0 6px 18px #172b4518;transform:translateY(-1px)}.message-file-card>span:nth-child(2){min-width:0;flex:1}.message-file-card b,.message-file-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file-card b{font-size:10px}.message-file-card small{margin-top:3px;color:#8792a1;font-size:8px}.message-file-type{width:48px;height:48px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:10px;color:#fff;background:#64748b}.message-file-type em{font-size:7px;font-style:normal;font-weight:900;letter-spacing:.04em}.message-file-type.pdf{background:linear-gradient(145deg,#ec6259,#d9413a)}.message-file-type.sheet{background:linear-gradient(145deg,#32a66a,#18844e)}.message-file-type.archive{background:linear-gradient(145deg,#8f74d9,#6c52b5)}.message-file-type.image{background:linear-gradient(145deg,#4a94e8,#236fc5)}.message-file-type.audio{background:linear-gradient(145deg,#9b72db,#7250b2)}.message-file-type.video{background:linear-gradient(145deg,#ef6c8c,#c94369)}.message-file-download{width:30px;height:30px;flex:0 0 auto!important;display:grid;place-items:center;border-radius:8px;color:#607187;background:#f1f5f9}.message-status.read{color:#1987d4}.message-status.delivered{color:#4e8d75}.message-status.failed{color:var(--danger)}.pending-message{opacity:.72}.pending-attachments{display:flex;align-items:center;gap:4px;font-size:9px;color:#627083}.message-sender{display:inline-flex;align-items:center;gap:4px}.message-sender img{width:15px;height:15px;border-radius:50%;object-fit:cover}.file-preview-strip{max-height:115px;margin-bottom:7px;display:flex;gap:6px;overflow-x:auto}.file-preview-card{position:relative;min-width:170px;max-width:230px;height:54px;padding:5px 28px 5px 5px;display:flex;align-items:center;gap:7px;border:1px solid #dbe2ea;border-radius:8px;background:#f8fafc}.file-preview-card img,.file-preview-card video,.file-preview-icon{width:42px;height:42px;flex:0 0 auto;border-radius:6px;object-fit:cover;background:#e8edf3}.file-preview-icon{display:grid;place-items:center;color:#627083}.file-preview-card>span:nth-child(2){min-width:0}.file-preview-card b,.file-preview-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-card b{font-size:9px}.file-preview-card small{margin-top:2px;color:#8490a0;font-size:8px}.file-preview-card>button{position:absolute;right:5px;top:5px;width:20px;height:20px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:#e8edf3}.composer-error{margin-bottom:6px;padding:6px 8px;display:flex;align-items:center;gap:6px;border-radius:7px;color:#a52e35;background:#fff0f1;font-size:9px}.composer-error button{margin-left:auto;padding:2px;display:grid;place-items:center;border:0;background:transparent;color:inherit}.recording-status{min-height:34px;padding:0 9px;display:flex;align-items:center;gap:7px;color:#a02f36;background:#fff0f1;border-bottom:1px solid #f2ced1;font-size:9px}.recording-status>span{width:8px;height:8px;border-radius:50%;background:#e1444d;animation:pulse 1s infinite}.recording-status small{color:#8b5960}.emoji-grid{display:grid!important;grid-template-columns:repeat(8,1fr);gap:3px}.emoji-grid button{min-height:33px!important;padding:3px!important;display:grid!important;place-items:center!important;border-radius:6px!important;font-size:17px!important}.emoji-grid button:hover{background:#edf3fa!important}.spin{animation:spin .7s linear infinite}.continuous-timeline{min-height:0;flex:1;padding:12px;overflow-y:auto;background:#eef2f6}.continuous-loading{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px}.continuous-intro{width:fit-content;margin:0 auto 10px;padding:5px 9px;display:flex;align-items:center;gap:5px;border-radius:9px;color:#718095;background:#dfe5ec;font-size:9px}.thread-block{margin-bottom:12px;overflow:hidden;border:1px solid #dce3eb;border-radius:11px;background:#f8fafc;box-shadow:0 2px 8px #1c35500b}.thread-block.active{border-color:#8eb5ea;box-shadow:0 0 0 3px #dfeeff}.thread-heading{position:sticky;top:0;z-index:3;width:100%;min-height:43px;padding:7px 9px;display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(80px,.7fr) auto auto;align-items:center;gap:7px;border:0;border-bottom:1px solid #e2e7ed;color:#627083;background:#fff;text-align:left}.thread-heading>span{min-width:0;display:flex;align-items:center;gap:5px}.thread-heading b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.thread-heading small,.thread-heading time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8490a0;font-size:8px}.thread-heading em{padding:4px 7px;border-radius:6px;color:#356ba8;background:#edf4fe;font-size:8px;font-style:normal;font-weight:700}.thread-block.active .thread-heading em{color:#157552;background:#e5f6ee}.thread-messages{padding:12px max(12px,5%);display:flex;flex-direction:column;gap:7px;background-color:#f0f3f6;background-image:radial-gradient(#d6dde555 1px,transparent 1px);background-size:18px 18px}.thread-messages .message{max-width:min(78%,560px)}.thread-messages .message-date-separator{margin:5px 0}.contact-context-panel{min-width:0;min-height:0;z-index:8;display:flex;flex-direction:column;border-left:1px solid var(--line);background:#f8fafc}.contact-context-panel>header{min-height:50px;padding:0 10px 0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#405169;background:#fff;font-size:10px;font-weight:750}.contact-context-panel>header span{display:flex;align-items:center;gap:6px}.contact-context-panel>header button{width:29px;height:29px;padding:0;display:grid;place-items:center;border:0;border-radius:7px;color:#657286;background:transparent}.contact-context-panel>header button:hover{background:#edf2f7}.contact-context-scroll{min-height:0;padding:10px;overflow-y:auto}.contact-profile-card{padding:11px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:#fff}.contact-profile-card>div{min-width:0}.contact-profile-card b,.contact-profile-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-profile-card b{font-size:12px}.contact-profile-card span{margin-top:3px;color:var(--muted);font-size:9px}.contact-info-list{margin:8px 0;padding:4px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.contact-info-list>div{min-width:0;padding:8px 0;display:flex;align-items:center;gap:8px;color:#718095}.contact-info-list>div+div{border-top:1px solid #edf0f4}.contact-info-list>div>span{min-width:0}.contact-info-list small,.contact-info-list b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info-list small{color:#8d98a7;font-size:7px;text-transform:uppercase}.contact-info-list b{margin-top:2px;color:#4a586c;font-size:9px}.contact-panel-section{margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff}.contact-panel-section>header{min-height:26px;display:flex;align-items:center;gap:6px;color:#4a586c;font-size:9px;font-weight:750}.contact-panel-section>header>span{display:flex;align-items:center;gap:5px}.contact-panel-section>header>.badge{margin-left:auto}.contact-panel-section>p{margin:8px 0;color:#8490a0;font-size:8.5px;line-height:1.45}.contact-task-card{width:100%;margin-top:6px;padding:8px;display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:8px;background:#f5f7fa;text-align:left}.contact-task-card:hover{border-color:#b9d1ee;background:#edf5ff}.contact-task-card>div{min-width:0;flex:1}.contact-task-card b,.contact-task-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-task-card b{font-size:9px}.contact-task-card span{margin-top:2px;color:#8490a0;font-size:7.5px}.contact-create-task{width:100%;min-height:31px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px dashed #aebdd0;border-radius:7px;color:#3269ad;background:#f4f8fd;font-size:8.5px;font-weight:700}.contact-conversation-history>button{width:100%;min-height:47px;padding:7px 2px;display:flex;align-items:center;gap:7px;border:0;border-top:1px solid #edf0f4;color:#536176;background:#fff;text-align:left}.contact-conversation-history>button:first-of-type{border-top:0}.contact-conversation-history>button:hover,.contact-conversation-history>button.active{color:#285f9f;background:#f2f7fd}.contact-history-icon{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;color:#15825f;background:#e5f7ef}.contact-conversation-history>button>span:nth-child(2){min-width:0;flex:1}.contact-conversation-history b,.contact-conversation-history small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-conversation-history b{font-size:8.5px}.contact-conversation-history small{margin-top:2px;color:#8490a0;font-size:7.5px}.contact-history-meta{flex:0 0 auto;text-align:right}.contact-history-meta time,.contact-history-meta em{display:block;color:#8490a0;font-size:7px;font-style:normal}.contact-history-meta em{margin-top:3px;color:#2c7c61}.contact-history-loading{min-height:46px;display:flex;align-items:center;justify-content:center;gap:6px;color:#8490a0;font-size:8px}.contact-history-loading .spinner{width:13px;height:13px}.conversation-task-form{width:min(620px,100%)}.task-contact-summary{padding:10px;display:flex;align-items:center;gap:9px;border:1px solid #dbe5f1;border-radius:10px;background:#f5f9fe}.task-contact-summary>span:nth-child(2){min-width:0;flex:1}.task-contact-summary b,.task-contact-summary small{display:block}.task-contact-summary b{font-size:11px}.task-contact-summary small{margin-top:2px;color:#758399;font-size:9px}.zoho-mini-logo{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;color:#fff;background:linear-gradient(135deg,#e43b4f,#f4b32c);font-size:9px}.zoho-record-heading{margin:7px 0;padding:7px;border-radius:7px;background:#f5f7fa}.zoho-record-heading b,.zoho-record-heading span{display:block}.zoho-record-heading b{font-size:10px}.zoho-record-heading span{margin-top:2px;color:#8490a0;font-size:7px;text-transform:uppercase}.zoho-context-card dl{margin:0;display:grid;gap:5px}.zoho-context-card dl>div{display:grid;grid-template-columns:55px minmax(0,1fr);gap:5px;font-size:8px}.zoho-context-card dt{color:#8a95a4}.zoho-context-card dd{margin:0;overflow:hidden;color:#536176;text-overflow:ellipsis;white-space:nowrap}.zoho-last-sync{margin-top:8px;display:block;color:#8a95a4;font-size:7px}.zoho-context-error{margin-top:7px;padding:6px;display:flex;align-items:flex-start;gap:5px;border-radius:6px;color:#9e3c42;background:#fff0f1;font-size:7.5px;line-height:1.4}.contact-panel-fab{position:absolute;right:12px;top:128px;z-index:9;width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid #c8d8ec;border-radius:50%;color:#326bb5;background:#fff;box-shadow:0 8px 24px #16263d2b}.contact-panel-fab:hover{background:#edf5ff;transform:translateY(-1px)}.typeahead{position:relative;min-width:0}.typeahead-input{min-height:39px;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid #d7deea;border-radius:8px;background:#fff;color:#7c8999}.typeahead-input:focus-within{border-color:#6eaaf9;box-shadow:0 0 0 3px #e5f0ff}.typeahead-input input{min-width:0;width:100%;padding:8px 0;border:0;border-radius:0;box-shadow:none;background:transparent}.typeahead-input .spinner{width:14px;height:14px;flex:0 0 auto}.typeahead-results{position:absolute;inset:calc(100% + 5px) 0 auto;z-index:30;max-height:230px;padding:5px;overflow-y:auto;border:1px solid #dce3ec;border-radius:10px;background:#fff;box-shadow:0 15px 35px #172b4530}.typeahead-results>button{width:100%;min-height:45px;padding:7px;display:flex;align-items:center;gap:8px;border:0;border-radius:7px;background:#fff;text-align:left}.typeahead-results>button:hover{background:#eef5ff}.typeahead-results>button>span{min-width:0}.typeahead-results b,.typeahead-results small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typeahead-results b{color:#344054;font-size:11px}.typeahead-results small{margin-top:2px;color:#7d8998;font-size:9px}.typeahead-results>p{margin:0;padding:12px;color:#7d8998;text-align:center;font-size:10px}.selected-contact-meta{margin:4px 2px 0;display:block;overflow:hidden;color:#728095;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.association-picker{display:flex;flex-direction:column;gap:6px}.association-chips{display:flex;flex-wrap:wrap;gap:5px}.association-chips>span{min-height:27px;padding:3px 4px 3px 7px;display:flex;align-items:center;gap:4px;border:1px solid #dbe4ef;border-radius:999px;color:#426184;background:#f2f7fd;font-size:9px;font-weight:700}.association-chips>span>i{width:8px;height:8px;border-radius:50%}.association-chips button{width:19px;height:19px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;color:#768499;background:#e1e9f2}.label-results>button>i{width:10px;height:10px;flex:0 0 auto;border-radius:50%}.association-chips>span.stale{border-color:#efc7ca;color:#9f3b43;background:#fff3f4}.association-chips>span em{color:#a65a61;font-size:7px;font-style:normal;font-weight:600}.card-conversations{margin-top:9px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #edf1f5}.card-conversations>span{display:flex;align-items:center;gap:4px;color:#7b8796;font-size:8.5px}.card-conversations>div{display:flex;align-items:center;gap:4px}.card-conversations button{min-height:26px;padding:0 6px;display:flex;align-items:center;gap:3px;border:1px solid #dce5ef;border-radius:7px;color:#3d6caa;background:#f5f9fe}.card-conversations button:hover{border-color:#9ec0e9;background:#eaf3ff}.card-conversations button small{font-size:8px;font-weight:750}.card-conversations .associate-conversation-button{width:27px;padding:0;justify-content:center;color:#2373d1;background:#edf5ff}.label-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px}.label-setting-card{min-width:0;padding:12px;display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:10px;background:#fff}.label-setting-card .label-color{width:12px;height:12px;flex:0 0 auto;margin-top:2px;border-radius:50%;box-shadow:0 0 0 3px #eef2f6}.label-setting-card>div{min-width:0}.label-setting-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.label-setting-card p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.label-color-field{display:grid;grid-template-columns:48px minmax(0,1fr);gap:7px}.label-color-field input[type=color]{width:48px;height:39px;padding:3px}@media(max-width:1180px){.conversation-page{grid-template-columns:205px 320px minmax(390px,1fr)}.conversation-header select{max-width:105px}.message{max-width:84%}}@media(max-width:850px){.sidebar{display:none}.app-main{margin-left:0;padding-top:54px;padding-bottom:58px}.mobile-header{display:flex!important;position:fixed;inset:0 0 auto;height:54px;background:var(--nav);color:#fff;align-items:center;justify-content:space-between;padding:0 14px;z-index:20}.mobile-header b{font-size:11px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav{display:grid!important;position:fixed;inset:auto 0 0;height:58px;background:#fff;border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7a8595}.mobile-nav a.active{color:var(--brand)}.mobile-nav small{font-size:8px}.page{padding:18px 13px}.page-header{align-items:flex-start}.page-header h1{font-size:21px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions select{min-width:130px}.conversation-page{height:calc(100vh - 112px);grid-template-columns:1fr}.conversation-filters{padding:12px;border:0}.conversation-filters header{display:none}.conversation-list{border:0}.conversation-workspace{display:none;position:fixed;top:54px;right:0;bottom:58px;left:0;z-index:10}.conversation-open .conversation-filters,.conversation-open .conversation-list{display:none}.conversation-open .conversation-workspace{display:flex}.mobile-only{display:grid!important}.conversation-header select{max-width:100px}.message-list{padding:16px 10px}.message{max-width:88%}.contacts-layout{grid-template-columns:1fr;min-height:auto}.contacts-list-panel{border:0}.contact-detail{border-top:1px solid var(--line);padding:17px}.detail-grid{grid-template-columns:1fr}.kanban-board{min-height:calc(100vh - 230px)}.form-grid,.stats-grid{grid-template-columns:1fr}.settings-content{max-width:none}.table-card{margin:0 -5px}.inline-form{flex-direction:column}.setting-card,.integration-card{flex-wrap:wrap}.modal-backdrop{padding:10px;align-items:end}.modal{border-radius:17px 17px 5px 5px;max-height:92vh}.qr-code{width:240px}.zoho-mapping-panel>header{flex-direction:column}.zoho-mapping-actions{width:100%;flex-wrap:wrap}.zoho-mapping-actions button{flex:1}.zoho-mapping-grid{grid-template-columns:1fr}.integration-subtabs{width:100%}.integration-subtabs button{flex:1;justify-content:center}}@media(max-width:1700px){.workspace-inner.contact-panel-open{grid-template-columns:minmax(0,1fr)}.contact-context-panel{position:absolute;inset:0 0 0 auto;width:min(310px,88%);box-shadow:-12px 0 32px #172b4526}.conversation-actions-row{grid-template-columns:minmax(120px,1.4fr) minmax(95px,1fr) minmax(110px,1fr) auto}}@media(max-width:1100px)and (min-width:851px){.conversation-page{grid-template-columns:190px 285px minmax(0,1fr)}.conversation-filters{padding:15px 10px}.conversation-title-row{flex-wrap:wrap}.conversation-heading-copy{min-width:140px}.conversation-view-switch{margin-left:auto}.conversation-actions-row{grid-template-columns:repeat(2,minmax(110px,1fr))}.conversation-label-control{align-self:end}}@media(max-width:850px){.sidebar-collapsed .app-main{margin-left:0}.workspace-inner,.workspace-inner.contact-panel-open{grid-template-columns:minmax(0,1fr)}.conversation-main{width:100%}.conversation-title-row{min-height:58px;padding:7px 9px;flex-wrap:nowrap}.conversation-heading-copy{min-width:60px}.conversation-view-switch button{width:32px;padding:0;justify-content:center}.conversation-view-switch button span,.contact-panel-toggle span{display:none}.contact-panel-toggle{width:34px;padding:0;justify-content:center}.conversation-actions-row{padding:7px 9px;grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-control,.conversation-control select{min-width:0}.conversation-label-control,.conversation-label-control .label-picker-trigger{width:100%}.contact-context-panel{position:absolute;inset:0 0 0 auto;width:min(330px,92vw);box-shadow:-12px 0 32px #172b4538}.contact-panel-fab{top:128px;right:9px}.thread-heading{grid-template-columns:minmax(110px,1fr) auto auto}.thread-heading small,.thread-heading time{display:none}.thread-messages{padding:10px}.thread-messages .message{max-width:88%}.message-audio-card{min-width:min(260px,74vw)}.message-file-card{min-width:min(210px,72vw)}.file-preview-card{min-width:150px}.composer-toolbar{min-width:0;gap:4px}.composer-toolbar>div{min-width:0;overflow-x:auto;scrollbar-width:none}.composer-toolbar>div::-webkit-scrollbar{display:none}.composer-toolbar button,.tool-button{flex:0 0 32px}.live-notification-toast{top:62px;right:8px;width:calc(100vw - 16px)}}@media(max-width:480px){.conversation-title-row{gap:5px}.conversation-title-row .avatar{width:32px!important;height:32px!important}.conversation-heading-copy h2,.conversation-heading-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-view-switch{flex:0 0 auto}.conversation-actions-row{gap:5px}.conversation-control select{height:34px;padding-left:6px;padding-right:6px;font-size:9px}.conversation-label-control .label-picker-trigger{min-width:0}.message-list,.thread-messages{padding-left:8px;padding-right:8px}.message{max-width:94%;min-width:92px}.message-audio-card{min-width:min(230px,78vw)}.composer-area{padding-left:7px;padding-right:7px}.composer-mode-bar>span{display:none}}@media(hover:none),(pointer:coarse){.message-reply{opacity:.88;transform:none}}
