/* CDX Webmail Theme v8 */

:root {
    --cdx-primary: #2563a8;
    --cdx-dark: #1a2744;
    --cdx-darker: #0a1628;
    --cdx-hover-btn: #1e4f8a;
    --cdx-sidebar: #f8fafc;
    --cdx-selected: #e0ecf7;
    --cdx-hover: #f1f5f9;
}

/* ==========================================================
   LOGIN - Reforco (inline styles sao prioridade, CSS backup)
   ========================================================== */

body.task-login,
body.task-login #layout,
body.task-login #layout-content,
body.task-login #layout > div {
    background-color: #0a1628 !important;
    background-image: none !important;
}

body.task-login #layout {
    background-color: #0a1628 !important;
    min-height: 100vh !important;
}

body.task-login #logo {
    filter: brightness(1.8) drop-shadow(0 2px 16px rgba(59,130,246,0.5)) !important;
    margin-bottom: 12px !important;
    max-height: 80px !important;
    position: static !important;
    top: auto !important;
}

#cdx-brand-text {
    color: rgba(255,255,255,0.92) !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    margin-bottom: 28px !important;
    text-align: center !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.4) !important;
}

body.task-login #login-form {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.35) !important;
    border-top: 3px solid var(--cdx-primary) !important;
    padding: 48px 44px 40px !important;
    max-width: 460px !important;
    width: 100% !important;
}

body.task-login #login-form table td {
    padding-bottom: 8px !important;
}

body.task-login #login-form table tr + tr td {
    padding-top: 8px !important;
}

body.task-login #login-form td.title label {
    color: #1e293b !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

body.task-login #login-form .form-control {
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
}

body.task-login #login-form .form-control:focus {
    border-color: var(--cdx-primary) !important;
    box-shadow: 0 0 0 3px rgba(37,99,168,0.12) !important;
}

body.task-login .formbuttons {
    margin-top: 24px !important;
}

body.task-login #rcmloginsubmit {
    background: linear-gradient(135deg, var(--cdx-primary), var(--cdx-hover-btn)) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 10px 24px !important;
    width: 100% !important;
}

body.task-login #rcmloginsubmit:hover {
    background: linear-gradient(135deg, var(--cdx-hover-btn), #163d6e) !important;
    box-shadow: 0 4px 16px rgba(37,99,168,0.3) !important;
}

body.task-login .voice { display: none !important; }
body.task-login #messagestack { z-index: 9999; }

#cdx-footer-credits {
    color: rgba(255,255,255,0.85) !important;
    font-size: 12px !important;
    text-align: center !important;
    margin-top: 24px !important;
}

#cdx-footer-credits a {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

#cdx-footer-credits a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

/* ==========================================================
   APP (MAILBOX)
   ========================================================== */

#layout > .header {
    background-color: var(--cdx-dark) !important;
}

#layout > .header a,
#layout > .header .inner,
#layout > .header span {
    color: #fff !important;
}

#layout > .header a.button:hover {
    background-color: rgba(255,255,255,0.1) !important;
}

#layout > .header .searchbar {
    background-color: rgba(255,255,255,0.1) !important;
    border-color: rgba(255,255,255,0.2) !important;
}

#layout > .header .searchbar input { color: #fff !important; }

#layout-sidebar { background-color: var(--cdx-sidebar) !important; }

#mailboxlist li.selected > a {
    background-color: var(--cdx-selected) !important;
    border-left-color: var(--cdx-primary) !important;
}

#mailboxlist li > a:hover { background-color: var(--cdx-hover) !important; }

.unreadcount { background-color: var(--cdx-primary) !important; color: #fff !important; }

.messagelist tr.selected td { background-color: var(--cdx-selected) !important; }
.messagelist tr:hover td { background-color: var(--cdx-hover) !important; }
.messagelist tr.selected td:first-child { box-shadow: inset 3px 0 0 var(--cdx-primary) !important; }

.btn-primary { background-color: var(--cdx-primary) !important; border-color: var(--cdx-primary) !important; }
.btn-primary:hover { background-color: var(--cdx-hover-btn) !important; border-color: var(--cdx-hover-btn) !important; }

.form-control:focus { border-color: var(--cdx-primary) !important; box-shadow: 0 0 0 2px rgba(37,99,168,0.15) !important; }

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--cdx-primary) !important;
    border-color: var(--cdx-primary) !important;
}

.tabsbar span.selected, .tabsbar a.selected {
    border-bottom-color: var(--cdx-primary) !important;
    color: var(--cdx-primary) !important;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

@media (max-width: 768px) {
    body.task-login #login-form { padding: 32px 24px 28px !important; margin: 0 16px !important; }
}