.support-filter-bar{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:24px 0 0;overflow-x:auto;scrollbar-width:thin}.support-filter-bar .btn{border:0;border-radius:0;background:transparent;color:var(--muted);padding:13px 0;border-bottom:2px solid transparent;white-space:nowrap;min-height:46px;gap:8px}.support-filter-bar .btn.active{border-bottom-color:var(--accent);color:var(--text)}.support-filter-bar .btn span{font-size:12px;color:var(--muted);font-weight:400}.support-layout{display:grid;grid-template-columns:minmax(245px,32%) minmax(0,1fr);align-items:start;min-height:520px}.support-inbox{min-width:0;padding:10px 22px 0 0;border-right:1px solid var(--line);align-self:stretch}.support-list-item{display:grid;width:100%;gap:8px;text-align:left;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);padding:20px 0;position:relative;min-height:132px}.support-list-item.is-selected{padding-left:12px;background:var(--selected-bg,var(--surface2))}.support-list-item.is-selected::before{content:"";position:absolute;inset:16px auto 16px 0;width:3px;background:var(--accent)}.support-list-item:hover{background:var(--surface2)}.support-list-top{display:flex;gap:12px;align-items:baseline;justify-content:space-between}.support-list-top strong{font-size:14px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.support-status{display:inline-flex;gap:5px;align-items:center;font-size:11px;white-space:nowrap;font-weight:500;color:var(--muted);flex:none}.support-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.support-status.is-open{color:var(--accent)}.support-status.is-in_progress{color:var(--warning,var(--orange))}.support-status.is-closed{color:var(--muted)}.support-list-preview{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-list-meta{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;justify-content:space-between}.support-list-person{font-size:12px;overflow-wrap:anywhere}.support-unread{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--accent);font-weight:500}.support-unread svg{width:13px;height:13px}.support-thread{min-width:0;padding:28px 0 0 30px}.support-thread-head{padding-bottom:22px;border-bottom:1px solid var(--line)}.support-thread-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.support-thread-meta>span{overflow-wrap:anywhere}.support-thread h2{font-size:23px;font-weight:500;line-height:1.35;overflow-wrap:anywhere;margin:12px 0 16px;letter-spacing:-.4px}.support-thread-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.support-thread-person{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:12px;color:var(--muted);flex-wrap:wrap;overflow-wrap:anywhere}.support-messages{padding:6px 0}.support-message{padding:22px 0;border-bottom:1px solid var(--line)}.support-message-by{display:flex;align-items:center;gap:9px}.support-message-by strong{font-size:13px;min-width:0;overflow-wrap:anywhere;font-weight:500}.support-message-by time{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap;flex:none}.support-author-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;color:var(--muted)}.support-author-mark svg{width:18px;height:18px}.support-message.is-staff .support-author-mark{color:var(--accent)}.support-message p{font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;padding-left:34px}.support-reply{display:grid;gap:10px;margin-top:25px}.support-reply>label{font-size:13px;font-weight:500}.support-reply textarea{resize:vertical;min-height:115px;max-height:360px;width:100%;line-height:1.6}.support-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:18px}.support-compose-foot>span{max-width:300px;font-size:11px;color:var(--muted);line-height:1.5}.support-close-option{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.support-close-option input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;accent-color:var(--accent);margin:0;flex:none}.support-closed-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px;font-size:13px;color:var(--muted)}.support-closed-note svg{width:20px;height:20px;flex:none}.support-closed-note p{flex:1;min-width:150px;margin:0;line-height:1.7}.support-no-thread{padding:100px 28px;text-align:center;color:var(--muted)}.support-no-thread>span svg,.support-empty>span svg{width:30px;height:30px;stroke-width:1.2;color:var(--accent)}.support-no-thread h2,.support-empty h2{font-size:18px;font-weight:500;color:var(--text);margin:18px 0 8px}.support-no-thread p,.support-empty p{font-size:13px;max-width:290px;margin:0 auto;line-height:1.7}.support-empty{padding:52px 10px;text-align:center}.support-empty .btn{margin-top:20px}.support-email-note,.support-mail-state{display:flex;align-items:start;gap:10px;color:var(--muted);font-size:12px;line-height:1.7;padding:24px 0}.support-email-note>svg,.support-mail-state>svg{width:17px;height:17px;flex:none;margin-top:2px}.support-email-note strong{font-weight:500;color:var(--text)}.support-email-note p{margin:5px 0;overflow-wrap:anywhere}.support-email-note .btn{padding:5px 0;min-height:34px}.support-mail-state div{display:grid;gap:4px;overflow-wrap:anywhere}.support-mail-state small{font-size:11px}.support-search{display:flex;gap:10px;max-width:440px;margin:20px 0}.support-search input{min-width:0;flex:1}.support-pagination{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);padding:18px 0}.support-pagination>span{flex:1}.support-pagination svg{width:17px;height:17px}.support-new-form{display:grid;gap:18px}.support-new-form label{display:grid;gap:8px;font-size:13px;font-weight:500}.support-new-form input,.support-new-form select,.support-new-form textarea{width:100%;font-weight:400;line-height:1.6}.support-new-form textarea{resize:vertical;min-height:160px}.support-new-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}.support-mobile-back{display:none!important}.support-compose-foot .btn{flex:none}
@media(max-width:1050px) and (min-width:761px){.support-layout{grid-template-columns:minmax(220px,38%) minmax(0,1fr)}.support-inbox{padding-right:18px}.support-thread{padding-left:22px}.support-list-top{flex-wrap:wrap;gap:4px}.support-message-by{flex-wrap:wrap}.support-message-by time{flex-basis:calc(100% - 34px);margin-left:34px}.support-compose-foot{flex-wrap:wrap}.support-thread h2{font-size:21px}}
@media(max-width:760px){.support-layout{grid-template-columns:minmax(0,1fr);min-height:0}.support-inbox{padding:4px 0;border-right:0}.support-thread{padding:22px 0 0}.support-no-thread{display:none}.support-layout.has-thread>.support-inbox{display:none}.support-mobile-back{display:inline-flex!important}.support-filter-bar{gap:20px;margin-top:10px}.support-list-item{min-height:118px}.support-list-top{gap:10px}.support-thread h2{font-size:22px}.support-message-by{flex-wrap:wrap}.support-message-by time{flex-basis:calc(100% - 34px);margin-left:34px}.support-compose-foot{flex-wrap:wrap;align-items:flex-start}.support-compose-foot>.btn{margin-left:auto}.support-closed-note{align-items:flex-start}.support-closed-note .btn{margin-left:32px}.support-new-foot{flex-wrap:wrap}.support-new-foot .btn.primary{flex:1}.support-new-foot .btn{font-size:13px}.support-thread-meta{align-items:baseline}.support-layout .support-email-note{padding-top:25px}.support-search{max-width:none}}
@media(prefers-reduced-motion:no-preference){.support-list-item{transition:background .12s ease}}
.support-search .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.support-search input{width:100%}.app-page .support-filter-bar .btn{border-radius:0;padding-inline:0;background:transparent;border-inline:0;border-top:0}.support-layout.has-thread .support-email-note{padding-bottom:8px}.support-inbox .support-email-note{padding-bottom:24px}
@media(max-width:760px){.app-page .support-filter-bar{gap:12px;justify-content:space-between}.app-page .support-filter-bar .btn{font-size:12px;gap:5px}.app-page .support-filter-bar .btn span{font-size:11px}}