/* Sojiya · paleta única de la gestión y del área de equipo (Pedro, 07-10-2026): grises antracita SUAVES por niveles,
   sin saltos fuertes de color. Fondo < panel < lo seleccionable, cada uno un punto más claro, con bordes que se ven sin gritar.
   El acento (azul, verde, dorado) se queda igual. */
:root{
  --fondo:#18191c;--lado:#1d1e22;--caja:#232529;--tarj:#2c2e33;--tarj2:#34373d;
  --linea:#3a3d43;--linea2:#4a4e55;
  --txt:#dedad2;--tenue:#a6a39b;--marfil:#f0ece3;
  --neg2:#2c2e33;--noche2:#232529;--noche-linea:#3a3d43}
body{background-color:var(--fondo)!important}
/* textura de la página casi imperceptible */
body{background-image:none!important}
/* ---------- menú lateral: NO fijo, sin barra de desplazamiento propia; baja con la página ---------- */
#raiz .lado{position:static!important;height:auto!important;min-height:100vh;overflow:visible!important;background:var(--lado)!important;box-shadow:none!important;border-right:1px solid var(--linea)!important}
#raiz .menu-tarjetas li.gm-caja{background:var(--caja)!important;border-color:var(--linea)!important}
#raiz .menu-tarjetas .gm-lista a.on{background:var(--tarj2)!important;border-color:var(--linea2)!important;color:var(--marfil)!important}
#raiz .menu-tarjetas .gm-lista a.on i{background:var(--c);color:#111}
/* cajas y tarjetas con su nivel */
#raiz .celda{background:var(--tarj)!important;border-color:var(--linea)!important}
#raiz .celda:hover{background:var(--tarj2)!important;border-color:var(--linea2)!important}
#raiz .celda.vacio:not(.otro),#raiz .celda.finde:not(.otro){background:var(--tarj)!important}
#raiz .celda.otro{background:transparent!important;opacity:.45}

/* Inicio: «Hoy» y «Equipo hoy» a la par, misma altura */
#raiz .db-dos{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
#raiz .db-dos>*{margin:0!important;height:100%}
@media (max-width:1000px){#raiz .db-dos{grid-template-columns:1fr}}
#raiz .db-equipo .db-est{margin-left:auto;font-size:13px;color:var(--tenue);white-space:nowrap}
#raiz .db-equipo .db-fuera{margin:12px 0 0;font-size:15px;color:var(--tenue)}
#raiz .db-equipo .db-manana{margin:14px 0 0;padding:12px 14px;border:1px solid var(--linea);background:var(--tarj);border-radius:10px!important;font-size:15px}
#raiz .db-equipo .db-manana.aviso{border-color:color-mix(in srgb,var(--bermellon) 55%,transparent)}
#raiz .db-equipo .db-sin{color:var(--bermellon2);font-weight:700}
#raiz .db-equipo .db-cumple{margin-top:14px}

/* «Este mes cobras…»: caja en el gris de la paleta, sin blanco */
.vh-mes{background:var(--tarj2,#34373d)!important;border:1px solid var(--linea,#3a3d43);color:var(--txt,#dedad2)!important}
.vh-mes p,.vh-mes b,.vh-mes span{color:var(--txt,#dedad2)!important}
.vh-mes p+p{color:var(--tenue,#a6a39b)!important}
.vh-mes b{color:var(--marfil,#f0ece3)!important}
[hidden]{display:none!important}

/* festivo sin servicios: gris apagado, no destaca */
.dia.apagado{opacity:.4;background:transparent!important;border-color:var(--linea,#3a3d43)!important}
.dia.apagado.sel{opacity:.75}
.aviso-dia.apagado{border:1px solid var(--linea,#3a3d43);background:transparent;color:var(--tenue,#a6a39b)}

/* campos de correo (y cualquier input sin estilo) en el gris de la paleta, nunca blancos */
#raiz input[type=email],#raiz input[type=url],#raiz input[type=search],#raiz input[type=password],#raiz input:not([type]){background:var(--caja,#232529)!important;color:var(--txt,#dedad2)!important;border:1px solid var(--linea2,#4a4e55)!important;min-height:48px;padding:0 14px}
#raiz input::placeholder{color:var(--tenue,#a6a39b)}

/* móvil: el menú lateral vuelve a ser cajón fijo (si no, ocupa una pantalla entera vacía arriba) · Pedro 08-10 */
@media (max-width:900px){#raiz .lado{position:fixed!important;left:0;top:0;bottom:0;width:280px;height:100vh!important;overflow-y:auto!important;min-height:0;z-index:70;transform:translateX(-100%);transition:transform .2s}#raiz.menu-abierto .lado,#raiz .app.menu-abierto .lado,.app.menu-abierto #raiz .lado{transform:none}}