/* ==========================================================================
   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;
}

.postbody,
.content {
    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;
}

.search-box .inputbox {
    background-color: #0b1120 !important;
    color: #f8fafc !important;
    border-color: #24344d !important;
}

.search-box .button,
.search-box .button-search,
.search-box .button-search-end,
.button-search,
.button-search-end {
    background-color: #1e293b !important;
    border-color: #24344d !important;
    color: #cbd5e1 !important;
}

.search-box .button:hover,
.search-box .button-search:hover,
.search-box .button-search-end:hover,
.button-search:hover,
.button-search-end:hover {
    background-color: #00875c !important;
    border-color: #00704c !important;
    color: #ffffff !important;
}

.search-box .button i,
.search-box .button .icon,
.button-search i,
.button-search .icon,
.button-search-end i,
.button-search-end .icon {
    color: #cbd5e1 !important;
}

.search-box .button:hover i,
.search-box .button:hover .icon,
.button-search:hover i,
.button-search:hover .icon,
.button-search-end:hover i,
.button-search-end:hover .icon {
    color: #ffffff !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;
    border-color: #10b981 !important;
}

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

#preguntas-frecuentes summary::-webkit-details-marker {
    display: none !important;
}

#preguntas-frecuentes summary::after {
    font-family: 'FontAwesome' !important;
    content: '\00f055' !important;
    color: #38bdf8 !important;
}

#preguntas-frecuentes details[open] summary::after {
    content: '\00f056' !important;
    color: #34d399 !important;
}

#preguntas-frecuentes details p {
    color: #cbd5e1 !important;
}

/* 14.1 Reviews & Recommendations (#recomendaciones) */
#recomendaciones .row {
    background-color: #111c2e !important;
    border: 1px solid #1e293b !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 10px !important;
    color: #cbd5e1 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

#recomendaciones .row .avatar {
    border-radius: 4px !important;
    border: 1px solid #334155 !important;
}

#recomendaciones .row a.username,
#recomendaciones .row a.username-coloured {
    color: #34d399 !important;
    font-weight: 600 !important;
}

#recomendaciones .row > span,
#recomendaciones .row span {
    color: #94a3b8 !important;
}

#recomendaciones .review-block-description {
    color: #e2e8f0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

#recomendaciones .review-block-rate {
    margin: 4px 0 6px !important;
}

#recomendaciones .btn-grey,
#recomendaciones .valoracion.btn {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #475569 !important;
}

#recomendaciones .btn-warning,
#recomendaciones .valoracion.btn.btn-warning {
    background-color: #78350f !important;
    border-color: #d97706 !important;
    color: #fbbf24 !important;
}

#recomendaciones .btn-warning i,
#recomendaciones .valoracion.btn.btn-warning i {
    color: #fbbf24 !important;
}

#recomendaciones form textarea {
    background-color: #0b1120 !important;
    color: #f8fafc !important;
    border: 1px solid #00875c !important;
    border-radius: 6px 0 0 6px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    height: 52px !important;
    box-sizing: border-box !important;
}

#recomendaciones form textarea::placeholder {
    color: #64748b !important;
}

#recomendaciones form button.mchat-button-add {
    background-color: #00875c !important;
    border: 1px solid #00875c !important;
    border-radius: 0 6px 6px 0 !important;
    cursor: pointer !important;
    height: 52px !important;
    width: 45px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

#recomendaciones form button.mchat-button-add:hover {
    background-color: #00a872 !important;
    border-color: #00a872 !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) */
.darkenwrapper,
#darkenwrapper {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99999 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.darken,
#darken {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(3, 15, 12, 0.78) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    z-index: 100000 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.phpbb_alert,
#phpbb_alert,
#phpbb_confirm {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    max-width: 480px !important;
    margin: 0 !important;
    padding: 28px 24px 22px 24px !important;
    background: linear-gradient(160deg, #0f2420 0%, #081715 100%) !important;
    border: 1px solid rgba(0, 230, 153, 0.35) !important;
    border-radius: 16px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.85), 0 0 35px rgba(0, 230, 153, 0.15) !important;
    z-index: 100005 !important;
    color: #e2e8f0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    animation: popupModalFadeIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes popupModalFadeIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -46%) scale(0.96);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.phpbb_alert .alert_close {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    color: #94a3b8 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    font-size: 14px !important;
    line-height: 1 !important;
    z-index: 10 !important;
    margin: 0 !important;
    float: none !important;
    overflow: visible !important;
}

.phpbb_alert .alert_close:hover {
    background: rgba(239, 68, 68, 0.25) !important;
    color: #ff5555 !important;
    border-color: rgba(239, 68, 68, 0.5) !important;
    transform: scale(1.08) !important;
}

