.live-app{background:var(--bg);min-height:100dvh;color:var(--ink);font-size:15px;line-height:1.5}.live-app .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.live-app h1{letter-spacing:-.5px;font-size:23px;font-weight:650;line-height:1.2}.live-app h2{font-size:18px;font-weight:600;line-height:1.3}.live-app p,.live-app small{color:var(--muted)}.live-app label{gap:7px;font-size:14px;display:grid}.live-app input,.live-app textarea,.live-app select{background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;width:100%;padding:11px 12px;font-size:16px}.live-app textarea{resize:vertical;min-height:106px;line-height:1.6}.live-primary,.live-secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-size:14px;font-weight:600;display:inline-flex}.live-primary{background:var(--red);color:var(--on-action)}.live-primary:hover{background:var(--red-hover)}.live-secondary{border:1px solid var(--line-strong);background:var(--surface)}.live-secondary:hover{background:var(--hover)}.live-error{background:var(--note-bg);color:var(--note-ink);border-bottom:1px solid var(--note-line);overflow-wrap:anywhere;padding:12px 16px}.live-muted{color:var(--muted)}.live-auth{place-items:center;padding:24px;display:grid}.live-auth form{gap:22px;width:min(100%,390px);display:grid}.live-auth .live-brand{width:120px;height:auto;margin-bottom:14px}.live-auth header{gap:10px;display:grid}.live-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:73px;padding:15px 22px;display:flex}.live-toolbar>div{gap:4px;display:grid}.live-toolbar small{font-size:12px}.live-workspace{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.live-columns{flex:1;grid-template-columns:310px minmax(0,1fr);min-height:0;display:grid}.live-queue{border-right:1px solid var(--line);background:var(--surface);overflow:auto}.live-queue-title{justify-content:space-between;align-items:center;gap:12px;padding:22px 20px 15px;display:flex}.live-queue-title span{font-variant-numeric:tabular-nums;color:var(--muted)}.live-ticket{text-align:left;border-bottom:1px solid var(--line);gap:6px;width:100%;padding:17px 20px;display:grid}.live-ticket:hover{background:var(--hover)}.live-ticket[aria-current=true]{background:var(--active-bg)}.live-ticket>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.live-ticket small{text-transform:capitalize;font-size:12px}.live-ticket p{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.live-ticket strong{font-weight:550}.live-thread{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.live-thread-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:17px 24px;display:flex}.live-thread-heading>div{gap:4px;min-width:0;display:grid}.live-thread-heading p{overflow-wrap:anywhere;font-size:13px}.live-thread-actions{flex-direction:row;flex-shrink:0;gap:8px!important;display:flex!important}.live-timeline{flex-direction:column;flex:1;gap:18px;min-height:100px;padding:24px;display:flex;overflow:auto}.live-message{background:var(--subtle);border:1px solid var(--line);border-radius:12px;align-self:flex-start;width:min(88%,660px);padding:13px 16px}.live-message.reply{background:var(--reply-bg);border-color:var(--reply-line);align-self:flex-end}.live-message.note{background:var(--note-bg);color:var(--note-ink);border-color:var(--note-line)}.live-message header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:7px;font-size:12px;display:flex}.live-message header strong{font-weight:550}.live-message time{color:var(--muted);font-variant-numeric:tabular-nums}.live-message p{color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.live-composer{border-top:1px solid var(--line);gap:12px;padding:16px 24px 20px;display:grid}.live-composer>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-composer select{width:auto;padding:8px;font-size:14px}.live-composer textarea{max-height:200px}.live-empty{color:var(--muted);text-align:center;max-width:55ch;margin:auto;padding:36px 24px}.live-order-context{border-bottom:1px solid var(--line);background:var(--subtle);max-height:36vh;padding:17px 24px;overflow:auto}.live-order-context>header{justify-content:space-between;gap:16px;margin-bottom:10px;display:flex}.live-order-context ul{margin:14px 0 0;padding:0;list-style:none}.live-order-context li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.live-back{display:none}.storefront-chat{background:var(--surface);border-inline:1px solid var(--line);flex-direction:column;width:100%;max-width:560px;height:100dvh;min-height:0;margin-inline:auto;display:flex}.storefront-chat .live-toolbar{min-height:82px}.storefront-chat .live-toolbar h1{font-size:21px}.storefront-chat .live-toolbar small{font-size:13px}.storefront-chat .live-toolbar button{min-width:42px;min-height:42px;padding:10px}.storefront-chat .live-composer{padding:16px}.storefront-chat .live-timeline{padding:20px 16px}.chat-intro{gap:22px;padding:24px 20px;display:grid;overflow-y:auto}.chat-intro form{gap:18px;display:grid}.chat-intro h2{margin-bottom:8px}.chat-intro .live-primary{justify-self:start}.chat-message-count{font-size:12px}@media (max-width:680px){.live-toolbar{padding:13px 16px}.live-toolbar h1{font-size:20px}.live-columns{display:flex}.live-queue{border:0;width:100%}.live-thread{width:100%}.live-columns.has-selection .live-queue,.live-columns:not(.has-selection) .live-thread{display:none}.live-back{display:inline-flex}.live-thread-heading{flex-wrap:wrap;align-items:flex-start;padding:14px 16px}.live-thread-actions{justify-content:flex-end;width:100%}.live-thread-actions .live-secondary{min-height:38px;font-size:13px}.live-timeline{padding:20px 16px}.live-composer{padding:14px 16px}.live-message{width:min(94%,660px)}}
