.integration-page{--hub-radius:16px}.integration-page .integration-heading{margin-bottom:28px;padding-bottom:24px}.integration-page .integration-heading p{margin-top:10px}.integration-section-label{margin-bottom:16px}.integration-section-label h3{color:var(--z-ink);letter-spacing:-.025em;margin:0 0 5px;font-size:16px;font-weight:600}.integration-section-label p{color:var(--z-muted);margin:0;font-size:13px}.integration-page .integration-grid{gap:18px}.channel-card{border:1px solid var(--z-line);border-radius:var(--hub-radius);background:var(--z-card);flex-direction:column;min-width:0;padding:24px;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.channel-card:hover{border-color:color-mix(in srgb, var(--z-blue) 28%, var(--z-line));box-shadow:0 6px 24px #0a254008}.channel-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.channel-brand{border:1px solid var(--z-line);background:var(--z-card);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.channel-card--whatsapp .channel-brand{background:#25d3660c;border-color:#25d36625}.channel-logo{flex:none;width:28px;height:28px;display:block}.whatsapp-logo{color:#16aa59}.gmail-logo{width:29px}.channel-state{color:var(--z-muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:500;display:inline-flex}.channel-state i{background:currentColor;border-radius:50%;width:6px;height:6px}.channel-state.is-connected{color:var(--z-success)}.channel-state.needs-attention{color:var(--z-warning)}.channel-card-body{flex:1;padding:20px 0 22px}.channel-card-body h3{color:var(--z-ink);letter-spacing:-.035em;margin:0 0 9px;font-size:20px;font-weight:600;line-height:1.25}.channel-card-body p{max-width:48ch;color:var(--z-muted);text-wrap:pretty;margin:0;font-size:13px;line-height:1.7}.channel-card-footer{border-top:1px solid var(--z-line);justify-content:space-between;align-items:center;gap:12px;min-height:53px;padding-top:16px;display:flex}.channel-card-footer>span{color:var(--z-muted);font-size:12px}.channel-card-footer .channel-ready{color:var(--z-success);align-items:center;gap:6px;display:inline-flex}.channel-action{border:1px solid var(--z-line);background:var(--z-card);min-height:36px;color:var(--z-ink);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;transition:border-color .18s,background .18s;display:inline-flex}.channel-action:hover:not(:disabled){border-color:var(--z-blue);background:var(--z-soft)}.channel-action:disabled{opacity:.55;cursor:wait}.integration-page button:focus-visible{outline:2px solid var(--z-blue);outline-offset:3px}.integration-page .connection-list{border-radius:var(--hub-radius);width:100%;box-shadow:none;margin:20px 0 32px}.integration-page .connection-list>.section-title{padding:18px 22px}.integration-page .connection-list>.section-title h3{font-size:14px;font-weight:600}.integration-page .connection-row{gap:14px;padding:18px 22px}.integration-page .connection-icon{border-radius:11px;width:40px;height:40px;border:1px solid var(--z-line)!important;background:var(--z-card)!important}.connection-icon .channel-logo{width:23px;height:23px}.integration-page .connection-row>div>small{white-space:normal;margin-top:2px;line-height:1.5;font-size:12px!important}.integration-page .connection-agents{flex-wrap:wrap;margin-top:7px}.integration-page .connection-agents b{border:1px solid var(--z-line);background:var(--z-card-2);color:var(--z-muted);border-radius:6px;padding:3px 8px;font-size:11px!important}.integration-page .ai-integrations{border-radius:var(--hub-radius);box-shadow:none;margin:28px 0}.integration-page .ai-integrations-heading{gap:16px;min-height:0;padding:22px}.integration-page .ai-integrations-heading h3{letter-spacing:-.025em;margin:0 0 6px;font-size:17px;font-weight:600}.integration-page .ai-integrations-heading p{max-width:56ch;line-height:1.6;font-size:12px!important}.integration-page .ai-integrations-heading .ai-icon{display:none}.integration-page .ai-add-connection{min-width:0;height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:12px!important}.integration-page .ai-connection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}.integration-page .ai-connection{background:var(--z-card);border-radius:12px;padding:20px}.integration-page .ai-connection-top{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px 12px;display:grid}.integration-page .provider-logo{border-radius:11px;width:40px;height:40px}.provider-logo.cloudflare{color:#f48120}.integration-page .ai-connection-top strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden;font-size:14px!important}.integration-page .ai-connection-top small{line-height:1.5;font-size:11px!important}.integration-page .ai-connection-top .z-status{background:0 0;grid-column:1/-1;justify-self:start;margin:4px 0 0;padding:0;font-size:11px}.integration-page .ai-model-summary{margin-top:20px}.integration-page .ai-model-summary strong{letter-spacing:-.05em;font-size:30px!important;font-weight:500!important}.integration-page .ai-model-summary span{font-size:11px!important}.integration-page .ai-model-chips{align-content:flex-start;min-height:78px;margin-top:12px;padding-bottom:18px;gap:5px!important}.integration-page .ai-model-chips span{background:var(--z-card-2);border-radius:6px;height:25px;max-width:100%!important;padding:0 8px!important;font-size:10px!important}.integration-page .ai-connection-actions{align-items:center;padding-top:14px;display:flex;gap:6px!important}.integration-page .ai-connection-actions button{min-height:34px;padding:0 8px!important;font-size:11px!important}.integration-page .ai-connection-actions button.usage{margin-right:auto}.integration-page .ai-connection-actions button.icon-only{width:30px;min-width:30px;padding:0!important}.integration-page .voice-section{border-radius:var(--hub-radius);background:var(--z-card);border-color:var(--z-line);margin:28px 0 0;padding:24px}.integration-page .voice-heading h3{letter-spacing:-.025em;margin:10px 0 6px;font-size:18px;font-weight:600}.integration-page .voice-heading p{margin:0;font-size:13px}.integration-page .voice-heading .connect-button{margin:0;font-size:12px;position:static}.integration-page .voice-section .voice-error{margin:18px 0 0;font-size:12px}.voice-load-notice{border:1px solid var(--z-line);background:var(--z-card-2);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:16px;display:flex}.voice-load-notice strong{color:var(--z-ink);font-size:12px;font-weight:500}.integration-page .voice-load-notice p{margin:4px 0 0;font-size:12px}.voice-load-notice button{border:1px solid var(--z-line);background:var(--z-card);min-height:34px;color:var(--z-ink);font:inherit;cursor:pointer;border-radius:7px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.integration-page-compact .channel-card{padding:18px}.voice-coming-soon{border:1px solid var(--z-line);background:var(--z-card);border-radius:16px;align-items:center;gap:18px;padding:28px;display:flex;position:relative;overflow:hidden}.integration-page>.voice-coming-soon{margin-top:28px}.voice-preview-icon{border:1px solid var(--z-line);background:var(--z-card-2);width:52px;height:52px;color:var(--z-muted);border-radius:15px;flex:none;place-items:center;display:grid;position:relative}.voice-preview-icon>span{border:2px solid var(--z-card);background:var(--z-soft);width:19px;height:19px;color:var(--z-blue);border-radius:7px;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.voice-preview-copy{z-index:1;flex:1;min-width:0;position:relative}.voice-preview-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.voice-preview-title h3{color:var(--z-ink);letter-spacing:-.025em;margin:0;font-size:18px;font-weight:500}.voice-preview-copy>p{color:var(--z-muted);margin:8px 0 0;font-size:13px;line-height:1.6}.voice-preview-features{color:var(--z-muted);flex-wrap:wrap;align-items:center;gap:9px;margin-top:17px;font-size:11px;display:flex}.voice-preview-features i{background:var(--z-line);border-radius:50%;width:3px;height:3px}.voice-preview-button{z-index:1;border:1px solid var(--z-line);background:var(--z-card-2);min-height:36px;color:var(--z-muted);opacity:.7;cursor:not-allowed;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:400;display:inline-flex;position:relative}.voice-preview-wave{opacity:.32;pointer-events:none;align-items:center;gap:5px;display:flex;position:absolute;right:180px;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.voice-preview-wave i{background:var(--z-line);border-radius:9px;width:4px}.voice-coming-soon.is-compact{border-radius:12px;flex:none;gap:13px;padding:16px 20px}.voice-coming-soon.is-compact .voice-preview-icon{border-radius:11px;width:38px;height:38px}.voice-coming-soon.is-compact h3{font-size:14px}.voice-coming-soon.is-compact .voice-preview-copy>p{margin-top:5px;font-size:11px}@media (max-width:650px){.voice-coming-soon{flex-wrap:wrap;padding:22px}.voice-preview-copy{flex-basis:calc(100% - 75px)}.voice-preview-wave{display:none}.voice-preview-button{margin-left:70px}.voice-coming-soon.is-compact .voice-preview-button{margin-left:51px;display:inline-flex}}@media (max-width:1250px){.integration-page .ai-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:850px){.integration-page .integration-grid,.integration-page .ai-connection-grid{grid-template-columns:1fr}.integration-page .ai-model-chips{min-height:0}}@media (max-width:540px){.channel-card{padding:20px}.channel-card-footer{flex-wrap:wrap}.integration-page .connection-row{gap:10px;padding:16px;grid-template-columns:40px minmax(0,1fr) auto!important}.integration-page .connection-row>.z-status,.integration-page .connection-row>.connect-button{grid-area:2/2;justify-self:start;margin:0}.integration-page .connection-row>.disconnect-button{grid-area:1/3}.integration-page .ai-integrations-heading{align-items:stretch;padding:20px}.integration-page .ai-add-connection{align-self:stretch}.integration-page .voice-section{padding:20px}.voice-load-notice{flex-direction:column;align-items:flex-start}}