/* Cores S2YOU no tema Elastic do Roundcube (injetado pelo nginx). */
:root { --s2-navy: #0c263c; --s2-navy-deep: #081d2d; --s2-lime: #baf34b; --s2-paper: #f3f6f2; }

/* Página de entrada */
body.task-login { background: radial-gradient(1200px 600px at 10% -10%, rgba(186, 243, 75, .35), transparent 60%), var(--s2-paper) !important; }
body.task-login #layout-content { background: transparent !important; }
body.task-login #login-form { background: #fff; border-radius: 22px; box-shadow: 0 24px 60px rgba(12, 38, 60, .14); padding: 2rem 2rem 1.5rem; }
body.task-login #logo { max-width: 240px; max-height: 80px; margin-bottom: 1rem; }
body.task-login #login-footer { color: #4f6166; }

/* Botões e ligações */
.btn-primary, .btn.btn-primary, button.btn-primary, .formbuttons .btn.mainaction, #rcmloginsubmit {
  background-color: var(--s2-navy) !important; border-color: var(--s2-navy) !important; color: #fff !important; border-radius: 12px !important;
}
.btn-primary:hover, #rcmloginsubmit:hover { background-color: var(--s2-navy-deep) !important; }
a, .link, a.link { color: #167047; }
input.form-control:focus, select.form-control:focus, textarea.form-control:focus { border-color: var(--s2-navy) !important; box-shadow: 0 0 0 .2rem rgba(186, 243, 75, .55) !important; }

/* Menu lateral */
#layout-menu { background-color: var(--s2-navy) !important; }
#layout-menu .popover-header, #layout-menu #logo { background: transparent !important; }
#layout-menu a, #layout-menu .special-buttons a { color: rgba(255, 255, 255, .82) !important; }
#layout-menu a.selected, #layout-menu a:hover, #layout-menu a:focus { color: var(--s2-lime) !important; background-color: rgba(255, 255, 255, .06) !important; }
#layout-menu a.compose { background-color: var(--s2-lime) !important; color: var(--s2-navy) !important; border-radius: 14px; }

/* Listas e seleção */
.listing li.selected, .listing tr.selected td, table.records-table tr.selected td, .listing li.selected > a { background-color: #eef6df !important; color: var(--s2-navy) !important; }
.listing li.focused, table.records-table tr.focused td { outline-color: var(--s2-lime) !important; }
.unread .subject a, tr.unread .subject { color: var(--s2-navy) !important; }
.header .header-title, .header-title { color: var(--s2-navy); }
.badge-primary, .unreadcount, .listing li .unreadcount { background-color: var(--s2-navy) !important; color: #fff !important; }