/* Module identity and live KPI cards. All values are rendered by the existing modules. */
@media(max-width:760px){
  html main[data-bono-area] .bono-kpi-strip>.bono-kpi-card:last-child:nth-child(3){grid-column:1/-1}
}
main[data-bono-area] {
  --module-accent: #34664f;
  --module-soft: #edf4ed;
  --module-line: #dce8dd;
  --module-panel: #fff;
  --module-ink: #26372b;
  --module-muted: #66756b;
  --module-card-line: #e0e8df;
  --module-readable: var(--module-accent);
  --module-band-tint: var(--module-soft);
  --module-shadow: 0 1px 2px #223c2904, 0 6px 22px #223c2904;
  --module-hover-shadow: 0 3px 7px #223c2905, 0 10px 28px #223c2908;
}
main[data-bono-area="workshop"] { --module-accent:#486480; --module-soft:#edf3f7; --module-line:#dbe7ef; }
main[data-bono-area="inventory"] { --module-accent:#886943; --module-soft:#f8f3e9; --module-line:#eee3d0; }
main[data-bono-area="finance"] { --module-accent:#396e6b; --module-soft:#edf5f3; --module-line:#dbe8e4; }
main[data-bono-area="growth"] { --module-accent:#765a75; --module-soft:#f4eef4; --module-line:#e7dfe8; }
main[data-bono-area="data"] { --module-accent:#5f6588; --module-soft:#f0f1f8; --module-line:#e0e2ee; }
main[data-bono-area="workspace"] { --module-accent:#5c6c62; --module-soft:#f0f4ef; --module-line:#e1e8df; }

html[data-theme="dark"] main[data-bono-area] {
  --module-panel:#1d261f;
  --module-ink:#eef3ed;
  --module-muted:#aab6aa;
  --module-card-line:#354239;
  --module-readable:color-mix(in srgb, var(--module-accent) 58%, #ecf3eb);
  --module-band-tint:color-mix(in srgb, var(--module-accent) 16%, #1d261f);
  --module-shadow:0 1px 2px #00000015, 0 7px 24px #00000008;
  --module-hover-shadow:0 3px 7px #00000018, 0 12px 28px #00000012;
}

/* The existing heading selectors also cover async module rerenders. */
html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-width:0;
  min-height:148px;
  padding:27px 30px 27px 32px;
  margin:0 0 22px;
  border:1px solid var(--module-card-line);
  border-radius:17px;
  background:linear-gradient(112deg, var(--module-panel) 36%, color-mix(in srgb, var(--module-band-tint) 54%, var(--module-panel)) 74%, var(--module-band-tint));
  box-shadow:var(--module-shadow);
  isolation:isolate;
  animation:bono-band-enter .36s cubic-bezier(.2,.8,.2,1) both;
}
html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))::before {
  content:"";
  position:absolute;
  left:-1px;
  top:30px;
  bottom:30px;
  width:3px;
  border-radius:0 4px 4px 0;
  background:var(--module-accent);
  pointer-events:none;
}
html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:first-child {
  flex:1;
  min-width:0;
}
html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) :is(.eyebrow,.ov6-kicker,.ops-kicker,.dh-kicker,.ws-kicker,.bi-eyebrow,.bs-unit,.fn-unit) {
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--module-readable);
  font-size:10px;
  line-height:1.6;
  font-weight:600;
  letter-spacing:.075em;
  margin:0 0 10px;
}
html main[data-bono-area] .fn-heading>div:first-child>span {
  display:block;
  font-size:10px;
  line-height:1.6;
  font-weight:600;
  letter-spacing:.075em;
  color:var(--module-readable);
  margin-bottom:10px;
}
html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) h1 {
  color:var(--module-ink);
  font-size:clamp(27px,2.4vw,34px);
  font-weight:570;
  letter-spacing:-1.15px;
  line-height:1.2;
  margin:0 0 10px;
  overflow-wrap:anywhere;
}
html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) p {
  max-width:670px;
  color:var(--module-muted);
  font-size:12px;
  line-height:1.7;
  margin:0;
}
html main[data-bono-area] :is(.page-actions,.ov6-heading-right,.ops-actions,.dh-actions,.ws-actions,.bi-actions,.bs-actions,.fn-actions) {
  min-width:0;
  flex-shrink:0;
  flex-wrap:wrap;
  row-gap:8px;
}
html main[data-bono-area] .bono-module-symbol {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  background:var(--module-band-tint);
  border:1px solid color-mix(in srgb, var(--module-accent) 16%, var(--module-panel));
  border-radius:12px;
  color:var(--module-readable);
}
html main[data-bono-area] .bono-module-symbol svg { width:21px; height:21px; stroke-width:1.55; }

html main[data-bono-area] .bono-kpi-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:11px;
  min-height:30px;
  margin-bottom:13px;
}
html main[data-bono-area] .bono-kpi-head>span:first-child {
  color:var(--module-muted);
  font-size:11px;
  font-weight:500;
  line-height:1.55;
  min-width:0;
}
html main[data-bono-area] .bono-kpi-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:9px;
  color:var(--module-readable);
  background:var(--module-band-tint);
  border:1px solid color-mix(in srgb,var(--module-accent) 12%,var(--module-panel));
}
html main[data-bono-area] .bono-kpi-icon svg { width:16px; height:16px; stroke-width:1.55; }

