.tu-sup-case-no{font-family:var(--reef-font-mono);color:var(--reef-on-surface-subtle);font-size:12px}.tu-sup-subject{align-items:center;gap:8px;min-width:0;display:inline-flex}.tu-sup-subject__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow-x:clip}.tu-sup-subject>.tu-sup-subject__text{position:relative;inset-block-start:1px}@media (width<840px){.tu-sup-subject__text{-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1 1 0;min-width:0;display:-webkit-box;overflow:hidden}}.tu-sup-subject__text--unread{font-weight:var(--reef-font-heading-weight)}.tu-sup-meta{font-size:11px;font-weight:var(--reef-font-label-weight);letter-spacing:var(--reef-font-letter-spacing);color:var(--reef-on-surface-subtle);white-space:nowrap}.tu-sup-case__body{gap:var(--reef-page-gap);min-height:0;margin-bottom:var(--reef-page-gap);flex:1 1 0;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"chat side";display:grid}.tu-sup-case__chat{border:1px solid var(--reef-border);border-radius:var(--reef-radius-lg);flex-direction:column;grid-area:chat;min-height:0;display:flex;overflow:hidden}.tu-sup-case__lines{box-sizing:border-box;width:min(100%,46rem);padding:var(--reef-space-5);gap:var(--reef-space-3);flex-direction:column;margin-inline:auto;display:flex}.tu-sup-case__lines .reef-chat__line{max-width:min(80%,36rem)}.tu-sup-case__lines>.tu-sup-truncated{text-align:center}.tu-sup-case__foot{gap:var(--reef-space-3);padding:var(--reef-space-4) var(--reef-space-5);border-top:1px solid var(--reef-border-subtle);flex-direction:column;flex:none;display:flex}.tu-sup-case__foot>*{box-sizing:border-box;width:min(100%, calc(46rem - 2 * var(--reef-space-5)));margin-inline:auto}.tu-sup-case__foot>.reef-chat-composer{border-block-start:none;padding-block:0}.tu-sup-case__foot>.tu-sup-closed{margin-top:0}.tu-sup-case__side{gap:var(--reef-space-6);flex-direction:column;grid-area:side;min-height:0;display:flex;overflow-y:auto}.tu-sup-case__side-title{font-size:var(--reef-font-title-small);font-weight:var(--reef-font-heading-weight);color:var(--reef-on-surface);margin:0}.tu-sup-case__side>:is(.tu-sup-attachments,.tu-csat){padding-top:var(--reef-space-5);border-top:1px solid var(--reef-border-subtle);margin-top:0}.tu-sup-case__side .tu-sup-attachment__name{max-width:100%}@media (width<840px){.tu-sup-case__body{grid-template:"side""chat"minmax(0,1fr)/minmax(0,1fr)}.tu-sup-case__side{padding-bottom:var(--reef-page-gap);border-bottom:1px solid var(--reef-border-subtle);overflow-y:visible}}@media (width<600px),(pointer:coarse){.tu-sup-case__body{flex:none;grid-template-rows:none;margin-bottom:0}.tu-sup-case__chat,.tu-sup-case__side{overflow:visible}}@media (width<600px){.tu-sup-case__chat{border:none;border-radius:0}.tu-sup-case__lines,.tu-sup-case__foot{padding-inline:0}}.tu-sup-truncated{color:var(--reef-on-surface-subtle);margin:0 0 10px;font-size:12px;line-height:18px}.tu-sup-closed{flex-direction:column;gap:10px;margin-top:16px;display:flex}.tu-sup-closed__actions{justify-content:flex-start;display:flex}.tu-csat{flex-direction:column;gap:8px;margin-top:16px;display:flex}.tu-csat__prompt{font-size:13px;font-weight:var(--reef-font-heading-weight);color:var(--reef-on-surface);margin:0}.tu-csat__scale{gap:8px;display:flex}.tu-csat__rated{align-items:center;gap:10px;display:flex}.tu-csat__when{color:var(--reef-on-surface-subtle);font-size:12px}.tu-csat__thanks{color:var(--reef-on-surface);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.tu-csat__thanks .material-symbols-outlined{color:var(--reef-success);font-size:16px}.tu-csat__comment-actions{justify-content:flex-end;display:flex}.tu-sup-attachments{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.tu-sup-attachments h2{font-size:var(--reef-font-title-small);font-weight:var(--reef-font-heading-weight);letter-spacing:var(--reef-ls-title);color:var(--reef-on-surface);margin:0}.tu-sup-attachments__list{flex-direction:column;align-self:stretch;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tu-sup-attachment__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tu-sup-attachment__name{font-size:13px;font-weight:var(--reef-font-label-weight);color:var(--reef-on-surface);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:320px;overflow-x:clip}.tu-sup-attachment__size,.tu-sup-attachment__when{color:var(--reef-on-surface-subtle);font-size:12px}.tu-sup-attachment--refused .tu-sup-attachment__name{color:var(--reef-on-surface-subtle);text-decoration:line-through}.tu-sup-attachment__refusal{color:var(--reef-error);margin:2px 0 0;font-size:12px;line-height:18px}