/* ===== Branding Singless per Roundcube (skin Elastic) ===== */
:root{
  --sg-blue:#577B95;
  --sg-blue-d:#2F4A60;
  --sg-gold:#EFC65F;
}

/* ---------- LOGIN ---------- */
html.task-login,
body.task-login,
.login-page{
  background:linear-gradient(165deg,#6E90AD,#577B95,#43607a) !important;
}
body.task-login #layout,
body.task-login #layout-content,
body.task-login #layout-content.selected,
body.task-login #layout-content .formcontent,
body.task-login .content,
body.task-login .w-100{
  background:transparent !important;
  box-shadow:none !important;
}
.login-form{
  background:rgba(26,42,58,.55) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:18px !important;
  box-shadow:0 24px 60px rgba(0,0,0,.35) !important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.login-form img.logo{
  max-width:240px !important;
  height:auto !important;
  margin:4px auto 10px !important;
}
.login-form label,
.login-form .form-label{ color:#eaf1f7 !important; }
.login-form input.form-control{
  background:rgba(255,255,255,.96) !important;
  color:#1f3040 !important;
  border:none !important;
}
.login-form .btn-primary,
.login-form .button.mainaction,
#rcmloginsubmit{
  background:var(--sg-gold) !important;
  border:none !important;
  color:var(--sg-blue-d) !important;
  font-weight:700 !important;
  opacity:1 !important;
}
/* tutti i testi del login leggibili sulla card scura */
.login-form p,
.login-form small,
.login-form a,
.login-form .noscriptwarning,
body.task-login .noscriptwarning,
body.task-login p{
  color:#eaf1f7 !important;
}

/* ---------- ACCENTI APP ---------- */
.btn.btn-primary,
button.btn-primary,
.formbuttons .btn-primary,
.popupmenu .btn-primary{
  background:var(--sg-gold) !important;
  border-color:var(--sg-gold) !important;
  color:var(--sg-blue-d) !important;
}
.btn.btn-primary:hover,
button.btn-primary:hover{ filter:brightness(.95); }

a{ color:var(--sg-blue); }

/* menu attività (sidebar scura): tinta brand */
#taskmenu,
#layout-menu{ background:var(--sg-blue-d) !important; }
#taskmenu a.selected,
#taskmenu a:hover{ color:var(--sg-gold) !important; }

/* ---------- INTERFACCIA PIÙ COMPATTA (desktop) ---------- */
@media (min-width:768px){
  html{ font-size:13px !important; }              /* default ~16px → scala tutto */
  #layout-content .listing td{ padding-top:.35rem !important; padding-bottom:.35rem !important; }
  .toolbar a.button, .toolbar .btn{ min-width:auto !important; }
  .toolbar a.button .inner{ font-size:.72rem !important; }
  #messagelist td.subject{ line-height:1.25 !important; }
  .menu a.button .inner, #taskmenu a .inner{ font-size:.7rem !important; }
}

/* righe selezionate / accento */
.listing tr.selected td,
.listing li.selected,
.messagelist tr.selected td{
  background:rgba(87,123,149,.18) !important;
}