/* regional.bz – Webmail-Design (Farben aus dem Logo-Kit)
   Dunkelgrün #305942 · Creme #F4F0E5 · Ring #426752 · Verlauf #39614B -> #5A7A68 */

/* ---------- Login ---------- */
body.task-login,
body.task-login #layout,
body.task-login #layout-content {
  background: linear-gradient(to top right, #39614B, #5A7A68) !important;
  min-height: 100vh;
}
body.task-login #layout-content { display: flex !important; flex-direction: column; align-items: center; padding: 6vh 16px 24px; }
.task-login #logo {
  position: static; top: auto; display: block; margin: 0 auto 28px;
  width: 190px; max-width: 60vw; max-height: none; height: auto; opacity: 1;
  filter: drop-shadow(0 14px 28px rgba(20, 40, 30, .3));
}
#login-form {
  position: static; top: auto; width: 100%; max-width: 360px; margin: 0 auto;
  background: #F4F0E5; border-radius: 18px; padding: 28px 24px 20px;
  box-shadow: 0 18px 40px rgba(20, 40, 30, .25);
}
#login-form .form-control { border-radius: 10px; border-color: #c9d3cc; background-color: #fff; height: 46px; }
#login-form .input-group-text { border-radius: 10px 0 0 10px; border-color: #c9d3cc; background: #eef2ee; color: #305942; }
#login-form .input-group .form-control { border-radius: 0 10px 10px 0; }
#login-form .form-control:focus { border-color: #426752; box-shadow: 0 0 0 .2rem rgba(48, 89, 66, .2); }
#login-form .formbuttons { margin-top: 18px; }
#login-form .button.mainaction,
#login-form #rcmloginsubmit {
  width: 100%; height: 48px; border-radius: 10px; font-weight: 600; letter-spacing: .04em;
  background: #305942; border-color: #305942; color: #F4F0E5;
}
#login-form .button.mainaction:hover,
#login-form #rcmloginsubmit:hover { background: #264a36; border-color: #264a36; }
#login-footer { color: #F4F0E5; opacity: .85; margin-top: 18px; }
#login-footer > div { background: transparent; }
#login-footer a { color: #F4F0E5; text-decoration: underline; }

/* ---------- Seitenmenü links ---------- */
#layout-menu,
#layout-menu .popover-header,
#taskmenu .special-buttons { background-color: #264a36 !important; }
#layout-menu .popover-header img { padding: .45rem; }
@media screen and (min-width: 481px) {
  #taskmenu a:hover,
  #taskmenu a:focus,
  #taskmenu a.selected,
  #taskmenu a.selected:hover { background: #3a6a50; color: #fff; }
  #taskmenu .action-buttons a { color: #F4F0E5; }
  #taskmenu .action-buttons a:hover { color: #fff; background: #3a6a50; }
}

/* ---------- Kleinigkeiten ---------- */
.btn-primary, .button.mainaction, .btn.mainaction { background-color: #305942; border-color: #305942; color: #fff; }
.btn-primary:hover, .button.mainaction:hover, .btn.mainaction:hover { background-color: #264a36; border-color: #264a36; }
::selection { background: rgba(48, 89, 66, .25); }

/* Dunkelmodus: Menü bleibt grün, Links heller für Kontrast */
html.dark-mode a { color: #8dc4a5; }
html.dark-mode #layout-menu { background-color: #1c3527 !important; }
html.dark-mode .task-login #logo { opacity: 1; }
html.dark-mode #login-form .form-control { background-color: #fff; color: #161b1d; }