/* Fajardo Webmail Premium Centered Login */

:root{
  --fj-bg:#050B10;
  --fj-panel:#EEF7FA;
  --fj-ink:#07111F;
  --fj-muted:#506270;
  --fj-cyan:#19E6B2;
  --fj-blue:#14B8FF;
  --fj-gold:#F4A32F;
}

/* Full premium background */
html,
body.task-login,
body.task-login.action-none{
  min-height:100vh !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 26%,rgba(25,230,178,.10),transparent 34rem),
    linear-gradient(90deg,rgba(5,11,16,.74) 0%,rgba(5,11,16,.48) 34%,rgba(5,11,16,.18) 62%,rgba(5,11,16,.42) 100%),
    linear-gradient(180deg,rgba(5,11,16,.08) 0%,rgba(5,11,16,.18) 68%,#050B10 100%),
    url("../images/fajardo-webmail-bg.webp") center center / cover no-repeat !important;
  color:#EEF7FA !important;
}

/* Remove default layout surfaces */
.task-login #layout,
.task-login #layout-content,
.task-login #login-form,
.task-login form{
  background:transparent !important;
}

/* Hide old top-left mini branding */
.task-login #logo,
.task-login .logo,
.task-login #login-logo,
.task-login .login-logo,
.task-login .brand,
.task-login .rcm-logo{
  display:none !important;
}

/* Center wrapper */
.task-login #layout,
.task-login #layout-content{
  min-height:100vh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Login card */
.task-login #login-form,
.task-login form[name="form"],
.task-login form[action],
.task-login .box.login,
.task-login .login-box,
.task-login .formcontainer{
  width:min(480px,calc(100vw - 48px)) !important;
  min-height:auto !important;
  margin:0 auto !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  padding:46px 44px 36px !important;
  border-radius:32px !important;
  background:linear-gradient(135deg,rgba(238,247,250,.94),rgba(238,247,250,.76)) !important;
  border:1px solid rgba(238,247,250,.48) !important;
  box-shadow:0 44px 140px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.50) !important;
  color:#07111F !important;
  text-align:left !important;
}

/* Brand inside card */
.task-login #login-form::before,
.task-login form[name="form"]::before,
.task-login form[action]::before{
  content:"" !important;
  display:block !important;
  width:72px !important;
  height:72px !important;
  margin:0 auto 16px !important;
  background:url("../images/fajardo-icon-source.png") center center / contain no-repeat !important;
}

/* Headline inside card */
.task-login #login-form::after,
.task-login form[name="form"]::after,
.task-login form[action]::after{
  content:"Fajardo Webmail\A Dein sicherer Zugang zu deiner Fajardo-Adresse." !important;
  white-space:pre-line !important;
  display:block !important;
  order:-1 !important;
}

/* Use visible heading style through common elements */
.task-login h1,
.task-login h2,
.task-login .boxtitle,
.task-login .form-title{
  color:#07111F !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
}

/* Labels and helper text */
.task-login label,
.task-login .form-label{
  color:rgba(7,17,31,.72) !important;
  font-weight:850 !important;
}

/* Input rows */
.task-login input[type="text"],
.task-login input[type="password"],
.task-login input[type="email"],
.task-login .form-control{
  min-height:56px !important;
  border-radius:16px !important;
  border:1px solid rgba(7,17,31,.16) !important;
  background:rgba(255,255,255,.84) !important;
  color:#07111F !important;
  box-shadow:none !important;
  font-weight:750 !important;
}

.task-login input[type="text"]:focus,
.task-login input[type="password"]:focus,
.task-login input[type="email"]:focus,
.task-login .form-control:focus{
  border-color:rgba(25,230,178,.82) !important;
  box-shadow:0 0 0 4px rgba(25,230,178,.18) !important;
}

/* Input icons */
.task-login .input-group-text,
.task-login .input-group-prepend,
.task-login .input-group-append{
  border:0 !important;
  background:rgba(255,255,255,.76) !important;
  color:#07111F !important;
}

