.support-history-layout{display:flex;gap:0;margin-top:24px;align-items:flex-start;min-width:0}.support-history-layout>nav{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;width:100%;flex-shrink:0;min-width:0;transition:width .32s cubic-bezier(.2,.75,.25,1)}.support-history-layout.has-selection{gap:20px}.support-history-layout.has-selection>nav{width:240px;grid-template-columns:1fr;max-height:660px;overflow-y:auto;padding-right:4px}.support-history-card{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%;padding:20px;text-align:left;border:1px solid var(--border,#2b4650);border-radius:12px;background:rgba(0,0,0,.12);color:inherit;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.support-history-card:hover{border-color:#91e5cf;background:rgba(145,229,207,.06);transform:translateY(-2px)}.support-history-card:focus-visible{outline:2px solid #91e5cf;outline-offset:3px}.support-history-card[aria-pressed=true]{border-color:#91e5cf;background:rgba(145,229,207,.1)}.support-history-card-date{font-size:12px;color:var(--muted,#9fb3bc);line-height:1.5}.support-history-card-status{font-size:12px;color:#91e5cf}.support-history-card-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:14px;line-height:1.6;font-weight:400}.support-history-layout.has-selection .support-history-card-preview{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-history-detail{flex:1 1;min-width:0;animation:history-detail-enter .32s cubic-bezier(.2,.75,.25,1);transform-origin:left top}.support-history-back{margin-bottom:12px}@keyframes history-detail-enter{0%{transform:translateX(16px) scaleX(.96)}to{transform:translateX(0) scaleX(1)}}.support-history .support-message-log{max-height:450px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px;background:rgba(0,0,0,.1);border-radius:8px;margin-bottom:16px}.support-history .support-message-log article{max-width:90%;padding:12px;background:#19323b;border-radius:12px;align-self:flex-start;min-width:0}.support-history .support-message-log article[data-author=user]{align-self:flex-end;background:#91e5cf;color:#081720}.support-history .support-message-log small{display:block;font-size:11px;line-height:1.5;opacity:.7;margin-bottom:8px}.support-history .support-thinking-dots{display:inline-flex;gap:4px;margin-left:10px}.support-history .support-thinking-dots i{width:5px;height:5px;background:#91e5cf;border-radius:50%;animation:history-thinking 1.2s ease-in-out infinite}.support-history .support-thinking-dots i:nth-child(2){animation-delay:.15s}.support-history .support-thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes history-thinking{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.support-history .support-thinking-dots i,.support-history-detail{animation:none}.support-history-card,.support-history-layout>nav{transition:none}}.support-history .form-stack textarea{min-height:90px}@media(max-width:700px){.support-history-layout{flex-direction:column}.support-history-layout.has-selection>nav{width:100%;max-height:180px;grid-template-columns:1fr}.support-history-detail{width:100%}}.support-history .text-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;font-family:inherit;cursor:pointer;text-align:left}.support-history .text-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.support-history .text-link:disabled{opacity:.5;cursor:default}.support-history .button-row{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.support-history .support-reply-compose{display:flex;align-items:flex-end;gap:12px}.support-history .support-reply-compose>label{flex:1 1;min-width:0;margin:0}.support-history .support-reply-compose textarea{width:100%;min-width:0;resize:vertical}.support-history .support-reply-compose>button{flex:0 0 auto;width:auto;min-height:44px;margin:0}.support-history .support-message-log article{overflow-wrap:anywhere}.support-history .support-message-log article li,.support-history .support-message-log article p{color:inherit}.support-history .support-message-log article[data-author=staff]{border:1px solid #36545d}.support-history .support-message-log:empty{display:none}@media(max-width:480px){.support-history .support-reply-compose{align-items:stretch;flex-direction:column}.support-history .support-reply-compose>button{align-self:flex-end}}