/* ==========================================================================
   Foro.Trading - Modern Dark & Emerald Color Palette (COLOR ONLY)
   Preserves 100% of Simplicity layouts, widths, tables and responsive design.
   ========================================================================== */

/* 1. Global Page Background & Text */
html, body {
    background-color: #0b1120 !important;
    background-image: none !important;
    color: #cbd5e1 !important;
}

/* 2. Brand Green Bars & Headers (Navbar, Categories, Table Headers, Copyright) */
#page-header > div > div,
.navbar,
.forabg ul.topiclist li.header,
.forumbg ul.topiclist li.header,
table.table1 thead th,
.panel > .inner > h3:first-child,
.panel > h3:first-child,
.copyright {
    background-color: #00875c !important;
    color: #ffffff !important;
    border-color: #00704c !important;
}

#logo {
    color: #ffffff !important;
}

.forabg ul.topiclist li.header a,
.forumbg ul.topiclist li.header a,
.panel > .inner > h3:first-child a,
.panel > h3:first-child a,
.copyright a {
    color: #ffffff !important;
}

/* 3. Main Containers & Panels (Dark Slate Cards) */
.panel,
.post,
.bg1,
.bg2,
.bg3,
.cp-main .panel {
    background-color: #111c2e !important;
    border-color: #1e293b !important;
    color: #cbd5e1 !important;
}

/* 4. Forum Category Rows (Forums & Topics List) */
.forabg ul.topiclist li.row,
.forumbg ul.topiclist li.row {
    background-color: #0f172a !important;
    border-color: #1e293b !important;
    color: #cbd5e1 !important;
}

.forabg ul.topiclist li.row:hover,
.forumbg ul.topiclist li.row:hover {
    background-color: #172236 !important;
}

.forabg ul.topiclist li.row.reported,
.forumbg ul.topiclist li.row.reported {
    background-color: #27191e !important;
}

/* 5. Typography & Headings */
h1, h2, h3, h4, h5, h6, strong, b {
    color: #f8fafc !important;
}

dd, dt, p, span, li, a, td, th, label {
    color: #cbd5e1;
}

label {
    color: #cbd5e1 !important;
}

a.forumtitle, a.topictitle {
    color: #38bdf8 !important;
}

a.forumtitle:hover, a.topictitle:hover {
    color: #34d399 !important;
}

a.lastsubject {
    color: #94a3b8 !important;
}

a.lastsubject:hover {
    color: #34d399 !important;
}

.lastpost span, .lastpost a, .forum-statistics {
    color: #94a3b8 !important;
}

/* 6. Navigation Action Buttons (.botones-w) */
.botones-w {
    background-color: #162234 !important;
    color: #34d399 !important;
    border-color: #24344d !important;
}

.botones-w:hover {
    background-color: #1e293b !important;
    color: #6ee7b7 !important;
    border-color: #00875c !important;
}

.botones-w > a, .botones-w > i, .botones-w > a > i, .botones-w > span, .botones-w > a > span {
    color: #34d399 !important;
}

.botones-w:hover > a, .botones-w:hover > i, .botones-w:hover > a > i, .botones-w:hover > span, .botones-w:hover > a > span {
    color: #6ee7b7 !important;
}

/* 7. Cartera Financial Strip */
#monitores {
    background-color: #0b1120 !important;
    border-color: #00875c !important;
    color: #f8fafc !important;
}

#cartera {
    background-color: #00875c !important;
}

#cartera .if {
    border-right-color: rgba(255, 255, 255, 0.2) !important;
}

#cartera .if div div > span {
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: #0f172a !important;
    font-weight: 600 !important;
}

#cartera .if a,
#cartera > div > div > div > a {
    color: #34d399 !important;
}

.botones-s {
    background-color: #162234 !important;
    color: #34d399 !important;
    border-color: #24344d !important;
}

.botones-s:hover {
    background-color: #1e293b !important;
    color: #6ee7b7 !important;
    border-color: #00875c !important;
}

.botones-g {
    background-color: rgba(22, 34, 52, 0.95) !important;
    color: #34d399 !important;
    border-color: #24344d !important;
}

.botones-g:hover {
    background-color: #1e293b !important;
    color: #6ee7b7 !important;
    border-color: #00875c !important;
}

.botones-g span {
    color: #34d399 !important;
}

/* 8. Search Box & Filter Dropdowns */
#buscadorgeneralbox {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

#buscadorgeneralentrada {
    background-color: #0b1120 !important;
    color: #f8fafc !important;
    border-color: #24344d !important;
}

#buscadorgeneralfiltros {
    background-color: #111c2e !important;
    color: #f8fafc !important;
    border-color: #24344d !important;
}

#buscadorgeneralfiltros label,
#for-tipo-de-instrumento,
#for-Sector-e-industria,
#for-buscadorgeneralmercados {
    color: #f8fafc !important;
    font-weight: 500 !important;
}

#buscadorgeneralfiltros select,
#buscadorgeneralfiltros input {
    background-color: #162234 !important;
    color: #f8fafc !important;
    border-color: #24344d !important;
}

#buscadorgeneralfiltros select optgroup,
#buscadorgeneralfiltros select option {
    background-color: #162234 !important;
    color: #f8fafc !important;
}

#buscadorgeneralresultado {
    background-color: #111c2e !important;
    color: #f8fafc !important;
    border-color: #24344d !important;
}

