/*
 * Wave dark-mode polyfill
 * Filament ships pre-compiled CSS that only contains the dark: variants it
 * uses internally. Any dark: class used in Wave's own blade views but absent
 * from Filament's bundle silently falls back to the light-mode value —
 * invisible text on dark backgrounds. This file patches the gap.
 * Selector pattern mirrors Tailwind's compiled output: :is(.dark *)
 */

/* ─── text: gray ─────────────────────────────────────────────────────────── */
.dark\:text-gray-100:is(.dark *) { color: rgb(243 244 246); }
.dark\:text-gray-600:is(.dark *) { color: rgb(75 85 99); }

/* ─── text: green / emerald / teal ──────────────────────────────────────── */
.dark\:text-green-300:is(.dark *)   { color: rgb(134 239 172); }
.dark\:text-green-400:is(.dark *)   { color: rgb(74 222 128);  }
.dark\:text-green-500:is(.dark *)   { color: rgb(34 197 94);   }
.dark\:text-emerald-300:is(.dark *) { color: rgb(110 231 183); }
.dark\:text-emerald-400:is(.dark *) { color: rgb(52 211 153);  }
.dark\:text-teal-300:is(.dark *)    { color: rgb(94 234 212);  }
.dark\:text-teal-400:is(.dark *)    { color: rgb(45 212 191);  }

/* ─── text: blue / sky / indigo / violet / purple ───────────────────────── */
.dark\:text-blue-300:is(.dark *)   { color: rgb(147 197 253); }
.dark\:text-blue-400:is(.dark *)   { color: rgb(96 165 250);  }
.dark\:text-sky-300:is(.dark *)    { color: rgb(125 211 252); }
.dark\:text-sky-400:is(.dark *)    { color: rgb(56 189 248);  }
.dark\:text-indigo-200:is(.dark *) { color: rgb(199 210 254); }
.dark\:text-indigo-300:is(.dark *) { color: rgb(165 180 252); }
.dark\:text-indigo-400:is(.dark *) { color: rgb(129 140 248); }
.dark\:text-violet-300:is(.dark *) { color: rgb(196 181 253); }
.dark\:text-violet-400:is(.dark *) { color: rgb(167 139 250); }
.dark\:text-purple-300:is(.dark *) { color: rgb(216 180 254); }
.dark\:text-purple-400:is(.dark *) { color: rgb(192 132 252); }

/* ─── text: amber / yellow / orange ─────────────────────────────────────── */
.dark\:text-amber-300:is(.dark *)  { color: rgb(252 211 77);  }
.dark\:text-amber-400:is(.dark *)  { color: rgb(251 191 36);  }
.dark\:text-yellow-300:is(.dark *) { color: rgb(253 224 71);  }
.dark\:text-yellow-400:is(.dark *) { color: rgb(250 204 21);  }
.dark\:text-yellow-500:is(.dark *) { color: rgb(234 179 8);   }
.dark\:text-orange-300:is(.dark *) { color: rgb(253 186 116); }
.dark\:text-orange-400:is(.dark *) { color: rgb(251 146 60);  }

/* ─── text: red / rose ───────────────────────────────────────────────────── */
.dark\:text-red-300:is(.dark *)  { color: rgb(252 165 165); }
.dark\:text-red-400:is(.dark *)  { color: rgb(248 113 113); }
.dark\:text-rose-300:is(.dark *) { color: rgb(253 164 175); }

/* ─── text: primary (Filament CSS var) ──────────────────────────────────── */
.dark\:text-primary-300:is(.dark *) { color: rgba(var(--primary-300), 1); }

/* ─── hover text ─────────────────────────────────────────────────────────── */
.dark\:hover\:text-amber-400:is(.dark *):hover   { color: rgb(251 191 36);  }
.dark\:hover\:text-yellow-400:is(.dark *):hover  { color: rgb(250 204 21);  }
.dark\:hover\:text-red-400:is(.dark *):hover     { color: rgb(248 113 113); }
.dark\:hover\:text-primary-300:is(.dark *):hover { color: rgba(var(--primary-300), 1); }
.dark\:hover\:text-primary-400:is(.dark *):hover { color: rgba(var(--primary-400), 1); }
.dark\:hover\:text-gray-200:is(.dark *):hover    { color: rgb(229 231 235); }
.dark\:hover\:text-gray-300:is(.dark *):hover    { color: rgb(209 213 219); }
.dark\:hover\:text-white:is(.dark *):hover       { color: rgb(255 255 255); }

