.hub-channel-demo{background:#fff!important;border:1px solid #e1d5ed!important;border-radius:14px;overflow:hidden;color:#302735;text-align:left}.hub-demo-title{display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:600;padding:18px 22px;border-bottom:1px solid #ece4f4}.hub-demo-play{border:1px solid #e7dfee;background:#fff;color:#826594;border-radius:50%;width:26px;height:26px;cursor:pointer;font-size:11px}.hub-demo-tabs{display:flex;gap:8px;padding:12px 20px}.hub-demo-tabs button{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #e6dced;border-radius:7px;padding:10px 20px;font:500 13px inherit;background:#fff;color:#766280;cursor:pointer;overflow:hidden}.hub-demo-tabs button[aria-selected=true]{background:#f0e8f8;border-color:#cbb5de;color:#69249d}.hub-demo-tabs button>span{font-size:20px;line-height:1}.hub-demo-tabs i{position:absolute;left:0;bottom:0;height:2px;width:0;background:#a47abc}.hub-demo-tabs [aria-selected=true] i{animation:hub-channel-progress 10s linear forwards}.hub-channel-demo.is-paused .hub-demo-tabs i{animation-play-state:paused}.hub-demo-tabs button:focus-visible,.hub-demo-play:focus-visible{outline:2px solid #69249d;outline-offset:2px}
.hub-demo-panel[hidden]{display:none!important}.hub-demo-panel{animation:hub-channel-fade .4s ease}.hub-demo-fax{overflow:hidden}.hub-demo-fax img{display:block!important;width:100%!important;height:auto!important;margin-top:-8.5%;border-radius:0!important}.hub-native{display:grid;grid-template-columns:27% 42% 31%;min-height:510px;padding:0 12px 12px;gap:0}.hub-demo-inbox,.hub-demo-content,.hub-demo-tasks{border:1px solid #e9e0f0;border-radius:8px;overflow:hidden}.hub-demo-content{margin:0 10px;padding:16px}.hub-demo-inbox{padding-top:12px}.hub-inbox-label{display:flex;justify-content:space-around;font-size:12px;padding:6px 0 16px}.hub-inbox-label>span{color:#9b8da5}.hub-demo-search{margin:0 10px 12px;padding:10px;border:1px solid #e9e0f0;border-radius:5px;font-size:11px;color:#a18cac}.hub-message{display:flex;gap:12px;padding:20px 12px;border-top:1px solid #eee7f4}.hub-message>span{font-size:21px;color:#976ab2;width:30px;flex-shrink:0}.hub-message strong{display:block;font-size:12px;font-weight:500}.hub-message small,.hub-message p{display:block;color:#9b8ca5;font-size:10px;margin:6px 0 0;line-height:1.4}.hub-message.selected{background:#f5effa;border-left:2px solid #b18acb}.hub-message-title{font-size:12px;font-weight:500;display:flex;justify-content:space-between;gap:8px;align-items:center}.hub-message-title>span{font-size:8px;font-weight:400;color:#a192ab}.hub-demo-content h3{font-size:13px;font-weight:500;margin:18px 0 10px}.hub-demo-summary{background:#f5effb;border:1px solid #e9dcef;border-radius:8px;color:#89699f;font-size:11px;line-height:1.65;padding:14px}.hub-voice-player{display:flex;align-items:center;gap:12px;padding:15px 0}.hub-voice-player>span{color:#a084b4;font-size:17px}.hub-voice-player small{font-size:10px;color:#a192ab}.hub-voice-bars{display:flex;align-items:center;justify-content:space-between;gap:3px;flex:1;height:36px}.hub-voice-bars i{width:3px;background:#baa0cc;border-radius:3px;animation:hub-wave 1.2s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.12s)}.hub-transcript>div{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #f1ebf5;animation:hub-message-in .45s both;animation-delay:calc(var(--line)*.45s)}.hub-transcript>div>span{font-size:8px;color:#ac9fb6;padding-top:2px}.hub-transcript p{font-size:10px;line-height:1.4;color:#8b7e94;margin:0}.hub-transcript strong{display:block;font-size:9px;color:#6f5c7c;font-weight:500;margin-bottom:4px}.hub-demo-tasks{padding:18px}.hub-task-category{display:inline-block;background:#eee2f7;border-radius:20px;color:#9162ac;font-size:10px;padding:7px 12px}.hub-demo-tasks h3{font-size:19px;font-weight:500;line-height:1.3;margin:20px 0 12px}.hub-task-count{font-size:10px;color:#998aa3}.hub-task-progress{height:3px;background:#c4a6d7;margin:14px 0 8px;transform-origin:left;animation:hub-task-fill 3s ease both}.hub-demo-tasks ul{list-style:none;padding:0;margin:0}.hub-demo-tasks li{display:flex;align-items:flex-start;gap:12px;padding:23px 0;animation:hub-message-in .5s both;animation-delay:calc(1.8s + var(--task)*1s)}.hub-demo-tasks li>span{background:#a0b39a;color:white;border-radius:50%;font-size:11px;width:18px;height:18px;display:grid;place-items:center;flex-shrink:0}.hub-demo-tasks strong{display:block;font-size:12px;font-weight:500}.hub-demo-tasks small{display:block;font-size:10px;line-height:1.5;color:#a192aa;margin-top:7px}.hub-sms-thread{display:flex;flex-direction:column;gap:10px}.hub-bubble{max-width:90%;padding:10px 12px;border-radius:10px;animation:hub-message-in .5s both;animation-delay:calc(var(--line)*.65s)}.hub-bubble.out{align-self:flex-end;background:#f0e6f8}.hub-bubble.in{align-self:flex-start;background:#f6f6f6}.hub-bubble small{font-size:8px;color:#ab97b8}.hub-bubble p{font-size:11px;line-height:1.5;color:#7b648a;margin:4px 0 0}
@keyframes hub-channel-progress{to{width:100%}}@keyframes hub-channel-fade{from{opacity:0}to{opacity:1}}@keyframes hub-message-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes hub-wave{to{transform:scaleY(.45)}}@keyframes hub-task-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.hub-demo-title{font-size:16px;padding:14px}.hub-demo-tabs{padding:10px 12px}.hub-demo-tabs button{padding:9px 14px;font-size:12px}.hub-native{grid-template-columns:1fr;padding:0 10px 10px}.hub-demo-inbox{display:none}.hub-demo-content{margin:0;padding:14px}.hub-demo-tasks{margin-top:10px;padding:14px}.hub-demo-tasks h3{font-size:17px;margin:12px 0}.hub-demo-tasks li{padding:12px 0}.hub-demo-fax{overflow-x:auto}.hub-demo-fax img{min-width:700px;margin-top:-59.5px}.hub-demo-summary,.hub-bubble p{font-size:12px}.hub-transcript p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hub-channel-demo *{animation:none!important}}

.hub-demo-tabs button>span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.hub-channel-demo.is-paused *{animation-play-state:paused!important}
/* Match the existing illustrated eFax workspace across channels. */
.hub-native{grid-template-columns:28% 43% 29%;padding:0 14px 14px;min-height:520px;color:#17143f;background:#fff}
.hub-native .hub-demo-inbox,.hub-native .hub-demo-content,.hub-native .hub-demo-tasks{border:1px solid #ddd2fc;border-radius:8px;background:#fff;box-shadow:none}
.hub-native .hub-demo-content{padding:18px 12px;margin:0 10px}
.hub-native .hub-inbox-label{background:transparent;color:#292348;border-radius:0;padding:10px 0 19px;border-bottom:1px solid #e8dffc;position:relative;font-size:14px}
.hub-native .hub-inbox-label:after{content:'';position:absolute;bottom:0;left:12px;width:45%;height:2px;background:#a17bd0;border-radius:2px}
.hub-native .hub-demo-search{font-size:12px;margin:12px 10px;padding:12px;color:#9288ac;border-color:#ddd2fc;background:#fff}
.hub-native .hub-message{border-radius:0;background:#fff;padding:23px 14px;border-top:1px solid #eae2f9;min-height:98px}
.hub-native .hub-message.selected{background:#f5f0fc;border-left:2px solid #a987d3}
.hub-native .hub-message>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ddd0f6;border-radius:50%;background:#f8f4ff;color:#9873c1}
.hub-native .hub-message strong{font-size:14px;color:#252044;font-weight:500}.hub-native .hub-message small,.hub-native .hub-message p{font-size:11px;color:#9287ac;line-height:1.5}
.hub-native .hub-message-title{color:#8d80a4;font-size:11px}.hub-native .hub-message-title>span{font-size:9px}
.hub-native .hub-demo-content h3{font-size:16px;color:#252044;font-weight:500;margin:15px 4px 12px}
.hub-native .hub-demo-summary{background:#f3edfc;border:1px solid #ded0fa;color:#8e6ab6;font-size:13px;line-height:1.55;padding:18px;border-radius:9px}
.hub-native .hub-demo-tasks{padding:18px}.hub-native .hub-task-category{background:#e9ddfb;color:#8450b6;font-size:12px;padding:7px 17px}
.hub-native .hub-demo-tasks h3{font-size:23px;color:#211944;line-height:1.25;margin:23px 0 20px}.hub-native .hub-task-count,.hub-native .hub-task-progress{display:none}
.hub-native .hub-demo-tasks li{padding:24px 0;gap:17px}.hub-native .hub-demo-tasks li>span{width:21px;height:21px;background:#8fa484;font-size:14px}.hub-native .hub-demo-tasks strong{font-size:14px;color:#292046;line-height:1.45}.hub-native .hub-demo-tasks small{font-size:11px;color:#9b90ac;line-height:1.6}
.hub-native .hub-voice-player{padding:16px 12px;background:#fbf9fe;border:1px solid #e9e0f6;border-radius:8px;margin:0 0 9px}.hub-native .hub-voice-bars i{background:#b19acb}
.hub-native .hub-transcript>div{padding:9px 4px;border-bottom:1px solid #eee7f7}.hub-native .hub-transcript p{font-size:11px;line-height:1.45;color:#9184a1}.hub-native .hub-transcript strong{font-size:10px;color:#74618b}.hub-native .hub-transcript>div>span{font-size:9px}
.hub-native .hub-sms-thread{gap:12px;padding:4px}.hub-native .hub-bubble{padding:12px 15px;border:1px solid #e7dcf7;box-shadow:none;border-radius:11px}.hub-native .hub-bubble.out{background:#f1e9fc}.hub-native .hub-bubble.in{background:#fff}.hub-native .hub-bubble p{font-size:12px;line-height:1.55;color:#887099}.hub-native .hub-bubble small{font-size:9px;color:#a38cb6}
@media(max-width:760px){.hub-native{grid-template-columns:1fr;padding:0 10px 10px}.hub-native .hub-demo-content{margin:0;padding:14px}.hub-native .hub-demo-summary{font-size:13px}.hub-native .hub-demo-tasks{padding:16px}.hub-native .hub-demo-tasks h3{font-size:21px;margin:15px 0}.hub-native .hub-demo-tasks li{padding:15px 0}}

/* One shared dashboard shell for every channel. */
.hub-native{height:590px;min-height:590px;grid-template-columns:27% 43% 30%;font-family:inherit}
.hub-native .hub-demo-content{overflow:auto;scrollbar-width:thin;scrollbar-color:#dfd1eb transparent}
.hub-native .hub-demo-summary{min-height:124px}
.hub-native .hub-demo-tasks li{padding:16px 0}
.hub-native .hub-message>span svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.hub-referral-document{padding:18px;background:#fff;border:1px solid #dcd3e6;border-radius:5px;color:#776684;margin-top:10px}
.hub-referral-letterhead{border-bottom:1px solid #dcd3e6;padding-bottom:12px}.hub-referral-letterhead strong{display:block;font-size:15px;font-weight:500;color:#544260}.hub-referral-letterhead span{font-size:9px;color:#a08daf}.hub-referral-document h4{font-size:10px;letter-spacing:.08em;text-align:center;margin:15px 0;color:#6f5781;font-weight:600}
.hub-referral-document dl{margin:0}.hub-referral-document dl>div{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #f0eaf5;font-size:10px}.hub-referral-document dt{color:#9a85a8}.hub-referral-document dd{margin:0;color:#746180}.hub-referral-document h5{font-size:10px;margin:14px 0 6px;font-weight:500}.hub-referral-document p{font-size:10px;line-height:1.65;margin:0;color:#9a87a7}.hub-referral-lines{display:grid;gap:6px;margin:12px 0}.hub-referral-lines i{height:3px;background:#eee8f4;width:90%}.hub-referral-lines i:nth-child(2){width:75%}.hub-referral-lines i:last-child{width:55%}.hub-referral-signature{border-top:1px solid #e8dff0;padding-top:10px;font-size:9px}.hub-referral-signature span{float:right;color:#b09aba}
@media(max-width:760px){.hub-native{height:auto;min-height:0;grid-template-columns:1fr}.hub-native .hub-demo-content{height:565px}.hub-native .hub-demo-summary{min-height:0}.hub-native .hub-demo-tasks{min-height:380px}}

/* Shared visual treatment with the homepage patient journey. */
.hub-channel-demo{background:linear-gradient(135deg,#faf7fd 0%,#fff 55%,#f7f2fb 100%)!important;border:2px solid #69249d!important;border-radius:20px;box-shadow:0 18px 55px #6c48851a,0 3px 10px #6c488509}
.hub-demo-title{border-bottom-color:#e9e3ee}.hub-native{background:transparent}
.hub-native .hub-demo-inbox,.hub-native .hub-demo-content,.hub-native .hub-demo-tasks{background:#ffffffd9;border-color:#e0d3e9}
@media(max-width:760px){.hub-channel-demo{border-radius:14px}}