/* Overview layout and component styles ported from SynchronizeAI/sync,
   CustomersPage.css / CustomersOverview.tsx at 1b31007. Data is illustrative.
   Website adaptations: responsive SVG chart, compact app shell, continuation annotation. */
.pf2{padding-block:88px 80px}.pf2-heading{max-width:760px;margin-bottom:36px}.pf2-heading h2{font-size:clamp(34px,3.6vw,50px);line-height:1.08}.pf2-heading>p{max-width:580px;margin-top:20px;font-size:18px;line-height:1.65}
.pf2-frame{--color-text:#252b34;--color-text-secondary:#4e5967;--color-text-muted:#626c79;--color-border:#e2e6eb;--color-border-light:#edf0f3;--surface-card:#fff;--surface-chrome:#f8f9fb;--color-action:#0074e6;--color-action-strong:#0867b7;--color-error:#a5474a;--color-error-subtle:#fbf1f2;--color-error-text:#963b40;--color-warning:#926222;--color-warning-subtle:#fcf6eb;--space-4:16px;--space-6:24px;--font-sans:inherit;border:1px solid #dce0e5;border-radius:10px;overflow:hidden;background:#fff;color:var(--color-text);box-shadow:0 24px 60px -32px #526678,0 2px 6px #192d3b08}
.pf2-frame p{color:var(--color-text-muted)}.pf2-frame h3,.pf2-frame h4{color:var(--color-text)}.pf2-brand{display:flex;align-items:center;font-weight:500}.pf2-frame button{font:inherit;cursor:pointer}.pf2-frame button:disabled{cursor:default}.pf2-frame button:focus-visible,.pf2-frame summary:focus-visible{outline:2px solid #0867b7;outline-offset:3px}
.pf2-app-shell{display:grid;grid-template-columns:166px minmax(0,1fr)}.pf2-main{min-width:0}.pf2-sidebar{background:#fafbfc;border-right:1px solid #e6e8ec;padding:22px 12px 16px;display:flex;flex-direction:column;color:#555e6c}.pf2-sidebar .pf2-brand{font-size:15px;gap:6px;letter-spacing:-.045em;padding-inline:3px;color:#222e3a}.pf2-sidebar .pf2-brand img{width:21px;height:21px}.pf2-nav{display:grid;gap:4px;margin-top:29px;font-size:11px}.pf2-nav>span{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:5px;white-space:nowrap}.pf2-nav svg{width:15px;height:15px;flex-basis:15px;color:#596b7c}.pf2-nav .selected{background:#eaf0f7;color:#255a8b;font-weight:500}.pf2-nav .selected svg{color:#255a8b}.pf2-nav>small{font-size:9px;letter-spacing:.1em;color:#596b7c;margin:24px 9px 8px}.pf2-user{margin-top:auto;border-top:1px solid #e3e6ea;padding:16px 3px 0;display:flex;gap:8px;align-items:center}.pf2-user>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e8eaee;font-size:10px;color:#424d59}.pf2-user b{display:block;font-size:10px;font-weight:500}.pf2-user small{display:block;font-size:9px;color:#596b7c}.pf2-bar{height:47px;padding-inline:26px;font-size:10px;background:#fff;border-color:#e8eaee}.pf2-breadcrumb{display:flex;align-items:center;gap:9px;color:#596b7c}.pf2-breadcrumb svg{width:13px;height:13px;flex-basis:13px}.pf2-breadcrumb svg:nth-child(2){width:10px;flex-basis:10px}.pf2-breadcrumb b{font-weight:400;color:#424b58}.pf2-view-scope{padding:3px 8px;border:1px solid #e6e8eb;border-radius:4px;color:#596270;font-size:10px}
.pf2-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eaee}.pf2-workspace{padding:28px 26px 24px}.pf2-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.pf2-title h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin-top:7px}.pf2-title p{font-size:12px;line-height:1.5;margin-top:8px;max-width:440px}.customers-eyebrow{font-size:10px;color:#0867b7}.pf2-view-tabs{display:flex;font-size:10px;border:1px solid #e1e4e8;padding:3px;background:#f8f9fb;border-radius:6px;flex-shrink:0}.pf2-view-tabs span{padding:7px 10px;color:#626c79}.pf2-view-tabs .selected{background:#fff;color:#252b34;border-radius:4px;box-shadow:0 1px 3px #192d3b15}
.customers-overview {
  gap: 24px;
}

.customers-asof {
  margin: -11px 0 -11px;
  color: var(--color-text-muted);
  font-size: 11px;
  text-align: right;
}

.customers-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--surface-card);
}