/* ─── bg: green / emerald ───────────────────────────────────────────────── */
.dark\:bg-green-400:is(.dark *)       { background-color: rgb(74 222 128);        }
.dark\:bg-green-500\/10:is(.dark *)   { background-color: rgb(34 197 94 / 0.10);  }
.dark\:bg-green-500\/20:is(.dark *)   { background-color: rgb(34 197 94 / 0.20);  }
.dark\:bg-green-900\/10:is(.dark *)   { background-color: rgb(20 83 45 / 0.10);   }
.dark\:bg-green-900\/20:is(.dark *)   { background-color: rgb(20 83 45 / 0.20);   }
.dark\:bg-green-900\/30:is(.dark *)   { background-color: rgb(20 83 45 / 0.30);   }
.dark\:bg-green-900\/40:is(.dark *)   { background-color: rgb(20 83 45 / 0.40);   }
.dark\:bg-green-950\/50:is(.dark *)   { background-color: rgb(5 46 22 / 0.50);    }
.dark\:bg-emerald-400:is(.dark *)     { background-color: rgb(52 211 153);        }
.dark\:bg-emerald-500\/10:is(.dark *) { background-color: rgb(16 185 129 / 0.10); }
.dark\:bg-emerald-500\/20:is(.dark *) { background-color: rgb(16 185 129 / 0.20); }
.dark\:bg-emerald-900\/30:is(.dark *) { background-color: rgb(6 78 59 / 0.30);    }

/* ─── bg: blue / sky ────────────────────────────────────────────────────── */
.dark\:bg-blue-400:is(.dark *)       { background-color: rgb(96 165 250);         }
.dark\:bg-blue-500\/20:is(.dark *)   { background-color: rgb(59 130 246 / 0.20);  }
.dark\:bg-blue-800:is(.dark *)       { background-color: rgb(30 64 175);          }
.dark\:bg-blue-900\/20:is(.dark *)   { background-color: rgb(23 37 84 / 0.20);    }
.dark\:bg-blue-900\/30:is(.dark *)   { background-color: rgb(23 37 84 / 0.30);    }
.dark\:bg-blue-900\/40:is(.dark *)   { background-color: rgb(23 37 84 / 0.40);    }
.dark\:bg-blue-900\/50:is(.dark *)   { background-color: rgb(23 37 84 / 0.50);    }
.dark\:bg-blue-950\/50:is(.dark *)   { background-color: rgb(23 37 84 / 0.50);    }
.dark\:bg-sky-400:is(.dark *)        { background-color: rgb(56 189 248);         }
.dark\:bg-sky-500\/20:is(.dark *)    { background-color: rgb(14 165 233 / 0.20);  }
.dark\:bg-sky-900\/30:is(.dark *)    { background-color: rgb(8 47 73 / 0.30);     }

/* ─── bg: indigo / violet / purple ──────────────────────────────────────── */
.dark\:bg-indigo-400:is(.dark *)     { background-color: rgb(129 140 248);        }
.dark\:bg-indigo-500\/10:is(.dark *) { background-color: rgb(99 102 241 / 0.10);  }
.dark\:bg-indigo-500\/20:is(.dark *) { background-color: rgb(99 102 241 / 0.20);  }
.dark\:bg-indigo-900\/20:is(.dark *) { background-color: rgb(30 27 75 / 0.20);    }
.dark\:bg-violet-400:is(.dark *)     { background-color: rgb(167 139 250);        }
.dark\:bg-violet-500\/20:is(.dark *) { background-color: rgb(139 92 246 / 0.20);  }
.dark\:bg-violet-900\/30:is(.dark *) { background-color: rgb(46 16 101 / 0.30);   }
.dark\:bg-violet-900\/50:is(.dark *) { background-color: rgb(46 16 101 / 0.50);   }
.dark\:bg-purple-950\/50:is(.dark *) { background-color: rgb(59 7 100 / 0.50);    }