/* Login button */
.task-login button,
.task-login input[type="submit"],
.task-login .button.mainaction,
.task-login .btn-primary{
  min-height:56px !important;
  border-radius:999px !important;
  border:0 !important;
  background:linear-gradient(135deg,#16D8C0,#19E6B2) !important;
  color:#041014 !important;
  font-weight:950 !important;
  letter-spacing:.03em !important;
  text-transform:none !important;
  box-shadow:0 18px 50px rgba(25,230,178,.26) !important;
}

.task-login button:hover,
.task-login input[type="submit"]:hover,
.task-login .button.mainaction:hover,
.task-login .btn-primary:hover{
  filter:brightness(1.04) !important;
}

/* Links below login */
.task-login #login-footer,
.task-login .login-footer,
.task-login .support-link,
.task-login .about-link,
.task-login .formlinks,
.task-login .formlinks a{
  color:rgba(7,17,31,.62) !important;
  font-size:12px !important;
  text-decoration:none !important;
}

/* Roundcube app after login */
#layout-menu{
  background:#050B10 !important;
}

#layout-menu a{
  color:rgba(238,247,250,.72) !important;
}

#layout-menu a.selected,
#layout-menu a:hover{
  color:#19E6B2 !important;
}

/* Mobile */
@media(max-width:760px){
  html,
  body.task-login,
  body.task-login.action-none{
    overflow:auto !important;
    background-position:center center !important;
  }

  .task-login #layout,
  .task-login #layout-content{
    min-height:auto !important;
    display:block !important;
    padding:92px 20px 40px !important;
  }

  .task-login #login-form,
  .task-login form[name="form"],
  .task-login form[action],
  .task-login .box.login,
  .task-login .login-box,
  .task-login .formcontainer{
    width:100% !important;
    padding:34px 26px !important;
  }
}

/* Fajardo Webmail final light centered card override */
body.task-login{
  background-position:center center !important;
}

.task-login #login-form,
.task-login #login-form .box,
.task-login #login-form .box-inner,
.task-login #login-form .formcontent,
.task-login #login-form .formcontainer,
.task-login #login-form form,
.task-login form,
.task-login .box,
.task-login .box-inner,
.task-login .formcontent,
.task-login .formcontainer{
  background:linear-gradient(135deg,rgba(238,247,250,.94),rgba(238,247,250,.76)) !important;
  color:#07111F !important;
  border-color:rgba(238,247,250,.48) !important;
  box-shadow:none !important;
}

.task-login #login-form{
  width:480px !important;
  max-width:calc(100vw - 48px) !important;
  padding:42px 42px 34px !important;
  border-radius:32px !important;
  box-shadow:0 44px 140px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.task-login #login-form *{
  color:#07111F !important;
}

.task-login #login-form a{
  color:rgba(7,17,31,.66) !important;
  text-decoration:none !important;
}

.task-login #login-form input,
.task-login #login-form .form-control{
  background:rgba(255,255,255,.86) !important;
  color:#07111F !important;
  border:1px solid rgba(7,17,31,.16) !important;
  border-radius:16px !important;
}

.task-login #login-form input:focus,
.task-login #login-form .form-control:focus{
  border-color:rgba(25,230,178,.84) !important;
  box-shadow:0 0 0 4px rgba(25,230,178,.18) !important;
}

.task-login #login-form .input-group-text,
.task-login #login-form .input-group-prepend,
.task-login #login-form .input-group-append{
  background:rgba(255,255,255,.82) !important;
  color:#07111F !important;
  border:0 !important;
}

.task-login #login-form button,
.task-login #login-form input[type="submit"],
.task-login #login-form .button,
.task-login #login-form .btn,
.task-login #login-form .btn-primary,
.task-login #login-form .mainaction{
  background:linear-gradient(135deg,#16D8C0,#19E6B2) !important;
  color:#041014 !important;
  border:0 !important;
  border-radius:999px !important;
  font-weight:950 !important;
  box-shadow:0 18px 50px rgba(25,230,178,.26) !important;
}

.task-login #login-form img{
  max-width:76px !important;
  height:auto !important;
  margin:0 auto 18px !important;
  display:block !important;
}

.task-login #login-form:before{
  color:#07111F !important;
}