.phpbb_alert .alert_close:before {
    content: "✕" !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: inherit !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
}

.phpbb_alert .alert_close:after {
    display: none !important;
}

.phpbb_alert h3,
#phpbb_alert h3,
#phpbb_confirm h3,
.popup-modal-inner h3 {
    margin: 0 0 12px 0 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: none !important;
    letter-spacing: -0.01em !important;
}

.phpbb_alert p,
#phpbb_alert p,
#phpbb_confirm p,
.popup-modal-inner p {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #cbd5e1 !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
}

.phpbb_alert p a,
.popup-modal-inner p a {
    color: #00e699 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.phpbb_alert p a:hover,
.popup-modal-inner p a:hover {
    text-decoration: underline !important;
    color: #38ef7d !important;
}

.popup-btn-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 6px !important;
}

.popup-btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #00b074 0%, #00875c 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 11px 20px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0, 176, 116, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.popup-btn-primary:hover {
    background: linear-gradient(135deg, #00c884 0%, #009968 100%) !important;
    box-shadow: 0 6px 20px rgba(0, 176, 116, 0.55) !important;
    transform: translateY(-1px) !important;
    color: #ffffff !important;
}

.popup-btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    color: #e2e8f0 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 9px 16px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.popup-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

.phpbb_alert fieldset.submit-buttons {
    border: none !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

.phpbb_alert input[type="button"].button2,
.popup-btn-dismiss {
    background: transparent !important;
    border: none !important;
    color: #8fa09d !important;
    font-size: 12px !important;
    padding: 6px 12px !important;
    cursor: pointer !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

.phpbb_alert input[type="button"].button2:hover,
.popup-btn-dismiss:hover {
    color: #cbd5e1 !important;
    background: transparent !important;
    border: none !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-titulo {
    margin-left: -200px !important;
}

#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;
}

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

/* 19. Filtros de Administrador Ocultos */
#filtrar-listado-actual,
#buscadorgeneralperiodomedia {
    display: none !important;
}

/* 20. Tamano de fuente mChat */
.mchat-text {
    font-size: 1em !important;
}

/* 21. Attachments & Sortables Captcha */
.attachbox,
.sortables_captcha_box {
    background-color: #0f172a !important;
    border-color: #24344d !important;
    border-left-color: #00875c !important;
    color: #cbd5e1 !important;
}

.sortables_captcha_box strong,
.sortables_nojs strong {
    color: #34d399 !important;
}

.sortables_captcha_box hr {
    border-color: #1e293b !important;
}

.sortables_captcha_list li {
    background-color: #162234 !important;
    border: 1px solid #24344d !important;
    color: #f8fafc !important;
}

.sortables_captcha_list li:hover {
    background-color: #1e293b !important;
    border-color: #00875c !important;
}

/* 22. User Profiles, Memberlist & Definition Lists */
.memberlist-title {
    color: #f8fafc !important;
}

dl.details dt,
dl.profile-details dt,
fieldset.fields1 dt,
fieldset.fields2 dt,
dl.faq dt,
.details dt {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

dl.details dd,
dl.profile-details dd,
fieldset.fields1 dd,
fieldset.fields2 dd,
dl.faq dd,
.details dd {
    color: #f8fafc !important;
}

dl.details dd a,
dl.profile-details dd a,
.profile-details a,
.details a {
    color: #38bdf8 !important;
}

dl.details dd a:hover,
dl.profile-details dd a:hover,
.profile-details a:hover,
.details a:hover {
    color: #34d399 !important;
}

.column1 h3,
.column2 h3,
.panel h3 {
    color: #34d399 !important;
}

#viewprofile select,
.profile-details select,
.details select {
    background-color: #0f172a !important;
    color: #f8fafc !important;
    border: 1px solid #334155 !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
}

#viewprofile select option,
.profile-details select option,
.details select option {
    background-color: #0f172a !important;
    color: #f8fafc !important;
}

/* 16. Cotizaciones dinámicas según variación & Alerta Administrador */
.forabg ul.topiclist li.row.cotizacion-positiva,
.forumbg ul.topiclist li.row.cotizacion-positiva,
li.row.cotizacion-positiva {
    background-color: rgba(16, 185, 129, 0.08) !important;
}
.forabg ul.topiclist li.row.cotizacion-positiva:hover,
.forumbg ul.topiclist li.row.cotizacion-positiva:hover,
li.row.cotizacion-positiva:hover {
    background-color: rgba(16, 185, 129, 0.16) !important;
}

.forabg ul.topiclist li.row.cotizacion-negativa,
.forumbg ul.topiclist li.row.cotizacion-negativa,
li.row.cotizacion-negativa {
    background-color: rgba(239, 68, 68, 0.08) !important;
}
.forabg ul.topiclist li.row.cotizacion-negativa:hover,
.forumbg ul.topiclist li.row.cotizacion-negativa:hover,
li.row.cotizacion-negativa:hover {
    background-color: rgba(239, 68, 68, 0.16) !important;
}

.forabg ul.topiclist li.row.cotizacion-neutra,
.forumbg ul.topiclist li.row.cotizacion-neutra,
li.row.cotizacion-neutra {
    background-color: #0f172a !important;
}

dd.precio.val-positivo,
.val-positivo {
    color: #34d399 !important;
    font-weight: 600;
}
dd.precio.val-negativo,
.val-negativo {
    color: #f87171 !important;
    font-weight: 600;
}
dd.precio.val-neutro,
.val-neutro {
    color: #94a3b8 !important;
}

.badge-desactualizado {
    display: inline-block;
    margin-left: 6px;
    background: #854d0e;
    color: #fef08a;
    border: 1px solid #eab308;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    vertical-align: middle;
    cursor: help;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

#precio_titulo > div {
    color: #94a3b8 !important;
}
#precio_titulo.cotizacion-positiva,
#precio_titulo.cotizacion-positiva #precio_ultimo,
#precio_titulo.cotizacion-positiva #precio_var,
#precio_titulo.cotizacion-positiva #precio_por_var,
#precio_titulo.cotizacion-positiva #flecha {
    color: #34d399 !important;
}
#precio_titulo.cotizacion-negativa,
#precio_titulo.cotizacion-negativa #precio_ultimo,
#precio_titulo.cotizacion-negativa #precio_var,
#precio_titulo.cotizacion-negativa #precio_por_var,
#precio_titulo.cotizacion-negativa #flecha {
    color: #f87171 !important;
}
#precio_titulo.cotizacion-neutra,
#precio_titulo.cotizacion-neutra #precio_ultimo,
#precio_titulo.cotizacion-neutra #precio_var,
#precio_titulo.cotizacion-neutra #precio_por_var,
#precio_titulo.cotizacion-neutra #flecha {
    color: #38bdf8 !important;
}

