[data-dashboard-preview]{container-type:inline-size;overflow:hidden;background:#fff;border-radius:22px;color:#050505;aspect-ratio:1.7778;box-shadow:0 24px 90px #0002;isolation:isolate}.dp{display:grid;grid-template-columns:17% 83%;height:100%;text-align:left;font-family:'Helvetica Neue',Arial,sans-serif;font-size:1.12cqw;line-height:1.3}.dp svg{width:1.55cqw;height:1.55cqw;flex-shrink:0}.dp-side{background:#020202;color:white;padding:2.1cqw 1.1cqw;display:flex;flex-direction:column}.dp-logo{font-family:'Arial Black','Helvetica Neue',Arial,sans-serif;font-weight:950;letter-spacing:-.07em;font-size:2.65cqw;margin-left:.8cqw}.dp-nav{margin-top:2.6cqw;display:grid;gap:.4cqw}.dp-nav>span{display:flex;align-items:center;gap:1.25cqw;padding:1.1cqw;border-radius:.9cqw}.dp-nav>span.selected{background:linear-gradient(120deg,#232323,#191919)}.dp-account{margin-top:auto;padding:.9cqw;color:#ccc;display:flex;justify-content:space-between}.dp-main{padding:1.65cqw 2.6cqw 2.5cqw}.dp-toolbar{height:3.3cqw;display:flex;align-items:center;justify-content:flex-end;gap:1.9cqw;color:#83858e}.dp-toolbar>span{border:1px solid #eee;border-radius:1cqw;display:flex;align-items:center;gap:.8cqw;width:29cqw;padding:.8cqw 1cqw;font-size:.9cqw}.dp-greeting{font-size:1.4cqw;color:#898b94;margin:2.2cqw 0 1cqw}.dp-title{font-weight:750;font-size:5.1cqw;line-height:1.02;letter-spacing:-.055em;margin:0 0 2cqw}.dp-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2cqw}.dp-metrics>div{border:1px solid #e9e9ec;border-radius:1.1cqw;padding:1.25cqw;display:grid;grid-template-columns:auto 1fr;gap:.8cqw;align-items:center;background:#fcfcfc}.dp-metrics>div>span{font-size:1.03cqw;white-space:nowrap}.dp-metrics strong{grid-column:1/-1;font-size:3cqw;letter-spacing:-.05em;line-height:1.15}.dp-metrics small{grid-column:1/-1;font-size:.95cqw;color:#898b94}.dp-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:1.2cqw;margin-top:1.3cqw}.dp-actions,.dp-setup{border:1px solid #e9e9ec;border-radius:1.15cqw;padding:.85cqw}.dp-actions{display:grid;grid-template-columns:1fr 1fr;gap:.8cqw}.dp-action{padding:1.45cqw 1.1cqw;border-radius:1cqw;display:flex;align-items:center;gap:1cqw}.dp-action svg{width:2cqw;height:2cqw}.dp-action span{max-width:9cqw;font-size:1.08cqw}.dp-action b{margin-left:auto}.dp-color-0{background:#f0f6ff;color:#0867bf}.dp-color-1{background:#fff7ec;color:#bb7007}.dp-color-2{background:#effaf2;color:#198d43}.dp-color-3{background:#f4f0ff;color:#6741dc}.dp-action span{color:#111}.dp-setup{padding:1.3cqw 1.6cqw}.dp-setup>b{font-size:1.25cqw}.dp-setup p{margin:1cqw 0 .7cqw;font-size:1.75cqw;letter-spacing:-.04em}.dp-progress{background:#efeff2;height:.35cqw;border-radius:1cqw;margin:.8cqw 0}.dp-progress i{display:block;width:0}.dp-setup small{color:#898b94;font-size:.9cqw}.dp-continue{display:flex;justify-content:space-between;margin-top:1cqw;font-size:1cqw;font-weight:500}
.dp.dp-conversation{grid-template-columns:17% 27% 56%;min-height:600px}.conversation-preview-list{border-right:1px solid #e9e9ed;background:#fbfbfc;position:relative}.conversation-preview-list>div:first-child{padding:34px 22px 22px}.conversation-preview-list h3{font-size:28px;letter-spacing:-.05em;margin:0 0 6px}.conversation-preview-list small{font-size:10px;color:#999}.preview-filter{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:16px 22px;display:flex;justify-content:space-between;font-size:11px}.preview-thread{display:flex;gap:12px;margin:12px;padding:18px 12px;border-radius:12px;background:#edf2f8}.thread-avatar{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#e9e9ec;color:#777;font-size:12px;flex-shrink:0}.preview-thread b{font-size:12px;font-weight:500}.preview-thread p{font-size:11px;color:#777;line-height:1.6;margin:9px 0}.preview-thread small{font-size:9px}.preview-list-note{position:absolute;bottom:25px;left:25px;font-size:10px;color:#999;line-height:1.8}.conversation-preview-main>header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee;padding:28px 28px}.conversation-preview-main header b{font-size:12px;font-weight:500}.conversation-preview-main header small{display:block;font-size:9px;color:#999;margin-top:5px}.preview-resolved{margin-left:auto;font-size:9px;background:#ecf6ed;color:#529064;border-radius:20px;padding:8px 12px}.preview-conversation-body{padding:28px 34px}.preview-date{display:block;text-align:center;color:#aaa;font-size:8px;letter-spacing:.08em;margin-bottom:30px}.conversation-bubble{font-size:12px;line-height:1.7;padding:14px 18px;border-radius:15px;max-width:82%;margin:14px 0;background:#f3f3f6}.conversation-bubble.visitor{margin-left:auto;background:#111;color:#fff}.preview-citation{font-size:8px;color:#999;margin-top:-7px;margin-left:5px}.conversation-insight{border-top:1px solid #eee;display:flex;gap:15px;font-size:20px;color:#999;padding-top:22px;margin-top:32px}.conversation-insight span{font-size:11px;line-height:1.8}.conversation-insight b{color:#333;font-weight:500}.conversation-preview-main>footer{border-top:1px solid #eee;padding:17px 28px;color:#aaa;font-size:10px}.dp-conversation .dp-nav{font-size:12px}
@media(max-width:800px){.dp.dp-conversation{min-height:390px}.conversation-preview-list>div:first-child{padding:20px 12px 15px}.conversation-preview-list h3{font-size:20px}.conversation-preview-list small{font-size:7px}.preview-filter{padding:10px 12px;font-size:8px}.preview-thread{padding:12px 8px;gap:7px;margin:8px}.thread-avatar{width:23px;height:23px;font-size:9px}.preview-thread b{font-size:9px}.preview-thread p{font-size:8px}.preview-thread small{font-size:6px}.conversation-preview-main>header{padding:18px}.conversation-preview-main header b{font-size:10px}.conversation-preview-main header small{font-size:7px}.preview-resolved{font-size:7px;padding:6px 9px}.preview-conversation-body{padding:20px}.conversation-bubble{font-size:9px;padding:10px 12px;margin:10px 0}.preview-date{font-size:6px;margin-bottom:18px}.preview-list-note{font-size:7px;left:15px}.conversation-insight{margin-top:20px;padding-top:15px}.conversation-insight span{font-size:9px}.conversation-preview-main>footer{font-size:8px}}