/* Separate cards replace the old shared frame and its dividing lines. */
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:12px;
  min-width:0;
  margin:0 0 23px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
html main[data-bono-area] .bi-metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name) {
  position:relative;
  min-width:0;
  padding:22px 22px 20px;
  border:1px solid var(--module-card-line);
  border-radius:13px;
  background:var(--module-panel);
  color:var(--module-ink);
  text-align:left;
  box-shadow:var(--module-shadow);
  transition:border-color .2s, box-shadow .2s, transform .2s, background .2s;
  animation:bono-card-enter .36s cubic-bezier(.2,.8,.2,1) backwards;
  animation-delay:35ms;
}
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name)::before {
  content:"";
  position:absolute;
  top:22px;
  bottom:auto;
  left:-1px;
  width:3px;
  height:24px;
  border-radius:0 3px 3px 0;
  background:color-mix(in srgb, var(--module-accent) 65%, var(--module-panel));
  pointer-events:none;
}
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:nth-child(2) { animation-delay:65ms; }
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:nth-child(3) { animation-delay:95ms; }
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:nth-child(4) { animation-delay:125ms; }
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:nth-child(5) { animation-delay:155ms; }
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:nth-child(6) { animation-delay:185ms; }
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name):hover {
  border-color:color-mix(in srgb, var(--module-accent) 29%, var(--module-card-line));
  box-shadow:var(--module-hover-shadow);
  transform:translateY(-2px);
}
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name)>span:first-child {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  min-height:18px;
  margin:0 0 13px;
  color:var(--module-muted);
  font-size:11px;
  font-weight:500;
  line-height:1.55;
}
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name)>strong:not(.net-summary-name) {
  display:block;
  color:var(--module-ink);
  font-size:clamp(22px,1.9vw,27px);
  font-weight:580;
  line-height:1.22;
  letter-spacing:-1px;
  font-variant-numeric:tabular-nums;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name)>small {
  display:block;
  color:var(--module-muted);
  font-size:10px;
  line-height:1.65;
  min-height:0;
  margin:10px 0 0;
}
html main[data-bono-area] :is(.bono-kpi-icon,.workspace-stat-icon,.ov6-metric-top>svg) { color:var(--module-readable); }
html main[data-bono-area] .workspace-stats>div { gap:15px; }
html main[data-bono-area] .workspace-stats>div>span:last-child { min-width:0; }
html main[data-bono-area] .workspace-stats small { display:block; font-size:11px; line-height:1.5; color:var(--module-muted); margin-bottom:9px; }
html main[data-bono-area] .workspace-stats strong { display:block; color:var(--module-ink); font-size:25px; line-height:1.2; font-weight:580; letter-spacing:-.8px; font-variant-numeric:tabular-nums; overflow-wrap:normal; word-break:normal; }
html main[data-bono-area] .workspace-stat-icon { width:35px; height:35px; background:var(--module-band-tint); border:1px solid color-mix(in srgb, var(--module-accent) 14%, var(--module-panel)); border-radius:10px; }
html main[data-bono-area] .net-summary-name { display:block; color:var(--module-ink); font-size:14px; font-weight:560; line-height:1.6; letter-spacing:-.2px; white-space:normal; overflow-wrap:anywhere; margin:0; }
html main[data-bono-area] .ov6-metric-primary { background:linear-gradient(132deg,var(--module-panel),var(--module-band-tint)); }
html main[data-bono-area] .bi-metric { padding:20px 17px 18px; }
html main[data-bono-area] .bi-metric>span:first-child { min-height:34px; align-items:flex-start; }
html main[data-bono-area] .bi-metric-grid>.bi-metric>strong:not(.net-summary-name) { font-size:clamp(23px,1.85vw,26px); letter-spacing:-.75px; white-space:nowrap; overflow-wrap:normal; word-break:normal; }
html main[data-bono-area] .bi-metric>small { min-height:32px; }
html main[data-bono-area] .bi-metric:is(.selected,[aria-pressed="true"]) {
  background:linear-gradient(135deg,var(--module-panel),var(--module-band-tint));
  border-color:color-mix(in srgb,var(--module-accent) 53%,var(--module-card-line));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--module-accent) 12%,transparent),var(--module-shadow);
}
html main[data-bono-area] .bi-metric:is(.selected,[aria-pressed="true"])::after { background:var(--module-readable); left:17px; right:17px; }
html main[data-bono-area] .bi-no-comparison { color:var(--module-muted); font-size:10px; }
html main[data-bono-area] :is(.bi-metric,.bono-kpi-card):focus-visible { outline:2px solid var(--module-readable); outline-offset:3px; }

