.support-workspace{container-type:inline-size;container-name:support}.support-console{grid-template-columns:300px minmax(0,1fr);height:clamp(440px,calc(100svh - 250px),860px);min-height:0;overflow:hidden}.support-queue{display:flex;flex-direction:column;min-width:0;min-height:0;max-height:none;overflow:hidden;border-bottom:0;border-right:1px solid #e5e5e5}.support-queue-head{position:static;flex-shrink:0;padding:16px;background:#fff}.support-queue-head h2{font-size:15px;margin:0 0 12px;align-items:flex-start;gap:6px}.support-queue-head h2 span{font-size:11px;line-height:1.8}.support-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #ddd;border-radius:4px;color:#888;margin-bottom:10px;min-width:0}.support-search:focus-within{border-color:var(--brand-red)}.support-search input{width:100%;min-width:0;border:0;padding:9px 0;background:transparent;font-size:12px;outline:none}.support-search button{border:0;background:transparent;color:#777;font-size:20px;padding:0 3px}.support-queue-head select{width:100%;font-size:12px;padding:8px;background:#fafafa;border:1px solid #ddd;border-radius:4px}.support-queue-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.support-queue-row{padding:12px 16px;min-height:96px;max-height:none}.support-queue-row:hover{background:#faf6f6}.support-queue-row.selected{background:#f8f1f1}.support-queue-row strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-queue-row time{font-size:10px;color:#999;flex-shrink:0;font-variant-numeric:tabular-nums}.support-queue-row p{margin:7px 0;color:#777;line-height:1.5;font-size:12px}.support-queue-row em{font-style:normal;color:var(--brand-red)}.support-queue-row .support-queue-meta{justify-content:flex-start;gap:7px;min-width:0}.support-status{font-size:10px;padding:1px 5px;border-radius:3px;white-space:nowrap;background:#f3f3f3;color:#777}.support-status.waiting{background:#fff2dd;color:#86601a}.support-status.active{background:#eaf2ee;color:#376c4d}.support-subject{font-size:10px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.support-queue-note{flex-shrink:0;border-top:1px solid #eee;margin:0;padding:10px 16px;font-size:10px;background:#fff}.support-conversation{height:100%;min-height:0;overflow:hidden}.support-conversation>header{flex-shrink:0;flex-wrap:nowrap;padding:16px 20px;min-height:82px;align-items:center}.support-conversation>header>div{min-width:0}.support-conversation>header h2{font-size:16px;margin:0}.support-conversation>header p{font-size:12px;margin-top:5px;line-height:1.5;color:#777}.support-conversation>header small{display:block;color:#999;font-size:10px;margin-top:3px;overflow-wrap:anywhere}.support-conversation>header .button{flex-shrink:0}.support-staff-messages{padding:18px 20px;overscroll-behavior:contain;scrollbar-gutter:stable}.support-workspace .support-message{width:fit-content;max-width:85%;padding:9px 12px;margin-bottom:12px}.support-workspace .support-message p{line-height:1.7}.support-workspace .support-message.system{width:100%;max-width:100%;padding:4px}.support-reply{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px;background:#fff}.support-reply textarea{width:100%;min-height:66px;max-height:140px;line-height:1.6;border:1px solid #ddd;border-radius:4px;padding:10px 12px;margin:0;resize:vertical}.support-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.support-reply-actions small{font-size:10px;color:#999}.support-reply-actions .button{margin:0;min-height:35px;min-width:95px;padding:8px 12px}.support-mobile-nav{display:none}@container support (max-width:720px){.support-console{grid-template-columns:minmax(0,1fr);height:clamp(400px,calc(100svh - 210px),780px)}.support-queue{border-right:0;max-height:none}.support-console.has-selection .support-queue,.support-conversation{display:none}.support-console.has-selection .support-conversation{display:flex}.support-mobile-nav{display:block;flex-shrink:0;padding:10px 14px;border-bottom:1px solid #eee;background:#fff}.support-mobile-nav button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--brand-red);font-size:13px;padding:3px 0}.support-mobile-nav .unread-count{margin-left:5px}.support-conversation>header{padding:12px 14px;min-height:76px}.support-staff-messages{padding:14px}.support-queue-head h2{justify-content:space-between}.support-toolbar{align-items:center}.support-toolbar>div{max-width:65%;gap:6px}.support-toolbar>div>span:last-child{flex-basis:100%}.support-toolbar .button{white-space:nowrap}.support-workspace .support-message{max-width:92%}.support-reply{padding:10px 12px}}