.support-root{color:#17253e}.support-page-heading h1{color:#102039}.support-operator-link{font-size:12px;color:#08775a;font-weight:700;white-space:nowrap}.support-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr);gap:22px;align-items:start}.support-list-panel,.support-thread{border:1px solid #dfe6ed;border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 8px 28px #17253e04}.support-filters{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:linear-gradient(120deg,#edf9f3,#f3f5ff);border-bottom:1px solid #dfe6ed}.support-filters label,.support-reply label,.support-thread-controls label{display:grid;gap:7px;min-width:0;font-size:12px;font-weight:650;color:#3c526d}.support-filters label:first-child{grid-column:1/-1}.support-filters input,.support-filters select,.support-pagination select,.support-thread-controls select,.support-reply textarea{width:100%;min-width:0;border:1px solid #d5dee8;border-radius:9px;background:#fff;padding:10px 11px;font:inherit;color:#17253e}.support-filters .btn{align-self:end}.support-filters .btn[type=submit]{background:#087b5d}.support-list-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#3b526d;font-size:12px}.support-refresh{width:32px;height:32px;border:1px solid #dce4ec;background:#fff;border-radius:8px;font-size:20px;color:#087b5d;cursor:pointer}.support-ticket-list{display:grid}.support-ticket{display:grid;gap:11px;text-align:left;width:100%;border:0;border-top:1px solid #edf0f4;border-left:3px solid transparent;background:#fff;padding:17px 19px;color:#1e334d;cursor:pointer;font:inherit}.support-ticket:hover{background:#f8fcfa}.support-ticket.selected{border-left-color:#0c9e75;background:#effaf5}.support-ticket>strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.support-ticket-top,.support-ticket-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.support-ticket-top>small,.support-ticket-meta,.support-ticket-store{font-size:11px;color:#5d728e}.support-ticket-meta{flex-wrap:wrap}.support-badge{display:inline-block;font-size:10px;font-weight:700;padding:5px 8px;border-radius:6px;white-space:nowrap;background:#edf1f8;color:#49617f}.support-status-open{background:#e9f4ff;color:#245c9c}.support-status-in_progress{background:#fff4d9;color:#795b0e}.support-status-resolved{background:#e7f8ee;color:#147249}.support-status-closed{background:#edf0f5;color:#5b6678}.support-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid #e7ecf1;font-size:11px;color:#506780}.support-pagination>label{display:flex;gap:8px;align-items:center}.support-pagination select{width:64px;padding:7px}.support-pagination>div{display:flex;align-items:center;gap:10px}.support-pagination button{width:30px;height:30px;border:1px solid #dce4ec;border-radius:7px;background:#fff;color:#176c55;cursor:pointer}.support-empty,.support-thread-empty{padding:45px 24px;text-align:center;color:#657894}.support-empty>span,.support-thread-empty>span{font-size:37px;color:#7fae9d}.support-empty h2,.support-thread-empty h2{font-size:18px;color:#263d58;margin:15px 0 9px}.support-empty p,.support-thread-empty p{font-size:13px;line-height:1.6;margin:0}.support-thread-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:23px 24px;background:#111c32;color:#fff}.support-thread-heading h2{font-size:20px;line-height:1.45;color:#fff;margin:8px 0 0;overflow-wrap:anywhere}.support-thread-number{font-size:11px;color:#b8c9df}.support-thread-heading p{font-size:12px;color:#c3d2e3;margin:6px 0 0}.support-thread-controls{padding:15px 24px;border-bottom:1px solid #e6ebf1}.support-thread-controls form{display:flex;align-items:end;gap:12px}.support-thread-controls select{min-width:150px}.support-messages{padding:22px 24px;display:grid;gap:17px;max-height:620px;overflow:auto}.support-message{background:#f3f6fa;border:1px solid #e3e9f0;border-radius:12px;padding:15px 16px;min-width:0}.support-message-operator{background:#edf9f3;border-color:#cfeadb}.support-message header{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;color:#576d89}.support-message header strong{color:#203a55;font-size:12px}.support-message header span{padding:3px 5px;border-radius:4px;background:#fff;color:#48617e;font-size:10px}.support-message time{margin-left:auto}.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.75;color:#263e58;margin:12px 0 0}.support-reply{padding:21px 24px;border-top:1px solid #e4eaf0;display:grid;gap:11px}.support-reply textarea{resize:vertical;line-height:1.6}.support-reply>p{font-size:11px;color:#5e748d;margin:0}.support-reply .btn{justify-self:start;background:#087b5d}.support-error{padding:14px 17px;margin-bottom:18px;color:#9b2436;background:#fff0f1;border:1px solid #f0cdd1;border-radius:10px;font-size:13px;line-height:1.6}.support-service-note,.support-thread-notice{padding:15px 18px;font-size:12px;line-height:1.7;background:#fff8e8;color:#6b571f;border:1px solid #e9dcb5;border-radius:10px;margin-bottom:18px}.support-thread-notice{margin:0 24px 24px}.support-form-note{font-size:12px;color:#5b718a;line-height:1.7}.support-root [hidden]{display:none!important}.support-root button:disabled{cursor:default;opacity:.5}.support-root button:focus-visible,.support-root select:focus-visible,.support-root input:focus-visible,.support-root textarea:focus-visible{outline:3px solid #0f9f76;outline-offset:3px}.support-operator-workspace{max-width:1450px}.support-root[aria-busy=true] .support-ticket-list{opacity:.65}@media(max-width:1100px){.support-layout{grid-template-columns:minmax(270px,.8fr) minmax(0,1fr);gap:16px}.support-thread-heading,.support-thread-controls,.support-reply{padding:18px}.support-messages{padding:18px}.support-thread-heading h2{font-size:18px}}@media(max-width:780px){.support-layout{grid-template-columns:1fr}.support-ticket-list{max-height:450px;overflow:auto}.support-operator-link{display:block;white-space:normal;max-width:90px;font-size:10px;line-height:1.35}.support-page-heading{gap:15px;flex-wrap:wrap}.support-page-heading>.btn{width:100%}.support-messages{max-height:550px}.support-thread-heading{flex-wrap:wrap}.support-thread-controls form{flex-wrap:wrap}.support-thread-controls label{flex:1}.support-filters{padding:16px}.support-pagination{padding:14px 16px}.support-ticket{padding:16px}.support-message time{width:100%;margin-left:0}.support-reply>.btn{width:100%;justify-self:stretch}.support-thread-notice{margin:0 18px 18px}.support-operator-workspace{padding-left:16px;padding-right:16px}}

/* Conversation controls and draft-safe owner reply. */
.support-root .support-thread-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.support-root .support-thread-controls form{margin:0;max-width:none}.support-root .support-reply,.support-root .support-filters{width:100%;max-width:none}.support-root .support-draft-note{color:#597567;font-size:11px;line-height:1.6}.support-root .support-message-operator{border-left:3px solid #16835e}.support-root .support-thread-controls>.btn{white-space:normal;min-height:36px}@media(max-width:520px){.support-root .support-thread-controls>.btn{width:100%;justify-content:center}.support-root .support-thread-controls form{width:100%}}

.support-unread{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;margin-left:7px;border-radius:20px;background:#148846;color:#fff;font-size:11px;font-weight:700;line-height:1;flex-shrink:0}.support-ticket .support-unread{float:right}
