.ticket-conversation-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:10px;padding:10px;margin-bottom:9px}.ticket-conversation-meta span{display:grid}.ticket-conversation-meta small{font-size:7px;color:#6d28d9;font-weight:900}.ticket-conversation-meta em{font-style:normal;font-size:8px;background:#ede9fe;color:#6d28d9;border-radius:999px;padding:6px 8px}.ticket-conversation{height:min(330px,42vh);overflow:auto;display:flex;flex-direction:column;gap:8px;background:#f1f5f9;border-radius:11px;padding:11px;margin-bottom:11px}.ticket-conversation article{max-width:82%;border-radius:11px;padding:9px 11px;box-shadow:0 2px 8px #0f172a0c}.ticket-conversation article.from-client{align-self:flex-start;background:#fff;border:1px solid #e2e8f0}.ticket-conversation article.from-support{align-self:flex-end;background:#ede9fe;border:1px solid #ddd6fe}.ticket-conversation article.internal{align-self:flex-end;background:#fff7ed;border:1px dashed #fb923c}.ticket-conversation article header{display:flex;justify-content:space-between;gap:12px;margin:0 0 5px}.ticket-conversation article header b{font-size:8px}.ticket-conversation article header small{font-size:7px;color:#64748b}.ticket-conversation article p{font-size:10px;line-height:1.5;white-space:pre-wrap;margin:0}.ticket-loading{text-align:center;color:#64748b;font-size:9px;margin:auto}.ticket-loading.error{color:#b91c1c}.support-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:11px}.support-kpis article{display:grid;background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:10px}.support-kpis small{font-size:7px;color:#64748b}.support-kpis b{font-size:18px}.support-v2 article{grid-template-columns:36px 1fr 210px auto}.support-v2 p{font-size:8px;color:#64748b;margin:4px 0 0}.ticket-priority{font-size:7px;border-radius:999px;padding:3px 6px}.ticket-priority.urgent{background:#fee2e2;color:#b91c1c}.ticket-priority.high{background:#ffedd5;color:#c2410c}.ticket-status-form{display:flex;gap:5px;align-items:end}.ticket-status-form label{display:grid;gap:3px;font-size:7px;color:#64748b}.ticket-status-form select{height:34px}.ticket-status-form button{height:34px}@media(max-width:800px){.support-kpis{grid-template-columns:1fr 1fr}.support-v2 article{grid-template-columns:34px 1fr}.ticket-status-form{grid-column:1/-1;display:grid;grid-template-columns:1fr auto}.ticket-status-form label{width:100%}.ticket-conversation article{max-width:94%}.ticket-conversation-meta{align-items:flex-start;flex-direction:column}}