.chat-workspace{height:calc(100vh - 84px);display:grid;grid-template-columns:380px 1fr;gap:14px}.contact-panel,.conversation-pane,.ticket-info-pane,.empty-chat-panel{background:#fff;border:1px solid #e5edf8;border-radius:16px;overflow:hidden}.contact-panel{padding:14px;display:grid;grid-template-rows:auto auto auto auto 1fr}.contact-panel-head{display:grid;grid-template-columns:32px 1fr 48px 48px;gap:8px;align-items:center;margin-bottom:12px}.contact-panel-head h2{font-size:24px;margin:0;color:#4b5b75}.ghost-icon{border:0;background:transparent;font-size:20px}.square-icon{height:44px;border:1px solid #dce7f7;border-radius:12px;background:#fff;color:#6f83a2;font-weight:800}.contact-tools{display:grid;grid-template-columns:1fr 48px 48px;gap:8px;margin-bottom:10px}.contact-filters{display:flex;gap:8px;margin-bottom:10px;overflow:hidden}.contact-filters button{height:44px;border:0;border-radius:13px;background:#f7f9fc;color:#7d8fa8;padding:0 16px;font-weight:800;white-space:nowrap}.contact-filters .active{background:#eef3f9;color:#52647e}.contact-progress{height:6px;width:55%;background:#cbd7e6;border-radius:999px;margin-bottom:12px}.contact-list{overflow:auto}.contact-row{width:100%;border:0;border-bottom:1px solid #edf3fb;background:#fff;padding:14px 8px;display:grid;grid-template-columns:58px 1fr 88px;gap:10px;text-align:left;color:#52647e}.contact-row.active{background:#eef3f9;border-radius:16px;border-bottom-color:transparent}.contact-avatar-wrap{position:relative;width:54px;height:54px}.contact-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#5d6cff;color:#fff;border:3px solid #dfe7ff;font-weight:900}.contact-avatar.large{width:58px;height:58px}.wa-mini{position:absolute;right:-4px;bottom:-2px;border-radius:50%;background:#16a34a;color:#fff;font-size:8px;padding:5px 3px;border:2px solid #fff}.contact-copy{min-width:0}.contact-copy b{display:block;color:#52647e;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-copy small{display:block;color:#8192aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-meta{text-align:right;display:grid;gap:8px}.contact-meta small{font-size:11px;color:#7f91a9}.contact-meta span{justify-self:end;background:#ffe4e6;color:#e33d45;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.contact-meta i{font-style:normal;color:#8ca0b9}.empty-chat-panel{display:grid;place-items:center;text-align:center;padding:32px}.empty-chat-panel h2{font-size:36px;color:#4f6078;margin:20px 0 12px}.empty-chat-panel p{font-size:20px;color:#91a1b8;line-height:1.35}.empty-illustration{position:relative;width:420px;height:310px}.bubble-a,.bubble-b{position:absolute;border-radius:12px;padding:12px 18px;text-align:left;font-weight:700}.bubble-a{right:35px;top:60px;background:#eef3f9;color:#2f405d}.bubble-b{left:76px;top:126px;background:#8ca0b7;color:#fff}.envelope{position:absolute;left:132px;bottom:30px;width:180px;height:120px;background:linear-gradient(145deg,#7e91a8 50%,#91a4ba 51%);clip-path:polygon(0 0,50% 45%,100% 0,100% 100%,0 100%)}.ticket-detail-layout{height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 360px;gap:10px}.conversation-pane{display:grid;grid-template-rows:78px 1fr auto}.conversation-head{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid #edf3fb}.conversation-head h2{margin:0;font-size:18px;color:#4a5b75}.conversation-head p{margin:4px 0 0;color:#50617a}.green-chip{margin-left:8px;padding:4px 10px;border-radius:999px;background:#dff8e9;color:#15803d;font-size:12px;font-weight:800}.conversation-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.conversation-actions button,.conversation-actions select{height:40px;border:1px solid #dce7f7;border-radius:10px;background:#fff;color:#607391;padding:0 12px}.conversation-actions .active{background:#3f6df6;color:#fff}.conversation-actions .danger-soft{background:#ffe2e5;color:#ef4444;border-color:#ffe2e5}.conversation-scroll{padding:18px 34px;overflow:auto;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:260px;align-self:flex-start;background:#eef3f9;color:#53657f;border-radius:10px;padding:12px 14px;font-size:18px}.chat-bubble.agent{align-self:flex-end;background:#3f6df6;color:#fff}.chat-bubble small{display:block;margin-top:4px;font-size:13px;opacity:.85}.event-chip{align-self:center;max-width:80%;background:#8799af;color:#fff;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:800}.reply-area{border-top:1px solid #edf3fb;padding:10px 18px 14px}.reply-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#dfe7f1;border-radius:14px;padding:4px;margin-bottom:10px}.reply-tabs button{height:36px;border:0;background:transparent;border-radius:10px;color:#8aa0b9;font-weight:800}.reply-tabs .active{background:#fff;color:#52647e}.template-button{height:50px;border:1px solid #dce7f7;border-radius:10px;display:grid;place-items:center;color:#52647e;font-weight:800;margin-bottom:8px}.reply-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}.reply-input-row input{height:42px}.reply-input-row button{border:0;border-radius:10px;background:#3f6df6;color:#fff;font-weight:800;padding:0 16px}.ticket-info-pane{padding:18px;overflow:auto}.ticket-info-pane header{display:flex;justify-content:space-between;margin-bottom:18px}.ticket-info-pane h2{font-size:20px;color:#4a5b75;margin:0}.ticket-info-pane label{display:block;margin:12px 0 6px;color:#52647e;font-size:12px;font-weight:800;text-transform:uppercase}.status-badge{display:inline-flex;background:#ffe4e6;color:#dc2626;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:900}.mini-add{height:24px;border:1px solid #bcd0ff;border-radius:999px;background:#fff;color:#3f6df6;font-size:11px}.custom-fields{margin-top:12px;border:1px solid #dce7f7;border-radius:12px;padding:12px}.custom-head{display:flex;justify-content:space-between;color:#52647e;font-size:13px;font-weight:800;text-transform:uppercase;margin-bottom:10px}.empty-fields{height:230px;display:grid;place-items:center;text-align:center;color:#7e8fa8}.empty-fields div{font-size:66px;color:#cbd7e6}.empty-fields p{margin:0;font-size:18px}.empty-fields button{height:40px;border:1px solid #cfe0ff;border-radius:10px;background:#fff;color:#6f83a2;font-weight:800;padding:0 16px}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag-row span{background:#eef3f9;border-radius:999px;padding:4px 8px;font-size:12px}.resolution-card{border:1px solid #dce7f7;border-radius:12px;padding:12px}.resolution-card>div{display:flex;justify-content:space-between;margin-bottom:12px}.resolution-card span{background:#e2e9ff;color:#315de7;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.resolution-card section{display:grid;grid-template-columns:1fr 1fr;gap:8px}.resolution-card button{height:36px;border:0;border-radius:8px;font-weight:800}.resolution-card .win{background:#b8f3cc;color:#15803d}.resolution-card .lose{background:#ffc8c8;color:#b91c1c}.sla{border-top:1px solid #edf3fb;border-bottom:1px solid #edf3fb;padding:12px 0;margin:12px 0}.block-btn{width:100%;height:44px;border:0;border-radius:8px;background:#fde1e4;color:#ef4444;font-weight:800}@media(max-width:1200px){.chat-workspace,.ticket-detail-layout{grid-template-columns:1fr}.contact-panel,.ticket-info-pane{display:none}}