/* Customer workspaces share the shell palette and the same information in all modes. */
.cp-page-heading { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px; }
.cp-page-heading h2 { font-size:30px;letter-spacing:-1px;line-height:1.2;margin:0 0 9px; }
.cp-page-heading p,.cp-subtitle { color:var(--text-2);font-size:13px;line-height:1.65;margin:0; }
.cp-inline { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.cp-eyebrow { color:var(--text-3);font-size:11px;letter-spacing:1.5px;text-transform:uppercase; }
.cp-section { padding:23px;min-width:0; }
.cp-section h2 { margin:8px 0 12px;font-size:24px;letter-spacing:-.6px; }
.cp-section h3,.cp-panel-head h3 { font-size:16px;margin:0; }
.cp-section > h3 { margin-bottom:18px; }
.cp-panel-head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px; }
.cp-text-link { color:var(--accent);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap; }
.cp-text-link:hover { text-decoration:underline; }
.cp-person { display:flex;align-items:center;gap:11px;min-width:0; }
.cp-person > span:not(.sd-avatar):not(.pill) { display:grid;gap:5px; }
.cp-person small,.cp-cell-meta { display:block;color:var(--text-2);font-size:11px;line-height:1.5; }
.cp-person strong { font-size:13px; }
.cp-person .pill { margin-left:auto; }
.cp-notice { padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text-2);background:var(--surface); }
.cp-error { padding:14px;background:var(--red-glow);color:var(--red);border-radius:8px;font-size:13px;overflow-wrap:anywhere; }
.cp-loading,.cp-table-empty { text-align:center;padding:50px!important;color:var(--text-2); }
.cp-empty-context { padding:36px 22px;text-align:center;color:var(--text-2); }
.cp-empty-context h3 { color:var(--text);font-size:16px;margin:12px 0; }
.cp-empty-context p { font-size:13px;line-height:1.7;max-width:420px;margin:12px auto; }
.cp-context-symbol { display:inline-grid;place-items:center;width:55px;height:55px;color:var(--accent);background:var(--accent-glow);border-radius:16px;font-size:28px; }

