.cc-page { --cc-text:var(--scene-text,CanvasText); --cc-muted:var(--scene-muted,CanvasText); --cc-border:var(--scene-border,GrayText); max-width:1480px; margin:0 auto; padding:28px 32px 40px; color:var(--cc-text); letter-spacing:0; }
.cc-platform-weixin { background:#1a9b70; border-radius:4px; padding:3px; }
.cc-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.cc-eyebrow { color:var(--cc-muted); font-size:12px; }
.cc-heading h1 { margin:7px 0 0; font-size:24px; line-height:32px; font-weight:650; letter-spacing:0; }
.cc-rule { color:var(--cc-muted); font-size:12px; padding-left:12px; border-left:2px solid #1a9b70; }
.cc-scope { color:var(--cc-muted); font-size:12px; line-height:1.7; margin:-10px 0 20px; }
.cc-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.cc-periods { display:flex; border:1px solid var(--cc-border); border-radius:6px; background:var(--wg-surface,#fff); padding:3px; }
.cc-periods button { padding:7px 15px; min-height:34px; border:0; border-radius:4px; background:transparent; color:var(--cc-muted); font-size:13px; white-space:nowrap; }
.cc-periods button[aria-pressed="true"] { background:#e9edf7; color:#384e93; font-weight:600; }
.cc-dates { display:flex; align-items:center; gap:8px; color:var(--cc-muted); font-size:12px; }
.cc-dates input { width:140px; min-width:0; padding:8px 10px; height:40px; border:1px solid var(--cc-border); border-radius:6px; background:var(--wg-surface,#fff); color:var(--cc-text); font-size:12px; }
.cc-toolbar-end { display:flex; align-items:center; gap:8px; margin-left:auto; }
.cc-live { display:flex; align-items:center; gap:6px; color:var(--cc-muted); font-size:12px; min-width:116px; }
.cc-live:before { content:""; width:6px; height:6px; border-radius:50%; background:#1a9b70; }
[data-count-stale] .cc-live:before { background:#e2a345; }
.cc-icon-button { display:grid; place-items:center; width:36px; height:36px; padding:0; background:var(--wg-surface,#fff); border:1px solid var(--cc-border); border-radius:6px; color:var(--cc-muted); }
.cc-icon-button:hover { background:var(--wg-hover,#f6f7fb); color:var(--cc-text); }
.cc-icon-button:disabled { opacity:.45; }
.cc-icon-button svg { width:17px; height:17px; }
.cc-error { background:#fff0ee; border:1px solid #f2bfb5; color:#a62e29; padding:10px 14px; border-radius:6px; font-size:13px; margin-bottom:16px; }
.cc-error[hidden] { display:none; }
.cc-storage { color:var(--cc-muted); font-size:11px; margin:-6px 0 18px; overflow-wrap:anywhere; }
.cc-storage[data-state="warning"] { color:var(--scene-warning,CanvasText); }
.cc-ledger { margin-top:26px; padding-top:18px; border-top:1px solid var(--cc-border); }
.cc-ledger > summary { cursor:pointer; font-size:14px; font-weight:600; }
.cc-ledger > summary span { float:right; color:var(--cc-muted); font-size:11px; font-weight:400; }
.cc-ledger > .cc-section-heading { margin:18px 0 10px; }
.cc-ledger table { width:100%; min-width:850px; border-collapse:collapse; font-size:11px; }
.cc-ledger th,.cc-ledger td { text-align:left; padding:12px 10px; border-bottom:1px solid var(--cc-border); white-space:nowrap; }
.cc-ledger th { color:var(--cc-muted); font-weight:500; background:var(--wg-surface,#fff); }
.cc-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:28px; }
.cc-metric { min-width:0; border:1px solid var(--cc-border); border-radius:8px; background:var(--wg-surface,#fff); padding:20px; }
.cc-metric-label { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:550; min-height:28px; }
.cc-metric-label img { width:28px; height:28px; object-fit:contain; flex:none; }
.cc-metric-unit { margin-left:auto; font-weight:400; font-size:12px; color:var(--cc-muted); }
.cc-metric > strong { display:block; font-size:36px; line-height:48px; font-weight:650; margin:14px 0 17px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.cc-metric-foot { display:flex; justify-content:space-between; gap:8px; font-size:11px; color:var(--cc-muted); border-top:1px solid var(--cc-border); padding-top:12px; flex-wrap:wrap; }
.cc-total { background:#283644; border-color:#283644; color:#fff; }
.cc-total .cc-metric-unit,.cc-total .cc-metric-foot { color:#d2dce5; }
.cc-total .cc-metric-foot { border-color:#ffffff25; }
.cc-total-icon { width:28px; height:28px; display:grid; place-items:center; color:#e7edf3; }
.cc-total-icon svg { width:23px; height:23px; }
.cc-analysis { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:30px; border-top:1px solid var(--cc-border); border-bottom:1px solid var(--cc-border); padding:24px 0 26px; }
.cc-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.cc-section-heading h2 { font-size:15px; line-height:22px; font-weight:600; margin:0; letter-spacing:0; }
.cc-section-heading > span { color:var(--cc-muted); font-size:11px; }
.cc-legend { display:flex; flex-wrap:wrap; gap:16px; font-size:11px; color:var(--cc-muted); margin-bottom:12px; }
.cc-legend span { display:flex; align-items:center; gap:6px; }
.cc-legend i,.cc-chart-tooltip i { width:7px; height:7px; border-radius:2px; display:inline-block; flex:none; }
.cc-chart-wrap { position:relative; width:100%; height:238px; min-width:0; }
.cc-chart-wrap canvas { width:100%; height:238px; display:block; }
.cc-chart-tooltip { position:absolute; top:22px; width:170px; padding:12px; z-index:2; background:var(--wg-surface,#fff); border:1px solid var(--cc-border); border-radius:6px; box-shadow:0 4px 14px #00000015; font-size:11px; pointer-events:none; }
.cc-chart-tooltip[hidden] { display:none; }
.cc-chart-tooltip > strong { display:block; margin-bottom:8px; font-size:12px; }
.cc-chart-tooltip > span { display:flex; align-items:center; gap:5px; margin-top:5px; }
.cc-chart-tooltip b { margin-left:auto; }
.cc-distribution { border-left:1px solid var(--cc-border); padding-left:26px; }
.cc-share-row { margin-bottom:18px; }
.cc-share-row > div:first-child { display:flex; align-items:center; gap:8px; font-size:12px; }
.cc-share-row img { width:20px; height:20px; }
.cc-share-row strong { margin-left:auto; font-size:13px; font-variant-numeric:tabular-nums; }
.cc-share-row strong small { font-size:10px; color:var(--cc-muted); font-weight:400; }
.cc-share-track { height:5px; background:var(--cc-border); border-radius:2px; margin:9px 0 5px; overflow:hidden; }
.cc-share-track i { display:block; height:100%; border-radius:2px; transition:width .2s; }
.cc-share-row > small { display:block; font-size:10px; color:var(--cc-muted); text-align:right; }
.cc-pending { display:flex; align-items:center; gap:7px; border-top:1px solid var(--cc-border); padding-top:14px; font-size:11px; color:var(--cc-muted); }
.cc-pending-dot { width:6px; height:6px; border-radius:50%; background:#d4a047; }
.cc-pending strong { margin-left:auto; color:var(--cc-text); font-size:15px; }
.cc-details { padding-top:25px; }
.cc-table-scroll { width:100%; overflow:auto; }
.cc-details table { width:100%; min-width:520px; border-collapse:collapse; font-size:12px; font-variant-numeric:tabular-nums; }
.cc-details th { text-align:right; font-size:11px; font-weight:500; color:var(--cc-muted); background:var(--wg-surface,#fff); padding:12px 18px; border-bottom:1px solid var(--cc-border); }
.cc-details td { text-align:right; padding:14px 18px; border-bottom:1px solid var(--cc-border); }
.cc-details th:first-child,.cc-details td:first-child { text-align:left; padding-left:16px; }
.cc-details tbody tr:hover { background:var(--wg-surface,#fff); }
.cc-table-platform { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.cc-table-platform img { width:16px; height:16px; }
.cc-details tfoot { background:var(--wg-surface,#fff); font-weight:600; }
.cc-details .cc-table-empty { text-align:center; padding:26px; color:var(--cc-muted); }
@media (max-width:1100px) { .cc-page { padding:24px; }.cc-metrics { gap:12px; }.cc-metric { padding:16px; }.cc-analysis { grid-template-columns:minmax(0,1fr) 230px; gap:22px; }.cc-distribution { padding-left:20px; } }
@media (max-width:800px) { .cc-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.cc-analysis { grid-template-columns:minmax(0,1fr); }.cc-distribution { border-left:0; border-top:1px solid var(--cc-border); padding:20px 0 0; }.cc-distribution [data-count-distribution] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.cc-share-row > div:first-child { flex-wrap:wrap; }.cc-share-row strong { margin-left:0; width:100%; }.cc-pending { justify-content:flex-end; }.cc-pending strong { margin-left:6px; } }
@media (max-width:480px) { .cc-page { padding:20px 16px 28px; }.cc-heading { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:20px; }.cc-heading h1 { font-size:22px; }.cc-toolbar { gap:10px; }.cc-toolbar-end { width:100%; }.cc-live { margin-right:auto; }.cc-dates { width:100%; }.cc-dates input { flex:1; width:0; }.cc-metrics { gap:10px; margin-bottom:22px; }.cc-metric { padding:14px; }.cc-metric-label { font-size:12px; gap:6px; }.cc-metric-label img { width:22px; height:22px; }.cc-metric > strong { font-size:30px; line-height:40px; margin:12px 0; }.cc-metric-foot { font-size:10px; gap:4px; }.cc-metric-unit { display:none; }.cc-legend { gap:12px; font-size:10px; }.cc-analysis { padding-top:20px; gap:20px; }.cc-distribution [data-count-distribution] { gap:12px; }.cc-share-row > div:first-child { font-size:10px; gap:5px; }.cc-share-row img { width:18px; height:18px; }.cc-section-heading > span { font-size:10px; }.cc-details .cc-section-heading { align-items:flex-start; flex-direction:column; gap:4px; } }
/* Framed controls follow the palette; unframed content follows the scene. */
.cc-page { background:var(--scene-content,Canvas); }
body.authenticated-theme[data-site-theme] .cc-page :is(h1,h2) { color:var(--cc-text) !important; }
.cc-periods,.cc-dates input,.cc-icon-button,.cc-metric,.cc-chart-tooltip,.cc-details th,.cc-ledger th,.cc-details tfoot,.cc-details tbody tr:hover {
  --cc-text:var(--wg-text,CanvasText);
  --cc-muted:var(--wg-muted,CanvasText);
  --cc-border:var(--wg-border,GrayText);
}
.cc-metric:not(.cc-total),.cc-chart-tooltip,.cc-details tfoot,.cc-details tbody tr:hover { color:var(--cc-text); }
@media (forced-colors:active) {
  .cc-page { --scene-text:CanvasText; --scene-muted:CanvasText; --scene-border:GrayText; --scene-warning:CanvasText; }
}
.cc-quota{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:0 0 24px;border:1px solid var(--cc-border);border-left:4px solid #4257a1;border-radius:8px;background:var(--wg-surface,#fff)}.cc-quota[hidden]{display:none}.cc-quota-label{font-size:13px;font-weight:600}.cc-quota-number{display:flex;align-items:baseline;gap:10px;margin:6px 0}.cc-quota-number strong{font-size:40px;font-variant-numeric:tabular-nums;line-height:1.2}.cc-quota-number span,.cc-quota p,.cc-quota-meta{font-size:12px;color:var(--cc-muted)}.cc-quota p{margin:6px 0 0;line-height:1.8}.cc-quota-meta{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.cc-recharge{display:inline-flex;padding:9px 15px;border-radius:6px;background:#4257a1;color:#fff;text-decoration:none;font-weight:600}.cc-quota[data-state="empty"]{border-left-color:#bb3f34}.cc-quota[data-state="empty"] .cc-quota-number,.cc-quota[data-state="empty"] p{color:#b13d32}.cc-quota[data-state="pending"]{border-left-color:#bd8b34}@media(max-width:600px){.cc-quota{padding:18px;align-items:flex-start;flex-direction:column;gap:16px}.cc-quota-meta{align-items:flex-start}}

/* Match the reference page's default palette inside the download portal shell. */
#workspace[data-view="conversation-counts"] .page-heading,
#workspace[data-view="conversation-counts"] .context-bar { display:none; }
#workspace[data-view="conversation-counts"] .workspace-main { max-width:1480px; }
.cc-page { --scene-text:#182230; --scene-muted:#596579; --scene-border:#d8dce5; --scene-warning:#8b4b14; --scene-content:transparent; --wg-surface:#fff; --wg-hover:#f0f0f2; --wg-text:#182230; --wg-muted:#667085; --wg-border:#e4e7ec; font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif; font-size:14px; line-height:1.5; }
.cc-page .cc-dates input { margin-top:0; min-height:40px; line-height:normal; font-family:inherit; }
.cc-page .cc-icon-button { min-height:36px; }
.cc-page small { line-height:inherit; }
.cc-page .cc-metric-unit { color:var(--cc-muted); }
.cc-page .cc-total .cc-metric-unit { color:#d2dce5; }
.cc-page button { font-family:inherit; }
.cc-page .cc-chart-tooltip > strong { color:var(--cc-text); }
@media(max-width:600px){#workspace[data-view="conversation-counts"] .workspace-main{padding-left:0;padding-right:0;}#workspace[data-view="conversation-counts"] .context-bar{margin-left:16px;margin-right:16px;}}

/* Explicit series colors also work under the portal's strict style-src policy. */
.cc-page .cc-series-total{background:#4257a1}.cc-page .cc-series-douyin{background:#d13f78}.cc-page .cc-series-pdd{background:#ed6552}.cc-page .cc-series-weixin{background:#1a9b70}

.cc-page .cc-series-taobao{background:#e57521}
.cc-page .cc-series-kuaishou{background:#ff4906}

/* Local UI review: match the overview while keeping the counting contract intact. */
#workspace[data-view="conversation-counts"] .workspace-main{max-width:none;padding:0 24px 28px;background:#f5f7fb}
#workspace[data-view="conversation-counts"] .workspace-scroll{padding:0;overflow:visible}
.portal-ui .cc-page.cc-modern{--cc-text:#222934;--cc-muted:#69788f;--cc-border:#e4eaf3;--wg-border:#e4eaf3;min-width:0;padding:0;margin:0;background:transparent}
.portal-ui .cc-page.cc-modern *{box-sizing:border-box}
.portal-ui .cc-modern .cc-heading{min-height:88px;padding:16px 2px;margin:0;gap:16px}
.portal-ui .cc-modern .cc-heading h1{margin:0;font-size:20px;font-weight:700;line-height:1.5}
.portal-ui .cc-modern .cc-rule{margin:5px 0 0;padding:0;border:0;color:#69788f}
.portal-ui .cc-modern .cc-toolbar-end{gap:10px;margin:0;flex-shrink:0}
.portal-ui .cc-modern .cc-live{min-width:0;margin-right:3px;white-space:nowrap}
.portal-ui .cc-modern .cc-toolbar{gap:12px 16px;padding:14px 16px;margin:0 0 14px;border:1px solid #e4eaf3;border-radius:14px;background:#fff;box-shadow:0 2px 6px rgb(31 57 99 / 3%)}
.portal-ui .cc-modern .cc-filter-label,.portal-ui .cc-modern .cc-date-label{font-size:12px;font-weight:500;color:#69788f;white-space:nowrap}
.portal-ui .cc-modern .cc-periods{padding:3px;border:0;border-radius:10px;background:#f2f5fa;gap:3px}
.portal-ui .cc-modern .cc-periods button{min-height:32px;padding:6px 16px;border-radius:8px;color:#64728a;transition:background-color .15s,color .15s,box-shadow .15s}
.portal-ui .cc-modern .cc-periods button:hover{background:#e9effa;color:#245ecf}
.portal-ui .cc-modern .cc-periods button[aria-pressed="true"]{background:#fff;color:#2864db;box-shadow:0 1px 4px #334d7520}
.portal-ui .cc-modern .cc-dates{margin-left:auto;gap:10px}
.portal-ui .cc-modern .cc-dates input{width:145px;height:36px;min-height:36px;padding:7px 10px;border:1px solid #dce4ef;border-radius:9px;background:#fff;font-variant-numeric:tabular-nums}
.portal-ui .cc-modern .cc-dates input:hover{border-color:#b7cdf8}
.portal-ui .cc-modern .cc-export-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#52617a;font-size:12px;line-height:18px;font-weight:600;white-space:nowrap;box-shadow:0 1px 2px rgb(24 39 65 / 3%)}
.portal-ui .cc-modern .cc-export-button:hover:not(:disabled){background:#eff5ff;border-color:#b7cdf8;color:#245ecf}
.portal-ui .cc-modern .cc-export-button:disabled{opacity:.5;cursor:default}
.portal-ui .cc-modern .cc-export-button svg{width:17px;height:17px;flex:none}
.portal-ui .cc-modern .cc-icon-button{border-radius:10px;border-color:#dce4ef}
.portal-ui .cc-page.cc-modern .cc-metrics{gap:14px;margin-bottom:14px}
.portal-ui .cc-page.cc-modern .cc-metric{padding:16px;min-height:142px;border:1px solid #e4eaf3;border-radius:14px;background:#fff;box-shadow:0 2px 6px rgb(31 57 99 / 3%)}
.portal-ui .cc-modern .cc-metric-label{font-size:13px;font-weight:600;gap:8px;color:#52617a;line-height:20px}
.portal-ui .cc-modern .cc-metric-label img{width:24px;height:24px}
.portal-ui .cc-modern .cc-metric-unit{margin-left:auto}
.portal-ui .cc-modern .cc-metric>strong{margin:9px 0 10px;font-size:30px;font-weight:700;line-height:1.3;color:#222934;letter-spacing:-.4px}
.portal-ui .cc-modern .cc-metric-foot{border:0;padding:0;gap:4px 8px;min-height:20px;color:#748198}
.portal-ui .cc-page.cc-modern .cc-total{background:#edf4ff;border-color:#dce8fc}
.portal-ui .cc-modern .cc-total .cc-metric-label,.portal-ui .cc-modern .cc-total>strong{color:#285ec7}
.portal-ui .cc-modern .cc-total .cc-total-icon{width:28px;height:28px;border-radius:9px;background:#dfeaff;color:#2b68e8}
.portal-ui .cc-modern .cc-total-icon svg{width:17px;height:17px}
.portal-ui .cc-page.cc-modern .cc-total :is(.cc-metric-unit,.cc-metric-foot){color:#617da8}
.portal-ui .cc-modern .cc-analysis{grid-template-columns:minmax(0,1fr) 280px;gap:14px;border:0;padding:0;margin:0 0 14px;align-items:stretch}
.portal-ui .cc-page.cc-modern :is(.cc-trend,.cc-distribution,.cc-details){padding:0;border:1px solid #e4eaf3;border-radius:14px;background:#fff;box-shadow:0 2px 6px rgb(31 57 99 / 3%);overflow:hidden}
.portal-ui .cc-modern .cc-section-heading{min-height:54px;padding:14px 18px;margin:0;border-bottom:1px solid #f0f2f6}
.portal-ui .cc-modern .cc-section-heading h2{font-size:16px;line-height:24px;font-weight:700}
.portal-ui .cc-modern [data-count-granularity]{padding:2px 8px;background:#f4f6fa;border-radius:6px;white-space:nowrap}
.portal-ui .cc-modern .cc-legend{margin:0;padding:14px 18px 8px;gap:7px 14px}
.portal-ui .cc-modern .cc-legend i{border-radius:50%}
.portal-ui .cc-modern .cc-chart-wrap{height:248px;width:auto;margin:0 14px 12px}
.portal-ui .cc-modern .cc-chart-wrap canvas{height:100%}
.portal-ui .cc-modern .cc-chart-tooltip{border-radius:10px;box-shadow:0 4px 18px #243e6b18;max-width:100%}
.portal-ui .cc-modern [data-count-distribution]{padding:16px 18px 0}
.portal-ui .cc-modern .cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:6px 8px;margin-bottom:15px;padding:0}
.portal-ui .cc-modern .cc-share-row>div:first-child{grid-column:1/-1;gap:7px;line-height:20px}
.portal-ui .cc-modern .cc-share-row strong{font-size:13px;color:#34445c}
.portal-ui .cc-modern .cc-share-row>small{font-size:11px!important;font-weight:500!important;line-height:16px!important}
.portal-ui .cc-modern .cc-share-track{height:5px;border-radius:6px;background:#f0f3f8;margin:0;align-self:center}
.portal-ui .cc-modern .cc-share-track i{border-radius:6px}
.portal-ui .cc-modern .cc-pending{margin:0 18px 16px;padding:10px 12px;border:0;border-radius:9px;background:#f7f9fc}
.portal-ui .cc-modern .cc-pending strong{font-size:14px}
.portal-ui .cc-modern .cc-details{margin-bottom:14px}
.portal-ui .cc-modern .cc-details table{min-width:650px}
.portal-ui .cc-modern .cc-details th{background:#f8fafc;padding:12px 18px;border-bottom-color:#edf1f6}
.portal-ui .cc-modern .cc-details td{padding:13px 18px;border-bottom-color:#edf1f6;font-weight:500}
.portal-ui .cc-modern .cc-details td:last-child{color:#2b68e8}
.portal-ui .cc-modern .cc-details th:first-child,.portal-ui .cc-modern .cc-details td:first-child{padding-left:18px}
.portal-ui .cc-modern .cc-details tbody tr:hover{background:#f6f9ff}
.portal-ui .cc-modern .cc-details tfoot{background:#f0f5fd}
.portal-ui .cc-modern .cc-details tfoot td{border:0}
.portal-ui .cc-modern .cc-ledger{margin:0;padding:0;border:1px solid #e4eaf3;border-radius:14px;background:#fff;overflow:hidden}
.portal-ui .cc-modern .cc-ledger>summary{padding:16px 18px;font-size:13px;color:#52617a}
.portal-ui .cc-modern .cc-ledger>summary::marker{color:#8293ac;font-size:11px}
.portal-ui .cc-modern .cc-ledger>summary:hover{background:#f7f9fd}
.portal-ui .cc-modern .cc-ledger>.cc-section-heading{margin:0;padding:10px 18px;border-top:1px solid #f0f2f6}
.portal-ui .cc-modern .cc-ledger th{background:#f8fafc}
.portal-ui .cc-modern .cc-ledger :is(th,td){padding:12px 18px;border-bottom-color:#edf1f6}
.portal-ui .cc-modern .cc-quota{border-radius:14px;margin-bottom:14px;padding:18px 20px}
.portal-ui .cc-modern .cc-error{border-radius:10px}
.portal-ui .cc-modern .cc-storage{margin:0 0 14px}
.portal-ui .cc-modern .cc-series-total{background:#2b68e8}
body.portal-ui .cc-page.cc-modern :is(.cc-rule,.cc-live,.cc-dates,.cc-metric-unit,.cc-metric-foot,.cc-section-heading>span,.cc-legend,.cc-pending,.cc-share-row>div:first-child,.cc-ledger>summary span,.cc-periods button,.cc-dates input){font-size:12px!important;font-weight:500!important;line-height:1.5!important}
body.portal-ui .cc-page.cc-modern :is(.cc-details table,.cc-details th,.cc-ledger table){font-size:12px!important;line-height:1.6!important}
.portal-ui .cc-modern :is(button,input,summary):focus-visible{outline:3px solid #92b6fc;outline-offset:3px}
@media(max-width:1200px){.portal-ui .cc-modern .cc-date-label{display:none}.portal-ui .cc-modern .cc-metric{padding:14px}.portal-ui .cc-modern .cc-metric-label{gap:6px;font-size:12px}.portal-ui .cc-modern .cc-metric-unit{display:none}.portal-ui .cc-modern .cc-analysis{grid-template-columns:minmax(0,1fr) 250px}.portal-ui .cc-modern .cc-metric-foot{flex-direction:column;align-items:flex-start}}
@media(max-width:1000px){#workspace[data-view="conversation-counts"] .workspace-main{padding:0 16px 24px}.portal-ui .cc-modern .cc-toolbar{gap:12px}.portal-ui .cc-modern .cc-dates{margin-left:0;flex:1;justify-content:flex-end}.portal-ui .cc-modern .cc-dates input{width:130px}.portal-ui .cc-page.cc-modern .cc-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portal-ui .cc-modern .cc-total{grid-column:1/-1}.portal-ui .cc-modern .cc-metric-foot{flex-direction:row;align-items:center}.portal-ui .cc-modern .cc-analysis{grid-template-columns:minmax(0,1fr)}.portal-ui .cc-modern [data-count-distribution]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.portal-ui .cc-modern .cc-share-row strong{width:auto;margin-left:auto}.portal-ui .cc-modern .cc-pending strong{margin-left:auto}}
@media(max-width:600px){.portal-ui .cc-modern .cc-heading{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:18px 0 14px}.portal-ui .cc-modern .cc-toolbar-end{width:100%;justify-content:flex-end}.portal-ui .cc-modern .cc-live{margin-right:auto}.portal-ui .cc-modern .cc-toolbar{padding:12px;gap:10px;border-radius:12px}.portal-ui .cc-modern .cc-filter-label{display:none}.portal-ui .cc-modern .cc-periods{width:100%}.portal-ui .cc-modern .cc-periods button{flex:1;padding:6px 10px}.portal-ui .cc-modern .cc-dates{width:100%;flex:none;gap:8px}.portal-ui .cc-modern .cc-dates input{flex:1;width:0;min-width:0;padding:6px}.portal-ui .cc-modern .cc-metric{min-height:130px}.portal-ui .cc-modern .cc-total{min-height:120px}.portal-ui .cc-modern .cc-metric>strong{font-size:28px}.portal-ui .cc-modern .cc-metric-foot{gap:3px;font-size:11px!important}.portal-ui .cc-modern .cc-metric:not(.cc-total) .cc-metric-foot{flex-direction:column;align-items:flex-start;gap:2px}.portal-ui .cc-modern .cc-section-heading{padding:12px 14px;min-height:50px}.portal-ui .cc-modern .cc-legend{padding:12px 14px 8px;gap:6px 12px;font-size:11px!important}.portal-ui .cc-modern .cc-chart-wrap{height:220px;margin:0 8px 10px}.portal-ui .cc-modern [data-count-distribution]{padding:14px 14px 0;gap:0 18px}.portal-ui .cc-modern .cc-pending{margin:0 14px 14px}.portal-ui .cc-modern .cc-details .cc-section-heading{gap:3px;align-items:flex-start}.portal-ui .cc-modern .cc-ledger>summary{padding:14px}.portal-ui .cc-modern .cc-ledger>summary span{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.portal-ui .cc-modern *{transition:none!important}}
@media(forced-colors:active){.portal-ui .cc-page.cc-modern{--cc-text:CanvasText;--cc-muted:CanvasText;--cc-border:GrayText}.portal-ui .cc-modern :is(.cc-total,.cc-metric,.cc-toolbar,.cc-periods,.cc-trend,.cc-distribution,.cc-details,.cc-ledger){background:Canvas;color:CanvasText;border-color:GrayText}.portal-ui .cc-modern :is(.cc-metric>strong,.cc-metric-label,.cc-total>strong,.cc-total .cc-metric-label){color:CanvasText}.portal-ui .cc-modern .cc-periods button[aria-pressed="true"]{outline:2px solid Highlight;color:Highlight}}