/* Reemplaza los acentos azules visibles por el amarillo operativo solicitado. */
:root {
  --cbk-yellow-primary: oklch(0.86 0.16 88.07);
  --cbk-yellow-primary-soft: color-mix(in oklch, var(--cbk-yellow-primary) 22%, white);
  --cbk-yellow-primary-ink: #111827;
}

button[class*="bg-blue"],
a[class*="bg-blue"],
[role="button"][class*="bg-blue"],
button[class*="from-blue"],
a[class*="from-blue"],
[role="button"][class*="from-blue"],
button[class*="to-blue"],
a[class*="to-blue"],
[role="button"][class*="to-blue"] {
  background: var(--cbk-yellow-primary) !important;
  background-color: var(--cbk-yellow-primary) !important;
  color: var(--cbk-yellow-primary-ink) !important;
  border-color: var(--cbk-yellow-primary) !important;
}

button[class*="text-blue"],
a[class*="text-blue"],
[role="button"][class*="text-blue"] {
  color: var(--cbk-yellow-primary-ink) !important;
}

button[class*="border-blue"],
a[class*="border-blue"],
[role="button"][class*="border-blue"] {
  border-color: var(--cbk-yellow-primary) !important;
}

button[class*="hover:bg-blue"]:hover,
a[class*="hover:bg-blue"]:hover,
[role="button"][class*="hover:bg-blue"]:hover {
  background: var(--cbk-yellow-primary-soft) !important;
  color: var(--cbk-yellow-primary-ink) !important;
}

aside .bg-primary,
aside [class*="bg-primary"],
aside [aria-current="page"],
aside [data-active="true"],
[role="navigation"] .bg-primary,
[role="navigation"] [class*="bg-primary"],
[role="navigation"] [aria-current="page"],
[role="navigation"] [data-active="true"],
[data-sidebar="menu-button"][data-active="true"],
[data-slot="sidebar-menu-button"][data-active="true"],
.bg-primary {
  background: var(--cbk-yellow-primary) !important;
  background-color: var(--cbk-yellow-primary) !important;
  color: var(--cbk-yellow-primary-ink) !important;
  border-color: var(--cbk-yellow-primary) !important;
}

aside .bg-primary svg,
aside [class*="bg-primary"] svg,
aside [aria-current="page"] svg,
aside [data-active="true"] svg,
[role="navigation"] .bg-primary svg,
[role="navigation"] [class*="bg-primary"] svg,
[role="navigation"] [aria-current="page"] svg,
[role="navigation"] [data-active="true"] svg,
.bg-primary svg {
  color: var(--cbk-yellow-primary-ink) !important;
  stroke: currentColor !important;
}

.text-primary,
button.text-primary,
a.text-primary {
  color: var(--cbk-yellow-primary-ink) !important;
}

.border-primary,
button.border-primary,
a.border-primary {
  border-color: var(--cbk-yellow-primary) !important;
}

.ring-blue-400,
.ring-blue-500,
.ring-blue-600,
[class*="ring-blue"] {
  --tw-ring-color: var(--cbk-yellow-primary) !important;
}

.cbk-export-pdf-btn {
  border-color: var(--cbk-yellow-primary) !important;
  color: var(--cbk-yellow-primary-ink) !important;
}

.cbk-export-pdf-btn:hover {
  background: var(--cbk-yellow-primary-soft) !important;
}

.cbk-chat-thread-active,
.cbk-chat-avatar {
  background: var(--cbk-yellow-primary-soft) !important;
  color: var(--cbk-yellow-primary-ink) !important;
}

.cbk-chat-bubble-out,
.cbk-chat-send {
  background: var(--cbk-yellow-primary) !important;
  color: var(--cbk-yellow-primary-ink) !important;
}

.cbk-chat-fab {
  background: linear-gradient(135deg, var(--cbk-yellow-primary), oklch(0.91 0.13 92)) !important;
  color: var(--cbk-yellow-primary-ink) !important;
  box-shadow: 0 14px 34px color-mix(in oklch, var(--cbk-yellow-primary) 36%, transparent) !important;
}

.cbk-gantt-task-bar > div:nth-child(2) > div {
  background: linear-gradient(90deg, oklch(0.78 0.14 78), var(--cbk-yellow-primary), oklch(0.71 0.16 145)) !important;
  box-shadow:
    0 0 16px color-mix(in oklch, var(--cbk-yellow-primary) 36%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}