/* Calendar: a scrollable time grid and a single, quiet context panel. */
.cp-calendar-tools { display:flex;justify-content:space-between;align-items:center;gap:20px;margin:6px 0 20px; }
.cp-calendar-tools > .input { width:320px;max-width:38%; }
.cp-calendar-tools strong { font-size:15px; }
.cp-calendar-layout { display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start; }
.cp-calendar-card { min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--bg-2);overflow:hidden; }
.cp-calendar-scroll { overflow:auto;max-height:calc(100vh - 280px);min-height:400px; }
.cp-calendar-grid { display:grid;grid-template-columns:62px repeat(var(--calendar-days),minmax(0,1fr)); }
.cp-calendar-heading { position:sticky;top:0;z-index:4;text-align:center;padding:14px 0;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-2); }
.cp-calendar-heading span { display:block;color:var(--text-2);font-size:11px; }
.cp-calendar-heading strong { display:inline-grid;place-items:center;margin-top:6px;font-size:16px;width:29px;height:29px;border-radius:50%; }
.cp-calendar-heading.today strong { color:white;background:var(--accent); }
.cp-calendar-zone { display:grid;place-items:center;font-size:10px;color:var(--text-3); }
.cp-calendar-hours > div { padding:0 8px;text-align:right;font-size:10px;color:var(--text-3);transform:translateY(-6px); }
.cp-calendar-hours { padding-top:5px;border-right:1px solid var(--border); }
.cp-calendar-day { position:relative;border-right:1px solid var(--border);background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--border) 32px,transparent 33px,transparent 63px,var(--border) 64px); }
.cp-calendar-event { position:absolute;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-left:3px solid var(--accent);border-radius:5px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-2));color:var(--text);text-align:left;padding:6px;overflow:hidden;cursor:pointer;font:inherit; }
.cp-calendar-event strong { display:block;font-size:11px;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.cp-calendar-event span,.cp-calendar-event small { display:block;font-size:10px;color:var(--text-2);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cp-calendar-event.type-service { border-left-color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,var(--bg-2)); }
.cp-calendar-event.type-meeting { border-left-color:#6a9ce3;background:color-mix(in srgb,#6a9ce3 12%,var(--bg-2)); }
.cp-calendar-event.selected,.cp-calendar-event:focus-visible { outline:2px solid var(--accent);outline-offset:1px;z-index:3; }
.cp-calendar-event:hover { filter:brightness(1.08);z-index:2; }
.cp-calendar-all-day,.cp-calendar-all-day-label { border-bottom:1px solid var(--border);border-right:1px solid var(--border);min-height:30px;padding:4px; }
.cp-calendar-all-day-label { font-size:10px;color:var(--text-3);text-align:right;padding:9px 8px; }
.cp-calendar-event.all-day { position:relative;display:block;width:100%;margin-bottom:3px; }
.cp-calendar-foot { padding:12px 16px;font-size:11px;color:var(--text-3);border-top:1px solid var(--border); }
.cp-calendar-context { position:sticky;top:20px;padding:21px;min-height:320px; }
.cp-calendar-context > .btn { margin-bottom:10px;white-space:normal; }
.cp-context-section { padding:0 0 21px;margin:0 0 20px;border-bottom:1px solid var(--border); }
.cp-context-section:last-child { border-bottom:0;padding-bottom:0;margin-bottom:0; }
.cp-context-section small { display:block;color:var(--text-3);font-size:11px;margin-bottom:8px; }
.cp-context-section h4 { font-size:14px;margin:14px 0 9px; }
.cp-context-section p { font-size:12px;line-height:1.65;color:var(--text-2);margin:6px 0;white-space:pre-wrap; }
.cp-context-section > a:not(.btn) { color:var(--accent);font-size:13px;line-height:1.5; }
.cp-calendar-context .schedule-avatar { flex-shrink:0; }

/* People and their history. The record schema remains available below. */
.cp-relationship { display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:24px;padding:22px; }
.cp-relationship-main,.cp-relationship-next { min-width:0; }
.cp-relationship-timeline { max-height:660px;overflow-y:auto; }
.cp-relationship-event { position:relative;display:flex;gap:16px;padding:0 0 24px; }
.cp-relationship-event:not(:last-child)::before { content:'';position:absolute;top:32px;bottom:0;left:15px;width:1px;background:var(--border); }
.cp-relationship-marker { flex-shrink:0;width:32px;z-index:1; }
.cp-relationship-marker > span:not(.sd-avatar) { display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent-glow);color:var(--accent); }
.cp-relationship-copy { flex:1;min-width:0;padding-bottom:14px;border-bottom:1px solid var(--border); }
.cp-relationship-copy > strong { display:block;font-size:13px;margin:7px 0; }
.cp-relationship-copy > small { color:var(--text-3);font-size:10px; }
.cp-relationship-copy p { font-size:12px;color:var(--text-2);line-height:1.6;margin:6px 0 12px;overflow-wrap:anywhere; }
.cp-relationship-next { border-left:1px solid var(--border);padding-left:22px; }
.cp-next-item { display:grid;gap:7px;border-top:1px solid var(--border);padding:15px 0;text-decoration:none;color:var(--text); }
.cp-next-item strong { font-size:13px; }
.cp-next-item small { color:var(--text-2);font-size:11px; }
.cp-next-item:hover strong { color:var(--accent); }
.cp-record-properties { padding:16px 22px;border-top:1px solid var(--border); }
.cp-record-properties summary { cursor:pointer;font-size:12px;font-weight:600;color:var(--text-2); }
.cp-record-properties[open] summary { margin-bottom:16px; }
body[data-workspace="customer"] .crm-record-page-layout { grid-template-columns:235px minmax(0,1fr); }
body[data-workspace="customer"] .crm-association-panel { grid-column:2; }
body[data-workspace="customer"] .crm-record-main .crm-workspace-head { padding:22px; }
body[data-workspace="customer"] .crm-layout { grid-template-columns:minmax(270px,.75fr) minmax(0,1.6fr); }
body[data-workspace="customer"] .crm-layout .cp-relationship { grid-template-columns:1fr; }
body[data-workspace="customer"] .crm-layout .cp-relationship-next { border-left:0;border-top:1px solid var(--border);padding:15px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px; }
body[data-workspace="customer"] .crm-summary-grid { gap:8px; }
body[data-workspace="customer"] .crm-summary-value { font-size:12px; }
body[data-workspace="customer"] .crm-hero { margin-bottom:22px; }
body[data-workspace="customer"] .crm-workspace-title { font-size:22px; }
.cp-call-headline { display:block;max-width:380px;font-size:13px;line-height:1.5;white-space:normal; }
.cp-cell-meta { margin-top:6px; }
.cp-call-history td { padding-top:20px;padding-bottom:20px; }
.cp-table-footer { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-top:1px solid var(--border);font-size:11px;color:var(--text-2); }
.cp-call-desk { margin:16px 0; }
body[data-workspace="customer"] .call-history-filter-title { font-size:18px; }
body[data-workspace="customer"] .call-page-title { font-size:26px; }

/* Campaign and follow-up workspaces. */
.cp-campaign-picker { display:flex;align-items:center;gap:16px;margin-bottom:24px; }
.cp-campaign-picker > label { color:var(--text-2);font-size:12px; }
.cp-campaign-picker > .select { width:360px;max-width:70%; }
.cp-campaign-layout { display:grid;grid-template-columns:230px minmax(0,1fr) 290px;gap:20px;align-items:start; }
.cp-campaign-main,.cp-campaign-side { display:grid;gap:20px;min-width:0; }
.cp-campaign-desks { min-width:0; }
.cp-campaign-desks > .cp-panel-head { margin:4px 0 18px; }
.cp-assigned-desks { display:grid;gap:16px; }
.cp-desk-card { border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg-2); }
.cp-desk-card > .cp-person { padding:14px;flex-wrap:wrap; }
.cp-desk-card > .cp-text-link { display:block;padding:13px 15px; }
.cp-desk-illustration { overflow:hidden;max-height:168px;border-top:1px solid var(--border); }
.cp-desk-illustration .sd-desk-scene { min-height:0;border-radius:0;border:0; }
.cp-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0; }
.cp-metrics > div { display:grid;gap:8px;padding-right:14px;border-right:1px solid var(--border); }
.cp-metrics > div:last-child { border-right:0; }
.cp-metrics strong { font-size:31px;line-height:1;font-weight:650;letter-spacing:-1px; }
.cp-metrics span { font-size:11px;color:var(--text-2); }
.cp-current-call { display:flex;gap:16px;align-items:center;justify-content:space-between;padding:15px 0; }
.cp-outcome-row { display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:17px 0;text-decoration:none;color:var(--text); }
.cp-outcome-row > span:first-child { display:grid;gap:6px;min-width:0; }
.cp-outcome-row strong { font-size:13px; }
.cp-outcome-row small { color:var(--text-2);font-size:11px;line-height:1.5; }
.cp-facts { display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px;margin:0; }
.cp-facts dt { color:var(--text-2); }
.cp-facts dd { text-align:right;margin:0;overflow-wrap:anywhere; }
.cp-campaign-side .cp-record-properties { padding:20px 0 0;margin-top:20px; }
.cp-campaign-side .cp-record-properties p { font-size:12px;line-height:1.6;color:var(--text-2);text-transform:capitalize; }
.cp-followup-layout { display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start; }
.cp-followup-layout > main { min-width:0; }
.cp-followup-layout .cp-metrics { margin:0 0 22px;padding:24px; }
.cp-followup-layout aside .cp-section { padding:18px; }
.cp-followup-layout aside .cp-subtitle { margin-top:18px; }
.cp-followup-tools { display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 0 20px; }
.cp-followup-tools .input { max-width:280px; }
.cp-followup-list { display:grid;gap:12px; }
.cp-followup-item { display:flex;align-items:center;gap:22px;padding:22px; }
.cp-followup-date { width:86px;flex-shrink:0;display:grid;gap:8px; }
.cp-followup-date strong { font-size:14px; }
.cp-followup-date small { font-size:11px;color:var(--text-2); }
.cp-followup-copy { flex:1;min-width:0; }
.cp-followup-copy h3 { font-size:14px;margin:0; }
.cp-followup-copy p { font-size:12px;color:var(--text-2);line-height:1.6;margin:8px 0; }
.cp-followup-actions { display:grid;gap:8px; }
html[data-office-mode="focus"] .cp-desk-illustration { display:none; }
html[data-office-mode="focus"] .cp-campaign-layout { grid-template-columns:200px minmax(0,1fr) 270px; }
html[data-office-mode="focus"] .cp-call-history td { padding-top:13px;padding-bottom:13px; }
html[data-office-mode="pretty"] .cp-desk-illustration { max-height:220px; }
html[data-office-mode="pretty"] .cp-desk-illustration .sd-room-art { min-height:180px; }

