.helpdesk-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.helpdesk-layout{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.5fr);gap:20px;align-items:start}
.helpdesk-queue{display:grid;gap:9px;min-width:0}
.helpdesk-ticket{display:flex;flex-direction:column;gap:7px;width:100%;background:#f8f9fb;border:1px solid #dbe0e8;border-radius:9px;padding:17px;text-align:left;cursor:pointer;color:#4d5b6f;font-size:.8125rem;line-height:1.6;min-width:0}
.helpdesk-ticket.selected{background:#eef2ff;border-color:#9babef}
.helpdesk-ticket:hover{border-color:#7d91e4}
.helpdesk-ticket>strong{font-size:.9375rem;color:#25344d;font-weight:700}
.helpdesk-ticket small{color:#65748d;font-size:.75rem}
.helpdesk-ticket-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:.75rem}
.helpdesk-ticket-top>.rich-tag{font-size:.6875rem}
.helpdesk-detail{background:#fff;border:1px solid #dbe1ea;border-radius:10px;padding:25px;min-width:0}
.helpdesk-detail-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;flex-wrap:wrap}
.helpdesk-detail-heading>div{min-width:0;flex:1 1 200px}
.helpdesk-detail h4{font-size:1.25rem;line-height:1.4;margin:5px 0 10px}
.helpdesk-detail-heading p:not(.overline){font-size:.8125rem;line-height:1.7}
.helpdesk-assignment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:19px 0 23px;margin:19px 0 0;border-top:1px solid #e5e9ef}
.helpdesk-field{display:grid;gap:5px;font-size:.8125rem;color:#667389;min-width:0}
.helpdesk-field strong{font-size:.875rem;font-weight:650;color:#344257}
.helpdesk-next{background:#f4f6fb;border-radius:7px;padding:19px;margin-top:19px}
.helpdesk-next>span{font-size:.75rem;font-weight:750;color:#4a608b}
.helpdesk-next p{font-size:.9375rem;line-height:1.8;margin-top:7px}
.helpdesk-trace{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:23px;color:#67768c;font-size:.75rem;line-height:1.7}
.helpdesk-trace strong{font-weight:650;color:#344a77}
.helpdesk-conversation{display:grid;gap:15px;margin-top:19px}
.helpdesk-conversation>div{padding:16px 18px;border:1px solid #e1e7ef;border-radius:8px;background:#f9fafc}
.helpdesk-conversation>div:last-child{background:#f3f6ff}
.helpdesk-conversation strong{font-size:.8125rem;color:#354861}
.helpdesk-conversation span{display:block;font-size:.6875rem;color:#788396;margin-top:3px}
.helpdesk-conversation p{font-size:.875rem;line-height:1.8;margin-top:10px}
@media(max-width:900px){.helpdesk-layout{grid-template-columns:1fr}.helpdesk-queue{grid-template-columns:repeat(2,minmax(0,1fr))}.helpdesk-detail{padding:23px}}
@media(max-width:520px){.helpdesk-queue{grid-template-columns:1fr}.helpdesk-stats{grid-template-columns:1fr;gap:10px}.helpdesk-assignment{grid-template-columns:1fr}.helpdesk-detail{padding:20px}.helpdesk-ticket>strong{font-size:1rem}.helpdesk-ticket-top>.rich-tag{font-size:.75rem}}
