/*
 * Escritório Moura - Roundcube
 * Paleta oficial:
 * Branco            #FFFFFF
 * Azul-celeste      #6CB4CA
 * Azul intenso      #142256
 */

:root {
    --moura-white: #ffffff;
    --moura-sky: #6cb4ca;
    --moura-blue: #142256;
}

/* Fundo e tipografia */
html,
body {
    background-color: var(--moura-white);
}

body {
    color: var(--moura-blue);
}

/* Logo */
.task-login #logo {
    width: 260px;
    max-width: 80vw;
    height: auto;
    max-height: none !important;
}

/* Menu lateral principal */
#layout-menu,
.taskmenu {
    background-color: var(--moura-blue) !important;
}

#layout-menu .button,
.taskmenu .button {
    color: var(--moura-white) !important;
}

#layout-menu .button:hover,
#layout-menu .button.selected,
.taskmenu .button:hover,
.taskmenu .button.selected {
    background-color: var(--moura-sky) !important;
    color: var(--moura-blue) !important;
}

/* Botões principais */
.btn-primary,
.button.mainaction,
input.button.mainaction {
    background-color: var(--moura-blue) !important;
    border-color: var(--moura-blue) !important;
    color: var(--moura-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.button.mainaction:hover,
.button.mainaction:focus,
input.button.mainaction:hover,
input.button.mainaction:focus {
    background-color: var(--moura-sky) !important;
    border-color: var(--moura-sky) !important;
    color: var(--moura-blue) !important;
}

/* Links */
a,
a:visited {
    color: var(--moura-blue);
}

a:hover,
a:focus {
    color: var(--moura-sky);
}

/* Campos */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--moura-sky) !important;
    box-shadow: 0 0 0 .2rem rgba(108, 180, 202, .25) !important;
}

/* Seleções e destaques */
.listing li.selected,
.listing tr.selected > td,
.listing tr.selected > th {
    background-color: rgba(108, 180, 202, .18) !important;
}

/* Cabeçalhos */
#layout-list .header,
#layout-content .header,
.popupmenu .listing li.selected {
    border-color: var(--moura-sky);
}

/* Login */
.task-login #layout-content {
    background-color: var(--moura-white);
}

.task-login #login-form {
    color: var(--moura-blue);
}

.task-login #login-footer {
    color: var(--moura-blue);
}

/* Responsividade */
@media screen and (max-width: 480px) {
    .task-login #logo {
        width: 220px;
        max-width: 78vw;
    }
}

/* ===== AJUSTE VISUAL ESCRITÓRIO MOURA - FUNDO AZUL ===== */

html, body {
  background: #142256 !important;
}

body.task-login #layout-content,
body.task-login #layout,
body.task-login #login-form,
body.task-login .content-box,
body.task-login .box-inner {
  background: transparent !important;
}

body.task-login #logo,
body.task-login .login-title {
  position: relative;
  z-index: 2;
}

body.task-login form,
body.task-login .form-control,
body.task-login input[type="text"],
body.task-login input[type="password"],
body.task-login .input-group-text {
  background: #ffffff !important;
}

body.task-login .btn-primary,
body.task-login button.btn-primary,
body.task-login input.btn-primary {
  background: #6cb4ca !important;
  border-color: #6cb4ca !important;
  color: #142256 !important;
  font-weight: 600 !important;
}

body.task-login .btn-primary:hover,
body.task-login button.btn-primary:hover,
body.task-login input.btn-primary:hover {
  background: #5aa8c0 !important;
  border-color: #5aa8c0 !important;
  color: #142256 !important;
}

body.task-login a,
body.task-login .footer a,
body.task-login .form-links a {
  color: #ffffff !important;
}

body.task-login .box-inner,
body.task-login .content-box {
  box-shadow: none !important;
}