.support-workspace{max-width:1100px;min-width:0}.support-create{text-align:right}.support-create small{display:block;color:var(--muted);font-size:11px;margin-top:9px}.support-notice{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid color-mix(in srgb,var(--yellow) 30%,var(--line));background:color-mix(in srgb,var(--yellow) 7%,var(--white));border-radius:10px;font-size:12px;line-height:1.9;margin:18px 0}.support-notice svg{width:22px;height:22px}.support-list-panel{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:22px;min-width:0}.support-list-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.support-list-panel h2{font-size:23px;margin:0}.support-list-panel h2 small{font-size:12px;color:var(--muted);font-weight:400;margin-left:10px}.support-list-panel form{display:flex;gap:8px;max-width:100%;margin:0}.support-list-panel input{min-width:0;width:260px;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--ink)}.support-tabs{display:flex;border-bottom:1px solid var(--line);margin:14px 0;overflow-x:auto}.support-tabs button{border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);padding:13px 16px;white-space:nowrap;cursor:pointer;font:inherit;font-size:12px}.support-tabs button[aria-pressed=true]{border-color:var(--yellow);color:var(--ink);font-weight:700}.support-tabs b{margin-left:6px}.support-list{display:grid;gap:10px}.support-item{display:grid;grid-template-columns:30px minmax(0,1fr) 145px 110px 120px;align-items:center;gap:15px;border:1px solid var(--line);border-radius:10px;padding:18px}.support-item-icon svg{width:22px;height:22px}.support-subject{min-width:0}.support-subject strong{font-size:13px;overflow-wrap:anywhere}.support-subject p{margin:4px 0 0;font-size:12px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.support-item time{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:16px}.support-state{font-size:11px;text-align:center;border-radius:20px;padding:6px 10px;background:var(--paper);color:var(--muted)}.support-state.is-open{background:#e6f6eb;color:#237b43}.support-link{font-size:12px;text-align:right}.support-link span{margin-left:12px}.support-unavailable{font-size:11px;color:var(--muted);text-align:right}.support-list-panel footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px;color:var(--muted);font-size:11px}.support-empty{text-align:center;padding:35px 16px;color:var(--muted)}.support-back{display:inline-block;color:var(--muted);font-size:12px;margin-bottom:18px}.support-detail .order-chat-window{padding:16px;border-radius:14px}.support-detail .order-chat-top{padding:0 0 16px;border:0;flex-wrap:wrap}.support-detail #close-chat{border-color:#c85454;color:#c85454;margin:0;border-radius:8px;cursor:pointer}.support-detail .order-chat-badge{border-radius:8px}.support-detail #chat-messages{border:1px solid var(--line);border-radius:10px;background:var(--white);height:clamp(280px,40dvh,460px)}.support-detail #chat-send{padding:18px 0;border:0;margin-top:14px;border-top:1px solid var(--line)}.support-detail .chat-close-row{padding:16px 0 0}.support-detail .order-chat-compose textarea{min-width:0;background:var(--paper);border-radius:9px}.support-detail .order-chat-compose button{display:flex;align-items:center;gap:8px;border-radius:9px}.support-detail .order-chat-compose button svg{width:19px;height:19px}.support-detail .order-chat-message p{border-radius:14px 14px 14px 3px}.support-detail .order-chat-message.is-mine p{border-radius:14px 14px 3px 14px}.support-workspace [hidden]{display:none!important}
@media(max-width:700px){.support-workspace .order-chat-heading{align-items:flex-start;flex-direction:column}.support-create{text-align:left;width:100%}.support-list-panel{padding:14px}.support-list-panel>header{gap:14px}.support-list-panel form{width:100%}.support-list-panel input{width:100%;flex:1;font-size:16px}.support-item{grid-template-columns:24px minmax(0,1fr) auto;gap:10px;padding:14px}.support-item time{grid-column:2;border:0;padding:0}.support-state{grid-column:3;grid-row:1}.support-link,.support-unavailable{grid-column:3;grid-row:2}.support-tabs button{padding:12px 10px}.support-list-panel footer{flex-direction:column;gap:8px}.support-detail .order-chat-window{padding:12px}.support-detail .order-chat-top{gap:9px}.support-detail .order-chat-top #chat-status{margin-left:auto}.support-detail #close-chat{font-size:11px;padding:8px}.support-detail .order-chat-compose{flex-wrap:wrap}.support-detail .order-chat-compose textarea{flex-basis:100%}.support-detail .order-chat-compose button{margin-left:auto}.support-notice{padding:12px;font-size:11px}}

/* Responsive support inbox: aligned desktop rows, compact mobile cards. */
.support-index{margin:0 auto;width:100%;max-width:1100px}
.support-index .order-chat-kicker{display:none}
.support-index .order-chat-heading{padding:0;margin:0 0 16px;gap:20px;align-items:center}
.support-index h1{font-size:30px!important;line-height:1.4;margin:0 0 4px}
.support-index h1:before,.support-index h2:before{display:none!important}
.support-index .order-chat-heading p{margin:0;font-size:13px;color:var(--muted)}
.support-index .support-create .button{min-height:40px;border-radius:10px;padding:9px 18px;gap:8px}
.support-index .support-create small{font-size:10px;margin-top:6px}
.support-index .support-notice{margin:0 0 16px;padding:12px 16px;line-height:1.6;gap:10px}
.support-index .support-notice>span:first-child{flex:none;display:flex}
.support-index .support-list-panel{padding:18px;border-radius:12px}
.support-index .support-list-panel h2{display:flex;align-items:center;gap:8px;font-size:21px!important}
.support-index .support-list-panel h2 small{margin-left:4px;font-size:11px;white-space:nowrap}
.support-index [data-support-search] input{padding:9px 12px;font-size:12px}
.support-index [data-support-search] .button{background:var(--yellow);border-color:var(--yellow);color:#171717;min-height:38px;border-radius:9px;padding:8px 16px}
.support-index .support-tabs{margin:10px 0;gap:6px}
.support-index .support-tabs button{padding:10px 12px;border-radius:0;font-size:12px}
.support-table-heading{display:grid;grid-template-columns:minmax(0,1fr) 145px 110px 120px;gap:15px;background:var(--surface);padding:8px 12px;border-radius:8px;font-size:11px;color:var(--muted);font-weight:600}
.support-index .support-list{gap:0}
.support-index .support-item{grid-template-columns:30px minmax(0,1fr) 145px 110px 120px;padding:14px 12px;gap:15px;border:0;border-bottom:1px solid var(--line);border-radius:0}
.support-index .support-item-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface)}
.support-index .support-item-icon svg{width:18px;height:18px}
.support-index .support-item time{padding:0;border:0;font-size:11px}
.support-index .support-subject p{margin-top:2px}
.support-index .support-unavailable{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:10px}
.support-unavailable svg{width:15px;height:15px;flex:none}
.support-index .support-list-panel footer{margin:0;padding:12px 0 0;border:0;background:transparent}
.support-index .support-list-panel footer>small{display:none}
@media(max-width:700px){
 .support-index .order-chat-heading{gap:12px;align-items:stretch}
 .support-index h1{font-size:22px!important;margin:0 0 3px}
 .support-index .order-chat-heading p{font-size:11px}
 .support-index .support-create .button{width:100%}
 .support-index .support-create small{text-align:center;font-size:10px}
 .support-index .support-notice{font-size:11px;padding:10px 12px;align-items:flex-start}
 .support-index .support-list-panel{padding:10px}
 .support-index .support-list-panel>header{gap:10px}
 .support-index .support-list-panel h2{font-size:18px!important}
 .support-index .support-list-panel input{font-size:12px;min-width:0}
 .support-index .support-tabs{gap:0;justify-content:space-between}
 .support-index .support-tabs button{padding:9px 5px;font-size:10px}
 .support-index .support-tabs b{margin-left:4px}
 .support-table-heading{display:none}
 .support-index .support-list{gap:8px}
 .support-index .support-item{grid-template-columns:26px minmax(0,1fr) auto;gap:4px 8px;padding:10px 8px;border:1px solid var(--line);border-radius:10px}
 .support-index .support-item-icon{width:26px;height:26px;grid-row:1/3;align-self:start}
 .support-index .support-subject strong{font-size:10px}
 .support-index .support-subject p{font-size:10px;line-height:1.5}
 .support-index .support-item time{grid-column:2;grid-row:2;font-size:9px}
 .support-index .support-state{grid-column:3;grid-row:1;align-self:start;font-size:9px;padding:4px 8px}
 .support-index :is(.support-link,.support-unavailable){grid-column:3;grid-row:2;font-size:9px;gap:4px}
 .support-index .support-link span{margin-left:3px}
}

.support-index :is(#create-chat,h2)>.navigation-icon{width:21px;height:21px;flex:none}