/* Erhvervmails webmail skin — extends Roundcube Elastic.
 * Loads Elastic's compiled CSS, then applies the portal's "Trust & Authority"
 * brand (navy #0f172a, accent #0369a1, Poppins headings / Open Sans body).
 * deploy-webmail.sh copies this to styles.min.css. */
@import url("../../elastic/styles/styles.min.css");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap");

:root {
  --erhverv-navy: #0f172a;
  --erhverv-navy-2: #1e293b;
  --erhverv-accent: #0369a1;
  --erhverv-accent-hover: #075985;
}

/* ---- Typography (match the portal) ---- */
body, .input, input, textarea, select, button,
.listing, .menu, td, th, .boxcontent {
  font-family: "Open Sans", -apple-system, "Segoe UI", system-ui, sans-serif;
}
h1, h2, h3, legend, .boxtitle, .header-title,
#layout-content .header .header-title {
  font-family: "Poppins", "Segoe UI", system-ui, sans-serif;
  letter-spacing: -0.01em;
}

/* ---- Accent: links + primary actions ---- */
a, a:visited { color: var(--erhverv-accent); }
a:hover { color: var(--erhverv-accent-hover); }

.button.mainaction, button.mainaction, .btn-primary, #rcmloginsubmit {
  background-color: var(--erhverv-accent) !important;
  border-color: var(--erhverv-accent) !important;
  color: #fff !important;
}
.button.mainaction:hover, button.mainaction:hover,
.btn-primary:hover, #rcmloginsubmit:hover {
  background-color: var(--erhverv-accent-hover) !important;
  border-color: var(--erhverv-accent-hover) !important;
}

/* brand-coloured focus ring (accessibility) */
:focus-visible { outline: 2px solid var(--erhverv-accent); outline-offset: 2px; }

/* selected list row gets an accent marker */
.listing li.selected > a,
table.listing tbody tr.selected td {
  box-shadow: inset 3px 0 0 0 var(--erhverv-accent);
}

/* ---- Login screen ---- */
body.task-login #layout {
  background: linear-gradient(135deg, var(--erhverv-navy) 0%, var(--erhverv-navy-2) 100%);
}
body.task-login #layout-content { background: transparent; }
body.task-login #login-form {
  background: #fff;
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 12px 40px rgba(2, 6, 23, 0.30);
  padding: 1.75rem 1.5rem;
}
body.task-login #logo { max-height: 48px; width: auto; margin-bottom: 0.5rem; }