/* Customer Service readability standard, 20261018cstype1.
   CSS only: retain the original DOM, actions, scopes, data, status colors and icons. */
body[data-live-device] {
  --cs-font:-apple-system,"PingFang SC","Helvetica Neue","Microsoft YaHei","Noto Sans SC",sans-serif;
  --ink:#0f172a;--text:#374151;--muted:#64748b;
}
body[data-live-device] :is(.cs-workspace,#ai-runtime,#hi-workspace,#bi-workspace,#analytics-workspace) {
  --font:var(--cs-font);--ink:#0f172a;--text:#374151;--muted:#64748b;
  --hi-ink:#0f172a;--hi-muted:#64748b;--an-ink:#0f172a;--an-text:#374151;--an-muted:#64748b;--pt-muted:#64748b;
  font-family:var(--cs-font)!important;font-synthesis:none;color:#1f2937;
}
/* Shared text scale: body / controls 14, secondary 13, section 16. */
html body[data-live-device].cs-header-ready .cs-workspace :is(div,span,p,li,label,a,small,time,em):not([class*="ph-"]) {
  font-size:14px!important;line-height:1.6!important;
}
html body[data-live-device].cs-header-ready .cs-workspace :is(button,input,select,textarea) {
  font-family:var(--cs-font)!important;font-size:14px!important;font-weight:400;line-height:22px!important;
}
html body[data-live-device].cs-header-ready .cs-workspace :is(h2,h3) {
  font-family:var(--cs-font)!important;font-size:16px!important;line-height:24px!important;font-weight:600!important;color:#0f172a;
}
html body[data-live-device].cs-header-ready .cs-workspace :is(small,time,.muted,.section-caption,.cs-page-intro,.empty-copy,.card-caption,.panel-subtitle,.bi-date,.bi-sub,.hi-note,.ar-note,.an-note,.cr-note,.cq-note) {
  font-size:13px!important;line-height:21px!important;
}
html body[data-live-device].cs-header-ready .cs-workspace :is(.empty-state,.unavailable,.ar-empty,.hi-empty,.bi-empty,.an-empty,.cr-empty,.cq-empty,.dl-empty,.rm-empty) {
  height:auto!important;min-height:120px;padding:22px 16px!important;overflow-wrap:anywhere;
}
html body[data-live-device].cs-header-ready .cs-workspace :is(.empty-state,.unavailable,.ar-empty,.hi-empty,.bi-empty,.an-empty,.cr-empty,.cq-empty,.dl-empty,.rm-empty) :is(strong,b) {font-size:15px!important;font-weight:500!important;line-height:24px!important}
html body[data-live-device].cs-header-ready .cs-workspace :is(.card-heading,.panel-heading,.ar-card>h3,.an-card>header,.bi-card>header) {gap:12px;align-items:center;min-width:0}
html body[data-live-device].cs-header-ready .cs-workspace :is(.card-heading,.panel-heading) h2 {min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}
html body[data-live-device].cs-header-ready .cs-workspace :is(.card-heading,.panel-heading) :is(small,button,a) {font-size:13px!important;line-height:21px!important}
/* Tables gain readable rows; long content wraps inside cells, action groups stay intact. */
html body[data-live-device].cs-header-ready .cs-workspace :is(th,td) {
  font-family:var(--cs-font)!important;font-size:14px!important;line-height:22px!important;vertical-align:middle!important;padding:11px 10px!important;
}
html body[data-live-device].cs-header-ready .cs-workspace th {font-weight:500!important;color:#475569;white-space:nowrap;background:#f8fafc}
html body[data-live-device].cs-header-ready .cs-workspace td {font-weight:400!important;white-space:normal!important;overflow-wrap:anywhere}
html body[data-live-device].cs-header-ready .cs-workspace td :is(strong,b) {font-size:14px!important;line-height:22px!important;font-weight:500!important}
html body[data-live-device].cs-header-ready .cs-workspace td :is(button,a) {white-space:nowrap!important;word-break:normal!important}
html body[data-live-device].cs-header-ready .cs-workspace :is(.bi-table-wrap,.cw-table-wrap,.cr-table-wrap,.cq-table-wrap,.pt-table-wrap,.sms-table-wrap,.dl-table-wrap,.rm-table-wrap,.ar-table-wrap,.an-table-wrap) {min-width:0!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain}
html body[data-live-device].cs-header-ready .cs-workspace :is(.bi-table-panel,.phone-main,.pt-main,.cr-main,.cq-main,.ar-main,.an-main,.conversation-list,.message-pane,.tenant-detail,.hi-list-col,.hi-chat-col) {min-width:0!important}
html body[data-live-device].cs-header-ready .cs-workspace :is(.card,.ar-card,.hi-card,.bi-card,.an-card,.bi-table-panel,.cw-aside>section) {border-color:#e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0f172a04!important}
html body[data-live-device].cs-header-ready .cs-workspace :is(.bi-tabs,.ar-tabs,.hi-tabs,.phone-subtabs,.pt-tabs,.cr-kind,.cq-mode-tabs,.filter-tabs) {
  height:auto!important;min-height:40px!important;overflow-x:auto;scrollbar-width:thin;align-items:stretch;
}
html body[data-live-device].cs-header-ready .cs-workspace :is(.bi-tabs,.ar-tabs,.hi-tabs,.phone-subtabs,.pt-tabs,.cr-kind,.cq-mode-tabs,.filter-tabs)>button {
  flex-shrink:0!important;min-height:38px!important;padding:7px 12px!important;font-size:14px!important;line-height:22px!important;
}
html body[data-live-device].cs-header-ready .cs-workspace :is(.bi-filters,.ar-filters,.an-filters,.cw-toolbar,.phone-toolbar,.cr-filters,.cq-filters,.sms-filters) {
  height:auto!important;min-height:38px!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;
}
html body[data-live-device].cs-header-ready .cs-workspace :is(input:not([type="checkbox"]):not([type="radio"]),select) {min-height:36px!important;max-width:100%;box-sizing:border-box}
html body[data-live-device].cs-header-ready .cs-workspace :is(.bi-filters,.ar-filters,.an-filters,.cw-toolbar,.phone-toolbar,.cr-filters,.cq-filters,.sms-filters) button {min-height:36px}
html body[data-live-device].cs-header-ready .cs-workspace textarea {min-height:76px;line-height:24px!important}
/* Conversation and handoff panels: clear identity, readable messages, separate metadata. */
html body[data-live-device].cs-header-ready .cs-workspace :is(.conversation-item,.conversation-card,.hi-item,.bi-item,.cr-item,.cq-item) {min-width:0;overflow-wrap:anywhere}
html body[data-live-device].cs-header-ready .cs-workspace :is(.contact-name,.conversation-name,.tenant-name,.hi-name,.bi-name,.cr-name,.cq-name) {font-size:15px!important;line-height:24px!important;font-weight:600!important}
html body[data-live-device].cs-header-ready .cs-workspace :is(.message-bubble,.msg-bubble,.bubble,.hi-bubble,.chat-message,.message-content) {font-size:14px!important;line-height:24px!important;overflow-wrap:anywhere;word-break:normal}
html body[data-live-device].cs-header-ready .cs-workspace :is(.message-time,.msg-time,.time,.timestamp,.hi-time,.bi-time,.cr-time) {font-size:13px!important;line-height:20px!important}
/* Keep icon fonts outside the text override; SVG geometry and semantic colors stay native. */
html body[data-live-device].cs-header-ready .cs-workspace :is(.ph-duotone,.ph-fill,.ph-bold,.ph) {line-height:1!important}
/* Desktop header and compact statistic cards, matching the production house/find scale. */
@media(min-width:769px) {
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard {font-size:14px!important;background:#f5f7fa!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard :is(.cs-scrollport,.cs-dashboard-root,#cs-shared-header) {background:#f5f7fa!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard #cs-shared-header h1 {font:700 28px/36px var(--cs-font)!important;color:#0f172a!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard #cs-shared-header .heading-copy>p.cs-page-intro {font:400 14px/22px var(--cs-font)!important;color:#64748b!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard #cs-shared-header .cs-primary-tabs>button {font:500 14px/22px var(--cs-font)!important;min-width:108px!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard #cs-dashboard-scope {gap:10px!important;font-size:14px!important;min-width:0!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard #cs-dashboard-scope :is(select,input,button,.date-picker,.refresh,.view-options,.segmented) {font-family:var(--cs-font)!important;font-size:14px!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard #cs-dashboard-scope .scope-company select {max-width:230px!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard #cs-dashboard-scope .segmented button {padding:0 10px!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard :is(#cs-main,#human-home,.conversation-page):is(#cs-main,#human-home,.conversation-page) .cs-dashboard-stat {padding:10px!important;column-gap:8px!important;border-color:#e2e8f0!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard :is(#cs-main,#human-home,.conversation-page):is(#cs-main,#human-home,.conversation-page) .cs-dashboard-stat-label {font-size:14px!important;line-height:21px!important;font-weight:500!important;margin-bottom:4px!important;color:#475569!important;white-space:nowrap!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard :is(#cs-main,#human-home,.conversation-page):is(#cs-main,#human-home,.conversation-page) .cs-dashboard-stat-value {font-size:24px!important;line-height:29px!important;font-weight:600!important;letter-spacing:0!important;color:#0f172a!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard :is(#cs-main,#human-home,.conversation-page):is(#cs-main,#human-home,.conversation-page) .cs-dashboard-stat-note {font-size:13px!important;line-height:18px!important;margin-top:3px!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard :is(#live-fetch-status,.section-caption) {font-size:13px!important;line-height:21px!important;color:#64748b!important}
  /* Seven status cards can share a row at laptop widths without squeezing labels. */
  html body[data-live-device="pc"].cs-header-ready.cs-dashboard-standard .cs-dashboard-metrics {min-width:0!important}
  #phone-today .phone-filters {grid-template-columns:minmax(190px,1fr) repeat(2,minmax(130px,160px));height:auto!important}
  #phone-today .phone-filters>label {font-size:14px!important;min-height:36px}
  #phone-today .phone-filters>button {width:auto;min-height:36px}
  #phone-today :is(.pt-staff,.pt-tabs) {height:auto;min-height:40px}
  #ai-runtime .ar-tabs,#bi-workspace .bi-tabs,#hi-workspace .hi-tabs {height:auto!important;min-height:40px!important}
  #hi-workspace .hi-list-filter {grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px!important}
  #bi-workspace .bi-layout:where(:not(.bi-layout-empty)) {grid-template-columns:minmax(0,1fr) 260px!important;gap:12px!important}
  #bi-workspace .bi-filters select {max-width:160px!important}
  #bi-workspace .bi-tabs button {min-height:40px!important}
  #analytics-workspace :is(.an-grid,.an-layout) {gap:12px!important}
  .overview-top {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .overview-bottom {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .overview-bottom>.card:last-child {grid-column:1/-1}
}
/* Dialogs are also opened in the host document by the same original handlers. */
:is(.ct-dialog,body[data-live-device] #detail-dialog,#bi-dialog,#phone-batch-create-dialog,.td-dialog,#cs-tenant-dossier-dialog,#cs-tenant-profile-dialog,#cs-chat-control-dialog,.cw-dialog,.an-dialog,.hf-dialog,#ar-dialog,#hi-dialog,.bi-dialog,.cr-dialog,.cq-dialog,.pb-dialog,.single-dialog,.sms-dialog,.dl-dialog,.rm-dialog) {
  font-family:-apple-system,"PingFang SC","Helvetica Neue","Microsoft YaHei","Noto Sans SC",sans-serif!important;font-size:14px!important;line-height:24px!important;
  max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;box-sizing:border-box;overflow:auto;
}
:is(.ct-dialog,body[data-live-device] #detail-dialog,#bi-dialog,#phone-batch-create-dialog,.td-dialog,#cs-tenant-dossier-dialog,#cs-tenant-profile-dialog,#cs-chat-control-dialog,.cw-dialog,.an-dialog,.hf-dialog,#ar-dialog,#hi-dialog,.bi-dialog,.cr-dialog,.cq-dialog,.pb-dialog,.single-dialog,.sms-dialog,.dl-dialog,.rm-dialog) :is(p,span,div,td,th,label,button,input,textarea,select) {font-family:inherit!important;font-size:14px!important;line-height:24px!important}
:is(.ct-dialog,body[data-live-device] #detail-dialog,#bi-dialog,#phone-batch-create-dialog,.td-dialog,#cs-tenant-dossier-dialog,#cs-tenant-profile-dialog,#cs-chat-control-dialog,.cw-dialog,.an-dialog,.hf-dialog,#ar-dialog,#hi-dialog,.bi-dialog,.cr-dialog,.cq-dialog,.pb-dialog,.single-dialog,.sms-dialog,.dl-dialog,.rm-dialog) :is(h2,h3) {font-size:16px!important;line-height:26px!important;font-weight:600!important}
:is(.ct-dialog,body[data-live-device] #detail-dialog,#bi-dialog,#phone-batch-create-dialog,.td-dialog,#cs-tenant-dossier-dialog,#cs-tenant-profile-dialog,#cs-chat-control-dialog,.cw-dialog,.an-dialog,.hf-dialog,#ar-dialog,#hi-dialog,.bi-dialog,.cr-dialog,.cq-dialog,.pb-dialog,.single-dialog,.sms-dialog,.dl-dialog,.rm-dialog) :is(small,time) {font-size:13px!important;line-height:21px!important}
@media(min-width:769px) and (max-width:1120px) {
  #bi-workspace .bi-layout {grid-template-columns:minmax(0,1fr)!important}
  #bi-workspace :is(.bi-aside,.cw-aside) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #hi-workspace .hi-layout {grid-template-columns:minmax(250px,1fr) minmax(0,1.4fr)!important}
  #hi-workspace .hi-aside {grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  #cs-dashboard-scope .view-options {flex:1 1 auto!important}
}
@media(max-width:768px) {
  html body[data-live-device="mobile"].cs-header-ready .cs-workspace :is(p,td,th,label,button,input,select,textarea) {font-size:14px!important;line-height:22px!important}
  html body[data-live-device="mobile"].cs-header-ready .cs-workspace :is(small,time) {font-size:13px!important;line-height:20px!important}
  html body[data-live-device="mobile"].cs-header-ready .cs-workspace :is(.bi-tabs,.ar-tabs,.hi-tabs,.pt-tabs) {white-space:nowrap;flex-wrap:nowrap;overflow-x:auto}
}

@media(min-width:769px){
 html.embedded body.cs-header-ready.cs-dashboard-standard[data-live-device="pc"] #chat-heading .chat-identity h2 {font-size:16px!important;line-height:24px!important}
 html body[data-live-device="pc"].cs-header-ready .cs-workspace :is(.bi-table-scroll,.cr-table-scroll,.cq-table-scroll,.ct-table-scroll) {max-width:100%;min-width:0;overflow-x:auto!important}
 html body[data-live-device="pc"].cs-header-ready #bi-workspace .bi-table-panel table {min-width:1120px!important}
 html body[data-live-device="pc"].cs-header-ready .cs-workspace .cw-table {min-width:960px!important}
 html body[data-live-device="pc"].cs-header-ready .cs-workspace :is(.cr-table-scroll,.cq-table-scroll) table {min-width:920px!important}
}
@media(max-width:768px){
 body[data-live-device="mobile"].cs-header-ready .cs-workspace .phone-metrics {display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;max-width:100%;padding-bottom:3px;overscroll-behavior-x:contain}
 body[data-live-device="mobile"].cs-header-ready .cs-workspace .phone-metrics>.pt-state {flex:0 0 172px!important;width:172px!important;min-width:172px!important;height:88px!important;min-height:88px!important;max-height:88px!important;box-sizing:border-box;padding:8px 10px!important;gap:8px!important}
 body[data-live-device="mobile"].cs-header-ready .cs-workspace .phone-metrics>.pt-state>span:last-child {min-width:0!important;display:flex;flex-direction:column;gap:0!important}
 body[data-live-device="mobile"].cs-header-ready .cs-workspace .phone-metrics>.pt-state :is(small,em) {font-size:13px!important;line-height:18px!important;white-space:nowrap!important}
 body[data-live-device="mobile"].cs-header-ready .cs-workspace .phone-metrics>.pt-state strong {font-size:24px!important;line-height:28px!important}
}
@media(max-width:768px){
 body[data-live-device="mobile"].cs-header-ready .scope-line .icon-button {display:grid!important;place-items:center!important;flex:0 0 34px!important;padding:0!important}
 body[data-live-device="mobile"].cs-header-ready .scope-line .icon-button>span {width:18px!important;height:18px!important;display:grid!important;place-items:center!important;flex:none!important}
 body[data-live-device="mobile"].cs-header-ready .scope-line .icon-button svg {width:18px!important;height:18px!important;flex:none!important}
}
@media(max-width:768px){
 html body[data-live-device="mobile"].cs-header-ready #core-grid .core-card small {font-size:13px!important;line-height:18px!important;max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

/* 20261021workspace1: approved desktop workspace scale. Typography only; native icons, navigation, statistics, APIs and mobile remain authoritative. */
@media(min-width:769px){
html body[data-live-device].cs-header-ready .cs-workspace :is(div,span,p,li,label,a,small,time,em):not([class*="ph-"]){font-size:13px!important;line-height:20px!important;font-weight:400!important;}
html body[data-live-device].cs-header-ready .cs-workspace :is(h2,h3){font-size:15px!important;line-height:22px!important;font-weight:600!important;}
html body[data-live-device].cs-header-ready .cs-workspace :is(th,td){font-size:13px!important;line-height:20px!important;font-weight:400!important;}
html body[data-live-device].cs-header-ready .cs-workspace td :is(strong,b){font-size:13px!important;line-height:20px!important;}
html body[data-live-device].cs-header-ready .cs-workspace :is(.bi-tabs,.ar-tabs,.hi-tabs,.phone-subtabs,.pt-tabs,.cr-kind,.cq-mode-tabs,.filter-tabs)>button{font-size:13px!important;line-height:20px!important;}
html body[data-live-device].cs-header-ready .cs-workspace :is(.contact-name,.conversation-name,.tenant-name,.hi-name,.bi-name,.cr-name,.cq-name){font-size:14px!important;line-height:22px!important;font-weight:400!important;}
#phone-today .phone-filters>label{font-size:13px!important;line-height:20px!important;font-weight:400!important;}
:is(.ct-dialog,body[data-live-device] #detail-dialog,#bi-dialog,#phone-batch-create-dialog,.td-dialog,#cs-tenant-dossier-dialog,#cs-tenant-profile-dialog,#cs-chat-control-dialog,.cw-dialog,.an-dialog,.hf-dialog,#ar-dialog,#hi-dialog,.bi-dialog,.cr-dialog,.cq-dialog,.pb-dialog,.single-dialog,.sms-dialog,.dl-dialog,.rm-dialog){font-size:13px!important;line-height:20px!important;}
:is(.ct-dialog,body[data-live-device] #detail-dialog,#bi-dialog,#phone-batch-create-dialog,.td-dialog,#cs-tenant-dossier-dialog,#cs-tenant-profile-dialog,#cs-chat-control-dialog,.cw-dialog,.an-dialog,.hf-dialog,#ar-dialog,#hi-dialog,.bi-dialog,.cr-dialog,.cq-dialog,.pb-dialog,.single-dialog,.sms-dialog,.dl-dialog,.rm-dialog) :is(p,span,div,td,th,label,button,input,textarea,select){font-size:13px!important;line-height:20px!important;font-weight:400!important;}
:is(.ct-dialog,body[data-live-device] #detail-dialog,#bi-dialog,#phone-batch-create-dialog,.td-dialog,#cs-tenant-dossier-dialog,#cs-tenant-profile-dialog,#cs-chat-control-dialog,.cw-dialog,.an-dialog,.hf-dialog,#ar-dialog,#hi-dialog,.bi-dialog,.cr-dialog,.cq-dialog,.pb-dialog,.single-dialog,.sms-dialog,.dl-dialog,.rm-dialog) :is(h2,h3){font-size:15px!important;line-height:22px!important;font-weight:600!important;}
html.embedded body.cs-header-ready.cs-dashboard-standard[data-live-device="pc"] #chat-heading .chat-identity h2{font-size:15px!important;line-height:22px!important;font-weight:600!important;}
}