/* Claudbar 1.12 · Estilo limpio en todas las páginas: superficies planas y oscuras sobre las estrellas,
   sin desenfoque (más rápido en equipos modestos), bordes finos y el morado como color activo.
   Cambia las variables de liquid-glass.css, así afecta a todos sus paneles, botones y menús a la vez. */
:root:not([data-theme="light"]) {
  --lg-fill: rgba(35, 35, 47, .92);
  --lg-fill-strong: rgba(46, 46, 62, .96);
  --lg-edge: rgba(255, 255, 255, .07);
  --lg-shine: 0 0 0 transparent;
  --lg-shadow: 0 6px 18px rgba(0, 0, 0, .25);
  --lg-blur: none;
}

/* Esquinas más sobrias en tarjetas y paneles grandes */
html:not([data-theme="light"]) body .opt-card, html:not([data-theme="light"]) body .opt-group, html:not([data-theme="light"]) body .model-card,
html:not([data-theme="light"]) body .feature-card, html:not([data-theme="light"]) body .doc-card, html:not([data-theme="light"]) body .proposal,
html:not([data-theme="light"]) body .result, html:not([data-theme="light"]) body .pv-card, html:not([data-theme="light"]) body .agent-mode,
html:not([data-theme="light"]) body .agent-prompt, html:not([data-theme="light"]) body .tool-call, html:not([data-theme="light"]) body .convert-frame { border-radius: 14px !important; }

/* Campos: borde fino, sin brillo */
html:not([data-theme="light"]) body .opt-main input[type="text"], html:not([data-theme="light"]) body .opt-main select, html:not([data-theme="light"]) body .opt-main textarea,
html:not([data-theme="light"]) body .opt-input, html:not([data-theme="light"]) body .opt-select, html:not([data-theme="light"]) body .agent-input {
  border-color: #3a3a4a !important; box-shadow: none !important; border-radius: 10px !important;
}
html:not([data-theme="light"]) body input:focus, html:not([data-theme="light"]) body textarea:focus, html:not([data-theme="light"]) body select:focus { border-color: #a78bfa !important; }

/* Elementos activos en morado (como el menú de Ajustes) */
html:not([data-theme="light"]) body .chip.active, html:not([data-theme="light"]) body .mode-chip.active, html:not([data-theme="light"]) body .lib-tab.active,
html:not([data-theme="light"]) body .drawer-tab.active, html:not([data-theme="light"]) body .tab.active { background: #3b3786 !important; color: #d4ceff !important; border-color: transparent !important; }

/* Chat: tu mensaje en una burbuja plana (sin cristal, brillo ni sombra de color debajo) */
html:not([data-theme="light"]) body .message.user .bubble {
  background: #2b2b3c !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  border: 1px solid rgba(255,255,255,.06) !important; box-shadow: none !important; border-radius: 18px 18px 6px 18px !important;
}
html:not([data-theme="light"]) body .message .act { box-shadow: none !important; }

/* Botones de cuenta: «Continuar con Google» blanco (como el oficial) y «Siguiente» en morado */
html body .btn-google { background: #fff !important; color: #1f1f1f !important; border: 1px solid #dadce0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body .btn-google:hover { background: #f1f3f4 !important; }
html body .btn-google.acct-submit { background: #6d5bd0 !important; color: #fff !important; border-color: transparent !important; }
html body .btn-google.acct-submit:hover { background: #7c6ae0 !important; }
html body .btn-google:disabled { opacity: .5; }

/* Menús flotantes opacos: nada de lo que hay detrás se ve a través (cuenta, modelos, historial, menú superior) */
html:not([data-theme="light"]) body .cb-acct-menu, html:not([data-theme="light"]) body .menu, html:not([data-theme="light"]) body .top-menu,
html:not([data-theme="light"]) body #model-menu, html:not([data-theme="light"]) body #history-menu, html:not([data-theme="light"]) body .agent-menu {
  background: #1f1f2c !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  border: 1px solid rgba(255,255,255,.09) !important; box-shadow: 0 14px 34px rgba(0,0,0,.5) !important; z-index: 1000 !important;
}
html body .switch[aria-checked="true"], html body .switch.on { background: linear-gradient(135deg, #a78bfa, #8b5cf6) !important; box-shadow: none !important; }