/* 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-setwin .layui-layer-close1,
body .layui-layer-setwin .layui-layer-close2 {
    filter: brightness(1.9) saturate(0.15) !important;
    opacity: 0.95 !important;
}
body .layui-layer-setwin .layui-layer-close1:hover,
body .layui-layer-setwin .layui-layer-close2:hover {
    filter: brightness(2.3) saturate(0.05) !important;
    opacity: 1 !important;
}
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;
}
body .layui-layer-hui .layui-layer-content,
body .layui-layer-dialog .layui-layer-padding {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 18px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}
body .layui-layer-hui .layui-layer-content {
    justify-content: center !important;
}
body .layui-layer-dialog .layui-layer-ico {
    position: static !important;
    background-image: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 0 !important;
    border-radius: 9999px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 12px 12px !important;
    box-shadow: none !important;
}
body .layui-layer-dialog .layui-layer-ico0 {
    background-color: #2b6cb0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M8 1.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Zm1 4.5v6.5H7v-6.5h2Z'/%3E%3C/svg%3E") !important;
}
body .layui-layer-dialog .layui-layer-ico1 {
    background-color: #03a66d !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.5 8.5 6.5 11.5 12.5 4.5'/%3E%3C/svg%3E") !important;
}
body .layui-layer-dialog .layui-layer-ico2 {
    background-color: #cf304a !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='2' d='M5 5l6 6M11 5 5 11'/%3E%3C/svg%3E") !important;
}
body .layui-layer-dialog .layui-layer-ico3 {
    background-color: #d97706 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 4v4m0 2.75h.01'/%3E%3C/svg%3E") !important;
}
body .layui-layer-dialog .layui-layer-ico4 {
    background-color: #7c3aed !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.5 6a1.75 1.75 0 1 1 3 1.237C8.81 7.665 8 8.19 8 9.25m0 2.5h.01'/%3E%3C/svg%3E") !important;
}
body .layui-layer-dialog .layui-layer-ico5 {
    background-color: #0891b2 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 3.5v5m0 0 2-2m-2 2-2-2M3.5 10.5v1h9v-1'/%3E%3C/svg%3E") !important;
}
body .layui-layer-dialog .layui-layer-ico6 {
    background-color: #2563eb !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12.5V7.5m0 0-2 2m2-2 2 2M3.5 5.5v-1h9v1'/%3E%3C/svg%3E") !important;
}
/* Ensure icon text align properly */
body .layui-layer-dialog .layui-layer-content .layui-layer-face {
    color: #eaecef !important;
    top: auto !important;
}