#dh-channels{max-width:1020px;margin-inline:auto;color:#f6f3ee}#dh-channels *{box-sizing:border-box}#dh-channels .demo-eyebrow{color:#f2c230;font:13px/1.5 IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:1px}#dh-channels h2{font-size:clamp(28px,4vw,38px);line-height:1.15;margin:10px 0}#dh-channels .demo-intro{color:#bacbd3;margin-bottom:18px}#dh-channels button{cursor:pointer;font:600 15px/1.35 IBM Plex Sans,sans-serif;min-height:44px;padding:10px 14px;border:1px solid #667b87;border-radius:6px;color:inherit;background:transparent}#dh-channels button:focus-visible{outline:3px solid #e9aa22;outline-offset:3px}#dh-channels .demo-context{position:sticky;top:var(--demo-nav-height, 76px);z-index:3;background:#12242f;padding:10px 0 12px}#dh-channels .demo-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#dh-channels .demo-channels [aria-pressed=true]{background:#f2c230;color:#12242f;border-color:#f2c230}#dh-channels #dc-status{color:#bacbd3;font-size:14px;line-height:1.5;margin:10px 0 0}#dh-channels .demo-window{background:#fff;color:#202124;border:1px solid #d7dce1;border-radius:12px;overflow:hidden;min-height:430px;display:flex;flex-direction:column}#dh-channels .demo-bar{background:#f2f4f6;padding:14px 18px;border-bottom:1px solid #d7dce1;font-weight:600;display:flex;gap:10px;align-items:center;flex-wrap:wrap}#dh-channels .demo-slack .demo-bar{background:#4a154b;color:#fff}#dh-channels .demo-bar small{font-size:14px;font-weight:400}#dh-channels .demo-body{padding:20px;flex:1}#dh-channels .demo-body p{margin:8px 0}#dh-channels .demo-meta{font-size:14px;line-height:1.5;color:#525b64}#dh-channels .demo-sender{display:flex;align-items:center;gap:10px;margin-bottom:16px}#dh-channels .demo-avatar{display:grid;place-items:center;width:34px;height:34px;background:#f2c230;color:#12242f;border-radius:7px;font-weight:700;flex-shrink:0}#dh-channels .demo-bubble{padding:16px;background:#eef0f3;border-radius:18px 18px 18px 4px}#dh-channels .demo-attachment{border-left:3px solid #f2c230;padding-left:16px}#dh-channels .demo-title{font-size:20px;line-height:1.3;margin:0 0 8px;font-weight:600}#dh-channels .demo-primary{background:#126c47;border-color:#126c47;color:#fff;margin-top:14px}#dh-channels .demo-text-link{color:#135fac;border-color:#135fac}#dh-channels .demo-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #d7dce1}#dh-channels .demo-total{font-size:20px;font-weight:600}#dh-channels .demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}#dh-channels .demo-actions button{margin-top:0}#dh-channels .demo-activity{color:#525b64;font-size:14px;padding:0 0 14px;border-bottom:1px solid #d7dce1;margin-bottom:16px}#dh-channels .demo-footer{padding:14px 20px;background:#f2f4f6;border-top:1px solid #d7dce1}#dh-channels .demo-footer p{margin:0;font-size:14px;color:#525b64}#dh-channels .demo-foot{margin-top:14px;font-size:14px;line-height:1.5;color:#bacbd3}#dh-channels .demo-arrive{animation:demo-arrive .25s ease-out}@keyframes demo-arrive{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){#dh-channels .demo-body{padding:16px}#dh-channels .demo-window{min-height:530px}#dh-channels .demo-actions{display:grid;grid-template-columns:1fr;gap:8px}#dh-channels .demo-bar{padding:12px 16px}}@media(max-width:360px){#dh-channels .demo-window{min-height:580px}}@media(prefers-reduced-motion:reduce){#dh-channels .demo-arrive{animation:none}}#dh-channels .app-shell{color:#202124;background:#fff;border:1px solid #d8dde4;border-radius:14px;overflow:hidden;position:relative}#dh-channels .app-shell p{margin:8px 0}#dh-channels .app-top{padding:14px 20px;background:#f0f4f9;display:flex;gap:20px;align-items:center;border-bottom:1px solid #d8dde4}#dh-channels .app-search{background:#e3eaf2;color:#52606d;padding:7px 14px;border-radius:20px;flex:1;font-size:14px}#dh-channels .mail-grid{display:grid;grid-template-columns:140px 230px minmax(0,1fr);min-height:480px}#dh-channels .mail-folders{background:#f0f4f9;padding:20px 12px;font-size:14px}#dh-channels .mail-folders div{padding:9px 12px}#dh-channels .mail-folders .selected{background:#d3e3fd;border-radius:20px;font-weight:600}#dh-channels .mail-list{background:#fafbfc;border-right:1px solid #d8dde4}#dh-channels .mail-list h3{padding:18px 15px;font-size:18px;margin:0;border-bottom:1px solid #d8dde4}#dh-channels .mail-item{padding:16px;font-size:14px;border-bottom:1px solid #d8dde4}#dh-channels .mail-item small{display:block;color:#626c78;margin-top:5px;font-size:13px}#dh-channels .mail-item.selected{background:#e7effd;border-left:3px solid #3072ca}#dh-channels .mail-reader{padding:24px;min-width:0}#dh-channels .mail-reader h3{font-size:23px;margin:0 0 20px}#dh-channels .email-envelope{display:flex;gap:10px;margin-bottom:22px;align-items:center}#dh-channels .email-body{border-top:1px solid #e1e5ea;padding-top:18px}#dh-channels .email-reply{margin-top:24px;border-top:1px solid #d8dde4;padding-top:18px}#dh-channels .slack-shell .app-top{background:#351136;color:#fff}#dh-channels .slack-shell .app-search{background:#573457;color:#eee0ef;border-radius:6px}#dh-channels .slack-grid{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:480px}#dh-channels .slack-sidebar{background:#4a204b;color:#e6d6e7;padding:20px 12px}#dh-channels .slack-sidebar strong{display:block;padding:0 8px 22px;font-size:19px;color:#fff}#dh-channels .slack-sidebar div{padding:7px 10px;font-size:14px}#dh-channels .slack-sidebar .selected{background:#176e8c;color:#fff;border-radius:5px}#dh-channels .slack-main{display:flex;flex-direction:column;min-width:0}#dh-channels .slack-channel{border-bottom:1px solid #ddd;padding:17px 22px;font-weight:600}#dh-channels .slack-thread{flex:1;padding:22px}#dh-channels .slack-post{display:flex;gap:12px;margin-top:16px}#dh-channels .slack-post-content{flex:1;min-width:0}#dh-channels .slack-compose{border:1px solid #b9bec6;border-radius:7px;padding:12px;margin:0 22px 20px;color:#66717b;font-size:14px}#dh-channels .slack-reply{margin-top:20px;padding-left:14px;border-left:2px solid #d4d8df}#dh-channels .phone-stage{background:#1b3441;padding:28px 12px;border-radius:14px}#dh-channels .phone-shell{max-width:360px;margin:auto;border:7px solid #28333b;border-radius:40px;background:#fff;color:#17191c;box-shadow:0 18px 35px #08151c66;overflow:hidden;position:relative}#dh-channels .phone-status{display:flex;justify-content:space-between;padding:13px 22px 5px;font-size:12px;font-weight:600}#dh-channels .phone-contact{background:#f6f6f8;text-align:center;border-bottom:1px solid #dedee2;padding:10px}#dh-channels .phone-contact .demo-avatar{margin:0 auto 5px;border-radius:50%}#dh-channels .phone-chat{padding:20px 14px;min-height:350px}#dh-channels .sms-time{text-align:center;font-size:13px;color:#6a6a72;margin-bottom:18px}#dh-channels .sms-bubble{background:#e9e9eb;padding:12px 14px;border-radius:18px 18px 18px 4px;margin:12px 24px 12px 0;font-size:16px}#dh-channels .sms-bubble button{border:0;padding:4px 0;color:#145ab3;text-decoration:underline;text-align:left}#dh-channels .sms-event{font-size:13px;text-align:center;color:#65656d;margin:20px 8px}#dh-channels .phone-compose{display:flex;gap:10px;align-items:center;padding:12px 16px 22px;color:#7b7d83}#dh-channels .phone-compose span:last-child{border:1px solid #d1d1d6;border-radius:22px;padding:8px 12px;flex:1;font-size:14px}#dh-channels .review-overlay{position:absolute;inset:0;z-index:2;background:#162431aa;display:flex;align-items:center;justify-content:center;padding:18px}#dh-channels .review-sheet{background:#fff;color:#202124;border-radius:14px;box-shadow:0 12px 40px #0004;padding:22px;width:100%;max-width:430px}#dh-channels .review-sheet h3{font-size:22px;margin:10px 0}#dh-channels .review-sheet .demo-primary{width:100%}#dh-channels .review-sheet .demo-actions{gap:8px}#dh-channels .review-sheet .demo-actions button{flex:1}#dh-channels .replay-row{margin-top:16px}@media(max-width:800px){#dh-channels .mail-grid{grid-template-columns:190px minmax(0,1fr)}#dh-channels .mail-folders{display:none}#dh-channels .slack-grid{grid-template-columns:155px minmax(0,1fr)}}@media(max-width:600px){#dh-channels .mail-grid{display:block}#dh-channels .mail-list{border-right:0}#dh-channels .mail-item:not(.selected){display:none}#dh-channels .mail-list h3{padding:10px 16px;font-size:16px}#dh-channels .mail-reader{padding:20px 16px;min-height:360px}#dh-channels .mail-reader h3{font-size:21px}#dh-channels .mail-item{padding:12px 16px}#dh-channels .app-top{gap:12px;padding:12px 16px}#dh-channels .slack-grid{display:block}#dh-channels .slack-sidebar{display:none}#dh-channels .slack-thread{padding:16px;min-height:330px}#dh-channels .slack-compose{margin:0 16px 16px}#dh-channels .slack-channel{padding:14px 16px}#dh-channels .phone-stage{padding:16px 0;background:transparent}#dh-channels .review-overlay{padding:10px}#dh-channels .review-sheet{padding:16px}}