.support-surface{accent-color:var(--color-primary-active);caret-color:var(--color-primary-active);min-width:0}.support-surface ::selection{background:var(--color-primary-soft);color:var(--color-ink)}.support-surface :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--color-primary-active);outline-offset:3px}.support-surface :is(input,textarea,select){border-radius:.5rem}.support-surface textarea{resize:vertical;border:1px solid var(--color-line-strong);background:#fff;width:100%;padding:.875rem;font-size:.875rem;line-height:1.9}.support-surface textarea:focus{border-color:var(--color-primary-active)}.support-surface .support-submit{background:var(--color-primary-hover);border-radius:.5rem;min-height:2.75rem}.support-surface .support-submit:hover{background:var(--color-primary-active)}.support-surface .support-secondary{border:1px solid var(--color-line-strong);border-radius:.5rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.support-surface .support-secondary:hover{background:#fff}.support-surface .support-link{color:var(--color-primary-active);text-underline-offset:4px}.support-surface .support-link:hover{text-decoration:underline}.support-message{overflow-wrap:anywhere;white-space:pre-wrap;font-size:.9375rem;line-height:2}@media (prefers-reduced-motion:reduce){.support-surface *,.support-surface :before{transition:none!important;animation:none!important}}.support-list-heading{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1rem;display:flex}.support-list-heading h1{font-size:1.25rem;font-weight:700}.support-ticket-list{border:1px solid var(--color-line);background:#fff;border-radius:.75rem;overflow:hidden}.support-ticket-list>li+li{border-block-start:1px solid var(--color-line)}.support-ticket-row{min-height:4rem;color:var(--color-ink);background:#fff;align-items:center;gap:.75rem;padding:.875rem 1.25rem;transition:background-color .15s;display:flex}.support-ticket-row:hover,.support-ticket-row:active{background:var(--color-surface-hover)}.support-surface .support-ticket-row:focus-visible{outline-offset:-3px;background:var(--color-surface-hover)}.support-ticket-unread{background:var(--color-primary-soft)}.support-ticket-icon{color:var(--color-ink-muted);flex-shrink:0;display:inline-flex}.support-ticket-person{background:var(--color-surface-hover);min-width:0;max-width:11rem;color:var(--color-ink);border-radius:.5rem;flex:0 auto;align-items:center;gap:.375rem;padding:.25rem .5rem;display:inline-flex}.support-ticket-unread .support-ticket-person{background:#fff}.support-ticket-content{direction:rtl;flex:1;align-items:baseline;gap:.75rem;min-width:0;display:flex}.support-ticket-name{text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:0 auto;min-width:0;max-width:9rem;font-size:.8125rem;font-weight:600;overflow:hidden}.support-ticket-subject,.support-ticket-preview{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;overflow:hidden}.support-ticket-content>.support-ticket-subject{flex:0 auto;max-width:38%}.support-ticket-content>.support-ticket-preview{flex:1}.support-ticket-subject{font-size:.875rem;font-weight:500}.support-ticket-unread .support-ticket-subject,.support-ticket-unread .support-ticket-name{font-weight:800}.support-ticket-preview{color:var(--color-ink-muted);font-size:.8125rem;line-height:1.8}.support-ticket-meta{flex-shrink:0;align-items:center;display:flex}.support-time{color:var(--color-ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.6875rem}.support-sender-type{border:1px solid var(--color-line);color:var(--color-ink-muted);white-space:nowrap;border-radius:.25rem;flex-shrink:0;align-items:center;padding:.0625rem .375rem;font-size:.6875rem;display:inline-flex}.support-status{white-space:nowrap;color:var(--color-ink-muted);background:#fff;border-radius:.375rem;flex-shrink:0;align-items:center;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.support-status-open{background:var(--color-primary-soft);color:var(--color-primary-active)}.support-filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-end:1rem;display:flex}.support-filters .support-search{flex:16rem;min-width:0}.support-filters select{border:1px solid var(--color-line-strong);background:#fff;width:100%;min-height:2.75rem;padding-inline:.75rem;font-size:.8125rem}.support-reset{min-height:2.75rem;color:var(--color-primary-active);align-items:center;padding-inline:.5rem;font-size:.8125rem;display:inline-flex}.support-reset:hover{text-decoration:underline}.support-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-block-start:1rem;display:grid}.support-pagination>:first-child{justify-self:start}.support-pagination>:last-child{justify-self:end}.support-empty{border:1px solid var(--color-line);text-align:center;background:#fff;border-radius:.75rem;padding:3rem 1.25rem}.support-empty h2{font-size:1rem;font-weight:700}.support-empty p{color:var(--color-ink-muted);margin-block-start:.5rem;font-size:.875rem}:is(.account-shell:has(.support-chat),.admin-shell:has(.support-chat)){height:var(--support-viewport-height,100dvh);min-height:0;overflow:clip}.account-shell:has(.support-chat)>header{flex-shrink:0;position:relative}.account-shell:has(.support-chat)>footer{display:none}.account-shell:has(.support-chat) #account-main{flex-direction:column;min-height:0;padding-block:1rem;display:flex}.admin-shell:has(.support-chat){flex-direction:column;display:flex}.admin-shell:has(.support-chat)>header{flex-shrink:0;position:relative}.admin-content:has(.support-chat){flex-direction:column;flex:1;min-height:0;display:flex}.admin-content>.support-chat-page{flex:1;min-height:0;padding-block:1rem;display:flex}.admin-content>.support-chat-page>div{flex-direction:column;min-height:0;display:flex}.support-chat{border:1px solid var(--color-line);background:#fff;border-radius:.75rem;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:clip}.support-chat-header{border-block-end:1px solid var(--color-line);flex-shrink:0;align-items:center;gap:.75rem;min-height:4rem;padding:.5rem .875rem;display:flex}.support-back{width:2.75rem;height:2.75rem;color:var(--color-ink-muted);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.support-back:hover{color:var(--color-ink);background:#fff}.support-chat-title{flex:1;min-width:0}.support-chat .support-chat-title h1{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.8;overflow:hidden}.support-chat-title bdi{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.support-contact{color:var(--color-ink-muted);margin-block-start:.125rem;font-size:.6875rem;position:relative}.support-contact summary{cursor:pointer;align-items:center;gap:.375rem;max-width:100%;min-height:2.75rem;list-style:none;display:inline-flex}.support-contact summary::-webkit-details-marker{display:none}.support-contact[open] summary{color:var(--color-primary-active)}.support-contact>div{z-index:5;top:100%;border:1px solid var(--color-line-strong);background:#fff;border-radius:.5rem;width:max-content;max-width:min(18rem,70vw);padding:.5rem;position:absolute;inset-inline-start:0}.support-contact a{overflow-wrap:anywhere;min-height:2.75rem;color:var(--color-primary-active);align-items:center;padding-inline:.5rem;font-size:.8125rem;display:flex}.support-status-control{flex-shrink:0;align-items:center;gap:.375rem;display:flex;position:relative}.support-status-control select{border:1px solid var(--color-line);width:9rem;max-width:30vw;min-height:2.75rem;color:var(--color-ink);background:#fff;border-radius:.5rem;padding-inline:.5rem;font-size:.6875rem}.support-status-error{z-index:5;border:1px solid var(--color-line);color:#b91c1c;background:#fff;border-radius:.5rem;width:14rem;padding:.5rem;font-size:.75rem;position:absolute;inset-block-start:100%;inset-inline-end:0}.support-transcript-wrap{flex:1;min-height:0;display:flex;position:relative;overflow:clip}.support-transcript{overscroll-behavior-y:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent;background:#fff;flex:1;min-width:0;padding:1rem 1.25rem;scroll-padding-block:1rem;overflow-y:auto}.support-bubbles{flex-direction:column;justify-content:flex-end;gap:.625rem;min-height:100%;display:flex}.support-message-item{flex-direction:column;flex-shrink:0;align-items:stretch;min-width:0;display:flex}.support-day{color:var(--color-ink-muted);align-self:center;margin-block:.5rem 1rem;font-size:.6875rem}.support-bubble{border:1px solid var(--color-line);min-width:4rem;max-width:min(82%,38rem);color:var(--color-ink);border-radius:.875rem;padding:.625rem .875rem .375rem}.support-bubble-own{border-color:var(--color-primary-line);background:var(--color-primary-soft);border-start-start-radius:.25rem;align-self:flex-start}.support-bubble-other{background:var(--color-surface-hover);border-end-end-radius:.25rem;align-self:flex-end}.support-chat-guest .support-bubble{align-self:flex-start;max-width:min(100%,44rem)}.support-bubble .support-message{unicode-bidi:plaintext;font-size:.875rem;line-height:1.9}.support-bubble>footer{justify-content:flex-end;margin-block-start:.125rem;display:flex}.support-bubble .support-time{font-size:.625rem}.support-composer{border-block-start:1px solid var(--color-line);padding:.75rem 1rem max(.75rem, env(safe-area-inset-bottom));background:#fff;flex-shrink:0}.support-compose-controls{align-items:flex-end;gap:.625rem;display:flex}.support-surface .support-compose-controls textarea{resize:none;border-radius:.75rem;flex:1;min-width:0;min-height:3rem;max-height:9rem;padding:.625rem .875rem;line-height:1.7;display:block}.support-compose-controls textarea::placeholder{color:var(--color-ink-muted)}.support-send{background:var(--color-primary-hover);color:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.support-send:hover{background:var(--color-primary-active)}.support-send:disabled{cursor:not-allowed;opacity:.5}.support-compose-error,.support-compose-notice{margin-block-end:.5rem;font-size:.75rem;line-height:1.8}.support-compose-error{color:#b91c1c}.support-compose-notice{color:var(--color-ink-muted)}.support-chat-notice{background:var(--color-primary-soft);color:var(--color-primary-active);flex-shrink:0;padding:.375rem 1rem;font-size:.75rem}.support-chat-notice button{min-height:2.75rem;padding-inline:.375rem;text-decoration:underline}.support-jump{z-index:1;bottom:.75rem;border:1px solid var(--color-line-strong);min-height:2.75rem;color:var(--color-primary-active);background:#fff;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;display:flex;position:absolute;inset-inline-start:50%;transform:translate(50%)}.support-jump:hover{background:var(--color-primary-soft)}.support-guest-followup{border-block-start:1px solid var(--color-line);color:var(--color-ink-muted);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;display:flex}@media (max-width:639px){.support-ticket-row{gap:.75rem;padding:.875rem}.support-ticket-content{grid-template-columns:minmax(0,1fr);gap:.125rem;display:grid}.support-ticket-content>.support-ticket-subject{max-width:none}.support-ticket-person{justify-self:start;max-width:100%}.support-ticket-meta{align-self:flex-start;padding-block-start:.125rem}.support-ticket-subject{font-size:.875rem}.support-ticket-meta{gap:.25rem}.support-filters .support-search{flex-basis:100%}.support-filters>label:not(.support-search){flex:1;min-width:0}.support-filters .support-secondary{padding-inline:.75rem}.account-shell:has(.support-chat) #account-main{padding:.5rem}.admin-content>.support-chat-page{padding-block:.5rem}.admin-content>.support-chat-page>div{padding-inline:.5rem}.support-chat-header{gap:.375rem;padding-inline:.5rem}.support-chat .support-chat-title h1{font-size:.875rem}.support-status-control select{width:7.5rem}.support-transcript{padding:.75rem}.support-bubble{max-width:88%;padding-inline:.75rem}.support-composer{padding-inline:.625rem}}