/*
 * CherrynHost — skin para Roundcube (extiende Elastic)
 * Operado por SIINCO (https://siinco.com.mx)
 *
 * Basado en el skin Elastic © Roundcube Dev Team
 * (Creative Commons Attribution-ShareAlike 3.0; ver meta.json).
 * Este archivo solo agrega, en la página de login:
 *   1. fondo de color durazno,
 *   2. barra superior con logo + CHERRYNHOST,
 *   3. barra inferior "Operado por SIINCO".
 * No se modifica ningún otro estilo ni plantilla; los créditos de
 * Roundcube ("Powered by Roundcube" y el pie de login) permanecen intactos.
 *
 * Los tokens de marca están copiados inline (de branding/shared/
 * cherrynhost-tokens.css) para que el skin sea autocontenido.
 */

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600&display=swap');

:root {
  --ch-peach-light: #FBE4E0;
  --ch-peach: #F5C6C3;
  --ch-lavender: #ECC6D8;
  --ch-maroon: #5C0E14;
  --ch-font-text: 'Archivo', system-ui, sans-serif;
  --ch-font-display: 'Archivo Black', 'Archivo', sans-serif;
}

/* ─── Fondo de color en el login ─── */
body.task-login {
  background:
    radial-gradient(ellipse 60% 55% at 78% 42%, rgba(236, 198, 216, 0.55), transparent 70%),
    var(--ch-peach-light);
}

/* Espacio para las barras de marca */
body.task-login #layout-content {
  padding: 3.4rem 0 3rem;
}

/* ─── Barra de marca superior: logo + CHERRYNHOST ─── */
body.task-login::before {
  content: "CherrynHost";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  background: #fff url('../images/logo.png') no-repeat 14px center / 26px 26px;
  border-bottom: 1px solid var(--ch-peach);
  color: var(--ch-maroon);
  font-family: var(--ch-font-display);
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 0.55rem 1rem 0.55rem 3.3rem;
  pointer-events: none;
}

/* ─── Barra inferior: operado por SIINCO (aditiva; el crédito de Roundcube permanece) ─── */
body.task-login::after {
  content: "Operado por SIINCO — siinco.com.mx";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: var(--ch-maroon);
  color: var(--ch-peach-light);
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  text-align: center;
  padding: 0.55rem 1rem;
  pointer-events: none;
}