:root { --avv-navy:#073352; --avv-blue:#07528a; --avv-gold:#f7bb24; --avv-mist:#f4f8f8; --avv-ink:#123149; --avv-line:#dbe5e6; }
html, body { background:var(--avv-mist); color:var(--avv-ink); font-family:Arial, Helvetica, sans-serif; }
#layout, #layout-sidebar, #layout-list, #layout-content { border-color:var(--avv-line); }
#layout-menu, #layout-sidebar { background:var(--avv-navy)!important; }
#layout-menu .button, #layout-sidebar .button, #layout-menu a, #layout-sidebar a { color:#dbeaf1!important; }
#layout-menu .button.selected, #layout-sidebar .button.selected, #layout-menu .button:hover, #layout-sidebar .button:hover { background:rgba(255,255,255,.13)!important; color:#fff!important; border-radius:9px; }
#layout-menu .button.selected:before, #layout-sidebar .button.selected:before { background:var(--avv-gold)!important; border-radius:5px; }
#layout-menu .button.selected .inner, #layout-sidebar .button.selected .inner { font-weight:700; }
#layout-content, #layout-list { background:#fff; }
.toolbar .button, .listing li.selected, .listing tbody tr.selected td { background-color:#e6f1f8!important; color:var(--avv-navy)!important; }
.btn-primary, .btn-primary:focus, .btn-primary:hover, #rcmloginsubmit { background:var(--avv-blue)!important; border-color:var(--avv-blue)!important; border-radius:9px!important; box-shadow:0 5px 13px rgba(7,82,138,.2)!important; }
.btn-secondary, .btn-secondary:focus { border-radius:9px!important; border-color:var(--avv-line)!important; }
.form-control:focus { border-color:var(--avv-blue)!important; box-shadow:0 0 0 3px rgba(7,82,138,.12)!important; }
#layout-content .header, #layout-list .header, .messagelist tr td { border-color:var(--avv-line)!important; }
#layout-content .header .title, #layout-list .header .title { color:var(--avv-navy)!important; font-weight:800!important; }
#layout-content .header { background:#fff!important; }
#login-form { border-radius:18px!important; box-shadow:0 18px 45px rgba(7,51,82,.13)!important; border:1px solid var(--avv-line)!important; }
body.task-login #login-form:before { content:'La Argañosa · Correo'; display:block; color:var(--avv-navy); font-weight:800; font-size:17px; letter-spacing:-.3px; margin-bottom:20px; }
body.task-login #login-footer { color:#71818e!important; }
@media (min-width:769px) { #layout-sidebar { width:248px!important; } #layout { padding-left:248px!important; } }
html.dark-mode, html.dark-mode body { background:var(--avv-mist)!important; color:var(--avv-ink)!important; }
html.dark-mode body.task-login #login-form { background:#fff!important; color:var(--avv-ink)!important; }
html.dark-mode body.task-login #login-form .form-control { background:#fff!important; color:var(--avv-ink)!important; }
html.dark-mode body.task-login #login-form .input-group-text { background:#f7fbfb!important; color:var(--avv-navy)!important; }
html.dark-mode body.task-login #login-form:before { color:var(--avv-navy)!important; }
body.task-login #logo { display:none!important; }
html.dark-mode body:not(.task-login) #layout,
html.dark-mode body:not(.task-login) #layout-list,
html.dark-mode body:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #layout-content .header,
html.dark-mode body:not(.task-login) #layout-list .header { background:#fff!important; color:var(--avv-ink)!important; }
html.dark-mode body:not(.task-login) #layout-sidebar,
html.dark-mode body:not(.task-login) #layout-menu { background:var(--avv-navy)!important; }
body:not(.task-login) #layout-menu { width:56px!important; padding-top:16px; }
body:not(.task-login) #layout-menu .button { margin:5px 8px; border-radius:9px!important; }
body:not(.task-login) #layout-list .header,
body:not(.task-login) #layout-content .header { min-height:64px; display:flex; align-items:center; padding:0 24px; border-bottom:1px solid var(--avv-line)!important; }
body:not(.task-login) .messagelist tr td { background:#fff!important; color:var(--avv-ink)!important; border-bottom:1px solid #edf2f3!important; }
body:not(.task-login) .messagelist tr:hover td { background:#f7fbfb!important; }
body:not(.task-login) .messagelist tr.selected td { background:#e6f1f8!important; color:var(--avv-navy)!important; }
body:not(.task-login) .toolbar .button:focus,
body:not(.task-login) .toolbar .button:hover { background:#e6f1f8!important; border-radius:8px!important; }
body:not(.task-login) #layout-content { box-shadow:inset 0 0 0 1px rgba(219,229,230,.65); }
@media (min-width:860px) {
  body.task-login:before { content:'La Argañosa\A Gestión integral\A\A Correo corporativo\A Acceso seguro'; white-space:pre-line; position:fixed; inset:0 auto 0 0; width:280px; padding:46px 32px; box-sizing:border-box; background:var(--avv-navy); color:#fff; font-weight:700; font-size:20px; line-height:1.45; z-index:1; box-shadow:8px 0 24px rgba(7,51,82,.08); }
  body.task-login:after { content:'CORREO CORPORATIVO'; position:fixed; top:0; right:0; left:280px; height:82px; padding:0 42px; display:flex; align-items:center; box-sizing:border-box; background:#fff; border-bottom:1px solid var(--avv-line); color:var(--avv-navy); font-size:13px; font-weight:800; letter-spacing:.12em; z-index:2; }
  body.task-login #layout { position:relative; z-index:3; min-height:100vh; margin-left:280px; padding-top:82px; box-sizing:border-box; }
  body.task-login #login-form { width:410px; margin:92px auto 0; padding:38px 38px 28px; border-radius:16px!important; box-shadow:0 18px 46px rgba(7,51,82,.12)!important; }
  body.task-login #login-form:before { content:'Acceso al correo'; font-size:24px; margin-bottom:10px; }
  body.task-login #login-footer { margin-top:18px; }
}