: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:not(.lw-contact-list-label-tag){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:not(.lw-contact-list-label-tag){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{transform:none!important}
.lw-minimized-menu .navbar-vertical .navbar-nav .nav-link .nav-link-text{display:inline!important}


.lw-minimized-menu .navbar-vertical-label{display:block!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 ===== */


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

/* ===== THEME SWITCHER V2 ===== */
#themeMenuDropdown{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid rgba(39,196,98,.22);background:rgba(39,196,98,.06);padding:0;transition:all .2s;text-decoration:none}
#themeMenuDropdown::after{display:none!important}
#themeMenuDropdown .fa-moon{font-size:14px;color:#a78bfa;filter:drop-shadow(0 0 4px rgba(167,139,250,.5))}
#themeMenuDropdown .fa-sun{font-size:15px;color:#f59e0b;filter:drop-shadow(0 0 4px rgba(245,158,11,.5))}
#themeMenuDropdown .fa-desktop{font-size:14px;color:#6b8472}
#themeMenuDropdown:hover{background:rgba(39,196,98,.12);border-color:rgba(39,196,98,.38)}
ul[aria-labelledby=themeMenuDropdown]{min-width:160px;padding:6px;border-radius:12px;border:1px solid rgba(39,196,98,.18);background:#14201a;box-shadow:0 8px 32px rgba(0,0,0,.35)}
ul[aria-labelledby=themeMenuDropdown] .dropdown-header{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4d7860!important;padding:4px 10px 6px}
ul[aria-labelledby=themeMenuDropdown] .dropdown-divider{border-color:rgba(39,196,98,.12);margin:2px 6px}
ul[aria-labelledby=themeMenuDropdown] li a.dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:.875rem;font-weight:500;color:#c4d9cc;text-decoration:none;transition:all .15s}
ul[aria-labelledby=themeMenuDropdown] li a.dropdown-item .fa-moon{font-size:14px;color:#a78bfa;width:18px;text-align:center;margin-right:0!important}
ul[aria-labelledby=themeMenuDropdown] li a.dropdown-item .fa-sun{font-size:14px;color:#f59e0b;width:18px;text-align:center;margin-right:0!important}
ul[aria-labelledby=themeMenuDropdown] li a.dropdown-item:hover{background:rgba(39,196,98,.1);color:#e2ede5}
ul[aria-labelledby=themeMenuDropdown] li.active a.dropdown-item{background:rgba(39,196,98,.12);color:#27c462;font-weight:600}
ul[aria-labelledby=themeMenuDropdown] li.active a.dropdown-item .fa-moon{color:#c4b5fd}
ul[aria-labelledby=themeMenuDropdown] li.active a.dropdown-item .fa-sun{color:#fbbf24}
/* ===== END THEME SWITCHER V2 ===== */

/* ===== SMALL TEXT WEIGHT ===== */
body.lw-authenticated-page small,body.lw-authenticated-page .small,
body.lw-authenticated-page .text-sm,body.lw-authenticated-page .text-xs,
body.lw-authenticated-page .table td,body.lw-authenticated-page .card-title,
body.lw-authenticated-page .text-muted,body.lw-authenticated-page label{font-weight:500}
body.lw-authenticated-page .table th{font-weight:600}
/* ===== END SMALL TEXT WEIGHT ===== */

/* ===== CARD UI V3 ===== */
body.lw-authenticated-page .card-stats{
border-radius:22px!important;border:none!important;
box-shadow:0 1px 2px rgba(16,32,24,.04),0 8px 24px -8px rgba(16,32,24,.10)!important;
position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
body.lw-authenticated-page .card-stats::after{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.07) 42%,rgba(255,255,255,.07) 58%,transparent 58%)}
body.lw-authenticated-page .card-stats:hover{
transform:translateY(-3px);
box-shadow:0 2px 4px rgba(16,32,24,.05),0 16px 36px -10px rgba(16,32,24,.16)!important}
body.lw-authenticated-page .card-stats .card-body{padding:1.4rem 1.5rem!important}
body.lw-authenticated-page .card-stats .card-title{
font-size:.7rem!important;font-weight:600!important;letter-spacing:.07em!important;margin-bottom:.55rem!important}
body.lw-authenticated-page .card-stats .h2{
font-size:2.1rem!important;font-weight:700!important;letter-spacing:-.035em!important;line-height:1.05!important;
font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
body.lw-authenticated-page .card-stats .icon-shape{
width:44px!important;height:44px!important;border-radius:14px!important;box-shadow:none!important;
display:flex;align-items:center;justify-content:center}
body.lw-authenticated-page .card-stats .icon-shape i{font-size:1.05rem!important}
body.lw-authenticated-page .card-stats p.text-sm{font-size:.78rem!important;margin-top:.85rem!important}
/* ===== END CARD UI V3 ===== */


/* ===== WM UI SHARED ===== */
body.lw-authenticated-page .card{border-radius:18px!important;border:1px solid rgba(26,158,78,.10)!important;
box-shadow:0 1px 2px rgba(16,32,24,.03),0 10px 26px -14px rgba(16,32,24,.10)!important}
body.lw-authenticated-page .card-header{border-radius:18px 18px 0 0!important;border-bottom:1px solid rgba(26,158,78,.09)!important;padding:1.1rem 1.35rem!important}
body.lw-authenticated-page .card-body{padding:1.35rem!important}


body.lw-authenticated-page .btn{border-radius:10px!important;font-weight:500!important;font-size:.86rem!important;
padding:.5rem 1.05rem!important;transition:all .18s cubic-bezier(.2,.8,.2,1)!important;box-shadow:none!important;letter-spacing:0!important}
body.lw-authenticated-page .btn:hover{transform:translateY(-1px)}
body.lw-authenticated-page .btn-sm{padding:.34rem .8rem!important;font-size:.78rem!important;border-radius:8px!important}
body.lw-authenticated-page .btn i{margin-right:5px}

body.lw-authenticated-page .badge{border-radius:99px!important;font-weight:600!important;font-size:.68rem!important;
padding:.34rem .72rem!important;letter-spacing:.02em}

body.lw-authenticated-page .table thead th{font-size:.7rem!important;font-weight:600!important;letter-spacing:.05em!important;
text-transform:uppercase!important;border-top:none!important;padding:.8rem .9rem!important}
body.lw-authenticated-page .table td{font-size:.85rem!important;padding:.85rem .9rem!important;vertical-align:middle!important}
body.lw-authenticated-page .table{font-variant-numeric:tabular-nums}

body.lw-authenticated-page .form-control,body.lw-authenticated-page .custom-select,
body.lw-authenticated-page select.form-control,body.lw-authenticated-page textarea.form-control{
border-radius:10px!important;font-size:.86rem!important;padding:.55rem .85rem!important;
border:1px solid rgba(26,158,78,.18)!important;box-shadow:none!important;transition:border-color .18s,box-shadow .18s!important}
body.lw-authenticated-page .form-control:focus{border-color:rgba(26,158,78,.5)!important;box-shadow:0 0 0 3px rgba(26,158,78,.09)!important}
body.lw-authenticated-page label{font-size:.79rem!important;font-weight:500!important;letter-spacing:.01em}

body.lw-authenticated-page .modal-content{border-radius:20px!important;border:none!important;
box-shadow:0 24px 64px -20px rgba(16,32,24,.35)!important}
body.lw-authenticated-page .modal-header,body.lw-authenticated-page .modal-footer{padding:1.15rem 1.4rem!important;border-color:rgba(26,158,78,.10)!important}
body.lw-authenticated-page .modal-body{padding:1.4rem!important}

body.lw-authenticated-page .nav-tabs{border-bottom:1px solid rgba(26,158,78,.12)!important}
body.lw-authenticated-page .nav-tabs .nav-link{border:none!important;border-radius:9px 9px 0 0!important;
font-size:.86rem!important;font-weight:500!important;padding:.6rem 1rem!important}
body.lw-authenticated-page .nav-tabs .nav-link.active{border-bottom:2px solid #1a9e4e!important}

body.lw-authenticated-page .page-link{border-radius:9px!important;margin:0 2px!important;font-size:.82rem!important;border:none!important}
body.lw-authenticated-page .dropdown-menu{border-radius:13px!important;border:1px solid rgba(26,158,78,.12)!important;
padding:6px!important;box-shadow:0 10px 34px -12px rgba(16,32,24,.28)!important}
body.lw-authenticated-page .dropdown-item{border-radius:8px!important;font-size:.85rem!important;padding:.5rem .75rem!important}
body.lw-authenticated-page .alert{border-radius:14px!important;border:none!important;font-size:.86rem!important;padding:.9rem 1.15rem!important}
body.lw-authenticated-page .lw-section-heading{font-size:1.05rem!important;font-weight:600!important;letter-spacing:-.02em!important}
/* ===== END WM UI SHARED ===== */

/* ===== WM UI SHARED DARK ===== */
body.lw-authenticated-page .card{border-color:rgba(39,196,98,.14)!important;
box-shadow:0 8px 26px -14px rgba(0,0,0,.6)!important}
body.lw-authenticated-page .card-header{border-bottom-color:rgba(39,196,98,.12)!important}
body.lw-authenticated-page .form-control{border-color:rgba(39,196,98,.18)!important}
body.lw-authenticated-page .form-control:focus{border-color:rgba(39,196,98,.5)!important;box-shadow:0 0 0 3px rgba(39,196,98,.10)!important}
body.lw-authenticated-page .modal-content{box-shadow:0 24px 64px -20px rgba(0,0,0,.7)!important}
body.lw-authenticated-page .modal-header,body.lw-authenticated-page .modal-footer{border-color:rgba(39,196,98,.12)!important}
body.lw-authenticated-page .nav-tabs{border-bottom-color:rgba(39,196,98,.14)!important}
body.lw-authenticated-page .dropdown-menu{border-color:rgba(39,196,98,.14)!important;box-shadow:0 10px 34px -12px rgba(0,0,0,.6)!important}
/* ===== END WM UI SHARED DARK ===== */





/* ===== SETTINGS MOBILE ===== */
@media(max-width:768px){
  body.lw-authenticated-page fieldset{border-radius:14px!important;margin-bottom:.9rem!important}
  body.lw-authenticated-page fieldset fieldset{border-radius:12px!important}

  /* oversized CTA buttons */
  body.lw-authenticated-page .btn{font-size:.82rem!important;padding:.55rem .9rem!important;white-space:normal!important}
  body.lw-authenticated-page fieldset .btn{width:100%!important;justify-content:center;display:flex!important;
  align-items:center;gap:6px;text-align:center;margin-bottom:6px!important}
  body.lw-authenticated-page fieldset .btn i{margin-right:0!important}
  body.lw-authenticated-page a[href*="facebook"].btn,
  body.lw-authenticated-page .btn[style*="font-size"]{font-size:.9rem!important;padding:.75rem 1rem!important;
  width:100%!important;line-height:1.35!important}

  /* two-column settings layout stacks */
  body.lw-authenticated-page .col-xl-4,body.lw-authenticated-page .col-xl-8,
  body.lw-authenticated-page .col-lg-4,body.lw-authenticated-page .col-lg-8{width:100%!important;max-width:100%!important;flex:0 0 100%!important}

  /* form rows */
  body.lw-authenticated-page .input-group{flex-wrap:nowrap!important}
  body.lw-authenticated-page .form-control{font-size:.85rem!important}
  body.lw-authenticated-page label{font-size:.76rem!important}

  /* headings */
  body.lw-authenticated-page h1,body.lw-authenticated-page .h1{font-size:1.5rem!important}
  body.lw-authenticated-page h2,body.lw-authenticated-page .h2{font-size:1.2rem!important}
  body.lw-authenticated-page h3,body.lw-authenticated-page .h3{font-size:1.02rem!important}

  /* tables scroll instead of breaking layout */
  body.lw-authenticated-page .table-responsive{-webkit-overflow-scrolling:touch}
  body.lw-authenticated-page .table td,body.lw-authenticated-page .table th{padding:.6rem .55rem!important;font-size:.78rem!important}

  /* modal fits screen */
  body.lw-authenticated-page .modal-dialog{margin:.6rem!important;max-width:calc(100% - 1.2rem)!important}
  body.lw-authenticated-page .modal-body{padding:1rem!important}
  body.lw-authenticated-page .modal-header,body.lw-authenticated-page .modal-footer{padding:.9rem 1rem!important}
  body.lw-authenticated-page .modal-footer .btn{flex:1}

  /* nav tabs scroll horizontally rather than wrapping badly */
  body.lw-authenticated-page .nav-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden}
  body.lw-authenticated-page .nav-tabs::-webkit-scrollbar{display:none}
  body.lw-authenticated-page .nav-tabs .nav-link{white-space:nowrap!important;font-size:.8rem!important;padding:.5rem .75rem!important}
}
/* ===== END SETTINGS MOBILE ===== */


/* ===== GLOBAL MOBILE (was dashboard-only) ===== */
@media(max-width:768px){
  html,body{overflow-x:hidden!important;max-width:100%!important}
  body.lw-authenticated-page .main-content{overflow-x:clip!important;max-width:100%!important}
  body.lw-authenticated-page .container-fluid,
  body.lw-authenticated-page .header,
  body.lw-authenticated-page .row{max-width:100%!important}
  body.lw-authenticated-page .row{margin-left:0!important;margin-right:0!important}
  body.lw-authenticated-page [class*="col-"]{padding-left:0!important;padding-right:0!important}
  .lw-topbar,.navbar-top,#navbar-main{max-width:100%!important;overflow-x:hidden!important}
  /* logged-as badge: icon only */
  .lw-logged-as-badge > span{display:none!important}
  .lw-logged-as-badge{width:34px;height:34px;padding:0!important;border-radius:10px!important;
  display:inline-flex!important;align-items:center;justify-content:center;position:relative;gap:0!important}
  .lw-logged-as-badge > i.fa-sign-in-alt{font-size:.85rem;margin:0!important}
  .lw-logged-as-badge > i.fa-exclamation{position:absolute;top:3px;right:4px;font-size:.5rem;line-height:1}
  .lw-topbar-right{max-width:100%;flex-wrap:nowrap;gap:6px!important}
  .lw-topbar-right .lw-user-name{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
  /* page side padding consistent everywhere */
  body.lw-authenticated-page .main-content > .container-fluid{padding-left:12px!important;padding-right:12px!important}
}
/* ===== END GLOBAL MOBILE ===== */


/* ===== CHAT UI V1 ===== */
/* contact list: denser, WhatsApp-like row */
body.lw-authenticated-page .lw-contact{padding:.7rem .85rem!important;border:none!important;
border-bottom:1px solid rgba(26,158,78,.07)!important;transition:background .15s}
body.lw-authenticated-page .lw-contact:hover{background:rgba(26,158,78,.045)!important}
body.lw-authenticated-page .lw-contact-list-item-selected{background:rgba(26,158,78,.09)!important;
box-shadow:inset 3px 0 0 #1a9e4e}
body.lw-authenticated-page .lw-contact-avatar{width:42px!important;height:42px!important;
border-radius:50%!important;font-size:.82rem!important;font-weight:600!important;flex-shrink:0}
body.lw-authenticated-page .lw-last-message-at{font-size:.66rem!important;opacity:.55;white-space:nowrap}
body.lw-authenticated-page .lw-contact-list-label-tag{font-size:.62rem!important;padding:.12rem .5rem!important;
border-radius:99px!important;margin:.1rem .15rem 0 0!important;font-weight:600!important}
body.lw-authenticated-page .lw-contact-list{border-radius:14px!important;box-shadow:none!important}
body.lw-authenticated-page .lw-contacts-header{padding:.6rem .85rem!important}

/* message bubbles: clear sent vs received */
body.lw-authenticated-page .message{border-radius:14px!important;padding:.6rem .8rem!important;
font-size:.86rem!important;line-height:1.45!important;box-shadow:0 1px 2px rgba(16,32,24,.06)!important;
max-width:74%!important;position:relative}
body.lw-authenticated-page .message.sent{background:#d6f5e0!important;border:1px solid rgba(26,158,78,.14)!important;
border-bottom-right-radius:5px!important;margin-left:auto!important}
body.lw-authenticated-page .message.received{background:#fff!important;border:1px solid rgba(16,32,24,.07)!important;
border-bottom-left-radius:5px!important;margin-right:auto!important}
body.lw-authenticated-page .lw-chat-message-item{margin-bottom:.45rem!important}

/* timestamps: compact and quiet */
body.lw-authenticated-page .lw-chat-history-message .text-muted,
body.lw-authenticated-page .lw-chat-message-item .small{font-size:.63rem!important;opacity:.5!important}
body.lw-authenticated-page .lw-system-message-container{font-size:.68rem!important;opacity:.55!important;margin:.5rem 0!important}

/* label filter bar: scrollable instead of stacking */
body.lw-authenticated-page .lw-contact-list-header{padding:.5rem .6rem!important}
/* ===== END CHAT UI V1 ===== */

/* ===== CHAT UI V1 DARK ===== */
body.lw-authenticated-page .lw-contact{border-bottom-color:rgba(39,196,98,.10)!important}
body.lw-authenticated-page .lw-contact:hover{background:rgba(39,196,98,.06)!important}
body.lw-authenticated-page .lw-contact-list-item-selected{background:rgba(39,196,98,.12)!important;box-shadow:inset 3px 0 0 #27c462}
body.lw-authenticated-page .message{box-shadow:0 1px 3px rgba(0,0,0,.3)!important}
body.lw-authenticated-page .message.sent{background:#1f5136!important;border-color:rgba(39,196,98,.22)!important;color:#e9f4ed!important}
body.lw-authenticated-page .message.received{background:#1b2a21!important;border-color:rgba(255,255,255,.07)!important;color:#dbe8e0!important}
/* ===== END CHAT UI V1 DARK ===== */











/* ===== SIDEBAR V1 DARK ===== */
#sidenav-main .nav-link{color:#a8c2b3!important}
#sidenav-main .nav-link:hover{background:rgba(39,196,98,.09)!important;color:#e9f4ed!important}
#sidenav-main .nav-link:hover > i{color:#27c462!important}
#sidenav-main .nav-link.active{background:rgba(39,196,98,.14)!important;color:#eaf5ee!important}
#sidenav-main .nav-link.active > i{color:#27c462!important}
#sidenav-main .nav-link.active::before{background:#27c462}
/* ===== END SIDEBAR V1 DARK ===== */

/* ===== SIDEBAR SCROLL STABLE ===== */
#sidenav-main{scrollbar-gutter:stable!important;scrollbar-width:thin!important;
scrollbar-color:rgba(26,158,78,.25) transparent!important}
#sidenav-main::-webkit-scrollbar{width:6px}
#sidenav-main::-webkit-scrollbar-track{background:transparent}
#sidenav-main::-webkit-scrollbar-thumb{background:rgba(26,158,78,.22);border-radius:99px}
#sidenav-main::-webkit-scrollbar-thumb:hover{background:rgba(26,158,78,.38)}
#sidenav-main .navbar-nav{overflow:visible!important}
/* ===== END SIDEBAR SCROLL STABLE ===== */


/* ===== SIDEBAR UNIFY (admin + vendor identical) ===== */
#sidenav-main .navbar-nav .nav-link,
.navbar-vertical .navbar-nav .nav-link{
display:flex!important;align-items:center!important;gap:11px!important;
margin:0!important;padding:.58rem .75rem!important;border-radius:10px!important;
border:1px solid transparent!important;box-sizing:border-box!important;
font-size:.855rem!important;font-weight:500!important;line-height:1.25!important;
color:#3f5d4c!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
transition:background .16s,color .16s!important;position:relative!important;justify-content:flex-start!important}
#sidenav-main .navbar-nav > .nav-item,
.navbar-vertical .navbar-nav > .nav-item{margin:1px 10px!important}
#sidenav-main .navbar-nav .nav-link i,
.navbar-vertical .navbar-nav .nav-link i{
width:19px!important;text-align:center!important;font-size:.92rem!important;
flex-shrink:0!important;color:#7da68c!important;opacity:.9}
#sidenav-main .navbar-nav .nav-link:hover,
.navbar-vertical .navbar-nav .nav-link:hover{
background:rgba(26,158,78,.07)!important;color:#0f6e35!important;border-color:transparent!important}
#sidenav-main .navbar-nav .nav-link:hover i,
.navbar-vertical .navbar-nav .nav-link:hover i{color:#1a9e4e!important;opacity:1}
#sidenav-main .navbar-nav .nav-link.active,
.navbar-vertical .navbar-nav .nav-link.active{
background:rgba(26,158,78,.11)!important;color:#0f6e35!important;font-weight:600!important;
border-color:transparent!important;border-left:none!important}
#sidenav-main .navbar-nav .nav-link.active i,
.navbar-vertical .navbar-nav .nav-link.active i{color:#1a9e4e!important;opacity:1}
#sidenav-main .navbar-nav .nav-link.active::before,
.navbar-vertical .navbar-nav .nav-link.active::before{
content:""!important;position:absolute!important;left:-10px!important;top:50%!important;
transform:translateY(-50%)!important;width:3px!important;height:18px!important;
border-radius:0 3px 3px 0!important;background:#1a9e4e!important}
/* submenu identical in both */
#sidenav-main .nav-sm .nav-link,
.navbar-vertical .nav-sm .nav-link{
padding:.44rem .75rem .44rem 1.55rem!important;font-size:.8rem!important;font-weight:400!important}
#sidenav-main .nav-sm .nav-link.active::before,
.navbar-vertical .nav-sm .nav-link.active::before{display:none!important}
/* ===== END SIDEBAR UNIFY ===== */

/* ===== SIDEBAR UNIFY DARK ===== */
#sidenav-main .navbar-nav .nav-link,.navbar-vertical .navbar-nav .nav-link{color:#a8c2b3!important}
#sidenav-main .navbar-nav .nav-link i,.navbar-vertical .navbar-nav .nav-link i{color:#7d9a89!important}
#sidenav-main .navbar-nav .nav-link:hover,.navbar-vertical .navbar-nav .nav-link:hover{background:rgba(39,196,98,.09)!important;color:#e9f4ed!important}
#sidenav-main .navbar-nav .nav-link:hover i,.navbar-vertical .navbar-nav .nav-link:hover i{color:#27c462!important}
#sidenav-main .navbar-nav .nav-link.active,.navbar-vertical .navbar-nav .nav-link.active{background:rgba(39,196,98,.14)!important;color:#eaf5ee!important}
#sidenav-main .navbar-nav .nav-link.active i,.navbar-vertical .navbar-nav .nav-link.active i{color:#27c462!important}
#sidenav-main .navbar-nav .nav-link.active::before,.navbar-vertical .navbar-nav .nav-link.active::before{background:#27c462!important}
/* ===== END SIDEBAR UNIFY DARK ===== */

/* ===== SIDEBAR CHEVRON PIN ===== */
#sidenav-main .navbar-nav .nav-link[data-toggle="collapse"],
.navbar-vertical .navbar-nav .nav-link[data-toggle="collapse"]{padding-right:2.1rem!important}
#sidenav-main .navbar-nav .nav-link[data-toggle="collapse"] > i:last-child,
.navbar-vertical .navbar-nav .nav-link[data-toggle="collapse"] > i:last-child{
position:absolute!important;right:.7rem!important;top:50%!important;
transform:translateY(-50%)!important;margin:0!important;width:auto!important;
font-size:.66rem!important;opacity:.45!important;transition:transform .2s!important}
#sidenav-main .navbar-nav .nav-link[aria-expanded="true"] > i:last-child,
.navbar-vertical .navbar-nav .nav-link[aria-expanded="true"] > i:last-child{
transform:translateY(-50%) rotate(90deg)!important}
/* ===== END SIDEBAR CHEVRON PIN ===== */









/* ===== CHAT BADGE RIGHT ===== */
#sidenav-main .navbar-nav .nav-link .badge,
.navbar-vertical .navbar-nav .nav-link .badge{
margin-left:auto!important;margin-right:0!important;order:99!important;
font-size:.62rem!important;font-weight:600!important;padding:.16rem .5rem!important;
border-radius:99px!important;background:#dc2626!important;color:#fff!important;flex-shrink:0!important}
/* ===== END CHAT BADGE RIGHT ===== */

/* ===== QR MODAL PREMIUM ===== */
#lwScanMeDialog .modal-content{border-radius:22px!important;overflow:hidden!important}
#lwScanMeDialog .modal-header{background:linear-gradient(135deg,#f2faf5,#e8f5ee)!important;
border-bottom:1px solid rgba(26,158,78,.10)!important;padding:1.15rem 1.5rem!important}
#lwScanMeDialog .modal-header .modal-title,#lwScanMeDialog .modal-header h5{
font-size:1.02rem!important;font-weight:600!important;letter-spacing:-.02em!important;color:#16281d!important}
#lwScanMeDialog .modal-body{padding:1.5rem!important;background:#f7fbf9!important}

/* intro banner -> soft tip strip */
#lwScanMeDialog .alert-dark{background:rgba(26,158,78,.06)!important;color:#3f5d4c!important;
border:1px solid rgba(26,158,78,.12)!important;border-radius:12px!important;
font-size:.82rem!important;padding:.7rem 1rem!important;margin-bottom:1.15rem!important;text-align:left!important}

/* each phone number = its own card */
#lwScanMeDialog fieldset{background:#fff!important;border:1px solid rgba(26,158,78,.11)!important;
border-radius:18px!important;padding:0!important;margin-bottom:1.1rem!important;
box-shadow:0 1px 2px rgba(16,32,24,.03),0 10px 26px -16px rgba(16,32,24,.14)!important}

/* QR framed */
#lwScanMeDialog .lw-qr-image{width:190px!important;height:190px!important;padding:12px!important;
background:#fff!important;border:1px solid rgba(26,158,78,.13)!important;border-radius:16px!important;
box-shadow:0 4px 18px -8px rgba(16,32,24,.18)!important}

/* phone number hero */
#lwScanMeDialog .form-group h3.text-muted{font-size:.66rem!important;font-weight:700!important;
letter-spacing:.07em!important;text-transform:uppercase!important;color:#93a39a!important;
margin:1.2rem 0 .15rem!important}
#lwScanMeDialog .form-group h3.text-success{font-size:1.35rem!important;font-weight:700!important;
letter-spacing:-.02em!important;color:#0f6e35!important;margin:0 0 1rem!important;font-variant-numeric:tabular-nums}
#lwScanMeDialog label{font-size:.68rem!important;font-weight:600!important;letter-spacing:.04em!important;
text-transform:uppercase!important;color:#93a39a!important;margin-bottom:.35rem!important;display:block!important}
#lwScanMeDialog .form-group{text-align:left!important;margin-bottom:1rem!important}

/* input rows */
#lwScanMeDialog .input-group .form-control{border-radius:10px 0 0 10px!important;
font-size:.8rem!important;background:#f7fbf9!important;border-color:rgba(26,158,78,.15)!important;
color:#3f5d4c!important;height:auto!important;padding:.55rem .8rem!important}
#lwScanMeDialog .input-group .btn{border-radius:0 10px 10px 0!important;font-size:.78rem!important;
padding:.55rem 1rem!important;border:1px solid rgba(26,158,78,.18)!important;
background:#fff!important;color:#3f5d4c!important;margin:0!important}
#lwScanMeDialog .input-group .btn:hover{background:rgba(26,158,78,.07)!important;color:#0f6e35!important}
#lwScanMeDialog .input-group .btn-outline-success{background:#1a9e4e!important;color:#fff!important;
border-color:#1a9e4e!important;font-weight:500!important}
#lwScanMeDialog .input-group .btn-outline-success:hover{background:#0f6e35!important;color:#fff!important}
#lwScanMeDialog .input-group-append .btn:not(:last-child){border-radius:0!important}
#lwScanMeDialog .modal-footer{background:#fff!important;border-top:1px solid rgba(26,158,78,.09)!important;
padding:.9rem 1.5rem!important}
@media(max-width:768px){
  #lwScanMeDialog .lw-qr-image{width:160px!important;height:160px!important}
  #lwScanMeDialog .modal-body{padding:1rem!important}
  
  #lwScanMeDialog .input-group{flex-wrap:wrap!important}
  #lwScanMeDialog .input-group .form-control{border-radius:10px!important;width:100%!important;flex:1 0 100%!important;margin-bottom:6px!important}
  #lwScanMeDialog .input-group-append{width:100%!important;display:flex!important;gap:6px!important}
  #lwScanMeDialog .input-group .btn{border-radius:10px!important;flex:1!important}
}
/* ===== END QR MODAL PREMIUM ===== */

/* ===== QR MODAL PREMIUM DARK ===== */
#lwScanMeDialog .modal-header{background:linear-gradient(135deg,#182a1f,#14211a)!important;border-bottom-color:rgba(39,196,98,.13)!important}
#lwScanMeDialog .modal-header .modal-title,#lwScanMeDialog .modal-header h5{color:#e9f4ed!important}
#lwScanMeDialog .modal-body{background:#101a14!important}
#lwScanMeDialog .alert-dark{background:rgba(39,196,98,.08)!important;color:#a8c2b3!important;border-color:rgba(39,196,98,.15)!important}
#lwScanMeDialog fieldset{background:#16211a!important;border-color:rgba(39,196,98,.14)!important}
#lwScanMeDialog .form-group h3.text-success{color:#4ade80!important}
#lwScanMeDialog .input-group .form-control{background:#0f1a12!important;border-color:rgba(39,196,98,.18)!important;color:#cfe0d6!important}
#lwScanMeDialog .input-group .btn{background:#16211a!important;color:#a8c2b3!important;border-color:rgba(39,196,98,.18)!important}
#lwScanMeDialog .modal-footer{background:#16211a!important;border-top-color:rgba(39,196,98,.13)!important}
/* ===== END QR MODAL PREMIUM DARK ===== */


/* ===== FIELDSET TITLE (unified) ===== */
body.lw-authenticated-page fieldset{
background:#fff!important;border:1px solid rgba(26,158,78,.11)!important;border-radius:16px!important;
padding:0!important;margin-bottom:1.1rem!important;overflow:hidden!important;
box-shadow:0 1px 2px rgba(16,32,24,.03),0 8px 22px -16px rgba(16,32,24,.13)!important}
body.lw-authenticated-page .lw-fs-title{
display:block!important;width:100%!important;box-sizing:border-box!important;
padding:.78rem 1.3rem!important;margin:0!important;
background:rgba(26,158,78,.045)!important;border-bottom:1px solid rgba(26,158,78,.09)!important;
font-size:.73rem!important;font-weight:700!important;letter-spacing:.05em!important;
text-transform:uppercase!important;color:#6b8073!important;text-align:left!important;
line-height:1.35!important;float:none!important}
body.lw-authenticated-page .lw-fs-title small{font-size:inherit!important;font-weight:inherit!important}
body.lw-authenticated-page .lw-fs-title ~ *{margin-left:1.3rem!important;margin-right:1.3rem!important}
body.lw-authenticated-page .lw-fs-title + *{margin-top:1.2rem!important}
body.lw-authenticated-page fieldset > *:last-child{margin-bottom:1.2rem!important}
/* nested fieldsets flatter */
body.lw-authenticated-page fieldset fieldset{box-shadow:none!important;border-radius:12px!important;margin:1rem 1.3rem!important}
body.lw-authenticated-page fieldset fieldset .lw-fs-title{font-size:.68rem!important;padding:.65rem 1rem!important}
body.lw-authenticated-page fieldset fieldset .lw-fs-title ~ *{margin-left:1rem!important;margin-right:1rem!important}
/* chat panel + modal keep it plain */
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title,
body.lw-authenticated-page .lw-contact-list-block .lw-fs-title,
body.lw-authenticated-page .lw-whatsapp-chat-block-container .lw-fs-title{
background:transparent!important;border:none!important;padding:0 0 .5rem 0!important;
font-size:.66rem!important;color:#93a39a!important}
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title ~ *,
body.lw-authenticated-page .lw-contact-list-block .lw-fs-title ~ *{margin-left:0!important;margin-right:0!important}
@media(max-width:768px){
  body.lw-authenticated-page .lw-fs-title{padding:.68rem 1rem!important;font-size:.68rem!important}
  body.lw-authenticated-page .lw-fs-title ~ *{margin-left:1rem!important;margin-right:1rem!important}
  body.lw-authenticated-page fieldset > *:last-child{margin-bottom:1rem!important}
}
/* ===== END FIELDSET TITLE ===== */

/* ===== CHAT FIELDSET PLAIN (override) ===== */
body.lw-authenticated-page .lw-contact-crm-block fieldset,
body.lw-authenticated-page .lw-contact-list-block fieldset,
body.lw-authenticated-page .lw-whatsapp-chat-block-container fieldset,
body.lw-authenticated-page .lw-contact-list-header fieldset{
background:transparent!important;border:none!important;box-shadow:none!important;
border-radius:0!important;overflow:visible!important;
padding:0 0 1rem 0!important;margin:0 0 1rem 0!important;
border-bottom:1px solid rgba(26,158,78,.12)!important}
body.lw-authenticated-page .lw-contact-crm-block fieldset:last-of-type,
body.lw-authenticated-page .lw-contact-list-block fieldset:last-of-type,
body.lw-authenticated-page .lw-contact-list-header fieldset{border-bottom:none!important}
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title,
body.lw-authenticated-page .lw-contact-list-block .lw-fs-title,
body.lw-authenticated-page .lw-whatsapp-chat-block-container .lw-fs-title,
body.lw-authenticated-page .lw-contact-list-header .lw-fs-title{
background:transparent!important;border:none!important;border-bottom:none!important;
padding:0 0 .55rem 0!important;margin:0!important;width:auto!important;
font-size:.66rem!important;font-weight:700!important;letter-spacing:.06em!important;
text-transform:uppercase!important;color:#93a39a!important}
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title ~ *,
body.lw-authenticated-page .lw-contact-list-block .lw-fs-title ~ *,
body.lw-authenticated-page .lw-whatsapp-chat-block-container .lw-fs-title ~ *,
body.lw-authenticated-page .lw-contact-list-header .lw-fs-title ~ *{
margin-left:0!important;margin-right:0!important}
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title + *,
body.lw-authenticated-page .lw-contact-list-block .lw-fs-title + *{margin-top:0!important}
body.lw-authenticated-page .lw-contact-crm-block fieldset > *:last-child,
body.lw-authenticated-page .lw-contact-list-block fieldset > *:last-child{margin-bottom:0!important}
/* ===== END CHAT FIELDSET PLAIN ===== */

/* ===== CHAT FIELDSET PLAIN DARK ===== */
body.lw-authenticated-page .lw-contact-crm-block fieldset,
body.lw-authenticated-page .lw-contact-list-block fieldset{border-bottom-color:rgba(39,196,98,.13)!important}
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title,
body.lw-authenticated-page .lw-contact-list-block .lw-fs-title{color:#7d9a89!important}
/* ===== END CHAT FIELDSET PLAIN DARK ===== */

/* ===== BUTTON CONTRAST ===== */
body.lw-authenticated-page .btn-danger{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}
body.lw-authenticated-page .btn-danger:hover{background:#b91c1c!important;border-color:#b91c1c!important;color:#fff!important}
body.lw-authenticated-page .btn-dark{background:#1f2d25!important;border-color:#1f2d25!important;color:#fff!important}
body.lw-authenticated-page .btn-dark:hover{background:#16281d!important;color:#fff!important}
body.lw-authenticated-page .btn-success{background:#1a9e4e!important;border-color:#1a9e4e!important;color:#fff!important}
body.lw-authenticated-page .btn-success:hover{background:#0f6e35!important;color:#fff!important}
body.lw-authenticated-page .btn-primary{background:#1a9e4e!important;border-color:#1a9e4e!important;color:#fff!important}
body.lw-authenticated-page .btn-primary:hover{background:#0f6e35!important;color:#fff!important}
body.lw-authenticated-page .btn-outline-success{background:transparent!important;border:1px solid #1a9e4e!important;color:#0f6e35!important}
body.lw-authenticated-page .btn-outline-success:hover{background:#1a9e4e!important;color:#fff!important}
body.lw-authenticated-page .btn-light,body.lw-authenticated-page .btn-white,
body.lw-authenticated-page .btn-secondary{background:#fff!important;border:1px solid rgba(26,158,78,.2)!important;color:#16281d!important}
body.lw-authenticated-page .btn-light:hover,body.lw-authenticated-page .btn-white:hover,
body.lw-authenticated-page .btn-secondary:hover{background:rgba(26,158,78,.07)!important;color:#0f6e35!important;border-color:rgba(26,158,78,.35)!important}
body.lw-authenticated-page .btn-warning{background:#d97706!important;border-color:#d97706!important;color:#fff!important}
body.lw-authenticated-page .btn-info{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
body.lw-authenticated-page .btn i{color:inherit!important}
/* ===== END BUTTON CONTRAST ===== */

/* ===== BUTTON CONTRAST DARK ===== */
body.lw-authenticated-page .btn-light,body.lw-authenticated-page .btn-white,
body.lw-authenticated-page .btn-secondary{background:#1b2a21!important;border-color:rgba(39,196,98,.2)!important;color:#e9f4ed!important}
body.lw-authenticated-page .btn-light:hover,body.lw-authenticated-page .btn-white:hover,
body.lw-authenticated-page .btn-secondary:hover{background:rgba(39,196,98,.12)!important;color:#fff!important}
body.lw-authenticated-page .btn-outline-success{color:#4ade80!important;border-color:#27c462!important}
/* ===== END BUTTON CONTRAST DARK ===== */


/* ===== COMPOSE BAR ICONS DARK ===== */
body.lw-authenticated-page .lw-whatsapp-bar-icon-btn i,
body.lw-authenticated-page .lw-whatsapp-bar-icon-btn i.text-muted{color:#a8c2b3!important}
body.lw-authenticated-page .lw-whatsapp-bar-icon-btn:hover{background:rgba(39,196,98,.12)!important}
body.lw-authenticated-page .lw-whatsapp-bar-icon-btn:hover i{color:#4ade80!important}
/* ===== END COMPOSE BAR ICONS DARK ===== */


/* ===== PAPERCLIP FORCE DARK ===== */
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip{color:#a8c2b3!important}
/* ===== END PAPERCLIP FORCE DARK ===== */


/* ===== COMPOSE BAR V2 DARK ===== */
body.lw-authenticated-page .conversation-compose .input-msg,
body.lw-authenticated-page .conversation-compose .emojionearea{
background:#1b2a21!important;border-color:rgba(39,196,98,.18)!important}
body.lw-authenticated-page .conversation-compose .emojionearea .emojionearea-editor{color:#e9f4ed!important}
body.lw-authenticated-page .conversation-compose .photo > a i{color:#a8c2b3!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover{background:rgba(39,196,98,.12)!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover i{color:#4ade80!important}
/* ===== END COMPOSE BAR V2 DARK ===== */

/* ===== COMPOSE BAR FINAL ===== */
body.lw-authenticated-page .conversation-compose{
display:flex!important;align-items:flex-end!important;gap:8px!important;
padding:.65rem .8rem!important;background:transparent!important;border:none!important}
/* empty placeholder div — take no space */
body.lw-authenticated-page .conversation-compose > .emoji{
display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
/* hidden source textarea */
body.lw-authenticated-page .conversation-compose > textarea.input-msg{display:none!important}
/* the real field (emojionearea wrapper) */
body.lw-authenticated-page .conversation-compose .emojionearea{
flex:1 1 auto!important;min-width:0!important;
border-radius:22px!important;border:1px solid rgba(26,158,78,.16)!important;
background:#fff!important;box-shadow:0 1px 2px rgba(16,32,24,.05)!important;
overflow:visible!important;position:relative!important}
body.lw-authenticated-page .conversation-compose .emojionearea.focused{
border-color:rgba(26,158,78,.42)!important;box-shadow:0 0 0 3px rgba(26,158,78,.08)!important}
body.lw-authenticated-page .conversation-compose .emojionearea .emojionearea-editor{
min-height:44px!important;max-height:120px!important;
padding:.72rem 1rem .72rem 2.75rem!important;
font-size:.88rem!important;line-height:1.45!important;color:#16281d!important;
background:transparent!important;border:none!important;outline:none!important}
body.lw-authenticated-page .conversation-compose .emojionearea .emojionearea-editor[placeholder]:empty:before{
color:#93a39a!important}
/* emoji trigger pinned inside the field */
body.lw-authenticated-page .conversation-compose .emojionearea .emojionearea-button{
position:absolute!important;left:.7rem!important;right:auto!important;
top:50%!important;transform:translateY(-50%)!important;margin:0!important;
width:22px!important;height:22px!important;opacity:.55!important;
transition:opacity .16s!important;z-index:2!important}
body.lw-authenticated-page .conversation-compose .emojionearea .emojionearea-button:hover{opacity:1!important}
/* attachment */
body.lw-authenticated-page .conversation-compose .photo{
display:flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important}
body.lw-authenticated-page .conversation-compose .photo > a{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
width:42px!important;height:42px!important;border-radius:50%!important;padding:0!important;
background:transparent!important;border:none!important;text-decoration:none!important;
transition:background .16s!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover{background:rgba(26,158,78,.09)!important}
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip{
font-family:"Font Awesome 5 Free"!important;font-weight:900!important;font-style:normal!important;
font-size:1.05rem!important;color:#5b6b61!important;line-height:1!important}
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip::before{
font-family:"Font Awesome 5 Free"!important;font-weight:900!important;content:"\f0c6"!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover i.fa-paperclip{color:#1a9e4e!important}
/* send */
body.lw-authenticated-page .conversation-compose button.send{
flex:0 0 auto!important;width:46px!important;height:46px!important;border-radius:50%!important;
background:#1a9e4e!important;border:none!important;padding:0!important;margin:0!important;
display:flex!important;align-items:center!important;justify-content:center!important;
box-shadow:0 3px 12px -3px rgba(26,158,78,.55)!important;
transition:background .16s,transform .14s!important;cursor:pointer!important}
body.lw-authenticated-page .conversation-compose button.send:hover{background:#0f6e35!important;transform:scale(1.06)!important}
body.lw-authenticated-page .conversation-compose button.send:active{transform:scale(.97)!important}
body.lw-authenticated-page .conversation-compose button.send .circle{
padding:0!important;margin:0!important;display:flex!important;align-items:center!important;
justify-content:center!important;background:transparent!important;width:auto!important;height:auto!important}
body.lw-authenticated-page .conversation-compose button.send svg{
color:#fff!important;fill:#fff!important;width:1.25em!important;height:1.25em!important;
margin-left:2px!important;display:block!important}
/* dropup menu above the bar */
body.lw-authenticated-page .conversation-compose .photo .dropdown-menu{
border-radius:14px!important;padding:6px!important;min-width:190px!important;
border:1px solid rgba(26,158,78,.13)!important;box-shadow:0 12px 34px -12px rgba(16,32,24,.3)!important}
body.lw-authenticated-page .conversation-compose .photo .dropdown-item{
border-radius:9px!important;font-size:.83rem!important;padding:.55rem .7rem!important;
display:flex!important;align-items:center!important;gap:9px!important}
body.lw-authenticated-page .conversation-compose .photo .dropdown-item i{
width:17px!important;text-align:center!important;color:#7da68c!important;margin:0!important}
body.lw-authenticated-page .conversation-compose .photo .dropdown-item:hover{background:rgba(26,158,78,.08)!important}
body.lw-authenticated-page .conversation-compose .photo .dropdown-item:hover i{color:#1a9e4e!important}
@media(max-width:767px){
  body.lw-authenticated-page .conversation-compose{padding:.5rem .6rem!important;gap:6px!important}
  body.lw-authenticated-page .conversation-compose .photo > a{width:38px!important;height:38px!important}
  body.lw-authenticated-page .conversation-compose button.send{width:42px!important;height:42px!important}
  body.lw-authenticated-page .conversation-compose .emojionearea .emojionearea-editor{min-height:40px!important}
}
/* ===== END COMPOSE BAR FINAL ===== */

/* ===== COMPOSE BAR FINAL DARK ===== */
body.lw-authenticated-page .conversation-compose .emojionearea{
background:#1b2a21!important;border-color:rgba(39,196,98,.2)!important;box-shadow:none!important}
body.lw-authenticated-page .conversation-compose .emojionearea.focused{
border-color:rgba(39,196,98,.5)!important;box-shadow:0 0 0 3px rgba(39,196,98,.1)!important}
body.lw-authenticated-page .conversation-compose .emojionearea .emojionearea-editor{color:#e9f4ed!important}
body.lw-authenticated-page .conversation-compose .emojionearea .emojionearea-editor[placeholder]:empty:before{color:#7d9a89!important}
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip{color:#a8c2b3!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover{background:rgba(39,196,98,.13)!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover i.fa-paperclip{color:#4ade80!important}
body.lw-authenticated-page .conversation-compose button.send{background:#27c462!important}
body.lw-authenticated-page .conversation-compose button.send:hover{background:#1a9e4e!important}
body.lw-authenticated-page .conversation-compose .photo .dropdown-menu{
background:#16211a!important;border-color:rgba(39,196,98,.16)!important}
body.lw-authenticated-page .conversation-compose .photo .dropdown-item{color:#cfe0d6!important}
body.lw-authenticated-page .conversation-compose .photo .dropdown-item:hover{background:rgba(39,196,98,.12)!important;color:#fff!important}
/* ===== END COMPOSE BAR FINAL DARK ===== */

/* ===== COMPOSE BAR HEIGHT FIX ===== */
body.lw-authenticated-page form.conversation-compose{
height:auto!important;min-height:0!important;max-height:none!important;
align-items:center!important;padding:9px 12px!important;gap:8px!important;
box-sizing:border-box!important}
body.lw-authenticated-page .conversation-compose .emojionearea{
height:auto!important;min-height:44px!important;max-height:none!important;
display:flex!important;align-items:center!important;align-self:center!important}
body.lw-authenticated-page .conversation-compose .emojionearea .emojionearea-editor{
height:auto!important;min-height:0!important;max-height:96px!important;
padding:.6rem 1rem .6rem 2.7rem!important;width:100%!important;box-sizing:border-box!important;
overflow-y:auto!important}
body.lw-authenticated-page .conversation-compose .photo{
height:44px!important;align-self:center!important}
body.lw-authenticated-page .conversation-compose .photo > a{
width:40px!important;height:40px!important}
body.lw-authenticated-page .conversation-compose button.send{
width:44px!important;height:44px!important;align-self:center!important;position:relative!important;top:0!important}
body.lw-authenticated-page .conversation-compose .lw-form-overlay{position:absolute!important}
/* the wrapper that holds the compose bar must not clip it */
body.lw-authenticated-page .lw-whatsapp-chat-window .conversation-compose{position:relative!important;overflow:visible!important}
/* ===== END COMPOSE BAR HEIGHT FIX ===== */

/* ===== EDITOR TRANSPARENT ===== */
body.lw-authenticated-page .conversation-compose .emojionearea .emojionearea-editor,
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .emojionearea .emojionearea-editor{
background:transparent!important;border:none!important;box-shadow:none!important}
/* ===== END EDITOR TRANSPARENT ===== */

/* ===== ATTACHMENT FINAL ===== */
body.lw-authenticated-page .conversation-compose .photo,
body.lw-authenticated-page .conversation-compose .photo.dropup{
background:transparent!important;border:none!important;box-shadow:none!important;
border-radius:0!important;padding:0!important;margin:0!important;width:auto!important}
body.lw-authenticated-page .conversation-compose .photo > a{
background:transparent!important;border:none!important;box-shadow:none!important}
/* force text-presentation glyph, never emoji */
body.lw-authenticated-page .conversation-compose .photo > a i,
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip{
font-family:"Font Awesome 5 Free","FontAwesome"!important;font-weight:900!important;
font-style:normal!important;font-variant:normal!important;text-rendering:auto!important;
-webkit-font-smoothing:antialiased!important;
color:#5b6b61!important;font-size:1.05rem!important;
filter:none!important;background:none!important;-webkit-text-fill-color:#5b6b61!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover i{
color:#1a9e4e!important;-webkit-text-fill-color:#1a9e4e!important}
/* ===== END ATTACHMENT FINAL ===== */

/* ===== ATTACHMENT FINAL DARK ===== */
body.lw-authenticated-page .conversation-compose .photo > a i,
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip{
color:#a8c2b3!important;-webkit-text-fill-color:#a8c2b3!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover i{
color:#4ade80!important;-webkit-text-fill-color:#4ade80!important}
/* ===== END ATTACHMENT FINAL DARK ===== */

/* ===== ATTACHMENT SVG ===== */
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip{
font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important;
width:20px!important;height:20px!important;display:block!important;
background-repeat:no-repeat!important;background-position:center!important;background-size:20px 20px!important;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6b61' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E")!important;
transform:none!important}
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip::before{content:""!important;display:none!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover i.fa-paperclip{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a9e4e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E")!important}
/* ===== END ATTACHMENT SVG ===== */

/* ===== ATTACHMENT SVG DARK ===== */
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8c2b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E")!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover i.fa-paperclip{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234ade80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E")!important}
/* ===== END ATTACHMENT SVG DARK ===== */


/* ===== PAPERCLIP CENTER ===== */
body.lw-authenticated-page .conversation-compose .photo > a{position:relative!important}
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip{
position:absolute!important;top:50%!important;left:50%!important;
transform:translate(-50%,-50%)!important;
margin:0!important;padding:0!important;line-height:0!important;
width:20px!important;height:20px!important}
/* ===== END PAPERCLIP CENTER ===== */

/* ===== COMPOSE TAIL + CLIP COLOR ===== */
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .photo:after,
body.lw-authenticated-page .conversation-compose .photo:after,
body.lw-authenticated-page .conversation-compose .photo:before{
display:none!important;content:none!important;border:none!important;width:0!important;height:0!important}
/* paperclip uses the hover green as its normal colour */
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip,
body.lw-authenticated-page .conversation-compose .photo > a:hover i.fa-paperclip{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a9e4e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E")!important}
/* ===== END COMPOSE TAIL + CLIP COLOR ===== */

/* ===== COMPOSE TAIL + CLIP COLOR DARK ===== */
body.lw-authenticated-page .conversation-compose .photo > a i.fa-paperclip,
body.lw-authenticated-page .conversation-compose .photo > a:hover i.fa-paperclip{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234ade80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E")!important}
/* ===== END COMPOSE TAIL + CLIP COLOR DARK ===== */

/* ===== CLIP CIRCLE DEFAULT ===== */
body.lw-authenticated-page .conversation-compose .photo > a{
background:rgba(26,158,78,.10)!important;border-radius:50%!important;
transition:background .16s!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover{background:rgba(26,158,78,.20)!important}
/* ===== END CLIP CIRCLE DEFAULT ===== */

/* ===== CLIP CIRCLE DEFAULT DARK ===== */
body.lw-authenticated-page .conversation-compose .photo > a{background:rgba(39,196,98,.14)!important}
body.lw-authenticated-page .conversation-compose .photo > a:hover{background:rgba(39,196,98,.24)!important}
/* ===== END CLIP CIRCLE DEFAULT DARK ===== */

/* ===== ATTACH MENU ICONS ===== */
body.lw-authenticated-page .conversation-compose .dropdown-item i{
font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important;
width:18px!important;height:18px!important;display:inline-block!important;flex:0 0 18px!important;
background-repeat:no-repeat!important;background-position:center!important;background-size:17px 17px!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i::before{content:""!important;display:none!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-bolt{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237da68c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9z'/%3E%3C/svg%3E")!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-file{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237da68c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E")!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-file-alt{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237da68c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E")!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-image{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237da68c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E")!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-video{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237da68c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='23 7 16 12 23 17 23 7'/%3E%3Crect x='1' y='5' width='15' height='14' rx='2'/%3E%3C/svg%3E")!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-headphones{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237da68c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E")!important}
/* ===== END ATTACH MENU ICONS ===== */

/* ===== ATTACH MENU ICONS DARK ===== */
body.lw-authenticated-page .conversation-compose .dropdown-item i{
font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important;
width:18px!important;height:18px!important;display:inline-block!important;flex:0 0 18px!important;
background-repeat:no-repeat!important;background-position:center!important;background-size:17px 17px!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i::before{content:""!important;display:none!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-bolt{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8c2b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9z'/%3E%3C/svg%3E")!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-file{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8c2b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E")!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-file-alt{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8c2b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E")!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-image{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8c2b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E")!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-video{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8c2b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='23 7 16 12 23 17 23 7'/%3E%3Crect x='1' y='5' width='15' height='14' rx='2'/%3E%3C/svg%3E")!important}
body.lw-authenticated-page .conversation-compose .dropdown-item i.fa-headphones{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8c2b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E")!important}
/* ===== END ATTACH MENU ICONS DARK ===== */

/* ===== SELECTIZE UNIFIED ===== */
/* the original select is replaced by selectize — it must never paint a box */
body.lw-authenticated-page .selectize-control .form-control,
body.lw-authenticated-page select.selectized,
body.lw-authenticated-page .selectize-control > select{
display:none!important;border:none!important;background:none!important;box-shadow:none!important;padding:0!important;height:0!important}
/* wrapper is layout only */
body.lw-authenticated-page .selectize-control{
border:none!important;background:transparent!important;box-shadow:none!important;
padding:0!important;height:auto!important;width:100%!important;position:relative!important}
/* the visible field */
body.lw-authenticated-page .selectize-control .selectize-input,
body.lw-authenticated-page .selectize-control.single .selectize-input,
body.lw-authenticated-page .selectize-control .selectize-input.full,
body.lw-authenticated-page .selectize-control .selectize-input.input-active{
display:flex!important;align-items:center!important;
width:100%!important;min-height:40px!important;height:auto!important;
padding:.5rem 2.1rem .5rem .85rem!important;
border:1px solid rgba(26,158,78,.18)!important;border-radius:10px!important;
background:#fff!important;color:#16281d!important;
font-size:.86rem!important;line-height:1.4!important;
box-shadow:none!important;outline:none!important;cursor:pointer!important;
transition:border-color .16s,box-shadow .16s!important}
body.lw-authenticated-page .selectize-control .selectize-input.focus,
body.lw-authenticated-page .selectize-control .selectize-input.dropdown-active{
border-color:rgba(26,158,78,.5)!important;box-shadow:0 0 0 3px rgba(26,158,78,.09)!important}
body.lw-authenticated-page .selectize-control .selectize-input input{
font-size:.86rem!important;color:#16281d!important;background:transparent!important;
border:none!important;outline:none!important;padding:0!important;margin:0!important}
body.lw-authenticated-page .selectize-control .selectize-input > .item{padding:0!important;background:none!important;border:none!important}
/* single caret, vertically centred */
body.lw-authenticated-page .selectize-control.single .selectize-input::after{
content:""!important;position:absolute!important;right:.85rem!important;
top:50%!important;transform:translateY(-25%)!important;margin:0!important;
border:4px solid transparent!important;border-top-color:#6b8073!important;
width:0!important;height:0!important;pointer-events:none!important}
body.lw-authenticated-page .selectize-control.single .selectize-input.dropdown-active::after{
transform:translateY(-75%) rotate(180deg)!important;border-top-color:#1a9e4e!important}
/* dropdown panel */
body.lw-authenticated-page .selectize-dropdown{
border:1px solid rgba(26,158,78,.14)!important;border-radius:12px!important;
background:#fff!important;box-shadow:0 12px 32px -12px rgba(16,32,24,.28)!important;
margin-top:4px!important;padding:5px!important;overflow:hidden!important;z-index:1060!important}
body.lw-authenticated-page .selectize-dropdown .option{
padding:.5rem .7rem!important;border-radius:8px!important;font-size:.85rem!important}
body.lw-authenticated-page .selectize-dropdown .option:hover,
body.lw-authenticated-page .selectize-dropdown .active{background:rgba(26,158,78,.09)!important}
body.lw-authenticated-page .selectize-dropdown .selected{background:rgba(26,158,78,.13)!important;font-weight:600!important}
body.lw-authenticated-page .selectize-dropdown-content{max-height:260px!important;padding:0!important}
/* no stray box from the form-group */
body.lw-authenticated-page .form-group > .selectize-control{margin:0!important}
/* ===== END SELECTIZE UNIFIED ===== */

/* ===== SELECTIZE UNIFIED DARK ===== */
body.lw-authenticated-page .selectize-control .selectize-input,
body.lw-authenticated-page .selectize-control.single .selectize-input,
body.lw-authenticated-page .selectize-control .selectize-input.full,
body.lw-authenticated-page .selectize-control .selectize-input.input-active{
background:#0f1a12!important;color:#e9f4ed!important;border-color:rgba(39,196,98,.2)!important}
body.lw-authenticated-page .selectize-control .selectize-input.focus,
body.lw-authenticated-page .selectize-control .selectize-input.dropdown-active{
border-color:rgba(39,196,98,.5)!important;box-shadow:0 0 0 3px rgba(39,196,98,.1)!important}
body.lw-authenticated-page .selectize-control .selectize-input input{color:#e9f4ed!important}
body.lw-authenticated-page .selectize-control.single .selectize-input::after{border-top-color:#7d9a89!important}
body.lw-authenticated-page .selectize-control.single .selectize-input.dropdown-active::after{border-top-color:#4ade80!important}
body.lw-authenticated-page .selectize-dropdown{background:#16211a!important;border-color:rgba(39,196,98,.16)!important;
box-shadow:0 12px 32px -12px rgba(0,0,0,.6)!important}
body.lw-authenticated-page .selectize-dropdown .option{}
body.lw-authenticated-page .selectize-dropdown .option:hover,
body.lw-authenticated-page .selectize-dropdown .active{background:rgba(39,196,98,.13)!important}
body.lw-authenticated-page .selectize-dropdown .selected{background:rgba(39,196,98,.18)!important}
/* ===== END SELECTIZE UNIFIED DARK ===== */

/* ===== BUBBLE TAIL REMOVE ===== */
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.received:after,
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent:after,
body.lw-authenticated-page .message.received:after,
body.lw-authenticated-page .message.sent:after{
display:none!important;content:none!important;border:none!important;width:0!important;height:0!important}
body.lw-authenticated-page .message.sent{border-bottom-right-radius:14px!important}
body.lw-authenticated-page .message.received{border-bottom-left-radius:14px!important}
/* ===== END BUBBLE TAIL REMOVE ===== */

/* ===== INTERACTIVE MESSAGE ===== */
/* the white card holding body + buttons */
body.lw-authenticated-page .message .lw-template-message,
body.lw-authenticated-page .lw-chat-message-item .lw-template-message{
background:transparent!important;border:none!important;box-shadow:none!important;
padding:0!important;margin:0!important;border-radius:0!important}
/* button rows inside an interactive message */
body.lw-authenticated-page .message a[class*="lw-interactive"],
body.lw-authenticated-page .message .lw-template-message a,
body.lw-authenticated-page .message .lw-reply-button,
body.lw-authenticated-page .message .lw-quick-reply{
display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
padding:.55rem .8rem!important;margin:0!important;
font-size:.82rem!important;font-weight:500!important;
color:#1a9e4e!important;text-decoration:none!important;
border-top:1px solid rgba(26,158,78,.14)!important;
transition:background .15s!important}
body.lw-authenticated-page .message .lw-template-message a:hover{background:rgba(26,158,78,.07)!important}
body.lw-authenticated-page .message .lw-template-message a i,
body.lw-authenticated-page .message .lw-template-message a svg{
color:#1a9e4e!important;font-size:.78rem!important;opacity:.8}
/* the message body text above the buttons */
body.lw-authenticated-page .message .lw-plain-message-text{
padding:0 0 .5rem 0!important;margin:0!important;background:transparent!important;
font-size:.86rem!important;line-height:1.45!important}
/* "replied to" chip */
body.lw-authenticated-page .message .lw-replied-to,
body.lw-authenticated-page .message [class*="replied"]{
font-size:.66rem!important;font-weight:600!important;letter-spacing:.03em!important;
text-transform:uppercase!important;opacity:.7!important}
/* forwarded / broadcast marker */
body.lw-authenticated-page .message .fa-bullhorn,
body.lw-authenticated-page .lw-chat-message-item .fa-bullhorn{
color:#7da68c!important;font-size:.72rem!important;opacity:.75!important}
/* ===== END INTERACTIVE MESSAGE ===== */

/* ===== INTERACTIVE MESSAGE DARK ===== */
body.lw-authenticated-page .message .lw-template-message a,
body.lw-authenticated-page .message .lw-template-message a i{color:#4ade80!important}
body.lw-authenticated-page .message .lw-template-message a{border-top-color:rgba(39,196,98,.18)!important}
body.lw-authenticated-page .message .lw-template-message a:hover{background:rgba(39,196,98,.1)!important}
/* ===== END INTERACTIVE MESSAGE DARK ===== */

/* ===== INTERACTIVE MSG V2 ===== */
body.lw-authenticated-page .message .lw-template-message,
body.lw-authenticated-page .message .lw-whatsapp-preview-message-container,
body.lw-authenticated-page .message .lw-whatsapp-preview{
background:transparent!important;border:none!important;box-shadow:none!important;
padding:0!important;margin:0!important;border-radius:0!important;overflow:visible!important}
/* the inner card must not inherit the global .card style */
body.lw-authenticated-page .message .lw-whatsapp-preview > .card{
background:#fff!important;border:none!important;border-radius:10px!important;
box-shadow:none!important;overflow:hidden!important;margin:0!important;padding:0!important}
body.lw-authenticated-page .message .lw-whatsapp-body{
padding:.7rem .85rem!important;font-size:.86rem!important;line-height:1.45!important;
color:#16281d!important;background:transparent!important;margin:0!important}
body.lw-authenticated-page .message .lw-whatsapp-body strong:empty{display:none!important}
body.lw-authenticated-page .message .lw-whatsapp-footer{
padding:0 .85rem .6rem!important;font-size:.72rem!important;margin:0!important}
body.lw-authenticated-page .message .lw-whatsapp-footer:empty{display:none!important}
/* button block */
body.lw-authenticated-page .message .card-footer.lw-whatsapp-buttons{
background:transparent!important;border:none!important;padding:0!important;margin:0!important;border-radius:0!important}
body.lw-authenticated-page .message .lw-whatsapp-buttons .list-group{
background:transparent!important;border:none!important;margin:0!important;padding:0!important;border-radius:0!important}
body.lw-authenticated-page .message .lw-whatsapp-buttons .list-group-item{
display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
background:transparent!important;border:none!important;
border-top:1px solid rgba(16,32,24,.08)!important;border-radius:0!important;
padding:.56rem .8rem!important;margin:0!important;
font-size:.82rem!important;font-weight:500!important;color:#1a9e4e!important;
cursor:pointer!important;transition:background .15s!important}
body.lw-authenticated-page .message .lw-whatsapp-buttons .list-group-item:hover{background:rgba(26,158,78,.06)!important}
body.lw-authenticated-page .message .lw-whatsapp-buttons .list-group-item i{
color:#1a9e4e!important;font-size:.76rem!important;opacity:.85!important;margin:0!important}
/* replied-to chip */
body.lw-authenticated-page .message > a.badge{
background:transparent!important;padding:0 0 .35rem 0!important;
font-size:.64rem!important;font-weight:600!important;letter-spacing:.04em!important;
text-transform:uppercase!important;color:#1a9e4e!important;opacity:.8!important}
body.lw-authenticated-page .message > a.badge i{font-size:.62rem!important;margin-right:4px!important}
/* ===== END INTERACTIVE MSG V2 ===== */

/* ===== INTERACTIVE MSG V2 DARK ===== */
body.lw-authenticated-page .message .lw-whatsapp-preview > .card{background:#16211a!important}
body.lw-authenticated-page .message .lw-whatsapp-body{color:#e9f4ed!important}
body.lw-authenticated-page .message .lw-whatsapp-buttons .list-group-item{
color:#4ade80!important;border-top-color:rgba(255,255,255,.08)!important}
body.lw-authenticated-page .message .lw-whatsapp-buttons .list-group-item i{color:#4ade80!important}
body.lw-authenticated-page .message .lw-whatsapp-buttons .list-group-item:hover{background:rgba(39,196,98,.1)!important}
body.lw-authenticated-page .message > a.badge{color:#4ade80!important}
/* ===== END INTERACTIVE MSG V2 DARK ===== */

/* ===== INTERACTIVE MSG MEDIA ===== */
body.lw-authenticated-page .message .lw-whatsapp-preview > .card{
overflow:hidden!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
body.lw-authenticated-page .message .lw-whatsapp-preview img,
body.lw-authenticated-page .message .lw-whatsapp-preview video,
body.lw-authenticated-page .message .lw-whatsapp-header img,
body.lw-authenticated-page .message .lw-whatsapp-preview .card-img-top,
body.lw-authenticated-page .message .lw-whatsapp-preview .lw-whatsapp-media img{
display:block!important;width:100%!important;max-width:100%!important;height:auto!important;
margin:0!important;padding:0!important;border-radius:0!important;object-fit:cover!important;box-sizing:border-box!important}
body.lw-authenticated-page .message .lw-whatsapp-preview > .card > *:first-child img{
border-radius:10px 10px 0 0!important}
body.lw-authenticated-page .message .lw-whatsapp-preview .lw-whatsapp-header,
body.lw-authenticated-page .message .lw-whatsapp-preview .lw-whatsapp-media{
padding:0!important;margin:0!important;max-width:100%!important;overflow:hidden!important}
/* the bubble itself shouldn't be squeezed by max-width when it holds media */
body.lw-authenticated-page .message:has(.lw-whatsapp-preview){max-width:82%!important}
body.lw-authenticated-page .message .lw-template-message{max-width:100%!important;overflow:hidden!important}
@media(max-width:767px){
  body.lw-authenticated-page .message:has(.lw-whatsapp-preview){max-width:92%!important}
}
/* ===== END INTERACTIVE MSG MEDIA ===== */

/* ===== WA MEDIA LINK FIX ===== */
body.lw-authenticated-page .message .lw-wa-message-document-link,
body.lw-authenticated-page .lw-whatsapp-preview .lw-wa-message-document-link{
display:block!important;width:100%!important;max-width:100%!important;
height:auto!important;min-height:0!important;max-height:none!important;
padding:0!important;margin:0!important;overflow:hidden!important;
line-height:0!important;font-size:0!important;box-sizing:border-box!important}
body.lw-authenticated-page .message .lw-wa-message-document-link > img,
body.lw-authenticated-page .lw-whatsapp-preview .lw-wa-message-document-link > img{
display:block!important;width:100%!important;max-width:100%!important;
height:auto!important;max-height:none!important;
margin:0!important;padding:0!important;object-fit:cover!important;
border-radius:10px 10px 0 0!important;clip:auto!important;overflow:visible!important}
/* ===== END WA MEDIA LINK FIX ===== */


/* ===== WA HEADER LINK OVERRIDE ===== */
body.lw-authenticated-page .lw-whatsapp-preview a.lw-wa-message-document-link,
body.lw-authenticated-page .lw-whatsapp-preview .lw-whatsapp-header-placeholder{
display:block!important;height:auto!important;width:100%!important;
background-color:transparent!important;border-radius:0!important;
align-content:normal!important;justify-content:flex-start!important;
text-align:left!important;line-height:0!important;font-size:0!important;
padding:0!important;margin:0!important;overflow:hidden!important}
body.lw-authenticated-page .lw-whatsapp-preview a.lw-wa-message-document-link > img{
display:block!important;width:100%!important;max-width:100%!important;
height:auto!important;max-height:none!important;object-fit:cover!important;
margin:0!important;padding:0!important;border-radius:10px 10px 0 0!important}
/* placeholder (no image yet) keeps a sensible box */
body.lw-authenticated-page .lw-whatsapp-preview .lw-whatsapp-header-placeholder:empty{
min-height:120px!important;background-color:rgba(26,158,78,.06)!important;
display:flex!important;align-items:center!important;justify-content:center!important}
/* ===== END WA HEADER LINK OVERRIDE ===== */

/* ===== WA HEADER LINK OVERRIDE DARK ===== */
body.lw-authenticated-page .lw-whatsapp-preview .lw-whatsapp-header-placeholder:empty{
background-color:rgba(39,196,98,.08)!important}
/* ===== END WA HEADER LINK OVERRIDE DARK ===== */

/* ===== WA MEDIA RESPONSIVE ===== */
/* the bubble scales with the viewport */
body.lw-authenticated-page .message:has(.lw-whatsapp-preview){
max-width:min(420px,82%)!important;width:auto!important}
body.lw-authenticated-page .lw-whatsapp-preview,
body.lw-authenticated-page .lw-whatsapp-preview > .card,
body.lw-authenticated-page .lw-whatsapp-preview-message-container{
width:100%!important;max-width:100%!important;box-sizing:border-box!important}
/* media keeps its own proportions at any width */
body.lw-authenticated-page .lw-whatsapp-preview a.lw-wa-message-document-link{
display:block!important;width:100%!important;height:auto!important;
aspect-ratio:auto!important;overflow:hidden!important;
border-radius:10px 10px 0 0!important;background:transparent!important}
body.lw-authenticated-page .lw-whatsapp-preview a.lw-wa-message-document-link > img,
body.lw-authenticated-page .lw-whatsapp-preview img{
width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;
display:block!important;object-fit:cover!important}
/* video / audio too */
body.lw-authenticated-page .lw-whatsapp-preview video,
body.lw-authenticated-page .message video{
width:100%!important;height:auto!important;max-width:100%!important;display:block!important;border-radius:10px 10px 0 0!important}
body.lw-authenticated-page .message audio{width:100%!important;max-width:100%!important}
@media(min-width:1600px){
  body.lw-authenticated-page .message:has(.lw-whatsapp-preview){max-width:min(460px,72%)!important}
}
@media(max-width:991px){
  body.lw-authenticated-page .message:has(.lw-whatsapp-preview){max-width:min(380px,88%)!important}
}
@media(max-width:767px){
  body.lw-authenticated-page .message:has(.lw-whatsapp-preview){max-width:90%!important}
  body.lw-authenticated-page .lw-whatsapp-preview .lw-whatsapp-body{font-size:.83rem!important;padding:.6rem .75rem!important}
  body.lw-authenticated-page .lw-whatsapp-buttons .list-group-item{font-size:.79rem!important;padding:.5rem .7rem!important}
}
@media(max-width:420px){
  body.lw-authenticated-page .message:has(.lw-whatsapp-preview){max-width:94%!important}
}
/* ===== END WA MEDIA RESPONSIVE ===== */

/* ===== CRM PANEL PRO ===== */
body.lw-authenticated-page .lw-contact-crm-block{padding:.85rem .75rem!important}
body.lw-authenticated-page .lw-contact-crm-block fieldset{
padding:0 0 1rem 0!important;margin:0 0 1rem 0!important}
/* section label */
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title{
font-size:.63rem!important;font-weight:700!important;letter-spacing:.09em!important;
text-transform:uppercase!important;color:#93a39a!important;
padding:0 0 .7rem 0!important;margin:0!important}
/* contact info list: caps label, strong value */
body.lw-authenticated-page .lw-contact-crm-block dl{margin:0!important;padding:0!important}
body.lw-authenticated-page .lw-contact-crm-block dt{
font-size:.62rem!important;font-weight:600!important;color:#a3b2a9!important;
text-transform:uppercase!important;letter-spacing:.05em!important;
margin:0 0 2px 0!important;line-height:1.3!important}
body.lw-authenticated-page .lw-contact-crm-block dd{
font-size:.86rem!important;font-weight:500!important;color:#16281d!important;
margin:0 0 .8rem 0!important;line-height:1.35!important;word-break:break-word!important}
body.lw-authenticated-page .lw-contact-crm-block dd:last-child{margin-bottom:0!important}
/* edit contact button: quiet, top-right */
body.lw-authenticated-page .lw-contact-crm-block .text-right.mt--3{margin-top:-2.1rem!important;margin-bottom:.9rem!important}
body.lw-authenticated-page .lw-contact-crm-block .btn{
font-size:.73rem!important;padding:.34rem .7rem!important;border-radius:8px!important;font-weight:500!important}
body.lw-authenticated-page .lw-contact-crm-block .btn i{font-size:.72rem!important;margin-right:4px!important}
/* checkboxes on one tidy row */
body.lw-authenticated-page .lw-contact-crm-block .form-check-inline{margin-right:.9rem!important}
body.lw-authenticated-page .lw-contact-crm-block .form-check-label{
font-size:.78rem!important;font-weight:500!important;color:#3f5d4c!important;margin:0 0 0 4px!important}
body.lw-authenticated-page .lw-contact-crm-block .my-3{margin:0 0 .7rem 0!important}
/* action buttons: full-width, subtle, not black blocks */
body.lw-authenticated-page .lw-contact-crm-block button[type=submit],
body.lw-authenticated-page .lw-contact-crm-block .btn-dark,
body.lw-authenticated-page .lw-contact-crm-block .btn-secondary{
display:block!important;width:100%!important;float:none!important;
margin:.6rem 0 0 0!important;padding:.45rem .8rem!important;
background:rgba(26,158,78,.09)!important;border:1px solid rgba(26,158,78,.2)!important;
color:#0f6e35!important;font-size:.78rem!important;font-weight:600!important;border-radius:9px!important}
body.lw-authenticated-page .lw-contact-crm-block button[type=submit]:hover,
body.lw-authenticated-page .lw-contact-crm-block .btn-dark:hover{
background:#1a9e4e!important;color:#fff!important;border-color:#1a9e4e!important;transform:none!important}
/* labels/tags box */
body.lw-authenticated-page .lw-contact-crm-block .form-control{
min-height:38px!important;padding:.4rem .55rem!important;font-size:.8rem!important}
body.lw-authenticated-page .lw-contact-crm-block .badge{
font-size:.64rem!important;padding:.22rem .55rem!important;border-radius:99px!important;font-weight:600!important}
/* the gear / notes edit icons */
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title + a,
body.lw-authenticated-page .lw-contact-crm-block .fa-cog,
body.lw-authenticated-page .lw-contact-crm-block .fa-edit{font-size:.82rem!important;opacity:.7!important}
/* ===== END CRM PANEL PRO ===== */

/* ===== CRM PANEL PRO DARK ===== */
body.lw-authenticated-page .lw-contact-crm-block dt{color:#7d9a89!important}
body.lw-authenticated-page .lw-contact-crm-block dd{color:#e9f4ed!important}
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title{color:#7d9a89!important}
body.lw-authenticated-page .lw-contact-crm-block .form-check-label{color:#a8c2b3!important}
body.lw-authenticated-page .lw-contact-crm-block button[type=submit],
body.lw-authenticated-page .lw-contact-crm-block .btn-dark{
background:rgba(39,196,98,.14)!important;border-color:rgba(39,196,98,.24)!important;color:#4ade80!important}
body.lw-authenticated-page .lw-contact-crm-block button[type=submit]:hover,
body.lw-authenticated-page .lw-contact-crm-block .btn-dark:hover{background:#27c462!important;color:#0b1610!important}
/* ===== END CRM PANEL PRO DARK ===== */


/* ===== CRM CHIPS ===== */
body.lw-authenticated-page .lw-contact-crm-block .form-control{
display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:flex-start!important;
align-content:flex-start!important;padding:.5rem!important;min-height:42px!important}
body.lw-authenticated-page .lw-contact-crm-block .form-control .badge,
body.lw-authenticated-page .lw-contact-crm-block .form-control .lw-contact-list-label-tag{
display:inline-flex!important;align-items:center!important;
font-size:.65rem!important;font-weight:600!important;line-height:1.3!important;
padding:.25rem .6rem!important;border-radius:99px!important;
white-space:nowrap!important;margin:0!important;border:none!important;
max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* ===== END CRM CHIPS ===== */

/* ===== CRM PANEL PRO 3 ===== */
/* the original select that selectize replaced must never show */
body.lw-authenticated-page .lw-contact-crm-block select.selectized,
body.lw-authenticated-page .lw-contact-crm-block select.custom-select.selectized,
body.lw-authenticated-page select.selectized{display:none!important}
/* kill the negative-margin hacks in the markup */
body.lw-authenticated-page .lw-contact-crm-block .mt--4,
body.lw-authenticated-page .lw-contact-crm-block .mt--3,
body.lw-authenticated-page .lw-contact-crm-block .mt--1{margin-top:0!important}
/* tighter, even rhythm between sections */
body.lw-authenticated-page .lw-contact-crm-block{padding:.8rem .75rem!important}
body.lw-authenticated-page .lw-contact-crm-block fieldset{
padding:0 0 .85rem 0!important;margin:0 0 .85rem 0!important}
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title{padding-bottom:.6rem!important}
body.lw-authenticated-page .lw-contact-crm-block dd{margin-bottom:.6rem!important}
body.lw-authenticated-page .lw-contact-crm-block dd:last-of-type{margin-bottom:0!important}
body.lw-authenticated-page .lw-contact-crm-block .my-3{margin:0 0 .65rem 0!important}
body.lw-authenticated-page .lw-contact-crm-block .form-group{margin-bottom:.55rem!important}
body.lw-authenticated-page .lw-contact-crm-block .selectize-control{margin:0 0 .55rem 0!important}
/* Save/Update: full width, no float */
body.lw-authenticated-page .lw-contact-crm-block button[type=submit]{
float:none!important;display:block!important;width:100%!important;margin:0!important}
body.lw-authenticated-page .lw-contact-crm-block button[type=submit] + *{margin-top:.5rem!important}
/* remove the leftover empty rows/cols that add gaps */
body.lw-authenticated-page .lw-contact-crm-block > .row{margin:0!important}
body.lw-authenticated-page .lw-contact-crm-block .col-12{padding-left:0!important;padding-right:0!important}
body.lw-authenticated-page .lw-contact-crm-block .col-12.text-right:empty,
body.lw-authenticated-page .lw-contact-crm-block .row > .col-12.text-right{margin:0!important;padding:0!important}
/* label box compact */
body.lw-authenticated-page .lw-contact-crm-block .form-control{min-height:38px!important;padding:.4rem .45rem!important}
/* notes section shouldn't leave a big void */
body.lw-authenticated-page .lw-contact-crm-block fieldset:last-of-type{padding-bottom:0!important;margin-bottom:0!important}
/* ===== END CRM PANEL PRO 3 ===== */

/* ===== SELECTIZE WIDTH ALIGN ===== */
body.lw-authenticated-page .selectize-control{padding:0!important;margin-left:0!important;margin-right:0!important}
body.lw-authenticated-page .selectize-control .selectize-input,
body.lw-authenticated-page .selectize-control.single .selectize-input{
width:100%!important;max-width:100%!important;
margin:0!important;left:0!important;right:0!important;
box-sizing:border-box!important;position:relative!important}
/* ===== END SELECTIZE WIDTH ALIGN ===== */

/* ===== SELECTIZE CONTROL RESET ===== */
body.lw-authenticated-page div.selectize-control.form-control,
body.lw-authenticated-page div.selectize-control.lw-form-field,
body.lw-authenticated-page div.selectize-control.custom-select,
body.lw-authenticated-page div.selectize-control{
padding:0!important;border:none!important;background:transparent!important;
box-shadow:none!important;height:auto!important;min-height:0!important;
border-radius:0!important;width:100%!important;box-sizing:border-box!important}
/* ===== END SELECTIZE CONTROL RESET ===== */

/* ===== LABEL SELECTIZE ===== */
/* multi-select field */
body.lw-authenticated-page .selectize-control.multi .selectize-input{
display:flex!important;flex-wrap:wrap!important;gap:5px!important;
align-items:center!important;padding:.45rem .55rem!important;min-height:40px!important;
border:1px solid rgba(26,158,78,.18)!important;border-radius:10px!important;background:#fff!important}
body.lw-authenticated-page .selectize-control.multi .selectize-input.focus{
border-color:rgba(26,158,78,.5)!important;box-shadow:0 0 0 3px rgba(26,158,78,.09)!important}
/* selected chips: uniform pill regardless of label colour */
body.lw-authenticated-page .selectize-control.multi .selectize-input > .item{
display:inline-flex!important;align-items:center!important;
font-size:.66rem!important;font-weight:600!important;line-height:1.3!important;
padding:.25rem .6rem!important;border-radius:99px!important;
margin:0!important;border:none!important;box-shadow:none!important;
white-space:nowrap!important;max-width:100%!important;
overflow:hidden!important;text-overflow:ellipsis!important}
body.lw-authenticated-page .selectize-control.multi .selectize-input > input{
font-size:.8rem!important;margin:0!important;padding:0 4px!important;min-width:60px!important}
/* dropdown list of labels */
body.lw-authenticated-page .selectize-dropdown.multi .option,
body.lw-authenticated-page .selectize-dropdown .option{
display:flex!important;align-items:center!important;
padding:.45rem .6rem!important;margin:1px 0!important;border-radius:8px!important;
font-size:.78rem!important;font-weight:500!important;line-height:1.35!important}
body.lw-authenticated-page .selectize-dropdown .option .badge,
body.lw-authenticated-page .selectize-dropdown .option span{
font-size:.7rem!important;padding:.2rem .55rem!important;border-radius:99px!important;
font-weight:600!important;white-space:nowrap!important}
/* Update button full width under the field */
body.lw-authenticated-page .lw-contact-crm-block #lwAssignContactLabelsForm button[type=submit]{
float:none!important;display:block!important;width:100%!important;margin-top:.55rem!important}
/* the cog / edit icons in section titles */
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title .btn-link{
padding:0!important;background:transparent!important;border:none!important;
line-height:1!important;box-shadow:none!important}
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title .btn-link i{
font-size:.85rem!important;color:#7da68c!important;margin:0!important}
body.lw-authenticated-page .lw-contact-crm-block .lw-fs-title .btn-link:hover i{color:#1a9e4e!important}
/* ===== END LABEL SELECTIZE ===== */

/* ===== LABEL SELECTIZE DARK ===== */
body.lw-authenticated-page .selectize-control.multi .selectize-input{
background:#0f1a12!important;border-color:rgba(39,196,98,.2)!important}
body.lw-authenticated-page .selectize-control.multi .selectize-input > input{color:#e9f4ed!important}
/* ===== END LABEL SELECTIZE DARK ===== */

/* ===== MANAGE LABELS MODAL ===== */
#lwManageContactLabels .modal-body{padding:1.15rem!important}
#lwManageContactLabels .list-group{border:none!important;background:transparent!important;padding:0!important}
#lwManageContactLabels .list-group-item{
border:none!important;border-bottom:1px solid rgba(26,158,78,.09)!important;
background:transparent!important;border-radius:0!important;padding:.55rem 0!important;margin:0!important}
#lwManageContactLabels .list-group-item:last-child{border-bottom:none!important}
#lwManageContactLabels .list-group-item label{display:none!important}
#lwManageContactLabels .list-group-item .form-group{margin:0!important}
#lwManageContactLabels .list-group-item .row{margin:0!important}
#lwManageContactLabels .list-group-item .col-12{padding:0!important}
#lwManageContactLabels .input-group{display:flex!important;align-items:stretch!important;gap:6px!important;flex-wrap:nowrap!important}
#lwManageContactLabels .input-group > .form-control{
flex:1 1 auto!important;min-width:0!important;height:38px!important;
border:1px solid rgba(26,158,78,.18)!important;border-radius:9px!important;
padding:.45rem .7rem!important;font-size:.85rem!important;background:#fff!important}
#lwManageContactLabels .input-group-append{display:flex!important;align-items:stretch!important;gap:6px!important;flex:0 0 auto!important;margin:0!important}
#lwManageContactLabels .lw-color-field{
height:38px!important;width:34px!important;padding:2px!important;margin:0!important;
border:1px solid rgba(26,158,78,.2)!important;border-radius:9px!important;
background:#fff!important;cursor:pointer!important;flex:0 0 34px!important}
#lwManageContactLabels .lw-color-field::-webkit-color-swatch-wrapper{padding:0!important}
#lwManageContactLabels .lw-color-field::-webkit-color-swatch{border:none!important;border-radius:6px!important}
#lwManageContactLabels .input-group-append .btn{
height:38px!important;padding:0 .95rem!important;font-size:.78rem!important;
border-radius:9px!important;display:inline-flex!important;align-items:center!important;
justify-content:center!important;margin:0!important;white-space:nowrap!important}
#lwManageContactLabels .btn-outline-danger{
width:38px!important;padding:0!important;flex:0 0 38px!important;
border:1px solid rgba(220,38,38,.3)!important;color:#dc2626!important;background:#fff!important}
#lwManageContactLabels .btn-outline-danger:hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}
#lwManageContactLabels .btn-outline-danger i{margin:0!important;font-size:.8rem!important}
#lwManageContactLabels fieldset:first-of-type{margin-bottom:1rem!important}
#lwManageContactLabels fieldset:first-of-type label{
display:block!important;font-size:.66rem!important;font-weight:700!important;
letter-spacing:.06em!important;text-transform:uppercase!important;
color:#93a39a!important;margin-bottom:.4rem!important}
/* ===== END MANAGE LABELS MODAL ===== */

/* ===== MANAGE LABELS MODAL DARK ===== */
#lwManageContactLabels .list-group-item{border-bottom-color:rgba(39,196,98,.12)!important}
#lwManageContactLabels .input-group > .form-control{background:#0f1a12!important;border-color:rgba(39,196,98,.2)!important;color:#e9f4ed!important}
#lwManageContactLabels .lw-color-field{background:#0f1a12!important;border-color:rgba(39,196,98,.22)!important}
#lwManageContactLabels .btn-outline-danger{background:#16211a!important}
/* ===== END MANAGE LABELS MODAL DARK ===== */

/* ===== MANAGE LABELS TIGHTEN ===== */
#lwManageContactLabels .list-group-item{
padding:0!important;margin:0 0 8px 0!important;border-bottom:none!important}
#lwManageContactLabels .list-group-item:last-child{margin-bottom:0!important}
#lwManageContactLabels .list-group-item form{margin:0!important;padding:0!important}
#lwManageContactLabels .input-group{gap:7px!important}
/* both swatches equally visible, checkerboard behind so white reads */
#lwManageContactLabels .lw-color-field{
width:36px!important;flex:0 0 36px!important;height:38px!important;
border:1px solid rgba(16,32,24,.16)!important;border-radius:9px!important;
background-image:linear-gradient(45deg,#eceff0 25%,transparent 25%),
linear-gradient(-45deg,#eceff0 25%,transparent 25%),
linear-gradient(45deg,transparent 75%,#eceff0 75%),
linear-gradient(-45deg,transparent 75%,#eceff0 75%)!important;
background-size:8px 8px!important;
background-position:0 0,0 4px,4px -4px,-4px 0!important}
/* keep the two swatches visually paired */
#lwManageContactLabels .lw-color-field + .lw-color-field{margin-left:-3px!important}
/* buttons sized consistently */
#lwManageContactLabels .input-group-append .btn{min-width:64px!important}
#lwManageContactLabels .btn-outline-danger{min-width:38px!important;width:38px!important;flex:0 0 38px!important}
/* section blocks even spacing */
#lwManageContactLabels fieldset{margin-bottom:.9rem!important}
#lwManageContactLabels fieldset:last-of-type{margin-bottom:0!important}
#lwManageContactLabels .list-group{padding:0!important;margin:0!important}
/* ===== END MANAGE LABELS TIGHTEN ===== */





/* ===== DROPDOWN OPTION COLOUR ===== */
body.lw-authenticated-page .selectize-dropdown .option,
body.lw-authenticated-page .selectize-dropdown .option.active,
body.lw-authenticated-page .selectize-dropdown .option.selected{
color:unset;background-color:unset}
/* ===== END DROPDOWN OPTION COLOUR ===== */


/* ===== SELECTIZE ITEM SPAN ===== */
/* chip keeps its own inline colours; only the inner span must not be recoloured */
body.lw-authenticated-page .selectize-input > div[data-value] > span,
.card.lw-whatsapp-chat-block-container .selectize-input > div[data-value] > span{
color:inherit!important;-webkit-text-fill-color:currentColor!important;
background:none!important;font-size:inherit!important;font-weight:inherit!important}
body.lw-authenticated-page .selectize-input > div[data-value]{
display:inline-flex!important;align-items:center!important;
font-size:.66rem!important;font-weight:600!important;line-height:1.35!important;
padding:.22rem .6rem!important;border-radius:99px!important;
margin:0!important;border:none!important;white-space:nowrap!important}
/* ===== END SELECTIZE ITEM SPAN ===== */

/* ===== CHIP SPAN SPECIFICITY ===== */
body.lw-auth-light .card.lw-whatsapp-chat-block-container .selectize-control .selectize-input > div[data-value] > span,
body.lw-authenticated-page .card.lw-whatsapp-chat-block-container .selectize-control .selectize-input > div[data-value] > span,
html body .card.lw-whatsapp-chat-block-container .selectize-control .selectize-input > div[data-value] > span{
color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important}
/* ===== END CHIP SPAN SPECIFICITY ===== */