/* ApexCharts Dark Theme & High Contrast Labels */
.apexcharts-canvas text,
.apexcharts-text,
.apexcharts-text tspan,
.apexcharts-xaxis-label,
.apexcharts-yaxis-label,
.apexcharts-legend-text {
    fill: #cbd5e1 !important;
    color: #cbd5e1 !important;
}
.apexcharts-gridline,
.apexcharts-grid-row,
.apexcharts-grid-column {
    stroke: #334155 !important;
}
.apexcharts-menu {
    background: #0f172a !important;
    border: 1px solid #334155 !important;
    color: #e2e8f0 !important;
}
.apexcharts-menu-item:hover {
    background: #1e293b !important;
}
.apexcharts-toolbar svg {
    fill: #94a3b8 !important;
}
.apexcharts-toolbar svg:hover {
    fill: #34d399 !important;
}

/* 25. UCP / MCP Control Panel Navigation & Subsections */
#navigation a,
.navigation a {
    background-color: #162234 !important;
    color: #cbd5e1 !important;
    border: 1px solid #24344d !important;
    border-radius: 6px !important;
    padding: 7px 12px !important;
    margin: 3px 0 !important;
    display: block !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

#navigation a:hover,
.navigation a:hover {
    background-color: #1e293b !important;
    color: #34d399 !important;
    border-color: #00875c !important;
    transform: translateX(2px) !important;
}

#navigation #active-subsection a,
#navigation li.active-subsection a,
.navigation #active-subsection a,
.navigation li.active-subsection a {
    background-color: #00875c !important;
    border-color: #00875c !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(0, 135, 92, 0.35) !important;
}

#navigation #active-subsection a:hover,
#navigation li.active-subsection a:hover,
.navigation #active-subsection a:hover,
.navigation li.active-subsection a:hover {
    background-color: #00a870 !important;
    border-color: #00a870 !important;
    color: #ffffff !important;
}

#navigation hr,
.navigation hr,
#navigation > hr {
    border: none !important;
    border-top: 1px solid #24344d !important;
    margin: 10px 0 !important;
}

#minitabs .tab > a {
    background-color: #162234 !important;
    color: #94a3b8 !important;
    border: 1px solid #24344d !important;
}

#minitabs .activetab > a,
#minitabs .activetab > a:hover {
    background-color: #00875c !important;
    color: #ffffff !important;
    border-color: #00875c !important;
}

.panel-container .panel {
    background-color: #111c2e !important;
    border: 1px solid #1e293b !important;
    border-radius: 8px !important;
}

.panel-container h2 {
    color: #f1f5f9 !important;
}

.cp-mini {
    background-color: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 6px !important;
    color: #cbd5e1 !important;
}