.chat-area{background:var(--chat-bg)}.chat-header{display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:60px;background:var(--surface);border-bottom:none;flex-shrink:0}.chat-header .name{font-weight:600;font-size:15px;line-height:1.2}.chat-header .status{font-size:12px;color:var(--text2)}.msg-list{flex:1;overflow-y:auto;padding:14px 6%;display:flex;flex-direction:column;gap:2px}@media(max-width:768px){.msg-list{padding:12px}}.msg-row{display:flex;margin-top:2px}.msg-row.out{justify-content:flex-end}.msg-row.in{justify-content:flex-start}.msg-row.first{margin-top:10px}.bubble{position:relative;max-width:72%;padding:6px 9px 8px;border-radius:10px;font-size:14px;line-height:1.4;word-break:break-word;white-space:pre-wrap;box-shadow:0 1px .5px #00000040}@media(max-width:768px){.bubble{max-width:82%;font-size:16px}}.bubble.out{background:var(--bubble-out);color:var(--bubble-out-text);border-top-right-radius:4px}.bubble.in{background:var(--bubble-in);color:var(--text);border-top-left-radius:4px}.bubble.note{background:#d6a53229;border:1px solid rgba(214,165,50,.35);color:var(--text)}.bubble.out:after,.bubble.in:after{content:"";position:absolute;top:0;width:8px;height:13px}.bubble.out:after{right:-7px;background:var(--bubble-out);clip-path:polygon(0 0,0 100%,100% 0)}.bubble.in:after{left:-7px;background:var(--bubble-in);clip-path:polygon(100% 0,100% 100%,0 0)}.bubble.note:after{display:none}.bubble .meta{float:right;margin:4px -2px -2px 8px;font-size:11px;display:inline-flex;align-items:center;gap:3px}.bubble.out .meta{color:var(--bubble-out-meta)}.bubble.in .meta{color:var(--text3)}.tick{width:15px;height:15px}.tick.read{color:#53bdeb}.note-label{font-size:10px;color:var(--warning);margin:0 0 2px 2px}.date-pill{align-self:center;margin:12px 0 6px;background:var(--surface2);color:var(--text2);font-size:11px;font-weight:600;padding:4px 12px;border-radius:100px;box-shadow:var(--shadow-1)}.bubble img,.bubble video{max-width:260px;border-radius:8px;display:block}.bubble audio{height:38px;max-width:240px;display:block}.conv-search{padding:10px 12px;flex-shrink:0;position:relative}.conv-search .input{background:var(--surface2);border-radius:100px;padding-left:34px}.conv-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none}.composer-bar{flex-shrink:0;border-top:none;background:var(--surface);position:relative;padding-bottom:env(safe-area-inset-bottom)}.composer-input-row{display:flex;align-items:center;gap:6px;padding:6px 10px 8px}.composer-input-row .input-pill{flex:1;min-width:0;border:none;border-radius:20px;background:var(--surface2);color:var(--text);padding:9px 16px;font-size:14px;font-family:inherit;outline:none;resize:none;line-height:1.4}.composer-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text2);flex-shrink:0;padding:0}.composer-btn:hover{background:var(--surface2)}.composer-send{background:var(--accent);color:var(--on-accent)}.composer-send:hover{background:var(--accent-hover)}.conv-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;flex-shrink:0}.contact-panel .card{margin-bottom:14px;border:none;box-shadow:none}.bot-toggle{background:transparent;border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);flex-shrink:0;padding:0}.emoji-float{position:absolute;bottom:calc(100% + 4px);left:0;width:296px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:60;display:flex;flex-direction:column;overflow:hidden}.emoji-tabs{display:flex;background:var(--surface2);border-bottom:1px solid var(--border);overflow-x:auto}.emoji-tabs button{flex-shrink:0;padding:6px 9px;font-size:15px;background:none;border:none;cursor:pointer;border-bottom:2px solid transparent}.emoji-tabs button.active{border-bottom-color:var(--accent)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:6px;max-height:192px;overflow-y:auto}.emoji-grid button{font-size:19px;padding:4px;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);text-align:center}.rec-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;align-items:center;gap:10px;padding:0 14px;background:var(--surface);color:var(--text)}.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--danger);flex-shrink:0;animation:recBlink 1s steps(2) infinite}.rec-time{font-variant-numeric:tabular-nums;font-weight:600;font-size:15px;flex-shrink:0}.rec-wave{display:flex;align-items:center;gap:3px;height:24px;flex:1;justify-content:center;overflow:hidden}.rec-wave i{width:3px;height:100%;background:var(--accent);border-radius:2px;transform:scaleY(.3);animation:recWave .9s ease-in-out infinite}.rec-wave i:nth-child(odd){animation-delay:.15s}.rec-wave i:nth-child(3n){animation-delay:.3s}.rec-wave i:nth-child(4n){animation-delay:.45s}.rec-hint{font-size:12px;color:var(--text3);margin-left:auto;text-align:right}.rec-overlay.cancel,.rec-overlay.cancel .rec-hint{color:var(--danger)}.rec-overlay.cancel .rec-wave i{background:var(--danger)}@keyframes recBlink{0%{opacity:1}to{opacity:.2}}@keyframes recWave{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@media(max-width:768px){.composer-mic{display:none}.composer-bar{background:transparent;padding:4px 8px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.composer-input-row{flex-wrap:wrap;align-items:center;gap:4px;background:var(--surface2);border-radius:22px;padding:4px 6px 4px 10px;box-shadow:var(--shadow-lg)}.composer-input-row .input-pill{order:-1;width:100%;flex-basis:100%;background:transparent;padding:8px 6px 2px;min-height:34px;font-size:16px}.composer-input-row .composer-btn{width:42px;height:42px}.composer-input-row .composer-send{margin-left:auto}.composer-hint{display:none}.emoji-sheet{display:flex;flex-direction:column;height:min(42vh,320px);margin-top:6px;border-top:1px solid var(--border);background:var(--surface)}.emoji-sheet .emoji-tabs button{padding:10px 12px;font-size:20px}.emoji-sheet .emoji-grid{flex:1;max-height:none;grid-template-columns:repeat(7,1fr);gap:2px;padding:8px}.emoji-sheet .emoji-grid button{font-size:26px;padding:6px}.rec-overlay{display:flex}.chat-header{padding:11px 8px;min-height:58px;gap:8px}.chat-header .conv-avatar{width:38px;height:38px;font-size:14px}.chat-header .name{font-size:15px}.chat-header .status{font-size:12px}.conv-search{padding:12px 12px 6px}.conv-search .input{font-size:16px;padding-top:14px;padding-bottom:14px}}.seg-tabs{display:flex;align-items:center;gap:2px;padding:4px 8px 0;flex-shrink:0;border-bottom:1px solid var(--separator)}.seg-tabs>button:not(.btn-icon){background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;padding:8px 10px;font-size:13px;font-weight:500;color:var(--text3)}.seg-tabs>button:not(.btn-icon):hover{color:var(--text2)}.seg-tabs>button.active{color:var(--text);border-bottom-color:var(--accent)}.label-row:hover{background:var(--surface2)}.label-row .label-actions{opacity:0;transition:opacity var(--transition)}.label-row:hover .label-actions{opacity:1}.label-del:hover{color:var(--danger)!important}.board{display:flex;gap:14px;height:100%;overflow-x:auto;padding:4px 2px 12px}.board-col{width:300px;min-width:300px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-card);max-height:100%}.board-col-header{display:flex;align-items:center;gap:8px;padding:12px 14px;font-weight:700;font-size:13px;flex-shrink:0}.board-col-count{margin-left:auto;font-size:11px;font-weight:500;background:transparent;color:var(--text2);border:1px solid var(--border);padding:1px 7px;border-radius:4px}.board-col-body{overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px;flex:1}.board-col.drop-target{outline:2px dashed var(--accent);outline-offset:-2px}.kanban-card{background:var(--surface2);border:1px solid var(--separator);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow-1);cursor:grab;transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.kanban-card:hover{box-shadow:var(--shadow-2);border-color:var(--border-light);transform:translateY(-1px)}.kanban-card.dragging{opacity:.5;cursor:grabbing}.kanban-card-top{display:flex;align-items:center;gap:10px}.kanban-card-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card-sub{font-size:12px;color:var(--text2)}.kanban-card-preview{font-size:11px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:4px 0}.kanban-labels{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.kanban-label{font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px;background:transparent;color:var(--accent);border:1px solid rgba(218,123,43,.45)}.kanban-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;object-fit:cover}.kanban-avatar-sm{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#fff;object-fit:cover}.kanban-avatar-lg{width:60px;height:60px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#fff;object-fit:cover}.kanban-unread{background:#154c37;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0}.kanban-move-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:transparent;border:1px solid var(--separator);cursor:pointer;color:var(--text2);font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center}.kanban-move-btn:hover{background:var(--surface);color:var(--accent);border-color:var(--accent)}@media(max-width:768px){.board-col{width:84vw;min-width:84vw}}.card-panel-overlay .contact-panel{width:100%}.crm-config{padding:24px;height:100%;overflow-y:auto;overflow-x:hidden;min-width:0}.crm-config-top,.crm-config-row,.crm-config-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crm-config-top{justify-content:space-between;margin-bottom:14px}.crm-config-row{margin:8px 0}.crm-config-row>.input{flex:1;min-width:min(100%,160px)}.crm-config-board{margin-top:18px}.crm-config-stage,.crm-config-rule{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin:12px 0;min-width:0}.crm-config-stage .input,.crm-config-rule .input{width:100%;box-sizing:border-box;min-width:0}.crm-config-events{border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px}.crm-config-events label{display:flex;align-items:center;gap:5px}.crm-config-tasks{display:flex;flex-direction:column;gap:5px;min-width:0}@media(max-width:600px){.crm-config{padding:14px}.crm-config-row>.input{flex-basis:100%}.crm-config-row>button{width:100%}}