:root{--primary: #0284c7;--primary-hover: #0369a1;--turkish-blue: #0077b6;--turkish-teal: #00a896;--emerald-bg: #dcfce7;--emerald-border: #86efac;--emerald-text: #065f46;--bubble-patient: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);--bubble-bot: #ffffff}body{background:linear-gradient(135deg,#05668d,#028090,#00a896 70%,#02c39a);background-attachment:fixed;color:#0f172a;margin:0;padding:0;height:100vh;overflow:hidden;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;transition:background .4s ease,color .4s ease}.crm-app-wrapper{padding:12px 24px 16px;max-width:1520px;margin:0 auto;height:100vh;box-sizing:border-box;display:flex;flex-direction:column}.crm-app-wrapper main{flex:1;display:flex;flex-direction:column;min-height:0}.crm-theme-stretch-btn{background:#fff3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.35);border-radius:24px;padding:3px;cursor:pointer;display:flex;align-items:center;width:110px;height:34px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #00000026;outline:none}.crm-theme-stretch-btn:hover{background:#ffffff52;transform:scale(1.04)}.theme-stretch-pill{width:100%;height:100%;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;transition:all .3s cubic-bezier(.16,1,.3,1);gap:5px}.theme-stretch-pill.light{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b66}.theme-stretch-pill.dark{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 8px #3b82f666}.crm-container{flex:1;display:flex;flex-direction:row;min-height:0;height:100%;background:#ffffffe6;backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border-radius:26px;box-shadow:0 30px 70px -12px #00000040,0 12px 30px -10px #00000026,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.5);overflow:hidden;position:relative;transition:background .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1)}.crm-threads-scroll::-webkit-scrollbar,.crm-messages-container::-webkit-scrollbar,.crm-profile-panel::-webkit-scrollbar{width:5px}.crm-threads-scroll::-webkit-scrollbar-thumb,.crm-messages-container::-webkit-scrollbar-thumb,.crm-profile-panel::-webkit-scrollbar-thumb{background:#cbd5e1b3;border-radius:10px}.crm-threads-scroll::-webkit-scrollbar-thumb:hover,.crm-messages-container::-webkit-scrollbar-thumb:hover,.crm-profile-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8e6}.crm-chat-list-panel{width:340px;height:100%;flex-shrink:0;border-right:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;background:#f8fafcd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;box-sizing:border-box;transition:background .3s ease,border-color .3s ease}.crm-search-header{padding:16px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8);transition:background .3s ease,border-color .3s ease}.crm-search-box{display:flex;align-items:center;gap:8px;background:#f1f5f9cc;padding:9px 14px;border-radius:14px;border:1px solid #cbd5e1;transition:all .2s cubic-bezier(.4,0,.2,1)}.crm-search-box:focus-within{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.crm-search-box input{border:none;background:transparent;width:100%;font-size:13px;outline:none;color:#334155;font-weight:500}.crm-threads-scroll{flex:1;min-height:0;overflow-y:auto}.crm-thread-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(241,245,249,.8);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);background:#fff9;position:relative}.crm-thread-item:hover{background:#f1f5f9e6;transform:translate(2px)}.crm-thread-item:active{transform:scale(.985)}.crm-thread-item.active{background:#e0f2fe;border-left:5px solid #0284c7;border-top-left-radius:14px;border-bottom-left-radius:14px;box-shadow:-4px 4px 14px #0284c726;position:relative;z-index:10;transition:all .25s cubic-bezier(.16,1,.3,1)}.crm-thread-item.active:before{content:"";position:absolute;top:-12px;right:0;width:12px;height:12px;background:transparent;border-bottom-right-radius:12px;box-shadow:5px 5px 0 5px #e0f2fe;pointer-events:none;transition:box-shadow .25s ease}.crm-thread-item.active:after{content:"";position:absolute;bottom:-12px;right:0;width:12px;height:12px;background:transparent;border-top-right-radius:12px;box-shadow:5px -5px 0 5px #e0f2fe;pointer-events:none;transition:box-shadow .25s ease}.crm-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0284c7,#00a896);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 4px 10px #0284c733;transition:transform .2s ease}.crm-thread-item:hover .crm-avatar{transform:scale(1.06)}.crm-thread-info{flex:1;min-width:0}.crm-thread-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.crm-patient-name{font-weight:700;font-size:13.5px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-thread-time{font-size:11px;color:#94a3b8;font-weight:500}.crm-last-msg{font-size:12.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-chat-window{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;background:#f0fdf4d9;position:relative;overflow:hidden;box-sizing:border-box;transition:background .3s ease}.crm-chat-header{height:64px;padding:0 20px;flex-shrink:0;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 6px #00000005;z-index:10;box-sizing:border-box;transition:background .3s ease,border-color .3s ease}.crm-patient-details-header{display:flex;align-items:center;gap:12px}@keyframes pulseGlow{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.crm-status-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;animation:pulseGlow 2s infinite}@keyframes chatThreadSwitch{0%{opacity:.88;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.crm-messages-container{flex:1;min-height:0;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;box-sizing:border-box;transition:opacity .15s ease,background .3s ease}@keyframes msgPop{0%{opacity:.8;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.crm-bubble{max-width:72%;padding:12px 16px;border-radius:16px;font-size:13.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;animation:msgPop .25s cubic-bezier(.16,1,.3,1) forwards;position:relative;transition:transform .15s ease,background .3s ease,color .3s ease}.crm-bubble:hover{transform:translateY(-1px)}.crm-bubble.patient{align-self:flex-end;background:var(--bubble-patient);color:#065f46;border-bottom-right-radius:4px;border:1px solid var(--emerald-border);box-shadow:0 3px 10px #10b9811f}.crm-bubble.clinic{align-self:flex-start;background:#fff;color:#0f172a;border-bottom-left-radius:4px;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm)}.crm-msg-time{font-size:10px;margin-top:5px;text-align:right;opacity:.7;font-weight:500}.crm-input-bar{padding:14px 20px;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(226,232,240,.8);display:flex;align-items:center;gap:10px;transition:background .3s ease,border-color .3s ease}.crm-input-bar input{flex:1;padding:11px 18px;border-radius:24px;border:1px solid #cbd5e1;outline:none;font-size:13.5px;transition:all .2s ease}.crm-input-bar input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691f}.crm-send-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #05966940;transition:all .2s cubic-bezier(.16,1,.3,1)}.crm-send-btn:hover{transform:scale(1.08) rotate(-5deg);box-shadow:0 6px 16px #05966959}.crm-send-btn:active{transform:scale(.95)}.crm-profile-panel{width:290px;border-left:1px solid rgba(226,232,240,.8);background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:20px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;flex-shrink:0;transition:background .3s ease,border-color .3s ease}.crm-profile-header{text-align:center}.crm-profile-avatar{width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,#0284c7,#00a896);color:#fff;font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 8px 20px #0284c740;transition:transform .3s cubic-bezier(.16,1,.3,1)}.crm-profile-avatar:hover{transform:rotate(5deg) scale(1.05)}.crm-action-btn-primary{background:linear-gradient(135deg,#0284c7,#00a896);color:#fff;border:none;padding:11px 16px;border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #0284c740;transition:all .2s ease}.crm-action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0284c759}.crm-action-btn-primary:active{transform:translateY(0)}.crm-quick-reply-pill{padding:7px 12px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;font-size:12px;font-weight:500;color:#334155;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);margin-bottom:6px;display:inline-block}.crm-quick-reply-pill:hover{background:#e0f2fe;border-color:#38bdf8;color:#0369a1;transform:translateY(-1px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}[data-theme=dark] body{background:linear-gradient(135deg,#070a12,#0f172a 40%,#1e1b4b 75%,#090d16);color:#f8fafc}[data-theme=dark] .crm-container{background:#0f172ae0;backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border-color:#ffffff26;box-shadow:0 30px 70px -12px #000000a6,0 12px 30px -10px #00000073,inset 0 1px #ffffff1f}[data-theme=dark] .crm-chat-list-panel{background:#0b1329d9;border-right-color:#1e293bcc}[data-theme=dark] .crm-search-header{background:#0b1329d9;border-bottom-color:#1e293bcc}[data-theme=dark] .crm-search-box{background:#1e293b;border-color:#334155}[data-theme=dark] .crm-search-box input{color:#f8fafc}[data-theme=dark] .crm-thread-item{background:#0b132999;border-bottom-color:#1e293bcc}[data-theme=dark] .crm-thread-item:hover{background:#1e293bcc}[data-theme=dark] .crm-thread-item.active{background:#1e3a8a;border-left-color:#38bdf8;box-shadow:-4px 4px 14px #38bdf833}[data-theme=dark] .crm-thread-item.active:before{box-shadow:5px 5px 0 5px #1e3a8a}[data-theme=dark] .crm-thread-item.active:after{box-shadow:5px -5px 0 5px #1e3a8a}[data-theme=dark] .crm-patient-name{color:#f8fafc}[data-theme=dark] .crm-thread-time{color:#94a3b8}[data-theme=dark] .crm-last-msg{color:#cbd5e1}[data-theme=dark] .crm-chat-window{background:#031b17e6}[data-theme=dark] .crm-chat-header{background:#0b1329e0;border-bottom-color:#1e293bcc}[data-theme=dark] .crm-chat-header h4{color:#f8fafc!important}[data-theme=dark] .crm-bubble.patient{background:linear-gradient(135deg,#064e3b,#022c22);color:#a7f3d0;border-color:#047857;box-shadow:0 4px 14px #00000059}[data-theme=dark] .crm-bubble.clinic{background:#1e293b;color:#f8fafc;border-color:#334155;box-shadow:0 4px 12px #00000040}[data-theme=dark] .crm-msg-time{color:#94a3b8}[data-theme=dark] .crm-input-bar{background:#0b1329e0;border-top-color:#1e293bcc}[data-theme=dark] .crm-input-bar input{background:#1e293b;border-color:#334155;color:#f8fafc}[data-theme=dark] .crm-profile-panel{background:#0b1329d9;border-left-color:#1e293bcc}[data-theme=dark] .crm-profile-panel h3,[data-theme=dark] .crm-profile-panel h5{color:#f8fafc!important}[data-theme=dark] .crm-profile-panel div[style*="background: '#f8fafc'"],[data-theme=dark] .crm-profile-panel div[style*="background: rgb(248, 250, 252)"],[data-theme=dark] .crm-profile-panel div[style*="background: #f8fafc"]{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .crm-profile-panel div[style*="color: '#0f172a'"],[data-theme=dark] .crm-profile-panel div[style*="color: rgb(15, 23, 42)"],[data-theme=dark] .crm-profile-panel div[style*="color: #0f172a"]{color:#f8fafc!important}