.support-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.support-head h1{font-family:var(--font-display);letter-spacing:-.025em;margin:6px 0;font-size:30px;font-weight:650}.support-head p{margin:4px 0}.support-counts,.support-context,.support-controls,.support-compose-top,.support-pagination{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.support-counts{margin:20px 0}.support-counts button{border:1px solid var(--color-line);background:var(--color-panel);border-radius:12px;align-items:center;gap:10px;padding:14px 18px;display:flex}.support-counts strong{font-size:24px}.support-filters{grid-template-columns:2fr repeat(5,1fr);gap:10px;margin-bottom:20px;display:grid}.support-filters label,.support-controls label{text-transform:capitalize;gap:6px;font-size:12px;display:grid}.support-filters input,.support-filters select,.support-controls select,.support-compose select{border:1px solid var(--color-line);background:var(--color-panel);width:100%;min-width:0;color:inherit;border-radius:8px;padding:9px}.support-layout{grid-template-columns:minmax(250px,340px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.support-list,.support-conversation{border:1px solid var(--color-line);background:var(--color-panel);border-radius:16px;overflow:hidden}.support-row{text-align:left;border-bottom:1px solid var(--color-line);background:0 0;gap:10px;width:100%;padding:18px;display:grid}.support-row.selected{background:color-mix(in srgb,var(--accent) 10%,var(--color-panel));box-shadow:inset 3px 0 var(--accent)}.support-row>div,.support-ticket-heading,.support-message>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.support-row>strong{overflow-wrap:anywhere}.support-row>span,.support-row small,.support-message time{color:var(--color-muted);font-size:12px}.support-tag{background:color-mix(in srgb,var(--color-muted) 12%,transparent);white-space:nowrap;text-transform:capitalize;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:650;display:inline-flex}.support-tag.urgent{color:#e34267;background:#be123c20}.support-tag.high{color:#c2571f;background:#c2571f20}.support-tag.normal{color:var(--accent);background:#0f6e6320}.support-empty{text-align:center;color:var(--color-muted);padding:60px 24px}.support-empty svg{margin:auto auto 16px}.support-conversation>header{border-bottom:1px solid var(--color-line);padding:22px}.support-conversation h2{margin:12px 0;font-size:22px}.support-context{margin:16px 0;font-size:12px}.support-context a{color:var(--accent);align-items:center;gap:6px;display:inline-flex}.support-controls label{flex:1;min-width:120px}.support-messages{gap:12px;max-height:570px;padding:22px;display:grid;overflow-y:auto}.support-message{border:1px solid var(--color-line);border-radius:12px;min-width:0;margin-right:24px;padding:14px}.support-message.ops{background:color-mix(in srgb,var(--accent) 6%,var(--color-panel));margin-left:24px;margin-right:0}.support-message.internal{background:#c2571f0d;border-style:dashed}.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;line-height:1.6}.support-message strong{font-size:12px}.support-history{color:var(--color-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.support-compose{border-top:1px solid var(--color-line);padding:18px}.support-compose-top{justify-content:space-between;margin-bottom:12px;font-size:12px}.support-compose-top select{width:auto;max-width:180px}.support-compose textarea{resize:vertical;border:1px solid var(--color-line);background:var(--color-panel);width:100%;color:inherit;border-radius:10px;padding:12px}.support-compose footer{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.support-compose small{color:var(--color-muted);font-size:11px}.support-pagination{justify-content:space-between;padding:14px}.support-conversation>p[role=alert]{padding:12px 22px}@media (max-width:1100px){.support-filters{grid-template-columns:repeat(3,1fr)}.support-layout{grid-template-columns:280px minmax(0,1fr)}}@media (max-width:760px){.support-layout{grid-template-columns:1fr}.support-list{max-height:420px;overflow:auto}.support-filters{grid-template-columns:repeat(2,1fr)}.support-counts>span{width:100%}.support-compose footer{flex-direction:column;align-items:flex-start}.support-messages{padding:14px}.support-conversation>header{padding:16px}}