.support-desk{height:100dvh;min-height:36rem;padding-top:var(--galaxy-fixed-header-offset);background:var(--support-page-bg);color:var(--semi-color-text-0);overflow:hidden}.support-desk__inner{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.support-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.support-auth-state{min-height:0;padding:var(--spacing-8);background:var(--support-surface);flex:1;place-items:center;display:grid}.support-auth-state>.semi-skeleton{width:min(100%,42rem)}.support-desk__banner{flex:none}.support-workspace{border-top:var(--border-width) solid var(--support-border);background:var(--support-surface);flex:1;grid-template-columns:20rem minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.support-ticket-rail,.support-conversation{min-width:0;min-height:0}.support-ticket-rail{border-right:var(--border-width) solid var(--support-border);background:var(--support-surface-raised);flex-direction:column;display:flex}.support-ticket-rail>header{justify-content:space-between;align-items:center;gap:var(--spacing-3);min-height:4.5rem;padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--border-width) solid var(--support-border);display:flex}.support-ticket-rail h1{margin:0;font-size:1.05rem}.support-ticket-rail__actions{align-items:center;gap:var(--spacing-1);display:flex}.support-ticket-rail__filter.semi-select{width:auto;margin:var(--spacing-3) var(--spacing-4)}.support-ticket-rail__list{border-top:var(--border-width) solid var(--support-border);scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.support-ticket-rail>footer{border-top:var(--border-width) solid var(--support-border);justify-content:center;align-items:center;min-height:3.5rem;display:flex}.support-ticket-item{width:100%;min-height:4.25rem;padding:var(--spacing-2) var(--spacing-3);border:0;border-bottom:var(--border-width) solid var(--support-border);color:inherit;cursor:pointer;font:inherit;text-align:left;align-items:center;gap:var(--spacing-3);transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;display:flex;position:relative}.support-ticket-item__avatar{flex:none}.support-ticket-item__body{justify-content:center;gap:var(--spacing-1);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.support-ticket-item:before{background:var(--support-signal-blue);content:"";opacity:0;width:.2rem;position:absolute;inset:0 auto 0 0}.support-ticket-item:hover,.support-ticket-item.is-active{background:color-mix(in srgb, var(--support-signal-blue) 8%, transparent)}.support-ticket-item.is-active:before{opacity:1}.support-ticket-item__topline,.support-ticket-item__footer{align-items:center;gap:var(--spacing-2);width:100%;min-width:0;display:flex}.support-ticket-item__topline{color:var(--semi-color-text-0);font-size:.84rem}.support-ticket-item__topline strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.support-ticket-item__topline time{color:var(--semi-color-text-3);font-size:.68rem;font-weight:var(--font-weight-regular);margin-left:auto}.support-ticket-item__preview{min-width:0;color:var(--semi-color-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;line-height:1.3;overflow:hidden}.support-ticket-item__footer{color:var(--semi-color-text-3);font-size:.7rem}.support-ticket-item__footer>.semi-tag{flex:none}.support-conversation{background:var(--support-surface);flex-direction:column;display:flex}.support-conversation__header{align-items:center;gap:var(--spacing-3);min-height:4.5rem;padding:var(--spacing-3) var(--spacing-5);border-bottom:var(--border-width) solid var(--support-border);background:var(--support-surface-raised);display:flex}.support-conversation__header>div:first-of-type{min-width:0}.support-conversation__header h2{margin:0 0 var(--spacing-1);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.support-conversation__header span{color:var(--semi-color-text-2);font-size:.72rem}.support-conversation__actions{align-items:center;gap:var(--spacing-2);margin-left:auto;display:flex}.support-conversation__back.semi-button{display:none}.support-conversation__notice{margin:var(--spacing-3) var(--spacing-4) 0}.support-conversation__messages{min-height:0;padding:var(--spacing-5) var(--spacing-6);gap:var(--spacing-4);scrollbar-width:thin;flex-direction:column;flex:1;display:flex;overflow:auto}.support-conversation__dayline{align-items:center;gap:var(--spacing-3);color:var(--semi-color-text-3);font-size:.7rem;display:flex}.support-conversation__dayline:before,.support-conversation__dayline:after{height:var(--border-width);background:var(--support-border);content:"";flex:1}.support-message{gap:var(--spacing-1);flex-direction:column;width:min(78%,36rem);margin:0;display:flex}.support-message.is-customer{align-self:flex-end;align-items:flex-end}.support-message.is-agent{align-self:flex-start}.support-message>header{align-items:center;gap:var(--spacing-3);padding-inline:var(--spacing-1);color:var(--semi-color-text-3);font-size:.7rem;display:flex}.support-message.is-customer>header{flex-direction:row-reverse}.support-message__bubble{padding:var(--spacing-3) var(--spacing-4);border:var(--border-width) solid var(--support-border);border-radius:var(--radius-container) var(--radius-container) var(--radius-container) var(--spacing-1);background:var(--support-surface-raised)}.support-message.is-customer .support-message__bubble{border-color:color-mix(in srgb, var(--support-signal-blue) 36%, var(--support-border));border-radius:var(--radius-container) var(--radius-container) var(--spacing-1) var(--radius-container);background:color-mix(in srgb, var(--support-signal-blue) 15%, var(--support-surface-raised))}.support-message__bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.7}.support-message__attachments{margin-top:var(--spacing-2);gap:var(--spacing-1);flex-wrap:wrap;display:flex}.support-message--system{width:auto;color:var(--semi-color-text-3);flex-direction:row;align-self:center;align-items:center;font-size:.7rem}.support-composer{max-height:45%;padding:var(--spacing-3) var(--spacing-5);border-top:var(--border-width) solid var(--support-border);background:var(--support-surface-raised);flex:none;overflow:auto}.support-composer.is-needed{box-shadow:inset 0 0 0 var(--border-width) color-mix(in srgb, var(--support-signal-amber) 44%, transparent)}.support-composer__heading,.support-composer__footer,.support-composer__closed{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.support-composer__heading{min-height:1.5rem;margin-bottom:var(--spacing-2)}.support-composer__heading strong{font-size:.8rem}.support-upload-state{color:var(--semi-color-text-3);font-size:.7rem}.support-composer__footer{margin-top:var(--spacing-2);align-items:flex-end}.support-composer__footer>.semi-button{min-width:6rem}.support-composer__closed{color:var(--support-signal-green);justify-content:flex-start}.support-composer__rating{margin-top:var(--spacing-3);align-items:center;gap:var(--spacing-3);grid-template-columns:auto minmax(12rem,1fr) auto;display:grid}.support-composer__rating>span{color:var(--support-signal-green);align-items:center;gap:var(--spacing-2);display:inline-flex}.support-file-picker{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;min-width:0;display:flex}.support-file-picker>input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.support-file-picker__list{gap:var(--spacing-2);flex-wrap:wrap;width:100%;display:flex}.support-file-chip{align-items:center;gap:var(--spacing-1);max-width:15rem;padding:var(--spacing-1) var(--spacing-2);border:var(--border-width) solid var(--support-border);border-radius:var(--radius-element);background:var(--support-surface-soft);color:var(--semi-color-text-1);font-size:.7rem;display:inline-flex}.support-file-chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.support-file-chip>button{border-radius:var(--radius-full);width:1.25rem;height:1.25rem;color:var(--semi-color-text-2);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.support-workspace__state{min-height:12rem;padding:var(--spacing-6);color:var(--semi-color-text-2);justify-content:center;align-items:center;gap:var(--spacing-3);text-align:center;flex-direction:column;display:flex}.support-workspace__state>svg{color:var(--support-signal-blue);font-size:2rem}.support-workspace__state>span{max-width:28rem;font-size:.75rem;line-height:1.6}.support-workspace__state--large{min-height:100%}.support-create-form{gap:var(--spacing-4);flex-direction:column;display:flex}.support-create-form>label{color:var(--semi-color-text-1);font-size:.82rem;font-weight:var(--font-weight-medium);gap:var(--spacing-2);flex-direction:column;display:flex}.support-create-form>label .semi-select{width:100%}.support-create-form__upload{padding:var(--spacing-2) var(--spacing-3);border:var(--border-width) solid var(--support-border);color:var(--semi-color-text-2);justify-content:space-between;align-items:center;font-size:.72rem;display:flex;position:relative;overflow:hidden}.support-create-form__upload i{background:var(--support-signal-blue);height:.15rem;transition:width var(--duration-fast) var(--ease-standard);position:absolute;bottom:0;left:0;right:0}.support-ticket-item:focus-visible,.support-file-chip>button:focus-visible{outline:2px solid var(--support-signal-cyan);outline-offset:-2px}@media (max-width:52rem){.support-workspace{display:block}.support-ticket-rail,.support-conversation{height:100%}.support-workspace:not(.is-detail-open) .support-conversation,.support-workspace.is-detail-open .support-ticket-rail{display:none}.support-conversation__back.semi-button{flex:none;display:inline-flex}.support-conversation__header{padding:var(--spacing-3)}.support-conversation__actions>.semi-button{display:none}.support-conversation__messages{padding:var(--spacing-4) var(--spacing-3)}.support-message{width:88%}.support-composer{padding:var(--spacing-3)}.support-composer__footer,.support-composer__rating{flex-direction:column;grid-template-columns:1fr;align-items:stretch}}@media (max-width:30rem){.support-ticket-rail>header,.support-ticket-item{padding-inline:var(--spacing-3)}.support-conversation__header>div:first-of-type span{display:none}.support-conversation__actions{gap:var(--spacing-1)}}@media (prefers-reduced-motion:reduce){.support-ticket-item,.support-create-form__upload i{transition:none}}