/* Tema Nextlink sobre o Elastic: navy #0D213A, azul #0094EC, ciano #00D7EC */
:root { --nl-navy: #0D213A; --nl-navy-2: #13304F; --nl-azul: #0094EC; --nl-azul-esc: #0077C8; --nl-ciano: #00D7EC; --nl-claro: #E8F4FD; }

/* Login */
body.task-login { background: linear-gradient(160deg, #0D213A, #081627) !important; }
body.task-login #layout-content { background: transparent; }
body.task-login #logo { max-width: 260px; max-height: 60px; margin: 0 auto 28px; }
body.task-login #login-form { background: #FBFCFE; border-radius: 14px; padding: 32px 28px; box-shadow: 0 30px 60px -30px #00000099; }
body.task-login #login-footer, body.task-login #login-footer a { color: #8FA6C0; }
body.task-login .formbuttons .btn { width: 100%; }

/* Botões e links */
.btn-primary, .btn.btn-primary, a.btn-primary, .formbuttons .btn.mainaction { background-color: var(--nl-azul) !important; border-color: var(--nl-azul) !important; color: #FBFCFE !important; }
.btn-primary:hover, .btn.btn-primary:hover, .formbuttons .btn.mainaction:hover { background-color: var(--nl-azul-esc) !important; border-color: var(--nl-azul-esc) !important; }
a, .listing li a:hover { color: var(--nl-azul-esc); }
input.form-control:focus, select.form-control:focus, textarea.form-control:focus { border-color: var(--nl-azul) !important; box-shadow: 0 0 0 .2rem #0094EC33 !important; }

/* Menu lateral */
#layout-menu { background-color: var(--nl-navy) !important; }
#layout-menu #logo { padding: 10px 8px; }
#layout-menu .menu a, #layout-menu .popover-header { color: #C9D6E5 !important; }
#layout-menu .menu a:hover { background-color: var(--nl-navy-2) !important; color: #FBFCFE !important; }
#layout-menu .menu a.selected { background-color: #00D7EC1F !important; color: var(--nl-ciano) !important; }
#layout-menu a.compose { background-color: var(--nl-azul) !important; color: #FBFCFE !important; }
#layout-menu a.compose:hover { background-color: var(--nl-azul-esc) !important; }

/* Pastas e lista de mensagens */
#layout-sidebar .listing li.selected, #layout-sidebar .listing li.selected > a { background-color: var(--nl-claro) !important; color: var(--nl-azul-esc) !important; }
#layout-sidebar .listing li.selected > a { border-left: 3px solid var(--nl-azul); }
table.messagelist tr.selected td, table.messagelist tr.selected:hover td { background-color: var(--nl-claro) !important; }
table.messagelist tr.unread td.subject span.subject a, table.messagelist tr.unread .subject a { color: var(--nl-navy); }
.unreadcount { background-color: var(--nl-azul) !important; color: #FBFCFE !important; }
.header .header-title, h2.boxtitle { color: var(--nl-navy); }

/* Formulário de login sempre claro dentro do cartão branco (também no modo escuro do sistema) */
body.task-login #login-form input.form-control, html.dark-mode body.task-login #login-form input.form-control { background-color: #FBFCFE !important; color: #0B1B33 !important; border-color: #C3CDD9 !important; }
body.task-login #login-form .input-group-text, html.dark-mode body.task-login #login-form .input-group-text { background-color: #EEF2F7 !important; color: #5C6B80 !important; border-color: #C3CDD9 !important; }
body.task-login #login-form input::placeholder { color: #66768B !important; }