#buscadorgeneralresultado a {
    background-color: #00875c !important;
    color: #ffffff !important;
    border-color: #00704c !important;
}

/* 9. Dropdown Menus */
.dropdown .dropdown-contents,
.dropdown-extended .dropdown-contents {
    background-color: #111c2e !important;
    color: #f8fafc !important;
    border-color: #00875c !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
}

.dropdown li,
.dropdown-contents a,
.dropdown-extended ul li a {
    color: #cbd5e1 !important;
    border-color: #1e293b !important;
}

.dropdown-contents a:hover,
.dropdown-extended ul li a:hover,
.dropdown .submenu:hover {
    background-color: #1e293b !important;
    color: #34d399 !important;
}

.dropdown .pointer {
    border-bottom-color: #00875c !important;
}

.dropdown-extended .header {
    background-color: #00875c !important;
    color: #ffffff !important;
}

.dropdown-extended .footer {
    background-color: #0f172a !important;
    color: #cbd5e1 !important;
}

/* 10. mChat Real-time Chat */
.mchat-wrapper {
    background-color: #111c2e !important;
    border-color: #1e293b !important;
}

#mchat-body,
#mchat-main,
#mchat-messages {
    background-color: #0b1120 !important;
    color: #cbd5e1 !important;
}

.mchat-message {
    background-color: #162234 !important;
    border-color: #24344d !important;
    color: #f8fafc !important;
}

#mchat-panel {
    background-color: #0f172a !important;
    border-color: #1e293b !important;
}

#mchat-input {
    background-color: #162234 !important;
    color: #f8fafc !important;
    border-color: #24344d !important;
}

.mchat-text,
.mchat-message-text {
    color: #f8fafc !important;
}

.mchat-user, .mchat-user a {
    color: #34d399 !important;
}

/* 11. Alerts & Notices */
#mensaje-global {
    background-color: rgba(16, 185, 129, 0.12) !important;
    border-color: #00875c !important;
    color: #f8fafc !important;
}

div.rules {
    background-color: #1e293b !important;
    border-color: #00875c !important;
    color: #f8fafc !important;
}

/* 12. Inputs, Textareas & Buttons */
input.inputbox, textarea, select {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

input.inputbox:focus, textarea:focus, select:focus {
    border-color: #00875c !important;
}

button, .button, input.button1, input.button2 {
    background-color: #162234 !important;
    border-color: #24344d !important;
    color: #f8fafc !important;
}

button:hover, .button:hover, input.button1:hover, input.button2:hover {
    background-color: #00875c !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
}

/* 13. Financial Tabs on Viewforum */
#tabs.tabs li.tab a {
    background-color: #162234 !important;
    border-color: #24344d !important;
    color: #94a3b8 !important;
}

#tabs.tabs li.tab a:hover {
    background-color: #1e293b !important;
    border-color: #00875c !important;
    color: #ffffff !important;
}

#tabs.tabs li.tab.activetab a {
    background-color: #00875c !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
}

/* 14. Stock Information & Details */
#precio_titulo {
    color: #f8fafc;
}

#preguntas-frecuentes details {
    border-color: #00875c !important;
    background-color: #111c2e !important;
}

#preguntas-frecuentes details[open] {
    background-color: #162234 !important;
}

#preguntas-frecuentes summary {
    color: #34d399 !important;
}

/* 15. Tables & Grids */
table.table1 {
    background-color: #111c2e !important;
}

table.table1 tbody tr {
    border-color: #1e293b !important;
}

table.table1 td {
    border-color: #1e293b !important;
    color: #cbd5e1 !important;
}

table.table1 tbody tr:hover {
    background-color: #172236 !important;
}

/* 16. Popups & Alert Modals (.phpbb_alert, #phpbb_confirm, #phpbb_alert) */
.phpbb_alert,
#phpbb_alert,
#phpbb_confirm,
#mchat-confirm {
    background-color: #111c2e !important;
    border: 1px solid #00875c !important;
    border-radius: 8px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.8) !important;
    color: #cbd5e1 !important;
}

.phpbb_alert h3,
#phpbb_alert h3,
#phpbb_confirm h3,
#mchat-confirm h3 {
    color: #f8fafc !important;
    border-bottom: 1px solid #1e293b !important;
}

.phpbb_alert p,
#phpbb_alert p,
#phpbb_confirm p,
.phpbb_alert .alert_text,
.mchat-confirm-fields p {
    color: #cbd5e1 !important;
}

.phpbb_alert label,
#phpbb_alert label,
#phpbb_confirm label {
    color: #cbd5e1 !important;
}

.phpbb_alert textarea,
.phpbb_alert input.inputbox,
#mchat-confirm textarea {
    background-color: #0b1120 !important;
    border: 1px solid #24344d !important;
    color: #f8fafc !important;
}

.phpbb_alert .alert_close:before {
    color: #94a3b8 !important;
}

.phpbb_alert .alert_close:hover:before {
    color: #ef4444 !important;
}

/* 17. Page Footer Alignment with #wrap */
#page-footer,
.ecosystem-footer {
    box-sizing: border-box !important;
    max-width: 970px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#page-footer .footer-container {
    max-width: 100% !important;
}

/* 18. Barra Vertical de Compartir */
#barra-vertical-izquierda-panel {
    margin-left: -71px !important;
}

#barra-vertical-izquierda-panel a,
#barra-vertical-derecha-panel a {
    border-top: #0b1120 solid 1px !important;
    border-bottom: #0b1120 solid 1px !important;
}