/**
 * RC semantic colour utilities (5.2.21)
 * Use these in PHP instead of text-slate-* / bg-white so themes work at the source.
 */
.text-rc-ink { color: var(--rc-ink, #0f172a) !important; }
.text-rc-soft { color: var(--rc-ink-soft, #323130) !important; }
.text-rc-muted { color: var(--rc-ink-muted, #475569) !important; }
.text-rc-faint { color: var(--rc-ink-faint, #64748b) !important; }
.bg-rc-card { background-color: var(--rc-card, #ffffff) !important; color: var(--rc-ink, #0f172a); }
.bg-rc-paper { background-color: var(--rc-paper, #f8fafc) !important; }
.bg-rc-subtle { background-color: color-mix(in srgb, var(--rc-ink, #0f172a) 4%, var(--rc-card, #fff)) !important; }
.border-rc { border-color: var(--rc-border, #e2e8f0) !important; }
.border-rc-strong { border-color: color-mix(in srgb, var(--rc-border, #e2e8f0) 80%, var(--rc-ink, #0f172a)) !important; }
.divide-rc > :not([hidden]) ~ :not([hidden]) { border-color: var(--rc-border, #e2e8f0) !important; }
.placeholder-rc::placeholder { color: var(--rc-ink-faint, #64748b) !important; }
.ring-rc { --tw-ring-color: var(--rc-border, #e2e8f0); }

/* Inverse surfaces (activity consoles, dark chips that stay dark in all themes) */
.bg-rc-inverse {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
}
.bg-rc-inverse-soft {
  background-color: #1e293b !important;
  color: #e2e8f0 !important;
}
.border-rc-inverse { border-color: #334155 !important; }
.text-rc-on-inverse { color: #e2e8f0 !important; }
.text-rc-on-inverse-muted { color: #94a3b8 !important; }
html[data-theme="dark"] .bg-rc-inverse,
html.dark .bg-rc-inverse {
  background-color: #020617 !important;
}
html[data-theme="dark"] .bg-rc-inverse-soft,
html.dark .bg-rc-inverse-soft {
  background-color: #0f172a !important;
}

.hover\:bg-rc-subtle:hover { background-color: color-mix(in srgb, var(--rc-ink, #0f172a) 6%, var(--rc-card, #fff)) !important; }
.hover\:bg-rc-card:hover { background-color: var(--rc-card, #fff) !important; }
.hover\:text-rc-ink:hover { color: var(--rc-ink, #0f172a) !important; }
.hover\:text-rc-soft:hover { color: var(--rc-ink-soft, #323130) !important; }
.hover\:text-rc-muted:hover { color: var(--rc-ink-muted, #475569) !important; }
.hover\:border-rc-strong:hover { border-color: color-mix(in srgb, var(--rc-border, #e2e8f0) 70%, var(--rc-ink, #0f172a)) !important; }
.focus\:border-rc-strong:focus { border-color: color-mix(in srgb, var(--rc-border, #e2e8f0) 70%, var(--rc-ink, #0f172a)) !important; }
.focus\:ring-rc:focus { --tw-ring-color: var(--rc-border, #e2e8f0); }