/* GujjarX cohesive workspace styling - sidebar, real CRM, real WhatsApp Inbox.
   All communication uses existing Laravel/Meta handlers, not preview data. */
:root{--gx-shell:#0b2134;--gx-deep:#08192a;--gx-emerald:#17bd86;--gx-text:#20313f;--gx-muted:#748792;--gx-border:#e5ecef;--gx-surface:#f5f8fa}
body.lw-authenticated-page{background:#f3f6f9!important;color:var(--gx-text)!important}
body.lw-authenticated-page .main-content{background:#f3f6f9!important;min-height:100vh}
body.lw-authenticated-page #navbar-main{background:#fff!important;border-bottom:1px solid #e7edef!important;box-shadow:0 2px 15px #092e4010!important}
body.lw-authenticated-page #navbar-main .navbar-search .form-control,body.lw-authenticated-page #navbar-main input{background:#f7fafb!important;border-color:#e5eef0!important;border-radius:13px!important}
body.lw-authenticated-page .card{border:1px solid #e6edef!important;border-radius:16px!important;box-shadow:0 9px 33px rgba(11,31,49,.055)!important}
body.lw-authenticated-page .card-header{border-bottom:1px solid #e7eef0!important;border-radius:16px 16px 0 0!important}
body.lw-authenticated-page .btn-success,body.lw-authenticated-page .btn-primary{background:#12af7b!important;border-color:#12af7b!important;border-radius:10px!important;box-shadow:none!important}
body.lw-authenticated-page .btn-success:hover,body.lw-authenticated-page .btn-primary:hover{background:#078f65!important}
body.lw-authenticated-page .form-control,body.lw-authenticated-page select{border-radius:10px!important}
body.lw-authenticated-page input:focus,body.lw-authenticated-page textarea:focus{border-color:#29c793!important;box-shadow:0 0 0 3px #1cbd8730!important}
body.lw-authenticated-page .table th{background:#f4f8f8!important;color:#43606a!important;font-size:12px!important}
body.lw-authenticated-page .table td{border-color:#eaf0f2!important}
/* Left nav */
body.lw-authenticated-page #sidenav-main{background:linear-gradient(175deg,#0b2133 0%,#091e31 60%,#0d2b35 100%)!important;color:#bdcfda!important;border:0!important;box-shadow:7px 0 26px #091b3124!important}
#sidenav-main .container-fluid{padding-left:11px!important;padding-right:11px!important}
#sidenav-main .navbar-brand{margin:19px 12px 17px!important;padding:0!important;display:flex!important;gap:10px!important;align-items:center!important}
#sidenav-main .navbar-brand img{object-fit:cover;max-height:43px!important;max-width:54px!important;border-radius:9px!important}
#sidenav-main .navbar-brand .lw-sidebar-logo-small{display:none!important}
#sidenav-main .gx-sidebar-wordmark{font-weight:800;color:#edfafa;font-size:20px;letter-spacing:-.8px;line-height:1}
#sidenav-main .gx-sidebar-wordmark span{color:#24d69a}
#sidenav-main .gx-sidebar-wordmark small{display:block;color:#799fa6;font-size:8px;letter-spacing:2.2px;margin-top:5px}
#sidenav-main .collapse.navbar-collapse{scrollbar-width:thin;scrollbar-color:#2b4b56 transparent;overflow-y:auto!important;align-items:stretch!important}
#sidenav-main .navbar-nav .nav-item{margin-bottom:1px!important}
#sidenav-main .navbar-nav .nav-link,#sidenav-main .navbar-nav .nav-link-ul{
  color:#b8cad5!important;background:transparent!important;border:1px solid transparent!important;
  margin:3px 4px!important;border-radius:11px!important;padding:11px 13px!important;
  font-size:12px!important;font-weight:700!important;line-height:1.35!important;box-shadow:none!important;
  transition:background .16s ease,color .16s ease!important}
#sidenav-main .navbar-nav .nav-link i,#sidenav-main .navbar-nav .nav-link .fa,#sidenav-main .navbar-nav .nav-link .fas,#sidenav-main .navbar-nav .nav-link .fab,#sidenav-main .navbar-nav .nav-link .far{
  font-size:15px!important;color:#9db8be!important;min-width:20px!important;text-align:center!important;margin-right:8px!important;background:none!important;-webkit-text-fill-color:currentColor!important}
#sidenav-main .navbar-nav .nav-link:hover,#sidenav-main .navbar-nav .nav-link-ul:hover{background:#174039!important;color:#f3fffc!important}
#sidenav-main .navbar-nav .nav-link.active,#sidenav-main .navbar-nav .nav-link-ul.active{
  background:linear-gradient(100deg,#174d42,#145248)!important;border-color:#2b6d59!important;
  color:#dffef0!important;box-shadow:inset 3px 0 #22d494!important}
#sidenav-main .navbar-nav .nav-link.active i,#sidenav-main .navbar-nav .nav-link-ul.active i{color:#51eab3!important}
#sidenav-main .navbar-nav .nav-link .text-warning{color:#eecb81!important}
#sidenav-main .navbar-nav .nav-link[data-toggle=collapse]:after{color:#7cb2a6!important}
#sidenav-main .navbar-nav .nav-link-ul{margin:2px 7px 2px 17px!important;padding:9px 13px!important;font-size:11px!important}
#sidenav-main .navbar-nav .nav-link-ul::before{display:none!important}
#sidenav-main .gx-sidenav-heading{display:block;padding:8px 19px;color:#6b969f;font-size:9px;font-weight:900;letter-spacing:1.9px}
#sidenav-main .gx-sidenav-footer{background:#0e3040;border:1px solid #214954;padding:15px;border-radius:14px;margin:17px 6px 14px}
#sidenav-main .gx-sidenav-footer strong{display:block;color:#edfff9;font-size:12px;margin:0 0 5px}
#sidenav-main .gx-sidenav-footer small{display:block;color:#8db3b6;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sidenav-main .gx-sidenav-footer a{display:block;text-align:center;margin-top:12px;padding:10px 12px;background:#19cb8f;border-radius:9px;color:#073729!important;font-size:11px;font-weight:800}
#sidenav-main .gx-sidenav-footer a:hover{background:#60eab6}
@media(min-width:768px){
  body.lw-authenticated-page #sidenav-main{width:224px!important}
  body.lw-authenticated-page .main-content{margin-left:224px!important}
}
@media(max-width:767.98px){
  body.lw-authenticated-page #sidenav-main{width:100%!important}
  #sidenav-main .navbar-brand{margin:5px 10px!important}
  #sidenav-main .gx-sidebar-wordmark{font-size:17px}
  body.lw-authenticated-page .main-content{margin-left:0!important}
}
/* Dashboard style harmonized with Inbox */
.gxvd{max-width:none!important}
.gxvd .gxvd-metric,.gxvd .gxvd-panel{border:1px solid #e5ecef!important;border-radius:15px!important;box-shadow:0 8px 27px #152e4508!important}
.gxvd .gxvd-metric:hover{border-color:#87deb7!important}
.gxvd .gxvd-hero{background:linear-gradient(100deg,#0d263a,#125449)!important;border-radius:16px!important}
/* Inbox page: keep all original click handlers, chat state, and Meta send routes */
body.lw-authenticated-page:has(.gx-whatsapp-inbox) .main-content > .header{display:none!important}
body.lw-authenticated-page:has(.gx-whatsapp-inbox) .main-content > .container-fluid{max-width:none!important;padding-left:15px!important;padding-right:15px!important}
.gx-whatsapp-inbox{margin-top:10px!important;border:1px solid #dee8e8!important;border-radius:15px!important;background:#fff!important;overflow:hidden!important}
.gx-whatsapp-inbox .gx-inbox-topbar{background:#fff!important;color:#183541!important;border-bottom:1px solid #e6eeee!important;border-radius:15px 15px 0 0!important;padding:12px 18px!important}
.gx-whatsapp-inbox .gx-inbox-brand strong{color:#173441!important;font-size:15px}
.gx-whatsapp-inbox .gx-inbox-brand small{color:#89a3a8!important;font-size:10px}
.gx-whatsapp-inbox .gx-inbox-backup{background:#e4f9ed!important;border:1px solid #baf0d7!important;color:#0d8965!important}
.gx-whatsapp-inbox .gx-inbox-backup:hover{background:#c8f5e1!important}
.gx-whatsapp-inbox .lw-whatsapp-chat-window{padding:0!important}
.gx-whatsapp-inbox #lwWhatsAppChatWindow>.row{margin:0!important;min-width:0!important;flex-wrap:nowrap!important}
.gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.lw-contact-list-block,
.gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.page,
.gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.lw-contact-crm-block{padding:0!important;margin-bottom:0!important;min-width:0}
.gx-whatsapp-inbox .lw-contact-list-block{background:#fcfefe!important;border-right:1px solid #e3ecee!important;padding:0!important}
.gx-whatsapp-inbox .lw-contact-list-block h1{font-size:18px!important;margin:0!important;color:#0f2938!important;padding:18px 15px 12px!important}
.gx-whatsapp-inbox .lw-contacts-header{font-size:11px!important;color:#627f8c!important;padding:2px 13px!important}
.gx-whatsapp-inbox .lw-contact-list-block>hr{display:none!important}
.gx-whatsapp-inbox .lw-contact-list-block .form-group{margin:10px 11px!important}
.gx-whatsapp-inbox .lw-contact-list-block .form-control,.gx-whatsapp-inbox .lw-contact-list-block input[type=text]{border-radius:10px!important;background:#f0f5f6!important;border-color:#e5edee!important;padding:11px 12px!important;font-size:11px!important}
.gx-whatsapp-inbox .lw-contact-list-block .nav-tabs{margin:10px 8px!important;flex-wrap:wrap!important;border:0!important}
.gx-whatsapp-inbox .lw-contact-list-block .nav-tabs .nav-link{font-size:10px!important;padding:8px!important;font-weight:800!important;border:0!important;color:#5c8890!important;border-radius:14px!important}
.gx-whatsapp-inbox .lw-contact-list-block .nav-tabs .nav-link.active{background:#dbf7e7!important;color:#14885c!important}
.gx-whatsapp-inbox .lw-contact-list{max-height:calc(100vh - 310px)!important;min-height:300px!important;padding:5px 9px!important;background:#fff!important;box-shadow:none!important;overflow-y:auto!important;scrollbar-color:#d0dede transparent}
.gx-whatsapp-inbox .lw-contact-list .list-group-item{border:0!important;border-bottom:1px solid #eef2f3!important;margin:1px 0!important;padding:11px 7px!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
.gx-whatsapp-inbox .lw-contact-list .list-group-item:hover,.gx-whatsapp-inbox .lw-contact-list .list-group-item-light{background:#e9f9f0!important}
.gx-whatsapp-inbox .lw-contact-avatar{border-radius:50%!important;height:36px!important;width:36px!important;display:flex!important;align-items:center;justify-content:center}
.gx-whatsapp-inbox .lw-contact-list h3{font-size:12px!important;font-weight:800!important;color:#1c3440!important;margin:1px 0 4px!important;line-height:1.45!important;white-space:normal!important}
.gx-contact-phone{display:block;color:#82979d!important;font-size:10px!important;font-weight:500!important}
.gx-whatsapp-inbox .lw-last-message-at{font-size:9px!important;color:#9aaeb3!important}
.gx-whatsapp-inbox .lw-contact-list .badge.bg-success{background:#18c789!important;border-radius:50%!important}
.gx-whatsapp-inbox .page{background:#eaf0ee!important}
.gx-whatsapp-inbox .marvel-device.nexus5{width:100%!important;height:calc(100vh - 210px)!important;min-height:555px!important;max-width:none!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.gx-whatsapp-inbox .marvel-device .screen,.gx-whatsapp-inbox .marvel-device .screen-container{width:100%!important;height:100%!important;border-radius:0!important;background:#eaf0ed!important}
.gx-whatsapp-inbox .chat{height:100%!important;display:flex!important;flex-direction:column!important}
.gx-whatsapp-inbox .user-bar{min-height:66px!important;background:#fff!important;border-bottom:1px solid #e2ebe9!important;color:#18323c!important;padding:10px 13px!important}
.gx-whatsapp-inbox .user-bar .name,.gx-whatsapp-inbox .user-bar .name span{color:#17323f!important;font-size:12px!important;font-weight:800}
.gx-whatsapp-inbox .user-bar .name small,.gx-whatsapp-inbox .user-bar .name small a{color:#7b969d!important;font-size:10px!important;font-weight:500!important}
.gx-whatsapp-inbox .user-bar .avatar{border-radius:50%!important;overflow:hidden!important}
.gx-whatsapp-inbox .user-bar .status{font-size:10px!important;color:#148d65!important}
.gx-whatsapp-inbox .user-bar .lw-whatsapp-bar-icon-btn i{color:#6c898c!important}
.gx-whatsapp-inbox .conversation{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important}
.gx-whatsapp-inbox .conversation-container{height:auto!important;max-height:none!important;flex:1!important;min-height:0!important;overflow-y:auto!important;padding:15px 12px!important;background-color:#edf2ef!important;background-image:radial-gradient(#cbdcd6 0.7px,transparent 0.7px)!important;background-size:18px 18px!important}
.gx-whatsapp-inbox .message{font-size:11px!important;line-height:1.6!important;max-width:86%!important;border-radius:11px!important;box-shadow:0 2px 6px #142c3a0c!important}
.gx-whatsapp-inbox .message.sent{background:#d5f7e2!important;color:#243b3d!important}
.gx-whatsapp-inbox .message.received{background:#fff!important;color:#243b3d!important}
.gx-whatsapp-inbox .conversation-compose{min-height:68px!important;flex-shrink:0!important;background:#fff!important;border-top:1px solid #dce6e4!important;gap:2px!important;padding:8px!important;display:flex!important;align-items:center!important}
.gx-whatsapp-inbox .conversation-compose .input-msg{border:1px solid #e4ecee!important;border-radius:12px!important;background:#f8fafb!important;min-height:43px!important;padding:10px!important}
.gx-whatsapp-inbox .conversation-compose .send{background:#15b883!important;border-radius:11px!important;height:42px!important;width:42px!important}
.gx-whatsapp-inbox .conversation-compose .send .circle{background:transparent!important}
.gx-whatsapp-inbox .lw-contact-crm-block{border-left:1px solid #e6eeee!important;background:#fff!important;padding:0 13px 18px!important;max-height:calc(100vh - 205px)!important;overflow:auto!important}
.gx-whatsapp-inbox .lw-contact-crm-block .row{margin:0!important}
.gx-contact-profile{padding:22px 10px 19px;border-bottom:1px solid #e9f0f1;text-align:center}
.gx-contact-profile .gx-contact-initials{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#d4f4e3;color:#12865f;font-size:16px;font-weight:800;margin:0 auto 10px}
.gx-contact-profile strong{display:block;color:#183342;font-size:14px;font-weight:800}
.gx-contact-profile small{display:block;margin-top:4px;color:#748d95;font-size:10px;word-break:break-word}
.gx-contact-profile-actions{display:flex;gap:8px;justify-content:center;margin-top:14px}
.gx-contact-profile-actions a{display:inline-flex;gap:5px;align-items:center;padding:8px 11px;background:#f1faf5;border:1px solid #dcf1e5;border-radius:9px;color:#118464!important;font-size:10px;font-weight:800}
.gx-whatsapp-inbox .lw-contact-crm-block fieldset{margin:7px 0!important;padding:10px 6px!important;border-bottom:1px solid #edf1f3!important}
.gx-whatsapp-inbox .lw-contact-crm-block legend{font-size:12px!important;font-weight:800!important;color:#203944!important;background:none!important}
.gx-whatsapp-inbox .lw-contact-crm-block dt{font-size:9px!important;color:#8198a0!important}
.gx-whatsapp-inbox .lw-contact-crm-block dd{font-size:11px!important;color:#243e48!important}
.gx-whatsapp-inbox .gx-chat-tool{color:#708d89!important}
.gx-whatsapp-inbox .gx-chat-tool:hover{color:#0c946a!important;background:#e5faee!important}
.gx-whatsapp-inbox .lw-disabled-block-content{opacity:1!important}
@media(min-width:1200px){
 .gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.lw-contact-list-block{flex:0 0 26%!important;max-width:26%!important}
 .gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.page{flex:0 0 48%!important;max-width:48%!important}
 .gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.lw-contact-crm-block{flex:0 0 26%!important;max-width:26%!important}
}
@media(min-width:768px) and (max-width:1199.98px){
 .gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.lw-contact-list-block{flex:0 0 32%!important;max-width:32%!important}
 .gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.page{flex:0 0 68%!important;max-width:68%!important}
 .gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.lw-contact-crm-block{display:none!important}
}
@media(max-width:767.98px){
 .gx-whatsapp-inbox #lwWhatsAppChatWindow>.row{display:block!important}
 .gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.lw-contact-list-block,.gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.page{width:100%!important;max-width:100%!important}
 .gx-whatsapp-inbox #lwWhatsAppChatWindow>.row>.lw-contact-crm-block{display:none!important}
 .gx-whatsapp-inbox .marvel-device.nexus5{height:calc(100dvh - 215px)!important;min-height:420px!important}
 .gx-whatsapp-inbox .lw-contact-list{min-height:55vh!important;max-height:70vh!important}
 .gx-whatsapp-inbox .gx-inbox-topbar{padding:11px!important}
 .gx-whatsapp-inbox .gx-inbox-brand small{display:none!important}
 .gx-whatsapp-inbox .gx-inbox-backup{font-size:10px!important;padding:7px!important}
}
/* Browser fallback for :has() not required; this only improves padding in supporting browsers */
body.lw-authenticated-page:has(.gx-whatsapp-inbox) .main-content .container-fluid{max-width:none!important}