/* Admin skin for the shared coverage builder (see
   app/views/contractors/_coverage_builder.html.erb). The builder's styles all
   read the jc-* custom properties, so the retone is a token remap: brand warm
   paper -> the staff tool's white/gray, brand tangerine -> the admin blue,
   display faces -> the system stack. Scoped under BOTH classes — never add an
   unscoped selector to this file. Values are Tailwind's white/gray/blue
   palette, matching the record page. */
.jc-intake.jc-coverage-admin {
  --jc-warm-050: #ffffff;
  --jc-warm-100: #f9fafb;  /* gray-50 */
  --jc-warm-200: #e5e7eb;  /* gray-200 */
  --jc-warm-300: #d1d5db;  /* gray-300 */
  --jc-warm-700: #6b7280;  /* gray-500 */
  --jc-ink: #111827;       /* gray-900 */
  --jc-orange: #2563eb;        /* blue-600 — the admin accent */
  --jc-orange-deep: #1d4ed8;   /* blue-700 */
  --jc-orange-bright: #3b82f6; /* blue-500 */
  --jc-font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --jc-font-display: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background-color: transparent; /* sit on the record page's own ground */
}

/* Ink on blue-600 is ~3.4:1; white on it is 5.2:1 and on blue-700 hover 6.7:1 (WCAG AA 4.5:1). */
.jc-intake.jc-coverage-admin .jc-map-popover__expand {
  color: var(--jc-white);
}

.jc-intake.jc-coverage-admin .jc-map-popover__expand:hover {
  background-color: var(--jc-orange-deep);
  border-color: var(--jc-orange-deep);
}

/* The review desk's two columns are each too narrow for a row of cards. */
.jc-intake.jc-coverage-admin .jc-area-cards--compare {
  grid-template-columns: minmax(0, 1fr);
  margin-bottom: 0.5rem;
}