:root{--service-ink:#172b22;--service-muted:#72847a;--service-green:#128b49;--service-green-soft:#e6f7ec;--service-gold:#e6a62f;--service-orange:#dc7a31;--service-violet:#8059ca}
.topbar{background:linear-gradient(104deg,#fff 0%,#fbfefc 55%,#f2fbf5 100%);box-shadow:0 4px 18px #173b2910}
.whatsapp-panel{background:radial-gradient(circle at 12% 4%,#bfeecb45,transparent 24%),radial-gradient(#dfece4 1px,transparent 1px);background-size:auto,18px 18px}
.inbox-shell{grid-template-columns:342px minmax(0,1fr);border:0;border-radius:22px;box-shadow:0 22px 60px #163e2921}
.inbox-pane{background:linear-gradient(180deg,#ffffff,#fbfdfc)}
.inbox-toolbar{padding:20px 18px 12px}.inbox-toolbar h2{font-size:18px}.icon-button{transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.icon-button:hover{box-shadow:0 6px 14px #24704620;transform:rotate(90deg)}
.search-box{margin:0 15px 10px;border-radius:11px;background:#f4f8f6;transition:border-color .18s ease,box-shadow .18s ease}.search-box:focus-within{background:#fff}
.inbox-filters{display:flex;gap:6px;overflow:auto;padding:0 15px 11px;scrollbar-width:none}.inbox-filters::-webkit-scrollbar{display:none}
.inbox-filter{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border:1px solid #e0ebe4;border-radius:999px;padding:6px 9px;background:#fff;color:#718178;font-size:10px;font-weight:760;transition:all .18s ease}.inbox-filter b{display:grid;place-items:center;min-width:15px;height:15px;padding:0 4px;border-radius:99px;background:#eff4f1;color:#688076;font-size:9px}.inbox-filter:hover{border-color:#9dd5af;color:#187a41}.inbox-filter.active{border-color:#caefd6;background:#e8f8ed;color:#0d7c3e;box-shadow:inset 0 0 0 1px #d9f4e2}.inbox-filter.active b{background:#1aa657;color:white}
.inbox-summary{padding:0 18px 9px;color:#8b9b92;font-size:10px;font-weight:650}
.inbox-row{position:relative;gap:11px;padding:12px 16px;transition:background .16s ease,transform .16s ease}.inbox-row:before{position:absolute;top:11px;bottom:11px;left:0;width:3px;border-radius:0 4px 4px 0;background:transparent;content:""}.inbox-row:hover{background:#f3faf5;transform:translateX(2px)}.inbox-row.selected{background:linear-gradient(90deg,#e5f7eb,#f4fcf6)}.inbox-row.selected:before{background:#21b85e}.inbox-row.favorite .contact-avatar{box-shadow:0 0 0 2px #ffefbd}.chat-row-copy{gap:4px}.chat-row-title{display:flex;align-items:center;gap:5px;min-width:0}.chat-row-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-title i{color:#e2a52e;font-style:normal;font-size:12px}.chat-row-copy small{display:flex;align-items:center;gap:5px;min-width:0}.chat-row-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-status{display:inline-flex;align-items:center;flex:0 0 auto;max-width:94px;overflow:hidden;border-radius:7px;padding:2px 5px;background:#edf2ef;color:#6e8176;font-size:8px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.chat-status.handling{background:#dff5e8;color:#117943}.chat-status.waiting{background:#fff1d7;color:#a86900}.chat-status.done{background:#eef0f1;color:#66736d}.chat-row-meta{gap:6px}.chat-unread-badge{box-shadow:0 3px 8px #22ad5d35}
.conversation-pane{background:#f6faf7}.service-header{height:76px;min-height:76px;padding:12px 20px;box-shadow:0 2px 9px #17342508;z-index:2}.conversation-title-line{display:flex;align-items:center;gap:7px;min-width:0}.conversation-title-line b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-status-pill{display:inline-flex;align-items:center;flex:0 0 auto;border-radius:999px;padding:4px 7px;background:#eff3f1;color:#718077;font-size:9px;font-weight:850}.service-status-pill.handling{background:#dff6e8;color:#0a7a3c}.service-status-pill.waiting{background:#fff1d8;color:#a86900}.service-status-pill.done{background:#edf1ef;color:#65736b}.conversation-actions{display:flex;align-items:center;gap:6px}.header-icon-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dbe8df;border-radius:10px;background:#fff;color:#668177;font-size:15px;letter-spacing:-1px;transition:all .18s ease}.header-icon-button:hover{border-color:#9bd3ad;background:#edf9f1;color:#118044;transform:translateY(-1px)}.header-icon-button.is-favorite{border-color:#f7db8a;background:#fff9e8;color:#d99d26}.quick-text-button{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.quick-text-button:hover{box-shadow:0 5px 12px #2f7c4e1a;transform:translateY(-1px)}
.conversation-context{display:flex;align-items:center;gap:10px;min-height:39px;padding:7px 22px;border-bottom:1px solid #e5ece7;background:#fbfefc}.context-caption{color:#899b91;font-size:8px;font-weight:900;letter-spacing:.11em}.context-labels{display:flex;gap:5px;min-width:0;overflow:auto;scrollbar-width:none}.context-labels::-webkit-scrollbar{display:none}.context-label,.context-empty{display:inline-flex;align-items:center;flex:0 0 auto;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:750}.context-label{background:#eef5f0;color:#41705a}.context-empty{color:#91a197}
.message-list{padding:23px 31px;gap:10px;background:radial-gradient(#dfe9e3 1px,transparent 1px),linear-gradient(135deg,#f7faf8,#f2f8f4);background-size:18px 18px,auto}.message{position:relative;animation:message-arrive .26s cubic-bezier(.2,.85,.28,1) both;transition:transform .16s ease,box-shadow .16s ease}.message:hover{transform:translateY(-1px);box-shadow:0 5px 13px #17372414}.message.out{box-shadow:0 2px 4px #1b684214}.message:nth-last-child(2){animation-delay:.03s}.message:last-child{animation-delay:.06s}@keyframes message-arrive{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.service-menu{position:absolute;z-index:6;top:86px;right:18px;width:min(350px,calc(100% - 36px));overflow:hidden;border:1px solid #dbe9df;border-radius:16px;background:#fff;box-shadow:0 22px 50px #15382732;animation:menu-pop .2s cubic-bezier(.2,.8,.25,1)}.service-menu-head{display:flex;align-items:center;justify-content:space-between;padding:14px 15px 11px;border-bottom:1px solid #e8eeea}.service-menu-head b{display:block;margin-top:3px;font-size:13px}.service-menu-head button{border:0;background:transparent;color:#71857a;font-size:22px}.service-menu section{display:grid;gap:8px;padding:12px 15px;border-bottom:1px solid #edf2ee}.service-menu section:last-child{border:0}.service-menu section>small{color:#7d8f85;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.service-status-options,.service-label-options{display:flex;flex-wrap:wrap;gap:6px}.service-status-options button,.service-label-options button{border:1px solid #dfe9e3;border-radius:8px;padding:6px 8px;background:#fff;color:#62786c;font-size:10px;font-weight:700;transition:all .16s ease}.service-status-options button:hover,.service-label-options button:hover{border-color:#92d0a8;background:#f0faf3}.service-status-options button.active{border-color:#74ca94;background:#e1f5e8;color:#0d7d3c}.service-label-options button.active{border-color:#b8a0e8;background:#f0ebff;color:#6544a9}.service-menu textarea{min-height:67px;resize:vertical;border:1px solid #dce8e1;border-radius:9px;padding:8px 9px;outline:0;color:#304d3e;font:inherit;font-size:11px}.service-menu textarea:focus{border-color:#67c88b;box-shadow:0 0 0 3px #1eaa5813}@keyframes menu-pop{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}
.composer{position:relative;padding:12px 16px;background:linear-gradient(180deg,#fff,#fbfefc)}.composer textarea{background:#f1f6f3;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.composer textarea:focus{background:white}.send-button{min-width:72px;box-shadow:0 7px 14px #18aa5829;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.send-button:hover:not(:disabled){background:#07883f;box-shadow:0 9px 20px #18aa5841;transform:translateY(-1px)}
.quick-menu,.emoji-menu{animation:menu-pop .18s ease}.emoji-item{transition:background .14s ease,transform .14s ease}.number-menu{animation:menu-pop .18s ease}@media(max-width:860px){.inbox-shell{grid-template-columns:300px minmax(0,1fr)}.service-status-pill{display:none}.quick-text-button{font-size:0;width:33px;height:33px;padding:0}.quick-text-button:after{content:"⚡";font-size:14px}}@media(max-width:640px){.top-actions>#browserNotifications{display:none}.inbox-shell{grid-template-columns:minmax(190px,42%) 1fr}.conversation-actions{gap:3px}.service-header{padding:10px}.conversation-context{padding:7px 12px}.message-list{padding:17px}.header-icon-button{width:29px;height:29px}}