@import url("../../elastic/styles/styles.min.css");

/* ===== rnelnet: terminal palette over elastic ===== */
:root {
  --rn-bg: #0d1117;
  --rn-panel: #161b22;
  --rn-fg: #c9d1d9;
  --rn-bright: #f0f6fc;
  --rn-green: #7ee787;
  --rn-blue: #79c0ff;
  --rn-grey: #8b949e;
  --rn-dim: #484f58;
  --rn-dimmer: #30363d;
  --rn-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;
}

/* ---------- login page: full terminal treatment ---------- */

body.task-login,
body.task-login #layout,
body.task-login #layout-content {
  background: var(--rn-bg) !important;
  color: var(--rn-fg) !important;
  font-family: var(--rn-mono) !important;
}

body.task-login #layout-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body.task-login #logo {
  max-width: 230px;
  margin-bottom: 0.25rem;
}

/* terminal caption between logo and form */
body.task-login #login-form::before {
  content: "$ authenticate to continue";
  display: block;
  color: var(--rn-green);
  font-family: var(--rn-mono);
  font-size: 0.9rem;
  margin: 0.75rem 0 1.5rem;
  text-align: center;
}

body.task-login #login-form table {
  margin: 0 auto;
}

body.task-login #login-form td.title label {
  color: var(--rn-grey) !important;
  font-family: var(--rn-mono);
  font-size: 0.8rem;
}

body.task-login .form-control,
body.task-login input[type="text"],
body.task-login input[type="password"] {
  background: var(--rn-panel) !important;
  color: var(--rn-bright) !important;
  border: 1px solid var(--rn-dim) !important;
  border-radius: 4px;
  font-family: var(--rn-mono) !important;
}

body.task-login .form-control:focus {
  border-color: var(--rn-green) !important;
  box-shadow: 0 0 0 1px var(--rn-green) !important;
  outline: none;
}

body.task-login button.mainaction {
  background: var(--rn-green) !important;
  border: 1px solid var(--rn-green) !important;
  color: #0d1117 !important;
  font-family: var(--rn-mono) !important;
  font-weight: 600;
  letter-spacing: 0.04em;
}

body.task-login button.mainaction:hover,
body.task-login button.mainaction:focus {
  filter: brightness(1.12);
}

body.task-login #login-footer {
  color: var(--rn-dim) !important;
  font-family: var(--rn-mono);
  font-size: 0.75rem;
  margin-top: 1.5rem;
  text-align: center;
}

body.task-login #login-footer a,
body.task-login .support-link {
  color: var(--rn-blue) !important;
}

body.task-login .noscriptwarning {
  color: var(--rn-grey);
  font-family: var(--rn-mono);
}

/* ---------- mail UI: accent recolor only ---------- */

.btn-primary,
button.mainaction {
  background-color: var(--rn-green);
  border-color: var(--rn-green);
  color: #0d1117;
}

.btn-primary:hover,
.btn-primary:focus,
button.mainaction:hover,
button.mainaction:focus {
  background-color: var(--rn-green);
  border-color: var(--rn-green);
  color: #0d1117;
  filter: brightness(1.12);
}

#layout-content a,
#layout-sidebar a,
#layout-list a {
  color: var(--rn-blue);
}

#taskmenu a.selected,
#layout-menu .special-buttons a.selected {
  color: var(--rn-green);
}