.support-workspace{--support-workspace-padding-block-start:28px;--support-workspace-padding-block-end:80px;width:min(100%,1120px);padding:var(--support-workspace-padding-block-start) var(--space-32) var(--support-workspace-padding-block-end);margin-inline:auto}.support-workspace .support-admin-section-picker{margin-bottom:var(--space-24);display:none}.support-admin-section-picker>span{width:var(--hairline-width);height:var(--hairline-width);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.support-admin-section-picker{--field-select-menu-height-limit:260px;--field-select-menu-viewport-limit:50dvh}.support-admin-section-picker :is(.field-select,.field-select-option){overflow-wrap:anywhere;white-space:normal;max-width:100%;line-height:1.5}@container workspace-shell style(--workspace-layout:stacked){.support-workspace .support-admin-section-picker{display:grid}}.support-list-page-head .support-new-button{flex:0 auto;max-width:100%}.support-list-page-head{flex-wrap:wrap}.support-workspace h1{overflow-wrap:anywhere}.support-list-panel,.support-settings-panel{margin-bottom:var(--space-24)}.support-list-counts{gap:var(--space-8);flex-wrap:wrap;display:flex}.support-list-counts span{color:var(--text-muted);font-size:var(--font-size-micro);overflow-wrap:anywhere}.support-list-counts .support-count-unread{color:var(--text)}.support-list-filters,.support-ticket-form,.support-settings-form{gap:var(--space-16);display:grid}.support-list-filters{margin-bottom:var(--space-20);align-items:end;gap:var(--space-12);grid-template-columns:minmax(0,240px)}.support-list-filters.is-admin{grid-template-columns:minmax(0,240px) minmax(0,1fr) minmax(0,max-content)}.support-file-field{gap:var(--space-8);display:grid}.support-file-control{align-items:center;gap:var(--space-12);flex-wrap:wrap;min-width:0;display:flex}.support-file-button{--support-file-button-padding-block:9px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-width:var(--control-height-compact);min-height:var(--control-height-compact);max-width:100%;padding:var(--support-file-button-padding-block) var(--space-12);overflow-wrap:anywhere;text-align:center;flex:0 auto;justify-content:center;display:inline-flex;position:relative}.support-file-button:hover{border-color:var(--border-strong)}.support-file-button:focus-within{outline:2px solid var(--focus);outline-offset:2px}.support-file-button input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.support-file-names{color:var(--text-muted);overflow-wrap:anywhere;min-width:0}.support-selected-file{align-items:center;gap:var(--space-8);display:flex}.support-selected-file span{overflow-wrap:anywhere;min-width:0}.support-settings-form>.button{justify-self:start}.support-ticket-list{margin:0;padding:0;list-style:none}.support-ticket-list li{border-top:1px solid var(--border);padding-block:var(--space-12)}.support-ticket-list li:first-child{border-top:0}.support-ticket-list a{justify-content:space-between;align-items:center;gap:var(--space-20);min-height:76px;padding:var(--space-12) var(--space-8);margin-inline:calc(-1 * var(--space-8));border-radius:var(--radius-sm);color:var(--text);flex-wrap:wrap;text-decoration:none;display:flex}.support-ticket-list a:hover{background:var(--surface-hover)}.support-ticket-list a:hover .support-ticket-main small{color:var(--text-secondary)}.support-ticket-main,.support-ticket-meta{gap:var(--space-4);min-width:0;display:grid}.support-ticket-main{flex:1 1 min-content;min-width:0}.support-ticket-main strong{overflow-wrap:anywhere}.support-ticket-main small{color:var(--text-muted);overflow-wrap:anywhere}.support-ticket-meta{grid-auto-flow:column;align-items:center;max-width:100%}.support-unread{background:var(--text);border-radius:50%;width:7px;height:7px}.support-state{box-sizing:border-box;max-width:100%;min-height:27px;padding:var(--space-4) var(--space-8);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--font-size-micro);overflow-wrap:anywhere;justify-content:center;align-items:center;line-height:1.25;display:inline-flex}.support-state-label{transform:translateY(1px)}.support-state-waiting_support{color:var(--text);border-color:var(--border-strong)}.support-admin-metrics{margin-bottom:var(--space-20)}.support-admin-metrics h3{margin:0 0 var(--space-12);font-size:var(--font-size-small)}.support-admin-metrics-grid{gap:var(--space-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.support-admin-metrics-grid .ui-detail-list>div{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.support-admin-metrics-grid .ui-detail-list dd{text-align:left}.support-admin-metrics p{color:var(--text-muted);font-size:var(--font-size-label)}.support-settings-audit{--support-settings-audit-padding-block-start:18px;border-top:1px solid var(--border);margin-top:var(--space-20);padding-top:var(--support-settings-audit-padding-block-start)}.support-settings-audit summary{cursor:pointer}.support-settings-audit summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--radius-xs)}.support-settings-audit ol{padding-left:var(--space-20)}.support-settings-audit li{--support-audit-row-padding-block:10px;padding:var(--support-audit-row-padding-block) 0;gap:var(--space-4);display:grid}.support-settings-audit li span{color:var(--text-muted);font-size:var(--font-size-micro)}.support-settings-audit :is(summary,li){overflow-wrap:anywhere}.support-thread-layout{--support-thread-inline-inset:calc(var(--space-24) + var(--space-20));width:min(100%,1120px);padding-inline:var(--support-thread-inline-inset);margin-inline:auto;container:support-thread-content/inline-size}.support-thread-layout>.support-thread-page{width:calc(100% + 2 * var(--support-thread-inline-inset));margin-inline:calc(-1 * var(--support-thread-inline-inset))}.support-thread-page{min-height:max(360px, calc(100dvh - var(--workspace-header-height) - var(--hairline-width)));padding:var(--space-16) var(--space-24) var(--space-20);flex-direction:column;display:flex}.support-thread-page>.workspace-back-link{flex:none;margin-bottom:0}.support-chat{min-height:min-content;margin-top:var(--space-8);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}@container workspace-shell style(--workspace-layout:stacked){.support-thread-page{min-height:0}.support-chat{min-height:clamp(480px, calc(100dvh - var(--workspace-header-height) - 270px), 760px);flex:none}}@container support-thread-content (width<=760px){.support-thread-page.is-guest-view{min-height:0}.is-guest-view .support-chat{min-height:clamp(480px, calc(100dvh - var(--workspace-header-height) - 270px), 760px);flex:none}}.support-chat-header{align-items:center;gap:var(--space-16);min-width:0;padding:var(--space-12) var(--space-20);flex-wrap:wrap;flex:none;justify-content:space-between;display:flex}.support-chat-heading{--support-chat-heading-gap-inline:14px;flex:1 1 min-content;align-items:center;gap:var(--space-4) var(--support-chat-heading-gap-inline);flex-wrap:wrap;min-width:0;display:flex}.support-chat-heading h1{font-size:var(--font-size-title-small);overflow-wrap:anywhere;margin:0;line-height:1.25}.support-chat-meta{color:var(--text-muted);font-size:var(--font-size-micro);align-items:center;gap:var(--space-8);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.support-chat-meta>span+span:before{color:var(--border-strong);content:"·";margin-right:var(--space-8)}.support-chat-meta .support-state{min-height:25px}.support-chat-meta .support-state:before{content:none}.support-chat-status-form{flex:none;max-width:100%}.support-chat-stage{min-height:var(--space-96);flex:1;position:relative}.support-chat-history{--support-chat-history-padding-inline:28px;background:var(--bg);overscroll-behavior:contain;padding:var(--space-20) var(--support-chat-history-padding-inline) var(--space-24);scrollbar-color:var(--border-strong) transparent;position:absolute;inset:0;overflow-y:auto}.support-chat-history:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.support-messages{gap:var(--space-12);flex-direction:column;justify-content:flex-end;width:100%;min-width:0;max-width:820px;min-height:100%;margin:0 auto;padding:0;list-style:none;display:flex}.support-day-divider{color:var(--text-muted);font-size:var(--font-size-micro);margin:var(--space-12) 0;line-height:var(--line-height-micro);text-align:center;align-self:center;max-width:100%}.support-day-divider time{overflow-wrap:anywhere;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-pill);max-width:100%;padding:var(--space-4) var(--space-12);display:inline-block}.support-message{min-width:0;max-width:min(76%,610px);display:flex}.support-message.is-own{align-self:flex-end}.support-message.is-other{align-self:flex-start}.support-message.is-grouped{--support-message-group-overlap:7px;margin-top:calc(-1 * var(--support-message-group-overlap))}.support-message-bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-xs);min-width:0;padding:var(--space-12) var(--space-16) var(--space-8)}.support-message.is-own .support-message-bubble{background:var(--surface-2);border-color:var(--border-strong);border-radius:var(--radius-md) var(--radius-md) var(--radius-xs) var(--radius-md)}.support-message-author{--support-message-author-offset-block-end:5px;color:var(--text-secondary);overflow-wrap:anywhere;font-size:var(--font-size-micro);margin-bottom:var(--support-message-author-offset-block-end);font-weight:600;display:block}.support-message p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.5}.support-message-time{color:var(--text-muted);font-size:var(--font-size-micro);margin-top:var(--space-4);text-align:right;line-height:var(--line-height-micro);display:block}.support-attachments{--support-attachment-list-offset-block-start:9px;--support-attachment-list-gap:6px;margin:var(--support-attachment-list-offset-block-start) 0 0;gap:var(--support-attachment-list-gap);grid-template-columns:minmax(0,1fr);min-width:0;padding:0;list-style:none;display:grid}.support-attachments li{--support-attachment-item-padding-block:7px;--support-attachment-item-padding-inline:9px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:var(--space-8);min-width:0;padding:var(--support-attachment-item-padding-block) var(--support-attachment-item-padding-inline);flex-wrap:wrap;display:flex}.support-attachments li:before{color:var(--text-muted);content:"↧";flex:none;order:1}.support-attachments li:has(>.support-attachment-preview){grid-template-columns:minmax(0,1fr) auto;display:grid}.support-attachments li:has(>.support-attachment-preview):before{content:none}.support-attachments li>.support-attachment-preview{grid-column:1/-1}.support-attachment-preview{border-radius:var(--radius-sm);background:var(--surface-1);cursor:zoom-in;border:0;flex:0 100%;order:0;min-width:0;max-width:360px;padding:0;overflow:hidden}.support-attachment-preview:focus-visible{outline:var(--focus-ring-width) solid var(--text);outline-offset:2px}.support-attachment-preview img{object-fit:contain;width:100%;max-height:280px;display:block}.support-photo-dialog.ui-dialog{width:calc(100vw - var(--space-32));max-width:calc(100vw - var(--space-32));height:calc(100dvh - var(--space-32));background:var(--surface-1)}.support-photo-dialog .ui-dialog-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.support-photo-dialog .ui-dialog-body{align-items:center;gap:var(--space-12);flex-direction:column;display:flex}.support-photo-dialog .ui-dialog-body img{object-fit:contain;flex:1 1 0;width:100%;min-height:0}.support-photo-dialog .ui-dialog-body a{flex:none}.support-attachments a{overflow-wrap:anywhere;order:2;max-width:100%}.support-attachments small{color:var(--text-muted);order:3}.support-chat-jump{bottom:var(--space-16);max-width:calc(100% - var(--space-48));position:absolute;right:18px}.support-composer{--support-composer-padding-block-end:10px;border-top:1px solid var(--border);padding:var(--space-8) var(--space-20) var(--support-composer-padding-block-end);flex:none}.support-composer-shell{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);max-width:820px;padding:var(--space-8);margin-inline:auto}.support-composer-shell:focus-within{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:-2px}.support-composer-row{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.support-composer textarea.field-control{--support-composer-textarea-padding-inline:3px;min-height:max(22px,1.45em);max-height:136px;padding:0 var(--support-composer-textarea-padding-inline);resize:none;background:0 0;border:0;border-radius:0;flex:auto;width:auto;min-width:0;line-height:1.45;display:block;overflow-y:auto}.support-composer textarea.field-control:hover{background:0 0;border:0}.support-composer textarea.field-control:focus-visible{border-radius:var(--radius-xs);outline:var(--focus-ring-width) solid var(--focus);outline-offset:calc(-1 * var(--focus-ring-width));background:0 0;border:0}.support-file-field.is-composer{width:var(--control-height-dense);flex:none}.support-file-field.is-composer .support-file-control{width:var(--control-height-dense)}.support-file-field.is-composer .support-file-button{color:var(--text-secondary);height:var(--control-height-dense);min-height:var(--control-height-compact);width:var(--control-height-dense);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0}.support-file-field.is-composer .support-file-button:hover{background:var(--surface-hover);color:var(--text)}.support-composer-files{--support-composer-file-list-gap:6px;--support-composer-file-list-padding-inline-start:3px;color:var(--text-secondary);font-size:var(--font-size-micro);align-items:center;gap:var(--support-composer-file-list-gap);margin-top:var(--space-4);min-width:0;padding-left:var(--support-composer-file-list-padding-inline-start);display:flex}.support-composer-files span{overflow-wrap:anywhere;min-width:0}.support-file-clear{color:var(--text-muted);cursor:pointer;font-size:var(--font-size-title-small);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.support-file-clear:hover{background:var(--surface-hover);color:var(--text)}.support-send-button{background:var(--inverse-bg);color:var(--inverse-text);cursor:pointer;height:var(--control-height-dense);width:var(--control-height-dense);min-height:var(--control-height-compact);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.support-send-button:hover:not(:disabled){background:var(--inverse-hover-bg)}.support-send-button:disabled{background:var(--surface-hover);color:var(--text-muted);cursor:default}.support-resolution{margin-top:var(--space-12);align-self:center;width:390px;max-width:100%}.support-resolution-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-16);text-align:center}.support-resolution-status{--support-resolution-status-gap:6px;max-width:100%;color:var(--text-muted);font-size:var(--font-size-micro);align-items:center;gap:var(--support-resolution-status-gap);display:inline-flex}.support-resolution-mark{border:1px solid var(--border-strong);border-radius:50%;flex:none;place-items:center;width:17px;height:17px;display:grid}.support-resolution-label{overflow-wrap:anywhere;min-width:0}.support-resolution-status svg{width:11px;height:11px;display:block}.support-resolution-title{--support-resolution-title-margin-block-start:9px;--support-resolution-title-margin-block-end:11px;font-size:var(--font-size-small);margin:var(--support-resolution-title-margin-block-start) 0 var(--support-resolution-title-margin-block-end);font-weight:600}.support-rating-form{gap:var(--space-8);width:max-content;max-width:100%;margin-inline:auto;display:grid}.support-chat-error{--support-chat-error-padding-block-end:14px;padding:0 var(--space-20) var(--support-chat-error-padding-block-end);flex:none;margin:0}.support-rating-form fieldset{border:0;flex-wrap:wrap;flex:none;align-items:center;gap:2px;min-width:0;max-width:100%;margin:0;padding:0;display:flex}.support-rating-form label{cursor:pointer;font-size:var(--font-size-title);height:max(var(--control-height-compact), 1em);justify-content:center;align-items:center;width:max(31px,1em);display:inline-flex;position:relative}.support-rating-form input{opacity:0;width:100%;height:100%;position:absolute;inset:0}.support-rating-form label>span[aria-hidden]{color:var(--text-muted);font-size:var(--font-size-title);line-height:1}.support-rating-form label:hover>span[aria-hidden]{color:var(--tone-warning-text)}.support-rating-form fieldset:not(:has(label:hover)) label:has(input:checked)>span[aria-hidden]{color:var(--tone-warning-text)}.support-rating-form fieldset:not(:has(label:hover)) label:has(~label input:checked)>span[aria-hidden]{color:var(--tone-warning-text)}.support-rating-form label:has(~label:hover)>span[aria-hidden]{color:var(--tone-warning-text)}.support-rating-form label:has(input:focus-visible){border-radius:var(--radius-xs);outline:2px solid var(--focus);outline-offset:2px}.support-rating-form .button{width:100%}.support-resolution-admin-rating{color:var(--text-secondary);font-size:var(--font-size-label);margin:var(--space-8) 0 0}.is-admin-view .support-resolution{width:auto}.is-admin-view .support-resolution-card{align-items:center;gap:var(--space-12);flex-wrap:wrap;justify-content:center;display:flex}.is-admin-view .support-resolution-admin-rating{border-left:1px solid var(--border);padding-left:var(--space-12);margin:0}.support-guest-page{--support-guest-page-padding-block:80px;overflow-wrap:anywhere;padding-block:var(--support-guest-page-padding-block)}.support-guest-page>p{max-width:560px;color:var(--text-secondary)}.support-guest-form{--support-guest-form-margin-block:22px;gap:var(--space-16);max-width:520px;padding:var(--space-20);margin-block:var(--support-guest-form-margin-block);display:grid}@media (width<=760px){.support-ticket-meta{gap:var(--space-8);flex-wrap:wrap;display:flex}.support-thread-layout{--support-thread-inline-inset:calc(var(--space-16) + var(--space-12))}.support-workspace{--support-workspace-compact-padding-block-end:60px;padding:var(--space-24) var(--space-16) var(--support-workspace-compact-padding-block-end)}.support-thread-page{padding:var(--space-16) var(--space-16) var(--space-20)}.support-list-panel>.ui-panel-head{align-items:flex-start;gap:var(--space-12);flex-direction:column}.support-list-filters,.support-list-filters.is-admin{grid-template-columns:1fr}.support-ticket-list a{align-items:flex-start;gap:var(--space-8);flex-direction:column}.support-chat-header{--support-chat-header-compact-gap:10px;align-items:flex-start;gap:var(--support-chat-header-compact-gap);padding:var(--space-12) var(--space-16)}.support-chat-heading{display:block}.support-chat-meta{--support-chat-meta-compact-offset-block-start:6px;margin-top:var(--support-chat-meta-compact-offset-block-start)}.support-chat-history{padding:var(--space-16) var(--space-12) var(--space-20)}.support-message{max-width:88%}.support-composer{padding:var(--space-8) var(--space-12) var(--support-composer-padding-block-end)}.support-file-field.is-composer .support-file-button,.support-send-button{height:var(--control-height-compact);min-height:var(--control-height-compact);width:var(--control-height-compact)}.support-file-field.is-composer,.support-file-field.is-composer .support-file-control{width:var(--control-height-compact)}.support-chat-jump{bottom:var(--space-12);right:var(--space-12)}.support-admin-metrics-grid{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse){.support-file-button,.support-send-button,.support-file-clear,.support-rating-form label{min-width:var(--control-height);min-height:var(--control-height)}.support-file-field.is-composer,.support-file-field.is-composer .support-file-control{width:var(--control-height)}.support-file-field.is-composer .support-file-button,.support-settings-audit summary,.support-attachments a{min-width:var(--control-height);min-height:var(--control-height)}.support-attachments a{align-items:center;display:inline-flex}}