/* Fajardo Webmail final balanced premium layout */
html,
body.task-login,
body.task-login.action-none{
  background:
    radial-gradient(circle at 38% 45%,rgba(25,230,178,.10),transparent 24rem),
    radial-gradient(circle at 72% 42%,rgba(20,184,255,.12),transparent 34rem),
    linear-gradient(90deg,rgba(5,11,16,.84) 0%,rgba(5,11,16,.62) 32%,rgba(5,11,16,.20) 62%,rgba(5,11,16,.34) 100%),
    linear-gradient(180deg,rgba(5,11,16,.04) 0%,rgba(5,11,16,.18) 70%,#050B10 100%),
    url("../images/fajardo-webmail-bg.webp") 62% center / cover no-repeat !important;
}

/* Loginbereich etwas links vom Zentrum, damit das Bild rechts stärker wirkt */
.task-login #layout,
.task-login #layout-content{
  min-height:100vh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding-left:30vw !important;
  box-sizing:border-box !important;
}

/* Premium-Kachel */
.task-login #login-form{
  width:500px !important;
  max-width:calc(100vw - 64px) !important;
  padding:44px 46px 36px !important;
  border-radius:34px !important;
  background:linear-gradient(135deg,rgba(7,17,31,.88),rgba(7,17,31,.72)) !important;
  border:1px solid rgba(238,247,250,.18) !important;
  box-shadow:
    0 44px 140px rgba(0,0,0,.56),
    0 0 0 1px rgba(25,230,178,.08),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

/* Logo ruhiger */
.task-login #login-form img{
  max-width:74px !important;
  margin:0 auto 22px !important;
  display:block !important;
}

/* Alle Texte in der Kachel */
.task-login #login-form,
.task-login #login-form *{
  color:#EEF7FA !important;
}

/* Eingabezeilen mit Abstand zwischen Icon und Feld */
.task-login #login-form .input-group{
  display:flex !important;
  align-items:stretch !important;
  gap:12px !important;
  margin-bottom:16px !important;
}

.task-login #login-form .input-group-prepend,
.task-login #login-form .input-group-append{
  flex:0 0 54px !important;
  width:54px !important;
  margin:0 !important;
}

.task-login #login-form .input-group-text{
  width:54px !important;
  min-width:54px !important;
  height:54px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(238,247,250,.92) !important;
  color:#07111F !important;
  border:1px solid rgba(238,247,250,.18) !important;
}

/* Inputs breiter, ruhiger, mit Innenabstand */
.task-login #login-form input[type="text"],
.task-login #login-form input[type="password"],
.task-login #login-form input[type="email"],
.task-login #login-form .form-control{
  height:54px !important;
  min-height:54px !important;
  flex:1 1 auto !important;
  width:100% !important;
  border-radius:16px !important;
  padding:0 18px !important;
  background:rgba(238,247,250,.94) !important;
  color:#07111F !important;
  border:1px solid rgba(238,247,250,.16) !important;
  box-shadow:none !important;
  font-weight:750 !important;
}

.task-login #login-form input[type="text"]:focus,
.task-login #login-form input[type="password"]:focus,
.task-login #login-form input[type="email"]:focus,
.task-login #login-form .form-control:focus{
  border-color:rgba(25,230,178,.90) !important;
  box-shadow:0 0 0 4px rgba(25,230,178,.18) !important;
}

/* Button */
.task-login #login-form button,
.task-login #login-form input[type="submit"],
.task-login #login-form .button,
.task-login #login-form .btn,
.task-login #login-form .btn-primary,
.task-login #login-form .mainaction{
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  margin-top:10px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#16D8C0,#19E6B2) !important;
  color:#041014 !important;
  border:0 !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  box-shadow:0 20px 56px rgba(25,230,178,.26) !important;
}

/* Links und Hinweise unten klarer */
.task-login #login-form a{
  color:rgba(238,247,250,.74) !important;
  text-decoration:none !important;
}

.task-login #login-form a:hover{
  color:#19E6B2 !important;
}

.task-login #login-footer,
.task-login .login-footer,
.task-login .support-link,
.task-login .about-link,
.task-login .formlinks,
.task-login .formlinks a{
  color:rgba(238,247,250,.62) !important;
  font-size:12px !important;
  line-height:1.55 !important;
}

