/* ═══════════════════════════════════════════════════════════
   AUDACITIES MEDIA — Brand Theme
   Primary:   Executive Black   #111111
   Secondary: Deep Navy         #0B1220
   Accent:    Electric Cobalt   #2563EB
   ═══════════════════════════════════════════════════════════ */

/* ── Login page ── */
body.task-login,
body.task-login #layout,
body.task-login #layout-content {
    background-color: #0B1220 !important;
}
body.task-login #login-form {
    background-color: #111111 !important;
    border: 1px solid #1F2937 !important;
    border-radius: 6px !important;
    padding: 2rem !important;
}
body.task-login #login-form input[type=text],
body.task-login #login-form input[type=password] {
    background-color: #1F2937 !important;
    color: #E5E7EB !important;
    border-color: #374151 !important;
}
body.task-login #login-form input:focus {
    border-color: #2563EB !important;
    box-shadow: 0 0 0 2px rgba(37,99,235,0.25) !important;
}

/* ── Main layout ── */
#layout { background-color: #111111 !important; }

/* ── Sidebar ── */
#layout-sidebar {
    background-color: #0B1220 !important;
    border-right: 1px solid #1F2937 !important;
}
.folderlist li a { color: #D9DEE5 !important; }
.folderlist li.selected > a,
.listing li.selected > a { background-color: #1E3A5F !important; color: #fff !important; }

/* ── Task menu ── */
@media screen and (min-width:481px) {
    #layout-menu { background-color: #0B1220 !important; }
    #taskmenu a { color: #D9DEE5 !important; }
    #taskmenu a.selected { background-color: #1E3A5F !important; }
    #taskmenu a:hover { background-color: #1F2937 !important; }
}

/* ── Toolbar ── */
#layout > div > .header {
    background-color: #111111 !important;
    border-bottom: 1px solid #1F2937 !important;
    color: #D9DEE5 !important;
}
.menu.toolbar a { color: #D9DEE5 !important; }
.menu.toolbar a:hover { background-color: #1F2937 !important; }

/* ── Message list ── */
#layout-list,
#layout-content {
    background-color: #111111 !important;
}
.messagelist tr:hover td { background-color: #1F2937 !important; }
.messagelist tr.selected td { background-color: #1E3A5F !important; color: #fff !important; }

/* ── Buttons ── */
.btn-primary, a.btn-primary {
    background-color: #2563EB !important;
    border-color: #2563EB !important;
    color: #fff !important;
}
.btn-primary:hover { background-color: #1D4ED8 !important; border-color: #1D4ED8 !important; }

/* ── Inputs ── */
input.form-control, textarea.form-control, select.form-control, select.custom-select {
    background-color: #1F2937 !important;
    color: #E5E7EB !important;
    border-color: #374151 !important;
}
input.form-control:focus, textarea.form-control:focus {
    border-color: #2563EB !important;
    box-shadow: 0 0 0 2px rgba(37,99,235,0.25) !important;
}

/* ── Links ── */
a { color: #2563EB !important; }
a:hover { color: #93C5FD !important; }

/* ── Logo ── */
#logo { max-height: 40px !important; width: auto !important; }

/* ── Scrollbars ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0B1220; }
::-webkit-scrollbar-thumb { background: #374151; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #2563EB; }