.tr-inbox{flex-direction:column;gap:12px;font-size:13.5px;display:flex}.tr-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tr-head h4{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.tr-badge{color:#b5691a;background:#fff2df;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}.tr-link{color:#2f6fed;cursor:pointer;font:inherit;background:0 0;border:none;font-size:12.5px}.tr-skel{text-align:center;color:#98a2b3;background:#f7f8fa;border-radius:10px;padding:18px}.tr-state{border-radius:10px;padding:12px}.tr-bad{color:#b42318;background:#fdeceb}.tr-empty{color:#667085;text-align:center;background:#f7f8fa}.tr-closed{color:#667085;text-align:center;background:#f0f2f5}.tr-table{border-collapse:collapse;background:#fff;border:1px solid #eceef2;border-radius:12px;width:100%;overflow:hidden}.tr-table th{color:#667085;text-align:right;background:#f7f8fa;padding:9px 11px;font-size:12.5px;font-weight:600}.tr-table td{vertical-align:top;border-top:1px solid #f2f4f7;padding:10px 11px}.tr-table tr:hover td{background:#fafbfc}.tr-closed-row td{opacity:.6}.tr-msg-cell{white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.tr-chip{border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600}.tr-chip-new{color:#b5691a;background:#fff2df}.tr-chip-under_review{color:#1d5fd0;background:#e8f1ff}.tr-chip-closed{color:#127a3e;background:#e7f7ee}.tr-btn{font:inherit;cursor:pointer;background:#fff;border:1px solid #d8dee9;border-radius:8px;padding:6px 12px}.tr-btn:hover{color:#2f6fed;border-color:#2f6fed}.tr-primary{color:#fff;background:#2f6fed;border-color:#2f6fed}.tr-primary:hover{color:#fff}.tr-danger{color:#fff;background:#e5484d;border-color:#e5484d}.tr-danger:hover{color:#fff}.tr-backdrop{z-index:70;background:#10182866;justify-content:flex-start;display:flex;position:fixed;inset:0}.tr-drawer{background:#fff;flex-direction:column;width:min(480px,94vw);height:100%;display:flex;box-shadow:-8px 0 24px #1018281f}.tr-drawer-head{border-bottom:1px solid #eef1f4;justify-content:space-between;align-items:center;padding:16px;display:flex}.tr-drawer-head h3{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.tr-x{cursor:pointer;color:#98a2b3;background:0 0;border:none;font-size:22px;line-height:1}.tr-drawer-body{flex-direction:column;gap:14px;padding:16px;display:flex;overflow:auto}.tr-meta{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tr-meta div{flex-direction:column;font-size:12.5px;display:flex}.tr-meta span{color:#98a2b3}.tr-thread{flex-direction:column;gap:8px;display:flex}.tr-bubble{border-radius:12px;max-width:88%;padding:9px 12px;font-size:13.5px}.tr-bubble-who{color:#98a2b3;margin-bottom:3px;font-size:11px}.tr-driver{background:#f2f4f7;align-self:flex-start}.tr-staff{background:#e8f1ff;align-self:flex-end}.tr-resolved{background:#e7f7ee;border:1px solid #cdeed7;align-self:stretch}.tr-compose{border-top:1px solid #eef1f4;flex-direction:column;gap:8px;padding-top:12px;display:flex}.tr-compose textarea,.tr-resolve input{width:100%;font:inherit;resize:vertical;border:1px solid #d8dee9;border-radius:9px;padding:9px 11px}.tr-actions{justify-content:flex-end;display:flex}.tr-resolve{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tr-resolve input{flex:1;min-width:160px}