.support{gap:.75rem;min-inline-size:0;margin-block:1.5rem;display:grid}.support__notice{border-radius:var(--radius);font-size:var(--text-sm);margin-block-end:1.5rem;padding:.75rem 1rem}.support__notice--ok{background:var(--ok-wash,var(--success-soft));color:var(--ok-ink,var(--success))}.support__notice--error{background:var(--warn-wash,var(--warning-soft));color:var(--warn-ink,var(--warning))}.support__ticket{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-primary);min-inline-size:0;overflow:hidden}.support__head{font-size:var(--text-base);margin:0;font-weight:500}.support__toggle{gap:.75rem;padding:.875rem 1rem}.support__title{overflow-wrap:anywhere;font-weight:600}.support__meta{color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap}.support__status{border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;padding:.125rem .625rem;font-weight:600}.support__status--open{background:color-mix(in srgb,var(--no-wash,var(--danger))15%,transparent);color:var(--no-ink,var(--danger))}.support__status--answered{background:var(--ok-wash,var(--success-soft));color:var(--ok-ink,var(--success))}.support__status--closed{color:var(--text-muted);border:1px solid var(--border-light);background:0 0}.support__panel{border-block-start:1px solid var(--border-light);padding:0 1rem 1.25rem;gap:1.25rem;padding-block-start:1rem;display:grid}.support__thread{overscroll-behavior:contain;align-content:start;gap:.625rem;max-block-size:min(26rem,60svh);min-inline-size:0;padding-inline-end:.25rem;display:grid;overflow-y:auto}.support__kind{border-radius:var(--radius-sm);border:1px solid var(--border-light);color:var(--text-muted);font-size:var(--text-xs);flex:none;padding-inline:.4rem;line-height:1.7}.support__kind--chat{border-color:var(--line-brand,var(--primary));color:var(--ink-brand,var(--primary))}.support__note.is-bad{color:var(--no-ink,var(--danger))}.support__message{border-radius:var(--radius-lg);overflow-wrap:anywhere;gap:.25rem;max-inline-size:min(85%,40rem);padding:.625rem .875rem;display:grid}.support__message strong{font-size:var(--text-xs);opacity:.75;align-items:baseline;gap:.5rem;font-weight:600;display:flex}.support__when{font-weight:400;font-size:var(--text-xs);margin-inline-start:auto}.support__message p{white-space:pre-line;margin:0}.support__message--customer{background:var(--wash-brand,var(--primary-soft));color:var(--text-primary);border-start-start-radius:var(--radius-sm);justify-self:start}.support__message--staff{background:var(--fill-brand,var(--primary));color:var(--on-fill-brand,var(--on-primary));border-start-end-radius:var(--radius-sm);justify-self:end}.support__message--first{border-radius:var(--radius);border-inline-start:3px solid var(--line-brand,var(--primary));background:var(--wash-brand,var(--primary-soft));max-inline-size:100%;color:var(--text-primary);justify-self:stretch}.support__empty{color:var(--text-secondary);font-size:var(--text-sm);margin:0}@media (width<=640px){.support__meta{inline-size:100%}.support__message{max-inline-size:95%}}.support{gap:.5rem;display:grid}.support__row{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);color:inherit;grid-template-columns:auto minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.5rem .625rem;text-decoration:none;display:grid}.support__row:hover{border-color:var(--line-brand,var(--primary))}.support__row .support__title{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-weight:700;overflow:hidden}.support__row .support__meta{min-inline-size:0;color:var(--text-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.support__sheet{inset:var(--vvt,0px)0 auto 0;block-size:var(--vvh,100dvh);z-index:130;place-items:stretch center;display:grid;position:fixed}.support__scrim{z-index:0;background:color-mix(in srgb,var(--bg-dark)55%,transparent);position:absolute;inset:0}.support__card{z-index:1;min-block-size:0;inline-size:100%;max-inline-size:46rem;background:var(--bg-primary);flex-direction:column;gap:.625rem;padding:.75rem;padding-block-end:calc(.75rem + env(safe-area-inset-bottom));display:flex;position:relative;overflow:hidden}.support__sheet-head{border-block-end:1px solid var(--border-light);flex:none;align-items:center;gap:.5rem;padding-block-end:.5rem;display:flex}.support__sheet-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;font-weight:700;overflow:hidden}.support__sheet-close{color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;background:0 0;border:0;flex:none;padding-inline:.5rem;line-height:1}.support__sheet .support__thread{flex:auto;max-block-size:none}.support__sheet .support__reply{flex:none}body.support-open{overflow:hidden}.support__actions{flex-wrap:nowrap;flex:none;align-items:center;gap:.375rem;display:flex}.support__actions>*{align-self:center}.support__delform{margin:0;padding:0;display:flex}.support__drop{border-color:var(--no-line,var(--danger));color:var(--no-ink,var(--danger))}.support__statusform{align-items:center;gap:.375rem;margin-block:0;margin-inline-start:auto;padding:0;display:flex}.support__statusform select{min-block-size:0;inline-size:auto;min-inline-size:0;line-height:1;font-size:var(--text-xs);margin:0;padding-block:.625rem}.support__actions .btn{white-space:nowrap;flex:none}@media (width>=769px){.support__card{border-radius:var(--radius-lg);align-self:center;max-block-size:90svh}}