.customer-web.support-page{height:var(--support-viewport-height,var(--customer-viewport-height,100vh));flex-direction:column;min-height:0;display:flex;overflow:hidden}.support-page>:is(.utility-bar,.store-header,.bottom-navigation__spacer){flex-shrink:0}.support-page #main-content{flex-direction:column;flex:1;min-height:0;display:flex}.support-page[data-support-keyboard] :is(.bottom-navigation,.bottom-navigation__spacer){display:none}.support-chat{--chat-ink:var(--color-ink);--chat-muted:var(--color-muted);--chat-line:var(--color-border);--chat-primary:var(--color-accent-surface);min-width:0;min-height:0;width:min(calc(100% - 2 * var(--page-gutter)), var(--container-width));color:var(--chat-ink);flex-direction:column;flex:1;margin:0 auto;padding:12px 0;display:flex}.support-chat button{cursor:pointer}.support-chat button:disabled{cursor:default;opacity:.48}:is(.support-chat button:focus-visible,.support-chat a:focus-visible,.support-chat textarea:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.support-chat__heading{flex:none;justify-content:space-between;align-items:end;gap:16px;margin-bottom:10px;display:flex}.support-chat__heading h1{font-size:var(--display-lg);margin:0 0 4px;line-height:1.15}.support-chat__heading p{color:var(--chat-muted);font-size:var(--text-base);margin:0}.support-chat__heading a{color:var(--color-accent-ink);font-size:var(--text-sm);flex:none;font-weight:700}.support-chat__error{border-radius:var(--radius-md);color:#923506;font-size:var(--text-sm);background:#fff3ee;border:1px solid #e8b9a8;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.support-chat__error button{color:inherit;background:0 0;border:0;font-weight:700;text-decoration:underline}.support-chat__layout{border:1px solid var(--chat-line);border-radius:var(--radius-lg);min-height:0;box-shadow:var(--shadow-panel);background:#fff;flex:1;grid-template-columns:minmax(230px,300px) minmax(0,1fr);display:grid;overflow:hidden}.support-chat__sidebar{border-right:1px solid var(--chat-line);background:#fcfbfa;flex-direction:column;min-height:0;display:flex}.support-chat__sidebar-head{border-bottom:1px solid var(--chat-line);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.support-chat__sidebar-head h2{font-size:var(--text-md);margin:0}.support-chat__sidebar-head button{border:1px solid var(--chat-line);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--chat-primary);background:#fff;place-items:center;display:grid}.support-chat__sidebar-head button:hover{background:var(--color-accent-soft)}.support-chat__sidebar-head svg{width:20px;height:20px}.support-chat__cases{min-height:0;padding:8px;overflow:auto}.support-chat__cases>button{border-radius:var(--radius-md);width:100%;min-height:66px;color:inherit;text-align:left;transition:background var(--duration-micro) ease;background:0 0;border:0;align-items:center;gap:10px;padding:9px 10px;display:flex}.support-chat__cases>button:hover{background:#f4f1ee}.support-chat__cases>button.is-active{background:var(--color-accent-soft);box-shadow:inset 3px 0 var(--chat-primary)}.support-chat__case-symbol,.support-chat__avatar,.support-chat__welcome>span{border-radius:var(--radius-md);background:var(--color-accent-soft);width:40px;height:40px;color:var(--chat-primary);flex:none;place-items:center;display:grid}.support-chat__case-symbol svg,.support-chat__avatar svg{width:22px;height:22px}.support-chat__case-label{gap:3px;min-width:0;display:grid}.support-chat__case-label strong{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.support-chat__case-label small{color:var(--chat-muted);font-size:var(--text-xs)}.support-chat__cases em{border-radius:var(--radius-pill);background:var(--chat-primary);color:#fff;min-width:20px;height:20px;font-size:var(--text-xs);flex:none;place-items:center;margin-left:auto;padding:0 4px;font-style:normal;font-weight:700;display:grid}.support-chat__no-cases{color:var(--chat-muted);font-size:var(--text-sm);padding:16px}.support-chat__main{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.support-chat__thread-head{border-bottom:1px solid var(--chat-line);flex:none;align-items:center;gap:9px;min-height:54px;padding:7px 14px;display:flex}.support-chat__back{color:var(--chat-ink);background:0 0;border:0;flex:none;font-size:29px;line-height:1;display:none}.support-chat__thread-head h2{font-size:var(--text-md);margin:0 0 2px}.support-chat__thread-head small{color:var(--chat-muted);font-size:var(--text-xs)}.support-chat__thread-title{min-width:0}.support-chat__mark-read{border-radius:var(--radius-pill);color:var(--color-accent-ink);font-size:var(--text-xs);background:#fff7f2;border:1px solid #e8b79b;flex:none;margin-left:auto;padding:7px 11px;font-weight:800}.support-chat__mark-read:hover{background:var(--color-accent-soft)}.support-chat__thread{overscroll-behavior:contain;background:linear-gradient(145deg,#fff 0% 58%,#fcfbf8 100%);flex-direction:column;flex:1;gap:6px;min-height:0;padding:12px clamp(14px,3vw,30px);display:flex;overflow:auto}.support-chat__thread>:first-child{margin-top:auto}.support-chat__date{border-radius:var(--radius-pill);color:var(--chat-muted);font-size:var(--text-xs);background:#f2efec;align-self:center;margin:8px 0;padding:5px 12px;font-weight:700}.support-chat__empty{width:min(100%,280px);color:var(--chat-muted);font-size:var(--text-base);text-align:center;margin:auto;line-height:1.5}.support-chat__bubble{align-self:start;width:fit-content;min-width:0;max-width:min(78%,470px);display:grid;position:relative}.support-chat__bubble.is-self{align-self:end}.support-chat__bubble>div{background:#f0f2f0;border-radius:16px 16px 16px 3px;gap:4px;min-width:0;padding:9px 12px 6px;display:grid;position:relative}.support-chat__bubble>div:after{width:14px;height:20px;clip-path:path("M14 0 C13 9 9 15 0 19 C7 20 12 17 14 14 Z");content:"";background:#f0f2f0;position:absolute;bottom:0;left:-10px}.support-chat__bubble.is-self>div{background:var(--color-accent-soft);border-radius:16px 16px 3px}.support-chat__bubble.is-self>div:after{background:var(--color-accent-soft);left:auto;right:-10px;transform:scaleX(-1)}.support-chat__bubble p{overflow-wrap:anywhere;font-size:var(--text-base);white-space:pre-wrap;margin:0;line-height:1.5}.support-chat__image-button{background:0 0;border:0;border-radius:11px;max-width:100%;margin-top:6px;padding:0;display:block;overflow:hidden}.support-chat__image-button img{object-fit:cover;width:min(68vw,310px);max-width:100%;max-height:360px;display:block}.support-chat__bubble.is-image-only>div{padding:3px}.support-chat__bubble.is-image-only .support-chat__image-button{border-radius:13px;margin:0}.support-chat__bubble.is-image-only small{color:#fff;background:#1920269e;border-radius:12px;padding:3px 7px;position:absolute;bottom:9px;right:9px}.support-chat__bubble.is-image-only .support-chat__checks{color:#d4e9ff}.support-chat__bubble small{max-width:100%;color:var(--chat-muted);font-size:var(--text-xs);justify-self:end;align-items:center;display:flex}.support-chat__bubble time{white-space:nowrap;flex:none}.support-chat__bubble.is-self small{text-align:right}.support-chat__checks{min-width:2em;color:var(--color-accent-ink);letter-spacing:-3px;text-align:right;white-space:nowrap;flex:none;margin-left:4px;padding-right:3px;font-weight:800}.support-chat__bubble small button{color:var(--color-accent-ink);background:0 0;border:0;text-decoration:underline}.support-chat__viewer{z-index:1000;background:#0c1014f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.support-chat__viewer-close{z-index:2;top:max(16px, env(safe-area-inset-top));color:#fff;background:#ffffff2b;border:0;border-radius:50%;width:44px;height:44px;font-size:30px;line-height:1;position:absolute;right:16px}.support-chat__viewer-scroll{place-items:center;width:100%;height:100%;display:grid;overflow:auto}.support-chat__viewer-scroll img{object-fit:contain;cursor:zoom-in;max-width:100%;max-height:100%;display:block}.support-chat__viewer-scroll img.is-zoomed{cursor:zoom-out;width:auto;max-width:none;height:auto;max-height:none}.support-chat__older{border:1px solid var(--chat-line);border-radius:var(--radius-pill);color:var(--chat-ink);font-size:var(--text-xs);background:#fff;align-self:center;padding:6px 13px}.support-chat__composer{border-top:1px solid var(--chat-line);background:#fff;flex:none;padding:6px 10px 8px}.support-chat__previews{gap:8px;display:flex}.support-chat__previews:empty{display:none}.support-chat__previews>span{width:56px;height:56px;margin-bottom:9px;position:relative}.support-chat__previews img{border-radius:var(--radius-sm);object-fit:cover;width:100%;height:100%}.support-chat__previews small{border-radius:var(--radius-xs);color:var(--chat-ink);background:#fff;padding:1px 5px;position:absolute;bottom:3px;left:3px}.support-chat__previews button{background:var(--chat-ink);color:#fff;border:0;border-radius:50%;width:22px;height:22px;position:absolute;top:-6px;right:-6px}.support-chat__input-row{align-items:end;gap:8px;display:flex}.support-chat__input-row textarea{resize:none;border:1px solid var(--chat-line);min-width:0;min-height:38px;max-height:90px;color:var(--chat-ink);font-size:var(--text-base);background:#f4f4f3;border-radius:19px;flex:1;padding:8px 12px}.support-chat__input-row textarea:focus{border-color:var(--chat-primary)}.support-chat__attach,.support-chat__send{border-radius:15px;flex:none;place-items:center;width:38px;height:38px;display:grid}.support-chat__attach{border:1px solid var(--chat-line);color:var(--chat-primary);background:#fff}.support-chat__send{background:var(--chat-primary);color:#fff;border:0}.support-chat__attach:hover{background:var(--color-accent-soft)}.support-chat__send:hover:not(:disabled){background:var(--color-accent-surface-hover)}.support-chat__attach svg,.support-chat__send svg{width:21px;height:21px}.support-chat :is(.support-chat__attach,.support-chat__send,.support-chat__back,.support-chat__sidebar-head button){flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;line-height:1}.support-chat :is(.support-chat__attach,.support-chat__send,.support-chat__sidebar-head button){display:flex}.support-chat :is(.support-chat__case-symbol,.support-chat__avatar,.support-chat__welcome>span){justify-content:center;align-items:center;display:flex}.support-chat :is(.support-chat__case-symbol,.support-chat__avatar,.support-chat__welcome>span,button)>svg{flex-shrink:0;margin:0;display:block}.support-chat__back svg{width:22px;height:22px}.support-chat__thread>*{flex-shrink:0}.support-chat__welcome{text-align:center;width:min(100%,320px);margin:auto;padding:24px}.support-chat__welcome>span{border-radius:50%;width:64px;height:64px;margin:auto}.support-chat__welcome svg{width:30px;height:30px}.support-chat__welcome h2{font-size:var(--display-sm);margin:16px 0 7px}.support-chat__welcome p{color:var(--chat-muted);font-size:var(--text-base);margin:0 0 16px;line-height:1.5}.support-chat__welcome button{border-radius:var(--radius-md);background:var(--chat-primary);color:#fff;min-height:44px;font-size:var(--text-base);border:0;padding:0 17px;font-weight:700}@media (max-width:700px){.support-chat{padding:6px 0}.support-chat.is-thread-open .support-chat__heading,.support-chat.is-thread-open .support-chat__sidebar,.support-chat:not(.is-thread-open) .support-chat__main{display:none}.support-chat__heading{padding:0 6px}.support-chat__heading p{display:none}.support-chat__heading a{font-size:var(--text-xs)}.support-chat__layout{border-radius:var(--radius-md);flex-direction:column;flex:1;height:auto;min-height:0;display:flex}.support-chat__sidebar{border-right:0;flex:1;min-height:0}.support-chat__main{flex:1;min-height:0}.support-chat__back{display:flex}.support-chat__sidebar-head{padding:7px 12px}.support-chat__cases{padding:5px 7px;display:block;overflow:auto}.support-chat__cases>button{width:100%;min-height:58px;padding:7px}.support-chat__case-symbol{width:32px;height:32px}.support-chat__case-label strong{max-width:105px;font-size:var(--text-sm)}.support-chat__case-label small{font-size:var(--text-xs)}.support-chat__thread{padding:10px 12px}.support-chat__bubble{max-width:90%}.support-chat__composer{padding:5px 6px}.support-chat__thread-head{min-height:48px;padding:5px 9px}.support-chat__avatar{width:34px;height:34px}.support-chat__mark-read{max-width:130px;font-size:11px;line-height:1.2}.support-chat__input-row textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){.support-chat__cases>button{transition:none}}@media (max-height:540px){.support-page>.utility-bar,.support-chat__heading{display:none}}