/*
  CSS for LDAP Tool Box Self Service Password
  angelehnt an das aktuell sichtbare, minimalistische Farbschema von
  https://www.hivenet-services.at (helle Flächen, dunkle Typografie, dezente Grautöne)
*/

:root {
  --bg-page: #f4f5f7;
  --bg-surface: rgba(255, 255, 255, 0.92);
  --bg-surface-solid: #ffffff;
  --text-main: #1f2937;
  --text-muted: #6b7280;
  --border-soft: #d9dee5;
  --accent: #2f3f56;
  --accent-hover: #1f2b3d;
  --shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.08);
}

html, body {
  background: var(--bg-page);
  color: var(--text-main);
  padding-top: 20px;
  font-size: 12pt;
  font-family: Arial, Helvetica, sans-serif;
}

.captcha {
  padding-top: 0 !important;
  margin-bottom: 5px !important;
}

a,
a:hover {
  color: var(--accent);
  text-decoration: none;
}

a:hover {
  color: var(--accent-hover);
}

.card {
  background-color: var(--bg-surface-solid);
  background-color: var(--bg-surface);
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow-soft);
  border-radius: 10px;
}

img.menu-logo {
  display: inline;
  height: 25px;
}

.table {
  margin-bottom: 0;
  color: var(--text-main);
}

.table th,
.table td {
  border-color: var(--border-soft);
}

.display img {
  margin-bottom: 20px;
}

div#footer {
  position: fixed;
  bottom: 0;
  background-color: var(--bg-surface-solid);
  background-color: var(--bg-surface);
  border-top: 1px solid var(--border-soft);
  color: var(--text-muted);
  text-align: center;
  padding: 5px;
  width: 100%;
  backdrop-filter: blur(6px);
}

textarea#sshkey {
  font-family: monospace;
  word-break: break-all;
  resize: vertical;
  min-height: 10em;
  border: 1px solid var(--border-soft);
  color: var(--text-main);
  background: #fff;
}

input,
select,
textarea,
.btn {
  border-radius: 8px;
}

input,
select,
textarea {
  border: 1px solid var(--border-soft);
  color: var(--text-main);
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(47, 63, 86, 0.12);
}

.btn-primary,
button.btn-primary,
input[type="submit"] {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"]:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
  color: #fff;
}

.alert-info {
  background: #eef3f8;
  border-color: #d7e2ee;
  color: var(--accent);
}

.alert-success {
  background: #eef7f1;
  border-color: #cfe6d7;
  color: #245c37;
}

.alert-danger,
.alert-error {
  background: #fff1f2;
  border-color: #f3c9cf;
  color: #8a2432;
}

@media print {
  html, body {
    margin: 0;
    padding: 0;
    background: #fff;
  }

  .container {
    width: 100%;
  }

  a[href]:after {
    content: none;
  }
}