.customers-kpi {
  min-width: 0;
  padding: 22px 22px 21px;
}

.customers-kpi + .customers-kpi {
  border-left: 1px solid var(--color-border);
}

.customers-kpi__label {
  margin-bottom: 13px;
  color: var(--color-text-secondary);
  font-size: 13px;
  font-weight: 520;
}

.customers-kpi__reading {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.customers-kpi__reading strong {
  font-size: 31px;
  font-weight: 620;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.025em;
}

.customers-kpi__delta {
  color: var(--color-success);
  font-size: 11px;
  font-weight: 620;
}

.customers-kpi__delta--risk {
  color: var(--color-error);
}

.customers-kpi p {
  margin: 11px 0 0;
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.customers-overview__primary {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(290px, 0.8fr);
  align-items: start;
  gap: 20px;
  margin-bottom: 0;
}

.customers-overview__secondary {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(330px, 0.9fr);
  gap: 20px;
}

.customers-panel {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 11px;
}

.customers-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  min-height: 42px;
  padding: 0 1px;
}

.customers-panel__head h4 {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 610;
  letter-spacing: -0.01em;
}

.customers-panel__head p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 11.5px;
  line-height: 1.45;
}

.customers-panel__link {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: var(--color-action-strong);
  font-size: 11.5px;
  text-decoration: none;
  white-space: nowrap;
}

.customers-panel__link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.customers-panel__empty {
  display: grid;
  min-height: 196px;
  padding: var(--space-6);
  place-items: center;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--surface-card);
  color: var(--color-text-muted);
  font-size: 12.5px;
  text-align: center;
}

.customers-panel--trend .customers-panel__empty,
.customers-panel--attention .customers-panel__empty {
  min-height: 318px;
}

.customers-range {
  display: flex;
  gap: 2px;
}

.customers-range__button {
  height: 27px;
  padding: 0 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--color-text-muted);
  cursor: pointer;
  font: 540 10.5px/1 var(--font-sans);
}

.customers-range__button:hover {
  background: var(--color-bg-hover);
  color: var(--color-text);
}

.customers-range__button:focus-visible {
  outline: 2px solid var(--color-action);
  outline-offset: 1px;
}

.customers-range__button--active {
  background: var(--surface-chrome);
  color: var(--color-text);
  font-weight: 650;
}

.customers-chart {
  overflow: hidden;
  padding: 17px 18px 13px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--surface-card);
}

.customers-chart__summary {
  margin: 0 0 5px;
  color: var(--color-text-muted);
  font-size: 11.5px;
  line-height: 1.55;
}

.customers-chart__visual {
  width: 100%;
  height: 272px;
}

.customers-chart .recharts-text,
.customers-chart .recharts-legend-item-text,
.customers-chart .recharts-tooltip-label,
.customers-chart .recharts-tooltip-item {
  font-family: var(--font-sans);
  font-size: 10.5px;
}

.customers-chart .recharts-cartesian-grid-horizontal line {
  stroke: var(--color-border-light);
}

.customers-chart__series .recharts-area-curve {
  filter: drop-shadow(0 0 4px rgb(30 157 255 / 0.2));
}

.customers-chart__series--resolved .recharts-area-curve {
  filter: drop-shadow(0 0 3px rgb(63 122 82 / 0.16));
}

