.support-workspace{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(350px,1.6fr);gap:18px;align-items:start}.support-case-list,.support-case-detail{padding:18px;min-width:0}.support-toolbar{display:grid;gap:12px}.support-scopes{display:flex;gap:6px;flex-wrap:wrap}.support-workspace button,.support-workspace select,.support-upload input{font:inherit}.support-workspace button{cursor:pointer}.support-workspace button:disabled{cursor:default;opacity:.5}.support-scopes button,.support-pagination button,.support-toolbar>button,.support-toolbar form button,.support-case-detail form button,.support-dropzone{padding:8px 12px;border:1px solid #c9cfbe;border-radius:7px;background:#f7f8f4;color:#263022}.support-scopes button[aria-pressed=true]{background:#e1e6d2;border-color:#6f7950;font-weight:700}.support-toolbar form{display:flex;align-items:end;gap:8px}.support-toolbar label,.support-case-detail label{display:grid;gap:6px;min-width:0;flex:1;font-size:12px;font-weight:600}.support-toolbar input,.support-case-detail textarea,.support-case-detail select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #c9cfbe;border-radius:7px;background:white;font:inherit}.support-notice,.support-read-status{font-size:12px;color:#606b53;white-space:pre-wrap}.support-case-row{display:grid;width:100%;gap:7px;border:0;border-bottom:1px solid #e0e4da;background:white;text-align:left;padding:16px 8px;color:#263022}.support-case-row:hover,.support-case-row.selected{background:#f0f3e9}.support-case-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.support-case-top .support-status{margin-left:auto}.support-status{font-size:11px;padding:4px 7px;background:#e9eddf;border-radius:6px;white-space:nowrap}.support-unread{display:inline-grid;place-items:center;min-width:20px;height:20px;background:#9d3529;color:white;border-radius:50%;font-size:13px}.support-case-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5}.support-case-row small{color:#677062}.support-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;font-size:12px}.support-detail-heading{display:flex;align-items:center;gap:12px}.support-detail-heading>div{flex:1}.support-detail-heading h2{margin:5px 0}.support-detail-heading>button{border:0;background:none;font-size:24px}.support-description,.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.support-description{font-size:13px}.support-message-list{display:grid;gap:12px;margin-top:14px}.support-message{border:1px solid #e0e4da;border-radius:9px;padding:12px;background:#f9faf7;min-width:0}.support-message.own{margin-left:22px;background:#eef2e5}.support-message.status-event{border-left:3px solid #7c8457}.support-message header{display:flex;gap:10px;justify-content:space-between;font-size:12px;flex-wrap:wrap}.support-message time{color:#697261;font-size:11px}.support-message p{font-size:13px;margin:9px 0}.support-attachment{display:block;margin:8px 0;font-size:12px;overflow-wrap:anywhere;color:#3c5729}.support-case-detail form{display:grid;gap:10px;margin:16px 0}.support-case-detail [data-status-form]{grid-template-columns:1fr auto;align-items:end;border-block:1px solid #e0e4da;padding-block:14px}.support-case-detail [role=status]{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.support-dropzone{font-size:12px;text-align:center;border-style:dashed;cursor:pointer}.support-dropzone.dragging{background:#e1e6d2;border-color:#586735}.support-files{list-style:none;padding:0;margin:4px 0;display:grid;gap:7px}.support-files li{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;overflow-wrap:anywhere}.support-files button{background:none;border:0;font-size:20px;cursor:pointer}.support-upload{display:grid;gap:7px;margin-top:10px}.support-upload input{max-width:100%;font-size:12px}.support-archive-note{padding:12px;border-radius:6px;background:#f2efe5;font-size:13px;line-height:1.5}.support-empty{font-size:13px;color:#66715d;padding:12px 0}.support-workspace [hidden]{display:none!important}.support-workspace :focus-visible,.support-dropzone:focus-visible{outline:2px solid #6b7849;outline-offset:3px}@media(max-width:1000px){.support-workspace{grid-template-columns:1fr}.support-toolbar form{flex-wrap:wrap}.support-case-detail [data-status-form]{grid-template-columns:1fr}.support-case-list,.support-case-detail{padding:14px}}
.support-message-list{max-height:450px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.support-case-detail{scroll-margin-top:20px}.support-message-list .support-message{min-height:40px}@media(max-width:600px){.support-message-list{max-height:50vh}.support-workspace{gap:12px}.support-case-detail .support-detail-heading{flex-wrap:wrap}.support-case-detail .support-detail-heading h2{font-size:18px}.support-toolbar form input{min-width:0}.support-case-detail>form{min-width:0}}

/* Support-only offset for the 66px sticky workspace header. */
#module-view:has(> .support-workspace) { padding-top: 12px; scroll-margin-top: 82px; }
#module-view:has(> .support-workspace) > .module-heading,
#module-view > .support-workspace > .support-case-detail { scroll-margin-top: 82px; }