/*
 * rOS — estilo de la pantalla de login de Kavita (se carga antes de iniciar sesión,
 * cuando todavía no hay tema). Lo inyecta ~/kavita/ros/start.sh en index.html.
 */
:root body.default {
  --login-background-url: none;
  --login-background-color: #000;
  --login-background-opacity: 0;
  --login-card-bg-color: #070707;
  --login-card-border-width: 1px;
  --login-card-border-style: solid;
  --login-card-border-color: #2f2f2f;
  --login-input-background-color: #141414;
  --login-input-color: #e6e6e6;
  --login-input-border-color: #2f2f2f;
  --login-input-border-color-focus: #afff00;
  --login-input-box-shadow-focus: 0 0 0 1px #afff00;
  --login-input-font-family: "JetBrains Mono", monospace;
  --login-input-placeholder-color: #6a6a6a;
  --login-input-placeholder-opacity: 1;
  --login-forgot-password-color: #afff00;
  --login-logo-image: url("/ros/logo.svg");
  --login-logo-width: 3rem;
  --login-logo-height: 3rem;
}

/* rejilla tenue tipo terminal */
.login {
  background-color: #000 !important;
  background-image:
    linear-gradient(rgba(175, 255, 0, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(175, 255, 0, .035) 1px, transparent 1px) !important;
  background-size: 32px 32px !important;
}

/* marca: "manga.rossmel.com" en vez de "Kavita" */
.login .logo-container h2 { font-size: 0 !important; margin-left: .6rem !important; }
.login .logo-container h2::before {
  content: "manga";
  font: 800 1.6rem/1 "JetBrains Mono", monospace;
  color: #fff;
  letter-spacing: -.05em;
}
.login .logo-container h2::after {
  content: ".rossmel.com";
  font: 400 1rem/1 "JetBrains Mono", monospace;
  color: #8c8c8c;
}

/* tarjeta */
.login .card {
  border-radius: 3px !important;
  box-shadow: 0 0 0 1px #000, 0 30px 80px rgba(0, 0, 0, .9), 0 0 60px rgba(175, 255, 0, .05);
  padding-top: .25rem;
}
.login .card .card-title h2,
.login .card h2 {
  font-family: "JetBrains Mono", monospace !important;
  font-weight: 700;
  font-size: .95rem !important;
  color: #e6e6e6;
}
.login .card .card-title h2::before { content: "> "; color: #afff00; }
.login .card .card-text,
.login .card p,
.login .card label { font-family: "JetBrains Mono", monospace !important; }

.login input.form-control {
  border-radius: 2px !important;
  border: 1px solid #2f2f2f !important;
  font-family: "JetBrains Mono", monospace !important;
}
.login input.form-control:focus { border-color: #afff00 !important; box-shadow: 0 0 0 1px #afff00 !important; }

.login .btn {
  border-radius: 2px !important;
  font-family: "JetBrains Mono", monospace !important;
  font-weight: 700 !important;
  background: #afff00 !important;
  border-color: #afff00 !important;
  color: #000 !important;
}
.login .btn:hover { background: #95d900 !important; box-shadow: 0 0 18px rgba(175, 255, 0, .35); }
.login a { color: #afff00 !important; font-family: "JetBrains Mono", monospace; }
.login ::selection { background: #afff00; color: #000; }

/* el título de la tarjeta también es un h2 dentro de .logo-container: sin la marca */
.login .card h2::after { content: none !important; }
.login .card .card-title h2::before,
.login .card h2::before { content: "> " !important; color: #afff00; font: inherit; letter-spacing: 0; }
.login input.form-control,
.login input.form-control:focus { background-color: #141414 !important; color: #e6e6e6 !important; }
.login input.form-control::placeholder { color: #6a6a6a !important; opacity: 1; }