html{overflow-x: hidden;}
/*body{background: rgb(247, 250, 255);}*/
body{background-color: #FAFDFB;}


/* SOCIAL BUTTON */
.btn-youtube{color:#4285F4 !important;background-color:#fff;border:1px solid #4285F4;font-size:14px;height: 48px}
.btn-youtube img{width:23px !important;display:inline;float:left;margin-top:10.5px;margin-left: 15px;top:0;border-radius: 2px;}
.btn-youtube:focus,.btn-youtube:hover{color:#fff  !important;background-color:#4285F4;border:1px solid #4285F4;}
.btn-facebook{font-size: 14px;}
.login_btn{background: #394EEA;border-color:#394EEA;}
.login_btn:hover{background: #007bff !important;border-color:#007bff !important;}


/* SIDE BAR */
.main-sidebar .sidebar-brand{height: 80px !important;background-color: #fff;box-shadow: 0 0 8px rgba(0, 0, 0, .06);}
.main-sidebar .sidebar-brand img{max-width: 170px !important;max-height: 60px !important;margin-top:18px;margin-bottom:14px;}
.main-sidebar  .sidebar-brand-sm img{width: 32px !important;height: 32px !important;margin-top:20px !important;}
.main-sidebar .sidebar-menu li a i{margin-left:4px;font-size: 25px !important;}
.main-sidebar .sidebar-menu li ul li a i{margin-right:5px;font-size: 14px !important;}
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a
{
  padding-left: 50px;
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a{padding-left: 45px;}
.main-sidebar .sidebar-menu li ul.dropdown-menu2 li a{padding-left: 40px;}
#select2-account_switch_select-container{padding-left: 15px !important;padding-right: 5px !important;}



/* STICKY COLUMN */
.sidebar-section 
{
  position: absolute;
  height: 100%;
  width: 100%;
}
.sidebar-item 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.make-me-sticky 
{
  position: -webkit-sticky;
  position: sticky;
  top: 0;	    
  padding: 0 15px;
}

/* TABLE */
table .condensed a.dropdown-item { padding: 7px 20px !important; }


/* MODAL  */
.modal-footer{display: block !important;}
.modal-footer button[data-dismiss=modal]{float: right !important;}
.modal-xl{min-width: 70%;}
.modal-mega{min-width: 80%;}
.modal-full{min-width: 95%;}
.modal-title .fas,.modal-title .far,.modal-title .fal,.modal-title .fab{font-size: 18px !important;}


/* UPLOADER */
.ajax-upload-dragdrop,.ajax-file-upload-statusbar{width:100% !important;}
.ajax-file-upload{background: var(--blue) !important;}
.ajax-upload-dragdrop span{display: none !important;}

/* PRISM CODE HIGHTLIGHT */
code[class*="language-"], pre[class*="language-"]{
	white-space: pre-wrap !important;
	word-break: break-all !important;
}



/* FORM */
.select2-container--default .select2-selection--multiple .select2-selection__choice{border:none !important;}

/* STYLE */
.badge-status{background: #fcfcfc !important;border:.5px solid #ccc;padding:4px 12px;font-size: 12px;color:#064663 !important;}
.badge-status,.badge-subscribe i{font-size: 12px !important;}
.badge-status.normal{padding: 8px 10px !important;}
.activity .badge{font-size: 10px;padding:4px 8px;}
.activity .badge-danger{background: #fcfcfc;color:#fb160a;border:1px solid #fb160a;}
.activity .badge-warning{background: #fcfcfc;color:orange;border:1px solid orange;}
.pointer{cursor: pointer;}
.section-header h1 i{font-size: 24px !important;}
a.card-cta{text-decoration: underline;}
.custom-file input{cursor: pointer !important;}
.status-icon{font-size: 20px;}
.hidden{display: none !important;}
.disappear{opacity: 0 !important;}
/*.section_custom .section-header{margin-bottom: 0;border-bottom:1px solid #f9f9f9;border-radius: 3px 3px 0 0;}*/
/*.section_custom .card:first-child{border-radius: 0 0 3px 3px!important;}*/
/*.section_custom .card:first-child .card-header{border-bottom-width: 0;}*/
/*.section_custom .alert{margin-bottom: 0;border-radius: 0}*/
/*@media (max-width: 575.98px){.section_custom .section-header{margin-bottom: 0 !important;}}*/
.language-javascript{color: #fff !important;}
.language-javascript .toolbar .toolbar-item:first-child{display: none !important;}
.btn-outline-info,.btn-outline-primary,.btn-outline-success,.btn-outline-warning,.btn-outline-danger{background: #fff;}
.dropdown_alt{border-radius: 4px 0 0 4px;border-right: none;}
.dropdown_alt2{border-radius: 0 4px 4px 0;border-right: none;}
.full_width{width: 100% !important;}
.padding-0{padding: 0 !important;}
.padding-left-10{padding-left: 10px !important;}
.padding-right-10{padding-right: 10px !important;}
.padding-10{padding: 10px !important;}
.padding-20{padding: 20px !important;}
.margin-0{margin: 0 !important;}
.dropdown-menu.large{width: 240px;}
/* .show_parent:last-child .show_menu{position: absolute;top: -60px !important;left: 0;} */
.waiting_response .waiting {height: 100%;width:100%;display: table;}
.waiting_response .waiting i{font-size:60px;display: table-cell; vertical-align: middle;}
.dropdown-menu.dropdown-menu-sm a{font-size: 13px !important;color:#212529;}
.no_radius{border-radius: 0 !important;}
.no_shadow{box-shadow: none !important;}
.dropdown-toggle.no_caret::after{content: none !important;}
.border_me{border:.5px solid #dee2e6 !important;}
.no_radius{border-radius:0 !important;}
.d-block{display:block !important;}
.font-weight-bold{font-weight: 500 !important;}
.swal-text{font-weight: 400;}
.swal-title{font-weight: 300;}
.section-header.m-0{margin-bottom: 30px !important;}

.text-info.gradient{background: -webkit-linear-gradient(270deg,#34e7e4,#1a7472);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-primary.gradient{background: -webkit-linear-gradient(270deg,#0D8BF1,#053155);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-secondary.gradient{background: -webkit-linear-gradient(270deg,#8a3ab9,#e95950,#fccc63);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-success.gradient{background: -webkit-linear-gradient(270deg,#32ff7e,#125a2d);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-warning.gradient{background: -webkit-linear-gradient(270deg,#ffa801,#5a3b01);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-danger.gradient{background: -webkit-linear-gradient(270deg,#FC427B,#8b2544);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.bg-dark.gradient{background: #131d4b;background-image: radial-gradient(circle 350px at center,#135051,#131d4b 77%,#1597E5 100%);}
.bg-info.gradient{background: #15e9ff;background-image: radial-gradient(circle 350px at center,#15e9ff,#131d4b 70%,#1597E5 100%);}
/*.bg-primary.gradient{background: #0D8BF1;background-image: radial-gradient(circle 248px at center,#0D8BF1 0,#0741cc 47%,#3f51b5 100%);}*/
.bg-primary.gradient{background: #0D8BF1;background-image: radial-gradient(circle 248px at center,#0D8BF1 0,#0741cc 47%,#0a193f 100%);}
.bg-secondary.gradient{background: #f14793;background-image: radial-gradient(circle 248px at center,#f14793,#3a0989);}
.bg-success.gradient{background: #53a164;background-image: radial-gradient(circle 350px at center,#53a164,#131d4b 77%,#1597E5 100%);}
.bg-warning.gradient{background: #fc4a1a;background-image: radial-gradient(circle 248px at center,#fc4a1a,#f7b733);}
.bg-danger.gradient{background: #ff6a00;background-image: radial-gradient(circle 248px at center,#ff6a00,#ee0979);}


.bg-info-light.gradient{background: -webkit-linear-gradient(90deg,#FFFFFF,#FAFDFB,#D7E9F7);}
.bg-info-light-alt.gradient{background: -webkit-linear-gradient(270deg,#FFFFFF,#FAFDFB,#D7E9F7);}
.bg-success-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #d1edd1);}
.bg-success-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #d1edd1);}
.bg-primary-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #b8dbf9);}
.bg-primary-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #b8dbf9);}
.bg-secondary-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #f1e3f9);}
.bg-secondary-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #f1e3f9);}
.bg-warning-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #fffae0);}
.bg-warning-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #fffae0);}
.bg-danger-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #ffdddd);}
.bg-danger-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #ffdddd);}



/* ICON CARD */
.card.card-large-icons.card-condensed{box-shadow: 0 0 8px rgba(0, 0, 0, .06);margin-bottom: 15px;color:var(--blue);}
.card.card-large-icons.card-condensed h4{color:#6C757D;}
.card.card-large-icons.card-condensed.active h4{color:#fff;}
.card.card-large-icons.card-condensed a:not(.dropdown-item),.card.card-large-icons.card-condensed .dropdown-toggle,.card.card-large-icons.card-condensed .card-icon{color:var(--blue) !important;}
.card.card-large-icons.card-condensed.active{color:#fff;background: var(--blue);}
.card.card-large-icons.card-condensed.active a:not(.dropdown-item),.card.card-large-icons.card-condensed.active .dropdown-toggle,.card.card-large-icons.card-condensed.active .card-icon{color:#fff !important;}
.card.card-large-icons.card-condensed .card-icon{width: 75px;}
.card.card-large-icons.card-condensed .card-icon i{font-size: 22px;}
.card.card-large-icons.card-condensed .card-body{padding: 10px;}
.card.card-large-icons.card-condensed .card-body h4{font-size: 15px;}

@media (max-width: 575.98px)
{
  .card.card-large-icons{
    width: 100%;
  }
  .card.card-large-icons .card-icon {
    display: none !important;
  }
  .card.card-large-icons .card-body {
    display: block !important;
    width: 100% !important;
    text-align: center;
  }

}


/* BADGES */
.badge2 { padding: 2px 10px;border-radius: 10px;font-size: 12px; }
.badge2.badge-success2{background-color:rgba(29, 201, 183, 0.1);color:#1dc9b7;border:dotted 2px rgba(29, 201, 183, 0.1);}
.badge2.badge-pending2{background-color:rgba(255, 31, 31, 0.1);color:#ff5656;border:dotted 2px rgba(255, 31, 31, 0.1);}
.badge2.badge-processing2{background-color:rgba(255, 184, 34, 0.1);color:#ffb822;border:dotted 2px rgba(255, 184, 34, 0.1);}


/* SELECT2 */
.input-group .select2-container--default .select2-selection--single{border-radius: 0 !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background: #fff;color:var(--blue);border: 1px solid var(--blue) !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--blue) !important;}


/* COLOR */
.instagram{color: #AD34B1;}
.orange{color:orange !important;}
.green{color:#63ed7a !important;}
.red{color:#fb160a !important;}
.white{color:white !important;}
.gray{color:#ccc !important;}
.blue{color:var(--blue) !important;}
.black{color:#064663 !important;}
.bg-body{background: #FAFDFB !important;}
.bg-light{background: #F7F7F7 !important;}
.purple{color:#d43f8d !important;}
.ash { color:#6c757d !important; }
.cyan {color:#16d6d0 !important;}
.alert.alert-success{background: #B9DF90 !important;border-color: #B9DF90 !important;color:#3c763d !important;}
.alert.alert-warning{background: #ffdd87 !important;border-color: #ffdd87 !important;color:#8a6d3b !important;}
.alert.alert-danger{background: #f2838f !important;border-color: #f2838f !important;color:#fff !important;}

/* BUTTON */
.btn{box-shadow: none !important;}
.btn-circle{width: 40px;height: 40px;border-radius: 40px;padding:0;padding-top:8px;}
.btn.small{font-size: 10px !important;}
.btn-outline{background: #fff;border-radius: 0;border: .5px dashed #ccc;cursor: pointer;}
.btn-outline:hover{border: 1px dashed #394EEA !important;}
.mini_dropdown{padding:8px 0;top:-11px !important;border:.5px solid #394EE5;}
.mini_dropdown .btn{margin-right: 4px;}
.mini_dropdown .btn:last-child{margin-right: 0px;}
/* .btn-progress:visited{background-color:#ddd !important;border-color:#aaa !important;box-shadow: none !important;} */


/* DATA TABLE */
td,th{vertical-align: middle !important;}
.data-card{width: 101% !important;}
.dataTable,.table-responsive,.dataTable,.table-responsive2{width: 100% !important;}
.data-card .table:not(.table-sm) thead th{background: #F8FAFB !important;color:var(--blue) !important;}
.data-card .table{border: none !important;}
.data-card .table thead{border: 1px solid #EDEFFD!important;}
.data-card .table tbody{border: 1px solid #EDEFFD!important;}
.data-card .table-bordered td{border: 1px solid #EDEFFD !important;vertical-align: middle;}
.data-card .table-bordered th{border: none !important;vertical-align: middle;padding-top:15px;padding-bottom:15px;}
.data-card .table-bordered:not(.table-sm) td{padding-top:10px;padding-bottom:10px;}
.data-card .table tfoot {border: 1px solid #EDEFFD!important;text-align: right !important;}
.data-card .dataTables_length{display: inline !important;}
.data-card .dataTables_length select{width: 90px !important;margin-top:15px;}
.data-card .dataTables_info{display: inline !important;float:right !important;}
div.dataTables_wrapper div.dataTables_filter{text-align: left !important;}
div.dataTables_wrapper div.dataTables_filter input{margin-left: 0 !important;padding:20px 15px !important;max-width: 155px !important;}

/* SCROLL */
.mCSB_inside > .mCSB_container{margin-right: 0 !important;}
.nicescroll-cursors{background: #d2dae2 !important;}


/* MESSENGER BOT CUSTOM */
#messenger_bot_form .card{margin-bottom: 0 !important;}
#messenger_bot_form .btn.btn-outline-primary.float-right{padding : .10rem .4rem !important;}
#messenger_bot_form .select2{width: 100% !important;}
#messenger_bot_form .card{box-shadow: none !important;}
#messenger_bot_form .card-primary,#messenger_bot_form .card-secondary,#messenger_bot_form .card-warning{border-left:1px solid #f9f9f9;border-right:1px solid #f9f9f9;border-bottom:1px solid #f9f9f9;}


/* TABLE RESPONSIVE 2 */
@media (max-width: 575.98px) {
  .table-responsive2-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive2-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive2-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive2-md > .table-bordered {
    border: 0;
  }
  .data-card .table-bordered:not(.table-sm) tr:first-child td{padding-top:45px;}
}
@media (max-width: 991.98px) {
  .table-responsive2-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive2-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive2-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive2-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive2 {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive2 > .table-bordered {
  border: 0;
}

/* EMOJI */
.emojionearea.form-control,.emojionearea{min-height: 150px !important;border:1px solid #e4e6fc !important;box-shadow:none !important;-webkit-box-shadow:none !important;}
.emojionearea.form-control.focused,.emojionearea.focused{border-color:#95a0f4 !important;}
.emojionearea .emojionearea-editor{padding:0 !important;}

/* TOKENIZED */
.div.Tokenize ul.TokensContainer,div.Tokenize ul.TokensContainer{height: 150px !important;box-shadow:  none !important;-webkit-box-shadow:  none !important;border-radius: 3px;}
div.Tokenize ul.TokensContainer li.Token, div.Tokenize ul.TokensContainer li.TokenSearch{height: 22px !important;}
div.Tokenize ul.TokensContainer{padding:0px 7px !important;}
.tokenize-sample,.Tokenize{border:none !important;padding:0 !important;}
.Tokenize .Dropdown li.Hover{background: var(--blue) !important;}
div.Tokenize ul.TokensContainer, div.Tokenize ul.Dropdown{border-color:#e4e6fc !important;}


/* SUMMETNOTE EDITOR */
.note-toolbar{ height: 40px !important;}
.note-toolbar-wrapper{height: 35px;}
.note-editable{padding-top: 37px !important; max-height: 160px !important;}



/* CHECKBOX + RADIO*/
/* http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/ */
.regular-checkbox {
  display: none;
}
.regular-checkbox + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  margin: 0;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: #99a1a7;
}
.regular-checkbox:checked + label:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: -1.5px;
  left: 0;
  color: #99a1a7;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  
}
.big-checkbox + label {
  padding: 18px;
}
.big-checkbox:checked + label:after {
  font-size: 28px;
  left: 6px;
}
.radio-1 {
  width: 193px;
}
.button-holder {
  float: left;
}
.regular-radio {
  display: none;
}
.regular-radio + label {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
}
.regular-radio:checked + label:after {
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  background: #99a1a7;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
  text-shadow: 0px;
  left: 3px;
  font-size: 32px;
}
.regular-radio:checked + label {
  background-color: #e9ecee;
  color: #99a1a7;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio + label:active, .regular-radio:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.big-radio + label {
  padding: 16px;
}
.big-radio:checked + label:after {
  width: 24px;
  height: 24px;
  left: 4px;
  top: 4px;
}

/* webview-builder custom styles */
.webview-builder-action-buttons {
  width: 183px;
}

#detail-webview-form-modal .modal-body {
  padding: 0 15px 15px 15px;
}

#detail-webview-form-modal .modal-body .card {
  margin-bottom: 0px;
}

#detail-webview-form-modal .modal-body .card-body {
  padding-top: 0px;
}

#detail-first-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 10;
}

#detail-first-view .first-view-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

/* Manual payment style */
#manual-payment-modal #additional-info {
  height: 180px !important;
}

.mp-actions .fa {
  cursor: pointer;
}
.mp-actions.show .fa {
  color: var(--blue);
}
.mp-actions .dropdown-menu {
  padding: .5rem .5rem !important;
}

.custom-switch-description i{font-size: 15px !important;padding-top: 2px;margin: 0 1.5px;}
.social-media-switch .custom-switch-indicator{border-color: var(--blue) !important;background: #fff !important;}
.social-media-switch  .custom-switch-indicator:before {background: var(--blue) !important;}


/* ==========================================================================
   MODERN UI OVERRIDE - 2025 UPGRADE (Cole no final do custom.css)
   ========================================================================== */

/* 1. IMPORT MODERN FONT */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* 2. ROOT VARIABLES & GLOBAL RESET */
:root {
    --primary-color: #394EEA; /* Mantendo o azul original mas mais vibrante */
    --surface-color: #ffffff;
    --background-color: #f3f4f6; /* Cool Gray */
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --border-radius-lg: 16px;
    --border-radius-md: 10px;
    --border-radius-sm: 6px;
    --shadow-soft: 0 10px 30px -5px rgba(0, 0, 0, 0.04);
    --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
}

body {
    font-family: 'Inter', sans-serif !important;
    background-color: var(--background-color) !important;
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #1f2937 !important;
}

/* 3. SIDEBAR MODERNIZATION */
.main-sidebar {
    background: #ffffff !important;
    border-right: 1px solid #f0f0f0;
    box-shadow: none !important;
}

.main-sidebar .sidebar-brand {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
}

/* Menu Items Floating Style */
.main-sidebar .sidebar-menu {
    padding: 10px !important;
}

.main-sidebar .sidebar-menu li a {
    border-radius: var(--border-radius-md) !important;
    margin-bottom: 4px;
    padding: 10px 15px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    transition: all 0.2s ease;
}

.main-sidebar .sidebar-menu li.active > a {
    background: rgba(57, 78, 234, 0.08) !important;
    color: var(--primary-color) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.main-sidebar .sidebar-menu li.active > a:before {
    display: none !important; /* Remove the old left stripe */
}

.main-sidebar .sidebar-menu li a:hover {
    background-color: #f9fafb !important;
    color: var(--primary-color) !important;
}

/* 4. MODERN CARDS */
.card {
    border: 1px solid #f0f0f0 !important;
    border-radius: var(--border-radius-lg) !important;
    box-shadow: var(--shadow-card) !important;
    background: #fff !important;
    margin-bottom: 24px !important;
    overflow: hidden;
}

.card .card-header {
    background: #fff !important;
    border-bottom: 1px solid #f8f9fa !important;
    padding: 20px 25px !important;
    min-height: auto !important;
}

.card .card-header h4 {
    font-size: 16px !important;
    color: #111827 !important;
    font-weight: 700 !important;
}

.card .card-body {
    padding: 25px !important;
}

/* Statistic Cards (Those colorful ones) */
.card.card-statistic-1, .card.card-statistic-2 {
    border: none !important;
    transition: transform 0.2s;
}
.card.card-statistic-1:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-soft) !important;
}
.card.card-statistic-1 .card-icon {
    border-radius: 12px !important;
    margin: 15px !important;
}

/* 5. MODERN INPUTS & FORMS */
.form-control, .input-group-text, .select2-selection {
    background-color: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: var(--border-radius-md) !important;
    min-height: 48px !important; /* Taller inputs */
    padding: 10px 15px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    box-shadow: none !important;
    transition: all 0.2s;
}

.form-control:focus, .select2-selection--single:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 4px rgba(57, 78, 234, 0.1) !important;
}

/* Select2 Fixes */
.select2-container .select2-selection--single {
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal !important;
    padding-left: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
}

/* 6. BUTTONS */
.btn {
    border-radius: var(--border-radius-md) !important;
    
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important; /* Remove uppercase */
    box-shadow: none !important;
    transition: all 0.2s;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 4px 6px rgba(57, 78, 234, 0.25) !important;
}

.btn-primary:hover {
    box-shadow: 0 6px 12px rgba(57, 78, 234, 0.35) !important;
    transform: translateY(-1px);
}

.btn-outline-primary {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
    background: transparent !important;
}

/* 7. NAVBAR CLEANUP */
.navbar-bg {
    background: #fff !important;
    height: 80px !important;
    border-bottom: 1px solid #f0f0f0;
}

.navbar {
    background: transparent !important;
    height: 80px;
}

.navbar .nav-link {
    color: #4b5563 !important;
}

.navbar .nav-link:hover {
    color: var(--primary-color) !important;
}

/* User Dropdown */
.navbar .nav-link-user img {
    border-radius: 12px !important; /* Squircle avatar */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* 8. TABLES */
.table thead th {
    background-color: #f9fafb !important;
    border-bottom: 1px solid #e5e7eb !important;
    color: #6b7280 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 15px 20px !important;
}

.table td {
    padding: 15px 20px !important;
    border-color: #f3f4f6 !important;
}

/* 9. MODALS */
.modal-content {
    border-radius: 20px !important;
    border: none !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

.modal-header {
    background: #fff !important;
    border-bottom: 1px solid #f3f4f6 !important;
    padding: 25px !important;
    border-radius: 20px 20px 0 0 !important;
}

.modal-footer {
    background: #f9fafb !important;
    border-top: 1px solid #f3f4f6 !important;
    border-radius: 0 0 20px 20px !important;
}

/* 10. BADGES */
.badge, .badge-status {
    border-radius: 6px !important;
    padding: 6px 10px !important;
    font-weight: 600 !important;
}

/* Fix specific overrides in original CSS */
.section .section-header {
    box-shadow: none !important;
    background: transparent !important;
    padding-left: 0 !important;
}

.section .section-header h1 {
    font-size: 28px !important;
    color: #111827 !important;
}
/* =========================================
   FIX SELECT2 - ALINHAMENTO E ALTURA
   ========================================= */

/* 1. Container Geral - Força largura e remove margens estranhas */
.select2-container {
    width: 100% !important;
    margin: 0 !important;
}

/* 2. Select Único (Single) - Onde o texto fica 'pra cima' */
.select2-container .select2-selection--single {
    height: 48px !important; /* Altura moderna */
    display: flex !important;
    align-items: center !important; /* Isso centraliza verticalmente */
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    padding: 0 10px !important;
}

/* 3. Texto dentro do Select - Remove line-heights antigos */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
    color: #1f2937 !important;
    font-weight: 500 !important;
    margin-top: 0 !important;
}

/* 4. A Setinha (Flecha) - Centralizar */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important; /* Acompanha a altura do input */
    top: 1px !important;
    right: 10px !important;
    width: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 5. Select Múltiplo (Tags) - Correção de altura */
.select2-container--default .select2-selection--multiple {
    min-height: 48px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 4px 8px !important;
    background-color: #fff !important;
}

/* As 'tags' dentro do múltiplo */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 6px !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    border: none !important;
    background-color: rgba(57, 78, 234, 0.1) !important;
    color: #394EEA !important;
    font-weight: 600 !important;
}

/* 6. Quando clica (Focus) */
.select2-container--open .select2-selection--single,
.select2-container--open .select2-selection--multiple {
    border-color: #394EEA !important;
    box-shadow: 0 0 0 4px rgba(57, 78, 234, 0.1) !important;
}

/* 7. O Dropdown que abre (Lista de opções) */
.select2-dropdown {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
    padding: 5px !important;
    z-index: 9999 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #394EEA !important;
    border-radius: 6px !important;
}

.select2-results__option {
    padding: 10px 15px !important;
    font-size: 13px !important;
}
/* ====================================================
   SIDEBAR MODERNIZATION - FORCE UPDATE
   ==================================================== */

/* 1. Limpeza Geral da Sidebar */
.main-sidebar {
    background-color: #ffffff !important;
    box-shadow: none !important;
    border-right: 1px solid #f1f5f9 !important; /* Linha sutil à direita */
    width: 260px !important; /* Um pouco mais larga para respirar */
    padding-bottom: 50px;
}

.main-content {
    padding-left: 290px !important; /* Ajusta o conteúdo para a nova largura */
}

/* 2. Menu Itens (Links) */
.sidebar-menu {
    padding: 0 15px !important; /* Margem nas laterais do menu */
    margin-top: 10px !important;
}

.sidebar-menu li {
    margin-bottom: 5px !important; /* Espaço entre itens */
}

/* O Link em si */
.sidebar-menu li a.nav-link {
    border-radius: 12px !important; /* Bordas arredondadas */
    padding: 12px 15px !important; /* Mais gordinho */
    font-weight: 600 !important;
    color: #64748b !important; /* Cor cinza moderno */
    height: auto !important; /* Remove altura fixa antiga */
    line-height: 1.5 !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
}

/* Ícones do Menu */
.sidebar-menu li a.nav-link i {
    font-size: 18px !important;
    margin-right: 12px !important;
    margin-top: 0 !important; /* Corrige alinhamento vertical */
    width: 24px !important;
    text-align: center;
    /* Se quiser remover o gradiente colorido original e deixar tudo clean, descomente abaixo: */
    /* -webkit-text-fill-color: initial !important; */
    /* background: none !important; */
    /* color: #6366f1 !important; */ /* Cor única para ícones */
}

/* Hover (Passar o mouse) */
.sidebar-menu li a.nav-link:hover {
    background-color: #f8fafc !important;
    color: #394EEA !important; /* Azul do tema */
    transform: translateX(3px); /* Leve movimento */
}

/* 3. Item Ativo (Selecionado) */
.sidebar-menu li.active > a.nav-link {
    background-color: rgba(57, 78, 234, 0.08) !important; /* Azul bem claro */
    color: #394EEA !important;
    box-shadow: none !important;
}

/* Remove a barra vertical antiga do Stisla */
.sidebar-menu li.active > a.nav-link:before {
    display: none !important;
}

/* 4. Dropdowns (Submenus) */
.sidebar-menu li.active .dropdown-menu {
    background-color: transparent !important;
    margin-left: 10px !important;
    padding: 5px 0 !important;
    border-left: 2px solid #e2e8f0; /* Linha guia vertical para submenu */
}

.sidebar-menu li ul.dropdown-menu li a {
    padding: 8px 15px 8px 20px !important;
    font-size: 13px !important;
    height: auto !important;
    color: #64748b !important;
    border-radius: 0 8px 8px 0 !important;
}

.sidebar-menu li ul.dropdown-menu li a:hover,
.sidebar-menu li ul.dropdown-menu li.active > a {
    color: #394EEA !important;
    background-color: transparent !important;
    font-weight: 700 !important;
    padding-left: 25px !important; /* Efeito de movimento */
}

/* 5. Cabeçalhos de Menu (Ex: "Settings", "Payment") */
.sidebar-menu li.menu-header {
    padding: 20px 15px 10px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #94a3b8 !important;
    font-weight: 700 !important;
}

/* 6. Botão de Suporte (Support Desk) */
.btn-icon-split {
    border-radius: 12px !important;
    box-shadow: 0 4px 14px 0 rgba(57, 78, 234, 0.3) !important;
}

/* Mobile Adjustments */
@media (max-width: 1024px) {
    .main-sidebar {
        width: 250px !important; /* Volta ao normal no mobile */
    }
    .main-content {
        padding-left: 20px !important;
    }
}

/* ==========================================================
   FIXES FINAIS - CORREÇÃO DE LAYOUT E CARDS
   ========================================================== */

/* 1. CORREÇÃO DOS CARDS SUMINDO (Importante!) */
.card .card-header {
    min-height: 70px !important; /* Volta a altura original necessária */
    height: auto !important;
    align-items: center !important;
    flex-wrap: wrap !important; /* Permite que botões desçam no mobile */
    padding: 15px 25px !important;
}

/* Removemos o overflow hidden que pode cortar menus dropdown dentro dos cards */
.card {
    overflow: visible !important; 
}

/* Ajuste específico para cards de lista (como na sua foto 2) */
.card .card-header h4 {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    flex-grow: 1; /* Faz o título ocupar o espaço disponível */
}

/* 2. CORREÇÃO DA BARRA DE PESQUISA (Input Group) */
/* Isso cola o botão azul de volta na caixa de texto */
.input-group .form-control:not(:last-child), 
.input-group .select2-container--default:not(:last-child) .select2-selection--single {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group .input-group-append .btn, 
.input-group .input-group-btn .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 48px !important; /* Mesma altura do input */
    margin-left: -1px;
}

/* 3. CORREÇÃO DA SIDEBAR (Largura e Alinhamento) */
.main-sidebar {
    width: 250px !important; /* Volta para o padrão do template */
    margin-top: 0 !important;
}

.main-content {
    padding-left: 280px !important; /* Ajuste para compensar a sidebar */
}

/* Ajuste do Logo para não ficar gigante ou cortado */
.sidebar-brand {
    padding: 0 !important;
    height: 80px !important;
    line-height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sidebar-brand a img {
    max-height: 45px !important;
    width: auto !important;
}

/* 4. CORREÇÃO DE BOTÕES DENTRO DE CARDS (Alinhamento) */
.card-header-action {
    display: flex !important;
    gap: 5px; /* Espaço entre botões */
    margin-left: auto;
}

.card-header-action .btn {
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* 5. SEU MENU LATERAL (Ajuste fino) */
.main-sidebar .sidebar-menu li.active > a {
    margin-right: 10px; /* Pequeno respiro na direita */
}

/* Mobile Fix */
@media (max-width: 1024px) {
    .main-content {
        padding-left: 30px !important;
    }
    .main-sidebar {
        width: 250px !important;
        left: -250px; /* Esconde por padrão no mobile */
    }
    body.sidebar-show .main-sidebar {
        left: 0 !important;
    }
}
/* =============================================================
   HARMONIA VISUAL - DASHBOARD WIDGETS (Ícones Grandes)
   ============================================================= */

/* 1. RESET TOTAL DOS CARDS DE ÍCONE */
.card.card-large-icons {
    display: flex !important;
    flex-direction: column !important; /* Força ícone em cima, texto embaixo */
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    
    background-color: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 16px !important;
    
    padding: 30px 20px !important;
    min-height: 260px !important; /* Altura fixa para todos ficarem iguais */
    height: 100% !important;
    
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin-bottom: 25px !important;
}

/* 2. CORREÇÃO DOS ÍCONES */
.card.card-large-icons .card-icon {
    width: 70px !important;
    height: 70px !important;
    margin: 0 auto 20px auto !important; /* Centraliza e dá espaço pro texto */
    border-radius: 50% !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    background-color: rgba(57, 78, 234, 0.05) !important; /* Bolinha azul bem clara */
    color: #394EEA !important; /* Ícone azul */
    font-size: 28px !important;
}

/* Ícones do FontAwesome dentro da bolinha */
.card.card-large-icons .card-icon i,
.card.card-large-icons .card-icon .fas,
.card.card-large-icons .card-icon .far,
.card.card-large-icons .card-icon .fab {
    margin: 0 !important;
    font-size: 32px !important;
}

/* 3. TÍTULOS E TEXTOS HARMONIOSOS */
.card.card-large-icons .card-body {
    padding: 0 !important;
    width: 100% !important;
}

.card.card-large-icons h4 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1f2937 !important; /* Cinza escuro */
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.card.card-large-icons p {
    font-size: 13px !important;
    color: #6b7280 !important; /* Cinza médio */
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
    opacity: 1 !important; /* Remove transparência velha */
    font-weight: 400 !important;
}

/* 4. REMOVER O AZUL CHAPADO (O "ESTRANHO") */
/* Removemos o fundo azul quando está ativo ou hover, trocamos por borda e sombra */
.card.card-large-icons:hover, 
.card.card-large-icons.active {
    background-color: #ffffff !important; /* Mantém branco */
    border-color: #394EEA !important; /* Borda azul */
    transform: translateY(-5px) !important; /* Sobe um pouquinho */
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

/* Mantém o texto escuro mesmo no hover */
.card.card-large-icons.active h4, 
.card.card-large-icons:hover h4 {
    color: #394EEA !important;
}

.card.card-large-icons.active p, 
.card.card-large-icons:hover p {
    color: #4b5563 !important;
}

/* 5. BOTÕES DENTRO DOS CARDS (Ex: "Group", "Contact") */
.card.card-large-icons .card-body a.card-cta,
.card.card-large-icons .card-body .btn {
    margin-top: auto !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    padding: 6px 15px !important;
    background-color: #f3f4f6 !important;
    color: #394EEA !important;
    font-weight: 600 !important;
    border: none !important;
    display: inline-block;
    margin: 2px !important;
    text-decoration: none !important;
}

.card.card-large-icons .card-body a.card-cta:hover,
.card.card-large-icons .card-body .btn:hover {
    background-color: #394EEA !important;
    color: #fff !important;
}

/* Remove ícones duplicados nos botões se houver */
.card.card-large-icons .card-body a.card-cta i {
    margin-left: 5px !important;
}

  /* -------------------------------------------------------------------------
     LEGACY CHATPION STYLES (MANTIDOS PARA COMPATIBILIDADE)
     ------------------------------------------------------------------------- */
  html{overflow-x: hidden;}
  body{background-color: #FAFDFB;}

  /* SOCIAL BUTTON */
  .btn-youtube{color:#4285F4 !important;background-color:#fff;border:1px solid #4285F4;font-size:14px;height: 48px}
  .btn-youtube img{width:23px !important;display:inline;float:left;margin-top:10.5px;margin-left: 15px;top:0;border-radius: 2px;}
  .btn-youtube:focus,.btn-youtube:hover{color:#fff  !important;background-color:#4285F4;border:1px solid #4285F4;}
  .btn-facebook{font-size: 14px;}
  .login_btn{background: #394EEA;border-color:#394EEA;}
  .login_btn:hover{background: #007bff !important;border-color:#007bff !important;}

  /* SIDE BAR LEGACY (BASE) */
  .main-sidebar .sidebar-brand{height: 80px !important;background-color: #fff;box-shadow: 0 0 8px rgba(0, 0, 0, .06);}
  .main-sidebar .sidebar-brand img{max-width: 170px !important;max-height: 60px !important;margin-top:18px;margin-bottom:14px;}
  .main-sidebar  .sidebar-brand-sm img{width: 32px !important;height: 32px !important;margin-top:20px !important;}
  .main-sidebar .sidebar-menu li a i{margin-left:4px;font-size: 25px !important;}
  .main-sidebar .sidebar-menu li ul li a i{margin-right:5px;font-size: 14px !important;}
  body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a { padding-left: 50px; }
  .main-sidebar .sidebar-menu li ul.dropdown-menu li a{padding-left: 45px;}
  .main-sidebar .sidebar-menu li ul.dropdown-menu2 li a{padding-left: 40px;}
  #select2-account_switch_select-container{padding-left: 15px !important;padding-right: 5px !important;}

  /* STICKY COLUMN */
  .sidebar-section { position: absolute; height: 100%; width: 100%; }
  .sidebar-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .make-me-sticky { position: -webkit-sticky; position: sticky; top: 0; padding: 0 15px; }

  /* TABLE */
  table .condensed a.dropdown-item { padding: 7px 20px !important; }

  /* MODAL */
  .modal-footer{display: block !important;}
  .modal-footer button[data-dismiss=modal]{float: right !important;}
  .modal-xl{min-width: 70%;}
  .modal-mega{min-width: 80%;}
  .modal-full{min-width: 95%;}
  .modal-title .fas,.modal-title .far,.modal-title .fal,.modal-title .fab{font-size: 18px !important;}

  /* UPLOADER */
  .ajax-upload-dragdrop,.ajax-file-upload-statusbar{width:100% !important;}
  .ajax-file-upload{background: var(--blue) !important;}
  .ajax-upload-dragdrop span{display: none !important;}

  /* PRISM CODE HIGHTLIGHT */
  code[class*="language-"], pre[class*="language-"]{ white-space: pre-wrap !important; word-break: break-all !important; }

  /* FORM */
  .select2-container--default .select2-selection--multiple .select2-selection__choice{border:none !important;}

  /* STYLE */
  .badge-status{background: #fcfcfc !important;border:.5px solid #ccc;padding:4px 12px;font-size: 12px;color:#064663 !important;}
  .badge-status,.badge-subscribe i{font-size: 12px !important;}
  .badge-status.normal{padding: 8px 10px !important;}
  .activity .badge{font-size: 10px;padding:4px 8px;}
  .activity .badge-danger{background: #fcfcfc;color:#fb160a;border:1px solid #fb160a;}
  .activity .badge-warning{background: #fcfcfc;color:orange;border:1px solid orange;}
  .pointer{cursor: pointer;}
  .section-header h1 i{font-size: 24px !important;}
  a.card-cta{text-decoration: underline;}
  .custom-file input{cursor: pointer !important;}
  .status-icon{font-size: 20px;}
  .hidden{display: none !important;}
  .disappear{opacity: 0 !important;}
  .language-javascript{color: #fff !important;}
  .language-javascript .toolbar .toolbar-item:first-child{display: none !important;}
  .btn-outline-info,.btn-outline-primary,.btn-outline-success,.btn-outline-warning,.btn-outline-danger{background: #fff;}
  .dropdown_alt{border-radius: 4px 0 0 4px;border-right: none;}
  .dropdown_alt2{border-radius: 0 4px 4px 0;border-right: none;}
  .full_width{width: 100% !important;}
  .padding-0{padding: 0 !important;}
  .padding-left-10{padding-left: 10px !important;}
  .padding-right-10{padding-right: 10px !important;}
  .padding-10{padding: 10px !important;}
  .padding-20{padding: 20px !important;}
  .margin-0{margin: 0 !important;}
  .dropdown-menu.large{width: 240px;}
  .waiting_response .waiting {height: 100%;width:100%;display: table;}
  .waiting_response .waiting i{font-size:60px;display: table-cell; vertical-align: middle;}
  .dropdown-menu.dropdown-menu-sm a{font-size: 13px !important;color:#212529;}
  .no_radius{border-radius: 0 !important;}
  .no_shadow{box-shadow: none !important;}
  .dropdown-toggle.no_caret::after{content: none !important;}
  .border_me{border:.5px solid #dee2e6 !important;}
  .d-block{display:block !important;}
  .font-weight-bold{font-weight: 500 !important;}
  .swal-text{font-weight: 400;}
  .swal-title{font-weight: 300;}
  .section-header.m-0{margin-bottom: 30px !important;}

  /* GRADIENTS (LEGACY) */
  .text-info.gradient{background: -webkit-linear-gradient(270deg,#34e7e4,#1a7472);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
  .text-primary.gradient{background: -webkit-linear-gradient(270deg,#0D8BF1,#053155);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
  .text-secondary.gradient{background: -webkit-linear-gradient(270deg,#8a3ab9,#e95950,#fccc63);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
  .text-success.gradient{background: -webkit-linear-gradient(270deg,#32ff7e,#125a2d);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
  .text-warning.gradient{background: -webkit-linear-gradient(270deg,#ffa801,#5a3b01);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
  .text-danger.gradient{background: -webkit-linear-gradient(270deg,#FC427B,#8b2544);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

  .bg-dark.gradient{background: #131d4b;background-image: radial-gradient(circle 350px at center,#135051,#131d4b 77%,#1597E5 100%);}
  .bg-info.gradient{background: #15e9ff;background-image: radial-gradient(circle 350px at center,#15e9ff,#131d4b 70%,#1597E5 100%);}
  .bg-primary.gradient{background: #0D8BF1;background-image: radial-gradient(circle 248px at center,#0D8BF1 0,#0741cc 47%,#0a193f 100%);}
  .bg-secondary.gradient{background: #f14793;background-image: radial-gradient(circle 248px at center,#f14793,#3a0989);}
  .bg-success.gradient{background: #53a164;background-image: radial-gradient(circle 350px at center,#53a164,#131d4b 77%,#1597E5 100%);}
  .bg-warning.gradient{background: #fc4a1a;background-image: radial-gradient(circle 248px at center,#fc4a1a,#f7b733);}
  .bg-danger.gradient{background: #ff6a00;background-image: radial-gradient(circle 248px at center,#ff6a00,#ee0979);}

  /* LIGHT GRADIENTS */
  .bg-info-light.gradient{background: -webkit-linear-gradient(90deg,#FFFFFF,#FAFDFB,#D7E9F7);}
  .bg-info-light-alt.gradient{background: -webkit-linear-gradient(270deg,#FFFFFF,#FAFDFB,#D7E9F7);}
  .bg-success-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #d1edd1);}
  .bg-success-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #d1edd1);}
  .bg-primary-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #b8dbf9);}
  .bg-primary-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #b8dbf9);}
  .bg-secondary-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #f1e3f9);}
  .bg-secondary-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #f1e3f9);}
  .bg-warning-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #fffae0);}
  .bg-warning-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #fffae0);}
  .bg-danger-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #ffdddd);}
  .bg-danger-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #ffdddd);}

  /* ICON CARD (LEGACY BASE - WILL BE OVERRIDDEN) */
  .card.card-large-icons.card-condensed{box-shadow: 0 0 8px rgba(0, 0, 0, .06);margin-bottom: 15px;color:var(--blue);}
  .card.card-large-icons.card-condensed h4{color:#6C757D;}
  .card.card-large-icons.card-condensed.active h4{color:#fff;}
  .card.card-large-icons.card-condensed a:not(.dropdown-item),.card.card-large-icons.card-condensed .dropdown-toggle,.card.card-large-icons.card-condensed .card-icon{color:var(--blue) !important;}
  .card.card-large-icons.card-condensed.active{color:#fff;background: var(--blue);}
  .card.card-large-icons.card-condensed.active a:not(.dropdown-item),.card.card-large-icons.card-condensed.active .dropdown-toggle,.card.card-large-icons.card-condensed.active .card-icon{color:#fff !important;}
  .card.card-large-icons.card-condensed .card-icon{width: 75px;}
  .card.card-large-icons.card-condensed .card-icon i{font-size: 22px;}
  .card.card-large-icons.card-condensed .card-body{padding: 10px;}
  .card.card-large-icons.card-condensed .card-body h4{font-size: 15px;}

  /* BADGES */
  .badge2 { padding: 2px 10px;border-radius: 10px;font-size: 12px; }
  .badge2.badge-success2{background-color:rgba(29, 201, 183, 0.1);color:#1dc9b7;border:dotted 2px rgba(29, 201, 183, 0.1);}
  .badge2.badge-pending2{background-color:rgba(255, 31, 31, 0.1);color:#ff5656;border:dotted 2px rgba(255, 31, 31, 0.1);}
  .badge2.badge-processing2{background-color:rgba(255, 184, 34, 0.1);color:#ffb822;border:dotted 2px rgba(255, 184, 34, 0.1);}

  /* SELECT2 LEGACY */
  .input-group .select2-container--default .select2-selection--single{border-radius: 0 !important;}
  .select2-container--default .select2-selection--multiple .select2-selection__choice{background: #fff;color:var(--blue);border: 1px solid var(--blue) !important;}
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--blue) !important;}

  /* COLOR */
  .instagram{color: #AD34B1;}
  .orange{color:orange !important;}
  .green{color:#63ed7a !important;}
  .red{color:#fb160a !important;}
  .white{color:white !important;}
  .gray{color:#ccc !important;}
  .blue{color:var(--blue) !important;}
  .black{color:#064663 !important;}
  .bg-body{background: #FAFDFB !important;}
  .bg-light{background: #F7F7F7 !important;}
  .purple{color:#d43f8d !important;}
  .ash { color:#6c757d !important; }
  .cyan {color:#16d6d0 !important;}
  .alert.alert-success{background: #B9DF90 !important;border-color: #B9DF90 !important;color:#3c763d !important;}
  .alert.alert-warning{background: #ffdd87 !important;border-color: #ffdd87 !important;color:#8a6d3b !important;}
  .alert.alert-danger{background: #f2838f !important;border-color: #f2838f !important;color:#fff !important;}

  /* BUTTON */
  .btn{box-shadow: none !important;}
  .btn-circle{width: 40px;height: 40px;border-radius: 40px;padding:0;padding-top:8px;}
  .btn.small{font-size: 10px !important;}
  .btn-outline{background: #fff;border-radius: 0;border: .5px dashed #ccc;cursor: pointer;}
  .btn-outline:hover{border: 1px dashed #394EEA !important;}
  .mini_dropdown{padding:8px 0;top:-11px !important;border:.5px solid #394EE5;}
  .mini_dropdown .btn{margin-right: 4px;}
  .mini_dropdown .btn:last-child{margin-right: 0px;}

  /* DATA TABLE */
  td,th{vertical-align: middle !important;}
  .data-card{width: 101% !important;}
  .dataTable,.table-responsive,.dataTable,.table-responsive2{width: 100% !important;}
  .data-card .table:not(.table-sm) thead th{background: #F8FAFB !important;color:var(--blue) !important;}
  .data-card .table{border: none !important;}
  .data-card .table thead{border: 1px solid #EDEFFD!important;}
  .data-card .table tbody{border: 1px solid #EDEFFD!important;}
  .data-card .table-bordered td{border: 1px solid #EDEFFD !important;vertical-align: middle;}
  .data-card .table-bordered th{border: none !important;vertical-align: middle;padding-top:15px;padding-bottom:15px;}
  .data-card .table-bordered:not(.table-sm) td{padding-top:10px;padding-bottom:10px;}
  .data-card .table tfoot {border: 1px solid #EDEFFD!important;text-align: right !important;}
  .data-card .dataTables_length{display: inline !important;}
  .data-card .dataTables_length select{width: 90px !important;margin-top:15px;}
  .data-card .dataTables_info{display: inline !important;float:right !important;}
  div.dataTables_wrapper div.dataTables_filter{text-align: left !important;}
  div.dataTables_wrapper div.dataTables_filter input{margin-left: 0 !important;padding:20px 15px !important;max-width: 155px !important;}

  /* SCROLL */
  .mCSB_inside > .mCSB_container{margin-right: 0 !important;}
  .nicescroll-cursors{background: #d2dae2 !important;}

  /* MESSENGER BOT CUSTOM */
  #messenger_bot_form .card{margin-bottom: 0 !important;}
  #messenger_bot_form .btn.btn-outline-primary.float-right{padding : .10rem .4rem !important;}
  #messenger_bot_form .select2{width: 100% !important;}
  #messenger_bot_form .card{box-shadow: none !important;}
  #messenger_bot_form .card-primary,#messenger_bot_form .card-secondary,#messenger_bot_form .card-warning{border-left:1px solid #f9f9f9;border-right:1px solid #f9f9f9;border-bottom:1px solid #f9f9f9;}

  /* TABLE RESPONSIVE 2 */
  @media (max-width: 575.98px) {
    .table-responsive2-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive2-sm > .table-bordered { border: 0; }
  }
  @media (max-width: 767.98px) {
    .table-responsive2-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive2-md > .table-bordered { border: 0; }
    .data-card .table-bordered:not(.table-sm) tr:first-child td{padding-top:45px;}
  }
  @media (max-width: 991.98px) {
    .table-responsive2-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive2-lg > .table-bordered { border: 0; }
  }
  @media (max-width: 1199.98px) {
    .table-responsive2-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive2-xl > .table-bordered { border: 0; }
  }
  .table-responsive2 { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive2 > .table-bordered { border: 0; }

  /* EMOJI */
  .emojionearea.form-control,.emojionearea{min-height: 150px !important;border:1px solid #e4e6fc !important;box-shadow:none !important;-webkit-box-shadow:none !important;}
  .emojionearea.form-control.focused,.emojionearea.focused{border-color:#95a0f4 !important;}
  .emojionearea .emojionearea-editor{padding:0 !important;}

  /* TOKENIZED */
  .div.Tokenize ul.TokensContainer,div.Tokenize ul.TokensContainer{height: 150px !important;box-shadow:  none !important;-webkit-box-shadow:  none !important;border-radius: 3px;}
  div.Tokenize ul.TokensContainer li.Token, div.Tokenize ul.TokensContainer li.TokenSearch{height: 22px !important;}
  div.Tokenize ul.TokensContainer{padding:0px 7px !important;}
  .tokenize-sample,.Tokenize{border:none !important;padding:0 !important;}
  .Tokenize .Dropdown li.Hover{background: var(--blue) !important;}
  div.Tokenize ul.TokensContainer, div.Tokenize ul.Dropdown{border-color:#e4e6fc !important;}

  /* SUMMETNOTE EDITOR */
  .note-toolbar{ height: 40px !important;}
  .note-toolbar-wrapper{height: 35px;}
  .note-editable{padding-top: 37px !important; max-height: 160px !important;}

  /* CHECKBOX + RADIO */
  .regular-checkbox { display: none; }
  .regular-checkbox + label { background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; margin: 0; }
  .regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
  .regular-checkbox:checked + label { background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; }
  .regular-checkbox:checked + label:after { content: '\2714'; font-size: 14px; position: absolute; top: -1.5px; left: 0; color: #99a1a7; font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
  .big-checkbox + label { padding: 18px; }
  .big-checkbox:checked + label:after { font-size: 28px; left: 6px; }
  .radio-1 { width: 193px; }
  .button-holder { float: left; }
  .regular-radio { display: none; }
  .regular-radio + label { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 50px; display: inline-block; position: relative; }
  .regular-radio:checked + label:after { content: ' '; width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 3px; background: #99a1a7; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); text-shadow: 0px; left: 3px; font-size: 32px; }
  .regular-radio:checked + label { background-color: #e9ecee; color: #99a1a7; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); }
  .regular-radio + label:active, .regular-radio:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
  .big-radio + label { padding: 16px; }
  .big-radio:checked + label:after { width: 24px; height: 24px; left: 4px; top: 4px; }

  /* MULTI LAYOUT */
  .button-outline{background: #fff;border: .5px dashed #ccc;}
  .button-outline:hover{border: 1px dashed var(--blue) !important;cursor: pointer;}
  .multi_layout{margin:0;background: #fff}
  .multi_layout .card{margin-bottom:0;}
  .multi_layout p, .multi_layout ul:not(.list-unstyled), .multi_layout ol{line-height: 15px;}
  .multi_layout .list-group li{padding: 15px 10px 12px 25px;}
  .multi_layout{border:.5px solid #dee2e6;}
  .multi_layout .collef,.multi_layout .colmid,.multi_layout .colrig{padding-left: 0px; padding-right: 0px;}
  .multi_layout .collef,.multi_layout .colmid{border-right: .5px solid #dee2e6;}
  .multi_layout .main_card{min-height: 500px;box-shadow: none;}
  .multi_layout .collef .makeScroll{max-height: 790px;overflow:auto;}
  .multi_layout .list-group{padding-top:6px;}
  .multi_layout .list-group .list-group-item{border-radius: 0;border:.5px solid #dee2e6;border-left:none;border-right:none;cursor: pointer;z-index: 0;}
  .multi_layout .list-group .list-group-item:first-child{border-top:none;}
  .multi_layout .list-group .list-group-item:last-child{border-bottom:none;}
  .multi_layout .list-group .list-group-item.active{border:.5px solid var(--blue);}
  .multi_layout .mCSB_inside > .mCSB_container{margin-right: 0;}
  .multi_layout .card-statistic-1{border-radius: 0;}
  .multi_layout h6.page_name{font-size: 14px;}
  .multi_layout .card .card-header input{max-width: 100% !important;}
  .multi_layout .waiting,.modal_waiting {height: 100%;width:100%;display: table;}
  .multi_layout .waiting i,.modal_waiting i{font-size:60px;display: table-cell; vertical-align: middle;padding:30px 0;}
  .multi_layout .card .card-header h4 a{font-weight: 700 !important;}  
  
  /* UTILS EXTRA */
  .product-item .product-name{font-weight: 500;}
  .badge-status{border-color:#eee;}
  ::placeholder { color: #ccc !important; }
  .smallspace{padding: 10px 0;}
  .lead_first_name,.lead_last_name,.lead_tag_name{background: #fff !important;}
  .getstarted_lead_first_name,.getstarted_lead_last_name,.getstarted_lead_tag_name{background: #fff !important;}
  hr{margin-top: 10px;}
  .custom-top-margin{margin-top: 20px;}
  .sync_page_style{margin-top: 8px;}
  .well{background: #fff;}  
  .emojionearea, .emojionearea.form-control{height: 140px !important;}
  .emojionearea.small-height{height: 140px !important;}

  /* RADIO CHECK */
  .radio_check{display:block;position:relative;padding-left:35px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
  .radio_check input{position:absolute;opacity:0;cursor:pointer}
  .checkmark{position:absolute;top:0px;right:0;height:18px;width:18px;background-color:#ccc;}
  .radio_check:hover input~.checkmark{background-color:#eee}
  .radio_check input:checked~.checkmark{background-color:#2196F3}.checkmark:after{content:"";position:absolute;display:none}
  .radio_check input:checked~.checkmark:after{display:block}
  .radio_check .checkmark:after{top:5px;left:5px;width:8px;height:8px;border-radius:50%;background:#fff}
  
  /* TEMPLATES */
  .template_sec{border:1px solid #dcd7d7;border-top-right-radius:6px;border-bottom-right-radius:6px;padding-right:0;overflow: hidden;}
  .template_img_section img{border-top-left-radius:6px;border-bottom-left-radius:6px}
  .template_body_section{height:94px;padding:3px 10px 0 10px;border-left:none}
  .description_section{font-size:10px;text-align:justify}
  .author-box .author-box-name { font-size: 14px;}
  .author-box .author-box-picture { width:80px;}
  .type3 .ajax-upload-dragdrop{text-align: center;}
  .type3 .ajax-file-upload-filename{width:100% !important;}

  /* MANUAL PAYMENT */
  #manual-payment-modal #additional-info { height: 180px !important; }
  .mp-actions .fa { cursor: pointer; }
  .mp-actions.show .fa { color: var(--blue); }
  .mp-actions .dropdown-menu { padding: .5rem .5rem !important; }
  .custom-switch-description i{font-size: 15px !important;padding-top: 2px;margin: 0 1.5px;}
  .social-media-switch .custom-switch-indicator{border-color: var(--blue) !important;background: #fff !important;}
  .social-media-switch  .custom-switch-indicator:before {background: var(--blue) !important;}

  /* 
     ========================================================================================
     MODERNIZAÇÃO UI - 2025 UPGRADE (VERSÃO CORRIGIDA)
     ======================================================================================== 
  */

  /* 1. IMPORT MODERN FONT */
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

  :root {
      --primary-color: #394EEA;
      --surface-color: #ffffff;
      --background-color: #f3f4f6;
      --text-primary: #111827;
      --text-secondary: #6b7280;
      --border-radius-lg: 16px;
      --border-radius-md: 10px;
      --border-radius-sm: 6px;
      --shadow-soft: 0 10px 30px -5px rgba(0, 0, 0, 0.04);
      --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
  }

  body {
      font-family: 'Inter', sans-serif !important;
      background-color: var(--background-color) !important;
      color: var(--text-primary);
      -webkit-font-smoothing: antialiased;
  }

  h1, h2, h3, h4, h5, h6 {
      font-weight: 700 !important;
      letter-spacing: -0.02em !important;
      color: #1f2937 !important;
  }

  /* 2. SIDEBAR MODERNIZATION (CORRIGIDO PARA TOGGLE) */
  .main-sidebar {
      background: #ffffff !important;
      border-right: 1px solid #f0f0f0;
      box-shadow: none !important;
      width: 250px; /* Removido !important para permitir toggle */
      margin-top: 0 !important;
      transition: width 0.3s ease;
  }

  /* Estado "Mini Sidebar" (Encolhido) */
  body.sidebar-mini .main-sidebar {
      width: 65px !important;
      overflow: visible !important;
  }

  .main-content {
      padding-left: 280px;
      transition: padding-left 0.3s ease;
  }
  
  body.sidebar-mini .main-content {
      padding-left: 90px !important;
  }

  /* Brand/Logo Alignment */
  .main-sidebar .sidebar-brand {
      background: transparent !important;
      box-shadow: none !important;
      border-bottom: 1px solid #f0f0f0;
      font-weight: 800 !important;
      padding: 0 !important;
      height: 80px !important;
      line-height: 80px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
  }

  .sidebar-brand a img {
      max-height: 45px !important;
      width: auto !important;
      margin: 0 !important;
  }

  body.sidebar-mini .sidebar-brand {
      display: none !important;
  }
  
  body.sidebar-mini .sidebar-brand-sm {
      display: flex !important;
      align-items: center;
      justify-content: center;
      height: 80px;
  }

  /* Menu Items Styles */
  .main-sidebar .sidebar-menu {
      padding: 10px 10px 0 10px !important;
      margin-top: 0 !important;
  }

  .main-sidebar .sidebar-menu li {
      margin-bottom: 5px;
  }

  .main-sidebar .sidebar-menu li a.nav-link {
      border-radius: var(--border-radius-md) !important;
      padding: 10px 15px !important;
      font-weight: 500 !important;
      color: #4b5563 !important;
      transition: all 0.2s ease !important;
      height: auto !important;
      display: flex !important;
      align-items: center !important;
  }

  /* Icon Fix */
  .main-sidebar .sidebar-menu li a.nav-link i {
      margin-right: 12px !important;
      margin-left: 0 !important;
      width: 24px !important;
      text-align: center !important;
      font-size: 18px !important;
      flex-shrink: 0; /* Impede que o ícone esmague */
  }

  /* Active State */
  .main-sidebar .sidebar-menu li.active > a.nav-link {
      background: rgba(57, 78, 234, 0.08) !important;
      color: var(--primary-color) !important;
      font-weight: 600 !important;
      box-shadow: none !important;
  }

  .main-sidebar .sidebar-menu li.active > a:before {
      display: none !important;
  }

  .main-sidebar .sidebar-menu li a:hover {
      background-color: #f9fafb !important;
      color: var(--primary-color) !important;
  }

  /* CORREÇÃO PARA MINI SIDEBAR (TEXTOS E CABEÇALHOS) */
  body.sidebar-mini .main-sidebar .sidebar-menu li a span {
      display: none !important;
  }
  
  body.sidebar-mini .main-sidebar .sidebar-menu li.menu-header {
      display: none !important;
  }
  
  body.sidebar-mini .main-sidebar .sidebar-menu li a.nav-link {
      padding: 10px !important;
      justify-content: center;
  }
  
  body.sidebar-mini .main-sidebar .sidebar-menu li a.nav-link i {
      margin-right: 0 !important;
  }

  /* Submenus */
  .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
      padding-left: 45px !important;
      font-size: 13px !important;
  }

  /* 3. MODERN CARDS & WIDGETS (CORRIGIDO) */
  .card {
      border: 1px solid #f0f0f0 !important;
      border-radius: var(--border-radius-lg) !important;
      box-shadow: var(--shadow-card) !important;
      background: #fff !important;
      margin-bottom: 24px !important;
      overflow: visible !important;
  }

  .card .card-header {
      background: #fff !important;
      border-bottom: 1px solid #f8f9fa !important;
      padding: 15px 25px !important;
      min-height: 70px !important;
      height: auto !important;
      display: flex !important;
      align-items: center !important;
      flex-wrap: wrap !important;
  }

  .card .card-header h4 {
      font-size: 16px !important;
      color: #111827 !important;
      font-weight: 700 !important;
      margin: 0 !important;
      flex-grow: 1;
  }

  .card .card-body {
      padding: 25px !important;
  }

  /* Harmonized Icon Cards (Grid Widgets) */
  .card.card-large-icons {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      background-color: #ffffff !important;
      border: 1px solid #f1f5f9 !important;
      border-radius: 16px !important;
      padding: 30px 20px !important;
      min-height: 260px !important;
      height: 100% !important;
      box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02) !important;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
      margin-bottom: 25px !important;
  }

  .card.card-large-icons .card-icon {
      width: 70px !important;
      height: 70px !important;
      margin: 0 auto 20px auto !important;
      border-radius: 50% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      background-color: rgba(57, 78, 234, 0.05) !important;
      color: #394EEA !important;
      float: none !important;
  }

  .card.card-large-icons .card-icon i,
  .card.card-large-icons .card-icon .fas,
  .card.card-large-icons .card-icon .far {
      font-size: 32px !important;
      margin: 0 !important;
  }

  .card.card-large-icons h4 {
      font-size: 15px !important;
      font-weight: 700 !important;
      color: #1f2937 !important;
      margin-bottom: 10px !important;
      text-transform: uppercase !important;
  }

  .card.card-large-icons p {
      font-size: 13px !important;
      color: #6b7280 !important;
      line-height: 1.5 !important;
      margin-bottom: 15px !important;
      opacity: 1 !important;
      font-weight: 400 !important;
  }

  /* Hover Effect */
  .card.card-large-icons:hover, .card.card-large-icons.active {
      background-color: #ffffff !important;
      border-color: #394EEA !important;
      transform: translateY(-5px) !important;
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }
  .card.card-large-icons.active h4, .card.card-large-icons:hover h4 { color: #394EEA !important; }
  .card.card-large-icons.active p, .card.card-large-icons:hover p { color: #4b5563 !important; }

  /* Widget Buttons */
  .card.card-large-icons .card-body a.card-cta,
  .card.card-large-icons .card-body .btn {
      margin-top: auto !important;
      border-radius: 50px !important;
      font-size: 12px !important;
      padding: 6px 15px !important;
      background-color: #f3f4f6 !important;
      color: #394EEA !important;
      font-weight: 600 !important;
      border: none !important;
      display: inline-block;
      text-decoration: none !important;
  }
  .card.card-large-icons .card-body a.card-cta:hover,
  .card.card-large-icons .card-body .btn:hover {
      background-color: #394EEA !important;
      color: #fff !important;
  }

  /* 4. MODERN INPUTS & FORMS */
  .form-control, .input-group-text, .select2-selection {
      background-color: #fff !important;
      border: 1px solid #e5e7eb !important;
      border-radius: var(--border-radius-md) !important;
      min-height: 48px !important;
      padding: 10px 15px !important;
      font-size: 14px !important;
      color: #1f2937 !important;
      box-shadow: none !important;
      transition: all 0.2s;
  }

  .form-control:focus, .select2-selection--single:focus {
      border-color: var(--primary-color) !important;
      box-shadow: 0 0 0 4px rgba(57, 78, 234, 0.1) !important;
  }

  /* Input Group Fix */
  .input-group .form-control:not(:last-child), 
  .input-group .select2-container--default:not(:last-child) .select2-selection--single {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
  }
  .input-group .input-group-append .btn, 
  .input-group .input-group-btn .btn {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
      height: 48px !important;
      margin-left: -1px;
  }

  /* 5. SELECT2 FIXES */
  .select2-container { width: 100% !important; margin: 0 !important; }
  .select2-container .select2-selection--single {
      height: 48px !important;
      display: flex !important;
      align-items: center !important;
      border: 1px solid #e5e7eb !important;
      border-radius: 10px !important;
      background-color: #fff !important;
      padding: 0 10px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: normal !important;
      padding-left: 0 !important;
      padding-right: 20px !important;
      color: #1f2937 !important;
      font-weight: 500 !important;
      margin-top: 0 !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 46px !important;
      top: 1px !important;
      right: 10px !important;
      width: 20px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
  }
  .select2-container--default .select2-selection--multiple {
      min-height: 48px !important;
      border: 1px solid #e5e7eb !important;
      border-radius: 10px !important;
      padding: 4px 8px !important;
      background-color: #fff !important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
      margin-top: 6px !important;
      border-radius: 6px !important;
      padding: 4px 8px !important;
      border: none !important;
      background-color: rgba(57, 78, 234, 0.1) !important;
      color: #394EEA !important;
      font-weight: 600 !important;
  }
  .select2-dropdown {
      border: 1px solid #e5e7eb !important;
      border-radius: 12px !important;
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
      padding: 5px !important;
      z-index: 9999 !important;
  }

  /* 6. BUTTONS & BADGES */
  .btn {
      border-radius: var(--border-radius-md) !important;
      padding: 10px 20px !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      letter-spacing: 0.3px !important;
      text-transform: none !important;
      box-shadow: none !important;
      transition: all 0.2s;
  }
  .btn-primary {
      background-color: var(--primary-color) !important;
      border-color: var(--primary-color) !important;
      box-shadow: 0 4px 6px rgba(57, 78, 234, 0.25) !important;
  }
  .btn-primary:hover {
      box-shadow: 0 6px 12px rgba(57, 78, 234, 0.35) !important;
      transform: translateY(-1px);
  }
  .badge, .badge-status {
      border-radius: 6px !important;
      padding: 6px 10px !important;
      font-weight: 600 !important;
  }

  /* 7. MOBILE FIXES */
  @media (max-width: 1024px) {
      .main-content { padding-left: 20px !important; padding-right: 20px !important; }
      .main-sidebar { width: 250px !important; left: -250px; }
      body.sidebar-show .main-sidebar { left: 0 !important; }
      .card.card-large-icons { min-height: auto !important; }
  }