.ic-demo{--ic-green:var(--ui-brand);--ic-ink:var(--ui-ink);--ic-muted:var(--demo-caption);--ic-line:var(--ui-border);--ic-paper:var(--ui-subtle);--ic-mint:var(--demo-inbox-mint);isolation:isolate;border:1px solid var(--demo-window-border);border-radius:var(--ui-radius-window);background:var(--ui-glass-raised);color:var(--ic-ink);box-shadow:var(--ui-glass-shadow-raised);font-size:var(--demo-text-label);position:relative;overflow:hidden}.ic-demo *{box-sizing:border-box}.ic-demo button,.ic-demo input,.ic-demo textarea,.ic-demo select{font:inherit;color:inherit}.ic-demo button{cursor:pointer;transition:var(--ui-action-transition)}.ic-demo button:disabled{cursor:not-allowed;opacity:1;background:var(--ui-action-disabled-bg);color:var(--ui-action-disabled-fg);border-color:var(--ui-action-disabled-border);box-shadow:none}.ic-demo button:focus-visible,.ic-demo input:focus-visible,.ic-demo textarea:focus-visible,.ic-demo select:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}.ic-demo svg{flex-shrink:0}.ic-workflow{align-items:center;gap:var(--space-12);min-height:76px;padding:var(--space-12) var(--space-24);background:var(--demo-inbox-workflow-wash);border-bottom:1px solid var(--ic-line);display:flex;position:relative}.ic-workflow-icon{width:40px;height:40px;color:var(--ic-green);border-radius:var(--radius-12);background:var(--demo-inbox-workflow-icon-surface) padding-box, var(--ui-brand-gradient) border-box;border:1px solid #0000;flex:none;place-items:center;display:grid;position:relative}.ic-workflow-icon.is-working:after{content:"";border:1px solid var(--demo-inbox-workflow-working-ring);border-radius:var(--radius-16);animation:2.2s ease-in-out infinite ic-agent-ring;position:absolute;inset:-5px}.ic-workflow-copy{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.ic-workflow-copy strong{font-size:var(--demo-text-body);letter-spacing:-.2px;font-weight:600;line-height:1.5}.ic-workflow-copy>span{font-size:var(--demo-text-caption);color:var(--ic-muted);max-width:520px;line-height:1.6}.ic-workflow-stages{align-items:center;gap:var(--space-16);display:flex}.ic-workflow-stages>span{align-items:center;gap:var(--space-8);font-size:var(--demo-text-caption);color:var(--ic-muted);white-space:nowrap;flex-direction:row;display:flex}.ic-workflow-stages i{border:1px solid var(--ui-border);width:20px;height:20px;font-size:var(--demo-text-caption);border-radius:50%;place-items:center;font-style:normal;display:grid}.ic-workflow-stages [data-active=true]{color:var(--ic-green)}.ic-workflow-stages [data-active=true] i{color:var(--ui-on-brand);background:linear-gradient(var(--ic-green), var(--ic-green)) padding-box, var(--ui-brand-gradient) border-box;box-shadow:0 0 0 4px var(--demo-inbox-workflow-active-halo);border-color:#0000}.ic-workflow-stages [data-done=true]{color:var(--ic-muted)}.ic-workflow-stages [data-done=true] i{border-color:var(--demo-inbox-workflow-done-border);background:var(--demo-inbox-workflow-done-surface)}.ic-workflow-line{background:var(--ic-line);height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.ic-workflow-line>span{background:var(--demo-inbox-workflow-progress);height:100%;display:block}.ic-body{grid-template-columns:52px 230px minmax(0,1fr) 251px;align-items:stretch;min-height:708px;display:grid}.ic-rail{align-items:center;gap:var(--space-16);padding:var(--space-20) var(--space-8);background:var(--demo-inbox-rail-surface);color:var(--demo-inbox-rail-text);background-image:radial-gradient(#789b6b12 .7px,#0000 .7px);background-size:15px 15px;flex-direction:column;display:flex}.ic-brand-mark{color:#092a1c;border-radius:var(--radius-8);width:31px;height:31px;margin-bottom:var(--space-12);background:#22d866;place-items:center;display:grid}.ic-rail-item{border-radius:var(--radius-8);place-items:center;width:34px;height:34px;display:grid}.ic-rail-item.is-active{background:var(--demo-inbox-rail-active-surface);color:var(--demo-inbox-rail-active-icon);position:relative}.ic-rail-item.is-active:before{content:"";border-radius:var(--radius-4);background:var(--demo-inbox-rail-active-marker);width:2px;position:absolute;top:8px;bottom:8px;left:-9px}.ic-rail-spacer{flex:1}.ic-avatar{color:#376151;width:35px;height:35px;font-size:var(--demo-text-caption);letter-spacing:-.3px;background:#e4eedb;border:1px solid #d6e2cc;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.ic-avatar--peach{background:#f7e9e2;border-color:#efdfd5}.ic-avatar--sand{background:#f4edda;border-color:#e8dfc6}.ic-avatar--small{width:24px;height:24px;font-size:var(--demo-text-caption)}.ic-queue{background:var(--demo-inbox-queue-surface);border-right:1px solid var(--ic-line);flex-direction:column;min-width:0;display:flex}.ic-queue-heading{align-items:center;gap:var(--space-8);padding:var(--space-24) var(--space-16) var(--space-16);display:flex}.ic-queue-heading h3{font-size:var(--demo-text-title);letter-spacing:-.4px;margin:0;font-weight:600;line-height:1.5}.ic-queue-heading>span{font-size:var(--demo-text-caption);text-align:center;border-radius:var(--radius-4);min-width:18px;color:var(--ic-muted);background:var(--demo-inbox-queue-count-surface);line-height:17px}.ic-queue-heading>svg{color:var(--ic-muted);margin-left:auto}.ic-account-filter{align-items:center;gap:var(--space-8);margin:0 var(--space-12) var(--space-12);padding:var(--space-12) var(--space-8);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--demo-inbox-account-filter-surface);color:var(--ic-green);display:flex}.ic-account-filter select{appearance:none;width:100%;font-size:var(--demo-text-label);cursor:pointer;background:0 0;border:0;outline:0;min-width:0}.ic-search{align-items:center;gap:var(--space-8);margin:0 var(--space-12) var(--space-16);padding:var(--space-8) var(--space-8);border:1px solid var(--ic-line);border-radius:var(--ui-radius-control);color:var(--ic-muted);background:var(--ui-surface);display:flex}.ic-search input{width:100%;min-width:0;font-size:var(--demo-text-label);background:0 0;border:0;outline:0;padding:0}.ic-search input::placeholder{color:var(--ic-muted)}.ic-queue-subhead{padding:0 var(--space-16) var(--space-12);font-size:var(--demo-text-caption);color:var(--ic-muted);justify-content:space-between;display:flex}.ic-conversations{padding:0 var(--space-8);gap:var(--space-4);flex-direction:column;display:flex}.ic-conversation{width:100%;padding:var(--space-16) var(--space-12);border-radius:var(--ui-radius-panel);text-align:left;transition:background var(--ui-duration) var(--ui-ease), border var(--ui-duration) var(--ui-ease);background:0 0;border:1px solid #0000;display:block;position:relative}.ic-conversation:hover{background:var(--ui-selected)}.ic-conversation[aria-pressed=true]{border-color:var(--demo-window-border);background:var(--ui-surface);box-shadow:var(--ui-shadow-card)}.ic-conversation[aria-pressed=true]:before{content:"";background:var(--ui-brand);border-radius:var(--radius-4);width:3px;position:absolute;top:22px;bottom:22px;left:-9px}.ic-conversation-top{align-items:flex-start;gap:var(--space-8);display:flex}.ic-conversation-top>span:nth-child(2){gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.ic-conversation-top strong{text-overflow:clip;white-space:normal;font-size:var(--demo-text-label);overflow-wrap:anywhere;font-weight:550;line-height:1.5;overflow:visible}.ic-conversation-top small{font-size:var(--demo-text-caption);color:var(--ic-muted);white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.ic-conversation-meta time{font-size:var(--demo-text-caption);font-variant-numeric:tabular-nums;color:var(--ic-muted);white-space:nowrap;flex-shrink:0;align-self:flex-start;margin-top:0;line-height:1.6}.ic-conversation p{font-size:var(--demo-text-caption);margin:var(--space-12) 0 var(--space-8);color:var(--ic-muted);white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.65;overflow:visible}.ic-conversation-meta{color:var(--ic-muted);justify-content:space-between;align-items:flex-start;gap:var(--space-4) var(--space-8);flex-wrap:wrap;display:flex}.ic-conversation-meta>span{align-items:center;gap:var(--space-4);font-size:var(--demo-text-caption);overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.6;display:flex}.ic-conversation-meta i,.ic-account-health i,.ic-chat-toolbar i,.ic-customer-facts i{background:var(--demo-inbox-account-online);border-radius:50%;flex:none;width:4px;height:4px;display:inline-block}.ic-conversation-meta>b{background:var(--ui-brand);width:16px;height:16px;color:var(--ui-on-brand);font-size:var(--demo-text-caption);border-radius:50%;flex-shrink:0;place-items:center;min-width:18px;min-height:18px;font-weight:500;display:grid}.ic-queue-tags{gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;align-items:center;display:flex}.ic-queue-tags>span{padding:var(--space-4) var(--space-4);border-radius:var(--radius-4);background:var(--demo-inbox-queue-tag-surface);color:var(--ui-text);font-size:var(--demo-text-caption)}.ic-queue-tags small{font-size:var(--demo-text-caption);color:var(--ic-muted);margin-left:auto}.ic-account-health{margin:auto var(--space-16) 0;padding:var(--space-24) 0 var(--space-16);color:var(--ic-muted)}.ic-account-health>span{align-items:center;gap:var(--space-8);font-size:var(--demo-text-caption);display:flex}.ic-account-health>div{gap:var(--space-4);margin:var(--space-12) 0 var(--space-8);flex-wrap:wrap;display:flex}.ic-account-health>div>span{font-size:var(--demo-text-caption);padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-4);white-space:nowrap;flex:none;line-height:1.5}.ic-account-health small{font-size:var(--demo-text-caption);line-height:1.7}.ic-empty-search{padding:var(--space-24) var(--space-8);font-size:var(--demo-text-caption);color:var(--ic-muted);line-height:1.65}.ic-empty-search button{margin-top:var(--space-16);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);padding:var(--space-8) var(--space-12);background:var(--ui-action-secondary-bg);color:var(--ui-action-secondary-fg);border-color:var(--ui-action-secondary-border);box-shadow:var(--ui-action-secondary-shadow);transition:var(--ui-action-transition);touch-action:manipulation;display:block}.ic-chat{background:var(--ui-surface);flex-direction:column;min-width:0;display:flex}.ic-chat-heading{align-items:center;gap:var(--space-8);padding:var(--space-20) var(--space-20) var(--space-16);min-height:75px;display:flex}.ic-chat-heading>div:nth-child(2){gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.ic-chat-heading strong{align-items:center;gap:var(--space-8);font-size:var(--demo-text-label);flex-wrap:wrap;font-weight:550;line-height:1.5;display:flex}.ic-chat-heading strong>span{padding:var(--space-2) var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-4);color:var(--ui-ink);font-size:var(--demo-text-caption);font-weight:400}.ic-chat-heading small{font-size:var(--demo-text-caption);color:var(--ic-muted);white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.ic-chat-owner{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-8);border:1px solid var(--ui-border);background:var(--ui-subtle);border-radius:var(--radius-8);color:var(--ic-muted);font-size:var(--demo-text-caption);white-space:nowrap;margin-left:auto;display:flex}.ic-chat-toolbar{padding:var(--space-12) var(--space-16);border-block:1px solid var(--demo-inbox-toolbar-border);font-size:var(--demo-text-caption);color:var(--ic-muted);background:var(--demo-inbox-queue-surface);justify-content:space-between;align-items:center;min-height:39px;display:flex}.ic-chat-toolbar>span{align-items:center;gap:var(--space-4);display:flex}.ic-chat-toolbar small{color:var(--ic-muted);font-size:var(--demo-text-caption);margin-left:var(--space-4)}.ic-chat-toolbar .ic-sla{color:var(--demo-inbox-sla-pending-text);font-size:var(--demo-text-caption);font-variant-numeric:tabular-nums}.ic-chat-toolbar .ic-sla.is-met{color:var(--demo-inbox-sla-met-text)}.ic-transcript{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--demo-inbox-transcript-scrollbar) transparent;min-height:296px;max-height:373px;padding:var(--space-16) var(--space-16) var(--space-16);background:var(--demo-inbox-transcript-surface);background-image:radial-gradient(#8da17b16 .6px,#0000 .6px);background-size:15px 15px;flex:1;position:relative;overflow-y:auto}.ic-date-divider{text-align:center;font-size:var(--demo-text-caption);color:var(--ic-muted);margin:0 0 var(--space-12)}.ic-date-divider>span{border-radius:var(--radius-4);padding:var(--space-4) var(--space-8);background:var(--demo-inbox-date-surface);display:inline-block}.ic-campaign-origin{justify-content:center;align-items:center;gap:var(--space-4);font-size:var(--demo-text-caption);color:var(--ic-muted);margin-bottom:var(--space-12);display:flex}.ic-campaign-origin>span:last-child{padding-left:var(--space-8);border-left:1px solid var(--ui-border);color:var(--ic-muted)}.ic-message{width:fit-content;max-width:88%;padding:var(--space-12) var(--space-12) var(--space-8);font-size:var(--demo-text-body);border-radius:var(--ui-radius-panel);background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-card);overflow-wrap:anywhere;line-height:1.75}.ic-message p{font-size:inherit;font-weight:400;line-height:inherit;margin:0}.ic-message--out{margin:0 0 var(--space-16) auto;border-color:var(--demo-inbox-outgoing-border);border-radius:var(--radius-12) var(--radius-12) var(--radius-4) var(--radius-12);background:var(--demo-inbox-outgoing-surface);color:var(--demo-inbox-outgoing-text)}.ic-history-message{opacity:1;max-width:80%;font-size:var(--demo-text-caption);padding:var(--space-12) var(--space-12) var(--space-8);line-height:1.65}.ic-message footer{justify-content:flex-end;align-items:center;gap:var(--space-8);color:var(--ic-muted);font-size:var(--demo-text-caption);margin-top:var(--space-8);line-height:1.5;display:flex}.ic-message-row{align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-12);display:flex}.ic-message-row>.ic-avatar{margin-top:var(--space-4)}.ic-message--in{border-radius:var(--radius-4) var(--radius-12) var(--radius-12) var(--radius-12);max-width:calc(100% - 35px)}.ic-message--in footer{color:var(--ic-muted);justify-content:space-between}.ic-translation-label{align-items:center;gap:var(--space-4);width:fit-content;margin-bottom:var(--space-4);font-size:var(--demo-text-caption);color:var(--demo-inbox-translation-label);padding:var(--space-2) var(--space-4);border-radius:var(--radius-4);background:var(--demo-focus-surface);display:flex}.ic-original-toggle{align-items:center;gap:var(--space-4);margin-top:var(--space-8);padding:0 var(--space-2);background:0 0;border:0;line-height:1.5;display:flex;color:var(--ic-muted)!important;font-size:var(--demo-text-caption)!important}.ic-message .ic-translated-copy{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--ui-border)}.ic-thread-status{justify-content:center;align-items:center;gap:var(--space-8);font-size:var(--demo-text-caption);color:var(--ic-muted);margin:var(--space-12) 0;display:flex}.ic-thread-status>span:nth-child(2){line-height:1.7}.ic-typing{align-items:center;gap:var(--space-4);height:12px;display:inline-flex}.ic-typing i{background:var(--demo-inbox-typing-dot);border-radius:50%;width:3px;height:3px;animation:1.2s ease-in-out infinite ic-typing}.ic-typing i:nth-child(2){animation-delay:.18s}.ic-typing i:nth-child(3){animation-delay:.36s}.ic-assignment-event{justify-content:center;align-items:center;gap:var(--space-4);font-size:var(--demo-text-caption);color:var(--ic-muted);margin:var(--space-16) 0;display:flex}.ic-assignment-event>span:first-child,.ic-assignment-event>span:last-child{background:var(--demo-inbox-assignment-divider);flex:1;max-width:28px;height:1px}.ic-assignment-event small{font-size:var(--demo-text-caption);color:var(--ic-muted)}.ic-attachment{align-items:center;gap:var(--space-8);width:100%;margin-top:var(--space-12);padding:var(--space-12) var(--space-8);border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);background:var(--demo-inbox-attachment-surface);text-align:left;line-height:1.6;display:flex}.ic-attachment>span{background:var(--demo-inbox-attachment-icon-surface);border:1px solid var(--ui-border);border-radius:var(--radius-4);width:30px;height:35px;color:var(--ic-muted);place-items:center;display:grid}.ic-attachment>div{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.ic-attachment strong{font-size:var(--demo-text-label);font-weight:550;line-height:1.6}.ic-attachment small{font-size:var(--demo-text-caption);color:var(--ic-muted)}.ic-attachment>svg{color:var(--ic-muted)}.ic-product-detail{margin-top:var(--space-8);font-size:var(--demo-text-caption);color:var(--ic-muted);line-height:1.65}.ic-internal-note{margin:var(--space-16) 0 var(--space-12) var(--space-32);padding:var(--space-12) var(--space-12);border:1px solid var(--demo-inbox-note-border);border-radius:var(--ui-radius-panel);background:var(--demo-inbox-note-surface);color:var(--demo-inbox-note-text);font-size:var(--demo-text-caption);border-left:3px solid var(--ui-warning-border);line-height:1.65}.ic-internal-note header{align-items:center;gap:var(--space-4);font-size:var(--demo-text-caption);color:var(--demo-inbox-note-heading);display:flex}.ic-internal-note header>b{font-weight:600}.ic-internal-note header>span{font-size:var(--demo-text-caption);color:var(--demo-inbox-note-timestamp);margin-left:auto}.ic-internal-note p{font-size:var(--demo-text-caption);margin:var(--space-8) 0 0;line-height:1.65}.ic-presence{align-items:center;gap:var(--space-8);margin:var(--space-12) 0 0 var(--space-32);color:var(--ic-muted);font-size:var(--demo-text-caption);display:flex}.ic-auto-inbound{margin-top:var(--space-16)}.ic-message--auto{background:var(--demo-inbox-auto-message-surface)}.ic-composer{padding:0 var(--space-16) var(--space-12);background:var(--ui-surface);border-top:1px solid var(--ic-line);flex-shrink:0;min-height:183px;position:relative}.ic-compose-tabs{align-items:center;gap:var(--space-4) var(--space-12);min-height:42px;padding-block:var(--space-4);flex-wrap:wrap;display:flex}.ic-compose-tabs>button{align-items:center;gap:var(--space-4);padding:var(--space-8) 0;font-size:var(--demo-text-caption);white-space:normal;background:var(--ui-action-quiet-bg);color:var(--ui-action-quiet-fg);border:0;border-color:var(--ui-action-quiet-border);box-shadow:var(--ui-action-quiet-shadow);transition:var(--ui-action-transition);touch-action:manipulation;line-height:1.5;display:flex}.ic-compose-tabs>button[aria-pressed=true]{color:var(--ui-brand);font-weight:600}.ic-compose-tabs>span{flex:1}.ic-compose-tabs .ic-suggest-trigger{color:var(--ui-brand)}.ic-suggest-trigger>svg{color:var(--ui-accent)}.ic-composer textarea{resize:vertical;border:1px solid var(--ui-border);border-radius:var(--radius-8);width:100%;padding:var(--space-12) var(--space-12);background:var(--ui-surface);font-size:var(--demo-text-label);border-color:var(--ui-border-strong);outline:0;min-height:82px;max-height:220px;line-height:1.7;display:block}.ic-composer textarea::placeholder{font-size:var(--demo-text-label);color:var(--ic-muted);line-height:1.65}.ic-compose-footer{justify-content:space-between;align-items:center;gap:var(--space-12);padding-top:var(--space-12);flex-wrap:wrap;min-height:42px;display:flex}.ic-compose-footer>span{align-items:center;gap:var(--space-4);font-size:var(--demo-text-caption);color:var(--ic-muted);min-width:0;line-height:1.6;display:flex}.ic-compose-footer .ic-confirm{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border:1px solid var(--ic-green);border-radius:var(--radius-8);font-size:var(--demo-text-action);white-space:nowrap;background:var(--ui-action-primary-bg);color:var(--ui-action-primary-fg);border-color:var(--ui-action-primary-border);box-shadow:var(--ui-action-primary-shadow);transition:var(--ui-action-transition);touch-action:manipulation;display:flex}.ic-ai-bar{align-items:center;gap:var(--space-8);margin:var(--space-12) 0 0;padding:var(--space-12) var(--space-12);border:1px solid var(--demo-inbox-ai-bar-border);border-radius:var(--radius-8);background:var(--demo-inbox-ai-bar-wash);color:var(--ic-muted);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.ic-ai-mark{border-radius:var(--ui-radius-control);background:var(--demo-inbox-ai-mark-surface);width:27px;height:27px;color:var(--ui-brand-accent);flex:none;place-items:center;display:grid}.ic-ai-bar>div{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.ic-ai-bar strong{font-size:var(--demo-text-label);font-weight:600;line-height:1.6}.ic-ai-bar small{font-size:var(--demo-text-caption);color:var(--ic-muted);line-height:1.5}.ic-ai-bar>button{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-8);border:1px solid var(--demo-inbox-ai-action-border);border-radius:var(--ui-radius-control);font-size:var(--demo-text-label);background:var(--ui-action-secondary-bg);color:var(--ui-action-secondary-fg);border-color:var(--ui-action-secondary-border);box-shadow:var(--ui-action-secondary-shadow);transition:var(--ui-action-transition);touch-action:manipulation;margin-left:auto;line-height:1.5;display:flex}.ic-use-arrow{transform:rotate(90deg)}.ic-ai-steps{gap:var(--space-12);align-items:center;display:flex}.ic-ai-steps>span:not(.ic-typing){align-items:center;gap:var(--space-4);font-size:var(--demo-text-caption);color:var(--demo-inbox-ai-step-text);display:flex}.ic-ai-progress{background:var(--demo-inbox-ai-progress-track);height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ic-ai-progress:after{content:"";background:var(--demo-inbox-ai-progress-signal);animation:1.6s linear infinite ic-flow;display:block;position:absolute;inset:0;transform:translate(-100%)}.ic-ai-suggestion{margin:var(--space-8) 0 0;padding:var(--space-12) var(--space-12);background:var(--demo-inbox-ai-suggestion-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);font-size:var(--demo-text-label);color:var(--ic-muted);line-height:1.7}.ic-quick-menu{padding:var(--space-12) var(--space-12);margin:0 0 var(--space-8);background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);box-shadow:0 9px 25px -15px var(--demo-inbox-quick-menu-shadow);overflow:hidden}.ic-quick-menu>div{color:var(--ic-muted);font-size:var(--demo-text-caption);margin-bottom:var(--space-8);justify-content:space-between;display:flex}.ic-quick-menu>button{align-items:center;gap:var(--space-8);width:100%;padding:var(--space-8) var(--space-8);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);text-align:left;background:var(--ui-action-secondary-bg);color:var(--ui-action-secondary-fg);border-color:var(--ui-action-secondary-border);box-shadow:var(--ui-action-secondary-shadow);transition:var(--ui-action-transition);touch-action:manipulation;display:flex}.ic-quick-menu b{font-size:var(--demo-text-label);color:var(--ui-text);font-weight:550;line-height:1.6}.ic-quick-menu>button>span{line-height:1.65;font-size:var(--demo-text-caption);color:var(--ic-muted);flex:1}.ic-quick-menu>button>svg{color:var(--ic-muted)}.ic-note-hint{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-8) var(--space-8);border-radius:var(--radius-4);background:var(--demo-inbox-note-hint-surface);color:var(--demo-inbox-note-hint-text);font-size:var(--demo-text-caption);line-height:1.6;display:flex}.ic-review-note{align-items:center;gap:var(--space-4);color:var(--ic-muted);font-size:var(--demo-text-caption);margin-top:var(--space-8);line-height:1.5;display:flex}.ic-customer{border-left:1px solid var(--ic-line);background:var(--demo-inbox-customer-surface);min-width:0}.ic-customer>header{padding:var(--space-16);border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;min-height:49px;display:flex}.ic-customer>header>span:first-child{align-items:center;gap:var(--space-8);font-size:var(--demo-text-body);font-weight:550;line-height:1.5;display:flex}.ic-customer>header>span:last-child{font-size:var(--demo-text-caption);color:var(--ic-muted)}.ic-customer-identity{align-items:center;gap:var(--space-4) var(--space-12);padding:var(--space-16);flex-direction:column;grid-template-columns:36px minmax(0,1fr);display:grid}.ic-customer-identity>.ic-avatar{width:36px;height:36px;font-size:var(--demo-text-label);grid-area:1/1/3;align-self:center;margin-bottom:0}.ic-customer-identity>strong{font-size:var(--demo-text-body);font-weight:600}.ic-customer-identity>span:not(.ic-avatar){font-size:var(--demo-text-caption);color:var(--ic-muted)}.ic-customer-identity>small{font-size:var(--demo-text-caption);color:var(--ic-muted);grid-column:2}.ic-customer-facts{gap:var(--space-12);margin:0 var(--space-16) var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid var(--ic-line);flex-direction:column;display:flex}.ic-customer-facts>span{justify-content:space-between;gap:var(--space-8);font-size:var(--demo-text-label);color:var(--ic-muted);display:flex}.ic-customer-facts strong{align-items:center;gap:var(--space-4);font-size:var(--demo-text-label);color:var(--ic-muted);overflow-wrap:anywhere;text-align:right;font-weight:400;line-height:1.6;display:flex}.ic-customer-facts>.ic-owner-fact{padding:var(--space-8);border:1px solid var(--demo-window-border);border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-text)}.ic-customer-facts>.ic-owner-fact strong{color:var(--ui-brand);font-weight:600}.ic-routing{margin:0 var(--space-12) var(--space-16);padding:var(--space-12) var(--space-8);border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);background:var(--demo-inbox-routing-surface);transition:border-color var(--ui-duration) var(--ui-ease), box-shadow var(--ui-duration) var(--ui-ease)}.ic-routing.is-active{border-color:var(--demo-inbox-routing-active-border);box-shadow:0 0 0 3px var(--demo-inbox-routing-active-halo)}.ic-routing>div:first-child{align-items:center;gap:var(--space-4);color:var(--ic-muted);flex-wrap:wrap;line-height:1.6;display:flex}.ic-routing strong{font-size:var(--demo-text-label);font-weight:550}.ic-routing>div:first-child>span{font-size:var(--demo-text-caption);color:var(--ic-muted);margin-left:auto}.ic-routing-members{gap:var(--space-4);margin-top:var(--space-12);display:flex}.ic-routing-members>span{align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-8) var(--space-4) var(--space-4);border-radius:var(--radius-4);color:var(--ic-muted);border:1px solid #0000;flex-direction:column;flex:1;display:flex}.ic-routing-members>span[data-selected=true]{border-color:var(--ui-border-strong);background:var(--ui-selected);color:var(--ui-text)}.ic-routing-members b{font-size:var(--demo-text-label);font-weight:500;line-height:1.6}.ic-routing-members small{font-size:var(--demo-text-caption);white-space:normal;text-align:center;line-height:1.5}.ic-routing p{font-size:var(--demo-text-caption);margin:var(--space-8) 0 0;color:var(--ic-muted);line-height:1.7}.ic-tags{margin:0 var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid var(--ic-line)}.ic-tags>div:first-child{align-items:center;gap:var(--space-4);color:var(--ic-muted);margin-bottom:var(--space-8);display:flex}.ic-tags strong{font-size:var(--demo-text-label);font-weight:500}.ic-tags button{border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-action-secondary-bg);width:23px;height:22px;color:var(--ui-action-secondary-fg);border-color:var(--ui-action-secondary-border);box-shadow:var(--ui-action-secondary-shadow);transition:var(--ui-action-transition);touch-action:manipulation;place-items:center;margin-left:auto;padding:0;display:grid}.ic-tags>div:last-child{align-items:center;gap:var(--space-4);flex-wrap:wrap;min-height:22px;display:flex}.ic-tags>div:last-child>span{border:1px solid var(--ui-border);padding:var(--space-4) var(--space-8);font-size:var(--demo-text-label);background:var(--demo-inbox-customer-tag-surface);border-radius:var(--radius-4);color:var(--ic-muted)}.ic-tags small{font-size:var(--demo-text-caption);color:var(--ic-muted)}.ic-customer-history{margin:0 var(--space-16);padding:var(--space-16) 0;border-bottom:1px solid var(--ic-line)}.ic-customer-history>button{width:100%;font-size:var(--demo-text-label);background:var(--ui-action-text-bg);color:var(--ui-action-text-fg);border:0;border-color:var(--ui-action-text-border);box-shadow:var(--ui-action-text-shadow);transition:var(--ui-action-transition);touch-action:manipulation;justify-content:space-between;align-items:center;padding:0;line-height:1.5;display:flex}.ic-customer-history>button>span{align-items:center;gap:var(--space-4);display:flex}.ic-history-preview{align-items:flex-start;gap:var(--space-8);margin-top:var(--space-12);display:flex}.ic-history-preview>i{background:var(--demo-inbox-history-marker);width:5px;height:5px;margin-top:var(--space-4);border-radius:50%;flex:none}.ic-history-preview>div{gap:var(--space-4);flex-direction:column;display:flex}.ic-history-preview strong{font-size:var(--demo-text-label);color:var(--ic-muted);font-weight:500;line-height:1.6}.ic-history-preview span{font-size:var(--demo-text-caption);color:var(--ic-muted);line-height:1.6}.ic-expanded-history{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px dashed var(--ui-border)}.ic-expanded-history>div{align-items:flex-start;gap:var(--space-12);margin-bottom:var(--space-12);display:flex;position:relative}.ic-expanded-history>div:last-child{margin-bottom:0}.ic-expanded-history>div>span{font-size:var(--demo-text-caption);color:var(--ic-muted);min-width:27px;line-height:1.8}.ic-expanded-history p{font-size:var(--demo-text-caption);color:var(--ic-muted);margin:0;line-height:1.65}.ic-expanded-history small{font-size:var(--demo-text-caption);color:var(--ic-muted)}.ic-auto-reception{margin:var(--space-16) var(--space-12) var(--space-16);border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);background:var(--demo-inbox-auto-reception-surface);overflow:hidden}.ic-auto-heading{justify-content:space-between;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-12) var(--space-8);color:var(--ic-muted);background:0 0;border:0;display:flex}.ic-auto-heading>span{align-items:center;gap:var(--space-4);display:flex}.ic-auto-heading strong{font-size:var(--demo-text-label);font-weight:500}.ic-auto-heading>span:last-child{font-size:var(--demo-text-caption);color:var(--ic-muted)}.ic-auto-details{padding:0 var(--space-12) var(--space-12);border-top:1px solid var(--ui-border)}.ic-auto-details p{font-size:var(--demo-text-caption);color:var(--ic-muted);margin:var(--space-12) 0;line-height:1.65}.ic-auto-details>button{justify-content:center;align-items:center;gap:var(--space-4);border:1px solid var(--demo-inbox-auto-reception-action-border);border-radius:var(--ui-radius-control);width:100%;padding:var(--space-8) var(--space-8);font-size:var(--demo-text-label);margin-top:var(--space-8);background:var(--ui-action-secondary-bg);color:var(--ui-action-secondary-fg);border-color:var(--ui-action-secondary-border);box-shadow:var(--ui-action-secondary-shadow);transition:var(--ui-action-transition);touch-action:manipulation;line-height:1.5;display:flex}.ic-auto-details>small{font-size:var(--demo-text-caption);color:var(--ic-muted);margin-top:var(--space-12);line-height:1.7;display:block}.ic-mobile-tabs{display:none}.ic-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ic-demo[data-playing=false] .ic-typing i,.ic-demo[data-playing=false] .ic-ai-progress:after,.ic-demo[data-playing=false] .ic-workflow-icon:after,.ic-demo[data-playing=false] .ic-routing.is-active .ic-routing-members:after{animation-play-state:paused}@keyframes ic-typing{0%,65%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes ic-agent-ring{0%,to{opacity:.18;transform:scale(.95)}50%{opacity:.65;transform:scale(1.04)}}@keyframes ic-flow{to{transform:translate(100%)}}@media (hover:hover) and (pointer:fine){.ic-empty-search button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover,.ic-ai-bar>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover,.ic-quick-menu>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover,.ic-tags button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover,.ic-auto-details>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover,.ic-account-empty>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover{background:var(--ui-action-secondary-hover);color:var(--ui-action-secondary-fg);border-color:var(--ui-action-secondary-hover-border);box-shadow:var(--ui-action-secondary-shadow)}}.ic-empty-search button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active,.ic-ai-bar>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active,.ic-quick-menu>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active,.ic-tags button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active,.ic-auto-details>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active,.ic-account-empty>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active{background:var(--ui-action-secondary-pressed);color:var(--ui-action-secondary-fg);border-color:var(--ui-action-secondary-hover-border);box-shadow:none}.ic-empty-search button:focus-visible,.ic-ai-bar>button:focus-visible,.ic-quick-menu>button:focus-visible,.ic-tags button:focus-visible,.ic-auto-details>button:focus-visible,.ic-account-empty>button:focus-visible{outline:var(--ui-action-focus-width) solid var(--ui-action-focus);outline-offset:var(--ui-action-focus-offset)}.ic-empty-search button:is(:disabled,[aria-disabled=true]),.ic-ai-bar>button:is(:disabled,[aria-disabled=true]),.ic-quick-menu>button:is(:disabled,[aria-disabled=true]),.ic-tags button:is(:disabled,[aria-disabled=true]),.ic-auto-details>button:is(:disabled,[aria-disabled=true]),.ic-account-empty>button:is(:disabled,[aria-disabled=true]){background:var(--ui-action-disabled-bg);color:var(--ui-action-disabled-fg);border-color:var(--ui-action-disabled-border);box-shadow:none;opacity:1;cursor:not-allowed}.ic-empty-search button[aria-busy=true],.ic-ai-bar>button[aria-busy=true],.ic-quick-menu>button[aria-busy=true],.ic-tags button[aria-busy=true],.ic-auto-details>button[aria-busy=true],.ic-account-empty>button[aria-busy=true]{cursor:progress}@media (hover:hover) and (pointer:fine){.ic-compose-tabs>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover{background:var(--ui-action-quiet-hover);color:var(--ui-action-quiet-fg);border-color:var(--ui-action-quiet-border);box-shadow:var(--ui-action-quiet-shadow)}}.ic-compose-tabs>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active{background:var(--ui-action-quiet-pressed);color:var(--ui-action-quiet-fg);border-color:var(--ui-action-quiet-border);box-shadow:none}.ic-compose-tabs>button:focus-visible{outline:var(--ui-action-focus-width) solid var(--ui-action-focus);outline-offset:var(--ui-action-focus-offset)}.ic-compose-tabs>button:is(:disabled,[aria-disabled=true]){color:var(--ui-action-disabled-fg);box-shadow:none;opacity:1;cursor:not-allowed;background:0 0;border-color:#0000}.ic-compose-tabs>button[aria-busy=true]{cursor:progress}@media (hover:hover) and (pointer:fine){.ic-compose-footer .ic-confirm:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover{background:var(--ui-action-primary-hover);color:var(--ui-action-primary-fg);border-color:var(--ui-action-primary-hover);box-shadow:var(--ui-action-primary-shadow)}}.ic-compose-footer .ic-confirm:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active{background:var(--ui-action-primary-pressed);color:var(--ui-action-primary-fg);border-color:var(--ui-action-primary-pressed);box-shadow:none}.ic-compose-footer .ic-confirm:focus-visible{outline:var(--ui-action-focus-width) solid var(--ui-action-focus);outline-offset:var(--ui-action-focus-offset)}.ic-compose-footer .ic-confirm:is(:disabled,[aria-disabled=true]){background:var(--ui-action-disabled-bg);color:var(--ui-action-disabled-fg);border-color:var(--ui-action-disabled-border);box-shadow:none;opacity:1;cursor:not-allowed}.ic-compose-footer .ic-confirm[aria-busy=true]{cursor:progress}@media (hover:hover) and (pointer:fine){.ic-customer-history>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover{background:var(--ui-action-text-hover);color:var(--ui-brand-hover);border-color:var(--ui-action-text-border);box-shadow:var(--ui-action-text-shadow);text-underline-offset:var(--space-4);text-decoration:underline}}.ic-customer-history>button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active{background:var(--ui-action-text-pressed);color:var(--palette-brand-900);border-color:var(--ui-action-text-border);box-shadow:none}.ic-customer-history>button:focus-visible{outline:var(--ui-action-focus-width) solid var(--ui-action-focus);outline-offset:var(--ui-action-focus-offset)}.ic-customer-history>button:is(:disabled,[aria-disabled=true]){color:var(--ui-action-disabled-fg);box-shadow:none;opacity:1;cursor:not-allowed;background:0 0;border-color:#0000}.ic-customer-history>button[aria-busy=true]{cursor:progress}@media (prefers-reduced-motion:reduce){.ic-empty-search button,.ic-compose-tabs>button,.ic-compose-footer .ic-confirm,.ic-ai-bar>button,.ic-quick-menu>button,.ic-tags button,.ic-customer-history>button,.ic-auto-details>button,.ic-account-empty>button{transition:none}}@media (min-width:1051px) and (max-width:1250px){.ic-body{grid-template-columns:45px 203px minmax(0,1fr) 227px}.ic-workflow-stages{gap:var(--space-12)}.ic-workflow-copy>span{max-width:440px}.ic-chat-heading,.ic-chat-toolbar{padding-left:var(--space-16);padding-right:var(--space-16)}.ic-transcript,.ic-composer{padding-left:var(--space-12);padding-right:var(--space-12)}.ic-chat-toolbar small{display:none}.ic-customer>header,.ic-customer-facts,.ic-tags,.ic-customer-history{margin-left:var(--space-12);margin-right:var(--space-12)}.ic-customer>header{padding-left:var(--space-12);padding-right:var(--space-12);margin:0}.ic-routing-members{gap:var(--space-2)}.ic-account-health>div{flex-wrap:wrap}.ic-queue-heading{padding-left:var(--space-16);padding-right:var(--space-16)}.ic-compose-tabs{gap:var(--space-8)}.ic-compose-tabs>button{font-size:var(--demo-text-caption);line-height:1.5}.ic-compose-footer>span{font-size:var(--demo-text-caption);max-width:48%;line-height:1.7}}@media (max-width:1050px){.ic-demo{--ui-subtle:var(--demo-surface-soft);border-radius:var(--ui-radius-window)}.ic-workflow{min-height:98px;padding:var(--space-16) var(--space-16);align-items:flex-start;gap:var(--space-12)}.ic-workflow-icon{border-radius:var(--radius-8);width:33px;height:33px}.ic-workflow-icon>svg{width:17px;height:17px}.ic-workflow-copy strong{font-size:var(--demo-text-body);line-height:1.5}.ic-workflow-copy>span{font-size:var(--demo-text-caption);line-height:1.9}.ic-workflow-stages{display:none}.ic-body{min-height:0;display:block}.ic-rail{display:none}.ic-mobile-tabs{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-12);background:var(--ui-subtle);border-bottom:1px solid var(--ic-line);justify-content:space-between;display:flex}.ic-mobile-tabs>button{justify-content:center;align-items:center;gap:var(--space-8);min-height:37px;padding:var(--space-8) var(--space-12);border-radius:var(--ui-radius-control);font-size:var(--demo-text-label);color:var(--ic-muted);background:0 0;border:1px solid #0000;flex:1;line-height:1.5;display:flex}.ic-mobile-tabs>button[aria-pressed=true]{border-color:var(--ui-border-strong);background:var(--ui-selected);color:var(--ui-text)}.ic-mobile-tabs small{font-size:var(--demo-text-caption);color:var(--ic-muted)}.ic-demo [data-mobile-view]{display:none}.ic-demo[data-panel=queue] [data-mobile-view=queue],.ic-demo[data-panel=chat] [data-mobile-view=chat],.ic-demo[data-panel=customer] [data-mobile-view=customer]{display:flex}.ic-chat{min-height:640px}.ic-chat-heading{padding:var(--space-16) var(--space-16);min-height:70px}.ic-chat-heading strong{font-size:var(--demo-text-body);font-weight:550;line-height:1.5}.ic-chat-heading small{font-size:var(--demo-text-caption)}.ic-chat-owner{padding:var(--space-8);font-size:var(--demo-text-caption)}.ic-chat-toolbar{padding:var(--space-12) var(--space-16);font-size:var(--demo-text-caption);gap:var(--space-8)}.ic-chat-toolbar small{display:none}.ic-chat-toolbar .ic-sla{font-size:var(--demo-text-caption)}.ic-transcript{padding:var(--space-16) var(--space-12);overscroll-behavior-y:auto;min-height:285px;max-height:370px}.ic-message{font-size:var(--demo-text-body);max-width:91%;padding:var(--space-12) var(--space-12) var(--space-8);line-height:1.75}.ic-history-message{font-size:var(--demo-text-label);max-width:82%;line-height:1.65}.ic-message--in{max-width:calc(100% - 31px)}.ic-message-row{gap:var(--space-8)}.ic-message footer{font-size:var(--demo-text-caption)}.ic-message .ic-original-toggle{min-height:26px;line-height:1.5;font-size:var(--demo-text-label)!important}.ic-campaign-origin{font-size:var(--demo-text-caption);gap:var(--space-4)}.ic-assignment-event small{font-size:var(--demo-text-caption)}.ic-composer{padding:0 var(--space-12) var(--space-16);min-height:193px}.ic-compose-tabs{gap:var(--space-12);min-height:44px}.ic-compose-tabs>button{font-size:var(--demo-text-label);min-height:36px;line-height:1.5}.ic-compose-tabs .ic-suggest-trigger>span{display:none}.ic-composer textarea{min-height:99px;padding:var(--space-12);font-size:16px;line-height:1.7}.ic-composer textarea::placeholder{font-size:var(--demo-text-body);line-height:1.65}.ic-compose-footer{gap:var(--space-8);padding-top:var(--space-12)}.ic-compose-footer>span{font-size:var(--demo-text-caption);max-width:47%;line-height:1.8}.ic-compose-footer .ic-confirm{font-size:var(--demo-text-action);padding:var(--space-12) var(--space-12);min-height:36px}.ic-ai-bar{padding:var(--space-12) var(--space-8)}.ic-ai-bar strong{font-size:var(--demo-text-label);line-height:1.6}.ic-ai-bar small{font-size:var(--demo-text-caption)}.ic-ai-steps{gap:var(--space-8)}.ic-review-note{font-size:var(--demo-text-caption);line-height:1.8}.ic-quick-menu>button{min-height:39px}.ic-queue{border:0;min-height:610px}.ic-queue-heading{padding:var(--space-24) var(--space-20) var(--space-16)}.ic-queue-heading h3{font-size:var(--demo-text-title);line-height:1.5}.ic-account-filter{margin:0 var(--space-16) var(--space-12);padding:var(--space-12) var(--space-12)}.ic-search{margin:0 var(--space-16) var(--space-16);padding:var(--space-12)}.ic-search input{font-size:16px}.ic-conversations{padding:0 var(--space-12)}.ic-conversation{padding:var(--space-16) var(--space-12)}.ic-conversation-top strong{font-size:var(--demo-text-body);font-weight:550;line-height:1.5}.ic-conversation-top small{font-size:var(--demo-text-caption)}.ic-conversation-meta time{font-size:var(--demo-text-caption);white-space:nowrap;margin-top:0;line-height:1.6}.ic-conversation p{font-size:var(--demo-text-label);line-height:1.65}.ic-conversation-meta>span{font-size:var(--demo-text-caption);flex:1}.ic-conversation-meta>b{width:19px;height:19px;font-size:var(--demo-text-caption)}.ic-queue-tags>span{font-size:var(--demo-text-caption)}.ic-account-health{margin:var(--space-20) var(--space-24) 0}.ic-account-health>span{font-size:var(--demo-text-caption)}.ic-account-health>div>span{font-size:var(--demo-text-caption);white-space:nowrap;padding:var(--space-4);flex:none;line-height:1.5}.ic-account-health small{font-size:var(--demo-text-caption)}.ic-customer{min-height:600px;padding:0 var(--space-4) var(--space-4);border:0;flex-direction:column}.ic-customer>header{font-size:var(--demo-text-caption);padding:var(--space-16)}.ic-customer>header>span:first-child{font-size:var(--demo-text-body);line-height:1.5}.ic-customer-identity{padding:var(--space-24) var(--space-16)}.ic-customer-identity>strong{font-size:var(--demo-text-body)}.ic-customer-identity>span:not(.ic-avatar),.ic-customer-identity>small{font-size:var(--demo-text-caption)}.ic-customer-facts{margin:0 var(--space-24) var(--space-16);gap:var(--space-16)}.ic-customer-facts>span{font-size:var(--demo-text-label)}.ic-customer-facts strong{font-size:var(--demo-text-label);line-height:1.6}.ic-routing{margin:0 var(--space-20) var(--space-16);padding:var(--space-12)}.ic-routing strong{font-size:var(--demo-text-label)}.ic-routing>div:first-child>span{font-size:var(--demo-text-caption)}.ic-routing-members{margin-top:var(--space-12);gap:var(--space-8)}.ic-routing-members>span{padding:var(--space-8) var(--space-4)}.ic-routing-members b{font-size:var(--demo-text-label);line-height:1.6}.ic-routing-members small{font-size:var(--demo-text-caption)}.ic-routing p{font-size:var(--demo-text-caption);line-height:1.8}.ic-tags{margin:0 var(--space-24);padding-bottom:var(--space-16)}.ic-tags strong{font-size:var(--demo-text-label)}.ic-tags button{width:31px;height:29px}.ic-tags>div:last-child>span{font-size:var(--demo-text-label);padding:var(--space-4) var(--space-8)}.ic-tags small{font-size:var(--demo-text-caption)}.ic-customer-history{margin:0 var(--space-24);padding:var(--space-16) 0}.ic-customer-history>button{font-size:var(--demo-text-label);min-height:29px;line-height:1.5}.ic-history-preview strong{font-size:var(--demo-text-label);line-height:1.6}.ic-history-preview span{font-size:var(--demo-text-caption)}.ic-expanded-history>div>span{font-size:var(--demo-text-caption);min-width:38px}.ic-expanded-history p{font-size:var(--demo-text-caption);line-height:1.65}.ic-expanded-history small{font-size:var(--demo-text-caption)}.ic-auto-reception{margin:var(--space-16) var(--space-20)}.ic-auto-heading{padding:var(--space-16) var(--space-12)}.ic-auto-heading strong{font-size:var(--demo-text-label)}.ic-auto-heading>span:last-child{font-size:var(--demo-text-caption)}.ic-auto-details{padding:0 var(--space-12) var(--space-16)}.ic-auto-details p{font-size:var(--demo-text-caption);line-height:1.65}.ic-auto-details>button{font-size:var(--demo-text-label);min-height:36px;padding:var(--space-12);line-height:1.5}.ic-auto-details>small{font-size:var(--demo-text-caption)}.ic-internal-note{margin-left:var(--space-16);font-size:var(--demo-text-caption);line-height:1.65}.ic-internal-note p{font-size:var(--demo-text-caption);line-height:1.65}.ic-presence{margin-left:var(--space-16);font-size:var(--demo-text-caption)}.ic-transcript .ic-attachment small,.ic-thread-status{font-size:var(--demo-text-caption)}}@media (prefers-reduced-motion:reduce){.ic-demo *,.ic-demo :before,.ic-demo :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (min-width:1051px){.ic-chat{min-height:780px}.ic-transcript{flex:1 1 0;height:0;min-height:280px;max-height:none}.ic-composer{position:relative}.ic-message:not(.ic-history-message){font-size:var(--demo-text-label);line-height:1.7}.ic-chat-heading strong,.ic-conversation-top strong{font-size:var(--demo-text-label);font-weight:550;line-height:1.5}.ic-customer-identity{padding-top:var(--space-16);padding-bottom:var(--space-16)}.ic-workflow-copy>span,.ic-queue-subhead,.ic-conversation-top small,.ic-conversation-meta>span,.ic-customer-facts>span,.ic-customer-facts strong,.ic-routing p,.ic-routing-members small,.ic-history-preview span,.ic-expanded-history small{color:var(--ic-muted)}.ic-compose-tabs>button{background:var(--ui-action-quiet-bg);color:var(--ui-action-quiet-fg);border-color:var(--ui-action-quiet-border);box-shadow:var(--ui-action-quiet-shadow);transition:var(--ui-action-transition);touch-action:manipulation}.ic-account-health small{color:var(--ic-muted)}.ic-composer textarea{font-size:var(--demo-text-label);line-height:1.7}.ic-composer textarea::placeholder{font-size:var(--demo-text-label);color:var(--ic-muted);line-height:1.65}.ic-original-toggle{line-height:1.5;font-size:var(--demo-text-caption)!important}.ic-customer-identity>small{font-size:var(--demo-text-caption);color:var(--ic-muted)}.ic-routing-members small{font-size:var(--demo-text-caption)}}.ic-routing.is-active .ic-routing-members{position:relative}.ic-routing.is-active .ic-routing-members:before{content:"";background:var(--demo-inbox-routing-track);height:1px;position:absolute;top:-5px;left:12%;right:12%}.ic-routing.is-active .ic-routing-members:after{content:"";background:var(--demo-inbox-routing-signal);width:5px;height:5px;box-shadow:0 0 0 3px var(--demo-inbox-routing-signal-halo);border-radius:50%;animation:1.7s ease-in-out infinite ic-routing-signal;position:absolute;top:-7px;left:70%}@keyframes ic-routing-signal{0%{opacity:0;left:70%}20%{opacity:1}80%,to{opacity:1;left:15%}}@media (prefers-reduced-motion:reduce){.ic-routing.is-active .ic-routing-members:after{animation:none}}.ic-account-empty{justify-content:center;align-items:center;gap:var(--space-16);text-align:center;padding:var(--space-32);color:var(--ic-muted)}.ic-account-empty>strong{font-size:var(--demo-text-label);color:var(--ui-text);font-weight:500;line-height:1.6}.ic-account-empty>p{font-size:var(--demo-text-caption);max-width:260px;margin:0;line-height:1.65}.ic-account-empty>button{gap:var(--space-8);padding:var(--space-12) var(--space-12);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);font-size:var(--demo-text-label);background:var(--ui-action-secondary-bg);color:var(--ui-action-secondary-fg);border-color:var(--ui-action-secondary-border);box-shadow:var(--ui-action-secondary-shadow);transition:var(--ui-action-transition);touch-action:manipulation;align-items:center;line-height:1.5;display:flex}.ic-customer.ic-account-empty{flex-direction:column;display:flex}.ic-campaign-origin{flex-wrap:wrap;line-height:1.8}@media (max-width:1050px){.ic-demo .ic-customer.ic-account-empty{display:none}.ic-demo[data-panel=customer] .ic-customer.ic-account-empty{display:flex}.ic-account-filter select{font-size:16px}}.ic-customer-identity>:is(strong,span,small),.ic-routing-members b{overflow-wrap:anywhere;max-width:100%}.ic-customer-facts>span{flex-wrap:wrap;line-height:1.6}.ic-chat-toolbar{gap:var(--space-4) var(--space-8);flex-wrap:wrap}.ic-chat-toolbar>span{flex-wrap:wrap;min-width:0;line-height:1.6}@media (min-width:1051px){.ic-workflow-stages{justify-content:flex-end;row-gap:var(--space-8);flex-wrap:wrap;max-width:46%}.ic-compose-tabs>span{display:none}}@media (min-width:1051px) and (max-width:1250px){.ic-account-health{margin-inline:var(--space-12)}.ic-account-health>div{column-gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){.ic-demo button{transition:none}}
.ic-demo .ic-ai-label-mobile{display:none}@media (max-width:600px){.ic-demo{--demo-text-caption:11px;--demo-text-label:11px;--demo-text-body:12px;--demo-text-title:var(--ui-type-ui);--demo-text-action:12px;--demo-mobile-meta:10px}.ic-demo :is(.ic-chat,.ic-queue,.ic-customer,.ic-composer){min-height:0}.ic-demo .ic-workflow{min-height:0;padding:var(--space-8) var(--space-12);gap:var(--space-8)}.ic-demo .ic-workflow-icon{width:28px;height:28px;padding:var(--space-4)}.ic-demo .ic-workflow-copy strong{font-size:var(--demo-text-body);line-height:1.5}.ic-demo .ic-workflow-copy>span{font-size:var(--demo-text-caption);line-height:1.6}.ic-demo .ic-mobile-tabs>button{min-height:44px;padding:var(--space-8);font-size:var(--demo-text-label);line-height:1.5}.ic-demo .ic-mobile-tabs small{font-size:var(--demo-text-caption)}.ic-demo .ic-account-filter{min-height:44px}.ic-demo :is(.ic-account-filter select,.ic-search input){font-size:var(--demo-control-font-size);line-height:var(--demo-control-line-height)}.ic-demo :is(.ic-account-filter select,.ic-search input):where(:not([type=checkbox],[type=radio],[type=range],[type=file])){min-height:var(--demo-control-min-height);padding-block:var(--space-8)}.ic-demo .ic-search{min-height:44px}.ic-demo .ic-conversation-top strong{font-size:var(--demo-text-body);font-weight:550;line-height:1.5}.ic-demo :is(.ic-conversation-top strong,.ic-conversation-top small,.ic-conversation p){white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.ic-demo .ic-queue-heading>span,.ic-demo .ic-queue-subhead,.ic-demo .ic-conversation-top small,.ic-demo .ic-conversation-meta time,.ic-demo .ic-conversation-meta>span,.ic-demo .ic-queue-tags>span,.ic-demo .ic-queue-tags small,.ic-demo .ic-account-health>span,.ic-demo .ic-account-health>div>span,.ic-demo .ic-account-health small{font-size:var(--demo-text-caption)}.ic-demo .ic-conversation p{font-size:var(--demo-text-label);line-height:1.65}.ic-demo .ic-conversation-meta time{flex-shrink:0}.ic-demo .ic-conversation-meta{align-items:flex-start;gap:var(--space-8)}.ic-demo .ic-conversation-meta>span{overflow-wrap:anywhere;min-width:0;line-height:1.6}.ic-demo .ic-account-health{margin:var(--space-16) var(--space-16) 0;padding-top:var(--space-16)}.ic-demo .ic-account-health>div{flex-wrap:wrap}.ic-demo .ic-empty-search button{min-height:44px}.ic-demo .ic-chat-heading{gap:var(--space-8) var(--space-12);padding:var(--space-12) var(--space-16);grid-template-columns:35px minmax(0,1fr) auto;min-height:0;display:grid}.ic-demo .ic-chat-heading strong{font-size:var(--demo-text-body);flex-wrap:wrap;font-weight:550;line-height:1.5}.ic-demo .ic-chat-heading small{font-size:var(--demo-text-caption);white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.6;overflow:visible}.ic-demo .ic-chat-heading strong>span{font-size:var(--demo-text-caption)}.ic-demo .ic-chat-owner{max-width:100%;font-size:var(--demo-text-caption);white-space:normal;overflow-wrap:anywhere;grid-area:1/3;justify-self:end;margin-left:0}.ic-demo .ic-chat-toolbar{gap:var(--space-8) var(--space-12);font-size:var(--demo-text-caption)}.ic-demo .ic-chat-toolbar>span{overflow-wrap:anywhere;flex-wrap:wrap;min-width:0;line-height:1.6}.ic-demo .ic-chat-toolbar small{font-size:var(--demo-text-caption);margin-left:0;display:inline}.ic-demo .ic-chat-toolbar .ic-sla{font-size:var(--demo-text-caption)}.ic-demo .ic-transcript{height:clamp(240px,38svh,320px);min-height:240px;max-height:none;padding:var(--space-12);flex:none}.ic-demo .ic-message{font-size:var(--demo-text-body);max-width:94%;line-height:1.6}.ic-demo .ic-message--in{max-width:calc(100% - var(--space-32))}.ic-demo .ic-history-message{font-size:var(--demo-text-body);line-height:1.65}.ic-demo .ic-date-divider,.ic-demo .ic-campaign-origin,.ic-demo .ic-message footer,.ic-demo .ic-translation-label,.ic-demo .ic-thread-status,.ic-demo .ic-assignment-event,.ic-demo .ic-assignment-event small,.ic-demo .ic-presence{font-size:var(--demo-text-caption)}.ic-demo .ic-product-detail{font-size:var(--demo-text-caption);line-height:1.65}.ic-demo .ic-message footer{flex-wrap:wrap}.ic-demo .ic-message .ic-original-toggle{min-height:44px;padding-block:var(--space-4);text-align:left;line-height:1.5;font-size:var(--demo-text-label)!important}.ic-demo .ic-attachment{min-height:44px}.ic-demo .ic-attachment strong{font-size:var(--demo-text-label);line-height:1.6}.ic-demo .ic-transcript .ic-attachment small{font-size:var(--demo-text-caption)}.ic-demo .ic-assignment-event{flex-wrap:wrap;line-height:1.6}.ic-demo .ic-assignment-event>span:first-child,.ic-demo .ic-assignment-event>span:last-child{min-width:var(--space-8)}.ic-demo .ic-internal-note{margin-left:var(--space-8)}.ic-demo .ic-internal-note header{gap:var(--space-4) var(--space-8);font-size:var(--demo-text-caption);flex-wrap:wrap;line-height:1.6}.ic-demo .ic-internal-note header>span{font-size:var(--demo-text-caption);margin-left:0}.ic-demo .ic-internal-note p{font-size:var(--demo-text-body);line-height:1.65}.ic-demo .ic-presence{margin-left:var(--space-8);align-items:center;line-height:1.6}.ic-demo .ic-composer{padding:0 var(--space-12) var(--space-16)}.ic-demo .ic-compose-tabs{gap:var(--space-8);padding-block:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ic-demo .ic-compose-tabs>span{display:none}.ic-demo .ic-compose-tabs>button{min-height:44px;padding:var(--space-8);border-radius:var(--ui-radius-control);background:var(--ui-subtle);font-size:var(--demo-text-label);white-space:normal;border:1px solid #0000;justify-content:center;line-height:1.5}.ic-demo .ic-compose-tabs>button:is([aria-pressed=true],[aria-expanded=true]){background:var(--ui-selected);border-color:var(--ui-border-strong);color:var(--ui-brand)}.ic-demo .ic-compose-tabs :is(button>svg,button>[aria-hidden=true],.ic-ai-label-desktop){display:none}.ic-demo .ic-compose-tabs .ic-ai-label-mobile{display:inline}.ic-demo .ic-compose-tabs>button{padding-inline:var(--space-4)}.ic-demo .ic-mobile-tabs{padding:var(--space-8) var(--space-12);gap:var(--space-8)}.ic-demo .ic-mobile-tabs>button[aria-pressed=true]{box-shadow:var(--ui-shadow-card);border-color:var(--ui-border-strong)}.ic-demo .ic-composer textarea{font-size:var(--demo-control-font-size);min-height:80px;line-height:var(--demo-control-line-height)}.ic-demo .ic-composer textarea::placeholder{font-size:var(--demo-control-font-size);line-height:var(--demo-control-line-height)}.ic-demo .ic-compose-footer{gap:var(--space-8);flex-wrap:wrap}.ic-demo .ic-compose-footer>span{max-width:none;font-size:var(--demo-text-caption);flex-basis:100%;line-height:1.6}.ic-demo .ic-compose-footer .ic-confirm{width:100%;min-height:44px;font-size:var(--demo-text-action)}.ic-demo .ic-ai-bar>button{min-height:44px;font-size:var(--demo-text-label);line-height:1.5}.ic-demo :is(.ic-ai-bar strong,.ic-ai-bar small,.ic-ai-steps>span:not(.ic-typing),.ic-quick-menu>div,.ic-quick-menu b,.ic-quick-menu>button>span,.ic-note-hint,.ic-review-note){font-size:var(--demo-text-caption);line-height:1.7}.ic-demo .ic-ai-steps{gap:var(--space-4) var(--space-8);flex-wrap:wrap}.ic-demo .ic-ai-suggestion{font-size:var(--demo-text-body);line-height:1.6}.ic-demo .ic-quick-menu>button{flex-wrap:wrap;min-height:44px}.ic-demo .ic-quick-menu>button>span{min-width:0}.ic-demo .ic-customer{padding:0}.ic-demo .ic-customer>header>span{font-size:var(--demo-text-caption)}.ic-demo .ic-customer-identity{gap:var(--space-4) var(--space-12);padding:var(--space-12) var(--space-16);grid-template-columns:44px minmax(0,1fr);align-items:center;display:grid}.ic-demo .ic-customer-identity>.ic-avatar{grid-area:1/1/4;margin-bottom:0}.ic-demo .ic-customer-identity>strong{font-size:var(--demo-text-body);overflow-wrap:anywhere;grid-column:2}.ic-demo .ic-customer-identity>span:not(.ic-avatar),.ic-demo .ic-customer-identity>small{font-size:var(--demo-text-caption);overflow-wrap:anywhere;grid-column:2;line-height:1.6}.ic-demo .ic-customer-facts{margin:0 var(--space-16) var(--space-16)}.ic-demo .ic-customer-facts>span{gap:var(--space-12);font-size:var(--demo-text-label);grid-template-columns:76px minmax(0,1fr);line-height:1.6;display:grid}.ic-demo .ic-customer-facts strong{min-width:0;font-size:var(--demo-text-label);text-align:left;flex-wrap:wrap;line-height:1.6}.ic-demo .ic-routing{margin-inline:var(--space-16)}.ic-demo .ic-routing>div:first-child{gap:var(--space-4) var(--space-8);flex-wrap:wrap}.ic-demo :is(.ic-routing strong,.ic-routing>div:first-child>span,.ic-routing-members b,.ic-routing-members small,.ic-routing p){line-height:1.6}.ic-demo .ic-routing strong{font-size:var(--demo-text-label)}.ic-demo .ic-routing>div:first-child>span,.ic-demo .ic-routing-members small,.ic-demo .ic-routing p{font-size:var(--demo-text-caption)}.ic-demo .ic-routing-members b{font-size:var(--demo-text-label);line-height:1.6}.ic-demo .ic-routing-members small{white-space:normal;text-align:center}.ic-demo .ic-tags{margin-inline:var(--space-16)}.ic-demo .ic-tags strong,.ic-demo .ic-tags>div:last-child>span{font-size:var(--demo-text-label)}.ic-demo .ic-tags small{font-size:var(--demo-text-caption)}.ic-demo .ic-tags button{width:44px;height:44px}.ic-demo .ic-tags>div:last-child{gap:var(--space-8)}.ic-demo .ic-customer-history{margin-inline:var(--space-16)}.ic-demo .ic-customer-history>button{min-height:44px;font-size:var(--demo-text-label);text-align:left;line-height:1.5}.ic-demo :is(.ic-history-preview strong,.ic-history-preview span,.ic-expanded-history>div>span,.ic-expanded-history p,.ic-expanded-history small){line-height:1.7}.ic-demo .ic-history-preview strong{font-size:var(--demo-text-label);line-height:1.6}.ic-demo .ic-expanded-history p{font-size:var(--demo-text-caption);line-height:1.65}.ic-demo .ic-history-preview span,.ic-demo .ic-expanded-history>div>span,.ic-demo .ic-expanded-history small{font-size:var(--demo-text-caption)}.ic-demo .ic-auto-reception{margin-inline:var(--space-16)}.ic-demo .ic-auto-heading{flex-wrap:wrap;min-height:44px}.ic-demo :is(.ic-auto-heading strong,.ic-auto-heading>span:last-child,.ic-auto-details p,.ic-auto-details>small){line-height:1.7}.ic-demo .ic-auto-heading strong{font-size:var(--demo-text-label)}.ic-demo .ic-auto-heading>span:last-child,.ic-demo .ic-auto-details>small{font-size:var(--demo-text-caption)}.ic-demo .ic-auto-details p{font-size:var(--demo-text-caption);line-height:1.65}.ic-demo .ic-auto-details>button{min-height:44px;font-size:var(--demo-text-label);line-height:1.5}.ic-demo .ic-account-empty>p{font-size:var(--demo-text-caption);line-height:1.65}.ic-demo .ic-account-empty>button{min-height:44px;font-size:var(--demo-text-label);line-height:1.5}.ic-demo :is(.ic-ai-bar strong,.ic-quick-menu b,.ic-quick-menu>button>span){font-size:var(--demo-text-label);line-height:1.65}.ic-demo .ic-customer>header>span:first-child{font-size:var(--demo-text-body);line-height:1.5}.ic-demo .demo-toolbar{padding:var(--ui-layout-space-8) var(--ui-layout-space-16)}.ic-demo :is(.ic-message footer,.ic-conversation-meta time,.ic-chat-toolbar .ic-sla,.ic-date-divider,.ic-queue-tags small){font-size:var(--demo-mobile-meta);line-height:1.5}.ic-demo :is(.ic-message--out,.ic-message--in>div,.ic-internal-note){padding:var(--space-8) var(--space-12)}.ic-demo .ic-customer-facts{gap:var(--space-8)}}