/* =====================================================================
   SundPark Elastic — Webmailer-Branding (Roundcube 1.6.x, Plesk)
   Erbt vollständig von Elastic und retintet nur die sichtbaren
   Marken-Berührungspunkte. url()-Pfade des Imports lösen relativ zu
   elastic/styles/ auf (Fonts/Icons bleiben aus Elastic).
   CI-Quelle: www.sundpark.de/css/styles.css (:root)
   ===================================================================== */
@import "elastic-base.css";

:root {
  --sp-ink:        #0B1E27;  /* Anker-Petrol — dunkler Grund */
  --sp-paper:      #F4F1EA;  /* warmes Off-White */
  --sp-aqua:       #3FC7C2;  /* Akzent „Licht auf Wasser" */
  --sp-aqua-deep:  #0E6E6A;  /* Aqua als Text/Fokus auf hell (AA) */
  --sp-aqua-bright:#9FF0EC;  /* Glow */
}

/* ---------- Login-Bildschirm ---------- */
.task-login,
#layout.task-login,
body.task-login {
  background: var(--sp-paper) !important;
}
.task-login #layout-content,
.task-login .box-inner,
.task-login .formcontent {
  background: transparent !important;
}
/* Login-Karte dezent absetzen */
.task-login #login-form {
  border-top: 3px solid var(--sp-aqua) !important;
}

/* ---------- Primär-Buttons (Login „ANMELDEN" + App) ---------- */
.btn.btn-primary,
button.btn.btn-primary,
input.btn.btn-primary,
a.btn.btn-primary {
  background-color: var(--sp-ink) !important;
  border-color:     var(--sp-ink) !important;
  color:            var(--sp-paper) !important;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
  background-color: var(--sp-aqua-deep) !important;
  border-color:     var(--sp-aqua-deep) !important;
  color:            var(--sp-paper) !important;
}

/* ---------- Links & Akzente ---------- */
a,
a:visited,
.task-login a {
  color: var(--sp-aqua-deep);
}
a:hover { color: var(--sp-ink); }

/* ---------- Formularfokus ---------- */
.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
  border-color: var(--sp-aqua-deep) !important;
  box-shadow: 0 0 0 0.14rem rgba(63,199,194,0.35) !important;
}

/* ---------- Ausgewählte Liste / aktive Navigation ---------- */
.listing li.selected > a,
.listing tr.selected > td,
table.listing tbody tr.selected td {
  box-shadow: inset 3px 0 0 var(--sp-aqua) !important;
}

/* ---------- Logo-Fläche etwas Luft geben ---------- */
#layout-menu .popover-header .menu-buttons,
.task-login .logo img,
#logo {
  max-height: 64px;
}

/* ===== Dunkle linke Leiste + Blau-Reste (v2) ===== */
#layout-menu #logo, #layout-menu img.logo, #taskmenu #logo, .menu-wrapper #logo {
  content: url("/skins/sundpark_elastic/images/sundpark-logo-menu.svg");
  filter: none;
}
#layout-menu a.selected, #layout-menu a.selected *,
#taskmenu a.selected, #taskmenu a.selected *,
#taskmenu a.compose, #taskmenu a.compose *,
#taskmenu a:hover, .menu-wrapper a.selected {
  color: #3FC7C2 !important;
}
a.extwin, a.button.extwin, a.btn-link, .btn-link { color: #0E6E6A !important; }
.form-control:focus, input.form-control:focus, textarea.form-control:focus, select.form-control:focus,
.ac-input:focus, .ui-autocomplete-input:focus {
  border-color: #0E6E6A !important;
  box-shadow: 0 0 0 0.14rem rgba(63,199,194,0.30) !important;
  outline-color: #0E6E6A !important;
}
.form-control.active, .recipient-input, .ac-input, .form-control:valid {
  border-color: #B4B2A9 !important; box-shadow: none !important;
}
/* ===== v3: Rest-Blau (Auswahl-Zeilen + Empfaenger-Feld) ===== */
.messagelist tr.selected td, table.messagelist tbody tr.selected td,
#messagelist tr.selected td, .messagelist li.selected,
.contactlist tr.selected td, ul.listing li.selected, .listing tr.selected td {
  background-color: #E6F5F3 !important;
}
.recipient-input, span.recipient-input, .ac-input, .ui-autocomplete-input,
#compose-content .recipient-input, td.editfield .recipient-input {
  border-color: #B4B2A9 !important;
  border-left-color: #0E6E6A !important;
}