/* Mobile sauber zentrieren */
@media(max-width:900px){
  .task-login #layout,
  .task-login #layout-content{
    justify-content:center !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }

  html,
  body.task-login,
  body.task-login.action-none{
    overflow:auto !important;
    background-position:center center !important;
  }

  .task-login #login-form{
    width:100% !important;
    max-width:480px !important;
  }
}

/* Fajardo Webmail final editorial luxury composition */
html,
body.task-login,
body.task-login.action-none{
  background:
    radial-gradient(circle at 18% 42%,rgba(25,230,178,.10),transparent 28rem),
    radial-gradient(circle at 72% 38%,rgba(20,184,255,.12),transparent 36rem),
    linear-gradient(90deg,rgba(5,11,16,.92) 0%,rgba(5,11,16,.74) 34%,rgba(5,11,16,.30) 64%,rgba(5,11,16,.44) 100%),
    linear-gradient(180deg,rgba(5,11,16,.02) 0%,rgba(5,11,16,.18) 70%,#050B10 100%),
    url("../images/fajardo-webmail-bg.webp") 58% center / cover no-repeat !important;
}

/* Editoriale Premium-Botschaft links */
body.task-login::before{
  content:"FAJARDO WEBMAIL\A Dein sicherer Mail-Raum.\A\A Greife auf deine Fajardo-Adresse zu — ruhig, geschützt und klar geordnet.";
  white-space:pre-line;
  position:fixed;
  left:7vw;
  top:50%;
  transform:translateY(-50%);
  width:min(440px,36vw);
  color:#EEF7FA;
  font-size:20px;
  line-height:1.75;
  font-weight:650;
  letter-spacing:-.02em;
  z-index:2;
  text-shadow:0 28px 90px rgba(0,0,0,.86);
}

body.task-login::after{
  content:"";
  position:fixed;
  left:7vw;
  top:calc(50% - 190px);
  width:120px;
  height:2px;
  background:linear-gradient(90deg,#19E6B2,#F4A32F);
  z-index:2;
  opacity:.95;
}

/* Login-Kachel rechts ausgewogen, nicht verloren */
.task-login #layout,
.task-login #layout-content{
  min-height:100vh !important;
  display:block !important;
  padding:0 !important;
}

.task-login #login-form{
  position:fixed !important;
  left:64vw !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:470px !important;
  max-width:calc(100vw - 64px) !important;
  padding:42px 42px 34px !important;
  border-radius:32px !important;
  background:linear-gradient(135deg,rgba(7,17,31,.88),rgba(7,17,31,.72)) !important;
  border:1px solid rgba(238,247,250,.18) !important;
  box-shadow:
    0 44px 140px rgba(0,0,0,.58),
    0 0 0 1px rgba(25,230,178,.08),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

/* Logo in der Kachel kleiner und edler */
.task-login #login-form img{
  max-width:68px !important;
  margin:0 auto 24px !important;
}

/* Input-Zeilen: Icon und Feld sauber nebeneinander */
.task-login #login-form .input-group{
  display:grid !important;
  grid-template-columns:54px 1fr !important;
  gap:12px !important;
  align-items:center !important;
  margin-bottom:16px !important;
}

.task-login #login-form .input-group-prepend,
.task-login #login-form .input-group-append{
  width:54px !important;
  min-width:54px !important;
  margin:0 !important;
}

.task-login #login-form .input-group-text{
  width:54px !important;
  height:54px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(238,247,250,.92) !important;
  color:#07111F !important;
  border:0 !important;
}

.task-login #login-form input[type="text"],
.task-login #login-form input[type="password"],
.task-login #login-form input[type="email"],
.task-login #login-form .form-control{
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
  border-radius:16px !important;
  padding:0 18px !important;
  background:rgba(238,247,250,.94) !important;
  color:#07111F !important;
  border:1px solid rgba(238,247,250,.16) !important;
  font-weight:750 !important;
}

