/* Reference MissingPanel: paired type/count columns inside six section cards. */
.missing-view { display: grid; gap: 12px; }
.missing-section {
  overflow: hidden;
  border: 1px solid color-mix(in oklab, var(--line) 60%, transparent);
  border-radius: 10px;
  box-shadow: 0 1px 3px oklch(68% .15 230 / .08), 0 1px 2px #0000000a;
  transition: box-shadow .2s, transform .2s;
}
.missing-section:hover { transform: translateY(-1px); box-shadow: 0 4px 12px oklch(68% .15 230 / .12), 0 2px 4px #0000000f; }
.missing-section-heading { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-bottom: 1px solid color-mix(in oklab, var(--line) 40%, transparent); background: color-mix(in oklab, var(--soft) 30%, transparent); }
.missing-section-heading i { width: 4px; height: 16px; flex: 0 0 4px; border-radius: 999px; background: linear-gradient(to bottom, var(--cyan), color-mix(in oklab, var(--cyan) 50%, transparent)); }
.missing-section-heading h3 { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .025em; line-height: 16px; }
.missing-type-grid { display: grid; }
.missing-columns-2, .missing-columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.missing-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.missing-grid-heading, .missing-data-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; text-align: center; }
.missing-grid-heading { background: color-mix(in oklab, var(--soft) 30%, transparent); border-bottom: 1px solid color-mix(in oklab, var(--line) 30%, transparent); }
.missing-grid-heading span { padding: 6px 8px; color: var(--muted); font-size: 12px; font-weight: 600; line-height: 16px; }
.missing-extra-heading { display: none; }
.missing-data-row { align-items: center; padding: 8px 0; border-bottom: 1px solid color-mix(in oklab, var(--line) 20%, transparent); transition: background-color .15s; }
.missing-data-row:nth-child(even) { background: oklch(68% .15 230 / .03); }
.missing-data-row:hover { background: oklch(68% .15 230 / .06); }
.missing-columns-2 > :nth-child(2n), .missing-columns-4 > :nth-child(2n), .missing-columns-3 > :not(:nth-child(3n + 1)) { border-left: 1px solid color-mix(in oklab, var(--line) 30%, transparent); }
.missing-data-row > div:first-child { display: flex; justify-content: center; }
.missing-type-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; border-radius: 8px; padding: 2px 10px; color: white; font-size: 12px; font-weight: 600; line-height: 16px; }
.missing-color-blue { background: var(--badge-blue); }
.missing-color-red { background: var(--red); }
.missing-color-emerald { background: oklch(69.6% .17 162.48); }
.missing-color-orange { background: var(--orange); }
.missing-color-cyan { background: var(--badge-cyan); }
.missing-color-purple { background: var(--purple); }
.missing-color-gray { background: var(--gray); }
.missing-color-amber { background: oklch(76.9% .188 70.08); }
.missing-color-dark-red { background: oklch(57.7% .245 27.325); }
.missing-color-sky { background: oklch(68.5% .169 237.323); }
.missing-value { white-space: nowrap; font-size: 14px; line-height: 20px; }
.missing-value strong { color: var(--cyan); font-family: var(--number-font); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.missing-value strong.missing-value-high { color: oklch(57.7% .245 27.325); }
.missing-value > span { margin-left: 2px; color: var(--muted); font-size: 12px; }
.missing-insight { display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border: 1px solid color-mix(in oklab, var(--cyan) 10%, transparent); border-radius: 10px; background: color-mix(in oklab, var(--cyan) 3%, transparent); color: color-mix(in oklab, var(--ink) 80%, transparent); font-size: 12px; line-height: 1.625; }
.missing-insight > span { flex-shrink: 0; margin-top: 2px; color: color-mix(in oklab, var(--cyan) 60%, transparent); }
.missing-insight p { margin: 0; }
.missing-note { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.625; }
.missing-empty { padding: 28px 12px; text-align: center; color: var(--muted); font-size: 14px; }
@media (min-width: 640px) {
  .missing-section-heading { padding-right: 16px; padding-left: 16px; }
  .missing-section-heading h3, .missing-grid-heading span, .missing-type-badge { font-size: 14px; line-height: 20px; }
  .missing-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .missing-extra-heading { display: grid; }
  .missing-columns-4 > :not(:nth-child(4n + 1)) { border-left: 1px solid color-mix(in oklab, var(--line) 30%, transparent); }
  .missing-value { font-size: 16px; line-height: 24px; }
  .missing-value > span { font-size: 14px; }
  .missing-insight { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .missing-section { transition: none; } .missing-section:hover { transform: none; } }