.header-icon-button.is-active{border-color:#74c991;background:#e9f8ee;color:#0a7b3d;box-shadow:0 0 0 3px #16a65312}
.chat-row-title .priority-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#a5b3ab;box-shadow:none}.chat-row-title .priority-dot.high{background:#e5a22b;box-shadow:0 0 0 3px #fceecb}.chat-row-title .priority-dot.urgent{background:#db5e55;box-shadow:0 0 0 3px #fbe0de}.followup-indicator{display:inline-grid;place-items:center;color:#d38d1b;font-size:12px}.context-utility{display:inline-flex;align-items:center;flex:0 0 auto;margin-left:auto;border:1px solid #dceae0;border-radius:999px;padding:4px 7px;background:#f6faf7;color:#718579;font-size:9px;font-weight:750;white-space:nowrap}.context-utility.followup{border-color:#f0dca6;background:#fff9e9;color:#a46a05}
.customer-drawer{position:absolute;z-index:7;top:76px;right:0;bottom:0;width:min(360px,calc(100% - 24px));overflow:auto;border-left:1px solid #dce7e0;background:#fff;box-shadow:-18px 0 45px #14362520;animation:customer-drawer-in .24s cubic-bezier(.22,.8,.25,1)}@keyframes customer-drawer-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.customer-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid #e7eeea;background:linear-gradient(120deg,#fff,#f2fbf5)}.customer-drawer-head b{display:block;margin-top:4px;font-size:15px;letter-spacing:-.02em}.customer-drawer-head button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce8e1;border-radius:9px;background:white;color:#698074;font-size:21px;transition:all .16s ease}.customer-drawer-head button:hover{border-color:#8dcea9;color:#08783b;transform:rotate(90deg)}
.customer-card{padding:16px 18px;border-bottom:1px solid #e9efeb}.customer-card-top{display:flex;align-items:center;gap:10px}.customer-avatar{width:45px;height:45px;font-size:14px}.customer-card-top div{display:grid;gap:3px;min-width:0}.customer-card-top b,.customer-card-top small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-top b{font-size:13px}.customer-card-top small{color:#778b7f;font-size:10px}.customer-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.customer-card-metrics span{display:grid;gap:2px;padding:9px 10px;border-radius:10px;background:#f4f8f5}.customer-card-metrics b{font-size:10px;color:#285843}.customer-card-metrics small{color:#8a9b91;font-size:9px}
.customer-form{display:grid;gap:11px;padding:16px 18px;border-bottom:1px solid #e9efeb}.customer-form label{display:grid;gap:5px;color:#647a6d;font-size:10px;font-weight:800}.customer-form select,.customer-form input,.customer-note textarea{width:100%;border:1px solid #dbe7df;border-radius:9px;padding:9px 10px;outline:0;background:#fff;color:#243d30;font:inherit;font-size:11px;transition:border .16s ease,box-shadow .16s ease}.customer-form select:focus,.customer-form input:focus,.customer-note textarea:focus{border-color:#64c989;box-shadow:0 0 0 3px #12a15314}.customer-form select{appearance:auto}
.customer-note{display:grid;gap:8px;padding:16px 18px;border-bottom:1px solid #e9efeb}.drawer-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.drawer-section-title b{font-size:11px}.drawer-section-title small{color:#82938a;font-size:9px}.customer-note textarea{min-height:82px;resize:vertical;background:#fbfdfb}.customer-note button{justify-self:start;border:0;border-radius:8px;padding:8px 11px;background:#157f42;color:#fff;font-size:10px;font-weight:800;box-shadow:0 5px 11px #168e4426;transition:transform .16s ease,background .16s ease}.customer-note button:hover{background:#0c7136;transform:translateY(-1px)}
.customer-timeline{padding:16px 18px 24px}.customer-timeline ol{display:grid;gap:13px;margin:14px 0 0;padding:0;list-style:none}.customer-timeline li{display:grid;grid-template-columns:11px 1fr;gap:8px;position:relative}.customer-timeline li:not(:last-child):after{position:absolute;top:11px;bottom:-14px;left:4px;width:1px;background:#dce9e0;content:""}.customer-timeline li>i{width:9px;height:9px;margin-top:3px;border:2px solid #fff;border-radius:50%;background:#34b866;box-shadow:0 0 0 1px #9ad7af}.customer-timeline li div{display:grid;gap:3px}.customer-timeline li b{font-size:10px;color:#405d4d}.customer-timeline li small{color:#8a9a91;font-size:9px}.timeline-empty{margin:13px 0 0;color:#90a097;font-size:10px;line-height:1.45}
.inbox-filter{box-shadow:0 1px 0 #fff inset}.inbox-row{border-left:1px solid transparent;border-right:1px solid transparent}.inbox-row.selected{border-color:#d7efdf}.conversation-context{box-shadow:0 3px 8px #163b2807}
@media(max-width:760px){.context-utility{display:none}.customer-drawer{top:68px;width:min(360px,calc(100% - 14px))}.customer-drawer-head{padding:15px}.customer-card,.customer-form,.customer-note,.customer-timeline{padding-left:15px;padding-right:15px}}