:root{--lw-primary-color:#27C462}
body{background:#0d1a10!important;color:#e2ede5!important}
.main-content{background:#0d1a10!important}
.navbar-top{background:#0b1610!important;border-bottom:1px solid rgba(39,196,98,0.15)!important;box-shadow:none!important}
.navbar-top .nav-link{color:rgba(226,237,229,0.75)!important}
.navbar-top .nav-link:hover{color:#27C462!important}
.navbar-top .navbar-search .form-control{background:rgba(39,196,98,0.08)!important;border-color:rgba(39,196,98,0.2)!important;color:#e2ede5!important}
#sidenav-main{background:#0b1610!important;border-right:1px solid rgba(39,196,98,0.15)!important;box-shadow:4px 0 20px rgba(0,0,0,0.3)!important}
.sidenav-header{border-bottom:1px solid rgba(39,196,98,0.15)!important;background:#0b1610!important}
.navbar-vertical .navbar-nav .nav-link{color:rgba(226,237,229,0.7)!important;border-radius:10px!important;margin:3px 8px!important;border:1px solid transparent!important;transition:all 0.2s!important;padding:0.65rem 1rem!important}
.navbar-vertical .navbar-nav .nav-link:hover{background:rgba(39,196,98,0.1)!important;color:#27C462!important;border-color:rgba(39,196,98,0.2)!important}
.navbar-vertical .navbar-nav .nav-link.active,.active>.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active{background:rgba(39,196,98,0.15)!important;color:#27C462!important;border-color:rgba(39,196,98,0.3)!important;border-left:none!important}
.navbar-vertical .navbar-nav .nav-link i{color:#6b8472!important}
.navbar-vertical .navbar-nav .nav-link:hover i,.navbar-vertical .navbar-nav .nav-link.active i{color:#27C462!important}
.navbar-vertical-label{color:#6b8472!important;font-size:0.65rem!important;letter-spacing:0.08em!important}
.navbar-brand{border-bottom:1px solid rgba(39,196,98,0.15)!important}
.bg-white,.navbar-collapse,.bg-light{background:#14201a!important}
.card,.card-header,.main-content .navbar-top,fieldset,.bg-gradient-default{background:#14201a!important;border:1px solid rgba(39,196,98,0.12)!important;border-radius:14px!important;box-shadow:none!important}
.card:hover{transform:translateY(-2px)!important;border-color:rgba(39,196,98,0.3)!important;box-shadow:0 8px 24px rgba(0,0,0,0.3)!important}
.card-header{border-bottom:1px solid rgba(39,196,98,0.12)!important;color:#e2ede5!important;border-radius:14px 14px 0 0!important}
.card-footer{background:#14201a!important;border-top:1px solid rgba(39,196,98,0.1)!important}
.card.bg-dark{background:linear-gradient(135deg,#14201a,#1a2d20)!important}
.card .text-white,.card h5,.card h6{color:#e2ede5!important}
.card h2,.card .h2{color:#fff!important;font-weight:700!important}
.card .text-uppercase{color:#6b8472!important;font-size:0.7rem!important;letter-spacing:0.08em!important}
.card a{color:#27C462!important}
.card a:hover{color:#4ade80!important}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#e2ede5!important}
.text-muted{color:#6b8472!important}
.text-dark,.lw-details-item,.text-blue{color:#e2ede5!important}
.text-green,.text-primary,.text-success{color:#27C462!important}
a{color:#27C462}
.icon-shape{width:52px!important;height:52px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.bg-gradient-red,.bg-gradient-orange,.bg-gradient-pink,.bg-gradient-purple,.bg-gradient-blue,.bg-gradient-cyan,.bg-gradient-teal,.bg-gradient-green{border-radius:12px!important}
.table td,.table th,.thead-light th{border-color:rgba(39,196,98,0.08)!important;color:#e2ede5!important}
.thead-light th{background:rgba(39,196,98,0.08)!important;color:#27C462!important}
div.dataTables_wrapper table.dataTable>tbody>tr:hover{background:rgba(39,196,98,0.05)!important}
.bg-primary,.bg-success,.btn-success,.btn.btn-primary,.page-item.active .page-link{background-color:#27C462!important;border-color:#27C462!important;color:#fff!important}
.btn-primary{background:#27C462!important;border-color:#27C462!important;color:#fff!important;border-radius:10px!important}
.btn-primary:hover{background:#1a9e4e!important;border-color:#1a9e4e!important}
.btn-outline-primary{border-color:#27C462!important;color:#27C462!important;border-radius:10px!important}
.btn-outline-primary:hover{background:#27C462!important;color:#fff!important}
.btn.btn-light,.swal2-cancel.swal2-styled{background-color:#1a2d20!important;border-color:rgba(39,196,98,0.2)!important;color:#e2ede5!important}
.btn.btn-danger{background-color:#c11616!important;border:1px solid #c11616!important}
.btn-default{background-color:#1a2d20!important;border-color:rgba(39,196,98,0.2)!important;color:#e2ede5!important}
.btn.btn-secondary,.btn-group .btn.btn-black.dropdown-toggle{background-color:#14201a!important;border:1px solid rgba(39,196,98,0.2)!important;color:#e2ede5!important}
.form-control,.selectize-control.single .selectize-input.input-active,.selectize-input,.selectize-input.full{background-color:#14201a!important;color:#e2ede5!important;border-radius:10px!important}
.form-control:focus{border-color:#27C462!important;box-shadow:0 0 0 3px rgba(39,196,98,0.15)!important}
.form-control::placeholder{color:#6b8472!important}
.form-control-label{color:#e2ede5!important}
select.form-control option{background:#14201a;color:#e2ede5}
.input-group-text{background:#14201a!important;border:1px solid rgba(39,196,98,0.2)!important;color:#6b8472!important}
label{color:#e2ede5!important}
fieldset legend,.btn-group .btn.btn-black.dropdown-toggle,.btn.btn-secondary{background-color:#14201a!important;border:1px solid rgba(39,196,98,0.2)!important;color:#27C462!important}
legend{cursor:pointer}
.modal .modal-body,.modal-content,.selectize-dropdown{background-color:#14201a!important;border:1px solid rgba(39,196,98,0.2)!important;border-radius:16px!important;color:#e2ede5!important}
.modal-content .modal-header{border-bottom:1px solid rgba(39,196,98,0.15)}
.modal-footer,.modal-open .modal.lw-has-form .modal-footer,hr{border-top:1px solid rgba(39,196,98,0.1)!important}
.dropdown-menu{background-color:#14201a!important;border:1px solid rgba(39,196,98,0.2)!important;border-radius:12px!important;box-shadow:0 10px 30px rgba(0,0,0,0.4)!important;color:#e2ede5!important}
.dropdown-item{color:#e2ede5!important}
.dropdown-item:hover,.dropdown-item:before{background-color:rgba(39,196,98,0.1)!important;color:#27C462!important}
.alert-danger,.alert-default,.alert-warning{background-color:rgba(39,196,98,0.08)!important;border-color:rgba(39,196,98,0.15)!important}
.alert-danger{background:rgba(220,53,69,0.08)!important;border:1px solid rgba(220,53,69,0.25)!important;border-radius:12px!important;color:#f87171!important}
.alert-warning{background:rgba(234,179,8,0.1)!important;border:1px solid rgba(234,179,8,0.3)!important;border-radius:12px!important;color:#facc15!important}
.alert-success{background:rgba(39,196,98,0.1)!important;border:1px solid rgba(39,196,98,0.3)!important;border-radius:12px!important;color:#27C462!important}
.alert-info{background:rgba(59,130,246,0.1)!important;border:1px solid rgba(59,130,246,0.3)!important;border-radius:12px!important;color:#60a5fa!important}
.badge-success,.badge.bg-success{background-color:#27C462!important;color:#fff!important}
.badge-success{color:#fff}
.badge-danger,.badge.bg-danger{background-color:rgba(220,53,69,0.2)!important;color:#f87171!important}
.badge.badge-warning,.btn-warning{background-color:rgba(234,179,8,0.2)!important;border-color:rgba(234,179,8,0.2)!important;color:#facc15!important}
.list-group-item{background-color:#14201a!important;border:0;border-bottom:1px solid rgba(39,196,98,0.1)!important;border-radius:0}
.list-group-item:focus,.list-group-item:hover{background-color:rgba(39,196,98,0.08)!important}
.nav-tabs .nav-link{background-color:#14201a;color:#6b8472;border-radius:8px 8px 0 0!important}
.nav-tabs .nav-link.active{background-color:#27C462!important;color:#fff!important}
.nav-link:hover{color:#27C462!important}
.page-item.disabled .page-link,.page-link{background-color:#14201a!important;border:1px solid rgba(39,196,98,0.2)!important;color:#27C462!important}
.progress{background:rgba(39,196,98,0.1)!important;border-radius:100px!important;height:6px!important}
.progress-bar{background:#27C462!important}
.lw-breadcrumb-container{background-color:#14201a!important}
.breadcrumb-item a{color:#27C462!important}
.breadcrumb-item.active{color:#6b8472!important}
div:where(.swal2-container) div:where(.swal2-popup){background:#14201a!important}
.header{background:#0b1610!important;border-bottom:1px solid rgba(39,196,98,0.15)!important}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:#0b1610}
::-webkit-scrollbar-thumb{background:rgba(39,196,98,0.3)!important;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#27C462}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation{background:#0b1610 url(../../imgs/wa-message-bg-dark.png) repeat!important}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message{color:#e2ede5}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent{background-color:#1f4f3a}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent:after{border-color:transparent transparent transparent #1f4f3a}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.received{background:#14201a}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar{background:#0b1014;border-bottom:1px solid rgba(39,196,98,0.15)}
.card.lw-whatsapp-chat-block-container .nav-tabs .nav-link{background-color:#14201a;color:#e2ede5}
.flowchart-operator{background:#14201a!important;border-color:rgba(39,196,98,0.2)!important;border-radius:6px}
.flowchart-operator .flowchart-operator-title{background:#0b1610!important;border-bottom:1px solid rgba(39,196,98,0.15)!important;color:#e2ede5}
@media (min-width:992px){
.lw-minimized-menu #sidenav-main{width:250px!important;transform:none!important}
.lw-minimized-menu .navbar-vertical .navbar-nav .nav-link .nav-link-text{display:inline!important}
.lw-minimized-menu .navbar-vertical .navbar-brand{justify-content:flex-start!important;padding:1rem 1.25rem!important}
.lw-minimized-menu .main-content{margin-left:250px!important}
.lw-minimized-menu .navbar-vertical-label{display:block!important}
.lw-minimized-menu .navbar-vertical .navbar-nav .nav-link{justify-content:flex-start!important}
}



/* ===== PAGINATION FINAL ===== */
.dataTables_wrapper .dataTables_paginate { float: right!important; padding: 0.75rem 1.25rem!important; border-top: 1px solid rgba(39,196,98,0.08)!important; }
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button:active { 
    display: inline-block!important; 
    background: #0f1a12!important; 
    border: 1px solid rgba(39,196,98,0.15)!important; 
    border-radius: 8px!important; 
    color: #e2ede5!important; 
    padding: 0.4rem 0.9rem!important; 
    margin: 0 2px!important; 
    font-size: 0.825rem!important;
    cursor: pointer!important;
    outline: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { 
    background: rgba(39,196,98,0.1)!important; 
    border-color: rgba(39,196,98,0.3)!important; 
    color: #27C462!important; 
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { 
    background: #27C462!important; 
    border-color: #27C462!important; 
    color: #fff!important; 
    font-weight: 600!important; 
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { 
    background: #0b1610!important; 
    border-color: rgba(39,196,98,0.08)!important; 
    color: #6b8472!important; 
    cursor: not-allowed!important; 
}
.dataTables_wrapper .dataTables_paginate .ellipsis { 
    color: #6b8472!important; 
    padding: 0 4px!important; 
    border: none!important; 
    background: none!important; 
}
/* ===== END PAGINATION FINAL ===== */

/* ===== LENGTH MENU FIX ===== */
.dataTables_wrapper .dataTables_length select { 
    display: inline-block!important; 
    width: auto!important; 
    min-width: 65px!important;
    background: #0f1a12!important; 
    border: 1px solid rgba(39,196,98,0.2)!important; 
    color: #e2ede5!important; 
    border-radius: 8px!important; 
    padding: 0.3rem 0.6rem!important; 
    font-size: 0.825rem!important;
    height: auto!important;
    -webkit-appearance: auto!important;
    appearance: auto!important;
}
/* ===== END ===== */



/* ===== TOP SPACE FIX ===== */
.header.pb-6 { padding-bottom: 0!important; min-height: 0!important; }
.header-body { padding-top: 1rem!important; padding-bottom: 0!important; }
.mt-lg--6 { margin-top: 1rem!important; }
.container-fluid.mt-lg--6 { margin-top: 1rem!important; }
/* ===== END ===== */







/* ===== NAVBAR POSITION FIX ===== */
body:not(.lw-minimized-menu) .main-content #navbar-main { margin-left: 0!important; width: 100%!important; padding-left: 0!important; }
.lw-minimized-menu .main-content #navbar-main { margin-left: 0!important; width: 100%!important; padding-left: 0!important; }
.main-content #navbar-main { padding-left: 0!important; position: sticky!important; top: 0!important; z-index: 100!important; }
/* ===== END ===== */

/* ===== AUTH PAGE FIX ===== */
.lw-guest-page body, .lw-guest-page html { background-image: none!important; }
.lw-guest-page .main-content-has-bg::before { display: none!important; }
.lw-guest-page { background: #0b1610!important; background-image: none!important; }
.lw-guest-page .main-content { background: #0b1610!important; background-image: none!important; padding-bottom: 0!important; margin-bottom: 0!important; }
.lw-guest-page html, .lw-guest-page body { margin: 0!important; padding: 0!important; min-height: 100vh!important; overflow-x: hidden!important; }
.lw-auth-page { min-height: 100vh!important; margin: 0!important; padding: 2rem 1rem!important; }
/* ===== END ===== */

/* ===== NEW SIDEBAR ===== */
#sidenav-main{background:#0b1610!important;border-right:1px solid rgba(39,196,98,0.12)!important;box-shadow:none!important;width:250px!important;position:fixed!important;top:0!important;left:0!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:999!important;display:flex!important;flex-direction:column!important;}
.lw-sidebar-header{padding:1.25rem 1.25rem 1rem!important;border-bottom:1px solid rgba(39,196,98,0.1)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:64px!important;}
.lw-sidebar-logo img{max-height:36px!important;object-fit:contain!important;}
.lw-sidebar-nav{padding:0.75rem 0!important;flex:1!important;}
.lw-nav-section-label{color:#6b8472!important;font-size:0.65rem!important;font-weight:600!important;letter-spacing:0.1em!important;text-transform:uppercase!important;padding:0.75rem 1.25rem 0.35rem!important;display:block!important;}
.lw-nav-item{display:block!important;margin:1px 0.625rem!important;}
.lw-nav-link{display:flex!important;align-items:center!important;gap:10px!important;padding:0.6rem 0.875rem!important;border-radius:10px!important;color:rgba(226,237,229,0.7)!important;text-decoration:none!important;font-size:0.875rem!important;font-weight:400!important;border:1px solid transparent!important;cursor:pointer!important;background:transparent!important;width:100%!important;text-align:left!important;}
.lw-nav-link:hover{background:rgba(39,196,98,0.08)!important;color:#27C462!important;border-color:rgba(39,196,98,0.15)!important;}
.lw-nav-link.active{background:rgba(39,196,98,0.12)!important;color:#27C462!important;border-color:rgba(39,196,98,0.2)!important;}
.lw-nav-link i.nav-icon{width:18px!important;text-align:center!important;color:#6b8472!important;font-size:0.9rem!important;flex-shrink:0!important;}
.lw-nav-link:hover i.nav-icon,.lw-nav-link.active i.nav-icon{color:#27C462!important;}
.lw-nav-link .nav-text{flex:1!important;}
.lw-nav-link .nav-chevron{font-size:0.65rem!important;color:#6b8472!important;margin-left:auto!important;}
.lw-subnav{padding:2px 0 4px!important;display:none!important;}
.lw-subnav.show{display:block!important;}
.lw-subnav-link{display:flex!important;align-items:center!important;gap:8px!important;padding:0.45rem 0.875rem 0.45rem 2.75rem!important;color:rgba(226,237,229,0.55)!important;text-decoration:none!important;font-size:0.8rem!important;border-radius:8px!important;margin:1px 0.625rem!important;}
.lw-subnav-link:hover{color:#27C462!important;background:rgba(39,196,98,0.06)!important;}
.lw-subnav-link.active{color:#27C462!important;}
.lw-subnav-dot{width:5px!important;height:5px!important;border-radius:50%!important;background:rgba(39,196,98,0.3)!important;flex-shrink:0!important;}
.lw-subnav-link:hover .lw-subnav-dot,.lw-subnav-link.active .lw-subnav-dot{background:#27C462!important;}
.lw-sidebar-footer{padding:0.875rem 1.25rem!important;border-top:1px solid rgba(39,196,98,0.1)!important;}
.lw-sidebar-user{display:flex!important;align-items:center!important;gap:10px!important;}
.lw-sidebar-avatar{width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(39,196,98,0.15)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#27C462!important;font-size:0.8rem!important;flex-shrink:0!important;}
.lw-sidebar-user-info{flex:1!important;min-width:0!important;}
.lw-sidebar-user-name{color:#e2ede5!important;font-size:0.8rem!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.lw-sidebar-user-role{color:#6b8472!important;font-size:0.7rem!important;}
.lw-sidebar-logout{color:#6b8472!important;text-decoration:none!important;padding:4px!important;border-radius:6px!important;}
.lw-sidebar-logout:hover{color:#f87171!important;background:rgba(220,53,69,0.08)!important;}
.lw-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:100px!important;font-size:0.65rem!important;font-weight:600!important;background:rgba(220,53,69,0.2)!important;color:#f87171!important;margin-left:auto!important;}
.lw-warning-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#f59e0b!important;flex-shrink:0!important;}
.main-content{margin-left:250px!important;}
@media(max-width:768px){#sidenav-main{transform:translateX(-100%)!important;}.main-content{margin-left:0!important;}}
/* ===== END NEW SIDEBAR ===== */

/* ===== DASHBOARD PROFESSIONAL POLISH ===== */
/* Fix all card icons to green */
.icon-shape { background: rgba(39,196,98,0.12)!important; border-radius: 14px!important; }
.icon-shape i { color: #27C462!important; }
.bg-gradient-red,.bg-gradient-orange,.bg-gradient-pink,.bg-gradient-purple,.bg-gradient-blue,.bg-gradient-cyan,.bg-gradient-teal,.bg-gradient-green,.bg-gradient-info,.bg-gradient-danger,.bg-gradient-warning,.bg-gradient-success,.bg-gradient-default { background: rgba(39,196,98,0.12)!important; box-shadow: none!important; border-radius: 14px!important; }
.bg-gradient-red i,.bg-gradient-orange i,.bg-gradient-pink i,.bg-gradient-purple i,.bg-gradient-blue i,.bg-gradient-cyan i,.bg-gradient-teal i,.bg-gradient-green i,.bg-gradient-info i,.bg-gradient-danger i,.bg-gradient-warning i,.bg-gradient-success i,.bg-gradient-default i { color: #27C462!important; }

/* Fix stat numbers */
.card h2, .card .h2, .card h3, .card .h3 { color: #fff!important; font-weight: 700!important; font-size: 2rem!important; }
.card .text-uppercase { color: #6b8472!important; font-size: 0.7rem!important; letter-spacing: 0.08em!important; margin-bottom: 0.5rem!important; }
.card a.text-success { color: #27C462!important; font-size: 0.8rem!important; font-weight: 500!important; }

/* Card left accent */
.card.card-stats { border-left: 3px solid rgba(39,196,98,0.3)!important; }
.card.card-stats:hover { border-left-color: #27C462!important; }
.card-body { padding: 1.25rem 1.5rem!important; }

/* Fix greeting section spacing */
.lw-vendor-dashboard h2, .container-fluid h2 { margin-bottom: 0.5rem!important; }
.container-fluid.mt-lg--6 { margin-top: 0.5rem!important; padding-top: 1rem!important; }
.row.mt-5 { margin-top: 1rem!important; }

/* Topbar logged as badge */
.lw-logged-as-badge { background: rgba(234,179,8,0.1)!important; border: 1px solid rgba(234,179,8,0.2)!important; border-radius: 8px!important; padding: 0.35rem 0.75rem!important; font-size: 0.75rem!important; color: #facc15!important; }
.lw-logged-as-badge .fa-exclamation { color: #facc15!important; }

/* Topbar icons spacing */
.lw-topbar-btn { margin: 0 2px!important; }

/* Sidebar section label spacing */
.lw-nav-section-label { padding: 1rem 1.25rem 0.35rem!important; margin-top: 0.25rem!important; }
.lw-nav-section-label:first-of-type { padding-top: 0.5rem!important; }

/* Alert banners */
.alert.alert-danger { border-left: 3px solid #f87171!important; padding: 0.875rem 1.25rem!important; }
/* ===== END PROFESSIONAL POLISH ===== */

/* ===== HEADER CARDS SPACING FIX ===== */
.header.pb-5 { padding-bottom: 1rem!important; }
.header.pt-2 { padding-top: 0.5rem!important; }
.header.pt-md-7 { padding-top: 0.5rem!important; }
.header { padding: 0.75rem 0 0.75rem!important; }
.header .header-body { padding-top: 0.5rem!important; padding-bottom: 0.5rem!important; }
.header .container-fluid { padding-top: 0!important; }
.mt-lg--6 { margin-top: 0!important; }
.container-fluid.mt-lg--6 { margin-top: 0!important; padding-top: 0.75rem!important; }
/* ===== END ===== */

/* ===== HEADER PADDING FIX ===== */
.header .container-fluid { padding-bottom: 0!important; }
/* ===== END ===== */













/* ===== CARD MARGIN ===== */
.card { margin: 1rem 0!important; }
/* ===== END ===== */

/* ===== ORDERS PAGE COMPLETE FIX ===== */
.lw-page-content { background: transparent!important; }
.lw-page-header { background: transparent!important; }
.lw-page-header h1 { color: #27C462!important; }
.lw-page-header .border-bottom { border-color: rgba(39,196,98,0.12)!important; }

/* Stat cards */
.animated-card { background: #14201a!important; border: 1px solid rgba(39,196,98,0.12)!important; border-radius: 14px!important; }
.animated-card:hover { border-color: rgba(39,196,98,0.3)!important; }
.animated-card h2, .animated-card h3 { color: #e2ede5!important; }
.animated-card [style*="background-color: #DCFCE7"],
.animated-card [style*="background-color:#DCFCE7"],
.animated-card [style*="background-color: #FEF9C3"],
.animated-card [style*="background-color:#FEF9C3"],
.animated-card [style*="background-color: #DBEAFE"],
.animated-card [style*="background-color:#DBEAFE"],
.animated-card [style*="background-color: #FCE7F3"],
.animated-card [style*="background-color:#FCE7F3"] { background: rgba(39,196,98,0.12)!important; padding: 14px!important; }
.animated-card [style*="color: #22A755"],
.animated-card [style*="color: #F59E0B"],
.animated-card [style*="color: #3B82F6"],
.animated-card [style*="color: #EC4899"] { color: #27C462!important; }

/* Orders list table */
.lw-orders-table-container, [class*="orders-table"] { background: #14201a!important; border-radius: 14px!important; border: 1px solid rgba(39,196,98,0.12)!important; }
.card.border-0 { background: #14201a!important; border: 1px solid rgba(39,196,98,0.12)!important; }

/* Filter section */
.lw-filter-section, [class*="filter"] { background: #14201a!important; border-radius: 14px!important; border: 1px solid rgba(39,196,98,0.12)!important; }

/* Modern buttons */
.btn-modern { border-radius: 10px!important; font-weight: 500!important; }
.btn-modern-secondary { background: rgba(39,196,98,0.1)!important; border: 1px solid rgba(39,196,98,0.25)!important; color: #27C462!important; }
.btn-modern-secondary:hover { background: rgba(39,196,98,0.2)!important; }
.btn-modern-primary { background: #27C462!important; border: none!important; color: #fff!important; }
.btn-modern-primary:hover { background: #1a9e4e!important; }
.btn-modern-danger { background: rgba(220,53,69,0.1)!important; border: 1px solid rgba(220,53,69,0.25)!important; color: #f87171!important; }

/* Text color fixes */
[style*="color: #22A755"] { color: #27C462!important; }
[style*="color: #0D6EFD"] { color: #60a5fa!important; }
[style*="color: #198754"] { color: #27C462!important; }
[style*="color: #333"], [style*="color: #000"] { color: #e2ede5!important; }
[style*="color: #666"], [style*="color: #777"] { color: #6b8472!important; }

/* White/light backgrounds */
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background: white"],
[style*="background-color: white"],
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: #f8f9fa"],
[style*="background-color: #F8F9FA"] { background: #14201a!important; background-color: #14201a!important; }

/* Orders list section */
.card.shadow-sm { background: #14201a!important; border: 1px solid rgba(39,196,98,0.12)!important; box-shadow: none!important; }
.card.rounded { border-radius: 14px!important; }
/* ===== END ORDERS PAGE ===== */

/* ===== ORDERS PAGE CARD FIX ===== */
.card.card-stats { min-height: auto!important; }
.card.card-stats .card-body { padding: 1.25rem 1.5rem!important; }
/* Remove cyan/teal bottom bar */
.lw-page-content tr.odd { background: transparent!important; }
.lw-page-content .dataTables_info { background: transparent!important; color: #6b8472!important; }
.lw-page-content tfoot, .lw-page-content tfoot tr, .lw-page-content tfoot td { background: transparent!important; border: none!important; color: #6b8472!important; }
/* ===== END ===== */

/* ===== ORDERS TABLE FOOTER FIX ===== */
.table-footer { display: flex!important; justify-content: space-between!important; align-items: center!important; padding: 0.875rem 1.25rem!important; border-top: 1px solid rgba(39,196,98,0.08)!important; background: transparent!important; }
.table-info span, #table-info-text { color: #6b8472!important; font-size: 0.8rem!important; }
.pagination-container { display: flex!important; gap: 4px!important; }
.pagination-container .page-item .page-link, .pagination-container button { background: #0f1a12!important; border: 1px solid rgba(39,196,98,0.15)!important; color: #e2ede5!important; border-radius: 8px!important; padding: 0.4rem 0.85rem!important; font-size: 0.825rem!important; cursor: pointer!important; }
.pagination-container .page-item.active .page-link, .pagination-container button.active { background: #27C462!important; border-color: #27C462!important; color: #fff!important; }
.entries-select { background: #0f1a12!important; border: 1px solid rgba(39,196,98,0.2)!important; color: #e2ede5!important; border-radius: 8px!important; padding: 0.3rem 0.6rem!important; font-size: 0.825rem!important; }
.entries-control label, .entries-text { color: #6b8472!important; font-size: 0.8rem!important; }
.table-controls { display: flex!important; align-items: center!important; gap: 1rem!important; }
/* ===== END ===== */

/* ===== API ACCESS PAGE ===== */
pre, pre code { background: #0d1f12!important; color: #a3e8b8!important; border: 1px solid rgba(39,196,98,0.2)!important; border-radius: 10px!important; padding: 1.25rem!important; font-size: 0.8rem!important; line-height: 1.8!important; overflow-x: auto!important; white-space: pre-wrap!important; word-break: break-word!important; display: block!important; visibility: visible!important; opacity: 1!important; }
pre *, pre span, pre code * { color: #a3e8b8!important; border: none!important; background: transparent!important; visibility: visible!important; }
/* ===== END ===== */

/* ===== MODAL DIALOG TRANSPARENT ===== */
.modal .modal-dialog { background-color: transparent!important; }
.modal-dialog { background-color: transparent!important; }
/* ===== END ===== */

/* ===== TOGGLE SWITCH FIX ===== */
.custom-control-input:checked ~ .custom-control-label::before { background-color: #27C462!important; border-color: #27C462!important; }
.custom-control-label::before { background-color: #14201a!important; border: 2px solid rgba(39,196,98,0.3)!important; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 3px rgba(39,196,98,0.15)!important; }
/* Switchery */
.switchery { background-color: #14201a!important; border-color: rgba(39,196,98,0.3)!important; }
.switchery > small { background: #6b8472!important; }
.switchery-checked { background-color: rgba(39,196,98,0.2)!important; border-color: #27C462!important; }
.switchery-checked > small { background: #27C462!important; }
/* Bootstrap toggle */
.custom-toggle input:checked + .custom-toggle-slider { background: #27C462!important; border-color: #27C462!important; }
.custom-toggle .custom-toggle-slider { background: #1a2d20!important; border: 1px solid rgba(39,196,98,0.3)!important; }
.custom-toggle .custom-toggle-slider::before { background: #6b8472!important; }
.custom-toggle input:checked + .custom-toggle-slider::before { background: #fff!important; }
/* ===== END ===== */

/* ===== TOPBAR THEME & LOCALE BUTTON ===== */
.lw-topbar .navbar-nav { display:flex!important; align-items:center!important; }
.lw-topbar .navbar-nav .nav-item { list-style:none!important; }
.lw-topbar .navbar-nav .nav-link.dropdown-toggle { display:flex!important; align-items:center!important; justify-content:center!important; width:36px!important; height:36px!important; border-radius:8px!important; border:1px solid rgba(39,196,98,0.12)!important; background:transparent!important; color:#6b8472!important; padding:0!important; }
.lw-topbar .navbar-nav .nav-link.dropdown-toggle::after { display:none!important; }
.lw-topbar .navbar-nav .nav-link.dropdown-toggle:hover { background:rgba(39,196,98,0.08)!important; border-color:rgba(39,196,98,0.25)!important; color:#27C462!important; }
/* ===== END ===== */

/* ===== EQUAL HEIGHT CARDS ===== */
.header-body .row { align-items: stretch !important; }
.header-body .row > [class*="col"] { display: flex !important; flex-direction: column !important; }
.header-body .card.card-stats { flex: 1 !important; margin-bottom: 1rem !important; }
.header-body .card.card-stats .card-body { display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 100% !important; }
/* ===== END EQUAL HEIGHT ===== */

/* ===== VENDOR EQUAL HEIGHT CARDS ===== */
.container-fluid .row.mb-2 { align-items: stretch !important; }
.container-fluid .row.mb-2 > [class*="col"] { display: flex !important; flex-direction: column !important; }
.container-fluid .card.card-stats { flex: 1 !important; margin-bottom: 1rem !important; }
.container-fluid .card.card-stats .card-body { display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 100% !important; }
/* ===== END VENDOR EQUAL HEIGHT ===== */

/* ===== API FIXES ===== */
.lw-topbar-right .navbar-nav { flex-direction:row!important; align-items:center!important; }
.lw-topbar-right .navbar-nav .nav-item { display:inline-flex!important; align-items:center!important; }
.lw-guest-page .main-content { margin-left:0!important; }
.lw-guest-nav-links .navbar-nav { flex-direction:row!important; align-items:center!important; }
.lw-guest-nav-links .navbar-nav .nav-item { display:inline-flex!important; align-items:center!important; }
/* ===== END ===== */

/* ===== WHATSAPP DARK COLORS ===== */
.lw-contact-list-block h1,.lw-contact-list-block hr.my-2{display:none!important;}
.badge.bg-yellow,.badge.bg-yellow.text-dark{background:#27C462!important;color:#fff!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message{color:#e2ede5!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.received{background:#14201a!important;color:#e2ede5!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.received:after{border-color:transparent #14201a transparent transparent!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent{background:rgba(39,196,98,0.15)!important;color:#e2ede5!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent:after{border-color:transparent transparent transparent rgba(39,196,98,0.15)!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .metadata .time{color:#6b8472!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar{background:#14201a!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation{background:#0d1a10 url(../../imgs/wa-message-bg-faded.png) repeat!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose input,.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose>div{background:#14201a!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .send .circle{background:#27C462!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .emojionearea .emojionearea-editor{background:#14201a!important;color:#e2ede5!important;}
.card.lw-whatsapp-chat-block-container .nav-tabs .nav-link{background:transparent!important;color:#6b8472!important;}
.card.lw-whatsapp-chat-block-container .nav-tabs .nav-link.active{background:rgba(39,196,98,0.15)!important;color:#27C462!important;}
.card.lw-whatsapp-chat-block-container .nav-tabs{border-bottom:1px solid rgba(39,196,98,0.2)!important;}
.card.lw-whatsapp-chat-block-container .lw-contact-list .lw-contact{border-bottom:1px solid rgba(39,196,98,0.08)!important;}
.card.lw-whatsapp-chat-block-container .lw-contact-list .lw-contact h3{font-size:0.82rem!important;font-weight:600!important;color:#e2ede5!important;}
.card.lw-whatsapp-chat-block-container .lw-chat-history-container{background:#14201a!important;}
.card.lw-whatsapp-chat-block-container .lw-system-message-container{background:rgba(39,196,98,0.1)!important;}
.card.lw-whatsapp-chat-block-container .lw-contact-crm-block,.card.lw-whatsapp-chat-block-container .lw-contact-list-block{background:#0b1610!important;}
/* ===== END ===== */

/* ===== CHAT PAGE NO HEADER ===== */
.lw-whatsapp-chat-block-container ~ * .header,
body:has(.lw-whatsapp-chat-block-container) .header.pb-5 { display:none!important; }
/* ===== END ===== */

/* ===== CHAT PAGE HEADER HIDE ===== */
.lw-whatsapp-chat-block-container .header,
.lw-whatsapp-chat-block-container ~ .header { display:none!important; }
/* ===== END ===== */

/* ===== CHAT PAGE HEIGHT & SCROLL FIX ===== */
.lw-whatsapp-chat-block-container { height:calc(100vh - 30px)!important; }
@media(min-width:768px){
.card.lw-whatsapp-chat-block-container .lw-contact-crm-block,
.card.lw-whatsapp-chat-block-container .lw-contact-list-block { height:calc(100vh - 30px)!important; overflow-y:auto!important; }
.card.lw-whatsapp-chat-block-container .lw-contact-crm-block::-webkit-scrollbar { width:3px!important; }
}
/* ===== END ===== */

/* ===== CHAT PAGE NO PAGE SCROLL ===== */
body:has(.lw-whatsapp-chat-block-container) { overflow:hidden!important; }
body:has(.lw-whatsapp-chat-block-container) .main-content { overflow:hidden!important; height:100vh!important; }
body:has(.lw-whatsapp-chat-block-container) .container-fluid { height:100%!important; padding-bottom:0!important; }
/* ===== END ===== */

/* ===== CHAT CARD BODY OVERFLOW ===== */
body:has(.lw-whatsapp-chat-block-container) .card.lw-whatsapp-chat-block-container .card-body { overflow:hidden!important; }
body:has(.lw-whatsapp-chat-block-container) .lw-whatsapp-chat-window { overflow:hidden!important; }
body:has(.lw-whatsapp-chat-block-container) .lw-whatsapp-chat-window .row { height:100%!important; }
/* ===== END ===== */

/* ===== CHAT PAGE NO MARGIN BORDER ===== */
body:has(.lw-whatsapp-chat-block-container) .container-fluid { padding:0!important; margin:0!important; }
body:has(.lw-whatsapp-chat-block-container) .card.lw-whatsapp-chat-block-container { border-radius:0!important; border:none!important; margin:0!important; }
body:has(.lw-whatsapp-chat-block-container) .card.lw-whatsapp-chat-block-container .card-body { border-radius:0!important; border:none!important; padding:0!important; margin:0!important; }
/* ===== END ===== */

/* ===== CHAT ROW FIX ===== */
body:has(.lw-whatsapp-chat-block-container) .lw-whatsapp-chat-window .row { margin-right:0!important; margin-left:0!important; display:flex!important; flex-wrap:wrap!important; }
/* ===== END ===== */

/* ===== CHAT CARD HOVER REMOVE ===== */
body:has(.lw-whatsapp-chat-block-container) .card.lw-whatsapp-chat-block-container:hover { transform:none!important; box-shadow:none!important; }
body:has(.lw-whatsapp-chat-block-container) .card-body:hover { transform:none!important; box-shadow:none!important; }
/* ===== END ===== */


/* ===== CHAT FULL HEIGHT ===== */
body:has(.lw-whatsapp-chat-block-container) .card.lw-whatsapp-chat-block-container { height:100vh!important; }
/* ===== END ===== */


/* ===== CRM SCROLL ===== */
.card.lw-whatsapp-chat-block-container .lw-contact-crm-block { overflow-y:auto!important; }
/* ===== END ===== */

/* ===== CRM FULL HEIGHT ===== */
body:has(.lw-whatsapp-chat-block-container) .card.lw-whatsapp-chat-block-container .lw-contact-crm-block { height:100vh!important; overflow-y:auto!important; }
/* ===== END ===== */

/* ===== API SPECIFIC FIXES ===== */
.lw-topbar-right .navbar-nav { flex-direction:row!important; align-items:center!important; }
.lw-topbar-right .navbar-nav .nav-item { display:inline-flex!important; align-items:center!important; }
.lw-guest-page .main-content { margin-left:0!important; }
.lw-guest-nav-links .navbar-nav { flex-direction:row!important; align-items:center!important; }
.lw-guest-nav-links .navbar-nav .nav-item { display:inline-flex!important; align-items:center!important; }
/* Chat dark colors */
.lw-contact-list-block h1,.lw-contact-list-block hr.my-2{display:none!important;}
.badge.bg-yellow,.badge.bg-yellow.text-dark{background:#27C462!important;color:#fff!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message{color:#e2ede5!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.received{background:#14201a!important;color:#e2ede5!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.received:after{border-color:transparent #14201a transparent transparent!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent{background:rgba(39,196,98,0.15)!important;color:#e2ede5!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent:after{border-color:transparent transparent transparent rgba(39,196,98,0.15)!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .metadata .time{color:#6b8472!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar{background:#14201a!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation{background:#0d1a10 url(../../imgs/wa-message-bg-faded.png) repeat!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose input,.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose>div{background:#14201a!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .send .circle{background:#27C462!important;}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .emojionearea .emojionearea-editor{background:#14201a!important;color:#e2ede5!important;}
.card.lw-whatsapp-chat-block-container .nav-tabs .nav-link{background:transparent!important;color:#6b8472!important;}
.card.lw-whatsapp-chat-block-container .nav-tabs .nav-link.active{background:rgba(39,196,98,0.15)!important;color:#27C462!important;}
.card.lw-whatsapp-chat-block-container .nav-tabs{border-bottom:1px solid rgba(39,196,98,0.2)!important;}
.card.lw-whatsapp-chat-block-container .lw-contact-list .lw-contact{border-bottom:1px solid rgba(39,196,98,0.08)!important;}
.card.lw-whatsapp-chat-block-container .lw-contact-list .lw-contact h3{font-size:0.82rem!important;font-weight:600!important;color:#e2ede5!important;}
.card.lw-whatsapp-chat-block-container .lw-chat-history-container{background:#14201a!important;}
.card.lw-whatsapp-chat-block-container .lw-system-message-container{background:rgba(39,196,98,0.1)!important;}
.card.lw-whatsapp-chat-block-container .lw-contact-crm-block,.card.lw-whatsapp-chat-block-container .lw-contact-list-block{background:#0b1610!important;}
/* Chat page layout */
body:has(.lw-whatsapp-chat-block-container) { overflow:hidden!important; }
body:has(.lw-whatsapp-chat-block-container) .main-content { overflow:hidden!important; height:100vh!important; }
body:has(.lw-whatsapp-chat-block-container) .container-fluid { height:100%!important; padding-bottom:0!important; }
body:has(.lw-whatsapp-chat-block-container) .card.lw-whatsapp-chat-block-container { border-radius:0!important; border:none!important; margin:0!important; height:calc(100vh - 30px)!important; }
body:has(.lw-whatsapp-chat-block-container) .card.lw-whatsapp-chat-block-container .card-body { border-radius:0!important; border:none!important; padding:0!important; margin:0!important; overflow:hidden!important; }
body:has(.lw-whatsapp-chat-block-container) .lw-whatsapp-chat-window { overflow:hidden!important; }
body:has(.lw-whatsapp-chat-block-container) .lw-whatsapp-chat-window .row { margin-right:0!important; margin-left:0!important; display:flex!important; flex-wrap:wrap!important; height:100%!important; }
body:has(.lw-whatsapp-chat-block-container) .container-fluid { padding:0!important; margin:0!important; }
.card.lw-whatsapp-chat-block-container:hover { transform:none!important; box-shadow:none!important; }
@media(min-width:768px){ .card.lw-whatsapp-chat-block-container .lw-contact-crm-block, .card.lw-whatsapp-chat-block-container .lw-contact-list-block { height:calc(100vh - 30px)!important; overflow-y:auto!important; } }
.card.lw-whatsapp-chat-block-container .lw-contact-crm-block { height:100vh!important; overflow-y:auto!important; }
/* ===== END ===== */

/* ===== TOPBAR DARK FORCE ===== */
.lw-topbar{background:#0b1610!important;border-bottom:1px solid rgba(39,196,98,0.12)!important;}
.lw-topbar-page-title{color:#e2ede5!important;}
.lw-topbar-btn{border-color:rgba(39,196,98,0.12)!important;color:#6b8472!important;}
.lw-user-trigger{color:#e2ede5!important;}
/* ===== END ===== */

/* ===== DROPDOWN DOUBLE BORDER FIX DARK ===== */
.selectize-input,
.selectize-control.single .selectize-input,
.selectize-input.full,
select.form-control{outline:none!important;box-shadow:none!important;}
.selectize-control{box-shadow:none!important;}
/* ===== END ===== */


@media(max-width:991px){
    #sidenav-main{transform:translateX(-100%)!important;transition:transform 0.25s ease!important;}
    #sidenav-main.lw-sidebar-open{transform:translateX(0)!important;}
    .lw-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:998;}
    #sidenav-main.lw-sidebar-open~.lw-sidebar-overlay{display:block;}
    .main-content{margin-left:0!important;}
}
/* ===== END ===== */


@media(max-width:767px){
    #sidenav-main{transform:translateX(-100%)!important;transition:transform 0.28s ease!important;}
    #sidenav-main.lw-sidebar-open{transform:translateX(0)!important;}
    .lw-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:998;cursor:pointer;}
}
/* ===== END ===== */




@media(max-width:767px){
    #sidenav-main{transform:translateX(-100%)!important;transition:transform 0.28s ease!important;z-index:999!important;}
    #sidenav-main.show,#sidenav-main #sidenav-collapse-main.show{transform:translateX(0)!important;}
    #sidenav-main .navbar-toggler{position:fixed!important;top:0.65rem!important;left:0.75rem!important;z-index:1000!important;width:36px!important;height:36px!important;padding:0!important;border-radius:8px!important;border:1px solid rgba(39,196,98,0.2)!important;background:#0b1610!important;color:#27C462!important;display:flex!important;align-items:center!important;justify-content:center!important;}
    .main-content{margin-left:0!important;}
    .lw-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:998;}
}
/* ===== END ===== */

/* ===== MOBILE OPEN STATE ===== */
@media(max-width:767px){
    #sidenav-main.lw-mob-open{transform:translateX(0)!important;}
    .main-content{margin-left:0!important;}
    .lw-mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:998;}
    .lw-mob-overlay.show{display:block;}
}
/* ===== END ===== */

/* ===== HIDE TOPBAR ON CHAT PAGE ===== */
body:has(.lw-whatsapp-chat-block-container) #navbar-main,
body:has(.lw-whatsapp-chat-block-container) .lw-topbar{display:none!important;}
body:has(.lw-whatsapp-chat-block-container) .main-content{padding-top:0!important;}
/* ===== END ===== */

/* ===== HIDE HEADER ON CHAT PAGE ===== */
body:has(.lw-whatsapp-chat-block-container) .header{display:none!important;}
/* ===== END ===== */





/* ===== TOGGLE LEFT GAP ===== */
#lwMobileMenuBtn{margin-left:0.5rem!important;}
/* ===== END ===== */

/* ===== NO ARROW FIX ===== */
.lw-no-arrow::after{display:none!important;content:none!important;}
/* ===== END ===== */

/* ===== THEME ICON BORDER LIKE OTHERS ===== */
#themeMenuDropdown{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:36px!important;
    border-radius:8px!important;
    border:1px solid rgba(39,196,98,0.12)!important;
    background:transparent!important;
    padding:0!important;
    color:#6b8472!important;
}
#themeMenuDropdown:hover{
    background:rgba(39,196,98,0.08)!important;
    border-color:rgba(39,196,98,0.25)!important;
    color:#27C462!important;
}
/* ===== END ===== */

/* ===== MOBILE SIDEBAR PROFESSIONAL ===== */
@media(max-width:991px){
    #sidenav-main .navbar-toggler{display:none!important;}
    #sidenav-main .navbar-collapse-header{display:none!important;}
    #sidenav-main #sidenav-collapse-main{display:block!important;}
    #sidenav-main.lw-mob-open{
        transform:translateX(0)!important;
        width:280px!important;
        box-shadow:4px 0 24px rgba(0,0,0,0.4)!important;
    }
    .lw-mob-overlay.show{display:block!important;}
}
/* ===== END MOBILE SIDEBAR ===== */









/* ===== MOBILE CHAT WHATSAPP STYLE ===== */
@media(max-width:767px){
    body:has(.lw-whatsapp-chat-block-container){overflow:hidden!important;}
    body:has(.lw-whatsapp-chat-block-container) .main-content{overflow:hidden!important;height:100vh!important;}
    .card.lw-whatsapp-chat-block-container{height:100vh!important;border-radius:0!important;margin:0!important;border:none!important;}
    .card.lw-whatsapp-chat-block-container .card-body{padding:0!important;height:100vh!important;overflow:hidden!important;}

    /* Both panels full width, positioned absolutely */
    .lw-whatsapp-chat-window>.row{position:relative!important;height:100vh!important;margin:0!important;display:block!important;}

    /* Contact list — full screen */
    .lw-contact-list-block{
        position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
        width:100%!important;height:100vh!important;
        overflow-y:auto!important;
        z-index:2!important;
        padding:0!important;margin:0!important;
    }

    /* Chat panel — full screen, behind contact list */
    .lw-whatsapp-chat-window>.row>.page{
        position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
        width:100%!important;height:100vh!important;
        z-index:1!important;
        padding:0!important;margin:0!important;
        display:flex!important;flex-direction:column!important;
    }

    /* When contact list hidden, chat comes forward */
    .lw-contact-list-block[style*="display: none"]{z-index:0!important;}

    /* CRM hidden */
    .lw-contact-crm-block{display:none!important;}

    /* Chat layout */
    .lw-whatsapp-chat-window .user-bar{flex-shrink:0!important;}
    .lw-whatsapp-chat-window .conversation{flex:1!important;overflow-y:auto!important;height:auto!important;}
    .lw-whatsapp-chat-window .conversation-compose{flex-shrink:0!important;}
}
/* ===== END MOBILE CHAT ===== */

/* ===== MOBILE CHAT CONTACT LIST POLISH ===== */
@media(max-width:767px){
    /* Top bar */
    .lw-contact-list-block{background:#0b1610;}
    .lw-contact-list-block h1{display:none!important;}
    .lw-contact-list-block hr.my-2{display:none!important;}

    /* Header bar */
    .lw-contacts-header{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        padding:0.75rem 1rem!important;
        background:#0b1610!important;
        border-bottom:1px solid rgba(39,196,98,0.12)!important;
        margin:0!important;
        position:sticky!important;
        top:0!important;
        z-index:10!important;
    }

    /* Tabs */
    .lw-contact-list-header{
        position:sticky!important;
        top:0!important;
        z-index:9!important;
        background:#0b1610!important;
    }

    /* Search */
    .lw-contact-list-block .form-group input[type="text"]{
        border-radius:20px!important;
        padding:0.5rem 1rem!important;
    }

    /* Contact items */
    .lw-contact-list .lw-contact{
        padding:0.75rem 1rem!important;
    }
}

/* Light mode */
@media(max-width:767px){
    .lw-auth-light .lw-contact-list-block,
    body.lw-auth-light .lw-contact-list-block{background:#f0faf5!important;}
    .lw-auth-light .lw-contacts-header{background:#f0faf5!important;border-bottom-color:rgba(26,158,78,0.12)!important;}
    .lw-auth-light .lw-contact-list-header{background:#f0faf5!important;}
}
/* ===== END MOBILE CHAT CONTACT LIST POLISH ===== */

/* ===== MOBILE CRM BLOCK FIX ===== */
@media(max-width:767px){
    .lw-contact-crm-block{
        display:block!important;
        position:absolute!important;
        top:0!important;left:0!important;right:0!important;bottom:0!important;
        width:100%!important;height:100vh!important;
        z-index:3!important;
        overflow-y:auto!important;
        padding:0.5rem!important;
    }
    .lw-contact-crm-block[style*="display: none"]{display:none!important;}
}
/* ===== END MOBILE CRM BLOCK FIX ===== */

/* ===== MOBILE COMPOSE BAR FIX ===== */
@media(max-width:767px){
    .lw-whatsapp-chat-window>.row>.page{
        height:100dvh!important;
    }
    body:has(.lw-whatsapp-chat-block-container) .main-content{
        height:100dvh!important;
    }
    .card.lw-whatsapp-chat-block-container{
        height:100dvh!important;
    }
    .card.lw-whatsapp-chat-block-container .card-body{
        height:100dvh!important;
    }
    .lw-whatsapp-chat-window .conversation-compose{
        position:sticky!important;
        bottom:0!important;
        z-index:10!important;
        background:inherit!important;
    }
}
/* ===== END MOBILE COMPOSE BAR FIX ===== */

/* ===== MOBILE CHAT PANEL FLEX FIX ===== */
@media(max-width:767px){
    .lw-whatsapp-chat-window>.row>.page{
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
    }
    .lw-whatsapp-chat-window .lw-whatsapp-chat-window-inner,
    .lw-whatsapp-chat-window>.row>.page>.card,
    .lw-whatsapp-chat-window>.row>.page>.card>.card-body{
        display:flex!important;
        flex-direction:column!important;
        flex:1!important;
        overflow:hidden!important;
        height:100%!important;
    }
    .lw-whatsapp-chat-window .conversation{
        flex:1!important;
        overflow-y:auto!important;
        min-height:0!important;
    }
    .lw-whatsapp-chat-window .conversation-compose{
        flex-shrink:0!important;
        position:relative!important;
        bottom:auto!important;
    }
    .lw-whatsapp-chat-window .user-bar{
        flex-shrink:0!important;
    }
}
/* ===== END MOBILE CHAT PANEL FLEX FIX ===== */

/* ===== MOBILE CHAT FULL HEIGHT FIX ===== */
@media(max-width:767px){
    html:has(.lw-whatsapp-chat-block-container),
    body:has(.lw-whatsapp-chat-block-container){
        height:100%!important;
        overflow:hidden!important;
    }
    body:has(.lw-whatsapp-chat-block-container) .main-content{
        height:100%!important;
        overflow:hidden!important;
    }
    .card.lw-whatsapp-chat-block-container,
    .card.lw-whatsapp-chat-block-container .card-body,
    .lw-whatsapp-chat-window,
    .lw-whatsapp-chat-window>.row,
    .lw-whatsapp-chat-window>.row>.page{
        height:100%!important;
    }
    .lw-whatsapp-chat-window>.row>.page{
        display:flex!important;
        flex-direction:column!important;
    }
    .lw-whatsapp-chat-window .conversation{
        flex:1 1 auto!important;
        overflow-y:auto!important;
        min-height:0!important;
    }
    .lw-whatsapp-chat-window .user-bar,
    .lw-whatsapp-chat-window .conversation-compose{
        flex:0 0 auto!important;
    }
}
/* ===== END MOBILE CHAT FULL HEIGHT FIX ===== */



/* ===== MOBILE SAFE AREA FIX ===== */
@media(max-width:767px){
    .lw-contact-list-block{
        padding-bottom:env(safe-area-inset-bottom, 60px)!important;
    }
    .lw-whatsapp-chat-window .conversation-compose{
        padding-bottom:env(safe-area-inset-bottom, 0px)!important;
    }
}
/* ===== END MOBILE SAFE AREA FIX ===== */

/* ===== MOBILE CONTACT LIST SCROLL FIX ===== */
@media(max-width:767px){
    .lw-contact-list-block{
        overflow-y:auto!important;
        overflow-x:hidden!important;
        -webkit-overflow-scrolling:touch!important;
        padding-bottom:80px!important;
    }
    .lw-contact-list-block .list-group.lw-contact-list{
        overflow:visible!important;
        height:auto!important;
    }
}
/* ===== END MOBILE CONTACT LIST SCROLL FIX ===== */

/* ===== DARK MODE INPUT FIELDS ===== */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
textarea,
select {
    background:#1a2d20!important;
    border:1px solid rgba(39,196,98,0.25)!important;
    color:#e2ede5!important;
}
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    background:#1f3526!important;
    border-color:rgba(39,196,98,0.6)!important;
    color:#e2ede5!important;
    box-shadow:0 0 0 2px rgba(39,196,98,0.15)!important;
}
.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color:#6b8472!important;
    opacity:1!important;
}
.input-group-text {
    background:#14201a!important;
    border:1px solid rgba(39,196,98,0.25)!important;
    color:#6b8472!important;
}
select option {
    background:#14201a!important;
    color:#e2ede5!important;
}
.form-control:disabled,
.form-control[readonly] {
    background:#0f1a12!important;
    color:#6b8472!important;
}
label, .form-label {
    color:#c4d9cb!important;
}
/* ===== END DARK MODE INPUT FIELDS ===== */

/* ===== BUTTON TEXT FIX ===== */
.btn-success, .btn-primary, .btn-danger, .btn-warning, .btn-info {
    color:#fff!important;
}
.btn-warning {
    color:#1a2d20!important;
}
.btn-outline-success {
    color:#27C462!important;
    border-color:#27C462!important;
}
.btn-outline-success:hover {
    color:#fff!important;
    background:#27C462!important;
}
.btn-outline-secondary {
    color:#9ab8a6!important;
    border-color:#9ab8a6!important;
}
/* ===== END BUTTON TEXT FIX ===== */