/* A record type in its own colour: the icon tile, and the tag or chip that names it. */
.rtc-contact { --rtc: var(--rt-contact); }
.rtc-opportunity { --rtc: var(--rt-opportunity); }
.rtc-deal { --rtc: var(--rt-deal); }
.rtc-estimate { --rtc: var(--rt-estimate); }
.rtc-job { --rtc: var(--rt-job); }
.rtc-appointment { --rtc: var(--rt-appointment); }
.rtc-invoice { --rtc: var(--rt-invoice); }

.rtc.rtc:is(.ic, .chip, .tag) {
  color: var(--rtc);
  background: color-mix(in srgb, var(--rtc) 12%, transparent);
}
.rtc.rtc:is(.chip, .tag) { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rtc) 26%, transparent); }