/* Panel en blanco: fondo blanco, texto negro o rojo; lo que era blanco sobre rojo pasa a rojo sobre blanco.
   Solo en modo claro; el modo oscuro queda como estaba. */
html:not([data-theme=dark]),html:not([data-theme=dark]):has(#construction:not([hidden])){background:#fff!important;background-image:none!important}
html:not([data-theme=dark]) .workspace{background:#fff!important;box-shadow:none!important}

/* Encabezado */
html:not([data-theme=dark]) .topbar{background:transparent!important;color:var(--ink)!important}
html:not([data-theme=dark]) .brand img{content:url(/assets/fervor-rojo.svg)}
html:not([data-theme=dark]) #nav{background:rgba(242,242,245,.86)!important;border-color:transparent!important;box-shadow:none!important}
html:not([data-theme=dark]) #nav a{color:var(--ink)!important;background:transparent!important}
html:not([data-theme=dark]) #nav a:is([aria-current],.active){background:#ff0043!important;color:#fff!important;box-shadow:0 6px 16px -8px rgba(255,0,67,.7)!important}
html:not([data-theme=dark]) :is(.header-tool,.user-button){background:#f2f2f5!important;color:var(--ink)!important;border-color:transparent!important}
html:not([data-theme=dark]) .header-tool{color:#ff0043!important}
html:not([data-theme=dark]) .user-button .avatar{background:#ff0043!important;color:#fff!important;border-color:#ff0043!important}
html:not([data-theme=dark]) .inbox-bell .inbox-count{background:#ff0043!important;color:#fff!important}
html:not([data-theme=dark]) .topbar :focus-visible{outline-color:#ff0043}

/* Pantalla de carga: blanca, con un rojo difuminado abajo y las barritas en rojo */
#boot-loader{background:radial-gradient(120% 70% at 50% 115%,rgba(255,0,67,.22) 0%,rgba(255,0,67,.08) 45%,rgba(255,0,67,0) 75%),#fff!important;color:#ff0043!important}
#boot-loader .eq i{background:#ff0043!important}
html[data-theme=dark] #boot-loader{background:radial-gradient(120% 70% at 50% 115%,rgba(255,0,67,.3) 0%,rgba(255,0,67,.1) 45%,rgba(255,0,67,0) 75%),#1b1c24!important}

/* Pantalla de error: igual, logo rojo sobre blanco */
html:not([data-theme=dark]) #construction{background:radial-gradient(120% 70% at 50% 115%,rgba(255,0,67,.22) 0%,rgba(255,0,67,.08) 45%,rgba(255,0,67,0) 75%),#fff!important;color:var(--ink)!important}
html:not([data-theme=dark]) #construction img{content:url(/assets/fervor-rojo.svg)}