/* Button */
.task-login #login-form button,
.task-login #login-form input[type="submit"],
.task-login #login-form .button,
.task-login #login-form .btn,
.task-login #login-form .btn-primary,
.task-login #login-form .mainaction{
  width:100% !important;
  height:56px !important;
  margin-top:8px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#16D8C0,#19E6B2) !important;
  color:#041014 !important;
  font-weight:950 !important;
  box-shadow:0 20px 56px rgba(25,230,178,.26) !important;
}

/* Links unten feiner lesbar */
.task-login #login-form a,
.task-login #login-footer,
.task-login .login-footer,
.task-login .formlinks,
.task-login .formlinks a{
  color:rgba(238,247,250,.66) !important;
  text-decoration:none !important;
}

/* Mobile: keine linke Editorial-Spalte */
@media(max-width:980px){
  body.task-login::before,
  body.task-login::after{
    display:none !important;
  }

  .task-login #login-form{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:92px auto 40px !important;
    width:min(470px,calc(100vw - 40px)) !important;
  }

  html,
  body.task-login,
  body.task-login.action-none{
    overflow:auto !important;
    background-position:center center !important;
  }
}

/* Fajardo Webmail: final sidebar logo fix */

/* Sidebar durchgehend dunkel */
#layout-menu{
  background:#050B10 !important;
  border-right:1px solid rgba(238,247,250,.08) !important;
}

/* Logo-Bereich oben sauber und ohne graues Feld */
#layout-menu .popover-header{
  height:74px !important;
  min-height:74px !important;
  padding:12px 0 10px !important;
  background:#050B10 !important;
  border:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Das echte Roundcube-Logo jetzt als Fajardo-Icon darstellen */
#layout-menu #logo{
  display:block !important;
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  object-fit:contain !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Kein zweites künstliches Logo mehr erzeugen */
#layout-menu::before{
  content:none !important;
  display:none !important;
}

/* Navigation sichtbar und ruhig */
#taskmenu{
  display:block !important;
  visibility:visible !important;
  background:#050B10 !important;
}

#taskmenu a{
  display:block !important;
  visibility:visible !important;
  color:rgba(238,247,250,.86) !important;
  background:transparent !important;
  text-decoration:none !important;
}

#taskmenu a.selected,
#taskmenu a:hover{
  background:rgba(25,230,178,.18) !important;
  color:#19E6B2 !important;
}

/* Logout bleibt klar unterscheidbar */
#taskmenu a.logout{
  color:#ff5552 !important;
}

/* Fajardo Webmail: return to homepage */
.fj-webmail-home-link{
  display:none;
}

.task-login .fj-webmail-home-link{
  display:inline-flex !important;
  position:fixed !important;
  left:34px !important;
  top:30px !important;
  z-index:9999 !important;
  align-items:center !important;
  justify-content:center !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:rgba(5,11,16,.62) !important;
  border:1px solid rgba(238,247,250,.18) !important;
  color:#EEF7FA !important;
  text-decoration:none !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  box-shadow:0 18px 60px rgba(0,0,0,.28) !important;
}

.task-login .fj-webmail-home-link:hover{
  background:rgba(25,230,178,.16) !important;
  border-color:rgba(25,230,178,.45) !important;
  color:#19E6B2 !important;
}

#layout-menu .fj-sidebar-home{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
}

#layout-menu .fj-sidebar-home:hover{
  background:rgba(25,230,178,.10) !important;
}

/* Fajardo Webmail: stable sidebar logo */
#layout-menu .popover-header{
  height:74px !important;
  min-height:74px !important;
  padding:10px 0 !important;
  background:#050B10 !important;
  border:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#layout-menu .fj-sidebar-home{
  display:flex !important;
  width:74px !important;
  height:74px !important;
  align-items:center !important;
  justify-content:center !important;
  background:#050B10 !important;
  text-decoration:none !important;
}

#layout-menu .fj-sidebar-home img{
  display:block !important;
  width:54px !important;
  height:54px !important;
  max-width:54px !important;
  max-height:54px !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
}

#layout-menu .fj-sidebar-home:hover{
  background:rgba(25,230,178,.10) !important;
}


