.ticket-results{display:grid;gap:16px;margin-top:20px}.ticket-card{overflow:hidden;border:1px solid #dce6f2;border-radius:18px;background:#fff;box-shadow:0 14px 40px #18385c0c}.ticket-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid #edf1f6}.ticket-card h2{margin:0 0 5px;font-size:18px}.ticket-card header p{margin:0;color:#75859b;font-size:12px}.ticket-status{flex:none;padding:6px 10px;border-radius:999px;background:#eaf3ff;color:#116bd1;font-size:11px;font-weight:850;text-transform:capitalize}.ticket-facts{display:flex;flex-wrap:wrap;gap:8px;padding:13px 20px;background:#f8fbff}.ticket-facts span{padding:6px 9px;border:1px solid #e1eaf5;border-radius:8px;color:#566a85;font-size:11px}.ticket-messages{display:grid;gap:10px;padding:16px 20px}.ticket-message{padding:12px 14px;border:1px solid #e5edf6;border-radius:12px;background:#f9fbfe}.ticket-message.customer{background:#edf6ff;border-color:#d6e9ff}.ticket-message header{display:flex;justify-content:space-between;gap:10px;color:#526780;font-size:11px;font-weight:800}.ticket-message time{font-weight:500}.ticket-message p{margin:8px 0 0;color:#263b56;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-reply{padding:16px 20px;border-top:1px solid #edf1f6}.ticket-reply label{display:grid;gap:7px;color:#34465f;font-size:13px;font-weight:750}.ticket-reply textarea{min-height:90px}.ticket-reply button{justify-self:end;min-height:43px;padding:10px 16px;border:0;border-radius:11px;background:#1478e8;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.ticket-reply button:disabled{opacity:.6;cursor:wait}.ticket-reply-status{margin:0;color:#526780;font-size:12px}.ticket-page footer{padding-bottom:30px}@media(max-width:560px){.ticket-card>header{padding:15px}.ticket-messages,.ticket-reply{padding:13px 15px}.ticket-facts{padding:11px 15px}}