/* Final dark-mode polish for WhatsApp and client detail tabs. */
.dark [class*="bg-[#fffefa]"][class*="text-[#1f2937]"] {
  background: #fffdf7 !important;
  border-color: rgba(17, 24, 39, .16) !important;
  color: #111827 !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, .22),
    0 1px 0 rgba(255, 255, 255, .78) inset !important;
}

.dark [class*="bg-[#fffefa]"][class*="text-[#1f2937]"] p,
.dark [class*="bg-[#fffefa]"][class*="text-[#1f2937]"] span {
  color: inherit !important;
}

.dark [class*="bg-[#fffefa]"][class*="text-[#1f2937]"] [class*="text-[#9e9e9e]"],
.dark [class*="bg-[#fffefa]"][class*="text-[#1f2937]"] [class*="text-[#7a746d]"] {
  color: #6b7280 !important;
}

.dark [class*="bg-[#fffefa]"][class*="text-[#1f2937]"] button {
  color: #4b5563 !important;
}

.dark .assistido-andamentos-panel {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(31, 43, 61, .84), rgba(15, 23, 35, .88)),
    linear-gradient(rgba(148, 163, 184, .075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, .075) 1px, transparent 1px) !important;
  background-size: auto, 32px 32px, 32px 32px !important;
  border-color: rgba(123, 143, 173, .28) !important;
}

.dark .assistido-andamentos-panel > * {
  position: relative;
  z-index: 1;
}

.dark .assistido-andamentos-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 8%, rgba(128, 153, 188, .18), transparent 18rem),
    radial-gradient(circle at 84% 12%, rgba(56, 82, 118, .18), transparent 20rem);
  opacity: .9;
}

.dark .assistido-andamentos-panel [class*="bg-muted/30"] {
  background: rgba(16, 24, 36, .72) !important;
  border-color: rgba(127, 145, 174, .32) !important;
  backdrop-filter: blur(8px);
}

.dark .assistido-andamentos-panel [class*="bg-card"] {
  background: rgba(12, 18, 28, .86) !important;
  border-color: rgba(126, 145, 174, .36) !important;
}

.dark [role="tab"][data-state="active"] {
  background:
    linear-gradient(180deg, rgba(58, 74, 101, .82), rgba(35, 48, 68, .92)) !important;
  border-color: rgba(143, 164, 195, .34) !important;
  color: #f8fafc !important;
  box-shadow:
    inset 0 -2px 0 rgba(143, 172, 212, .92),
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 10px 22px rgba(0, 0, 0, .22) !important;
}
