/* MASTERG Mail brand layer on top of Roundcube Elastic (Bootstrap based) */
:root { --mg-navy: #101b36; --mg-navy-2: #1a314e; --mg-cyan: #70e4f0; --mg-cyan-dark: #1fa9bb; }

/* primary actions */
.btn-primary, .btn-primary:not(:disabled):not(.disabled):active, .floating-action-buttons a.button,
.btn.btn-primary:focus, .ui-dialog .ui-dialog-buttonpane .btn.mainaction {
  background-color: var(--mg-cyan-dark) !important; border-color: var(--mg-cyan-dark) !important; color: #fff !important;
}
.btn-primary:hover { background-color: #178c9b !important; border-color: #178c9b !important; }
a, a:hover, .listing li a:hover, .header-title a { color: var(--mg-cyan-dark); }

/* left navigation rail */
#layout-menu { background-color: var(--mg-navy) !important; }
#layout-menu .menu a, #layout-menu .popover-header { color: #cfe6ff !important; }
#layout-menu .menu a.selected, #layout-menu .menu a:hover { background-color: var(--mg-navy-2) !important; color: var(--mg-cyan) !important; }
#layout-menu .menu a.selected::before, #layout-menu .menu a:hover::before { color: var(--mg-cyan) !important; }
#layout-menu #logo { max-height: 3rem; }

/* selections and unread markers */
.listing li.selected, table.records-table tr.selected td, table.records-table tr.focused td,
.listing li.focused { background-color: #e5f8fb !important; }
table.messagelist tr.unread .subject a, table.messagelist tr.unread span.adr { color: var(--mg-navy) !important; }
.listing li.selected > a, table.records-table tr.selected td a { color: var(--mg-navy) !important; }
.badge-primary, .unreadcount { background-color: var(--mg-cyan-dark) !important; }
input:focus, select:focus, textarea:focus, .form-control:focus {
  border-color: var(--mg-cyan-dark) !important; box-shadow: 0 0 0 .2rem rgba(31,169,187,.25) !important;
}

/* login page */
body.task-login {
  background: radial-gradient(1200px 600px at 20% 10%, #1c2a43 0%, var(--mg-navy) 55%, #0b1222 100%) !important;
}
body.task-login #layout-content { background: transparent !important; }
body.task-login #login-form {
  background: #fff; border-radius: 18px; padding: 2rem 2rem 1.5rem; max-width: 26rem;
  box-shadow: 0 20px 60px rgba(5, 11, 24, .55);
}
body.task-login #logo { max-width: 15rem; margin-bottom: 1rem; }
body.task-login #login-footer, body.task-login #login-footer a { color: #9fb6d6 !important; }
#masterg-login-tag { text-align: center; color: var(--mg-cyan); letter-spacing: .04em; margin-top: .5rem; font-size: .9rem; }