/* ============================================================
   Tema AsistPro — "GPT style" blanco y negro para CloudCLI.
   Se inyecta DESPUÉS del bundle (misma especificidad ⇒ gana el último).
   Fuente: ~/scripts/cloudcli-theme-gpt.css — el daemon lo copia a
   dist/assets/ y agrega el <link> en index.html en cada arranque,
   así sobrevive a updates del paquete npm.
   ============================================================ */

/* --- Modo claro: blanco puro, primario negro (estilo GPT) --- */
:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 9%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 9%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 9%;
  --primary: 0 0% 9%;
  --primary-foreground: 0 0% 98%;
  --secondary: 0 0% 96%;
  --secondary-foreground: 0 0% 15%;
  --muted: 0 0% 96%;
  --muted-foreground: 0 0% 44%;
  --accent: 0 0% 96%;
  --accent-foreground: 0 0% 15%;
  --border: 0 0% 90%;
  --input: 0 0% 90%;
  --ring: 0 0% 9%;
  --nav-glass-bg: 0 0% 100% / .7;
  --nav-tab-glow: 0 0% 9% / .10;
  --nav-tab-ring: 0 0% 9% / .08;
  --nav-float-ring: 0 0% 90% / .5;
  --nav-divider-color: 0 0% 90% / .5;
  --nav-input-bg: 0 0% 96% / .5;
  --nav-input-focus-ring: 0 0% 9% / .18;
}

/* --- Modo oscuro: negro GPT (#212121 / #171717), primario blanco --- */
.dark {
  --background: 0 0% 13%;
  --foreground: 0 0% 93%;
  --card: 0 0% 9%;
  --card-foreground: 0 0% 93%;
  --popover: 0 0% 9%;
  --popover-foreground: 0 0% 93%;
  --primary: 0 0% 98%;
  --primary-foreground: 0 0% 9%;
  --secondary: 0 0% 18%;
  --secondary-foreground: 0 0% 93%;
  --muted: 0 0% 18%;
  --muted-foreground: 0 0% 62%;
  --accent: 0 0% 18%;
  --accent-foreground: 0 0% 93%;
  --border: 0 0% 20%;
  --input: 0 0% 24%;
  --ring: 0 0% 83%;
  --nav-glass-bg: 0 0% 9% / .55;
  --nav-tab-glow: 0 0% 98% / .12;
  --nav-tab-ring: 0 0% 98% / .10;
  --nav-float-ring: 0 0% 20% / .3;
  --nav-divider-color: 0 0% 20% / .5;
  --nav-input-bg: 0 0% 18% / .5;
  --nav-input-focus-ring: 0 0% 98% / .18;
}

/* --- Checkboxes y radios nativos → blanco y negro --- */
input[type=checkbox]:checked, input[type=radio]:checked {
  background-color: rgb(23 23 23) !important;
  border-color: rgb(23 23 23) !important;
}
.dark input[type=checkbox], .dark input[type=radio] { color: rgb(115 115 115) !important; }
.dark input[type=checkbox]:checked, .dark input[type=radio]:checked {
  background-color: rgb(64 64 64) !important;
  border-color: rgb(115 115 115) !important;
}

/* --- Logo del producto → blanco y negro --- */
img[src*="logo"], img[src*="favicon"] { filter: grayscale(1); }

/* --- Clases Tailwind azules del bundle → escala de grises --- */
.bg-blue-50 { background-color: rgb(245 245 245) !important; }
.bg-blue-500 { background-color: rgb(23 23 23) !important; }
.dark .bg-blue-500 { background-color: rgb(245 245 245) !important; }
.text-blue-100 { color: rgb(245 245 245) !important; }
.text-blue-300 { color: rgb(212 212 212) !important; }
.text-blue-400 { color: rgb(163 163 163) !important; }
.text-blue-500 { color: rgb(82 82 82) !important; }
.text-blue-600 { color: rgb(64 64 64) !important; }
.text-blue-700 { color: rgb(38 38 38) !important; }
.text-blue-800 { color: rgb(38 38 38) !important; }
.text-blue-900 { color: rgb(23 23 23) !important; }
.border-blue-100 { border-color: rgb(245 245 245) !important; }
.border-blue-200 { border-color: rgb(229 229 229) !important; }
.border-blue-300 { border-color: rgb(212 212 212) !important; }
.from-blue-500 { --tw-gradient-from: rgb(23 23 23) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position) !important; }
.to-blue-500 { --tw-gradient-to: rgb(64 64 64) var(--tw-gradient-to-position) !important; }
.dark .from-blue-500 { --tw-gradient-from: rgb(245 245 245) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position) !important; }
.dark .to-blue-500 { --tw-gradient-to: rgb(212 212 212) var(--tw-gradient-to-position) !important; }