/* ===== MACRY.CC webmail brand (Elastic overrides) =====
   Interface layout = stock Roundcube Elastic. This file only:
   brand-red primary buttons/accents + the dark branded LOGIN page. */
:root{ --macry-red:#ff3b4d; --macry-red-d:#c0111f; }

/* primary / login button */
.button.mainaction, a.button.mainaction, button.mainaction, .btn-primary, input.mainaction, #rcmloginsubmit{
  background-color:var(--macry-red)!important; border-color:var(--macry-red)!important; color:#fff!important;
}
.button.mainaction:hover, .btn-primary:hover, #rcmloginsubmit:hover{
  background-color:var(--macry-red-d)!important; border-color:var(--macry-red-d)!important;
}
*:focus-visible{ outline-color:var(--macry-red)!important; }

/* ===== LOGIN — dark branded ===== */
.task-login #layout, .task-login #layout-content{
  background:radial-gradient(150% 120% at 50% -25%, #1c2740 0%, #0a0e15 60%)!important;
  color:#eef2f8!important;
}
.task-login #logo{ opacity:1!important; top:14vh!important; max-height:64px!important; }
.task-login #login-form{
  background:rgba(18,24,38,.66)!important; border:1px solid rgba(164,190,230,.16)!important;
  border-radius:8px!important; padding:24px 26px!important; max-width:370px!important;
  margin:22px auto 0!important; box-shadow:0 22px 55px -22px rgba(0,0,0,.7)!important;
}
.task-login #login-form input.form-control, .task-login input.form-control, .task-login select{
  background:#0e1320!important; color:#eef2f8!important; border:1px solid rgba(164,190,230,.22)!important;
}
.task-login #login-form input.form-control:focus{ border-color:var(--macry-red)!important; box-shadow:0 0 0 3px rgba(255,59,77,.15)!important; }
.task-login label{ color:#c8d3e2!important; }
.task-login #login-footer, .task-login #login-footer a{ color:#93a3ba!important; }
.task-login .input-group>.input-group-prepend>.input-group-text,
.task-login .input-group-text, .task-login #login-form .input-group-text{
  background:#141b29!important; color:#94a1b5!important; border-color:rgba(164,190,230,.22)!important;
}

/* keep the MACRY logo crisp wherever it appears */
#logo{ opacity:1!important; }