@media (min-width:1800px) {
  .cp-campaign-layout { grid-template-columns:290px minmax(0,1fr) 340px; }
  .cp-calendar-layout { grid-template-columns:minmax(0,1fr) 340px; }
}
@media (max-width:1250px) {
  .cp-campaign-layout,html[data-office-mode="focus"] .cp-campaign-layout { grid-template-columns:210px minmax(0,1fr); }
  .cp-campaign-side { grid-column:2;grid-template-columns:1fr; }
  .cp-calendar-layout { grid-template-columns:minmax(0,1fr) 265px;gap:14px; }
  .cp-relationship { grid-template-columns:1fr; }
  .cp-relationship-next { border-left:0;border-top:1px solid var(--border);padding:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px; }
  .cp-followup-layout { grid-template-columns:1fr; }
  .cp-followup-layout aside .cp-assigned-desks { grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
}
@media (max-width:1000px) {
  .cp-calendar-layout { grid-template-columns:1fr; }
  .cp-calendar-context { position:static;min-height:0; }
  .cp-calendar-context .cp-empty-context { padding:10px; }
  .cp-calendar-context .cp-context-symbol { display:none; }
  body[data-workspace="customer"] .crm-layout { grid-template-columns:1fr; }
  body[data-workspace="customer"] .crm-record-page-layout { grid-template-columns:1fr; }
  body[data-workspace="customer"] .crm-association-panel { grid-column:1; }
}
@media (max-width:700px) {
  .cp-page-heading { align-items:flex-start;flex-direction:column;gap:15px; }
  .cp-page-heading h2 { font-size:25px; }
  .cp-calendar-tools { align-items:stretch;flex-direction:column; }
  .cp-calendar-tools > .input { max-width:none;width:100%; }
  .cp-calendar-scroll { max-height:620px; }
  .cp-campaign-layout,html[data-office-mode="focus"] .cp-campaign-layout { grid-template-columns:1fr; }
  .cp-campaign-side { grid-column:1; }
  .cp-campaign-desks .cp-assigned-desks { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
  .cp-followup-item { flex-wrap:wrap;padding:17px;gap:16px; }
  .cp-followup-date { width:72px; }
  .cp-followup-actions { display:flex;width:100%;justify-content:flex-end; }
  .cp-followup-tools .input { max-width:none; }
  .cp-relationship-next,body[data-workspace="customer"] .crm-layout .cp-relationship-next { grid-template-columns:1fr; }
  .cp-current-call,.cp-table-footer { flex-wrap:wrap; }
  .cp-metrics { gap:10px; }
  .cp-metrics strong { font-size:25px; }
  .cp-followup-layout .cp-metrics { padding:19px; }
}

.cp-record-associations { grid-column:2;border:1px solid var(--border);border-radius:12px;background:var(--bg-2);padding:18px; }
.cp-record-associations > summary { cursor:pointer;color:var(--text-2);font-size:12px;font-weight:600; }
.cp-record-associations .crm-association-panel { margin-top:16px;border:0;padding:0; }
@media(max-width:1000px){.cp-record-associations{grid-column:1;}}

/* One conversation at a time. Operational diagnostics stay available on demand. */
/* Conversation workspace: original capabilities stay visible in named tabs. */
body[data-workspace="customer"] .cp-detail-page { --cp-call-pane-height:clamp(420px,calc(100dvh - 345px),780px);gap:14px; }
body[data-workspace="customer"] .cp-detail-page .call-page-hero { padding:20px 24px;background:linear-gradient(115deg,var(--bg-2),color-mix(in srgb,var(--accent) 6%,var(--bg-2)));border:1px solid var(--border);border-radius:12px;align-items:center;gap:18px; }
.cp-detail-page .call-page-hero-copy { flex:1;min-width:0;max-width:none; }
.cp-call-toolbar { display:flex;align-items:center;justify-content:space-between;gap:15px; }
.cp-call-toolbar-actions { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.cp-call-toolbar .btn { font-size:12px;min-height:32px; }
.cp-call-identity { display:flex;align-items:center;gap:24px;min-width:0; }
.cp-detail-page .cp-call-desk { display:flex;align-items:center;flex-shrink:0;gap:11px;margin:0;padding-right:23px;border-right:1px solid var(--border);max-width:220px; }
.cp-detail-page .cp-call-desk .sd-avatar { --avatar-size:52px!important; }
.cp-call-desk>span { min-width:0; }
.cp-call-desk strong { font-size:15px;font-weight:650; }
.cp-call-desk small { font-size:12px!important;line-height:1.5;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.cp-call-heading-copy { min-width:0; }
body[data-workspace="customer"] .cp-detail-page .call-page-title { margin:0;font-size:22px;line-height:1.25;letter-spacing:-.55px;overflow-wrap:anywhere; }
.cp-detail-page .call-detail-badges { gap:6px;justify-content:flex-end;max-width:270px; }
.cp-detail-page .call-detail-badges .pill { font-size:11px;white-space:nowrap; }
.cp-call-facts { display:flex;align-items:center;flex-wrap:wrap;gap:6px 13px;margin-top:9px;color:var(--text-2);font-size:12px; }
.cp-call-facts>span+span:before { content:"·";margin-right:13px;color:var(--text-3); }
.cp-call-facts strong { color:var(--teal);font-size:14px;font-variant-numeric:tabular-nums; }
.cp-detail-page .call-hero-link { margin-top:8px;gap:8px; }
.cp-detail-page .call-hero-link-name { font-size:13px;text-decoration:none; }
.cp-detail-page .call-hero-link-meta { font-size:12px; }
.cp-call-tabs { display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--border);padding:0 5px;overflow-x:auto; }
.cp-call-tabs button { display:flex;align-items:center;gap:7px;font:inherit;font-size:13px;font-weight:550;white-space:nowrap;color:var(--text-2);border:0;border-bottom:2px solid transparent;background:none;padding:12px 4px;cursor:pointer; }
.cp-call-tabs button[aria-selected="true"] { color:var(--accent);border-bottom-color:var(--accent); }
.cp-call-tabs button>span { font-size:11px;padding:2px 5px;border-radius:4px;color:var(--text-3);background:var(--bg-3); }
.cp-call-tabs button[aria-selected="true"]>span { color:var(--accent);background:var(--accent-glow); }
.cp-detail-page .cp-call-tab-panel[hidden] { display:none!important; }
.cp-call-tab-conversation { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:16px;align-items:start; }
body[data-workspace="customer"] .cp-detail-page .call-detail-card { background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:18px;min-width:0; }
.cp-detail-page .call-detail-eyebrow { color:var(--text-3);font-size:10px;letter-spacing:.12em;font-weight:650; }
.cp-detail-page .call-detail-section-title { color:var(--text);font-size:18px;font-weight:650;letter-spacing:-.2px; }
.cp-detail-page .call-detail-section-header { margin-bottom:16px; }
body[data-workspace="customer"] .cp-detail-page .cp-call-summary { grid-column:1/-1;display:flex;align-items:flex-start;gap:24px;padding:15px 18px;border-left:3px solid var(--teal); }
.cp-call-summary .call-detail-section-header { flex-shrink:0;margin:0;min-width:125px; }
.cp-call-summary .call-detail-section-title { font-size:15px; }
.cp-call-summary .call-detail-list { display:flex;gap:10px 28px;flex-wrap:wrap;margin:0;padding:0 0 0 13px; }
.cp-call-summary .call-detail-list li { font-size:13px;line-height:1.6;color:var(--text-2);margin:0;max-width:450px; }
.cp-call-summary .call-detail-empty { font-size:13px;padding:0; }
.cp-conversation-transcript,.cp-agent-activity { display:flex;flex-direction:column;height:var(--cp-call-pane-height);min-height:0; }
.cp-detail-page .call-transcript-thread { flex:1;min-height:0;overflow-y:auto;max-height:none;padding:4px 7px 8px 0;gap:14px;scrollbar-color:var(--border) transparent; }
.cp-conversation-transcript #live-transcript-panel { flex:1;min-height:0;display:flex;flex-direction:column; }
.cp-detail-page .call-transcript-toolbar { margin-bottom:15px;padding:0 0 13px;border-bottom:1px solid var(--border);gap:8px; }
.cp-detail-page .call-transcript-toolbar .btn,.cp-detail-page .call-transcript-toolbar .select { font-size:12px;min-height:30px;padding:5px 9px; }
.cp-detail-page .call-transcript-translate .select { min-width:90px; }
body[data-workspace="customer"] .cp-detail-page .call-transcript-bubble { max-width:88%;padding:12px 14px;border-radius:11px;box-shadow:none;border:1px solid var(--border); }
body[data-workspace="customer"] .cp-detail-page .call-transcript-bubble.agent { background:color-mix(in srgb,var(--accent) 7%,var(--bg-2));border-color:color-mix(in srgb,var(--accent) 22%,var(--border));border-top-left-radius:3px; }
body[data-workspace="customer"] .cp-detail-page .call-transcript-bubble.caller { background:var(--bg-3);border-color:var(--border);border-top-right-radius:3px; }
.cp-detail-page .call-transcript-bubble-head { gap:15px;margin-bottom:6px; }
.cp-detail-page .call-transcript-speaker { font-size:11px;letter-spacing:.04em;color:var(--accent); }
.cp-detail-page .call-transcript-bubble.caller .call-transcript-speaker { color:var(--text-2); }
.cp-detail-page .call-transcript-time { font-size:11px;white-space:nowrap;color:var(--text-3); }
.cp-detail-page .call-transcript-text { font-size:14px;line-height:1.6; }
body[data-workspace="customer"] .cp-detail-page .call-transcript-view.active,body[data-workspace="customer"] .cp-detail-page .call-adjust-preset.active { background:var(--accent-glow);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent); }
.cp-activity-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px; }
.cp-activity-heading h3 { margin:5px 0 0;font-size:18px;font-weight:650;letter-spacing:-.2px; }
#cp-activity-count { color:var(--text-3);font-size:12px;margin-left:4px;font-weight:500; }
.cp-live-badge { font-size:11px;font-weight:650;background:var(--teal-glow);color:var(--teal);border-radius:5px;padding:4px 7px; }
.cp-current-status { display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--accent) 5%,var(--bg-2)); }
.cp-status-pulse { width:7px;height:7px;flex-shrink:0;background:var(--teal);border-radius:50%;box-shadow:0 0 0 4px var(--teal-glow);margin-top:5px; }
.cp-current-status strong { font-weight:550;font-size:14px;line-height:1.6;display:block; }
.cp-current-status small { display:block;margin-top:3px;font-size:11px;color:var(--text-3); }
.cp-workflow-strip { display:flex;flex-wrap:wrap;gap:6px;margin-top:10px; }
.cp-workflow-chip { display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-2);padding:4px 6px;border:1px solid var(--border);border-radius:5px; }
.cp-workflow-chip i { width:4px;height:4px;border-radius:50%;background:var(--activity-color,var(--accent)); }
.cp-workflow-chip small { font-size:11px;color:var(--text-3);padding-left:3px; }
.cp-activity-filters { display:flex;gap:5px;border-bottom:1px solid var(--border);margin:12px 0 0;padding:0 0 10px; }
.cp-activity-filters button { border:0;font:inherit;font-size:12px;padding:5px 8px;border-radius:5px;color:var(--text-3);background:none;cursor:pointer; }
.cp-activity-filters button[aria-pressed="true"] { color:var(--accent);background:var(--accent-glow); }
.cp-activity-list { flex:1;min-height:0;overflow-y:auto;padding:14px 4px 0 0;scrollbar-color:var(--border) transparent; }
.cp-activity-event { display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;position:relative;padding-bottom:21px; }
.cp-activity-event:last-child { padding-bottom:5px; }
.cp-activity-axis { display:flex;align-items:flex-start;gap:8px;position:relative; }
.cp-activity-axis:after { content:"";position:absolute;left:58px;top:22px;bottom:-21px;width:1px;background:var(--border); }
.cp-activity-event:last-child .cp-activity-axis:after { display:none; }
.cp-activity-axis time { font-size:11px;font-variant-numeric:tabular-nums;width:40px;color:var(--text-3);padding-top:4px;flex-shrink:0; }
.cp-activity-dot { width:21px;height:21px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--activity-color,var(--accent)) 45%,var(--border));background:color-mix(in srgb,var(--activity-color,var(--accent)) 12%,var(--bg-2));color:var(--activity-color,var(--accent));font-size:11px;font-weight:600; }
.cp-activity-active { --activity-color:var(--accent); }.cp-activity-success { --activity-color:var(--teal); }.cp-activity-error { --activity-color:var(--red); }.cp-activity-waiting { --activity-color:var(--yellow); }.cp-activity-muted { --activity-color:var(--text-3); }
.cp-activity-event-heading { display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap; }
.cp-activity-event-heading strong { font-size:14px;font-weight:650;line-height:1.5; }
.cp-activity-status { font-size:11px;color:var(--activity-color,var(--text-3));white-space:nowrap; }
.cp-activity-body p { color:var(--text-2);font-size:13px;line-height:1.6;margin:5px 0 0;overflow-wrap:anywhere; }
.cp-activity-details { margin-top:6px; }.cp-activity-details summary { cursor:pointer;font-size:12px;color:var(--accent);list-style:none; }.cp-activity-details summary:before { content:"+ "; }.cp-activity-details[open] summary:before { content:"− "; }
.cp-activity-details pre { margin-top:8px;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;color:var(--text-2); }
.cp-activity-empty { padding:28px 12px;color:var(--text-3);font-size:13px;line-height:1.8;text-align:center; }
.cp-call-tab-context,.cp-call-tab-coaching,.cp-call-tab-details { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start; }
.cp-call-tab-context>.call-detail-card,.cp-call-tab-details>.call-detail-card { max-height:670px;overflow:auto;scrollbar-color:var(--border) transparent; }
.cp-call-tab-context .call-detail-card:first-child { grid-row:span 2; }
.cp-call-tab-coaching>[data-training-status],.cp-usage-controls { grid-column:1/-1; }
.cp-call-tab-coaching>#live-whisper-panel { grid-column:1/-1;max-width:900px;width:100%; }
.cp-detail-page .call-detail-meta-grid { grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px; }
body[data-workspace="customer"] .cp-detail-page .call-detail-stat,body[data-workspace="customer"] .cp-detail-page .call-adjust-instruction,body[data-workspace="customer"] .cp-detail-page .call-action-card[open] summary { background:var(--bg-3); }
body[data-workspace="customer"] .cp-detail-page .call-action-card,body[data-workspace="customer"] .cp-detail-page .call-object-card,body[data-workspace="customer"] .cp-detail-page .call-linked-card { background:var(--bg-2);border-color:var(--border); }
.cp-detail-page .call-detail-stat-label { font-size:11px; }.cp-detail-page .call-detail-stat-value { font-size:13px; }
.cp-detail-page .call-detail-pre { font-size:11px;max-height:300px;overflow:auto; }
.cp-detail-page .call-action-copy,.cp-detail-page .call-linked-copy,.cp-detail-page .call-adjust-copy { font-size:14px;line-height:1.6; }
.cp-detail-page .call-action-title,.cp-detail-page .call-linked-title { font-size:14px; }
.cp-detail-page .call-detail-empty { font-size:14px;color:var(--text-3); }
.cp-usage-controls { padding:12px 16px;border:1px solid var(--border);border-radius:9px;background:var(--bg-2); }
.cp-call-toolbar button:focus-visible,.cp-call-tabs button:focus-visible,.cp-activity-filters button:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
@media(max-width:1150px){.cp-call-identity{gap:15px}.cp-detail-page .cp-call-desk{padding-right:15px}.cp-call-desk small{display:none}.cp-call-tab-conversation{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.cp-call-facts{gap:5px 9px}.cp-call-facts>span+span:before{margin-right:9px}.cp-detail-page .call-detail-badges{max-width:190px}}
@media(max-width:900px){.cp-call-tab-conversation{grid-template-columns:1fr}.cp-conversation-transcript,.cp-agent-activity{height:500px}.cp-detail-page .call-page-hero{flex-wrap:wrap}.cp-detail-page .call-detail-badges{max-width:none;justify-content:flex-start}.cp-call-tab-context,.cp-call-tab-coaching,.cp-call-tab-details{grid-template-columns:1fr}.cp-call-summary .call-detail-list{display:block}.cp-call-tabs{gap:15px}.cp-call-tabs button{font-size:13px}.cp-call-toolbar-actions{gap:5px}.cp-call-toolbar .btn{font-size:12px}}
@media(max-width:600px){.cp-call-toolbar{align-items:flex-start;gap:8px;flex-wrap:wrap}.cp-call-toolbar-actions{justify-content:flex-end}.cp-call-toolbar .btn{padding:5px 7px}.cp-call-identity{gap:12px;align-items:flex-start}.cp-detail-page .cp-call-desk{border:0;padding:0;max-width:70px;flex-direction:column;gap:5px;text-align:center}.cp-call-desk strong{font-size:12px}.cp-detail-page .cp-call-desk .sd-avatar{--avatar-size:38px!important}.cp-call-desk small{display:none}body[data-workspace="customer"] .cp-detail-page .call-page-hero{padding:16px}body[data-workspace="customer"] .cp-detail-page .call-page-title{font-size:18px}.cp-call-facts{font-size:11px;gap:6px}.cp-call-facts>span+span:before{display:none}.cp-detail-page .call-hero-link-meta{display:none}.cp-call-tabs{gap:14px;padding:0;max-width:100%}.cp-call-tabs button{font-size:12px;padding-top:11px;padding-bottom:11px}.cp-call-tabs button>span{display:none}body[data-workspace="customer"] .cp-detail-page .call-detail-card{padding:14px}body[data-workspace="customer"] .cp-detail-page .cp-call-summary{display:block}.cp-call-summary .call-detail-section-header{margin-bottom:10px}.cp-call-summary .call-detail-list{padding-left:13px}.cp-detail-page .call-transcript-bubble{max-width:94%!important}.cp-detail-page .call-transcript-text{font-size:14px}.cp-activity-event{grid-template-columns:66px minmax(0,1fr);gap:8px}.cp-activity-axis{gap:4px}.cp-activity-axis time{width:39px}.cp-activity-axis:after{left:53px}.cp-activity-event-heading{gap:2px}.cp-activity-event-heading strong{font-size:14px}.cp-call-tab-context>.call-detail-card,.cp-call-tab-details>.call-detail-card{max-height:none}}