/* FINAL FORCE PREMIUM LOGIN 2026-05-27 */
body.task-login,
body.task-login.action-none{
  min-height:100vh !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 46% 32%,rgba(25,230,178,.10),transparent 34rem),
    linear-gradient(90deg,rgba(5,11,16,.84) 0%,rgba(5,11,16,.58) 36%,rgba(5,11,16,.24) 68%,rgba(5,11,16,.50) 100%),
    linear-gradient(180deg,rgba(5,11,16,.10) 0%,rgba(5,11,16,.20) 68%,#050B10 100%),
    url("../images/fajardo-webmail-bg.webp") 58% center / cover no-repeat !important;
  color:#EEF7FA !important;
}

.task-login #layout,
.task-login #layout-content{
  min-height:100vh !important;
  background:transparent !important;
}

.task-login #layout-content{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.task-login #login-form{
  width:min(420px,calc(100vw - 48px)) !important;
  margin:0 !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  padding:38px 36px 32px !important;
  border-radius:28px !important;
  background:#050B10 !important;
  border:1px solid rgba(238,247,250,.18) !important;
  box-shadow:0 36px 110px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08) !important;
  color:#EEF7FA !important;
}

.task-login #logo{
  display:block !important;
  width:82px !important;
  height:82px !important;
  max-width:82px !important;
  max-height:82px !important;
  margin:0 auto 22px !important;
  position:relative !important;
  top:auto !important;
  background:url("../images/fajardo-icon-source.png") center center / contain no-repeat !important;
}

.task-login #logo img{
  display:none !important;
}

.task-login .form-control{
  min-height:54px !important;
  border-radius:14px !important;
  background:#EEF7FA !important;
  color:#07111F !important;
  border:1px solid rgba(238,247,250,.25) !important;
  font-weight:700 !important;
}

.task-login .input-group-text{
  min-width:58px !important;
  justify-content:center !important;
  background:#EEF7FA !important;
  color:#07111F !important;
  border:0 !important;
}

.task-login #rcmloginsubmit{
  width:100% !important;
  min-height:56px !important;
  border-radius:999px !important;
  border:0 !important;
  background:#19E6B2 !important;
  color:#07111F !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  box-shadow:none !important;
}

.task-login #login-footer,
.task-login #login-footer a{
  color:rgba(238,247,250,.72) !important;
}

.task-login #login-footer a:hover{
  color:#19E6B2 !important;
}


/* FINAL STABLE v42.50: Roundcube logo cleanup */

/* Login: kein externes zweites Logo außerhalb der Karte */
.task-login > #logo,
body.task-login > #logo,
.task-login #layout > #logo,
.task-login #layout-content > #logo{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}

/* Login: echtes Roundcube-Logo in der Karte ausblenden */
.task-login #login-form #logo,
.task-login #login-form .logo{
  display:none !important;
}

/* Login: ein sauberes Fajardo-Signet in der Karte */
.task-login #login-form::before{
  content:"" !important;
  display:block !important;
  width:74px !important;
  height:74px !important;
  margin:0 auto 24px !important;
  background:url("../images/fajardo-icon-source.png") center center / contain no-repeat !important;
}

/* Nach Login: Sidebar-Grundfläche */
#layout-menu{
  background:#050B10 !important;
  border-right:1px solid rgba(238,247,250,.08) !important;
}

/* Nach Login: Fajardo-Home-Link oben */
#layout-menu .fj-sidebar-home{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  width:74px !important;
  height:78px !important;
  min-height:78px !important;
  align-items:center !important;
  justify-content:center !important;
  background:#050B10 !important;
  text-decoration:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Nach Login: Fajardo-Signet als CSS-Hintergrund, robust gegen kaputte img-Pfade */
#layout-menu .fj-sidebar-logo-mark{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:54px !important;
  height:54px !important;
  background:url("../images/fajardo-icon-source.png") center center / contain no-repeat !important;
}

#layout-menu .fj-sidebar-home:hover{
  background:rgba(25,230,178,.10) !important;
}

/* Leere/graue Roundcube-Logo-Flächen neutralisieren */
#layout-menu .popover-header,
#layout-menu .header,
#layout-menu .logo{
  background:#050B10 !important;
  border:0 !important;
  box-shadow:none !important;
}