/* Vox Mail — marca no webmail (tema elastic) */
:root{--vm-escuro:#0A3C41;--vm-marca:#0B6E77;--vm-marca2:#0E8F9B;--vm-ambar:#F2A33A;--vm-claro:#E6F4F5}
/* menu lateral */
#layout-menu{background:linear-gradient(180deg,#0A3C41 0%,#0b434a 100%)}
#layout-menu #logo{max-height:44px;max-width:44px;margin:4px auto}
#taskmenu .special-buttons{background-color:transparent}
#taskmenu a.compose,#taskmenu a.compose:before{color:var(--vm-ambar)!important}
#taskmenu a.selected{background-color:rgba(255,255,255,.08)!important;color:#fff!important}
#taskmenu a:hover{background-color:rgba(255,255,255,.06)}
#taskmenu a.logout,#taskmenu a.logout:before{color:#ff9b8f!important}
/* botões principais */
.btn-primary,.btn-primary.disabled,.btn-primary:disabled,.button.mainaction,input.button.mainaction{background-color:var(--vm-marca)!important;border-color:var(--vm-marca)!important;color:#fff!important}
.btn-primary:hover,.btn-primary:focus,.button.mainaction:hover{background-color:var(--vm-escuro)!important;border-color:var(--vm-escuro)!important}
.btn-primary:not(:disabled):not(.disabled):active{background-color:var(--vm-escuro)!important}
.form-control:focus,.custom-select:focus{border-color:var(--vm-marca2)!important;box-shadow:0 0 0 .2rem rgba(14,143,155,.2)!important}
/* lista de mensagens */
html:not(.dark-mode) .listing li.selected,html:not(.dark-mode) .listing tr.selected td,html:not(.dark-mode) table.records-table tr.selected td{background-color:var(--vm-claro)!important}
.listing li.selected>a,.listing li.selected>a .unreadcount{color:var(--vm-escuro)}
html.dark-mode .listing li.selected>a,html.dark-mode .listing li.selected>a .unreadcount{color:#fff}
.unreadcount,.listing .unreadcount{background-color:var(--vm-marca2)!important;color:#fff!important}
.badge-primary{background-color:var(--vm-marca)!important}
/* tela de entrada */
body.task-login{background:radial-gradient(1200px 600px at 80% -10%,rgba(242,163,58,.18),transparent 60%),linear-gradient(160deg,#0A3C41 0%,#0b5d64 55%,#0E8F9B 100%)!important;min-height:100vh}
body.task-login #layout-content{background:transparent!important}
body.task-login #logo{max-width:260px;max-height:64px;margin:0 auto 6px}
body.task-login #login-form{background:#fff;border-radius:22px;padding:30px 30px 26px!important;box-shadow:0 20px 60px rgba(0,0,0,.25);max-width:400px;width:calc(100% - 32px);margin:0 auto}
body.task-login #login-form table{margin:0}
body.task-login #login-form .input-group-text{background:#F3F6F6;border-color:#E2E9EB;color:var(--vm-escuro)}
body.task-login #login-form input.form-control{height:46px;font-size:16px;border-color:#E2E9EB}
body.task-login #login-form button.mainaction{height:48px;border-radius:12px!important;font-size:16px;font-weight:700;text-transform:none;letter-spacing:0}
body.task-login #login-footer{color:rgba(255,255,255,.85)!important;margin-top:18px}
body.task-login #login-footer a{color:#fff!important;font-weight:600}
.vm-login-cab{text-align:center;margin:0 0 18px}
.vm-login-cab h1{font-size:22px;font-weight:800;color:var(--vm-escuro);margin:8px 0 4px}
.vm-login-cab p{color:#5D7175;font-size:14px;margin:0}
html.dark-mode body.task-login #login-form{background:#162629}
html.dark-mode .vm-login-cab h1{color:#fff}
@media (max-width:480px){body.task-login #login-form{padding:22px 18px!important;border-radius:18px}}
body.task-login #logo{display:block!important;margin:0 auto 8px!important;float:none!important}