/* Blue edition: shared mobile surfaces, chart system and primary screens. */

body{background:radial-gradient(ellipse at 65% 15%,#e7f1ff,transparent 55%),#f1f5fb;color:var(--text)}
button{transition:background .16s,box-shadow .16s,transform .16s}button:active{transform:scale(.985)}button:focus-visible,a:focus-visible{outline:3px solid #a8ccff;outline-offset:3px}.page{padding:20px 20px 20px;animation:none}.page h1{font-size:var(--font-size-display-md);line-height:1.4;letter-spacing:-.6px;font-weight:var(--font-weight-semibold);color:var(--text)}.page h2{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);letter-spacing:-.3px}.page h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.sub{font-size:var(--font-size-caption);line-height:1.7;color:var(--muted)}.page-title{margin:0 0 20px;align-items:center}.page-title p{font-size:var(--font-size-caption);margin-top:5px}.section-title{margin:24px 0 14px}.section-title h2{font-size:var(--font-size-title)}.text-btn{font-size:var(--font-size-caption);color:var(--color-link)}.text-btn .ico{width:13px;height:13px}.card{border:1px solid #eaf0f852;border-radius:var(--radius-lg);padding:18px;background:var(--card);box-shadow:var(--shadow);margin-bottom:13px}.card.flat{box-shadow:var(--shadow)}.icon-btn{height:42px;width:42px;border:0;border-radius:var(--radius-md);background:var(--card);box-shadow:0 4px 15px #2866c20a;color:var(--color-text-secondary)}.icon-btn.accent{background:linear-gradient(145deg,#3688ff,#2069ed);color:var(--color-on-primary);box-shadow:0 6px 13px #2b78fa28}.icon-btn.filter-btn{box-shadow:none;background:transparent;color:var(--color-text-tertiary)}.icon-btn .ico{width:20px;height:20px}.primary,.secondary,.danger-btn{min-height:44px;border-radius:var(--radius-md);font-size:var(--font-size-body);padding:11px 17px;font-weight:var(--font-weight-medium)}.primary{background:linear-gradient(120deg,#3788ff,#256cf1);color:var(--color-on-primary);box-shadow:0 5px 12px #2b78fa20}.primary:hover{background:linear-gradient(120deg,#267cf8,#1d62df)}.secondary{background:var(--tint);color:var(--color-link)}.danger-btn{background:#fff0f2;color:var(--color-error-text)}.pill{padding:3px 7px;font-size:var(--font-size-compact);line-height:1.5;border-radius:var(--radius-sm);background:var(--tint);color:var(--color-link)}.pill.gray{background:#f0f4fa;color:var(--color-text-tertiary)}.pill.orange{background:#fff2df;color:var(--color-warning-text)}.pill.green{background:#e7f7f0;color:var(--color-success-text)}.pill.rose{background:#ffedf1;color:var(--color-error-text)}.app-icon,.workspace-icon{width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;background:#eaf2ff;color:var(--color-link)}.app-icon.blue{background:#e9f2ff;color:var(--color-link)}.app-icon.green{background:#e4f6f3;color:var(--color-success-text)}.app-icon.orange{background:#fff0dc;color:var(--color-warning-text)}.app-icon.rose{background:#ffedf1;color:var(--color-error-text)}.app-icon .ico{width:23px;height:23px}.search{height:46px;padding:0 14px;border:0;border-radius:var(--radius-md);background:#edf2f9;box-shadow:inset 0 1px 2px #163a6903;margin-bottom:16px;gap:9px}.search .ico{width:17px;color:var(--color-text-tertiary)}.search input{font-size:var(--font-size-caption);color:var(--text)}.search input::placeholder{color:var(--color-text-tertiary)}.search-row{gap:6px}.search-row .icon-btn{height:46px;width:36px}.segments{gap:24px;border-color:#e8eef7}.segments button{font-size:var(--font-size-body);padding:12px 0 13px;color:var(--color-text-tertiary);font-weight:var(--font-weight-regular)}.segments button.active{font-weight:var(--font-weight-semibold);color:var(--color-link)}.segments button.active:after{height:3px;left:25%;right:25%;border-radius:var(--radius-xs);bottom:0}.segments button small{font-size:var(--font-size-compact);border-radius:var(--radius-sm);background:#eaf2ff;color:var(--color-link);padding:1px 4px;margin-left:2px}.chips{gap:8px;padding:15px 0}.chip{padding:7px 12px;gap:5px;border:0;border-radius:var(--radius-sm);background:#fff;color:var(--color-text-tertiary);font-size:var(--font-size-caption);box-shadow:0 2px 7px #355e9703}.chip.active{background:#e6efff;color:var(--color-link);font-weight:var(--font-weight-medium)}.chip .channel-logo{width:15px;height:15px;border-radius:var(--radius-xs);background:transparent}.chip .channel-logo img{width:14px;height:14px}.avatar{height:46px;width:46px;border-radius:var(--radius-md);background:linear-gradient(135deg,#9ac2ff,#5d98f3);color:var(--color-on-primary);font-size:var(--font-size-title);box-shadow:0 3px 8px #3f75be08;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar.large{width:70px;height:70px;border-radius:var(--radius-xl)}.channel-logo{width:42px;height:42px;border-radius:var(--radius-md);display:grid;place-items:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-caption);flex-shrink:0}.channel-logo.official-logo{background:#f5f8fc;border:1px solid #edf2fa}.channel-logo img{width:27px;height:27px;object-fit:contain}.channel-logo.utility-logo>.ico{width:80%;height:80%}.channel-logo.blue,.channel-logo.brand-tone{background:#edf4ff;color:var(--color-link)}.channel-logo.black{background:#f0f2f7;color:var(--color-text-primary)}
.studio-top{height:76px;background:transparent;margin:0 42px;padding:0;border-bottom:1px solid #dce6f3;color:var(--color-text-primary)}.brand-mark{border-radius:var(--radius-md);background:linear-gradient(140deg,#4895ff,#266df2);box-shadow:0 5px 11px #2777f02b}.wordmark{font-size:var(--font-size-display-sm)}.version{color:var(--color-text-tertiary);font-size:var(--font-size-compact);letter-spacing:1.8px}.studio-top-right{color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.studio-top-right a{color:var(--color-link)}.studio{max-width:1280px;grid-template-columns:220px 422px minmax(0,1fr);gap:58px;margin:30px auto;padding:0 44px}.studio-nav{padding:30px 0;min-height:0;background:transparent;border:0;color:var(--color-text-primary)}.studio-nav .eyebrow{font-size:var(--font-size-compact);letter-spacing:1.7px;color:var(--color-text-tertiary);padding:0 10px}.studio-nav h1{font-size:var(--font-size-display-md);line-height:1.6;letter-spacing:-.7px;margin:20px 0 10px;padding:0 10px;color:var(--color-text-primary)}.studio-nav h1 span{color:var(--color-link)}.studio-desc{font-size:var(--font-size-caption);line-height:2;color:var(--color-text-tertiary);padding:0 10px;margin-bottom:28px}.preview-link{padding:13px 14px;border-radius:var(--radius-md);margin:2px 0;gap:12px;font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.preview-link .ico{width:19px;height:19px}.preview-link.active{color:var(--color-link);background:#fff;box-shadow:0 6px 22px #4679c20d;font-weight:var(--font-weight-semibold)}.preview-link:hover{background:#ffffff80;color:var(--color-link)}.studio-foot{font-size:var(--font-size-compact);color:var(--color-text-tertiary);padding:0 10px;line-height:2.5;margin:28px 0}.studio-foot a{color:var(--color-text-tertiary)}.phone{border:7px solid #243651;border-radius:46px;background:var(--bg);box-shadow:0 30px 80px #2c5a9c20,0 0 0 2px #c4d5ea}.island{background:#243651;border-radius:var(--radius-lg)}.status-bar{height:40px;background:#f5f9ff;color:var(--color-text-primary);font-size:var(--font-size-caption)}.status-symbols{font-size:var(--font-size-compact)}#app-header{height:47px;background:#f5f9ff;color:var(--color-text-primary);padding:0 20px}.nav-title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold)}.nav-title .org-label{color:var(--color-text-tertiary)}.capsule{border-radius:var(--radius-lg);background:#ffffffa8;border:1px solid #dae5f3;height:29px;box-shadow:0 2px 7px #3460a005}.capsule i{background:#dae5f3}.capsule button{height:27px;width:35px}.capsule .ico{width:16px;height:16px}.round-close{width:13px;height:13px}#screen{background:linear-gradient(180deg,#f5f9ff 0,#f5f7fc 320px)}#tabbar{background:#ffffffed;border-top:1px solid #edf2fa;padding:10px 9px 23px;min-height:80px;backdrop-filter:blur(15px);box-shadow:0 -5px 18px #4775b604}#tabbar button{color:var(--color-text-tertiary);gap:4px;font-size:var(--font-size-compact);font-weight:var(--font-weight-regular)}#tabbar .tab-icon{width:42px;height:26px;display:grid;place-items:center;border-radius:var(--radius-sm)}#tabbar .ico{width:21px;height:21px;stroke-width:1.65}#tabbar button.active{color:var(--color-link);font-weight:var(--font-weight-semibold)}#tabbar button.active .tab-icon{background:#eaf2ff}#tabbar button.active .ico{stroke-width:2}#tabbar button.active:before{display:none}.tab-badge{top:-2px;left:calc(50% + 7px);border-color:#fff;background:#ff7c86}.home-indicator{background:#31496b;width:110px;height:4px}.design-note{padding-top:66px;max-width:255px}.design-note .eyebrow{color:var(--color-text-tertiary);font-size:var(--font-size-compact);letter-spacing:1.6px}.note-index{color:var(--color-link);font-size:var(--font-size-caption);margin-top:28px}.design-note h2{font-size:var(--font-size-display-sm);color:var(--color-text-primary);line-height:1.65;margin-top:16px}.design-note p{color:var(--color-text-tertiary);font-size:var(--font-size-caption);line-height:2}.note-line{background:#c6d8ef;width:27px;margin:28px 0}.note-label{color:var(--color-text-tertiary);font-size:var(--font-size-compact)}.design-note ol{font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:2.6}.note-link{color:var(--color-text-tertiary);border-color:#d4e0f0;font-size:var(--font-size-caption)}.demo-disclaimer{color:var(--color-text-tertiary);font-size:var(--font-size-compact);margin-top:35px}.device-caption{font-size:var(--font-size-compact);color:var(--color-text-tertiary);letter-spacing:1px;padding-top:17px}
.report-home{padding-top:16px}.report-greeting{display:flex;align-items:center;gap:10px;margin-bottom:20px}.report-greeting>img{width:39px;height:42px;object-fit:cover;border-radius:var(--radius-md);box-shadow:0 3px 10px #4c84d319}.report-greeting h1{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);letter-spacing:-.4px}.report-greeting h1 span{font-size:var(--font-size-body);color:var(--color-warning-text);margin-left:5px}.report-greeting p{font-size:var(--font-size-caption);color:var(--color-text-tertiary);margin-top:3px}.report-greeting .icon-btn{width:37px;height:37px;border-radius:var(--radius-md)}.report-tabs{display:flex;gap:24px;border-bottom:1px solid #e3eaf5;margin-bottom:11px}.report-tabs>button{padding:8px 0 12px;position:relative;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.report-tabs>button.active{color:var(--color-link);font-weight:var(--font-weight-semibold)}.report-tabs>button.active:after{content:"";position:absolute;width:21px;height:3px;border-radius:var(--radius-sm);bottom:-1px;left:calc(50% - 10px);background:var(--brand)}.report-period{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.report-period>span{font-size:var(--font-size-compact);color:var(--color-text-tertiary);display:flex;align-items:center;gap:4px}.report-period small{font-size:var(--font-size-compact);color:var(--color-text-tertiary);padding:2px 4px;background:#edf2f9;border-radius:var(--radius-xs);margin-left:3px}.report-period .live-dot{width:5px;height:5px;margin:0}.report-period>div{display:flex;gap:3px;background:#eaf0f9;border-radius:var(--radius-sm);padding:3px}.report-period button{font-size:var(--font-size-compact);color:var(--color-text-tertiary);padding:4px 8px;border-radius:var(--radius-sm)}.report-period button.active{background:#fff;color:var(--color-link);box-shadow:0 2px 4px #4278bb0b}.report-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.report-kpi{position:relative;overflow:hidden;text-align:left;background:var(--card);border:1px solid #e9f0fa80;border-radius:var(--radius-lg);padding:13px 13px 11px;box-shadow:0 4px 15px #4475b504;min-height:97px}.report-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:var(--font-size-compact);color:var(--color-text-tertiary);white-space:nowrap}.report-kpi-top .ico{width:14px;height:14px;color:var(--color-text-tertiary)}.report-kpi-value{font-size:var(--font-size-display-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.7px;margin:4px 0 3px;font-variant-numeric:tabular-nums;line-height:1.2}.report-kpi-value small{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);letter-spacing:0;color:var(--color-text-tertiary);margin-left:4px}.report-kpi-change{font-size:var(--font-size-compact);color:var(--color-text-tertiary);line-height:1.5;white-space:nowrap}.report-kpi.featured{background:linear-gradient(125deg,#2d7efa,#4a98ff);border-color:transparent;box-shadow:0 7px 17px #2b7af52b}.report-kpi.featured:after{content:"";width:105px;height:105px;border-radius:var(--radius-circle);border:1px solid #ffffff26;position:absolute;right:-54px;top:20px;box-shadow:0 0 0 16px #ffffff08,0 0 0 32px #ffffff06}.report-kpi.featured .report-kpi-top{color:var(--color-on-dark-secondary)}.report-kpi.featured .report-kpi-top .ico{color:var(--color-on-dark-secondary)}.report-kpi.featured .report-kpi-value{color:var(--color-on-primary)}.report-kpi.featured .report-kpi-change{color:var(--color-on-dark)}.report-shortcuts{display:flex;gap:8px;margin:14px 0 19px}.report-shortcuts>button{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;padding:11px 5px;font-size:var(--font-size-caption);color:var(--color-text-secondary);background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 13px #4278bd04;white-space:nowrap}.report-shortcuts>button>span{display:grid;place-items:center;color:var(--color-link)}.report-shortcuts .ico{width:17px;height:17px}.report-shortcuts>button>.ico{width:10px;height:10px;color:var(--color-text-tertiary)}.report-shortcuts>button:nth-child(2)>span{color:var(--color-link)}.report-shortcuts>button:nth-child(3)>span{color:var(--color-warning-text)}.report-card{padding:17px 15px 10px;background:var(--card);border-radius:var(--radius-lg);margin-bottom:15px;box-shadow:0 5px 22px #3a72ba06;border:1px solid #e8f0fa66;overflow:hidden}.report-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.report-card-head h2{font-size:var(--font-size-body);letter-spacing:-.2px;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.report-card-head p{color:var(--color-text-tertiary);font-size:var(--font-size-compact);margin-top:4px}.report-card-menu{color:var(--color-text-tertiary);margin-top:-4px}.report-card-menu .ico{width:18px;height:18px}.report-line-svg,.report-bar-svg{display:block;width:100%;height:auto;overflow:visible}.chart-gridline{stroke:#e6eef9;stroke-width:.8;stroke-dasharray:3 4}.chart-axis-label{font-size:var(--font-size-compact);fill:#9bacc4;font-family:var(--font-family-ui)}.report-readout{min-height:26px;border-top:1px solid #f0f4fa;color:var(--color-text-tertiary);font-size:var(--font-size-compact);padding-top:8px;margin-top:8px;line-height:1.6;display:flex;align-items:center;gap:4px}.report-readout .ico{width:11px;height:11px;color:var(--color-text-tertiary)}.report-readout.has-value{color:var(--color-link);font-size:var(--font-size-compact)}.report-legend{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;padding:0 0 3px}.report-legend button,.report-legend>span{display:flex;align-items:center;gap:4px;color:var(--color-text-tertiary);font-size:var(--font-size-compact);padding:4px 0}.report-legend i,.donut-legend i,.legend-dot{display:inline-block;width:5px;height:5px;background:var(--legend);border-radius:var(--radius-circle);flex-shrink:0}.report-legend button.muted-series{opacity:.4;text-decoration:line-through}.lead-stats{display:grid;grid-template-columns:1fr 1fr 1fr;background:#f5f8fe;border-radius:var(--radius-md);padding:12px 7px;margin-bottom:14px;gap:5px}.lead-stats>div{padding-left:5px;border-right:1px solid #e6eef9}.lead-stats>div:last-child{border:0}.lead-stats span{display:block;font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.lead-stats b{display:block;font-size:var(--font-size-title);line-height:1.5;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);letter-spacing:-.5px}.lead-stats small{font-size:var(--font-size-caption);margin-left:1px}.donut-layout{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:3px 0 10px}.report-donut{width:132px;height:132px;flex-shrink:0}.donut-value{font-size:var(--font-size-display-sm);font-weight:var(--font-weight-semibold);fill:#355278;font-family:var(--font-family-ui)}.donut-label{font-size:var(--font-size-compact);fill:#9aaec9;font-family:var(--font-family-ui)}.donut-legend{flex:1;display:grid;gap:9px;min-width:0}.donut-legend button{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;align-items:center;gap:8px;background:#f5f8fe;border-radius:var(--radius-sm);padding:9px 9px;font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.donut-legend button>span{display:flex;align-items:center;gap:5px}.donut-count{min-width:24px;text-align:right;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text);font-variant-numeric:tabular-nums}.donut-legend strong{min-width:35px;text-align:right;white-space:nowrap;font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.donut-legend small{font-size:var(--font-size-compact)}.heatmap-grid{display:grid;grid-template-columns:31px repeat(7,minmax(0,1fr));gap:5px 4px;align-items:center;margin-top:19px}.heat-hour{font-size:var(--font-size-compact);color:var(--color-text-tertiary);text-align:left;white-space:nowrap}.heat-cell{height:17px;border-radius:var(--radius-xs);padding:0;min-width:0}.heat-cell:focus-visible{outline:2px solid #3d85fb;outline-offset:1px}.heat-day{font-size:var(--font-size-compact);color:var(--color-text-tertiary);text-align:center;margin-top:5px}.heat-legend{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--color-text-tertiary);font-size:var(--font-size-compact);margin:13px 0 2px}.heat-legend i{display:block;width:63px;height:5px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f5ff,#448bfa)}.reply-bars{display:grid;gap:18px;padding:15px 0 12px}.reply-bars button{display:flex;gap:12px;align-items:center;padding:0;text-align:left;min-height:22px}.reply-bars button>span{font-size:var(--font-size-caption);color:var(--color-text-tertiary);width:78px;flex-shrink:0}.reply-bars button>i{flex:1;background:#edf2fa;height:7px;border-radius:var(--radius-sm);overflow:hidden}.reply-bars button>i>b{display:block;height:100%;border-radius:var(--radius-sm)}.reply-bars strong{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);min-width:25px;text-align:right}.handoff-legend{display:grid;gap:10px;flex:1}.handoff-legend button{text-align:left;background:#f4f8ff;border-radius:var(--radius-md);padding:10px 11px;display:grid;grid-template-columns:1fr auto;gap:7px;color:var(--color-text-tertiary);font-size:var(--font-size-compact)}.handoff-legend b{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.handoff-legend i{height:4px;background:#e0eaf8;grid-column:1/3;border-radius:var(--radius-sm);overflow:hidden}.handoff-legend em{display:block;height:100%;background:#8fb9fb;border-radius:var(--radius-sm)}.working-ratio{display:flex;justify-content:space-between;align-items:center;margin:17px 0 12px;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.working-ratio b{font-size:var(--font-size-display-md);line-height:1.2;color:var(--color-link);font-weight:var(--font-weight-semibold);letter-spacing:-1px}.working-ratio small{font-size:var(--font-size-body);letter-spacing:0}.working-progress{display:block;width:100%;height:7px;border-radius:var(--radius-sm);overflow:hidden;padding:0;background:#e9f0fb;margin:8px 0 19px}.working-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#a1c9ff,#4b8df5);border-radius:var(--radius-sm)}.working-detail{display:grid;gap:9px;margin-bottom:5px}.working-detail button{display:flex;align-items:center;justify-content:space-between;background:#f5f8fe;padding:12px;border-radius:var(--radius-sm);font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.working-detail button>span{display:flex;align-items:center;gap:7px}.working-detail b{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.report-footer{font-size:var(--font-size-compact);color:var(--color-text-tertiary);text-align:center;line-height:1.9;padding:10px 0 0}.ops-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.ops-summary>div{background:#fff;border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow)}.ops-summary span{display:block;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.ops-summary b{display:block;color:var(--color-link);font-size:var(--font-size-display-md);font-weight:var(--font-weight-semibold)}.ops-summary em{font-size:var(--font-size-body);font-style:normal}.ops-summary small{font-size:var(--font-size-caption);color:var(--color-success-text)}.customer-funnel{display:grid;gap:10px;margin:20px 0 15px;justify-items:center}.customer-funnel button{display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-sm);padding:13px 15px;background:#d9eaff;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.customer-funnel button:nth-child(2){background:#bad8ff;color:var(--color-text-secondary)}.customer-funnel button:nth-child(3){background:#8cbcff;color:var(--color-on-primary)}.customer-funnel button:nth-child(4){background:#5d9cf8;color:var(--color-on-primary)}.customer-funnel b{font-size:var(--font-size-body)}.tag-report-bars{display:grid;gap:15px;padding:15px 0}.tag-report-bars button{display:flex;align-items:center;gap:10px;text-align:left}.tag-report-bars span{width:55px;font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.tag-report-bars i{height:7px;border-radius:var(--radius-sm);background:#f0f4fb;flex:1}.tag-report-bars em{display:block;height:100%;border-radius:var(--radius-sm);background:linear-gradient(90deg,#a9ccff,#5d9bfa)}.tag-report-bars b{min-width:21px;font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}
.inbox-top{padding-top:20px;background:transparent}.inbox-top .page-title{margin-bottom:17px}.inbox-top .search{background:#eaf0f9}.inbox-top .segments{margin-top:2px}.inbox-strip{padding-left:20px;padding-right:20px}.list-section-label{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-tertiary);font-size:var(--font-size-caption);padding:1px 22px 12px}.list-section-label>span:last-child{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.list-section-label .ico{width:10px;height:10px;margin-left:3px}#inbox-results{margin:0 14px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 7px 25px #356ab50a;background:var(--card)}.conversation{padding:18px 15px;gap:12px;border-color:#f0f4f9;position:relative}.conversation:last-child{border-bottom:0}.conversation:hover{background:#f8fbff}.conversation-avatar{position:relative;flex-shrink:0;padding-right:3px}.conversation-avatar>.avatar{width:46px;height:46px;border-radius:var(--radius-md)}.avatar-channel{position:absolute;right:-2px;top:32px;border:2px solid var(--card);border-radius:var(--radius-sm);background:#fff}.avatar-channel .channel-logo{width:15px;height:15px;border:0;border-radius:var(--radius-xs);background:white}.avatar-channel .channel-logo img{width:14px;height:14px}.conversation .name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.conversation .time{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.conversation .preview{font-size:var(--font-size-caption);color:var(--color-text-tertiary);margin:5px 0 8px}.conversation-source{display:flex;align-items:center;gap:5px;color:var(--color-text-tertiary);font-size:var(--font-size-compact)}.conversation-source>i{height:3px;width:3px;border-radius:var(--radius-circle);background:#c8d5e7}.ai-state{display:flex;align-items:center;gap:3px;font-size:var(--font-size-compact);color:var(--color-link)}.ai-state .ico{width:10px;height:10px}.mine-state{color:var(--color-text-tertiary);font-size:var(--font-size-compact)}.unread{height:16px;min-width:16px;font-size:var(--font-size-compact);background:#ff8b97;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.sync-caption{font-size:var(--font-size-compact);color:var(--color-text-tertiary);text-align:center;padding:20px 0}.sync-caption .live-dot{background:#9bc8bd;width:4px;height:4px}
.customer-summary{display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(120deg,#e8f2ff,#f1f7ff);border:1px solid #e6f0fd;border-radius:var(--radius-lg);margin:0 0 19px;padding:15px 4px}.customer-summary>div{text-align:center;border-right:1px solid #dbe8fa}.customer-summary>div:last-child{border:0}.customer-summary span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.customer-summary b{display:block;font-size:var(--font-size-display-sm);font-weight:var(--font-weight-semibold);color:var(--color-link);margin-top:3px}.customer-summary small{font-size:var(--font-size-compact);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);margin-left:4px}.result-caption{padding:11px 1px}.result-caption .sub{font-size:var(--font-size-caption)}.result-caption .text-btn{font-size:var(--font-size-caption)}.polished-customer{display:block;padding:16px 15px}.customer-identity{display:flex;gap:12px;align-items:center}.customer-identity h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.customer-origin{display:flex;align-items:center;gap:5px;color:var(--color-text-tertiary);font-size:var(--font-size-compact);margin-top:7px!important}.customer-origin>.channel-logo{width:13px;height:13px;background:transparent;border:0;border-radius:var(--radius-xs)}.customer-origin>.channel-logo img{width:12px;height:12px}.customer-origin>span{margin:0 2px;color:var(--color-text-tertiary)}.intent-score{width:44px;height:44px;border-radius:var(--radius-md);background:#f1f6ff;color:var(--color-link);display:grid;align-content:center;text-align:center;flex-shrink:0}.intent-score.high{background:#fff7e8;color:var(--color-warning-text)}.intent-score b{font-size:var(--font-size-display-sm);font-weight:var(--font-weight-semibold);line-height:1.2}.intent-score small{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.intent-score.high small{color:var(--color-warning-text)}.customer-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f4fa;padding-top:12px;margin-top:14px;gap:8px}.customer-card-bottom>.tag-wrap{gap:5px;flex:1}.customer-card-bottom>span{font-size:var(--font-size-compact);color:var(--color-text-tertiary);white-space:nowrap}.customer-card-bottom .ico{width:10px;height:10px}.customer-card-bottom .pill{font-size:var(--font-size-compact)}
.channel-health{display:flex;align-items:center;gap:11px;border-radius:var(--radius-lg);padding:16px 14px;background:linear-gradient(125deg,#e4f0ff,#f2f8ff);margin-bottom:18px;border:1px solid #e4effe}.health-symbol{width:37px;height:37px;border-radius:var(--radius-md);background:#fff;color:var(--color-link);display:grid;place-items:center;box-shadow:0 4px 12px #4585db08}.health-symbol .ico{width:19px;height:19px}.channel-health h3{color:var(--color-link);font-size:var(--font-size-caption)}.channel-health p{color:var(--color-text-tertiary);font-size:var(--font-size-compact);margin-top:3px}.channel-health .icon-btn{width:28px;height:28px;background:transparent;box-shadow:none;color:var(--color-text-tertiary)}.channel-health .icon-btn .ico{width:16px;height:16px}.channel-type-tabs{margin:0 -20px;padding-left:20px;padding-right:20px}.channel-account-card{padding:16px 15px;border-radius:var(--radius-lg);margin-bottom:14px}.channel-card-head{display:flex;align-items:center;gap:11px}.channel-card-head .channel-logo{width:41px;height:41px;border-radius:var(--radius-md)}.channel-card-head .channel-logo img{width:26px;height:26px}.channel-card-head h3{font-size:var(--font-size-caption);line-height:1.5;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.channel-card-head .sub{font-size:var(--font-size-compact);color:var(--color-text-tertiary);margin-top:3px}.channel-status{font-size:var(--font-size-compact);white-space:nowrap;border-radius:var(--radius-sm);padding:4px 6px;background:#eff8f4;color:var(--color-success-text);align-self:flex-start;margin-top:1px}.channel-status.orange{color:var(--color-warning-text);background:#fff7e9}.channel-status.muted{color:var(--color-text-tertiary);background:#f0f4f9}.channel-status:before{content:"";display:inline-block;width:4px;height:4px;background:currentColor;border-radius:var(--radius-circle);vertical-align:middle;margin-right:4px}.channel-bot-row{display:flex;align-items:center;gap:9px;background:#f5f8fe;border-radius:var(--radius-md);padding:10px 11px;margin-top:16px}.channel-bot-row>img{height:27px;width:27px;object-fit:cover;border-radius:var(--radius-sm)}.channel-bot-row>span{flex:1}.channel-bot-row small{display:block;font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-bot-row b{display:block;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);margin-top:1px}.channel-bot-row>.ico{height:15px;width:15px;color:var(--color-text-tertiary)}.channel-account-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 0;padding:0 3px 13px;border-bottom:1px solid #f0f4fa}.channel-account-info dt{display:flex;align-items:center;gap:4px;font-size:var(--font-size-compact);color:var(--color-text-tertiary);margin-bottom:4px}.channel-account-info dt .ico{width:10px;height:10px;color:var(--color-text-tertiary)}.channel-account-info dd{margin:0;font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-card-actions{display:flex;align-items:center;gap:11px;padding-top:12px}.channel-card-actions>.sub{margin-right:auto;font-size:var(--font-size-compact);color:var(--color-text-tertiary);white-space:nowrap}.channel-card-actions .live-dot{width:4px;height:4px;background:#a0cbbc;margin-right:3px}.channel-card-actions>.text-btn{font-size:var(--font-size-compact);color:var(--color-text-tertiary);padding:0}.channel-card-actions>.primary,.channel-card-actions>.secondary{min-height:29px;height:29px;border-radius:var(--radius-sm);padding:5px 12px;font-size:var(--font-size-caption);box-shadow:none}.channel-card-actions>button:last-child{padding:0;color:var(--color-text-tertiary)}.channel-card-actions>button:last-child .ico{width:15px;height:15px}.channel-alert{font-size:var(--font-size-compact);color:var(--color-warning-text);background:#fff9ef;padding:8px 10px;border-radius:var(--radius-sm);margin:11px 0 0}.channel-alert .ico{width:11px;height:11px;margin-right:5px}
.profile-blue{background:linear-gradient(120deg,#337efa,#5ba2ff);border-radius:var(--radius-xl);padding:22px 18px 17px;color:var(--color-on-primary);position:relative;overflow:hidden;box-shadow:0 9px 20px #3980ed22}.profile-blue:before{content:"";position:absolute;top:-65px;right:-65px;width:180px;height:180px;border:1px solid #ffffff18;border-radius:var(--radius-circle);box-shadow:0 0 0 28px #ffffff04;pointer-events:none}.account-avatar{width:51px;height:51px;border:2px solid #ffffffa0;border-radius:var(--radius-lg);background:linear-gradient(135deg,#a8d1ff,#e6f1ff);display:grid;place-items:center;font-size:var(--font-size-display-sm);color:var(--color-link);position:relative;flex-shrink:0;box-shadow:0 4px 11px #1769d21a}.account-avatar>span{position:absolute;right:-5px;bottom:-5px;background:#edf6ff;width:17px;height:17px;border-radius:var(--radius-sm);border:2px solid #82b6ff;display:grid;place-items:center;color:var(--color-link)}.account-avatar .ico{width:11px;height:11px;stroke-width:2}.profile-blue h2{font-size:var(--font-size-title);color:var(--color-on-primary);font-weight:var(--font-weight-semibold)}.profile-blue .grow>p{color:var(--color-text-tertiary);font-size:var(--font-size-compact);margin-top:5px}.role-label{font-size:var(--font-size-compact);color:var(--color-text-tertiary);border:1px solid #ffffff40;background:#ffffff12;padding:2px 5px;border-radius:var(--radius-xs);vertical-align:middle;margin-left:5px;font-weight:var(--font-weight-regular)}.profile-switch{width:30px;height:30px;background:#ffffff16;color:var(--color-text-tertiary);border-radius:var(--radius-md);display:grid;place-items:center}.profile-switch .ico{width:15px;height:15px}.profile-membership{margin-top:21px;padding:13px 14px 11px;border:1px solid #ffffff28;border-radius:var(--radius-md);background:linear-gradient(115deg,#ffffff19,#ffffff08)}.profile-membership>.between>span{display:flex;align-items:center;gap:5px;font-size:var(--font-size-caption);color:var(--color-on-dark-secondary)}.profile-membership>.between .ico{width:14px;height:14px}.profile-membership>.between b{font-size:var(--font-size-compact);letter-spacing:1px;background:#ffffff25;border-radius:var(--radius-xs);padding:1px 4px;font-weight:var(--font-weight-medium)}.profile-membership>.between>button{font-size:var(--font-size-compact);color:var(--color-on-dark-secondary);padding:0}.profile-membership>.between>button .ico{width:10px;height:10px}.membership-usage{display:flex;justify-content:space-between;align-items:center;margin:13px 0 7px;color:var(--color-on-dark-secondary);font-size:var(--font-size-compact)}.membership-usage strong{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-on-dark-secondary)}.membership-usage small{font-size:var(--font-size-compact);color:var(--color-on-dark-secondary);font-weight:var(--font-weight-regular)}.membership-track{height:4px;background:#ffffff20;border-radius:var(--radius-sm)}.membership-track i{display:block;width:72%;height:100%;border-radius:var(--radius-sm);background:linear-gradient(90deg,#b4e3ff,#e6f7ff)}.profile-membership>p{color:var(--color-on-dark-secondary);font-size:var(--font-size-compact);margin:7px 0 0}.account-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);background:var(--card);border-radius:var(--radius-lg);margin-top:14px;box-shadow:var(--shadow);padding:18px 6px}.account-shortcuts button{font-size:var(--font-size-compact);color:var(--color-text-tertiary);display:grid;justify-items:center;gap:9px}.account-shortcuts .ico{width:22px;height:22px;color:var(--color-link);stroke-width:1.5}.account-shortcuts button:nth-child(2) .ico{color:var(--color-text-tertiary)}.account-shortcuts button:nth-child(3) .ico{color:var(--color-text-tertiary)}.mine-group{padding:1px 14px}.mine-group .list-item{padding:15px 0;border-color:#f0f4fa;gap:11px}.mine-group .list-item>.app-icon{height:29px;width:29px;border-radius:var(--radius-sm);background:#edf4ff;color:var(--color-link)}.mine-group .list-item>.app-icon .ico{width:16px;height:16px;stroke-width:1.65}.mine-group .list-item:nth-child(3n+2)>.app-icon{background:#edf7f9;color:var(--color-text-tertiary)}.mine-group .list-item:nth-child(3n)>.app-icon{background:#fff7e9;color:var(--color-warning-text)}.mine-group .list-item>.grow{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.mine-group .list-item>.sub{font-size:var(--font-size-compact);color:var(--color-text-tertiary);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mine-group .list-item>.ico{width:12px;height:12px;color:var(--color-text-tertiary)}.account-brand{margin-top:29px;text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:1px}.account-brand span{display:block;color:var(--color-text-tertiary);font-size:var(--font-size-compact);font-weight:var(--font-weight-regular);letter-spacing:.5px;margin-top:6px}
.module-tabs{display:flex;gap:24px;padding:0 20px;background:#f5f9ff;border-bottom:1px solid #e4edf9;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:4}.module-tabs button{position:relative;color:var(--color-text-tertiary);font-size:var(--font-size-caption);white-space:nowrap;padding:13px 0;flex-shrink:0}.module-tabs button.active{color:var(--color-link);font-weight:var(--font-weight-semibold)}.module-tabs button.active:after{content:"";height:3px;width:19px;background:#5c9bff;position:absolute;bottom:0;left:calc(50% - 9px);border-radius:var(--radius-xs)}.bot-card{border-radius:var(--radius-lg);padding:18px 17px}.bot-card>.row>.avatar{width:53px;height:53px;border-radius:var(--radius-lg);box-shadow:0 4px 11px #397cce0d}.bot-card h3{font-size:var(--font-size-body);color:var(--color-text-secondary)}.bot-card .sub{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.bot-card .bot-meta{font-size:var(--font-size-compact);color:var(--color-text-tertiary);border-color:#f0f4fa;padding-bottom:13px;margin:15px 0 12px}.bot-footer button{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.bot-footer>div>button:last-child{background:#edf4ff;border-radius:var(--radius-sm);padding:6px 10px!important;color:var(--color-link)}.bot-footer .ico{width:13px;height:13px}.stepper{margin:5px 0 25px}.step b{background:#edf3fc;border:0;color:var(--color-text-tertiary);width:27px;height:27px}.step.active b{background:#438aff;box-shadow:0 4px 9px #4288ec20}.step{font-size:var(--font-size-caption)}.step:not(:last-child):after{background:#e5edf8}.field{margin:19px 0;font-size:var(--font-size-caption)}.field>span{color:var(--color-text-secondary);margin-bottom:9px}.field input,.field textarea,.field select{border:1px solid #e7eef8;border-radius:var(--radius-md);background:var(--card);padding:12px;color:var(--text);font-size:var(--font-size-caption)}.field textarea{line-height:1.9}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b1d0fc;box-shadow:0 0 0 3px #e7f1ff80}.switch-row{padding:15px 0;border-color:#f0f4fa;font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.switch-row small{font-size:var(--font-size-compact);color:var(--color-text-tertiary);margin-top:4px}.switch{height:23px;width:39px;background:#dce6f4}.switch.on{background:#5698fa}.switch:after{height:17px;width:17px;left:3px;top:3px;box-shadow:0 2px 5px #2774cb12}.switch.on:after{left:19px}.notice.info-notice{background:#edf5ff;color:var(--color-text-tertiary);font-size:var(--font-size-caption);border-radius:var(--radius-md);padding:14px}.select-card{border-radius:var(--radius-md);padding:16px;border-color:#e9f0fa}.select-card.selected{border-color:#bed8ff;background:#f2f7ff}.checkbox-row{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.checkbox-row input{accent-color:#5a99f4}.sheet{padding:10px 20px 31px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:#f7faff;box-shadow:0 -20px 60px #2a5a9d10}.sheet-backdrop{background:#18345755;backdrop-filter:blur(3px)}.sheet-handle{background:#d4e2f3;width:31px;height:4px;margin-bottom:18px}.sheet-header h2{font-size:var(--font-size-title);color:var(--color-text-secondary);letter-spacing:-.3px}.sheet-header button{color:var(--color-text-tertiary)}.sheet-option{border-radius:var(--radius-md);background:var(--card);border-color:#edf3fb;padding:16px 13px;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.sheet-option .ico{color:var(--color-link)}.sheet-body .card{border-color:#eaf1fa}.sheet-footer{padding-top:15px}.summary-banner{padding:15px 18px;background:linear-gradient(120deg,#e9f3ff,#f3f8ff);border-color:#dfecfd;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.summary-banner .text-btn{color:var(--color-link)}.chat-status{padding:12px 18px;background:#fff;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.chat-status button{background:#edf4ff;color:var(--color-link);border-radius:var(--radius-sm);padding:6px 10px}.chat-body{padding:20px 16px}.message{gap:9px;margin:19px 0}.message>.avatar{width:31px;height:31px;border-radius:var(--radius-md);font-size:var(--font-size-caption)}.message-name{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.bubble{padding:12px 13px;font-size:var(--font-size-caption);line-height:1.95;border:1px solid #e9f0fa80;background:#fff;border-radius:var(--radius-xs) var(--radius-md) var(--radius-md) var(--radius-md);box-shadow:0 3px 10px #477bc005}.message.outgoing .bubble{background:linear-gradient(125deg,#5797fa,#377cee);border-radius:var(--radius-md) var(--radius-xs) var(--radius-md) var(--radius-md);box-shadow:0 4px 10px #4a89e91a}.message.ai .bubble{border-color:#e6effc}.source-link{color:var(--color-text-tertiary);border-color:#eef4fc;font-size:var(--font-size-compact)}.source-link .ico{width:12px;height:12px}.reply-suggestion{border:1px solid #dbeaff;background:#eef6ff;border-radius:var(--radius-lg);padding:14px;color:var(--color-text-tertiary)}.reply-suggestion p{font-size:var(--font-size-caption);line-height:1.9}.reply-suggestion button{color:var(--color-link)}.composer{padding:12px 15px 27px;background:#fff;border-color:#edf3fb;box-shadow:0 -4px 14px #4578bc04}.composer textarea{border:0;background:#f0f5fc;border-radius:var(--radius-md);padding:12px;color:var(--color-text-secondary)}.composer .send{width:43px;height:43px;background:linear-gradient(130deg,#5b9cff,#3579ef);border-radius:var(--radius-md);box-shadow:0 4px 9px #3578ee17}.composer-tools{color:var(--color-text-tertiary);gap:25px;margin-top:13px}.composer-tools .ico{width:19px;height:19px}.task-metrics b{color:var(--color-text-tertiary);font-size:var(--font-size-display-sm)}.task-metrics span{color:var(--color-text-tertiary);font-size:var(--font-size-compact)}.marketing-summary{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;background:linear-gradient(120deg,#e8f3ff,#f1f7ff);border-radius:var(--radius-lg);padding:18px 8px;margin-bottom:17px}.marketing-summary b{display:block;font-size:var(--font-size-display-sm);color:var(--color-link);font-weight:var(--font-weight-semibold)}.marketing-summary span{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.store-module{border-radius:var(--radius-lg);padding:19px;background:#fff;margin-bottom:15px;box-shadow:var(--shadow)}.store-module-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}.store-module-links button{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 5px;background:#f2f7ff;border-radius:var(--radius-md);font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.store-module-links .ico{width:18px;height:18px;color:var(--color-text-tertiary)}.workspace-icon{display:grid;place-items:center;flex-shrink:0}.file-icon{border-radius:var(--radius-md);background:#edf4ff;color:var(--color-text-tertiary)}.list-item{border-color:#eff4fa}.list-item h3{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.list-item>.ico{color:var(--color-text-tertiary)}.list-item .sub{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.detail-hero{border-radius:var(--radius-lg);border:1px solid #eaf1fa77;box-shadow:var(--shadow);padding:21px}.info-row{border-color:#f0f4fa;font-size:var(--font-size-caption);gap:14px;min-height:49px}.info-row>span:first-child{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.info-row>span:last-child{color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.info-row .text-btn{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.app-banner{border-radius:var(--radius-lg);background:linear-gradient(125deg,#e8f3ff,#f2f8ff);border:1px solid #dfecfc;padding:19px}.app-banner h2{color:var(--color-link);font-size:var(--font-size-title)}.app-banner p{color:var(--color-text-tertiary)}.app-banner>.ico{color:var(--color-text-tertiary)}.product-thumb{border-radius:var(--radius-md);background:linear-gradient(135deg,#e1edff,#c9e0ff);color:var(--color-text-tertiary)}.member-card{border-radius:var(--radius-lg);background:linear-gradient(120deg,#3583fa,#69abff);box-shadow:0 7px 16px #397ee81c}.member-card p{color:var(--color-on-dark-secondary)}.member-card .secondary{background:#ffffff1a;color:var(--color-on-dark-secondary)}.progress-track{height:5px;background:#eaf1fb;border-radius:var(--radius-sm)}.progress-track span{border-radius:var(--radius-sm);background:linear-gradient(90deg,#9cc8ff,#5b99f4)}.customer-stats b{color:var(--color-link)}.customer-stats span{color:var(--color-text-tertiary)}.score-bar{background:#eaf1fa}.score-bar i{background:linear-gradient(90deg,#b9d7ff,#6da7fb)}.workflow-node{border-radius:var(--radius-lg);border-color:#e4effc;background:#fff;padding:17px;box-shadow:var(--shadow)}.workflow-line{background:#d5e5fa}.workflow-line:after{color:var(--color-text-tertiary)}.timeline-item p{color:var(--color-text-tertiary)}.timeline-item .sub{color:var(--color-text-tertiary)}.timeline{border-color:#dfeaf8}.timeline-item:before{background:#aacaf5}.empty{padding:50px 20px;color:var(--color-text-tertiary)}.empty .ico{color:var(--color-text-tertiary)}.empty h3{font-weight:var(--font-weight-medium);font-size:var(--font-size-body)}.empty .sub{color:var(--color-text-tertiary)}#toast{background:#315b8fe8;border-radius:var(--radius-md);box-shadow:0 8px 20px #4778b41c}
/* Handheld text stays legible against the light blue surfaces. */
.sub,.page-title p{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}
.report-greeting p{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.report-tabs>button{font-size:var(--font-size-body);color:var(--color-text-tertiary)}.report-period>span{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.report-period small{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.report-period button{font-size:var(--font-size-caption);padding:5px 9px}
.report-kpi{min-height:104px;padding:14px}.report-kpi-top{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.report-kpi-change{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.report-kpi-value{font-size:var(--font-size-display-md);margin:5px 0}.report-kpi-value small{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.report-kpi.featured .report-kpi-top{color:var(--color-on-dark-secondary)}.report-kpi.featured .report-kpi-change{color:var(--color-on-dark)}
.report-shortcuts>button{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.report-card-head h2{font-size:var(--font-size-body);color:var(--color-text-primary)}.report-card-head p{font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:1.6}.report-readout{font-size:var(--font-size-caption);color:var(--color-text-tertiary);min-height:30px;line-height:1.7}.report-readout.has-value{font-size:var(--font-size-caption);color:var(--color-link)}.report-readout .ico{color:var(--color-text-tertiary)}.chart-axis-label{font-size:var(--font-size-compact);fill:#8095b2}.report-legend button,.report-legend>span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.report-legend{gap:10px}.lead-stats span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.lead-stats b{font-size:var(--font-size-display-sm)}.donut-label{font-size:var(--font-size-compact);fill:#8196b3}.donut-legend button{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.donut-legend strong{font-size:var(--font-size-caption)}.heat-hour,.heat-day{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.heat-cell{height:21px}.heat-legend{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.reply-bars button>span{font-size:var(--font-size-caption);color:var(--color-text-tertiary);width:83px}.reply-bars strong{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.handoff-legend button{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.working-ratio>span,.working-detail button{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.working-detail b{font-size:var(--font-size-body);color:var(--color-text-secondary)}.report-footer{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}
.report-line-svg rect:focus{outline:none;fill:#2d78ff12}.report-bar-svg rect:focus,.report-donut circle:focus{outline:none;filter:brightness(.93)}.report-line-svg rect,.report-bar-svg rect,.report-donut circle[role=button]{cursor:pointer}
.conversation .name{font-size:var(--font-size-body);color:var(--color-text-primary)}.conversation .time{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.conversation .preview{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.conversation-source{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.customer-summary span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.customer-origin{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.customer-card-bottom>span,.customer-card-bottom .pill{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.customer-identity h3{font-size:var(--font-size-body);color:var(--color-text-secondary)}
.channel-health h3{font-size:var(--font-size-body);color:var(--color-text-secondary)}.channel-health p{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-card-head h3{font-size:var(--font-size-body);color:var(--color-text-secondary)}.channel-card-head .sub{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-status{font-size:var(--font-size-compact);color:var(--color-success-text)}.channel-status.orange{color:var(--color-warning-text)}.channel-bot-row small{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-bot-row b{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.channel-account-info dt{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-account-info dd{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.channel-card-actions>.sub{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-card-actions>.text-btn{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-alert{font-size:var(--font-size-caption);color:var(--color-warning-text)}
.mine-group .list-item>.grow{font-size:var(--font-size-body);color:var(--color-text-secondary)}.mine-group .list-item>.sub{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.account-shortcuts button{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.profile-blue .grow>p{font-size:var(--font-size-caption)}.profile-membership>p{font-size:var(--font-size-compact)}.profile-membership>.between>button{font-size:var(--font-size-caption)}.membership-usage{font-size:var(--font-size-caption)}.membership-usage small{font-size:var(--font-size-compact)}.field>span,.switch-row{color:var(--color-text-secondary)}.switch-row small{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.list-item h3{font-size:var(--font-size-body);color:var(--color-text-secondary)}.list-item .sub{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.info-row>span:first-child{color:var(--color-text-tertiary)}.info-row>span:last-child{color:var(--color-text-secondary)}.bubble{font-size:var(--font-size-body)}.message-name{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.reply-suggestion p{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.bot-card h3{font-size:var(--font-size-body);color:var(--color-text-secondary)}.bot-card .sub{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.bot-card .bot-meta{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.bot-footer button{font-size:var(--font-size-caption)}.sheet-option{font-size:var(--font-size-body);color:var(--color-text-secondary)}.notice.info-notice{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}

.dark #screen,.dark .status-bar,.dark #app-header{background:#101c2e;color:var(--color-text-tertiary)}.dark #tabbar{background:#172840ee;border-color:#2c4262}.dark #tabbar button.active .tab-icon{background:#25466f}.dark .capsule{background:#203752;border-color:#355171}.dark .report-kpi,.dark .report-card,.dark .ops-summary>div{border-color:#283e5b;background:#192a43}.dark .report-kpi-value,.dark .report-card-head h2,.dark .donut-value{color:var(--color-text-tertiary);fill:#c3d9f8}.dark .lead-stats,.dark .donut-legend button,.dark .working-detail button,.dark .handoff-legend button,.dark .channel-bot-row{background:#203752}.dark .report-period>div,.dark .search{background:#20324f}.dark .report-period button.active{background:#2e4e78}.dark .report-kpi.featured{background:linear-gradient(120deg,#2c6ee7,#438cf8)}.dark .report-shortcuts>button,.dark .account-shortcuts,.dark .channel-account-card,.dark .store-module{background:#192a43}.dark .customer-summary,.dark .channel-health{background:linear-gradient(120deg,#1c3557,#203753);border-color:#2c4566}.dark .summary-banner,.dark .reply-suggestion{background:#1e3655;border-color:#2e4a70}.dark .composer{background:#192a43;border-color:#2a405e}.dark .composer textarea{background:#203653;color:var(--color-text-tertiary)}.dark .bubble{background:#192a43;border-color:#2e4668;color:var(--color-text-tertiary)}.dark .report-kpi.featured .report-kpi-value{color:var(--color-on-primary)}.dark .module-tabs{background:#14243b;border-color:#2a4263}.dark .sheet{background:#14243b}.dark .field input,.dark .field select,.dark .field textarea{background:#1b2f4b;border-color:#2a4568}.dark .conversation{background:#192a43;border-color:#283d5c}.dark .conversation:hover{background:#213853}.dark .customer-card-bottom,.dark .channel-account-info,.dark .mine-group .list-item,.dark .report-readout{border-color:#2b4160}.dark .channel-logo.official-logo,.dark .channel-logo.utility-logo{background:var(--color-surface-subtle);border-color:var(--color-border)}.dark .tab-badge{border-color:#192a43}.dark .home-indicator{background:#c5dcfa}.dark .secondary{background:#264975;color:var(--color-text-tertiary)}
@media(min-width:901px) and (max-width:1120px){.studio{max-width:860px;grid-template-columns:210px 422px;gap:40px;padding:0 30px}.design-note{display:none}.studio-top{margin:0 30px}.studio-top-right{display:none}.studio-nav h1{font-size:var(--font-size-display-sm)}}
@media(min-width:901px) and (max-height:1050px){.studio-top{height:62px}.studio{margin:23px auto}.phone{height:calc(100dvh - 135px);min-height:490px;max-height:860px}.studio-nav{padding-top:20px}.studio-desc{margin-bottom:20px}.design-note{padding-top:43px}.device-caption{padding-top:12px}}
@media(max-width:900px){.studio-top,.studio-nav,.design-note,.device-caption{display:none}.studio{margin:0;padding:0;display:block;max-width:none}.phone-area{width:100%}.phone{width:100%;max-width:480px;height:100dvh;min-height:0;border:0;border-radius:0;margin:auto;box-shadow:0 0 45px #4a79b50a}.status-bar{height:34px}.island{display:none}#app-header{height:47px}.home-indicator{bottom:7px}#tabbar{padding-bottom:max(23px,env(safe-area-inset-bottom))}.composer{padding-bottom:max(25px,env(safe-area-inset-bottom))}}
@media(max-width:360px){.page{padding-left:16px;padding-right:16px}.report-home{padding-top:14px}.report-greeting h1{font-size:var(--font-size-body)}.report-greeting{gap:8px}.report-greeting>img{width:34px;height:38px}.report-period>span{font-size:var(--font-size-compact);gap:2px}.report-period small{display:none}.report-period button{padding:4px 7px}.report-kpi{padding:12px 11px;min-height:91px}.report-kpi-top{font-size:var(--font-size-caption)}.report-kpi-top .ico{width:12px;height:12px}.report-kpi-value{font-size:var(--font-size-display-sm)}.report-kpi-value small{font-size:var(--font-size-compact)}.report-kpi-change{font-size:var(--font-size-compact)}.report-shortcuts{gap:6px}.report-shortcuts button{font-size:var(--font-size-compact);gap:4px}.report-card{padding-left:12px;padding-right:12px}.report-card-head h2{font-size:var(--font-size-body)}.report-card-head p{font-size:var(--font-size-caption)}.report-legend{gap:9px}.report-legend button,.report-legend>span{font-size:var(--font-size-compact)}.report-donut{height:112px;width:112px}.donut-layout{gap:10px}.donut-legend button{padding:8px;font-size:var(--font-size-caption);gap:5px}.donut-legend strong{font-size:var(--font-size-caption)}.heatmap-grid{grid-template-columns:29px repeat(7,minmax(0,1fr));column-gap:3px}.heat-hour,.heat-day{font-size:var(--font-size-compact)}.heat-cell{height:20px}.reply-bars button>span{font-size:var(--font-size-compact);width:71px}.reply-bars button{gap:9px}.channel-type-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.channel-card-head{gap:8px}.channel-card-head h3{font-size:var(--font-size-caption)}.channel-card-head .channel-logo{width:35px;height:35px;border-radius:var(--radius-md)}.channel-card-head .channel-logo img{width:23px;height:23px}.channel-status{font-size:var(--font-size-compact);padding:3px 5px}.channel-card-actions{gap:9px}.channel-card-actions>.primary,.channel-card-actions>.secondary{padding:5px 10px}.channel-account-info dd{font-size:var(--font-size-compact)}.channel-account-info dt{font-size:var(--font-size-compact)}.customer-origin{font-size:var(--font-size-compact);gap:4px}.customer-card-bottom .pill{font-size:var(--font-size-compact)}.customer-card-bottom>span{font-size:var(--font-size-compact)}.inbox-top{padding-left:16px;padding-right:16px}.inbox-top .segments{gap:20px}.inbox-top .segments button{font-size:var(--font-size-caption)}.conversation{padding-left:12px;padding-right:12px;gap:11px}.conversation .name{font-size:var(--font-size-body)}.conversation .preview{font-size:var(--font-size-caption)}.customer-identity{gap:10px}.customer-identity>.avatar{width:42px;height:42px}.intent-score{width:39px;height:42px}.mine-group .list-item>.sub{font-size:var(--font-size-compact);max-width:43%}.module-tabs{padding:0 16px;gap:21px}.profile-blue{padding:19px 15px 15px}.profile-blue h2{font-size:var(--font-size-title)}.role-label{font-size:var(--font-size-compact)}.profile-blue .grow>p{font-size:var(--font-size-compact)}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.dark .report-kpi-top,.dark .report-kpi-change,.dark .report-kpi-value small,.dark .report-card-head p,.dark .report-legend button,.dark .report-readout,.dark .heat-hour,.dark .heat-day,.dark .working-ratio>span{color:var(--color-text-tertiary)}.dark .report-kpi.featured .report-kpi-top,.dark .report-kpi.featured .report-kpi-change{color:var(--color-on-dark-secondary)}.dark .report-period small{background:#233d60;color:var(--color-text-tertiary)}.dark .chart-axis-label{fill:#8da9cf}


/* AIWABOT 2.0 — a consistent ink-and-cobalt mobile workspace. */

body{font-family:var(--font-family-ui);background:#edf1f7;color:var(--text)}.page{padding:23px 21px 20px}.page h1{font-size:var(--font-size-display-md);font-weight:var(--font-weight-semibold);letter-spacing:-.8px;line-height:1.35;color:var(--text)}.page h2{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);color:var(--text)}.page h3{color:var(--text)}.sub,.page-title p{font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:1.7}.page-title{margin:0 0 22px}.page-title p{margin-top:6px}.section-title{margin:25px 0 14px}.card{background:var(--card);border:1px solid #edf1f6;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.primary,.secondary{min-height:44px;font-size:var(--font-size-body);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.primary{background:var(--brand);box-shadow:none}.secondary{background:#edf3ff;color:var(--color-link)}.icon-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-tertiary);border-radius:var(--radius-md);box-shadow:none}.icon-btn.accent{background:var(--brand);border-color:transparent;color:var(--color-on-primary);box-shadow:0 5px 13px #2f6bf51c}.search{background:#edf1f7;border:1px solid #e8edf5;border-radius:var(--radius-md);height:45px;box-shadow:none}.search input{font-size:var(--font-size-caption);color:var(--text)}.search input::placeholder{color:var(--color-text-tertiary)}.search-row{gap:8px}.search-row .icon-btn{width:42px;min-width:42px;height:45px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-tertiary)}.avatar{border-radius:var(--radius-lg);box-shadow:none}.segments{gap:3px;background:#ebeff6;padding:4px;border:0;border-radius:var(--radius-md);overflow-x:auto}.segments button{font-size:var(--font-size-caption);min-height:34px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-text-tertiary);line-height:1.5}.segments button.active{background:#fff;color:var(--color-text-secondary);box-shadow:0 2px 5px #19396906;font-weight:var(--font-weight-semibold)}.segments button.active:after{display:none}.segments button small{font-size:var(--font-size-compact);background:#edf3ff;color:var(--color-text-tertiary);border-radius:var(--radius-xs)}.chip{font-size:var(--font-size-caption);min-height:33px;border:1px solid #edf1f7;border-radius:var(--radius-sm);background:#fff;color:var(--color-text-tertiary);box-shadow:none}.chip.active{background:#edf3ff;border-color:#e0eaff;color:var(--color-link)}.pill{font-size:var(--font-size-compact);padding:3px 6px;border-radius:var(--radius-sm)}.pill.gray{background:#f1f4f9;color:var(--color-text-tertiary)}.pill.orange{background:#fff5e8;color:var(--color-warning-text)}.pill.green{background:#edf8f3;color:var(--color-success-text)}
/* A recognizable brand bar replaces duplicated page names. */
.status-bar,#app-header{background:var(--bg);color:var(--text)}#app-header{padding:0 21px}.nav-title.root-brand{gap:7px}.mini-brandmark{width:23px;height:23px;border-radius:var(--radius-sm);background:var(--brand);color:var(--color-on-primary);display:grid;place-items:center;font:italic bold 24px/1 Georgia,serif;padding-bottom:2px}.mini-wordmark{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:.3px;color:var(--color-text-primary)}.mini-pro{font-size:var(--font-size-compact);font-weight:var(--font-weight-semibold);letter-spacing:.7px;color:var(--color-text-tertiary);border-left:1px solid #d6e1f1;padding-left:7px;margin-left:1px}.capsule{height:28px;background:#ffffff90;border-color:#dfe5ef;box-shadow:none}.capsule button{height:26px;width:33px}.capsule .ico{height:15px;width:15px}#screen{background:var(--bg)}#tabbar{min-height:79px;padding:10px 10px 22px;background:#ffffffed;border-top:1px solid #edf1f7;box-shadow:none}#tabbar button{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);gap:4px}#tabbar .tab-icon{height:25px;width:32px;border-radius:var(--radius-sm);display:grid;place-items:center;background:transparent;box-shadow:none}#tabbar .ico{height:22px;width:22px;stroke-width:1.7}#tabbar button.active{color:var(--color-link);font-weight:var(--font-weight-semibold)}#tabbar button.active .tab-icon{background:#edf3ff;color:var(--color-link);box-shadow:none}#tabbar button.active .ico{stroke-width:2}.tab-badge{background:#f28b99}.home-indicator{background:#263f63}
/* Home: work entry points, service overview and detailed reports. */
.report-home{padding-top:17px}.home-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:15px}.home-welcome{font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:1.6;margin-bottom:5px}.home-intro h1{font-size:var(--font-size-display-md);font-weight:var(--font-weight-semibold);letter-spacing:-.9px;line-height:1.2}.home-org-switch{display:flex;align-items:center;gap:5px;margin-top:8px;padding:0;font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.home-org-switch>.ico{height:11px;width:11px}.home-notification{height:41px;width:41px;border-radius:var(--radius-md);background:#fff;color:var(--color-text-tertiary);border-color:#e9eff8}.home-notification>.ico{height:19px;width:19px}.notification-dot{height:4px;width:4px;background:#df99a7;right:10px;top:9px}.report-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;background:none;border:0;box-shadow:none;margin:0 0 25px}.report-shortcuts>button{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:12px 9px;background:#fff;border:1px solid #edf1f6;border-radius:var(--radius-md);box-shadow:0 3px 14px #284d8303;min-width:0}.report-shortcuts>button+button{border-left:1px solid #edf1f6}.report-shortcuts>button>span{height:32px;width:29px;min-width:29px;display:grid;place-items:center;border-radius:var(--radius-md);background:#eef3ff;color:var(--color-link)}.report-shortcuts>button:nth-child(2)>span{background:#eaf7f5;color:var(--color-success-text)}.report-shortcuts>button:nth-child(3)>span{background:#fff5e8;color:var(--color-warning-text)}.report-shortcuts>button>span>.ico{height:19px;width:19px;stroke-width:1.6}.report-shortcuts>button>b{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-text-secondary)}.report-shortcuts>button>.ico{display:none}.report-tabs{gap:26px;border-bottom:1px solid #e5ecf6;margin-bottom:13px}.report-tabs>button{font-size:var(--font-size-body);padding:0 0 13px;color:var(--color-text-tertiary);min-height:0}.report-tabs>button.active{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.report-tabs>button.active:after{background:var(--brand);width:21px;height:3px}.report-period{margin-bottom:14px}.report-period>span{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.report-period small{font-size:var(--font-size-compact);color:var(--color-text-tertiary);background:none}.report-period>div{border:1px solid #e3ebf7;background:#e9eff8;border-radius:var(--radius-sm);padding:3px}.report-period button{font-size:var(--font-size-compact);padding:4px 8px;line-height:1.4;color:var(--color-text-tertiary)}.report-period button.active{color:var(--color-text-tertiary);background:#fff}.report-kpis{display:block;margin-bottom:21px}.service-overview{position:relative;overflow:hidden;padding:19px 19px 17px;border-radius:var(--radius-xl);}.service-overview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px}.report-kpi{display:block;background:transparent;border:0;box-shadow:none;padding:0;min-height:0;border-radius:0;text-align:left}.report-kpi.featured{background:none;border:0;box-shadow:none;padding:0;flex:1}.report-kpi.featured:after{display:none}.report-kpi.featured .report-kpi-top{display:flex;align-items:center;justify-content:flex-start;gap:7px;font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--color-on-dark-secondary)}.report-kpi.featured .report-kpi-top>.ico{height:11px;width:11px;color:var(--color-on-dark)}.report-kpi.featured .report-kpi-value{display:block;margin:7px 0;font-size:var(--font-size-data);font-weight:var(--font-weight-semibold);letter-spacing:-1.6px;line-height:1.1;color:var(--color-on-primary)}.report-kpi.featured .report-kpi-value>small{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);letter-spacing:0;color:var(--color-on-dark-secondary);margin-left:7px}.report-kpi.featured .report-kpi-change{display:flex;align-items:center;gap:4px;font-size:var(--font-size-caption);color:var(--color-on-dark);font-weight:var(--font-weight-medium)}.report-kpi-change>.ico{height:12px;width:12px}.report-kpi-change>em{font-size:var(--font-size-compact);font-weight:var(--font-weight-regular);font-style:normal;color:var(--color-text-tertiary);margin-left:3px}.overview-status{width:87px;flex-shrink:0}.ai-coverage-ring{height:87px;width:87px;border-radius:var(--radius-circle);padding:5px;background:conic-gradient(from -85deg,#8dc9ff 0%,#62c5c7 var(--coverage),#304c74 var(--coverage),#304c74 100%);box-shadow:0 0 24px #5f9bdd12}.ai-coverage-ring>div{height:100%;width:100%;border-radius:var(--radius-circle);background:#213d62;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ai-coverage-ring b{font-size:var(--font-size-display-sm);font-weight:var(--font-weight-medium);letter-spacing:-.4px;line-height:1;color:var(--color-on-dark-secondary)}.ai-coverage-ring b>small{font-size:var(--font-size-compact);font-weight:var(--font-weight-regular);margin-left:1px}.ai-coverage-ring span{font-size:var(--font-size-compact);color:var(--color-on-dark)}.service-overview-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #91b6eb1a;padding-top:14px;gap:10px}.summary-metric+.summary-metric{padding-left:15px;border-left:1px solid #91b6eb16}.summary-metric .report-kpi-top{display:flex;align-items:center;justify-content:flex-start;gap:4px;font-size:var(--font-size-caption);color:var(--color-on-dark-secondary);white-space:nowrap;line-height:1.5}.summary-metric .report-kpi-top>.ico{height:11px;width:11px;color:var(--color-on-dark)}.summary-metric .report-kpi-value{display:block;font-size:var(--font-size-display-sm);font-weight:var(--font-weight-medium);line-height:1.2;letter-spacing:-.3px;color:var(--color-on-dark-secondary);margin:5px 0 0}.service-efficiency{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px;margin-top:12px;background:var(--card);border:1px solid #edf1f6;border-radius:var(--radius-lg);overflow:hidden}.efficiency-metric{padding:13px 3px 14px;min-width:0;position:relative;text-align:left}.efficiency-metric+.efficiency-metric{border-left:0}.efficiency-metric:nth-child(n+3){border-top:1px solid #f0f3f8}.efficiency-metric:nth-child(2n){padding-left:18px}.efficiency-metric:nth-child(2n):before{content:"";position:absolute;top:15px;bottom:15px;left:0;width:1px;background:#f0f3f8}.efficiency-metric .report-kpi-top{display:block;font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);white-space:nowrap;line-height:1.4}.efficiency-metric .report-kpi-value{display:block;font-size:var(--font-size-display-sm);font-weight:var(--font-weight-medium);line-height:1.25;letter-spacing:-.6px;color:var(--color-text-secondary);margin:5px 0 0;white-space:nowrap}.efficiency-metric .report-kpi-value>small{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);letter-spacing:0;color:var(--color-text-tertiary);margin-left:5px}
/* Report cards: consistent rhythm with clearer data hierarchy. */
.report-card{padding:19px 16px 11px;border-radius:var(--radius-lg);border:1px solid #edf1f6;background:var(--card);box-shadow:var(--shadow);margin-bottom:15px}.report-card-head{align-items:flex-start;margin-bottom:16px}.report-card-head h2{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);line-height:1.45}.report-card-head p{font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:1.65;margin-top:4px}.chart-gridline{stroke:#e8eff9;stroke-width:.8;stroke-dasharray:2 4}.chart-axis-label{font-size:var(--font-size-compact);fill:#9cb2d1}.report-legend{gap:11px}.report-legend button,.report-legend>span{padding:5px 0;border-radius:0;background:none;font-size:var(--font-size-compact);color:var(--color-text-tertiary);min-height:0}.report-readout{font-size:var(--font-size-compact);color:var(--color-text-tertiary);line-height:1.6;min-height:29px;margin-top:10px;padding-top:9px;border-color:#f0f5fc}.report-readout.has-value{font-size:var(--font-size-compact);color:var(--color-link)}.lead-stats{background:#f7faff;border-radius:var(--radius-md);padding:12px 7px;margin-bottom:17px;border:0}.lead-stats span{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.lead-stats b{font-size:var(--font-size-display-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.donut-value{fill:#557aa9;font-size:var(--font-size-display-sm)}.donut-label{fill:#a1badb;font-size:var(--font-size-compact)}.donut-legend button,.handoff-legend button,.working-detail button{background:#f7faff;border:0;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.donut-legend strong,.handoff-legend b,.working-detail b{color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.heat-hour,.heat-day{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.heat-cell{height:20px;border-radius:var(--radius-xs)}.reply-bars button>span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.reply-bars strong{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.working-ratio>span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.working-ratio>b{font-size:var(--font-size-display-md);color:var(--color-link)}.ops-summary>div{border:1px solid #edf1f7;border-radius:var(--radius-lg);background:var(--card)}.ops-summary b{font-size:var(--font-size-display-md);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.ops-summary span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.ops-summary small{font-size:var(--font-size-compact);color:var(--color-success-text)}
/* Main business pages use fewer nested surfaces. */
.inbox-top{background:transparent;padding:23px 21px 0}.inbox-top h1{font-size:var(--font-size-display-md)}.inbox-top .page-title{margin-bottom:22px}.inbox-strip.chips{padding:16px 21px 13px}.list-section-label{font-size:var(--font-size-caption);color:var(--color-text-tertiary);padding:0 23px 10px}.list-section-label>span:last-child{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}#inbox-results{margin:0 15px;border:1px solid #edf1f6;border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.conversation{padding:18px 15px;border-color:#f0f4fa;gap:12px;background:var(--card)}.conversation .name{font-size:var(--font-size-body);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.conversation .time{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.conversation .preview{font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:1.6;margin:5px 0 7px}.conversation-source{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.conversation .unread{background:#ef9bab;font-size:var(--font-size-compact);min-width:14px;height:14px}.conversation-avatar>.avatar{height:47px;width:47px;border-radius:var(--radius-lg)}.customer-summary{background:var(--card);border:1px solid #edf1f6;border-radius:var(--radius-lg);padding:17px 4px;margin-bottom:21px;box-shadow:var(--shadow)}.customer-summary span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.customer-summary b{font-size:var(--font-size-display-md);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);line-height:1.3;margin-top:5px;letter-spacing:-.7px}.customer-summary small{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.customer-summary>div{border-color:#edf3fb}.customer-card.polished-customer{padding:18px 16px 14px;border-radius:var(--radius-lg)}.customer-identity h3{font-size:var(--font-size-body);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.customer-identity>.avatar{height:47px;width:47px;border-radius:var(--radius-lg)}.customer-origin{font-size:var(--font-size-compact);color:var(--color-text-tertiary);margin-top:5px}.intent-score{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:45px;width:45px;border-radius:var(--radius-circle);flex-shrink:0;background:conic-gradient(#9fbfeb calc(var(--score)*1%),#edf3fc 0);color:var(--color-text-tertiary)}.intent-score:before{content:"";position:absolute;inset:3px;background:var(--card);border-radius:var(--radius-circle)}.intent-score.high{background:conic-gradient(#82aef0 calc(var(--score)*1%),#edf3fc 0)}.intent-score b{font-size:var(--font-size-title);line-height:1.1;font-weight:var(--font-weight-medium);z-index:1;color:var(--color-text-tertiary)}.intent-score small{font-size:var(--font-size-compact);line-height:1.4;margin-top:2px;color:var(--color-text-tertiary);z-index:1}.customer-card-bottom{border-color:#f1f6fd}.customer-card-bottom>.tag-wrap .pill{font-size:var(--font-size-compact)}.customer-card-bottom>span{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-health{background:#f1f7ff;border:1px solid #e7f0fe;border-radius:var(--radius-lg);padding:15px 13px;margin-bottom:20px}.channel-health h3{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-health p{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-account-card{padding:18px 16px 14px;border-radius:var(--radius-lg)}.channel-card-head h3{font-size:var(--font-size-body);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.channel-card-head .sub{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-status{font-size:var(--font-size-compact);padding:4px 5px;color:var(--color-success-text);background:#f1faf6}.channel-status.orange{color:var(--color-warning-text);background:#fff8ed}.channel-bot-row{background:none;border:0;padding:0;margin:18px 2px 15px}.channel-bot-row>img{height:27px;width:27px;border-radius:var(--radius-sm)}.channel-bot-row small{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-bot-row b{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-bot-row>.ico{color:var(--color-text-tertiary)}.channel-account-info{margin:0;padding:0 2px 14px;border-color:#f0f6fd}.channel-account-info dt{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-account-info dd{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-card-actions>.sub{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-card-actions>.text-btn{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-card-actions>.primary,.channel-card-actions>.secondary{background:#eff6ff;color:var(--color-text-tertiary);border-radius:var(--radius-sm);min-height:29px;height:29px;font-size:var(--font-size-caption);padding:5px 12px;box-shadow:none}.channel-alert{background:#fffaF0;border-left:2px solid #efdfbf;border-radius:var(--radius-sm);font-size:var(--font-size-compact);color:var(--color-warning-text)}.channel-type-tabs{margin-left:-21px;margin-right:-21px;padding-left:21px;padding-right:21px}
.profile-blue{border:1px solid #edf1f6;border-radius:var(--radius-xl);background:var(--card);padding:20px 17px 17px;color:var(--text);box-shadow:var(--shadow)}.profile-blue:before{display:none}.profile-blue h2{font-size:var(--font-size-display-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.profile-blue .grow>p{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.account-avatar{height:49px;width:49px;border-radius:var(--radius-lg);border:1px solid #dfecff;background:#edf5ff;color:var(--color-text-tertiary);font-size:var(--font-size-display-sm);box-shadow:none}.account-avatar>span{background:#f7fbff;color:var(--color-text-tertiary);border-color:#fff}.role-label{font-size:var(--font-size-compact);color:var(--color-text-tertiary);background:#f3f8ff;border:0;padding:2px 4px}.profile-switch{height:29px;width:29px;border-radius:var(--radius-sm);background:#f6faff;color:var(--color-text-tertiary)}.profile-membership{border:0;border-radius:var(--radius-md);margin-top:20px;padding:14px 14px 12px;background:radial-gradient(ellipse at 100% 0%,#3b618e,transparent 70%),#24456e;color:var(--color-on-dark-secondary)}.profile-membership>.between>span{font-size:var(--font-size-caption);color:var(--color-on-dark-secondary)}.profile-membership>.between b{font-size:var(--font-size-compact);color:var(--color-on-dark-secondary);background:#ffffff13}.profile-membership>.between>button{font-size:var(--font-size-compact);color:var(--color-on-dark)}.membership-usage{margin:17px 0 9px;font-size:var(--font-size-compact);color:var(--color-on-dark)}.membership-usage strong{font-size:var(--font-size-body);color:var(--color-on-dark-secondary);font-weight:var(--font-weight-medium)}.membership-usage small{font-size:var(--font-size-compact);color:var(--color-on-dark)}.membership-track{height:4px;background:#5878a63b}.membership-track i{background:linear-gradient(90deg,#8abdfc,#94d2d2)}.profile-membership>p{font-size:var(--font-size-compact);color:var(--color-on-dark)}.account-shortcuts{padding:19px 6px;border:1px solid #edf1f6;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.account-shortcuts button{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.account-shortcuts .ico{height:22px;width:22px;color:var(--color-text-tertiary);stroke-width:1.5}.mine-group .list-item>.app-icon{height:29px;width:29px;background:#f1f7ff;color:var(--color-text-tertiary);border-radius:var(--radius-sm)}.mine-group .list-item:nth-child(n)>.app-icon{background:#f1f7ff;color:var(--color-text-tertiary)}.mine-group .list-item>.grow{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.mine-group .list-item>.sub{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.mine-group .list-item>.ico{color:var(--color-text-tertiary)}.bot-card h3,.list-item h3{font-size:var(--font-size-body);color:var(--color-text-tertiary)}.bot-card .sub,.list-item .sub{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.field>span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.field input,.field textarea,.field select{border:1px solid #eaf3ff;border-radius:var(--radius-md);padding:13px;font-size:var(--font-size-caption);color:var(--text);background:var(--card)}.switch-row{font-size:var(--font-size-caption);color:var(--color-text-tertiary);border-color:#f1f7ff}.switch-row small{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.sheet-header h2{color:var(--color-text-tertiary);font-size:var(--font-size-title)}.sheet-option{font-size:var(--font-size-caption);color:var(--color-text-tertiary);border-color:#eff5ff}.info-row>span:first-child{color:var(--color-text-tertiary)}.info-row>span:last-child{color:var(--color-text-tertiary)}
/* Dark mode follows the same hierarchy. */
.dark #screen,.dark .status-bar,.dark #app-header{background:var(--bg);color:var(--text)}.dark .mini-wordmark{color:var(--color-text-tertiary)}.dark .mini-pro{border-color:#35527c;color:var(--color-text-tertiary)}.dark .card,.dark .service-efficiency,.dark .report-card,.dark .customer-summary,.dark .profile-blue,.dark .account-shortcuts{background:var(--card);border-color:var(--line)}.dark .report-kpi,.dark .report-kpi.featured{background:transparent;border:0;box-shadow:none}.dark .efficiency-metric:nth-child(n+3){border-top:1px solid #2c4569}.dark .efficiency-metric:nth-child(2n):before{background:#2c4569}.dark .efficiency-metric .report-kpi-value{color:var(--color-text-tertiary)}.dark .service-overview-bottom{border-color:#91b6eb1a}.dark .summary-metric+.summary-metric{border-left:1px solid #91b6eb16}.dark .report-shortcuts>button{background:var(--card);border-color:var(--line)}.dark .report-shortcuts>button>span{background:#294973}.dark .search,.dark .segments{background:#203857;border-color:#2b456a}.dark .segments button.active{background:#2c4c77;color:var(--color-text-tertiary)}.dark .report-period>div{background:#203857;border-color:#2c4569}.dark .report-period button.active{background:#2d4b74}.dark .report-card-head h2{color:var(--color-text-tertiary)}.dark .profile-blue h2{color:var(--color-text-tertiary)}.dark .profile-membership{background:#122744}.dark .intent-score:before{background:var(--card)}.dark #tabbar{background:#182b45ee;border-color:#2b4264}.dark #tabbar button.active .tab-icon{background:#274b76}.dark .conversation{background:var(--card);border-color:#2d4466}.dark .customer-identity h3,.dark .conversation .name{color:var(--color-text-tertiary)}
/* A quieter desktop presentation frame. */
body{background:#edf1f7}.studio-top{background:transparent;border-color:#dfe7f2}.studio{gap:61px}.studio-nav h1{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:-.8px}.studio-nav h1 span{color:var(--color-link)}.studio-desc{color:var(--color-text-tertiary)}.preview-link.active{background:#fff;color:var(--color-link);box-shadow:0 4px 18px #2e568f04}.phone{border-color:#253f60;box-shadow:0 25px 70px #2c4c7620,0 0 0 2px #c6d5e9}.island{background:#253f60}.design-note h2{color:var(--color-text-tertiary)}.design-note p,.design-note ol{color:var(--color-text-tertiary)}.device-caption{color:var(--color-text-tertiary)}
@media(max-width:900px){.page{padding-left:21px;padding-right:21px}.phone{border:0;border-radius:0;box-shadow:none}#tabbar{padding-bottom:max(22px,env(safe-area-inset-bottom))}}
@media(max-width:360px){.page{padding-left:17px;padding-right:17px}.home-intro h1{font-size:var(--font-size-display-md)}.report-shortcuts{gap:7px;margin-bottom:23px}.report-shortcuts>button{padding:11px 7px;gap:6px;border-radius:var(--radius-md)}.report-shortcuts>button>span{height:28px;width:25px;min-width:25px;border-radius:var(--radius-sm)}.report-shortcuts>button>span>.ico{height:17px;width:17px}.report-shortcuts>button>b{font-size:var(--font-size-caption)}.service-overview{padding:17px 15px 15px}.report-kpi.featured .report-kpi-value{font-size:var(--font-size-data)}.overview-status{width:78px}.ai-coverage-ring{height:78px;width:78px;padding:4px}.ai-coverage-ring b{font-size:var(--font-size-title)}.ai-coverage-ring span{font-size:var(--font-size-compact)}.summary-metric+.summary-metric{padding-left:9px}.summary-metric .report-kpi-top{font-size:var(--font-size-compact);gap:3px}.summary-metric .report-kpi-value{font-size:var(--font-size-display-sm)}.service-efficiency{padding:0 13px}.efficiency-metric .report-kpi-value{font-size:var(--font-size-display-sm)}.efficiency-metric .report-kpi-value>small{font-size:var(--font-size-compact)}.report-legend{gap:8px}.inbox-top{padding-left:17px;padding-right:17px}.inbox-strip.chips{padding-left:17px;padding-right:17px}.channel-type-tabs{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}.conversation{padding-left:12px;padding-right:12px;gap:10px}.conversation-avatar>.avatar,.customer-identity>.avatar{height:43px;width:43px}.intent-score{height:41px;width:41px}.intent-score b{font-size:var(--font-size-title)}.intent-score small{font-size:var(--font-size-compact)}.report-period small{display:none}.segments button{font-size:var(--font-size-caption);padding:8px 11px}.channel-card-head h3{font-size:var(--font-size-caption)}.profile-blue h2{font-size:var(--font-size-title)}}


/* Legible type is part of the visual hierarchy, not decoration. */
.home-welcome{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.home-org-switch{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.home-intro h1{font-weight:var(--font-weight-semibold)}.report-shortcuts>button>b{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.report-shortcuts>button>span{background:#edf3ff;color:var(--color-link)}.report-tabs>button{color:var(--color-text-tertiary)}.report-tabs>button.active{color:var(--color-text-primary)}.report-period>span{color:var(--color-text-tertiary)}.report-period small{color:var(--color-text-tertiary)}.report-period button{color:var(--color-text-tertiary)}.ai-coverage-ring span{font-size:var(--font-size-compact);color:var(--color-on-dark-secondary)}.efficiency-metric .report-kpi-top{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.efficiency-metric .report-kpi-value{font-size:var(--font-size-display-sm);color:var(--color-text-primary)}.efficiency-metric .report-kpi-value>small{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.report-card-head h2{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.report-card-head p{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.report-legend button,.report-legend>span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.chart-axis-label{font-size:var(--font-size-compact);fill:#8fa6c6}.report-readout{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.report-readout.has-value{font-size:var(--font-size-caption);color:var(--color-link)}.lead-stats span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.lead-stats b{color:var(--color-text-secondary);font-size:var(--font-size-display-sm)}.donut-value{fill:#3d5d88}.donut-label{fill:#8ea8cc;font-size:var(--font-size-compact)}.donut-legend button,.working-detail button,.handoff-legend button{color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.donut-legend strong,.working-detail b,.handoff-legend b{color:var(--color-text-tertiary);font-size:var(--font-size-body)}.heat-hour,.heat-day{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.reply-bars button>span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.reply-bars strong{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.ops-summary b{color:var(--color-text-secondary)}.ops-summary span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.working-ratio>span{color:var(--color-text-tertiary);font-size:var(--font-size-caption)}
.conversation .name,.customer-identity h3,.channel-card-head h3,.profile-blue h2,.bot-card h3,.list-item h3{color:var(--text)}.conversation .name{font-size:var(--font-size-body)}.conversation .preview{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.conversation .time{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.conversation-source{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.list-section-label{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.list-section-label>span:last-child{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.customer-summary span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.customer-summary b{color:var(--color-text-secondary)}.customer-identity h3{font-size:var(--font-size-body)}.customer-origin{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.intent-score b{font-size:var(--font-size-title);color:var(--color-text-secondary)}.intent-score small{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.customer-card-bottom>span{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.customer-card-bottom>.tag-wrap .pill{font-size:var(--font-size-compact)}.channel-card-head h3{font-size:var(--font-size-body)}.channel-card-head .sub{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-health h3{font-size:var(--font-size-body);color:var(--color-text-tertiary)}.channel-health p{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-status{font-size:var(--font-size-compact);color:var(--color-success-text)}.channel-status.orange{color:var(--color-warning-text)}.channel-bot-row small{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-bot-row b{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-account-info dt{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-account-info dd{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-card-actions>.sub{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-card-actions>.text-btn{font-size:var(--font-size-caption);color:var(--color-link)}.channel-card-actions>.primary,.channel-card-actions>.secondary{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.channel-alert{font-size:var(--font-size-caption);color:var(--color-warning-text)}.profile-blue h2{font-size:var(--font-size-display-sm)}.profile-blue .grow>p{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.role-label{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.mine-group .list-item>.grow{font-size:var(--font-size-body);color:var(--color-text-tertiary)}.mine-group .list-item>.sub{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.account-shortcuts button{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.bot-card .sub,.list-item .sub{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.field>span{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.switch-row{font-size:var(--font-size-body);color:var(--color-text-tertiary)}.switch-row small{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.sheet-header h2{color:var(--color-text-tertiary)}.sheet-option{font-size:var(--font-size-body);color:var(--color-text-tertiary)}.info-row>span:first-child{color:var(--color-text-tertiary)}.info-row>span:last-child{color:var(--color-text-tertiary)}.studio-nav h1{color:var(--color-text-primary)}.studio-desc{color:var(--color-text-tertiary)}.design-note h2{color:var(--color-text-secondary)}.design-note p,.design-note ol{color:var(--color-text-tertiary)}.dark .conversation .name,.dark .customer-identity h3,.dark .channel-card-head h3,.dark .profile-blue h2{color:var(--text)}
@media(max-width:360px){.report-legend button,.report-legend>span{font-size:var(--font-size-compact)}.heat-hour,.heat-day{font-size:var(--font-size-compact)}.conversation .name,.customer-identity h3{font-size:var(--font-size-body)}.channel-card-head h3{font-size:var(--font-size-caption)}.customer-origin{font-size:var(--font-size-compact)}.intent-score b{font-size:var(--font-size-title)}.intent-score small{font-size:var(--font-size-compact)}.report-card-head h2{font-size:var(--font-size-body)}.report-card-head p{font-size:var(--font-size-caption)}.channel-status{font-size:var(--font-size-compact)}}


.report-shortcuts>button>span{background:#4e84ee;color:var(--color-on-primary)}.report-shortcuts>button:nth-child(2)>span{background:#72bfb1;color:var(--color-on-primary)}.report-shortcuts>button:nth-child(3)>span{background:#d8b783;color:var(--color-on-primary)}.report-shortcuts>button>b{color:var(--color-text-secondary)}.account-avatar{background:#4b83e9;color:var(--color-on-primary);border:0}.account-avatar>span{background:#edf5ff;border-color:#fff;color:var(--color-text-tertiary)}.field>span{color:var(--color-text-secondary)}.switch-row{color:var(--color-text-secondary)}.sheet-option{color:var(--color-text-tertiary)}.mine-group .list-item>.grow{color:var(--color-text-secondary)}.profile-blue .grow>p{color:var(--color-text-tertiary)}.profile-membership>p{color:var(--color-on-dark-secondary)}.profile-membership>.between>button{color:var(--color-on-dark-secondary)}.membership-usage{color:var(--color-on-dark-secondary)}.membership-usage small{color:var(--color-on-dark-secondary)}.dark .report-shortcuts>button>span{background:#355d95}.dark .account-avatar{background:#3d68a3}.dark .field>span,.dark .switch-row,.dark .sheet-option{color:var(--color-text-tertiary)}

.dark .home-notification{background:var(--card);border-color:var(--line);color:var(--color-text-tertiary)}.dark .report-tabs>button{color:var(--color-text-tertiary)}.dark .report-tabs>button.active{color:var(--color-text-tertiary)}.dark .report-shortcuts>button>b{color:var(--color-text-tertiary)}.dark .home-welcome,.dark .home-org-switch{color:var(--color-text-tertiary)}.dark .efficiency-metric .report-kpi-top{color:var(--color-text-tertiary)}

/* V1.4 — familiar chat layout and a compact WeChat-style composer. */
.phone[data-screen="chat"]{--chat-bg:#ededed;--chat-input-bg:#f6f6f6;--chat-bubble:#fff;--chat-ink:#202124;--chat-line:#dedede}
.phone[data-screen="chat"] #screen,.phone[data-screen="chat"] #app-header,.phone[data-screen="chat"] .status-bar{background:var(--chat-bg);color:var(--chat-ink)}
.phone[data-screen="chat"] #app-header{border-bottom:1px solid #e3e3e3}.phone[data-screen="chat"] .nav-title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold)}.phone[data-screen="chat"] .nav-back{color:var(--chat-ink)}.phone[data-screen="chat"] .capsule{background:#f7f7f775;border-color:#d5d5d5}.phone[data-screen="chat"] .home-indicator{background:#272727}
.wechat-chat .summary-banner{margin:10px 13px 0;padding:10px 12px;background:#f8fbff;border:1px solid #dce7f6;border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--font-size-caption);line-height:1.6}.wechat-chat .summary-banner>div>span{display:flex;align-items:center;gap:4px;color:var(--color-text-tertiary)}.wechat-chat .summary-banner .ico{width:12px;height:12px}.wechat-chat .summary-banner .text-btn{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.wechat-chat .summary-banner p{font-size:var(--font-size-caption);line-height:1.6;margin-top:6px;color:var(--color-text-tertiary)}.wechat-chat .chat-status{padding:9px 14px 5px;background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.wechat-chat .chat-status button{background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-caption);padding:4px 0}.wechat-chat .chat-status .live-dot{width:5px;height:5px}
.wechat-chat .chat-body{padding:14px 13px 18px}.wechat-chat .day-label{font-size:var(--font-size-caption);color:var(--color-text-tertiary);margin:2px 0 22px;line-height:1.5}.wechat-chat .message{gap:10px;margin:18px 0 22px}.wechat-chat .message>.avatar{width:36px;height:36px;border-radius:var(--radius-sm);box-shadow:none;font-size:var(--font-size-body);background:#d6e5f7;color:var(--color-text-secondary);overflow:hidden}.wechat-chat .message>.avatar img{border-radius:var(--radius-sm)}.wechat-chat .message-content{max-width:calc(100% - 68px);min-width:0}.wechat-chat .message-name{font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:1.4;margin:0 0 5px}.wechat-chat .message-name .pill{font-size:var(--font-size-compact);padding:0 4px;border-radius:var(--radius-xs);line-height:1.5;margin-left:3px;color:var(--color-text-tertiary);background:#dce9f8}.wechat-chat .bubble{position:relative;background:var(--chat-bubble);color:var(--chat-ink);border:1px solid #e3e3e3;border-radius:var(--radius-sm);padding:10px 11px;box-shadow:none;font-size:var(--font-size-body);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;min-height:39px}.wechat-chat .bubble:before{content:"";position:absolute;width:9px;height:9px;left:-5px;top:13px;transform:rotate(45deg);background:var(--chat-bubble);border-left:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}.wechat-chat .message.ai .bubble{border-color:#e3e3e3}.wechat-chat .message.outgoing .bubble{background:#bed8ff;color:var(--color-text-primary);border-color:#b5cff4;border-radius:var(--radius-sm);box-shadow:none}.wechat-chat .message.outgoing .bubble:before{left:auto;right:-5px;background:#bed8ff;border:0;border-top:1px solid #b5cff4;border-right:1px solid #b5cff4}.wechat-chat .message.outgoing .avatar{background:#c7ddf7;color:var(--color-text-tertiary)}.wechat-chat .source-link{display:block;white-space:normal;border-top:1px solid #eff1f5;margin-top:9px;padding-top:7px;font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:1.6}.wechat-chat .source-link .ico{width:11px;height:11px;margin-right:3px}.wechat-chat .message-state{font-size:var(--font-size-compact);color:var(--color-text-tertiary);line-height:1.5;margin-top:5px;text-align:right}.wechat-chat .message-state button{font-size:var(--font-size-caption);color:var(--color-error-text)}
.composer.wechat-composer{position:relative;margin:0;background:var(--chat-input-bg);border-top:1px solid #dcdcdc;padding:0 0 max(18px,env(safe-area-inset-bottom));box-shadow:none;flex-shrink:0}.wechat-composer [hidden]{display:none!important}.chat-assist-bar{display:flex;align-items:center;gap:14px;min-height:32px;padding:0 13px;border-bottom:1px solid #e8e8e8}.chat-assist-bar button{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-caption);line-height:1.5;color:var(--color-text-tertiary);padding:5px 0;background:transparent}.chat-assist-bar .ico{height:12px;width:12px}.chat-assist-bar .assist-chip:first-child{color:var(--color-link)}.chat-assist-bar .assist-takeover{color:var(--color-text-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.assist-owner{font-size:var(--font-size-compact);color:var(--color-text-tertiary);display:inline-flex;align-items:center;gap:4px}.assist-owner i{display:block;width:4px;height:4px;border-radius:var(--radius-circle);background:#8db39d}
.wechat-input-row{display:flex;align-items:flex-end;gap:6px;padding:9px 10px 10px}.wechat-input-row .wechat-tool{height:40px;width:29px;min-width:29px;padding:0;display:grid;place-items:center;color:var(--color-text-primary);background:transparent;border:0;border-radius:var(--radius-sm);box-shadow:none}.wechat-input-row .wechat-tool .ico{height:27px;width:27px;stroke-width:1.65}.wechat-input-row .voice-toggle .ico{height:26px;width:26px}.wechat-composer #message-input{display:block;flex:1;min-width:0;min-height:40px;max-height:112px;height:40px;resize:none;border:0;border-radius:var(--radius-sm);padding:9px 10px;background:#fff;box-shadow:none;outline:none;font-size:var(--font-size-body);line-height:22px;font-family:var(--font-family-ui);color:var(--color-text-primary);overflow-y:auto;scrollbar-width:none;margin:0}.wechat-composer #message-input:focus{border:0;box-shadow:none}.wechat-composer #message-input::-webkit-scrollbar{display:none}.wechat-input-row .wechat-send{width:55px;min-width:55px;height:36px;min-height:36px;padding:0 9px;margin:0 0 2px 1px;border-radius:var(--radius-sm);background:var(--brand);color:var(--color-on-primary);display:grid;place-items:center;box-shadow:none;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);letter-spacing:.3px}.hold-to-talk{display:block;flex:1;min-width:0;height:40px;margin:0;padding:0 9px;background:#f8f8f8;color:var(--color-text-primary);border:1px solid #d5d5d5;border-radius:var(--radius-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);user-select:none;touch-action:none;-webkit-touch-callout:none}.hold-to-talk.is-recording{background:#dcdcdc;color:var(--color-text-secondary)}
.chat-input-panel{background:var(--chat-input-bg);border-top:1px solid #dedede}.more-panel{padding:17px 14px 12px}.chat-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px}.chat-tool-item{display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--color-text-secondary);padding:0;min-width:0}.chat-tool-item>span{display:grid;place-items:center;width:49px;height:49px;border:1px solid #e6e6e6;border-radius:var(--radius-md);background:#fff;color:var(--color-text-primary)}.chat-tool-item>span>.ico{width:25px;height:25px;stroke-width:1.55}.chat-tool-item>b{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:1.4}.chat-tool-item:active>span{background:#e6e6e6}.panel-page-dot{width:5px;height:5px;background:#9ca0a6;border-radius:var(--radius-circle);margin:14px auto 0}.emoji-panel{padding:10px 11px 0}.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}.emoji-key{font-size:var(--font-size-display-md);line-height:1;height:34px;padding:0;display:grid;place-items:center;border-radius:var(--radius-sm);min-width:0}.emoji-key:active{background:#e1e1e1}.emoji-panel-footer{height:35px;margin-top:5px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e4e4;color:var(--color-text-tertiary);font-size:var(--font-size-compact)}.emoji-panel-footer>span{display:flex;align-items:center;gap:5px}.emoji-panel-footer i{width:4px;height:4px;background:#7b9fcf;border-radius:var(--radius-circle);display:block}.emoji-erase{display:grid;place-items:center;padding:0;width:39px;height:27px;background:#fff;border:1px solid #e2e2e2;border-radius:var(--radius-sm);color:var(--color-text-tertiary)}.emoji-erase .ico{height:18px;width:18px;stroke-width:1.5}
.voice-recording{position:absolute;bottom:calc(100% + 60px);left:50%;transform:translateX(-50%);width:166px;min-height:133px;padding:22px 10px 13px;border-radius:var(--radius-md);background:#383e45e8;box-shadow:0 5px 20px #252b3310;text-align:center;color:var(--color-text-tertiary);z-index:15;pointer-events:none}.voice-recording>b{display:block;font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);margin-top:17px;line-height:1.5}.voice-recording>small{display:block;font-size:var(--font-size-compact);color:var(--color-text-tertiary);margin-top:4px}.voice-recording.is-cancelling{background:#bd4d54eb}.voice-recording.is-cancelling>small{color:var(--color-error-text)}.recording-wave{display:flex;justify-content:center;align-items:center;gap:5px;height:35px}.recording-wave i{width:4px;height:12px;border-radius:var(--radius-xs);background:#fff;animation:chat-voice-wave .8s ease-in-out infinite alternate}.recording-wave i:nth-child(2n){height:24px;animation-delay:.15s}.recording-wave i:nth-child(3n){height:34px;animation-delay:.3s}.recording-wave i:nth-child(4n){height:19px;animation-delay:.45s}.voice-message{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:100%;font-size:var(--font-size-body);color:inherit;min-height:20px;padding:0;background:transparent}.voice-message .ico{height:22px;width:22px;stroke-width:2}.voice-message.voice-playing .ico{animation:chat-voice-wave .5s ease-in-out infinite alternate}
.dark.phone[data-screen="chat"]{--chat-bg:#181b20;--chat-input-bg:#22262d;--chat-bubble:#2b3038;--chat-ink:#e0e4ea;--chat-line:#363b43}.dark.phone[data-screen="chat"] #screen,.dark.phone[data-screen="chat"] .status-bar,.dark.phone[data-screen="chat"] #app-header{background:var(--chat-bg);color:var(--chat-ink)}.dark.phone[data-screen="chat"] #app-header{border-color:#252c35}.dark.phone[data-screen="chat"] .capsule{border-color:#3a424e;background:#242c3775}.dark.phone[data-screen="chat"] .home-indicator{background:#e2e4e8}.dark .wechat-chat .summary-banner{background:#203044;border-color:#30445c}.dark .wechat-chat .chat-status{background:transparent;color:var(--color-text-tertiary)}.dark .wechat-chat .bubble,.dark .wechat-chat .message.ai .bubble{background:var(--chat-bubble);border-color:#323842;color:var(--chat-ink)}.dark .wechat-chat .bubble:before{background:var(--chat-bubble);border-color:#323842}.dark .wechat-chat .message.outgoing .bubble{background:#2b4d78;border-color:#345984;color:var(--color-text-tertiary)}.dark .wechat-chat .message.outgoing .bubble:before{background:#2b4d78;border-color:#345984}.dark .wechat-chat .source-link{border-color:#3a424d;color:var(--color-text-tertiary)}.dark .wechat-composer{background:var(--chat-input-bg);border-color:#353b44}.dark .chat-assist-bar{border-color:#30363f}.dark .wechat-input-row .wechat-tool{color:var(--color-text-tertiary)}.dark .wechat-composer #message-input{background:#303640;color:var(--color-text-tertiary)}.dark .hold-to-talk{background:#2b3037;border-color:#414752;color:var(--color-text-tertiary)}.dark .hold-to-talk.is-recording{background:#414854}.dark .chat-input-panel{background:var(--chat-input-bg);border-color:#363c46}.dark .chat-tool-item{color:var(--color-text-tertiary)}.dark .chat-tool-item>span{background:#303640;border-color:#3b424d;color:var(--color-text-tertiary)}.dark .emoji-key:active{background:#3b4350}.dark .emoji-panel-footer{border-color:#343b45;color:var(--color-text-tertiary)}.dark .emoji-erase{background:#303640;border-color:#444d5b;color:var(--color-text-tertiary)}
@media(max-width:360px){.wechat-input-row{gap:5px;padding:8px 8px 9px}.wechat-input-row .wechat-tool{width:27px;min-width:27px}.wechat-input-row .wechat-tool .ico{height:25px;width:25px}.wechat-input-row .wechat-send{width:50px;min-width:50px;font-size:var(--font-size-body)}.chat-assist-bar{gap:12px;padding:0 11px}.wechat-chat .chat-body{padding-left:11px;padding-right:11px}.wechat-chat .message{gap:8px}.wechat-chat .message>.avatar{height:34px;width:34px}.wechat-chat .message-content{max-width:calc(100% - 58px)}.wechat-chat .bubble{font-size:var(--font-size-body);padding:9px 10px}.chat-tool-grid{gap:16px 8px}.chat-tool-item>span{height:45px;width:45px}.emoji-key{font-size:var(--font-size-display-sm);height:32px}.emoji-grid{gap:1px}.wechat-chat .summary-banner{margin-left:11px;margin-right:11px}}
@keyframes chat-voice-wave{from{opacity:.5;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1)}}



/* V2.2: content first, with shared create and platform assistant controls. */
.page-tools{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}.floating-create-source{display:none}
.report-readout:empty{display:none}
.ops-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.ops-kpi{position:relative;min-height:104px;padding:15px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 5px 20px #21477704}.ops-kpi>span{display:block;color:var(--muted);font-size:var(--font-size-caption)}.ops-kpi>strong{display:block;margin-top:12px;font-size:var(--font-size-display-md);line-height:1.1;font-weight:var(--font-weight-semibold);letter-spacing:-.6px;color:var(--text)}.ops-kpi:first-child{border-color:#dce7ff}.ops-kpi:first-child>strong{color:var(--color-link)}.ops-kpi>em{display:block;margin-top:7px;font-size:var(--font-size-compact);color:var(--color-success-text);font-style:normal}.ops-kpi>strong>small{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular)}
.ops-dormant-layout{display:grid;grid-template-columns:110px minmax(0,1fr);gap:13px;align-items:center}.ops-dormant-layout .report-donut{width:110px;height:110px;max-width:100%}.ops-tier-list{display:grid;gap:8px}.ops-tier{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 7px;align-items:center;padding:7px 9px;background:#f5f8ff;border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left}.ops-tier>span{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:var(--font-size-caption);color:var(--muted)}.ops-tier>span>i{width:5px;height:5px;border-radius:var(--radius-circle);flex-shrink:0}.ops-tier>b{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text)}.ops-tier>em{height:3px;background:var(--line);border-radius:var(--radius-xs);overflow:hidden}.ops-tier>em>i{display:block;height:100%;border-radius:var(--radius-xs)}.ops-tier>small{font-size:var(--font-size-compact);color:var(--muted)}.ops-unknown{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;margin-top:15px;background:#f5f8ff;border-radius:var(--radius-sm);font-size:var(--font-size-caption);color:var(--muted)}.ops-unknown>b{color:var(--text);font-size:var(--font-size-caption)}.ops-silent-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.ops-silent-flow>button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 3px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}.ops-silent-flow b{font-size:var(--font-size-title);color:var(--text);font-weight:var(--font-weight-semibold)}.ops-silent-flow span{font-size:var(--font-size-compact);color:var(--muted)}
.ops-channel{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;margin-bottom:10px}.ops-channel:last-of-type{margin-bottom:0}.ops-channel>summary{display:flex;align-items:center;gap:9px;padding:13px 11px;cursor:pointer;list-style:none}.ops-channel>summary::-webkit-details-marker{display:none}.ops-channel>summary>.channel-logo{width:29px;height:29px;min-width:29px;border-radius:var(--radius-sm)}.ops-channel>summary>.channel-logo img{width:20px;height:20px}.ops-channel>summary>strong{min-width:0;flex:1;font-size:var(--font-size-caption);line-height:1.6;font-weight:var(--font-weight-semibold);color:var(--text)}.ops-channel>summary>b{display:flex;align-items:baseline;gap:4px;font-size:var(--font-size-title);white-space:nowrap;font-weight:var(--font-weight-semibold);color:var(--text)}.ops-channel>summary>b>small{font-size:var(--font-size-compact);font-weight:var(--font-weight-regular);color:var(--muted)}.ops-channel>summary>.ico{height:13px;width:13px;color:var(--muted);flex-shrink:0}.ops-channel[open]>summary>.ico{transform:rotate(180deg)}.ops-channel-content{padding:0 12px 13px}.ops-channel-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ops-channel-metrics span{display:block;font-size:var(--font-size-compact);color:var(--muted);white-space:nowrap}.ops-channel-metrics b{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text);margin-top:6px}.ops-slot-list{display:grid;gap:12px;padding-top:15px}.ops-slot{display:flex;align-items:center;gap:10px;padding:0;text-align:left;width:100%}.ops-slot>span{font-size:var(--font-size-compact);color:var(--muted);width:79px;white-space:nowrap;flex-shrink:0}.ops-slot>i{height:6px;border-radius:var(--radius-xs);background:var(--line);flex:1;overflow:hidden}.ops-slot>i>em{display:block;height:100%;background:#73a7ff;border-radius:var(--radius-xs)}.ops-slot>b{min-width:20px;text-align:right;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text)}
.ops-lead-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:11px}.ops-lead-toolbar>.search{flex:1;min-width:0;margin:0;padding:0 10px;gap:6px;height:41px;border-radius:var(--radius-md)}.ops-lead-toolbar .search>input{font-size:var(--font-size-caption);min-width:0}.ops-lead-toolbar .search>.ico{width:14px;height:14px;flex-shrink:0}.ops-lead-toolbar .search>button{width:19px;height:25px;flex-shrink:0;padding:0;color:var(--muted)}.ops-lead-toolbar .search>button>.ico{height:13px;width:13px}.ops-lead-toolbar [hidden]{display:none}.ops-lead-tablehead{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:11px 0;background:#f5f8ff;color:var(--muted);font-size:var(--font-size-compact);text-align:center;border-radius:var(--radius-sm)}.ops-lead-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:132px;color:var(--muted);font-size:var(--font-size-caption)}.ops-lead-empty>.ico{width:28px;height:28px;color:var(--color-text-tertiary);stroke-width:1.3}.ops-lead-item{display:block;width:100%;text-align:left;padding:14px 0;border-bottom:1px solid var(--line)}.ops-lead-name{display:flex;align-items:center;gap:8px}.ops-lead-name>span{height:30px;width:30px;border-radius:var(--radius-sm);background:#edf3ff;color:var(--color-link);font-size:var(--font-size-caption);display:grid;place-items:center;flex-shrink:0}.ops-lead-name>strong{flex:1;min-width:0;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text)}.ops-lead-name>em{font-size:var(--font-size-compact);font-style:normal;color:var(--muted)}.ops-lead-name>.ico{width:13px;height:13px;color:var(--muted)}.ops-lead-item>dl{display:grid;gap:8px;margin:11px 0 0 38px}.ops-lead-item dl>div{display:flex;gap:9px;justify-content:space-between;font-size:var(--font-size-caption)}.ops-lead-item dt{color:var(--muted);white-space:nowrap}.ops-lead-item dd{margin:0;color:var(--text);overflow-wrap:anywhere;text-align:right}.ops-lead-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:13px;font-size:var(--font-size-caption);color:var(--muted)}.ops-lead-pagination>div{display:flex;align-items:center;gap:9px}.ops-lead-pagination b{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular)}.ops-lead-pagination button{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--color-link)}.ops-lead-pagination button:disabled{opacity:.3}.ops-lead-pagination .ico{width:13px;height:13px}
.dark .ops-tier,.dark .ops-unknown,.dark .ops-lead-tablehead{background:#203652}.dark .ops-kpi:first-child{border-color:#365580}.dark .ops-kpi:first-child>strong{color:var(--color-text-tertiary)}.dark .ops-lead-name>span{background:#263e62;color:var(--color-text-tertiary)}
@media(max-width:360px){.ops-kpi{padding:13px;min-height:100px}.ops-kpi>strong{font-size:var(--font-size-display-md)}.ops-dormant-layout{grid-template-columns:96px minmax(0,1fr);gap:8px}.ops-dormant-layout .report-donut{height:96px;width:96px}.ops-tier{padding:7px;gap:4px}.ops-tier>span{font-size:var(--font-size-compact)}.ops-tier>small{font-size:var(--font-size-compact)}.ops-channel>summary{padding:12px 9px;gap:6px}.ops-channel>summary>strong{font-size:var(--font-size-caption)}.ops-channel>summary>b{font-size:var(--font-size-body)}.ops-channel-metrics span{font-size:var(--font-size-compact)}.ops-channel-metrics b{font-size:var(--font-size-body)}.ops-lead-toolbar .search>input{font-size:var(--font-size-compact)}.ops-lead-item>dl{margin-left:0}.ops-lead-item dd{font-size:var(--font-size-compact)}}
.chart-tooltip{position:absolute;z-index:25;width:220px;max-width:calc(100% - 24px);padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);color:var(--text);box-shadow:0 8px 30px #17396a26;pointer-events:none}.chart-tooltip[hidden]{display:none}.chart-tooltip:after{content:"";position:absolute;left:var(--tooltip-arrow-left,50%);width:9px;height:9px;background:var(--card);transform:translateX(-50%) rotate(45deg)}.chart-tooltip[data-placement="above"]:after{bottom:-5px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.chart-tooltip[data-placement="below"]:after{top:-5px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.chart-tooltip-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.chart-tooltip-values{display:grid;gap:8px;margin-top:9px}.chart-tooltip-values>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-tooltip-values>div>span{flex:1;min-width:0;font-size:var(--font-size-caption);line-height:1.5;overflow-wrap:anywhere;color:var(--muted)}.chart-tooltip-values strong{max-width:65%;font-size:var(--font-size-title);line-height:1.3;font-weight:var(--font-weight-semibold);letter-spacing:-.3px;text-align:right;font-variant-numeric:tabular-nums}.chart-tooltip-values>div:only-child strong:not(.chart-tooltip-text){font-size:var(--font-size-display-sm)}.chart-tooltip-values strong>small{margin-left:4px;font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);letter-spacing:0;color:var(--muted)}.chart-tooltip-values .chart-tooltip-text{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.heatmap-grid.has-selection .heat-cell{opacity:.5}.heatmap-grid.has-selection .heat-cell.chart-point-selected{opacity:1;box-shadow:0 0 0 2px var(--card),0 0 0 4px #2f6bf5;position:relative;z-index:1}.heat-hour.chart-axis-active,.heat-day.chart-axis-active{color:var(--color-link);font-weight:var(--font-weight-bold)}button.chart-point-selected:not(.heat-cell){outline:2px solid #6a9bff;outline-offset:1px;background:#edf4ff}.report-line-svg rect.chart-point-selected{fill:#2f6bf510;stroke:#8fb5ff;stroke-width:1;stroke-dasharray:3 4}.report-bar-svg rect.chart-point-selected{stroke:var(--card);stroke-width:2;filter:drop-shadow(0 2px 3px #2f6bf54d)}.report-donut circle.chart-point-selected{stroke-width:19}.report-donut:has(.chart-point-selected) circle[data-action]:not(.chart-point-selected){opacity:.35}.dark .chart-tooltip{box-shadow:0 8px 30px #0006}.dark button.chart-point-selected:not(.heat-cell){background:#284e7a}
.mini-brand-logo{display:flex;align-items:center;justify-content:center;width:112px;height:41px}.mini-brand-logo>img{display:block;width:100%;height:100%;object-fit:contain}.dark .mini-brand-logo{background:#f5f7fb;border-radius:var(--radius-sm)}
.sheet:has(.more-menu-grid){padding:10px 20px 32px;background:var(--card);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.sheet:has(.more-menu-grid) .sheet-header{margin-bottom:12px}.sheet:has(.more-menu-grid) .sheet-header h2{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.sheet:has(.more-menu-grid) .sheet-header>button{width:30px;height:30px;color:var(--muted)}.more-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 0 5px}.more-menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;padding:8px 2px;background:transparent;border:0;border-radius:var(--radius-md);color:var(--text)}.more-menu-item>span{display:grid;place-items:center;width:44px;height:40px;color:var(--color-text-secondary)}.more-menu-item .ico{width:25px;height:25px;stroke-width:1.6}.more-menu-item>b{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:1.5;white-space:nowrap}.more-menu-item:active{background:#edf3ff}.more-menu-item:focus-visible{outline:2px solid #2f6bf5;outline-offset:-2px}.dark .more-menu-item>span{color:var(--color-text-tertiary)}.dark .more-menu-item:active{background:#243f65}
.card>h3+.row,.card>h3>a.full{margin-top:14px}
.report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e5ecf6;margin-bottom:16px}.report-toolbar .report-tabs{gap:16px;margin:0;border:0;flex-shrink:0}.report-toolbar .report-tabs>button{white-space:nowrap}.report-toolbar .report-period{margin:0 0 12px;flex-shrink:0}.dark .report-toolbar{border-color:var(--line)}
@media(max-width:360px){.report-toolbar{gap:7px}.report-toolbar .report-tabs{gap:12px}.report-toolbar .report-tabs>button{font-size:var(--font-size-caption)}.report-toolbar .report-period button{padding:4px 6px}}
/* Floating controls overlay content; they do not reserve a page footer. */
.channel-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.channel-footer .text-btn{font-size:var(--font-size-caption)}
.floating-actions{position:absolute;right:var(--space-4);bottom:var(--floating-bottom,96px);z-index:12;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);pointer-events:none}
.floating-actions button{pointer-events:auto;touch-action:manipulation}.assistant-fab{position:relative;display:block;width:56px;height:56px;min-height:56px;padding:3px;background:#fff;border:1px solid #dce8fa;border-radius:var(--radius-circle);box-shadow:0 4px 16px #214e8a20}.assistant-fab>img{display:block;width:100%;height:100%;border-radius:var(--radius-circle);background:#eaf2ff;object-fit:cover}.assistant-fab:active{transform:scale(.96)}.dark .assistant-fab{background:var(--card);border-color:#476180}.dark .assistant-fab>img{background:#263d5c}
.phone:has(#overlay:not(:empty)) .floating-actions{visibility:hidden}.phone:has(#message-input:focus) .floating-actions{visibility:hidden}.floating-actions button:focus-visible{outline:3px solid #91b5ff;outline-offset:4px}
.sheet.assistant-sheet,.assistant-page{--assistant-ink:#254264;--assistant-muted:#7892b1;--assistant-surface:#ffffffa8;--assistant-line:#ffffffc9}
.phone .assistant-backdrop{background:#24486b24;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.phone .sheet.assistant-sheet{left:0;right:0;bottom:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);height:min(720px,calc(100% - 68px));max-height:calc(100% - 68px);padding:10px 0 max(24px,env(safe-area-inset-bottom));border:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;background:radial-gradient(ellipse at 95% 8%,#a8cdff5c,transparent 50%),linear-gradient(150deg,#effaff,#e2eeff 55%,#f5faff);background-color:var(--color-surface);animation-fill-mode:backwards;box-shadow:0 18px 60px #244c7b26,inset 0 1px 0 #fff9}

.sheet.assistant-sheet .sheet-handle{width:30px;height:3px;margin-bottom:12px;background:#7194bb38}.sheet.assistant-sheet .sheet-header{padding:0 20px;margin-bottom:2px;flex-shrink:0}.sheet.assistant-sheet .sheet-header h2{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);letter-spacing:.2px;color:var(--assistant-ink)}.sheet.assistant-sheet .sheet-header>button{width:30px;height:30px;border-radius:var(--radius-circle);background:#ffffff70;border:1px solid #ffffffb3;color:var(--color-text-tertiary)}.sheet.assistant-sheet .sheet-header>button>.ico{width:15px;height:15px}.sheet.assistant-sheet .sheet-body{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden;padding:0 16px}.assistant-drawer-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:12px;flex:1;min-height:0;min-width:0}.sheet.assistant-sheet .platform-assistant{display:grid;grid-template-rows:112px minmax(0,1fr);height:auto;min-height:0;min-width:0;overflow:hidden}.assistant-drawer-layout>.assistant-dock{position:relative;z-index:1;min-width:0}.sheet.assistant-sheet .assistant-conversation-panel{min-height:0;overflow-y:auto;scrollbar-width:none}
.platform-assistant{min-height:100%;display:flex;flex-direction:column;gap:0}.assistant-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:112px;flex-shrink:0;padding:0 6px 0 10px}.assistant-hero-copy{min-width:0;position:relative;z-index:1}.assistant-hero h3{font-size:var(--font-size-display-sm);font-weight:var(--font-weight-semibold);letter-spacing:-.4px;color:var(--assistant-ink);margin:0;line-height:1.4}.assistant-hero>img{align-self:flex-end;width:104px;height:112px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 12px #6692c42b);mask-image:linear-gradient(#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(#000 80%,transparent 100%)}
.assistant-conversation-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:16px 12px 0;border:1px solid var(--assistant-line);border-radius:var(--radius-xl);background:linear-gradient(150deg,#ffffff5e,#f0f8ff29);box-shadow:inset 0 1px 0 #fff9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.assistant-message-row{display:flex;align-items:flex-start;gap:8px;margin:15px 0;flex-shrink:0}.assistant-welcome{margin:0 0 18px}.assistant-chat-avatar{width:28px;height:28px;flex:0 0 28px;border:1px solid #ffffffd9;border-radius:var(--radius-circle);object-fit:cover;background:#e3f0ff;box-shadow:0 3px 10px #6286b418}.assistant-user-avatar{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid var(--assistant-line);border-radius:var(--radius-circle);background:#c4d9fa85;color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.assistant-message-row.outgoing{justify-content:flex-end;align-items:flex-start}
.assistant-reply{min-width:0;flex:1;padding:11px 12px;border:1px solid var(--assistant-line);border-radius:var(--radius-xs) var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--assistant-surface);box-shadow:0 4px 16px #5a80ae06}.assistant-reply>p{margin:0;font-size:var(--font-size-caption);line-height:1.85;color:var(--assistant-ink);overflow-wrap:anywhere;white-space:pre-wrap}.assistant-user-message{max-width:calc(100% - 36px);min-width:0;padding:10px 13px;border:1px solid #ffffff85;border-radius:var(--radius-lg) var(--radius-xs) var(--radius-lg) var(--radius-lg);background:linear-gradient(135deg,#d3e7ffcf,#b9d5faad);color:var(--assistant-ink);font-size:var(--font-size-caption);line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.assistant-reply-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 0 0;margin-top:10px;border-top:1px solid #8bb1dd26;font-size:var(--font-size-caption);color:var(--color-link);text-align:left}.assistant-reply-link .ico{width:12px;height:12px;flex-shrink:0}#assistant-answer{flex-shrink:0}#assistant-answer:empty{display:none}
.assistant-dock{display:grid;gap:10px;flex-shrink:0}.assistant-prompts{display:grid;gap:0;flex-shrink:0;margin:0;padding:12px 13px 4px;background:var(--assistant-surface);border:1px solid var(--assistant-line);border-radius:var(--radius-lg);box-shadow:0 4px 20px #5c8bba05}.assistant-prompts-title{display:flex;align-items:center;gap:6px;color:var(--color-link);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);padding:0 0 6px}.assistant-prompts-title .ico{width:14px;height:14px}.assistant-prompts>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;text-align:left;padding:9px 0;border:0;border-bottom:1px solid #7d9ec51c;border-radius:0;background:transparent;color:var(--assistant-ink);font-size:var(--font-size-caption);line-height:1.5}.assistant-prompts>button:last-child{border-bottom:0}.assistant-prompts>button>.ico{width:13px;height:13px;flex-shrink:0;color:var(--color-text-tertiary)}.assistant-prompts>button:active{color:var(--color-link)}.assistant-disclosure{flex-shrink:0;font-size:var(--font-size-compact);line-height:1.6;color:var(--assistant-muted);text-align:center;margin:10px 0!important}
.platform-assistant-form{display:flex;align-items:center;gap:7px;padding:7px;background:var(--assistant-surface);border:1px solid var(--assistant-line);border-radius:var(--radius-lg);box-shadow:0 7px 24px #4b77b114,inset 0 1px 0 #fff8;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.platform-assistant-form:focus-within{border-color:#7aa7f3;box-shadow:0 0 0 3px #4f8af013,0 7px 24px #4b77b114}.assistant-input-mark{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;color:var(--color-text-tertiary)}.assistant-input-mark>.ico{width:19px;height:19px;stroke-width:1.5}.platform-assistant-form>input{flex:1;min-width:0;width:0;border:0;background:transparent;outline:0;padding:10px 0;font-size:var(--font-size-caption);line-height:20px;color:var(--assistant-ink);font-family:inherit}.platform-assistant-form>input::placeholder{color:var(--color-text-tertiary)}.platform-assistant-form>button{height:40px;width:40px;min-width:40px;display:grid;place-items:center;background:linear-gradient(140deg,#6aa2ff,#3e77f0);border:1px solid #ffffffa1;box-shadow:0 4px 12px #4b83e32b;border-radius:var(--radius-md);color:var(--color-on-primary)}.platform-assistant-form>button .ico{height:18px;width:18px;stroke-width:1.7}
.sheet.assistant-sheet :is(.assistant-conversation-panel,.platform-assistant-form){backdrop-filter:none;-webkit-backdrop-filter:none}
.phone[data-screen="assistant"] #screen{overflow:hidden}.assistant-page{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;background:radial-gradient(ellipse at 100% 0,#cde1ff99,transparent 50%),linear-gradient(155deg,#edf8ff,#e8f2ff 60%,#f5faff);padding:12px 16px 24px}.assistant-page .platform-assistant{flex:1;min-height:0}.assistant-page .assistant-dock{flex-shrink:0;z-index:2}
.dark .sheet.assistant-sheet,.dark .assistant-page{--assistant-ink:#dceaff;--assistant-muted:#a0b7d3;--assistant-surface:#1b304dc9;--assistant-line:#9abce23d}.phone.dark .sheet.assistant-sheet{background:radial-gradient(ellipse at 95% 8%,#477ac142,transparent 50%),linear-gradient(150deg,#172d4d,#172b47 55%,#192e4c);background-color:var(--color-surface);border-color:#92b2dc40;box-shadow:0 18px 60px #0005,inset 0 1px 0 #b4d3ff1a}.dark .assistant-conversation-panel{background:linear-gradient(150deg,#24426466,#142c4933);box-shadow:inset 0 1px 0 #afcfff14}.dark .assistant-page{background:radial-gradient(ellipse at 100% 0,#355d8a66,transparent 50%),linear-gradient(155deg,#142a47,#1b3150)}.dark .assistant-user-message{background:linear-gradient(135deg,#345b8dd9,#2b4c73c9);border-color:#98baf133}.dark .assistant-chat-avatar{background:#345378;border-color:#8db7ec40}.dark .assistant-user-avatar{background:#355783;color:var(--color-text-tertiary)}.dark .sheet.assistant-sheet .sheet-header>button{background:#9cbfea1a;border-color:#9cbfea26;color:var(--color-text-tertiary)}.dark .platform-assistant-form{box-shadow:0 7px 24px #0002,inset 0 1px 0 #fff1}@media(max-height:650px){.sheet.assistant-sheet .assistant-hero{min-height:82px}.sheet.assistant-sheet .assistant-hero>img{width:82px;height:84px}.sheet.assistant-sheet .assistant-hero h3{font-size:var(--font-size-title);margin-top:0}.sheet.assistant-sheet .assistant-conversation-panel{padding-top:12px}.sheet.assistant-sheet .assistant-prompts>button{min-height:36px;padding:7px 0}}
@media(max-width:360px){.assistant-fab{width:50px;height:50px;min-height:50px}.sheet.assistant-sheet .sheet-body{padding-left:16px;padding-right:16px}}

/* Compact conversation inbox and immediate channel selection. */
.phone[data-screen="inbox"] #screen,.phone[data-screen="inbox"] #app-header,.phone[data-screen="inbox"] .status-bar{background:var(--card)}
.inbox-page{min-height:100%;background:var(--card)}
.inbox-page .inbox-top{position:sticky;top:0;z-index:3;padding:10px 17px 0;background:var(--card)}
.inbox-toolbar{display:flex;align-items:center;gap:10px}
.inbox-channel-trigger{display:flex;align-items:center;gap:6px;flex:0 1 auto;max-width:45%;min-width:0;min-height:44px;padding:0;background:transparent;color:var(--text);font-size:var(--font-size-caption)}
.inbox-channel-trigger>span:not(.channel-logo){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-channel-trigger>.ico{width:16px;height:16px;color:var(--color-text-tertiary);flex-shrink:0}
.inbox-channel-trigger>.ico:last-child{width:12px;height:12px;color:var(--color-text-tertiary)}
.inbox-channel-trigger .channel-logo{width:18px;height:18px;border:0;background:transparent;border-radius:0}
.inbox-channel-trigger .channel-logo img{width:18px;height:18px;object-fit:contain}
.inbox-toolbar .search{flex:1;min-width:0;margin:0;min-height:38px;height:38px;border:0;border-radius:var(--radius-sm);background:#f5f7fa;padding:0 10px;gap:7px;box-shadow:none}
.inbox-toolbar .search>.ico{width:14px;height:14px;color:var(--color-text-tertiary);flex-shrink:0}
.inbox-toolbar .search input{min-width:0;padding:0;font-size:var(--font-size-caption);color:var(--text)}
.inbox-toolbar .search input::placeholder{color:var(--color-text-tertiary)}
.inbox-tabs-row{display:flex;justify-content:space-between;align-items:center;margin-top:9px;border-bottom:1px solid var(--line)}
.inbox-tabs{display:flex;align-items:center;gap:25px;min-width:0}
.inbox-tabs>button{position:relative;display:flex;align-items:center;gap:4px;padding:13px 0 15px;min-height:46px;font-size:var(--font-size-body);line-height:1.5;color:var(--color-text-tertiary);background:transparent;white-space:nowrap}
.inbox-tabs>button.active{color:var(--text);font-weight:var(--font-weight-semibold)}
.inbox-tabs>button.active::after{content:"";position:absolute;height:3px;width:22px;left:0;bottom:0;border-radius:var(--radius-xs);background:#2f6bf5}
.inbox-tabs small{display:grid;place-items:center;align-self:flex-start;min-width:16px;height:16px;padding:0 4px;margin-top:-6px;font-size:var(--font-size-compact);line-height:1;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);background:#2f6bf5;color:var(--color-on-primary)}
.inbox-status-filter{position:relative;display:grid;place-items:center;flex-shrink:0;width:40px;height:44px;margin-right:0;color:var(--color-text-tertiary);background:transparent}
.inbox-status-filter>.ico{width:16px;height:16px}
.inbox-status-filter.active{color:var(--color-link)}
.inbox-status-filter.active::after{content:"";position:absolute;right:9px;top:10px;width:5px;height:5px;border-radius:var(--radius-circle);background:#2f6bf5}
.inbox-page #inbox-results{padding:0 17px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.conversation{align-items:center;position:relative;min-height:81px;padding:17px 0;gap:11px;border:0;background:var(--card)}
.conversation::after{content:"";position:absolute;left:53px;right:0;bottom:0;height:1px;background:var(--line);opacity:.75}
.conversation:last-child::after{display:none}
.conversation-avatar{padding:0}
.conversation-avatar>.avatar{width:42px;height:42px;border-radius:var(--radius-circle);overflow:hidden}
.conversation-content{min-width:0}
.conversation-heading{display:flex;align-items:center;gap:4px;min-width:0}
.conversation .name{flex:0 1 auto;min-width:0;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:1.5;color:var(--text)}
.conversation-channel-label{flex:0 1 auto;min-width:0;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-link);font-size:var(--font-size-compact);line-height:1.5}
.conversation .time{flex-shrink:0;margin-left:auto;padding-left:5px;font-size:var(--font-size-caption);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}
.conversation-snippet{display:flex;align-items:center;gap:9px;margin-top:5px;min-height:19px}
.conversation .preview{flex:1;min-width:0;margin:0;font-size:var(--font-size-caption);line-height:1.6;color:var(--color-text-tertiary)}
.conversation .unread{flex-shrink:0;min-width:18px;height:18px;border-radius:var(--radius-md);background:#2f6bf5;padding:0 5px;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}
.conversation-state{flex-shrink:0;padding:3px 7px;border-radius:var(--radius-md);background:#eaf8ef;color:var(--color-success-text);font-size:var(--font-size-compact);line-height:1.3}
.conversation-state.waiting{background:#fff3e7;color:var(--color-warning-text)}
.sheet:has(.inbox-channel-choices){top:auto;bottom:0;left:0;right:0;max-height:calc(100% - 68px);padding:10px 18px max(24px,env(safe-area-inset-bottom));border:0;overflow:hidden;background:var(--card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -16px 45px #18345718}
.sheet:has(.inbox-channel-choices) .sheet-handle{flex-shrink:0;margin-bottom:10px}
.sheet:has(.inbox-channel-choices) .sheet-header{position:relative;justify-content:center;min-height:38px;margin:0 0 15px;flex-shrink:0}
.sheet:has(.inbox-channel-choices) .sheet-header h2{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}
.sheet:has(.inbox-channel-choices) .sheet-header>button{position:absolute;left:-7px;top:-3px;width:44px;height:44px;color:var(--text)}
.sheet:has(.inbox-channel-choices) .sheet-body{min-height:0;padding:2px 1px;overscroll-behavior:contain;scrollbar-width:none}
.inbox-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.inbox-channel-option{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:7px 12px;border:1px solid #dce4ef;border-radius:var(--radius-xl);background:var(--card);color:var(--color-text-tertiary);text-align:left;font-size:var(--font-size-caption);box-shadow:none}
.inbox-channel-option>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-channel-option>.ico{width:21px;height:21px;flex-shrink:0;color:var(--color-text-tertiary);margin:0 1px}
.inbox-channel-option .channel-logo{width:24px;height:24px;border:0;border-radius:var(--radius-circle);background:transparent}
.inbox-channel-option .channel-logo img{width:24px;height:24px;object-fit:contain}
.inbox-channel-option.selected{border-color:#2f6bf5;box-shadow:inset 0 0 0 1px #2f6bf5;color:var(--text);background:#f6f9ff}
.inbox-other-channels{margin-top:12px}
.inbox-other-channels>summary{display:flex;justify-content:center;align-items:center;gap:5px;list-style:none;cursor:pointer;min-height:32px;padding:5px;font-size:var(--font-size-caption);color:var(--color-text-tertiary)}
.inbox-other-channels>summary::-webkit-details-marker{display:none}
.inbox-other-channels>summary>.ico{width:12px;height:12px}
.inbox-other-channels[open]>summary{margin-bottom:10px}
.inbox-other-channels[open]>summary>.ico{transform:rotate(180deg)}
.inbox-tabs>button:focus-visible,.inbox-channel-trigger:focus-visible,.inbox-channel-option:focus-visible{outline:2px solid #80aaff;outline-offset:2px}
.dark .inbox-toolbar .search{background:#233653}
.dark .inbox-channel-option{border-color:#365071}.dark .inbox-channel-option.selected{border-color:#76a4ff;background:#243f65}
.dark .conversation-state{background:#1f443c;color:var(--color-success-text)}
.dark .conversation-state.waiting{background:#493d2c;color:var(--color-warning-text)}
@media(max-width:360px){.inbox-tabs{gap:22px}.inbox-channel-trigger{font-size:var(--font-size-caption);gap:4px}.inbox-toolbar{gap:7px}.inbox-toolbar .search{padding:0 8px}.conversation .name{font-size:var(--font-size-caption)}.conversation .preview{font-size:var(--font-size-caption)}.conversation-channel-label{font-size:var(--font-size-compact)}.inbox-channel-grid{gap:9px}.inbox-channel-option{padding:7px 9px;font-size:var(--font-size-caption)}}

/* V2.12: customer context header, clean bubbles and a rounded chat dock. */
.phone[data-screen="chat"]{--chat-bg:#f3f8ff;--chat-input-bg:#f3f8ff;--chat-bubble:#fff;--chat-ink:#28364b;--chat-line:#e1e8f2}
.phone[data-screen="chat"] .status-bar{background:var(--card);color:var(--text)}
.phone[data-screen="chat"] #app-header{display:block;height:auto;min-height:0;flex-shrink:0;padding:0 15px;background:var(--card);border:0}
.chat-nav-row{display:flex;align-items:center;justify-content:space-between;min-height:42px}
.chat-back{display:grid;place-items:center;width:32px;height:40px;margin-left:-9px;background:transparent;color:var(--text)}
.chat-back>.ico{width:17px;height:17px}
.chat-bot-switch{display:flex;align-items:center;gap:6px;min-height:42px;padding:0;background:transparent;color:var(--text);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}
.chat-bot-track{position:relative;display:block;width:32px;height:19px;border-radius:var(--radius-md);background:#e1e5ec;transition:background .15s}
.chat-bot-track>i{position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:var(--radius-circle);background:#fff;box-shadow:0 1px 3px #24426612;transition:left .15s}
.chat-bot-switch[aria-checked="true"] .chat-bot-track{background:#2f6bf5}
.chat-bot-switch[aria-checked="true"] .chat-bot-track>i{left:16px}
.chat-bot-switch:focus-visible{outline:2px solid #88b0ff;outline-offset:2px;border-radius:var(--radius-sm)}
.chat-contact-bar{display:flex;align-items:center;gap:9px;min-height:63px;padding:2px 0 13px}
.chat-contact-bar>.avatar{flex-shrink:0;width:35px;height:35px;border-radius:var(--radius-circle);overflow:hidden}
.chat-contact-identity{flex:1;min-width:0}
.chat-contact-identity>div{display:flex;align-items:center;gap:4px;min-width:0}
.chat-contact-identity strong{min-width:0;max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text);line-height:1.5}
.chat-contact-identity>div>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-compact);color:var(--color-link)}
.chat-contact-identity>p{margin:4px 0 0;font-size:var(--font-size-caption);line-height:1.4;color:var(--color-text-tertiary)}
.chat-contact-detail{flex-shrink:0;min-height:44px;padding:8px 0 8px 7px;background:transparent;color:var(--color-link);font-size:var(--font-size-caption)}
.phone[data-screen="chat"] #screen{background:linear-gradient(160deg,#eef5ff,#f8fbff 72%,#f3f8ff)}
.wechat-chat{min-height:100%}
.wechat-chat .chat-body{padding:16px 14px 30px}
.wechat-chat .day-label{margin:0 0 23px;font-size:var(--font-size-caption);line-height:1.5;color:var(--color-text-tertiary)}
.wechat-chat .message{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:0;margin:0 0 21px}
.wechat-chat .message.outgoing{flex-direction:row;justify-content:flex-end}
.wechat-chat .message-content{max-width:90%;min-width:0}
.wechat-chat .bubble{min-height:41px;padding:12px 13px;border:0;border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);background:var(--chat-bubble);color:var(--chat-ink);font-size:var(--font-size-body);line-height:1.65;box-shadow:none}
.wechat-chat .bubble:before,.wechat-chat .message.outgoing .bubble:before{display:none}
.wechat-chat .message.ai .bubble{border:0}
.wechat-chat .message.outgoing .bubble{border:0;border-radius:var(--radius-md) 0 var(--radius-md) var(--radius-md);background:#2f6bf5;color:var(--color-on-primary);box-shadow:none}
.wechat-chat .message-state{margin-top:6px;font-size:var(--font-size-caption);color:var(--color-error-text)}
.phone[data-screen="chat"] #composer{background:var(--chat-input-bg)}
.composer.wechat-composer{padding:8px 14px max(31px,env(safe-area-inset-bottom));background:var(--chat-input-bg);border:0;box-shadow:none}
.wechat-input-row{display:flex;align-items:center;gap:0;min-height:47px;margin:0;padding:0 4px;border:1px solid #e0e7f0;border-radius:var(--radius-xl);background:#fff;transition:border-color .15s,box-shadow .15s}
.wechat-input-row:focus-within{border-color:#5b8ef2;box-shadow:0 0 0 2px #6799f21a}
.wechat-composer #message-input{flex:1;min-width:0;min-height:40px;height:40px;max-height:112px;margin:0;padding:10px 8px;border:0;border-radius:var(--radius-xl);background:transparent;color:var(--chat-ink);font-size:var(--font-size-body);line-height:20px}
.wechat-composer #message-input:focus{border:0;background:transparent;box-shadow:none}
.wechat-composer #message-input::placeholder{color:var(--color-text-tertiary);font-size:var(--font-size-caption)}
.wechat-input-row .wechat-tool{width:40px;min-width:40px;height:44px;border-radius:var(--radius-xl);color:var(--color-text-tertiary);background:transparent}
.wechat-input-row .wechat-tool .ico,.wechat-input-row .voice-toggle .ico{width:22px;height:22px;stroke-width:1.55}
.wechat-input-row .wechat-send{height:35px;min-height:35px;width:48px;min-width:48px;margin:0 2px 0 3px;padding:0 7px;border-radius:var(--radius-lg);background:#2f6bf5;color:var(--color-on-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);letter-spacing:0}
.wechat-input-row .hold-to-talk{flex:1;min-width:0;min-height:40px;height:40px;margin:0;padding:8px 0;border:0;border-radius:var(--radius-lg);background:transparent;color:var(--chat-ink);font-size:var(--font-size-body)}
.wechat-composer .chat-input-panel{max-height:min(250px,44dvh);min-height:0;overflow-y:auto;scrollbar-width:none;margin:10px -14px 0;border-top:1px solid var(--chat-line);background:#f0f5fc}
.chat-managed-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:47px;padding:5px 7px 5px 14px;border:1px solid #c4d3e9;border-radius:var(--radius-xl);background:#fff}
.chat-managed-bar>span{min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:1.5}
.stop-bot-reply{display:flex;align-items:center;gap:5px;flex-shrink:0;min-height:33px;padding:6px 10px;border-radius:var(--radius-lg);background:#2f6bf5;color:var(--color-on-primary);font-size:var(--font-size-caption);line-height:1.5}
.stop-bot-reply>.ico{width:14px;height:14px;stroke-width:1.7}
.stop-bot-reply>.ico:last-child{width:10px;height:10px}
.dark.phone[data-screen="chat"]{--chat-bg:#122038;--chat-input-bg:#14243c;--chat-bubble:#233752;--chat-ink:#dce7f6;--chat-line:#354c6a}
.dark.phone[data-screen="chat"] #app-header,.dark.phone[data-screen="chat"] .status-bar{background:var(--card);color:var(--text)}
.dark.phone[data-screen="chat"] #screen{background:linear-gradient(160deg,#132640,#142136 72%,#14243c)}
.dark .chat-bot-track{background:#3f5068}
.dark .wechat-chat .bubble{background:var(--chat-bubble);color:var(--chat-ink)}
.dark .wechat-chat .message.outgoing .bubble{background:#2c64cf;color:var(--color-text-tertiary)}
.dark .wechat-input-row,.dark .chat-managed-bar{background:#213550;border-color:#4c6586}
.dark .wechat-composer #message-input{background:transparent;color:var(--chat-ink)}
.dark .wechat-input-row:focus-within{border-color:#81acff}
.dark .wechat-composer .chat-input-panel{background:#1b304d}
.dark .chat-managed-bar>span{color:var(--color-text-tertiary)}
.dark .chat-contact-identity>p{color:var(--color-text-tertiary)}
@media(max-width:720px){.phone[data-screen="chat"]{height:100dvh;min-height:0}}
@media(max-width:360px){.phone[data-screen="chat"] #app-header{padding-left:14px;padding-right:14px}.chat-contact-identity strong{font-size:var(--font-size-caption)}.chat-contact-detail{font-size:var(--font-size-caption)}.wechat-chat .bubble{font-size:var(--font-size-body);padding:11px 12px}.wechat-chat .chat-body{padding-left:13px;padding-right:13px}.composer.wechat-composer{padding-left:13px;padding-right:13px}.wechat-input-row .wechat-tool{width:35px;min-width:35px}.wechat-composer .chat-input-panel{margin-left:-13px;margin-right:-13px}}

/* Keep translated channel status badges from squeezing account metadata on narrow screens. */
@media(max-width:360px){
 html[lang="en"] .phone .channel-account-card .channel-card-head{display:grid;grid-template-columns:41px minmax(0,1fr);column-gap:10px;row-gap:6px}
 html[lang="en"] .phone .channel-card-head>.channel-logo{grid-column:1;grid-row:1 / span 2}
 html[lang="en"] .phone .channel-card-head>.grow{grid-column:2;grid-row:1}
 html[lang="en"] .phone .channel-account-card .channel-card-head>.channel-status{grid-column:2;grid-row:2;justify-self:start;margin:0}
}

html[lang="en"] .phone .channel-card-bot-copy>b:not([translate="no"]){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;line-height:1.5}