/* Base Tailwind Colors overrides */
body {
    background-color: #0b0e11;
    color: #eaecef;
}

/* Custom Focus Ring for Inputs */
.input-focus:focus-within {
    border-color: #fcd535;
}

/* Fix browser autofill background for Dark Theme */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #0b0e11 inset !important;
    -webkit-text-fill-color: #eaecef !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Language Dropdown Customization */
#lang-menu {
    display: none;
}

/* Custom Scrollbar for Dark Theme */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #0b0e11;
}
::-webkit-scrollbar-thumb {
    background: #2b3139;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #848e9c;
}

/* Layer.js Global Dark Fintech Theme Overrides */
body .layui-layer {
    background-color: #181a20 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important;
}
body .layui-layer-title {
    background-color: #181a20 !important;
    color: #fff !important;
    border-bottom: 1px solid #2b3139 !important;
    border-radius: 12px 12px 0 0 !important;
    font-weight: bold;
}
body .layui-layer-content {
    color: #eaecef !important;
}
body .layui-layer-btn {
    border-top: 1px solid #2b3139 !important;
    padding: 12px 15px !important;
    background-color: #181a20 !important;
    border-radius: 0 0 12px 12px !important;
}
body .layui-layer-btn a {
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 6px !important;
    padding: 0 20px !important;
    border-radius: 8px !important;
    font-weight: bold !important;
}
body .layui-layer-btn .layui-layer-btn0 {
    background-color: #fcd535 !important;
    border-color: #fcd535 !important;
    color: #1e2329 !important;
}
body .layui-layer-btn .layui-layer-btn1 {
    background-color: transparent !important;
    border-color: #2b3139 !important;
    color: #848e9c !important;
}
body .layui-layer-btn .layui-layer-btn1:hover {
    color: #fff !important;
}
/* msg popup specific */
body .layui-layer-hui {
    background-color: rgba(24, 26, 32, 0.9) !important;
    border: 1px solid #2b3139 !important;
    color: #fff !important;
    border-radius: 8px !important;
}
/* Ensure icon text align properly */
body .layui-layer-dialog .layui-layer-content .layui-layer-face {
    color: #eaecef !important;
}