.support-page { min-width: 0;font-family:Inter,"Segoe UI",Arial,sans-serif; }
.support-page-heading { display:flex;align-items:center;gap:12px;margin-bottom:20px; }
.support-page-heading>div { flex:1;min-width:0; }
.support-page-heading h2 { margin:5px 0;font-size:30px; }
.support-page-heading p { margin:0;color:var(--muted);font-size:13px; }
.support-workspace { display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);height:calc(100dvh - 250px);min-height:560px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow); }
.support-inbox { display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--line);background:#fbfcfa; }
.support-inbox-tools { display:grid;gap:10px;padding:18px;border-bottom:1px solid var(--line); }
.support-page input,.support-page select,.support-page textarea { width:100%;min-width:0;max-width:100%;font-size:14px;padding:12px;border:1px solid #dce3dd;border-radius:11px;background:#fff;color:var(--ink); }
.support-page input:focus,.support-page select:focus,.support-page textarea:focus { outline:2px solid #f7c1aa;outline-offset:1px; }
.support-list { flex:1;min-height:0;overflow:auto;overscroll-behavior:contain; }
.support-request { display:block;width:100%;border:0;border-bottom:1px solid var(--line);padding:18px;text-align:left;background:transparent;cursor:pointer;color:var(--ink); }
.support-request:hover { background:#f1f5f1; }
.support-request.is-selected { background:#fff1e9;box-shadow:inset 3px 0 var(--orange); }
.support-request-meta { display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted); }
.support-request-subject { display:flex;justify-content:space-between;gap:8px;margin:9px 0 4px;font-weight:750;font-size:15px;overflow-wrap:anywhere; }
.support-request-merchant { display:block;font-size:11px;color:var(--muted); }
.support-request-preview { display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--muted);margin:7px 0 12px; }
.support-status { display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 10px;border-radius:99px;line-height:1.4;font-size:11px;font-weight:700;white-space:nowrap;background:var(--blue);color:#fff; }
.support-status::before { content:'';flex:0 0 8px;height:8px;width:8px;border:1px solid currentColor;border-radius:50%;background:transparent; }
.support-waiting_merchant { background:#f59b00; }.support-resolved { background:var(--green); }
.support-count,.support-unread { display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;border-radius:99px;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:750;flex-shrink:0; }
.support-unread[hidden] { display:none; }.support-unread { margin-left:3px; }
#support-list-footer:not(:empty) { padding:12px;border-top:1px solid var(--line);text-align:center; }
.support-thread { min-width:0;min-height:0;overflow:hidden; }
#support-thread-content { display:flex;flex-direction:column;height:100%;min-height:0; }
.support-thread-header { padding:20px 24px;border-bottom:1px solid var(--line);flex-shrink:0; }
.support-thread-header h3 { margin:9px 0 5px;font-size:21px;overflow-wrap:anywhere; }
.support-thread-header p { margin:6px 0 0;font-size:12px;color:var(--muted); }
.support-thread-top { display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted); }
.support-thread-top>button:first-child { display:none; }
.support-refresh { margin-left:auto;border:1px solid var(--line);border-radius:9px;background:white;width:32px;height:32px;font-size:20px;color:var(--muted);cursor:pointer; }
.support-thread-controls { display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px; }
.support-thread-controls .button { padding:8px 12px;min-height:34px;font-size:11px; }
.support-assignee { display:flex;align-items:center;gap:7px;margin-left:auto;font-size:11px;color:var(--muted); }
.support-assignee select { width:160px;padding:8px;font-size:11px; }
.support-record-link { display:inline-block;margin-top:10px;padding:0;border:0;background:none;color:#b34b20;text-decoration:underline;font-size:12px;cursor:pointer;overflow-wrap:anywhere; }
.support-messages { flex:1;min-height:80px;overflow:auto;padding:24px;overscroll-behavior:contain;background:#f9fbf8;display:flex;flex-direction:column;gap:16px; }
.support-message { border:1px solid #e1e7df;background:#fff;border-radius:14px 14px 14px 4px;padding:14px 16px;width:fit-content;max-width:88%;box-shadow:0 2px 4px #17231f04;flex-shrink:0; }
.support-message.is-own { align-self:flex-end;background:#eef5ef;border-color:#d7e5d9;border-radius:14px 14px 4px 14px; }
.support-message.is-internal { background:#fff6df;border-color:#efce7f; }
.support-message header { display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:12px; }.support-message header span { color:var(--muted);font-size:10px; }
.support-message p { white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;margin:8px 0; }
.support-message footer { font-size:10px;color:var(--muted);margin-top:8px;text-align:right; }
.support-event { align-self:center;max-width:100%;text-align:center;padding:3px 12px;color:var(--muted);font-size:11px;flex-shrink:0; }
.support-event small { display:block;font-size:10px;margin-top:3px; }.support-event.is-internal { color:#88640f; }
.support-compose { flex-shrink:0;padding:15px 22px;border-top:1px solid var(--line);background:#fff; }
.support-compose textarea { display:block;resize:vertical;min-height:65px;max-height:160px; }
.support-compose-tools { display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap; }
.support-compose-tools>.button { margin-left:auto;min-height:38px;font-size:12px;padding:10px 17px; }
.support-attach { display:inline-flex;align-items:center;position:relative;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:12px;font-weight:650;cursor:pointer;overflow:hidden; }
.support-attach input { position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;padding:0; }
.support-note-mode select { font-size:11px;padding:10px; }
.support-file-hint { display:block;color:var(--muted);font-size:10px;margin-top:10px;line-height:1.4; }
.support-internal-compose { background:#fff9e9; }.support-internal-compose textarea { border-color:#dfbc60; }
.support-send-message { font-size:12px;color:#a93e35;margin:8px 0 0; }.support-send-message:empty { display:none; }
.support-draft-files { list-style:none;padding:0;margin:0; }.support-draft-files li { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;border:1px solid var(--line);border-radius:9px;padding:6px 10px;font-size:12px;overflow-wrap:anywhere; }
.support-draft-files small { color:var(--muted); }.support-draft-files .button { padding:5px 10px;min-height:28px; }
.support-file { display:flex;align-items:center;gap:8px;border:1px solid #d9e1d9;border-radius:10px;padding:9px;margin-top:9px;max-width:100%;flex-wrap:wrap; }
.support-file>span:nth-child(2) { flex:1;min-width:60px;overflow-wrap:anywhere; }.support-file strong { font-size:12px;display:block; }.support-file small { font-size:10px;color:var(--muted);display:block;margin-top:3px; }
.support-file .button { font-size:10px;padding:7px 9px;min-height:30px; }
.support-empty { margin:auto;padding:35px 24px;text-align:center;color:var(--muted);max-width:390px; }
.support-empty svg { width:44px;height:44px;color:var(--orange);padding:8px;background:var(--orange-soft);border-radius:12px; }.support-empty h3 { font-size:18px;color:var(--ink);margin:14px 0 8px; }.support-empty p { font-size:13px;line-height:1.7;margin:0; }
.support-alert { padding:12px 16px;background:var(--green-soft);border-radius:10px;margin-bottom:12px;font-size:13px; }.support-alert.is-error { background:var(--red-soft);color:#973d3e; }
.support-create { flex:1;overflow:auto;overscroll-behavior:contain;padding:22px 24px; }
.support-create label:not(.support-attach) { display:block;font-size:12px;font-weight:650; }.support-create label small { color:var(--muted);font-weight:400; }.support-create label>input,.support-create label>select { margin-top:7px; }
.support-form-row { display:grid;grid-template-columns:1fr 170px;gap:14px;margin:16px 0; }.support-related-fields { display:grid;gap:12px;margin-bottom:20px; }.support-create label[hidden] { display:none; }
.support-guides { padding:22px 24px;overflow:auto;overscroll-behavior:contain; }.support-guides details { border:1px solid var(--line);border-radius:12px;padding:17px;margin-bottom:12px; }.support-guides summary { font-size:14px;font-weight:700;cursor:pointer; }.support-guides p { font-size:13px;line-height:1.8;color:var(--muted); }.support-guide-tools { display:flex;gap:10px;flex-wrap:wrap; }
#support-image-preview { width:min(800px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px; }#support-image-preview header { display:flex;align-items:center;justify-content:space-between;gap:12px; }#support-image-preview h2 { font:700 17px sans-serif;margin:0; }#support-image-preview img { display:block;max-width:100%;max-height:65dvh;margin:16px auto;object-fit:contain; }#support-image-preview p { font-size:12px;overflow-wrap:anywhere; }
.support-page button:focus-visible { outline:2px solid var(--blue);outline-offset:-3px; }
@media(max-width:1100px){.support-workspace { grid-template-columns:280px minmax(0,1fr); }.support-assignee { margin-left:0; }.support-compose-tools { gap:7px; }}
/* Support uses one viewport and one content scroller on mobile. */
.support-mobile-bar { display:none; }
.support-compose [type="submit"] svg { display:none; }
.support-history { flex:1;min-height:0;position:relative;overflow:hidden; }
.support-history .support-messages { height:100%;min-height:0; }
.support-jump { position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:10px 16px;border:1px solid #dce4dc;border-radius:99px;background:#fff;color:#305b44;font-size:12px;font-weight:700;box-shadow:0 4px 16px #17231f18;cursor:pointer;white-space:nowrap; }
.support-jump[hidden] { display:none; }
html.support-mobile-open,html.support-mobile-open body { height:100%;overflow:hidden;overscroll-behavior:none; }
html.support-mobile-open body { position:fixed;inset:0;width:100%; }
html.support-mobile-open #mobile-topbar,html.support-mobile-open #mobile-bottom-nav { display:none !important; }
html.compact-device.support-mobile-open .support-page.active {
 display:flex;flex-direction:column;position:fixed;z-index:30;top:var(--support-mobile-top,0px);left:0;right:0;
 height:var(--support-mobile-height,100dvh);max-height:none;margin:0;padding:env(safe-area-inset-top) 0 0;
 background:#fff;overflow:hidden;overscroll-behavior:none;animation:none;transform:none;
}
html.compact-device .support-mobile-bar { display:flex;align-items:center;flex-shrink:0;gap:10px;min-height:64px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left));border-bottom:1px solid #e5eae5;background:#fff; }
.support-mobile-back,.support-mobile-options { display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:12px;background:transparent;color:#b84922;font-family:inherit;font-size:13px;font-weight:700;line-height:1.3;cursor:pointer; }
.support-mobile-back { gap:1px; }.support-mobile-back svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.support-mobile-options { background:#f5f7f3;color:#45614d;font-size:18px;letter-spacing:1px; }
.support-mobile-options[hidden] { display:none; }
.support-mobile-title { flex:1;min-width:0; }
.support-mobile-title h2 { margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:inherit;font-size:16px;font-weight:750;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere; }
#support-mobile-subtitle { display:block;margin-top:3px;font-size:11px;line-height:1.35;color:#68756c; }
#support-mobile-subtitle:empty { display:none; }
html.compact-device .support-page-heading { display:none; }
html.compact-device .support-list-open .support-page-heading { display:flex;align-items:center;gap:10px;flex-shrink:0;margin:0;padding:18px 16px 16px; }
html.compact-device .support-page-heading>div { flex:1;min-width:0; }
html.compact-device .support-page-heading .eyebrow,html.compact-device .support-page-heading [data-support-help],html.compact-device .support-page-heading p { display:none; }
html.compact-device .support-page-heading h2 { font-size:20px;margin:0; }
html.compact-device .support-page-heading [data-support-new] { min-height:44px;padding:12px 14px;font-size:12px;white-space:nowrap;border-radius:12px;box-shadow:none; }
html.compact-device .support-page .support-workspace,html.compact-device body.support-keyboard .support-page .support-workspace.support-detail-open {
 display:block;flex:1;min-height:0;height:auto;width:100%;border:0;border-radius:0;box-shadow:none;overflow:hidden;
}
html.compact-device .support-inbox { height:100%;min-height:0;border:0;background:#fff; }
html.compact-device .support-inbox-tools { display:flex;gap:8px;flex-shrink:0;padding:0 16px 14px;background:#fff; }
html.compact-device .support-search { flex:1;min-width:0; }
html.compact-device .support-inbox-tools>label:last-child { width:135px;flex-shrink:0; }
html.compact-device .support-inbox-tools input,html.compact-device .support-inbox-tools select { min-height:44px;font-size:16px;padding:10px;border-radius:12px; }
html.compact-device .support-list { padding:0 max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));scrollbar-width:thin; }
html.compact-device #support-list-footer:not(:empty) { padding-bottom:max(12px,env(safe-area-inset-bottom)); }
html.compact-device .support-request { padding:16px;margin-bottom:10px;border:1px solid #e4e9e3;border-radius:16px;background:#fff; }
html.compact-device .support-request.is-selected { box-shadow:none; }
html.compact-device .support-request-meta { font-size:11px; }.support-request-meta time { white-space:nowrap; }
html.compact-device .support-request-subject { font-size:16px;line-height:1.4; }
html.compact-device .support-request-merchant { font-size:12px; }
html.compact-device .support-request-preview { font-size:13px;margin:8px 0 12px; }
html.compact-device .support-thread { display:none;height:100%; }
html.compact-device .support-detail-open .support-inbox { display:none; }
html.compact-device .support-detail-open .support-thread { display:block; }
html.compact-device #support-thread-content { overflow:hidden; }
html.compact-device .support-conversation-open .support-thread-header { display:none; }
html.compact-device .support-conversation-open.support-info-open .support-thread-header { display:block;padding:12px 16px;background:#f7f9f5; }
html.compact-device .support-conversation-open .support-thread-top,html.compact-device .support-conversation-open .support-thread-header h3 { display:none; }
html.compact-device .support-thread-header p { font-size:13px;line-height:1.5;margin:0;color:#627065; }
html.compact-device .support-thread-controls { gap:8px;margin-top:10px; }
html.compact-device .support-thread-controls .button { min-height:40px;padding:9px 12px;font-size:12px; }
html.compact-device .support-assignee { display:flex;align-items:center;gap:8px;flex-basis:100%;margin:0;font-size:12px; }
html.compact-device .support-assignee select { flex:1;width:auto;padding:9px;font-size:16px;min-height:44px; }
html.compact-device .support-history { background:#f2f5ef; }
html.compact-device .support-messages { min-height:0;padding:18px max(12px,env(safe-area-inset-right)) 18px max(12px,env(safe-area-inset-left));gap:14px;background:#f2f5ef;scroll-padding:16px;scrollbar-width:thin; }
html.compact-device .support-message { max-width:89%;padding:12px 14px;border-radius:17px 17px 17px 5px;box-shadow:0 1px 2px #19251a05; }
html.compact-device .support-message.is-own { border-radius:17px 17px 5px 17px;background:#e3eedf;border-color:#d5e3d2; }
html.compact-device .support-message.is-internal { background:#fff4d9;border-color:#ebd398; }
html.compact-device .support-message p { font-size:15px;line-height:1.6;margin:7px 0; }
html.compact-device .support-message header { display:block;font-size:12px; }
html.compact-device .support-message header span { display:block;margin-top:2px;font-size:10px; }
html.compact-device .support-message footer { font-size:10px; }
html.compact-device .support-event { font-size:11px;line-height:1.5;padding:5px 12px; }
html.compact-device .support-compose { flex-shrink:0;margin:0;padding:10px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#fff;border-top:1px solid #dfe6dc; }
html.compact-device .support-compose .support-compose-fields { display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"mode mode" "files files" "attach attach" "message send" "error error";column-gap:8px;align-items:end; }
html.compact-device .support-compose textarea { grid-area:message;width:100%;min-height:48px;height:48px;max-height:112px;resize:none;overflow-y:hidden;font-size:16px;line-height:1.4;padding:11px 13px;background:#f5f7f3;border:1px solid #e1e7de;border-radius:24px; }
html.compact-device .support-compose-tools { display:contents; }
html.compact-device .support-compose-tools>.button { grid-area:send;width:44px;height:44px;min-height:44px;margin:0;padding:10px;border-radius:50%;box-shadow:none; }
html.compact-device .support-compose-tools>.button>span { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
html.compact-device .support-compose-tools>.button svg { display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
html.compact-device .support-compose-tools .support-note-mode { grid-area:mode;display:block;margin-bottom:8px;max-width:100%;width:fit-content;min-width:0; }
html.compact-device .support-note-mode select { width:auto;max-width:100%;min-height:36px;padding:7px 32px 7px 10px;font-size:16px;border-radius:10px;background:#f4f7f2; }
html.compact-device .support-compose .support-attach { grid-area:attach;justify-self:start;margin-bottom:8px;font-size:12px;min-height:36px;padding:8px 10px; }
html.compact-device .support-compose .support-draft-files { grid-area:files;margin-bottom:8px; }
html.compact-device .support-compose .support-draft-files:empty { display:none; }
html.compact-device .support-compose .support-file-hint { display:none; }
html.compact-device .support-compose .support-send-message { grid-area:error;margin-top:8px;font-size:12px;line-height:1.4;margin:0; }
html.compact-device .support-internal-compose { background:#fff9e9; }
html.compact-device .support-internal-compose textarea { background:#fff8e8;border-color:#e6cf97; }
html.compact-device .support-alert { flex-shrink:0;margin:0;border-radius:0;padding:10px 16px;font-size:12px;max-height:80px;overflow:auto; }
html.compact-device .support-new-open #support-thread-content { overflow-y:auto;overscroll-behavior:contain;scroll-padding:16px; }
html.compact-device .support-new-open .support-thread-header,html.compact-device .support-help-open .support-thread-header { padding:18px 18px 0;border:0; }
html.compact-device .support-new-open .support-thread-header>button,html.compact-device .support-help-open .support-thread-header>button,
html.compact-device .support-new-open .support-thread-header .eyebrow,html.compact-device .support-help-open .support-thread-header .eyebrow,
html.compact-device .support-new-open .support-thread-header h3,html.compact-device .support-help-open .support-thread-header h3 { display:none; }
html.compact-device .support-new-open .support-create { flex:none;overflow:visible;padding:18px max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left)); }
html.compact-device .support-create label { font-size:13px; }
html.compact-device .support-form-row { grid-template-columns:1fr;gap:16px; }
html.compact-device .support-create input,html.compact-device .support-create select,html.compact-device .support-create textarea { font-size:16px;min-height:48px; }
html.compact-device .support-create textarea { min-height:120px; }
html.compact-device .support-create>.support-compose-fields { margin-top:14px; }
html.compact-device .support-create .support-compose-tools { display:flex;gap:8px; }
html.compact-device .support-create .support-compose-tools>.button { width:100%;min-height:48px;justify-content:center;box-shadow:none; }
html.compact-device .support-create .support-file-hint { display:none; }
html.compact-device .support-help-open .support-thread-header { flex-shrink:0; }
html.compact-device .support-guides { flex:1;min-height:0;padding:18px max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left)); }
html.compact-device .support-guides details { padding:16px;margin-bottom:12px;border-radius:14px; }
html.compact-device .support-guides p { font-size:14px; }
html.compact-device .support-guide-tools { flex-direction:column; }
html.compact-device .support-guide-tools>.button { min-height:44px; }
html.compact-device body.support-keyboard .support-info-open .support-thread-header { display:none; }
html.compact-device body.support-keyboard .support-mobile-bar { min-height:54px;padding-top:4px;padding-bottom:4px; }
html.compact-device body.support-keyboard .support-compose { padding-bottom:8px; }
html.compact-device body.support-keyboard .support-mobile-title h2 { -webkit-line-clamp:1; }
html.compact-device body.support-keyboard #support-mobile-subtitle { display:none; }

/* Keep the conversation, rather than its controls, as the desktop focal point. */
html:not(.compact-device) .support-workspace { height:var(--support-desktop-available,calc(100dvh - 210px));min-height:360px; }
html:not(.compact-device) .support-page-heading { margin-bottom:14px; }
html:not(.compact-device) .support-page-heading .eyebrow { display:none; }
html:not(.compact-device) .support-page-heading h2 { font-size:26px;margin:0 0 4px; }
html:not(.compact-device) .support-conversation-open .support-thread-header { display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,46%);gap:3px 18px;padding:12px 20px; }
html:not(.compact-device) .support-conversation-open .support-thread-top { grid-column:1;grid-row:1; }
html:not(.compact-device) .support-conversation-open .support-thread-header h3 { grid-column:1;grid-row:2;font-size:20px;line-height:1.25;margin:0; }
html:not(.compact-device) .support-conversation-open .support-thread-header p { grid-column:1;grid-row:3;margin:0;font-size:12px; }
html:not(.compact-device) .support-conversation-open .support-refresh { margin-left:6px;width:26px;height:26px;font-size:17px; }
html:not(.compact-device) .support-conversation-open .support-thread-controls { grid-column:2;grid-row:1 / span 3;justify-content:flex-end;align-content:center;gap:8px;margin:0; }
html:not(.compact-device) .support-thread-controls .support-assignee { flex-basis:100%;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px; }
html:not(.compact-device) .support-assignee select { width:190px;font-size:12px; }
html:not(.compact-device) #support-related-link { grid-column:1 / -1; }
html:not(.compact-device) .support-compose { padding:10px 18px; }
html:not(.compact-device) .support-compose textarea { height:54px;min-height:54px;max-height:120px;font-size:15px; }
html:not(.compact-device) .support-compose-tools { margin-top:8px; }
html:not(.compact-device) .support-compose-tools .support-note-mode { flex:none;width:220px; }
html:not(.compact-device) .support-files-disabled .support-compose .support-file-hint { display:none; }
html:not(.compact-device) .support-message { max-width:min(82%,760px); }
html:not(.compact-device) .support-message p { font-size:16px;line-height:1.65; }
html:not(.compact-device) .support-message header { font-size:13px; }
html:not(.compact-device) .support-message header span,html:not(.compact-device) .support-message footer { font-size:11px; }
@media(max-width:1050px){html:not(.compact-device) .support-conversation-open .support-thread-header { grid-template-columns:1fr; }html:not(.compact-device) .support-conversation-open .support-thread-controls { grid-column:1;grid-row:4;justify-content:flex-start; }html:not(.compact-device) .support-thread-controls .support-assignee { flex-basis:auto;margin-left:0; }}

/* Desktop keeps its app navigation while the inbox and history own scrolling. */
html.support-desktop-open,html.support-desktop-open body { height:100%;overflow:hidden;overscroll-behavior:none; }
html.support-desktop-open body { position:fixed;inset:0;width:100%; }
html.support-desktop-open .app-shell { height:100dvh;min-height:0;overflow:hidden; }
html.support-desktop-open .main { height:var(--support-desktop-main-height,100dvh);display:flex;flex-direction:column;min-height:0;overflow:hidden; }
html.support-desktop-open .module-bar { flex-shrink:0; }
html.support-desktop-open .content { display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;width:100%;max-width:none;margin:0;padding:20px 24px;overflow:hidden; }
html.support-desktop-open .support-page.active { display:flex;flex-direction:column;flex:1;min-height:0;margin:0;animation:none; }
html.support-desktop-open .support-page-heading,html.support-desktop-open .support-alert { flex-shrink:0; }
html.support-desktop-open .support-workspace { flex:1;height:auto;min-height:0; }
html.support-desktop-open .sidebar { min-height:0; }
html.support-desktop-open .sidebar .brand,html.support-desktop-open .sidebar-label,html.support-desktop-open .sidebar-bottom { flex-shrink:0; }
html.support-desktop-open .sidebar .nav-list { min-height:0;overflow-y:auto;overscroll-behavior:contain; }
html.support-desktop-open .support-inbox-tools { flex-shrink:0; }
html.support-desktop-open .support-messages { padding:24px;gap:16px; }
html.support-desktop-open .support-compose { padding:12px 18px; }
html.support-desktop-open .support-compose-fields { display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mode mode" "files files" "attach attach" "message send" "error error";column-gap:10px;align-items:end; }
html.support-desktop-open .support-compose textarea { grid-area:message;min-height:48px;height:48px;max-height:112px;padding:12px 15px;resize:none;overflow-y:hidden;background:#f7f9f5;border-radius:16px;font-size:15px;line-height:1.5; }
html.support-desktop-open .support-compose-tools { display:contents; }
html.support-desktop-open .support-compose-tools>.button { grid-area:send;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;margin:0;padding:12px 18px;border-radius:14px;box-shadow:none; }
html.support-desktop-open .support-compose-tools>.button svg { display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
html.support-desktop-open .support-compose-tools .support-note-mode { grid-area:mode;max-width:100%;width:220px;margin-bottom:8px; }
html.support-desktop-open .support-note-mode select { padding:8px 10px;font-size:12px;border-radius:10px;background:#f5f8f2; }
html.support-desktop-open .support-compose .support-draft-files { grid-area:files;margin-bottom:8px; }
html.support-desktop-open .support-compose .support-draft-files:empty { display:none; }
html.support-desktop-open .support-compose .support-attach { grid-area:attach;justify-self:start;margin-bottom:8px; }
html.support-desktop-open .support-compose .support-send-message { grid-area:error; }
html.support-desktop-open .support-internal-compose { background:#fff9e9; }
html.support-desktop-open .support-internal-compose textarea { background:#fff8e8; }
/* Desktop actions remain visible without expanding a details menu. */
html.support-desktop-open .support-thread { container-type:inline-size; }
html.support-desktop-open .support-conversation-open .support-thread-header { grid-template-columns:minmax(0,1fr) minmax(270px,auto);gap:4px 16px;padding:12px 18px; }
html.support-desktop-open .support-conversation-open .support-thread-top { grid-column:1;grid-row:1; }
html.support-desktop-open .support-conversation-open .support-refresh { margin-left:6px; }
html.support-desktop-open .support-conversation-open .support-thread-header h3 { grid-column:1;grid-row:2; }
html.support-desktop-open .support-conversation-open .support-thread-header p { grid-column:1;grid-row:3;align-self:center; }
html.support-desktop-open .support-conversation-open .support-thread-controls { grid-column:2;grid-row:1 / span 3;justify-content:flex-end;align-content:center; }
html.support-desktop-open .support-thread-controls>.button { display:inline-flex; }
html.support-desktop-open .support-thread-controls .support-assignee { display:flex;flex-basis:100%;margin-left:0;justify-content:flex-end; }
@container(max-width:640px){
 html.support-desktop-open .support-conversation-open .support-thread-header { grid-template-columns:minmax(0,1fr); }
 html.support-desktop-open .support-conversation-open .support-thread-controls { grid-column:1;grid-row:4;justify-content:flex-start; }
 html.support-desktop-open .support-thread-controls .support-assignee { justify-content:flex-start; }
}
html.support-desktop-open .support-compose-fields:has(.support-note-mode) { grid-template-columns:minmax(140px,200px) minmax(0,1fr) auto;grid-template-areas:"files files files" "attach attach attach" "mode message send" "error error error"; }
html.support-desktop-open .support-compose-tools .support-note-mode { width:100%;margin-bottom:0; }
html.support-desktop-open .support-note-mode select { min-height:48px; }
@container(max-width:600px){
 html.support-desktop-open .support-compose-fields:has(.support-note-mode) { grid-template-columns:140px minmax(0,1fr) 48px; }
 html.support-desktop-open .support-compose-tools>.button { width:48px;padding:12px; }
 html.support-desktop-open .support-compose-tools>.button>span { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
}
html.support-desktop-open .support-request { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 14px; }
html.support-desktop-open .support-request-meta { grid-column:1 / -1; }
html.support-desktop-open .support-request-subject { grid-column:1 / -1;margin:2px 0;font-size:14px;line-height:1.35; }
html.support-desktop-open .support-request-merchant { grid-column:1;grid-row:3;align-self:center; }
html.support-desktop-open .support-request-preview { grid-column:1;grid-row:4;margin:0;min-width:0;font-size:12px; }
html.support-desktop-open .support-request>.support-status { grid-column:2;grid-row:3 / span 2;align-self:center;font-size:10px;padding:4px 8px; }

/* Shared messaging inbox: one visible conversation per merchant. */
.support-workspace { grid-template-columns: minmax(260px,320px) minmax(0,1fr); }
.support-chat { display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:18px 16px;border:0;border-bottom:1px solid #e9eee8;background:transparent;text-align:left;color:var(--ink);cursor:pointer; }
.support-chat:hover { background:#f2f6f1; }
.support-chat.is-selected { background:#edf4ed;box-shadow:inset 3px 0 #518163; }
.support-chat-avatar { display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #dce7dc;border-radius:14px;background:#eaf1e7;color:#4c7054;font-size:16px;font-weight:700; }
.support-chat-copy { flex:1;min-width:0; }
.support-chat-title,.support-chat-bottom { display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0; }
.support-chat-title strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700; }
.support-chat-title time { flex-shrink:0;color:#8a978b;font-size:9px; }
.support-chat-bottom { margin-top:7px; }
.support-chat-bottom>span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#829083;font-size:11px; }
.support-chat-copy>small { display:block;color:#879688;font-size:10px;margin-top:5px; }
.support-chat .support-count { background:#527c5d; }
.support-chat:focus-visible,.support-chat-choice:focus-visible { outline:2px solid var(--orange);outline-offset:-3px; }
.support-chat-directory { flex:1;min-height:0;padding:20px;overflow-y:auto;overscroll-behavior:contain; }
.support-chat-directory>label { position:sticky;top:0;padding-bottom:14px;background:#fff; }
.support-chat-choice { display:flex;align-items:center;gap:13px;width:100%;min-width:0;padding:14px 6px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer; }
.support-chat-choice:hover { background:#f5f8f3; }
.support-chat-choice strong { flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere; }
.support-chat-choice>span:last-child { color:#94a08e; }
html.support-desktop-open .support-conversation-open .support-chat-header { display:flex;align-items:center;gap:12px;padding:17px 22px;background:#fff; }
html.support-desktop-open .support-chat-header>div { min-width:0;flex:1; }
html.support-desktop-open .support-chat-header h3 { margin:0;font-size:16px;font-weight:700; }
html.support-desktop-open .support-chat-header p { margin:5px 0 0;font-size:11px;color:#7f8e7e; }
html.support-desktop-open .support-chat-header>[data-support-back] { display:none; }
html.support-desktop-open .support-chat-header .support-refresh { flex:0 0 34px;margin:0; }
html.support-desktop-open .support-compose .support-compose-fields { grid-template-areas:"link link" "files files" "attach attach" "message send" "error error"; }
.support-message-order { grid-area:link;min-width:0;margin:0 0 9px; }
.support-message-order summary { width:fit-content;min-height:24px;color:#73856f;font-size:11px;cursor:pointer; }
.support-message-order summary span { margin-left:6px;color:#a2ac9d;font-size:10px; }
.support-message-order>div { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:9px 0 3px; }
.support-message-order input,.support-message-order select { min-height:40px;padding:9px 11px;font-size:12px; }
.support-message .support-record-link { display:block;padding:6px 9px;margin:7px 0;border:1px solid #d8e5d3;border-radius:7px;background:#f1f7ed;color:#58754c;text-decoration:none;font-size:11px; }
.support-single-merchant .support-workspace { grid-template-columns:minmax(0,1fr); }
.support-single-merchant .support-inbox { display:none; }
.support-single-merchant .support-page-heading>[data-support-new] { display:none; }
@media(max-width:1120px){.support-chat-title { flex-wrap:wrap;gap:4px; }.support-chat-title strong { flex-basis:100%; }}
html.compact-device .support-chat { padding:16px 8px; }
html.compact-device .support-chat-title { flex-wrap:nowrap; }
html.compact-device .support-chat-title strong { flex-basis:auto;font-size:14px; }
html.compact-device .support-chat-title time { font-size:10px; }
html.compact-device .support-chat-bottom>span { font-size:12px; }
html.compact-device .support-compose .support-compose-fields { grid-template-areas:"link link" "files files" "attach attach" "message send" "error error"; }
html.compact-device .support-message-order { margin-bottom:7px; }
html.compact-device .support-message-order>div { grid-template-columns:minmax(0,1fr);gap:8px; }
html.compact-device .support-message-order input,html.compact-device .support-message-order select { font-size:16px; }
html.compact-device .support-inbox-tools>label:last-child { width:110px; }
html.compact-device .support-chat-directory { padding:16px; }
html.compact-device .support-single-merchant.support-list-open .support-inbox { display:flex; }

/* Pick an order using familiar customer details, without typing a tracking code. */
.support-order-link { grid-area:link;min-width:0;margin-bottom:9px; }
.support-order-link .support-message-order { margin:0; }
.support-message-order .support-order-trigger { margin:0;color:#58734f;font-size:11px;font-weight:650; }
.support-message-order .support-order-picker { display:block;padding:9px 0 0; }
.support-order-picker>label { display:block; }
.support-order-picker input { width:100%;background:#f8faf6;font-weight:400; }
.support-order-results-heading { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 1px 7px; }
.support-order-results-heading>span { color:#5c7155;font-size:10px;font-weight:700; }
.support-order-results-heading>small { color:#8b9883;font-size:9px; }
.support-order-results { max-height:min(240px,28dvh);overflow-y:auto;overscroll-behavior:contain;border:1px solid #dfe7da;border-radius:11px;background:#fff; }
.support-order-choice { display:block;width:100%;min-width:0;padding:11px 13px;border:0;border-bottom:1px solid #eaf0e5;background:#fff;color:var(--ink);text-align:left;cursor:pointer; }
.support-order-choice:last-child { border-bottom:0; }
.support-order-choice:hover,.support-order-choice[aria-pressed=true] { background:#f0f6ec; }
.support-order-choice:focus-visible { outline:2px solid var(--orange);outline-offset:-3px; }
.support-order-choice-top,.support-order-choice-bottom { display:flex;align-items:baseline;justify-content:space-between;gap:8px; }
.support-order-choice-top>strong { min-width:0;font-size:12px;overflow-wrap:anywhere; }
.support-order-choice-top>span { color:#78906e;font-size:9px;white-space:nowrap;text-transform:capitalize; }
.support-order-choice-contact { display:block;margin:5px 0;color:#7c8b72;font-size:10px;overflow-wrap:anywhere; }
.support-order-choice-bottom { color:#84907c;font-size:10px; }
.support-order-choice-bottom>b { color:#52684a;font-weight:650;white-space:nowrap; }
.support-order-choice>small { display:block;margin-top:4px;color:#9aa58f;font-size:9px;overflow-wrap:anywhere; }
.support-order-empty { margin:0;padding:18px 14px;color:#839177;font-size:11px;line-height:1.6; }
.support-order-selected { display:flex;align-items:center;gap:9px;margin-bottom:7px;padding:9px 11px;border:1px solid #d8e6cf;border-radius:10px;background:#f0f6eb; }
.support-order-selected[hidden] { display:none; }
.support-order-link-icon { display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#e1ecd7;color:#668252; }
.support-order-selected>span:nth-child(2) { flex:1;min-width:0; }
.support-order-selected strong { display:block;font-size:11px;color:#49633c; }
.support-order-selected small { display:block;margin-top:3px;font-size:9px;color:#839474;overflow-wrap:anywhere; }
.support-order-selected button { display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:#829671;font-size:21px;cursor:pointer; }
.support-order-selected button:hover { background:#e3eddc;color:#3d5b2e; }
html.compact-device .support-order-link { margin-bottom:7px; }
html.compact-device .support-message-order .support-order-picker { display:block; }
html.compact-device .support-order-picker input { min-height:42px;font-size:16px; }
html.compact-device .support-order-choice { padding:11px; }
html.compact-device .support-order-choice-top { flex-wrap:wrap;gap:4px 8px; }
html.compact-device .support-order-results { max-height:min(220px,26dvh); }
html.compact-device body.support-keyboard .support-order-results { max-height:18dvh; }