.ch-body {
  --ch-atom: #5064fb;
  --ch-atom-soft: #8f9dff;
  --ch-ink: #06060f;
  --ch-ok: #55d98a;
  --ch-warn: #f7bd62;
  --ch-bad: #ff7188;
  --ch-unknown: #8b8ba7;
  --ao-line: color-mix(in srgb, var(--line, #2a2440) 76%, #5064fb 24%);
  background-image:
    radial-gradient(circle at 86% 1%, rgba(80, 100, 251, .13), transparent 32rem),
    radial-gradient(circle at 4% 26%, rgba(80, 100, 251, .06), transparent 28rem);
}
.ch-body .app-header {
  position: relative;
  z-index: 50;
  border-bottom: 1px solid var(--ao-line);
  background: color-mix(in srgb, var(--ch-ink) 88%, transparent);
  backdrop-filter: blur(16px);
}
.ch-body .bx-x { color: var(--ch-atom-soft); }
.ch-body .ao-action-primary { color: var(--ch-atom-soft); border-color: color-mix(in srgb, var(--ch-atom) 62%, transparent); }
.ch-body .ao-action-primary:hover,
.ch-body .ao-action-primary:focus-visible { background: color-mix(in srgb, var(--ch-atom) 14%, transparent); color: #e4e8ff; }
.ch-body .lang-opt { width: 100%; border: 0; background: transparent; text-align: start; }




.ch-icf { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.ch-icf-row {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--ao-line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--ch-ink) 55%, transparent);
}
.ch-icf-row[data-verdict="pass"] { border-color: color-mix(in srgb, var(--ch-ok) 48%, var(--ao-line)); }
.ch-icf-row[data-verdict="fail"] { border-color: color-mix(in srgb, var(--ch-bad) 52%, var(--ao-line)); }
.ch-icf-row[data-verdict="unmeasured"] { border-style: dashed; }
.ch-icf-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.ch-icf-head b { font-size: 13px; letter-spacing: .01em; }
.ch-icf-badge {
  flex: 0 0 auto;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
  border: 1px solid currentColor;
}
.ch-icf-badge[data-verdict="pass"] { color: var(--ch-ok); }
.ch-icf-badge[data-verdict="fail"] { color: var(--ch-bad); }
.ch-icf-badge[data-verdict="unmeasured"] { color: var(--ch-unknown); }
.ch-icf-value { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.ch-icf-value strong { font-size: 22px; font-variant-numeric: tabular-nums; }
.ch-icf-value small { font-size: 11px; color: var(--ch-unknown); }
.ch-icf-note { margin: 8px 0 0; font-size: 11px; line-height: 1.45; color: var(--muted, #9a94b8); }
.ch-icf-full { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }


.ch-prop {
  min-width: 0;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid var(--ao-line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--ch-ink) 55%, transparent);
}
.ch-prop[data-live="1"] { border-color: color-mix(in srgb, var(--ch-atom) 55%, var(--ao-line)); }
.ch-prop-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.ch-prop-head b { color: var(--ch-atom-soft); font-variant-numeric: tabular-nums; }
.ch-prop-head h4 { margin: 0; font-size: 14px; font-weight: 600; flex: 1 1 200px; min-width: 0; }
.ch-prop-status { font-size: 10px; letter-spacing: .06em; color: var(--ch-unknown); }
.ch-prop-stats { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); margin: 10px 0 0; }
.ch-prop-stats dt { font-size: 10px; text-transform: uppercase; letter-spacing: .06em; color: var(--ch-unknown); }
.ch-prop-stats dd { margin: 2px 0 0; font-size: 14px; font-variant-numeric: tabular-nums; }
.ch-prop-vote { margin: 10px 0 0; font-size: 12px; color: var(--ch-atom-soft); }


.ch-liveness { font-size: 10px; text-transform: uppercase; letter-spacing: .05em; white-space: nowrap; }
.ch-liveness[data-liveness="usable"] { color: var(--ch-ok); }
.ch-liveness[data-liveness="unchecked"] { color: var(--ch-unknown); }
.ch-liveness[data-liveness="expired"] { color: var(--ch-warn); }
.ch-liveness[data-liveness="closed"] { color: var(--ch-bad); }


.ch-owner-card #chGwOurs[data-owner="ours"] { color: var(--ch-ok); }
.ch-owner-card #chGwOurs[data-owner="third-party"] { color: var(--ch-warn); }
.ch-owner-card #chGwOurs[data-owner="unknown"] { color: var(--ch-unknown); }
.ch-right-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; }
.ch-right-row b[data-ok="0"] { color: var(--ch-warn); }
.ch-right-row b[data-ok="1"] { color: var(--ch-ok); }
.ch-gap-card .ao-notes li { line-height: 1.5; }





.ch-body .ao-table-wrap { overflow-x: auto; }
.ch-body .ao-card { min-width: 0; }
@media (max-width: 620px) {
  .ch-icf, .ch-icf-full { grid-template-columns: 1fr; }
  .ch-prop-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ch-icf-value strong { font-size: 19px; }
}



.ch-body .ao-stat-big > dd:first-of-type { white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 620px) { .ch-body .ao-stat-big > dd:first-of-type { font-size: 20px; } }




.ch-body .ao-vrow { grid-template-columns: 52px minmax(190px, 2fr) repeat(4, minmax(90px, 1fr)); min-width: 700px; }
.ch-body .ao-vname small { color: var(--ch-unknown); }
@media (max-width: 620px) {
  .ch-body .ao-vrow { grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
}