:root{--brand-primary:#0a66c2;--brand-accent:#0ea5e9;--brand-dark:#075e54;--bs-body-font-family:"Inter",system-ui,-apple-system,sans-serif}body{font-family:var(--bs-body-font-family)}.sidebar{width:220px;min-height:100vh;background-color:var(--brand-dark);flex-shrink:0}.sidebar .nav-link{color:hsla(0,0%,100%,.7);border-radius:8px;padding:.5rem 1rem}.sidebar .nav-link.active,.sidebar .nav-link:hover{background-color:var(--brand-accent);color:#fff}.btn-brand{background-color:var(--brand-primary);color:#fff;border:none}.btn-brand:hover{background-color:var(--brand-accent);color:#fff}.nav-pills .nav-link{color:var(--brand-primary)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--brand-primary);color:#fff}.nav-pills .nav-link:hover:not(.active){background-color:rgba(10,102,194,.08)}.bubble-out{background-color:#25d366;color:#fff;border-radius:18px 18px 4px 18px;max-width:70%;margin-left:auto}.bubble-in{background-color:#fff;border:1px solid #e9ecef;border-radius:18px 18px 18px 4px;max-width:70%}.conv-item{cursor:pointer;border-bottom:1px solid #f1f3f5;transition:background .1s}.conv-item:hover{background-color:#f8f9fa}.conv-item.active{background-color:#e8f0fe;border-left:3px solid var(--brand-primary)}.app-shell{height:100vh}.app-shell,.main-pane{display:flex;overflow:hidden}.main-pane{flex:1 1;flex-direction:column}.scrollable{overflow-y:auto;flex:1 1}.landing-hero{padding:5rem 0 4rem}.text-brand-gradient{background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-visual{display:flex;justify-content:center}.hero-mock-inbox{width:100%;max-width:400px;border-radius:16px;border:1px solid #e9ecef;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.08);overflow:hidden}.hero-mock-header{padding:1rem 1.25rem;border-bottom:1px solid #f1f3f5;display:flex;align-items:center;justify-content:space-between;background:#fafafa}.hero-mock-item{padding:.875rem 1.25rem;display:flex;align-items:flex-start;gap:.75rem;border-bottom:1px solid #f8f9fa;transition:background .15s}.hero-mock-item:last-child{border-bottom:none}.hero-mock-avatar{width:36px;height:36px;border-radius:50%;font-weight:600;font-size:.85rem;flex-shrink:0}.feature-icon-box,.hero-mock-avatar{display:flex;align-items:center;justify-content:center}.feature-icon-box{font-size:2rem;width:48px;height:48px;border-radius:12px;background:#f8f9fa}.inbox-search{border:1px solid #e9ecef;border-radius:20px;padding:.35rem .75rem;font-size:.8rem;transition:border-color .15s}.inbox-search:focus{border-color:var(--brand-accent);box-shadow:0 0 0 2px rgba(14,165,233,.15);outline:none}.inbox-filter-pill{font-size:.7rem;padding:.2rem .6rem;border-radius:12px;border:1px solid #dee2e6;background:#fff;color:#495057;cursor:pointer;transition:all .15s;white-space:nowrap}.inbox-filter-pill:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.inbox-filter-pill.active{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);flex-shrink:0}.inbox-mobile-toggle{position:fixed;bottom:20px;left:20px;z-index:1060;width:48px;height:48px;border-radius:50%;background:var(--brand-primary);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);font-size:1.2rem}.inbox-back-btn,.inbox-mobile-toggle{display:none;border:none;cursor:pointer}.inbox-back-btn{background:none;padding:4px 8px;font-size:1.1rem;color:var(--brand-accent)}@media (max-width:767.98px){.inbox-conv-list{width:100%!important;position:absolute;top:0;left:0;bottom:0;z-index:10;transition:transform .25s ease}.inbox-conv-list.mobile-hidden{transform:translateX(-100%)}.inbox-chat-pane{width:100%!important}.inbox-mobile-toggle{display:flex;align-items:center;justify-content:center}.inbox-back-btn{display:inline-block}}.conv-action-btns{opacity:0;transition:opacity .15s}.conv-item.active .conv-action-btns,.conv-item:hover .conv-action-btns{opacity:1}.conv-action-btn{font-size:.65rem!important;padding:.1rem .45rem!important;line-height:1.4;border-radius:10px!important;white-space:nowrap}.conv-agent-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:inline-block}.msg-markdown p{margin:0}.msg-markdown p+p{margin-top:.25em}.msg-markdown ol,.msg-markdown ul{margin:.25em 0;padding-left:1.25em}.msg-markdown pre{background:rgba(0,0,0,.06);border-radius:6px;padding:6px 8px;margin:.25em 0;overflow-x:auto;font-size:.85em}.msg-markdown code{font-size:.9em}.msg-markdown blockquote{border-left:3px solid rgba(0,0,0,.2);margin:.25em 0;padding-left:8px;opacity:.85}.msg-markdown a{color:inherit;text-decoration:underline}.msg-markdown h1,.msg-markdown h2,.msg-markdown h3,.msg-markdown h4{font-size:1em;font-weight:600;margin:.25em 0 0}.reply-composer{position:relative}.reply-composer.drag-over{background-color:#e8f0fe!important}.drag-overlay{position:absolute;inset:0;background:rgba(10,102,194,.1);border:2px dashed var(--brand-primary);border-radius:4px;z-index:10;display:flex;align-items:center;justify-content:center}.drag-overlay-content{text-align:center;color:var(--brand-accent)}.composer-textarea{border:1px solid #dee2e6;border-radius:20px;padding:8px 16px;font-size:.875rem;resize:none;overflow-y:auto;max-height:150px;min-height:38px;line-height:1.4;flex:1 1;transition:border-color .15s;font-family:inherit}.composer-textarea:focus{border-color:var(--brand-accent);box-shadow:0 0 0 2px rgba(14,165,233,.15);outline:none}.composer-textarea:disabled{background:#f8f9fa;cursor:not-allowed}.composer-action-btn{background:none;border:1px solid #dee2e6;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#6c757d;cursor:pointer;flex-shrink:0;transition:all .15s}.composer-action-btn:hover{background:rgba(14,165,233,.05)}.composer-action-btn.active,.composer-action-btn:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.composer-action-btn.active{background:rgba(14,165,233,.1)}.composer-send-btn{background:var(--brand-primary);border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:background-color .15s}.composer-send-btn:hover:not(:disabled){background:var(--brand-accent)}.composer-send-btn:disabled{background:#adb5bd;cursor:not-allowed}.attachment-remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#dc3545;color:#fff;border:none;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.quick-reply-panel{border-top:1px solid #e9ecef;background:#fafafa;max-height:200px;overflow-y:auto}.quick-reply-header{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ecef;position:-webkit-sticky;position:sticky;top:0;background:#fafafa;z-index:1}.quick-reply-list{padding:4px}.quick-reply-item{display:flex;flex-direction:column;width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;border-radius:8px;transition:background .1s;gap:2px}.quick-reply-item:hover{background:#e8f0fe}.quick-reply-item-wrapper{border-radius:8px;transition:background .1s}.quick-reply-item-wrapper:hover{background:#f8f9fa}.quick-reply-actions{opacity:0;transition:opacity .15s}.quick-reply-item-wrapper:hover .quick-reply-actions{opacity:1}.quick-reply-edit-row{background:#f8f9fa;border-radius:8px}.quick-reply-section-header{display:flex;align-items:center;gap:6px;padding:6px 12px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6c757d;border-top:1px solid #f0f0f0;margin-top:2px}.quick-reply-section-header:first-child{border-top:none;margin-top:0}.quick-reply-scope-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.quick-reply-section-count{margin-left:auto;font-size:9px;font-weight:500;color:#adb5bd}.quick-reply-origin-badge{white-space:nowrap;font-weight:500;line-height:1.2;flex-shrink:0}.composer-textarea.quick-reply-inserted{border-color:#198754;box-shadow:0 0 0 2px rgba(25,135,84,.18);animation:quickReplyInsertPulse 1.5s ease-out}@keyframes quickReplyInsertPulse{0%{background-color:rgba(25,135,84,.08)}to{background-color:transparent}}.quick-reply-insert-hint{color:#198754;font-weight:500;animation:quickReplyHintFade 1.5s ease-out forwards}@keyframes quickReplyHintFade{0%,70%{opacity:1}to{opacity:0}}.quick-reply-create-form{border-top:1px solid #e9ecef;background:#fafafa;max-height:320px;overflow-y:auto}.quick-reply-create-header{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ecef;background:#f0f7f0}.scroll-to-bottom-btn{position:absolute;bottom:12px;right:16px;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #dee2e6;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;color:#495057;transition:all .15s}.scroll-to-bottom-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.reassign-panel{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px}.reassign-agent-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.reassign-agent-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;background:none;text-align:left;cursor:pointer;border-radius:6px;transition:background .1s;width:100%}.reassign-agent-item:hover:not(:disabled){background:#e8f0fe}.reassign-agent-item:disabled{opacity:.5;cursor:not-allowed}.reassign-agent-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.contact-info-panel{width:280px;flex-shrink:0;overflow-y:auto}@media (max-width:991.98px){.contact-info-panel{position:absolute;right:0;top:0;bottom:0;z-index:20;box-shadow:-4px 0 12px rgba(0,0,0,.1)}}@keyframes toast-enter{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.conv-item-unclaimed{border-left:3px solid #ffc107}.conv-item-unclaimed:hover{background-color:#fffde7}.conv-unread-badge{font-size:.6rem;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--brand-primary);color:#fff;font-weight:700;flex-shrink:0}.claim-banner{background:linear-gradient(135deg,#fff3cd,#fffde7);border-bottom:1px solid #ffc107;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem}.claim-banner .btn-claim{background:var(--brand-primary);color:#fff;border:none;border-radius:20px;padding:4px 16px;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s}.claim-banner .btn-claim:hover{background:var(--brand-accent)}.sa-shell{position:relative}.sa-sidebar{width:220px;min-height:100vh;background-color:#0f172a;flex-shrink:0;z-index:1040}.sa-sidebar .nav-link{color:hsla(0,0%,100%,.7);border-radius:8px;padding:.5rem 1rem;transition:background-color .15s,color .15s}.sa-sidebar .nav-link:hover{background-color:#1e293b;color:#fff}.sa-sidebar .nav-link.active{background-color:#0ea5e9;color:#fff}.sa-brand-title{color:#0ea5e9;font-weight:700}.sa-nav-icon{flex-shrink:0;width:20px;text-align:center}.sa-mobile-header{position:fixed;top:0;left:0;right:0;height:48px;background-color:#0f172a;display:flex;align-items:center;gap:.75rem;padding:0 1rem;z-index:1050}.sa-mobile-brand{color:#0ea5e9;font-weight:700;font-size:.95rem}.sa-hamburger{background:none;border:none;padding:4px;cursor:pointer}.sa-hamburger-icon{display:flex;flex-direction:column;gap:4px;width:22px}.sa-hamburger-icon span{display:block;height:2px;background:#fff;border-radius:1px;transition:transform .2s,opacity .2s}.sa-hamburger-icon.open span:first-child{transform:translateY(6px) rotate(45deg)}.sa-hamburger-icon.open span:nth-child(2){opacity:0}.sa-hamburger-icon.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.sa-sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1035}@media (max-width:767.98px){.landing-hero{padding:3rem 0 2rem}.landing-hero h1{font-size:2rem}.sa-shell{flex-direction:column}.sa-shell>.main-pane{margin-top:48px}.sa-sidebar{position:fixed;top:48px;left:0;bottom:0;width:240px;min-height:auto;transition:transform .25s ease;overflow-y:auto}.sa-sidebar.sa-collapsed{transform:translateX(-100%)}.sa-sidebar.sa-expanded{transform:translateX(0)}}.onboarding-progress{padding:.5rem 0}.onboarding-step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s ease;flex-shrink:0}.onboarding-step-circle.completed{background-color:var(--brand-primary);color:#fff;box-shadow:0 2px 8px rgba(10,102,194,.3)}.onboarding-step-circle.active{background-color:#fff;border:2.5px solid var(--brand-accent);color:var(--brand-accent);box-shadow:0 2px 12px rgba(14,165,233,.2)}.onboarding-step-circle.pending{background-color:#f1f3f5;border:2px solid #dee2e6;color:#adb5bd}.onboarding-step-icon{font-size:1rem;line-height:1}.onboarding-step-label{font-size:.68rem;text-align:center;max-width:80px;line-height:1.2;color:#495057}.onboarding-step-line{width:40px;height:3px;background-color:#dee2e6;border-radius:2px;margin:0 2px 18px;transition:background-color .3s ease}.onboarding-step-line.completed{background-color:var(--brand-primary)}@media (max-width:480px){.onboarding-step-circle{width:32px;height:32px;font-size:.75rem}.onboarding-step-label{font-size:.6rem;max-width:60px}.onboarding-step-line{width:24px;margin-bottom:14px}.onboarding-step-icon{font-size:.8rem}}.onboarding-fade-in{animation:onboardingFadeIn .3s ease-out}@keyframes onboardingFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.onboarding-error{display:flex;align-items:flex-start;gap:.5rem}.onboarding-error .retry-btn{white-space:nowrap;flex-shrink:0}