/* ─── bg: amber / yellow / orange ───────────────────────────────────────── */
.dark\:bg-amber-500:is(.dark *)      { background-color: rgb(245 158 11);         }
.dark\:bg-amber-500\/5:is(.dark *)   { background-color: rgb(245 158 11 / 0.05);  }
.dark\:bg-amber-500\/10:is(.dark *)  { background-color: rgb(245 158 11 / 0.10);  }
.dark\:bg-amber-500\/20:is(.dark *)  { background-color: rgb(245 158 11 / 0.20);  }
.dark\:bg-amber-900\/20:is(.dark *)  { background-color: rgb(120 53 15 / 0.20);   }
.dark\:bg-amber-900\/30:is(.dark *)  { background-color: rgb(120 53 15 / 0.30);   }
.dark\:bg-yellow-500\/20:is(.dark *) { background-color: rgb(234 179 8 / 0.20);   }
.dark\:bg-yellow-900\/20:is(.dark *) { background-color: rgb(66 32 6 / 0.20);     }
.dark\:bg-yellow-900\/30:is(.dark *) { background-color: rgb(66 32 6 / 0.30);     }
.dark\:bg-yellow-950\/50:is(.dark *) { background-color: rgb(66 32 6 / 0.50);     }
.dark\:bg-orange-500\/20:is(.dark *) { background-color: rgb(249 115 22 / 0.20);  }

/* ─── bg: red / rose ────────────────────────────────────────────────────── */
.dark\:bg-red-500\/20:is(.dark *)    { background-color: rgb(239 68 68 / 0.20);   }
.dark\:bg-red-900\/10:is(.dark *)    { background-color: rgb(127 29 29 / 0.10);   }
.dark\:bg-red-900\/20:is(.dark *)    { background-color: rgb(127 29 29 / 0.20);   }
.dark\:bg-red-900\/30:is(.dark *)    { background-color: rgb(127 29 29 / 0.30);   }
.dark\:bg-rose-400:is(.dark *)       { background-color: rgb(251 113 133);        }
.dark\:bg-rose-500\/20:is(.dark *)   { background-color: rgb(244 63 94 / 0.20);   }

/* ─── bg: gray with opacity ─────────────────────────────────────────────── */
.dark\:bg-gray-800\/50:is(.dark *)   { background-color: rgb(31 41 55 / 0.50);    }

/* ─── bg: primary ───────────────────────────────────────────────────────── */
.dark\:bg-primary-400:is(.dark *)       { background-color: rgba(var(--primary-400), 1);    }
.dark\:bg-primary-500\/10:is(.dark *)   { background-color: rgba(var(--primary-500), 0.10); }
.dark\:bg-primary-500\/20:is(.dark *)   { background-color: rgba(var(--primary-500), 0.20); }
.dark\:bg-primary-900:is(.dark *)       { background-color: rgba(var(--primary-900), 1);    }
.dark\:bg-primary-900\/30:is(.dark *)   { background-color: rgba(var(--primary-900), 0.30); }
.dark\:bg-primary-900\/40:is(.dark *)   { background-color: rgba(var(--primary-900), 0.40); }

/* ─── hover bg ───────────────────────────────────────────────────────────── */
.dark\:hover\:bg-gray-600:is(.dark *):hover      { background-color: rgb(75 85 99);           }
.dark\:hover\:bg-gray-700:is(.dark *):hover      { background-color: rgb(55 65 81);           }
.dark\:hover\:bg-gray-800:is(.dark *):hover      { background-color: rgb(31 41 55);           }
.dark\:hover\:bg-gray-800\/30:is(.dark *):hover  { background-color: rgb(31 41 55 / 0.30);    }
.dark\:hover\:bg-red-900\/20:is(.dark *):hover   { background-color: rgb(127 29 29 / 0.20);   }
.dark\:hover\:bg-red-900\/30:is(.dark *):hover   { background-color: rgb(127 29 29 / 0.30);   }
.dark\:hover\:bg-yellow-900\/20:is(.dark *):hover { background-color: rgb(66 32 6 / 0.20);    }
.dark\:hover\:bg-orange-900\/20:is(.dark *):hover { background-color: rgb(154 52 18 / 0.20);  }
.dark\:hover\:bg-primary-900\/20:is(.dark *):hover { background-color: rgba(var(--primary-900), 0.20); }
.dark\:hover\:bg-primary-900\/30:is(.dark *):hover { background-color: rgba(var(--primary-900), 0.30); }
.dark\:hover\:border-emerald-400:is(.dark *):hover { border-color: rgb(52 211 153);            }
.dark\:hover\:border-indigo-400:is(.dark *):hover  { border-color: rgb(129 140 248);           }

