/* Correo Sideral — capa de marca sobre Roundcube Elastic (modo oscuro).
   Se inyecta desde Nginx; no modifica archivos de Roundcube, así que sobrevive a sus actualizaciones. */
@font-face { font-family: "Manrope"; src: url("/sideral/fonts/manrope.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Oswald"; src: url("/sideral/fonts/oswald.woff2") format("woff2"); font-weight: 200 700; font-display: swap; }

html.sideral {
  --negro: #000; --carbon: #080705; --grafito: #13100b; --grafito-2: #1b1710;
  --oro: #ca8802; --oro-claro: #e9b949; --hueso: #efe9dd; --ceniza: #a39a8c; --humo: #8a8275;
  --linea: rgba(202,136,2,.24); --linea-suave: rgba(239,233,221,.09);
}
html.sideral body, html.sideral input, html.sideral select, html.sideral textarea, html.sideral button { font-family: "Manrope", "Segoe UI", Roboto, Arial, sans-serif !important; }
html.sideral body { background: var(--negro) !important; color: var(--hueso) !important; }
html.sideral a { color: var(--oro-claro); }
html.sideral ::selection { background: var(--oro); color: #000; }

/* ---------- Marca ---------- */
html.sideral #logo, html.sideral .popover-header img { max-height: 44px; width: auto; object-fit: contain; }
html.sideral #layout-menu #logo { max-width: 72px; max-height: 50px; margin: 10px auto; }

/* Botones principales: oro con texto negro */
html.sideral .btn-primary, html.sideral .button.mainaction, html.sideral button.mainaction,
html.sideral #rcmloginsubmit, html.sideral .floating-action-buttons a.button {
  background: linear-gradient(180deg, #dca21c, #ca8802 55%, #a86f00) !important;
  border-color: #ca8802 !important; color: #0a0700 !important; font-weight: 700; letter-spacing: .02em;
}
html.sideral .btn-primary:hover, html.sideral .button.mainaction:hover, html.sideral #rcmloginsubmit:hover {
  background: #e9b949 !important; color: #000 !important;
}

/* Inicio de sesión */
html.sideral body.task-login {
  background: radial-gradient(900px 520px at 50% 38%, rgba(202,136,2,.16), transparent 70%), #000 !important;
}
html.sideral body.task-login #layout-content { background: transparent !important; }
html.sideral #login-form {
  background: rgba(8,7,5,.92); border: 1px solid var(--linea); border-radius: 4px;
  padding: 32px 30px 26px; box-shadow: 0 30px 80px -30px rgba(0,0,0,.9); max-width: 380px;
}
html.sideral #login-form #logo { max-height: 110px; max-width: 220px; margin: 0 auto 18px; }
html.sideral #login-form .input-group-text { background: #13100b; border-color: rgba(239,233,221,.16); color: var(--oro); }
html.sideral #login-form .form-control { background: #0b0906; border-color: rgba(239,233,221,.16); color: var(--hueso); min-height: 44px; }
html.sideral #login-form .form-control:focus { border-color: var(--oro); box-shadow: 0 0 0 3px rgba(202,136,2,.2); }
html.sideral #login-footer, html.sideral #login-footer a { color: var(--humo) !important; }

/* Menú lateral y listas */
html.sideral #taskmenu a.selected, html.sideral #taskmenu a:hover { color: var(--oro-claro) !important; }
html.sideral #taskmenu a.selected { background: rgba(202,136,2,.12) !important; box-shadow: inset 3px 0 0 var(--oro); }
html.sideral #folderlist-content li.selected > a, html.sideral .listing li.selected > a { color: var(--oro-claro) !important; }
html.sideral .unreadcount, html.sideral .listing .count { background: var(--oro) !important; color: #000 !important; }
html.sideral table.messagelist tr.unread td span.subject a, html.sideral table.messagelist tr.unread .subject { color: var(--hueso) !important; }
html.sideral .header .header-title, html.sideral .boxtitle { font-family: "Oswald", "Manrope", sans-serif; letter-spacing: .02em; }
html.sideral #layout-content .watermark { opacity: .35; filter: sepia(1) saturate(3) hue-rotate(-12deg); }
html.sideral body.task-login #logo { max-height: 140px !important; max-width: 260px !important; margin: 0 auto 22px !important; }
/* El modo claro rompería la identidad de la marca: se oculta el interruptor */
html.sideral #taskmenu a.theme { display: none !important; }