/* 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(.sect-ic, .rv-ic, .ic, .chip, .tag, .rtc-ic) {
  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); }
.rtc.rtc-ic { display: inline-grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: var(--r-s); }
.rtc.rtc-ic svg { width: 13px; height: 13px; }