/* ─── border ─────────────────────────────────────────────────────────────── */
.dark\:border-gray-600:is(.dark *)    { border-color: rgb(75 85 99);    }
.dark\:border-gray-700:is(.dark *)    { border-color: rgb(55 65 81);    }
.dark\:border-gray-800:is(.dark *)    { border-color: rgb(31 41 55);    }
.dark\:border-gray-800\/50:is(.dark *){ border-color: rgb(31 41 55 / 0.50); }
.dark\:border-amber-500\/20:is(.dark *){ border-color: rgb(245 158 11 / 0.20); }
.dark\:border-amber-500\/30:is(.dark *){ border-color: rgb(245 158 11 / 0.30); }
.dark\:border-amber-700:is(.dark *)   { border-color: rgb(180 83 9);    }
.dark\:border-amber-700\/40:is(.dark *){ border-color: rgb(180 83 9 / 0.40);  }
.dark\:border-blue-700:is(.dark *)    { border-color: rgb(29 78 216);   }
.dark\:border-blue-800:is(.dark *)    { border-color: rgb(30 64 175);   }
.dark\:border-blue-900\/40:is(.dark *){ border-color: rgb(23 37 84 / 0.40);   }
.dark\:border-emerald-500\/30:is(.dark *){ border-color: rgb(16 185 129 / 0.30); }
.dark\:border-green-800:is(.dark *)   { border-color: rgb(22 101 52);   }
.dark\:border-indigo-500\/30:is(.dark *){ border-color: rgb(99 102 241 / 0.30); }
.dark\:border-indigo-700\/40:is(.dark *){ border-color: rgb(67 56 202 / 0.40);  }
.dark\:border-orange-800:is(.dark *)  { border-color: rgb(154 52 18);   }
.dark\:border-primary-700:is(.dark *) { border-color: rgba(var(--primary-700), 1); }
.dark\:border-primary-800\/60:is(.dark *){ border-color: rgba(var(--primary-800), 0.60); }
.dark\:border-purple-800:is(.dark *)  { border-color: rgb(107 33 168);  }
.dark\:border-red-800:is(.dark *)     { border-color: rgb(153 27 27);   }
.dark\:border-red-900\/40:is(.dark *) { border-color: rgb(127 29 29 / 0.40);   }
.dark\:border-yellow-700:is(.dark *)  { border-color: rgb(161 98 7);    }
.dark\:border-yellow-800:is(.dark *)  { border-color: rgb(133 77 14);   }

/* ─── divide ─────────────────────────────────────────────────────────────── */
.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) { border-color: rgb(55 65 81); }
.dark\:divide-gray-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) { border-color: rgb(31 41 55); }
.dark\:divide-gray-800\/50:is(.dark *) > :not([hidden]) ~ :not([hidden]) { border-color: rgb(31 41 55 / 0.50); }

/* ─── ring ───────────────────────────────────────────────────────────────── */
.dark\:ring-gray-700:is(.dark *)       { --tw-ring-color: rgb(55 65 81); }
.dark\:ring-green-500\/30:is(.dark *)  { --tw-ring-color: rgb(34 197 94 / 0.30); }
.dark\:ring-primary-700:is(.dark *)    { --tw-ring-color: rgba(var(--primary-700), 1); }
.dark\:ring-primary-800:is(.dark *)    { --tw-ring-color: rgba(var(--primary-800), 1); }
.dark\:ring-primary-800\/60:is(.dark *){ --tw-ring-color: rgba(var(--primary-800), 0.60); }

/* ─── placeholder ────────────────────────────────────────────────────────── */
.dark\:placeholder-gray-500:is(.dark *)::placeholder { color: rgb(107 114 128); }
.dark\:placeholder-gray-600:is(.dark *)::placeholder { color: rgb(75 85 99);    }