#chat-drawer-backdrop{display:none;position:fixed;inset:0;background:#00000059;z-index:1049;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#chat-drawer{position:fixed;top:0;right:0;height:100vh;width:min(400px,100vw);z-index:1050;display:flex;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}#chat-drawer.chat-drawer-open{transform:translate(0);pointer-events:all}#chat-drawer-tab{position:absolute;left:0;top:50%;transform:translate(-100%) translateY(-50%);pointer-events:all;transition:transform .2s ease}#chat-drawer:not(.chat-drawer-open) #chat-drawer-tab{transform:translate(calc(-100% + 10px)) translateY(-50%)}#chat-drawer:not(.chat-drawer-open) #chat-drawer-tab:hover{transform:translate(-100%) translateY(-50%)}#chat-drawer-toggle{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:#1e3a5f;color:#fff;border:none;padding:20px 10px;border-radius:14px 0 0 14px;cursor:pointer;transition:background .2s;box-shadow:-4px 0 20px #00000040;outline:none}#chat-drawer-toggle:hover{background:#0f2a4a}#chat-unread-badge{position:absolute;top:-6px;left:-6px;min-width:20px;height:20px;background:#fbbf24;color:#1e3a5f;border-radius:10px;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #00000059}#chat-pending-badge{position:absolute;bottom:-6px;left:-6px;width:12px;height:12px;background:#ef4444;border-radius:50%;box-shadow:0 0 0 2px #1e3a5f;animation:chat-pending-pulse 1.4s ease-in-out infinite}@keyframes chat-pending-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.chat-tab-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.chat-online-dot{width:8px;height:8px;border-radius:50%;background:#34d399;animation:chatDotPulse 2s ease-in-out infinite}@keyframes chatDotPulse{0%,to{opacity:1}50%{opacity:.3}}#chat-drawer-panel{flex:1;display:flex;flex-direction:column;background:#fff;box-shadow:-8px 0 40px #0000002e;border-left:1px solid #e2e8f0;overflow:hidden;min-width:0}#chat-drawer-header{background:#1e3a5f;color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px}.chat-drawer-title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.chat-drawer-header-actions{display:flex;align-items:center;gap:4px}.chat-drawer-header-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;color:#93c5fd;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.chat-drawer-header-btn:hover{background:#ffffff1f;color:#fff}#chat-drawer-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}#chat-drawer-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center;background:#f8fafc}.chat-placeholder-icon{width:60px;height:60px;border-radius:16px;background:#1e3a5f;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 4px 16px #1e3a5f4d}.chat-placeholder-icon svg{color:#fbbf24}.chat-drawer-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.chat-new-toast{position:fixed;top:72px;right:24px;z-index:9999;background:#1e3a5f;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 8px 32px #00000040;display:flex;align-items:center;gap:10px;font-size:13px;opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .25s;max-width:280px}.chat-new-toast.show{opacity:1;transform:translateY(0)}.chat-new-toast--danger{background:#b91c1c}.chat-queue-bar{background:#fef9c3;border-bottom:1px solid #fde68a;padding:8px 16px;font-size:12px;color:#78350f;display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-accept-btn{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}.chat-accept-btn:hover{background:#15803d}.chat-accept-btn:disabled{opacity:.6;cursor:not-allowed}.chat-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0;background:#94a3b8}.chat-avatar--sm{width:32px;height:32px;font-size:12px}.chat-avatar--md{width:36px;height:36px;font-size:13px}.chat-avatar--lg{width:38px;height:38px;font-size:14px}.chat-avatar--xl{width:42px;height:42px;font-size:16px}.chat-avatar--waiting{background:#f59e0b}.chat-avatar--active{background:#22c55e}.chat-avatar--resolved{background:#0ea5e9}.chat-avatar--closed{background:#94a3b8}.chat-avatar--staff{background:#1e3a5f}.chat-avatar--citizen{background:#64748b}.chat-page-layout{position:fixed;inset:56px 0 0 225px;display:flex;overflow:hidden;z-index:1}.sb-sidenav-toggled .chat-page-layout{left:0}@media (max-width: 991.98px){.chat-page-layout{left:0}}body.chat-page-active{overflow:hidden}.chat-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e2e8f0;overflow:hidden}.chat-sidebar-header{flex-shrink:0;padding:14px 14px 10px;border-bottom:1px solid #e2e8f0;background:#fff}.chat-sidebar-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;padding-bottom:4px;width:100%}.chat-sidebar-tabs::-webkit-scrollbar{height:3px}.chat-sidebar-tabs::-webkit-scrollbar-track{background:transparent}.chat-sidebar-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.chat-sidebar-list{flex:1;overflow-y:auto;scrollbar-gutter:stable}.chat-sidebar-footer{flex-shrink:0;border-top:1px solid #e2e8f0;padding:6px 8px;font-size:12px;background:#fff}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}@media (max-width: 767.98px){.chat-sidebar{width:100%;border-right:none}.chat-main{display:none;width:100%}.chat-session-active .chat-sidebar{display:none}.chat-session-active .chat-main{display:flex}}.chat-back-mobile{display:none;width:32px;height:32px;align-items:center;justify-content:center;border:none;background:transparent;color:#64748b;border-radius:8px;cursor:pointer;flex-shrink:0;transition:background .15s}.chat-back-mobile:hover{background:#f1f5f9}@media (max-width: 767.98px){.chat-back-mobile{display:flex}}.session-item{transition:background .15s}.session-item:not(.session-item--active):hover{background:#f1f5f9}.session-item--active{background:#0d6efd14;border-left:3px solid #0d6efd}.session-item-name{font-size:13px;max-width:140px}.session-item-preview{font-size:11px;max-width:160px}.session-item-time{font-size:10px;white-space:nowrap}.session-unread-badge{font-size:9px}.chat-pagination{font-size:12px}.chat-messages-bg{background:#f8fafc;scrollbar-gutter:stable}.chat-empty-icon{width:64px;height:64px;background:#1e3a5f;border-radius:12px;box-shadow:0 4px 20px #1e3a5f40;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-reply-box{transition:box-shadow .15s}.chat-reply-box:focus-within{box-shadow:0 0 0 3px #1e3a5f1f}.chat-reply-input{resize:none;outline:none;box-shadow:none!important;max-height:140px;overflow-y:auto;font-size:14px;field-sizing:content;border:none!important}.chat-reply-input--sm{max-height:100px;font-size:13px}.chat-send-btn{background:#1e3a5f;color:#fff;border:none;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:600;flex-shrink:0;cursor:pointer;transition:background .15s;text-align:center!important}.chat-send-btn:hover{background:#0f2a4a;color:#fff}.chat-send-btn--sm{width:30px;height:30px;padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center}.chat-back-btn{width:30px;height:30px;padding:4px;flex-shrink:0}.chat-kbd{font-family:monospace;padding:1px 5px;border-radius:3px}.chat-msg{max-width:88%;width:fit-content;align-self:flex-start}.chat-msg .chat-avatar{margin-bottom:20px}.chat-msg--staff{margin-left:auto;align-self:flex-end}.chat-msg-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.chat-msg-content--staff{align-items:flex-end}.chat-bubble{line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-bubble--staff{background:#1e3a5f;color:#fff;border-radius:16px 16px 4px}.chat-bubble--citizen{background:#f1f5f9;color:#1e293b;border:1px solid #e2e8f0;border-radius:16px 16px 16px 4px}.drawer-session-item{cursor:pointer;transition:background .15s}.drawer-session-item:hover{background:#e8f0fe}.drawer-session-name{max-width:160px}.drawer-session-preview{font-size:11px;max-width:160px}.drawer-session-time,.drawer-session-ref{font-size:10px}.chat-drawer-tabs-wrapper{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;width:100%}.chat-drawer-tabs-wrapper::-webkit-scrollbar{height:3px}.chat-drawer-tabs-wrapper::-webkit-scrollbar-track{background:transparent}.chat-drawer-tabs-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.chat-drawer-tabs{display:flex;flex-wrap:nowrap;gap:4px}.chat-drawer-tabs .drawer-status-tab{font-size:10px;padding:4px 8px;cursor:pointer;white-space:nowrap}#drawer-citizen-typing{max-width:80%}.typing-bubble{border-radius:1rem 1rem 1rem .25rem;background:#fff;border:1px solid #dee2e6}.typing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#adb5bd;animation:typing-bounce 1.2s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0ms}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.canned-picker{position:relative;margin-bottom:6px;background:#fff;border:1px solid #dee2e6;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;overflow:hidden}.canned-picker-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:.75rem;font-weight:600;color:#495057}.canned-picker-close{background:none;border:none;font-size:1rem;line-height:1;color:#6c757d;cursor:pointer;padding:0 2px}.canned-picker-close:hover{color:#212529}.canned-picker-list{max-height:200px;overflow-y:auto}.canned-picker-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:7px 10px;background:none;border:none;border-bottom:1px solid #f0f0f0;text-align:left;cursor:pointer;transition:background .1s}.canned-picker-item:last-child{border-bottom:none}.canned-picker-item:hover{background:#f0f4ff}.canned-item-title{font-size:.78rem;font-weight:600;color:#212529}.canned-item-preview{font-size:.72rem;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.canned-trigger-btn{flex-shrink:0;background:none;border:none;padding:2px 4px;color:#6c757d;cursor:pointer;border-radius:4px;transition:background .15s,color .15s}.canned-trigger-btn:hover{background:#e9ecef;color:#3c4a9e}.canned-picker-search-wrap{padding:6px 8px;border-bottom:1px solid #dee2e6;background:#fff}.canned-search{width:100%;border:1px solid #dee2e6;border-radius:4px;padding:4px 8px;font-size:.75rem;outline:none;background:#f8f9fa}.canned-search:focus{border-color:#86b7fe;background:#fff}.chat-attachments{display:flex;flex-direction:column;gap:4px}.chat-attachment-img-wrap{display:inline-block;max-width:200px}.chat-attachment-img{max-width:200px;max-height:180px;border-radius:8px;display:block;cursor:pointer;object-fit:cover}.chat-attachment-file{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#0000000f;border-radius:8px;font-size:.75rem;text-decoration:none;color:#1e293b;max-width:220px;overflow:hidden}.chat-attachment-file--staff{background:#1e3a5f14;color:#1e3a5f}.chat-attachment-file:hover{text-decoration:underline}.chat-attachment-preview-strip{display:flex;flex-wrap:wrap;gap:6px;padding:6px 4px 2px}.chat-preview-item{position:relative;display:flex;align-items:center;gap:5px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 24px 4px 6px;font-size:.7rem;max-width:160px;overflow:hidden}.chat-preview-thumb{width:32px;height:32px;object-fit:cover;border-radius:4px;flex-shrink:0}.chat-preview-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100px}.chat-preview-remove{position:absolute;top:2px;right:4px;background:none;border:none;font-size:.85rem;line-height:1;color:#64748b;cursor:pointer;padding:0}.chat-preview-remove:hover{color:#dc2626}