/* Panel refinement is scoped to page content; import previews and dialogs keep their layout. */
html main[data-bono-area] :is(.bono-surface,.ov6-panel,.ops-panel,.dh-panel,.bs-panel,.fn-panel,.bi-panel,.ws-service-card,.ws-checkin-card,.dh-source-card,.net-unit,.card):not(.summary-card,.kpi-card,.bono-kpi-card):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) {
  border-color:var(--module-card-line);
  border-radius:14px;
  box-shadow:var(--module-shadow);
  transition:border-color .2s, box-shadow .2s;
}
html main[data-bono-area] :is(.bono-surface,.ov6-panel,.ops-panel,.dh-panel,.bs-panel,.fn-panel,.bi-panel,.ws-service-card,.ws-checkin-card,.dh-source-card,.net-unit):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)):hover {
  border-color:color-mix(in srgb,var(--module-accent) 17%,var(--module-card-line));
}

@keyframes bono-band-enter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@keyframes bono-card-enter { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }

@media(max-width:1100px) {
  html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) { padding:24px; gap:20px; }
  html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) p { max-width:550px; }
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) { gap:10px; }
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)):has(>:nth-child(4)):not(:has(>:nth-child(5))) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:761px) and (max-width:1200px) {
  html main[data-bono-area] .bi-metric-grid:not(:where(.bi-overlay *)) { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:760px) {
  html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) { flex-direction:column; align-items:flex-start; min-height:0; padding:23px; gap:19px; border-radius:14px; }
  html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:first-child { width:100%; }
  html main[data-bono-area] :is(.page-actions,.ov6-heading-right,.ops-actions,.dh-actions,.ws-actions,.bi-actions,.bs-actions,.fn-actions) { width:100%; max-width:100%; margin:0; justify-content:flex-start; }
  html main[data-bono-area] .ov6-heading-right>div { justify-content:flex-start; flex-wrap:wrap; }
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name) { padding:19px 17px 17px; }
  html main[data-bono-area] .bi-metric>span:first-child { min-height:34px; }
  html main[data-bono-area] .workspace-stats>div { display:block; }
  html main[data-bono-area] .workspace-stat-icon { margin-bottom:14px; }
}
@media(max-width:480px) {
  html main[data-bono-area] .bono-kpi-head { gap:7px; margin-bottom:11px; }
  html main[data-bono-area] .bono-kpi-head>span:first-child { font-size:10px; }
  html main[data-bono-area] .bono-kpi-icon { flex-basis:27px; width:27px; height:27px; border-radius:8px; }
  html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) { padding:21px 19px; margin-bottom:18px; gap:18px; }
  html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))::before { top:23px; bottom:23px; }
  html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) h1 { font-size:27px; letter-spacing:-.95px; }
  html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) p { font-size:11px; }
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)) { gap:9px; margin-bottom:19px; }
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name) { padding:17px 15px 16px; border-radius:11px; }
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name)>span:first-child { font-size:10px; margin-bottom:11px; gap:7px; }
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name)>strong:not(.net-summary-name) { font-size:20px; letter-spacing:-.55px; }
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name)>small { font-size:9px; margin-top:9px; }
  html main[data-bono-area] .bi-metric-grid>.bi-metric { padding-left:12px; padding-right:12px; }
  html main[data-bono-area] .bi-metric-grid>.bi-metric>strong:not(.net-summary-name) { font-size:18px; letter-spacing:-.55px; }
  html main[data-bono-area] .workspace-stats strong { font-size:23px; }
}
@media(max-width:380px) {
  html main[data-bono-area] .bi-metric-grid { grid-template-columns:minmax(0,1fr); }
  html main[data-bono-area] .bi-metric-grid>.bi-metric>strong:not(.net-summary-name) { font-size:23px; }
}
@media(hover:none) {
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name):hover { transform:none; }
}
@media(prefers-reduced-motion:reduce) {
  html main[data-bono-area] :is(.bono-module-band,.page-heading,.ov6-heading,.ops-heading,.dh-heading,.ws-heading,.bi-heading,.bs-heading,.fn-heading):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *)),
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name) { animation:none; }
  html main[data-bono-area] :is(.bono-kpi-strip,.section-summary,.workspace-stats,.ops-metrics,.dh-metrics,.ws-metrics,.bs-metrics,.fn-metrics,.net-summary,.bi-metric-grid,.ov6-metrics):not(:where(.ws-overlay *,.dh-overlay *,.bs-overlay *,.fn-overlay *,.bi-overlay *,.ops-overlay *,.modal *))>:not(.net-summary-name):hover { transform:none; }
  html main[data-bono-area] :is(.bono-kpi-card,.bi-metric,.ov6-metric,.bono-surface,.ov6-panel,.ops-panel,.dh-panel,.bs-panel,.fn-panel,.bi-panel,.ws-service-card,.ws-checkin-card,.dh-source-card,.net-unit) { transition:none; }
}