.customers-donut-layout {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 236px;
  padding: 20px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--surface-card);
}

.customers-donut-wrap {
  position: relative;
  display: grid;
  width: 116px;
  height: 116px;
  place-items: center;
}

.customers-donut {
  width: 106px;
  height: 106px;
  border-radius: 50%;
  -webkit-mask: radial-gradient(circle, transparent 0 32px, #000 33px);
  mask: radial-gradient(circle, transparent 0 32px, #000 33px);
}

.customers-donut__center {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.customers-donut__center strong {
  font-size: 21px;
  font-weight: 620;
}

.customers-donut__center span {
  color: var(--color-text-muted);
  font-size: 10.5px;
}

.customers-reasons {
  margin: 0;
  padding: 0;
  list-style: none;
}

.customers-reasons li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 9px 0;
  border-bottom: 1px solid var(--color-border-light);
}

.customers-reasons li:last-child {
  border-bottom: 0;
}

.customers-reasons__dot {
  width: 7px;
  height: 7px;
  border-radius: 2px;
}

.customers-reasons__name {
  overflow: hidden;
  color: var(--color-text-secondary);
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.customers-reasons__copy {
  min-width: 0;
}

.customers-reasons__meta {
  display: block;
  margin-top: 2px;
  color: var(--color-text-muted);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

.customers-reasons li > strong {
  color: var(--color-text);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.customers-reasons strong {
  color: var(--color-text-muted);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

.customers-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--surface-card);
}

.customers-attention-table {
  width: 100%;
  min-width: 590px;
  border-collapse: collapse;
  table-layout: fixed;
}

.customers-attention-table th,
.customers-account-table th {
  height: 41px;
  padding: 0 15px;
  border-top: 0;
  border-bottom: 1px solid var(--color-border);
  background: var(--surface-chrome);
  color: var(--color-text-muted);
  font-size: 10.5px;
  font-weight: 580;
  letter-spacing: 0;
  text-align: left;
}

.customers-attention-table td {
  height: 54px;
  padding: 0 15px;
  border-bottom: 1px solid var(--color-border-light);
  overflow: hidden;
  color: var(--color-text-secondary);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.customers-attention-table tr:last-child td {
  border-bottom: 0;
}

.numeric {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
}

.customers-account-link {
  display: block;
  overflow: hidden;
  color: var(--color-text);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  text-overflow: ellipsis;
}

.customers-account-link:hover,
.customers-commitments a:hover {
  color: var(--color-action-strong);
}

.customers-account-link span {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: 10.5px;
  font-weight: 450;
  text-overflow: ellipsis;
}

.customers-attention-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 23px;
  padding: 0 8px;
  border-radius: 6px;
  background: var(--color-error-subtle);
  color: var(--color-error-text);
  font-size: 10px;
  font-weight: 600;
}

.customers-attention-chip::before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  content: '';
}

.customers-commitments {
  margin: 0;
  overflow: hidden;
  padding: 0 17px 5px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--surface-card);
  list-style: none;
}

.customers-commitments li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  padding: 14px 0;
  border-top: 1px solid var(--color-border-light);
}

.customers-commitments__icon {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 6px;
  background: var(--color-warning-subtle);
  color: var(--color-warning);
}

.customers-commitments strong {
  display: block;
  color: var(--color-text);
  font-size: 12px;
  font-weight: 600;
}

.customers-commitments a {
  display: block;
  margin-top: 3px;
  color: var(--color-text-muted);
  font-size: 10.5px;
  text-decoration: none;
}

/* The source conversations, on their own line under the account. They wrap
   rather than collapse: a commitment resolved from three threads shows three
   links, and none of them is hidden behind the others. */
.customers-commitments__sources {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3px;
  column-gap: 12px;
}

.customers-commitments a.customers-commitments__source {
  margin-top: 0;
  color: var(--color-action);
  font-weight: 500;
}

.customers-commitments time {
  color: var(--color-error);
  font-size: 10.5px;
  white-space: nowrap;
}


/* Native hierarchy stays intact; only sizing and wrapping adapt to a marketing embed. */
.customers-overview{display:flex;flex-direction:column;min-width:0;gap:22px}.customers-asof{margin:0;font-size:9px}.customers-kpis{margin:0}.customers-kpi{padding:18px 15px}.customers-kpi__label{font-size:11px;line-height:1.5;margin-bottom:10px;min-height:33px}.customers-kpi__reading{margin:0}.customers-kpi__reading strong{font-size:28px}.customers-kpi__note{margin:10px 0 0;color:#626c79;font-size:10px;line-height:1.5;max-width:160px}.customers-overview__primary{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px}.customers-overview__secondary{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px}.customers-panel__head{gap:8px;min-height:38px}.customers-panel__head h4{font-size:12px;letter-spacing:-.01em;line-height:1.35}.customers-panel__head p{font-size:10px}.customers-range{font-size:9px;white-space:nowrap;color:#626c79;padding-top:2px}.customers-chart{padding:13px 13px 10px}.customers-chart__summary{font-size:10px;margin-bottom:12px}.customers-chart__visual{height:auto;display:block;width:100%;overflow:visible}.customers-chart__visual text{font-family:inherit;font-size:10px;fill:#626c79}.customers-chart__legend{display:flex;justify-content:center;gap:14px;font-size:9px;color:#626c79;margin-top:3px}.customers-chart__legend span{display:flex;align-items:center;gap:4px}.customers-chart__legend i{width:14px;height:2px;background:#0074e6}.customers-chart__legend span+span i{background:#3f7a52}.customers-chart-data{font-size:10px;margin-top:9px;color:#626c79}.customers-chart-data summary{cursor:pointer}.customers-chart-data>div{max-height:200px;overflow:auto;margin-top:10px}.customers-chart-data table{width:100%;border-collapse:collapse;font-size:10px}.customers-chart-data :is(td,th){padding:5px;text-align:left;border-bottom:1px solid #e2e6eb}.customers-chart-data caption{padding-block:8px;text-align:left}
.customers-donut-layout{grid-template-columns:90px minmax(0,1fr);gap:12px;min-height:234px;padding:14px}.customers-donut-wrap{width:90px;height:90px}.customers-donut{width:86px;height:86px;background:conic-gradient(#a5474a 0 45.4545%,#9a6a25 45.4545% 81.8182%,#6b57b0 81.8182% 100%);mask:radial-gradient(circle,transparent 0 26px,#000 27px);-webkit-mask:radial-gradient(circle,transparent 0 26px,#000 27px)}.customers-donut__center strong{font-size:20px}.customers-donut__center span{font-size:9px}.customers-reasons li{gap:7px;font-size:10px;line-height:1.4}.customers-reasons li>i{width:6px;height:6px;border-radius:2px}.customers-reasons li small{display:block;color:#626c79;font-size:9px;margin-top:4px}.customers-reasons li strong{font-size:11px;font-weight:600}.customers-showing{font-size:9px;color:#626c79;white-space:nowrap;padding-top:2px}.customers-table-wrap{border:1px solid #e2e6eb;border-radius:8px;overflow:hidden}.customers-attention-table{min-width:0}.customers-attention-table th{font-size:9px;padding:8px;line-height:1.5;white-space:normal;height:42px}.customers-attention-table td{padding:12px 8px;font-size:10px;height:62px}.customers-attention-table th:first-child{width:36%}.customers-attention-table th:nth-child(2){width:19%}.customers-attention-table th:nth-child(3){width:13%}.customers-attention-table th:nth-child(4){width:12%}.customers-attention-table th:nth-child(5){width:20%}.customers-account-link{display:flex;align-items:center;gap:7px;border:0;padding:0;background:none;width:100%;text-align:left;min-height:36px}.customers-account-identity{display:block!important;min-width:0;margin:0!important}.customers-account-identity b{display:block;font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;color:#252b34}.customers-account-identity small{display:block;font-size:9px;font-weight:400;color:#626c79;margin-top:3px}.pf2-avatar{display:grid!important;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:5px;margin:0!important}.company-logo{width:21px;height:21px}.company-v{background:#e5f1ee}.company-m{background:#f6eee3}.company-n{background:#e9eee7}.customers-attention-chip{font-size:9px;padding-inline:6px;height:22px;gap:3px}.customers-attention-chip:before{width:4px;height:4px}
.customers-commitments{padding:0 12px}.customers-commitments li{gap:8px;padding:14px 0;align-items:start}.customers-commitments li:first-child{border-top:0}.customers-commitments strong{font-size:11px;line-height:1.45}.customers-commitments__icon{width:24px;height:27px}.customers-commitments time{font-size:9px;white-space:normal;max-width:50px;text-align:right;line-height:1.5}.customers-commitments__account{display:block;font-size:9px;color:#626c79;margin-top:4px}.customers-commitment-button{border:0;background:none;text-align:left;padding:0;color:#252b34}.customers-commitment-button:hover strong{color:#0867b7}#pf-commitment-state{display:block;font-size:9px;color:#0867b7;margin-top:5px;line-height:1.5}#pf-vireo-row{background:#fff}.pf2-film[data-phase="1"] #pf-vireo-row,.pf2-film[data-phase="2"] #pf-vireo-row,.pf2-film[data-phase="3"] #pf-vireo-row{background:#f0f6fc}
.pf2-sources{border-top:1px solid #e2e6eb;margin-top:4px}.pf2-sources summary{display:flex;align-items:center;gap:10px;min-height:40px;list-style:none;cursor:pointer;color:#0867b7;font-size:10px}.pf2-sources summary>span{margin-left:auto;color:#626c79;font-size:9px}.pf2-sources summary::after{content:'+';font-size:16px}.pf2-sources[open] summary::after{content:'−'}.pf2-source-list{display:grid;gap:12px;padding:3px 0 12px}.pf2-source-list p{font-size:11px;line-height:1.6}.pf2-source-list b{display:block;color:#252b34;font-size:10px;margin-bottom:3px}.pf2-source-list span{display:block}
.customers-continuation{border-top:1px solid #e2e6eb;padding-top:20px}.customers-continuation-heading{display:flex;align-items:center;gap:8px;font-size:10px;color:#626c79;margin-bottom:12px}.customers-open{margin-left:auto;padding:3px 7px;border:1px solid #e2e6eb;border-radius:4px;font-size:9px}.customers-continuation h4{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin-bottom:7px}.customers-continuation p{font-size:12px;line-height:1.7;max-width:680px}#pf-insight{min-height:77px}.customers-next-actions{display:flex;gap:22px;margin-top:14px}.customers-next-actions button{padding:0;border:0;background:none;color:#0867b7;font-size:10px!important;min-height:32px;text-align:left}.customers-next-actions button:hover{text-decoration:underline}.customers-next-actions button span{margin-left:6px}.pf2-footer{min-height:44px;padding:0 16px 0 26px;border-top:1px solid #e2e6eb;background:#fbfcfd;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;color:#626c79}.pf2-footer button{border:0;width:44px;height:44px;background:none;color:#284d66;font-size:12px}.pf2-footer button[data-next]{width:auto;min-width:74px}
@media(max-width:1150px){.pf2-app-shell{grid-template-columns:135px minmax(0,1fr)}.pf2-sidebar{padding-inline:8px}.pf2-sidebar .pf2-brand{font-size:12px;gap:4px}.pf2-nav>span{padding-inline:5px;gap:6px;font-size:10px}.pf2-workspace{padding:24px 20px}.customers-col-extra{display:none}.customers-attention-table th:first-child{width:52%}.customers-attention-table th:nth-child(2){width:27%}.customers-attention-table th:nth-child(3){width:21%}.customers-donut-layout{grid-template-columns:1fr;justify-items:center;gap:5px;min-height:234px}.customers-reasons{width:100%}.customers-reasons li{padding:6px 0}.customers-donut-wrap{height:78px}.customers-donut{height:74px;width:74px}.customers-donut__center strong{font-size:17px}.customers-kpi{padding-inline:12px}}
@media(max-width:850px){.pf2-app-shell{grid-template-columns:1fr}.pf2-sidebar{display:none}.customers-overview__primary{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.customers-overview__secondary{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.pf2-bar{padding-inline:20px}.customers-kpi__label{font-size:10px}}
@media(max-width:650px){.pf2{padding-block:56px}.pf2-heading{margin-bottom:28px}.pf2-heading h2{font-size:34px}.pf2-heading>p{font-size:16px;margin-top:17px}.pf2-workspace{padding:22px 16px}.pf2-bar{padding-inline:16px}.pf2-view-scope{display:none}.pf2-title{align-items:start;flex-direction:column;gap:14px}.pf2-title h3{font-size:24px}.pf2-title p{font-size:12px}.customers-asof{text-align:left;line-height:1.6;font-size:9px}.customers-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.customers-kpi{padding:15px 12px}.customers-kpi:nth-child(3){border-left:0}.customers-kpi:nth-child(n+3){border-top:1px solid #e2e6eb}.customers-kpi__label{font-size:11px;min-height:33px}.customers-kpi__reading strong{font-size:27px}.customers-kpi__note{font-size:10px}.customers-overview__primary,.customers-overview__secondary{grid-template-columns:1fr;gap:24px}.customers-panel__head h4{font-size:13px}.customers-panel__head p{font-size:11px}.customers-chart{padding:14px 10px 10px}.customers-chart__visual text{font-size:12px}.customers-donut-layout{grid-template-columns:90px minmax(0,1fr);min-height:180px;padding:15px;gap:13px}.customers-donut-wrap{height:90px}.customers-donut{height:86px;width:86px}.customers-reasons li{font-size:11px;padding:9px 0}.customers-reasons li small{font-size:10px}.customers-attention-table td{height:67px}.customers-account-identity b{font-size:11px}.customers-account-identity small{font-size:9px}.customers-attention-table th{font-size:10px}.customers-attention-chip{font-size:10px}.customers-commitments strong{font-size:12px}.customers-commitments__account,#pf-commitment-state{font-size:10px}.customers-commitments li{padding:17px 0}.customers-commitments time{font-size:10px}.pf2-sources summary{font-size:11px}.pf2-source-list p{font-size:12px}.customers-continuation h4{font-size:19px}.customers-continuation p{font-size:13px}.customers-next-actions{flex-direction:column;gap:4px}.customers-next-actions button{font-size:12px!important;min-height:38px}#pf-insight{min-height:160px}.pf2-footer{font-size:9px;padding-left:16px}}
@media(max-width:355px){.pf2-heading h2{font-size:30px}.pf2-workspace{padding-inline:12px}.customers-attention-table :is(th,td){padding-inline:5px}.customers-account-link{gap:5px}.customers-account-identity b{font-size:10px}.customers-account-identity small{font-size:8px}.customers-attention-chip{font-size:9px}.customers-donut-layout{padding:12px;gap:9px;grid-template-columns:76px minmax(0,1fr)}.customers-donut-wrap{width:76px}.customers-donut{height:74px;width:74px}}
/* Native dashboard walkthrough: a single decorative selection cursor. */
#pf-vireo{position:relative;overflow:visible}
#pf-vireo-row td:first-child{overflow:visible}
.pf-account-cursor{position:absolute;left:50%;top:42%;width:28px;height:36px;z-index:2;visibility:hidden;opacity:0;pointer-events:none}
.pf-account-cursor svg{display:block;filter:drop-shadow(0 2px 2px #13252b30)}
@media(prefers-reduced-motion:reduce){.pf-account-cursor{display:none!important}}
/* Read the whole reason. A narrow legend must wrap, never crop its labels. */
.customers-donut-layout{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:16px;min-height:234px;align-items:center}
.customers-donut-wrap{width:76px}.customers-donut{width:74px;height:74px}
.customers-reasons{min-width:0;width:100%}
.customers-reasons li{grid-template-columns:6px minmax(0,1fr) 16px;gap:7px;font-size:11px;line-height:1.5;min-height:57px}
.customers-reasons li>div{min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
.customers-reasons li>strong{text-align:right;white-space:nowrap}
.customers-reasons li small{font-size:10px;line-height:1.5}
/* The ring has room for a number, not a two-line label. Keep the caption below
   it instead of fitting text into a shrinking circular aperture. */
.customers-donut-wrap{height:auto!important;grid-template-rows:auto auto;row-gap:7px}
.customers-donut{grid-area:1/1}
.customers-donut__center{position:static;display:contents}
.customers-donut__center strong{grid-area:1/1;align-self:center;line-height:1}
.customers-donut__center span{grid-area:2/1;line-height:1.4;white-space:nowrap;font-size:10px!important}
/* Native Customers detail pane: inline, non-modal, with its own reading surface. */
.pf2-frame{overflow:clip}.pf2-main{position:relative}
.pf-detail{position:absolute;inset:0 0 0 auto;z-index:5;width: min(440px,48%);visibility:hidden;opacity:0;pointer-events:none;background:#fff;border-left:1px solid #e2e6eb;box-shadow:-18px 0 44px #192d3b12}
.pf-detail-surface{position:sticky;top:16px;display:flex;flex-direction:column;max-height:calc(100dvh - 32px);background:#fff;pointer-events:auto}
.pf-detail-head{display:flex;align-items:center;gap:10px;padding:20px 18px 18px;border-bottom:1px solid #edf0f3;flex-shrink:0}
.pf-detail-head>div{min-width:0;flex:1}.pf-detail-head h3{font-size:17px;letter-spacing:-.025em;margin:0;line-height:1.3}.pf-detail-head p{font-size:10px;line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere}
.pf-detail-entity{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #b7d7d4;border-radius:6px;background:#e5f1ee;color:#24747a;font-size:11px;font-weight:600}
#pf-detail-close{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:0;border-radius:5px;background:transparent;color:#626c79;font-size:24px;line-height:1}
#pf-detail-close:hover{background:#f1f5f8;color:#252b34}
.pf-detail-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;margin:0;padding:12px 18px;background:#fafbfc;border-bottom:1px solid #e2e6eb;flex-shrink:0;gap:8px}
.pf-detail-stats>div{min-width:0}.pf-detail-stats dt{font-size:9px;line-height:1.5;color:#626c79}.pf-detail-stats dd{font-size:13px;font-weight:600;margin:4px 0 0;line-height:1.4}
.pf-detail-tabs{display:flex;gap:22px;padding:0 18px;border-bottom:1px solid #e2e6eb;flex-shrink:0}
.pf-detail-tabs button{border:0;border-bottom:2px solid transparent;padding:13px 0 11px;background:none;color:#626c79;font-size:11px;font-weight:500;min-height:44px}.pf-detail-tabs button[aria-selected=true]{color:#252b34;border-bottom-color:#0074e6}.pf-detail-tabs span{margin-left:3px;color:#626c79;font-size:10px}
.pf-detail-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.pf-detail-section{padding:20px 18px;border-bottom:1px solid #edf0f3}.pf-detail-section:last-child{border-bottom:0}
.pf-detail-section h4{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#626c79;margin:0 0 13px;line-height:1.5}
.pf-detail-section p{margin:6px 0 0;font-size:12px;line-height:1.7;color:#4e5967}
#pf-detail-update{min-height:120px}#pf-detail-title{display:block;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.015em}#pf-detail-evidence{display:block;margin-top:10px;color:#0867b7;font-size:10px;line-height:1.5}
.pf-evidence-comparison{margin:0 0 18px;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}
.pf-evidence-comparison>div{padding:10px 0}.pf-evidence-comparison>div+div{border-top:1px solid #edf0f3}
.pf-evidence-comparison dt{color:#626c79;font-size:10px;line-height:1.5}.pf-evidence-comparison dd{margin:4px 0 0;font-size:12px;font-weight:500;line-height:1.55}
.pf-detail-next{margin-top:16px;padding-left:11px;border-left:2px solid #9abbd5}.pf-detail-next>span{display:block;color:#626c79;font-size:10px;line-height:1.5}.pf-detail-next strong{display:block;font-weight:500;font-size:12px;line-height:1.6;margin-top:3px}.pf-detail-next p{font-size:10px;margin-top:5px}
.pf-detail-issues,.pf-detail-cases,.pf-detail-activity{list-style:none;margin:0;padding:0}
.pf-detail-issues li{display:flex;gap:9px;padding:10px 0}.pf-detail-issues li+li,.pf-detail-cases li+li{border-top:1px solid #edf0f3}
.pf-detail-issues i{width:7px;height:7px;flex:0 0 7px;margin-top:5px;border:1.5px solid #a5474a;border-radius:50%}
.pf-detail-issues strong,.pf-detail-cases strong,.pf-detail-activity strong{display:block;font-size:12px;font-weight:500;line-height:1.6}
.pf-detail-issues span,.pf-detail-cases span{display:block;margin-top:4px;font-size:10px;color:#626c79;line-height:1.6}
.pf-detail-cases li{padding:10px 0}.pf-detail-cases p{margin:0;font-size:11px;line-height:1.7}
.pf-detail-activity li{border-left:1px solid #d9e3ec;padding:0 0 25px 14px;margin-left:3px}.pf-detail-activity time{display:block;color:#626c79;font-size:10px;margin-bottom:8px;line-height:1.6}.pf-detail-activity p{font-size:11px}
.pf-detail-footer{display:flex;align-items:center;gap:7px;min-height:46px;padding:6px 18px;border-top:1px solid #e2e6eb;background:#fafbfc;color:#4e5967;font-size:10px;flex-shrink:0}.pf-detail-status-dot{width:5px;height:5px;border-radius:50%;background:#0074e6;flex:0 0 5px}.pf-detail-footer>span:nth-child(2){flex:1;line-height:1.5}#pf-detail-play{width:36px;height:32px;background:none;border:0;color:#4e5967}
#pf-vireo[aria-expanded=true]{color:#0867b7}#pf-vireo-row[data-selected] td{background:#eaf4fc}
@media(min-width:651px) and (max-width:1150px){.customers-donut-layout{grid-template-columns:1fr;gap:8px}}
@media(max-width:650px){.pf-detail{width:100%;border-left:0}.pf-detail-surface{top:8px;max-height:calc(100dvh - 16px)}.pf-detail-head{padding-top:16px}.pf-detail-section{padding:18px}.pf-detail-stats dt{font-size:9px}.pf-detail-tabs button{font-size:12px}.pf-detail-section p{font-size:13px}.pf-detail-cases p{font-size:12px}.pf-detail-issues strong{font-size:12px}.customers-donut-layout{grid-template-columns:66px minmax(0,1fr);padding:13px;gap:11px}.customers-donut-wrap{width:66px}.customers-donut{width:64px;height:64px;mask:radial-gradient(circle,transparent 0 21px,#000 22px);-webkit-mask:radial-gradient(circle,transparent 0 21px,#000 22px)}.customers-donut__center strong{font-size:17px}.customers-donut__center span{font-size:8px}.customers-reasons li{font-size:11px}.customers-reasons li small{font-size:9px}}