.chat-wrap{display:grid;grid-template-columns:320px 1fr;gap:var(--space-4);height:70vh}.ticket-list{border:1px solid #e5e7eb;border-radius:var(--radius);background:#fff;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr}.tabs{display:flex;gap:.5rem;padding:.7rem;border-bottom:1px solid #e5e7eb;align-items:center}.tab{padding:.5rem .8rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;cursor:pointer;font-size:.95rem}.tab.active,.tab:hover{background:#f6f7f9}.tickets{display:grid}.ticket{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:.7rem;cursor:pointer}.ticket:hover{background:#f8fafc}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;border:1px solid #e5e7eb;border-radius:var(--radius);background:#fff}.chat-header{display:flex;align-items:center;gap:.9rem;padding:.8rem 1rem;border-bottom:1px solid #e5e7eb}.peer{display:grid;grid-auto-flow:column;gap:.8rem;align-items:center}.peer img{width:42px;height:42px;border-radius:999px;object-fit:cover;background:#f3f4f6}.name{font-weight:700}.meta{font-size:.9rem;color:#6b7280}.messages{display:flex;flex-direction:column;gap:.45rem;padding:1rem .9rem;overflow:auto;background:#f8fafc;scroll-behavior:smooth;overscroll-behavior:contain}.msg{display:inline-block;width:fit-content;max-width:min(80%,48ch);padding:.6rem .8rem;border:1px solid #e5e7eb;border-radius:18px 18px 18px 6px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.03);white-space:pre-wrap;overflow-wrap:anywhere}.msg.me{align-self:flex-end;border-radius:18px 18px 6px;background:#2566b8;border-color:#2566b8;color:#fff}.msg.admin{background:#7f1d1d;border-color:#7f1d1d;color:#fff}.msg .time{display:block;font-size:.75rem;opacity:.7;margin-top:.25rem}.msg.me .time{opacity:.85;text-align:right}.chat-input{border-top:1px solid #e5e7eb;padding:.6rem;background:#fff}#msgInput{padding:.7rem .9rem;border:1px solid #e5e7eb;border-radius:12px}.hidden{display:none!important}.ticket.unread .t-title::after{content:"";display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:999px;background:#ef4444;vertical-align:middle}.messages .empty{align-self:center;justify-self:center;color:#94a3b8;font-size:.95rem;padding:1rem 1.25rem;border:1px dashed #e5e7eb;border-radius:12px;background:#fff}.chat-panel.inactive .chat-input button,.chat-panel.inactive .chat-input input{opacity:.55;pointer-events:none}.tickets{display:flex;flex-direction:column;align-items:stretch;overflow:auto}.ticket{grid-template-columns:44px minmax(0,1fr) auto;padding:.75rem;border-bottom:1px solid #f1f5f9}.ticket .main{min-width:0}.ticket .t-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.ticket .t-sub{color:#6b7280;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;margin-top:2px}.ticket .t-id{color:#94a3b8;font-size:.85rem;white-space:nowrap;padding-left:.25rem}.tickets .ticket:last-child{border-bottom:0}.ticket img{object-fit:cover;width:44px;height:44px;border-radius:999px;object-fit:cover;flex-shrink:0;background:#f3f4f6}.ticket.active{background:#eef2ff;box-shadow:inset 3px 0 0 #3b82f6}@media (max-width:1200px){.chat-wrap{grid-template-columns:300px 1fr}}@media (max-width:900px){.chat-wrap{grid-template-columns:1fr}.ticket-list{grid-template-rows:auto minmax(0,40vh)}}#msgForm{display:grid;grid-template-columns:1fr auto auto;gap:.6rem}.chat-panel.admin-mode .chat-header{background:#eff6ff}.chat-panel.admin-mode #adminInterveneBtn{outline:#93c5fd solid 2px}.chat-input button.secondary{border:1px solid #e5e7eb;border-radius:12px;padding:.6rem .9rem;background:#fff}.chat-panel.inactive .chat-input #adminInterveneBtn{pointer-events:auto;opacity:1}.admin-only.hidden{display:none!important}.team-list{overflow:auto;display:flex;flex-direction:column}.team-list .member{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;border-bottom:1px solid #f1f5f9;cursor:pointer}.team-list .member:hover{background:#f8fafc}.team-list .member img{width:44px;height:44px;border-radius:999px;object-fit:cover;background:#f3f4f6}.team-list .member .m-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.team-list .member .m-meta{color:#6b7280;font-size:.88rem;line-height:1.25}.team-list .member .badge{min-width:28px;height:22px;padding:0 8px;display:inline-grid;place-items:center;border-radius:999px;background:#ef4444;color:#fff;font-weight:700;font-size:.8rem}.inbox-notice{margin-left:auto;padding:.25rem .6rem;border-radius:10px;background:#fee2e2;color:#991b1b;font-weight:700;border:1px solid #fecaca}.msg.me+.msg.me,.msg:not(.me):not(.admin)+.msg:not(.me):not(.admin){margin-top:.2rem}.chat-panel,.chat-wrap,.ticket-list{min-height:0}.chat-panel{overflow:hidden}.messages{min-height:0;overflow-y:auto}