/* Unified inbox preview: scoped to the omnichannel marketing section. */
.hhu{position:relative;isolation:isolate;overflow:hidden;padding:64px 28px 72px;scroll-margin-top:96px;background:linear-gradient(90deg,#f7faff,#fff 47%,#f1f8ff);font-family:"HH Inter",Inter,Arial,sans-serif;color:#0a1438;-webkit-font-smoothing:antialiased}
.hhu *{box-sizing:border-box}
.hhu [hidden]{display:none!important}
.hhu::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:url('/assets/integrations-waves.svg') center/100% 100% no-repeat;opacity:.75;-webkit-mask-image:linear-gradient(transparent,#000 160px);mask-image:linear-gradient(transparent,#000 160px)}
/* Fade the outgoing wave into the shared base before the next wave appears. */
.hhw:has(+.hhu)::before{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 clamp(140px,18vw,240px),#000 calc(100% - clamp(90px,10vw,160px)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 clamp(140px,18vw,240px),#000 calc(100% - clamp(90px,10vw,160px)),transparent)}
main.gap-24>.hhw+.hhu{margin-block-start:calc(-24 * var(--spacing,.25rem))}
@media(min-width:768px){main.md\:gap-40>.hhw+.hhu{margin-block-start:calc(-40 * var(--spacing,.25rem))}}
.hhu svg{display:block;flex:none;width:22px;height:22px}
.hhu button,.hhu input,.hhu select{font:inherit}
.hhu button{cursor:pointer}
.hhu button:focus-visible,.hhu a:focus-visible,.hhu input:focus-visible,.hhu select:focus-visible{outline:2px solid #2287f0;outline-offset:3px}
.hhu-wrap{display:grid;grid-template-columns:minmax(235px,.85fr) minmax(0,3fr);gap:28px;max-width:1640px;margin:auto;align-items:center}
.hhu-intro{min-width:0}
.hhu-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 13px;border-radius:999px;background:linear-gradient(105deg,#e3f9eb,#e5fbe9);font-size:clamp(10px,.75vw,13px);font-weight:650;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.hhu-eyebrow svg{width:19px;height:19px;color:#02b52b}
.hhu h2{margin:30px 0 0;font-size:clamp(32px,2.7vw,46px);font-weight:650;line-height:1.08;letter-spacing:-.045em}
.hhu h2 em{font-style:italic;background:linear-gradient(100deg,#0874ff,#00b5c7 55%,#02be27);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}
.hhu-lead{margin:24px 0 0;font-size:clamp(16px,1.2vw,21px);line-height:1.35;letter-spacing:.01em;color:#435579;text-wrap:pretty}
.hhu-features{display:grid;gap:0;list-style:none;margin:20px 0 0;padding:0}
.hhu-features li{display:flex;align-items:center;gap:15px;padding:10px 0}
.hhu-feature-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #fff;border-radius:16px;background:linear-gradient(#fff,#eef9ff);color:#007bff;box-shadow:0 3px 7px #3398d91f}
.hhu-feature-icon svg{width:27px;height:27px}
.hhu-feature-icon.is-whatsapp{color:#00be25}
.hhu-features li>div{flex:1;min-width:0;border-bottom:1px solid #deebfa;padding-bottom:10px}
.hhu-features li:last-child>div{border-bottom:0;padding-bottom:0}
.hhu-features h3{margin:0;font-size:clamp(15px,1.15vw,19px);line-height:1.2;font-weight:650;letter-spacing:-.04em}
.hhu-features p{margin:3px 0 0;font-size:clamp(12px,.95vw,15px);line-height:1.3;letter-spacing:-.025em;color:#344b75}
.hhu-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;padding:14px 24px;border-radius:999px;background:linear-gradient(105deg,#0064ff,#009fc5 50%,#00c719);color:#fff;font-size:clamp(16px,1.2vw,20px);font-weight:600;line-height:1.25;letter-spacing:-.03em;text-decoration:none;white-space:nowrap;box-shadow:0 8px 18px #00a9b719;transition:transform .2s,filter .2s}
.hhu-cta:hover{transform:translateY(-2px);filter:brightness(1.05)}
.hhu-cta svg{width:23px;height:23px}
/* A live-layout, local preview rather than an image of the product. */
.hhu-shell{container:unified-workspace / inline-size;display:grid;grid-template-columns:70px minmax(165px,.78fr) minmax(250px,1.4fr) minmax(228px,1.13fr);grid-template-rows:64px minmax(0,1fr);gap:8px;height:720px;min-width:0;padding:14px;border:1px solid #fff;border-radius:30px;background:linear-gradient(125deg,#f7fbffeb,#e4f2ffe6);box-shadow:0 12px 24px #3291dc29,inset 0 0 0 1px #cde6fc80;font-size:11px;line-height:1.3;letter-spacing:-.025em}
.hhu-shell button{color:inherit}
.hhu-rail{grid-column:1;grid-row:1/3;min-width:0;padding:18px 6px 12px;border-radius:21px;background:linear-gradient(135deg,#122e4d,#081c37 55%,#163653);color:#fff;box-shadow:inset 0 1px 5px #ffffff0d}
.hhu-logo{display:block;overflow:hidden;width:32px;height:32px;margin:3px auto 26px}
.hhu-logo img{display:block;max-width:none;width:auto;height:32px}
.hhu-rail ul{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}
.hhu-rail li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 1px;border-radius:12px;font-size:10px;line-height:1.1;letter-spacing:-.025em}
.hhu-rail li.is-current{background:linear-gradient(130deg,#008fff,#0062ff);box-shadow:0 4px 10px #0002}
.hhu-rail li svg{width:20px;height:20px}
.hhu-appbar{grid-column:2/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:0 16px}
.hhu-appbar h3{flex:none;margin:0;font-size:23px;font-weight:700;line-height:1;letter-spacing:-.055em}
.hhu-metrics{display:flex;align-items:center;justify-content:space-between;min-width:0;flex:1;max-width:730px;padding:12px 14px;border:1px solid #fff;border-radius:23px;background:linear-gradient(115deg,#fffffff5,#f4f9ffe8);box-shadow:0 4px 10px #5f9bd719}
.hhu-metric{display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:0;padding:0 12px;font-size:11px}
.hhu-metric:first-child{padding-left:0}.hhu-metric:last-child{padding-right:0}
.hhu-metric+.hhu-metric{border-left:1px solid #bacfe7}
.hhu-metric svg{width:20px;height:20px;color:#0087ff}
.hhu-metric strong{font-weight:650;line-height:1.2}
.hhu-metric b{display:inline-flex;align-items:center;justify-content:center;min-width:29px;padding:3px 7px;border-radius:999px;background:#dcedff;color:#005aff;font-size:13px;font-weight:700}
.hhu-metric.is-slate svg{color:#56618d}.hhu-metric.is-slate b{background:#e9ecf5;color:#172549}
.hhu-metric.is-green svg{color:#00c52b}.hhu-metric.is-green b{background:#dcfadf;color:#00a517}
.hhu-metric.is-red svg{color:#ff1764}.hhu-metric.is-red b{background:#ffe0e8;color:#f41655}
.hhu-inbox,.hhu-conversation,.hhu-context{min-width:0;min-height:0;overflow:hidden;border:1px solid #e1efff;border-radius:20px;background:linear-gradient(130deg,#ffffffed,#f6faffee);box-shadow:0 3px 7px #3e94d720}
.hhu-inbox{grid-column:2;grid-row:2;padding:14px 10px}
.hhu-inbox>header{display:flex;align-items:center;gap:9px;padding:2px 6px 14px;border-bottom:1px solid #e1ebf8}
.hhu-inbox h4{display:flex;align-items:center;gap:8px;flex:1;margin:0;font-size:21px;font-weight:650;line-height:1.2;letter-spacing:-.04em}
.hhu-inbox h4>span{padding:2px 6px;border-radius:999px;background:#e0f0ff;color:#006bff;font-size:12px}
.hhu-inbox>header button,.hhu-favorite{display:grid;place-items:center;flex:none;width:23px;height:26px;padding:0;border:0;background:transparent;color:#3b4c75}
.hhu-inbox>header svg{width:17px;height:17px}
.hhu-search-tools,.hhu-filter-tools{padding:10px 4px 0}
.hhu-search-tools label,.hhu-filter-tools label{display:grid;gap:5px;font-size:10px;color:#596e89}
.hhu-search,.hhu-filter{width:100%;min-width:0;padding:8px;border:1px solid #cee3f7;border-radius:9px;background:#fff;color:#18304f;font-size:11px}
.hhu-views{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:10px 0 12px;border-bottom:1px solid #dfebf9}
.hhu-views button{padding:8px 7px 10px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:10px;font-weight:500}
.hhu-views button[aria-pressed="true"]{border-color:#0084ff;color:#0076ff}
.hhu-thread-list{overflow:auto;max-height:calc(100% - 100px);scrollbar-width:thin}
.hhu-thread{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:68px;padding:13px 7px;border:0;border-bottom:1px solid #e7eff9;border-radius:0;background:transparent;text-align:left}
.hhu-thread[aria-pressed="true"]{border-radius:14px;background:linear-gradient(110deg,#e8ffe8,#dff8e4);box-shadow:inset 3px 0 #00ca28}
.hhu-thread-text{min-width:0;flex:1}
.hhu-thread strong{display:block;padding-right:48px;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.2;white-space:nowrap;font-weight:650;letter-spacing:-.04em}
.hhu-thread small{display:block;overflow:hidden;text-overflow:ellipsis;margin-top:5px;font-size:10px;line-height:1.25;white-space:nowrap;color:#30476d}
.hhu-thread time{position:absolute;top:14px;right:7px;font-size:9px;color:#40567b;white-space:nowrap}
.hhu-unread{position:absolute;right:8px;bottom:17px;width:7px;height:7px;border-radius:50%;background:#02bd27}
.hhu-channel-icon{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:linear-gradient(#fff,#def0ff);color:#007cff;box-shadow:0 3px 7px #0089ed20}
.hhu-channel-icon svg{width:20px;height:20px}
.hhu-channel-icon.is-whatsapp{background:linear-gradient(#28ed3e,#00c327);color:#fff;box-shadow:0 4px 9px #03c53326}
.hhu-conversation{grid-column:3;grid-row:2;display:flex;flex-direction:column;padding:13px 12px 10px}
.hhu-chat-header{display:flex;align-items:center;gap:8px;padding:2px 3px 10px}
.hhu-chat-person{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.hhu-chat-person>div{min-width:0}
.hhu-chat-person .hhu-channel-icon{width:31px;height:31px}
.hhu-chat-person h4{overflow:hidden;margin:0;font-size:18px;font-weight:650;line-height:1.2;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}
.hhu-chat-person p{overflow:hidden;margin:3px 0 0;font-size:10px;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}
.hhu-status-pill{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#e0fbe1;color:#07811a;font-size:9px;font-weight:600;line-height:1.1;white-space:nowrap}
.hhu-favorite svg{width:16px;height:16px}.hhu-favorite[aria-pressed="true"] svg{fill:#ffda64;stroke:#b28c24}
.hhu-more svg{width:15px;height:15px;color:#344b75}
.hhu-carried{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 8px;border-radius:10px;background:linear-gradient(110deg,#e9f6ff,#f1f9ff);box-shadow:0 3px 5px #4999d910;font-size:9px}
.hhu-carried>svg{width:13px;height:13px;color:#008bff}
.hhu-carried>span:nth-child(n+3){display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:9px;background:#f8fcff;box-shadow:0 2px 4px #549edf1a;font-size:8px;white-space:nowrap}
.hhu-carried span svg{width:12px;height:12px;color:#008cff}
.hhu-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 4px 10px;scrollbar-width:thin}
.hhu-bubble{max-width:94%;padding:9px 12px 5px;border:1px solid #e1e8f5;border-radius:13px;background:#f0f3fa;font-size:12px;line-height:1.35;letter-spacing:-.025em}
.hhu-bubble p{margin:0}
.hhu-bubble small{display:block;margin-top:4px;text-align:right;font-size:8px;line-height:1.1;color:#4a5c79}
.hhu-bubble small span,.hhu-confirmation>small span{font-size:12px;letter-spacing:-3px;color:#008eff;margin-left:2px;padding-right:3px}
.hhu-bubble.is-agent{align-self:flex-end;border-color:#dcf4d8;background:linear-gradient(110deg,#e5ffdc,#dffbe3)}
.hhu-slots{align-self:center;width:94%;padding:8px 10px;border:1px solid #bfddff;border-radius:13px;background:linear-gradient(#fbfdff,#eef7ff)}
.hhu-slots h5{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:11px;font-weight:650;line-height:1.3;letter-spacing:-.03em}
.hhu-slots h5 svg{width:16px;height:16px;color:#007bff}
.hhu-slots>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.hhu-slots button{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #cfe2f8;border-radius:8px;background:#ffffffb3;font-size:11px;font-weight:500;white-space:nowrap}
.hhu-slots button i{display:grid;place-items:center;flex:none;width:13px;height:13px;border:1px solid #adbfdf;border-radius:50%;background:#fff;color:transparent}
.hhu-slots button i svg{width:10px;height:10px}
.hhu-slots button[aria-pressed="true"]{border-color:#20c742;background:linear-gradient(#f4fff0,#dbf9df)}
.hhu-slots button[aria-pressed="true"] i{background:#00c527;border-color:#00c527;color:#fff}
.hhu-confirmation{align-self:stretch;padding:10px 11px 6px;border:1px solid #c6efcf;border-radius:13px;background:linear-gradient(120deg,#f3fff1,#e0f9e7)}
.hhu-confirmation h5{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:650;line-height:1.2;letter-spacing:-.04em;color:#078317}
.hhu-confirmation h5 svg{width:19px;height:19px;color:#00bd37}
.hhu-confirmation>div{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px 9px;padding-right:65px}
.hhu-confirmation p{display:flex;align-items:center;gap:5px;margin:0;font-size:10px;line-height:1.3}
.hhu-confirmation p:nth-child(3){grid-column:1/-1}
.hhu-confirmation p svg{width:13px;height:13px;color:#40547c}
.hhu-booking-id{position:absolute;right:0;top:0;padding:5px 7px;border-radius:10px;background:#cdf5d7;font-size:9px;line-height:1.25;text-align:center}
.hhu-confirmation>small{display:block;margin-top:5px;text-align:right;color:#456782;font-size:8px;line-height:1.2}
.hhu-book{display:flex;align-items:center;justify-content:center;gap:7px;align-self:stretch;padding:10px;border:1px solid #16bc41;border-radius:12px;background:#e2f9e4;color:#087d24;font-size:12px;font-weight:600}
.hhu-book svg{width:17px;height:17px}
.hhu-composer{display:flex;align-items:center;gap:6px;margin-top:5px;padding:8px 0 0;border-top:1px solid #e3edfa}
.hhu-add,.hhu-microphone{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #e3edf7;border-radius:50%;background:#fff;box-shadow:0 3px 5px #3889c71a;color:#4c6184}
.hhu-add svg,.hhu-microphone svg{width:18px;height:18px}
.hhu-message-input{display:flex;align-items:center;min-width:0;flex:1;padding:3px 5px 3px 11px;border:1px solid #e3edf7;border-radius:999px;background:#fff;box-shadow:0 3px 5px #3889c71a}
.hhu-message-input input{width:100%;min-width:0;padding:6px 0;border:0;background:transparent;color:#1c3459;font-size:11px;outline-offset:0}
.hhu-message-input input::placeholder{color:#526784}
.hhu-message-input button{display:grid;place-items:center;width:23px;height:23px;flex:none;padding:0;border:0;background:transparent;color:#455f83}
.hhu-message-input button svg{width:17px;height:17px}
.hhu-send{display:grid;place-items:center;flex:none;width:33px;height:33px;padding:8px;border:0;border-radius:50%;background:linear-gradient(#09dc18,#02b914);color:#fff;box-shadow:0 3px 8px #03b82e26}
.hhu-send svg{width:19px;height:19px}
.hhu-context{grid-column:4;grid-row:2;padding:14px 12px 12px;overflow:auto;scrollbar-width:thin}
.hhu-context>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.hhu-context>header h4{margin:0;font-size:15px;font-weight:650;line-height:1.25;letter-spacing:-.04em}
.hhu-context>header svg{width:15px;height:15px;color:#455d83}
.hhu-customer-top{display:flex;align-items:center;gap:10px;padding-bottom:10px}
.hhu-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(#eff0ff,#c9ccff);box-shadow:0 3px 8px #555bd526;color:#1824d6;font-size:20px;font-weight:650}
.hhu-customer-top>div{min-width:0;flex:1}
.hhu-customer-top strong{display:block;font-size:14px;line-height:1.3;font-weight:650;letter-spacing:-.035em}
.hhu-customer-top small{display:block;margin-top:2px;font-size:10px;white-space:nowrap}
.hhu-patient{display:inline-flex;padding:4px 9px;border:1px solid #c4e0ff;border-radius:999px;background:#e7f3ff;font-size:9px;font-weight:600;box-shadow:0 2px 4px #258fe215}
.hhu-customer-meta{display:grid;grid-template-columns:1fr .9fr .85fr;padding:7px 0 10px;border-block:1px solid #e1ecf9;gap:8px}
.hhu-customer-meta p{display:flex;align-items:flex-start;gap:6px;min-width:0;margin:0;font-size:9px;line-height:1.2}
.hhu-customer-meta p+ p{padding-left:7px;border-left:1px solid #dce6f5}
.hhu-customer-meta svg{width:15px;height:15px;color:#48618b}
.hhu-customer-meta strong{display:block;margin-top:3px;font-size:10px;font-weight:600;white-space:nowrap}
.hhu-timeline{padding:11px 0 0}
.hhu-context h5{margin:0;font-size:12px;font-weight:650;line-height:1.25;letter-spacing:-.035em}
.hhu-timeline>h5{margin-bottom:10px}
.hhu-timeline-item{position:relative;display:flex;align-items:flex-start;gap:9px;min-height:43px;padding-left:22px}
.hhu-timeline-item::before{content:"";position:absolute;left:4px;top:6px;width:6px;height:6px;border-radius:50%;background:#06bf36}
.hhu-timeline-item::after{content:"";position:absolute;left:6.5px;top:11px;bottom:-7px;width:1px;background:linear-gradient(#00d33c,#42b9ff)}
.hhu-timeline-item:last-child::after{display:none}.hhu-timeline-item:last-child::before{background:#0088ff}
.hhu-timeline-item .hhu-channel-icon{width:24px;height:24px}.hhu-timeline-item svg{width:17px;height:17px}
.hhu-timeline-item p{margin:0;font-size:10px;line-height:1.25;min-width:0}
.hhu-timeline-item strong{display:block;font-size:10px;font-weight:650;letter-spacing:-.035em}
.hhu-timeline-item small{display:block;margin-top:2px;font-size:9px;line-height:1.25;color:#334b71}
.hhu-context-status{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.hhu-context-status>div,.hhu-action-log,.hhu-handoff,.hhu-context-footer>div{padding:8px;border:1px solid #e1efff;border-radius:13px;background:linear-gradient(#fff,#eef7ff);box-shadow:0 2px 5px #3e94d710}
.hhu-context-status h6{display:flex;align-items:center;gap:4px;margin:0;font-size:9px;line-height:1.2;font-weight:650;letter-spacing:-.035em}
.hhu-context-status h6>svg{width:14px;height:14px;color:#0082ff}
.hhu-context-status .hhu-status-pill{padding:3px 4px;font-size:8px}
.hhu-context-status p{margin:6px 0 0;padding-left:17px;font-size:9px;line-height:1.25;color:#314b74}
.hhu-tick{display:inline-grid;place-items:center;flex:none;width:11px;height:11px;border-radius:50%;background:#04bf24;color:#fff}
.hhu-tick svg{width:8px;height:8px;stroke-width:3}
.hhu-context-status h6 .hhu-tick{margin-left:auto}
.hhu-action-log{margin-top:8px;padding:9px 10px}
.hhu-action-log h5{display:flex;align-items:center;gap:8px}
.hhu-action-log h5>svg{width:18px;height:18px;color:#007dff}
.hhu-action-log h5 small{margin-left:auto;font-size:10px;font-weight:400;white-space:nowrap}
.hhu-action-log ul{display:grid;gap:5px;list-style:none;margin:7px 0 0;padding:0 0 0 18px}
.hhu-action-log li{display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.2}
.hhu-handoff{margin-top:8px}
.hhu-handoff h5{display:flex;align-items:center;gap:7px;font-size:11px}
.hhu-handoff h5 svg{width:17px;height:17px;color:#46618d}
.hhu-handoff p{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:6px 0 0;padding-left:16px;font-size:9px;white-space:nowrap}
.hhu-handoff p span{padding:3px 6px;border-radius:999px;background:#ddfbe0;color:#03791d;font-weight:600}
.hhu-handoff p svg{width:16px;height:16px}
.hhu-context-footer{display:grid;grid-template-columns:1fr 1.2fr;gap:7px;margin-top:8px}
.hhu-context-footer h5{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}
.hhu-context-footer h5 svg{width:16px;height:16px;color:#405b85}
.hhu-context-footer>div:last-child h5 svg{color:#e6b100}
.hhu-context-footer p{display:flex;align-items:center;justify-content:center;gap:7px;margin:6px 0 0;font-size:10px;white-space:nowrap}
.hhu-mini-avatar{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:linear-gradient(#edf3ff,#c5d6ff);color:#0e37c1;font-size:9px;font-weight:650}
.hhu-context-footer p>strong{padding:5px 7px;border-radius:999px;background:#cfedff;color:#0056f1;font-size:10px;font-weight:650}
.hhu-empty{padding:18px 8px;color:#687b95;font-size:11px;line-height:1.5;text-align:center}
.hhu-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@container unified-workspace (max-width:1000px){.hhu-appbar{gap:12px;padding-inline:8px}.hhu-appbar h3{font-size:20px}.hhu-metrics{padding:10px}.hhu-metric{font-size:9px;gap:5px;padding-inline:8px}.hhu-metric b{font-size:11px;min-width:22px;padding-inline:5px}.hhu-metric svg{width:17px;height:17px}.hhu-chat-person p{font-size:8px}.hhu-carried{font-size:8px}.hhu-carried>span:nth-child(n+3){font-size:7px}.hhu-context-status{grid-template-columns:1fr}.hhu-context-status>div{padding:6px 8px}.hhu-context-status p{margin-top:4px}.hhu-context-footer{grid-template-columns:1fr}.hhu-context-footer>div{padding:7px}.hhu-confirmation>div{grid-template-columns:1fr}.hhu-confirmation p:nth-child(3){grid-column:auto}.hhu-thread{gap:7px}.hhu-thread strong{font-size:11px}.hhu-thread time{font-size:8px}.hhu-thread .hhu-channel-icon{width:25px;height:25px}.hhu-thread .hhu-channel-icon svg{width:18px;height:18px}.hhu-thread small{font-size:9px}.hhu-inbox{padding-inline:7px}.hhu-context{padding-inline:9px}}
@media(max-width:1300px){.hhu-wrap{grid-template-columns:1fr;gap:30px;max-width:1200px}.hhu-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;align-items:center}.hhu-eyebrow{grid-column:1;justify-self:start}.hhu h2{grid-column:1;margin-top:18px;font-size:40px}.hhu h2 br{display:none}.hhu h2 br::after{content:" "}.hhu-lead{grid-column:1;margin-top:18px;font-size:17px;max-width:480px}.hhu-features{grid-column:2;grid-row:1/5;margin:0}.hhu-cta{grid-column:1;justify-self:start;margin-top:24px;font-size:17px}.hhu-shell{height:720px;grid-template-columns:70px minmax(175px,.78fr) minmax(275px,1.4fr) minmax(235px,1.13fr)}}
@media(max-width:1000px){.hhu-shell{grid-template-columns:60px minmax(170px,.7fr) minmax(0,1.3fr);height:710px;padding:10px;gap:7px}.hhu-appbar{grid-column:2/4}.hhu-context{grid-column:2/4;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;max-height:none;overflow:visible}.hhu-shell{grid-template-rows:58px 520px auto;height:auto}.hhu-rail{grid-row:1/4}.hhu-context>header{grid-column:1/-1;margin:0}.hhu-customer-card{grid-column:1;grid-row:2}.hhu-timeline{grid-column:2;grid-row:2/4;padding:0}.hhu-context-status{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr;margin:0}.hhu-action-log{grid-column:2;grid-row:4/6;margin:0}.hhu-handoff{grid-column:1;grid-row:4;margin:0}.hhu-context-footer{grid-column:1;grid-row:5;grid-template-columns:1fr 1fr;margin:0}.hhu-metrics{max-width:500px}.hhu-appbar h3{font-size:18px}.hhu-metric{gap:4px;padding-inline:7px}.hhu-metric strong{font-size:9px}.hhu-context-status p{font-size:10px}.hhu-context h5{font-size:12px}.hhu-context-footer h5{font-size:10px}.hhu-context-footer p>strong{font-size:10px}.hhu-context-footer>div{min-width:0}.hhu-inbox h4{font-size:20px}.hhu-thread strong{font-size:12px}}
@media(max-width:700px){.hhu{padding:40px 20px 48px}.hhu-wrap{gap:28px;max-width:560px}.hhu-intro{display:block;text-align:center}.hhu-eyebrow{font-size:10px;padding-inline:12px}.hhu h2{font-size:clamp(32px,6vw,40px);margin-top:20px}.hhu h2 br{display:initial}.hhu-lead{font-size:16px;margin:18px auto 0;max-width:440px}.hhu-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:20px;text-align:left}.hhu-features li{gap:10px;align-items:flex-start}.hhu-feature-icon{width:36px;height:38px;border-radius:12px}.hhu-feature-icon svg{width:23px;height:23px}.hhu-features h3{font-size:14px}.hhu-features p{font-size:11px}.hhu-features li>div{border:0;padding:0}.hhu-cta{margin-top:22px;font-size:16px}.hhu-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 590px auto;padding:10px;gap:10px;border-radius:24px}.hhu-rail{display:none}.hhu-appbar{grid-column:1;grid-row:1;flex-wrap:wrap;gap:12px;padding:12px 7px 3px}.hhu-appbar h3{font-size:22px}.hhu-metrics{flex-basis:100%;max-width:none;gap:0;padding:10px 8px;border-radius:16px}.hhu-metric{gap:4px;padding-inline:6px}.hhu-metric svg{width:15px;height:15px}.hhu-metric strong{font-size:8px}.hhu-metric b{min-width:18px;font-size:10px;padding:3px 4px}.hhu-inbox{grid-column:1;grid-row:2;padding:12px 10px}.hhu-inbox>header{padding-bottom:8px}.hhu-inbox h4{font-size:20px}.hhu-views{justify-content:flex-start;gap:15px;margin-block:5px 8px}.hhu-views button{font-size:11px}.hhu-thread-list{display:flex;gap:8px;max-height:none;overflow-x:auto;padding-bottom:3px}.hhu-thread{flex:0 0 180px;min-height:64px;padding:12px 9px;border:1px solid #e4edf9;border-radius:12px;background:#f9fcff}.hhu-thread strong{font-size:12px;padding-right:0}.hhu-thread time{display:none}.hhu-thread small{font-size:10px;max-width:132px}.hhu-unread{bottom:auto;top:10px;right:9px}.hhu-conversation{grid-column:1;grid-row:3;padding:13px 11px}.hhu-chat-person h4{font-size:18px}.hhu-chat-person p{font-size:9px}.hhu-status-pill{font-size:9px}.hhu-carried{font-size:9px}.hhu-carried>span:nth-child(n+3){font-size:8px}.hhu-bubble{font-size:12px}.hhu-slots h5{font-size:11px}.hhu-slots button{font-size:11px}.hhu-confirmation>div{grid-template-columns:1fr}.hhu-confirmation h5{font-size:15px}.hhu-confirmation p{font-size:10px}.hhu-context{grid-column:1;grid-row:4;display:block;padding:16px}.hhu-context>header{margin-bottom:12px}.hhu-context>header h4{font-size:17px}.hhu-customer-top strong{font-size:15px}.hhu-customer-top small{font-size:11px}.hhu-customer-meta p{font-size:10px}.hhu-customer-meta strong{font-size:11px}.hhu-timeline{padding-top:14px}.hhu-timeline>h5{font-size:13px}.hhu-timeline-item{min-height:46px}.hhu-timeline-item strong{font-size:11px}.hhu-timeline-item small{font-size:10px}.hhu-context-status{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.hhu-context-status h6{font-size:10px}.hhu-context-status .hhu-status-pill{font-size:8px}.hhu-context-status p{font-size:9px}.hhu-action-log,.hhu-handoff,.hhu-context-footer{margin-top:10px}.hhu-action-log li{font-size:11px}.hhu-handoff p{font-size:10px}.hhu-context-footer{grid-template-columns:1fr 1fr}.hhu-context-footer h5{font-size:10px}.hhu-context-footer p{font-size:10px}.hhu-context-footer p>strong{font-size:10px}}
@media(max-width:380px){.hhu{padding-inline:16px}.hhu-features{gap:12px}.hhu-features li{gap:7px}.hhu-feature-icon{width:31px;height:34px}.hhu-features h3{font-size:13px}.hhu-features p{font-size:10px}.hhu-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hhu-metric svg{display:none}.hhu-metric,.hhu-metric+.hhu-metric{padding-inline:5px;border-left:0}.hhu-metric strong{font-size:9px}.hhu-context-footer{grid-template-columns:1fr}.hhu-context-status{grid-template-columns:1fr}.hhu-composer{gap:5px}.hhu-add,.hhu-microphone{width:26px;height:28px}.hhu-send{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.hhu *, .hhu *::before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hhu-cta:hover{transform:none}}